@zentauri-ui/zentauri-components 1.9.0 → 1.9.2

package/dist/chunk-MCYFKM7T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/otp-input.ts"],"names":[],"mappings":";;;AAAO,IAAM,cAAA,GACX;AAEK,IAAM,eAAA,GACX;AAEK,IAAM,cAAA,GACX;AAEK,IAAM,eAAA,GAAkB;AAExB,IAAM,cAAA,GACX;AAEK,IAAM,mBAAA,GACX;AAEK,IAAM,eAAA,GACX;AAEK,IAAM,WAAA,GAAc;AAAA,EACzB,EAAA,EAAI,qCAAA;AAAA,EACJ,EAAA,EAAI,6BAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,iBAAA,GAAoB;AAAA,EAC/B,OAAA,EACE,mfAAA;AAAA,EACF,OAAA,EACE,shBAAA;AAAA,EACF,KAAA,EACE,klBAAA;AAAA,EACF,OAAA,EACE,iiBAAA;AAAA,EACF,KAAA,EACE,ohBAAA;AAAA,EACF,OAAA,EACE,+hBAAA;AAAA,EACF,IAAA,EAAM,mhBAAA;AAAA,EACN,MAAA,EACE,6hBAAA;AAAA,EACF,KAAA,EACE,ihBAAA;AAAA,EACF,IAAA,EAAM,+gBAAA;AAAA,EACN,MAAA,EACE,+hBAAA;AAAA,EACF,MAAA,EACE,qhBAAA;AAAA,EACF,IAAA,EAAM,8SAAA;AAAA,EACN,IAAA,EAAM,8SAAA;AAAA,EACN,KAAA,EACE,oTAAA;AAAA,EACF,IAAA,EAAM,8SAAA;AAAA,EACN,IAAA,EAAM,8SAAA;AAAA,EACN,KAAA,EACE,oTAAA;AAAA,EACF,QAAA,EACE,sUAAA;AAAA,EACF,QAAA,EACE,sUAAA;AAAA,EACF,IAAA,EAAM,8SAAA;AAAA,EACN,GAAA,EAAK,wSAAA;AAAA,EACL,KAAA,EACE,oTAAA;AAAA,EACF,IAAA,EAAM,8SAAA;AAAA,EACN,KAAA,EACE,oTAAA;AAAA,EACF,KAAA,EACE,oTAAA;AAAA,EACF,QAAA,EACE,sUAAA;AAAA,EACF,MAAA,EACE,0TAAA;AAAA,EACF,MAAA,EACE,0TAAA;AAAA,EACF,OAAA,EACE,gUAAA;AAAA,EACF,OAAA,EACE,gUAAA;AAAA,EACF,IAAA,EAAM,8SAAA;AAAA,EACN,IAAA,EAAM;AACR","file":"chunk-MCYFKM7T.js","sourcesContent":["export const zuiOtpRootBase =\n  \"grid w-fit gap-2 text-[color:var(--zui-otp-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-otp-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50\";\n\nexport const zuiOtpLabelBase =\n  \"text-sm font-medium leading-6 text-[color:var(--zui-otp-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-otp-label-fg-dark,oklch(98.4%_0.003_247.858))]\";\n\nexport const zuiOtpHintBase =\n  \"max-w-sm text-xs leading-5 text-[color:var(--zui-otp-hint-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-otp-hint-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiOtpCellsBase = \"flex flex-wrap items-center gap-2\";\n\nexport const zuiOtpCellBase =\n  \"grid place-items-center rounded-xl border bg-[var(--zui-otp-bg,#ffffff)] text-center font-semibold tabular-nums text-[color:var(--zui-otp-fg,oklch(20.8%_0.042_265.755))] shadow-sm shadow-black/5 outline-none transition-[background-color,border-color,box-shadow,color,transform] placeholder:text-transparent focus-visible:-translate-y-0.5 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-otp-ring-offset-focus,#ffffff)] disabled:cursor-not-allowed dark:bg-[var(--zui-otp-bg-dark,oklch(12.9%_0.042_264.695))] dark:text-[color:var(--zui-otp-fg-dark,oklch(98.4%_0.003_247.858))] dark:shadow-black/20 dark:focus-visible:ring-offset-[var(--zui-otp-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]\";\n\nexport const zuiOtpSeparatorBase =\n  \"h-px w-3 shrink-0 bg-[color:var(--zui-otp-separator,#94a3b8)] opacity-70 dark:bg-[color:var(--zui-otp-separator-dark,#64748b)]\";\n\nexport const zuiOtpErrorBase =\n  \"text-sm leading-6 text-[color:var(--zui-otp-error-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-otp-error-fg-dark,oklch(71.2%_0.194_13.428))]\";\n\nexport const zuiOtpSizes = {\n  sm: \"size-7 md:size-9 rounded-lg text-sm\",\n  md: \"size-9 md:size-11 text-base\",\n  lg: \"size-11 md:size-13 rounded-2xl text-lg\",\n} as const;\n\nexport const zuiOtpAppearances = {\n  default:\n    \"border-[color:var(--zui-otp-default-border,#cbd5e1)] focus-visible:border-[color:var(--zui-otp-default-border-focus,oklch(44.6%_0.043_257.281))] focus-visible:ring-[var(--zui-otp-default-ring-focus,oklch(44.6%_0.043_257.281_/_0.25))] dark:border-[color:var(--zui-otp-default-border-dark,#475569)] dark:focus-visible:border-[color:var(--zui-otp-default-border-focus-dark,oklch(86.9%_0.022_252.894))] dark:focus-visible:ring-[var(--zui-otp-default-ring-focus-dark,oklch(86.9%_0.022_252.894_/_0.25))]\",\n  outline:\n    \"border-[color:var(--zui-otp-outline-border,#64748b)] bg-transparent focus-visible:border-[color:var(--zui-otp-outline-border-focus,oklch(54.6%_0.245_262.881))] focus-visible:ring-[var(--zui-otp-outline-ring-focus,oklch(54.6%_0.245_262.881_/_0.28))] dark:border-[color:var(--zui-otp-outline-border-dark,#94a3b8)] dark:bg-transparent dark:focus-visible:border-[color:var(--zui-otp-outline-border-focus-dark,oklch(70.7%_0.165_254.624))] dark:focus-visible:ring-[var(--zui-otp-outline-ring-focus-dark,oklch(70.7%_0.165_254.624_/_0.28))]\",\n  glass:\n    \"border-[color:var(--zui-otp-glass-border,#ffffff66)] bg-[var(--zui-otp-glass-bg,#ffffffcc)] backdrop-blur-md focus-visible:border-[color:var(--zui-otp-glass-border-focus,oklch(70.7%_0.165_254.624))] focus-visible:ring-[var(--zui-otp-glass-ring-focus,oklch(70.7%_0.165_254.624_/_0.32))] dark:border-[color:var(--zui-otp-glass-border-dark,#ffffff26)] dark:bg-[var(--zui-otp-glass-bg-dark,#0f172acc)] dark:focus-visible:border-[color:var(--zui-otp-glass-border-focus-dark,oklch(78.9%_0.154_211.53))] dark:focus-visible:ring-[var(--zui-otp-glass-ring-focus-dark,oklch(78.9%_0.154_211.53_/_0.32))]\",\n  success:\n    \"border-[color:var(--zui-otp-success-border,oklch(69.6%_0.17_162.48_/_0.6))] focus-visible:border-[color:var(--zui-otp-success-border-focus,oklch(59.6%_0.145_163.225))] focus-visible:ring-[var(--zui-otp-success-ring-focus,oklch(59.6%_0.145_163.225_/_0.28))] dark:border-[color:var(--zui-otp-success-border-dark,oklch(69.6%_0.17_162.48_/_0.5))] dark:focus-visible:border-[color:var(--zui-otp-success-border-focus-dark,oklch(77.7%_0.152_181.912))] dark:focus-visible:ring-[var(--zui-otp-success-ring-focus-dark,oklch(77.7%_0.152_181.912_/_0.28))]\",\n  error:\n    \"border-[color:var(--zui-otp-error-border,oklch(58.6%_0.253_17.585_/_0.7))] focus-visible:border-[color:var(--zui-otp-error-border-focus,oklch(58.6%_0.253_17.585))] focus-visible:ring-[var(--zui-otp-error-ring-focus,oklch(58.6%_0.253_17.585_/_0.28))] dark:border-[color:var(--zui-otp-error-border-dark,oklch(71.2%_0.194_13.428_/_0.65))] dark:focus-visible:border-[color:var(--zui-otp-error-border-focus-dark,oklch(71.2%_0.194_13.428))] dark:focus-visible:ring-[var(--zui-otp-error-ring-focus-dark,oklch(71.2%_0.194_13.428_/_0.28))]\",\n  warning:\n    \"border-[color:var(--zui-otp-warning-border,oklch(79.5%_0.184_86.047_/_0.7))] focus-visible:border-[color:var(--zui-otp-warning-border-focus,oklch(68.1%_0.162_75.834))] focus-visible:ring-[var(--zui-otp-warning-ring-focus,oklch(68.1%_0.162_75.834_/_0.28))] dark:border-[color:var(--zui-otp-warning-border-dark,oklch(79.5%_0.184_86.047_/_0.5))] dark:focus-visible:border-[color:var(--zui-otp-warning-border-focus-dark,oklch(85.2%_0.199_91.936))] dark:focus-visible:ring-[var(--zui-otp-warning-ring-focus-dark,oklch(85.2%_0.199_91.936_/_0.28))]\",\n  info: \"border-[color:var(--zui-otp-info-border,oklch(62.3%_0.214_259.815_/_0.7))] focus-visible:border-[color:var(--zui-otp-info-border-focus,oklch(54.6%_0.245_262.881))] focus-visible:ring-[var(--zui-otp-info-ring-focus,oklch(54.6%_0.245_262.881_/_0.28))] dark:border-[color:var(--zui-otp-info-border-dark,oklch(62.3%_0.214_259.815_/_0.5))] dark:focus-visible:border-[color:var(--zui-otp-info-border-focus-dark,oklch(70.7%_0.165_254.624))] dark:focus-visible:ring-[var(--zui-otp-info-ring-focus-dark,oklch(70.7%_0.165_254.624_/_0.28))]\",\n  violet:\n    \"border-[color:var(--zui-otp-violet-border,oklch(60.6%_0.25_292.717_/_0.7))] focus-visible:border-[color:var(--zui-otp-violet-border-focus,oklch(54.1%_0.281_293.009))] focus-visible:ring-[var(--zui-otp-violet-ring-focus,oklch(54.1%_0.281_293.009_/_0.28))] dark:border-[color:var(--zui-otp-violet-border-dark,oklch(60.6%_0.25_292.717_/_0.5))] dark:focus-visible:border-[color:var(--zui-otp-violet-border-focus-dark,oklch(70.2%_0.183_293.541))] dark:focus-visible:ring-[var(--zui-otp-violet-ring-focus-dark,oklch(70.2%_0.183_293.541_/_0.28))]\",\n  amber:\n    \"border-[color:var(--zui-otp-amber-border,oklch(76.9%_0.188_70.08_/_0.7))] focus-visible:border-[color:var(--zui-otp-amber-border-focus,oklch(66.6%_0.179_58.318))] focus-visible:ring-[var(--zui-otp-amber-ring-focus,oklch(66.6%_0.179_58.318_/_0.28))] dark:border-[color:var(--zui-otp-amber-border-dark,oklch(76.9%_0.188_70.08_/_0.5))] dark:focus-visible:border-[color:var(--zui-otp-amber-border-focus-dark,oklch(82.8%_0.189_84.429))] dark:focus-visible:ring-[var(--zui-otp-amber-ring-focus-dark,oklch(82.8%_0.189_84.429_/_0.28))]\",\n  pink: \"border-[color:var(--zui-otp-pink-border,oklch(65.6%_0.241_354.308_/_0.7))] focus-visible:border-[color:var(--zui-otp-pink-border-focus,oklch(59.2%_0.249_0.584))] focus-visible:ring-[var(--zui-otp-pink-ring-focus,oklch(59.2%_0.249_0.584_/_0.28))] dark:border-[color:var(--zui-otp-pink-border-dark,oklch(65.6%_0.241_354.308_/_0.5))] dark:focus-visible:border-[color:var(--zui-otp-pink-border-focus-dark,oklch(71.8%_0.202_349.761))] dark:focus-visible:ring-[var(--zui-otp-pink-ring-focus-dark,oklch(71.8%_0.202_349.761_/_0.28))]\",\n  indigo:\n    \"border-[color:var(--zui-otp-indigo-border,oklch(58.5%_0.233_277.117_/_0.7))] focus-visible:border-[color:var(--zui-otp-indigo-border-focus,oklch(51.1%_0.262_276.966))] focus-visible:ring-[var(--zui-otp-indigo-ring-focus,oklch(51.1%_0.262_276.966_/_0.28))] dark:border-[color:var(--zui-otp-indigo-border-dark,oklch(58.5%_0.233_277.117_/_0.5))] dark:focus-visible:border-[color:var(--zui-otp-indigo-border-focus-dark,oklch(67.3%_0.182_276.935))] dark:focus-visible:ring-[var(--zui-otp-indigo-ring-focus-dark,oklch(67.3%_0.182_276.935_/_0.28))]\",\n  orange:\n    \"border-[color:var(--zui-otp-orange-border,oklch(70.5%_0.213_47.604_/_0.7))] focus-visible:border-[color:var(--zui-otp-orange-border-focus,oklch(64.6%_0.222_41.116))] focus-visible:ring-[var(--zui-otp-orange-ring-focus,oklch(64.6%_0.222_41.116_/_0.28))] dark:border-[color:var(--zui-otp-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.5))] dark:focus-visible:border-[color:var(--zui-otp-orange-border-focus-dark,oklch(75%_0.183_55.934))] dark:focus-visible:ring-[var(--zui-otp-orange-ring-focus-dark,oklch(75%_0.183_55.934_/_0.28))]\",\n  blue: \"border border-[color:var(--zui-otp-blue-border,#2563eb)] dark:border-[color:var(--zui-otp-blue-border-dark,#3b82f6)] bg-[var(--zui-otp-blue-bg,#2563eb14)] dark:bg-[var(--zui-otp-blue-bg-dark,#3b82f624)] text-[color:var(--zui-otp-blue-fg,#0f172a)] dark:text-[color:var(--zui-otp-blue-fg-dark,#f8fafc)]\",\n  cyan: \"border border-[color:var(--zui-otp-cyan-border,#0891b2)] dark:border-[color:var(--zui-otp-cyan-border-dark,#22d3ee)] bg-[var(--zui-otp-cyan-bg,#0891b214)] dark:bg-[var(--zui-otp-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-otp-cyan-fg,#0f172a)] dark:text-[color:var(--zui-otp-cyan-fg-dark,#f8fafc)]\",\n  green:\n    \"border border-[color:var(--zui-otp-green-border,#16a34a)] dark:border-[color:var(--zui-otp-green-border-dark,#22c55e)] bg-[var(--zui-otp-green-bg,#16a34a14)] dark:bg-[var(--zui-otp-green-bg-dark,#22c55e24)] text-[color:var(--zui-otp-green-fg,#0f172a)] dark:text-[color:var(--zui-otp-green-fg-dark,#f8fafc)]\",\n  lime: \"border border-[color:var(--zui-otp-lime-border,#65a30d)] dark:border-[color:var(--zui-otp-lime-border-dark,#a3e635)] bg-[var(--zui-otp-lime-bg,#65a30d14)] dark:bg-[var(--zui-otp-lime-bg-dark,#a3e63524)] text-[color:var(--zui-otp-lime-fg,#0f172a)] dark:text-[color:var(--zui-otp-lime-fg-dark,#f8fafc)]\",\n  mint: \"border border-[color:var(--zui-otp-mint-border,#10b981)] dark:border-[color:var(--zui-otp-mint-border-dark,#6ee7b7)] bg-[var(--zui-otp-mint-bg,#10b98114)] dark:bg-[var(--zui-otp-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-otp-mint-fg,#0f172a)] dark:text-[color:var(--zui-otp-mint-fg-dark,#f8fafc)]\",\n  ocean:\n    \"border border-[color:var(--zui-otp-ocean-border,#0284c7)] dark:border-[color:var(--zui-otp-ocean-border-dark,#38bdf8)] bg-[var(--zui-otp-ocean-bg,#0284c714)] dark:bg-[var(--zui-otp-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-otp-ocean-fg,#0f172a)] dark:text-[color:var(--zui-otp-ocean-fg-dark,#f8fafc)]\",\n  sapphire:\n    \"border border-[color:var(--zui-otp-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-otp-sapphire-border-dark,#60a5fa)] bg-[var(--zui-otp-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-otp-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-otp-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-otp-sapphire-fg-dark,#f8fafc)]\",\n  lavender:\n    \"border border-[color:var(--zui-otp-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-otp-lavender-border-dark,#a78bfa)] bg-[var(--zui-otp-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-otp-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-otp-lavender-fg,#0f172a)] dark:text-[color:var(--zui-otp-lavender-fg-dark,#f8fafc)]\",\n  ruby: \"border border-[color:var(--zui-otp-ruby-border,#be123c)] dark:border-[color:var(--zui-otp-ruby-border-dark,#fb7185)] bg-[var(--zui-otp-ruby-bg,#be123c14)] dark:bg-[var(--zui-otp-ruby-bg-dark,#fb718524)] text-[color:var(--zui-otp-ruby-fg,#0f172a)] dark:text-[color:var(--zui-otp-ruby-fg-dark,#f8fafc)]\",\n  red: \"border border-[color:var(--zui-otp-red-border,#dc2626)] dark:border-[color:var(--zui-otp-red-border-dark,#ef4444)] bg-[var(--zui-otp-red-bg,#dc262614)] dark:bg-[var(--zui-otp-red-bg-dark,#ef444424)] text-[color:var(--zui-otp-red-fg,#0f172a)] dark:text-[color:var(--zui-otp-red-fg-dark,#f8fafc)]\",\n  slate:\n    \"border border-[color:var(--zui-otp-slate-border,#475569)] dark:border-[color:var(--zui-otp-slate-border-dark,#64748b)] bg-[var(--zui-otp-slate-bg,#47556914)] dark:bg-[var(--zui-otp-slate-bg-dark,#64748b24)] text-[color:var(--zui-otp-slate-fg,#0f172a)] dark:text-[color:var(--zui-otp-slate-fg-dark,#f8fafc)]\",\n  zinc: \"border border-[color:var(--zui-otp-zinc-border,#52525b)] dark:border-[color:var(--zui-otp-zinc-border-dark,#71717a)] bg-[var(--zui-otp-zinc-bg,#52525b14)] dark:bg-[var(--zui-otp-zinc-bg-dark,#71717a24)] text-[color:var(--zui-otp-zinc-fg,#0f172a)] dark:text-[color:var(--zui-otp-zinc-fg-dark,#f8fafc)]\",\n  stone:\n    \"border border-[color:var(--zui-otp-stone-border,#57534e)] dark:border-[color:var(--zui-otp-stone-border-dark,#78716c)] bg-[var(--zui-otp-stone-bg,#57534e14)] dark:bg-[var(--zui-otp-stone-bg-dark,#78716c24)] text-[color:var(--zui-otp-stone-fg,#0f172a)] dark:text-[color:var(--zui-otp-stone-fg-dark,#f8fafc)]\",\n  royal:\n    \"border border-[color:var(--zui-otp-royal-border,#4338ca)] dark:border-[color:var(--zui-otp-royal-border-dark,#818cf8)] bg-[var(--zui-otp-royal-bg,#4338ca14)] dark:bg-[var(--zui-otp-royal-bg-dark,#818cf824)] text-[color:var(--zui-otp-royal-fg,#0f172a)] dark:text-[color:var(--zui-otp-royal-fg-dark,#f8fafc)]\",\n  electric:\n    \"border border-[color:var(--zui-otp-electric-border,#0ea5e9)] dark:border-[color:var(--zui-otp-electric-border-dark,#38bdf8)] bg-[var(--zui-otp-electric-bg,#0ea5e914)] dark:bg-[var(--zui-otp-electric-bg-dark,#38bdf824)] text-[color:var(--zui-otp-electric-fg,#0f172a)] dark:text-[color:var(--zui-otp-electric-fg-dark,#f8fafc)]\",\n  forest:\n    \"border border-[color:var(--zui-otp-forest-border,#166534)] dark:border-[color:var(--zui-otp-forest-border-dark,#4ade80)] bg-[var(--zui-otp-forest-bg,#16653414)] dark:bg-[var(--zui-otp-forest-bg-dark,#4ade8024)] text-[color:var(--zui-otp-forest-fg,#0f172a)] dark:text-[color:var(--zui-otp-forest-fg-dark,#f8fafc)]\",\n  sunset:\n    \"border border-[color:var(--zui-otp-sunset-border,#ea580c)] dark:border-[color:var(--zui-otp-sunset-border-dark,#fb923c)] bg-[var(--zui-otp-sunset-bg,#ea580c14)] dark:bg-[var(--zui-otp-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-otp-sunset-fg,#0f172a)] dark:text-[color:var(--zui-otp-sunset-fg-dark,#f8fafc)]\",\n  magenta:\n    \"border border-[color:var(--zui-otp-magenta-border,#c026d3)] dark:border-[color:var(--zui-otp-magenta-border-dark,#e879f9)] bg-[var(--zui-otp-magenta-bg,#c026d314)] dark:bg-[var(--zui-otp-magenta-bg-dark,#e879f924)] text-[color:var(--zui-otp-magenta-fg,#0f172a)] dark:text-[color:var(--zui-otp-magenta-fg-dark,#f8fafc)]\",\n  crimson:\n    \"border border-[color:var(--zui-otp-crimson-border,#b91c1c)] dark:border-[color:var(--zui-otp-crimson-border-dark,#f87171)] bg-[var(--zui-otp-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-otp-crimson-bg-dark,#f8717124)] text-[color:var(--zui-otp-crimson-fg,#0f172a)] dark:text-[color:var(--zui-otp-crimson-fg-dark,#f8fafc)]\",\n  aqua: \"border border-[color:var(--zui-otp-aqua-border,#0f766e)] dark:border-[color:var(--zui-otp-aqua-border-dark,#2dd4bf)] bg-[var(--zui-otp-aqua-bg,#0f766e14)] dark:bg-[var(--zui-otp-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-otp-aqua-fg,#0f172a)] dark:text-[color:var(--zui-otp-aqua-fg-dark,#f8fafc)]\",\n  plum: \"border border-[color:var(--zui-otp-plum-border,#7e22ce)] dark:border-[color:var(--zui-otp-plum-border-dark,#c084fc)] bg-[var(--zui-otp-plum-bg,#7e22ce14)] dark:bg-[var(--zui-otp-plum-bg-dark,#c084fc24)] text-[color:var(--zui-otp-plum-fg,#0f172a)] dark:text-[color:var(--zui-otp-plum-fg-dark,#f8fafc)]\",\n} as const;\n"]}

package/dist/chunk-MUKI3OHH.js

@@ -0,0 +1,215 @@
+'use strict';
+
+var chunkLU6VEI4B_js = require('./chunk-LU6VEI4B.js');
+var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
+var classVarianceAuthority = require('class-variance-authority');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var progressVariants = classVarianceAuthority.cva(chunkLU6VEI4B_js.zuiProgressBase, {
+  variants: {
+    appearance: chunkLU6VEI4B_js.zuiProgressAppearances,
+    size: chunkLU6VEI4B_js.zuiProgressSizes,
+    shape: chunkLU6VEI4B_js.zuiProgressShapes,
+    striped: chunkLU6VEI4B_js.zuiProgressBoolean,
+    animated: chunkLU6VEI4B_js.zuiProgressBoolean
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md",
+    shape: "rounded",
+    striped: false,
+    animated: false
+  }
+});
+var progressTrackVariants = classVarianceAuthority.cva(chunkLU6VEI4B_js.zuiProgressTrackBase, {
+  variants: {
+    size: chunkLU6VEI4B_js.zuiProgressTrackSizes,
+    shape: chunkLU6VEI4B_js.zuiProgressShapes
+  },
+  defaultVariants: {
+    size: "md",
+    shape: "rounded"
+  }
+});
+var progressBarVariants = classVarianceAuthority.cva(chunkLU6VEI4B_js.zuiProgressBarBase, {
+  variants: {
+    striped: chunkLU6VEI4B_js.zuiProgressBarStriped
+  },
+  defaultVariants: { striped: false }
+});
+var ProgressContext = react.createContext(null);
+function useProgressContext(component) {
+  const ctx = react.useContext(ProgressContext);
+  if (!ctx) {
+    throw new Error(`${component} must be used within <Progress>`);
+  }
+  return ctx;
+}
+function ProgressBase(props) {
+  const {
+    className,
+    appearance = "default",
+    size = "md",
+    shape = "rounded",
+    striped = false,
+    animated = false,
+    value = 0,
+    min = 0,
+    max = 100,
+    label,
+    children,
+    ref,
+    as: Wrapper = "div",
+    ...rest
+  } = props;
+  const clamped = chunkZS5756ZC_js.clamp(value, min, max);
+  const percent = max === min ? 0 : (clamped - min) / (max - min) * 100;
+  const labelSlotId = `${react.useId()}-progress-label`;
+  const labelSlotCountRef = react.useRef(0);
+  const [labelSlotMounted, setLabelSlotMounted] = react.useState(false);
+  const registerProgressLabel = react.useCallback(() => {
+    labelSlotCountRef.current += 1;
+    if (labelSlotCountRef.current === 1) {
+      setLabelSlotMounted(true);
+    }
+    return () => {
+      labelSlotCountRef.current -= 1;
+      if (labelSlotCountRef.current === 0) {
+        setLabelSlotMounted(false);
+      }
+    };
+  }, []);
+  const hasInlineLabelProp = Boolean(label?.trim().length);
+  const labelingProps = react.useMemo(() => {
+    if (hasInlineLabelProp) {
+      return { "aria-label": label?.trim() ?? "Progress" };
+    }
+    if (labelSlotMounted) {
+      return { "aria-labelledby": labelSlotId };
+    }
+    return { "aria-label": "Progress" };
+  }, [hasInlineLabelProp, label, labelSlotId, labelSlotMounted]);
+  const ctx = react.useMemo(
+    () => ({
+      value: clamped,
+      min,
+      max,
+      size: size ?? "md",
+      shape: shape ?? "rounded",
+      striped: Boolean(striped),
+      animated: Boolean(animated),
+      appearance: appearance ?? "default",
+      labelSlotId,
+      registerProgressLabel
+    }),
+    [
+      animated,
+      appearance,
+      clamped,
+      labelSlotId,
+      max,
+      min,
+      registerProgressLabel,
+      shape,
+      size,
+      striped
+    ]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(ProgressContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+    Wrapper,
+    {
+      ref,
+      "data-slot": "progress",
+      role: "progressbar",
+      "aria-valuemin": min,
+      "aria-valuemax": max,
+      "aria-valuenow": clamped,
+      ...labelingProps,
+      className: chunkZS5756ZC_js.cn(
+        progressVariants({ appearance, size, shape, striped, animated }),
+        className
+      ),
+      ...rest,
+      children: children ?? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBar, { style: { transform: `scaleX(${percent / 100})` } }) })
+    }
+  ) });
+}
+ProgressBase.displayName = "Progress";
+function ProgressBar({
+  className,
+  style,
+  ref,
+  as: Wrapper = "div",
+  ...rest
+}) {
+  const { size, shape, striped, animated } = useProgressContext("ProgressBar");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Wrapper,
+    {
+      "data-slot": "progress-track",
+      className: chunkZS5756ZC_js.cn(progressTrackVariants({ size, shape }), "text-current"),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref,
+          "data-slot": "progress-bar",
+          className: chunkZS5756ZC_js.cn(
+            progressBarVariants({ striped }),
+            animated ? "animate-pulse" : void 0,
+            className
+          ),
+          style: {
+            transformOrigin: "left center",
+            ...style
+          },
+          ...rest
+        }
+      )
+    }
+  );
+}
+ProgressBar.displayName = "ProgressBar";
+function ProgressLabel({ className, children }) {
+  const { labelSlotId, registerProgressLabel } = useProgressContext("ProgressLabel");
+  react.useEffect(() => {
+    return registerProgressLabel();
+  }, [registerProgressLabel]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      id: labelSlotId,
+      "data-slot": "progress-label",
+      className: chunkZS5756ZC_js.cn("mb-2 font-medium text-slate-200", className),
+      children
+    }
+  );
+}
+ProgressLabel.displayName = "ProgressLabel";
+function ProgressValue({ className, children }) {
+  const { value, min, max } = useProgressContext("ProgressValue");
+  const range = max - min;
+  const pct = range === 0 ? 0 : Math.round((value - min) / range * 100);
+  const content = children ?? `${pct}%`;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "progress-value",
+      className: chunkZS5756ZC_js.cn("mt-2 text-right text-slate-400", className),
+      children: content
+    }
+  );
+}
+ProgressValue.displayName = "ProgressValue";
+
+exports.ProgressBar = ProgressBar;
+exports.ProgressBase = ProgressBase;
+exports.ProgressContext = ProgressContext;
+exports.ProgressLabel = ProgressLabel;
+exports.ProgressValue = ProgressValue;
+exports.progressBarVariants = progressBarVariants;
+exports.progressTrackVariants = progressTrackVariants;
+exports.progressVariants = progressVariants;
+exports.useProgressContext = useProgressContext;
+//# sourceMappingURL=chunk-MUKI3OHH.js.map
+//# sourceMappingURL=chunk-MUKI3OHH.js.map

package/dist/chunk-MUKI3OHH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/progress/variants.ts","../src/ui/progress/progress-base.tsx"],"names":["cva","zuiProgressBase","zuiProgressAppearances","zuiProgressSizes","zuiProgressShapes","zuiProgressBoolean","zuiProgressTrackBase","zuiProgressTrackSizes","zuiProgressBarBase","zuiProgressBarStriped","createContext","useContext","clamp","useId","useRef","useState","useCallback","useMemo","jsx","cn","Fragment","useEffect"],"mappings":"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","file":"chunk-MUKI3OHH.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiProgressAppearances,\n  zuiProgressBarBase,\n  zuiProgressBarStriped,\n  zuiProgressBase,\n  zuiProgressBoolean,\n  zuiProgressShapes,\n  zuiProgressSizes,\n  zuiProgressTrackBase,\n  zuiProgressTrackSizes,\n} from \"../../design-system/progress\";\n\nexport const progressVariants = cva(zuiProgressBase, {\n  variants: {\n    appearance: zuiProgressAppearances,\n    size: zuiProgressSizes,\n    shape: zuiProgressShapes,\n    striped: zuiProgressBoolean,\n    animated: zuiProgressBoolean,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    shape: \"rounded\",\n    striped: false,\n    animated: false,\n  },\n});\n\nexport const progressTrackVariants = cva(zuiProgressTrackBase, {\n  variants: {\n    size: zuiProgressTrackSizes,\n    shape: zuiProgressShapes,\n  },\n  defaultVariants: {\n    size: \"md\",\n    shape: \"rounded\",\n  },\n});\n\nexport const progressBarVariants = cva(zuiProgressBarBase, {\n  variants: {\n    striped: zuiProgressBarStriped,\n  },\n  defaultVariants: { striped: false },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { cn, clamp } from \"../../lib/utils\";\n\nimport type { ProgressProps, ProgressSectionProps, ProgressCtx } from \"./types\";\nimport {\n  progressBarVariants,\n  progressTrackVariants,\n  progressVariants,\n} from \"./variants\";\n\nexport const ProgressContext = createContext<ProgressCtx | null>(null);\n\nexport function useProgressContext(component: string): ProgressCtx {\n  const ctx = useContext(ProgressContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Progress>`);\n  }\n  return ctx;\n}\n\nexport function ProgressBase(props: ProgressProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    shape = \"rounded\",\n    striped = false,\n    animated = false,\n    value = 0,\n    min = 0,\n    max = 100,\n    label,\n    children,\n    ref,\n    as: Wrapper = \"div\",\n    ...rest\n  } = props;\n  const clamped = clamp(value, min, max);\n  const percent = max === min ? 0 : ((clamped - min) / (max - min)) * 100;\n  const labelSlotId = `${useId()}-progress-label`;\n  const labelSlotCountRef = useRef(0);\n  const [labelSlotMounted, setLabelSlotMounted] = useState(false);\n  const registerProgressLabel = useCallback(() => {\n    labelSlotCountRef.current += 1;\n    if (labelSlotCountRef.current === 1) {\n      setLabelSlotMounted(true);\n    }\n    return () => {\n      labelSlotCountRef.current -= 1;\n      if (labelSlotCountRef.current === 0) {\n        setLabelSlotMounted(false);\n      }\n    };\n  }, []);\n  const hasInlineLabelProp = Boolean(label?.trim().length);\n\n  const labelingProps = useMemo(() => {\n    if (hasInlineLabelProp) {\n      return { \"aria-label\": label?.trim() ?? \"Progress\" };\n    }\n    if (labelSlotMounted) {\n      return { \"aria-labelledby\": labelSlotId };\n    }\n    return { \"aria-label\": \"Progress\" };\n  }, [hasInlineLabelProp, label, labelSlotId, labelSlotMounted]);\n\n  const ctx = useMemo(\n    () => ({\n      value: clamped,\n      min,\n      max,\n      size: size ?? \"md\",\n      shape: shape ?? \"rounded\",\n      striped: Boolean(striped),\n      animated: Boolean(animated),\n      appearance: appearance ?? \"default\",\n      labelSlotId,\n      registerProgressLabel,\n    }),\n    [\n      animated,\n      appearance,\n      clamped,\n      labelSlotId,\n      max,\n      min,\n      registerProgressLabel,\n      shape,\n      size,\n      striped,\n    ],\n  );\n\n  return (\n    <ProgressContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"progress\"\n        role=\"progressbar\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={clamped}\n        {...labelingProps}\n        className={cn(\n          progressVariants({ appearance, size, shape, striped, animated }),\n          className,\n        )}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <ProgressBar style={{ transform: `scaleX(${percent / 100})` }} />\n          </>\n        )}\n      </Wrapper>\n    </ProgressContext.Provider>\n  );\n}\n\nProgressBase.displayName = \"Progress\";\n\nexport function ProgressBar({\n  className,\n  style,\n  ref,\n  as: Wrapper = \"div\",\n  ...rest\n}: ProgressSectionProps & {\n  style?: React.CSSProperties;\n  ref?: React.Ref<HTMLDivElement>;\n}) {\n  const { size, shape, striped, animated } = useProgressContext(\"ProgressBar\");\n\n  return (\n    <Wrapper\n      data-slot=\"progress-track\"\n      className={cn(progressTrackVariants({ size, shape }), \"text-current\")}\n    >\n      <div\n        ref={ref}\n        data-slot=\"progress-bar\"\n        className={cn(\n          progressBarVariants({ striped }),\n          animated ? \"animate-pulse\" : undefined,\n          className,\n        )}\n        style={{\n          transformOrigin: \"left center\",\n          ...style,\n        }}\n        {...rest}\n      />\n    </Wrapper>\n  );\n}\n\nProgressBar.displayName = \"ProgressBar\";\n\nexport function ProgressLabel({ className, children }: ProgressSectionProps) {\n  const { labelSlotId, registerProgressLabel } =\n    useProgressContext(\"ProgressLabel\");\n\n  useEffect(() => {\n    return registerProgressLabel();\n  }, [registerProgressLabel]);\n\n  return (\n    <div\n      id={labelSlotId}\n      data-slot=\"progress-label\"\n      className={cn(\"mb-2 font-medium text-slate-200\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nProgressLabel.displayName = \"ProgressLabel\";\n\nexport function ProgressValue({ className, children }: ProgressSectionProps) {\n  const { value, min, max } = useProgressContext(\"ProgressValue\");\n  const range = max - min;\n  const pct = range === 0 ? 0 : Math.round(((value - min) / range) * 100);\n  const content = children ?? `${pct}%`;\n  return (\n    <div\n      data-slot=\"progress-value\"\n      className={cn(\"mt-2 text-right text-slate-400\", className)}\n    >\n      {content}\n    </div>\n  );\n}\n\nProgressValue.displayName = \"ProgressValue\";\n"]}

package/dist/chunk-N2RUT33F.mjs

@@ -0,0 +1,68 @@
+// src/design-system/rating.ts
+var zuiRatingRootBase = "grid w-fit gap-2 text-[color:var(--zui-rating-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-rating-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50";
+var zuiRatingLabelBase = "text-sm font-medium leading-6 text-[color:var(--zui-rating-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-rating-label-fg-dark,oklch(98.4%_0.003_247.858))]";
+var zuiRatingHintBase = "max-w-sm text-xs leading-5 text-[color:var(--zui-rating-hint-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-rating-hint-fg-dark,oklch(70.4%_0.04_256.788))]";
+var zuiRatingGroupBase = "flex w-fit flex-wrap items-center gap-[var(--zui-rating-gap,0.25rem)]";
+var zuiRatingItemBase = "relative inline-grid shrink-0 place-items-center text-[color:var(--zui-rating-empty,oklch(86.9%_0.022_252.894))] transition-transform duration-200 data-[interactive=true]:hover:-translate-y-0.5 dark:text-[color:var(--zui-rating-empty-dark,oklch(37.2%_0.044_257.287))]";
+var zuiRatingIconBase = "pointer-events-none col-start-1 row-start-1 transition-[clip-path,color,transform] duration-200 ease-out";
+var zuiRatingControlBase = "absolute inset-y-0 z-[1] cursor-pointer rounded-md bg-transparent outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-[var(--zui-rating-ring-focus,oklch(54.6%_0.245_262.881_/_0.32))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus,#ffffff)] disabled:cursor-not-allowed dark:focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]";
+var zuiRatingErrorBase = "text-sm leading-6 text-[color:var(--zui-rating-error-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-rating-error-fg-dark,oklch(71.2%_0.194_13.428))]";
+var zuiRatingSizes = {
+  sm: "size-5 text-lg",
+  md: "size-7 text-2xl",
+  lg: "size-9 text-3xl"
+};
+var zuiRatingAppearances = {
+  default: "text-[color:var(--zui-rating-default-active,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-rating-default-active-dark,oklch(98.4%_0.003_247.858))]",
+  secondary: "text-[color:var(--zui-rating-secondary-active,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-rating-secondary-active-dark,oklch(86.9%_0.022_252.894))]",
+  destructive: "text-[color:var(--zui-rating-destructive-active,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-rating-destructive-active-dark,oklch(71.2%_0.194_13.428))]",
+  outline: "text-[color:var(--zui-rating-outline-active,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-rating-outline-active-dark,oklch(86.9%_0.022_252.894))]",
+  ghost: "text-[color:var(--zui-rating-ghost-active,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-rating-ghost-active-dark,oklch(92.9%_0.013_255.508))]",
+  glass: "text-[color:var(--zui-rating-glass-active,oklch(54.6%_0.245_262.881))] drop-shadow-[0_2px_12px_rgba(59,130,246,0.25)] dark:text-[color:var(--zui-rating-glass-active-dark,oklch(78.9%_0.154_211.53))]",
+  emerald: "text-[color:var(--zui-rating-emerald-active,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-rating-emerald-active-dark,oklch(77.7%_0.152_181.912))]",
+  indigo: "text-[color:var(--zui-rating-indigo-active,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-rating-indigo-active-dark,oklch(67.3%_0.182_276.935))]",
+  purple: "text-[color:var(--zui-rating-purple-active,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-rating-purple-active-dark,oklch(71.4%_0.203_305.504))]",
+  pink: "text-[color:var(--zui-rating-pink-active,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-rating-pink-active-dark,oklch(71.8%_0.202_349.761))]",
+  rose: "text-[color:var(--zui-rating-rose-active,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-rating-rose-active-dark,oklch(71.2%_0.194_13.428))]",
+  sky: "text-[color:var(--zui-rating-sky-active,oklch(62.3%_0.214_259.815))] dark:text-[color:var(--zui-rating-sky-active-dark,oklch(74.6%_0.16_232.661))]",
+  teal: "text-[color:var(--zui-rating-teal-active,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-rating-teal-active-dark,oklch(77.7%_0.152_181.912))]",
+  yellow: "text-[color:var(--zui-rating-yellow-active,oklch(79.5%_0.184_86.047))] dark:text-[color:var(--zui-rating-yellow-active-dark,oklch(85.2%_0.199_91.936))]",
+  orange: "text-[color:var(--zui-rating-orange-active,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-rating-orange-active-dark,oklch(75%_0.183_55.934))]",
+  gray: "text-[color:var(--zui-rating-gray-active,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-rating-gray-active-dark,oklch(70.7%_0.022_261.325))]",
+  amber: "text-[color:var(--zui-rating-amber-active,oklch(76.9%_0.188_70.08))] dark:text-[color:var(--zui-rating-amber-active-dark,oklch(82.8%_0.189_84.429))]",
+  violet: "text-[color:var(--zui-rating-violet-active,oklch(54.1%_0.281_293.009))] dark:text-[color:var(--zui-rating-violet-active-dark,oklch(70.2%_0.183_293.541))]",
+  "gradient-blue": "text-[color:var(--zui-rating-gradient-blue-active,oklch(54.6%_0.245_262.881))] drop-shadow-[0_2px_12px_rgba(37,99,235,0.28)] dark:text-[color:var(--zui-rating-gradient-blue-active-dark,oklch(70.7%_0.165_254.624))]",
+  "gradient-green": "text-[color:var(--zui-rating-gradient-green-active,oklch(62.7%_0.194_149.214))] drop-shadow-[0_2px_12px_rgba(22,163,74,0.24)] dark:text-[color:var(--zui-rating-gradient-green-active-dark,oklch(79.2%_0.209_151.711))]",
+  "gradient-red": "text-[color:var(--zui-rating-gradient-red-active,oklch(57.7%_0.245_27.325))] drop-shadow-[0_2px_12px_rgba(220,38,38,0.24)] dark:text-[color:var(--zui-rating-gradient-red-active-dark,oklch(70.4%_0.191_22.216))]",
+  "gradient-yellow": "text-[color:var(--zui-rating-gradient-yellow-active,oklch(79.5%_0.184_86.047))] drop-shadow-[0_2px_12px_rgba(234,179,8,0.24)] dark:text-[color:var(--zui-rating-gradient-yellow-active-dark,oklch(85.2%_0.199_91.936))]",
+  "gradient-purple": "text-[color:var(--zui-rating-gradient-purple-active,oklch(62.7%_0.265_303.9))] drop-shadow-[0_2px_12px_rgba(147,51,234,0.24)] dark:text-[color:var(--zui-rating-gradient-purple-active-dark,oklch(71.4%_0.203_305.504))]",
+  "gradient-teal": "text-[color:var(--zui-rating-gradient-teal-active,oklch(60%_0.118_184.704))] drop-shadow-[0_2px_12px_rgba(13,148,136,0.24)] dark:text-[color:var(--zui-rating-gradient-teal-active-dark,oklch(77.7%_0.152_181.912))]",
+  "gradient-indigo": "text-[color:var(--zui-rating-gradient-indigo-active,oklch(51.1%_0.262_276.966))] drop-shadow-[0_2px_12px_rgba(79,70,229,0.24)] dark:text-[color:var(--zui-rating-gradient-indigo-active-dark,oklch(67.3%_0.182_276.935))]",
+  "gradient-pink": "text-[color:var(--zui-rating-gradient-pink-active,oklch(59.2%_0.249_0.584))] drop-shadow-[0_2px_12px_rgba(219,39,119,0.24)] dark:text-[color:var(--zui-rating-gradient-pink-active-dark,oklch(71.8%_0.202_349.761))]",
+  "gradient-orange": "text-[color:var(--zui-rating-gradient-orange-active,oklch(64.6%_0.222_41.116))] drop-shadow-[0_2px_12px_rgba(234,88,12,0.24)] dark:text-[color:var(--zui-rating-gradient-orange-active-dark,oklch(75%_0.183_55.934))]",
+  blue: "text-[color:var(--zui-rating-blue-fg,#2563eb)] dark:text-[color:var(--zui-rating-blue-fg-dark,#3b82f6)]",
+  cyan: "text-[color:var(--zui-rating-cyan-fg,#0891b2)] dark:text-[color:var(--zui-rating-cyan-fg-dark,#22d3ee)]",
+  green: "text-[color:var(--zui-rating-green-fg,#16a34a)] dark:text-[color:var(--zui-rating-green-fg-dark,#22c55e)]",
+  lime: "text-[color:var(--zui-rating-lime-fg,#65a30d)] dark:text-[color:var(--zui-rating-lime-fg-dark,#a3e635)]",
+  mint: "text-[color:var(--zui-rating-mint-fg,#10b981)] dark:text-[color:var(--zui-rating-mint-fg-dark,#6ee7b7)]",
+  ocean: "text-[color:var(--zui-rating-ocean-fg,#0284c7)] dark:text-[color:var(--zui-rating-ocean-fg-dark,#38bdf8)]",
+  sapphire: "text-[color:var(--zui-rating-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-rating-sapphire-fg-dark,#60a5fa)]",
+  lavender: "text-[color:var(--zui-rating-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-rating-lavender-fg-dark,#a78bfa)]",
+  ruby: "text-[color:var(--zui-rating-ruby-fg,#be123c)] dark:text-[color:var(--zui-rating-ruby-fg-dark,#fb7185)]",
+  red: "text-[color:var(--zui-rating-red-fg,#dc2626)] dark:text-[color:var(--zui-rating-red-fg-dark,#ef4444)]",
+  slate: "text-[color:var(--zui-rating-slate-fg,#475569)] dark:text-[color:var(--zui-rating-slate-fg-dark,#64748b)]",
+  zinc: "text-[color:var(--zui-rating-zinc-fg,#52525b)] dark:text-[color:var(--zui-rating-zinc-fg-dark,#71717a)]",
+  stone: "text-[color:var(--zui-rating-stone-fg,#57534e)] dark:text-[color:var(--zui-rating-stone-fg-dark,#78716c)]",
+  royal: "text-[color:var(--zui-rating-royal-fg,#4338ca)] dark:text-[color:var(--zui-rating-royal-fg-dark,#818cf8)]",
+  electric: "text-[color:var(--zui-rating-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-rating-electric-fg-dark,#38bdf8)]",
+  forest: "text-[color:var(--zui-rating-forest-fg,#166534)] dark:text-[color:var(--zui-rating-forest-fg-dark,#4ade80)]",
+  sunset: "text-[color:var(--zui-rating-sunset-fg,#ea580c)] dark:text-[color:var(--zui-rating-sunset-fg-dark,#fb923c)]",
+  magenta: "text-[color:var(--zui-rating-magenta-fg,#c026d3)] dark:text-[color:var(--zui-rating-magenta-fg-dark,#e879f9)]",
+  crimson: "text-[color:var(--zui-rating-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-rating-crimson-fg-dark,#f87171)]",
+  aqua: "text-[color:var(--zui-rating-aqua-fg,#0f766e)] dark:text-[color:var(--zui-rating-aqua-fg-dark,#2dd4bf)]",
+  plum: "text-[color:var(--zui-rating-plum-fg,#7e22ce)] dark:text-[color:var(--zui-rating-plum-fg-dark,#c084fc)]"
+};
+
+export { zuiRatingAppearances, zuiRatingControlBase, zuiRatingErrorBase, zuiRatingGroupBase, zuiRatingHintBase, zuiRatingIconBase, zuiRatingItemBase, zuiRatingLabelBase, zuiRatingRootBase, zuiRatingSizes };
+//# sourceMappingURL=chunk-N2RUT33F.mjs.map
+//# sourceMappingURL=chunk-N2RUT33F.mjs.map

package/dist/chunk-N2RUT33F.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/rating.ts"],"names":[],"mappings":";AAAO,IAAM,iBAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAEK,IAAM,iBAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAEK,IAAM,iBAAA,GACX;AAEK,IAAM,iBAAA,GACX;AAEK,IAAM,oBAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAEK,IAAM,cAAA,GAAiB;AAAA,EAC5B,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI,iBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,oBAAA,GAAuB;AAAA,EAClC,OAAA,EACE,6JAAA;AAAA,EACF,SAAA,EACE,iKAAA;AAAA,EACF,WAAA,EACE,mKAAA;AAAA,EACF,OAAA,EACE,6JAAA;AAAA,EACF,KAAA,EACE,yJAAA;AAAA,EACF,KAAA,EACE,uMAAA;AAAA,EACF,OAAA,EACE,6JAAA;AAAA,EACF,MAAA,EACE,2JAAA;AAAA,EACF,MAAA,EACE,2JAAA;AAAA,EACF,IAAA,EAAM,qJAAA;AAAA,EACN,IAAA,EAAM,qJAAA;AAAA,EACN,GAAA,EAAK,oJAAA;AAAA,EACL,IAAA,EAAM,qJAAA;AAAA,EACN,MAAA,EACE,yJAAA;AAAA,EACF,MAAA,EACE,uJAAA;AAAA,EACF,IAAA,EAAM,uJAAA;AAAA,EACN,KAAA,EACE,sJAAA;AAAA,EACF,MAAA,EACE,2JAAA;AAAA,EACF,eAAA,EACE,uNAAA;AAAA,EACF,gBAAA,EACE,yNAAA;AAAA,EACF,cAAA,EACE,mNAAA;AAAA,EACF,iBAAA,EACE,yNAAA;AAAA,EACF,iBAAA,EACE,0NAAA;AAAA,EACF,eAAA,EACE,sNAAA;AAAA,EACF,iBAAA,EACE,2NAAA;AAAA,EACF,eAAA,EACE,sNAAA;AAAA,EACF,iBAAA,EACE,uNAAA;AAAA,EACF,IAAA,EAAM,yGAAA;AAAA,EACN,IAAA,EAAM,yGAAA;AAAA,EACN,KAAA,EACE,2GAAA;AAAA,EACF,IAAA,EAAM,yGAAA;AAAA,EACN,IAAA,EAAM,yGAAA;AAAA,EACN,KAAA,EACE,2GAAA;AAAA,EACF,QAAA,EACE,iHAAA;AAAA,EACF,QAAA,EACE,iHAAA;AAAA,EACF,IAAA,EAAM,yGAAA;AAAA,EACN,GAAA,EAAK,uGAAA;AAAA,EACL,KAAA,EACE,2GAAA;AAAA,EACF,IAAA,EAAM,yGAAA;AAAA,EACN,KAAA,EACE,2GAAA;AAAA,EACF,KAAA,EACE,2GAAA;AAAA,EACF,QAAA,EACE,iHAAA;AAAA,EACF,MAAA,EACE,6GAAA;AAAA,EACF,MAAA,EACE,6GAAA;AAAA,EACF,OAAA,EACE,+GAAA;AAAA,EACF,OAAA,EACE,+GAAA;AAAA,EACF,IAAA,EAAM,yGAAA;AAAA,EACN,IAAA,EAAM;AACR","file":"chunk-N2RUT33F.mjs","sourcesContent":["export const zuiRatingRootBase =\n  \"grid w-fit gap-2 text-[color:var(--zui-rating-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-rating-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50\";\n\nexport const zuiRatingLabelBase =\n  \"text-sm font-medium leading-6 text-[color:var(--zui-rating-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-rating-label-fg-dark,oklch(98.4%_0.003_247.858))]\";\n\nexport const zuiRatingHintBase =\n  \"max-w-sm text-xs leading-5 text-[color:var(--zui-rating-hint-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-rating-hint-fg-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiRatingGroupBase =\n  \"flex w-fit flex-wrap items-center gap-[var(--zui-rating-gap,0.25rem)]\";\n\nexport const zuiRatingItemBase =\n  \"relative inline-grid shrink-0 place-items-center text-[color:var(--zui-rating-empty,oklch(86.9%_0.022_252.894))] transition-transform duration-200 data-[interactive=true]:hover:-translate-y-0.5 dark:text-[color:var(--zui-rating-empty-dark,oklch(37.2%_0.044_257.287))]\";\n\nexport const zuiRatingIconBase =\n  \"pointer-events-none col-start-1 row-start-1 transition-[clip-path,color,transform] duration-200 ease-out\";\n\nexport const zuiRatingControlBase =\n  \"absolute inset-y-0 z-[1] cursor-pointer rounded-md bg-transparent outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-[var(--zui-rating-ring-focus,oklch(54.6%_0.245_262.881_/_0.32))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus,#ffffff)] disabled:cursor-not-allowed dark:focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]\";\n\nexport const zuiRatingErrorBase =\n  \"text-sm leading-6 text-[color:var(--zui-rating-error-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-rating-error-fg-dark,oklch(71.2%_0.194_13.428))]\";\n\nexport const zuiRatingSizes = {\n  sm: \"size-5 text-lg\",\n  md: \"size-7 text-2xl\",\n  lg: \"size-9 text-3xl\",\n} as const;\n\nexport const zuiRatingAppearances = {\n  default:\n    \"text-[color:var(--zui-rating-default-active,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-rating-default-active-dark,oklch(98.4%_0.003_247.858))]\",\n  secondary:\n    \"text-[color:var(--zui-rating-secondary-active,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-rating-secondary-active-dark,oklch(86.9%_0.022_252.894))]\",\n  destructive:\n    \"text-[color:var(--zui-rating-destructive-active,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-rating-destructive-active-dark,oklch(71.2%_0.194_13.428))]\",\n  outline:\n    \"text-[color:var(--zui-rating-outline-active,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-rating-outline-active-dark,oklch(86.9%_0.022_252.894))]\",\n  ghost:\n    \"text-[color:var(--zui-rating-ghost-active,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-rating-ghost-active-dark,oklch(92.9%_0.013_255.508))]\",\n  glass:\n    \"text-[color:var(--zui-rating-glass-active,oklch(54.6%_0.245_262.881))] drop-shadow-[0_2px_12px_rgba(59,130,246,0.25)] dark:text-[color:var(--zui-rating-glass-active-dark,oklch(78.9%_0.154_211.53))]\",\n  emerald:\n    \"text-[color:var(--zui-rating-emerald-active,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-rating-emerald-active-dark,oklch(77.7%_0.152_181.912))]\",\n  indigo:\n    \"text-[color:var(--zui-rating-indigo-active,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-rating-indigo-active-dark,oklch(67.3%_0.182_276.935))]\",\n  purple:\n    \"text-[color:var(--zui-rating-purple-active,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-rating-purple-active-dark,oklch(71.4%_0.203_305.504))]\",\n  pink: \"text-[color:var(--zui-rating-pink-active,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-rating-pink-active-dark,oklch(71.8%_0.202_349.761))]\",\n  rose: \"text-[color:var(--zui-rating-rose-active,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-rating-rose-active-dark,oklch(71.2%_0.194_13.428))]\",\n  sky: \"text-[color:var(--zui-rating-sky-active,oklch(62.3%_0.214_259.815))] dark:text-[color:var(--zui-rating-sky-active-dark,oklch(74.6%_0.16_232.661))]\",\n  teal: \"text-[color:var(--zui-rating-teal-active,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-rating-teal-active-dark,oklch(77.7%_0.152_181.912))]\",\n  yellow:\n    \"text-[color:var(--zui-rating-yellow-active,oklch(79.5%_0.184_86.047))] dark:text-[color:var(--zui-rating-yellow-active-dark,oklch(85.2%_0.199_91.936))]\",\n  orange:\n    \"text-[color:var(--zui-rating-orange-active,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-rating-orange-active-dark,oklch(75%_0.183_55.934))]\",\n  gray: \"text-[color:var(--zui-rating-gray-active,oklch(55.1%_0.027_264.364))] dark:text-[color:var(--zui-rating-gray-active-dark,oklch(70.7%_0.022_261.325))]\",\n  amber:\n    \"text-[color:var(--zui-rating-amber-active,oklch(76.9%_0.188_70.08))] dark:text-[color:var(--zui-rating-amber-active-dark,oklch(82.8%_0.189_84.429))]\",\n  violet:\n    \"text-[color:var(--zui-rating-violet-active,oklch(54.1%_0.281_293.009))] dark:text-[color:var(--zui-rating-violet-active-dark,oklch(70.2%_0.183_293.541))]\",\n  \"gradient-blue\":\n    \"text-[color:var(--zui-rating-gradient-blue-active,oklch(54.6%_0.245_262.881))] drop-shadow-[0_2px_12px_rgba(37,99,235,0.28)] dark:text-[color:var(--zui-rating-gradient-blue-active-dark,oklch(70.7%_0.165_254.624))]\",\n  \"gradient-green\":\n    \"text-[color:var(--zui-rating-gradient-green-active,oklch(62.7%_0.194_149.214))] drop-shadow-[0_2px_12px_rgba(22,163,74,0.24)] dark:text-[color:var(--zui-rating-gradient-green-active-dark,oklch(79.2%_0.209_151.711))]\",\n  \"gradient-red\":\n    \"text-[color:var(--zui-rating-gradient-red-active,oklch(57.7%_0.245_27.325))] drop-shadow-[0_2px_12px_rgba(220,38,38,0.24)] dark:text-[color:var(--zui-rating-gradient-red-active-dark,oklch(70.4%_0.191_22.216))]\",\n  \"gradient-yellow\":\n    \"text-[color:var(--zui-rating-gradient-yellow-active,oklch(79.5%_0.184_86.047))] drop-shadow-[0_2px_12px_rgba(234,179,8,0.24)] dark:text-[color:var(--zui-rating-gradient-yellow-active-dark,oklch(85.2%_0.199_91.936))]\",\n  \"gradient-purple\":\n    \"text-[color:var(--zui-rating-gradient-purple-active,oklch(62.7%_0.265_303.9))] drop-shadow-[0_2px_12px_rgba(147,51,234,0.24)] dark:text-[color:var(--zui-rating-gradient-purple-active-dark,oklch(71.4%_0.203_305.504))]\",\n  \"gradient-teal\":\n    \"text-[color:var(--zui-rating-gradient-teal-active,oklch(60%_0.118_184.704))] drop-shadow-[0_2px_12px_rgba(13,148,136,0.24)] dark:text-[color:var(--zui-rating-gradient-teal-active-dark,oklch(77.7%_0.152_181.912))]\",\n  \"gradient-indigo\":\n    \"text-[color:var(--zui-rating-gradient-indigo-active,oklch(51.1%_0.262_276.966))] drop-shadow-[0_2px_12px_rgba(79,70,229,0.24)] dark:text-[color:var(--zui-rating-gradient-indigo-active-dark,oklch(67.3%_0.182_276.935))]\",\n  \"gradient-pink\":\n    \"text-[color:var(--zui-rating-gradient-pink-active,oklch(59.2%_0.249_0.584))] drop-shadow-[0_2px_12px_rgba(219,39,119,0.24)] dark:text-[color:var(--zui-rating-gradient-pink-active-dark,oklch(71.8%_0.202_349.761))]\",\n  \"gradient-orange\":\n    \"text-[color:var(--zui-rating-gradient-orange-active,oklch(64.6%_0.222_41.116))] drop-shadow-[0_2px_12px_rgba(234,88,12,0.24)] dark:text-[color:var(--zui-rating-gradient-orange-active-dark,oklch(75%_0.183_55.934))]\",\n  blue: \"text-[color:var(--zui-rating-blue-fg,#2563eb)] dark:text-[color:var(--zui-rating-blue-fg-dark,#3b82f6)]\",\n  cyan: \"text-[color:var(--zui-rating-cyan-fg,#0891b2)] dark:text-[color:var(--zui-rating-cyan-fg-dark,#22d3ee)]\",\n  green:\n    \"text-[color:var(--zui-rating-green-fg,#16a34a)] dark:text-[color:var(--zui-rating-green-fg-dark,#22c55e)]\",\n  lime: \"text-[color:var(--zui-rating-lime-fg,#65a30d)] dark:text-[color:var(--zui-rating-lime-fg-dark,#a3e635)]\",\n  mint: \"text-[color:var(--zui-rating-mint-fg,#10b981)] dark:text-[color:var(--zui-rating-mint-fg-dark,#6ee7b7)]\",\n  ocean:\n    \"text-[color:var(--zui-rating-ocean-fg,#0284c7)] dark:text-[color:var(--zui-rating-ocean-fg-dark,#38bdf8)]\",\n  sapphire:\n    \"text-[color:var(--zui-rating-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-rating-sapphire-fg-dark,#60a5fa)]\",\n  lavender:\n    \"text-[color:var(--zui-rating-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-rating-lavender-fg-dark,#a78bfa)]\",\n  ruby: \"text-[color:var(--zui-rating-ruby-fg,#be123c)] dark:text-[color:var(--zui-rating-ruby-fg-dark,#fb7185)]\",\n  red: \"text-[color:var(--zui-rating-red-fg,#dc2626)] dark:text-[color:var(--zui-rating-red-fg-dark,#ef4444)]\",\n  slate:\n    \"text-[color:var(--zui-rating-slate-fg,#475569)] dark:text-[color:var(--zui-rating-slate-fg-dark,#64748b)]\",\n  zinc: \"text-[color:var(--zui-rating-zinc-fg,#52525b)] dark:text-[color:var(--zui-rating-zinc-fg-dark,#71717a)]\",\n  stone:\n    \"text-[color:var(--zui-rating-stone-fg,#57534e)] dark:text-[color:var(--zui-rating-stone-fg-dark,#78716c)]\",\n  royal:\n    \"text-[color:var(--zui-rating-royal-fg,#4338ca)] dark:text-[color:var(--zui-rating-royal-fg-dark,#818cf8)]\",\n  electric:\n    \"text-[color:var(--zui-rating-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-rating-electric-fg-dark,#38bdf8)]\",\n  forest:\n    \"text-[color:var(--zui-rating-forest-fg,#166534)] dark:text-[color:var(--zui-rating-forest-fg-dark,#4ade80)]\",\n  sunset:\n    \"text-[color:var(--zui-rating-sunset-fg,#ea580c)] dark:text-[color:var(--zui-rating-sunset-fg-dark,#fb923c)]\",\n  magenta:\n    \"text-[color:var(--zui-rating-magenta-fg,#c026d3)] dark:text-[color:var(--zui-rating-magenta-fg-dark,#e879f9)]\",\n  crimson:\n    \"text-[color:var(--zui-rating-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-rating-crimson-fg-dark,#f87171)]\",\n  aqua: \"text-[color:var(--zui-rating-aqua-fg,#0f766e)] dark:text-[color:var(--zui-rating-aqua-fg-dark,#2dd4bf)]\",\n  plum: \"text-[color:var(--zui-rating-plum-fg,#7e22ce)] dark:text-[color:var(--zui-rating-plum-fg-dark,#c084fc)]\",\n} as const;\n"]}

package/dist/chunk-NAHHFB2M.js

@@ -0,0 +1,77 @@
+'use strict';
+
+var chunk3I6XR7KN_js = require('./chunk-3I6XR7KN.js');
+var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
+var classVarianceAuthority = require('class-variance-authority');
+var hi2 = require('react-icons/hi2');
+var jsxRuntime = require('react/jsx-runtime');
+
+var badgeVariants = classVarianceAuthority.cva(chunk3I6XR7KN_js.zuiBadgeBase, {
+  variants: {
+    appearance: chunk3I6XR7KN_js.zuiBadgeAppearances,
+    size: chunk3I6XR7KN_js.zuiBadgeSizes,
+    shape: chunk3I6XR7KN_js.zuiBadgeShapes
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md",
+    shape: "pill"
+  }
+});
+var badgeCloseButtonVariants = classVarianceAuthority.cva(chunk3I6XR7KN_js.zuiBadgeCloseButtonBase, {
+  variants: {
+    size: chunk3I6XR7KN_js.zuiBadgeCloseButtonSizes
+  },
+  defaultVariants: { size: "md" }
+});
+function BadgeBase({
+  className,
+  appearance,
+  size,
+  shape,
+  closable = false,
+  liveRegion = false,
+  onClose,
+  closeLabel = "Remove",
+  children,
+  ref,
+  "aria-label": ariaLabel,
+  as: Wrapper = "span",
+  ...rest
+}) {
+  const isDot = shape === "dot";
+  const resolvedAriaLabel = ariaLabel ?? (isDot ? "Status indicator" : void 0);
+  const landmarkRole = liveRegion === true || isDot ? "status" : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Wrapper,
+    {
+      ref,
+      role: landmarkRole,
+      "data-slot": "badge",
+      "aria-label": resolvedAriaLabel,
+      className: chunkZS5756ZC_js.cn(badgeVariants({ appearance, size, shape }), className),
+      ...rest,
+      children: [
+        !isDot ? children : null,
+        closable ? /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            "data-slot": "badge-close",
+            "aria-label": closeLabel,
+            onClick: onClose,
+            className: badgeCloseButtonVariants({ size }),
+            children: /* @__PURE__ */ jsxRuntime.jsx(hi2.HiXMark, { className: "size-3.5", "aria-hidden": true })
+          }
+        ) : null
+      ]
+    }
+  );
+}
+BadgeBase.displayName = "Badge";
+
+exports.BadgeBase = BadgeBase;
+exports.badgeCloseButtonVariants = badgeCloseButtonVariants;
+exports.badgeVariants = badgeVariants;
+//# sourceMappingURL=chunk-NAHHFB2M.js.map
+//# sourceMappingURL=chunk-NAHHFB2M.js.map

package/dist/chunk-NAHHFB2M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/badge/variants.ts","../src/ui/badge/badge-base.tsx"],"names":["cva","zuiBadgeBase","zuiBadgeAppearances","zuiBadgeSizes","zuiBadgeShapes","zuiBadgeCloseButtonBase","zuiBadgeCloseButtonSizes","jsxs","cn","jsx","HiXMark"],"mappings":";;;;;;;;AAgBO,IAAM,aAAA,GAAgBA,2BAAIC,6BAAA,EAAc;AAAA,EAC7C,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,oCAAA;AAAA,IACZ,IAAA,EAAMC,8BAAA;AAAA,IACN,KAAA,EAAOC;AAAA,GACT;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM,IAAA;AAAA,IACN,KAAA,EAAO;AAAA;AAEX,CAAC;AAEM,IAAM,wBAAA,GAA2BJ,2BAAIK,wCAAA,EAAyB;AAAA,EACnE,QAAA,EAAU;AAAA,IACR,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;ACzBM,SAAS,SAAA,CAAU;AAAA,EACxB,SAAA;AAAA,EACA,UAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,QAAA,GAAW,KAAA;AAAA,EACX,UAAA,GAAa,KAAA;AAAA,EACb,OAAA;AAAA,EACA,UAAA,GAAa,QAAA;AAAA,EACb,QAAA;AAAA,EACA,GAAA;AAAA,EACA,YAAA,EAAc,SAAA;AAAA,EACd,IAAI,OAAA,GAAU,MAAA;AAAA,EACd,GAAG;AACL,CAAA,EAAmB;AACjB,EAAA,MAAM,QAAQ,KAAA,KAAU,KAAA;AACxB,EAAA,MAAM,iBAAA,GACJ,SAAA,KAAc,KAAA,GAAQ,kBAAA,GAAqB,MAAA,CAAA;AAC7C,EAAA,MAAM,YAAA,GACJ,UAAA,KAAe,IAAA,IAAQ,KAAA,GAAS,QAAA,GAAqB,MAAA;AAEvD,EAAA,uBACEC,eAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA,EAAM,YAAA;AAAA,MACN,WAAA,EAAU,OAAA;AAAA,MACV,YAAA,EAAY,iBAAA;AAAA,MACZ,SAAA,EAAWC,oBAAG,aAAA,CAAc,EAAE,YAAY,IAAA,EAAM,KAAA,EAAO,CAAA,EAAG,SAAS,CAAA;AAAA,MAClE,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,CAAC,QAAQ,QAAA,GAAW,IAAA;AAAA,QACpB,QAAA,mBACCC,cAAA;AAAA,UAAC,QAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,QAAA;AAAA,YACL,WAAA,EAAU,aAAA;AAAA,YACV,YAAA,EAAY,UAAA;AAAA,YACZ,OAAA,EAAS,OAAA;AAAA,YACT,SAAA,EAAW,wBAAA,CAAyB,EAAE,IAAA,EAAM,CAAA;AAAA,YAE5C,QAAA,kBAAAA,cAAA,CAACC,WAAA,EAAA,EAAQ,SAAA,EAAU,UAAA,EAAW,eAAW,IAAA,EAAC;AAAA;AAAA,SAC5C,GACE;AAAA;AAAA;AAAA,GACN;AAEJ;AAEA,SAAA,CAAU,WAAA,GAAc,OAAA","file":"chunk-NAHHFB2M.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiBadgeAppearances,\n  zuiBadgeBase,\n  zuiBadgeCloseButtonBase,\n  zuiBadgeCloseButtonSizes,\n  zuiBadgeShapes,\n  zuiBadgeSizes,\n  zuiButtonLikeSolidAppearances,\n  type ZuiButtonLikeSolidAppearance,\n} from \"../../design-system/badge\";\n\nexport const buttonLikeSolidAppearances = zuiButtonLikeSolidAppearances;\nexport type ButtonLikeSolidAppearance = ZuiButtonLikeSolidAppearance;\n\nexport const badgeVariants = cva(zuiBadgeBase, {\n  variants: {\n    appearance: zuiBadgeAppearances,\n    size: zuiBadgeSizes,\n    shape: zuiBadgeShapes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    shape: \"pill\",\n  },\n});\n\nexport const badgeCloseButtonVariants = cva(zuiBadgeCloseButtonBase, {\n  variants: {\n    size: zuiBadgeCloseButtonSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { HiXMark } from \"react-icons/hi2\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { BadgeBaseProps } from \"./types\";\nimport { badgeCloseButtonVariants, badgeVariants } from \"./variants\";\n\nexport function BadgeBase({\n  className,\n  appearance,\n  size,\n  shape,\n  closable = false,\n  liveRegion = false,\n  onClose,\n  closeLabel = \"Remove\",\n  children,\n  ref,\n  \"aria-label\": ariaLabel,\n  as: Wrapper = \"span\",\n  ...rest\n}: BadgeBaseProps) {\n  const isDot = shape === \"dot\";\n  const resolvedAriaLabel =\n    ariaLabel ?? (isDot ? \"Status indicator\" : undefined);\n  const landmarkRole =\n    liveRegion === true || isDot ? (\"status\" as const) : undefined;\n\n  return (\n    <Wrapper\n      ref={ref}\n      role={landmarkRole}\n      data-slot=\"badge\"\n      aria-label={resolvedAriaLabel}\n      className={cn(badgeVariants({ appearance, size, shape }), className)}\n      {...rest}\n    >\n      {!isDot ? children : null}\n      {closable ? (\n        <button\n          type=\"button\"\n          data-slot=\"badge-close\"\n          aria-label={closeLabel}\n          onClick={onClose}\n          className={badgeCloseButtonVariants({ size })}\n        >\n          <HiXMark className=\"size-3.5\" aria-hidden />\n        </button>\n      ) : null}\n    </Wrapper>\n  );\n}\n\nBadgeBase.displayName = \"Badge\";\n"]}

package/dist/chunk-NMBSK44H.mjs

@@ -0,0 +1,44 @@
+// src/design-system/file-upload.ts
+var zuiFileUploadBase = "relative flex cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border border-dashed px-6 py-10 text-center text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-file-upload-ring-focus,oklch(70.2%_0.183_293.541_/_0.6))] dark:focus-visible:ring-[var(--zui-file-upload-ring-focus-dark,oklch(70.2%_0.183_293.541_/_0.6))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]";
+var zuiFileUploadAppearances = {
+  idle: "border-[color:var(--zui-file-upload-idle-border,#00000026)] dark:border-[color:var(--zui-file-upload-idle-border-dark,#ffffff26)] bg-[var(--zui-file-upload-idle-bg,#0000000d)] dark:bg-[var(--zui-file-upload-idle-bg-dark,#ffffff0d)] text-[color:var(--zui-file-upload-idle-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-file-upload-idle-fg-dark,oklch(86.9%_0.022_252.894))] hover:border-[color:var(--zui-file-upload-idle-border-hover,#00000040)] dark:hover:border-[color:var(--zui-file-upload-idle-border-hover-dark,#ffffff40)] hover:bg-[var(--zui-file-upload-idle-bg-hover,#00000012)] dark:hover:bg-[var(--zui-file-upload-idle-bg-hover-dark,#ffffff12)] dark:bg-[var(--zui-file-upload-idle-bg-dark,#ffffff12)]",
+  active: "border-[color:var(--zui-file-upload-active-border,oklch(70.2%_0.183_293.541_/_0.7))] dark:border-[color:var(--zui-file-upload-active-border-dark,oklch(70.2%_0.183_293.541_/_0.7))] bg-[var(--zui-file-upload-active-bg,oklch(60.6%_0.25_292.717_/_0.1))] dark:bg-[var(--zui-file-upload-active-bg-dark,oklch(60.6%_0.25_292.717_/_0.1))] text-[color:var(--zui-file-upload-active-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-file-upload-active-fg-dark,#ffffff)]",
+  disabled: "cursor-not-allowed opacity-50",
+  error: "border-[color:var(--zui-file-upload-error-border,oklch(70.4%_0.191_22.216_/_0.7))] dark:border-[color:var(--zui-file-upload-error-border-dark,oklch(70.4%_0.191_22.216_/_0.7))] bg-[var(--zui-file-upload-error-bg,oklch(63.7%_0.237_25.331_/_0.1))] dark:bg-[var(--zui-file-upload-error-bg-dark,oklch(63.7%_0.237_25.331_/_0.1))] text-[color:var(--zui-file-upload-error-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-file-upload-error-fg-dark,oklch(70.4%_0.191_22.216))] hover:border-[color:var(--zui-file-upload-error-border-hover,oklch(70.4%_0.191_22.216_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-error-border-hover-dark,oklch(70.4%_0.191_22.216_/_0.8))] hover:bg-[var(--zui-file-upload-error-bg-hover,oklch(63.7%_0.237_25.331_/_0.15))] dark:hover:bg-[var(--zui-file-upload-error-bg-hover-dark,oklch(63.7%_0.237_25.331_/_0.15))]",
+  success: "border-[color:var(--zui-file-upload-success-border,oklch(79.2%_0.209_151.711_/_0.7))] dark:border-[color:var(--zui-file-upload-success-border-dark,oklch(79.2%_0.209_151.711_/_0.7))] bg-[var(--zui-file-upload-success-bg,oklch(72.3%_0.219_149.579_/_0.1))] dark:bg-[var(--zui-file-upload-success-bg-dark,oklch(72.3%_0.219_149.579_/_0.1))] text-[color:var(--zui-file-upload-success-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-file-upload-success-fg-dark,oklch(79.2%_0.209_151.711))] hover:border-[color:var(--zui-file-upload-success-border-hover,oklch(79.2%_0.209_151.711_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-success-border-hover-dark,oklch(79.2%_0.209_151.711_/_0.8))] hover:bg-[var(--zui-file-upload-success-bg-hover,oklch(72.3%_0.219_149.579_/_0.15))] dark:hover:bg-[var(--zui-file-upload-success-bg-hover-dark,oklch(72.3%_0.219_149.579_/_0.15))]",
+  warning: "border-[color:var(--zui-file-upload-warning-border,oklch(85.2%_0.199_91.936_/_0.7))] dark:border-[color:var(--zui-file-upload-warning-border-dark,oklch(85.2%_0.199_91.936_/_0.7))] bg-[var(--zui-file-upload-warning-bg,oklch(79.5%_0.184_86.047_/_0.1))] dark:bg-[var(--zui-file-upload-warning-bg-dark,oklch(79.5%_0.184_86.047_/_0.1))] text-[color:var(--zui-file-upload-warning-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-file-upload-warning-fg-dark,oklch(85.2%_0.199_91.936))] hover:border-[color:var(--zui-file-upload-warning-border-hover,oklch(85.2%_0.199_91.936_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-warning-border-hover-dark,oklch(85.2%_0.199_91.936_/_0.8))] hover:bg-[var(--zui-file-upload-warning-bg-hover,oklch(79.5%_0.184_86.047_/_0.15))] dark:hover:bg-[var(--zui-file-upload-warning-bg-hover-dark,oklch(79.5%_0.184_86.047_/_0.15))]",
+  info: "border-[color:var(--zui-file-upload-info-border,oklch(70.7%_0.165_254.624_/_0.7))] dark:border-[color:var(--zui-file-upload-info-border-dark,oklch(70.7%_0.165_254.624_/_0.7))] bg-[var(--zui-file-upload-info-bg,oklch(62.3%_0.214_259.815_/_0.1))] dark:bg-[var(--zui-file-upload-info-bg-dark,oklch(62.3%_0.214_259.815_/_0.1))] text-[color:var(--zui-file-upload-info-fg,oklch(54.6%_0.245_262.881))] dark:text-[color:var(--zui-file-upload-info-fg-dark,oklch(70.7%_0.165_254.624))] hover:border-[color:var(--zui-file-upload-info-border-hover,oklch(70.7%_0.165_254.624_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-info-border-hover-dark,oklch(70.7%_0.165_254.624_/_0.8))] hover:bg-[var(--zui-file-upload-info-bg-hover,oklch(62.3%_0.214_259.815_/_0.15))] dark:hover:bg-[var(--zui-file-upload-info-bg-hover-dark,oklch(62.3%_0.214_259.815_/_0.15))]",
+  neutral: "border-[color:var(--zui-file-upload-neutral-border,oklch(70.7%_0.022_261.325_/_0.7))] dark:border-[color:var(--zui-file-upload-neutral-border-dark,oklch(70.7%_0.022_261.325_/_0.7))] bg-[var(--zui-file-upload-neutral-bg,oklch(55.1%_0.027_264.364_/_0.1))] dark:bg-[var(--zui-file-upload-neutral-bg-dark,oklch(55.1%_0.027_264.364_/_0.1))] text-[color:var(--zui-file-upload-neutral-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-file-upload-neutral-fg-dark,oklch(70.7%_0.022_261.325))] hover:border-[color:var(--zui-file-upload-neutral-border-hover,oklch(70.7%_0.022_261.325_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-neutral-border-hover-dark,oklch(70.7%_0.022_261.325_/_0.8))] hover:bg-[var(--zui-file-upload-neutral-bg-hover,oklch(55.1%_0.027_264.364_/_0.15))] dark:hover:bg-[var(--zui-file-upload-neutral-bg-hover-dark,oklch(55.1%_0.027_264.364_/_0.15))]",
+  purple: "border-[color:var(--zui-file-upload-purple-border,oklch(71.4%_0.203_305.504_/_0.7))] dark:border-[color:var(--zui-file-upload-purple-border-dark,oklch(71.4%_0.203_305.504_/_0.7))] bg-[var(--zui-file-upload-purple-bg,oklch(62.7%_0.265_303.9_/_0.1))] dark:bg-[var(--zui-file-upload-purple-bg-dark,oklch(62.7%_0.265_303.9_/_0.1))] text-[color:var(--zui-file-upload-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-file-upload-purple-fg-dark,oklch(71.4%_0.203_305.504))] hover:border-[color:var(--zui-file-upload-purple-border-hover,oklch(71.4%_0.203_305.504_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-purple-border-hover-dark,oklch(71.4%_0.203_305.504_/_0.8))] hover:bg-[var(--zui-file-upload-purple-bg-hover,oklch(62.7%_0.265_303.9_/_0.15))] dark:hover:bg-[var(--zui-file-upload-purple-bg-hover-dark,oklch(62.7%_0.265_303.9_/_0.15))]",
+  indigo: "border-[color:var(--zui-file-upload-indigo-border,oklch(67.3%_0.182_276.935_/_0.7))] dark:border-[color:var(--zui-file-upload-indigo-border-dark,oklch(67.3%_0.182_276.935_/_0.7))] bg-[var(--zui-file-upload-indigo-bg,oklch(58.5%_0.233_277.117_/_0.1))] dark:bg-[var(--zui-file-upload-indigo-bg-dark,oklch(58.5%_0.233_277.117_/_0.1))] text-[color:var(--zui-file-upload-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-file-upload-indigo-fg-dark,oklch(67.3%_0.182_276.935))] hover:border-[color:var(--zui-file-upload-indigo-border-hover,oklch(67.3%_0.182_276.935_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-indigo-border-hover-dark,oklch(67.3%_0.182_276.935_/_0.8))] hover:bg-[var(--zui-file-upload-indigo-bg-hover,oklch(58.5%_0.233_277.117_/_0.15))] dark:hover:bg-[var(--zui-file-upload-indigo-bg-hover-dark,oklch(58.5%_0.233_277.117_/_0.15))]",
+  emerald: "border-[color:var(--zui-file-upload-emerald-border,oklch(76.5%_0.177_163.223_/_0.7))] dark:border-[color:var(--zui-file-upload-emerald-border-dark,oklch(76.5%_0.177_163.223_/_0.7))] bg-[var(--zui-file-upload-emerald-bg,oklch(69.6%_0.17_162.48_/_0.1))] dark:bg-[var(--zui-file-upload-emerald-bg-dark,oklch(69.6%_0.17_162.48_/_0.1))] text-[color:var(--zui-file-upload-emerald-fg,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-file-upload-emerald-fg-dark,oklch(76.5%_0.177_163.223))] hover:border-[color:var(--zui-file-upload-emerald-border-hover,oklch(76.5%_0.177_163.223_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-emerald-border-hover-dark,oklch(76.5%_0.177_163.223_/_0.8))] hover:bg-[var(--zui-file-upload-emerald-bg-hover,oklch(69.6%_0.17_162.48_/_0.15))] dark:hover:bg-[var(--zui-file-upload-emerald-bg-hover-dark,oklch(69.6%_0.17_162.48_/_0.15))]",
+  amber: "border-[color:var(--zui-file-upload-amber-border,oklch(82.8%_0.189_84.429_/_0.7))] dark:border-[color:var(--zui-file-upload-amber-border-dark,oklch(82.8%_0.189_84.429_/_0.7))] bg-[var(--zui-file-upload-amber-bg,oklch(76.9%_0.188_70.08_/_0.1))] dark:bg-[var(--zui-file-upload-amber-bg-dark,oklch(76.9%_0.188_70.08_/_0.1))] text-[color:var(--zui-file-upload-amber-fg,oklch(66.6%_0.179_58.318))] dark:text-[color:var(--zui-file-upload-amber-fg-dark,oklch(82.8%_0.189_84.429))] hover:border-[color:var(--zui-file-upload-amber-border-hover,oklch(82.8%_0.189_84.429_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-amber-border-hover-dark,oklch(82.8%_0.189_84.429_/_0.8))] hover:bg-[var(--zui-file-upload-amber-bg-hover,oklch(76.9%_0.188_70.08_/_0.15))] dark:hover:bg-[var(--zui-file-upload-amber-bg-hover-dark,oklch(76.9%_0.188_70.08_/_0.15))]",
+  pink: "border-[color:var(--zui-file-upload-pink-border,oklch(71.8%_0.202_349.761_/_0.7))] dark:border-[color:var(--zui-file-upload-pink-border-dark,oklch(71.8%_0.202_349.761_/_0.7))] bg-[var(--zui-file-upload-pink-bg,oklch(65.6%_0.241_354.308_/_0.1))] dark:bg-[var(--zui-file-upload-pink-bg-dark,oklch(65.6%_0.241_354.308_/_0.1))] text-[color:var(--zui-file-upload-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-file-upload-pink-fg-dark,oklch(71.8%_0.202_349.761))] hover:border-[color:var(--zui-file-upload-pink-border-hover,oklch(71.8%_0.202_349.761_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-pink-border-hover-dark,oklch(71.8%_0.202_349.761_/_0.8))] hover:bg-[var(--zui-file-upload-pink-bg-hover,oklch(65.6%_0.241_354.308_/_0.15))] dark:hover:bg-[var(--zui-file-upload-pink-bg-hover-dark,oklch(65.6%_0.241_354.308_/_0.15))]",
+  orange: "border-[color:var(--zui-file-upload-orange-border,oklch(75%_0.183_55.934_/_0.7))] dark:border-[color:var(--zui-file-upload-orange-border-dark,oklch(75%_0.183_55.934_/_0.7))] bg-[var(--zui-file-upload-orange-bg,oklch(70.5%_0.213_47.604_/_0.1))] dark:bg-[var(--zui-file-upload-orange-bg-dark,oklch(70.5%_0.213_47.604_/_0.1))] text-[color:var(--zui-file-upload-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-file-upload-orange-fg-dark,oklch(75%_0.183_55.934))] hover:border-[color:var(--zui-file-upload-orange-border-hover,oklch(75%_0.183_55.934_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-orange-border-hover-dark,oklch(75%_0.183_55.934_/_0.8))] hover:bg-[var(--zui-file-upload-orange-bg-hover,oklch(70.5%_0.213_47.604_/_0.15))] dark:hover:bg-[var(--zui-file-upload-orange-bg-hover-dark,oklch(70.5%_0.213_47.604_/_0.15))]",
+  teal: "border-[color:var(--zui-file-upload-teal-border,oklch(77.7%_0.152_181.912_/_0.7))] dark:border-[color:var(--zui-file-upload-teal-border-dark,oklch(77.7%_0.152_181.912_/_0.7))] bg-[var(--zui-file-upload-teal-bg,oklch(70.4%_0.14_182.503_/_0.1))] dark:bg-[var(--zui-file-upload-teal-bg-dark,oklch(70.4%_0.14_182.503_/_0.1))] text-[color:var(--zui-file-upload-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-file-upload-teal-fg-dark,oklch(77.7%_0.152_181.912))] hover:border-[color:var(--zui-file-upload-teal-border-hover,oklch(77.7%_0.152_181.912_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-teal-border-hover-dark,oklch(77.7%_0.152_181.912_/_0.8))] hover:bg-[var(--zui-file-upload-teal-bg-hover,oklch(70.4%_0.14_182.503_/_0.15))] dark:hover:bg-[var(--zui-file-upload-teal-bg-hover-dark,oklch(70.4%_0.14_182.503_/_0.15))]",
+  blue: "border border-[color:var(--zui-file-upload-blue-border,#2563eb)] dark:border-[color:var(--zui-file-upload-blue-border-dark,#3b82f6)] bg-[var(--zui-file-upload-blue-bg,#2563eb14)] dark:bg-[var(--zui-file-upload-blue-bg-dark,#3b82f624)] text-[color:var(--zui-file-upload-blue-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-blue-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-blue-bg-hover,#2563eb24)] dark:hover:bg-[var(--zui-file-upload-blue-bg-hover-dark,#3b82f633)]",
+  cyan: "border border-[color:var(--zui-file-upload-cyan-border,#0891b2)] dark:border-[color:var(--zui-file-upload-cyan-border-dark,#22d3ee)] bg-[var(--zui-file-upload-cyan-bg,#0891b214)] dark:bg-[var(--zui-file-upload-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-file-upload-cyan-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-cyan-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-cyan-bg-hover,#0891b224)] dark:hover:bg-[var(--zui-file-upload-cyan-bg-hover-dark,#22d3ee33)]",
+  green: "border border-[color:var(--zui-file-upload-green-border,#16a34a)] dark:border-[color:var(--zui-file-upload-green-border-dark,#22c55e)] bg-[var(--zui-file-upload-green-bg,#16a34a14)] dark:bg-[var(--zui-file-upload-green-bg-dark,#22c55e24)] text-[color:var(--zui-file-upload-green-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-green-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-green-bg-hover,#16a34a24)] dark:hover:bg-[var(--zui-file-upload-green-bg-hover-dark,#22c55e33)]",
+  lime: "border border-[color:var(--zui-file-upload-lime-border,#65a30d)] dark:border-[color:var(--zui-file-upload-lime-border-dark,#a3e635)] bg-[var(--zui-file-upload-lime-bg,#65a30d14)] dark:bg-[var(--zui-file-upload-lime-bg-dark,#a3e63524)] text-[color:var(--zui-file-upload-lime-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-lime-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-lime-bg-hover,#65a30d24)] dark:hover:bg-[var(--zui-file-upload-lime-bg-hover-dark,#a3e63533)]",
+  mint: "border border-[color:var(--zui-file-upload-mint-border,#10b981)] dark:border-[color:var(--zui-file-upload-mint-border-dark,#6ee7b7)] bg-[var(--zui-file-upload-mint-bg,#10b98114)] dark:bg-[var(--zui-file-upload-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-file-upload-mint-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-mint-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-mint-bg-hover,#10b98124)] dark:hover:bg-[var(--zui-file-upload-mint-bg-hover-dark,#6ee7b733)]",
+  ocean: "border border-[color:var(--zui-file-upload-ocean-border,#0284c7)] dark:border-[color:var(--zui-file-upload-ocean-border-dark,#38bdf8)] bg-[var(--zui-file-upload-ocean-bg,#0284c714)] dark:bg-[var(--zui-file-upload-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-file-upload-ocean-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-ocean-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-ocean-bg-hover,#0284c724)] dark:hover:bg-[var(--zui-file-upload-ocean-bg-hover-dark,#38bdf833)]",
+  sapphire: "border border-[color:var(--zui-file-upload-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-file-upload-sapphire-border-dark,#60a5fa)] bg-[var(--zui-file-upload-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-file-upload-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-file-upload-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-sapphire-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-sapphire-bg-hover,#1d4ed824)] dark:hover:bg-[var(--zui-file-upload-sapphire-bg-hover-dark,#60a5fa33)]",
+  lavender: "border border-[color:var(--zui-file-upload-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-file-upload-lavender-border-dark,#a78bfa)] bg-[var(--zui-file-upload-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-file-upload-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-file-upload-lavender-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-lavender-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-lavender-bg-hover,#8b5cf624)] dark:hover:bg-[var(--zui-file-upload-lavender-bg-hover-dark,#a78bfa33)]",
+  ruby: "border border-[color:var(--zui-file-upload-ruby-border,#be123c)] dark:border-[color:var(--zui-file-upload-ruby-border-dark,#fb7185)] bg-[var(--zui-file-upload-ruby-bg,#be123c14)] dark:bg-[var(--zui-file-upload-ruby-bg-dark,#fb718524)] text-[color:var(--zui-file-upload-ruby-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-ruby-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-ruby-bg-hover,#be123c24)] dark:hover:bg-[var(--zui-file-upload-ruby-bg-hover-dark,#fb718533)]",
+  red: "border border-[color:var(--zui-file-upload-red-border,#dc2626)] dark:border-[color:var(--zui-file-upload-red-border-dark,#ef4444)] bg-[var(--zui-file-upload-red-bg,#dc262614)] dark:bg-[var(--zui-file-upload-red-bg-dark,#ef444424)] text-[color:var(--zui-file-upload-red-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-red-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-red-bg-hover,#dc262624)] dark:hover:bg-[var(--zui-file-upload-red-bg-hover-dark,#ef444433)]",
+  slate: "border border-[color:var(--zui-file-upload-slate-border,#475569)] dark:border-[color:var(--zui-file-upload-slate-border-dark,#64748b)] bg-[var(--zui-file-upload-slate-bg,#47556914)] dark:bg-[var(--zui-file-upload-slate-bg-dark,#64748b24)] text-[color:var(--zui-file-upload-slate-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-slate-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-slate-bg-hover,#47556924)] dark:hover:bg-[var(--zui-file-upload-slate-bg-hover-dark,#64748b33)]",
+  zinc: "border border-[color:var(--zui-file-upload-zinc-border,#52525b)] dark:border-[color:var(--zui-file-upload-zinc-border-dark,#71717a)] bg-[var(--zui-file-upload-zinc-bg,#52525b14)] dark:bg-[var(--zui-file-upload-zinc-bg-dark,#71717a24)] text-[color:var(--zui-file-upload-zinc-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-zinc-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-zinc-bg-hover,#52525b24)] dark:hover:bg-[var(--zui-file-upload-zinc-bg-hover-dark,#71717a33)]",
+  stone: "border border-[color:var(--zui-file-upload-stone-border,#57534e)] dark:border-[color:var(--zui-file-upload-stone-border-dark,#78716c)] bg-[var(--zui-file-upload-stone-bg,#57534e14)] dark:bg-[var(--zui-file-upload-stone-bg-dark,#78716c24)] text-[color:var(--zui-file-upload-stone-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-stone-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-stone-bg-hover,#57534e24)] dark:hover:bg-[var(--zui-file-upload-stone-bg-hover-dark,#78716c33)]",
+  royal: "border border-[color:var(--zui-file-upload-royal-border,#4338ca)] dark:border-[color:var(--zui-file-upload-royal-border-dark,#818cf8)] bg-[var(--zui-file-upload-royal-bg,#4338ca14)] dark:bg-[var(--zui-file-upload-royal-bg-dark,#818cf824)] text-[color:var(--zui-file-upload-royal-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-royal-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-royal-bg-hover,#4338ca24)] dark:hover:bg-[var(--zui-file-upload-royal-bg-hover-dark,#818cf833)]",
+  electric: "border border-[color:var(--zui-file-upload-electric-border,#0ea5e9)] dark:border-[color:var(--zui-file-upload-electric-border-dark,#38bdf8)] bg-[var(--zui-file-upload-electric-bg,#0ea5e914)] dark:bg-[var(--zui-file-upload-electric-bg-dark,#38bdf824)] text-[color:var(--zui-file-upload-electric-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-electric-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-electric-bg-hover,#0ea5e924)] dark:hover:bg-[var(--zui-file-upload-electric-bg-hover-dark,#38bdf833)]",
+  forest: "border border-[color:var(--zui-file-upload-forest-border,#166534)] dark:border-[color:var(--zui-file-upload-forest-border-dark,#4ade80)] bg-[var(--zui-file-upload-forest-bg,#16653414)] dark:bg-[var(--zui-file-upload-forest-bg-dark,#4ade8024)] text-[color:var(--zui-file-upload-forest-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-forest-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-forest-bg-hover,#16653424)] dark:hover:bg-[var(--zui-file-upload-forest-bg-hover-dark,#4ade8033)]",
+  sunset: "border border-[color:var(--zui-file-upload-sunset-border,#ea580c)] dark:border-[color:var(--zui-file-upload-sunset-border-dark,#fb923c)] bg-[var(--zui-file-upload-sunset-bg,#ea580c14)] dark:bg-[var(--zui-file-upload-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-file-upload-sunset-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-sunset-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-sunset-bg-hover,#ea580c24)] dark:hover:bg-[var(--zui-file-upload-sunset-bg-hover-dark,#fb923c33)]",
+  magenta: "border border-[color:var(--zui-file-upload-magenta-border,#c026d3)] dark:border-[color:var(--zui-file-upload-magenta-border-dark,#e879f9)] bg-[var(--zui-file-upload-magenta-bg,#c026d314)] dark:bg-[var(--zui-file-upload-magenta-bg-dark,#e879f924)] text-[color:var(--zui-file-upload-magenta-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-magenta-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-magenta-bg-hover,#c026d324)] dark:hover:bg-[var(--zui-file-upload-magenta-bg-hover-dark,#e879f933)]",
+  crimson: "border border-[color:var(--zui-file-upload-crimson-border,#b91c1c)] dark:border-[color:var(--zui-file-upload-crimson-border-dark,#f87171)] bg-[var(--zui-file-upload-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-file-upload-crimson-bg-dark,#f8717124)] text-[color:var(--zui-file-upload-crimson-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-crimson-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-crimson-bg-hover,#b91c1c24)] dark:hover:bg-[var(--zui-file-upload-crimson-bg-hover-dark,#f8717133)]",
+  aqua: "border border-[color:var(--zui-file-upload-aqua-border,#0f766e)] dark:border-[color:var(--zui-file-upload-aqua-border-dark,#2dd4bf)] bg-[var(--zui-file-upload-aqua-bg,#0f766e14)] dark:bg-[var(--zui-file-upload-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-file-upload-aqua-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-aqua-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-aqua-bg-hover,#0f766e24)] dark:hover:bg-[var(--zui-file-upload-aqua-bg-hover-dark,#2dd4bf33)]",
+  plum: "border border-[color:var(--zui-file-upload-plum-border,#7e22ce)] dark:border-[color:var(--zui-file-upload-plum-border-dark,#c084fc)] bg-[var(--zui-file-upload-plum-bg,#7e22ce14)] dark:bg-[var(--zui-file-upload-plum-bg-dark,#c084fc24)] text-[color:var(--zui-file-upload-plum-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-plum-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-plum-bg-hover,#7e22ce24)] dark:hover:bg-[var(--zui-file-upload-plum-bg-hover-dark,#c084fc33)]"
+};
+
+export { zuiFileUploadAppearances, zuiFileUploadBase };
+//# sourceMappingURL=chunk-NMBSK44H.mjs.map
+//# sourceMappingURL=chunk-NMBSK44H.mjs.map

package/dist/chunk-NMBSK44H.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/file-upload.ts"],"names":[],"mappings":";AAAO,IAAM,iBAAA,GACX;AAEK,IAAM,wBAAA,GAA2B;AAAA,EACtC,IAAA,EAAM,itBAAA;AAAA,EACN,MAAA,EACE,odAAA;AAAA,EACF,QAAA,EAAU,+BAAA;AAAA,EACV,KAAA,EACE,m1BAAA;AAAA,EACF,OAAA,EACE,i3BAAA;AAAA,EACF,OAAA,EACE,u2BAAA;AAAA,EACF,IAAA,EAAM,m1BAAA;AAAA,EACN,OAAA,EACE,g3BAAA;AAAA,EACF,MAAA,EACE,+1BAAA;AAAA,EACF,MAAA,EACE,u2BAAA;AAAA,EACF,OAAA,EACE,y2BAAA;AAAA,EACF,KAAA,EACE,+0BAAA;AAAA,EACF,IAAA,EAAM,i1BAAA;AAAA,EACN,MAAA,EACE,m1BAAA;AAAA,EACF,IAAA,EAAM,60BAAA;AAAA,EACN,IAAA,EAAM,4dAAA;AAAA,EACN,IAAA,EAAM,4dAAA;AAAA,EACN,KAAA,EACE,oeAAA;AAAA,EACF,IAAA,EAAM,4dAAA;AAAA,EACN,IAAA,EAAM,4dAAA;AAAA,EACN,KAAA,EACE,oeAAA;AAAA,EACF,QAAA,EACE,4fAAA;AAAA,EACF,QAAA,EACE,4fAAA;AAAA,EACF,IAAA,EAAM,4dAAA;AAAA,EACN,GAAA,EAAK,odAAA;AAAA,EACL,KAAA,EACE,oeAAA;AAAA,EACF,IAAA,EAAM,4dAAA;AAAA,EACN,KAAA,EACE,oeAAA;AAAA,EACF,KAAA,EACE,oeAAA;AAAA,EACF,QAAA,EACE,4fAAA;AAAA,EACF,MAAA,EACE,4eAAA;AAAA,EACF,MAAA,EACE,4eAAA;AAAA,EACF,OAAA,EACE,ofAAA;AAAA,EACF,OAAA,EACE,ofAAA;AAAA,EACF,IAAA,EAAM,4dAAA;AAAA,EACN,IAAA,EAAM;AACR","file":"chunk-NMBSK44H.mjs","sourcesContent":["export const zuiFileUploadBase =\n  \"relative flex cursor-pointer flex-col items-center justify-center gap-2 rounded-2xl border border-dashed px-6 py-10 text-center text-sm transition-colors outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-file-upload-ring-focus,oklch(70.2%_0.183_293.541_/_0.6))] dark:focus-visible:ring-[var(--zui-file-upload-ring-focus-dark,oklch(70.2%_0.183_293.541_/_0.6))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:focus-visible:ring-offset-[var(--zui-file-upload-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]\";\n\nexport const zuiFileUploadAppearances = {\n  idle: \"border-[color:var(--zui-file-upload-idle-border,#00000026)] dark:border-[color:var(--zui-file-upload-idle-border-dark,#ffffff26)] bg-[var(--zui-file-upload-idle-bg,#0000000d)] dark:bg-[var(--zui-file-upload-idle-bg-dark,#ffffff0d)] text-[color:var(--zui-file-upload-idle-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-file-upload-idle-fg-dark,oklch(86.9%_0.022_252.894))] hover:border-[color:var(--zui-file-upload-idle-border-hover,#00000040)] dark:hover:border-[color:var(--zui-file-upload-idle-border-hover-dark,#ffffff40)] hover:bg-[var(--zui-file-upload-idle-bg-hover,#00000012)] dark:hover:bg-[var(--zui-file-upload-idle-bg-hover-dark,#ffffff12)] dark:bg-[var(--zui-file-upload-idle-bg-dark,#ffffff12)]\",\n  active:\n    \"border-[color:var(--zui-file-upload-active-border,oklch(70.2%_0.183_293.541_/_0.7))] dark:border-[color:var(--zui-file-upload-active-border-dark,oklch(70.2%_0.183_293.541_/_0.7))] bg-[var(--zui-file-upload-active-bg,oklch(60.6%_0.25_292.717_/_0.1))] dark:bg-[var(--zui-file-upload-active-bg-dark,oklch(60.6%_0.25_292.717_/_0.1))] text-[color:var(--zui-file-upload-active-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-file-upload-active-fg-dark,#ffffff)]\",\n  disabled: \"cursor-not-allowed opacity-50\",\n  error:\n    \"border-[color:var(--zui-file-upload-error-border,oklch(70.4%_0.191_22.216_/_0.7))] dark:border-[color:var(--zui-file-upload-error-border-dark,oklch(70.4%_0.191_22.216_/_0.7))] bg-[var(--zui-file-upload-error-bg,oklch(63.7%_0.237_25.331_/_0.1))] dark:bg-[var(--zui-file-upload-error-bg-dark,oklch(63.7%_0.237_25.331_/_0.1))] text-[color:var(--zui-file-upload-error-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-file-upload-error-fg-dark,oklch(70.4%_0.191_22.216))] hover:border-[color:var(--zui-file-upload-error-border-hover,oklch(70.4%_0.191_22.216_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-error-border-hover-dark,oklch(70.4%_0.191_22.216_/_0.8))] hover:bg-[var(--zui-file-upload-error-bg-hover,oklch(63.7%_0.237_25.331_/_0.15))] dark:hover:bg-[var(--zui-file-upload-error-bg-hover-dark,oklch(63.7%_0.237_25.331_/_0.15))]\",\n  success:\n    \"border-[color:var(--zui-file-upload-success-border,oklch(79.2%_0.209_151.711_/_0.7))] dark:border-[color:var(--zui-file-upload-success-border-dark,oklch(79.2%_0.209_151.711_/_0.7))] bg-[var(--zui-file-upload-success-bg,oklch(72.3%_0.219_149.579_/_0.1))] dark:bg-[var(--zui-file-upload-success-bg-dark,oklch(72.3%_0.219_149.579_/_0.1))] text-[color:var(--zui-file-upload-success-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-file-upload-success-fg-dark,oklch(79.2%_0.209_151.711))] hover:border-[color:var(--zui-file-upload-success-border-hover,oklch(79.2%_0.209_151.711_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-success-border-hover-dark,oklch(79.2%_0.209_151.711_/_0.8))] hover:bg-[var(--zui-file-upload-success-bg-hover,oklch(72.3%_0.219_149.579_/_0.15))] dark:hover:bg-[var(--zui-file-upload-success-bg-hover-dark,oklch(72.3%_0.219_149.579_/_0.15))]\",\n  warning:\n    \"border-[color:var(--zui-file-upload-warning-border,oklch(85.2%_0.199_91.936_/_0.7))] dark:border-[color:var(--zui-file-upload-warning-border-dark,oklch(85.2%_0.199_91.936_/_0.7))] bg-[var(--zui-file-upload-warning-bg,oklch(79.5%_0.184_86.047_/_0.1))] dark:bg-[var(--zui-file-upload-warning-bg-dark,oklch(79.5%_0.184_86.047_/_0.1))] text-[color:var(--zui-file-upload-warning-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-file-upload-warning-fg-dark,oklch(85.2%_0.199_91.936))] hover:border-[color:var(--zui-file-upload-warning-border-hover,oklch(85.2%_0.199_91.936_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-warning-border-hover-dark,oklch(85.2%_0.199_91.936_/_0.8))] hover:bg-[var(--zui-file-upload-warning-bg-hover,oklch(79.5%_0.184_86.047_/_0.15))] dark:hover:bg-[var(--zui-file-upload-warning-bg-hover-dark,oklch(79.5%_0.184_86.047_/_0.15))]\",\n  info: \"border-[color:var(--zui-file-upload-info-border,oklch(70.7%_0.165_254.624_/_0.7))] dark:border-[color:var(--zui-file-upload-info-border-dark,oklch(70.7%_0.165_254.624_/_0.7))] bg-[var(--zui-file-upload-info-bg,oklch(62.3%_0.214_259.815_/_0.1))] dark:bg-[var(--zui-file-upload-info-bg-dark,oklch(62.3%_0.214_259.815_/_0.1))] text-[color:var(--zui-file-upload-info-fg,oklch(54.6%_0.245_262.881))] dark:text-[color:var(--zui-file-upload-info-fg-dark,oklch(70.7%_0.165_254.624))] hover:border-[color:var(--zui-file-upload-info-border-hover,oklch(70.7%_0.165_254.624_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-info-border-hover-dark,oklch(70.7%_0.165_254.624_/_0.8))] hover:bg-[var(--zui-file-upload-info-bg-hover,oklch(62.3%_0.214_259.815_/_0.15))] dark:hover:bg-[var(--zui-file-upload-info-bg-hover-dark,oklch(62.3%_0.214_259.815_/_0.15))]\",\n  neutral:\n    \"border-[color:var(--zui-file-upload-neutral-border,oklch(70.7%_0.022_261.325_/_0.7))] dark:border-[color:var(--zui-file-upload-neutral-border-dark,oklch(70.7%_0.022_261.325_/_0.7))] bg-[var(--zui-file-upload-neutral-bg,oklch(55.1%_0.027_264.364_/_0.1))] dark:bg-[var(--zui-file-upload-neutral-bg-dark,oklch(55.1%_0.027_264.364_/_0.1))] text-[color:var(--zui-file-upload-neutral-fg,oklch(44.6%_0.03_256.802))] dark:text-[color:var(--zui-file-upload-neutral-fg-dark,oklch(70.7%_0.022_261.325))] hover:border-[color:var(--zui-file-upload-neutral-border-hover,oklch(70.7%_0.022_261.325_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-neutral-border-hover-dark,oklch(70.7%_0.022_261.325_/_0.8))] hover:bg-[var(--zui-file-upload-neutral-bg-hover,oklch(55.1%_0.027_264.364_/_0.15))] dark:hover:bg-[var(--zui-file-upload-neutral-bg-hover-dark,oklch(55.1%_0.027_264.364_/_0.15))]\",\n  purple:\n    \"border-[color:var(--zui-file-upload-purple-border,oklch(71.4%_0.203_305.504_/_0.7))] dark:border-[color:var(--zui-file-upload-purple-border-dark,oklch(71.4%_0.203_305.504_/_0.7))] bg-[var(--zui-file-upload-purple-bg,oklch(62.7%_0.265_303.9_/_0.1))] dark:bg-[var(--zui-file-upload-purple-bg-dark,oklch(62.7%_0.265_303.9_/_0.1))] text-[color:var(--zui-file-upload-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-file-upload-purple-fg-dark,oklch(71.4%_0.203_305.504))] hover:border-[color:var(--zui-file-upload-purple-border-hover,oklch(71.4%_0.203_305.504_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-purple-border-hover-dark,oklch(71.4%_0.203_305.504_/_0.8))] hover:bg-[var(--zui-file-upload-purple-bg-hover,oklch(62.7%_0.265_303.9_/_0.15))] dark:hover:bg-[var(--zui-file-upload-purple-bg-hover-dark,oklch(62.7%_0.265_303.9_/_0.15))]\",\n  indigo:\n    \"border-[color:var(--zui-file-upload-indigo-border,oklch(67.3%_0.182_276.935_/_0.7))] dark:border-[color:var(--zui-file-upload-indigo-border-dark,oklch(67.3%_0.182_276.935_/_0.7))] bg-[var(--zui-file-upload-indigo-bg,oklch(58.5%_0.233_277.117_/_0.1))] dark:bg-[var(--zui-file-upload-indigo-bg-dark,oklch(58.5%_0.233_277.117_/_0.1))] text-[color:var(--zui-file-upload-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-file-upload-indigo-fg-dark,oklch(67.3%_0.182_276.935))] hover:border-[color:var(--zui-file-upload-indigo-border-hover,oklch(67.3%_0.182_276.935_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-indigo-border-hover-dark,oklch(67.3%_0.182_276.935_/_0.8))] hover:bg-[var(--zui-file-upload-indigo-bg-hover,oklch(58.5%_0.233_277.117_/_0.15))] dark:hover:bg-[var(--zui-file-upload-indigo-bg-hover-dark,oklch(58.5%_0.233_277.117_/_0.15))]\",\n  emerald:\n    \"border-[color:var(--zui-file-upload-emerald-border,oklch(76.5%_0.177_163.223_/_0.7))] dark:border-[color:var(--zui-file-upload-emerald-border-dark,oklch(76.5%_0.177_163.223_/_0.7))] bg-[var(--zui-file-upload-emerald-bg,oklch(69.6%_0.17_162.48_/_0.1))] dark:bg-[var(--zui-file-upload-emerald-bg-dark,oklch(69.6%_0.17_162.48_/_0.1))] text-[color:var(--zui-file-upload-emerald-fg,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-file-upload-emerald-fg-dark,oklch(76.5%_0.177_163.223))] hover:border-[color:var(--zui-file-upload-emerald-border-hover,oklch(76.5%_0.177_163.223_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-emerald-border-hover-dark,oklch(76.5%_0.177_163.223_/_0.8))] hover:bg-[var(--zui-file-upload-emerald-bg-hover,oklch(69.6%_0.17_162.48_/_0.15))] dark:hover:bg-[var(--zui-file-upload-emerald-bg-hover-dark,oklch(69.6%_0.17_162.48_/_0.15))]\",\n  amber:\n    \"border-[color:var(--zui-file-upload-amber-border,oklch(82.8%_0.189_84.429_/_0.7))] dark:border-[color:var(--zui-file-upload-amber-border-dark,oklch(82.8%_0.189_84.429_/_0.7))] bg-[var(--zui-file-upload-amber-bg,oklch(76.9%_0.188_70.08_/_0.1))] dark:bg-[var(--zui-file-upload-amber-bg-dark,oklch(76.9%_0.188_70.08_/_0.1))] text-[color:var(--zui-file-upload-amber-fg,oklch(66.6%_0.179_58.318))] dark:text-[color:var(--zui-file-upload-amber-fg-dark,oklch(82.8%_0.189_84.429))] hover:border-[color:var(--zui-file-upload-amber-border-hover,oklch(82.8%_0.189_84.429_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-amber-border-hover-dark,oklch(82.8%_0.189_84.429_/_0.8))] hover:bg-[var(--zui-file-upload-amber-bg-hover,oklch(76.9%_0.188_70.08_/_0.15))] dark:hover:bg-[var(--zui-file-upload-amber-bg-hover-dark,oklch(76.9%_0.188_70.08_/_0.15))]\",\n  pink: \"border-[color:var(--zui-file-upload-pink-border,oklch(71.8%_0.202_349.761_/_0.7))] dark:border-[color:var(--zui-file-upload-pink-border-dark,oklch(71.8%_0.202_349.761_/_0.7))] bg-[var(--zui-file-upload-pink-bg,oklch(65.6%_0.241_354.308_/_0.1))] dark:bg-[var(--zui-file-upload-pink-bg-dark,oklch(65.6%_0.241_354.308_/_0.1))] text-[color:var(--zui-file-upload-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-file-upload-pink-fg-dark,oklch(71.8%_0.202_349.761))] hover:border-[color:var(--zui-file-upload-pink-border-hover,oklch(71.8%_0.202_349.761_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-pink-border-hover-dark,oklch(71.8%_0.202_349.761_/_0.8))] hover:bg-[var(--zui-file-upload-pink-bg-hover,oklch(65.6%_0.241_354.308_/_0.15))] dark:hover:bg-[var(--zui-file-upload-pink-bg-hover-dark,oklch(65.6%_0.241_354.308_/_0.15))]\",\n  orange:\n    \"border-[color:var(--zui-file-upload-orange-border,oklch(75%_0.183_55.934_/_0.7))] dark:border-[color:var(--zui-file-upload-orange-border-dark,oklch(75%_0.183_55.934_/_0.7))] bg-[var(--zui-file-upload-orange-bg,oklch(70.5%_0.213_47.604_/_0.1))] dark:bg-[var(--zui-file-upload-orange-bg-dark,oklch(70.5%_0.213_47.604_/_0.1))] text-[color:var(--zui-file-upload-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-file-upload-orange-fg-dark,oklch(75%_0.183_55.934))] hover:border-[color:var(--zui-file-upload-orange-border-hover,oklch(75%_0.183_55.934_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-orange-border-hover-dark,oklch(75%_0.183_55.934_/_0.8))] hover:bg-[var(--zui-file-upload-orange-bg-hover,oklch(70.5%_0.213_47.604_/_0.15))] dark:hover:bg-[var(--zui-file-upload-orange-bg-hover-dark,oklch(70.5%_0.213_47.604_/_0.15))]\",\n  teal: \"border-[color:var(--zui-file-upload-teal-border,oklch(77.7%_0.152_181.912_/_0.7))] dark:border-[color:var(--zui-file-upload-teal-border-dark,oklch(77.7%_0.152_181.912_/_0.7))] bg-[var(--zui-file-upload-teal-bg,oklch(70.4%_0.14_182.503_/_0.1))] dark:bg-[var(--zui-file-upload-teal-bg-dark,oklch(70.4%_0.14_182.503_/_0.1))] text-[color:var(--zui-file-upload-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-file-upload-teal-fg-dark,oklch(77.7%_0.152_181.912))] hover:border-[color:var(--zui-file-upload-teal-border-hover,oklch(77.7%_0.152_181.912_/_0.8))] dark:hover:border-[color:var(--zui-file-upload-teal-border-hover-dark,oklch(77.7%_0.152_181.912_/_0.8))] hover:bg-[var(--zui-file-upload-teal-bg-hover,oklch(70.4%_0.14_182.503_/_0.15))] dark:hover:bg-[var(--zui-file-upload-teal-bg-hover-dark,oklch(70.4%_0.14_182.503_/_0.15))]\",\n  blue: \"border border-[color:var(--zui-file-upload-blue-border,#2563eb)] dark:border-[color:var(--zui-file-upload-blue-border-dark,#3b82f6)] bg-[var(--zui-file-upload-blue-bg,#2563eb14)] dark:bg-[var(--zui-file-upload-blue-bg-dark,#3b82f624)] text-[color:var(--zui-file-upload-blue-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-blue-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-blue-bg-hover,#2563eb24)] dark:hover:bg-[var(--zui-file-upload-blue-bg-hover-dark,#3b82f633)]\",\n  cyan: \"border border-[color:var(--zui-file-upload-cyan-border,#0891b2)] dark:border-[color:var(--zui-file-upload-cyan-border-dark,#22d3ee)] bg-[var(--zui-file-upload-cyan-bg,#0891b214)] dark:bg-[var(--zui-file-upload-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-file-upload-cyan-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-cyan-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-cyan-bg-hover,#0891b224)] dark:hover:bg-[var(--zui-file-upload-cyan-bg-hover-dark,#22d3ee33)]\",\n  green:\n    \"border border-[color:var(--zui-file-upload-green-border,#16a34a)] dark:border-[color:var(--zui-file-upload-green-border-dark,#22c55e)] bg-[var(--zui-file-upload-green-bg,#16a34a14)] dark:bg-[var(--zui-file-upload-green-bg-dark,#22c55e24)] text-[color:var(--zui-file-upload-green-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-green-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-green-bg-hover,#16a34a24)] dark:hover:bg-[var(--zui-file-upload-green-bg-hover-dark,#22c55e33)]\",\n  lime: \"border border-[color:var(--zui-file-upload-lime-border,#65a30d)] dark:border-[color:var(--zui-file-upload-lime-border-dark,#a3e635)] bg-[var(--zui-file-upload-lime-bg,#65a30d14)] dark:bg-[var(--zui-file-upload-lime-bg-dark,#a3e63524)] text-[color:var(--zui-file-upload-lime-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-lime-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-lime-bg-hover,#65a30d24)] dark:hover:bg-[var(--zui-file-upload-lime-bg-hover-dark,#a3e63533)]\",\n  mint: \"border border-[color:var(--zui-file-upload-mint-border,#10b981)] dark:border-[color:var(--zui-file-upload-mint-border-dark,#6ee7b7)] bg-[var(--zui-file-upload-mint-bg,#10b98114)] dark:bg-[var(--zui-file-upload-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-file-upload-mint-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-mint-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-mint-bg-hover,#10b98124)] dark:hover:bg-[var(--zui-file-upload-mint-bg-hover-dark,#6ee7b733)]\",\n  ocean:\n    \"border border-[color:var(--zui-file-upload-ocean-border,#0284c7)] dark:border-[color:var(--zui-file-upload-ocean-border-dark,#38bdf8)] bg-[var(--zui-file-upload-ocean-bg,#0284c714)] dark:bg-[var(--zui-file-upload-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-file-upload-ocean-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-ocean-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-ocean-bg-hover,#0284c724)] dark:hover:bg-[var(--zui-file-upload-ocean-bg-hover-dark,#38bdf833)]\",\n  sapphire:\n    \"border border-[color:var(--zui-file-upload-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-file-upload-sapphire-border-dark,#60a5fa)] bg-[var(--zui-file-upload-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-file-upload-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-file-upload-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-sapphire-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-sapphire-bg-hover,#1d4ed824)] dark:hover:bg-[var(--zui-file-upload-sapphire-bg-hover-dark,#60a5fa33)]\",\n  lavender:\n    \"border border-[color:var(--zui-file-upload-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-file-upload-lavender-border-dark,#a78bfa)] bg-[var(--zui-file-upload-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-file-upload-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-file-upload-lavender-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-lavender-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-lavender-bg-hover,#8b5cf624)] dark:hover:bg-[var(--zui-file-upload-lavender-bg-hover-dark,#a78bfa33)]\",\n  ruby: \"border border-[color:var(--zui-file-upload-ruby-border,#be123c)] dark:border-[color:var(--zui-file-upload-ruby-border-dark,#fb7185)] bg-[var(--zui-file-upload-ruby-bg,#be123c14)] dark:bg-[var(--zui-file-upload-ruby-bg-dark,#fb718524)] text-[color:var(--zui-file-upload-ruby-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-ruby-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-ruby-bg-hover,#be123c24)] dark:hover:bg-[var(--zui-file-upload-ruby-bg-hover-dark,#fb718533)]\",\n  red: \"border border-[color:var(--zui-file-upload-red-border,#dc2626)] dark:border-[color:var(--zui-file-upload-red-border-dark,#ef4444)] bg-[var(--zui-file-upload-red-bg,#dc262614)] dark:bg-[var(--zui-file-upload-red-bg-dark,#ef444424)] text-[color:var(--zui-file-upload-red-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-red-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-red-bg-hover,#dc262624)] dark:hover:bg-[var(--zui-file-upload-red-bg-hover-dark,#ef444433)]\",\n  slate:\n    \"border border-[color:var(--zui-file-upload-slate-border,#475569)] dark:border-[color:var(--zui-file-upload-slate-border-dark,#64748b)] bg-[var(--zui-file-upload-slate-bg,#47556914)] dark:bg-[var(--zui-file-upload-slate-bg-dark,#64748b24)] text-[color:var(--zui-file-upload-slate-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-slate-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-slate-bg-hover,#47556924)] dark:hover:bg-[var(--zui-file-upload-slate-bg-hover-dark,#64748b33)]\",\n  zinc: \"border border-[color:var(--zui-file-upload-zinc-border,#52525b)] dark:border-[color:var(--zui-file-upload-zinc-border-dark,#71717a)] bg-[var(--zui-file-upload-zinc-bg,#52525b14)] dark:bg-[var(--zui-file-upload-zinc-bg-dark,#71717a24)] text-[color:var(--zui-file-upload-zinc-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-zinc-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-zinc-bg-hover,#52525b24)] dark:hover:bg-[var(--zui-file-upload-zinc-bg-hover-dark,#71717a33)]\",\n  stone:\n    \"border border-[color:var(--zui-file-upload-stone-border,#57534e)] dark:border-[color:var(--zui-file-upload-stone-border-dark,#78716c)] bg-[var(--zui-file-upload-stone-bg,#57534e14)] dark:bg-[var(--zui-file-upload-stone-bg-dark,#78716c24)] text-[color:var(--zui-file-upload-stone-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-stone-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-stone-bg-hover,#57534e24)] dark:hover:bg-[var(--zui-file-upload-stone-bg-hover-dark,#78716c33)]\",\n  royal:\n    \"border border-[color:var(--zui-file-upload-royal-border,#4338ca)] dark:border-[color:var(--zui-file-upload-royal-border-dark,#818cf8)] bg-[var(--zui-file-upload-royal-bg,#4338ca14)] dark:bg-[var(--zui-file-upload-royal-bg-dark,#818cf824)] text-[color:var(--zui-file-upload-royal-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-royal-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-royal-bg-hover,#4338ca24)] dark:hover:bg-[var(--zui-file-upload-royal-bg-hover-dark,#818cf833)]\",\n  electric:\n    \"border border-[color:var(--zui-file-upload-electric-border,#0ea5e9)] dark:border-[color:var(--zui-file-upload-electric-border-dark,#38bdf8)] bg-[var(--zui-file-upload-electric-bg,#0ea5e914)] dark:bg-[var(--zui-file-upload-electric-bg-dark,#38bdf824)] text-[color:var(--zui-file-upload-electric-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-electric-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-electric-bg-hover,#0ea5e924)] dark:hover:bg-[var(--zui-file-upload-electric-bg-hover-dark,#38bdf833)]\",\n  forest:\n    \"border border-[color:var(--zui-file-upload-forest-border,#166534)] dark:border-[color:var(--zui-file-upload-forest-border-dark,#4ade80)] bg-[var(--zui-file-upload-forest-bg,#16653414)] dark:bg-[var(--zui-file-upload-forest-bg-dark,#4ade8024)] text-[color:var(--zui-file-upload-forest-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-forest-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-forest-bg-hover,#16653424)] dark:hover:bg-[var(--zui-file-upload-forest-bg-hover-dark,#4ade8033)]\",\n  sunset:\n    \"border border-[color:var(--zui-file-upload-sunset-border,#ea580c)] dark:border-[color:var(--zui-file-upload-sunset-border-dark,#fb923c)] bg-[var(--zui-file-upload-sunset-bg,#ea580c14)] dark:bg-[var(--zui-file-upload-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-file-upload-sunset-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-sunset-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-sunset-bg-hover,#ea580c24)] dark:hover:bg-[var(--zui-file-upload-sunset-bg-hover-dark,#fb923c33)]\",\n  magenta:\n    \"border border-[color:var(--zui-file-upload-magenta-border,#c026d3)] dark:border-[color:var(--zui-file-upload-magenta-border-dark,#e879f9)] bg-[var(--zui-file-upload-magenta-bg,#c026d314)] dark:bg-[var(--zui-file-upload-magenta-bg-dark,#e879f924)] text-[color:var(--zui-file-upload-magenta-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-magenta-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-magenta-bg-hover,#c026d324)] dark:hover:bg-[var(--zui-file-upload-magenta-bg-hover-dark,#e879f933)]\",\n  crimson:\n    \"border border-[color:var(--zui-file-upload-crimson-border,#b91c1c)] dark:border-[color:var(--zui-file-upload-crimson-border-dark,#f87171)] bg-[var(--zui-file-upload-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-file-upload-crimson-bg-dark,#f8717124)] text-[color:var(--zui-file-upload-crimson-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-crimson-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-crimson-bg-hover,#b91c1c24)] dark:hover:bg-[var(--zui-file-upload-crimson-bg-hover-dark,#f8717133)]\",\n  aqua: \"border border-[color:var(--zui-file-upload-aqua-border,#0f766e)] dark:border-[color:var(--zui-file-upload-aqua-border-dark,#2dd4bf)] bg-[var(--zui-file-upload-aqua-bg,#0f766e14)] dark:bg-[var(--zui-file-upload-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-file-upload-aqua-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-aqua-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-aqua-bg-hover,#0f766e24)] dark:hover:bg-[var(--zui-file-upload-aqua-bg-hover-dark,#2dd4bf33)]\",\n  plum: \"border border-[color:var(--zui-file-upload-plum-border,#7e22ce)] dark:border-[color:var(--zui-file-upload-plum-border-dark,#c084fc)] bg-[var(--zui-file-upload-plum-bg,#7e22ce14)] dark:bg-[var(--zui-file-upload-plum-bg-dark,#c084fc24)] text-[color:var(--zui-file-upload-plum-fg,#0f172a)] dark:text-[color:var(--zui-file-upload-plum-fg-dark,#f8fafc)] hover:bg-[var(--zui-file-upload-plum-bg-hover,#7e22ce24)] dark:hover:bg-[var(--zui-file-upload-plum-bg-hover-dark,#c084fc33)]\",\n} as const;\n"]}