@zentauri-ui/zentauri-components 1.9.1 → 2.0.0

package/dist/chunk-SYFTQAZG.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,#94a3b8)_var(--zui-scroll-area-track,transparent)] [scrollbar-width:thin] focus-visible:ring-2 focus-visible:ring-[var(--zui-scroll-area-ring-focus,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,#ffffff)] dark:focus-visible:ring-[var(--zui-scroll-area-ring-focus-dark,oklch(70.7%_0.165_254.624_/_0.28))] dark:focus-visible:ring-offset-[var(--zui-scroll-area-ring-offset-focus-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,transparent)] [&::-webkit-scrollbar-thumb]:bg-[var(--zui-scroll-area-thumb,#94a3b8)] [&::-webkit-scrollbar-track]:rounded-full [&::-webkit-scrollbar-track]:bg-[var(--zui-scroll-area-track,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,#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,#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,#ffffff80)] bg-[var(--zui-scroll-area-glass-bg,#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,#ffffff1f)] dark:bg-[var(--zui-scroll-area-glass-bg-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,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,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,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,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,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,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,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,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,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,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,#2563eb66)] dark:border-[color:var(--zui-scroll-area-blue-border-dark,#3b82f666)] [--zui-scroll-area-thumb:var(--zui-scroll-area-blue-thumb,#2563eb)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-blue-thumb-dark,#3b82f6)] [--zui-scroll-area-track:var(--zui-scroll-area-blue-track,#2563eb14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-blue-track-dark,#3b82f624)]",
+  cyan: "border border-[color:var(--zui-scroll-area-cyan-border,#0891b266)] dark:border-[color:var(--zui-scroll-area-cyan-border-dark,#22d3ee66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-cyan-thumb,#0891b2)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-cyan-thumb-dark,#22d3ee)] [--zui-scroll-area-track:var(--zui-scroll-area-cyan-track,#0891b214)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-cyan-track-dark,#22d3ee24)]",
+  green: "border border-[color:var(--zui-scroll-area-green-border,#16a34a66)] dark:border-[color:var(--zui-scroll-area-green-border-dark,#22c55e66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-green-thumb,#16a34a)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-green-thumb-dark,#22c55e)] [--zui-scroll-area-track:var(--zui-scroll-area-green-track,#16a34a14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-green-track-dark,#22c55e24)]",
+  lime: "border border-[color:var(--zui-scroll-area-lime-border,#65a30d66)] dark:border-[color:var(--zui-scroll-area-lime-border-dark,#a3e63566)] [--zui-scroll-area-thumb:var(--zui-scroll-area-lime-thumb,#65a30d)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-lime-thumb-dark,#a3e635)] [--zui-scroll-area-track:var(--zui-scroll-area-lime-track,#65a30d14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-lime-track-dark,#a3e63524)]",
+  mint: "border border-[color:var(--zui-scroll-area-mint-border,#10b98166)] dark:border-[color:var(--zui-scroll-area-mint-border-dark,#6ee7b766)] [--zui-scroll-area-thumb:var(--zui-scroll-area-mint-thumb,#10b981)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-mint-thumb-dark,#6ee7b7)] [--zui-scroll-area-track:var(--zui-scroll-area-mint-track,#10b98114)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-mint-track-dark,#6ee7b724)]",
+  ocean: "border border-[color:var(--zui-scroll-area-ocean-border,#0284c766)] dark:border-[color:var(--zui-scroll-area-ocean-border-dark,#38bdf866)] [--zui-scroll-area-thumb:var(--zui-scroll-area-ocean-thumb,#0284c7)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-ocean-thumb-dark,#38bdf8)] [--zui-scroll-area-track:var(--zui-scroll-area-ocean-track,#0284c714)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-ocean-track-dark,#38bdf824)]",
+  sapphire: "border border-[color:var(--zui-scroll-area-sapphire-border,#1d4ed866)] dark:border-[color:var(--zui-scroll-area-sapphire-border-dark,#60a5fa66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-sapphire-thumb,#1d4ed8)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-sapphire-thumb-dark,#60a5fa)] [--zui-scroll-area-track:var(--zui-scroll-area-sapphire-track,#1d4ed814)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-sapphire-track-dark,#60a5fa24)]",
+  lavender: "border border-[color:var(--zui-scroll-area-lavender-border,#8b5cf666)] dark:border-[color:var(--zui-scroll-area-lavender-border-dark,#a78bfa66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-lavender-thumb,#8b5cf6)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-lavender-thumb-dark,#a78bfa)] [--zui-scroll-area-track:var(--zui-scroll-area-lavender-track,#8b5cf614)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-lavender-track-dark,#a78bfa24)]",
+  ruby: "border border-[color:var(--zui-scroll-area-ruby-border,#be123c66)] dark:border-[color:var(--zui-scroll-area-ruby-border-dark,#fb718566)] [--zui-scroll-area-thumb:var(--zui-scroll-area-ruby-thumb,#be123c)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-ruby-thumb-dark,#fb7185)] [--zui-scroll-area-track:var(--zui-scroll-area-ruby-track,#be123c14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-ruby-track-dark,#fb718524)]",
+  red: "border border-[color:var(--zui-scroll-area-red-border,#dc262666)] dark:border-[color:var(--zui-scroll-area-red-border-dark,#ef444466)] [--zui-scroll-area-thumb:var(--zui-scroll-area-red-thumb,#dc2626)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-red-thumb-dark,#ef4444)] [--zui-scroll-area-track:var(--zui-scroll-area-red-track,#dc262614)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-red-track-dark,#ef444424)]",
+  slate: "border border-[color:var(--zui-scroll-area-slate-border,#47556966)] dark:border-[color:var(--zui-scroll-area-slate-border-dark,#64748b66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-slate-thumb,#475569)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-slate-thumb-dark,#64748b)] [--zui-scroll-area-track:var(--zui-scroll-area-slate-track,#47556914)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-slate-track-dark,#64748b24)]",
+  zinc: "border border-[color:var(--zui-scroll-area-zinc-border,#52525b66)] dark:border-[color:var(--zui-scroll-area-zinc-border-dark,#71717a66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-zinc-thumb,#52525b)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-zinc-thumb-dark,#71717a)] [--zui-scroll-area-track:var(--zui-scroll-area-zinc-track,#52525b14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-zinc-track-dark,#71717a24)]",
+  stone: "border border-[color:var(--zui-scroll-area-stone-border,#57534e66)] dark:border-[color:var(--zui-scroll-area-stone-border-dark,#78716c66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-stone-thumb,#57534e)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-stone-thumb-dark,#78716c)] [--zui-scroll-area-track:var(--zui-scroll-area-stone-track,#57534e14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-stone-track-dark,#78716c24)]",
+  royal: "border border-[color:var(--zui-scroll-area-royal-border,#4338ca66)] dark:border-[color:var(--zui-scroll-area-royal-border-dark,#818cf866)] [--zui-scroll-area-thumb:var(--zui-scroll-area-royal-thumb,#4338ca)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-royal-thumb-dark,#818cf8)] [--zui-scroll-area-track:var(--zui-scroll-area-royal-track,#4338ca14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-royal-track-dark,#818cf824)]",
+  electric: "border border-[color:var(--zui-scroll-area-electric-border,#0ea5e966)] dark:border-[color:var(--zui-scroll-area-electric-border-dark,#38bdf866)] [--zui-scroll-area-thumb:var(--zui-scroll-area-electric-thumb,#0ea5e9)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-electric-thumb-dark,#38bdf8)] [--zui-scroll-area-track:var(--zui-scroll-area-electric-track,#0ea5e914)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-electric-track-dark,#38bdf824)]",
+  forest: "border border-[color:var(--zui-scroll-area-forest-border,#16653466)] dark:border-[color:var(--zui-scroll-area-forest-border-dark,#4ade8066)] [--zui-scroll-area-thumb:var(--zui-scroll-area-forest-thumb,#166534)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-forest-thumb-dark,#4ade80)] [--zui-scroll-area-track:var(--zui-scroll-area-forest-track,#16653414)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-forest-track-dark,#4ade8024)]",
+  sunset: "border border-[color:var(--zui-scroll-area-sunset-border,#ea580c66)] dark:border-[color:var(--zui-scroll-area-sunset-border-dark,#fb923c66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-sunset-thumb,#ea580c)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-sunset-thumb-dark,#fb923c)] [--zui-scroll-area-track:var(--zui-scroll-area-sunset-track,#ea580c14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-sunset-track-dark,#fb923c24)]",
+  magenta: "border border-[color:var(--zui-scroll-area-magenta-border,#c026d366)] dark:border-[color:var(--zui-scroll-area-magenta-border-dark,#e879f966)] [--zui-scroll-area-thumb:var(--zui-scroll-area-magenta-thumb,#c026d3)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-magenta-thumb-dark,#e879f9)] [--zui-scroll-area-track:var(--zui-scroll-area-magenta-track,#c026d314)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-magenta-track-dark,#e879f924)]",
+  crimson: "border border-[color:var(--zui-scroll-area-crimson-border,#b91c1c66)] dark:border-[color:var(--zui-scroll-area-crimson-border-dark,#f8717166)] [--zui-scroll-area-thumb:var(--zui-scroll-area-crimson-thumb,#b91c1c)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-crimson-thumb-dark,#f87171)] [--zui-scroll-area-track:var(--zui-scroll-area-crimson-track,#b91c1c14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-crimson-track-dark,#f8717124)]",
+  aqua: "border border-[color:var(--zui-scroll-area-aqua-border,#0f766e66)] dark:border-[color:var(--zui-scroll-area-aqua-border-dark,#2dd4bf66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-aqua-thumb,#0f766e)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-aqua-thumb-dark,#2dd4bf)] [--zui-scroll-area-track:var(--zui-scroll-area-aqua-track,#0f766e14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-aqua-track-dark,#2dd4bf24)]",
+  plum: "border border-[color:var(--zui-scroll-area-plum-border,#7e22ce66)] dark:border-[color:var(--zui-scroll-area-plum-border-dark,#c084fc66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-plum-thumb,#7e22ce)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-plum-thumb-dark,#c084fc)] [--zui-scroll-area-track:var(--zui-scroll-area-plum-track,#7e22ce14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-plum-track-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,#94a3b8)_var(--zui-scroll-area-track,transparent)] [&::-webkit-scrollbar-thumb]:bg-transparent hover:[&::-webkit-scrollbar-thumb]:bg-[var(--zui-scroll-area-thumb,#94a3b8)] [&::-webkit-scrollbar-track]:bg-transparent hover:[&::-webkit-scrollbar-track]:bg-[var(--zui-scroll-area-track,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-SYFTQAZG.mjs.map
+//# sourceMappingURL=chunk-SYFTQAZG.mjs.map

package/dist/chunk-SYFTQAZG.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,qXAAA;AAAA,EACF,KAAA,EACE,uiBAAA;AAAA,EACF,GAAA,EAAK,ucAAA;AAAA,EACL,OAAA,EACE,2cAAA;AAAA,EACF,IAAA,EAAM,ocAAA;AAAA,EACN,KAAA,EACE,scAAA;AAAA,EACF,MAAA,EACE,4cAAA;AAAA,EACF,IAAA,EAAM,kbAAA;AAAA,EACN,IAAA,EAAM,kbAAA;AAAA,EACN,KAAA,EACE,wbAAA;AAAA,EACF,IAAA,EAAM,kbAAA;AAAA,EACN,IAAA,EAAM,kbAAA;AAAA,EACN,KAAA,EACE,wbAAA;AAAA,EACF,QAAA,EACE,0cAAA;AAAA,EACF,QAAA,EACE,0cAAA;AAAA,EACF,IAAA,EAAM,kbAAA;AAAA,EACN,GAAA,EAAK,4aAAA;AAAA,EACL,KAAA,EACE,wbAAA;AAAA,EACF,IAAA,EAAM,kbAAA;AAAA,EACN,KAAA,EACE,wbAAA;AAAA,EACF,KAAA,EACE,wbAAA;AAAA,EACF,QAAA,EACE,0cAAA;AAAA,EACF,MAAA,EACE,8bAAA;AAAA,EACF,MAAA,EACE,8bAAA;AAAA,EACF,OAAA,EACE,ocAAA;AAAA,EACF,OAAA,EACE,ocAAA;AAAA,EACF,IAAA,EAAM,kbAAA;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,uYAAA;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-SYFTQAZG.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,#94a3b8)_var(--zui-scroll-area-track,transparent)] [scrollbar-width:thin] focus-visible:ring-2 focus-visible:ring-[var(--zui-scroll-area-ring-focus,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,#ffffff)] dark:focus-visible:ring-[var(--zui-scroll-area-ring-focus-dark,oklch(70.7%_0.165_254.624_/_0.28))] dark:focus-visible:ring-offset-[var(--zui-scroll-area-ring-offset-focus-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,transparent)] [&::-webkit-scrollbar-thumb]:bg-[var(--zui-scroll-area-thumb,#94a3b8)] [&::-webkit-scrollbar-track]:rounded-full [&::-webkit-scrollbar-track]:bg-[var(--zui-scroll-area-track,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,#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,#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,#ffffff80)] bg-[var(--zui-scroll-area-glass-bg,#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,#ffffff1f)] dark:bg-[var(--zui-scroll-area-glass-bg-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,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,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,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,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,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,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,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,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,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,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,#2563eb66)] dark:border-[color:var(--zui-scroll-area-blue-border-dark,#3b82f666)] [--zui-scroll-area-thumb:var(--zui-scroll-area-blue-thumb,#2563eb)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-blue-thumb-dark,#3b82f6)] [--zui-scroll-area-track:var(--zui-scroll-area-blue-track,#2563eb14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-blue-track-dark,#3b82f624)]\",\n  cyan: \"border border-[color:var(--zui-scroll-area-cyan-border,#0891b266)] dark:border-[color:var(--zui-scroll-area-cyan-border-dark,#22d3ee66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-cyan-thumb,#0891b2)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-cyan-thumb-dark,#22d3ee)] [--zui-scroll-area-track:var(--zui-scroll-area-cyan-track,#0891b214)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-cyan-track-dark,#22d3ee24)]\",\n  green:\n    \"border border-[color:var(--zui-scroll-area-green-border,#16a34a66)] dark:border-[color:var(--zui-scroll-area-green-border-dark,#22c55e66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-green-thumb,#16a34a)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-green-thumb-dark,#22c55e)] [--zui-scroll-area-track:var(--zui-scroll-area-green-track,#16a34a14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-green-track-dark,#22c55e24)]\",\n  lime: \"border border-[color:var(--zui-scroll-area-lime-border,#65a30d66)] dark:border-[color:var(--zui-scroll-area-lime-border-dark,#a3e63566)] [--zui-scroll-area-thumb:var(--zui-scroll-area-lime-thumb,#65a30d)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-lime-thumb-dark,#a3e635)] [--zui-scroll-area-track:var(--zui-scroll-area-lime-track,#65a30d14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-lime-track-dark,#a3e63524)]\",\n  mint: \"border border-[color:var(--zui-scroll-area-mint-border,#10b98166)] dark:border-[color:var(--zui-scroll-area-mint-border-dark,#6ee7b766)] [--zui-scroll-area-thumb:var(--zui-scroll-area-mint-thumb,#10b981)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-mint-thumb-dark,#6ee7b7)] [--zui-scroll-area-track:var(--zui-scroll-area-mint-track,#10b98114)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-mint-track-dark,#6ee7b724)]\",\n  ocean:\n    \"border border-[color:var(--zui-scroll-area-ocean-border,#0284c766)] dark:border-[color:var(--zui-scroll-area-ocean-border-dark,#38bdf866)] [--zui-scroll-area-thumb:var(--zui-scroll-area-ocean-thumb,#0284c7)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-ocean-thumb-dark,#38bdf8)] [--zui-scroll-area-track:var(--zui-scroll-area-ocean-track,#0284c714)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-ocean-track-dark,#38bdf824)]\",\n  sapphire:\n    \"border border-[color:var(--zui-scroll-area-sapphire-border,#1d4ed866)] dark:border-[color:var(--zui-scroll-area-sapphire-border-dark,#60a5fa66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-sapphire-thumb,#1d4ed8)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-sapphire-thumb-dark,#60a5fa)] [--zui-scroll-area-track:var(--zui-scroll-area-sapphire-track,#1d4ed814)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-sapphire-track-dark,#60a5fa24)]\",\n  lavender:\n    \"border border-[color:var(--zui-scroll-area-lavender-border,#8b5cf666)] dark:border-[color:var(--zui-scroll-area-lavender-border-dark,#a78bfa66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-lavender-thumb,#8b5cf6)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-lavender-thumb-dark,#a78bfa)] [--zui-scroll-area-track:var(--zui-scroll-area-lavender-track,#8b5cf614)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-lavender-track-dark,#a78bfa24)]\",\n  ruby: \"border border-[color:var(--zui-scroll-area-ruby-border,#be123c66)] dark:border-[color:var(--zui-scroll-area-ruby-border-dark,#fb718566)] [--zui-scroll-area-thumb:var(--zui-scroll-area-ruby-thumb,#be123c)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-ruby-thumb-dark,#fb7185)] [--zui-scroll-area-track:var(--zui-scroll-area-ruby-track,#be123c14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-ruby-track-dark,#fb718524)]\",\n  red: \"border border-[color:var(--zui-scroll-area-red-border,#dc262666)] dark:border-[color:var(--zui-scroll-area-red-border-dark,#ef444466)] [--zui-scroll-area-thumb:var(--zui-scroll-area-red-thumb,#dc2626)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-red-thumb-dark,#ef4444)] [--zui-scroll-area-track:var(--zui-scroll-area-red-track,#dc262614)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-red-track-dark,#ef444424)]\",\n  slate:\n    \"border border-[color:var(--zui-scroll-area-slate-border,#47556966)] dark:border-[color:var(--zui-scroll-area-slate-border-dark,#64748b66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-slate-thumb,#475569)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-slate-thumb-dark,#64748b)] [--zui-scroll-area-track:var(--zui-scroll-area-slate-track,#47556914)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-slate-track-dark,#64748b24)]\",\n  zinc: \"border border-[color:var(--zui-scroll-area-zinc-border,#52525b66)] dark:border-[color:var(--zui-scroll-area-zinc-border-dark,#71717a66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-zinc-thumb,#52525b)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-zinc-thumb-dark,#71717a)] [--zui-scroll-area-track:var(--zui-scroll-area-zinc-track,#52525b14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-zinc-track-dark,#71717a24)]\",\n  stone:\n    \"border border-[color:var(--zui-scroll-area-stone-border,#57534e66)] dark:border-[color:var(--zui-scroll-area-stone-border-dark,#78716c66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-stone-thumb,#57534e)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-stone-thumb-dark,#78716c)] [--zui-scroll-area-track:var(--zui-scroll-area-stone-track,#57534e14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-stone-track-dark,#78716c24)]\",\n  royal:\n    \"border border-[color:var(--zui-scroll-area-royal-border,#4338ca66)] dark:border-[color:var(--zui-scroll-area-royal-border-dark,#818cf866)] [--zui-scroll-area-thumb:var(--zui-scroll-area-royal-thumb,#4338ca)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-royal-thumb-dark,#818cf8)] [--zui-scroll-area-track:var(--zui-scroll-area-royal-track,#4338ca14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-royal-track-dark,#818cf824)]\",\n  electric:\n    \"border border-[color:var(--zui-scroll-area-electric-border,#0ea5e966)] dark:border-[color:var(--zui-scroll-area-electric-border-dark,#38bdf866)] [--zui-scroll-area-thumb:var(--zui-scroll-area-electric-thumb,#0ea5e9)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-electric-thumb-dark,#38bdf8)] [--zui-scroll-area-track:var(--zui-scroll-area-electric-track,#0ea5e914)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-electric-track-dark,#38bdf824)]\",\n  forest:\n    \"border border-[color:var(--zui-scroll-area-forest-border,#16653466)] dark:border-[color:var(--zui-scroll-area-forest-border-dark,#4ade8066)] [--zui-scroll-area-thumb:var(--zui-scroll-area-forest-thumb,#166534)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-forest-thumb-dark,#4ade80)] [--zui-scroll-area-track:var(--zui-scroll-area-forest-track,#16653414)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-forest-track-dark,#4ade8024)]\",\n  sunset:\n    \"border border-[color:var(--zui-scroll-area-sunset-border,#ea580c66)] dark:border-[color:var(--zui-scroll-area-sunset-border-dark,#fb923c66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-sunset-thumb,#ea580c)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-sunset-thumb-dark,#fb923c)] [--zui-scroll-area-track:var(--zui-scroll-area-sunset-track,#ea580c14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-sunset-track-dark,#fb923c24)]\",\n  magenta:\n    \"border border-[color:var(--zui-scroll-area-magenta-border,#c026d366)] dark:border-[color:var(--zui-scroll-area-magenta-border-dark,#e879f966)] [--zui-scroll-area-thumb:var(--zui-scroll-area-magenta-thumb,#c026d3)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-magenta-thumb-dark,#e879f9)] [--zui-scroll-area-track:var(--zui-scroll-area-magenta-track,#c026d314)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-magenta-track-dark,#e879f924)]\",\n  crimson:\n    \"border border-[color:var(--zui-scroll-area-crimson-border,#b91c1c66)] dark:border-[color:var(--zui-scroll-area-crimson-border-dark,#f8717166)] [--zui-scroll-area-thumb:var(--zui-scroll-area-crimson-thumb,#b91c1c)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-crimson-thumb-dark,#f87171)] [--zui-scroll-area-track:var(--zui-scroll-area-crimson-track,#b91c1c14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-crimson-track-dark,#f8717124)]\",\n  aqua: \"border border-[color:var(--zui-scroll-area-aqua-border,#0f766e66)] dark:border-[color:var(--zui-scroll-area-aqua-border-dark,#2dd4bf66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-aqua-thumb,#0f766e)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-aqua-thumb-dark,#2dd4bf)] [--zui-scroll-area-track:var(--zui-scroll-area-aqua-track,#0f766e14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-aqua-track-dark,#2dd4bf24)]\",\n  plum: \"border border-[color:var(--zui-scroll-area-plum-border,#7e22ce66)] dark:border-[color:var(--zui-scroll-area-plum-border-dark,#c084fc66)] [--zui-scroll-area-thumb:var(--zui-scroll-area-plum-thumb,#7e22ce)] dark:[--zui-scroll-area-thumb:var(--zui-scroll-area-plum-thumb-dark,#c084fc)] [--zui-scroll-area-track:var(--zui-scroll-area-plum-track,#7e22ce14)] dark:[--zui-scroll-area-track:var(--zui-scroll-area-plum-track-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,#94a3b8)_var(--zui-scroll-area-track,transparent)] [&::-webkit-scrollbar-thumb]:bg-transparent hover:[&::-webkit-scrollbar-thumb]:bg-[var(--zui-scroll-area-thumb,#94a3b8)] [&::-webkit-scrollbar-track]:bg-transparent hover:[&::-webkit-scrollbar-track]:bg-[var(--zui-scroll-area-track,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-JRB22VVK.js → chunk-T5SPR27V.mjs}

@@ -1,11 +1,3 @@
-'use strict';
-
-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');
-
 // src/design-system/alert.ts
 var zuiAlertBase = "relative flex w-full gap-3 border text-sm ring-offset-[var(--zui-alert-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-alert-ring-offset-dark,oklch(12.9%_0.042_264.695))] transition-colors";
 var zuiAlertAppearances = {
@@ -67,161 +59,6 @@ var zuiAlertTextSizes = {
 };
 var zuiAlertDescriptionBase = "text-[color:var(--zui-alert-description-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-alert-description-fg-dark,oklch(86.9%_0.022_252.894))]";
 
-// src/ui/alert/variants.ts
-var alertVariants = classVarianceAuthority.cva(zuiAlertBase, {
-  variants: {
-    appearance: zuiAlertAppearances,
-    size: zuiAlertSizes
-  },
-  defaultVariants: {
-    appearance: "default",
-    size: "md"
-  }
-});
-var alertTitleVariants = classVarianceAuthority.cva(zuiAlertTitleBase, {
-  variants: {
-    size: zuiAlertTextSizes
-  },
-  defaultVariants: { size: "md" }
-});
-var alertDescriptionVariants = classVarianceAuthority.cva(zuiAlertDescriptionBase, {
-  variants: {
-    size: zuiAlertTextSizes
-  },
-  defaultVariants: { size: "md" }
-});
-var AlertSizeContext = react.createContext("md");
-function useAlertSize() {
-  const ctx = react.useContext(AlertSizeContext);
-  if (!ctx) {
-    throw new Error("useAlertSize must be used within an Alert");
-  }
-  return ctx;
-}
-function AlertBase(props) {
-  const {
-    className,
-    triggerClassName,
-    appearance = "default",
-    size = "md",
-    closable = false,
-    onClose,
-    closeLabel = "Dismiss alert",
-    children,
-    ref,
-    as: Wrapper = "div",
-    ...rest
-  } = props;
-  const live = appearance === "error" ? "assertive" : "polite";
-  const ctx = react.useMemo(() => size ?? "md", [size]);
-  return /* @__PURE__ */ jsxRuntime.jsx(AlertSizeContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsxs(
-    Wrapper,
-    {
-      ref,
-      "data-slot": "alert",
-      role: "alert",
-      "aria-live": live,
-      className: chunkZS5756ZC_js.cn(
-        alertVariants({ appearance, size }),
-        closable ? "pr-12" : "",
-        className
-      ),
-      ...rest,
-      children: [
-        children,
-        closable ? /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            "data-slot": "alert-close",
-            "aria-label": closeLabel,
-            onClick: onClose,
-            className: chunkZS5756ZC_js.cn(
-              "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",
-              triggerClassName
-            ),
-            children: /* @__PURE__ */ jsxRuntime.jsx(hi2.HiXMark, { className: "size-4", "aria-hidden": true })
-          }
-        ) : null
-      ]
-    }
-  ) });
-}
-AlertBase.displayName = "AlertBase";
-function AlertIcon({ className, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      "data-slot": "alert-icon",
-      className: chunkZS5756ZC_js.cn("mt-0.5 shrink-0 text-current", className),
-      children
-    }
-  );
-}
-AlertIcon.displayName = "AlertIcon";
-function AlertTitle({ className, children }) {
-  const size = useAlertSize();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "alert-title",
-      className: chunkZS5756ZC_js.cn(alertTitleVariants({ size }), className),
-      children
-    }
-  );
-}
-AlertTitle.displayName = "AlertTitle";
-function AlertDescription({ className, children }) {
-  const size = useAlertSize();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "alert-description",
-      className: chunkZS5756ZC_js.cn(alertDescriptionVariants({ size }), className),
-      children
-    }
-  );
-}
-AlertDescription.displayName = "AlertDescription";
-function AlertClose({
-  className,
-  children,
-  "aria-label": ariaLabel = "Dismiss alert",
-  onClick
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      type: "button",
-      "data-slot": "alert-close",
-      "aria-label": ariaLabel,
-      onClick,
-      className: chunkZS5756ZC_js.cn(
-        "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",
-        className
-      ),
-      children: children ?? /* @__PURE__ */ jsxRuntime.jsx(hi2.HiXMark, { className: "size-4", "aria-hidden": true })
-    }
-  );
-}
-AlertClose.displayName = "AlertClose";
-function AlertDefaultIcon({
-  appearance
-}) {
-  if (appearance === "error") {
-    return /* @__PURE__ */ jsxRuntime.jsx(hi2.HiExclamationTriangle, { className: "size-5", "aria-hidden": true });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(hi2.HiInformationCircle, { className: "size-5", "aria-hidden": true });
-}
-
-exports.AlertBase = AlertBase;
-exports.AlertClose = AlertClose;
-exports.AlertDefaultIcon = AlertDefaultIcon;
-exports.AlertDescription = AlertDescription;
-exports.AlertIcon = AlertIcon;
-exports.AlertTitle = AlertTitle;
-exports.alertDescriptionVariants = alertDescriptionVariants;
-exports.alertTitleVariants = alertTitleVariants;
-exports.alertVariants = alertVariants;
-//# sourceMappingURL=chunk-JRB22VVK.js.map
-//# sourceMappingURL=chunk-JRB22VVK.js.map
+export { zuiAlertAppearances, zuiAlertBase, zuiAlertDescriptionBase, zuiAlertSizes, zuiAlertTextSizes, zuiAlertTitleBase };
+//# sourceMappingURL=chunk-T5SPR27V.mjs.map
+//# sourceMappingURL=chunk-T5SPR27V.mjs.map

package/dist/chunk-T5SPR27V.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,+WAAA;AAAA,EACF,OAAA,EACE,mcAAA;AAAA,EACF,OAAA,EACE,icAAA;AAAA,EACF,KAAA,EACE,ybAAA;AAAA,EACF,IAAA,EAAM,wbAAA;AAAA,EACN,KAAA,EACE,2WAAA;AAAA,EACF,IAAA,EAAM,oUAAA;AAAA,EACN,IAAA,EAAM,oUAAA;AAAA,EACN,KAAA,EACE,0UAAA;AAAA,EACF,IAAA,EAAM,oUAAA;AAAA,EACN,IAAA,EAAM,oUAAA;AAAA,EACN,KAAA,EACE,0UAAA;AAAA,EACF,QAAA,EACE,4VAAA;AAAA,EACF,QAAA,EACE,4VAAA;AAAA,EACF,IAAA,EAAM,oUAAA;AAAA,EACN,GAAA,EAAK,8TAAA;AAAA,EACL,KAAA,EACE,0UAAA;AAAA,EACF,IAAA,EAAM,oUAAA;AAAA,EACN,KAAA,EACE,0UAAA;AAAA,EACF,KAAA,EACE,0UAAA;AAAA,EACF,QAAA,EACE,4VAAA;AAAA,EACF,MAAA,EACE,gVAAA;AAAA,EACF,MAAA,EACE,gVAAA;AAAA,EACF,OAAA,EACE,sVAAA;AAAA,EACF,OAAA,EACE,sVAAA;AAAA,EACF,IAAA,EAAM,oUAAA;AAAA,EACN,IAAA,EAAM,oUAAA;AAAA,EACN,MAAA,EACE,ocAAA;AAAA,EACF,IAAA,EAAM,kbAAA;AAAA,EACN,MAAA,EACE,4bAAA;AAAA,EACF,MAAA,EACE,icAAA;AAAA,EACF,IAAA,EAAM,qbAAA;AAAA,EACN,MAAA,EACE,mcAAA;AAAA,EACF,IAAA,EAAM,qbAAA;AAAA,EACN,MAAA,EACE,ocAAA;AAAA,EACF,eAAA,EACE,upBAAA;AAAA,EACF,gBAAA,EACE,iqBAAA;AAAA,EACF,cAAA,EACE,0oBAAA;AAAA,EACF,iBAAA,EACE,kqBAAA;AAAA,EACF,iBAAA,EACE,uqBAAA;AAAA,EACF,eAAA,EACE,spBAAA;AAAA,EACF,iBAAA,EACE,wqBAAA;AAAA,EACF,eAAA,EACE,ipBAAA;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-T5SPR27V.mjs","sourcesContent":["export const zuiAlertBase =\n  \"relative flex w-full gap-3 border text-sm ring-offset-[var(--zui-alert-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-alert-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,#0000001a)] dark:border-[color:var(--zui-alert-default-border-dark,#ffffff1a)] bg-[var(--zui-alert-default-bg,#0000000d)] dark:bg-[var(--zui-alert-default-bg-dark,#ffffff0d)] text-[color:var(--zui-alert-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  success:\n    \"border-[color:var(--zui-alert-success-border,oklch(69.6%_0.17_162.48_/_0.4))] dark:border-[color:var(--zui-alert-success-border-dark,oklch(69.6%_0.17_162.48_/_0.4))] bg-[var(--zui-alert-success-bg,oklch(69.6%_0.17_162.48_/_0.1))] dark:bg-[var(--zui-alert-success-bg-dark,oklch(69.6%_0.17_162.48_/_0.1))] text-[color:var(--zui-alert-success-fg,oklch(26.2%_0.051_172.552))] dark:text-[color:var(--zui-alert-success-fg-dark,oklch(97.9%_0.021_166.113))]\",\n  warning:\n    \"border-[color:var(--zui-alert-warning-border,oklch(76.9%_0.188_70.08_/_0.4))] dark:border-[color:var(--zui-alert-warning-border-dark,oklch(76.9%_0.188_70.08_/_0.4))] bg-[var(--zui-alert-warning-bg,oklch(76.9%_0.188_70.08_/_0.1))] dark:bg-[var(--zui-alert-warning-bg-dark,oklch(76.9%_0.188_70.08_/_0.1))] text-[color:var(--zui-alert-warning-fg,oklch(27.9%_0.077_45.635))] dark:text-[color:var(--zui-alert-warning-fg-dark,oklch(98.7%_0.022_95.277))]\",\n  error:\n    \"border-[color:var(--zui-alert-error-border,oklch(64.5%_0.246_16.439_/_0.5))] dark:border-[color:var(--zui-alert-error-border-dark,oklch(64.5%_0.246_16.439_/_0.5))] bg-[var(--zui-alert-error-bg,oklch(64.5%_0.246_16.439_/_0.1))] dark:bg-[var(--zui-alert-error-bg-dark,oklch(64.5%_0.246_16.439_/_0.1))] text-[color:var(--zui-alert-error-fg,oklch(27.1%_0.105_12.094))] dark:text-[color:var(--zui-alert-error-fg-dark,oklch(96.9%_0.015_12.422))]\",\n  info: \"border-[color:var(--zui-alert-info-border,oklch(68.5%_0.169_237.323_/_0.4))] dark:border-[color:var(--zui-alert-info-border-dark,oklch(68.5%_0.169_237.323_/_0.4))] bg-[var(--zui-alert-info-bg,oklch(68.5%_0.169_237.323_/_0.1))] dark:bg-[var(--zui-alert-info-bg-dark,oklch(68.5%_0.169_237.323_/_0.1))] text-[color:var(--zui-alert-info-fg,oklch(29.3%_0.066_243.157))] dark:text-[color:var(--zui-alert-info-fg-dark,oklch(97.7%_0.013_236.62))]\",\n  ghost:\n    \"border-[color:var(--zui-alert-ghost-border,transparent)] dark:border-[color:var(--zui-alert-ghost-border-dark,transparent)] bg-[var(--zui-alert-ghost-bg,transparent)] dark:bg-[var(--zui-alert-ghost-bg-dark,transparent)] text-[color:var(--zui-alert-ghost-fg,oklch(37.2%_0.044_257.287))] dark:text-[color:var(--zui-alert-ghost-fg-dark,oklch(92.9%_0.013_255.508))]\",\n  blue: \"border-[color:var(--zui-alert-blue-border,#2563eb)] dark:border-[color:var(--zui-alert-blue-border-dark,#3b82f6)] bg-[var(--zui-alert-blue-bg,#2563eb1a)] dark:bg-[var(--zui-alert-blue-bg-dark,#3b82f626)] backdrop-blur-xl text-[color:var(--zui-alert-blue-fg,#0f172a)] dark:text-[color:var(--zui-alert-blue-fg-dark,#f8fafc)]\",\n  cyan: \"border-[color:var(--zui-alert-cyan-border,#0891b2)] dark:border-[color:var(--zui-alert-cyan-border-dark,#22d3ee)] bg-[var(--zui-alert-cyan-bg,#0891b21a)] dark:bg-[var(--zui-alert-cyan-bg-dark,#22d3ee26)] backdrop-blur-xl text-[color:var(--zui-alert-cyan-fg,#0f172a)] dark:text-[color:var(--zui-alert-cyan-fg-dark,#f8fafc)]\",\n  green:\n    \"border-[color:var(--zui-alert-green-border,#16a34a)] dark:border-[color:var(--zui-alert-green-border-dark,#22c55e)] bg-[var(--zui-alert-green-bg,#16a34a1a)] dark:bg-[var(--zui-alert-green-bg-dark,#22c55e26)] backdrop-blur-xl text-[color:var(--zui-alert-green-fg,#0f172a)] dark:text-[color:var(--zui-alert-green-fg-dark,#f8fafc)]\",\n  lime: \"border-[color:var(--zui-alert-lime-border,#65a30d)] dark:border-[color:var(--zui-alert-lime-border-dark,#a3e635)] bg-[var(--zui-alert-lime-bg,#65a30d1a)] dark:bg-[var(--zui-alert-lime-bg-dark,#a3e63526)] backdrop-blur-xl text-[color:var(--zui-alert-lime-fg,#0f172a)] dark:text-[color:var(--zui-alert-lime-fg-dark,#f8fafc)]\",\n  mint: \"border-[color:var(--zui-alert-mint-border,#10b981)] dark:border-[color:var(--zui-alert-mint-border-dark,#6ee7b7)] bg-[var(--zui-alert-mint-bg,#10b9811a)] dark:bg-[var(--zui-alert-mint-bg-dark,#6ee7b726)] backdrop-blur-xl text-[color:var(--zui-alert-mint-fg,#0f172a)] dark:text-[color:var(--zui-alert-mint-fg-dark,#f8fafc)]\",\n  ocean:\n    \"border-[color:var(--zui-alert-ocean-border,#0284c7)] dark:border-[color:var(--zui-alert-ocean-border-dark,#38bdf8)] bg-[var(--zui-alert-ocean-bg,#0284c71a)] dark:bg-[var(--zui-alert-ocean-bg-dark,#38bdf826)] backdrop-blur-xl text-[color:var(--zui-alert-ocean-fg,#0f172a)] dark:text-[color:var(--zui-alert-ocean-fg-dark,#f8fafc)]\",\n  sapphire:\n    \"border-[color:var(--zui-alert-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-alert-sapphire-border-dark,#60a5fa)] bg-[var(--zui-alert-sapphire-bg,#1d4ed81a)] dark:bg-[var(--zui-alert-sapphire-bg-dark,#60a5fa26)] backdrop-blur-xl text-[color:var(--zui-alert-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-alert-sapphire-fg-dark,#f8fafc)]\",\n  lavender:\n    \"border-[color:var(--zui-alert-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-alert-lavender-border-dark,#a78bfa)] bg-[var(--zui-alert-lavender-bg,#8b5cf61a)] dark:bg-[var(--zui-alert-lavender-bg-dark,#a78bfa26)] backdrop-blur-xl text-[color:var(--zui-alert-lavender-fg,#0f172a)] dark:text-[color:var(--zui-alert-lavender-fg-dark,#f8fafc)]\",\n  ruby: \"border-[color:var(--zui-alert-ruby-border,#be123c)] dark:border-[color:var(--zui-alert-ruby-border-dark,#fb7185)] bg-[var(--zui-alert-ruby-bg,#be123c1a)] dark:bg-[var(--zui-alert-ruby-bg-dark,#fb718526)] backdrop-blur-xl text-[color:var(--zui-alert-ruby-fg,#0f172a)] dark:text-[color:var(--zui-alert-ruby-fg-dark,#f8fafc)]\",\n  red: \"border-[color:var(--zui-alert-red-border,#dc2626)] dark:border-[color:var(--zui-alert-red-border-dark,#ef4444)] bg-[var(--zui-alert-red-bg,#dc26261a)] dark:bg-[var(--zui-alert-red-bg-dark,#ef444426)] backdrop-blur-xl text-[color:var(--zui-alert-red-fg,#0f172a)] dark:text-[color:var(--zui-alert-red-fg-dark,#f8fafc)]\",\n  slate:\n    \"border-[color:var(--zui-alert-slate-border,#475569)] dark:border-[color:var(--zui-alert-slate-border-dark,#64748b)] bg-[var(--zui-alert-slate-bg,#4755691a)] dark:bg-[var(--zui-alert-slate-bg-dark,#64748b26)] backdrop-blur-xl text-[color:var(--zui-alert-slate-fg,#0f172a)] dark:text-[color:var(--zui-alert-slate-fg-dark,#f8fafc)]\",\n  zinc: \"border-[color:var(--zui-alert-zinc-border,#52525b)] dark:border-[color:var(--zui-alert-zinc-border-dark,#71717a)] bg-[var(--zui-alert-zinc-bg,#52525b1a)] dark:bg-[var(--zui-alert-zinc-bg-dark,#71717a26)] backdrop-blur-xl text-[color:var(--zui-alert-zinc-fg,#0f172a)] dark:text-[color:var(--zui-alert-zinc-fg-dark,#f8fafc)]\",\n  stone:\n    \"border-[color:var(--zui-alert-stone-border,#57534e)] dark:border-[color:var(--zui-alert-stone-border-dark,#78716c)] bg-[var(--zui-alert-stone-bg,#57534e1a)] dark:bg-[var(--zui-alert-stone-bg-dark,#78716c26)] backdrop-blur-xl text-[color:var(--zui-alert-stone-fg,#0f172a)] dark:text-[color:var(--zui-alert-stone-fg-dark,#f8fafc)]\",\n  royal:\n    \"border-[color:var(--zui-alert-royal-border,#4338ca)] dark:border-[color:var(--zui-alert-royal-border-dark,#818cf8)] bg-[var(--zui-alert-royal-bg,#4338ca1a)] dark:bg-[var(--zui-alert-royal-bg-dark,#818cf826)] backdrop-blur-xl text-[color:var(--zui-alert-royal-fg,#0f172a)] dark:text-[color:var(--zui-alert-royal-fg-dark,#f8fafc)]\",\n  electric:\n    \"border-[color:var(--zui-alert-electric-border,#0ea5e9)] dark:border-[color:var(--zui-alert-electric-border-dark,#38bdf8)] bg-[var(--zui-alert-electric-bg,#0ea5e91a)] dark:bg-[var(--zui-alert-electric-bg-dark,#38bdf826)] backdrop-blur-xl text-[color:var(--zui-alert-electric-fg,#0f172a)] dark:text-[color:var(--zui-alert-electric-fg-dark,#f8fafc)]\",\n  forest:\n    \"border-[color:var(--zui-alert-forest-border,#166534)] dark:border-[color:var(--zui-alert-forest-border-dark,#4ade80)] bg-[var(--zui-alert-forest-bg,#1665341a)] dark:bg-[var(--zui-alert-forest-bg-dark,#4ade8026)] backdrop-blur-xl text-[color:var(--zui-alert-forest-fg,#0f172a)] dark:text-[color:var(--zui-alert-forest-fg-dark,#f8fafc)]\",\n  sunset:\n    \"border-[color:var(--zui-alert-sunset-border,#ea580c)] dark:border-[color:var(--zui-alert-sunset-border-dark,#fb923c)] bg-[var(--zui-alert-sunset-bg,#ea580c1a)] dark:bg-[var(--zui-alert-sunset-bg-dark,#fb923c26)] backdrop-blur-xl text-[color:var(--zui-alert-sunset-fg,#0f172a)] dark:text-[color:var(--zui-alert-sunset-fg-dark,#f8fafc)]\",\n  magenta:\n    \"border-[color:var(--zui-alert-magenta-border,#c026d3)] dark:border-[color:var(--zui-alert-magenta-border-dark,#e879f9)] bg-[var(--zui-alert-magenta-bg,#c026d31a)] dark:bg-[var(--zui-alert-magenta-bg-dark,#e879f926)] backdrop-blur-xl text-[color:var(--zui-alert-magenta-fg,#0f172a)] dark:text-[color:var(--zui-alert-magenta-fg-dark,#f8fafc)]\",\n  crimson:\n    \"border-[color:var(--zui-alert-crimson-border,#b91c1c)] dark:border-[color:var(--zui-alert-crimson-border-dark,#f87171)] bg-[var(--zui-alert-crimson-bg,#b91c1c1a)] dark:bg-[var(--zui-alert-crimson-bg-dark,#f8717126)] backdrop-blur-xl text-[color:var(--zui-alert-crimson-fg,#0f172a)] dark:text-[color:var(--zui-alert-crimson-fg-dark,#f8fafc)]\",\n  aqua: \"border-[color:var(--zui-alert-aqua-border,#0f766e)] dark:border-[color:var(--zui-alert-aqua-border-dark,#2dd4bf)] bg-[var(--zui-alert-aqua-bg,#0f766e1a)] dark:bg-[var(--zui-alert-aqua-bg-dark,#2dd4bf26)] backdrop-blur-xl text-[color:var(--zui-alert-aqua-fg,#0f172a)] dark:text-[color:var(--zui-alert-aqua-fg-dark,#f8fafc)]\",\n  plum: \"border-[color:var(--zui-alert-plum-border,#7e22ce)] dark:border-[color:var(--zui-alert-plum-border-dark,#c084fc)] bg-[var(--zui-alert-plum-bg,#7e22ce1a)] dark:bg-[var(--zui-alert-plum-bg-dark,#c084fc26)] backdrop-blur-xl text-[color:var(--zui-alert-plum-fg,#0f172a)] dark:text-[color:var(--zui-alert-plum-fg-dark,#f8fafc)]\",\n  purple:\n    \"border-[color:var(--zui-alert-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-alert-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-alert-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-alert-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-purple-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-purple-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  pink: \"border-[color:var(--zui-alert-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-alert-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-[var(--zui-alert-pink-bg,oklch(97.1%_0.014_343.198))] dark:bg-[var(--zui-alert-pink-bg-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-pink-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-pink-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  orange:\n    \"border-[color:var(--zui-alert-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-alert-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-[var(--zui-alert-orange-bg,oklch(98%_0.016_73.684))] dark:bg-[var(--zui-alert-orange-bg-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-orange-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-orange-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  yellow:\n    \"border-[color:var(--zui-alert-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-alert-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-[var(--zui-alert-yellow-bg,oklch(98.7%_0.026_102.212))] dark:bg-[var(--zui-alert-yellow-bg-dark,oklch(28.6%_0.066_53.813_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-yellow-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-yellow-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  teal: \"border-[color:var(--zui-alert-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-alert-teal-border-dark,oklch(60%_0.118_184.704))] bg-[var(--zui-alert-teal-bg,oklch(98.4%_0.014_180.72))] dark:bg-[var(--zui-alert-teal-bg-dark,oklch(27.7%_0.046_192.524_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-teal-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-teal-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  indigo:\n    \"border-[color:var(--zui-alert-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-alert-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-[var(--zui-alert-indigo-bg,oklch(96.2%_0.018_272.314))] dark:bg-[var(--zui-alert-indigo-bg-dark,oklch(25.7%_0.09_281.288_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-indigo-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-indigo-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  gray: \"border-[color:var(--zui-alert-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-alert-gray-border-dark,oklch(44.6%_0.03_256.802))] bg-[var(--zui-alert-gray-bg,oklch(98.5%_0.002_247.839))] dark:bg-[var(--zui-alert-gray-bg-dark,oklch(13%_0.028_261.692_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gray-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gray-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  violet:\n    \"border-[color:var(--zui-alert-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-alert-violet-border-dark,oklch(54.1%_0.281_293.009))] bg-[var(--zui-alert-violet-bg,oklch(96.9%_0.016_293.756))] dark:bg-[var(--zui-alert-violet-bg-dark,oklch(28.3%_0.141_291.089_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-violet-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-violet-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-blue\":\n    \"border-[color:var(--zui-alert-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-alert-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] bg-linear-to-r from-[var(--zui-alert-gradient-blue-from,oklch(97%_0.014_254.604))] dark:from-[var(--zui-alert-gradient-blue-from-dark,oklch(28.2%_0.091_267.935_/_0.7))] to-[var(--zui-alert-gradient-blue-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-alert-gradient-blue-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-blue-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-blue-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-green\":\n    \"border-[color:var(--zui-alert-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-alert-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] bg-linear-to-r from-[var(--zui-alert-gradient-green-from,oklch(98.2%_0.018_155.826))] dark:from-[var(--zui-alert-gradient-green-from-dark,oklch(26.6%_0.065_152.934_/_0.7))] to-[var(--zui-alert-gradient-green-to,oklch(98.6%_0.031_120.757))] dark:to-[var(--zui-alert-gradient-green-to-dark,oklch(27.4%_0.072_132.109_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-green-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-green-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-red\":\n    \"border-[color:var(--zui-alert-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-alert-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] bg-linear-to-r from-[var(--zui-alert-gradient-red-from,oklch(97.1%_0.013_17.38))] dark:from-[var(--zui-alert-gradient-red-from-dark,oklch(25.8%_0.092_26.042_/_0.7))] to-[var(--zui-alert-gradient-red-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-alert-gradient-red-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-red-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-red-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-yellow\":\n    \"border-[color:var(--zui-alert-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-alert-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] bg-linear-to-r from-[var(--zui-alert-gradient-yellow-from,oklch(98.7%_0.026_102.212))] dark:from-[var(--zui-alert-gradient-yellow-from-dark,oklch(28.6%_0.066_53.813_/_0.7))] to-[var(--zui-alert-gradient-yellow-to,oklch(98%_0.016_73.684))] dark:to-[var(--zui-alert-gradient-yellow-to-dark,oklch(26.6%_0.079_36.259_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-yellow-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-yellow-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-purple\":\n    \"border-[color:var(--zui-alert-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-alert-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-linear-to-r from-[var(--zui-alert-gradient-purple-from,oklch(97.7%_0.014_308.299))] dark:from-[var(--zui-alert-gradient-purple-from-dark,oklch(29.1%_0.149_302.717_/_0.7))] to-[var(--zui-alert-gradient-purple-to,oklch(97.1%_0.014_343.198))] dark:to-[var(--zui-alert-gradient-purple-to-dark,oklch(28.4%_0.109_3.907_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-purple-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-purple-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-teal\":\n    \"border-[color:var(--zui-alert-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-alert-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-r from-[var(--zui-alert-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-alert-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.7))] to-[var(--zui-alert-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-alert-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-teal-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-teal-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-indigo\":\n    \"border-[color:var(--zui-alert-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-alert-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-alert-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-alert-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-alert-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-alert-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-indigo-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-indigo-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-pink\":\n    \"border-[color:var(--zui-alert-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-alert-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-alert-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-alert-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-alert-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-alert-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-pink-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-pink-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  \"gradient-orange\":\n    \"border-[color:var(--zui-alert-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-alert-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-alert-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-alert-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-alert-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-alert-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl text-[color:var(--zui-alert-gradient-orange-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-alert-gradient-orange-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,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-alert-description-fg-dark,oklch(86.9%_0.022_252.894))]\";\n"]}

package/dist/{chunk-KLGB3FYE.js → chunk-TD4W3AHI.mjs}

@@ -1,12 +1,3 @@
-'use strict';
-
-var chunkGBWGVNDA_js = require('./chunk-GBWGVNDA.js');
-var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
-var classVarianceAuthority = require('class-variance-authority');
-var react = require('react');
-var reactDom = require('react-dom');
-var jsxRuntime = require('react/jsx-runtime');
-
 // src/design-system/drawer.ts
 var zuiDrawerOverlayBase = "fixed inset-0 z-101 bg-[var(--zui-drawer-overlay-bg,oklch(98.4%_0.003_247.858_/_0.7))] dark:bg-[var(--zui-drawer-overlay-bg-dark,oklch(12.9%_0.042_264.695_/_0.7))] backdrop-blur-sm";
 var zuiDrawerTriggerBase = "relative inline-flex shrink-0 cursor-pointer border rounded px-3 py-1.5";
@@ -117,257 +108,6 @@ var zuiDrawerContentAppearances = {
   plum: "border border-[color:var(--zui-drawer-content-plum-border,#7e22ce)] dark:border-[color:var(--zui-drawer-content-plum-border-dark,#c084fc)] bg-[var(--zui-drawer-content-plum-bg,#7e22ce14)] dark:bg-[var(--zui-drawer-content-plum-bg-dark,#c084fc24)] text-[color:var(--zui-drawer-content-plum-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-plum-fg-dark,#f8fafc)] backdrop-blur-xl"
 };
 
-// src/ui/drawer/variants.ts
-var drawerOverlayVariants = classVarianceAuthority.cva(zuiDrawerOverlayBase);
-var drawerTriggerVariants = classVarianceAuthority.cva(zuiDrawerTriggerBase, {
-  variants: {
-    appearance: zuiDrawerTriggerAppearances
-  },
-  defaultVariants: {
-    appearance: "default"
-  }
-});
-var drawerContentVariants = classVarianceAuthority.cva(zuiDrawerContentBase, {
-  variants: {
-    side: zuiDrawerContentSides,
-    size: zuiDrawerContentSizes,
-    appearance: zuiDrawerContentAppearances
-  },
-  compoundVariants: [
-    { side: "left", size: "sm", class: "w-[min(100%,320px)]" },
-    { side: "left", size: "md", class: "w-[min(100%,420px)]" },
-    { side: "left", size: "lg", class: "w-[min(100%,520px)]" },
-    { side: "left", size: "xl", class: "w-[min(100%,640px)]" },
-    { side: "left", size: "full", class: "w-full max-w-none" },
-    { side: "right", size: "sm", class: "w-[min(100%,320px)]" },
-    { side: "right", size: "md", class: "w-[min(100%,420px)]" },
-    { side: "right", size: "lg", class: "w-[min(100%,520px)]" },
-    { side: "right", size: "xl", class: "w-[min(100%,640px)]" },
-    { side: "right", size: "full", class: "w-full max-w-none" }
-  ],
-  defaultVariants: {
-    side: "right",
-    size: "md",
-    appearance: "default"
-  }
-});
-var DrawerContext = react.createContext(null);
-function useDrawerContext(component) {
-  const ctx = react.useContext(DrawerContext);
-  if (!ctx) {
-    throw new Error(`${component} must be used within <Drawer>`);
-  }
-  return ctx;
-}
-function Drawer({
-  open,
-  defaultOpen = false,
-  onOpenChange,
-  children
-}) {
-  const isControlled = open !== void 0;
-  const [uncontrolledOpen, setUncontrolledOpen] = react.useState(defaultOpen);
-  const resolvedOpen = isControlled ? Boolean(open) : uncontrolledOpen;
-  const setOpen = react.useCallback(
-    (next) => {
-      if (!isControlled) {
-        setUncontrolledOpen(next);
-      }
-      onOpenChange?.(next);
-    },
-    [isControlled, onOpenChange]
-  );
-  const baseId = react.useId();
-  const titleId = `${baseId}-title`;
-  const descriptionId = `${baseId}-description`;
-  const contentRef = react.useRef(null);
-  const triggerRef = react.useRef(null);
-  const ctx = react.useMemo(
-    () => ({
-      open: resolvedOpen,
-      setOpen,
-      titleId,
-      descriptionId,
-      contentRef,
-      triggerRef
-    }),
-    [descriptionId, resolvedOpen, setOpen, titleId]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(DrawerContext.Provider, { value: ctx, children });
-}
-Drawer.displayName = "Drawer";
-function DrawerTrigger({
-  className,
-  children,
-  appearance,
-  onClick,
-  ref: refProp,
-  ...rest
-}) {
-  const { setOpen, triggerRef } = useDrawerContext("DrawerTrigger");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      ref: (node) => {
-        triggerRef.current = node;
-        if (typeof refProp === "function") {
-          refProp(node);
-        } else if (refProp) {
-          refProp.current = node;
-        }
-      },
-      type: "button",
-      "data-slot": "drawer-trigger",
-      className: chunkZS5756ZC_js.cn(drawerTriggerVariants({ appearance }), className),
-      onClick: (event) => {
-        onClick?.(event);
-        if (!event.defaultPrevented) {
-          setOpen(true);
-        }
-      },
-      ...rest,
-      children
-    }
-  );
-}
-DrawerTrigger.displayName = "DrawerTrigger";
-function DrawerContent({
-  className,
-  side = "right",
-  size,
-  appearance,
-  children,
-  ref,
-  id,
-  style
-}) {
-  const { open, setOpen, titleId, descriptionId, contentRef, triggerRef } = useDrawerContext("DrawerContent");
-  const resolvedSide = side ?? "right";
-  chunkGBWGVNDA_js.useFocusManagement({
-    open,
-    setOpen,
-    contentRef,
-    triggerRef
-  });
-  const portalTarget = typeof document !== "undefined" ? document.body : null;
-  if (!portalTarget) {
-    return null;
-  }
-  return reactDom.createPortal(
-    open ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-101", "data-slot": "drawer-portal", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          role: "presentation",
-          "data-slot": "drawer-overlay",
-          className: drawerOverlayVariants(),
-          onClick: () => setOpen(false)
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          ref: (node) => {
-            contentRef.current = node;
-            if (typeof ref === "function") {
-              ref(node);
-            } else if (ref) {
-              ref.current = node;
-            }
-          },
-          role: "dialog",
-          "aria-modal": "true",
-          "aria-labelledby": titleId,
-          "aria-describedby": descriptionId,
-          "data-slot": "drawer-content",
-          tabIndex: -1,
-          className: chunkZS5756ZC_js.cn(
-            drawerContentVariants({ side: resolvedSide, size, appearance }),
-            className
-          ),
-          id,
-          style,
-          children
-        }
-      )
-    ] }) : null,
-    portalTarget
-  );
-}
-DrawerContent.displayName = "DrawerContent";
-function DrawerHeader({ className, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "header",
-    {
-      "data-slot": "drawer-header",
-      className: chunkZS5756ZC_js.cn("mb-4 flex flex-col gap-2", className),
-      children
-    }
-  );
-}
-DrawerHeader.displayName = "DrawerHeader";
-function DrawerBody({ className, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "drawer-body", className: chunkZS5756ZC_js.cn("flex-1 text-sm", className), children });
-}
-DrawerBody.displayName = "DrawerBody";
-function DrawerFooter({ className, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "footer",
-    {
-      "data-slot": "drawer-footer",
-      className: chunkZS5756ZC_js.cn("mt-6 flex justify-end gap-2", className),
-      children
-    }
-  );
-}
-DrawerFooter.displayName = "DrawerFooter";
-function DrawerTitle({ className, children }) {
-  const { titleId } = useDrawerContext("DrawerTitle");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "h2",
-    {
-      id: titleId,
-      "data-slot": "drawer-title",
-      className: chunkZS5756ZC_js.cn("text-lg font-semibold", className),
-      children
-    }
-  );
-}
-DrawerTitle.displayName = "DrawerTitle";
-function DrawerClose({
-  className,
-  children,
-  ...rest
-}) {
-  const { setOpen } = useDrawerContext("DrawerClose");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      type: "button",
-      "data-slot": "drawer-close",
-      className: chunkZS5756ZC_js.cn(
-        "absolute right-4 top-4 inline-flex size-9 items-center justify-center rounded-md dark:text-slate-200 text-slate-900 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30",
-        className
-      ),
-      "aria-label": "Close drawer",
-      onClick: () => setOpen(false),
-      ...rest,
-      children: children ?? "\xD7"
-    }
-  );
-}
-DrawerClose.displayName = "DrawerClose";
-
-exports.Drawer = Drawer;
-exports.DrawerBody = DrawerBody;
-exports.DrawerClose = DrawerClose;
-exports.DrawerContent = DrawerContent;
-exports.DrawerFooter = DrawerFooter;
-exports.DrawerHeader = DrawerHeader;
-exports.DrawerTitle = DrawerTitle;
-exports.DrawerTrigger = DrawerTrigger;
-exports.drawerContentVariants = drawerContentVariants;
-exports.drawerOverlayVariants = drawerOverlayVariants;
-exports.useDrawerContext = useDrawerContext;
-//# sourceMappingURL=chunk-KLGB3FYE.js.map
-//# sourceMappingURL=chunk-KLGB3FYE.js.map
+export { zuiDrawerContentAppearances, zuiDrawerContentBase, zuiDrawerContentSides, zuiDrawerContentSizes, zuiDrawerOverlayBase, zuiDrawerTriggerAppearances, zuiDrawerTriggerBase };
+//# sourceMappingURL=chunk-TD4W3AHI.mjs.map
+//# sourceMappingURL=chunk-TD4W3AHI.mjs.map