@zentauri-ui/zentauri-components 2.0.0 → 2.1.0

package/dist/chunk-D7ATXPVI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/tooltip.ts"],"names":[],"mappings":";;;AAAO,IAAM,cAAA,GACX;AAEK,IAAM,kBAAA,GAAqB;AAAA,EAChC,OAAA,EACE,kUAAA;AAAA,EACF,OAAA,EACE,4TAAA;AAAA,EACF,KAAA,EACE,qVAAA;AAAA,EACF,KAAA,EACE,yfAAA;AAAA,EACF,OAAA,EACE,2VAAA;AAAA,EACF,MAAA,EACE,qVAAA;AAAA,EACF,MAAA,EACE,qVAAA;AAAA,EACF,IAAA,EAAM,qUAAA;AAAA,EACN,IAAA,EAAM,uUAAA;AAAA,EACN,GAAA,EAAK,+TAAA;AAAA,EACL,IAAA,EAAM,yUAAA;AAAA,EACN,MAAA,EACE,mVAAA;AAAA,EACF,MAAA,EACE,+UAAA;AAAA,EACF,KAAA,EACE,+UAAA;AAAA,EACF,eAAA,EACE,2kBAAA;AAAA,EACF,gBAAA,EACE,+kBAAA;AAAA,EACF,cAAA,EACE,yjBAAA;AAAA,EACF,iBAAA,EACE,mlBAAA;AAAA,EACF,iBAAA,EACE,mlBAAA;AAAA,EACF,eAAA,EACE,mkBAAA;AAAA,EACF,iBAAA,EACE,2lBAAA;AAAA,EACF,eAAA,EACE,ikBAAA;AAAA,EACF,iBAAA,EACE,6kBAAA;AAAA,EACF,IAAA,EAAM,ycAAA;AAAA,EACN,IAAA,EAAM,ycAAA;AAAA,EACN,IAAA,EAAM,ycAAA;AAAA,EACN,IAAA,EAAM,ycAAA;AAAA,EACN,KAAA,EACE,mdAAA;AAAA,EACF,QAAA,EACE,ifAAA;AAAA,EACF,QAAA,EACE,ifAAA;AAAA,EACF,IAAA,EAAM,ycAAA;AAAA,EACN,GAAA,EAAK,+bAAA;AAAA,EACL,KAAA,EACE,mdAAA;AAAA,EACF,IAAA,EAAM,ycAAA;AAAA,EACN,KAAA,EACE,mdAAA;AAAA,EACF,KAAA,EACE,mdAAA;AAAA,EACF,QAAA,EACE,ifAAA;AAAA,EACF,MAAA,EACE,6dAAA;AAAA,EACF,MAAA,EACE,6dAAA;AAAA,EACF,OAAA,EACE,ueAAA;AAAA,EACF,OAAA,EACE,ueAAA;AAAA,EACF,IAAA,EAAM,ycAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,eAAA,GAAkB;AAAA,EAC7B,EAAA,EAAI,mBAAA;AAAA,EACJ,EAAA,EAAI,qBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,gBAAA,GAAmB;AAAA,EAC9B,GAAA,EAAK,uBAAA;AAAA,EACL,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,EAAA,EAAI,sBAAA;AAAA,EACJ,KAAA,EAAO;AACT","file":"chunk-D7ATXPVI.js","sourcesContent":["export const zuiTooltipBase =\n  \"absolute z-50 rounded-md shadow-[var(--zui-tooltip-shadow,var(--zui-shadow,0_4px_6px_-1px_rgb(0_0_0_/_0.1),0_2px_4px_-2px_rgb(0_0_0_/_0.1)))] dark:shadow-[var(--zui-tooltip-shadow-dark,var(--zui-shadow-dark,0_4px_6px_-1px_rgb(0_0_0_/_0.35),0_2px_4px_-2px_rgb(0_0_0_/_0.28)))] transition-all duration-200 pointer-events-none\";\n\nexport const zuiTooltipVariants = {\n  default:\n    \"bg-[var(--zui-tooltip-default-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-tooltip-default-bg-dark,var(--zui-surface-muted-dark,#000000))] text-[color:var(--zui-tooltip-default-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-tooltip-default-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  outline:\n    \"border bg-[var(--zui-tooltip-outline-bg,var(--zui-surface-muted,#000000))] dark:bg-[var(--zui-tooltip-outline-bg-dark,var(--zui-surface-muted-dark,#ffffff))] text-[color:var(--zui-tooltip-outline-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-outline-fg-dark,var(--zui-brand-fg-dark,#000000))]\",\n  ghost:\n    \"bg-[var(--zui-tooltip-ghost-bg,var(--zui-surface-soft,oklch(27.8%_0.033_256.848)))] dark:bg-[var(--zui-tooltip-ghost-bg-dark,var(--zui-surface-soft-dark,oklch(27.8%_0.033_256.848)))] text-[color:var(--zui-tooltip-ghost-fg,var(--zui-brand-fg,#ffffffe6))] dark:text-[color:var(--zui-tooltip-ghost-fg-dark,var(--zui-brand-fg-dark,#ffffffe6))]\",\n  glass:\n    \"border border-[color:var(--zui-tooltip-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-tooltip-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-tooltip-glass-bg,var(--zui-surface-soft,#0000001a))] dark:bg-[var(--zui-tooltip-glass-bg-dark,var(--zui-surface-soft-dark,#ffffff1a))] text-[color:var(--zui-tooltip-glass-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-tooltip-glass-fg-dark,var(--zui-brand-fg-dark,#ffffff))] backdrop-blur-md\",\n  emerald:\n    \"bg-[var(--zui-tooltip-emerald-bg,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:bg-[var(--zui-tooltip-emerald-bg-dark,var(--zui-color-emerald-dark,oklch(43.2%_0.095_166.913)))] text-[color:var(--zui-tooltip-emerald-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-emerald-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  indigo:\n    \"bg-[var(--zui-tooltip-indigo-bg,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:bg-[var(--zui-tooltip-indigo-bg-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366)))] text-[color:var(--zui-tooltip-indigo-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  purple:\n    \"bg-[var(--zui-tooltip-purple-bg,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:bg-[var(--zui-tooltip-purple-bg-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-tooltip-purple-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  pink: \"bg-[var(--zui-tooltip-pink-bg,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:bg-[var(--zui-tooltip-pink-bg-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-tooltip-pink-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  rose: \"bg-[var(--zui-tooltip-rose-bg,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:bg-[var(--zui-tooltip-rose-bg-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697)))] text-[color:var(--zui-tooltip-rose-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-rose-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  sky: \"bg-[var(--zui-tooltip-sky-bg,var(--zui-color-sky,oklch(50%_0.134_242.749)))] dark:bg-[var(--zui-tooltip-sky-bg-dark,var(--zui-color-sky-dark,oklch(50%_0.134_242.749)))] text-[color:var(--zui-tooltip-sky-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-sky-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  teal: \"bg-[var(--zui-tooltip-teal-bg,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:bg-[var(--zui-tooltip-teal-bg-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216)))] text-[color:var(--zui-tooltip-teal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  yellow:\n    \"bg-[var(--zui-tooltip-yellow-bg,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:bg-[var(--zui-tooltip-yellow-bg-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] text-[color:var(--zui-tooltip-yellow-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  orange:\n    \"bg-[var(--zui-tooltip-orange-bg,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:bg-[var(--zui-tooltip-orange-bg-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] text-[color:var(--zui-tooltip-orange-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  green:\n    \"bg-[var(--zui-tooltip-green-bg,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:bg-[var(--zui-tooltip-green-bg-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328)))] text-[color:var(--zui-tooltip-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-blue\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-blue-from,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:from-[var(--zui-tooltip-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(42.4%_0.199_265.638)))] to-[var(--zui-tooltip-gradient-blue-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-tooltip-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-tooltip-gradient-blue-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-gradient-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-green\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-green-from,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:from-[var(--zui-tooltip-gradient-green-from-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328)))] to-[var(--zui-tooltip-gradient-green-to,var(--zui-color-lime,oklch(45.3%_0.124_130.933)))] dark:to-[var(--zui-tooltip-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(45.3%_0.124_130.933)))] text-[color:var(--zui-tooltip-gradient-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-gradient-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-red\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-red-from,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:from-[var(--zui-tooltip-gradient-red-from-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] to-[var(--zui-tooltip-gradient-red-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-tooltip-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-tooltip-gradient-red-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-gradient-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-yellow\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-yellow-from,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:from-[var(--zui-tooltip-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] to-[var(--zui-tooltip-gradient-yellow-to,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:to-[var(--zui-tooltip-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] text-[color:var(--zui-tooltip-gradient-yellow-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-purple\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-purple-from,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:from-[var(--zui-tooltip-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] to-[var(--zui-tooltip-gradient-purple-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-tooltip-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-tooltip-gradient-purple-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-gradient-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-teal\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-teal-from,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:from-[var(--zui-tooltip-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216)))] to-[var(--zui-tooltip-gradient-teal-to,var(--zui-color-cyan,oklch(45%_0.085_224.283)))] dark:to-[var(--zui-tooltip-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(45%_0.085_224.283)))] text-[color:var(--zui-tooltip-gradient-teal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-gradient-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-indigo\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-indigo-from,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:from-[var(--zui-tooltip-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366)))] to-[var(--zui-tooltip-gradient-indigo-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-tooltip-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-tooltip-gradient-indigo-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-pink\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-pink-from,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:from-[var(--zui-tooltip-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] to-[var(--zui-tooltip-gradient-pink-to,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:to-[var(--zui-tooltip-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697)))] text-[color:var(--zui-tooltip-gradient-pink-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-gradient-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  \"gradient-orange\":\n    \"bg-linear-to-r from-[var(--zui-tooltip-gradient-orange-from,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:from-[var(--zui-tooltip-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] to-[var(--zui-tooltip-gradient-orange-to,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:to-[var(--zui-tooltip-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] text-[color:var(--zui-tooltip-gradient-orange-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-gradient-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))]\",\n  blue: \"border border-[color:var(--zui-tooltip-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-tooltip-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-tooltip-blue-bg,var(--zui-color-blue,#2563eb14))] dark:bg-[var(--zui-tooltip-blue-bg-dark,var(--zui-color-blue-dark,#3b82f624))] text-[color:var(--zui-tooltip-blue-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-blue-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  cyan: \"border border-[color:var(--zui-tooltip-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-tooltip-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-tooltip-cyan-bg,var(--zui-color-cyan,#0891b214))] dark:bg-[var(--zui-tooltip-cyan-bg-dark,var(--zui-color-cyan-dark,#22d3ee24))] text-[color:var(--zui-tooltip-cyan-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-cyan-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  lime: \"border border-[color:var(--zui-tooltip-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-tooltip-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-tooltip-lime-bg,var(--zui-color-lime,#65a30d14))] dark:bg-[var(--zui-tooltip-lime-bg-dark,var(--zui-color-lime-dark,#a3e63524))] text-[color:var(--zui-tooltip-lime-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-lime-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  mint: \"border border-[color:var(--zui-tooltip-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-tooltip-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-tooltip-mint-bg,var(--zui-color-mint,#10b98114))] dark:bg-[var(--zui-tooltip-mint-bg-dark,var(--zui-color-mint-dark,#6ee7b724))] text-[color:var(--zui-tooltip-mint-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-mint-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  ocean:\n    \"border border-[color:var(--zui-tooltip-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-tooltip-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-tooltip-ocean-bg,var(--zui-color-ocean,#0284c714))] dark:bg-[var(--zui-tooltip-ocean-bg-dark,var(--zui-color-ocean-dark,#38bdf824))] text-[color:var(--zui-tooltip-ocean-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-ocean-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  sapphire:\n    \"border border-[color:var(--zui-tooltip-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-tooltip-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-tooltip-sapphire-bg,var(--zui-color-sapphire,#1d4ed814))] dark:bg-[var(--zui-tooltip-sapphire-bg-dark,var(--zui-color-sapphire-dark,#60a5fa24))] text-[color:var(--zui-tooltip-sapphire-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-sapphire-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  lavender:\n    \"border border-[color:var(--zui-tooltip-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-tooltip-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-tooltip-lavender-bg,var(--zui-color-lavender,#8b5cf614))] dark:bg-[var(--zui-tooltip-lavender-bg-dark,var(--zui-color-lavender-dark,#a78bfa24))] text-[color:var(--zui-tooltip-lavender-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-lavender-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  ruby: \"border border-[color:var(--zui-tooltip-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-tooltip-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-tooltip-ruby-bg,var(--zui-color-ruby,#be123c14))] dark:bg-[var(--zui-tooltip-ruby-bg-dark,var(--zui-color-ruby-dark,#fb718524))] text-[color:var(--zui-tooltip-ruby-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-ruby-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  red: \"border border-[color:var(--zui-tooltip-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-tooltip-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-tooltip-red-bg,var(--zui-color-red,#dc262614))] dark:bg-[var(--zui-tooltip-red-bg-dark,var(--zui-color-red-dark,#ef444424))] text-[color:var(--zui-tooltip-red-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-red-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  slate:\n    \"border border-[color:var(--zui-tooltip-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-tooltip-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-tooltip-slate-bg,var(--zui-color-slate,#47556914))] dark:bg-[var(--zui-tooltip-slate-bg-dark,var(--zui-color-slate-dark,#64748b24))] text-[color:var(--zui-tooltip-slate-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-slate-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  zinc: \"border border-[color:var(--zui-tooltip-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-tooltip-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-tooltip-zinc-bg,var(--zui-color-zinc,#52525b14))] dark:bg-[var(--zui-tooltip-zinc-bg-dark,var(--zui-color-zinc-dark,#71717a24))] text-[color:var(--zui-tooltip-zinc-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-zinc-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  stone:\n    \"border border-[color:var(--zui-tooltip-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-tooltip-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-tooltip-stone-bg,var(--zui-color-stone,#57534e14))] dark:bg-[var(--zui-tooltip-stone-bg-dark,var(--zui-color-stone-dark,#78716c24))] text-[color:var(--zui-tooltip-stone-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-stone-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  royal:\n    \"border border-[color:var(--zui-tooltip-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-tooltip-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-tooltip-royal-bg,var(--zui-color-royal,#4338ca14))] dark:bg-[var(--zui-tooltip-royal-bg-dark,var(--zui-color-royal-dark,#818cf824))] text-[color:var(--zui-tooltip-royal-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-royal-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  electric:\n    \"border border-[color:var(--zui-tooltip-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-tooltip-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-tooltip-electric-bg,var(--zui-color-electric,#0ea5e914))] dark:bg-[var(--zui-tooltip-electric-bg-dark,var(--zui-color-electric-dark,#38bdf824))] text-[color:var(--zui-tooltip-electric-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-electric-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  forest:\n    \"border border-[color:var(--zui-tooltip-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-tooltip-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-tooltip-forest-bg,var(--zui-color-forest,#16653414))] dark:bg-[var(--zui-tooltip-forest-bg-dark,var(--zui-color-forest-dark,#4ade8024))] text-[color:var(--zui-tooltip-forest-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-forest-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  sunset:\n    \"border border-[color:var(--zui-tooltip-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-tooltip-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-tooltip-sunset-bg,var(--zui-color-sunset,#ea580c14))] dark:bg-[var(--zui-tooltip-sunset-bg-dark,var(--zui-color-sunset-dark,#fb923c24))] text-[color:var(--zui-tooltip-sunset-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-sunset-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  magenta:\n    \"border border-[color:var(--zui-tooltip-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-tooltip-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-tooltip-magenta-bg,var(--zui-color-magenta,#c026d314))] dark:bg-[var(--zui-tooltip-magenta-bg-dark,var(--zui-color-magenta-dark,#e879f924))] text-[color:var(--zui-tooltip-magenta-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-magenta-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  crimson:\n    \"border border-[color:var(--zui-tooltip-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-tooltip-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-tooltip-crimson-bg,var(--zui-color-crimson,#b91c1c14))] dark:bg-[var(--zui-tooltip-crimson-bg-dark,var(--zui-color-crimson-dark,#f8717124))] text-[color:var(--zui-tooltip-crimson-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-crimson-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  aqua: \"border border-[color:var(--zui-tooltip-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-tooltip-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-tooltip-aqua-bg,var(--zui-color-aqua,#0f766e14))] dark:bg-[var(--zui-tooltip-aqua-bg-dark,var(--zui-color-aqua-dark,#2dd4bf24))] text-[color:var(--zui-tooltip-aqua-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-aqua-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n  plum: \"border border-[color:var(--zui-tooltip-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-tooltip-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-tooltip-plum-bg,var(--zui-color-plum,#7e22ce14))] dark:bg-[var(--zui-tooltip-plum-bg-dark,var(--zui-color-plum-dark,#c084fc24))] text-[color:var(--zui-tooltip-plum-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-plum-fg-dark,var(--zui-fg-dark,#f8fafc))]\",\n} as const;\n\nexport const zuiTooltipSizes = {\n  sm: \"text-xs px-2 py-1\",\n  md: \"text-sm px-3 py-1.5\",\n  lg: \"text-base px-4 py-2\",\n} as const;\n\nexport const zuiTooltipWidths = {\n  fit: \"min-w-75 md:min-w-fit\",\n  xs: \"min-w-75 md:min-w-xs\",\n  sm: \"min-w-75 md:min-w-sm\",\n  md: \"min-w-75 md:min-w-md\",\n  lg: \"min-w-75 md:min-w-lg\",\n  xl: \"min-w-75 md:min-w-xl\",\n  \"2xl\": \"min-w-75 md:min-w-2xl\",\n} as const;\n"]}

package/dist/chunk-DOA4ESKS.mjs

@@ -0,0 +1,58 @@
+import { zuiDropdownItemVariants, zuiDropdownItemBase, zuiDropdownSpacing } from './chunk-QX6PPTWL.mjs';
+
+// src/design-system/context-menu.ts
+var zuiContextMenuContentBase = "min-w-[220px] rounded-lg border border-[color:var(--zui-dropdown-content-border,var(--zui-border,oklch(20.8%_0.042_265.755_/_0.1)))] bg-[var(--zui-dropdown-content-bg,var(--zui-surface-muted,oklch(96.8%_0.007_247.896)))] p-2 text-[color:var(--zui-dropdown-content-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] shadow-[var(--zui-dropdown-content-shadow,var(--zui-shadow,0_10px_24px_rgba(15,23,42,0.16)))] outline-none dark:border-[color:var(--zui-dropdown-content-border-dark,var(--zui-border-dark,#ffffff1a))] dark:bg-[var(--zui-dropdown-content-bg-dark,var(--zui-surface-muted-dark,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dropdown-content-fg-dark,var(--zui-fg-dark,oklch(96.8%_0.007_247.896)))] dark:shadow-[var(--zui-dropdown-content-shadow-dark,var(--zui-shadow-dark,0_20px_48px_rgba(15,23,42,0.5)))]";
+var zuiContextMenuItemBase = zuiDropdownItemBase;
+var zuiContextMenuItemVariants = {
+  ...zuiDropdownItemVariants,
+  ghost: `${zuiDropdownItemVariants.ghost} dark:bg-[var(--zui-dropdown-item-ghost-bg-dark,transparent)]`,
+  sky: `${zuiDropdownItemVariants.sky} dark:bg-[var(--zui-dropdown-item-sky-bg-dark,color-mix(in oklch, var(--zui-color-sky-dark,oklch(29.3%_0.066_243.157)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-sky-fg-dark,var(--zui-color-sky-dark,oklch(90.1%_0.058_230.902)))] dark:hover:text-[color:var(--zui-dropdown-item-sky-fg-hover-dark,var(--zui-color-sky-dark,oklch(90.1%_0.058_230.902)))]`,
+  rose: `${zuiDropdownItemVariants.rose} dark:bg-[var(--zui-dropdown-item-rose-bg-dark,color-mix(in oklch, var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-rose-fg-dark,var(--zui-color-rose-dark,oklch(89.2%_0.058_10.001)))] dark:hover:text-[color:var(--zui-dropdown-item-rose-fg-hover-dark,var(--zui-color-rose-dark,oklch(89.2%_0.058_10.001)))]`,
+  purple: `${zuiDropdownItemVariants.purple} dark:bg-[var(--zui-dropdown-item-purple-bg-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-purple-fg-dark,var(--zui-color-purple-dark,oklch(90.2%_0.063_306.703)))] dark:hover:text-[color:var(--zui-dropdown-item-purple-fg-hover-dark,var(--zui-color-purple-dark,oklch(90.2%_0.063_306.703)))]`,
+  pink: `${zuiDropdownItemVariants.pink} dark:bg-[var(--zui-dropdown-item-pink-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-pink-fg-dark,var(--zui-color-pink-dark,oklch(89.9%_0.061_343.231)))] dark:hover:text-[color:var(--zui-dropdown-item-pink-fg-hover-dark,var(--zui-color-pink-dark,oklch(89.9%_0.061_343.231)))]`,
+  orange: `${zuiDropdownItemVariants.orange} dark:bg-[var(--zui-dropdown-item-orange-bg-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-orange-fg-dark,var(--zui-color-orange-dark,oklch(90.1%_0.076_70.697)))] dark:hover:text-[color:var(--zui-dropdown-item-orange-fg-hover-dark,var(--zui-color-orange-dark,oklch(90.1%_0.076_70.697)))]`,
+  yellow: `${zuiDropdownItemVariants.yellow} dark:bg-[var(--zui-dropdown-item-yellow-bg-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(94.5%_0.129_101.54)))] dark:hover:text-[color:var(--zui-dropdown-item-yellow-fg-hover-dark,var(--zui-color-yellow-dark,oklch(94.5%_0.129_101.54)))]`,
+  teal: `${zuiDropdownItemVariants.teal} dark:bg-[var(--zui-dropdown-item-teal-bg-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-teal-fg-dark,var(--zui-color-teal-dark,oklch(91%_0.096_180.426)))] dark:hover:text-[color:var(--zui-dropdown-item-teal-fg-hover-dark,var(--zui-color-teal-dark,oklch(91%_0.096_180.426)))]`,
+  indigo: `${zuiDropdownItemVariants.indigo} dark:bg-[var(--zui-dropdown-item-indigo-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(87%_0.065_274.039)))] dark:hover:text-[color:var(--zui-dropdown-item-indigo-fg-hover-dark,var(--zui-color-indigo-dark,oklch(87%_0.065_274.039)))]`,
+  emerald: `${zuiDropdownItemVariants.emerald} dark:bg-[var(--zui-dropdown-item-emerald-bg-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(26.2%_0.051_172.552)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(90.5%_0.093_164.15)))] dark:hover:text-[color:var(--zui-dropdown-item-emerald-fg-hover-dark,var(--zui-color-emerald-dark,oklch(90.5%_0.093_164.15)))]`,
+  gray: `${zuiDropdownItemVariants.gray} dark:bg-[var(--zui-dropdown-item-gray-bg-dark,color-mix(in oklch, var(--zui-color-gray-dark,oklch(13%_0.028_261.692)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-gray-fg-dark,var(--zui-color-gray-dark,oklch(92.8%_0.006_264.531)))] dark:hover:text-[color:var(--zui-dropdown-item-gray-fg-hover-dark,var(--zui-color-gray-dark,oklch(92.8%_0.006_264.531)))]`,
+  amber: `${zuiDropdownItemVariants.amber} dark:bg-[var(--zui-dropdown-item-amber-bg-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(27.9%_0.077_45.635)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-amber-fg-dark,var(--zui-color-amber-dark,oklch(92.4%_0.12_95.746)))] dark:hover:text-[color:var(--zui-dropdown-item-amber-fg-hover-dark,var(--zui-color-amber-dark,oklch(92.4%_0.12_95.746)))]`,
+  violet: `${zuiDropdownItemVariants.violet} dark:bg-[var(--zui-dropdown-item-violet-bg-dark,color-mix(in oklch, var(--zui-color-violet-dark,oklch(28.3%_0.141_291.089)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-violet-fg-dark,var(--zui-color-violet-dark,oklch(89.4%_0.057_293.283)))] dark:hover:text-[color:var(--zui-dropdown-item-violet-fg-hover-dark,var(--zui-color-violet-dark,oklch(89.4%_0.057_293.283)))]`,
+  "gradient-blue": `${zuiDropdownItemVariants["gradient-blue"]} dark:from-[var(--zui-dropdown-item-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(28.2%_0.091_267.935)))] dark:to-[var(--zui-dropdown-item-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717)))]`,
+  "gradient-green": `${zuiDropdownItemVariants["gradient-green"]} dark:from-[var(--zui-dropdown-item-gradient-green-from-dark,var(--zui-color-green-dark,oklch(26.6%_0.065_152.934)))] dark:to-[var(--zui-dropdown-item-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(27.4%_0.072_132.109)))]`,
+  "gradient-red": `${zuiDropdownItemVariants["gradient-red"]} dark:from-[var(--zui-dropdown-item-gradient-red-from-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042)))] dark:to-[var(--zui-dropdown-item-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907)))]`,
+  "gradient-yellow": `${zuiDropdownItemVariants["gradient-yellow"]} dark:from-[var(--zui-dropdown-item-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813)))] dark:to-[var(--zui-dropdown-item-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259)))]`,
+  "gradient-purple": `${zuiDropdownItemVariants["gradient-purple"]} dark:from-[var(--zui-dropdown-item-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717)))] dark:to-[var(--zui-dropdown-item-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907)))]`,
+  "gradient-teal": `${zuiDropdownItemVariants["gradient-teal"]} dark:from-[var(--zui-dropdown-item-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524)))] dark:to-[var(--zui-dropdown-item-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(30.2%_0.056_229.695)))]`,
+  "gradient-indigo": `${zuiDropdownItemVariants["gradient-indigo"]} dark:from-[var(--zui-dropdown-item-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288)))] dark:to-[var(--zui-dropdown-item-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717)))]`,
+  "gradient-pink": `${zuiDropdownItemVariants["gradient-pink"]} dark:from-[var(--zui-dropdown-item-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907)))] dark:to-[var(--zui-dropdown-item-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094)))]`,
+  "gradient-orange": `${zuiDropdownItemVariants["gradient-orange"]} dark:from-[var(--zui-dropdown-item-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259)))] dark:to-[var(--zui-dropdown-item-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042)))]`,
+  blue: zuiDropdownItemVariants.blue,
+  cyan: zuiDropdownItemVariants.cyan,
+  green: zuiDropdownItemVariants.green,
+  lime: zuiDropdownItemVariants.lime,
+  mint: zuiDropdownItemVariants.mint,
+  ocean: zuiDropdownItemVariants.ocean,
+  sapphire: zuiDropdownItemVariants.sapphire,
+  lavender: zuiDropdownItemVariants.lavender,
+  ruby: zuiDropdownItemVariants.ruby,
+  red: zuiDropdownItemVariants.red,
+  slate: zuiDropdownItemVariants.slate,
+  zinc: zuiDropdownItemVariants.zinc,
+  stone: zuiDropdownItemVariants.stone,
+  royal: zuiDropdownItemVariants.royal,
+  electric: zuiDropdownItemVariants.electric,
+  forest: zuiDropdownItemVariants.forest,
+  sunset: zuiDropdownItemVariants.sunset,
+  magenta: zuiDropdownItemVariants.magenta,
+  crimson: zuiDropdownItemVariants.crimson,
+  aqua: zuiDropdownItemVariants.aqua,
+  plum: zuiDropdownItemVariants.plum
+};
+var zuiContextMenuSpacing = zuiDropdownSpacing;
+var zuiContextMenuLabelBase = "px-3 py-2 text-xs font-semibold uppercase tracking-[0.18em] text-[color:var(--zui-dropdown-label-fg,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:text-[color:var(--zui-dropdown-label-fg-dark,var(--zui-fg-muted-dark,oklch(70.7%_0.022_261.325)))]";
+var zuiContextMenuSeparatorBase = "my-1 h-px bg-[var(--zui-dropdown-separator-bg,var(--zui-border,oklch(20.8%_0.042_265.755_/_0.12)))] dark:bg-[var(--zui-dropdown-separator-bg-dark,var(--zui-border-dark,#ffffff1a))]";
+
+export { zuiContextMenuContentBase, zuiContextMenuItemBase, zuiContextMenuItemVariants, zuiContextMenuLabelBase, zuiContextMenuSeparatorBase, zuiContextMenuSpacing };
+//# sourceMappingURL=chunk-DOA4ESKS.mjs.map
+//# sourceMappingURL=chunk-DOA4ESKS.mjs.map

package/dist/chunk-DOA4ESKS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/context-menu.ts"],"names":[],"mappings":";;;AAMO,IAAM,yBAAA,GACX;AAEK,IAAM,sBAAA,GAAyB;AAE/B,IAAM,0BAAA,GAA6B;AAAA,EACxC,GAAG,uBAAA;AAAA,EACH,KAAA,EAAO,CAAA,EAAG,uBAAA,CAAwB,KAAK,CAAA,6DAAA,CAAA;AAAA,EACvC,GAAA,EAAK,CAAA,EAAG,uBAAA,CAAwB,GAAG,CAAA,8WAAA,CAAA;AAAA,EACnC,IAAA,EAAM,CAAA,EAAG,uBAAA,CAAwB,IAAI,CAAA,iXAAA,CAAA;AAAA,EACrC,MAAA,EAAQ,CAAA,EAAG,uBAAA,CAAwB,MAAM,CAAA,gYAAA,CAAA;AAAA,EACzC,IAAA,EAAM,CAAA,EAAG,uBAAA,CAAwB,IAAI,CAAA,kXAAA,CAAA;AAAA,EACrC,MAAA,EAAQ,CAAA,EAAG,uBAAA,CAAwB,MAAM,CAAA,6XAAA,CAAA;AAAA,EACzC,MAAA,EAAQ,CAAA,EAAG,uBAAA,CAAwB,MAAM,CAAA,6XAAA,CAAA;AAAA,EACzC,IAAA,EAAM,CAAA,EAAG,uBAAA,CAAwB,IAAI,CAAA,gXAAA,CAAA;AAAA,EACrC,MAAA,EAAQ,CAAA,EAAG,uBAAA,CAAwB,MAAM,CAAA,2XAAA,CAAA;AAAA,EACzC,OAAA,EAAS,CAAA,EAAG,uBAAA,CAAwB,OAAO,CAAA,oYAAA,CAAA;AAAA,EAC3C,IAAA,EAAM,CAAA,EAAG,uBAAA,CAAwB,IAAI,CAAA,kXAAA,CAAA;AAAA,EACrC,KAAA,EAAO,CAAA,EAAG,uBAAA,CAAwB,KAAK,CAAA,qXAAA,CAAA;AAAA,EACvC,MAAA,EAAQ,CAAA,EAAG,uBAAA,CAAwB,MAAM,CAAA,gYAAA,CAAA;AAAA,EACzC,eAAA,EAAiB,CAAA,EAAG,uBAAA,CAAwB,eAAe,CAAC,CAAA,oOAAA,CAAA;AAAA,EAC5D,gBAAA,EAAkB,CAAA,EAAG,uBAAA,CAAwB,gBAAgB,CAAC,CAAA,qOAAA,CAAA;AAAA,EAC9D,cAAA,EAAgB,CAAA,EAAG,uBAAA,CAAwB,cAAc,CAAC,CAAA,4NAAA,CAAA;AAAA,EAC1D,iBAAA,EAAmB,CAAA,EAAG,uBAAA,CAAwB,iBAAiB,CAAC,CAAA,wOAAA,CAAA;AAAA,EAChE,iBAAA,EAAmB,CAAA,EAAG,uBAAA,CAAwB,iBAAiB,CAAC,CAAA,sOAAA,CAAA;AAAA,EAChE,eAAA,EAAiB,CAAA,EAAG,uBAAA,CAAwB,eAAe,CAAC,CAAA,kOAAA,CAAA;AAAA,EAC5D,iBAAA,EAAmB,CAAA,EAAG,uBAAA,CAAwB,iBAAiB,CAAC,CAAA,yOAAA,CAAA;AAAA,EAChE,eAAA,EAAiB,CAAA,EAAG,uBAAA,CAAwB,eAAe,CAAC,CAAA,+NAAA,CAAA;AAAA,EAC5D,iBAAA,EAAmB,CAAA,EAAG,uBAAA,CAAwB,iBAAiB,CAAC,CAAA,qOAAA,CAAA;AAAA,EAChE,MAAM,uBAAA,CAAwB,IAAA;AAAA,EAC9B,MAAM,uBAAA,CAAwB,IAAA;AAAA,EAC9B,OAAO,uBAAA,CAAwB,KAAA;AAAA,EAC/B,MAAM,uBAAA,CAAwB,IAAA;AAAA,EAC9B,MAAM,uBAAA,CAAwB,IAAA;AAAA,EAC9B,OAAO,uBAAA,CAAwB,KAAA;AAAA,EAC/B,UAAU,uBAAA,CAAwB,QAAA;AAAA,EAClC,UAAU,uBAAA,CAAwB,QAAA;AAAA,EAClC,MAAM,uBAAA,CAAwB,IAAA;AAAA,EAC9B,KAAK,uBAAA,CAAwB,GAAA;AAAA,EAC7B,OAAO,uBAAA,CAAwB,KAAA;AAAA,EAC/B,MAAM,uBAAA,CAAwB,IAAA;AAAA,EAC9B,OAAO,uBAAA,CAAwB,KAAA;AAAA,EAC/B,OAAO,uBAAA,CAAwB,KAAA;AAAA,EAC/B,UAAU,uBAAA,CAAwB,QAAA;AAAA,EAClC,QAAQ,uBAAA,CAAwB,MAAA;AAAA,EAChC,QAAQ,uBAAA,CAAwB,MAAA;AAAA,EAChC,SAAS,uBAAA,CAAwB,OAAA;AAAA,EACjC,SAAS,uBAAA,CAAwB,OAAA;AAAA,EACjC,MAAM,uBAAA,CAAwB,IAAA;AAAA,EAC9B,MAAM,uBAAA,CAAwB;AAChC;AAEO,IAAM,qBAAA,GAAwB;AAE9B,IAAM,uBAAA,GACX;AAEK,IAAM,2BAAA,GACX","file":"chunk-DOA4ESKS.mjs","sourcesContent":["import {\n  zuiDropdownItemBase,\n  zuiDropdownItemVariants,\n  zuiDropdownSpacing,\n} from \"./dropdown\";\n\nexport const zuiContextMenuContentBase =\n  \"min-w-[220px] rounded-lg border border-[color:var(--zui-dropdown-content-border,var(--zui-border,oklch(20.8%_0.042_265.755_/_0.1)))] bg-[var(--zui-dropdown-content-bg,var(--zui-surface-muted,oklch(96.8%_0.007_247.896)))] p-2 text-[color:var(--zui-dropdown-content-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] shadow-[var(--zui-dropdown-content-shadow,var(--zui-shadow,0_10px_24px_rgba(15,23,42,0.16)))] outline-none dark:border-[color:var(--zui-dropdown-content-border-dark,var(--zui-border-dark,#ffffff1a))] dark:bg-[var(--zui-dropdown-content-bg-dark,var(--zui-surface-muted-dark,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dropdown-content-fg-dark,var(--zui-fg-dark,oklch(96.8%_0.007_247.896)))] dark:shadow-[var(--zui-dropdown-content-shadow-dark,var(--zui-shadow-dark,0_20px_48px_rgba(15,23,42,0.5)))]\";\n\nexport const zuiContextMenuItemBase = zuiDropdownItemBase;\n\nexport const zuiContextMenuItemVariants = {\n  ...zuiDropdownItemVariants,\n  ghost: `${zuiDropdownItemVariants.ghost} dark:bg-[var(--zui-dropdown-item-ghost-bg-dark,transparent)]`,\n  sky: `${zuiDropdownItemVariants.sky} dark:bg-[var(--zui-dropdown-item-sky-bg-dark,color-mix(in oklch, var(--zui-color-sky-dark,oklch(29.3%_0.066_243.157)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-sky-fg-dark,var(--zui-color-sky-dark,oklch(90.1%_0.058_230.902)))] dark:hover:text-[color:var(--zui-dropdown-item-sky-fg-hover-dark,var(--zui-color-sky-dark,oklch(90.1%_0.058_230.902)))]`,\n  rose: `${zuiDropdownItemVariants.rose} dark:bg-[var(--zui-dropdown-item-rose-bg-dark,color-mix(in oklch, var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-rose-fg-dark,var(--zui-color-rose-dark,oklch(89.2%_0.058_10.001)))] dark:hover:text-[color:var(--zui-dropdown-item-rose-fg-hover-dark,var(--zui-color-rose-dark,oklch(89.2%_0.058_10.001)))]`,\n  purple: `${zuiDropdownItemVariants.purple} dark:bg-[var(--zui-dropdown-item-purple-bg-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-purple-fg-dark,var(--zui-color-purple-dark,oklch(90.2%_0.063_306.703)))] dark:hover:text-[color:var(--zui-dropdown-item-purple-fg-hover-dark,var(--zui-color-purple-dark,oklch(90.2%_0.063_306.703)))]`,\n  pink: `${zuiDropdownItemVariants.pink} dark:bg-[var(--zui-dropdown-item-pink-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-pink-fg-dark,var(--zui-color-pink-dark,oklch(89.9%_0.061_343.231)))] dark:hover:text-[color:var(--zui-dropdown-item-pink-fg-hover-dark,var(--zui-color-pink-dark,oklch(89.9%_0.061_343.231)))]`,\n  orange: `${zuiDropdownItemVariants.orange} dark:bg-[var(--zui-dropdown-item-orange-bg-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-orange-fg-dark,var(--zui-color-orange-dark,oklch(90.1%_0.076_70.697)))] dark:hover:text-[color:var(--zui-dropdown-item-orange-fg-hover-dark,var(--zui-color-orange-dark,oklch(90.1%_0.076_70.697)))]`,\n  yellow: `${zuiDropdownItemVariants.yellow} dark:bg-[var(--zui-dropdown-item-yellow-bg-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(94.5%_0.129_101.54)))] dark:hover:text-[color:var(--zui-dropdown-item-yellow-fg-hover-dark,var(--zui-color-yellow-dark,oklch(94.5%_0.129_101.54)))]`,\n  teal: `${zuiDropdownItemVariants.teal} dark:bg-[var(--zui-dropdown-item-teal-bg-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-teal-fg-dark,var(--zui-color-teal-dark,oklch(91%_0.096_180.426)))] dark:hover:text-[color:var(--zui-dropdown-item-teal-fg-hover-dark,var(--zui-color-teal-dark,oklch(91%_0.096_180.426)))]`,\n  indigo: `${zuiDropdownItemVariants.indigo} dark:bg-[var(--zui-dropdown-item-indigo-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(87%_0.065_274.039)))] dark:hover:text-[color:var(--zui-dropdown-item-indigo-fg-hover-dark,var(--zui-color-indigo-dark,oklch(87%_0.065_274.039)))]`,\n  emerald: `${zuiDropdownItemVariants.emerald} dark:bg-[var(--zui-dropdown-item-emerald-bg-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(26.2%_0.051_172.552)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(90.5%_0.093_164.15)))] dark:hover:text-[color:var(--zui-dropdown-item-emerald-fg-hover-dark,var(--zui-color-emerald-dark,oklch(90.5%_0.093_164.15)))]`,\n  gray: `${zuiDropdownItemVariants.gray} dark:bg-[var(--zui-dropdown-item-gray-bg-dark,color-mix(in oklch, var(--zui-color-gray-dark,oklch(13%_0.028_261.692)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-gray-fg-dark,var(--zui-color-gray-dark,oklch(92.8%_0.006_264.531)))] dark:hover:text-[color:var(--zui-dropdown-item-gray-fg-hover-dark,var(--zui-color-gray-dark,oklch(92.8%_0.006_264.531)))]`,\n  amber: `${zuiDropdownItemVariants.amber} dark:bg-[var(--zui-dropdown-item-amber-bg-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(27.9%_0.077_45.635)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-amber-fg-dark,var(--zui-color-amber-dark,oklch(92.4%_0.12_95.746)))] dark:hover:text-[color:var(--zui-dropdown-item-amber-fg-hover-dark,var(--zui-color-amber-dark,oklch(92.4%_0.12_95.746)))]`,\n  violet: `${zuiDropdownItemVariants.violet} dark:bg-[var(--zui-dropdown-item-violet-bg-dark,color-mix(in oklch, var(--zui-color-violet-dark,oklch(28.3%_0.141_291.089)) 18%, transparent))] dark:text-[color:var(--zui-dropdown-item-violet-fg-dark,var(--zui-color-violet-dark,oklch(89.4%_0.057_293.283)))] dark:hover:text-[color:var(--zui-dropdown-item-violet-fg-hover-dark,var(--zui-color-violet-dark,oklch(89.4%_0.057_293.283)))]`,\n  \"gradient-blue\": `${zuiDropdownItemVariants[\"gradient-blue\"]} dark:from-[var(--zui-dropdown-item-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(28.2%_0.091_267.935)))] dark:to-[var(--zui-dropdown-item-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717)))]`,\n  \"gradient-green\": `${zuiDropdownItemVariants[\"gradient-green\"]} dark:from-[var(--zui-dropdown-item-gradient-green-from-dark,var(--zui-color-green-dark,oklch(26.6%_0.065_152.934)))] dark:to-[var(--zui-dropdown-item-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(27.4%_0.072_132.109)))]`,\n  \"gradient-red\": `${zuiDropdownItemVariants[\"gradient-red\"]} dark:from-[var(--zui-dropdown-item-gradient-red-from-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042)))] dark:to-[var(--zui-dropdown-item-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907)))]`,\n  \"gradient-yellow\": `${zuiDropdownItemVariants[\"gradient-yellow\"]} dark:from-[var(--zui-dropdown-item-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813)))] dark:to-[var(--zui-dropdown-item-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259)))]`,\n  \"gradient-purple\": `${zuiDropdownItemVariants[\"gradient-purple\"]} dark:from-[var(--zui-dropdown-item-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717)))] dark:to-[var(--zui-dropdown-item-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907)))]`,\n  \"gradient-teal\": `${zuiDropdownItemVariants[\"gradient-teal\"]} dark:from-[var(--zui-dropdown-item-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524)))] dark:to-[var(--zui-dropdown-item-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(30.2%_0.056_229.695)))]`,\n  \"gradient-indigo\": `${zuiDropdownItemVariants[\"gradient-indigo\"]} dark:from-[var(--zui-dropdown-item-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288)))] dark:to-[var(--zui-dropdown-item-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717)))]`,\n  \"gradient-pink\": `${zuiDropdownItemVariants[\"gradient-pink\"]} dark:from-[var(--zui-dropdown-item-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907)))] dark:to-[var(--zui-dropdown-item-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094)))]`,\n  \"gradient-orange\": `${zuiDropdownItemVariants[\"gradient-orange\"]} dark:from-[var(--zui-dropdown-item-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259)))] dark:to-[var(--zui-dropdown-item-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042)))]`,\n  blue: zuiDropdownItemVariants.blue,\n  cyan: zuiDropdownItemVariants.cyan,\n  green: zuiDropdownItemVariants.green,\n  lime: zuiDropdownItemVariants.lime,\n  mint: zuiDropdownItemVariants.mint,\n  ocean: zuiDropdownItemVariants.ocean,\n  sapphire: zuiDropdownItemVariants.sapphire,\n  lavender: zuiDropdownItemVariants.lavender,\n  ruby: zuiDropdownItemVariants.ruby,\n  red: zuiDropdownItemVariants.red,\n  slate: zuiDropdownItemVariants.slate,\n  zinc: zuiDropdownItemVariants.zinc,\n  stone: zuiDropdownItemVariants.stone,\n  royal: zuiDropdownItemVariants.royal,\n  electric: zuiDropdownItemVariants.electric,\n  forest: zuiDropdownItemVariants.forest,\n  sunset: zuiDropdownItemVariants.sunset,\n  magenta: zuiDropdownItemVariants.magenta,\n  crimson: zuiDropdownItemVariants.crimson,\n  aqua: zuiDropdownItemVariants.aqua,\n  plum: zuiDropdownItemVariants.plum,\n} as const;\n\nexport const zuiContextMenuSpacing = zuiDropdownSpacing;\n\nexport const zuiContextMenuLabelBase =\n  \"px-3 py-2 text-xs font-semibold uppercase tracking-[0.18em] text-[color:var(--zui-dropdown-label-fg,var(--zui-fg-muted,oklch(55.1%_0.027_264.364)))] dark:text-[color:var(--zui-dropdown-label-fg-dark,var(--zui-fg-muted-dark,oklch(70.7%_0.022_261.325)))]\";\n\nexport const zuiContextMenuSeparatorBase =\n  \"my-1 h-px bg-[var(--zui-dropdown-separator-bg,var(--zui-border,oklch(20.8%_0.042_265.755_/_0.12)))] dark:bg-[var(--zui-dropdown-separator-bg-dark,var(--zui-border-dark,#ffffff1a))]\";\n"]}

package/dist/{chunk-QIUVXTLE.mjs → chunk-DSGPPYZ3.mjs}

@@ -1,4 +1,4 @@
-import { zuiRadioGroupRootBase, zuiRadioGroupOrientations, zuiRadioGroupItemBase, zuiRadioGroupSizes, zuiRadioGroupControlBase, zuiRadioGroupAppearances, zuiRadioGroupIndicatorBase } from './chunk-YDKAE7RM.mjs';
+import { zuiRadioGroupRootBase, zuiRadioGroupOrientations, zuiRadioGroupItemBase, zuiRadioGroupSizes, zuiRadioGroupControlBase, zuiRadioGroupAppearances, zuiRadioGroupIndicatorBase } from './chunk-523VQLCW.mjs';
 import { cva } from 'class-variance-authority';
 import { createContext, useContext } from 'react';
 
@@ -56,5 +56,5 @@ function useRadioGroupContext() {
 }
 
 export { RadioGroupContext, radioGroupControlVariants, radioGroupIndicatorVariants, radioGroupItemVariants, radioGroupRootVariants, useRadioGroupContext };
-//# sourceMappingURL=chunk-QIUVXTLE.mjs.map
-//# sourceMappingURL=chunk-QIUVXTLE.mjs.map
+//# sourceMappingURL=chunk-DSGPPYZ3.mjs.map
+//# sourceMappingURL=chunk-DSGPPYZ3.mjs.map

package/dist/{chunk-QIUVXTLE.mjs.map → chunk-DSGPPYZ3.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/radio-group/variants.ts","../src/ui/radio-group/radio-group-context.ts"],"names":[],"mappings":";;;;AAYO,IAAM,sBAAA,GAAyB,IAAI,qBAAA,EAAuB;AAAA,EAC/D,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,GACf;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa;AAAA;AAEjB,CAAC;AAEM,IAAM,sBAAA,GAAyB,IAAI,qBAAA,EAAuB;AAAA,EAC/D,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,mBAAmB,EAAA,CAAG,IAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG,IAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG;AAAA;AAC5B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,yBAAA,GAA4B,IAAI,wBAAA,EAA0B;AAAA,EACrE,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,wBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,mBAAmB,EAAA,CAAG,OAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG,OAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG;AAAA;AAC5B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,2BAAA,GAA8B,IAAI,0BAAA,EAA4B;AAAA,EACzE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,mBAAmB,EAAA,CAAG,SAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG,SAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG;AAAA;AAC5B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AC5CM,IAAM,iBAAA,GAAoB,aAAA;AAAA,EAC/B;AACF;AAEO,SAAS,oBAAA,GAAuB;AACrC,EAAA,OAAO,WAAW,iBAAiB,CAAA;AACrC","file":"chunk-QIUVXTLE.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiRadioGroupAppearances,\n  zuiRadioGroupControlBase,\n  zuiRadioGroupIndicatorBase,\n  zuiRadioGroupItemBase,\n  zuiRadioGroupOrientations,\n  zuiRadioGroupRootBase,\n  zuiRadioGroupSizes,\n} from \"../../design-system/radio-group\";\n\nexport const radioGroupRootVariants = cva(zuiRadioGroupRootBase, {\n  variants: {\n    orientation: zuiRadioGroupOrientations,\n  },\n  defaultVariants: {\n    orientation: \"vertical\",\n  },\n});\n\nexport const radioGroupItemVariants = cva(zuiRadioGroupItemBase, {\n  variants: {\n    size: {\n      sm: zuiRadioGroupSizes.sm.item,\n      md: zuiRadioGroupSizes.md.item,\n      lg: zuiRadioGroupSizes.lg.item,\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const radioGroupControlVariants = cva(zuiRadioGroupControlBase, {\n  variants: {\n    appearance: zuiRadioGroupAppearances,\n    size: {\n      sm: zuiRadioGroupSizes.sm.control,\n      md: zuiRadioGroupSizes.md.control,\n      lg: zuiRadioGroupSizes.lg.control,\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const radioGroupIndicatorVariants = cva(zuiRadioGroupIndicatorBase, {\n  variants: {\n    size: {\n      sm: zuiRadioGroupSizes.sm.indicator,\n      md: zuiRadioGroupSizes.md.indicator,\n      lg: zuiRadioGroupSizes.lg.indicator,\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nimport type { RadioGroupAppearance, RadioGroupSize } from \"./types\";\n\nexport type RadioGroupContextValue = {\n  value: string | undefined;\n  name: string;\n  disabled?: boolean;\n  required?: boolean;\n  appearance?: RadioGroupAppearance;\n  size?: RadioGroupSize;\n  onValueChange: (value: string) => void;\n};\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | null>(\n  null,\n);\n\nexport function useRadioGroupContext() {\n  return useContext(RadioGroupContext);\n}\n"]}
+{"version":3,"sources":["../src/ui/radio-group/variants.ts","../src/ui/radio-group/radio-group-context.ts"],"names":[],"mappings":";;;;AAYO,IAAM,sBAAA,GAAyB,IAAI,qBAAA,EAAuB;AAAA,EAC/D,QAAA,EAAU;AAAA,IACR,WAAA,EAAa;AAAA,GACf;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,WAAA,EAAa;AAAA;AAEjB,CAAC;AAEM,IAAM,sBAAA,GAAyB,IAAI,qBAAA,EAAuB;AAAA,EAC/D,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,mBAAmB,EAAA,CAAG,IAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG,IAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG;AAAA;AAC5B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,yBAAA,GAA4B,IAAI,wBAAA,EAA0B;AAAA,EACrE,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,wBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,mBAAmB,EAAA,CAAG,OAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG,OAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG;AAAA;AAC5B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,2BAAA,GAA8B,IAAI,0BAAA,EAA4B;AAAA,EACzE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAI,mBAAmB,EAAA,CAAG,SAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG,SAAA;AAAA,MAC1B,EAAA,EAAI,mBAAmB,EAAA,CAAG;AAAA;AAC5B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC;AC5CM,IAAM,iBAAA,GAAoB,aAAA;AAAA,EAC/B;AACF;AAEO,SAAS,oBAAA,GAAuB;AACrC,EAAA,OAAO,WAAW,iBAAiB,CAAA;AACrC","file":"chunk-DSGPPYZ3.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiRadioGroupAppearances,\n  zuiRadioGroupControlBase,\n  zuiRadioGroupIndicatorBase,\n  zuiRadioGroupItemBase,\n  zuiRadioGroupOrientations,\n  zuiRadioGroupRootBase,\n  zuiRadioGroupSizes,\n} from \"../../design-system/radio-group\";\n\nexport const radioGroupRootVariants = cva(zuiRadioGroupRootBase, {\n  variants: {\n    orientation: zuiRadioGroupOrientations,\n  },\n  defaultVariants: {\n    orientation: \"vertical\",\n  },\n});\n\nexport const radioGroupItemVariants = cva(zuiRadioGroupItemBase, {\n  variants: {\n    size: {\n      sm: zuiRadioGroupSizes.sm.item,\n      md: zuiRadioGroupSizes.md.item,\n      lg: zuiRadioGroupSizes.lg.item,\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport const radioGroupControlVariants = cva(zuiRadioGroupControlBase, {\n  variants: {\n    appearance: zuiRadioGroupAppearances,\n    size: {\n      sm: zuiRadioGroupSizes.sm.control,\n      md: zuiRadioGroupSizes.md.control,\n      lg: zuiRadioGroupSizes.lg.control,\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const radioGroupIndicatorVariants = cva(zuiRadioGroupIndicatorBase, {\n  variants: {\n    size: {\n      sm: zuiRadioGroupSizes.sm.indicator,\n      md: zuiRadioGroupSizes.md.indicator,\n      lg: zuiRadioGroupSizes.lg.indicator,\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nimport type { RadioGroupAppearance, RadioGroupSize } from \"./types\";\n\nexport type RadioGroupContextValue = {\n  value: string | undefined;\n  name: string;\n  disabled?: boolean;\n  required?: boolean;\n  appearance?: RadioGroupAppearance;\n  size?: RadioGroupSize;\n  onValueChange: (value: string) => void;\n};\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | null>(\n  null,\n);\n\nexport function useRadioGroupContext() {\n  return useContext(RadioGroupContext);\n}\n"]}

package/dist/chunk-DYSXCJGL.js

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

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

package/dist/{chunk-P2DQP4J4.js → chunk-EDJ6TVL3.js}

@@ -1,19 +1,19 @@
 'use strict';
 
-var chunk44G3U35C_js = require('./chunk-44G3U35C.js');
+var chunkNNGL2AFQ_js = require('./chunk-NNGL2AFQ.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 skeletonShimmerGradientClasses = chunk44G3U35C_js.zuiSkeletonShimmerGradientClasses;
-var skeletonVariants = classVarianceAuthority.cva(chunk44G3U35C_js.zuiSkeletonBase, {
+var skeletonShimmerGradientClasses = chunkNNGL2AFQ_js.zuiSkeletonShimmerGradientClasses;
+var skeletonVariants = classVarianceAuthority.cva(chunkNNGL2AFQ_js.zuiSkeletonBase, {
   variants: {
-    appearance: chunk44G3U35C_js.zuiSkeletonAppearances,
-    size: chunk44G3U35C_js.zuiSkeletonSizes,
-    rounded: chunk44G3U35C_js.zuiSkeletonRounded,
-    animation: chunk44G3U35C_js.zuiSkeletonAnimations,
-    shimmerTone: chunk44G3U35C_js.zuiSkeletonShimmerTones
+    appearance: chunkNNGL2AFQ_js.zuiSkeletonAppearances,
+    size: chunkNNGL2AFQ_js.zuiSkeletonSizes,
+    rounded: chunkNNGL2AFQ_js.zuiSkeletonRounded,
+    animation: chunkNNGL2AFQ_js.zuiSkeletonAnimations,
+    shimmerTone: chunkNNGL2AFQ_js.zuiSkeletonShimmerTones
   },
   compoundVariants: [
     {
@@ -136,6 +136,111 @@ var skeletonVariants = classVarianceAuthority.cva(chunk44G3U35C_js.zuiSkeletonBa
       shimmerTone: "gradient-orange",
       class: skeletonShimmerGradientClasses["gradient-orange"]
     },
+    {
+      animation: "shimmer",
+      shimmerTone: "blue",
+      class: skeletonShimmerGradientClasses.blue
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "cyan",
+      class: skeletonShimmerGradientClasses.cyan
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "green",
+      class: skeletonShimmerGradientClasses.green
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "lime",
+      class: skeletonShimmerGradientClasses.lime
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "mint",
+      class: skeletonShimmerGradientClasses.mint
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "ocean",
+      class: skeletonShimmerGradientClasses.ocean
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "sapphire",
+      class: skeletonShimmerGradientClasses.sapphire
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "lavender",
+      class: skeletonShimmerGradientClasses.lavender
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "ruby",
+      class: skeletonShimmerGradientClasses.ruby
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "red",
+      class: skeletonShimmerGradientClasses.red
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "slate",
+      class: skeletonShimmerGradientClasses.slate
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "zinc",
+      class: skeletonShimmerGradientClasses.zinc
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "stone",
+      class: skeletonShimmerGradientClasses.stone
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "royal",
+      class: skeletonShimmerGradientClasses.royal
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "electric",
+      class: skeletonShimmerGradientClasses.electric
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "forest",
+      class: skeletonShimmerGradientClasses.forest
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "sunset",
+      class: skeletonShimmerGradientClasses.sunset
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "magenta",
+      class: skeletonShimmerGradientClasses.magenta
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "crimson",
+      class: skeletonShimmerGradientClasses.crimson
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "aqua",
+      class: skeletonShimmerGradientClasses.aqua
+    },
+    {
+      animation: "shimmer",
+      shimmerTone: "plum",
+      class: skeletonShimmerGradientClasses.plum
+    },
     {
       animation: "pulse",
       class: ""
@@ -149,9 +254,9 @@ var skeletonVariants = classVarianceAuthority.cva(chunk44G3U35C_js.zuiSkeletonBa
     shimmerTone: "default"
   }
 });
-var skeletonTextLineVariants = classVarianceAuthority.cva(chunk44G3U35C_js.zuiSkeletonTextLineBase, {
+var skeletonTextLineVariants = classVarianceAuthority.cva(chunkNNGL2AFQ_js.zuiSkeletonTextLineBase, {
   variants: {
-    size: chunk44G3U35C_js.zuiSkeletonTextLineSizes
+    size: chunkNNGL2AFQ_js.zuiSkeletonTextLineSizes
   },
   defaultVariants: { size: "md" }
 });
@@ -420,5 +525,5 @@ exports.skeletonShimmerGradientClasses = skeletonShimmerGradientClasses;
 exports.skeletonTextLineVariants = skeletonTextLineVariants;
 exports.skeletonVariants = skeletonVariants;
 exports.useSkeletonAnimation = useSkeletonAnimation;
-//# sourceMappingURL=chunk-P2DQP4J4.js.map
-//# sourceMappingURL=chunk-P2DQP4J4.js.map
+//# sourceMappingURL=chunk-EDJ6TVL3.js.map
+//# sourceMappingURL=chunk-EDJ6TVL3.js.map