@keypix/ui/dist/index.js

A premium React component library built with TypeScript, Tailwind CSS, and Atomic Design principles. The most comprehensive and beautiful UI library available.

import*as C from'react';import {createContext,useState,useEffect,useContext}from'react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,jsx,Fragment}from'react/jsx-runtime';import {createPortal}from'react-dom';var se="keypix-ui-styles",ee=false,we=`
/* Global reset and base styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  font-family: 'Inter', sans-serif;
}

*:focus,
*:active {
  outline: none;
}

html,
body {
  height: 100%;
}

:root {
  --background: 0 0% 100%;
  --foreground: 222.2 84% 4.9%;
  --card: 0 0% 100%;
  --card-foreground: 222.2 84% 4.9%;
  --popover: 0 0% 100%;
  --popover-foreground: 222.2 84% 4.9%;
  --primary: 221.2 83.2% 53.3%;
  --primary-foreground: 210 40% 98%;
  --secondary: 210 40% 96%;
  --secondary-foreground: 222.2 84% 4.9%;
  --muted: 210 40% 96%;
  --muted-foreground: 215.4 16.3% 46.9%;
  --accent: 210 40% 96%;
  --accent-foreground: 222.2 84% 4.9%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 210 40% 98%;
  --border: 214.3 31.8% 91.4%;
  --input: 214.3 31.8% 91.4%;
  --ring: 221.2 83.2% 53.3%;
  --chart: 221.2 83.2% 53.3%;
  --chart-foreground: 222.2 84% 4.9%;
  --radius: 0.5rem;
}

.dark {
  --background: 222.2 84% 4.9%;
  --foreground: 210 40% 98%;
  --card: 222.2 84% 4.9%;
  --card-foreground: 210 40% 98%;
  --popover: 222.2 84% 4.9%;
  --popover-foreground: 210 40% 98%;
  --primary: 217.2 91.2% 59.8%;
  --primary-foreground: 222.2 84% 4.9%;
  --secondary: 217.2 32.6% 17.5%;
  --secondary-foreground: 210 40% 98%;
  --muted: 217.2 32.6% 17.5%;
  --muted-foreground: 215 20.2% 65.1%;
  --accent: 217.2 32.6% 17.5%;
  --accent-foreground: 210 40% 98%;
  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 210 40% 98%;
  --border: 217.2 32.6% 17.5%;
  --input: 217.2 32.6% 17.5%;
  --ring: 224.3 76.3% 94.1%;
  --chart: 217.2 91.2% 59.8%;
  --chart-foreground: 210 40% 98%;
}

*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}

/* Accessibility improvements */
.keypix-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.keypix-focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}
.keypix-focus-visible:not(.keypix-focus-visible){outline:none}
.keypix-reduced-motion{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}
@media(prefers-reduced-motion:reduce){.keypix-reduced-motion{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}
@media(prefers-contrast:high){.keypix-button{border-width:2px}.keypix-input{border-width:2px}}
`,Ne=`
.keypix-button{display:inline-flex;align-items:center;justify-content:center;border-radius:calc(var(--radius) - 2px);font-weight:500;transition:all .2s;cursor:pointer;border:1px solid transparent;text-decoration:none;font-family:inherit;line-height:1}.keypix-button:disabled{opacity:.5;cursor:not-allowed}.keypix-button:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.keypix-button-default{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.keypix-button-default:hover:not(:disabled){background-color:hsl(var(--primary)/.9)}.keypix-button-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.keypix-button-secondary:hover:not(:disabled){background-color:hsl(var(--secondary)/.8)}.keypix-button-destructive{background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.keypix-button-destructive:hover:not(:disabled){background-color:hsl(var(--destructive)/.9)}.keypix-button-outline{background-color:transparent;color:hsl(var(--foreground));border-color:hsl(var(--border))}.keypix-button-outline:hover:not(:disabled){background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.keypix-button-ghost{background-color:transparent;color:hsl(var(--foreground))}.keypix-button-ghost:hover:not(:disabled){background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.keypix-button-link{background-color:transparent;color:hsl(var(--primary));text-decoration:underline;text-underline-offset:4px}.keypix-button-link:hover:not(:disabled){color:hsl(var(--primary)/.8)}.keypix-button-success{background-color:hsl(142 76% 36%);color:#fff}.keypix-button-success:hover:not(:disabled){background-color:hsl(142 76% 36%/.9)}.keypix-button-warning{background-color:hsl(38 92% 50%);color:#fff}.keypix-button-warning:hover:not(:disabled){background-color:hsl(38 92% 50%/.9)}.keypix-button-info{background-color:hsl(199 89% 48%);color:#fff}.keypix-button-info:hover:not(:disabled){background-color:hsl(199 89% 48%/.9)}.keypix-button-xs{height:1.5rem;padding:0 .5rem;font-size:.75rem}.keypix-button-sm{height:2rem;padding:0 .75rem;font-size:.875rem}.keypix-button-md{height:2.5rem;padding:0 1rem;font-size:.875rem}.keypix-button-lg{height:3rem;padding:0 1.5rem;font-size:1rem}.keypix-button-xl{height:3.5rem;padding:0 2rem;font-size:1.125rem}.keypix-button-icon{width:2.5rem;height:2.5rem;padding:0}.keypix-input{display:flex;height:2.5rem;width:100%;border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--border));background-color:hsl(var(--background));padding:0 .75rem;font-size:.875rem;color:hsl(var(--foreground));transition:border-color .2s}.keypix-input:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 2px hsl(var(--ring)/.2)}.keypix-input:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.keypix-input::placeholder{color:hsl(var(--muted-foreground))}.keypix-badge{display:inline-flex;align-items:center;border-radius:calc(var(--radius) - 2px);font-weight:500;font-size:.75rem;line-height:1;padding:.25rem .5rem;border:1px solid transparent}.keypix-badge-default{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.keypix-badge-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground))}.keypix-badge-destructive{background-color:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}.keypix-badge-outline{background-color:transparent;color:hsl(var(--foreground));border-color:hsl(var(--border))}.keypix-badge-success{background-color:hsl(142 76% 36%);color:#fff}.keypix-badge-warning{background-color:hsl(38 92% 50%);color:#fff}.keypix-badge-info{background-color:hsl(199 89% 48%);color:#fff}.keypix-card{border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--border));background-color:hsl(var(--card));color:hsl(var(--card-foreground));box-shadow:0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1)}.keypix-card-header{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem}.keypix-card-title{font-size:1.5rem;font-weight:600;line-height:1;letter-spacing:-.025em}.keypix-card-content{padding:0 1.5rem 1.5rem}.keypix-avatar{position:relative;display:flex;height:2.5rem;width:2.5rem;overflow:hidden;border-radius:50%;background-color:hsl(var(--muted))}.keypix-avatar img{aspect-ratio:1/1;height:100%;width:100%;object-fit:cover}.keypix-avatar-fallback{display:flex;align-items:center;justify-content:center;height:100%;width:100%;background-color:hsl(var(--muted));color:hsl(var(--muted-foreground));font-size:.875rem;font-weight:500}.keypix-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid currentColor;border-bottom-color:transparent;border-radius:50%;animation:keypix-spin 1s linear infinite}@keyframes keypix-spin{to{transform:rotate(360deg)}}.keypix-flex{display:flex}.keypix-inline-flex{display:inline-flex}.keypix-flex-col{flex-direction:column}.keypix-flex-col-reverse{flex-direction:column-reverse}.keypix-flex-row{flex-direction:row}.keypix-flex-row-reverse{flex-direction:row-reverse}.keypix-items-center{align-items:center}.keypix-justify-center{justify-content:center}.keypix-justify-between{justify-content:space-between}.keypix-space-x-2>*+*{margin-left:.5rem}.keypix-space-x-4>*+*{margin-left:1rem}.keypix-space-y-2>*+*{margin-top:.5rem}.keypix-space-y-4>*+*{margin-top:1rem}.keypix-space-y-8>*+*{margin-top:2rem}.keypix-gap-2{gap:.5rem}.keypix-gap-4{gap:1rem}.keypix-p-6{padding:1.5rem}.keypix-p-8{padding:2rem}.keypix-px-3{padding-left:.75rem;padding-right:.75rem}.keypix-py-1{padding-top:.25rem;padding-bottom:.25rem}.keypix-pl-10{padding-left:2.5rem}.keypix-pr-10{padding-right:2.5rem}.keypix-min-h-screen{min-height:100vh}.keypix-max-w-4xl{max-width:56rem}.keypix-mx-auto{margin-left:auto;margin-right:auto}.keypix-ml-2{margin-left:.5rem}.keypix-mr-2{margin-right:.5rem}.keypix-mt-2{margin-top:.5rem}.keypix-border{border-width:1px}.keypix-border-2{border-width:2px}.keypix-rounded{border-radius:.25rem}.keypix-rounded-full{border-radius:9999px}.keypix-rounded-lg{border-radius:.5rem}.keypix-flex-wrap{flex-wrap:wrap}.keypix-relative{position:relative}.keypix-absolute{position:absolute}.keypix-fixed{position:fixed}.keypix-inset-0{top:0;right:0;bottom:0;left:0}.keypix-top-0{top:0}.keypix-right-0{right:0}.keypix-bottom-0{bottom:0}.keypix-left-0{left:0}.keypix-top-1/2{top:50%}.keypix-right-3{right:.75rem}.keypix-left-3{left:.75rem}.keypix--translate-y-1/2{transform:translateY(-50%)}.keypix-z-50{z-index:50}.keypix-w-full{width:100%}.keypix-h-full{height:100%}.keypix-h-3{height:.75rem}.keypix-h-4{height:1rem}.keypix-h-6{height:1.5rem}.keypix-h-8{height:2rem}.keypix-h-10{height:2.5rem}.keypix-h-12{height:3rem}.keypix-h-16{height:4rem}.keypix-h-20{height:5rem}.keypix-w-3{width:.75rem}.keypix-w-4{width:1rem}.keypix-w-6{width:1.5rem}.keypix-w-8{width:2rem}.keypix-w-10{width:2.5rem}.keypix-w-12{width:3rem}.keypix-w-16{width:4rem}.keypix-w-20{width:5rem}.keypix-w-1{width:.25rem}.keypix-aspect-square{aspect-ratio:1/1}.keypix-object-cover{object-fit:cover}.keypix-overflow-hidden{overflow:hidden}.keypix-pointer-events-none{pointer-events:none}.keypix-text-xs{font-size:.75rem;line-height:1rem}.keypix-text-sm{font-size:.875rem;line-height:1.25rem}.keypix-text-base{font-size:1rem;line-height:1.5rem}.keypix-text-lg{font-size:1.125rem;line-height:1.75rem}.keypix-text-xl{font-size:1.25rem;line-height:1.75rem}.keypix-text-3xl{font-size:1.875rem;line-height:2.25rem}.keypix-font-medium{font-weight:500}.keypix-font-bold{font-weight:700}.keypix-leading-none{line-height:1}.keypix-leading-tight{line-height:1.25}.keypix-tracking-tight{letter-spacing:-.025em}.keypix-bg-background{background-color:hsl(var(--background))}.keypix-bg-card{background-color:hsl(var(--card))}.keypix-bg-muted{background-color:hsl(var(--muted))}.keypix-bg-white{background-color:#fff}.keypix-bg-black{background-color:#000}.keypix-bg-green-500{background-color:rgb(34 197 94)}.keypix-bg-gray-400{background-color:rgb(156 163 175)}.keypix-bg-yellow-500{background-color:rgb(234 179 8)}.keypix-bg-red-500{background-color:rgb(239 68 68)}.keypix-bg-black\\/50{background-color:rgb(0 0 0/.5)}.keypix-text-foreground{color:hsl(var(--foreground))}.keypix-text-card-foreground{color:hsl(var(--card-foreground))}.keypix-text-muted-foreground{color:hsl(var(--muted-foreground))}.keypix-text-primary{color:hsl(var(--primary))}.keypix-text-secondary-foreground{color:hsl(var(--secondary-foreground))}.keypix-text-destructive{color:hsl(var(--destructive))}.keypix-text-green-500{color:rgb(34 197 94)}.keypix-text-yellow-500{color:rgb(234 179 8)}.keypix-text-red-500{color:rgb(239 68 68)}.keypix-text-gray-600{color:rgb(75 85 99)}.keypix-text-white{color:#fff}.keypix-border-border{border-color:hsl(var(--border))}.keypix-border-destructive{border-color:hsl(var(--destructive))}.keypix-border-white{border-color:#fff}.keypix-border-gray-800{border-color:rgb(31 41 55)}.keypix-ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.keypix-ring-white{--tw-ring-color:#fff}.keypix-ring-gray-800{--tw-ring-color:rgb(31 41 55)}.keypix-shadow-sm{box-shadow:0 1px 2px 0 rgb(0 0 0/.05)}.keypix-shadow-lg{box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1)}.keypix-animate-pulse{animation:keypix-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes keypix-pulse{0%,100%{opacity:1}50%{opacity:.5}}.keypix-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.keypix-outline-none{outline:2px solid transparent;outline-offset:2px}.keypix-cursor-pointer{cursor:pointer}.keypix-cursor-not-allowed{cursor:not-allowed}.keypix-block{display:block}.keypix-text-center{text-align:center}.keypix-shrink-0{flex-shrink:0}.keypix--space-x-1>*+*{margin-left:-.25rem}.keypix--space-x-2>*+*{margin-left:-.5rem}.keypix--space-x-3>*+*{margin-left:-.75rem}.keypix-flex-1{flex:1 1 0%}.dark .keypix-bg-gray-800{background-color:rgb(31 41 55)}.dark .keypix-text-gray-400{color:rgb(156 163 175)}.dark .keypix-ring-gray-800{--tw-ring-color:rgb(31 41 55)}.hover\\:keypix-text-foreground:hover{color:hsl(var(--foreground))}.hover\\:keypix-bg-black\\/10:hover{background-color:rgb(0 0 0/.1)}.hover\\:keypix-bg-white\\/10:hover{background-color:rgb(255 255 255/.1)}.focus\\:keypix-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:keypix-text-foreground:focus{color:hsl(var(--foreground))}.focus\\:keypix-bg-black\\/10:focus{background-color:rgb(0 0 0/.1)}.focus\\:keypix-bg-white\\/10:focus{background-color:rgb(255 255 255/.1)}.focus\\:keypix-ring-destructive:focus{--tw-ring-color:hsl(var(--destructive))}
`;function b(){ee||document.getElementById(se)||typeof window<"u"&&requestAnimationFrame(()=>{let t=document.createElement("style");t.id=se,t.textContent=we+Ne;let r=document.head,e=r.firstChild;r.insertBefore(t,e),ee=true;});}typeof document<"u"&&!ee&&b();var re=new Map;function a(...t){let r=JSON.stringify(t);if(re.has(r))return re.get(r);let e=twMerge(clsx(t));return re.set(r,e),e}var de=C.forwardRef(({className:t,src:r,alt:e,fallback:o,size:i="md",status:s,statusPosition:d="bottom-right",loading:n=false,bordered:y=false,ring:l=false,ringColor:m="keypix-ring-2 keypix-ring-white dark:keypix-ring-gray-800",...c},u)=>{C.useEffect(()=>{b();},[]);let[k,f]=C.useState(false),x={xs:"keypix-h-6 keypix-w-6 keypix-text-xs",sm:"keypix-h-8 keypix-w-8 keypix-text-xs",md:"keypix-h-10 keypix-w-10 keypix-text-sm",lg:"keypix-h-12 keypix-w-12 keypix-text-base",xl:"keypix-h-16 keypix-w-16 keypix-text-lg","2xl":"keypix-h-20 keypix-w-20 keypix-text-xl"},h={online:"keypix-bg-green-500",offline:"keypix-bg-gray-400",away:"keypix-bg-yellow-500",busy:"keypix-bg-red-500"},L={"top-right":"keypix-top-0 keypix-right-0","top-left":"keypix-top-0 keypix-left-0","bottom-right":"keypix-bottom-0 keypix-right-0","bottom-left":"keypix-bottom-0 keypix-left-0"},v=r&&!k&&!n;return jsxs("div",{ref:u,className:a("keypix-avatar",x[i],y&&"keypix-border-2 keypix-border-border",l&&m,t),...c,children:[n?jsx("div",{className:"keypix-flex keypix-h-full keypix-w-full keypix-items-center keypix-justify-center keypix-rounded-full keypix-bg-muted keypix-animate-pulse",children:jsx("div",{className:"keypix-h-4 keypix-w-4 keypix-rounded-full keypix-bg-muted-foreground/20"})}):v?jsx("img",{className:"keypix-aspect-square keypix-h-full keypix-w-full keypix-object-cover",src:r,alt:e,onError:()=>f(true)}):jsx("div",{className:"keypix-avatar-fallback",children:jsx("span",{className:"keypix-font-medium keypix-text-muted-foreground",children:o?o.charAt(0).toUpperCase():"U"})}),s&&jsx("div",{className:a("keypix-absolute keypix-h-3 keypix-w-3 keypix-rounded-full keypix-border-2 keypix-border-background",h[s],L[d])})]})});de.displayName="Avatar";var le=C.forwardRef(({className:t,children:r,max:e,size:o="md",spacing:i="normal",...s},d)=>{let n=C.Children.toArray(r),y=e?n.slice(0,e):n,l=e?n.length-e:0;return jsxs("div",{ref:d,className:a("keypix-flex keypix-items-center",{tight:"keypix--space-x-1",normal:"keypix--space-x-2",loose:"keypix--space-x-3"}[i],t),...s,children:[y.map((c,u)=>jsx("div",{className:"keypix-relative",children:C.cloneElement(c,{size:o})},u)),l>0&&jsxs("div",{className:a("keypix-relative keypix-flex keypix-items-center keypix-justify-center keypix-rounded-full keypix-bg-muted keypix-text-muted-foreground keypix-font-medium",o==="xs"&&"keypix-h-6 keypix-w-6 keypix-text-xs",o==="sm"&&"keypix-h-8 keypix-w-8 keypix-text-xs",o==="md"&&"keypix-h-10 keypix-w-10 keypix-text-sm",o==="lg"&&"keypix-h-12 keypix-w-12 keypix-text-base",o==="xl"&&"keypix-h-16 keypix-w-16 keypix-text-lg",o==="2xl"&&"keypix-h-20 keypix-w-20 keypix-text-xl"),children:["+",l]})]})});le.displayName="AvatarGroup";var pe=C.forwardRef(({className:t,variant:r="default",size:e="md",leftIcon:o,rightIcon:i,removable:s,onRemove:d,removeIcon:n,children:y,...l},m)=>{C.useEffect(()=>{b();},[]);let c=f=>{f.stopPropagation(),f.preventDefault(),d==null||d();},u=jsx("svg",{className:"keypix-h-3 keypix-w-3",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})}),k=a("keypix-badge",`keypix-badge-${r}`,`keypix-badge-${e}`,t);return jsxs("div",{className:k,ref:m,...l,children:[o&&jsx("span",{className:"keypix-mr-1 keypix-inline-flex keypix-items-center",children:o}),jsx("span",{className:"keypix-inline-flex keypix-items-center",children:y}),i&&!s&&jsx("span",{className:"keypix-ml-1 keypix-inline-flex keypix-items-center",children:i}),s&&jsx("button",{type:"button",onClick:c,className:"keypix-ml-1 keypix-inline-flex keypix-items-center keypix-rounded-full keypix-p-0.5 hover:keypix-bg-black/10 dark:hover:keypix-bg-white/10 focus:keypix-outline-none focus:keypix-bg-black/10 dark:focus:keypix-bg-white/10 keypix-transition-colors","aria-label":"Remove badge",children:n||u})]})});pe.displayName="Badge";var ce=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,xe=clsx,G=(t,r)=>e=>{var o;if((r==null?void 0:r.variants)==null)return xe(t,e==null?void 0:e.class,e==null?void 0:e.className);let{variants:i,defaultVariants:s}=r,d=Object.keys(i).map(l=>{let m=e==null?void 0:e[l],c=s==null?void 0:s[l];if(m===null)return null;let u=ce(m)||ce(c);return i[l][u]}),n=e&&Object.entries(e).reduce((l,m)=>{let[c,u]=m;return u===void 0||(l[c]=u),l},{}),y=r==null||(o=r.compoundVariants)===null||o===void 0?void 0:o.reduce((l,m)=>{let{class:c,className:u,...k}=m;return Object.entries(k).every(f=>{let[x,h]=f;return Array.isArray(h)?h.includes({...s,...n}[x]):{...s,...n}[x]===h})?[...l,c,u]:l},[]);return xe(t,d,y,e==null?void 0:e.class,e==null?void 0:e.className)};var Le=G("inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",{variants:{variant:{default:"border-transparent bg-blue-600 text-white hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600",secondary:"border-transparent bg-gray-100 text-gray-900 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-100 dark:hover:bg-gray-700",destructive:"border-transparent bg-red-600 text-white hover:bg-red-700 dark:bg-red-500 dark:hover:bg-red-600",outline:"border-gray-300 bg-transparent text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800",success:"border-transparent bg-green-600 text-white hover:bg-green-700 dark:bg-green-500 dark:hover:bg-green-600",warning:"border-transparent bg-yellow-600 text-white hover:bg-yellow-700 dark:bg-yellow-500 dark:hover:bg-yellow-600",info:"border-transparent bg-blue-600 text-white hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600"},size:{sm:"px-2 py-0.5 text-xs",md:"px-2.5 py-0.5 text-xs",lg:"px-3 py-1 text-sm"}},defaultVariants:{variant:"default",size:"md"}});var I=C.forwardRef(({className:t,size:r="md",variant:e="default",type:o="spinner",text:i,textPosition:s="bottom",overlay:d=false,overlayText:n,...y},l)=>{C.useEffect(()=>{b();},[]);let m={xs:"keypix-h-3 keypix-w-3",sm:"keypix-h-4 keypix-w-4",md:"keypix-h-6 keypix-w-6",lg:"keypix-h-8 keypix-w-8",xl:"keypix-h-12 keypix-w-12"},c={default:"keypix-text-muted-foreground",primary:"keypix-text-primary",secondary:"keypix-text-secondary-foreground",success:"keypix-text-green-500",warning:"keypix-text-yellow-500",error:"keypix-text-red-500"},u={top:"keypix-flex-col-reverse",bottom:"keypix-flex-col",left:"keypix-flex-row-reverse",right:"keypix-flex-row"},k=()=>{switch(o){case "dots":return jsx("div",{className:"keypix-flex keypix-space-x-1",children:[0,1,2].map(x=>jsx("div",{className:a("keypix-rounded-full keypix-animate-pulse",m[r],c[e]),style:{animationDelay:`${x*.2}s`}},x))});case "pulse":return jsx("div",{className:a("keypix-rounded-full keypix-animate-pulse",m[r],c[e])});case "bars":return jsx("div",{className:"keypix-flex keypix-space-x-1",children:[0,1,2,3].map(x=>jsx("div",{className:a("keypix-w-1 keypix-animate-pulse",c[e]),style:{animationDelay:`${x*.1}s`,height:r==="xs"?"12px":r==="sm"?"16px":r==="md"?"24px":r==="lg"?"32px":"48px"}},x))});default:return jsx("div",{className:a("keypix-spinner",m[r],c[e])})}},f=jsxs("div",{ref:l,className:a("keypix-flex keypix-items-center keypix-justify-center",i&&u[s],t),...y,children:[k(),i&&jsx("span",{className:a("keypix-text-sm keypix-font-medium",c[e],s==="top"||s==="bottom"?"keypix-mt-2":"keypix-ml-2"),children:i})]});return d?jsx("div",{className:"keypix-fixed keypix-inset-0 keypix-z-50 keypix-flex keypix-items-center keypix-justify-center keypix-bg-black/50",children:jsxs("div",{className:"keypix-rounded-lg keypix-bg-white keypix-p-6 keypix-shadow-lg dark:keypix-bg-gray-800",children:[f,n&&jsx("p",{className:"keypix-mt-2 keypix-text-center keypix-text-sm keypix-text-gray-600 dark:keypix-text-gray-400",children:n})]})}):f});I.displayName="Spinner";var N=C.memo(C.forwardRef(({className:t,variant:r="default",size:e="md",loading:o=false,loadingText:i,leftIcon:s,rightIcon:d,fullWidth:n=false,disableOnLoading:y=true,disabled:l,children:m,ariaLabel:c,ariaDescription:u,ariaLive:k,...f},x)=>{C.useEffect(()=>{b();},[]);let h=l||o&&y,L=o&&i?i:m,v=o?jsx(I,{size:"sm",className:"keypix-mr-2"}):s,O=o?null:d,X=C.useMemo(()=>a("keypix-button",`keypix-button-${r}`,`keypix-button-${e}`,n&&"keypix-w-full",t),[r,e,n,t]),Z={"aria-label":c,"aria-describedby":u?`${f.id||"button"}-description`:void 0,"aria-live":k,"aria-busy":o,"aria-disabled":h,role:"button",tabIndex:h?-1:0};return jsxs(Fragment,{children:[jsxs("button",{className:X,ref:x,disabled:h,...Z,...f,children:[v&&jsx("span",{className:"keypix-inline-flex keypix-items-center","aria-hidden":"true",children:v}),L&&jsx("span",{className:"keypix-inline-flex keypix-items-center",children:L}),O&&jsx("span",{className:"keypix-inline-flex keypix-items-center keypix-ml-2","aria-hidden":"true",children:O})]}),u&&jsx("div",{id:`${f.id||"button"}-description`,className:"keypix-sr-only","aria-live":"polite",children:u})]})}));N.displayName="Button";var Pe=G("inline-flex items-center justify-center rounded-md text-sm font-medium transition-all duration-200 ease-in-out focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:opacity-50 disabled:pointer-events-none disabled:cursor-not-allowed active:scale-95 border-0 cursor-pointer",{variants:{variant:{default:"bg-blue-600 text-white hover:bg-blue-700 hover:shadow-md active:bg-blue-800 shadow-sm dark:bg-blue-500 dark:hover:bg-blue-600 dark:active:bg-blue-700",destructive:"bg-red-600 text-white hover:bg-red-700 hover:shadow-md active:bg-red-800 shadow-sm dark:bg-red-500 dark:hover:bg-red-600 dark:active:bg-red-700",outline:"border border-gray-300 bg-transparent text-gray-700 hover:bg-gray-50 hover:border-gray-400 active:bg-gray-100 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:border-gray-500",ghost:"text-gray-700 hover:bg-gray-100 hover:text-gray-900 active:bg-gray-200 dark:text-gray-300 dark:hover:bg-gray-800 dark:hover:text-gray-100 dark:active:bg-gray-700",link:"text-blue-600 underline-offset-4 hover:underline hover:text-blue-700 active:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300 bg-transparent",secondary:"bg-gray-100 text-gray-900 hover:bg-gray-200 hover:shadow-sm active:bg-gray-300 shadow-sm dark:bg-gray-800 dark:text-gray-100 dark:hover:bg-gray-700 dark:active:bg-gray-600",success:"bg-green-600 text-white hover:bg-green-700 hover:shadow-md active:bg-green-800 shadow-sm dark:bg-green-500 dark:hover:bg-green-600 dark:active:bg-green-700",warning:"bg-yellow-600 text-white hover:bg-yellow-700 hover:shadow-md active:bg-yellow-800 shadow-sm dark:bg-yellow-500 dark:hover:bg-yellow-600 dark:active:bg-yellow-700",info:"bg-blue-600 text-white hover:bg-blue-700 hover:shadow-md active:bg-blue-800 shadow-sm dark:bg-blue-500 dark:hover:bg-blue-600 dark:active:bg-blue-700"},size:{xs:"h-6 px-2 text-xs",sm:"h-8 px-3 text-xs",md:"h-10 px-4 text-sm",lg:"h-12 px-6 text-base",xl:"h-14 px-8 text-lg",icon:"h-10 w-10","icon-sm":"h-8 w-8","icon-lg":"h-12 w-12"}},defaultVariants:{variant:"default",size:"md"}});var Ee=C.forwardRef(({className:t,...r},e)=>(C.useEffect(()=>{b();},[]),jsx("div",{ref:e,className:a("keypix-card",t),...r})));Ee.displayName="Card";var He=C.forwardRef(({className:t,...r},e)=>jsx("div",{ref:e,className:a("keypix-card-header",t),...r}));He.displayName="CardHeader";var Ae=C.forwardRef(({className:t,...r},e)=>jsx("h3",{ref:e,className:a("keypix-card-title",t),...r}));Ae.displayName="CardTitle";var Be=C.forwardRef(({className:t,...r},e)=>jsx("p",{ref:e,className:a("keypix-text-sm keypix-text-muted-foreground",t),...r}));Be.displayName="CardDescription";var De=C.forwardRef(({className:t,...r},e)=>jsx("div",{ref:e,className:a("keypix-card-content",t),...r}));De.displayName="CardContent";var Ie=C.forwardRef(({className:t,...r},e)=>jsx("div",{ref:e,className:a("keypix-flex keypix-items-center keypix-p-6 keypix-pt-0",t),...r}));Ie.displayName="CardFooter";var z=C.memo(C.forwardRef(({className:t,type:r,label:e,helperText:o,error:i,required:s,leftIcon:d,rightIcon:n,...y},l)=>{C.useEffect(()=>{b();},[]);let m=C.useMemo(()=>a("keypix-input",i&&"keypix-border-destructive",d&&"keypix-pl-10",n&&"keypix-pr-10",t),[i,d,n,t]);return jsxs("div",{className:"keypix-relative",children:[e&&jsxs("label",{className:"keypix-block keypix-text-sm keypix-font-medium keypix-text-foreground keypix-mb-2",children:[e,s&&jsx("span",{className:"keypix-text-destructive",children:"*"})]}),jsxs("div",{className:"keypix-relative",children:[d&&jsx("div",{className:"keypix-absolute keypix-left-3 keypix-top-1/2 keypix--translate-y-1/2 keypix-pointer-events-none",children:d}),jsx("input",{type:r,className:m,ref:l,...y}),n&&jsx("div",{className:"keypix-absolute keypix-right-3 keypix-top-1/2 keypix--translate-y-1/2 keypix-pointer-events-none",children:n})]}),o&&jsx("p",{className:a("keypix-mt-2 keypix-text-sm",i?"keypix-text-destructive":"keypix-text-muted-foreground"),children:o})]})}));z.displayName="Input";var Fe=C.forwardRef(({className:t,variant:r="default",icon:e,children:o,...i},s)=>jsxs("div",{ref:s,role:"alert",className:a("relative w-full rounded-lg border p-4 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",{default:"bg-background text-foreground border",destructive:"border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive",success:"border-green-500/50 text-green-700 dark:text-green-400 [&>svg]:text-green-500",warning:"border-yellow-500/50 text-yellow-700 dark:text-yellow-400 [&>svg]:text-yellow-500",info:"border-blue-500/50 text-blue-700 dark:text-blue-400 [&>svg]:text-blue-500"}[r],t),...i,children:[e&&jsx("div",{className:"absolute left-4 top-4",children:e}),jsx("div",{className:a(e&&"pl-7"),children:o})]}));Fe.displayName="Alert";var ze=C.forwardRef(({className:t,...r},e)=>jsx("h5",{ref:e,className:a("mb-1 font-medium leading-none tracking-tight",t),...r}));ze.displayName="AlertTitle";var je=C.forwardRef(({className:t,...r},e)=>jsx("div",{ref:e,className:a("text-sm [&_p]:leading-relaxed",t),...r}));je.displayName="AlertDescription";var Oe=C.forwardRef(({className:t,isOpen:r,onClose:e,title:o,description:i,size:s="md",closeOnOverlayClick:d=true,closeOnEscape:n=true,children:y,...l},m)=>{let[c,u]=C.useState(false);C.useEffect(()=>{u(true);},[]),C.useEffect(()=>{if(!r)return;let x=h=>{h.key==="Escape"&&n&&e();};return document.addEventListener("keydown",x),document.body.style.overflow="hidden",()=>{document.removeEventListener("keydown",x),document.body.style.overflow="unset";}},[r,e,n]);let k=x=>{x.target===x.currentTarget&&d&&e();},f={sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl",full:"max-w-full mx-4"};return !c||!r?null:createPortal(jsx("div",{className:"fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm",onClick:k,children:jsxs("div",{ref:m,className:a("relative w-full rounded-lg bg-background p-6 shadow-lg",f[s],t),...l,children:[(o||i)&&jsxs("div",{className:"mb-4",children:[o&&jsx("h2",{className:"text-lg font-semibold text-foreground",children:o}),i&&jsx("p",{className:"mt-1 text-sm text-muted-foreground",children:i})]}),jsx("div",{className:"relative",children:y}),jsxs("button",{onClick:e,className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",children:[jsx("svg",{className:"h-4 w-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})}),jsx("span",{className:"sr-only",children:"Close"})]})]})}),document.body)});Oe.displayName="Modal";var J=C.forwardRef(({placeholder:t="Search...",onSearch:r,className:e,disabled:o},i)=>{C.useEffect(()=>{b();},[]);let[s,d]=C.useState(""),n=()=>{r(s);},y=l=>{l.key==="Enter"&&n();};return jsxs("div",{ref:i,className:a("keypix-flex keypix-gap-2",e),children:[jsx(z,{placeholder:t,value:s,onChange:l=>d(l.target.value),onKeyPress:y,disabled:o,className:"keypix-flex-1"}),jsx(N,{onClick:n,disabled:o||!s.trim(),size:"md",children:"Search"})]})});J.displayName="SearchBar";function pt({data:t,columns:r,loading:e=false,searchable:o=false,sortable:i=false,pagination:s=false,pageSize:d=10,onRowClick:n,className:y}){let[l,m]=C.useState(""),[c,u]=C.useState(null),[k,f]=C.useState("asc"),[x,h]=C.useState(1),L=C.useMemo(()=>l?t.filter(p=>Object.values(p).some(T=>String(T).toLowerCase().includes(l.toLowerCase()))):t,[t,l]),v=C.useMemo(()=>!c||!i?L:[...L].sort((p,T)=>{let M=p[c],ne=T[c];return M<ne?k==="asc"?-1:1:M>ne?k==="asc"?1:-1:0}),[L,c,k,i]),O=C.useMemo(()=>{if(!s)return v;let p=(x-1)*d,T=p+d;return v.slice(p,T)},[v,s,x,d]),X=Math.ceil(v.length/d),Z=p=>{i&&(c===p?f(k==="asc"?"desc":"asc"):(u(p),f("asc")));},ve=p=>{n&&n(p);};return e?jsx("div",{className:"flex items-center justify-center p-8",children:jsx(I,{size:"lg"})}):jsxs("div",{className:a("space-y-4",y),children:[o&&jsx("div",{className:"flex items-center space-x-2",children:jsx(z,{placeholder:"Search...",value:l,onChange:p=>m(p.target.value),className:"max-w-sm"})}),jsx("div",{className:"rounded-md border",children:jsx("div",{className:"overflow-x-auto",children:jsxs("table",{className:"w-full",children:[jsx("thead",{className:"border-b bg-muted/50",children:jsx("tr",{children:r.map(p=>jsx("th",{className:a("px-4 py-3 text-left text-sm font-medium text-muted-foreground",p.sortable&&i&&"cursor-pointer hover:bg-muted",p.width),onClick:()=>Z(p.key),children:jsxs("div",{className:"flex items-center space-x-1",children:[jsx("span",{children:p.title}),p.sortable&&i&&c===p.key&&jsx("span",{className:"text-xs",children:k==="asc"?"\u2191":"\u2193"})]})},String(p.key)))})}),jsx("tbody",{children:O.length===0?jsx("tr",{children:jsx("td",{colSpan:r.length,className:"px-4 py-8 text-center text-sm text-muted-foreground",children:"No data found"})}):O.map((p,T)=>jsx("tr",{className:a("border-b transition-colors hover:bg-muted/50",n&&"cursor-pointer"),onClick:()=>ve(p),children:r.map(M=>jsx("td",{className:"px-4 py-3 text-sm",children:M.render?M.render(p[M.key],p):String(p[M.key]??"")},String(M.key)))},T))})]})})}),s&&X>1&&jsxs("div",{className:"flex items-center justify-between",children:[jsxs("div",{className:"text-sm text-muted-foreground",children:["Showing ",(x-1)*d+1," to"," ",Math.min(x*d,v.length)," of"," ",v.length," results"]}),jsxs("div",{className:"flex items-center space-x-2",children:[jsx(N,{variant:"outline",size:"sm",onClick:()=>h(x-1),disabled:x===1,children:"Previous"}),jsx("div",{className:"flex items-center space-x-1",children:Array.from({length:X},(p,T)=>T+1).map(p=>jsx(N,{variant:x===p?"default":"outline",size:"sm",onClick:()=>h(p),className:"w-8 h-8 p-0",children:p},p))}),jsx(N,{variant:"outline",size:"sm",onClick:()=>h(x+1),disabled:x===X,children:"Next"})]})]})]})}var fe=C.forwardRef(({title:t,onSearch:r,onLogin:e,onSignup:o,className:i,showSearch:s=true},d)=>jsx("header",{ref:d,className:a("px-6 py-4",i),children:jsxs("div",{className:"max-w-7xl mx-auto flex items-center justify-between",children:[jsxs("div",{className:"flex items-center space-x-8",children:[jsx("h1",{className:"text-xl font-bold",children:t}),s&&jsx("div",{className:"w-96",children:jsx(J,{placeholder:"Search components...",onSearch:r})})]}),jsxs("div",{className:"flex items-center space-x-4",children:[jsx(N,{variant:"ghost",onClick:e,size:"sm",children:"Login"}),jsx(N,{onClick:o,size:"sm",children:"Sign Up"})]})]})}));fe.displayName="Header";var Ye={theme:"system",setTheme:()=>null},Q=createContext(Ye);function Ge({children:t,defaultTheme:r="system",storageKey:e="keypix-ui-theme",...o}){let[i,s]=useState(()=>localStorage.getItem(e)||r);useEffect(()=>{b();},[]),useEffect(()=>{let n=window.document.documentElement;if(n.classList.remove("light","dark"),i==="system"){let y=window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light";n.classList.add(y);return}n.classList.add(i);},[i]);let d={theme:i,setTheme:n=>{localStorage.setItem(e,n),s(n);}};return jsx(Q.Provider,{...o,value:d,children:t})}var We=()=>{let t=useContext(Q);if(t===void 0)throw new Error("useTheme must be used within a ThemeProvider");return t};var At={primary:{50:"#eff6ff",100:"#dbeafe",200:"#bfdbfe",300:"#93c5fd",400:"#60a5fa",500:"#3b82f6",600:"#2563eb",700:"#1d4ed8",800:"#1e40af",900:"#1e3a8a"},gray:{50:"#f9fafb",100:"#f3f4f6",200:"#e5e7eb",300:"#d1d5db",400:"#9ca3af",500:"#6b7280",600:"#4b5563",700:"#374151",800:"#1f2937",900:"#111827"},success:{50:"#f0fdf4",100:"#dcfce7",200:"#bbf7d0",300:"#86efac",400:"#4ade80",500:"#22c55e",600:"#16a34a",700:"#15803d",800:"#166534",900:"#14532d"},warning:{50:"#fffbeb",100:"#fef3c7",200:"#fde68a",300:"#fcd34d",400:"#fbbf24",500:"#f59e0b",600:"#d97706",700:"#b45309",800:"#92400e",900:"#78350f"},error:{50:"#fef2f2",100:"#fee2e2",200:"#fecaca",300:"#fca5a5",400:"#f87171",500:"#ef4444",600:"#dc2626",700:"#b91c1c",800:"#991b1b",900:"#7f1d1d"}},Bt={0:"0px",1:"4px",2:"8px",3:"12px",4:"16px",5:"20px",6:"24px",8:"32px",10:"40px",12:"48px",16:"64px",20:"80px",24:"96px"},Dt={none:"0px",sm:"2px",md:"4px",lg:"8px",xl:"12px","2xl":"16px",full:"9999px"},It={sm:"0 1px 2px 0 rgb(0 0 0 / 0.05)",md:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",lg:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",xl:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)","2xl":"0 25px 50px -12px rgb(0 0 0 / 0.25)"},Ft={fontSizes:{xs:"12px",sm:"14px",md:"16px",lg:"18px",xl:"20px","2xl":"24px","3xl":"30px","4xl":"36px","5xl":"48px","6xl":"60px"},fontWeights:{normal:"400",medium:"500",semibold:"600",bold:"700",extrabold:"800"},lineHeights:{tight:"1.25",normal:"1.5",relaxed:"1.75"}},zt={sm:"640px",md:"768px",lg:"1024px",xl:"1280px","2xl":"1536px"},jt={hide:-1,auto:"auto",base:0,docked:10,dropdown:1e3,sticky:1100,banner:1200,overlay:1300,modal:1400,popover:1500,skipLink:1600,toast:1700,tooltip:1800};var Kt={fadeIn:{from:{opacity:0},to:{opacity:1},duration:200},fadeOut:{from:{opacity:1},to:{opacity:0},duration:200},slideInFromTop:{from:{transform:"translateY(-100%)",opacity:0},to:{transform:"translateY(0)",opacity:1},duration:300},slideInFromBottom:{from:{transform:"translateY(100%)",opacity:0},to:{transform:"translateY(0)",opacity:1},duration:300},slideInFromLeft:{from:{transform:"translateX(-100%)",opacity:0},to:{transform:"translateX(0)",opacity:1},duration:300},slideInFromRight:{from:{transform:"translateX(100%)",opacity:0},to:{transform:"translateX(0)",opacity:1},duration:300},scaleIn:{from:{transform:"scale(0.95)",opacity:0},to:{transform:"scale(1)",opacity:1},duration:200},scaleOut:{from:{transform:"scale(1)",opacity:1},to:{transform:"scale(0.95)",opacity:0},duration:200},bounce:{from:{transform:"scale(1)"},to:{transform:"scale(1.05)"},duration:100},shake:{from:{transform:"translateX(0)"},to:[{transform:"translateX(-5px)"},{transform:"translateX(5px)"},{transform:"translateX(-5px)"},{transform:"translateX(0)"}],duration:400},pulse:{from:{opacity:1},to:{opacity:.5},duration:1e3,repeat:1/0,repeatType:"reverse"},spin:{from:{transform:"rotate(0deg)"},to:{transform:"rotate(360deg)"},duration:1e3,repeat:1/0}},Ot={fast:"150ms ease-in-out",normal:"250ms ease-in-out",slow:"350ms ease-in-out",bounce:"250ms cubic-bezier(0.68, -0.55, 0.265, 1.55)",elastic:"400ms cubic-bezier(0.175, 0.885, 0.32, 1.275)"};var be={background:"hsl(var(--background))",foreground:"hsl(var(--foreground))",card:"hsl(var(--card))",cardForeground:"hsl(var(--card-foreground))",popover:"hsl(var(--popover))",popoverForeground:"hsl(var(--popover-foreground))",primary:"hsl(var(--primary))",primaryForeground:"hsl(var(--primary-foreground))",secondary:"hsl(var(--secondary))",secondaryForeground:"hsl(var(--secondary-foreground))",muted:"hsl(var(--muted))",mutedForeground:"hsl(var(--muted-foreground))",accent:"hsl(var(--accent))",accentForeground:"hsl(var(--accent-foreground))",destructive:"hsl(var(--destructive))",destructiveForeground:"hsl(var(--destructive-foreground))",border:"hsl(var(--border))",input:"hsl(var(--input))",ring:"hsl(var(--ring))",chart:"hsl(var(--chart))",chartForeground:"hsl(var(--chart-foreground))"},he={background:"hsl(var(--background))",foreground:"hsl(var(--foreground))",card:"hsl(var(--card))",cardForeground:"hsl(var(--card-foreground))",popover:"hsl(var(--popover))",popoverForeground:"hsl(var(--popover-foreground))",primary:"hsl(var(--primary))",primaryForeground:"hsl(var(--primary-foreground))",secondary:"hsl(var(--secondary))",secondaryForeground:"hsl(var(--secondary-foreground))",muted:"hsl(var(--muted))",mutedForeground:"hsl(var(--muted-foreground))",accent:"hsl(var(--accent))",accentForeground:"hsl(var(--accent-foreground))",destructive:"hsl(var(--destructive))",destructiveForeground:"hsl(var(--destructive-foreground))",border:"hsl(var(--border))",input:"hsl(var(--input))",ring:"hsl(var(--ring))",chart:"hsl(var(--chart))",chartForeground:"hsl(var(--chart-foreground))"},Je={light:be,dark:he};function $t(t){return t==="system"?window.matchMedia("(prefers-color-scheme: dark)").matches?he:be:Je[t]}export{Fe as Alert,je as AlertDescription,ze as AlertTitle,de as Avatar,le as AvatarGroup,pe as Badge,N as Button,Ee as Card,De as CardContent,Be as CardDescription,Ie as CardFooter,He as CardHeader,Ae as CardTitle,pt as DataTable,fe as Header,z as Input,Oe as Modal,J as SearchBar,I as Spinner,Ge as ThemeProvider,Kt as animations,Le as badgeVariants,Dt as borderRadius,zt as breakpoints,Pe as buttonVariants,a as cn,At as colors,he as darkTheme,$t as getThemeColors,be as lightTheme,It as shadows,Bt as spacing,Je as themes,Ot as transitions,Ft as typography,We as useTheme,jt as zIndex};//# sourceMappingURL=index.js.map
//# sourceMappingURL=index.js.map