@umituz/atomic-next 1.8.3 → 2.0.0

package/dist/index.mjs

@@ -1,3 +1,2609 @@
-"use client";
-var m={primary:"#9333EA",primaryLight:"#A855F7",primaryDark:"#7C3AED",secondary:"#EC4899",secondaryLight:"#F472B6",secondaryDark:"#DB2777",accent:"#F59E0B",accentLight:"#FBBF24",accentDark:"#D97706",gray50:"#FAFAFA",gray100:"#F4F4F5",gray200:"#E4E4E7",gray300:"#D4D4D8",gray400:"#A1A1AA",gray500:"#71717A",gray600:"#52525B",gray700:"#3F3F46",gray800:"#27272A",gray900:"#18181B",success:"#10B981",successLight:"#34D399",successDark:"#059669",warning:"#F59E0B",warningLight:"#FBBF24",warningDark:"#D97706",error:"#EF4444",errorLight:"#F87171",errorDark:"#DC2626",info:"#3B82F6",infoLight:"#60A5FA",infoDark:"#2563EB",background:"#FFFFFF",backgroundSecondary:"#F9FAFB",surface:"#FFFFFF",surfaceSecondary:"#F3F4F6",textPrimary:"#18181B",textSecondary:"#52525B",textTertiary:"#A1A1AA",textDisabled:"#D4D4D8",textInverse:"#FFFFFF"},se={"--atomic-primary":m.primary,"--atomic-primary-light":m.primaryLight,"--atomic-primary-dark":m.primaryDark,"--atomic-secondary":m.secondary,"--atomic-secondary-light":m.secondaryLight,"--atomic-secondary-dark":m.secondaryDark,"--atomic-accent":m.accent,"--atomic-accent-light":m.accentLight,"--atomic-accent-dark":m.accentDark,"--atomic-gray-50":m.gray50,"--atomic-gray-100":m.gray100,"--atomic-gray-200":m.gray200,"--atomic-gray-300":m.gray300,"--atomic-gray-400":m.gray400,"--atomic-gray-500":m.gray500,"--atomic-gray-600":m.gray600,"--atomic-gray-700":m.gray700,"--atomic-gray-800":m.gray800,"--atomic-gray-900":m.gray900,"--atomic-success":m.success,"--atomic-success-light":m.successLight,"--atomic-success-dark":m.successDark,"--atomic-warning":m.warning,"--atomic-warning-light":m.warningLight,"--atomic-warning-dark":m.warningDark,"--atomic-error":m.error,"--atomic-error-light":m.errorLight,"--atomic-error-dark":m.errorDark,"--atomic-info":m.info,"--atomic-info-light":m.infoLight,"--atomic-info-dark":m.infoDark,"--atomic-background":m.background,"--atomic-background-secondary":m.backgroundSecondary,"--atomic-surface":m.surface,"--atomic-surface-secondary":m.surfaceSecondary,"--atomic-text-primary":m.textPrimary,"--atomic-text-secondary":m.textSecondary,"--atomic-text-tertiary":m.textTertiary,"--atomic-text-disabled":m.textDisabled,"--atomic-text-inverse":m.textInverse};var k={unit:8,xxs:4,xs:8,sm:12,md:16,lg:24,xl:32,xxl:40,xxxl:48,huge:64,buttonPaddingX:16,buttonPaddingY:12,cardPadding:24,cardMargin:16,listItemPadding:16,listItemSpacing:8,inputPaddingX:16,inputPaddingY:12,modalPadding:24,sectionPadding:32},le={"--atomic-spacing-unit":`${k.unit}px`,"--atomic-spacing-xxs":`${k.xxs}px`,"--atomic-spacing-xs":`${k.xs}px`,"--atomic-spacing-sm":`${k.sm}px`,"--atomic-spacing-md":`${k.md}px`,"--atomic-spacing-lg":`${k.lg}px`,"--atomic-spacing-xl":`${k.xl}px`,"--atomic-spacing-xxl":`${k.xxl}px`,"--atomic-spacing-xxxl":`${k.xxxl}px`,"--atomic-spacing-huge":`${k.huge}px`,"--atomic-button-padding-x":`${k.buttonPaddingX}px`,"--atomic-button-padding-y":`${k.buttonPaddingY}px`,"--atomic-card-padding":`${k.cardPadding}px`,"--atomic-card-margin":`${k.cardMargin}px`,"--atomic-list-item-padding":`${k.listItemPadding}px`,"--atomic-list-item-spacing":`${k.listItemSpacing}px`,"--atomic-input-padding-x":`${k.inputPaddingX}px`,"--atomic-input-padding-y":`${k.inputPaddingY}px`,"--atomic-modal-padding":`${k.modalPadding}px`,"--atomic-section-padding":`${k.sectionPadding}px`};var p={fontFamily:{sans:["Inter","system-ui","-apple-system","BlinkMacSystemFont","Segoe UI","Roboto","sans-serif"],serif:["Charter","Georgia","Cambria","Times New Roman","Times","serif"],mono:["JetBrains Mono","Fira Code","Consolas","Monaco","Courier New","monospace"]},fontWeight:{thin:100,light:300,regular:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},fontSize:{displayLarge:57,displayMedium:45,displaySmall:36,headlineLarge:32,headlineMedium:28,headlineSmall:24,titleLarge:22,titleMedium:16,titleSmall:14,bodyLarge:16,bodyMedium:14,bodySmall:12,labelLarge:14,labelMedium:12,labelSmall:11},lineHeight:{none:1,tight:1.25,snug:1.375,normal:1.5,relaxed:1.625,loose:2},letterSpacing:{tighter:"-0.05em",tight:"-0.025em",normal:"0em",wide:"0.025em",wider:"0.05em",widest:"0.1em"}},ce={"--atomic-font-sans":p.fontFamily.sans.join(", "),"--atomic-font-serif":p.fontFamily.serif.join(", "),"--atomic-font-mono":p.fontFamily.mono.join(", "),"--atomic-font-thin":p.fontWeight.thin.toString(),"--atomic-font-light":p.fontWeight.light.toString(),"--atomic-font-regular":p.fontWeight.regular.toString(),"--atomic-font-medium":p.fontWeight.medium.toString(),"--atomic-font-semibold":p.fontWeight.semibold.toString(),"--atomic-font-bold":p.fontWeight.bold.toString(),"--atomic-font-extrabold":p.fontWeight.extrabold.toString(),"--atomic-font-black":p.fontWeight.black.toString(),"--atomic-text-display-large":`${p.fontSize.displayLarge}px`,"--atomic-text-display-medium":`${p.fontSize.displayMedium}px`,"--atomic-text-display-small":`${p.fontSize.displaySmall}px`,"--atomic-text-headline-large":`${p.fontSize.headlineLarge}px`,"--atomic-text-headline-medium":`${p.fontSize.headlineMedium}px`,"--atomic-text-headline-small":`${p.fontSize.headlineSmall}px`,"--atomic-text-title-large":`${p.fontSize.titleLarge}px`,"--atomic-text-title-medium":`${p.fontSize.titleMedium}px`,"--atomic-text-title-small":`${p.fontSize.titleSmall}px`,"--atomic-text-body-large":`${p.fontSize.bodyLarge}px`,"--atomic-text-body-medium":`${p.fontSize.bodyMedium}px`,"--atomic-text-body-small":`${p.fontSize.bodySmall}px`,"--atomic-text-label-large":`${p.fontSize.labelLarge}px`,"--atomic-text-label-medium":`${p.fontSize.labelMedium}px`,"--atomic-text-label-small":`${p.fontSize.labelSmall}px`,"--atomic-leading-none":p.lineHeight.none.toString(),"--atomic-leading-tight":p.lineHeight.tight.toString(),"--atomic-leading-snug":p.lineHeight.snug.toString(),"--atomic-leading-normal":p.lineHeight.normal.toString(),"--atomic-leading-relaxed":p.lineHeight.relaxed.toString(),"--atomic-leading-loose":p.lineHeight.loose.toString(),"--atomic-tracking-tighter":p.letterSpacing.tighter,"--atomic-tracking-tight":p.letterSpacing.tight,"--atomic-tracking-normal":p.letterSpacing.normal,"--atomic-tracking-wide":p.letterSpacing.wide,"--atomic-tracking-wider":p.letterSpacing.wider,"--atomic-tracking-widest":p.letterSpacing.widest};var w={none:"none",xs:"0 1px 2px 0 rgb(0 0 0 / 0.05)",sm:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",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)",xxl:"0 25px 50px -12px rgb(0 0 0 / 0.25)",inner:"inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",focusPrimary:"0 0 0 3px rgb(139 92 246 / 0.2)",focusSecondary:"0 0 0 3px rgb(236 72 153 / 0.2)",focusSuccess:"0 0 0 3px rgb(16 185 129 / 0.2)",focusWarning:"0 0 0 3px rgb(245 158 11 / 0.2)",focusError:"0 0 0 3px rgb(239 68 68 / 0.2)",focusInfo:"0 0 0 3px rgb(59 130 246 / 0.2)",glowPrimary:"0 0 20px rgb(139 92 246 / 0.3)",glowSecondary:"0 0 20px rgb(236 72 153 / 0.3)",glowSuccess:"0 0 20px rgb(16 185 129 / 0.3)",glowWarning:"0 0 20px rgb(245 158 11 / 0.3)",glowError:"0 0 20px rgb(239 68 68 / 0.3)",card:"0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",cardHover:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",button:"0 1px 2px 0 rgb(0 0 0 / 0.05)",buttonHover:"0 2px 4px 0 rgb(0 0 0 / 0.1)",modal:"0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",dropdown:"0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",tooltip:"0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"},Ft={get:e=>w[e],custom:(e,r,t,a=0,o="0 0 0",n=.1)=>`${e}px ${r}px ${t}px ${a}px rgb(${o} / ${n})`,combine:(...e)=>e.map(r=>w[r]).join(", "),focus:(e="139 92 246",r=.2)=>`0 0 0 3px rgb(${e} / ${r})`,glow:(e=20,r="139 92 246",t=.3)=>`0 0 ${e}px rgb(${r} / ${t})`},de={"--atomic-shadow-none":w.none,"--atomic-shadow-xs":w.xs,"--atomic-shadow-sm":w.sm,"--atomic-shadow-md":w.md,"--atomic-shadow-lg":w.lg,"--atomic-shadow-xl":w.xl,"--atomic-shadow-xxl":w.xxl,"--atomic-shadow-inner":w.inner,"--atomic-shadow-focus-primary":w.focusPrimary,"--atomic-shadow-focus-secondary":w.focusSecondary,"--atomic-shadow-focus-success":w.focusSuccess,"--atomic-shadow-focus-warning":w.focusWarning,"--atomic-shadow-focus-error":w.focusError,"--atomic-shadow-focus-info":w.focusInfo,"--atomic-shadow-glow-primary":w.glowPrimary,"--atomic-shadow-glow-secondary":w.glowSecondary,"--atomic-shadow-glow-success":w.glowSuccess,"--atomic-shadow-glow-warning":w.glowWarning,"--atomic-shadow-glow-error":w.glowError,"--atomic-shadow-card":w.card,"--atomic-shadow-card-hover":w.cardHover,"--atomic-shadow-button":w.button,"--atomic-shadow-button-hover":w.buttonHover,"--atomic-shadow-modal":w.modal,"--atomic-shadow-dropdown":w.dropdown,"--atomic-shadow-tooltip":w.tooltip};var f={radius:{none:"0px",xs:"2px",sm:"4px",md:"6px",lg:"8px",xl:"12px",xxl:"16px",xxxl:"24px",full:"9999px"},width:{none:"0px",thin:"1px",medium:"2px",thick:"4px",thicker:"8px"},style:{solid:"solid",dashed:"dashed",dotted:"dotted",double:"double",none:"none"}},j={radius:e=>f.radius[e],width:e=>f.width[e],style:e=>f.style[e],border:e=>{let r=e.width?f.width[e.width]:f.width.thin,t=e.style?f.style[e.style]:f.style.solid,a=e.color||"currentColor";return`${r} ${t} ${a}`},radiusCorners:{all:e=>({borderRadius:f.radius[e]}),top:e=>({borderTopLeftRadius:f.radius[e],borderTopRightRadius:f.radius[e]}),right:e=>({borderTopRightRadius:f.radius[e],borderBottomRightRadius:f.radius[e]}),bottom:e=>({borderBottomLeftRadius:f.radius[e],borderBottomRightRadius:f.radius[e]}),left:e=>({borderTopLeftRadius:f.radius[e],borderBottomLeftRadius:f.radius[e]}),topLeft:e=>({borderTopLeftRadius:f.radius[e]}),topRight:e=>({borderTopRightRadius:f.radius[e]}),bottomRight:e=>({borderBottomRightRadius:f.radius[e]}),bottomLeft:e=>({borderBottomLeftRadius:f.radius[e]})},borderSides:{all:e=>({border:j.border(e)}),top:e=>({borderTop:j.border(e)}),right:e=>({borderRight:j.border(e)}),bottom:e=>({borderBottom:j.border(e)}),left:e=>({borderLeft:j.border(e)})}},me={"--atomic-radius-none":f.radius.none,"--atomic-radius-xs":f.radius.xs,"--atomic-radius-sm":f.radius.sm,"--atomic-radius-md":f.radius.md,"--atomic-radius-lg":f.radius.lg,"--atomic-radius-xl":f.radius.xl,"--atomic-radius-xxl":f.radius.xxl,"--atomic-radius-xxxl":f.radius.xxxl,"--atomic-radius-full":f.radius.full,"--atomic-border-none":f.width.none,"--atomic-border-thin":f.width.thin,"--atomic-border-medium":f.width.medium,"--atomic-border-thick":f.width.thick,"--atomic-border-thicker":f.width.thicker};var x={duration:{instant:"0ms",fast:"150ms",normal:"200ms",slow:"300ms",slower:"500ms",slowest:"700ms"},easing:{linear:"linear",ease:"ease",easeIn:"ease-in",easeOut:"ease-out",easeInOut:"ease-in-out",smooth:"cubic-bezier(0.25, 0.46, 0.45, 0.94)",snappy:"cubic-bezier(0.68, -0.55, 0.265, 1.55)",bounce:"cubic-bezier(0.68, -0.6, 0.32, 1.6)",elastic:"cubic-bezier(0.175, 0.885, 0.32, 1.275)",standard:"cubic-bezier(0.4, 0, 0.2, 1)",decelerate:"cubic-bezier(0, 0, 0.2, 1)",accelerate:"cubic-bezier(0.4, 0, 1, 1)"},scale:{none:"1",xs:"1.025",sm:"1.05",md:"1.1",lg:"1.15",xl:"1.25"},rotate:{none:"0deg",quarter:"90deg",half:"180deg",threeQuarter:"270deg",full:"360deg"}},N={transition:e=>{let r=Array.isArray(e.property)?e.property.join(", "):e.property||"all",t=e.duration?x.duration[e.duration]:x.duration.normal,a=e.easing?x.easing[e.easing]:x.easing.easeInOut,o=e.delay?x.duration[e.delay]:"0ms";return{transition:`${r} ${t} ${a} ${o}`}},transform:e=>{let r=[];return e.scale&&r.push(`scale(${x.scale[e.scale]})`),e.rotate&&r.push(`rotate(${x.rotate[e.rotate]})`),e.translateX&&r.push(`translateX(${e.translateX})`),e.translateY&&r.push(`translateY(${e.translateY})`),e.translateZ&&r.push(`translateZ(${e.translateZ})`),{transform:r.join(" ")||"none"}},duration:e=>x.duration[e],easing:e=>x.easing[e],keyframes:(e,r)=>{let t=Object.entries(r).map(([a,o])=>{let n=Object.entries(o).map(([s,d])=>`${s}: ${d};`).join(" ");return`${a} { ${n} }`}).join(" ");return`@keyframes ${e} { ${t} }`}},Ht={fadeIn:N.transition({property:"opacity",duration:"normal",easing:"easeOut"}),fadeOut:N.transition({property:"opacity",duration:"fast",easing:"easeIn"}),scaleIn:{...N.transition({property:"transform",duration:"normal",easing:"smooth"}),transform:"scale(1)"},scaleOut:{...N.transition({property:"transform",duration:"fast",easing:"easeIn"}),transform:"scale(0.95)"},slideInUp:{...N.transition({property:"transform",duration:"normal",easing:"smooth"}),transform:"translateY(0)"},slideInDown:{...N.transition({property:"transform",duration:"normal",easing:"smooth"}),transform:"translateY(0)"},buttonHover:{...N.transition({property:["background-color","border-color","color","box-shadow","transform"],duration:"fast",easing:"easeOut"}),transform:"translateY(-1px)"},buttonPress:{...N.transition({property:"transform",duration:"fast",easing:"easeIn"}),transform:"translateY(0)"},spin:{animation:"spin 1s linear infinite"},pulse:{animation:"pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"},bounce:{animation:"bounce 1s infinite"}},pe={"--atomic-duration-instant":x.duration.instant,"--atomic-duration-fast":x.duration.fast,"--atomic-duration-normal":x.duration.normal,"--atomic-duration-slow":x.duration.slow,"--atomic-duration-slower":x.duration.slower,"--atomic-duration-slowest":x.duration.slowest,"--atomic-ease-linear":x.easing.linear,"--atomic-ease":x.easing.ease,"--atomic-ease-in":x.easing.easeIn,"--atomic-ease-out":x.easing.easeOut,"--atomic-ease-in-out":x.easing.easeInOut,"--atomic-ease-smooth":x.easing.smooth,"--atomic-ease-snappy":x.easing.snappy,"--atomic-ease-bounce":x.easing.bounce,"--atomic-ease-elastic":x.easing.elastic,"--atomic-ease-standard":x.easing.standard,"--atomic-ease-decelerate":x.easing.decelerate,"--atomic-ease-accelerate":x.easing.accelerate,"--atomic-scale-none":x.scale.none,"--atomic-scale-xs":x.scale.xs,"--atomic-scale-sm":x.scale.sm,"--atomic-scale-md":x.scale.md,"--atomic-scale-lg":x.scale.lg,"--atomic-scale-xl":x.scale.xl};var ke=(n=>(n.XS="xs",n.SM="sm",n.MD="md",n.LG="lg",n.XL="xl",n))(ke||{}),Se=(d=>(d.PRIMARY="primary",d.SECONDARY="secondary",d.SUCCESS="success",d.WARNING="warning",d.ERROR="error",d.INFO="info",d.GRAY="gray",d))(Se||{}),Te=(s=>(s.PRIMARY="primary",s.SECONDARY="secondary",s.OUTLINE="outline",s.GHOST="ghost",s.LINK="link",s.DESTRUCTIVE="destructive",s))(Te||{}),Ce=(o=>(o.DEFAULT="default",o.FILLED="filled",o.OUTLINE="outline",o.UNDERLINED="underlined",o))(Ce||{}),Re=(o=>(o.DEFAULT="default",o.ELEVATED="elevated",o.OUTLINED="outlined",o.FILLED="filled",o))(Re||{}),Le=(o=>(o.IDLE="idle",o.LOADING="loading",o.SUCCESS="success",o.ERROR="error",o))(Le||{}),$e=(n=>(n.ACTIVE="active",n.INACTIVE="inactive",n.PENDING="pending",n.DISABLED="disabled",n.ARCHIVED="archived",n))($e||{}),Pe=(o=>(o.INFO="info",o.SUCCESS="success",o.WARNING="warning",o.ERROR="error",o))(Pe||{}),Ee=(n=>(n.SM="sm",n.MD="md",n.LG="lg",n.XL="xl",n.FULL="full",n))(Ee||{}),Ne=(c=>(c.DISPLAY_LARGE="displayLarge",c.DISPLAY_MEDIUM="displayMedium",c.DISPLAY_SMALL="displaySmall",c.HEADLINE_LARGE="headlineLarge",c.HEADLINE_MEDIUM="headlineMedium",c.HEADLINE_SMALL="headlineSmall",c.TITLE_LARGE="titleLarge",c.TITLE_MEDIUM="titleMedium",c.TITLE_SMALL="titleSmall",c.BODY_LARGE="bodyLarge",c.BODY_MEDIUM="bodyMedium",c.BODY_SMALL="bodySmall",c.LABEL_LARGE="labelLarge",c.LABEL_MEDIUM="labelMedium",c.LABEL_SMALL="labelSmall",c))(Ne||{}),Ie=(l=>(l.TOP="top",l.TOP_LEFT="top-left",l.TOP_RIGHT="top-right",l.BOTTOM="bottom",l.BOTTOM_LEFT="bottom-left",l.BOTTOM_RIGHT="bottom-right",l.LEFT="left",l.RIGHT="right",l.CENTER="center",l))(Ie||{}),Me=(o=>(o.LEFT="left",o.CENTER="center",o.RIGHT="right",o.JUSTIFY="justify",o))(Me||{}),Be=(t=>(t.HORIZONTAL="horizontal",t.VERTICAL="vertical",t))(Be||{}),Ve=(o=>(o.UP="up",o.DOWN="down",o.LEFT="left",o.RIGHT="right",o))(Ve||{}),De=(a=>(a.ENTER="enter",a.EXIT="exit",a.IDLE="idle",a))(De||{}),ze=(n=>(n.DEFAULT="default",n.FOCUS="focus",n.ERROR="error",n.SUCCESS="success",n.DISABLED="disabled",n))(ze||{}),Fe=(s=>(s.XS="xs",s.SM="sm",s.MD="md",s.LG="lg",s.XL="xl",s.XXL="xxl",s))(Fe||{}),He=(a=>(a.LIGHT="light",a.DARK="dark",a.SYSTEM="system",a))(He||{}),Ot={getValues:e=>Object.values(e),getKeys:e=>Object.keys(e),hasValue:(e,r)=>Object.values(e).includes(r),hasKey:(e,r)=>Object.keys(e).includes(r),getEntries:e=>Object.entries(e)};var Xr={...se,...le,...ce,...de,...me,...pe};import{clsx as jt}from"clsx";import{twMerge as Gt}from"tailwind-merge";function i(...e){return Gt(jt(e))}import Ut from"react";import{Slot as Wt}from"@radix-ui/react-slot";import{cva as Yt}from"class-variance-authority";import{Loader2 as _t}from"lucide-react";import{jsx as ue,jsxs as Xt}from"react/jsx-runtime";var Oe=Yt("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{variant:{default:"bg-gray-900 text-white hover:bg-gray-800 dark:bg-white dark:text-gray-900 dark:hover:bg-gray-100",primary:"bg-[--atomic-primary] text-white hover:bg-[--atomic-primary-dark] transition-all duration-200",brand:"text-white hover:shadow-xl transition-all duration-200",destructive:"bg-red-600 text-white hover:bg-red-700 dark:bg-red-500 dark:hover:bg-red-600",outline:"border border-gray-300 bg-transparent hover:bg-gray-50 dark:border-gray-700 dark:hover:bg-gray-800",secondary:"bg-gray-100 text-gray-900 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-100 dark:hover:bg-gray-700",ghost:"bg-transparent hover:bg-gray-100 dark:hover:bg-gray-800",link:"bg-transparent text-blue-600 underline-offset-4 hover:underline dark:text-blue-400"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),je=Ut.forwardRef(({className:e,variant:r,size:t,asChild:a=!1,loading:o=!1,leftIcon:n,rightIcon:s,fullWidth:d=!1,disabled:u,children:l,...y},b)=>{let A=a?Wt:"button",g=u||o;return Xt(A,{className:i(Oe({variant:r,size:t}),d&&"w-full",e),style:{...r==="brand"&&{background:"linear-gradient(to right, var(--atomic-primary), var(--atomic-secondary))"},...y.style},ref:b,disabled:g,...y,children:[o&&ue(_t,{className:i("animate-spin",t==="sm"?"h-3 w-3":t==="lg"?"h-5 w-5":"h-4 w-4",(n||l)&&"mr-2")}),!o&&n&&ue("span",{className:i("inline-flex items-center",t==="sm"?"mr-1":"mr-2",t==="sm"?"[&>*]:h-3 [&>*]:w-3":t==="lg"?"[&>*]:h-5 [&>*]:w-5":"[&>*]:h-4 [&>*]:w-4"),children:n}),l,!o&&s&&ue("span",{className:i("inline-flex items-center",t==="sm"?"ml-1":"ml-2",t==="sm"?"[&>*]:h-3 [&>*]:w-3":t==="lg"?"[&>*]:h-5 [&>*]:w-5":"[&>*]:h-4 [&>*]:w-4"),children:s})]})});je.displayName="AtomicButton";import qt from"react";import{Slot as Kt}from"@radix-ui/react-slot";import{cva as Jt}from"class-variance-authority";import{jsx as Zt}from"react/jsx-runtime";var Ge=Jt("",{variants:{variant:{h1:"scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl",h2:"scroll-m-20 text-3xl font-semibold tracking-tight lg:text-4xl",h3:"scroll-m-20 text-2xl font-semibold tracking-tight",h4:"scroll-m-20 text-xl font-semibold tracking-tight",h5:"scroll-m-20 text-lg font-semibold tracking-tight",h6:"scroll-m-20 text-base font-semibold tracking-tight",body:"text-base leading-7",large:"text-lg leading-7",small:"text-sm leading-6",xs:"text-xs leading-5",lead:"text-xl leading-7 text-muted-foreground",muted:"text-sm text-muted-foreground",caption:"text-xs text-muted-foreground",label:"text-sm font-medium leading-none"},color:{default:"text-foreground",primary:"text-primary",secondary:"text-secondary-foreground",muted:"text-muted-foreground",success:"text-green-600 dark:text-green-400",warning:"text-amber-600 dark:text-amber-400",error:"text-red-600 dark:text-red-400",info:"text-blue-600 dark:text-blue-400"},align:{left:"text-left",center:"text-center",right:"text-right",justify:"text-justify"},weight:{thin:"font-thin",light:"font-light",normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold",extrabold:"font-extrabold",black:"font-black"}},defaultVariants:{variant:"body",color:"default",align:"left"}}),Ue=qt.forwardRef(({className:e,variant:r,color:t,align:a,weight:o,as:n="p",asChild:s=!1,truncate:d=!1,selectable:u=!0,...l},y)=>{let b=s?Kt:n,A=n;return!s&&n==="p"&&(r==="h1"||r==="h2"||r==="h3"||r==="h4"||r==="h5"||r==="h6"?A=r:r==="label"&&(A="label")),Zt(s?b:A,{className:i(Ge({variant:r,color:t||"default",align:a,weight:o}),d&&"truncate",!u&&"select-none",e),ref:y,...l})});Ue.displayName="AtomicText";import ge from"react";import*as M from"@radix-ui/react-avatar";import{cva as fe}from"class-variance-authority";import{jsx as q,jsxs as We}from"react/jsx-runtime";var Ye=fe("relative flex shrink-0 overflow-hidden rounded-full",{variants:{size:{xs:"h-6 w-6",sm:"h-8 w-8",default:"h-10 w-10",lg:"h-12 w-12",xl:"h-16 w-16",xxl:"h-20 w-20",xxxl:"h-24 w-24"}},defaultVariants:{size:"default"}}),xe=fe("aspect-square h-full w-full object-cover"),ye=fe("flex h-full w-full items-center justify-center rounded-full bg-muted font-medium text-muted-foreground",{variants:{size:{xs:"text-xs",sm:"text-xs",default:"text-sm",lg:"text-base",xl:"text-lg",xxl:"text-xl",xxxl:"text-2xl"}},defaultVariants:{size:"default"}}),_e=ge.forwardRef(({className:e,size:r,src:t,alt:a,fallback:o,fallbackElement:n,showStatus:s=!1,isOnline:d=!1,statusColor:u,...l},y)=>{let A=o||(h=>h?h.split(" ").map(c=>c.charAt(0)).join("").slice(0,2).toUpperCase():"?")(a),g={xs:"h-1.5 w-1.5",sm:"h-2 w-2",default:"h-2.5 w-2.5",lg:"h-3 w-3",xl:"h-4 w-4",xxl:"h-4 w-4",xxxl:"h-5 w-5"}[r||"default"];return We("div",{className:"relative",children:[We(M.Root,{ref:y,className:i(Ye({size:r}),e),...l,children:[q(M.Image,{className:xe(),src:t,alt:a}),q(M.Fallback,{className:ye({size:r}),children:n||A})]}),s&&q("div",{className:i("absolute bottom-0 right-0 rounded-full border-2 border-background",g,u?"":d?"bg-green-500":"bg-gray-400"),style:u?{backgroundColor:u}:void 0})]})});_e.displayName="AtomicAvatar";var Xe=ge.forwardRef(({className:e,...r},t)=>q(M.Image,{ref:t,className:i(xe(),e),...r}));Xe.displayName="AtomicAvatarImage";var qe=ge.forwardRef(({className:e,size:r,...t},a)=>q(M.Fallback,{ref:a,className:i(ye({size:r}),e),...t}));qe.displayName="AtomicAvatarFallback";import Qt from"next/image";import{cva as er}from"class-variance-authority";import tr from"react";import{jsx as Ke}from"react/jsx-runtime";var be=er("transition-all duration-200",{variants:{rounded:{none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl",full:"rounded-full"},aspectRatio:{square:"aspect-square",video:"aspect-video",portrait:"aspect-[3/4]",landscape:"aspect-[4/3]",auto:""},objectFit:{cover:"object-cover",contain:"object-contain",fill:"object-fill","scale-down":"object-scale-down",none:"object-none"},objectPosition:{center:"object-center",top:"object-top",bottom:"object-bottom",left:"object-left",right:"object-right","top-left":"object-left-top","top-right":"object-right-top","bottom-left":"object-left-bottom","bottom-right":"object-right-bottom"}},defaultVariants:{rounded:"none",aspectRatio:"auto",objectFit:"cover",objectPosition:"center"}}),Je=tr.forwardRef(({className:e,containerClassName:r,rounded:t,aspectRatio:a,objectFit:o,objectPosition:n,enableBlur:s=!1,placeholderSrc:d,...u},l)=>Ke("div",{className:i("relative overflow-hidden",a&&be({aspectRatio:a}),r),children:Ke(Qt,{ref:l,className:i(be({rounded:t,objectFit:o,objectPosition:n,aspectRatio:void 0}),e),placeholder:s||d?"blur":"empty",blurDataURL:d,...u})}));Je.displayName="AtomicImage";import he from"react";import{cva as rr}from"class-variance-authority";import{Eye as or,EyeOff as ar,X as nr}from"lucide-react";import{jsx as $,jsxs as we}from"react/jsx-runtime";var Ze=rr("flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",{variants:{variant:{default:"",filled:"bg-secondary border-transparent",outline:"bg-transparent border-2",underlined:"rounded-none border-0 border-b-2 px-0"},size:{sm:"h-8 px-2 text-xs",default:"h-10 px-3 text-sm",lg:"h-12 px-4 text-base"},state:{default:"",error:"border-destructive focus-visible:ring-destructive",success:"border-green-500 focus-visible:ring-green-500",warning:"border-amber-500 focus-visible:ring-amber-500"}},defaultVariants:{variant:"default",size:"default",state:"default"}}),Qe=he.forwardRef(({className:e,variant:r,size:t,state:a,type:o="text",leftIcon:n,rightIcon:s,label:d,helperText:u,error:l,success:y,warning:b,clearable:A=!1,onClear:g,showPasswordToggle:h=!1,containerClassName:c,labelClassName:v,helperClassName:C,value:R,onChange:L,disabled:S,...T},P)=>{let[E,B]=he.useState(!1),[F,X]=he.useState(R||""),V=a;l?V="error":y?V="success":b&&(V="warning");let Z=o;o==="password"&&h&&(Z=E?"text":"password");let oe=(R||F)&&String(R||F).length>0,H=A&&oe&&!S,O=h&&o==="password"&&!S,ae=ie=>{X(ie.target.value),L?.(ie)},ne=()=>{X(""),g?.(),L?.({target:{value:""},currentTarget:{value:""}})},ve=l||y||b||u,zt=l?"text-destructive":y?"text-green-600 dark:text-green-400":b?"text-amber-600 dark:text-amber-400":"text-muted-foreground";return we("div",{className:i("space-y-2",c),children:[d&&$("label",{className:i("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",S&&"opacity-50",v),children:d}),we("div",{className:"relative",children:[n&&$("div",{className:i("absolute left-0 top-0 h-full flex items-center justify-center",t==="sm"?"w-8 pl-2":t==="lg"?"w-12 pl-4":"w-10 pl-3","text-muted-foreground pointer-events-none","[&>*]:h-4 [&>*]:w-4"),children:n}),$("input",{type:Z,className:i(Ze({variant:r,size:t,state:V}),n&&(t==="sm"?"pl-8":t==="lg"?"pl-12":"pl-10"),(s||H||O)&&(t==="sm"?"pr-8":t==="lg"?"pr-12":"pr-10"),e),ref:P,value:R!==void 0?R:F,onChange:ae,disabled:S,...T}),(s||H||O)&&we("div",{className:i("absolute right-0 top-0 h-full flex items-center justify-center gap-1",t==="sm"?"w-8 pr-2":t==="lg"?"w-12 pr-4":"w-10 pr-3"),children:[s&&!H&&!O&&$("div",{className:"text-muted-foreground [&>*]:h-4 [&>*]:w-4",children:s}),H&&$("button",{type:"button",onClick:ne,className:"text-muted-foreground hover:text-foreground transition-colors [&>*]:h-4 [&>*]:w-4",tabIndex:-1,children:$(nr,{})}),O&&$("button",{type:"button",onClick:()=>B(!E),className:"text-muted-foreground hover:text-foreground transition-colors [&>*]:h-4 [&>*]:w-4",tabIndex:-1,children:E?$(ar,{}):$(or,{})})]})]}),ve&&$("p",{className:i("text-xs",zt,C),children:ve})]})});Qe.displayName="AtomicInput";import Q from"react";import{cva as ir}from"class-variance-authority";import{Loader2 as sr}from"lucide-react";import{jsx as G,jsxs as lr}from"react/jsx-runtime";var et=ir("animate-spin",{variants:{size:{xs:"h-3 w-3",sm:"h-4 w-4",default:"h-5 w-5",lg:"h-6 w-6",xl:"h-8 w-8",xxl:"h-12 w-12"},color:{default:"text-foreground",primary:"text-primary",secondary:"text-secondary-foreground",muted:"text-muted-foreground",white:"text-white",success:"text-green-600",warning:"text-amber-600",error:"text-red-600"}},defaultVariants:{size:"default",color:"default"}}),K=Q.forwardRef(({className:e,size:r,color:t,label:a,inline:o=!1,icon:n=sr,...s},d)=>{let u=G(n,{ref:d,className:i(et({size:r,color:t}),e),...s});return a?lr("div",{className:i("flex items-center gap-2",o?"inline-flex":"flex"),children:[u,G("span",{className:i("text-sm",t==="muted"?"text-muted-foreground":t==="white"?"text-white":t==="primary"?"text-primary":"text-foreground"),children:a})]}):u});K.displayName="AtomicSpinner";var tt=Q.forwardRef(({className:e,...r},t)=>G(K,{ref:t,size:"sm",color:"white",className:i("mr-2",e),...r}));tt.displayName="AtomicButtonSpinner";var rt=Q.forwardRef(({className:e,...r},t)=>G("div",{className:"flex items-center justify-center p-8",children:G(K,{ref:t,size:"lg",className:e,...r})}));rt.displayName="AtomicPageSpinner";var ot=Q.forwardRef(({className:e,...r},t)=>G(K,{ref:t,inline:!0,size:"sm",color:"muted",className:e,...r}));ot.displayName="AtomicInlineSpinner";import Ae from"react";import{cva as cr}from"class-variance-authority";import{jsx as I,jsxs as at}from"react/jsx-runtime";var nt=cr("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-primary text-primary-foreground hover:bg-primary/80",secondary:"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",destructive:"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",outline:"text-foreground border-current",success:"border-transparent bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400",warning:"border-transparent bg-amber-100 text-amber-800 dark:bg-amber-900/20 dark:text-amber-400",info:"border-transparent bg-blue-100 text-blue-800 dark:bg-blue-900/20 dark:text-blue-400",gray:"border-transparent bg-gray-100 text-gray-800 dark:bg-gray-900/20 dark:text-gray-400"},size:{sm:"px-2 py-0.5 text-xs",default:"px-2.5 py-0.5 text-xs",lg:"px-3 py-1 text-sm"},shape:{default:"rounded-full",rounded:"rounded-md",square:"rounded-none"}},defaultVariants:{variant:"default",size:"default",shape:"default"}}),ee=Ae.forwardRef(({className:e,variant:r,size:t,shape:a,leftIcon:o,rightIcon:n,dot:s=!1,dotColor:d,removable:u=!1,onRemove:l,removeIcon:y,children:b,...A},g)=>{let h=t==="sm"?"h-3 w-3":t==="lg"?"h-4 w-4":"h-3.5 w-3.5",c=t==="sm"?"h-1.5 w-1.5":t==="lg"?"h-2.5 w-2.5":"h-2 w-2";return at("div",{ref:g,className:i(nt({variant:r,size:t,shape:a}),e),...A,children:[s&&I("span",{className:i("mr-1.5 rounded-full",c,!d&&(r==="success"?"bg-green-600":r==="warning"?"bg-amber-600":r==="info"?"bg-blue-600":r==="destructive"?"bg-red-600":r==="gray"?"bg-gray-600":"bg-current")),style:d?{backgroundColor:d}:void 0}),o&&I("span",{className:i("mr-1 flex items-center",`[&>*]:${h}`),children:o}),b,n&&!u&&I("span",{className:i("ml-1 flex items-center",`[&>*]:${h}`),children:n}),u&&I("button",{type:"button",onClick:l,className:i("ml-1 flex items-center rounded-full hover:bg-black/10 dark:hover:bg-white/10","transition-colors focus:outline-none focus:ring-1 focus:ring-current",t==="sm"?"p-0.5":"p-1"),children:y?I("span",{className:i("flex items-center",`[&>*]:${h}`),children:y}):at("svg",{className:h,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[I("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),I("line",{x1:"6",y1:"6",x2:"18",y2:"18"})]})})]})});ee.displayName="AtomicBadge";var it=Ae.forwardRef(({status:e,variant:r,...t},a)=>{let n={online:{variant:"success",dot:!0,children:"Online"},offline:{variant:"gray",dot:!0,children:"Offline"},busy:{variant:"destructive",dot:!0,children:"Busy"},away:{variant:"warning",dot:!0,children:"Away"}}[e];return I(ee,{ref:a,variant:r||n.variant,dot:n.dot,...t,children:t.children||n.children})});it.displayName="AtomicStatusBadge";var st=Ae.forwardRef(({count:e,max:r=99,...t},a)=>{let o=e>r?`${r}+`:e.toString();return e<=0?null:I(ee,{ref:a,variant:"destructive",size:"sm",...t,children:o})});st.displayName="AtomicCountBadge";import dr from"next/link";import{cva as mr}from"class-variance-authority";import pr from"react";import{Fragment as ur,jsx as J,jsxs as gr}from"react/jsx-runtime";var lt=mr("transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",{variants:{variant:{default:"text-foreground hover:text-foreground/80",primary:"text-primary hover:text-primary/80",secondary:"text-secondary-foreground hover:text-secondary-foreground/80",muted:"text-muted-foreground hover:text-foreground",destructive:"text-destructive hover:text-destructive/80",ghost:"text-foreground hover:bg-accent hover:text-accent-foreground",underline:"text-primary underline underline-offset-4 hover:text-primary/80",button:"inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90"},size:{default:"",sm:"text-sm",lg:"text-lg",xl:"text-xl"},weight:{normal:"font-normal",medium:"font-medium",semibold:"font-semibold",bold:"font-bold"}},defaultVariants:{variant:"default",size:"default",weight:"normal"}}),ct=pr.forwardRef(({className:e,variant:r,size:t,weight:a,external:o=!1,showExternalIcon:n=!1,prefetch:s=!0,externalIcon:d,children:u,href:l,...y},b)=>{let A=typeof l=="string"&&(l.startsWith("http")||l.startsWith("//")),g=o||A,h={className:i(lt({variant:r,size:t,weight:a}),e),ref:b,...y},c=gr(ur,{children:[u,g&&n&&J("span",{className:"ml-1 inline-block",children:d||J("svg",{className:"h-3 w-3",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:J("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"})})})]});return g?J("a",{href:l,target:"_blank",rel:"noopener noreferrer",...h,children:c}):J(dr,{href:l,prefetch:s,...h,children:c})});ct.displayName="AtomicLink";import dt from"react";var mt=(e,r)=>{if(!e)return"";if(typeof e=="string")return`${r}-${e}`;let t=[];return e.x!==void 0&&t.push(`${r}x-${e.x}`),e.y!==void 0&&t.push(`${r}y-${e.y}`),e.t!==void 0&&t.push(`${r}t-${e.t}`),e.r!==void 0&&t.push(`${r}r-${e.r}`),e.b!==void 0&&t.push(`${r}b-${e.b}`),e.l!==void 0&&t.push(`${r}l-${e.l}`),t.join(" ")},pt=dt.forwardRef(({d:e,align:r,justify:t,flexDir:a,flexWrap:o,flexGrow:n,flexShrink:s,order:d,p:u,m:l,w:y,h:b,minW:A,minH:g,maxW:h,maxH:c,bg:v,bgGradient:C,border:R,borderColor:L,rounded:S,shadow:T,position:P,top:E,right:B,bottom:F,left:X,cursor:V,as:Z="div",className:oe,children:H,...O},ae)=>{let ne=i(e&&`${e==="flex"?"flex":e==="inline-flex"?"inline-flex":e==="grid"?"grid":e==="hidden"?"hidden":e==="inline"?"inline":e==="inline-block"?"inline-block":"block"}`,r&&`items-${r==="start"?"start":r==="end"?"end":r==="center"?"center":r==="baseline"?"baseline":"stretch"}`,t&&`justify-${t==="start"?"start":t==="end"?"end":t==="center"?"center":t==="between"?"between":t==="around"?"around":"evenly"}`,a&&`flex-${a==="col"?"col":a==="col-reverse"?"col-reverse":a==="row-reverse"?"row-reverse":"row"}`,o&&`flex-${o}`,n!==void 0&&`flex-grow-${n}`,s!==void 0&&`flex-shrink-${s}`,d!==void 0&&`order-${d}`,mt(u,"p"),mt(l,"m"),y&&`w-${y}`,b&&`h-${b}`,A&&`min-w-${A}`,g&&`min-h-${g}`,h&&`max-w-${h}`,c&&`max-h-${c}`,v&&`bg-${v}`,C,R===!0&&"border",typeof R=="string"&&R,L&&`border-${L}`,S&&`rounded${S==="none"?"-none":S==="full"?"-full":S==="sm"?"-sm":S==="md"?"":`-${S}`}`,T&&`shadow${T==="none"?"-none":T==="sm"?"-sm":T==="md"?"":T==="inner"?"-inner":`-${T}`}`,P&&`${P}`,E!==void 0&&`top-${E}`,B!==void 0&&`right-${B}`,F!==void 0&&`bottom-${F}`,X!==void 0&&`left-${X}`,V&&`cursor-${V}`,oe);return dt.createElement(Z,{ref:ae,className:ne,...O},H)});pt.displayName="AtomicDiv";import fr from"react";import{jsx as yr}from"react/jsx-runtime";var ut=(e,r)=>{if(!e)return"";if(typeof e=="string")return`${r}-${e}`;let t=[];return e.x!==void 0&&t.push(`${r}x-${e.x}`),e.y!==void 0&&t.push(`${r}y-${e.y}`),e.t!==void 0&&t.push(`${r}t-${e.t}`),e.r!==void 0&&t.push(`${r}r-${e.r}`),e.b!==void 0&&t.push(`${r}b-${e.b}`),e.l!==void 0&&t.push(`${r}l-${e.l}`),t.join(" ")},xr=e=>{if(typeof e=="number")return e;if(typeof e=="string"&&!isNaN(Number(e)))return Number(e);switch(e){case"xs":return 12;case"sm":return 16;case"md":return 20;case"lg":return 24;case"xl":return 28;case"2xl":return 32;default:return 20}},gt=fr.forwardRef(({icon:e,size:r="md",color:t,hoverColor:a,p:o,m:n,cursor:s,spin:d=!1,pulse:u=!1,bounce:l=!1,rotate:y,className:b,"aria-label":A,"aria-hidden":g=!1,...h},c)=>{let v=xr(r),C=i("inline-block flex-shrink-0",t&&`text-${t}`,a&&`hover:text-${a}`,ut(o,"p"),ut(n,"m"),s&&`cursor-${s}`,d&&"animate-spin",u&&"animate-pulse",l&&"animate-bounce",y&&`rotate-${y}`,(a||s==="pointer")&&"transition-colors duration-200",b);return yr(e,{ref:c,size:v,className:C,"aria-label":A,"aria-hidden":g,...h})});gt.displayName="AtomicIcon";import br from"react";import{Fragment as vr,jsx as D,jsxs as kr}from"react/jsx-runtime";var ft=(e,r)=>{if(!e)return"";if(typeof e=="string")return`${r}-${e}`;let t=[];return e.x!==void 0&&t.push(`${r}x-${e.x}`),e.y!==void 0&&t.push(`${r}y-${e.y}`),e.t!==void 0&&t.push(`${r}t-${e.t}`),e.r!==void 0&&t.push(`${r}r-${e.r}`),e.b!==void 0&&t.push(`${r}b-${e.b}`),e.l!==void 0&&t.push(`${r}l-${e.l}`),t.join(" ")},hr=(e,r)=>{let t=r||"gray";switch(e){case"primary":return"bg-blue-500 text-white border-blue-500";case"secondary":return"bg-gray-500 text-white border-gray-500";case"success":return"bg-green-500 text-white border-green-500";case"warning":return"bg-yellow-500 text-white border-yellow-500";case"danger":return"bg-red-500 text-white border-red-500";case"info":return"bg-blue-500 text-white border-blue-500";case"outline":return`bg-transparent text-${t}-700 border-${t}-300 border`;case"ghost":return`bg-${t}-100 text-${t}-700 border-transparent`;case"solid":return`bg-${t}-500 text-white border-${t}-500`;default:return"bg-gray-100 text-gray-800 border-gray-200 border"}},wr=e=>{switch(e){case"xs":return"px-1.5 py-0.5 text-xs";case"sm":return"px-2 py-1 text-xs";case"md":return"px-2.5 py-1.5 text-sm";case"lg":return"px-3 py-2 text-base";default:return"px-2.5 py-1.5 text-sm"}},Ar=e=>{switch(e){case"xs":return 10;case"sm":return 12;case"md":return 14;case"lg":return 16;default:return 14}},xt=br.forwardRef(({children:e,variant:r="default",size:t="md",color:a,leftIcon:o,rightIcon:n,p:s,m:d,clickable:u=!1,removable:l=!1,onRemove:y,disabled:b=!1,as:A="span",className:g,onClick:h,...c},v)=>{let C=Ar(t),R=i("inline-flex items-center justify-center font-medium rounded-md transition-colors duration-200",hr(r,a),wr(t),ft(s,"p"),ft(d,"m"),u&&!b&&["cursor-pointer","hover:opacity-80","focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"],l&&!b&&"pr-1",b&&"opacity-50 cursor-not-allowed",g),L=kr(vr,{children:[o&&D(o,{size:C,className:i("flex-shrink-0",e?"mr-1.5":"")}),e&&D("span",{className:"truncate",children:e}),n&&D(n,{size:C,className:i("flex-shrink-0",e?"ml-1.5":"")}),l&&D("button",{type:"button",className:i("flex-shrink-0 ml-1.5 rounded-full p-0.5","hover:bg-black hover:bg-opacity-20","focus:outline-none focus:bg-black focus:bg-opacity-20",b&&"cursor-not-allowed"),onClick:T=>{T.stopPropagation(),b||y?.()},disabled:b,"aria-label":"Remove",children:D("svg",{className:"w-3 h-3",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:D("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})})})]});return D(A,{ref:v,className:R,onClick:u?T=>{b||h?.(T)}:void 0,...c,children:L})});xt.displayName="AtomicTag";import yt from"react";import{Check as Sr,Minus as Tr}from"lucide-react";import{jsx as z,jsxs as te}from"react/jsx-runtime";var bt=(e,r)=>{if(!e)return"";if(typeof e=="string")return`${r}-${e}`;let t=[];return e.x!==void 0&&t.push(`${r}x-${e.x}`),e.y!==void 0&&t.push(`${r}y-${e.y}`),e.t!==void 0&&t.push(`${r}t-${e.t}`),e.r!==void 0&&t.push(`${r}r-${e.r}`),e.b!==void 0&&t.push(`${r}b-${e.b}`),e.l!==void 0&&t.push(`${r}l-${e.l}`),t.join(" ")},Cr=e=>{switch(e){case"sm":return{container:"text-sm",checkbox:"w-4 h-4",icon:12};case"md":return{container:"text-base",checkbox:"w-5 h-5",icon:14};case"lg":return{container:"text-lg",checkbox:"w-6 h-6",icon:16};default:return{container:"text-base",checkbox:"w-5 h-5",icon:14}}},Rr=(e,r)=>{if(r)return"border-red-300 text-red-600 focus:border-red-500 focus:ring-red-500";let t={slate:"border-slate-300 text-slate-600 focus:border-slate-500 focus:ring-slate-500",gray:"border-gray-300 text-gray-600 focus:border-gray-500 focus:ring-gray-500",zinc:"border-zinc-300 text-zinc-600 focus:border-zinc-500 focus:ring-zinc-500",red:"border-red-300 text-red-600 focus:border-red-500 focus:ring-red-500",orange:"border-orange-300 text-orange-600 focus:border-orange-500 focus:ring-orange-500",yellow:"border-yellow-300 text-yellow-600 focus:border-yellow-500 focus:ring-yellow-500",green:"border-green-300 text-green-600 focus:border-green-500 focus:ring-green-500",blue:"border-blue-300 text-blue-600 focus:border-blue-500 focus:ring-blue-500",indigo:"border-indigo-300 text-indigo-600 focus:border-indigo-500 focus:ring-indigo-500",purple:"border-purple-300 text-purple-600 focus:border-purple-500 focus:ring-purple-500",pink:"border-pink-300 text-pink-600 focus:border-pink-500 focus:ring-pink-500"};return t[e]||t.blue},ht=yt.forwardRef(({checked:e=!1,indeterminate:r=!1,disabled:t=!1,size:a="md",color:o="blue",p:n,m:s,label:d,description:u,error:l=!1,errorMessage:y,className:b,onChange:A,id:g,...h},c)=>{let v=g||`checkbox-${yt.useId()}`,C=Cr(a),R=Rr(o,l),L=P=>{t||A?.(P.target.checked,P)},S=i("relative flex items-start",C.container,bt(n,"p"),bt(s,"m"),t&&"opacity-50 cursor-not-allowed",b),T=i("flex-shrink-0 rounded border-2 bg-white transition-colors duration-200",C.checkbox,R,"focus:outline-none focus:ring-2 focus:ring-offset-2",t?"cursor-not-allowed":"cursor-pointer",(e||r)&&!t&&`bg-${o}-600 border-${o}-600`);return te("div",{className:S,children:[z("div",{className:"flex items-center h-5",children:te("div",{className:"relative",children:[z("input",{ref:c,type:"checkbox",id:v,checked:e,disabled:t,onChange:L,className:"sr-only",...h}),te("div",{className:T,onClick:()=>{!t&&c&&"current"in c&&c.current&&c.current.click()},children:[e&&!r&&z(Sr,{size:C.icon,className:"text-white absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"}),r&&z(Tr,{size:C.icon,className:"text-white absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"})]})]})}),(d||u)&&te("div",{className:"ml-3 flex-1",children:[d&&z("label",{htmlFor:v,className:i("block font-medium leading-5",l?"text-red-700":"text-gray-700",t?"cursor-not-allowed":"cursor-pointer"),children:d}),u&&z("p",{className:i("text-sm leading-5",l?"text-red-600":"text-gray-500"),children:u}),l&&y&&z("p",{className:"mt-1 text-sm text-red-600",children:y})]})]})});ht.displayName="AtomicCheckbox";import wt from"react";import{jsx as U,jsxs as re}from"react/jsx-runtime";var At=(e,r)=>{if(!e)return"";if(typeof e=="string")return`${r}-${e}`;let t=[];return e.x!==void 0&&t.push(`${r}x-${e.x}`),e.y!==void 0&&t.push(`${r}y-${e.y}`),e.t!==void 0&&t.push(`${r}t-${e.t}`),e.r!==void 0&&t.push(`${r}r-${e.r}`),e.b!==void 0&&t.push(`${r}b-${e.b}`),e.l!==void 0&&t.push(`${r}l-${e.l}`),t.join(" ")},Lr=e=>{switch(e){case"sm":return{track:"w-9 h-5",thumb:"w-4 h-4",thumbTranslate:"translate-x-4",container:"text-sm"};case"md":return{track:"w-11 h-6",thumb:"w-5 h-5",thumbTranslate:"translate-x-5",container:"text-base"};case"lg":return{track:"w-14 h-7",thumb:"w-6 h-6",thumbTranslate:"translate-x-7",container:"text-lg"};default:return{track:"w-11 h-6",thumb:"w-5 h-5",thumbTranslate:"translate-x-5",container:"text-base"}}},$r=(e,r)=>{if(!r)return"bg-gray-200";let t={slate:"bg-slate-500",gray:"bg-gray-500",zinc:"bg-zinc-500",red:"bg-red-500",orange:"bg-orange-500",yellow:"bg-yellow-500",green:"bg-green-500",blue:"bg-blue-500",indigo:"bg-indigo-500",purple:"bg-purple-500",pink:"bg-pink-500"};return t[e]||t.blue},vt=wt.forwardRef(({checked:e=!1,disabled:r=!1,size:t="md",color:a="blue",p:o,m:n,label:s,description:d,labelPosition:u="right",loading:l=!1,className:y,onChange:b,id:A,...g},h)=>{let c=A||`switch-${wt.useId()}`,v=Lr(t),C=$r(a,e),R=B=>{!r&&!l&&b?.(B.target.checked,B)},L=i("relative flex items-center",v.container,At(o,"p"),At(n,"m"),r&&"opacity-50 cursor-not-allowed",y),S=i("relative inline-flex flex-shrink-0 rounded-full border-2 border-transparent transition-colors ease-in-out duration-200",v.track,C,"focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2",`focus-within:ring-${a}-500`,r||l?"cursor-not-allowed":"cursor-pointer"),T=i("pointer-events-none inline-block rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200",v.thumb,e?v.thumbTranslate:"translate-x-0"),P=re("div",{className:S,children:[U("input",{ref:h,type:"checkbox",id:c,checked:e,disabled:r||l,onChange:R,className:"sr-only",...g}),U("span",{className:T,children:l&&re("svg",{className:"animate-spin -ml-1 -mt-1 h-3 w-3 text-gray-400",fill:"none",viewBox:"0 0 24 24",children:[U("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),U("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})})]}),E=(s||d)&&re("div",{className:i("flex-1",u==="left"?"mr-3":"ml-3"),children:[s&&U("label",{htmlFor:c,className:i("block font-medium leading-5 text-gray-700",r||l?"cursor-not-allowed":"cursor-pointer"),children:s}),d&&U("p",{className:"text-sm leading-5 text-gray-500",children:d})]});return re("div",{className:L,children:[u==="left"&&E,P,u==="right"&&E]})});vt.displayName="AtomicSwitch";import W from"react";import{cva as Y}from"class-variance-authority";import{jsx as _}from"react/jsx-runtime";var kt=Y("rounded-lg border text-card-foreground",{variants:{variant:{default:"border-border bg-card shadow-sm",elevated:"border-0 bg-card shadow-lg",outlined:"border-2 border-border bg-card shadow-none",filled:"border-0 bg-muted shadow-none"},size:{sm:"p-4",md:"p-6",lg:"p-8",xl:"p-10"}},defaultVariants:{variant:"default",size:"md"}}),St=Y("flex flex-col space-y-1.5",{variants:{size:{sm:"pb-3",md:"pb-4",lg:"pb-6",xl:"pb-8"}},defaultVariants:{size:"md"}}),Tt=Y("font-semibold leading-none tracking-tight",{variants:{size:{sm:"text-lg",md:"text-xl",lg:"text-2xl",xl:"text-3xl"}},defaultVariants:{size:"md"}}),Ct=Y("text-muted-foreground",{variants:{size:{sm:"text-sm",md:"text-sm",lg:"text-base",xl:"text-lg"}},defaultVariants:{size:"md"}}),Rt=Y("",{variants:{size:{sm:"pt-0",md:"pt-0",lg:"pt-0",xl:"pt-0"}},defaultVariants:{size:"md"}}),Lt=Y("flex items-center",{variants:{size:{sm:"pt-3",md:"pt-4",lg:"pt-6",xl:"pt-8"}},defaultVariants:{size:"md"}}),$t=W.forwardRef(({className:e,variant:r,size:t,interactive:a=!1,fullWidth:o=!1,...n},s)=>_("div",{ref:s,className:i(kt({variant:r,size:t}),a&&"cursor-pointer transition-shadow hover:shadow-md",o&&"w-full",e),...n}));$t.displayName="AtomicCard";var Pt=W.forwardRef(({className:e,size:r,...t},a)=>_("div",{ref:a,className:i(St({size:r}),e),...t}));Pt.displayName="AtomicCardHeader";var Et=W.forwardRef(({className:e,size:r,as:t="h3",...a},o)=>_(t,{ref:o,className:i(Tt({size:r}),e),...a}));Et.displayName="AtomicCardTitle";var Nt=W.forwardRef(({className:e,size:r,...t},a)=>_("p",{ref:a,className:i(Ct({size:r}),e),...t}));Nt.displayName="AtomicCardDescription";var It=W.forwardRef(({className:e,size:r,...t},a)=>_("div",{ref:a,className:i(Rt({size:r}),e),...t}));It.displayName="AtomicCardContent";var Mt=W.forwardRef(({className:e,size:r,...t},a)=>_("div",{ref:a,className:i(Lt({size:r}),e),...t}));Mt.displayName="AtomicCardFooter";import{createContext as Pr,useContext as Er,useEffect as Bt,useState as Vt}from"react";import{jsx as Mr}from"react/jsx-runtime";var Dt=Pr(void 0),Nr=({children:e,defaultTheme:r="system",storageKey:t="atomic-theme",attribute:a="data-theme",enableSystem:o=!0,disableTransitionOnChange:n=!1})=>{let[s,d]=Vt(()=>{if(typeof window>"u")return r;try{let g=localStorage.getItem(t);if(g&&["light","dark","system"].includes(g))return g}catch{}return r}),[u,l]=Vt("light"),y=()=>typeof window>"u"?"light":window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light",b=g=>{try{localStorage.setItem(t,g)}catch{}d(g)};Bt(()=>{let g=window.document.documentElement,h=s==="system"&&o?y():s;if(l(h),n){let c=document.createElement("style");c.appendChild(document.createTextNode("* { transition: none !important; transform: none !important; animation: none !important; }")),document.head.appendChild(c),requestAnimationFrame(()=>{requestAnimationFrame(()=>{document.head.removeChild(c)})})}g.setAttribute(a,h),g.classList.remove("light","dark"),g.classList.add(h)},[s,a,o,n]),Bt(()=>{if(!o||s!=="system")return;let g=window.matchMedia("(prefers-color-scheme: dark)"),h=()=>{let c=y();l(c);let v=window.document.documentElement;v.setAttribute(a,c),v.classList.remove("light","dark"),v.classList.add(c)};return g.addEventListener("change",h),()=>g.removeEventListener("change",h)},[s,a,o]);let A={theme:s,setTheme:b,actualTheme:u};return Mr(Dt.Provider,{value:A,children:e})},Ir=()=>{let e=Er(Dt);if(e===void 0)throw new Error("useAtomicTheme must be used within an AtomicThemeProvider");return e};var _a="1.1.0";export{N as AnimationUtils,Pe as AtomicAlertType,Me as AtomicAlignment,Ht as AtomicAnimationPresets,De as AtomicAnimationState,x as AtomicAnimations,pe as AtomicAnimationsCss,_e as AtomicAvatar,qe as AtomicAvatarFallback,Xe as AtomicAvatarImage,ee as AtomicBadge,f as AtomicBorders,me as AtomicBordersCss,Fe as AtomicBreakpoint,je as AtomicButton,tt as AtomicButtonSpinner,Te as AtomicButtonVariant,$t as AtomicCard,It as AtomicCardContent,Nt as AtomicCardDescription,Mt as AtomicCardFooter,Pt as AtomicCardHeader,Et as AtomicCardTitle,Re as AtomicCardVariant,ht as AtomicCheckbox,Se as AtomicColorVariant,se as AtomicColorsCss,st as AtomicCountBadge,Xr as AtomicDesignTokensCss,Ve as AtomicDirection,pt as AtomicDiv,Ot as AtomicEnumUtils,ze as AtomicFormFieldState,gt as AtomicIcon,Je as AtomicImage,ot as AtomicInlineSpinner,Qe as AtomicInput,Ce as AtomicInputVariant,ct as AtomicLink,Le as AtomicLoadingState,Ee as AtomicModalSize,Be as AtomicOrientation,rt as AtomicPageSpinner,Ie as AtomicPosition,w as AtomicShadows,de as AtomicShadowsCss,ke as AtomicSize,le as AtomicSpacingCss,K as AtomicSpinner,$e as AtomicStatus,it as AtomicStatusBadge,vt as AtomicSwitch,xt as AtomicTag,Ue as AtomicText,Ne as AtomicTextVariant,He as AtomicThemeMode,Nr as AtomicThemeProvider,ce as AtomicTypographyCss,j as BorderUtils,Ft as ShadowUtils,_a as VERSION,ye as avatarFallbackVariants,xe as avatarImageVariants,Ye as avatarVariants,nt as badgeVariants,Oe as buttonVariants,Rt as cardContentVariants,Ct as cardDescriptionVariants,Lt as cardFooterVariants,St as cardHeaderVariants,Tt as cardTitleVariants,kt as cardVariants,i as cn,be as imageVariants,Ze as inputVariants,lt as linkVariants,et as spinnerVariants,Ge as textVariants,Ir as useAtomicTheme};
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import React5, { createContext, useState, useEffect, useContext } from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { Loader2, X, EyeOff, Eye, Check, Minus } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import Image2 from 'next/image';
+import Link from 'next/link';
+
+/**
+ * @umituz/atomic-next v2.0.0
+ * Atomic design system for Next.js
+ * https://umituz.com/opensource/atomic-next
+ */
+
+// src/tokens/colors/atomic-colors.ts
+var colors = {
+  primary: "#9333EA",
+  primaryLight: "#A855F7",
+  primaryDark: "#7C3AED",
+  secondary: "#EC4899",
+  secondaryLight: "#F472B6",
+  secondaryDark: "#DB2777",
+  accent: "#F59E0B",
+  accentLight: "#FBBF24",
+  accentDark: "#D97706",
+  gray50: "#FAFAFA",
+  gray100: "#F4F4F5",
+  gray200: "#E4E4E7",
+  gray300: "#D4D4D8",
+  gray400: "#A1A1AA",
+  gray500: "#71717A",
+  gray600: "#52525B",
+  gray700: "#3F3F46",
+  gray800: "#27272A",
+  gray900: "#18181B",
+  success: "#10B981",
+  successLight: "#34D399",
+  successDark: "#059669",
+  warning: "#F59E0B",
+  warningLight: "#FBBF24",
+  warningDark: "#D97706",
+  error: "#EF4444",
+  errorLight: "#F87171",
+  errorDark: "#DC2626",
+  info: "#3B82F6",
+  infoLight: "#60A5FA",
+  infoDark: "#2563EB",
+  background: "#FFFFFF",
+  backgroundSecondary: "#F9FAFB",
+  surface: "#FFFFFF",
+  surfaceSecondary: "#F3F4F6",
+  textPrimary: "#18181B",
+  textSecondary: "#52525B",
+  textTertiary: "#A1A1AA",
+  textDisabled: "#D4D4D8",
+  textInverse: "#FFFFFF"
+};
+var AtomicColorsCss = {
+  "--atomic-primary": colors.primary,
+  "--atomic-primary-light": colors.primaryLight,
+  "--atomic-primary-dark": colors.primaryDark,
+  "--atomic-secondary": colors.secondary,
+  "--atomic-secondary-light": colors.secondaryLight,
+  "--atomic-secondary-dark": colors.secondaryDark,
+  "--atomic-accent": colors.accent,
+  "--atomic-accent-light": colors.accentLight,
+  "--atomic-accent-dark": colors.accentDark,
+  "--atomic-gray-50": colors.gray50,
+  "--atomic-gray-100": colors.gray100,
+  "--atomic-gray-200": colors.gray200,
+  "--atomic-gray-300": colors.gray300,
+  "--atomic-gray-400": colors.gray400,
+  "--atomic-gray-500": colors.gray500,
+  "--atomic-gray-600": colors.gray600,
+  "--atomic-gray-700": colors.gray700,
+  "--atomic-gray-800": colors.gray800,
+  "--atomic-gray-900": colors.gray900,
+  "--atomic-success": colors.success,
+  "--atomic-success-light": colors.successLight,
+  "--atomic-success-dark": colors.successDark,
+  "--atomic-warning": colors.warning,
+  "--atomic-warning-light": colors.warningLight,
+  "--atomic-warning-dark": colors.warningDark,
+  "--atomic-error": colors.error,
+  "--atomic-error-light": colors.errorLight,
+  "--atomic-error-dark": colors.errorDark,
+  "--atomic-info": colors.info,
+  "--atomic-info-light": colors.infoLight,
+  "--atomic-info-dark": colors.infoDark,
+  "--atomic-background": colors.background,
+  "--atomic-background-secondary": colors.backgroundSecondary,
+  "--atomic-surface": colors.surface,
+  "--atomic-surface-secondary": colors.surfaceSecondary,
+  "--atomic-text-primary": colors.textPrimary,
+  "--atomic-text-secondary": colors.textSecondary,
+  "--atomic-text-tertiary": colors.textTertiary,
+  "--atomic-text-disabled": colors.textDisabled,
+  "--atomic-text-inverse": colors.textInverse
+};
+
+// src/tokens/spacing/atomic-spacing.ts
+var spacing = {
+  unit: 8,
+  xxs: 4,
+  xs: 8,
+  sm: 12,
+  md: 16,
+  lg: 24,
+  xl: 32,
+  xxl: 40,
+  xxxl: 48,
+  huge: 64,
+  buttonPaddingX: 16,
+  buttonPaddingY: 12,
+  cardPadding: 24,
+  cardMargin: 16,
+  listItemPadding: 16,
+  listItemSpacing: 8,
+  inputPaddingX: 16,
+  inputPaddingY: 12,
+  modalPadding: 24,
+  sectionPadding: 32
+};
+var AtomicSpacingCss = {
+  "--atomic-spacing-unit": `${spacing.unit}px`,
+  "--atomic-spacing-xxs": `${spacing.xxs}px`,
+  "--atomic-spacing-xs": `${spacing.xs}px`,
+  "--atomic-spacing-sm": `${spacing.sm}px`,
+  "--atomic-spacing-md": `${spacing.md}px`,
+  "--atomic-spacing-lg": `${spacing.lg}px`,
+  "--atomic-spacing-xl": `${spacing.xl}px`,
+  "--atomic-spacing-xxl": `${spacing.xxl}px`,
+  "--atomic-spacing-xxxl": `${spacing.xxxl}px`,
+  "--atomic-spacing-huge": `${spacing.huge}px`,
+  "--atomic-button-padding-x": `${spacing.buttonPaddingX}px`,
+  "--atomic-button-padding-y": `${spacing.buttonPaddingY}px`,
+  "--atomic-card-padding": `${spacing.cardPadding}px`,
+  "--atomic-card-margin": `${spacing.cardMargin}px`,
+  "--atomic-list-item-padding": `${spacing.listItemPadding}px`,
+  "--atomic-list-item-spacing": `${spacing.listItemSpacing}px`,
+  "--atomic-input-padding-x": `${spacing.inputPaddingX}px`,
+  "--atomic-input-padding-y": `${spacing.inputPaddingY}px`,
+  "--atomic-modal-padding": `${spacing.modalPadding}px`,
+  "--atomic-section-padding": `${spacing.sectionPadding}px`
+};
+
+// src/tokens/typography/atomic-typography.ts
+var typography = {
+  fontFamily: {
+    sans: ["Inter", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "sans-serif"],
+    serif: ["Charter", "Georgia", "Cambria", "Times New Roman", "Times", "serif"],
+    mono: ["JetBrains Mono", "Fira Code", "Consolas", "Monaco", "Courier New", "monospace"]
+  },
+  fontWeight: {
+    thin: 100,
+    light: 300,
+    regular: 400,
+    medium: 500,
+    semibold: 600,
+    bold: 700,
+    extrabold: 800,
+    black: 900
+  },
+  fontSize: {
+    displayLarge: 57,
+    displayMedium: 45,
+    displaySmall: 36,
+    headlineLarge: 32,
+    headlineMedium: 28,
+    headlineSmall: 24,
+    titleLarge: 22,
+    titleMedium: 16,
+    titleSmall: 14,
+    bodyLarge: 16,
+    bodyMedium: 14,
+    bodySmall: 12,
+    labelLarge: 14,
+    labelMedium: 12,
+    labelSmall: 11
+  },
+  lineHeight: {
+    none: 1,
+    tight: 1.25,
+    snug: 1.375,
+    normal: 1.5,
+    relaxed: 1.625,
+    loose: 2
+  },
+  letterSpacing: {
+    tighter: "-0.05em",
+    tight: "-0.025em",
+    normal: "0em",
+    wide: "0.025em",
+    wider: "0.05em",
+    widest: "0.1em"
+  }
+};
+var AtomicTypographyCss = {
+  "--atomic-font-sans": typography.fontFamily.sans.join(", "),
+  "--atomic-font-serif": typography.fontFamily.serif.join(", "),
+  "--atomic-font-mono": typography.fontFamily.mono.join(", "),
+  "--atomic-font-thin": typography.fontWeight.thin.toString(),
+  "--atomic-font-light": typography.fontWeight.light.toString(),
+  "--atomic-font-regular": typography.fontWeight.regular.toString(),
+  "--atomic-font-medium": typography.fontWeight.medium.toString(),
+  "--atomic-font-semibold": typography.fontWeight.semibold.toString(),
+  "--atomic-font-bold": typography.fontWeight.bold.toString(),
+  "--atomic-font-extrabold": typography.fontWeight.extrabold.toString(),
+  "--atomic-font-black": typography.fontWeight.black.toString(),
+  "--atomic-text-display-large": `${typography.fontSize.displayLarge}px`,
+  "--atomic-text-display-medium": `${typography.fontSize.displayMedium}px`,
+  "--atomic-text-display-small": `${typography.fontSize.displaySmall}px`,
+  "--atomic-text-headline-large": `${typography.fontSize.headlineLarge}px`,
+  "--atomic-text-headline-medium": `${typography.fontSize.headlineMedium}px`,
+  "--atomic-text-headline-small": `${typography.fontSize.headlineSmall}px`,
+  "--atomic-text-title-large": `${typography.fontSize.titleLarge}px`,
+  "--atomic-text-title-medium": `${typography.fontSize.titleMedium}px`,
+  "--atomic-text-title-small": `${typography.fontSize.titleSmall}px`,
+  "--atomic-text-body-large": `${typography.fontSize.bodyLarge}px`,
+  "--atomic-text-body-medium": `${typography.fontSize.bodyMedium}px`,
+  "--atomic-text-body-small": `${typography.fontSize.bodySmall}px`,
+  "--atomic-text-label-large": `${typography.fontSize.labelLarge}px`,
+  "--atomic-text-label-medium": `${typography.fontSize.labelMedium}px`,
+  "--atomic-text-label-small": `${typography.fontSize.labelSmall}px`,
+  "--atomic-leading-none": typography.lineHeight.none.toString(),
+  "--atomic-leading-tight": typography.lineHeight.tight.toString(),
+  "--atomic-leading-snug": typography.lineHeight.snug.toString(),
+  "--atomic-leading-normal": typography.lineHeight.normal.toString(),
+  "--atomic-leading-relaxed": typography.lineHeight.relaxed.toString(),
+  "--atomic-leading-loose": typography.lineHeight.loose.toString(),
+  "--atomic-tracking-tighter": typography.letterSpacing.tighter,
+  "--atomic-tracking-tight": typography.letterSpacing.tight,
+  "--atomic-tracking-normal": typography.letterSpacing.normal,
+  "--atomic-tracking-wide": typography.letterSpacing.wide,
+  "--atomic-tracking-wider": typography.letterSpacing.wider,
+  "--atomic-tracking-widest": typography.letterSpacing.widest
+};
+
+// src/tokens/shadows/atomic-shadows.ts
+var AtomicShadows = {
+  none: "none",
+  xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+  sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+  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)",
+  xxl: "0 25px 50px -12px rgb(0 0 0 / 0.25)",
+  inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+  focusPrimary: "0 0 0 3px rgb(139 92 246 / 0.2)",
+  focusSecondary: "0 0 0 3px rgb(236 72 153 / 0.2)",
+  focusSuccess: "0 0 0 3px rgb(16 185 129 / 0.2)",
+  focusWarning: "0 0 0 3px rgb(245 158 11 / 0.2)",
+  focusError: "0 0 0 3px rgb(239 68 68 / 0.2)",
+  focusInfo: "0 0 0 3px rgb(59 130 246 / 0.2)",
+  glowPrimary: "0 0 20px rgb(139 92 246 / 0.3)",
+  glowSecondary: "0 0 20px rgb(236 72 153 / 0.3)",
+  glowSuccess: "0 0 20px rgb(16 185 129 / 0.3)",
+  glowWarning: "0 0 20px rgb(245 158 11 / 0.3)",
+  glowError: "0 0 20px rgb(239 68 68 / 0.3)",
+  card: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+  cardHover: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+  button: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+  buttonHover: "0 2px 4px 0 rgb(0 0 0 / 0.1)",
+  modal: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+  dropdown: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+  tooltip: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)"
+};
+var ShadowUtils = {
+  get: (name) => {
+    return AtomicShadows[name];
+  },
+  custom: (x, y, blur, spread = 0, color = "0 0 0", opacity = 0.1) => {
+    return `${x}px ${y}px ${blur}px ${spread}px rgb(${color} / ${opacity})`;
+  },
+  combine: (...shadows) => {
+    return shadows.map((shadow) => AtomicShadows[shadow]).join(", ");
+  },
+  focus: (color = "139 92 246", opacity = 0.2) => {
+    return `0 0 0 3px rgb(${color} / ${opacity})`;
+  },
+  glow: (size = 20, color = "139 92 246", opacity = 0.3) => {
+    return `0 0 ${size}px rgb(${color} / ${opacity})`;
+  }
+};
+var AtomicShadowsCss = {
+  "--atomic-shadow-none": AtomicShadows.none,
+  "--atomic-shadow-xs": AtomicShadows.xs,
+  "--atomic-shadow-sm": AtomicShadows.sm,
+  "--atomic-shadow-md": AtomicShadows.md,
+  "--atomic-shadow-lg": AtomicShadows.lg,
+  "--atomic-shadow-xl": AtomicShadows.xl,
+  "--atomic-shadow-xxl": AtomicShadows.xxl,
+  "--atomic-shadow-inner": AtomicShadows.inner,
+  "--atomic-shadow-focus-primary": AtomicShadows.focusPrimary,
+  "--atomic-shadow-focus-secondary": AtomicShadows.focusSecondary,
+  "--atomic-shadow-focus-success": AtomicShadows.focusSuccess,
+  "--atomic-shadow-focus-warning": AtomicShadows.focusWarning,
+  "--atomic-shadow-focus-error": AtomicShadows.focusError,
+  "--atomic-shadow-focus-info": AtomicShadows.focusInfo,
+  "--atomic-shadow-glow-primary": AtomicShadows.glowPrimary,
+  "--atomic-shadow-glow-secondary": AtomicShadows.glowSecondary,
+  "--atomic-shadow-glow-success": AtomicShadows.glowSuccess,
+  "--atomic-shadow-glow-warning": AtomicShadows.glowWarning,
+  "--atomic-shadow-glow-error": AtomicShadows.glowError,
+  "--atomic-shadow-card": AtomicShadows.card,
+  "--atomic-shadow-card-hover": AtomicShadows.cardHover,
+  "--atomic-shadow-button": AtomicShadows.button,
+  "--atomic-shadow-button-hover": AtomicShadows.buttonHover,
+  "--atomic-shadow-modal": AtomicShadows.modal,
+  "--atomic-shadow-dropdown": AtomicShadows.dropdown,
+  "--atomic-shadow-tooltip": AtomicShadows.tooltip
+};
+
+// src/tokens/borders/atomic-borders.ts
+var AtomicBorders = {
+  radius: {
+    none: "0px",
+    xs: "2px",
+    sm: "4px",
+    md: "6px",
+    lg: "8px",
+    xl: "12px",
+    xxl: "16px",
+    xxxl: "24px",
+    full: "9999px"
+  },
+  width: {
+    none: "0px",
+    thin: "1px",
+    medium: "2px",
+    thick: "4px",
+    thicker: "8px"
+  },
+  style: {
+    solid: "solid",
+    dashed: "dashed",
+    dotted: "dotted",
+    double: "double",
+    none: "none"
+  }
+};
+var BorderUtils = {
+  radius: (name) => {
+    return AtomicBorders.radius[name];
+  },
+  width: (name) => {
+    return AtomicBorders.width[name];
+  },
+  style: (name) => {
+    return AtomicBorders.style[name];
+  },
+  border: (config) => {
+    const width = config.width ? AtomicBorders.width[config.width] : AtomicBorders.width.thin;
+    const style = config.style ? AtomicBorders.style[config.style] : AtomicBorders.style.solid;
+    const color = config.color || "currentColor";
+    return `${width} ${style} ${color}`;
+  },
+  radiusCorners: {
+    all: (radius) => ({
+      borderRadius: AtomicBorders.radius[radius]
+    }),
+    top: (radius) => ({
+      borderTopLeftRadius: AtomicBorders.radius[radius],
+      borderTopRightRadius: AtomicBorders.radius[radius]
+    }),
+    right: (radius) => ({
+      borderTopRightRadius: AtomicBorders.radius[radius],
+      borderBottomRightRadius: AtomicBorders.radius[radius]
+    }),
+    bottom: (radius) => ({
+      borderBottomLeftRadius: AtomicBorders.radius[radius],
+      borderBottomRightRadius: AtomicBorders.radius[radius]
+    }),
+    left: (radius) => ({
+      borderTopLeftRadius: AtomicBorders.radius[radius],
+      borderBottomLeftRadius: AtomicBorders.radius[radius]
+    }),
+    topLeft: (radius) => ({
+      borderTopLeftRadius: AtomicBorders.radius[radius]
+    }),
+    topRight: (radius) => ({
+      borderTopRightRadius: AtomicBorders.radius[radius]
+    }),
+    bottomRight: (radius) => ({
+      borderBottomRightRadius: AtomicBorders.radius[radius]
+    }),
+    bottomLeft: (radius) => ({
+      borderBottomLeftRadius: AtomicBorders.radius[radius]
+    })
+  },
+  borderSides: {
+    all: (config) => ({
+      border: BorderUtils.border(config)
+    }),
+    top: (config) => ({
+      borderTop: BorderUtils.border(config)
+    }),
+    right: (config) => ({
+      borderRight: BorderUtils.border(config)
+    }),
+    bottom: (config) => ({
+      borderBottom: BorderUtils.border(config)
+    }),
+    left: (config) => ({
+      borderLeft: BorderUtils.border(config)
+    })
+  }
+};
+var AtomicBordersCss = {
+  "--atomic-radius-none": AtomicBorders.radius.none,
+  "--atomic-radius-xs": AtomicBorders.radius.xs,
+  "--atomic-radius-sm": AtomicBorders.radius.sm,
+  "--atomic-radius-md": AtomicBorders.radius.md,
+  "--atomic-radius-lg": AtomicBorders.radius.lg,
+  "--atomic-radius-xl": AtomicBorders.radius.xl,
+  "--atomic-radius-xxl": AtomicBorders.radius.xxl,
+  "--atomic-radius-xxxl": AtomicBorders.radius.xxxl,
+  "--atomic-radius-full": AtomicBorders.radius.full,
+  "--atomic-border-none": AtomicBorders.width.none,
+  "--atomic-border-thin": AtomicBorders.width.thin,
+  "--atomic-border-medium": AtomicBorders.width.medium,
+  "--atomic-border-thick": AtomicBorders.width.thick,
+  "--atomic-border-thicker": AtomicBorders.width.thicker
+};
+
+// src/tokens/animations/atomic-animations.ts
+var AtomicAnimations = {
+  duration: {
+    instant: "0ms",
+    fast: "150ms",
+    normal: "200ms",
+    slow: "300ms",
+    slower: "500ms",
+    slowest: "700ms"
+  },
+  easing: {
+    linear: "linear",
+    ease: "ease",
+    easeIn: "ease-in",
+    easeOut: "ease-out",
+    easeInOut: "ease-in-out",
+    smooth: "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
+    snappy: "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
+    bounce: "cubic-bezier(0.68, -0.6, 0.32, 1.6)",
+    elastic: "cubic-bezier(0.175, 0.885, 0.32, 1.275)",
+    standard: "cubic-bezier(0.4, 0, 0.2, 1)",
+    decelerate: "cubic-bezier(0, 0, 0.2, 1)",
+    accelerate: "cubic-bezier(0.4, 0, 1, 1)"
+  },
+  scale: {
+    none: "1",
+    xs: "1.025",
+    sm: "1.05",
+    md: "1.1",
+    lg: "1.15",
+    xl: "1.25"
+  },
+  rotate: {
+    none: "0deg",
+    quarter: "90deg",
+    half: "180deg",
+    threeQuarter: "270deg",
+    full: "360deg"
+  }
+};
+var AnimationUtils = {
+  transition: (config) => {
+    const property = Array.isArray(config.property) ? config.property.join(", ") : config.property || "all";
+    const duration = config.duration ? AtomicAnimations.duration[config.duration] : AtomicAnimations.duration.normal;
+    const easing = config.easing ? AtomicAnimations.easing[config.easing] : AtomicAnimations.easing.easeInOut;
+    const delay = config.delay ? AtomicAnimations.duration[config.delay] : "0ms";
+    return {
+      transition: `${property} ${duration} ${easing} ${delay}`
+    };
+  },
+  transform: (config) => {
+    const transforms = [];
+    if (config.scale) {
+      transforms.push(`scale(${AtomicAnimations.scale[config.scale]})`);
+    }
+    if (config.rotate) {
+      transforms.push(`rotate(${AtomicAnimations.rotate[config.rotate]})`);
+    }
+    if (config.translateX) {
+      transforms.push(`translateX(${config.translateX})`);
+    }
+    if (config.translateY) {
+      transforms.push(`translateY(${config.translateY})`);
+    }
+    if (config.translateZ) {
+      transforms.push(`translateZ(${config.translateZ})`);
+    }
+    return {
+      transform: transforms.join(" ") || "none"
+    };
+  },
+  duration: (name) => {
+    return AtomicAnimations.duration[name];
+  },
+  easing: (name) => {
+    return AtomicAnimations.easing[name];
+  },
+  keyframes: (name, frames) => {
+    const keyframeString = Object.entries(frames).map(([key, styles]) => {
+      const styleString = Object.entries(styles).map(([prop, value]) => `${prop}: ${value};`).join(" ");
+      return `${key} { ${styleString} }`;
+    }).join(" ");
+    return `@keyframes ${name} { ${keyframeString} }`;
+  }
+};
+var AtomicAnimationPresets = {
+  fadeIn: AnimationUtils.transition({
+    property: "opacity",
+    duration: "normal",
+    easing: "easeOut"
+  }),
+  fadeOut: AnimationUtils.transition({
+    property: "opacity",
+    duration: "fast",
+    easing: "easeIn"
+  }),
+  scaleIn: {
+    ...AnimationUtils.transition({
+      property: "transform",
+      duration: "normal",
+      easing: "smooth"
+    }),
+    transform: "scale(1)"
+  },
+  scaleOut: {
+    ...AnimationUtils.transition({
+      property: "transform",
+      duration: "fast",
+      easing: "easeIn"
+    }),
+    transform: "scale(0.95)"
+  },
+  slideInUp: {
+    ...AnimationUtils.transition({
+      property: "transform",
+      duration: "normal",
+      easing: "smooth"
+    }),
+    transform: "translateY(0)"
+  },
+  slideInDown: {
+    ...AnimationUtils.transition({
+      property: "transform",
+      duration: "normal",
+      easing: "smooth"
+    }),
+    transform: "translateY(0)"
+  },
+  buttonHover: {
+    ...AnimationUtils.transition({
+      property: ["background-color", "border-color", "color", "box-shadow", "transform"],
+      duration: "fast",
+      easing: "easeOut"
+    }),
+    transform: "translateY(-1px)"
+  },
+  buttonPress: {
+    ...AnimationUtils.transition({
+      property: "transform",
+      duration: "fast",
+      easing: "easeIn"
+    }),
+    transform: "translateY(0)"
+  },
+  spin: {
+    animation: "spin 1s linear infinite"
+  },
+  pulse: {
+    animation: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite"
+  },
+  bounce: {
+    animation: "bounce 1s infinite"
+  }
+};
+var AtomicAnimationsCss = {
+  "--atomic-duration-instant": AtomicAnimations.duration.instant,
+  "--atomic-duration-fast": AtomicAnimations.duration.fast,
+  "--atomic-duration-normal": AtomicAnimations.duration.normal,
+  "--atomic-duration-slow": AtomicAnimations.duration.slow,
+  "--atomic-duration-slower": AtomicAnimations.duration.slower,
+  "--atomic-duration-slowest": AtomicAnimations.duration.slowest,
+  "--atomic-ease-linear": AtomicAnimations.easing.linear,
+  "--atomic-ease": AtomicAnimations.easing.ease,
+  "--atomic-ease-in": AtomicAnimations.easing.easeIn,
+  "--atomic-ease-out": AtomicAnimations.easing.easeOut,
+  "--atomic-ease-in-out": AtomicAnimations.easing.easeInOut,
+  "--atomic-ease-smooth": AtomicAnimations.easing.smooth,
+  "--atomic-ease-snappy": AtomicAnimations.easing.snappy,
+  "--atomic-ease-bounce": AtomicAnimations.easing.bounce,
+  "--atomic-ease-elastic": AtomicAnimations.easing.elastic,
+  "--atomic-ease-standard": AtomicAnimations.easing.standard,
+  "--atomic-ease-decelerate": AtomicAnimations.easing.decelerate,
+  "--atomic-ease-accelerate": AtomicAnimations.easing.accelerate,
+  "--atomic-scale-none": AtomicAnimations.scale.none,
+  "--atomic-scale-xs": AtomicAnimations.scale.xs,
+  "--atomic-scale-sm": AtomicAnimations.scale.sm,
+  "--atomic-scale-md": AtomicAnimations.scale.md,
+  "--atomic-scale-lg": AtomicAnimations.scale.lg,
+  "--atomic-scale-xl": AtomicAnimations.scale.xl
+};
+
+// src/tokens/enums/atomic-enums.ts
+var AtomicSize = /* @__PURE__ */ ((AtomicSize2) => {
+  AtomicSize2["XS"] = "xs";
+  AtomicSize2["SM"] = "sm";
+  AtomicSize2["MD"] = "md";
+  AtomicSize2["LG"] = "lg";
+  AtomicSize2["XL"] = "xl";
+  return AtomicSize2;
+})(AtomicSize || {});
+var AtomicColorVariant = /* @__PURE__ */ ((AtomicColorVariant2) => {
+  AtomicColorVariant2["PRIMARY"] = "primary";
+  AtomicColorVariant2["SECONDARY"] = "secondary";
+  AtomicColorVariant2["SUCCESS"] = "success";
+  AtomicColorVariant2["WARNING"] = "warning";
+  AtomicColorVariant2["ERROR"] = "error";
+  AtomicColorVariant2["INFO"] = "info";
+  AtomicColorVariant2["GRAY"] = "gray";
+  return AtomicColorVariant2;
+})(AtomicColorVariant || {});
+var AtomicButtonVariant = /* @__PURE__ */ ((AtomicButtonVariant2) => {
+  AtomicButtonVariant2["PRIMARY"] = "primary";
+  AtomicButtonVariant2["SECONDARY"] = "secondary";
+  AtomicButtonVariant2["OUTLINE"] = "outline";
+  AtomicButtonVariant2["GHOST"] = "ghost";
+  AtomicButtonVariant2["LINK"] = "link";
+  AtomicButtonVariant2["DESTRUCTIVE"] = "destructive";
+  return AtomicButtonVariant2;
+})(AtomicButtonVariant || {});
+var AtomicInputVariant = /* @__PURE__ */ ((AtomicInputVariant2) => {
+  AtomicInputVariant2["DEFAULT"] = "default";
+  AtomicInputVariant2["FILLED"] = "filled";
+  AtomicInputVariant2["OUTLINE"] = "outline";
+  AtomicInputVariant2["UNDERLINED"] = "underlined";
+  return AtomicInputVariant2;
+})(AtomicInputVariant || {});
+var AtomicCardVariant = /* @__PURE__ */ ((AtomicCardVariant2) => {
+  AtomicCardVariant2["DEFAULT"] = "default";
+  AtomicCardVariant2["ELEVATED"] = "elevated";
+  AtomicCardVariant2["OUTLINED"] = "outlined";
+  AtomicCardVariant2["FILLED"] = "filled";
+  return AtomicCardVariant2;
+})(AtomicCardVariant || {});
+var AtomicLoadingState = /* @__PURE__ */ ((AtomicLoadingState2) => {
+  AtomicLoadingState2["IDLE"] = "idle";
+  AtomicLoadingState2["LOADING"] = "loading";
+  AtomicLoadingState2["SUCCESS"] = "success";
+  AtomicLoadingState2["ERROR"] = "error";
+  return AtomicLoadingState2;
+})(AtomicLoadingState || {});
+var AtomicStatus = /* @__PURE__ */ ((AtomicStatus2) => {
+  AtomicStatus2["ACTIVE"] = "active";
+  AtomicStatus2["INACTIVE"] = "inactive";
+  AtomicStatus2["PENDING"] = "pending";
+  AtomicStatus2["DISABLED"] = "disabled";
+  AtomicStatus2["ARCHIVED"] = "archived";
+  return AtomicStatus2;
+})(AtomicStatus || {});
+var AtomicAlertType = /* @__PURE__ */ ((AtomicAlertType2) => {
+  AtomicAlertType2["INFO"] = "info";
+  AtomicAlertType2["SUCCESS"] = "success";
+  AtomicAlertType2["WARNING"] = "warning";
+  AtomicAlertType2["ERROR"] = "error";
+  return AtomicAlertType2;
+})(AtomicAlertType || {});
+var AtomicModalSize = /* @__PURE__ */ ((AtomicModalSize2) => {
+  AtomicModalSize2["SM"] = "sm";
+  AtomicModalSize2["MD"] = "md";
+  AtomicModalSize2["LG"] = "lg";
+  AtomicModalSize2["XL"] = "xl";
+  AtomicModalSize2["FULL"] = "full";
+  return AtomicModalSize2;
+})(AtomicModalSize || {});
+var AtomicTextVariant = /* @__PURE__ */ ((AtomicTextVariant2) => {
+  AtomicTextVariant2["DISPLAY_LARGE"] = "displayLarge";
+  AtomicTextVariant2["DISPLAY_MEDIUM"] = "displayMedium";
+  AtomicTextVariant2["DISPLAY_SMALL"] = "displaySmall";
+  AtomicTextVariant2["HEADLINE_LARGE"] = "headlineLarge";
+  AtomicTextVariant2["HEADLINE_MEDIUM"] = "headlineMedium";
+  AtomicTextVariant2["HEADLINE_SMALL"] = "headlineSmall";
+  AtomicTextVariant2["TITLE_LARGE"] = "titleLarge";
+  AtomicTextVariant2["TITLE_MEDIUM"] = "titleMedium";
+  AtomicTextVariant2["TITLE_SMALL"] = "titleSmall";
+  AtomicTextVariant2["BODY_LARGE"] = "bodyLarge";
+  AtomicTextVariant2["BODY_MEDIUM"] = "bodyMedium";
+  AtomicTextVariant2["BODY_SMALL"] = "bodySmall";
+  AtomicTextVariant2["LABEL_LARGE"] = "labelLarge";
+  AtomicTextVariant2["LABEL_MEDIUM"] = "labelMedium";
+  AtomicTextVariant2["LABEL_SMALL"] = "labelSmall";
+  return AtomicTextVariant2;
+})(AtomicTextVariant || {});
+var AtomicPosition = /* @__PURE__ */ ((AtomicPosition2) => {
+  AtomicPosition2["TOP"] = "top";
+  AtomicPosition2["TOP_LEFT"] = "top-left";
+  AtomicPosition2["TOP_RIGHT"] = "top-right";
+  AtomicPosition2["BOTTOM"] = "bottom";
+  AtomicPosition2["BOTTOM_LEFT"] = "bottom-left";
+  AtomicPosition2["BOTTOM_RIGHT"] = "bottom-right";
+  AtomicPosition2["LEFT"] = "left";
+  AtomicPosition2["RIGHT"] = "right";
+  AtomicPosition2["CENTER"] = "center";
+  return AtomicPosition2;
+})(AtomicPosition || {});
+var AtomicAlignment = /* @__PURE__ */ ((AtomicAlignment2) => {
+  AtomicAlignment2["LEFT"] = "left";
+  AtomicAlignment2["CENTER"] = "center";
+  AtomicAlignment2["RIGHT"] = "right";
+  AtomicAlignment2["JUSTIFY"] = "justify";
+  return AtomicAlignment2;
+})(AtomicAlignment || {});
+var AtomicOrientation = /* @__PURE__ */ ((AtomicOrientation2) => {
+  AtomicOrientation2["HORIZONTAL"] = "horizontal";
+  AtomicOrientation2["VERTICAL"] = "vertical";
+  return AtomicOrientation2;
+})(AtomicOrientation || {});
+var AtomicDirection = /* @__PURE__ */ ((AtomicDirection2) => {
+  AtomicDirection2["UP"] = "up";
+  AtomicDirection2["DOWN"] = "down";
+  AtomicDirection2["LEFT"] = "left";
+  AtomicDirection2["RIGHT"] = "right";
+  return AtomicDirection2;
+})(AtomicDirection || {});
+var AtomicAnimationState = /* @__PURE__ */ ((AtomicAnimationState2) => {
+  AtomicAnimationState2["ENTER"] = "enter";
+  AtomicAnimationState2["EXIT"] = "exit";
+  AtomicAnimationState2["IDLE"] = "idle";
+  return AtomicAnimationState2;
+})(AtomicAnimationState || {});
+var AtomicFormFieldState = /* @__PURE__ */ ((AtomicFormFieldState2) => {
+  AtomicFormFieldState2["DEFAULT"] = "default";
+  AtomicFormFieldState2["FOCUS"] = "focus";
+  AtomicFormFieldState2["ERROR"] = "error";
+  AtomicFormFieldState2["SUCCESS"] = "success";
+  AtomicFormFieldState2["DISABLED"] = "disabled";
+  return AtomicFormFieldState2;
+})(AtomicFormFieldState || {});
+var AtomicBreakpoint = /* @__PURE__ */ ((AtomicBreakpoint2) => {
+  AtomicBreakpoint2["XS"] = "xs";
+  AtomicBreakpoint2["SM"] = "sm";
+  AtomicBreakpoint2["MD"] = "md";
+  AtomicBreakpoint2["LG"] = "lg";
+  AtomicBreakpoint2["XL"] = "xl";
+  AtomicBreakpoint2["XXL"] = "xxl";
+  return AtomicBreakpoint2;
+})(AtomicBreakpoint || {});
+var AtomicThemeMode = /* @__PURE__ */ ((AtomicThemeMode2) => {
+  AtomicThemeMode2["LIGHT"] = "light";
+  AtomicThemeMode2["DARK"] = "dark";
+  AtomicThemeMode2["SYSTEM"] = "system";
+  return AtomicThemeMode2;
+})(AtomicThemeMode || {});
+var AtomicEnumUtils = {
+  getValues: (enumObj) => {
+    return Object.values(enumObj);
+  },
+  getKeys: (enumObj) => {
+    return Object.keys(enumObj);
+  },
+  hasValue: (enumObj, value) => {
+    return Object.values(enumObj).includes(value);
+  },
+  hasKey: (enumObj, key) => {
+    return Object.keys(enumObj).includes(key);
+  },
+  getEntries: (enumObj) => {
+    return Object.entries(enumObj);
+  }
+};
+
+// src/tokens/index.ts
+var AtomicDesignTokensCss = {
+  ...AtomicColorsCss,
+  ...AtomicSpacingCss,
+  ...AtomicTypographyCss,
+  ...AtomicShadowsCss,
+  ...AtomicBordersCss,
+  ...AtomicAnimationsCss
+};
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var buttonVariants = cva(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-gray-900 text-white hover:bg-gray-800 dark:bg-white dark:text-gray-900 dark:hover:bg-gray-100",
+        primary: "bg-[--atomic-primary] text-white hover:bg-[--atomic-primary-dark] transition-all duration-200",
+        brand: "text-white hover:shadow-xl transition-all duration-200",
+        destructive: "bg-red-600 text-white hover:bg-red-700 dark:bg-red-500 dark:hover:bg-red-600",
+        outline: "border border-gray-300 bg-transparent hover:bg-gray-50 dark:border-gray-700 dark:hover:bg-gray-800",
+        secondary: "bg-gray-100 text-gray-900 hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-100 dark:hover:bg-gray-700",
+        ghost: "bg-transparent hover:bg-gray-100 dark:hover:bg-gray-800",
+        link: "bg-transparent text-blue-600 underline-offset-4 hover:underline dark:text-blue-400"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var AtomicButton = React5.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    asChild = false,
+    loading = false,
+    leftIcon,
+    rightIcon,
+    fullWidth = false,
+    disabled,
+    children,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    const isDisabled = disabled || loading;
+    return /* @__PURE__ */ jsxs(
+      Comp,
+      {
+        className: cn(
+          buttonVariants({ variant, size }),
+          fullWidth && "w-full",
+          className
+        ),
+        style: {
+          ...variant === "brand" && {
+            background: "linear-gradient(to right, var(--atomic-primary), var(--atomic-secondary))"
+          },
+          ...props.style
+        },
+        ref,
+        disabled: isDisabled,
+        ...props,
+        children: [
+          loading && /* @__PURE__ */ jsx(
+            Loader2,
+            {
+              className: cn(
+                "animate-spin",
+                size === "sm" ? "h-3 w-3" : size === "lg" ? "h-5 w-5" : "h-4 w-4",
+                (leftIcon || children) && "mr-2"
+              )
+            }
+          ),
+          !loading && leftIcon && /* @__PURE__ */ jsx("span", { className: cn(
+            "inline-flex items-center",
+            size === "sm" ? "mr-1" : "mr-2",
+            size === "sm" ? "[&>*]:h-3 [&>*]:w-3" : size === "lg" ? "[&>*]:h-5 [&>*]:w-5" : "[&>*]:h-4 [&>*]:w-4"
+          ), children: leftIcon }),
+          children,
+          !loading && rightIcon && /* @__PURE__ */ jsx("span", { className: cn(
+            "inline-flex items-center",
+            size === "sm" ? "ml-1" : "ml-2",
+            size === "sm" ? "[&>*]:h-3 [&>*]:w-3" : size === "lg" ? "[&>*]:h-5 [&>*]:w-5" : "[&>*]:h-4 [&>*]:w-4"
+          ), children: rightIcon })
+        ]
+      }
+    );
+  }
+);
+AtomicButton.displayName = "AtomicButton";
+var textVariants = cva("", {
+  variants: {
+    variant: {
+      h1: "scroll-m-20 text-4xl font-extrabold tracking-tight lg:text-5xl",
+      h2: "scroll-m-20 text-3xl font-semibold tracking-tight lg:text-4xl",
+      h3: "scroll-m-20 text-2xl font-semibold tracking-tight",
+      h4: "scroll-m-20 text-xl font-semibold tracking-tight",
+      h5: "scroll-m-20 text-lg font-semibold tracking-tight",
+      h6: "scroll-m-20 text-base font-semibold tracking-tight",
+      body: "text-base leading-7",
+      large: "text-lg leading-7",
+      small: "text-sm leading-6",
+      xs: "text-xs leading-5",
+      lead: "text-xl leading-7 text-muted-foreground",
+      muted: "text-sm text-muted-foreground",
+      caption: "text-xs text-muted-foreground",
+      label: "text-sm font-medium leading-none"
+    },
+    color: {
+      default: "text-foreground",
+      primary: "text-primary",
+      secondary: "text-secondary-foreground",
+      muted: "text-muted-foreground",
+      success: "text-green-600 dark:text-green-400",
+      warning: "text-amber-600 dark:text-amber-400",
+      error: "text-red-600 dark:text-red-400",
+      info: "text-blue-600 dark:text-blue-400"
+    },
+    align: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right",
+      justify: "text-justify"
+    },
+    weight: {
+      thin: "font-thin",
+      light: "font-light",
+      normal: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold",
+      bold: "font-bold",
+      extrabold: "font-extrabold",
+      black: "font-black"
+    }
+  },
+  defaultVariants: {
+    variant: "body",
+    color: "default",
+    align: "left"
+  }
+});
+var AtomicText = React5.forwardRef(
+  ({
+    className,
+    variant,
+    color,
+    align,
+    weight,
+    as = "p",
+    asChild = false,
+    truncate = false,
+    selectable = true,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot : as;
+    let semanticElement = as;
+    if (!asChild && as === "p") {
+      if (variant === "h1" || variant === "h2" || variant === "h3" || variant === "h4" || variant === "h5" || variant === "h6") {
+        semanticElement = variant;
+      } else if (variant === "label") {
+        semanticElement = "label";
+      }
+    }
+    const FinalComp = asChild ? Comp : semanticElement;
+    return /* @__PURE__ */ jsx(
+      FinalComp,
+      {
+        className: cn(
+          textVariants({ variant, color: color || "default", align, weight }),
+          truncate && "truncate",
+          !selectable && "select-none",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+AtomicText.displayName = "AtomicText";
+var avatarVariants = cva(
+  "relative flex shrink-0 overflow-hidden rounded-full",
+  {
+    variants: {
+      size: {
+        xs: "h-6 w-6",
+        sm: "h-8 w-8",
+        default: "h-10 w-10",
+        lg: "h-12 w-12",
+        xl: "h-16 w-16",
+        xxl: "h-20 w-20",
+        xxxl: "h-24 w-24"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var avatarImageVariants = cva("aspect-square h-full w-full object-cover");
+var avatarFallbackVariants = cva(
+  "flex h-full w-full items-center justify-center rounded-full bg-muted font-medium text-muted-foreground",
+  {
+    variants: {
+      size: {
+        xs: "text-xs",
+        sm: "text-xs",
+        default: "text-sm",
+        lg: "text-base",
+        xl: "text-lg",
+        xxl: "text-xl",
+        xxxl: "text-2xl"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var AtomicAvatar = React5.forwardRef(
+  ({
+    className,
+    size,
+    src,
+    alt,
+    fallback,
+    fallbackElement,
+    showStatus = false,
+    isOnline = false,
+    statusColor,
+    ...props
+  }, ref) => {
+    const generateInitials = (name) => {
+      if (!name) return "?";
+      return name.split(" ").map((part) => part.charAt(0)).join("").slice(0, 2).toUpperCase();
+    };
+    const initials = fallback || generateInitials(alt);
+    const statusSize = {
+      xs: "h-1.5 w-1.5",
+      sm: "h-2 w-2",
+      default: "h-2.5 w-2.5",
+      lg: "h-3 w-3",
+      xl: "h-4 w-4",
+      xxl: "h-4 w-4",
+      xxxl: "h-5 w-5"
+    }[size || "default"];
+    return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ jsxs(
+        AvatarPrimitive.Root,
+        {
+          ref,
+          className: cn(avatarVariants({ size }), className),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsx(
+              AvatarPrimitive.Image,
+              {
+                className: avatarImageVariants(),
+                src,
+                alt
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              AvatarPrimitive.Fallback,
+              {
+                className: avatarFallbackVariants({ size }),
+                children: fallbackElement || initials
+              }
+            )
+          ]
+        }
+      ),
+      showStatus && /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "absolute bottom-0 right-0 rounded-full border-2 border-background",
+            statusSize,
+            statusColor ? "" : isOnline ? "bg-green-500" : "bg-gray-400"
+          ),
+          style: statusColor ? { backgroundColor: statusColor } : void 0
+        }
+      )
+    ] });
+  }
+);
+AtomicAvatar.displayName = "AtomicAvatar";
+var AtomicAvatarImage = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Image,
+  {
+    ref,
+    className: cn(avatarImageVariants(), className),
+    ...props
+  }
+));
+AtomicAvatarImage.displayName = "AtomicAvatarImage";
+var AtomicAvatarFallback = React5.forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(
+  AvatarPrimitive.Fallback,
+  {
+    ref,
+    className: cn(avatarFallbackVariants({ size }), className),
+    ...props
+  }
+));
+AtomicAvatarFallback.displayName = "AtomicAvatarFallback";
+var imageVariants = cva("transition-all duration-200", {
+  variants: {
+    rounded: {
+      none: "rounded-none",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg",
+      xl: "rounded-xl",
+      full: "rounded-full"
+    },
+    aspectRatio: {
+      square: "aspect-square",
+      video: "aspect-video",
+      portrait: "aspect-[3/4]",
+      landscape: "aspect-[4/3]",
+      auto: ""
+    },
+    objectFit: {
+      cover: "object-cover",
+      contain: "object-contain",
+      fill: "object-fill",
+      "scale-down": "object-scale-down",
+      none: "object-none"
+    },
+    objectPosition: {
+      center: "object-center",
+      top: "object-top",
+      bottom: "object-bottom",
+      left: "object-left",
+      right: "object-right",
+      "top-left": "object-left-top",
+      "top-right": "object-right-top",
+      "bottom-left": "object-left-bottom",
+      "bottom-right": "object-right-bottom"
+    }
+  },
+  defaultVariants: {
+    rounded: "none",
+    aspectRatio: "auto",
+    objectFit: "cover",
+    objectPosition: "center"
+  }
+});
+var AtomicImage = React5.forwardRef(({
+  className,
+  containerClassName,
+  rounded,
+  aspectRatio,
+  objectFit,
+  objectPosition,
+  enableBlur = false,
+  placeholderSrc,
+  ...props
+}, ref) => {
+  return /* @__PURE__ */ jsx("div", { className: cn(
+    "relative overflow-hidden",
+    aspectRatio && imageVariants({ aspectRatio }),
+    containerClassName
+  ), children: /* @__PURE__ */ jsx(
+    Image2,
+    {
+      ref,
+      className: cn(
+        imageVariants({
+          rounded,
+          objectFit,
+          objectPosition,
+          aspectRatio: void 0
+        }),
+        className
+      ),
+      placeholder: enableBlur || placeholderSrc ? "blur" : "empty",
+      blurDataURL: placeholderSrc,
+      ...props
+    }
+  ) });
+});
+AtomicImage.displayName = "AtomicImage";
+var cardVariants = cva(
+  "rounded-lg border text-card-foreground",
+  {
+    variants: {
+      variant: {
+        default: "border-border bg-card shadow-sm",
+        elevated: "border-0 bg-card shadow-lg",
+        outlined: "border-2 border-border bg-card shadow-none",
+        filled: "border-0 bg-muted shadow-none"
+      },
+      size: {
+        sm: "p-4",
+        md: "p-6",
+        lg: "p-8",
+        xl: "p-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+var cardHeaderVariants = cva(
+  "flex flex-col space-y-1.5",
+  {
+    variants: {
+      size: {
+        sm: "pb-3",
+        md: "pb-4",
+        lg: "pb-6",
+        xl: "pb-8"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var cardTitleVariants = cva(
+  "font-semibold leading-none tracking-tight",
+  {
+    variants: {
+      size: {
+        sm: "text-lg",
+        md: "text-xl",
+        lg: "text-2xl",
+        xl: "text-3xl"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var cardDescriptionVariants = cva(
+  "text-muted-foreground",
+  {
+    variants: {
+      size: {
+        sm: "text-sm",
+        md: "text-sm",
+        lg: "text-base",
+        xl: "text-lg"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var cardContentVariants = cva("", {
+  variants: {
+    size: {
+      sm: "pt-0",
+      md: "pt-0",
+      lg: "pt-0",
+      xl: "pt-0"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var cardFooterVariants = cva(
+  "flex items-center",
+  {
+    variants: {
+      size: {
+        sm: "pt-3",
+        md: "pt-4",
+        lg: "pt-6",
+        xl: "pt-8"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var AtomicCard = React5.forwardRef(
+  ({ className, variant, size, interactive = false, fullWidth = false, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        cardVariants({ variant, size }),
+        interactive && "cursor-pointer transition-shadow hover:shadow-md",
+        fullWidth && "w-full",
+        className
+      ),
+      ...props
+    }
+  )
+);
+AtomicCard.displayName = "AtomicCard";
+var AtomicCardHeader = React5.forwardRef(
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(cardHeaderVariants({ size }), className),
+      ...props
+    }
+  )
+);
+AtomicCardHeader.displayName = "AtomicCardHeader";
+var AtomicCardTitle = React5.forwardRef(
+  ({ className, size, as: Component = "h3", ...props }, ref) => /* @__PURE__ */ jsx(
+    Component,
+    {
+      ref,
+      className: cn(cardTitleVariants({ size }), className),
+      ...props
+    }
+  )
+);
+AtomicCardTitle.displayName = "AtomicCardTitle";
+var AtomicCardDescription = React5.forwardRef(
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(
+    "p",
+    {
+      ref,
+      className: cn(cardDescriptionVariants({ size }), className),
+      ...props
+    }
+  )
+);
+AtomicCardDescription.displayName = "AtomicCardDescription";
+var AtomicCardContent = React5.forwardRef(
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(cardContentVariants({ size }), className),
+      ...props
+    }
+  )
+);
+AtomicCardContent.displayName = "AtomicCardContent";
+var AtomicCardFooter = React5.forwardRef(
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(cardFooterVariants({ size }), className),
+      ...props
+    }
+  )
+);
+AtomicCardFooter.displayName = "AtomicCardFooter";
+var getSpacingClass = (spacing2, prefix) => {
+  if (!spacing2) return "";
+  if (typeof spacing2 === "string") {
+    return `${prefix}-${spacing2}`;
+  }
+  const classes = [];
+  if (spacing2.x !== void 0) classes.push(`${prefix}x-${spacing2.x}`);
+  if (spacing2.y !== void 0) classes.push(`${prefix}y-${spacing2.y}`);
+  if (spacing2.t !== void 0) classes.push(`${prefix}t-${spacing2.t}`);
+  if (spacing2.r !== void 0) classes.push(`${prefix}r-${spacing2.r}`);
+  if (spacing2.b !== void 0) classes.push(`${prefix}b-${spacing2.b}`);
+  if (spacing2.l !== void 0) classes.push(`${prefix}l-${spacing2.l}`);
+  return classes.join(" ");
+};
+var getSizeValue = (size) => {
+  if (typeof size === "number") return size;
+  if (typeof size === "string" && !isNaN(Number(size))) return Number(size);
+  switch (size) {
+    case "xs":
+      return 12;
+    case "sm":
+      return 16;
+    case "md":
+      return 20;
+    case "lg":
+      return 24;
+    case "xl":
+      return 28;
+    case "2xl":
+      return 32;
+    default:
+      return 20;
+  }
+};
+var AtomicIcon = React5.forwardRef(
+  ({
+    icon: Icon,
+    size = "md",
+    color,
+    hoverColor,
+    p,
+    m,
+    cursor,
+    spin = false,
+    pulse = false,
+    bounce = false,
+    rotate,
+    className,
+    "aria-label": ariaLabel,
+    "aria-hidden": ariaHidden = false,
+    ...rest
+  }, ref) => {
+    const sizeValue = getSizeValue(size);
+    const classes = cn(
+      "inline-block flex-shrink-0",
+      color && `text-${color}`,
+      hoverColor && `hover:text-${hoverColor}`,
+      getSpacingClass(p, "p"),
+      getSpacingClass(m, "m"),
+      cursor && `cursor-${cursor}`,
+      spin && "animate-spin",
+      pulse && "animate-pulse",
+      bounce && "animate-bounce",
+      rotate && `rotate-${rotate}`,
+      (hoverColor || cursor === "pointer") && "transition-colors duration-200",
+      className
+    );
+    return /* @__PURE__ */ jsx(
+      Icon,
+      {
+        ref,
+        size: sizeValue,
+        className: classes,
+        "aria-label": ariaLabel,
+        "aria-hidden": ariaHidden,
+        ...rest
+      }
+    );
+  }
+);
+AtomicIcon.displayName = "AtomicIcon";
+var inputVariants = cva(
+  "flex w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "",
+        filled: "bg-secondary border-transparent",
+        outline: "bg-transparent border-2",
+        underlined: "rounded-none border-0 border-b-2 px-0"
+      },
+      size: {
+        sm: "h-8 px-2 text-xs",
+        default: "h-10 px-3 text-sm",
+        lg: "h-12 px-4 text-base"
+      },
+      state: {
+        default: "",
+        error: "border-destructive focus-visible:ring-destructive",
+        success: "border-green-500 focus-visible:ring-green-500",
+        warning: "border-amber-500 focus-visible:ring-amber-500"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      state: "default"
+    }
+  }
+);
+var AtomicInput = React5.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    state,
+    type = "text",
+    leftIcon,
+    rightIcon,
+    label,
+    helperText,
+    error,
+    success,
+    warning,
+    clearable = false,
+    onClear,
+    showPasswordToggle = false,
+    containerClassName,
+    labelClassName,
+    helperClassName,
+    value,
+    onChange,
+    disabled,
+    ...props
+  }, ref) => {
+    const [showPassword, setShowPassword] = React5.useState(false);
+    const [internalValue, setInternalValue] = React5.useState(value || "");
+    let currentState = state;
+    if (error) currentState = "error";
+    else if (success) currentState = "success";
+    else if (warning) currentState = "warning";
+    let inputType = type;
+    if (type === "password" && showPasswordToggle) {
+      inputType = showPassword ? "text" : "password";
+    }
+    const hasValue = (value || internalValue) && String(value || internalValue).length > 0;
+    const showClearButton = clearable && hasValue && !disabled;
+    const showPasswordToggleButton = showPasswordToggle && type === "password" && !disabled;
+    const handleChange = (e) => {
+      setInternalValue(e.target.value);
+      onChange?.(e);
+    };
+    const handleClear = () => {
+      setInternalValue("");
+      onClear?.();
+      const syntheticEvent = {
+        target: { value: "" },
+        currentTarget: { value: "" }
+      };
+      onChange?.(syntheticEvent);
+    };
+    const messageText = error || success || warning || helperText;
+    const messageColor = error ? "text-destructive" : success ? "text-green-600 dark:text-green-400" : warning ? "text-amber-600 dark:text-amber-400" : "text-muted-foreground";
+    return /* @__PURE__ */ jsxs("div", { className: cn("space-y-2", containerClassName), children: [
+      label && /* @__PURE__ */ jsx("label", { className: cn(
+        "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+        disabled && "opacity-50",
+        labelClassName
+      ), children: label }),
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        leftIcon && /* @__PURE__ */ jsx("div", { className: cn(
+          "absolute left-0 top-0 h-full flex items-center justify-center",
+          size === "sm" ? "w-8 pl-2" : size === "lg" ? "w-12 pl-4" : "w-10 pl-3",
+          "text-muted-foreground pointer-events-none",
+          "[&>*]:h-4 [&>*]:w-4"
+        ), children: leftIcon }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: inputType,
+            className: cn(
+              inputVariants({ variant, size, state: currentState }),
+              leftIcon && (size === "sm" ? "pl-8" : size === "lg" ? "pl-12" : "pl-10"),
+              (rightIcon || showClearButton || showPasswordToggleButton) && (size === "sm" ? "pr-8" : size === "lg" ? "pr-12" : "pr-10"),
+              className
+            ),
+            ref,
+            value: value !== void 0 ? value : internalValue,
+            onChange: handleChange,
+            disabled,
+            ...props
+          }
+        ),
+        (rightIcon || showClearButton || showPasswordToggleButton) && /* @__PURE__ */ jsxs("div", { className: cn(
+          "absolute right-0 top-0 h-full flex items-center justify-center gap-1",
+          size === "sm" ? "w-8 pr-2" : size === "lg" ? "w-12 pr-4" : "w-10 pr-3"
+        ), children: [
+          rightIcon && !showClearButton && !showPasswordToggleButton && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground [&>*]:h-4 [&>*]:w-4", children: rightIcon }),
+          showClearButton && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: handleClear,
+              className: "text-muted-foreground hover:text-foreground transition-colors [&>*]:h-4 [&>*]:w-4",
+              tabIndex: -1,
+              children: /* @__PURE__ */ jsx(X, {})
+            }
+          ),
+          showPasswordToggleButton && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setShowPassword(!showPassword),
+              className: "text-muted-foreground hover:text-foreground transition-colors [&>*]:h-4 [&>*]:w-4",
+              tabIndex: -1,
+              children: showPassword ? /* @__PURE__ */ jsx(EyeOff, {}) : /* @__PURE__ */ jsx(Eye, {})
+            }
+          )
+        ] })
+      ] }),
+      messageText && /* @__PURE__ */ jsx("p", { className: cn(
+        "text-xs",
+        messageColor,
+        helperClassName
+      ), children: messageText })
+    ] });
+  }
+);
+AtomicInput.displayName = "AtomicInput";
+var getSpacingClass2 = (spacing2, prefix) => {
+  if (!spacing2) return "";
+  if (typeof spacing2 === "string") {
+    return `${prefix}-${spacing2}`;
+  }
+  const classes = [];
+  if (spacing2.x !== void 0) classes.push(`${prefix}x-${spacing2.x}`);
+  if (spacing2.y !== void 0) classes.push(`${prefix}y-${spacing2.y}`);
+  if (spacing2.t !== void 0) classes.push(`${prefix}t-${spacing2.t}`);
+  if (spacing2.r !== void 0) classes.push(`${prefix}r-${spacing2.r}`);
+  if (spacing2.b !== void 0) classes.push(`${prefix}b-${spacing2.b}`);
+  if (spacing2.l !== void 0) classes.push(`${prefix}l-${spacing2.l}`);
+  return classes.join(" ");
+};
+var getSizeClasses = (size) => {
+  switch (size) {
+    case "sm":
+      return {
+        container: "text-sm",
+        checkbox: "w-4 h-4",
+        icon: 12
+      };
+    case "md":
+      return {
+        container: "text-base",
+        checkbox: "w-5 h-5",
+        icon: 14
+      };
+    case "lg":
+      return {
+        container: "text-lg",
+        checkbox: "w-6 h-6",
+        icon: 16
+      };
+    default:
+      return {
+        container: "text-base",
+        checkbox: "w-5 h-5",
+        icon: 14
+      };
+  }
+};
+var getColorClasses = (color, error) => {
+  if (error) {
+    return "border-red-300 text-red-600 focus:border-red-500 focus:ring-red-500";
+  }
+  const colorMap = {
+    slate: "border-slate-300 text-slate-600 focus:border-slate-500 focus:ring-slate-500",
+    gray: "border-gray-300 text-gray-600 focus:border-gray-500 focus:ring-gray-500",
+    zinc: "border-zinc-300 text-zinc-600 focus:border-zinc-500 focus:ring-zinc-500",
+    red: "border-red-300 text-red-600 focus:border-red-500 focus:ring-red-500",
+    orange: "border-orange-300 text-orange-600 focus:border-orange-500 focus:ring-orange-500",
+    yellow: "border-yellow-300 text-yellow-600 focus:border-yellow-500 focus:ring-yellow-500",
+    green: "border-green-300 text-green-600 focus:border-green-500 focus:ring-green-500",
+    blue: "border-blue-300 text-blue-600 focus:border-blue-500 focus:ring-blue-500",
+    indigo: "border-indigo-300 text-indigo-600 focus:border-indigo-500 focus:ring-indigo-500",
+    purple: "border-purple-300 text-purple-600 focus:border-purple-500 focus:ring-purple-500",
+    pink: "border-pink-300 text-pink-600 focus:border-pink-500 focus:ring-pink-500"
+  };
+  return colorMap[color] || colorMap.blue;
+};
+var AtomicCheckbox = React5.forwardRef(
+  ({
+    checked = false,
+    indeterminate = false,
+    disabled = false,
+    size = "md",
+    color = "blue",
+    p,
+    m,
+    label,
+    description,
+    error = false,
+    errorMessage,
+    className,
+    onChange,
+    id,
+    ...rest
+  }, ref) => {
+    const checkboxId = id || `checkbox-${React5.useId()}`;
+    const sizeClasses = getSizeClasses(size);
+    const colorClasses = getColorClasses(color, error);
+    const handleChange = (event) => {
+      if (!disabled) {
+        onChange?.(event.target.checked, event);
+      }
+    };
+    const containerClasses = cn(
+      "relative flex items-start",
+      sizeClasses.container,
+      getSpacingClass2(p, "p"),
+      getSpacingClass2(m, "m"),
+      disabled && "opacity-50 cursor-not-allowed",
+      className
+    );
+    const checkboxClasses = cn(
+      "flex-shrink-0 rounded border-2 bg-white transition-colors duration-200",
+      sizeClasses.checkbox,
+      colorClasses,
+      "focus:outline-none focus:ring-2 focus:ring-offset-2",
+      disabled ? "cursor-not-allowed" : "cursor-pointer",
+      (checked || indeterminate) && !disabled && `bg-${color}-600 border-${color}-600`
+    );
+    return /* @__PURE__ */ jsxs("div", { className: containerClasses, children: [
+      /* @__PURE__ */ jsx("div", { className: "flex items-center h-5", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref,
+            type: "checkbox",
+            id: checkboxId,
+            checked,
+            disabled,
+            onChange: handleChange,
+            className: "sr-only",
+            ...rest
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: checkboxClasses,
+            onClick: () => {
+              if (!disabled && ref && "current" in ref && ref.current) {
+                ref.current.click();
+              }
+            },
+            children: [
+              checked && !indeterminate && /* @__PURE__ */ jsx(
+                Check,
+                {
+                  size: sizeClasses.icon,
+                  className: "text-white absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
+                }
+              ),
+              indeterminate && /* @__PURE__ */ jsx(
+                Minus,
+                {
+                  size: sizeClasses.icon,
+                  className: "text-white absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2"
+                }
+              )
+            ]
+          }
+        )
+      ] }) }),
+      (label || description) && /* @__PURE__ */ jsxs("div", { className: "ml-3 flex-1", children: [
+        label && /* @__PURE__ */ jsx(
+          "label",
+          {
+            htmlFor: checkboxId,
+            className: cn(
+              "block font-medium leading-5",
+              error ? "text-red-700" : "text-gray-700",
+              disabled ? "cursor-not-allowed" : "cursor-pointer"
+            ),
+            children: label
+          }
+        ),
+        description && /* @__PURE__ */ jsx("p", { className: cn(
+          "text-sm leading-5",
+          error ? "text-red-600" : "text-gray-500"
+        ), children: description }),
+        error && errorMessage && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-red-600", children: errorMessage })
+      ] })
+    ] });
+  }
+);
+AtomicCheckbox.displayName = "AtomicCheckbox";
+var getSpacingClass3 = (spacing2, prefix) => {
+  if (!spacing2) return "";
+  if (typeof spacing2 === "string") {
+    return `${prefix}-${spacing2}`;
+  }
+  const classes = [];
+  if (spacing2.x !== void 0) classes.push(`${prefix}x-${spacing2.x}`);
+  if (spacing2.y !== void 0) classes.push(`${prefix}y-${spacing2.y}`);
+  if (spacing2.t !== void 0) classes.push(`${prefix}t-${spacing2.t}`);
+  if (spacing2.r !== void 0) classes.push(`${prefix}r-${spacing2.r}`);
+  if (spacing2.b !== void 0) classes.push(`${prefix}b-${spacing2.b}`);
+  if (spacing2.l !== void 0) classes.push(`${prefix}l-${spacing2.l}`);
+  return classes.join(" ");
+};
+var getSizeClasses2 = (size) => {
+  switch (size) {
+    case "sm":
+      return {
+        track: "w-9 h-5",
+        thumb: "w-4 h-4",
+        thumbTranslate: "translate-x-4",
+        container: "text-sm"
+      };
+    case "md":
+      return {
+        track: "w-11 h-6",
+        thumb: "w-5 h-5",
+        thumbTranslate: "translate-x-5",
+        container: "text-base"
+      };
+    case "lg":
+      return {
+        track: "w-14 h-7",
+        thumb: "w-6 h-6",
+        thumbTranslate: "translate-x-7",
+        container: "text-lg"
+      };
+    default:
+      return {
+        track: "w-11 h-6",
+        thumb: "w-5 h-5",
+        thumbTranslate: "translate-x-5",
+        container: "text-base"
+      };
+  }
+};
+var getColorClasses2 = (color, checked) => {
+  if (!checked) {
+    return "bg-gray-200";
+  }
+  const colorMap = {
+    slate: "bg-slate-500",
+    gray: "bg-gray-500",
+    zinc: "bg-zinc-500",
+    red: "bg-red-500",
+    orange: "bg-orange-500",
+    yellow: "bg-yellow-500",
+    green: "bg-green-500",
+    blue: "bg-blue-500",
+    indigo: "bg-indigo-500",
+    purple: "bg-purple-500",
+    pink: "bg-pink-500"
+  };
+  return colorMap[color] || colorMap.blue;
+};
+var AtomicSwitch = React5.forwardRef(
+  ({
+    checked = false,
+    disabled = false,
+    size = "md",
+    color = "blue",
+    p,
+    m,
+    label,
+    description,
+    labelPosition = "right",
+    loading = false,
+    className,
+    onChange,
+    id,
+    ...rest
+  }, ref) => {
+    const switchId = id || `switch-${React5.useId()}`;
+    const sizeClasses = getSizeClasses2(size);
+    const colorClasses = getColorClasses2(color, checked);
+    const handleChange = (event) => {
+      if (!disabled && !loading) {
+        onChange?.(event.target.checked, event);
+      }
+    };
+    const containerClasses = cn(
+      "relative flex items-center",
+      sizeClasses.container,
+      getSpacingClass3(p, "p"),
+      getSpacingClass3(m, "m"),
+      disabled && "opacity-50 cursor-not-allowed",
+      className
+    );
+    const trackClasses = cn(
+      "relative inline-flex flex-shrink-0 rounded-full border-2 border-transparent transition-colors ease-in-out duration-200",
+      sizeClasses.track,
+      colorClasses,
+      "focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2",
+      `focus-within:ring-${color}-500`,
+      disabled || loading ? "cursor-not-allowed" : "cursor-pointer"
+    );
+    const thumbClasses = cn(
+      "pointer-events-none inline-block rounded-full bg-white shadow transform ring-0 transition ease-in-out duration-200",
+      sizeClasses.thumb,
+      checked ? sizeClasses.thumbTranslate : "translate-x-0"
+    );
+    const switchElement = /* @__PURE__ */ jsxs("div", { className: trackClasses, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          type: "checkbox",
+          id: switchId,
+          checked,
+          disabled: disabled || loading,
+          onChange: handleChange,
+          className: "sr-only",
+          ...rest
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: thumbClasses, children: loading && /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          className: "animate-spin -ml-1 -mt-1 h-3 w-3 text-gray-400",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          children: [
+            /* @__PURE__ */ jsx(
+              "circle",
+              {
+                className: "opacity-25",
+                cx: "12",
+                cy: "12",
+                r: "10",
+                stroke: "currentColor",
+                strokeWidth: "4"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "path",
+              {
+                className: "opacity-75",
+                fill: "currentColor",
+                d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+              }
+            )
+          ]
+        }
+      ) })
+    ] });
+    const labelElement = (label || description) && /* @__PURE__ */ jsxs("div", { className: cn(
+      "flex-1",
+      labelPosition === "left" ? "mr-3" : "ml-3"
+    ), children: [
+      label && /* @__PURE__ */ jsx(
+        "label",
+        {
+          htmlFor: switchId,
+          className: cn(
+            "block font-medium leading-5 text-gray-700",
+            disabled || loading ? "cursor-not-allowed" : "cursor-pointer"
+          ),
+          children: label
+        }
+      ),
+      description && /* @__PURE__ */ jsx("p", { className: "text-sm leading-5 text-gray-500", children: description })
+    ] });
+    return /* @__PURE__ */ jsxs("div", { className: containerClasses, children: [
+      labelPosition === "left" && labelElement,
+      switchElement,
+      labelPosition === "right" && labelElement
+    ] });
+  }
+);
+AtomicSwitch.displayName = "AtomicSwitch";
+var spinnerVariants = cva("animate-spin", {
+  variants: {
+    size: {
+      xs: "h-3 w-3",
+      sm: "h-4 w-4",
+      default: "h-5 w-5",
+      lg: "h-6 w-6",
+      xl: "h-8 w-8",
+      xxl: "h-12 w-12"
+    },
+    color: {
+      default: "text-foreground",
+      primary: "text-primary",
+      secondary: "text-secondary-foreground",
+      muted: "text-muted-foreground",
+      white: "text-white",
+      success: "text-green-600",
+      warning: "text-amber-600",
+      error: "text-red-600"
+    }
+  },
+  defaultVariants: {
+    size: "default",
+    color: "default"
+  }
+});
+var AtomicSpinner = React5.forwardRef(
+  ({
+    className,
+    size,
+    color,
+    label,
+    inline = false,
+    icon: Icon = Loader2,
+    ...props
+  }, ref) => {
+    const spinner = /* @__PURE__ */ jsx(
+      Icon,
+      {
+        ref,
+        className: cn(spinnerVariants({ size, color }), className),
+        ...props
+      }
+    );
+    if (!label) {
+      return spinner;
+    }
+    return /* @__PURE__ */ jsxs("div", { className: cn(
+      "flex items-center gap-2",
+      inline ? "inline-flex" : "flex"
+    ), children: [
+      spinner,
+      /* @__PURE__ */ jsx("span", { className: cn(
+        "text-sm",
+        color === "muted" ? "text-muted-foreground" : color === "white" ? "text-white" : color === "primary" ? "text-primary" : "text-foreground"
+      ), children: label })
+    ] });
+  }
+);
+AtomicSpinner.displayName = "AtomicSpinner";
+var AtomicButtonSpinner = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AtomicSpinner,
+  {
+    ref,
+    size: "sm",
+    color: "white",
+    className: cn("mr-2", className),
+    ...props
+  }
+));
+AtomicButtonSpinner.displayName = "AtomicButtonSpinner";
+var AtomicPageSpinner = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsx(
+  AtomicSpinner,
+  {
+    ref,
+    size: "lg",
+    className,
+    ...props
+  }
+) }));
+AtomicPageSpinner.displayName = "AtomicPageSpinner";
+var AtomicInlineSpinner = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AtomicSpinner,
+  {
+    ref,
+    inline: true,
+    size: "sm",
+    color: "muted",
+    className,
+    ...props
+  }
+));
+AtomicInlineSpinner.displayName = "AtomicInlineSpinner";
+var badgeVariants = cva(
+  "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-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground border-current",
+        success: "border-transparent bg-green-100 text-green-800 dark:bg-green-900/20 dark:text-green-400",
+        warning: "border-transparent bg-amber-100 text-amber-800 dark:bg-amber-900/20 dark:text-amber-400",
+        info: "border-transparent bg-blue-100 text-blue-800 dark:bg-blue-900/20 dark:text-blue-400",
+        gray: "border-transparent bg-gray-100 text-gray-800 dark:bg-gray-900/20 dark:text-gray-400"
+      },
+      size: {
+        sm: "px-2 py-0.5 text-xs",
+        default: "px-2.5 py-0.5 text-xs",
+        lg: "px-3 py-1 text-sm"
+      },
+      shape: {
+        default: "rounded-full",
+        rounded: "rounded-md",
+        square: "rounded-none"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      shape: "default"
+    }
+  }
+);
+var AtomicBadge = React5.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    shape,
+    leftIcon,
+    rightIcon,
+    dot = false,
+    dotColor,
+    removable = false,
+    onRemove,
+    removeIcon,
+    children,
+    ...props
+  }, ref) => {
+    const iconSize = size === "sm" ? "h-3 w-3" : size === "lg" ? "h-4 w-4" : "h-3.5 w-3.5";
+    const dotSize = size === "sm" ? "h-1.5 w-1.5" : size === "lg" ? "h-2.5 w-2.5" : "h-2 w-2";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(badgeVariants({ variant, size, shape }), className),
+        ...props,
+        children: [
+          dot && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "mr-1.5 rounded-full",
+                dotSize,
+                !dotColor && (variant === "success" ? "bg-green-600" : variant === "warning" ? "bg-amber-600" : variant === "info" ? "bg-blue-600" : variant === "destructive" ? "bg-red-600" : variant === "gray" ? "bg-gray-600" : "bg-current")
+              ),
+              style: dotColor ? { backgroundColor: dotColor } : void 0
+            }
+          ),
+          leftIcon && /* @__PURE__ */ jsx("span", { className: cn("mr-1 flex items-center", `[&>*]:${iconSize}`), children: leftIcon }),
+          children,
+          rightIcon && !removable && /* @__PURE__ */ jsx("span", { className: cn("ml-1 flex items-center", `[&>*]:${iconSize}`), children: rightIcon }),
+          removable && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onRemove,
+              className: cn(
+                "ml-1 flex items-center rounded-full hover:bg-black/10 dark:hover:bg-white/10",
+                "transition-colors focus:outline-none focus:ring-1 focus:ring-current",
+                size === "sm" ? "p-0.5" : "p-1"
+              ),
+              children: removeIcon ? /* @__PURE__ */ jsx("span", { className: cn("flex items-center", `[&>*]:${iconSize}`), children: removeIcon }) : /* @__PURE__ */ jsxs(
+                "svg",
+                {
+                  className: iconSize,
+                  viewBox: "0 0 24 24",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "2",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: [
+                    /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+                    /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+                  ]
+                }
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+AtomicBadge.displayName = "AtomicBadge";
+var AtomicStatusBadge = React5.forwardRef(({ status, variant, ...props }, ref) => {
+  const statusConfig = {
+    online: { variant: "success", dot: true, children: "Online" },
+    offline: { variant: "gray", dot: true, children: "Offline" },
+    busy: { variant: "destructive", dot: true, children: "Busy" },
+    away: { variant: "warning", dot: true, children: "Away" }
+  };
+  const config = statusConfig[status];
+  return /* @__PURE__ */ jsx(
+    AtomicBadge,
+    {
+      ref,
+      variant: variant || config.variant,
+      dot: config.dot,
+      ...props,
+      children: props.children || config.children
+    }
+  );
+});
+AtomicStatusBadge.displayName = "AtomicStatusBadge";
+var AtomicCountBadge = React5.forwardRef(({ count, max = 99, ...props }, ref) => {
+  const displayCount = count > max ? `${max}+` : count.toString();
+  if (count <= 0) return null;
+  return /* @__PURE__ */ jsx(
+    AtomicBadge,
+    {
+      ref,
+      variant: "destructive",
+      size: "sm",
+      ...props,
+      children: displayCount
+    }
+  );
+});
+AtomicCountBadge.displayName = "AtomicCountBadge";
+var getSpacingClass4 = (spacing2, prefix) => {
+  if (!spacing2) return "";
+  if (typeof spacing2 === "string") {
+    return `${prefix}-${spacing2}`;
+  }
+  const classes = [];
+  if (spacing2.x !== void 0) classes.push(`${prefix}x-${spacing2.x}`);
+  if (spacing2.y !== void 0) classes.push(`${prefix}y-${spacing2.y}`);
+  if (spacing2.t !== void 0) classes.push(`${prefix}t-${spacing2.t}`);
+  if (spacing2.r !== void 0) classes.push(`${prefix}r-${spacing2.r}`);
+  if (spacing2.b !== void 0) classes.push(`${prefix}b-${spacing2.b}`);
+  if (spacing2.l !== void 0) classes.push(`${prefix}l-${spacing2.l}`);
+  return classes.join(" ");
+};
+var getVariantClasses = (variant, color) => {
+  const baseColor = color || "gray";
+  switch (variant) {
+    case "primary":
+      return `bg-blue-500 text-white border-blue-500`;
+    case "secondary":
+      return `bg-gray-500 text-white border-gray-500`;
+    case "success":
+      return `bg-green-500 text-white border-green-500`;
+    case "warning":
+      return `bg-yellow-500 text-white border-yellow-500`;
+    case "danger":
+      return `bg-red-500 text-white border-red-500`;
+    case "info":
+      return `bg-blue-500 text-white border-blue-500`;
+    case "outline":
+      return `bg-transparent text-${baseColor}-700 border-${baseColor}-300 border`;
+    case "ghost":
+      return `bg-${baseColor}-100 text-${baseColor}-700 border-transparent`;
+    case "solid":
+      return `bg-${baseColor}-500 text-white border-${baseColor}-500`;
+    default:
+      return `bg-gray-100 text-gray-800 border-gray-200 border`;
+  }
+};
+var getSizeClasses3 = (size) => {
+  switch (size) {
+    case "xs":
+      return "px-1.5 py-0.5 text-xs";
+    case "sm":
+      return "px-2 py-1 text-xs";
+    case "md":
+      return "px-2.5 py-1.5 text-sm";
+    case "lg":
+      return "px-3 py-2 text-base";
+    default:
+      return "px-2.5 py-1.5 text-sm";
+  }
+};
+var getIconSize = (size) => {
+  switch (size) {
+    case "xs":
+      return 10;
+    case "sm":
+      return 12;
+    case "md":
+      return 14;
+    case "lg":
+      return 16;
+    default:
+      return 14;
+  }
+};
+var AtomicTag = React5.forwardRef(
+  ({
+    children,
+    variant = "default",
+    size = "md",
+    color,
+    leftIcon: LeftIcon,
+    rightIcon: RightIcon,
+    p,
+    m,
+    clickable = false,
+    removable = false,
+    onRemove,
+    disabled = false,
+    as: Component = "span",
+    className,
+    onClick,
+    ...rest
+  }, ref) => {
+    const iconSize = getIconSize(size);
+    const classes = cn(
+      "inline-flex items-center justify-center font-medium rounded-md transition-colors duration-200",
+      getVariantClasses(variant, color),
+      getSizeClasses3(size),
+      getSpacingClass4(p, "p"),
+      getSpacingClass4(m, "m"),
+      clickable && !disabled && [
+        "cursor-pointer",
+        "hover:opacity-80",
+        "focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"
+      ],
+      removable && !disabled && "pr-1",
+      disabled && "opacity-50 cursor-not-allowed",
+      className
+    );
+    const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+      LeftIcon && /* @__PURE__ */ jsx(
+        LeftIcon,
+        {
+          size: iconSize,
+          className: cn(
+            "flex-shrink-0",
+            children ? "mr-1.5" : ""
+          )
+        }
+      ),
+      children && /* @__PURE__ */ jsx("span", { className: "truncate", children }),
+      RightIcon && /* @__PURE__ */ jsx(
+        RightIcon,
+        {
+          size: iconSize,
+          className: cn(
+            "flex-shrink-0",
+            children ? "ml-1.5" : ""
+          )
+        }
+      ),
+      removable && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: cn(
+            "flex-shrink-0 ml-1.5 rounded-full p-0.5",
+            "hover:bg-black hover:bg-opacity-20",
+            "focus:outline-none focus:bg-black focus:bg-opacity-20",
+            disabled && "cursor-not-allowed"
+          ),
+          onClick: (e) => {
+            e.stopPropagation();
+            if (!disabled) onRemove?.();
+          },
+          disabled,
+          "aria-label": "Remove",
+          children: /* @__PURE__ */ jsx(
+            "svg",
+            {
+              className: "w-3 h-3",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M6 18L18 6M6 6l12 12"
+                }
+              )
+            }
+          )
+        }
+      )
+    ] });
+    const handleClick = (e) => {
+      if (!disabled) {
+        onClick?.(e);
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      Component,
+      {
+        ref,
+        className: classes,
+        onClick: clickable ? handleClick : void 0,
+        ...rest,
+        children: content
+      }
+    );
+  }
+);
+AtomicTag.displayName = "AtomicTag";
+var linkVariants = cva("transition-colors duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", {
+  variants: {
+    variant: {
+      default: "text-foreground hover:text-foreground/80",
+      primary: "text-primary hover:text-primary/80",
+      secondary: "text-secondary-foreground hover:text-secondary-foreground/80",
+      muted: "text-muted-foreground hover:text-foreground",
+      destructive: "text-destructive hover:text-destructive/80",
+      ghost: "text-foreground hover:bg-accent hover:text-accent-foreground",
+      underline: "text-primary underline underline-offset-4 hover:text-primary/80",
+      button: "inline-flex items-center justify-center rounded-md text-sm font-medium h-10 px-4 py-2 bg-primary text-primary-foreground hover:bg-primary/90"
+    },
+    size: {
+      default: "",
+      sm: "text-sm",
+      lg: "text-lg",
+      xl: "text-xl"
+    },
+    weight: {
+      normal: "font-normal",
+      medium: "font-medium",
+      semibold: "font-semibold",
+      bold: "font-bold"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default",
+    weight: "normal"
+  }
+});
+var AtomicLink = React5.forwardRef(({
+  className,
+  variant,
+  size,
+  weight,
+  external = false,
+  showExternalIcon = false,
+  prefetch = true,
+  externalIcon,
+  children,
+  href,
+  ...props
+}, ref) => {
+  const isExternalUrl = typeof href === "string" && (href.startsWith("http") || href.startsWith("//"));
+  const shouldBeExternal = external || isExternalUrl;
+  const linkProps = {
+    className: cn(linkVariants({ variant, size, weight }), className),
+    ref,
+    ...props
+  };
+  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+    children,
+    shouldBeExternal && showExternalIcon && /* @__PURE__ */ jsx("span", { className: "ml-1 inline-block", children: externalIcon || /* @__PURE__ */ jsx(
+      "svg",
+      {
+        className: "h-3 w-3",
+        fill: "none",
+        stroke: "currentColor",
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ jsx(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"
+          }
+        )
+      }
+    ) })
+  ] });
+  if (shouldBeExternal) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        href,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        ...linkProps,
+        children: content
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      href,
+      prefetch,
+      ...linkProps,
+      children: content
+    }
+  );
+});
+AtomicLink.displayName = "AtomicLink";
+var getSpacingClass5 = (spacing2, prefix) => {
+  if (!spacing2) return "";
+  if (typeof spacing2 === "string") {
+    return `${prefix}-${spacing2}`;
+  }
+  const classes = [];
+  if (spacing2.x !== void 0) classes.push(`${prefix}x-${spacing2.x}`);
+  if (spacing2.y !== void 0) classes.push(`${prefix}y-${spacing2.y}`);
+  if (spacing2.t !== void 0) classes.push(`${prefix}t-${spacing2.t}`);
+  if (spacing2.r !== void 0) classes.push(`${prefix}r-${spacing2.r}`);
+  if (spacing2.b !== void 0) classes.push(`${prefix}b-${spacing2.b}`);
+  if (spacing2.l !== void 0) classes.push(`${prefix}l-${spacing2.l}`);
+  return classes.join(" ");
+};
+var AtomicDiv = React5.forwardRef(
+  ({
+    d,
+    align,
+    justify,
+    flexDir,
+    flexWrap,
+    flexGrow,
+    flexShrink,
+    order,
+    p,
+    m,
+    w,
+    h,
+    minW,
+    minH,
+    maxW,
+    maxH,
+    bg,
+    bgGradient,
+    border,
+    borderColor,
+    rounded,
+    shadow,
+    position,
+    top,
+    right,
+    bottom,
+    left,
+    cursor,
+    as: Component = "div",
+    className,
+    children,
+    ...rest
+  }, ref) => {
+    const classes = cn(
+      d && `${d === "flex" ? "flex" : d === "inline-flex" ? "inline-flex" : d === "grid" ? "grid" : d === "hidden" ? "hidden" : d === "inline" ? "inline" : d === "inline-block" ? "inline-block" : "block"}`,
+      align && `items-${align === "start" ? "start" : align === "end" ? "end" : align === "center" ? "center" : align === "baseline" ? "baseline" : "stretch"}`,
+      justify && `justify-${justify === "start" ? "start" : justify === "end" ? "end" : justify === "center" ? "center" : justify === "between" ? "between" : justify === "around" ? "around" : "evenly"}`,
+      flexDir && `flex-${flexDir === "col" ? "col" : flexDir === "col-reverse" ? "col-reverse" : flexDir === "row-reverse" ? "row-reverse" : "row"}`,
+      flexWrap && `flex-${flexWrap}`,
+      flexGrow !== void 0 && `flex-grow-${flexGrow}`,
+      flexShrink !== void 0 && `flex-shrink-${flexShrink}`,
+      order !== void 0 && `order-${order}`,
+      getSpacingClass5(p, "p"),
+      getSpacingClass5(m, "m"),
+      w && `w-${w}`,
+      h && `h-${h}`,
+      minW && `min-w-${minW}`,
+      minH && `min-h-${minH}`,
+      maxW && `max-w-${maxW}`,
+      maxH && `max-h-${maxH}`,
+      bg && `bg-${bg}`,
+      bgGradient,
+      border === true && "border",
+      typeof border === "string" && border,
+      borderColor && `border-${borderColor}`,
+      rounded && `rounded${rounded === "none" ? "-none" : rounded === "full" ? "-full" : rounded === "sm" ? "-sm" : rounded === "md" ? "" : `-${rounded}`}`,
+      shadow && `shadow${shadow === "none" ? "-none" : shadow === "sm" ? "-sm" : shadow === "md" ? "" : shadow === "inner" ? "-inner" : `-${shadow}`}`,
+      position && `${position}`,
+      top !== void 0 && `top-${top}`,
+      right !== void 0 && `right-${right}`,
+      bottom !== void 0 && `bottom-${bottom}`,
+      left !== void 0 && `left-${left}`,
+      cursor && `cursor-${cursor}`,
+      className
+    );
+    return React5.createElement(
+      Component,
+      {
+        ref,
+        className: classes,
+        ...rest
+      },
+      children
+    );
+  }
+);
+AtomicDiv.displayName = "AtomicDiv";
+var AtomicThemeProviderContext = createContext(void 0);
+var AtomicThemeProvider = ({
+  children,
+  defaultTheme = "system",
+  storageKey = "atomic-theme",
+  attribute = "data-theme",
+  enableSystem = true,
+  disableTransitionOnChange = false
+}) => {
+  const [theme, setThemeState] = useState(() => {
+    if (typeof window === "undefined") return defaultTheme;
+    try {
+      const stored = localStorage.getItem(storageKey);
+      if (stored && ["light", "dark", "system"].includes(stored)) {
+        return stored;
+      }
+    } catch {
+    }
+    return defaultTheme;
+  });
+  const [actualTheme, setActualTheme] = useState("light");
+  const getSystemTheme = () => {
+    if (typeof window === "undefined") return "light";
+    return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+  };
+  const setTheme = (newTheme) => {
+    try {
+      localStorage.setItem(storageKey, newTheme);
+    } catch {
+    }
+    setThemeState(newTheme);
+  };
+  useEffect(() => {
+    const root = window.document.documentElement;
+    const resolvedTheme = theme === "system" && enableSystem ? getSystemTheme() : theme;
+    setActualTheme(resolvedTheme);
+    if (disableTransitionOnChange) {
+      const css = document.createElement("style");
+      css.appendChild(
+        document.createTextNode(
+          "* { transition: none !important; transform: none !important; animation: none !important; }"
+        )
+      );
+      document.head.appendChild(css);
+      requestAnimationFrame(() => {
+        requestAnimationFrame(() => {
+          document.head.removeChild(css);
+        });
+      });
+    }
+    root.setAttribute(attribute, resolvedTheme);
+    root.classList.remove("light", "dark");
+    root.classList.add(resolvedTheme);
+  }, [theme, attribute, enableSystem, disableTransitionOnChange]);
+  useEffect(() => {
+    if (!enableSystem || theme !== "system") return;
+    const mediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
+    const handleChange = () => {
+      const systemTheme = getSystemTheme();
+      setActualTheme(systemTheme);
+      const root = window.document.documentElement;
+      root.setAttribute(attribute, systemTheme);
+      root.classList.remove("light", "dark");
+      root.classList.add(systemTheme);
+    };
+    mediaQuery.addEventListener("change", handleChange);
+    return () => mediaQuery.removeEventListener("change", handleChange);
+  }, [theme, attribute, enableSystem]);
+  const value = {
+    theme,
+    setTheme,
+    actualTheme
+  };
+  return /* @__PURE__ */ jsx(AtomicThemeProviderContext.Provider, { value, children });
+};
+var useAtomicTheme = () => {
+  const context = useContext(AtomicThemeProviderContext);
+  if (context === void 0) {
+    throw new Error("useAtomicTheme must be used within an AtomicThemeProvider");
+  }
+  return context;
+};
+
+// src/index.ts
+var VERSION = "2.0.0";
+
+export { AnimationUtils, AtomicAlertType, AtomicAlignment, AtomicAnimationPresets, AtomicAnimationState, AtomicAnimations, AtomicAnimationsCss, AtomicAvatar, AtomicAvatarFallback, AtomicAvatarImage, AtomicBadge, AtomicBorders, AtomicBordersCss, AtomicBreakpoint, AtomicButton, AtomicButtonSpinner, AtomicButtonVariant, AtomicCard, AtomicCardContent, AtomicCardDescription, AtomicCardFooter, AtomicCardHeader, AtomicCardTitle, AtomicCardVariant, AtomicCheckbox, AtomicColorVariant, AtomicColorsCss, AtomicCountBadge, AtomicDesignTokensCss, AtomicDirection, AtomicDiv, AtomicEnumUtils, AtomicFormFieldState, AtomicIcon, AtomicImage, AtomicInlineSpinner, AtomicInput, AtomicInputVariant, AtomicLink, AtomicLoadingState, AtomicModalSize, AtomicOrientation, AtomicPageSpinner, AtomicPosition, AtomicShadows, AtomicShadowsCss, AtomicSize, AtomicSpacingCss, AtomicSpinner, AtomicStatus, AtomicStatusBadge, AtomicSwitch, AtomicTag, AtomicText, AtomicTextVariant, AtomicThemeMode, AtomicThemeProvider, AtomicTypographyCss, BorderUtils, ShadowUtils, VERSION, avatarImageVariants, avatarVariants, badgeVariants, buttonVariants, cardDescriptionVariants, cardHeaderVariants, cardTitleVariants, cardVariants, cn, inputVariants, linkVariants, spinnerVariants, textVariants, useAtomicTheme };
+//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map