@zentauri-ui/zentauri-components 1.9.2 → 2.1.0

package/dist/chunk-3VW4HMJT.mjs

@@ -0,0 +1,58 @@
+// src/design-system/scroll-area.ts
+var zuiScrollAreaBase = "relative min-w-0 rounded-xl outline-none transition-[background-color,border-color,box-shadow,scrollbar-color] duration-200 [scrollbar-color:var(--zui-scroll-area-thumb,var(--zui-border,#94a3b8))_var(--zui-scroll-area-track,var(--zui-surface-muted,transparent))] [scrollbar-width:thin] focus-visible:ring-2 focus-visible:ring-[var(--zui-scroll-area-ring-focus,var(--zui-focus-ring,oklch(54.6%_0.245_262.881_/_0.28)))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-scroll-area-ring-offset-focus,var(--zui-ring-offset,#ffffff))] dark:focus-visible:ring-[var(--zui-scroll-area-ring-focus-dark,var(--zui-focus-ring-dark,oklch(70.7%_0.165_254.624_/_0.28)))] dark:focus-visible:ring-offset-[var(--zui-scroll-area-ring-offset-focus-dark,var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695)))] [&::-webkit-scrollbar]:h-[var(--zui-scroll-area-size,0.625rem)] [&::-webkit-scrollbar]:w-[var(--zui-scroll-area-size,0.625rem)] [&::-webkit-scrollbar-corner]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:border-2 [&::-webkit-scrollbar-thumb]:border-solid [&::-webkit-scrollbar-thumb]:border-[var(--zui-scroll-area-thumb-border,var(--zui-border,transparent))] [&::-webkit-scrollbar-thumb]:bg-[var(--zui-scroll-area-thumb,var(--zui-border,#94a3b8))] [&::-webkit-scrollbar-track]:rounded-full [&::-webkit-scrollbar-track]:bg-[var(--zui-scroll-area-track,var(--zui-surface-muted,transparent))]";
+var zuiScrollAreaAppearances = {
+  default: "[--zui-scroll-area-thumb:#94a3b8] [--zui-scroll-area-thumb-border:#f8fafc] [--zui-scroll-area-track:#e2e8f0] dark:[--zui-scroll-area-thumb:#64748b] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#1e293b]",
+  muted: "[--zui-scroll-area-thumb:#cbd5e1] [--zui-scroll-area-thumb-border:#f8fafc] [--zui-scroll-area-track:#f1f5f9] dark:[--zui-scroll-area-thumb:#475569] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#0f172a]",
+  outline: "border border-[color:var(--zui-scroll-area-outline-border,var(--zui-border,#cbd5e1))] [--zui-scroll-area-thumb:#64748b] [--zui-scroll-area-thumb-border:#ffffff] [--zui-scroll-area-track:#e2e8f0] dark:border-[color:var(--zui-scroll-area-outline-border-dark,var(--zui-border-dark,#334155))] dark:[--zui-scroll-area-thumb:#94a3b8] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#1e293b]",
+  glass: "border border-[color:var(--zui-scroll-area-glass-border,var(--zui-border,#ffffff80))] bg-[var(--zui-scroll-area-glass-bg,var(--zui-surface-soft,#ffffff99))] backdrop-blur-md [--zui-scroll-area-thumb:oklch(70.7%_0.165_254.624_/_0.9)] [--zui-scroll-area-thumb-border:#ffffff66] [--zui-scroll-area-track:#ffffff33] dark:border-[color:var(--zui-scroll-area-glass-border-dark,var(--zui-border-dark,#ffffff1f))] dark:bg-[var(--zui-scroll-area-glass-bg-dark,var(--zui-surface-soft-dark,#0f172acc))] dark:[--zui-scroll-area-thumb:oklch(78.9%_0.154_211.53_/_0.8)] dark:[--zui-scroll-area-thumb-border:#02061766] dark:[--zui-scroll-area-track:#ffffff12]",
+  sky: "border border-[color:var(--zui-scroll-area-sky-border,var(--zui-color-sky,oklch(62.3%_0.214_259.815_/_0.35)))] [--zui-scroll-area-thumb:oklch(54.6%_0.245_262.881)] [--zui-scroll-area-thumb-border:#eff6ff] [--zui-scroll-area-track:#dbeafe] dark:border-[color:var(--zui-scroll-area-sky-border-dark,var(--zui-color-sky-dark,oklch(70.7%_0.165_254.624_/_0.35)))] dark:[--zui-scroll-area-thumb:oklch(70.7%_0.165_254.624)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#172554]",
+  emerald: "border border-[color:var(--zui-scroll-area-emerald-border,var(--zui-color-emerald,oklch(59.6%_0.145_163.225_/_0.35)))] [--zui-scroll-area-thumb:oklch(59.6%_0.145_163.225)] [--zui-scroll-area-thumb-border:#ecfdf5] [--zui-scroll-area-track:#d1fae5] dark:border-[color:var(--zui-scroll-area-emerald-border-dark,var(--zui-color-emerald-dark,oklch(69.6%_0.17_162.48_/_0.35)))] dark:[--zui-scroll-area-thumb:oklch(69.6%_0.17_162.48)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#064e3b]",
+  rose: "border border-[color:var(--zui-scroll-area-rose-border,var(--zui-color-rose,oklch(58.6%_0.253_17.585_/_0.3)))] [--zui-scroll-area-thumb:oklch(58.6%_0.253_17.585)] [--zui-scroll-area-thumb-border:#fff1f2] [--zui-scroll-area-track:#ffe4e6] dark:border-[color:var(--zui-scroll-area-rose-border-dark,var(--zui-color-rose-dark,oklch(71.2%_0.194_13.428_/_0.35)))] dark:[--zui-scroll-area-thumb:oklch(71.2%_0.194_13.428)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#4c0519]",
+  amber: "border border-[color:var(--zui-scroll-area-amber-border,var(--zui-color-amber,oklch(76.9%_0.188_70.08_/_0.35)))] [--zui-scroll-area-thumb:oklch(66.6%_0.179_58.318)] [--zui-scroll-area-thumb-border:#fffbeb] [--zui-scroll-area-track:#fef3c7] dark:border-[color:var(--zui-scroll-area-amber-border-dark,var(--zui-color-amber-dark,oklch(82.8%_0.189_84.429_/_0.35)))] dark:[--zui-scroll-area-thumb:oklch(82.8%_0.189_84.429)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#451a03]",
+  violet: "border border-[color:var(--zui-scroll-area-violet-border,var(--zui-color-violet,oklch(60.6%_0.25_292.717_/_0.35)))] [--zui-scroll-area-thumb:oklch(54.1%_0.281_293.009)] [--zui-scroll-area-thumb-border:#f5f3ff] [--zui-scroll-area-track:#ede9fe] dark:border-[color:var(--zui-scroll-area-violet-border-dark,var(--zui-color-violet-dark,oklch(70.2%_0.183_293.541_/_0.35)))] dark:[--zui-scroll-area-thumb:oklch(70.2%_0.183_293.541)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#2e1065]",
+  blue: "border border-[color:var(--zui-scroll-area-blue-border,var(--zui-color-blue,#2563eb66))] dark:border-[color:var(--zui-scroll-area-blue-border-dark,var(--zui-color-blue-dark,#3b82f666))] [--zui-scroll-area-thumb:var(--zui-scroll-area-blue-thumb,var(--zui-color-blue,#2563eb))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-blue-thumb-dark,var(--zui-color-blue-dark,#3b82f6))] [--zui-scroll-area-track:var(--zui-scroll-area-blue-track,var(--zui-color-blue,#2563eb14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-blue-track-dark,var(--zui-color-blue-dark,#3b82f624))]",
+  cyan: "border border-[color:var(--zui-scroll-area-cyan-border,var(--zui-color-cyan,#0891b266))] dark:border-[color:var(--zui-scroll-area-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-cyan-thumb,var(--zui-color-cyan,#0891b2))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-cyan-thumb-dark,var(--zui-color-cyan-dark,#22d3ee))] [--zui-scroll-area-track:var(--zui-scroll-area-cyan-track,var(--zui-color-cyan,#0891b214))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-cyan-track-dark,var(--zui-color-cyan-dark,#22d3ee24))]",
+  green: "border border-[color:var(--zui-scroll-area-green-border,var(--zui-color-green,#16a34a66))] dark:border-[color:var(--zui-scroll-area-green-border-dark,var(--zui-color-green-dark,#22c55e66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-green-thumb,var(--zui-color-green,#16a34a))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-green-thumb-dark,var(--zui-color-green-dark,#22c55e))] [--zui-scroll-area-track:var(--zui-scroll-area-green-track,var(--zui-color-green,#16a34a14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-green-track-dark,var(--zui-color-green-dark,#22c55e24))]",
+  lime: "border border-[color:var(--zui-scroll-area-lime-border,var(--zui-color-lime,#65a30d66))] dark:border-[color:var(--zui-scroll-area-lime-border-dark,var(--zui-color-lime-dark,#a3e63566))] [--zui-scroll-area-thumb:var(--zui-scroll-area-lime-thumb,var(--zui-color-lime,#65a30d))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-lime-thumb-dark,var(--zui-color-lime-dark,#a3e635))] [--zui-scroll-area-track:var(--zui-scroll-area-lime-track,var(--zui-color-lime,#65a30d14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-lime-track-dark,var(--zui-color-lime-dark,#a3e63524))]",
+  mint: "border border-[color:var(--zui-scroll-area-mint-border,var(--zui-color-mint,#10b98166))] dark:border-[color:var(--zui-scroll-area-mint-border-dark,var(--zui-color-mint-dark,#6ee7b766))] [--zui-scroll-area-thumb:var(--zui-scroll-area-mint-thumb,var(--zui-color-mint,#10b981))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-mint-thumb-dark,var(--zui-color-mint-dark,#6ee7b7))] [--zui-scroll-area-track:var(--zui-scroll-area-mint-track,var(--zui-color-mint,#10b98114))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-mint-track-dark,var(--zui-color-mint-dark,#6ee7b724))]",
+  ocean: "border border-[color:var(--zui-scroll-area-ocean-border,var(--zui-color-ocean,#0284c766))] dark:border-[color:var(--zui-scroll-area-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf866))] [--zui-scroll-area-thumb:var(--zui-scroll-area-ocean-thumb,var(--zui-color-ocean,#0284c7))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-ocean-thumb-dark,var(--zui-color-ocean-dark,#38bdf8))] [--zui-scroll-area-track:var(--zui-scroll-area-ocean-track,var(--zui-color-ocean,#0284c714))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-ocean-track-dark,var(--zui-color-ocean-dark,#38bdf824))]",
+  sapphire: "border border-[color:var(--zui-scroll-area-sapphire-border,var(--zui-color-sapphire,#1d4ed866))] dark:border-[color:var(--zui-scroll-area-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-sapphire-thumb,var(--zui-color-sapphire,#1d4ed8))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-sapphire-thumb-dark,var(--zui-color-sapphire-dark,#60a5fa))] [--zui-scroll-area-track:var(--zui-scroll-area-sapphire-track,var(--zui-color-sapphire,#1d4ed814))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-sapphire-track-dark,var(--zui-color-sapphire-dark,#60a5fa24))]",
+  lavender: "border border-[color:var(--zui-scroll-area-lavender-border,var(--zui-color-lavender,#8b5cf666))] dark:border-[color:var(--zui-scroll-area-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-lavender-thumb,var(--zui-color-lavender,#8b5cf6))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-lavender-thumb-dark,var(--zui-color-lavender-dark,#a78bfa))] [--zui-scroll-area-track:var(--zui-scroll-area-lavender-track,var(--zui-color-lavender,#8b5cf614))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-lavender-track-dark,var(--zui-color-lavender-dark,#a78bfa24))]",
+  ruby: "border border-[color:var(--zui-scroll-area-ruby-border,var(--zui-color-ruby,#be123c66))] dark:border-[color:var(--zui-scroll-area-ruby-border-dark,var(--zui-color-ruby-dark,#fb718566))] [--zui-scroll-area-thumb:var(--zui-scroll-area-ruby-thumb,var(--zui-color-ruby,#be123c))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-ruby-thumb-dark,var(--zui-color-ruby-dark,#fb7185))] [--zui-scroll-area-track:var(--zui-scroll-area-ruby-track,var(--zui-color-ruby,#be123c14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-ruby-track-dark,var(--zui-color-ruby-dark,#fb718524))]",
+  red: "border border-[color:var(--zui-scroll-area-red-border,var(--zui-color-red,#dc262666))] dark:border-[color:var(--zui-scroll-area-red-border-dark,var(--zui-color-red-dark,#ef444466))] [--zui-scroll-area-thumb:var(--zui-scroll-area-red-thumb,var(--zui-color-red,#dc2626))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-red-thumb-dark,var(--zui-color-red-dark,#ef4444))] [--zui-scroll-area-track:var(--zui-scroll-area-red-track,var(--zui-color-red,#dc262614))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-red-track-dark,var(--zui-color-red-dark,#ef444424))]",
+  slate: "border border-[color:var(--zui-scroll-area-slate-border,var(--zui-color-slate,#47556966))] dark:border-[color:var(--zui-scroll-area-slate-border-dark,var(--zui-color-slate-dark,#64748b66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-slate-thumb,var(--zui-color-slate,#475569))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-slate-thumb-dark,var(--zui-color-slate-dark,#64748b))] [--zui-scroll-area-track:var(--zui-scroll-area-slate-track,var(--zui-color-slate,#47556914))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-slate-track-dark,var(--zui-color-slate-dark,#64748b24))]",
+  zinc: "border border-[color:var(--zui-scroll-area-zinc-border,var(--zui-color-zinc,#52525b66))] dark:border-[color:var(--zui-scroll-area-zinc-border-dark,var(--zui-color-zinc-dark,#71717a66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-zinc-thumb,var(--zui-color-zinc,#52525b))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-zinc-thumb-dark,var(--zui-color-zinc-dark,#71717a))] [--zui-scroll-area-track:var(--zui-scroll-area-zinc-track,var(--zui-color-zinc,#52525b14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-zinc-track-dark,var(--zui-color-zinc-dark,#71717a24))]",
+  stone: "border border-[color:var(--zui-scroll-area-stone-border,var(--zui-color-stone,#57534e66))] dark:border-[color:var(--zui-scroll-area-stone-border-dark,var(--zui-color-stone-dark,#78716c66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-stone-thumb,var(--zui-color-stone,#57534e))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-stone-thumb-dark,var(--zui-color-stone-dark,#78716c))] [--zui-scroll-area-track:var(--zui-scroll-area-stone-track,var(--zui-color-stone,#57534e14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-stone-track-dark,var(--zui-color-stone-dark,#78716c24))]",
+  royal: "border border-[color:var(--zui-scroll-area-royal-border,var(--zui-color-royal,#4338ca66))] dark:border-[color:var(--zui-scroll-area-royal-border-dark,var(--zui-color-royal-dark,#818cf866))] [--zui-scroll-area-thumb:var(--zui-scroll-area-royal-thumb,var(--zui-color-royal,#4338ca))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-royal-thumb-dark,var(--zui-color-royal-dark,#818cf8))] [--zui-scroll-area-track:var(--zui-scroll-area-royal-track,var(--zui-color-royal,#4338ca14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-royal-track-dark,var(--zui-color-royal-dark,#818cf824))]",
+  electric: "border border-[color:var(--zui-scroll-area-electric-border,var(--zui-color-electric,#0ea5e966))] dark:border-[color:var(--zui-scroll-area-electric-border-dark,var(--zui-color-electric-dark,#38bdf866))] [--zui-scroll-area-thumb:var(--zui-scroll-area-electric-thumb,var(--zui-color-electric,#0ea5e9))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-electric-thumb-dark,var(--zui-color-electric-dark,#38bdf8))] [--zui-scroll-area-track:var(--zui-scroll-area-electric-track,var(--zui-color-electric,#0ea5e914))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-electric-track-dark,var(--zui-color-electric-dark,#38bdf824))]",
+  forest: "border border-[color:var(--zui-scroll-area-forest-border,var(--zui-color-forest,#16653466))] dark:border-[color:var(--zui-scroll-area-forest-border-dark,var(--zui-color-forest-dark,#4ade8066))] [--zui-scroll-area-thumb:var(--zui-scroll-area-forest-thumb,var(--zui-color-forest,#166534))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-forest-thumb-dark,var(--zui-color-forest-dark,#4ade80))] [--zui-scroll-area-track:var(--zui-scroll-area-forest-track,var(--zui-color-forest,#16653414))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-forest-track-dark,var(--zui-color-forest-dark,#4ade8024))]",
+  sunset: "border border-[color:var(--zui-scroll-area-sunset-border,var(--zui-color-sunset,#ea580c66))] dark:border-[color:var(--zui-scroll-area-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-sunset-thumb,var(--zui-color-sunset,#ea580c))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-sunset-thumb-dark,var(--zui-color-sunset-dark,#fb923c))] [--zui-scroll-area-track:var(--zui-scroll-area-sunset-track,var(--zui-color-sunset,#ea580c14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-sunset-track-dark,var(--zui-color-sunset-dark,#fb923c24))]",
+  magenta: "border border-[color:var(--zui-scroll-area-magenta-border,var(--zui-color-magenta,#c026d366))] dark:border-[color:var(--zui-scroll-area-magenta-border-dark,var(--zui-color-magenta-dark,#e879f966))] [--zui-scroll-area-thumb:var(--zui-scroll-area-magenta-thumb,var(--zui-color-magenta,#c026d3))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-magenta-thumb-dark,var(--zui-color-magenta-dark,#e879f9))] [--zui-scroll-area-track:var(--zui-scroll-area-magenta-track,var(--zui-color-magenta,#c026d314))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-magenta-track-dark,var(--zui-color-magenta-dark,#e879f924))]",
+  crimson: "border border-[color:var(--zui-scroll-area-crimson-border,var(--zui-color-crimson,#b91c1c66))] dark:border-[color:var(--zui-scroll-area-crimson-border-dark,var(--zui-color-crimson-dark,#f8717166))] [--zui-scroll-area-thumb:var(--zui-scroll-area-crimson-thumb,var(--zui-color-crimson,#b91c1c))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-crimson-thumb-dark,var(--zui-color-crimson-dark,#f87171))] [--zui-scroll-area-track:var(--zui-scroll-area-crimson-track,var(--zui-color-crimson,#b91c1c14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-crimson-track-dark,var(--zui-color-crimson-dark,#f8717124))]",
+  aqua: "border border-[color:var(--zui-scroll-area-aqua-border,var(--zui-color-aqua,#0f766e66))] dark:border-[color:var(--zui-scroll-area-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-aqua-thumb,var(--zui-color-aqua,#0f766e))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-aqua-thumb-dark,var(--zui-color-aqua-dark,#2dd4bf))] [--zui-scroll-area-track:var(--zui-scroll-area-aqua-track,var(--zui-color-aqua,#0f766e14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-aqua-track-dark,var(--zui-color-aqua-dark,#2dd4bf24))]",
+  plum: "border border-[color:var(--zui-scroll-area-plum-border,var(--zui-color-plum,#7e22ce66))] dark:border-[color:var(--zui-scroll-area-plum-border-dark,var(--zui-color-plum-dark,#c084fc66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-plum-thumb,var(--zui-color-plum,#7e22ce))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-plum-thumb-dark,var(--zui-color-plum-dark,#c084fc))] [--zui-scroll-area-track:var(--zui-scroll-area-plum-track,var(--zui-color-plum,#7e22ce14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-plum-track-dark,var(--zui-color-plum-dark,#c084fc24))]"
+};
+var zuiScrollAreaSizes = {
+  sm: "[--zui-scroll-area-size:0.375rem]",
+  md: "[--zui-scroll-area-size:0.625rem]",
+  lg: "[--zui-scroll-area-size:0.875rem]"
+};
+var zuiScrollAreaOrientations = {
+  vertical: "overflow-x-hidden overflow-y-auto",
+  horizontal: "overflow-x-auto overflow-y-hidden",
+  both: "overflow-auto"
+};
+var zuiScrollAreaVisibility = {
+  auto: "",
+  hover: "[scrollbar-color:transparent_transparent] hover:[scrollbar-color:var(--zui-scroll-area-thumb,var(--zui-border,#94a3b8))_var(--zui-scroll-area-track,var(--zui-surface-muted,transparent))] [&::-webkit-scrollbar-thumb]:bg-transparent hover:[&::-webkit-scrollbar-thumb]:bg-[var(--zui-scroll-area-thumb,var(--zui-border,#94a3b8))] [&::-webkit-scrollbar-track]:bg-transparent hover:[&::-webkit-scrollbar-track]:bg-[var(--zui-scroll-area-track,var(--zui-surface-muted,transparent))]",
+  always: "",
+  hidden: "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden [&::-webkit-scrollbar]:h-0 [&::-webkit-scrollbar]:w-0"
+};
+var zuiScrollAreaShadows = {
+  false: "",
+  true: "[box-shadow:inset_0_2px_12px_rgb(15_23_42_/_0.08)] dark:[box-shadow:inset_0_2px_12px_rgb(0_0_0_/_0.3)]"
+};
+
+export { zuiScrollAreaAppearances, zuiScrollAreaBase, zuiScrollAreaOrientations, zuiScrollAreaShadows, zuiScrollAreaSizes, zuiScrollAreaVisibility };
+//# sourceMappingURL=chunk-3VW4HMJT.mjs.map
+//# sourceMappingURL=chunk-3VW4HMJT.mjs.map

package/dist/chunk-3VW4HMJT.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/scroll-area.ts"],"names":[],"mappings":";AAAO,IAAM,iBAAA,GACX;AAEK,IAAM,wBAAA,GAA2B;AAAA,EACtC,OAAA,EACE,0OAAA;AAAA,EACF,KAAA,EACE,0OAAA;AAAA,EACF,OAAA,EACE,8ZAAA;AAAA,EACF,KAAA,EACE,qoBAAA;AAAA,EACF,GAAA,EAAK,sfAAA;AAAA,EACL,OAAA,EACE,kgBAAA;AAAA,EACF,IAAA,EAAM,qfAAA;AAAA,EACN,KAAA,EACE,yfAAA;AAAA,EACF,MAAA,EACE,igBAAA;AAAA,EACF,IAAA,EAAM,qkBAAA;AAAA,EACN,IAAA,EAAM,qkBAAA;AAAA,EACN,KAAA,EACE,ilBAAA;AAAA,EACF,IAAA,EAAM,qkBAAA;AAAA,EACN,IAAA,EAAM,qkBAAA;AAAA,EACN,KAAA,EACE,ilBAAA;AAAA,EACF,QAAA,EACE,qnBAAA;AAAA,EACF,QAAA,EACE,qnBAAA;AAAA,EACF,IAAA,EAAM,qkBAAA;AAAA,EACN,GAAA,EAAK,yjBAAA;AAAA,EACL,KAAA,EACE,ilBAAA;AAAA,EACF,IAAA,EAAM,qkBAAA;AAAA,EACN,KAAA,EACE,ilBAAA;AAAA,EACF,KAAA,EACE,ilBAAA;AAAA,EACF,QAAA,EACE,qnBAAA;AAAA,EACF,MAAA,EACE,6lBAAA;AAAA,EACF,MAAA,EACE,6lBAAA;AAAA,EACF,OAAA,EACE,ymBAAA;AAAA,EACF,OAAA,EACE,ymBAAA;AAAA,EACF,IAAA,EAAM,qkBAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,kBAAA,GAAqB;AAAA,EAChC,EAAA,EAAI,mCAAA;AAAA,EACJ,EAAA,EAAI,mCAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,yBAAA,GAA4B;AAAA,EACvC,QAAA,EAAU,mCAAA;AAAA,EACV,UAAA,EAAY,mCAAA;AAAA,EACZ,IAAA,EAAM;AACR;AAEO,IAAM,uBAAA,GAA0B;AAAA,EACrC,IAAA,EAAM,EAAA;AAAA,EACN,KAAA,EACE,6dAAA;AAAA,EACF,MAAA,EAAQ,EAAA;AAAA,EACR,MAAA,EACE;AACJ;AAEO,IAAM,oBAAA,GAAuB;AAAA,EAClC,KAAA,EAAO,EAAA;AAAA,EACP,IAAA,EAAM;AACR","file":"chunk-3VW4HMJT.mjs","sourcesContent":["export const zuiScrollAreaBase =\n  \"relative min-w-0 rounded-xl outline-none transition-[background-color,border-color,box-shadow,scrollbar-color] duration-200 [scrollbar-color:var(--zui-scroll-area-thumb,var(--zui-border,#94a3b8))_var(--zui-scroll-area-track,var(--zui-surface-muted,transparent))] [scrollbar-width:thin] focus-visible:ring-2 focus-visible:ring-[var(--zui-scroll-area-ring-focus,var(--zui-focus-ring,oklch(54.6%_0.245_262.881_/_0.28)))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-scroll-area-ring-offset-focus,var(--zui-ring-offset,#ffffff))] dark:focus-visible:ring-[var(--zui-scroll-area-ring-focus-dark,var(--zui-focus-ring-dark,oklch(70.7%_0.165_254.624_/_0.28)))] dark:focus-visible:ring-offset-[var(--zui-scroll-area-ring-offset-focus-dark,var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695)))] [&::-webkit-scrollbar]:h-[var(--zui-scroll-area-size,0.625rem)] [&::-webkit-scrollbar]:w-[var(--zui-scroll-area-size,0.625rem)] [&::-webkit-scrollbar-corner]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:border-2 [&::-webkit-scrollbar-thumb]:border-solid [&::-webkit-scrollbar-thumb]:border-[var(--zui-scroll-area-thumb-border,var(--zui-border,transparent))] [&::-webkit-scrollbar-thumb]:bg-[var(--zui-scroll-area-thumb,var(--zui-border,#94a3b8))] [&::-webkit-scrollbar-track]:rounded-full [&::-webkit-scrollbar-track]:bg-[var(--zui-scroll-area-track,var(--zui-surface-muted,transparent))]\";\n\nexport const zuiScrollAreaAppearances = {\n  default:\n    \"[--zui-scroll-area-thumb:#94a3b8] [--zui-scroll-area-thumb-border:#f8fafc] [--zui-scroll-area-track:#e2e8f0] dark:[--zui-scroll-area-thumb:#64748b] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#1e293b]\",\n  muted:\n    \"[--zui-scroll-area-thumb:#cbd5e1] [--zui-scroll-area-thumb-border:#f8fafc] [--zui-scroll-area-track:#f1f5f9] dark:[--zui-scroll-area-thumb:#475569] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#0f172a]\",\n  outline:\n    \"border border-[color:var(--zui-scroll-area-outline-border,var(--zui-border,#cbd5e1))] [--zui-scroll-area-thumb:#64748b] [--zui-scroll-area-thumb-border:#ffffff] [--zui-scroll-area-track:#e2e8f0] dark:border-[color:var(--zui-scroll-area-outline-border-dark,var(--zui-border-dark,#334155))] dark:[--zui-scroll-area-thumb:#94a3b8] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#1e293b]\",\n  glass:\n    \"border border-[color:var(--zui-scroll-area-glass-border,var(--zui-border,#ffffff80))] bg-[var(--zui-scroll-area-glass-bg,var(--zui-surface-soft,#ffffff99))] backdrop-blur-md [--zui-scroll-area-thumb:oklch(70.7%_0.165_254.624_/_0.9)] [--zui-scroll-area-thumb-border:#ffffff66] [--zui-scroll-area-track:#ffffff33] dark:border-[color:var(--zui-scroll-area-glass-border-dark,var(--zui-border-dark,#ffffff1f))] dark:bg-[var(--zui-scroll-area-glass-bg-dark,var(--zui-surface-soft-dark,#0f172acc))] dark:[--zui-scroll-area-thumb:oklch(78.9%_0.154_211.53_/_0.8)] dark:[--zui-scroll-area-thumb-border:#02061766] dark:[--zui-scroll-area-track:#ffffff12]\",\n  sky: \"border border-[color:var(--zui-scroll-area-sky-border,var(--zui-color-sky,oklch(62.3%_0.214_259.815_/_0.35)))] [--zui-scroll-area-thumb:oklch(54.6%_0.245_262.881)] [--zui-scroll-area-thumb-border:#eff6ff] [--zui-scroll-area-track:#dbeafe] dark:border-[color:var(--zui-scroll-area-sky-border-dark,var(--zui-color-sky-dark,oklch(70.7%_0.165_254.624_/_0.35)))] dark:[--zui-scroll-area-thumb:oklch(70.7%_0.165_254.624)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#172554]\",\n  emerald:\n    \"border border-[color:var(--zui-scroll-area-emerald-border,var(--zui-color-emerald,oklch(59.6%_0.145_163.225_/_0.35)))] [--zui-scroll-area-thumb:oklch(59.6%_0.145_163.225)] [--zui-scroll-area-thumb-border:#ecfdf5] [--zui-scroll-area-track:#d1fae5] dark:border-[color:var(--zui-scroll-area-emerald-border-dark,var(--zui-color-emerald-dark,oklch(69.6%_0.17_162.48_/_0.35)))] dark:[--zui-scroll-area-thumb:oklch(69.6%_0.17_162.48)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#064e3b]\",\n  rose: \"border border-[color:var(--zui-scroll-area-rose-border,var(--zui-color-rose,oklch(58.6%_0.253_17.585_/_0.3)))] [--zui-scroll-area-thumb:oklch(58.6%_0.253_17.585)] [--zui-scroll-area-thumb-border:#fff1f2] [--zui-scroll-area-track:#ffe4e6] dark:border-[color:var(--zui-scroll-area-rose-border-dark,var(--zui-color-rose-dark,oklch(71.2%_0.194_13.428_/_0.35)))] dark:[--zui-scroll-area-thumb:oklch(71.2%_0.194_13.428)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#4c0519]\",\n  amber:\n    \"border border-[color:var(--zui-scroll-area-amber-border,var(--zui-color-amber,oklch(76.9%_0.188_70.08_/_0.35)))] [--zui-scroll-area-thumb:oklch(66.6%_0.179_58.318)] [--zui-scroll-area-thumb-border:#fffbeb] [--zui-scroll-area-track:#fef3c7] dark:border-[color:var(--zui-scroll-area-amber-border-dark,var(--zui-color-amber-dark,oklch(82.8%_0.189_84.429_/_0.35)))] dark:[--zui-scroll-area-thumb:oklch(82.8%_0.189_84.429)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#451a03]\",\n  violet:\n    \"border border-[color:var(--zui-scroll-area-violet-border,var(--zui-color-violet,oklch(60.6%_0.25_292.717_/_0.35)))] [--zui-scroll-area-thumb:oklch(54.1%_0.281_293.009)] [--zui-scroll-area-thumb-border:#f5f3ff] [--zui-scroll-area-track:#ede9fe] dark:border-[color:var(--zui-scroll-area-violet-border-dark,var(--zui-color-violet-dark,oklch(70.2%_0.183_293.541_/_0.35)))] dark:[--zui-scroll-area-thumb:oklch(70.2%_0.183_293.541)] dark:[--zui-scroll-area-thumb-border:#020617] dark:[--zui-scroll-area-track:#2e1065]\",\n  blue: \"border border-[color:var(--zui-scroll-area-blue-border,var(--zui-color-blue,#2563eb66))] dark:border-[color:var(--zui-scroll-area-blue-border-dark,var(--zui-color-blue-dark,#3b82f666))] [--zui-scroll-area-thumb:var(--zui-scroll-area-blue-thumb,var(--zui-color-blue,#2563eb))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-blue-thumb-dark,var(--zui-color-blue-dark,#3b82f6))] [--zui-scroll-area-track:var(--zui-scroll-area-blue-track,var(--zui-color-blue,#2563eb14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-blue-track-dark,var(--zui-color-blue-dark,#3b82f624))]\",\n  cyan: \"border border-[color:var(--zui-scroll-area-cyan-border,var(--zui-color-cyan,#0891b266))] dark:border-[color:var(--zui-scroll-area-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-cyan-thumb,var(--zui-color-cyan,#0891b2))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-cyan-thumb-dark,var(--zui-color-cyan-dark,#22d3ee))] [--zui-scroll-area-track:var(--zui-scroll-area-cyan-track,var(--zui-color-cyan,#0891b214))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-cyan-track-dark,var(--zui-color-cyan-dark,#22d3ee24))]\",\n  green:\n    \"border border-[color:var(--zui-scroll-area-green-border,var(--zui-color-green,#16a34a66))] dark:border-[color:var(--zui-scroll-area-green-border-dark,var(--zui-color-green-dark,#22c55e66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-green-thumb,var(--zui-color-green,#16a34a))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-green-thumb-dark,var(--zui-color-green-dark,#22c55e))] [--zui-scroll-area-track:var(--zui-scroll-area-green-track,var(--zui-color-green,#16a34a14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-green-track-dark,var(--zui-color-green-dark,#22c55e24))]\",\n  lime: \"border border-[color:var(--zui-scroll-area-lime-border,var(--zui-color-lime,#65a30d66))] dark:border-[color:var(--zui-scroll-area-lime-border-dark,var(--zui-color-lime-dark,#a3e63566))] [--zui-scroll-area-thumb:var(--zui-scroll-area-lime-thumb,var(--zui-color-lime,#65a30d))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-lime-thumb-dark,var(--zui-color-lime-dark,#a3e635))] [--zui-scroll-area-track:var(--zui-scroll-area-lime-track,var(--zui-color-lime,#65a30d14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-lime-track-dark,var(--zui-color-lime-dark,#a3e63524))]\",\n  mint: \"border border-[color:var(--zui-scroll-area-mint-border,var(--zui-color-mint,#10b98166))] dark:border-[color:var(--zui-scroll-area-mint-border-dark,var(--zui-color-mint-dark,#6ee7b766))] [--zui-scroll-area-thumb:var(--zui-scroll-area-mint-thumb,var(--zui-color-mint,#10b981))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-mint-thumb-dark,var(--zui-color-mint-dark,#6ee7b7))] [--zui-scroll-area-track:var(--zui-scroll-area-mint-track,var(--zui-color-mint,#10b98114))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-mint-track-dark,var(--zui-color-mint-dark,#6ee7b724))]\",\n  ocean:\n    \"border border-[color:var(--zui-scroll-area-ocean-border,var(--zui-color-ocean,#0284c766))] dark:border-[color:var(--zui-scroll-area-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf866))] [--zui-scroll-area-thumb:var(--zui-scroll-area-ocean-thumb,var(--zui-color-ocean,#0284c7))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-ocean-thumb-dark,var(--zui-color-ocean-dark,#38bdf8))] [--zui-scroll-area-track:var(--zui-scroll-area-ocean-track,var(--zui-color-ocean,#0284c714))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-ocean-track-dark,var(--zui-color-ocean-dark,#38bdf824))]\",\n  sapphire:\n    \"border border-[color:var(--zui-scroll-area-sapphire-border,var(--zui-color-sapphire,#1d4ed866))] dark:border-[color:var(--zui-scroll-area-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-sapphire-thumb,var(--zui-color-sapphire,#1d4ed8))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-sapphire-thumb-dark,var(--zui-color-sapphire-dark,#60a5fa))] [--zui-scroll-area-track:var(--zui-scroll-area-sapphire-track,var(--zui-color-sapphire,#1d4ed814))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-sapphire-track-dark,var(--zui-color-sapphire-dark,#60a5fa24))]\",\n  lavender:\n    \"border border-[color:var(--zui-scroll-area-lavender-border,var(--zui-color-lavender,#8b5cf666))] dark:border-[color:var(--zui-scroll-area-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-lavender-thumb,var(--zui-color-lavender,#8b5cf6))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-lavender-thumb-dark,var(--zui-color-lavender-dark,#a78bfa))] [--zui-scroll-area-track:var(--zui-scroll-area-lavender-track,var(--zui-color-lavender,#8b5cf614))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-lavender-track-dark,var(--zui-color-lavender-dark,#a78bfa24))]\",\n  ruby: \"border border-[color:var(--zui-scroll-area-ruby-border,var(--zui-color-ruby,#be123c66))] dark:border-[color:var(--zui-scroll-area-ruby-border-dark,var(--zui-color-ruby-dark,#fb718566))] [--zui-scroll-area-thumb:var(--zui-scroll-area-ruby-thumb,var(--zui-color-ruby,#be123c))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-ruby-thumb-dark,var(--zui-color-ruby-dark,#fb7185))] [--zui-scroll-area-track:var(--zui-scroll-area-ruby-track,var(--zui-color-ruby,#be123c14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-ruby-track-dark,var(--zui-color-ruby-dark,#fb718524))]\",\n  red: \"border border-[color:var(--zui-scroll-area-red-border,var(--zui-color-red,#dc262666))] dark:border-[color:var(--zui-scroll-area-red-border-dark,var(--zui-color-red-dark,#ef444466))] [--zui-scroll-area-thumb:var(--zui-scroll-area-red-thumb,var(--zui-color-red,#dc2626))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-red-thumb-dark,var(--zui-color-red-dark,#ef4444))] [--zui-scroll-area-track:var(--zui-scroll-area-red-track,var(--zui-color-red,#dc262614))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-red-track-dark,var(--zui-color-red-dark,#ef444424))]\",\n  slate:\n    \"border border-[color:var(--zui-scroll-area-slate-border,var(--zui-color-slate,#47556966))] dark:border-[color:var(--zui-scroll-area-slate-border-dark,var(--zui-color-slate-dark,#64748b66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-slate-thumb,var(--zui-color-slate,#475569))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-slate-thumb-dark,var(--zui-color-slate-dark,#64748b))] [--zui-scroll-area-track:var(--zui-scroll-area-slate-track,var(--zui-color-slate,#47556914))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-slate-track-dark,var(--zui-color-slate-dark,#64748b24))]\",\n  zinc: \"border border-[color:var(--zui-scroll-area-zinc-border,var(--zui-color-zinc,#52525b66))] dark:border-[color:var(--zui-scroll-area-zinc-border-dark,var(--zui-color-zinc-dark,#71717a66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-zinc-thumb,var(--zui-color-zinc,#52525b))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-zinc-thumb-dark,var(--zui-color-zinc-dark,#71717a))] [--zui-scroll-area-track:var(--zui-scroll-area-zinc-track,var(--zui-color-zinc,#52525b14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-zinc-track-dark,var(--zui-color-zinc-dark,#71717a24))]\",\n  stone:\n    \"border border-[color:var(--zui-scroll-area-stone-border,var(--zui-color-stone,#57534e66))] dark:border-[color:var(--zui-scroll-area-stone-border-dark,var(--zui-color-stone-dark,#78716c66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-stone-thumb,var(--zui-color-stone,#57534e))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-stone-thumb-dark,var(--zui-color-stone-dark,#78716c))] [--zui-scroll-area-track:var(--zui-scroll-area-stone-track,var(--zui-color-stone,#57534e14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-stone-track-dark,var(--zui-color-stone-dark,#78716c24))]\",\n  royal:\n    \"border border-[color:var(--zui-scroll-area-royal-border,var(--zui-color-royal,#4338ca66))] dark:border-[color:var(--zui-scroll-area-royal-border-dark,var(--zui-color-royal-dark,#818cf866))] [--zui-scroll-area-thumb:var(--zui-scroll-area-royal-thumb,var(--zui-color-royal,#4338ca))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-royal-thumb-dark,var(--zui-color-royal-dark,#818cf8))] [--zui-scroll-area-track:var(--zui-scroll-area-royal-track,var(--zui-color-royal,#4338ca14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-royal-track-dark,var(--zui-color-royal-dark,#818cf824))]\",\n  electric:\n    \"border border-[color:var(--zui-scroll-area-electric-border,var(--zui-color-electric,#0ea5e966))] dark:border-[color:var(--zui-scroll-area-electric-border-dark,var(--zui-color-electric-dark,#38bdf866))] [--zui-scroll-area-thumb:var(--zui-scroll-area-electric-thumb,var(--zui-color-electric,#0ea5e9))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-electric-thumb-dark,var(--zui-color-electric-dark,#38bdf8))] [--zui-scroll-area-track:var(--zui-scroll-area-electric-track,var(--zui-color-electric,#0ea5e914))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-electric-track-dark,var(--zui-color-electric-dark,#38bdf824))]\",\n  forest:\n    \"border border-[color:var(--zui-scroll-area-forest-border,var(--zui-color-forest,#16653466))] dark:border-[color:var(--zui-scroll-area-forest-border-dark,var(--zui-color-forest-dark,#4ade8066))] [--zui-scroll-area-thumb:var(--zui-scroll-area-forest-thumb,var(--zui-color-forest,#166534))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-forest-thumb-dark,var(--zui-color-forest-dark,#4ade80))] [--zui-scroll-area-track:var(--zui-scroll-area-forest-track,var(--zui-color-forest,#16653414))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-forest-track-dark,var(--zui-color-forest-dark,#4ade8024))]\",\n  sunset:\n    \"border border-[color:var(--zui-scroll-area-sunset-border,var(--zui-color-sunset,#ea580c66))] dark:border-[color:var(--zui-scroll-area-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-sunset-thumb,var(--zui-color-sunset,#ea580c))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-sunset-thumb-dark,var(--zui-color-sunset-dark,#fb923c))] [--zui-scroll-area-track:var(--zui-scroll-area-sunset-track,var(--zui-color-sunset,#ea580c14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-sunset-track-dark,var(--zui-color-sunset-dark,#fb923c24))]\",\n  magenta:\n    \"border border-[color:var(--zui-scroll-area-magenta-border,var(--zui-color-magenta,#c026d366))] dark:border-[color:var(--zui-scroll-area-magenta-border-dark,var(--zui-color-magenta-dark,#e879f966))] [--zui-scroll-area-thumb:var(--zui-scroll-area-magenta-thumb,var(--zui-color-magenta,#c026d3))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-magenta-thumb-dark,var(--zui-color-magenta-dark,#e879f9))] [--zui-scroll-area-track:var(--zui-scroll-area-magenta-track,var(--zui-color-magenta,#c026d314))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-magenta-track-dark,var(--zui-color-magenta-dark,#e879f924))]\",\n  crimson:\n    \"border border-[color:var(--zui-scroll-area-crimson-border,var(--zui-color-crimson,#b91c1c66))] dark:border-[color:var(--zui-scroll-area-crimson-border-dark,var(--zui-color-crimson-dark,#f8717166))] [--zui-scroll-area-thumb:var(--zui-scroll-area-crimson-thumb,var(--zui-color-crimson,#b91c1c))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-crimson-thumb-dark,var(--zui-color-crimson-dark,#f87171))] [--zui-scroll-area-track:var(--zui-scroll-area-crimson-track,var(--zui-color-crimson,#b91c1c14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-crimson-track-dark,var(--zui-color-crimson-dark,#f8717124))]\",\n  aqua: \"border border-[color:var(--zui-scroll-area-aqua-border,var(--zui-color-aqua,#0f766e66))] dark:border-[color:var(--zui-scroll-area-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-aqua-thumb,var(--zui-color-aqua,#0f766e))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-aqua-thumb-dark,var(--zui-color-aqua-dark,#2dd4bf))] [--zui-scroll-area-track:var(--zui-scroll-area-aqua-track,var(--zui-color-aqua,#0f766e14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-aqua-track-dark,var(--zui-color-aqua-dark,#2dd4bf24))]\",\n  plum: \"border border-[color:var(--zui-scroll-area-plum-border,var(--zui-color-plum,#7e22ce66))] dark:border-[color:var(--zui-scroll-area-plum-border-dark,var(--zui-color-plum-dark,#c084fc66))] [--zui-scroll-area-thumb:var(--zui-scroll-area-plum-thumb,var(--zui-color-plum,#7e22ce))] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-plum-thumb-dark,var(--zui-color-plum-dark,#c084fc))] [--zui-scroll-area-track:var(--zui-scroll-area-plum-track,var(--zui-color-plum,#7e22ce14))] dark:[--zui-scroll-area-track:var(--zui-scroll-area-plum-track-dark,var(--zui-color-plum-dark,#c084fc24))]\",\n} as const;\n\nexport const zuiScrollAreaSizes = {\n  sm: \"[--zui-scroll-area-size:0.375rem]\",\n  md: \"[--zui-scroll-area-size:0.625rem]\",\n  lg: \"[--zui-scroll-area-size:0.875rem]\",\n} as const;\n\nexport const zuiScrollAreaOrientations = {\n  vertical: \"overflow-x-hidden overflow-y-auto\",\n  horizontal: \"overflow-x-auto overflow-y-hidden\",\n  both: \"overflow-auto\",\n} as const;\n\nexport const zuiScrollAreaVisibility = {\n  auto: \"\",\n  hover:\n    \"[scrollbar-color:transparent_transparent] hover:[scrollbar-color:var(--zui-scroll-area-thumb,var(--zui-border,#94a3b8))_var(--zui-scroll-area-track,var(--zui-surface-muted,transparent))] [&::-webkit-scrollbar-thumb]:bg-transparent hover:[&::-webkit-scrollbar-thumb]:bg-[var(--zui-scroll-area-thumb,var(--zui-border,#94a3b8))] [&::-webkit-scrollbar-track]:bg-transparent hover:[&::-webkit-scrollbar-track]:bg-[var(--zui-scroll-area-track,var(--zui-surface-muted,transparent))]\",\n  always: \"\",\n  hidden:\n    \"[scrollbar-width:none] [&::-webkit-scrollbar]:hidden [&::-webkit-scrollbar]:h-0 [&::-webkit-scrollbar]:w-0\",\n} as const;\n\nexport const zuiScrollAreaShadows = {\n  false: \"\",\n  true: \"[box-shadow:inset_0_2px_12px_rgb(15_23_42_/_0.08)] dark:[box-shadow:inset_0_2px_12px_rgb(0_0_0_/_0.3)]\",\n} as const;\n"]}

package/dist/chunk-42ZSQNDF.mjs

@@ -0,0 +1,64 @@
+// src/design-system/alert.ts
+var zuiAlertBase = "relative flex w-full gap-3 border text-sm ring-offset-[var(--zui-alert-ring-offset,var(--zui-ring-offset,oklch(98.4%_0.003_247.858)))] dark:ring-offset-[var(--zui-alert-ring-offset-dark,var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695)))] transition-colors";
+var zuiAlertAppearances = {
+  default: "border-[color:var(--zui-alert-default-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-alert-default-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-alert-default-bg,var(--zui-brand,#0000000d))] dark:bg-[var(--zui-alert-default-bg-dark,var(--zui-brand-dark,#ffffff0d))] text-[color:var(--zui-alert-default-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-default-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]",
+  success: "border-[color:var(--zui-alert-success-border,color-mix(in oklch, var(--zui-status-success,oklch(69.6%_0.17_162.48_/_0.4)) 40%, transparent))] dark:border-[color:var(--zui-alert-success-border-dark,color-mix(in oklch, var(--zui-status-success-dark,oklch(69.6%_0.17_162.48_/_0.4)) 40%, transparent))] bg-[var(--zui-alert-success-bg,color-mix(in oklch, var(--zui-status-success,oklch(69.6%_0.17_162.48_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-alert-success-bg-dark,color-mix(in oklch, var(--zui-status-success-dark,oklch(69.6%_0.17_162.48_/_0.1)) 10%, transparent))] text-[color:var(--zui-alert-success-fg,var(--zui-status-success,oklch(26.2%_0.051_172.552)))] dark:text-[color:var(--zui-alert-success-fg-dark,var(--zui-status-success-dark,oklch(97.9%_0.021_166.113)))]",
+  warning: "border-[color:var(--zui-alert-warning-border,color-mix(in oklch, var(--zui-status-warning,oklch(76.9%_0.188_70.08_/_0.4)) 40%, transparent))] dark:border-[color:var(--zui-alert-warning-border-dark,color-mix(in oklch, var(--zui-status-warning-dark,oklch(76.9%_0.188_70.08_/_0.4)) 40%, transparent))] bg-[var(--zui-alert-warning-bg,color-mix(in oklch, var(--zui-status-warning,oklch(76.9%_0.188_70.08_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-alert-warning-bg-dark,color-mix(in oklch, var(--zui-status-warning-dark,oklch(76.9%_0.188_70.08_/_0.1)) 10%, transparent))] text-[color:var(--zui-alert-warning-fg,var(--zui-status-warning,oklch(27.9%_0.077_45.635)))] dark:text-[color:var(--zui-alert-warning-fg-dark,var(--zui-status-warning-dark,oklch(98.7%_0.022_95.277)))]",
+  error: "border-[color:var(--zui-alert-error-border,color-mix(in oklch, var(--zui-status-error,oklch(64.5%_0.246_16.439_/_0.5)) 40%, transparent))] dark:border-[color:var(--zui-alert-error-border-dark,color-mix(in oklch, var(--zui-status-error-dark,oklch(64.5%_0.246_16.439_/_0.5)) 40%, transparent))] bg-[var(--zui-alert-error-bg,color-mix(in oklch, var(--zui-status-error,oklch(64.5%_0.246_16.439_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-alert-error-bg-dark,color-mix(in oklch, var(--zui-status-error-dark,oklch(64.5%_0.246_16.439_/_0.1)) 10%, transparent))] text-[color:var(--zui-alert-error-fg,var(--zui-status-error,oklch(27.1%_0.105_12.094)))] dark:text-[color:var(--zui-alert-error-fg-dark,var(--zui-status-error-dark,oklch(96.9%_0.015_12.422)))]",
+  info: "border-[color:var(--zui-alert-info-border,color-mix(in oklch, var(--zui-status-info,oklch(68.5%_0.169_237.323_/_0.4)) 40%, transparent))] dark:border-[color:var(--zui-alert-info-border-dark,color-mix(in oklch, var(--zui-status-info-dark,oklch(68.5%_0.169_237.323_/_0.4)) 40%, transparent))] bg-[var(--zui-alert-info-bg,color-mix(in oklch, var(--zui-status-info,oklch(68.5%_0.169_237.323_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-alert-info-bg-dark,color-mix(in oklch, var(--zui-status-info-dark,oklch(68.5%_0.169_237.323_/_0.1)) 10%, transparent))] text-[color:var(--zui-alert-info-fg,var(--zui-status-info,oklch(29.3%_0.066_243.157)))] dark:text-[color:var(--zui-alert-info-fg-dark,var(--zui-status-info-dark,oklch(97.7%_0.013_236.62)))]",
+  ghost: "border-[color:var(--zui-alert-ghost-border,var(--zui-border,transparent))] dark:border-[color:var(--zui-alert-ghost-border-dark,var(--zui-border-dark,transparent))] bg-[var(--zui-alert-ghost-bg,var(--zui-surface-soft,transparent))] dark:bg-[var(--zui-alert-ghost-bg-dark,var(--zui-surface-soft-dark,transparent))] text-[color:var(--zui-alert-ghost-fg,var(--zui-fg-muted,oklch(37.2%_0.044_257.287)))] dark:text-[color:var(--zui-alert-ghost-fg-dark,var(--zui-fg-muted-dark,oklch(92.9%_0.013_255.508)))]",
+  blue: "border-[color:var(--zui-alert-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-alert-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-alert-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb) 10%, transparent))] dark:bg-[var(--zui-alert-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f6) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-blue-fg,var(--zui-color-blue,#0f172a))] dark:text-[color:var(--zui-alert-blue-fg-dark,var(--zui-color-blue-dark,#f8fafc))]",
+  cyan: "border-[color:var(--zui-alert-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-alert-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-alert-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b2) 10%, transparent))] dark:bg-[var(--zui-alert-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-cyan-fg,var(--zui-color-cyan,#0f172a))] dark:text-[color:var(--zui-alert-cyan-fg-dark,var(--zui-color-cyan-dark,#f8fafc))]",
+  green: "border-[color:var(--zui-alert-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-alert-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-alert-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a) 10%, transparent))] dark:bg-[var(--zui-alert-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-green-fg,var(--zui-color-green,#0f172a))] dark:text-[color:var(--zui-alert-green-fg-dark,var(--zui-color-green-dark,#f8fafc))]",
+  lime: "border-[color:var(--zui-alert-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-alert-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-alert-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d) 10%, transparent))] dark:bg-[var(--zui-alert-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e635) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-lime-fg,var(--zui-color-lime,#0f172a))] dark:text-[color:var(--zui-alert-lime-fg-dark,var(--zui-color-lime-dark,#f8fafc))]",
+  mint: "border-[color:var(--zui-alert-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-alert-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-alert-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b981) 10%, transparent))] dark:bg-[var(--zui-alert-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b7) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-mint-fg,var(--zui-color-mint,#0f172a))] dark:text-[color:var(--zui-alert-mint-fg-dark,var(--zui-color-mint-dark,#f8fafc))]",
+  ocean: "border-[color:var(--zui-alert-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-alert-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-alert-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c7) 10%, transparent))] dark:bg-[var(--zui-alert-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf8) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-ocean-fg,var(--zui-color-ocean,#0f172a))] dark:text-[color:var(--zui-alert-ocean-fg-dark,var(--zui-color-ocean-dark,#f8fafc))]",
+  sapphire: "border-[color:var(--zui-alert-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-alert-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-alert-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed8) 10%, transparent))] dark:bg-[var(--zui-alert-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-sapphire-fg,var(--zui-color-sapphire,#0f172a))] dark:text-[color:var(--zui-alert-sapphire-fg-dark,var(--zui-color-sapphire-dark,#f8fafc))]",
+  lavender: "border-[color:var(--zui-alert-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-alert-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-alert-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf6) 10%, transparent))] dark:bg-[var(--zui-alert-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-lavender-fg,var(--zui-color-lavender,#0f172a))] dark:text-[color:var(--zui-alert-lavender-fg-dark,var(--zui-color-lavender-dark,#f8fafc))]",
+  ruby: "border-[color:var(--zui-alert-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-alert-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-alert-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c) 10%, transparent))] dark:bg-[var(--zui-alert-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb7185) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-ruby-fg,var(--zui-color-ruby,#0f172a))] dark:text-[color:var(--zui-alert-ruby-fg-dark,var(--zui-color-ruby-dark,#f8fafc))]",
+  red: "border-[color:var(--zui-alert-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-alert-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-alert-red-bg,color-mix(in oklch, var(--zui-color-red,#dc2626) 10%, transparent))] dark:bg-[var(--zui-alert-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef4444) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-red-fg,var(--zui-color-red,#0f172a))] dark:text-[color:var(--zui-alert-red-fg-dark,var(--zui-color-red-dark,#f8fafc))]",
+  slate: "border-[color:var(--zui-alert-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-alert-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-alert-slate-bg,color-mix(in oklch, var(--zui-color-slate,#475569) 10%, transparent))] dark:bg-[var(--zui-alert-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-slate-fg,var(--zui-color-slate,#0f172a))] dark:text-[color:var(--zui-alert-slate-fg-dark,var(--zui-color-slate-dark,#f8fafc))]",
+  zinc: "border-[color:var(--zui-alert-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-alert-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-alert-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b) 10%, transparent))] dark:bg-[var(--zui-alert-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-zinc-fg,var(--zui-color-zinc,#0f172a))] dark:text-[color:var(--zui-alert-zinc-fg-dark,var(--zui-color-zinc-dark,#f8fafc))]",
+  stone: "border-[color:var(--zui-alert-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-alert-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-alert-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e) 10%, transparent))] dark:bg-[var(--zui-alert-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-stone-fg,var(--zui-color-stone,#0f172a))] dark:text-[color:var(--zui-alert-stone-fg-dark,var(--zui-color-stone-dark,#f8fafc))]",
+  royal: "border-[color:var(--zui-alert-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-alert-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-alert-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca) 10%, transparent))] dark:bg-[var(--zui-alert-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf8) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-royal-fg,var(--zui-color-royal,#0f172a))] dark:text-[color:var(--zui-alert-royal-fg-dark,var(--zui-color-royal-dark,#f8fafc))]",
+  electric: "border-[color:var(--zui-alert-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-alert-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-alert-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e9) 10%, transparent))] dark:bg-[var(--zui-alert-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf8) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-electric-fg,var(--zui-color-electric,#0f172a))] dark:text-[color:var(--zui-alert-electric-fg-dark,var(--zui-color-electric-dark,#f8fafc))]",
+  forest: "border-[color:var(--zui-alert-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-alert-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-alert-forest-bg,color-mix(in oklch, var(--zui-color-forest,#166534) 10%, transparent))] dark:bg-[var(--zui-alert-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade80) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-forest-fg,var(--zui-color-forest,#0f172a))] dark:text-[color:var(--zui-alert-forest-fg-dark,var(--zui-color-forest-dark,#f8fafc))]",
+  sunset: "border-[color:var(--zui-alert-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-alert-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-alert-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c) 10%, transparent))] dark:bg-[var(--zui-alert-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-sunset-fg,var(--zui-color-sunset,#0f172a))] dark:text-[color:var(--zui-alert-sunset-fg-dark,var(--zui-color-sunset-dark,#f8fafc))]",
+  magenta: "border-[color:var(--zui-alert-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-alert-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-alert-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d3) 10%, transparent))] dark:bg-[var(--zui-alert-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f9) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-magenta-fg,var(--zui-color-magenta,#0f172a))] dark:text-[color:var(--zui-alert-magenta-fg-dark,var(--zui-color-magenta-dark,#f8fafc))]",
+  crimson: "border-[color:var(--zui-alert-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-alert-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-alert-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c) 10%, transparent))] dark:bg-[var(--zui-alert-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f87171) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-crimson-fg,var(--zui-color-crimson,#0f172a))] dark:text-[color:var(--zui-alert-crimson-fg-dark,var(--zui-color-crimson-dark,#f8fafc))]",
+  aqua: "border-[color:var(--zui-alert-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-alert-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-alert-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e) 10%, transparent))] dark:bg-[var(--zui-alert-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-aqua-fg,var(--zui-color-aqua,#0f172a))] dark:text-[color:var(--zui-alert-aqua-fg-dark,var(--zui-color-aqua-dark,#f8fafc))]",
+  plum: "border-[color:var(--zui-alert-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-alert-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-alert-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce) 10%, transparent))] dark:bg-[var(--zui-alert-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-plum-fg,var(--zui-color-plum,#0f172a))] dark:text-[color:var(--zui-alert-plum-fg-dark,var(--zui-color-plum-dark,#f8fafc))]",
+  purple: "border-[color:var(--zui-alert-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-alert-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-[var(--zui-alert-purple-bg,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:bg-[var(--zui-alert-purple-bg-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-purple-fg,var(--zui-color-purple,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-purple-fg-dark,var(--zui-color-purple-dark,oklch(98.4%_0.003_247.858)))]",
+  pink: "border-[color:var(--zui-alert-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-alert-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-[var(--zui-alert-pink-bg,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:bg-[var(--zui-alert-pink-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-pink-fg,var(--zui-color-pink,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-pink-fg-dark,var(--zui-color-pink-dark,oklch(98.4%_0.003_247.858)))]",
+  orange: "border-[color:var(--zui-alert-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-alert-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-[var(--zui-alert-orange-bg,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:bg-[var(--zui-alert-orange-bg-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-orange-fg,var(--zui-color-orange,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-orange-fg-dark,var(--zui-color-orange-dark,oklch(98.4%_0.003_247.858)))]",
+  yellow: "border-[color:var(--zui-alert-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-alert-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-[var(--zui-alert-yellow-bg,var(--zui-color-yellow,oklch(98.7%_0.026_102.212)))] dark:bg-[var(--zui-alert-yellow-bg-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-yellow-fg,var(--zui-color-yellow,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(98.4%_0.003_247.858)))]",
+  teal: "border-[color:var(--zui-alert-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-alert-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-[var(--zui-alert-teal-bg,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:bg-[var(--zui-alert-teal-bg-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-teal-fg,var(--zui-color-teal,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-teal-fg-dark,var(--zui-color-teal-dark,oklch(98.4%_0.003_247.858)))]",
+  indigo: "border-[color:var(--zui-alert-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-alert-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-[var(--zui-alert-indigo-bg,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:bg-[var(--zui-alert-indigo-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-indigo-fg,var(--zui-color-indigo,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(98.4%_0.003_247.858)))]",
+  gray: "border-[color:var(--zui-alert-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-alert-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))] bg-[var(--zui-alert-gray-bg,var(--zui-color-gray,oklch(98.5%_0.002_247.839)))] dark:bg-[var(--zui-alert-gray-bg-dark,color-mix(in oklch, var(--zui-color-gray-dark,oklch(13%_0.028_261.692)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-gray-fg,var(--zui-color-gray,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gray-fg-dark,var(--zui-color-gray-dark,oklch(98.4%_0.003_247.858)))]",
+  violet: "border-[color:var(--zui-alert-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-alert-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))] bg-[var(--zui-alert-violet-bg,var(--zui-color-violet,oklch(96.9%_0.016_293.756)))] dark:bg-[var(--zui-alert-violet-bg-dark,color-mix(in oklch, var(--zui-color-violet-dark,oklch(28.3%_0.141_291.089)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-violet-fg,var(--zui-color-violet,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-violet-fg-dark,var(--zui-color-violet-dark,oklch(98.4%_0.003_247.858)))]",
+  "gradient-blue": "border-[color:var(--zui-alert-gradient-blue-border,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:border-[color:var(--zui-alert-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] bg-linear-to-r from-[var(--zui-alert-gradient-blue-from,var(--zui-color-blue,oklch(97%_0.014_254.604)))] dark:from-[var(--zui-alert-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(28.2%_0.091_267.935_/_0.7)))] to-[var(--zui-alert-gradient-blue-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-alert-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-blue-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gradient-blue-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]",
+  "gradient-green": "border-[color:var(--zui-alert-gradient-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:border-[color:var(--zui-alert-gradient-green-border-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] bg-linear-to-r from-[var(--zui-alert-gradient-green-from,var(--zui-color-green,oklch(98.2%_0.018_155.826)))] dark:from-[var(--zui-alert-gradient-green-from-dark,var(--zui-color-green-dark,oklch(26.6%_0.065_152.934_/_0.7)))] to-[var(--zui-alert-gradient-green-to,var(--zui-color-lime,oklch(98.6%_0.031_120.757)))] dark:to-[var(--zui-alert-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(27.4%_0.072_132.109_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-green-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gradient-green-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]",
+  "gradient-red": "border-[color:var(--zui-alert-gradient-red-border,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:border-[color:var(--zui-alert-gradient-red-border-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] bg-linear-to-r from-[var(--zui-alert-gradient-red-from,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:from-[var(--zui-alert-gradient-red-from-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.7)))] to-[var(--zui-alert-gradient-red-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-alert-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-red-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gradient-red-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]",
+  "gradient-yellow": "border-[color:var(--zui-alert-gradient-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-alert-gradient-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-linear-to-r from-[var(--zui-alert-gradient-yellow-from,var(--zui-color-yellow,oklch(98.7%_0.026_102.212)))] dark:from-[var(--zui-alert-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813_/_0.7)))] to-[var(--zui-alert-gradient-yellow-to,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:to-[var(--zui-alert-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-yellow-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]",
+  "gradient-purple": "border-[color:var(--zui-alert-gradient-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-alert-gradient-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-linear-to-r from-[var(--zui-alert-gradient-purple-from,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:from-[var(--zui-alert-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] to-[var(--zui-alert-gradient-purple-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-alert-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-purple-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gradient-purple-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]",
+  "gradient-teal": "border-[color:var(--zui-alert-gradient-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-alert-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-linear-to-r from-[var(--zui-alert-gradient-teal-from,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:from-[var(--zui-alert-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.7)))] to-[var(--zui-alert-gradient-teal-to,var(--zui-color-cyan,oklch(98.4%_0.019_200.873)))] dark:to-[var(--zui-alert-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(30.2%_0.056_229.695_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-teal-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gradient-teal-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]",
+  "gradient-indigo": "border-[color:var(--zui-alert-gradient-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-alert-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-linear-to-r from-[var(--zui-alert-gradient-indigo-from,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:from-[var(--zui-alert-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.7)))] to-[var(--zui-alert-gradient-indigo-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-alert-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-indigo-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]",
+  "gradient-pink": "border-[color:var(--zui-alert-gradient-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-alert-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-linear-to-r from-[var(--zui-alert-gradient-pink-from,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:from-[var(--zui-alert-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] to-[var(--zui-alert-gradient-pink-to,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:to-[var(--zui-alert-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-pink-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gradient-pink-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]",
+  "gradient-orange": "border-[color:var(--zui-alert-gradient-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-alert-gradient-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-linear-to-r from-[var(--zui-alert-gradient-orange-from,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:from-[var(--zui-alert-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)))] to-[var(--zui-alert-gradient-orange-to,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:to-[var(--zui-alert-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-orange-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gradient-orange-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]"
+};
+var zuiAlertSizes = {
+  sm: "rounded-lg p-3",
+  md: "rounded-xl p-4",
+  lg: "rounded-2xl p-5 text-base"
+};
+var zuiAlertTitleBase = "font-semibold leading-tight";
+var zuiAlertTextSizes = {
+  sm: "text-xs md:text-sm",
+  md: "text-xs md:text-sm",
+  lg: "text-xs md:text-sm"
+};
+var zuiAlertDescriptionBase = "text-[color:var(--zui-alert-description-fg,var(--zui-fg-muted,oklch(44.6%_0.043_257.281)))] dark:text-[color:var(--zui-alert-description-fg-dark,var(--zui-fg-muted-dark,oklch(86.9%_0.022_252.894)))]";
+
+export { zuiAlertAppearances, zuiAlertBase, zuiAlertDescriptionBase, zuiAlertSizes, zuiAlertTextSizes, zuiAlertTitleBase };
+//# sourceMappingURL=chunk-42ZSQNDF.mjs.map
+//# sourceMappingURL=chunk-42ZSQNDF.mjs.map

package/dist/chunk-42ZSQNDF.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/alert.ts"],"names":[],"mappings":";AAAO,IAAM,YAAA,GACX;AAEK,IAAM,mBAAA,GAAsB;AAAA,EACjC,OAAA,EACE,4eAAA;AAAA,EACF,OAAA,EACE,swBAAA;AAAA,EACF,OAAA,EACE,owBAAA;AAAA,EACF,KAAA,EACE,gvBAAA;AAAA,EACF,IAAA,EAAM,yuBAAA;AAAA,EACN,KAAA,EACE,sfAAA;AAAA,EACF,IAAA,EAAM,+hBAAA;AAAA,EACN,IAAA,EAAM,+hBAAA;AAAA,EACN,KAAA,EACE,2iBAAA;AAAA,EACF,IAAA,EAAM,+hBAAA;AAAA,EACN,IAAA,EAAM,+hBAAA;AAAA,EACN,KAAA,EACE,2iBAAA;AAAA,EACF,QAAA,EACE,+kBAAA;AAAA,EACF,QAAA,EACE,+kBAAA;AAAA,EACF,IAAA,EAAM,+hBAAA;AAAA,EACN,GAAA,EAAK,mhBAAA;AAAA,EACL,KAAA,EACE,2iBAAA;AAAA,EACF,IAAA,EAAM,+hBAAA;AAAA,EACN,KAAA,EACE,2iBAAA;AAAA,EACF,KAAA,EACE,2iBAAA;AAAA,EACF,QAAA,EACE,+kBAAA;AAAA,EACF,MAAA,EACE,ujBAAA;AAAA,EACF,MAAA,EACE,ujBAAA;AAAA,EACF,OAAA,EACE,mkBAAA;AAAA,EACF,OAAA,EACE,mkBAAA;AAAA,EACF,IAAA,EAAM,+hBAAA;AAAA,EACN,IAAA,EAAM,+hBAAA;AAAA,EACN,MAAA,EACE,moBAAA;AAAA,EACF,IAAA,EAAM,qmBAAA;AAAA,EACN,MAAA,EACE,2nBAAA;AAAA,EACF,MAAA,EACE,goBAAA;AAAA,EACF,IAAA,EAAM,wmBAAA;AAAA,EACN,MAAA,EACE,koBAAA;AAAA,EACF,IAAA,EAAM,wmBAAA;AAAA,EACN,MAAA,EACE,moBAAA;AAAA,EACF,eAAA,EACE,21BAAA;AAAA,EACF,gBAAA,EACE,q2BAAA;AAAA,EACF,cAAA,EACE,s0BAAA;AAAA,EACF,iBAAA,EACE,82BAAA;AAAA,EACF,iBAAA,EACE,+2BAAA;AAAA,EACF,eAAA,EACE,s1BAAA;AAAA,EACF,iBAAA,EACE,o3BAAA;AAAA,EACF,eAAA,EACE,i1BAAA;AAAA,EACF,iBAAA,EACE;AACJ;AAEO,IAAM,aAAA,GAAgB;AAAA,EAC3B,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,iBAAA,GAAoB;AAE1B,IAAM,iBAAA,GAAoB;AAAA,EAC/B,EAAA,EAAI,oBAAA;AAAA,EACJ,EAAA,EAAI,oBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,uBAAA,GACX","file":"chunk-42ZSQNDF.mjs","sourcesContent":["export const zuiAlertBase =\n  \"relative flex w-full gap-3 border text-sm ring-offset-[var(--zui-alert-ring-offset,var(--zui-ring-offset,oklch(98.4%_0.003_247.858)))] dark:ring-offset-[var(--zui-alert-ring-offset-dark,var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695)))] transition-colors\";\n\nexport const zuiAlertAppearances = {\n  default:\n    \"border-[color:var(--zui-alert-default-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-alert-default-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-alert-default-bg,var(--zui-brand,#0000000d))] dark:bg-[var(--zui-alert-default-bg-dark,var(--zui-brand-dark,#ffffff0d))] text-[color:var(--zui-alert-default-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-default-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]\",\n  success:\n    \"border-[color:var(--zui-alert-success-border,color-mix(in oklch, var(--zui-status-success,oklch(69.6%_0.17_162.48_/_0.4)) 40%, transparent))] dark:border-[color:var(--zui-alert-success-border-dark,color-mix(in oklch, var(--zui-status-success-dark,oklch(69.6%_0.17_162.48_/_0.4)) 40%, transparent))] bg-[var(--zui-alert-success-bg,color-mix(in oklch, var(--zui-status-success,oklch(69.6%_0.17_162.48_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-alert-success-bg-dark,color-mix(in oklch, var(--zui-status-success-dark,oklch(69.6%_0.17_162.48_/_0.1)) 10%, transparent))] text-[color:var(--zui-alert-success-fg,var(--zui-status-success,oklch(26.2%_0.051_172.552)))] dark:text-[color:var(--zui-alert-success-fg-dark,var(--zui-status-success-dark,oklch(97.9%_0.021_166.113)))]\",\n  warning:\n    \"border-[color:var(--zui-alert-warning-border,color-mix(in oklch, var(--zui-status-warning,oklch(76.9%_0.188_70.08_/_0.4)) 40%, transparent))] dark:border-[color:var(--zui-alert-warning-border-dark,color-mix(in oklch, var(--zui-status-warning-dark,oklch(76.9%_0.188_70.08_/_0.4)) 40%, transparent))] bg-[var(--zui-alert-warning-bg,color-mix(in oklch, var(--zui-status-warning,oklch(76.9%_0.188_70.08_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-alert-warning-bg-dark,color-mix(in oklch, var(--zui-status-warning-dark,oklch(76.9%_0.188_70.08_/_0.1)) 10%, transparent))] text-[color:var(--zui-alert-warning-fg,var(--zui-status-warning,oklch(27.9%_0.077_45.635)))] dark:text-[color:var(--zui-alert-warning-fg-dark,var(--zui-status-warning-dark,oklch(98.7%_0.022_95.277)))]\",\n  error:\n    \"border-[color:var(--zui-alert-error-border,color-mix(in oklch, var(--zui-status-error,oklch(64.5%_0.246_16.439_/_0.5)) 40%, transparent))] dark:border-[color:var(--zui-alert-error-border-dark,color-mix(in oklch, var(--zui-status-error-dark,oklch(64.5%_0.246_16.439_/_0.5)) 40%, transparent))] bg-[var(--zui-alert-error-bg,color-mix(in oklch, var(--zui-status-error,oklch(64.5%_0.246_16.439_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-alert-error-bg-dark,color-mix(in oklch, var(--zui-status-error-dark,oklch(64.5%_0.246_16.439_/_0.1)) 10%, transparent))] text-[color:var(--zui-alert-error-fg,var(--zui-status-error,oklch(27.1%_0.105_12.094)))] dark:text-[color:var(--zui-alert-error-fg-dark,var(--zui-status-error-dark,oklch(96.9%_0.015_12.422)))]\",\n  info: \"border-[color:var(--zui-alert-info-border,color-mix(in oklch, var(--zui-status-info,oklch(68.5%_0.169_237.323_/_0.4)) 40%, transparent))] dark:border-[color:var(--zui-alert-info-border-dark,color-mix(in oklch, var(--zui-status-info-dark,oklch(68.5%_0.169_237.323_/_0.4)) 40%, transparent))] bg-[var(--zui-alert-info-bg,color-mix(in oklch, var(--zui-status-info,oklch(68.5%_0.169_237.323_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-alert-info-bg-dark,color-mix(in oklch, var(--zui-status-info-dark,oklch(68.5%_0.169_237.323_/_0.1)) 10%, transparent))] text-[color:var(--zui-alert-info-fg,var(--zui-status-info,oklch(29.3%_0.066_243.157)))] dark:text-[color:var(--zui-alert-info-fg-dark,var(--zui-status-info-dark,oklch(97.7%_0.013_236.62)))]\",\n  ghost:\n    \"border-[color:var(--zui-alert-ghost-border,var(--zui-border,transparent))] dark:border-[color:var(--zui-alert-ghost-border-dark,var(--zui-border-dark,transparent))] bg-[var(--zui-alert-ghost-bg,var(--zui-surface-soft,transparent))] dark:bg-[var(--zui-alert-ghost-bg-dark,var(--zui-surface-soft-dark,transparent))] text-[color:var(--zui-alert-ghost-fg,var(--zui-fg-muted,oklch(37.2%_0.044_257.287)))] dark:text-[color:var(--zui-alert-ghost-fg-dark,var(--zui-fg-muted-dark,oklch(92.9%_0.013_255.508)))]\",\n  blue: \"border-[color:var(--zui-alert-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-alert-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-alert-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb) 10%, transparent))] dark:bg-[var(--zui-alert-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f6) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-blue-fg,var(--zui-color-blue,#0f172a))] dark:text-[color:var(--zui-alert-blue-fg-dark,var(--zui-color-blue-dark,#f8fafc))]\",\n  cyan: \"border-[color:var(--zui-alert-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-alert-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-alert-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b2) 10%, transparent))] dark:bg-[var(--zui-alert-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-cyan-fg,var(--zui-color-cyan,#0f172a))] dark:text-[color:var(--zui-alert-cyan-fg-dark,var(--zui-color-cyan-dark,#f8fafc))]\",\n  green:\n    \"border-[color:var(--zui-alert-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-alert-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-alert-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a) 10%, transparent))] dark:bg-[var(--zui-alert-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-green-fg,var(--zui-color-green,#0f172a))] dark:text-[color:var(--zui-alert-green-fg-dark,var(--zui-color-green-dark,#f8fafc))]\",\n  lime: \"border-[color:var(--zui-alert-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-alert-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-alert-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d) 10%, transparent))] dark:bg-[var(--zui-alert-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e635) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-lime-fg,var(--zui-color-lime,#0f172a))] dark:text-[color:var(--zui-alert-lime-fg-dark,var(--zui-color-lime-dark,#f8fafc))]\",\n  mint: \"border-[color:var(--zui-alert-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-alert-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-alert-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b981) 10%, transparent))] dark:bg-[var(--zui-alert-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b7) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-mint-fg,var(--zui-color-mint,#0f172a))] dark:text-[color:var(--zui-alert-mint-fg-dark,var(--zui-color-mint-dark,#f8fafc))]\",\n  ocean:\n    \"border-[color:var(--zui-alert-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-alert-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-alert-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c7) 10%, transparent))] dark:bg-[var(--zui-alert-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf8) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-ocean-fg,var(--zui-color-ocean,#0f172a))] dark:text-[color:var(--zui-alert-ocean-fg-dark,var(--zui-color-ocean-dark,#f8fafc))]\",\n  sapphire:\n    \"border-[color:var(--zui-alert-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-alert-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-alert-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed8) 10%, transparent))] dark:bg-[var(--zui-alert-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-sapphire-fg,var(--zui-color-sapphire,#0f172a))] dark:text-[color:var(--zui-alert-sapphire-fg-dark,var(--zui-color-sapphire-dark,#f8fafc))]\",\n  lavender:\n    \"border-[color:var(--zui-alert-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-alert-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-alert-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf6) 10%, transparent))] dark:bg-[var(--zui-alert-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-lavender-fg,var(--zui-color-lavender,#0f172a))] dark:text-[color:var(--zui-alert-lavender-fg-dark,var(--zui-color-lavender-dark,#f8fafc))]\",\n  ruby: \"border-[color:var(--zui-alert-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-alert-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-alert-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c) 10%, transparent))] dark:bg-[var(--zui-alert-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb7185) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-ruby-fg,var(--zui-color-ruby,#0f172a))] dark:text-[color:var(--zui-alert-ruby-fg-dark,var(--zui-color-ruby-dark,#f8fafc))]\",\n  red: \"border-[color:var(--zui-alert-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-alert-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-alert-red-bg,color-mix(in oklch, var(--zui-color-red,#dc2626) 10%, transparent))] dark:bg-[var(--zui-alert-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef4444) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-red-fg,var(--zui-color-red,#0f172a))] dark:text-[color:var(--zui-alert-red-fg-dark,var(--zui-color-red-dark,#f8fafc))]\",\n  slate:\n    \"border-[color:var(--zui-alert-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-alert-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-alert-slate-bg,color-mix(in oklch, var(--zui-color-slate,#475569) 10%, transparent))] dark:bg-[var(--zui-alert-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-slate-fg,var(--zui-color-slate,#0f172a))] dark:text-[color:var(--zui-alert-slate-fg-dark,var(--zui-color-slate-dark,#f8fafc))]\",\n  zinc: \"border-[color:var(--zui-alert-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-alert-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-alert-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b) 10%, transparent))] dark:bg-[var(--zui-alert-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-zinc-fg,var(--zui-color-zinc,#0f172a))] dark:text-[color:var(--zui-alert-zinc-fg-dark,var(--zui-color-zinc-dark,#f8fafc))]\",\n  stone:\n    \"border-[color:var(--zui-alert-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-alert-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-alert-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e) 10%, transparent))] dark:bg-[var(--zui-alert-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-stone-fg,var(--zui-color-stone,#0f172a))] dark:text-[color:var(--zui-alert-stone-fg-dark,var(--zui-color-stone-dark,#f8fafc))]\",\n  royal:\n    \"border-[color:var(--zui-alert-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-alert-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-alert-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca) 10%, transparent))] dark:bg-[var(--zui-alert-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf8) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-royal-fg,var(--zui-color-royal,#0f172a))] dark:text-[color:var(--zui-alert-royal-fg-dark,var(--zui-color-royal-dark,#f8fafc))]\",\n  electric:\n    \"border-[color:var(--zui-alert-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-alert-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-alert-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e9) 10%, transparent))] dark:bg-[var(--zui-alert-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf8) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-electric-fg,var(--zui-color-electric,#0f172a))] dark:text-[color:var(--zui-alert-electric-fg-dark,var(--zui-color-electric-dark,#f8fafc))]\",\n  forest:\n    \"border-[color:var(--zui-alert-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-alert-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-alert-forest-bg,color-mix(in oklch, var(--zui-color-forest,#166534) 10%, transparent))] dark:bg-[var(--zui-alert-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade80) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-forest-fg,var(--zui-color-forest,#0f172a))] dark:text-[color:var(--zui-alert-forest-fg-dark,var(--zui-color-forest-dark,#f8fafc))]\",\n  sunset:\n    \"border-[color:var(--zui-alert-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-alert-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-alert-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c) 10%, transparent))] dark:bg-[var(--zui-alert-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-sunset-fg,var(--zui-color-sunset,#0f172a))] dark:text-[color:var(--zui-alert-sunset-fg-dark,var(--zui-color-sunset-dark,#f8fafc))]\",\n  magenta:\n    \"border-[color:var(--zui-alert-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-alert-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-alert-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d3) 10%, transparent))] dark:bg-[var(--zui-alert-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f9) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-magenta-fg,var(--zui-color-magenta,#0f172a))] dark:text-[color:var(--zui-alert-magenta-fg-dark,var(--zui-color-magenta-dark,#f8fafc))]\",\n  crimson:\n    \"border-[color:var(--zui-alert-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-alert-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-alert-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c) 10%, transparent))] dark:bg-[var(--zui-alert-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f87171) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-crimson-fg,var(--zui-color-crimson,#0f172a))] dark:text-[color:var(--zui-alert-crimson-fg-dark,var(--zui-color-crimson-dark,#f8fafc))]\",\n  aqua: \"border-[color:var(--zui-alert-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-alert-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-alert-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e) 10%, transparent))] dark:bg-[var(--zui-alert-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-aqua-fg,var(--zui-color-aqua,#0f172a))] dark:text-[color:var(--zui-alert-aqua-fg-dark,var(--zui-color-aqua-dark,#f8fafc))]\",\n  plum: \"border-[color:var(--zui-alert-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-alert-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-alert-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce) 10%, transparent))] dark:bg-[var(--zui-alert-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-plum-fg,var(--zui-color-plum,#0f172a))] dark:text-[color:var(--zui-alert-plum-fg-dark,var(--zui-color-plum-dark,#f8fafc))]\",\n  purple:\n    \"border-[color:var(--zui-alert-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-alert-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-[var(--zui-alert-purple-bg,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:bg-[var(--zui-alert-purple-bg-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-purple-fg,var(--zui-color-purple,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-purple-fg-dark,var(--zui-color-purple-dark,oklch(98.4%_0.003_247.858)))]\",\n  pink: \"border-[color:var(--zui-alert-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-alert-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-[var(--zui-alert-pink-bg,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:bg-[var(--zui-alert-pink-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-pink-fg,var(--zui-color-pink,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-pink-fg-dark,var(--zui-color-pink-dark,oklch(98.4%_0.003_247.858)))]\",\n  orange:\n    \"border-[color:var(--zui-alert-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-alert-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-[var(--zui-alert-orange-bg,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:bg-[var(--zui-alert-orange-bg-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-orange-fg,var(--zui-color-orange,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-orange-fg-dark,var(--zui-color-orange-dark,oklch(98.4%_0.003_247.858)))]\",\n  yellow:\n    \"border-[color:var(--zui-alert-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-alert-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-[var(--zui-alert-yellow-bg,var(--zui-color-yellow,oklch(98.7%_0.026_102.212)))] dark:bg-[var(--zui-alert-yellow-bg-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-yellow-fg,var(--zui-color-yellow,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(98.4%_0.003_247.858)))]\",\n  teal: \"border-[color:var(--zui-alert-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-alert-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-[var(--zui-alert-teal-bg,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:bg-[var(--zui-alert-teal-bg-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-teal-fg,var(--zui-color-teal,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-teal-fg-dark,var(--zui-color-teal-dark,oklch(98.4%_0.003_247.858)))]\",\n  indigo:\n    \"border-[color:var(--zui-alert-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-alert-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-[var(--zui-alert-indigo-bg,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:bg-[var(--zui-alert-indigo-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-indigo-fg,var(--zui-color-indigo,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(98.4%_0.003_247.858)))]\",\n  gray: \"border-[color:var(--zui-alert-gray-border,var(--zui-color-gray,oklch(27.8%_0.033_256.848)))] dark:border-[color:var(--zui-alert-gray-border-dark,var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)))] bg-[var(--zui-alert-gray-bg,var(--zui-color-gray,oklch(98.5%_0.002_247.839)))] dark:bg-[var(--zui-alert-gray-bg-dark,color-mix(in oklch, var(--zui-color-gray-dark,oklch(13%_0.028_261.692)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-gray-fg,var(--zui-color-gray,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gray-fg-dark,var(--zui-color-gray-dark,oklch(98.4%_0.003_247.858)))]\",\n  violet:\n    \"border-[color:var(--zui-alert-violet-border,var(--zui-color-violet,oklch(43.2%_0.232_292.759)))] dark:border-[color:var(--zui-alert-violet-border-dark,var(--zui-color-violet-dark,oklch(54.1%_0.281_293.009)))] bg-[var(--zui-alert-violet-bg,var(--zui-color-violet,oklch(96.9%_0.016_293.756)))] dark:bg-[var(--zui-alert-violet-bg-dark,color-mix(in oklch, var(--zui-color-violet-dark,oklch(28.3%_0.141_291.089)) 18%, transparent))] backdrop-blur-xl text-[color:var(--zui-alert-violet-fg,var(--zui-color-violet,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-violet-fg-dark,var(--zui-color-violet-dark,oklch(98.4%_0.003_247.858)))]\",\n  \"gradient-blue\":\n    \"border-[color:var(--zui-alert-gradient-blue-border,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:border-[color:var(--zui-alert-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] bg-linear-to-r from-[var(--zui-alert-gradient-blue-from,var(--zui-color-blue,oklch(97%_0.014_254.604)))] dark:from-[var(--zui-alert-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(28.2%_0.091_267.935_/_0.7)))] to-[var(--zui-alert-gradient-blue-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-alert-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-blue-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gradient-blue-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]\",\n  \"gradient-green\":\n    \"border-[color:var(--zui-alert-gradient-green-border,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:border-[color:var(--zui-alert-gradient-green-border-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] bg-linear-to-r from-[var(--zui-alert-gradient-green-from,var(--zui-color-green,oklch(98.2%_0.018_155.826)))] dark:from-[var(--zui-alert-gradient-green-from-dark,var(--zui-color-green-dark,oklch(26.6%_0.065_152.934_/_0.7)))] to-[var(--zui-alert-gradient-green-to,var(--zui-color-lime,oklch(98.6%_0.031_120.757)))] dark:to-[var(--zui-alert-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(27.4%_0.072_132.109_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-green-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gradient-green-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]\",\n  \"gradient-red\":\n    \"border-[color:var(--zui-alert-gradient-red-border,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:border-[color:var(--zui-alert-gradient-red-border-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] bg-linear-to-r from-[var(--zui-alert-gradient-red-from,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:from-[var(--zui-alert-gradient-red-from-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.7)))] to-[var(--zui-alert-gradient-red-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-alert-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-red-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gradient-red-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]\",\n  \"gradient-yellow\":\n    \"border-[color:var(--zui-alert-gradient-yellow-border,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:border-[color:var(--zui-alert-gradient-yellow-border-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] bg-linear-to-r from-[var(--zui-alert-gradient-yellow-from,var(--zui-color-yellow,oklch(98.7%_0.026_102.212)))] dark:from-[var(--zui-alert-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813_/_0.7)))] to-[var(--zui-alert-gradient-yellow-to,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:to-[var(--zui-alert-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-yellow-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]\",\n  \"gradient-purple\":\n    \"border-[color:var(--zui-alert-gradient-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[color:var(--zui-alert-gradient-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-linear-to-r from-[var(--zui-alert-gradient-purple-from,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:from-[var(--zui-alert-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] to-[var(--zui-alert-gradient-purple-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-alert-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-purple-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gradient-purple-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]\",\n  \"gradient-teal\":\n    \"border-[color:var(--zui-alert-gradient-teal-border,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:border-[color:var(--zui-alert-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] bg-linear-to-r from-[var(--zui-alert-gradient-teal-from,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:from-[var(--zui-alert-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.7)))] to-[var(--zui-alert-gradient-teal-to,var(--zui-color-cyan,oklch(98.4%_0.019_200.873)))] dark:to-[var(--zui-alert-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(30.2%_0.056_229.695_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-teal-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gradient-teal-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]\",\n  \"gradient-indigo\":\n    \"border-[color:var(--zui-alert-gradient-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[color:var(--zui-alert-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-linear-to-r from-[var(--zui-alert-gradient-indigo-from,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:from-[var(--zui-alert-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.7)))] to-[var(--zui-alert-gradient-indigo-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-alert-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-indigo-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]\",\n  \"gradient-pink\":\n    \"border-[color:var(--zui-alert-gradient-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[color:var(--zui-alert-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-linear-to-r from-[var(--zui-alert-gradient-pink-from,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:from-[var(--zui-alert-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.7)))] to-[var(--zui-alert-gradient-pink-to,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:to-[var(--zui-alert-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-pink-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gradient-pink-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]\",\n  \"gradient-orange\":\n    \"border-[color:var(--zui-alert-gradient-orange-border,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:border-[color:var(--zui-alert-gradient-orange-border-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] bg-linear-to-r from-[var(--zui-alert-gradient-orange-from,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:from-[var(--zui-alert-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.7)))] to-[var(--zui-alert-gradient-orange-to,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:to-[var(--zui-alert-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.7)))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-orange-fg,var(--zui-brand-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-alert-gradient-orange-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]\",\n} as const;\n\nexport const zuiAlertSizes = {\n  sm: \"rounded-lg p-3\",\n  md: \"rounded-xl p-4\",\n  lg: \"rounded-2xl p-5 text-base\",\n} as const;\n\nexport const zuiAlertTitleBase = \"font-semibold leading-tight\";\n\nexport const zuiAlertTextSizes = {\n  sm: \"text-xs md:text-sm\",\n  md: \"text-xs md:text-sm\",\n  lg: \"text-xs md:text-sm\",\n} as const;\n\nexport const zuiAlertDescriptionBase =\n  \"text-[color:var(--zui-alert-description-fg,var(--zui-fg-muted,oklch(44.6%_0.043_257.281)))] dark:text-[color:var(--zui-alert-description-fg-dark,var(--zui-fg-muted-dark,oklch(86.9%_0.022_252.894)))]\";\n"]}

package/dist/{chunk-V4FFKIX3.js → chunk-4LCH4OJ5.js}

@@ -1,31 +1,31 @@
 'use strict';
 
-var chunkS4OSJ4ZN_js = require('./chunk-S4OSJ4ZN.js');
+var chunkTT33BIIT_js = require('./chunk-TT33BIIT.js');
 var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
 var hi2 = require('react-icons/hi2');
 var jsxRuntime = require('react/jsx-runtime');
 
-var alertVariants = classVarianceAuthority.cva(chunkS4OSJ4ZN_js.zuiAlertBase, {
+var alertVariants = classVarianceAuthority.cva(chunkTT33BIIT_js.zuiAlertBase, {
   variants: {
-    appearance: chunkS4OSJ4ZN_js.zuiAlertAppearances,
-    size: chunkS4OSJ4ZN_js.zuiAlertSizes
+    appearance: chunkTT33BIIT_js.zuiAlertAppearances,
+    size: chunkTT33BIIT_js.zuiAlertSizes
   },
   defaultVariants: {
     appearance: "default",
     size: "md"
   }
 });
-var alertTitleVariants = classVarianceAuthority.cva(chunkS4OSJ4ZN_js.zuiAlertTitleBase, {
+var alertTitleVariants = classVarianceAuthority.cva(chunkTT33BIIT_js.zuiAlertTitleBase, {
   variants: {
-    size: chunkS4OSJ4ZN_js.zuiAlertTextSizes
+    size: chunkTT33BIIT_js.zuiAlertTextSizes
   },
   defaultVariants: { size: "md" }
 });
-var alertDescriptionVariants = classVarianceAuthority.cva(chunkS4OSJ4ZN_js.zuiAlertDescriptionBase, {
+var alertDescriptionVariants = classVarianceAuthority.cva(chunkTT33BIIT_js.zuiAlertDescriptionBase, {
   variants: {
-    size: chunkS4OSJ4ZN_js.zuiAlertTextSizes
+    size: chunkTT33BIIT_js.zuiAlertTextSizes
   },
   defaultVariants: { size: "md" }
 });
@@ -162,5 +162,5 @@ exports.AlertTitle = AlertTitle;
 exports.alertDescriptionVariants = alertDescriptionVariants;
 exports.alertTitleVariants = alertTitleVariants;
 exports.alertVariants = alertVariants;
-//# sourceMappingURL=chunk-V4FFKIX3.js.map
-//# sourceMappingURL=chunk-V4FFKIX3.js.map
+//# sourceMappingURL=chunk-4LCH4OJ5.js.map
+//# sourceMappingURL=chunk-4LCH4OJ5.js.map

package/dist/{chunk-V4FFKIX3.js.map → chunk-4LCH4OJ5.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/alert/variants.ts","../src/ui/alert/alert-base.tsx"],"names":["cva","zuiAlertBase","zuiAlertAppearances","zuiAlertSizes","zuiAlertTitleBase","zuiAlertTextSizes","zuiAlertDescriptionBase","createContext","useContext","useMemo","jsx","jsxs","cn","HiXMark","HiExclamationTriangle","HiInformationCircle"],"mappings":"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","file":"chunk-V4FFKIX3.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiAlertAppearances,\n  zuiAlertBase,\n  zuiAlertDescriptionBase,\n  zuiAlertSizes,\n  zuiAlertTextSizes,\n  zuiAlertTitleBase,\n} from \"../../design-system/alert\";\n\nexport const alertVariants = cva(zuiAlertBase, {\n  variants: {\n    appearance: zuiAlertAppearances,\n    size: zuiAlertSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const alertTitleVariants = cva(zuiAlertTitleBase, {\n  variants: {\n    size: zuiAlertTextSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const alertDescriptionVariants = cva(zuiAlertDescriptionBase, {\n  variants: {\n    size: zuiAlertTextSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport {\n  HiExclamationTriangle,\n  HiInformationCircle,\n  HiXMark,\n} from \"react-icons/hi2\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  AlertBaseProps,\n  AlertProps,\n  AlertSectionProps,\n  AlertSize,\n} from \"./types\";\nimport {\n  alertDescriptionVariants,\n  alertTitleVariants,\n  alertVariants,\n} from \"./variants\";\n\nconst AlertSizeContext = createContext<AlertSize>(\"md\");\n\nfunction useAlertSize(): AlertSize {\n  const ctx = useContext(AlertSizeContext);\n  if (!ctx) {\n    throw new Error(\"useAlertSize must be used within an Alert\");\n  }\n  return ctx;\n}\n\nexport function AlertBase(props: AlertBaseProps) {\n  const {\n    className,\n    triggerClassName,\n    appearance = \"default\",\n    size = \"md\",\n    closable = false,\n    onClose,\n    closeLabel = \"Dismiss alert\",\n    children,\n    ref,\n    as: Wrapper = \"div\",\n    ...rest\n  } = props;\n\n  const live = appearance === \"error\" ? \"assertive\" : \"polite\";\n  const ctx = useMemo(() => size ?? \"md\", [size]);\n\n  return (\n    <AlertSizeContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"alert\"\n        role=\"alert\"\n        aria-live={live}\n        className={cn(\n          alertVariants({ appearance, size }),\n          closable ? \"pr-12\" : \"\",\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n        {closable ? (\n          <button\n            type=\"button\"\n            data-slot=\"alert-close\"\n            aria-label={closeLabel}\n            onClick={onClose}\n            className={cn(\n              \"absolute right-3 top-3 inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30\",\n              triggerClassName,\n            )}\n          >\n            <HiXMark className=\"size-4\" aria-hidden />\n          </button>\n        ) : null}\n      </Wrapper>\n    </AlertSizeContext.Provider>\n  );\n}\n\nAlertBase.displayName = \"AlertBase\";\n\nexport function AlertIcon({ className, children }: AlertSectionProps) {\n  return (\n    <span\n      data-slot=\"alert-icon\"\n      className={cn(\"mt-0.5 shrink-0 text-current\", className)}\n    >\n      {children}\n    </span>\n  );\n}\n\nAlertIcon.displayName = \"AlertIcon\";\n\nexport function AlertTitle({ className, children }: AlertSectionProps) {\n  const size = useAlertSize();\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(alertTitleVariants({ size }), className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nAlertTitle.displayName = \"AlertTitle\";\n\nexport function AlertDescription({ className, children }: AlertSectionProps) {\n  const size = useAlertSize();\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(alertDescriptionVariants({ size }), className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nAlertDescription.displayName = \"AlertDescription\";\n\nexport function AlertClose({\n  className,\n  children,\n  \"aria-label\": ariaLabel = \"Dismiss alert\",\n  onClick,\n}: AlertSectionProps & { onClick?: () => void; \"aria-label\"?: string }) {\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"alert-close\"\n      aria-label={ariaLabel}\n      onClick={onClick}\n      className={cn(\n        \"inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30\",\n        className,\n      )}\n    >\n      {children ?? <HiXMark className=\"size-4\" aria-hidden />}\n    </button>\n  );\n}\n\nAlertClose.displayName = \"AlertClose\";\n\nexport function AlertDefaultIcon({\n  appearance,\n}: {\n  appearance?: AlertProps[\"appearance\"];\n}) {\n  if (appearance === \"error\") {\n    return <HiExclamationTriangle className=\"size-5\" aria-hidden />;\n  }\n  return <HiInformationCircle className=\"size-5\" aria-hidden />;\n}\n"]}
+{"version":3,"sources":["../src/ui/alert/variants.ts","../src/ui/alert/alert-base.tsx"],"names":["cva","zuiAlertBase","zuiAlertAppearances","zuiAlertSizes","zuiAlertTitleBase","zuiAlertTextSizes","zuiAlertDescriptionBase","createContext","useContext","useMemo","jsx","jsxs","cn","HiXMark","HiExclamationTriangle","HiInformationCircle"],"mappings":"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","file":"chunk-4LCH4OJ5.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiAlertAppearances,\n  zuiAlertBase,\n  zuiAlertDescriptionBase,\n  zuiAlertSizes,\n  zuiAlertTextSizes,\n  zuiAlertTitleBase,\n} from \"../../design-system/alert\";\n\nexport const alertVariants = cva(zuiAlertBase, {\n  variants: {\n    appearance: zuiAlertAppearances,\n    size: zuiAlertSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const alertTitleVariants = cva(zuiAlertTitleBase, {\n  variants: {\n    size: zuiAlertTextSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const alertDescriptionVariants = cva(zuiAlertDescriptionBase, {\n  variants: {\n    size: zuiAlertTextSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\nimport {\n  HiExclamationTriangle,\n  HiInformationCircle,\n  HiXMark,\n} from \"react-icons/hi2\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  AlertBaseProps,\n  AlertProps,\n  AlertSectionProps,\n  AlertSize,\n} from \"./types\";\nimport {\n  alertDescriptionVariants,\n  alertTitleVariants,\n  alertVariants,\n} from \"./variants\";\n\nconst AlertSizeContext = createContext<AlertSize>(\"md\");\n\nfunction useAlertSize(): AlertSize {\n  const ctx = useContext(AlertSizeContext);\n  if (!ctx) {\n    throw new Error(\"useAlertSize must be used within an Alert\");\n  }\n  return ctx;\n}\n\nexport function AlertBase(props: AlertBaseProps) {\n  const {\n    className,\n    triggerClassName,\n    appearance = \"default\",\n    size = \"md\",\n    closable = false,\n    onClose,\n    closeLabel = \"Dismiss alert\",\n    children,\n    ref,\n    as: Wrapper = \"div\",\n    ...rest\n  } = props;\n\n  const live = appearance === \"error\" ? \"assertive\" : \"polite\";\n  const ctx = useMemo(() => size ?? \"md\", [size]);\n\n  return (\n    <AlertSizeContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"alert\"\n        role=\"alert\"\n        aria-live={live}\n        className={cn(\n          alertVariants({ appearance, size }),\n          closable ? \"pr-12\" : \"\",\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n        {closable ? (\n          <button\n            type=\"button\"\n            data-slot=\"alert-close\"\n            aria-label={closeLabel}\n            onClick={onClose}\n            className={cn(\n              \"absolute right-3 top-3 inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30\",\n              triggerClassName,\n            )}\n          >\n            <HiXMark className=\"size-4\" aria-hidden />\n          </button>\n        ) : null}\n      </Wrapper>\n    </AlertSizeContext.Provider>\n  );\n}\n\nAlertBase.displayName = \"AlertBase\";\n\nexport function AlertIcon({ className, children }: AlertSectionProps) {\n  return (\n    <span\n      data-slot=\"alert-icon\"\n      className={cn(\"mt-0.5 shrink-0 text-current\", className)}\n    >\n      {children}\n    </span>\n  );\n}\n\nAlertIcon.displayName = \"AlertIcon\";\n\nexport function AlertTitle({ className, children }: AlertSectionProps) {\n  const size = useAlertSize();\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(alertTitleVariants({ size }), className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nAlertTitle.displayName = \"AlertTitle\";\n\nexport function AlertDescription({ className, children }: AlertSectionProps) {\n  const size = useAlertSize();\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(alertDescriptionVariants({ size }), className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nAlertDescription.displayName = \"AlertDescription\";\n\nexport function AlertClose({\n  className,\n  children,\n  \"aria-label\": ariaLabel = \"Dismiss alert\",\n  onClick,\n}: AlertSectionProps & { onClick?: () => void; \"aria-label\"?: string }) {\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"alert-close\"\n      aria-label={ariaLabel}\n      onClick={onClick}\n      className={cn(\n        \"inline-flex size-8 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30\",\n        className,\n      )}\n    >\n      {children ?? <HiXMark className=\"size-4\" aria-hidden />}\n    </button>\n  );\n}\n\nAlertClose.displayName = \"AlertClose\";\n\nexport function AlertDefaultIcon({\n  appearance,\n}: {\n  appearance?: AlertProps[\"appearance\"];\n}) {\n  if (appearance === \"error\") {\n    return <HiExclamationTriangle className=\"size-5\" aria-hidden />;\n  }\n  return <HiInformationCircle className=\"size-5\" aria-hidden />;\n}\n"]}

package/dist/chunk-4TX7EQ5Y.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunkNEFDIJ5N_js = require('./chunk-NEFDIJ5N.js');
+var classVarianceAuthority = require('class-variance-authority');
+
+var buttonVariants = classVarianceAuthority.cva(chunkNEFDIJ5N_js.zuiButtonBase, {
+  variants: {
+    appearance: chunkNEFDIJ5N_js.zuiButtonAppearances,
+    size: chunkNEFDIJ5N_js.zuiButtonSizes
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md"
+  }
+});
+
+exports.buttonVariants = buttonVariants;
+//# sourceMappingURL=chunk-4TX7EQ5Y.js.map
+//# sourceMappingURL=chunk-4TX7EQ5Y.js.map

package/dist/{chunk-AQHY4S33.js.map → chunk-4TX7EQ5Y.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":["cva","zuiButtonBase","zuiButtonAppearances","zuiButtonSizes"],"mappings":";;;;;AAQO,IAAM,cAAA,GAAiBA,2BAAIC,8BAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,qCAAA;AAAA,IACZ,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-AQHY4S33.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiButtonAppearances,\n  zuiButtonBase,\n  zuiButtonSizes,\n} from \"../../design-system\";\n\nexport const buttonVariants = cva(zuiButtonBase, {\n  variants: {\n    appearance: zuiButtonAppearances,\n    size: zuiButtonSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n"]}
+{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":["cva","zuiButtonBase","zuiButtonAppearances","zuiButtonSizes"],"mappings":";;;;;AAQO,IAAM,cAAA,GAAiBA,2BAAIC,8BAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,qCAAA;AAAA,IACZ,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-4TX7EQ5Y.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiButtonAppearances,\n  zuiButtonBase,\n  zuiButtonSizes,\n} from \"../../design-system\";\n\nexport const buttonVariants = cva(zuiButtonBase, {\n  variants: {\n    appearance: zuiButtonAppearances,\n    size: zuiButtonSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n"]}

package/dist/chunk-4WG3VNVL.mjs

@@ -0,0 +1,69 @@
+// src/design-system/slider.ts
+var zuiSliderRootBase = "w-full select-none touch-none";
+var zuiSliderRootSizes = {
+  sm: "py-2",
+  md: "py-2.5",
+  lg: "py-3"
+};
+var zuiSliderTrackBase = "relative h-2 w-full shrink-0 overflow-hidden rounded-full bg-[var(--zui-slider-track-bg,var(--zui-surface-soft,#0000001a))] dark:bg-[var(--zui-slider-track-bg-dark,var(--zui-surface-soft-dark,#ffffff1a))]";
+var zuiSliderTrackSizes = {
+  sm: "h-1.5",
+  md: "h-2",
+  lg: "h-2.5"
+};
+var zuiSliderRangeBase = "absolute h-full rounded-full bg-linear-to-r";
+var zuiSliderRangeAppearances = {
+  default: "from-[var(--zui-slider-range-default-from,var(--zui-brand,oklch(60.6%_0.25_292.717)))] dark:from-[var(--zui-slider-range-default-from-dark,var(--zui-brand-dark,oklch(60.6%_0.25_292.717)))] to-[var(--zui-slider-range-default-to,var(--zui-brand-hover,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-default-to-dark,var(--zui-brand-hover-dark,oklch(67.3%_0.182_276.935)))]",
+  sky: "from-[var(--zui-slider-range-sky-from,var(--zui-color-sky,oklch(68.5%_0.169_237.323)))] dark:from-[var(--zui-slider-range-sky-from-dark,var(--zui-color-sky-dark,oklch(68.5%_0.169_237.323)))] to-[var(--zui-slider-range-sky-to,var(--zui-color-sky,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-sky-to-dark,var(--zui-color-sky-dark,oklch(67.3%_0.182_276.935)))]",
+  rose: "from-[var(--zui-slider-range-rose-from,var(--zui-color-rose,oklch(64.5%_0.246_16.439)))] dark:from-[var(--zui-slider-range-rose-from-dark,var(--zui-color-rose-dark,oklch(64.5%_0.246_16.439)))] to-[var(--zui-slider-range-rose-to,var(--zui-color-rose,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-rose-to-dark,var(--zui-color-rose-dark,oklch(67.3%_0.182_276.935)))]",
+  purple: "from-[var(--zui-slider-range-purple-from,var(--zui-color-purple,oklch(62.7%_0.265_303.9)))] dark:from-[var(--zui-slider-range-purple-from-dark,var(--zui-color-purple-dark,oklch(62.7%_0.265_303.9)))] to-[var(--zui-slider-range-purple-to,var(--zui-color-purple,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-purple-to-dark,var(--zui-color-purple-dark,oklch(67.3%_0.182_276.935)))]",
+  pink: "from-[var(--zui-slider-range-pink-from,var(--zui-color-pink,oklch(65.6%_0.241_354.308)))] dark:from-[var(--zui-slider-range-pink-from-dark,var(--zui-color-pink-dark,oklch(65.6%_0.241_354.308)))] to-[var(--zui-slider-range-pink-to,var(--zui-color-pink,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-pink-to-dark,var(--zui-color-pink-dark,oklch(67.3%_0.182_276.935)))]",
+  orange: "from-[var(--zui-slider-range-orange-from,var(--zui-color-orange,oklch(70.5%_0.213_47.604)))] dark:from-[var(--zui-slider-range-orange-from-dark,var(--zui-color-orange-dark,oklch(70.5%_0.213_47.604)))] to-[var(--zui-slider-range-orange-to,var(--zui-color-orange,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-orange-to-dark,var(--zui-color-orange-dark,oklch(67.3%_0.182_276.935)))]",
+  yellow: "from-[var(--zui-slider-range-yellow-from,var(--zui-color-yellow,oklch(79.5%_0.184_86.047)))] dark:from-[var(--zui-slider-range-yellow-from-dark,var(--zui-color-yellow-dark,oklch(79.5%_0.184_86.047)))] to-[var(--zui-slider-range-yellow-to,var(--zui-color-yellow,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-yellow-to-dark,var(--zui-color-yellow-dark,oklch(67.3%_0.182_276.935)))]",
+  teal: "from-[var(--zui-slider-range-teal-from,var(--zui-color-teal,oklch(70.4%_0.14_182.503)))] dark:from-[var(--zui-slider-range-teal-from-dark,var(--zui-color-teal-dark,oklch(70.4%_0.14_182.503)))] to-[var(--zui-slider-range-teal-to,var(--zui-color-teal,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-teal-to-dark,var(--zui-color-teal-dark,oklch(67.3%_0.182_276.935)))]",
+  indigo: "from-[var(--zui-slider-range-indigo-from,var(--zui-color-indigo,oklch(58.5%_0.233_277.117)))] dark:from-[var(--zui-slider-range-indigo-from-dark,var(--zui-color-indigo-dark,oklch(58.5%_0.233_277.117)))] to-[var(--zui-slider-range-indigo-to,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-indigo-to-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]",
+  emerald: "from-[var(--zui-slider-range-emerald-from,var(--zui-color-emerald,oklch(69.6%_0.17_162.48)))] dark:from-[var(--zui-slider-range-emerald-from-dark,var(--zui-color-emerald-dark,oklch(69.6%_0.17_162.48)))] to-[var(--zui-slider-range-emerald-to,var(--zui-color-emerald,oklch(60%_0.118_184.704)))] dark:to-[var(--zui-slider-range-emerald-to-dark,var(--zui-color-emerald-dark,oklch(77.7%_0.152_181.912)))]",
+  amber: "from-[var(--zui-slider-range-amber-from,var(--zui-color-amber,oklch(76.9%_0.188_70.08)))] dark:from-[var(--zui-slider-range-amber-from-dark,var(--zui-color-amber-dark,oklch(76.9%_0.188_70.08)))] to-[var(--zui-slider-range-amber-to,var(--zui-color-amber,oklch(64.6%_0.222_41.116)))] dark:to-[var(--zui-slider-range-amber-to-dark,var(--zui-color-amber-dark,oklch(75%_0.183_55.934)))]",
+  gray: "from-[var(--zui-slider-range-gray-from,var(--zui-color-gray,oklch(55.1%_0.027_264.364)))] dark:from-[var(--zui-slider-range-gray-from-dark,var(--zui-color-gray-dark,oklch(55.1%_0.027_264.364)))] to-[var(--zui-slider-range-gray-to,var(--zui-color-gray,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gray-to-dark,var(--zui-color-gray-dark,oklch(67.3%_0.182_276.935)))]",
+  violet: "from-[var(--zui-slider-range-violet-from,var(--zui-color-violet,oklch(60.6%_0.25_292.717)))] dark:from-[var(--zui-slider-range-violet-from-dark,var(--zui-color-violet-dark,oklch(60.6%_0.25_292.717)))] to-[var(--zui-slider-range-violet-to,var(--zui-color-violet,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-violet-to-dark,var(--zui-color-violet-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-blue": "from-[var(--zui-slider-range-gradient-blue-from,var(--zui-color-blue,oklch(62.3%_0.214_259.815)))] dark:from-[var(--zui-slider-range-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(62.3%_0.214_259.815)))] to-[var(--zui-slider-range-gradient-blue-to,var(--zui-color-purple,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-green": "from-[var(--zui-slider-range-gradient-green-from,var(--zui-color-green,oklch(72.3%_0.219_149.579)))] dark:from-[var(--zui-slider-range-gradient-green-from-dark,var(--zui-color-green-dark,oklch(72.3%_0.219_149.579)))] to-[var(--zui-slider-range-gradient-green-to,var(--zui-color-lime,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-red": "from-[var(--zui-slider-range-gradient-red-from,var(--zui-color-red,oklch(63.7%_0.237_25.331)))] dark:from-[var(--zui-slider-range-gradient-red-from-dark,var(--zui-color-red-dark,oklch(63.7%_0.237_25.331)))] to-[var(--zui-slider-range-gradient-red-to,var(--zui-color-pink,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-yellow": "from-[var(--zui-slider-range-gradient-yellow-from,var(--zui-color-yellow,oklch(79.5%_0.184_86.047)))] dark:from-[var(--zui-slider-range-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(79.5%_0.184_86.047)))] to-[var(--zui-slider-range-gradient-yellow-to,var(--zui-color-orange,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-purple": "from-[var(--zui-slider-range-gradient-purple-from,var(--zui-color-purple,oklch(62.7%_0.265_303.9)))] dark:from-[var(--zui-slider-range-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(62.7%_0.265_303.9)))] to-[var(--zui-slider-range-gradient-purple-to,var(--zui-color-pink,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-teal": "from-[var(--zui-slider-range-gradient-teal-from,var(--zui-color-teal,oklch(70.4%_0.14_182.503)))] dark:from-[var(--zui-slider-range-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(70.4%_0.14_182.503)))] to-[var(--zui-slider-range-gradient-teal-to,var(--zui-color-cyan,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-indigo": "from-[var(--zui-slider-range-gradient-indigo-from,var(--zui-color-indigo,oklch(58.5%_0.233_277.117)))] dark:from-[var(--zui-slider-range-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(58.5%_0.233_277.117)))] to-[var(--zui-slider-range-gradient-indigo-to,var(--zui-color-purple,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-pink": "from-[var(--zui-slider-range-gradient-pink-from,var(--zui-color-pink,oklch(65.6%_0.241_354.308)))] dark:from-[var(--zui-slider-range-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(65.6%_0.241_354.308)))] to-[var(--zui-slider-range-gradient-pink-to,var(--zui-color-rose,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-orange": "from-[var(--zui-slider-range-gradient-orange-from,var(--zui-color-orange,oklch(70.5%_0.213_47.604)))] dark:from-[var(--zui-slider-range-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(70.5%_0.213_47.604)))] to-[var(--zui-slider-range-gradient-orange-to,var(--zui-color-red,oklch(51.1%_0.262_276.966)))] dark:to-[var(--zui-slider-range-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(67.3%_0.182_276.935)))]",
+  blue: "from-[var(--zui-slider-range-blue-from,var(--zui-color-blue,#2563eb))] dark:from-[var(--zui-slider-range-blue-from-dark,var(--zui-color-blue-dark,#3b82f6))] to-[var(--zui-slider-range-blue-to,var(--zui-color-blue,#2563eb))] dark:to-[var(--zui-slider-range-blue-to-dark,var(--zui-color-blue-dark,#3b82f6))]",
+  cyan: "from-[var(--zui-slider-range-cyan-from,var(--zui-color-cyan,#0891b2))] dark:from-[var(--zui-slider-range-cyan-from-dark,var(--zui-color-cyan-dark,#22d3ee))] to-[var(--zui-slider-range-cyan-to,var(--zui-color-cyan,#0891b2))] dark:to-[var(--zui-slider-range-cyan-to-dark,var(--zui-color-cyan-dark,#22d3ee))]",
+  green: "from-[var(--zui-slider-range-green-from,var(--zui-color-green,#16a34a))] dark:from-[var(--zui-slider-range-green-from-dark,var(--zui-color-green-dark,#22c55e))] to-[var(--zui-slider-range-green-to,var(--zui-color-green,#16a34a))] dark:to-[var(--zui-slider-range-green-to-dark,var(--zui-color-green-dark,#22c55e))]",
+  lime: "from-[var(--zui-slider-range-lime-from,var(--zui-color-lime,#65a30d))] dark:from-[var(--zui-slider-range-lime-from-dark,var(--zui-color-lime-dark,#a3e635))] to-[var(--zui-slider-range-lime-to,var(--zui-color-lime,#65a30d))] dark:to-[var(--zui-slider-range-lime-to-dark,var(--zui-color-lime-dark,#a3e635))]",
+  mint: "from-[var(--zui-slider-range-mint-from,var(--zui-color-mint,#10b981))] dark:from-[var(--zui-slider-range-mint-from-dark,var(--zui-color-mint-dark,#6ee7b7))] to-[var(--zui-slider-range-mint-to,var(--zui-color-mint,#10b981))] dark:to-[var(--zui-slider-range-mint-to-dark,var(--zui-color-mint-dark,#6ee7b7))]",
+  ocean: "from-[var(--zui-slider-range-ocean-from,var(--zui-color-ocean,#0284c7))] dark:from-[var(--zui-slider-range-ocean-from-dark,var(--zui-color-ocean-dark,#38bdf8))] to-[var(--zui-slider-range-ocean-to,var(--zui-color-ocean,#0284c7))] dark:to-[var(--zui-slider-range-ocean-to-dark,var(--zui-color-ocean-dark,#38bdf8))]",
+  sapphire: "from-[var(--zui-slider-range-sapphire-from,var(--zui-color-sapphire,#1d4ed8))] dark:from-[var(--zui-slider-range-sapphire-from-dark,var(--zui-color-sapphire-dark,#60a5fa))] to-[var(--zui-slider-range-sapphire-to,var(--zui-color-sapphire,#1d4ed8))] dark:to-[var(--zui-slider-range-sapphire-to-dark,var(--zui-color-sapphire-dark,#60a5fa))]",
+  lavender: "from-[var(--zui-slider-range-lavender-from,var(--zui-color-lavender,#8b5cf6))] dark:from-[var(--zui-slider-range-lavender-from-dark,var(--zui-color-lavender-dark,#a78bfa))] to-[var(--zui-slider-range-lavender-to,var(--zui-color-lavender,#8b5cf6))] dark:to-[var(--zui-slider-range-lavender-to-dark,var(--zui-color-lavender-dark,#a78bfa))]",
+  ruby: "from-[var(--zui-slider-range-ruby-from,var(--zui-color-ruby,#be123c))] dark:from-[var(--zui-slider-range-ruby-from-dark,var(--zui-color-ruby-dark,#fb7185))] to-[var(--zui-slider-range-ruby-to,var(--zui-color-ruby,#be123c))] dark:to-[var(--zui-slider-range-ruby-to-dark,var(--zui-color-ruby-dark,#fb7185))]",
+  red: "from-[var(--zui-slider-range-red-from,var(--zui-color-red,#dc2626))] dark:from-[var(--zui-slider-range-red-from-dark,var(--zui-color-red-dark,#ef4444))] to-[var(--zui-slider-range-red-to,var(--zui-color-red,#dc2626))] dark:to-[var(--zui-slider-range-red-to-dark,var(--zui-color-red-dark,#ef4444))]",
+  slate: "from-[var(--zui-slider-range-slate-from,var(--zui-color-slate,#475569))] dark:from-[var(--zui-slider-range-slate-from-dark,var(--zui-color-slate-dark,#64748b))] to-[var(--zui-slider-range-slate-to,var(--zui-color-slate,#475569))] dark:to-[var(--zui-slider-range-slate-to-dark,var(--zui-color-slate-dark,#64748b))]",
+  zinc: "from-[var(--zui-slider-range-zinc-from,var(--zui-color-zinc,#52525b))] dark:from-[var(--zui-slider-range-zinc-from-dark,var(--zui-color-zinc-dark,#71717a))] to-[var(--zui-slider-range-zinc-to,var(--zui-color-zinc,#52525b))] dark:to-[var(--zui-slider-range-zinc-to-dark,var(--zui-color-zinc-dark,#71717a))]",
+  stone: "from-[var(--zui-slider-range-stone-from,var(--zui-color-stone,#57534e))] dark:from-[var(--zui-slider-range-stone-from-dark,var(--zui-color-stone-dark,#78716c))] to-[var(--zui-slider-range-stone-to,var(--zui-color-stone,#57534e))] dark:to-[var(--zui-slider-range-stone-to-dark,var(--zui-color-stone-dark,#78716c))]",
+  royal: "from-[var(--zui-slider-range-royal-from,var(--zui-color-royal,#4338ca))] dark:from-[var(--zui-slider-range-royal-from-dark,var(--zui-color-royal-dark,#818cf8))] to-[var(--zui-slider-range-royal-to,var(--zui-color-royal,#4338ca))] dark:to-[var(--zui-slider-range-royal-to-dark,var(--zui-color-royal-dark,#818cf8))]",
+  electric: "from-[var(--zui-slider-range-electric-from,var(--zui-color-electric,#0ea5e9))] dark:from-[var(--zui-slider-range-electric-from-dark,var(--zui-color-electric-dark,#38bdf8))] to-[var(--zui-slider-range-electric-to,var(--zui-color-electric,#0ea5e9))] dark:to-[var(--zui-slider-range-electric-to-dark,var(--zui-color-electric-dark,#38bdf8))]",
+  forest: "from-[var(--zui-slider-range-forest-from,var(--zui-color-forest,#166534))] dark:from-[var(--zui-slider-range-forest-from-dark,var(--zui-color-forest-dark,#4ade80))] to-[var(--zui-slider-range-forest-to,var(--zui-color-forest,#166534))] dark:to-[var(--zui-slider-range-forest-to-dark,var(--zui-color-forest-dark,#4ade80))]",
+  sunset: "from-[var(--zui-slider-range-sunset-from,var(--zui-color-sunset,#ea580c))] dark:from-[var(--zui-slider-range-sunset-from-dark,var(--zui-color-sunset-dark,#fb923c))] to-[var(--zui-slider-range-sunset-to,var(--zui-color-sunset,#ea580c))] dark:to-[var(--zui-slider-range-sunset-to-dark,var(--zui-color-sunset-dark,#fb923c))]",
+  magenta: "from-[var(--zui-slider-range-magenta-from,var(--zui-color-magenta,#c026d3))] dark:from-[var(--zui-slider-range-magenta-from-dark,var(--zui-color-magenta-dark,#e879f9))] to-[var(--zui-slider-range-magenta-to,var(--zui-color-magenta,#c026d3))] dark:to-[var(--zui-slider-range-magenta-to-dark,var(--zui-color-magenta-dark,#e879f9))]",
+  crimson: "from-[var(--zui-slider-range-crimson-from,var(--zui-color-crimson,#b91c1c))] dark:from-[var(--zui-slider-range-crimson-from-dark,var(--zui-color-crimson-dark,#f87171))] to-[var(--zui-slider-range-crimson-to,var(--zui-color-crimson,#b91c1c))] dark:to-[var(--zui-slider-range-crimson-to-dark,var(--zui-color-crimson-dark,#f87171))]",
+  aqua: "from-[var(--zui-slider-range-aqua-from,var(--zui-color-aqua,#0f766e))] dark:from-[var(--zui-slider-range-aqua-from-dark,var(--zui-color-aqua-dark,#2dd4bf))] to-[var(--zui-slider-range-aqua-to,var(--zui-color-aqua,#0f766e))] dark:to-[var(--zui-slider-range-aqua-to-dark,var(--zui-color-aqua-dark,#2dd4bf))]",
+  plum: "from-[var(--zui-slider-range-plum-from,var(--zui-color-plum,#7e22ce))] dark:from-[var(--zui-slider-range-plum-from-dark,var(--zui-color-plum-dark,#c084fc))] to-[var(--zui-slider-range-plum-to,var(--zui-color-plum,#7e22ce))] dark:to-[var(--zui-slider-range-plum-to-dark,var(--zui-color-plum-dark,#c084fc))]"
+};
+var zuiSliderThumbBase = "block size-4 rounded-full border border-[color:var(--zui-slider-thumb-border,var(--zui-border,#00000033))] dark:border-[color:var(--zui-slider-thumb-border-dark,var(--zui-border-dark,#ffffff33))] bg-[var(--zui-slider-thumb-bg,var(--zui-surface-muted,#000000))] dark:bg-[var(--zui-slider-thumb-bg-dark,var(--zui-surface-muted-dark,#ffffff))] shadow-[var(--zui-slider-thumb-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-slider-thumb-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)))] ring-offset-2 ring-offset-[var(--zui-slider-thumb-ring-offset,var(--zui-ring-offset,oklch(98.4%_0.003_247.858)))] dark:ring-offset-[var(--zui-slider-thumb-ring-offset-dark,var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695)))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-slider-thumb-ring-focus,var(--zui-focus-ring,#00000066))] dark:focus-visible:ring-[var(--zui-slider-thumb-ring-focus-dark,var(--zui-focus-ring-dark,#ffffff66))] disabled:pointer-events-none disabled:opacity-40";
+var zuiSliderThumbSizes = {
+  sm: "size-3.5",
+  md: "size-4",
+  lg: "size-5"
+};
+
+export { zuiSliderRangeAppearances, zuiSliderRangeBase, zuiSliderRootBase, zuiSliderRootSizes, zuiSliderThumbBase, zuiSliderThumbSizes, zuiSliderTrackBase, zuiSliderTrackSizes };
+//# sourceMappingURL=chunk-4WG3VNVL.mjs.map
+//# sourceMappingURL=chunk-4WG3VNVL.mjs.map