@zentauri-ui/zentauri-components 1.8.42 → 1.9.1

package/dist/design-system/button.d.ts

@@ -7,7 +7,28 @@ export declare const zuiButtonAppearances: {
     readonly ghost: "bg-transparent text-[color:var(--zui-button-ghost-fg,#334155)] dark:text-[color:var(--zui-button-ghost-fg-dark,#e2e8f0)] hover:bg-[var(--zui-button-ghost-bg-hover,#0000000d)] dark:hover:bg-[var(--zui-button-ghost-bg-hover-dark,#ffffff0d)]";
     readonly link: "bg-transparent text-[color:var(--zui-button-link-fg,#0e7490)] dark:text-[color:var(--zui-button-link-fg-dark,#67e8f9)] underline-offset-4 hover:underline";
     readonly glass: "border border-[color:var(--zui-button-glass-border,#00000026)] dark:border-[color:var(--zui-button-glass-border-dark,#ffffff26)] bg-[var(--zui-button-glass-bg,#0000001a)] dark:bg-[var(--zui-button-glass-bg-dark,#ffffff1a)] text-[color:var(--zui-button-glass-fg,#0f172a)] dark:text-[color:var(--zui-button-glass-fg-dark,#ffffff)] backdrop-blur-md hover:bg-[var(--zui-button-glass-bg-hover,#00000026)] dark:hover:bg-[var(--zui-button-glass-bg-hover-dark,#ffffff26)]";
-    readonly emerald: "bg-[var(--zui-button-emerald-bg,#10b981)] dark:bg-[var(--zui-button-emerald-bg-dark,#065f46)] text-[color:var(--zui-button-emerald-fg,#ffffff)] dark:text-[color:var(--zui-button-emerald-fg-dark,#ffffff)] hover:bg-[var(--zui-button-emerald-bg-hover,#10b981)] dark:hover:bg-[var(--zui-button-emerald-bg-hover-dark,#064e3b)]";
+    readonly blue: "bg-[var(--zui-button-blue-bg,#2563eb)] dark:bg-[var(--zui-button-blue-bg-dark,#3b82f6)] text-[color:var(--zui-button-blue-fg,#ffffff)] dark:text-[color:var(--zui-button-blue-fg-dark,#ffffff)] hover:bg-[var(--zui-button-blue-bg-hover,#2563eb)] dark:hover:bg-[var(--zui-button-blue-bg-hover-dark,#3b82f6)]";
+    readonly cyan: "bg-[var(--zui-button-cyan-bg,#0891b2)] dark:bg-[var(--zui-button-cyan-bg-dark,#22d3ee)] text-[color:var(--zui-button-cyan-fg,#083344)] dark:text-[color:var(--zui-button-cyan-fg-dark,#083344)] hover:bg-[var(--zui-button-cyan-bg-hover,#0891b2)] dark:hover:bg-[var(--zui-button-cyan-bg-hover-dark,#22d3ee)]";
+    readonly green: "bg-[var(--zui-button-green-bg,#16a34a)] dark:bg-[var(--zui-button-green-bg-dark,#22c55e)] text-[color:var(--zui-button-green-fg,#ffffff)] dark:text-[color:var(--zui-button-green-fg-dark,#052e16)] hover:bg-[var(--zui-button-green-bg-hover,#16a34a)] dark:hover:bg-[var(--zui-button-green-bg-hover-dark,#22c55e)]";
+    readonly lime: "bg-[var(--zui-button-lime-bg,#65a30d)] dark:bg-[var(--zui-button-lime-bg-dark,#a3e635)] text-[color:var(--zui-button-lime-fg,#1a2e05)] dark:text-[color:var(--zui-button-lime-fg-dark,#1a2e05)] hover:bg-[var(--zui-button-lime-bg-hover,#65a30d)] dark:hover:bg-[var(--zui-button-lime-bg-hover-dark,#a3e635)]";
+    readonly mint: "bg-[var(--zui-button-mint-bg,#10b981)] dark:bg-[var(--zui-button-mint-bg-dark,#6ee7b7)] text-[color:var(--zui-button-mint-fg,#064e3b)] dark:text-[color:var(--zui-button-mint-fg-dark,#064e3b)] hover:bg-[var(--zui-button-mint-bg-hover,#10b981)] dark:hover:bg-[var(--zui-button-mint-bg-hover-dark,#6ee7b7)]";
+    readonly ocean: "bg-[var(--zui-button-ocean-bg,#0284c7)] dark:bg-[var(--zui-button-ocean-bg-dark,#38bdf8)] text-[color:var(--zui-button-ocean-fg,#082f49)] dark:text-[color:var(--zui-button-ocean-fg-dark,#082f49)] hover:bg-[var(--zui-button-ocean-bg-hover,#0284c7)] dark:hover:bg-[var(--zui-button-ocean-bg-hover-dark,#38bdf8)]";
+    readonly sapphire: "bg-[var(--zui-button-sapphire-bg,#1d4ed8)] dark:bg-[var(--zui-button-sapphire-bg-dark,#60a5fa)] text-[color:var(--zui-button-sapphire-fg,#ffffff)] dark:text-[color:var(--zui-button-sapphire-fg-dark,#0f172a)] hover:bg-[var(--zui-button-sapphire-bg-hover,#1d4ed8)] dark:hover:bg-[var(--zui-button-sapphire-bg-hover-dark,#60a5fa)]";
+    readonly lavender: "bg-[var(--zui-button-lavender-bg,#8b5cf6)] dark:bg-[var(--zui-button-lavender-bg-dark,#a78bfa)] text-[color:var(--zui-button-lavender-fg,#ffffff)] dark:text-[color:var(--zui-button-lavender-fg-dark,#1e1b4b)] hover:bg-[var(--zui-button-lavender-bg-hover,#8b5cf6)] dark:hover:bg-[var(--zui-button-lavender-bg-hover-dark,#a78bfa)]";
+    readonly ruby: "bg-[var(--zui-button-ruby-bg,#be123c)] dark:bg-[var(--zui-button-ruby-bg-dark,#fb7185)] text-[color:var(--zui-button-ruby-fg,#ffffff)] dark:text-[color:var(--zui-button-ruby-fg-dark,#450a0a)] hover:bg-[var(--zui-button-ruby-bg-hover,#be123c)] dark:hover:bg-[var(--zui-button-ruby-bg-hover-dark,#fb7185)]";
+    readonly red: "bg-[var(--zui-button-red-bg,#dc2626)] dark:bg-[var(--zui-button-red-bg-dark,#ef4444)] text-[color:var(--zui-button-red-fg,#ffffff)] dark:text-[color:var(--zui-button-red-fg-dark,#ffffff)] hover:bg-[var(--zui-button-red-bg-hover,#dc2626)] dark:hover:bg-[var(--zui-button-red-bg-hover-dark,#ef4444)]";
+    readonly slate: "bg-[var(--zui-button-slate-bg,#475569)] dark:bg-[var(--zui-button-slate-bg-dark,#64748b)] text-[color:var(--zui-button-slate-fg,#ffffff)] dark:text-[color:var(--zui-button-slate-fg-dark,#ffffff)] hover:bg-[var(--zui-button-slate-bg-hover,#475569)] dark:hover:bg-[var(--zui-button-slate-bg-hover-dark,#64748b)]";
+    readonly zinc: "bg-[var(--zui-button-zinc-bg,#52525b)] dark:bg-[var(--zui-button-zinc-bg-dark,#71717a)] text-[color:var(--zui-button-zinc-fg,#ffffff)] dark:text-[color:var(--zui-button-zinc-fg-dark,#ffffff)] hover:bg-[var(--zui-button-zinc-bg-hover,#52525b)] dark:hover:bg-[var(--zui-button-zinc-bg-hover-dark,#71717a)]";
+    readonly stone: "bg-[var(--zui-button-stone-bg,#57534e)] dark:bg-[var(--zui-button-stone-bg-dark,#78716c)] text-[color:var(--zui-button-stone-fg,#ffffff)] dark:text-[color:var(--zui-button-stone-fg-dark,#ffffff)] hover:bg-[var(--zui-button-stone-bg-hover,#57534e)] dark:hover:bg-[var(--zui-button-stone-bg-hover-dark,#78716c)]";
+    readonly royal: "bg-[var(--zui-button-royal-bg,#4338ca)] dark:bg-[var(--zui-button-royal-bg-dark,#818cf8)] text-[color:var(--zui-button-royal-fg,#ffffff)] dark:text-[color:var(--zui-button-royal-fg-dark,#1e1b4b)] hover:bg-[var(--zui-button-royal-bg-hover,#4338ca)] dark:hover:bg-[var(--zui-button-royal-bg-hover-dark,#818cf8)]";
+    readonly electric: "bg-[var(--zui-button-electric-bg,#0ea5e9)] dark:bg-[var(--zui-button-electric-bg-dark,#38bdf8)] text-[color:var(--zui-button-electric-fg,#ffffff)] dark:text-[color:var(--zui-button-electric-fg-dark,#082f49)] hover:bg-[var(--zui-button-electric-bg-hover,#0ea5e9)] dark:hover:bg-[var(--zui-button-electric-bg-hover-dark,#38bdf8)]";
+    readonly forest: "bg-[var(--zui-button-forest-bg,#166534)] dark:bg-[var(--zui-button-forest-bg-dark,#4ade80)] text-[color:var(--zui-button-forest-fg,#ffffff)] dark:text-[color:var(--zui-button-forest-fg-dark,#052e16)] hover:bg-[var(--zui-button-forest-bg-hover,#166534)] dark:hover:bg-[var(--zui-button-forest-bg-hover-dark,#4ade80)]";
+    readonly sunset: "bg-[var(--zui-button-sunset-bg,#ea580c)] dark:bg-[var(--zui-button-sunset-bg-dark,#fb923c)] text-[color:var(--zui-button-sunset-fg,#ffffff)] dark:text-[color:var(--zui-button-sunset-fg-dark,#431407)] hover:bg-[var(--zui-button-sunset-bg-hover,#ea580c)] dark:hover:bg-[var(--zui-button-sunset-bg-hover-dark,#fb923c)]";
+    readonly magenta: "bg-[var(--zui-button-magenta-bg,#c026d3)] dark:bg-[var(--zui-button-magenta-bg-dark,#e879f9)] text-[color:var(--zui-button-magenta-fg,#ffffff)] dark:text-[color:var(--zui-button-magenta-fg-dark,#4a044e)] hover:bg-[var(--zui-button-magenta-bg-hover,#c026d3)] dark:hover:bg-[var(--zui-button-magenta-bg-hover-dark,#e879f9)]";
+    readonly crimson: "bg-[var(--zui-button-crimson-bg,#b91c1c)] dark:bg-[var(--zui-button-crimson-bg-dark,#f87171)] text-[color:var(--zui-button-crimson-fg,#ffffff)] dark:text-[color:var(--zui-button-crimson-fg-dark,#450a0a)] hover:bg-[var(--zui-button-crimson-bg-hover,#b91c1c)] dark:hover:bg-[var(--zui-button-crimson-bg-hover-dark,#f87171)]";
+    readonly aqua: "bg-[var(--zui-button-aqua-bg,#0f766e)] dark:bg-[var(--zui-button-aqua-bg-dark,#2dd4bf)] text-[color:var(--zui-button-aqua-fg,#ffffff)] dark:text-[color:var(--zui-button-aqua-fg-dark,#042f2e)] hover:bg-[var(--zui-button-aqua-bg-hover,#0f766e)] dark:hover:bg-[var(--zui-button-aqua-bg-hover-dark,#2dd4bf)]";
+    readonly plum: "bg-[var(--zui-button-plum-bg,#7e22ce)] dark:bg-[var(--zui-button-plum-bg-dark,#c084fc)] text-[color:var(--zui-button-plum-fg,#ffffff)] dark:text-[color:var(--zui-button-plum-fg-dark,#3b0764)] hover:bg-[var(--zui-button-plum-bg-hover,#7e22ce)] dark:hover:bg-[var(--zui-button-plum-bg-hover-dark,#c084fc)]";
+    readonly emerald: "bg-[var(--zui-button-emerald-bg,#10b981)] dark:bg-[var(--zui-button-emerald-bg-dark,#065f46)] text-[color:var(--zui-button-emerald-fg,#064e3b)] dark:text-[color:var(--zui-button-emerald-fg-dark,#064e3b)] hover:bg-[var(--zui-button-emerald-bg-hover,#10b981)] dark:hover:bg-[var(--zui-button-emerald-bg-hover-dark,#064e3b)]";
     readonly indigo: "bg-[var(--zui-button-indigo-bg,#3730a3)] dark:bg-[var(--zui-button-indigo-bg-dark,#4f46e5)] text-[color:var(--zui-button-indigo-fg,#ffffff)] dark:text-[color:var(--zui-button-indigo-fg-dark,#ffffff)] hover:bg-[var(--zui-button-indigo-bg-hover,#3730a3)] dark:hover:bg-[var(--zui-button-indigo-bg-hover-dark,#4f46e5)]";
     readonly purple: "bg-[var(--zui-button-purple-bg,#6b21a8)] dark:bg-[var(--zui-button-purple-bg-dark,#9333ea)] text-[color:var(--zui-button-purple-fg,#ffffff)] dark:text-[color:var(--zui-button-purple-fg-dark,#ffffff)] hover:bg-[var(--zui-button-purple-bg-hover,#6b21a8)] dark:hover:bg-[var(--zui-button-purple-bg-hover-dark,#9333ea)]";
     readonly pink: "bg-[var(--zui-button-pink-bg,#9d174d)] dark:bg-[var(--zui-button-pink-bg-dark,#db2777)] text-[color:var(--zui-button-pink-fg,#ffffff)] dark:text-[color:var(--zui-button-pink-fg-dark,#ffffff)] hover:bg-[var(--zui-button-pink-bg-hover,#9d174d)] dark:hover:bg-[var(--zui-button-pink-bg-hover-dark,#db2777)]";

package/dist/design-system/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/design-system/button.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,6iBAQhB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDvB,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;CAejB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/design-system/button.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,6iBAQhB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFvB,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;CAejB,CAAC"}

package/dist/design-system/card.d.ts

@@ -5,6 +5,27 @@ export declare const zuiCardAppearances: {
     readonly outline: "border border-[color:var(--zui-card-outline-border,#00000026)] dark:border-[color:var(--zui-card-outline-border-dark,#ffffff26)] bg-[var(--zui-card-outline-bg,transparent)] dark:bg-[var(--zui-card-outline-bg-dark,transparent)]";
     readonly ghost: "border border-[color:var(--zui-card-ghost-border,transparent)] dark:border-[color:var(--zui-card-ghost-border-dark,transparent)] bg-[var(--zui-card-ghost-bg,transparent)] dark:bg-[var(--zui-card-ghost-bg-dark,transparent)]";
     readonly elevated: "border border-[color:var(--zui-card-elevated-border,#0000001a)] dark:border-[color:var(--zui-card-elevated-border-dark,#ffffff1a)] bg-[var(--zui-card-elevated-bg,oklch(96.8%_0.007_247.896_/_0.8))] dark:bg-[var(--zui-card-elevated-bg-dark,oklch(20.8%_0.042_265.755_/_0.8))] shadow-[var(--zui-card-elevated-shadow,0_12px_32px_rgba(15,23,42,0.12))] dark:shadow-[var(--zui-card-elevated-shadow-dark,0_24px_64px_rgba(15,23,42,0.45))]";
+    readonly blue: "border border-[color:var(--zui-card-blue-border,#2563eb)] dark:border-[color:var(--zui-card-blue-border-dark,#3b82f6)] bg-[var(--zui-card-blue-bg,#2563eb1a)] dark:bg-[var(--zui-card-blue-bg-dark,#3b82f626)] backdrop-blur-xl";
+    readonly cyan: "border border-[color:var(--zui-card-cyan-border,#0891b2)] dark:border-[color:var(--zui-card-cyan-border-dark,#22d3ee)] bg-[var(--zui-card-cyan-bg,#0891b21a)] dark:bg-[var(--zui-card-cyan-bg-dark,#22d3ee26)] backdrop-blur-xl";
+    readonly green: "border border-[color:var(--zui-card-green-border,#16a34a)] dark:border-[color:var(--zui-card-green-border-dark,#22c55e)] bg-[var(--zui-card-green-bg,#16a34a1a)] dark:bg-[var(--zui-card-green-bg-dark,#22c55e26)] backdrop-blur-xl";
+    readonly lime: "border border-[color:var(--zui-card-lime-border,#65a30d)] dark:border-[color:var(--zui-card-lime-border-dark,#a3e635)] bg-[var(--zui-card-lime-bg,#65a30d1a)] dark:bg-[var(--zui-card-lime-bg-dark,#a3e63526)] backdrop-blur-xl";
+    readonly mint: "border border-[color:var(--zui-card-mint-border,#10b981)] dark:border-[color:var(--zui-card-mint-border-dark,#6ee7b7)] bg-[var(--zui-card-mint-bg,#10b9811a)] dark:bg-[var(--zui-card-mint-bg-dark,#6ee7b726)] backdrop-blur-xl";
+    readonly ocean: "border border-[color:var(--zui-card-ocean-border,#0284c7)] dark:border-[color:var(--zui-card-ocean-border-dark,#38bdf8)] bg-[var(--zui-card-ocean-bg,#0284c71a)] dark:bg-[var(--zui-card-ocean-bg-dark,#38bdf826)] backdrop-blur-xl";
+    readonly sapphire: "border border-[color:var(--zui-card-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-card-sapphire-border-dark,#60a5fa)] bg-[var(--zui-card-sapphire-bg,#1d4ed81a)] dark:bg-[var(--zui-card-sapphire-bg-dark,#60a5fa26)] backdrop-blur-xl";
+    readonly lavender: "border border-[color:var(--zui-card-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-card-lavender-border-dark,#a78bfa)] bg-[var(--zui-card-lavender-bg,#8b5cf61a)] dark:bg-[var(--zui-card-lavender-bg-dark,#a78bfa26)] backdrop-blur-xl";
+    readonly ruby: "border border-[color:var(--zui-card-ruby-border,#be123c)] dark:border-[color:var(--zui-card-ruby-border-dark,#fb7185)] bg-[var(--zui-card-ruby-bg,#be123c1a)] dark:bg-[var(--zui-card-ruby-bg-dark,#fb718526)] backdrop-blur-xl";
+    readonly red: "border border-[color:var(--zui-card-red-border,#dc2626)] dark:border-[color:var(--zui-card-red-border-dark,#ef4444)] bg-[var(--zui-card-red-bg,#dc26261a)] dark:bg-[var(--zui-card-red-bg-dark,#ef444426)] backdrop-blur-xl";
+    readonly slate: "border border-[color:var(--zui-card-slate-border,#475569)] dark:border-[color:var(--zui-card-slate-border-dark,#64748b)] bg-[var(--zui-card-slate-bg,#4755691a)] dark:bg-[var(--zui-card-slate-bg-dark,#64748b26)] backdrop-blur-xl";
+    readonly zinc: "border border-[color:var(--zui-card-zinc-border,#52525b)] dark:border-[color:var(--zui-card-zinc-border-dark,#71717a)] bg-[var(--zui-card-zinc-bg,#52525b1a)] dark:bg-[var(--zui-card-zinc-bg-dark,#71717a26)] backdrop-blur-xl";
+    readonly stone: "border border-[color:var(--zui-card-stone-border,#57534e)] dark:border-[color:var(--zui-card-stone-border-dark,#78716c)] bg-[var(--zui-card-stone-bg,#57534e1a)] dark:bg-[var(--zui-card-stone-bg-dark,#78716c26)] backdrop-blur-xl";
+    readonly royal: "border border-[color:var(--zui-card-royal-border,#4338ca)] dark:border-[color:var(--zui-card-royal-border-dark,#818cf8)] bg-[var(--zui-card-royal-bg,#4338ca1a)] dark:bg-[var(--zui-card-royal-bg-dark,#818cf826)] backdrop-blur-xl";
+    readonly electric: "border border-[color:var(--zui-card-electric-border,#0ea5e9)] dark:border-[color:var(--zui-card-electric-border-dark,#38bdf8)] bg-[var(--zui-card-electric-bg,#0ea5e91a)] dark:bg-[var(--zui-card-electric-bg-dark,#38bdf826)] backdrop-blur-xl";
+    readonly forest: "border border-[color:var(--zui-card-forest-border,#166534)] dark:border-[color:var(--zui-card-forest-border-dark,#4ade80)] bg-[var(--zui-card-forest-bg,#1665341a)] dark:bg-[var(--zui-card-forest-bg-dark,#4ade8026)] backdrop-blur-xl";
+    readonly sunset: "border border-[color:var(--zui-card-sunset-border,#ea580c)] dark:border-[color:var(--zui-card-sunset-border-dark,#fb923c)] bg-[var(--zui-card-sunset-bg,#ea580c1a)] dark:bg-[var(--zui-card-sunset-bg-dark,#fb923c26)] backdrop-blur-xl";
+    readonly magenta: "border border-[color:var(--zui-card-magenta-border,#c026d3)] dark:border-[color:var(--zui-card-magenta-border-dark,#e879f9)] bg-[var(--zui-card-magenta-bg,#c026d31a)] dark:bg-[var(--zui-card-magenta-bg-dark,#e879f926)] backdrop-blur-xl";
+    readonly crimson: "border border-[color:var(--zui-card-crimson-border,#b91c1c)] dark:border-[color:var(--zui-card-crimson-border-dark,#f87171)] bg-[var(--zui-card-crimson-bg,#b91c1c1a)] dark:bg-[var(--zui-card-crimson-bg-dark,#f8717126)] backdrop-blur-xl";
+    readonly aqua: "border border-[color:var(--zui-card-aqua-border,#0f766e)] dark:border-[color:var(--zui-card-aqua-border-dark,#2dd4bf)] bg-[var(--zui-card-aqua-bg,#0f766e1a)] dark:bg-[var(--zui-card-aqua-bg-dark,#2dd4bf26)] backdrop-blur-xl";
+    readonly plum: "border border-[color:var(--zui-card-plum-border,#7e22ce)] dark:border-[color:var(--zui-card-plum-border-dark,#c084fc)] bg-[var(--zui-card-plum-bg,#7e22ce1a)] dark:bg-[var(--zui-card-plum-bg-dark,#c084fc26)] backdrop-blur-xl";
     readonly sky: "border border-[color:var(--zui-card-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-card-sky-border-dark,oklch(58.8%_0.158_241.966))] bg-[var(--zui-card-sky-bg,oklch(97.7%_0.013_236.62))] dark:bg-[var(--zui-card-sky-bg-dark,oklch(29.3%_0.066_243.157_/_0.7))] backdrop-blur-xl";
     readonly rose: "border border-[color:var(--zui-card-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-card-rose-border-dark,oklch(58.6%_0.253_17.585))] bg-[var(--zui-card-rose-bg,oklch(96.9%_0.015_12.422))] dark:bg-[var(--zui-card-rose-bg-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl";
     readonly purple: "border border-[color:var(--zui-card-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-card-purple-border-dark,oklch(55.8%_0.288_302.321))] bg-[var(--zui-card-purple-bg,oklch(97.7%_0.014_308.299))] dark:bg-[var(--zui-card-purple-bg-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl";

package/dist/design-system/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/design-system/card.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,olBAId,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDrB,CAAC;AAEX,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AAEX,eAAO,MAAM,iBAAiB,8JAC+H,CAAC;AAE9J,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,eAAO,MAAM,iBAAiB,8JAC+H,CAAC;AAE9J,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,eAAO,MAAM,gBAAgB,0JAC4H,CAAC;AAE1J,eAAO,MAAM,iBAAiB;;;;CAIpB,CAAC;AAEX,eAAO,MAAM,sBAAsB,4JACwH,CAAC;AAE5J,eAAO,MAAM,uBAAuB;;;;CAI1B,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../src/design-system/card.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,olBAId,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiFrB,CAAC;AAEX,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;CAKjB,CAAC;AAEX,eAAO,MAAM,iBAAiB,8JAC+H,CAAC;AAE9J,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,eAAO,MAAM,iBAAiB,8JAC+H,CAAC;AAE9J,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,eAAO,MAAM,gBAAgB,0JAC4H,CAAC;AAE1J,eAAO,MAAM,iBAAiB;;;;CAIpB,CAAC;AAEX,eAAO,MAAM,sBAAsB,4JACwH,CAAC;AAE5J,eAAO,MAAM,uBAAuB;;;;CAI1B,CAAC"}

package/dist/design-system/checkbox.d.ts

@@ -1,6 +1,6 @@
 export declare const zuiCheckboxRootBase = "group inline-flex w-fit items-start gap-2.5 text-sm font-medium text-[color:var(--zui-checkbox-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-checkbox-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50";
 export declare const zuiCheckboxControlBase = "grid shrink-0 place-items-center rounded-md border-2 border-[color:var(--zui-checkbox-border,#0000004d)] bg-[var(--zui-checkbox-bg,transparent)] dark:bg-[var(--zui-checkbox-bg-dark,transparent)] text-[color:var(--zui-checkbox-fg,oklch(44.6%_0.043_257.281))] transition-[background-color,border-color,color,box-shadow] peer-focus-visible:outline-none peer-focus-visible:ring-2 peer-focus-visible:ring-[var(--zui-checkbox-ring-focus,oklch(44.6%_0.043_257.281_/_0.7))] peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-[var(--zui-checkbox-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:border-[color:var(--zui-checkbox-border-dark,#ffffff4d)] dark:text-[color:var(--zui-checkbox-fg-dark,oklch(92.9%_0.013_255.508))] dark:peer-focus-visible:ring-[var(--zui-checkbox-ring-focus-dark,oklch(86.9%_0.022_252.894_/_0.7))] dark:peer-focus-visible:ring-offset-[var(--zui-checkbox-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))] group-data-[disabled=true]:cursor-not-allowed";
-export declare const zuiCheckboxIndicatorBase = "pointer-events-none opacity-0 transition-opacity duration-150 stroke-white group-data-[state=checked]:opacity-100 group-data-[state=indeterminate]:opacity-100";
+export declare const zuiCheckboxIndicatorBase = "pointer-events-none opacity-0 transition-opacity duration-150 stroke-current group-data-[state=checked]:opacity-100 group-data-[state=indeterminate]:opacity-100";
 export declare const zuiCheckboxSizes: {
     readonly sm: {
         readonly root: "text-xs";
@@ -24,6 +24,27 @@ export declare const zuiCheckboxAppearances: {
     readonly warning: "group-data-[state=checked]:border-[color:var(--zui-checkbox-warning-border-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-warning-border-checked-dark,oklch(68.1%_0.162_75.834))] group-data-[state=checked]:bg-[var(--zui-checkbox-warning-bg-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-warning-bg-checked-dark,oklch(68.1%_0.162_75.834))] group-data-[state=checked]:text-[color:var(--zui-checkbox-warning-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-warning-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-warning-border-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-warning-border-checked-dark,oklch(68.1%_0.162_75.834))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-warning-bg-checked,oklch(68.1%_0.162_75.834))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-warning-bg-checked-dark,oklch(68.1%_0.162_75.834))]";
     readonly error: "group-data-[state=checked]:border-[color:var(--zui-checkbox-error-border-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-error-border-checked-dark,oklch(58.6%_0.253_17.585))] group-data-[state=checked]:bg-[var(--zui-checkbox-error-bg-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-error-bg-checked-dark,oklch(58.6%_0.253_17.585))] group-data-[state=checked]:text-[color:var(--zui-checkbox-error-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-error-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-error-border-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-error-border-checked-dark,oklch(58.6%_0.253_17.585))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-error-bg-checked,oklch(58.6%_0.253_17.585))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-error-bg-checked-dark,oklch(58.6%_0.253_17.585))]";
     readonly info: "group-data-[state=checked]:border-[color:var(--zui-checkbox-info-border-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-info-border-checked-dark,oklch(54.6%_0.245_262.881))] group-data-[state=checked]:bg-[var(--zui-checkbox-info-bg-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-info-bg-checked-dark,oklch(54.6%_0.245_262.881))] group-data-[state=checked]:text-[color:var(--zui-checkbox-info-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-info-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-info-border-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-info-border-checked-dark,oklch(54.6%_0.245_262.881))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-info-bg-checked,oklch(54.6%_0.245_262.881))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-info-bg-checked-dark,oklch(54.6%_0.245_262.881))]";
+    readonly blue: "group-data-[state=checked]:border-[color:var(--zui-checkbox-blue-border-checked,#2563eb)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-blue-border-checked-dark,#3b82f6)] group-data-[state=checked]:bg-[var(--zui-checkbox-blue-bg-checked,#2563eb)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-blue-bg-checked-dark,#3b82f6)] group-data-[state=checked]:text-[color:var(--zui-checkbox-blue-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-blue-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-blue-border-checked,#2563eb)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-blue-border-checked-dark,#3b82f6)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-blue-bg-checked,#2563eb)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-blue-bg-checked-dark,#3b82f6)]";
+    readonly cyan: "group-data-[state=checked]:border-[color:var(--zui-checkbox-cyan-border-checked,#0891b2)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-cyan-border-checked-dark,#22d3ee)] group-data-[state=checked]:bg-[var(--zui-checkbox-cyan-bg-checked,#0891b2)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-cyan-bg-checked-dark,#22d3ee)] group-data-[state=checked]:text-[color:var(--zui-checkbox-cyan-fg-checked,#083344)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-cyan-fg-checked-dark,#083344)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-cyan-border-checked,#0891b2)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-cyan-border-checked-dark,#22d3ee)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-cyan-bg-checked,#0891b2)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-cyan-bg-checked-dark,#22d3ee)]";
+    readonly green: "group-data-[state=checked]:border-[color:var(--zui-checkbox-green-border-checked,#16a34a)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-green-border-checked-dark,#22c55e)] group-data-[state=checked]:bg-[var(--zui-checkbox-green-bg-checked,#16a34a)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-green-bg-checked-dark,#22c55e)] group-data-[state=checked]:text-[color:var(--zui-checkbox-green-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-green-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-green-border-checked,#16a34a)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-green-border-checked-dark,#22c55e)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-green-bg-checked,#16a34a)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-green-bg-checked-dark,#22c55e)]";
+    readonly lime: "group-data-[state=checked]:border-[color:var(--zui-checkbox-lime-border-checked,#65a30d)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-lime-border-checked-dark,#a3e635)] group-data-[state=checked]:bg-[var(--zui-checkbox-lime-bg-checked,#65a30d)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-lime-bg-checked-dark,#a3e635)] group-data-[state=checked]:text-[color:var(--zui-checkbox-lime-fg-checked,#1a2e05)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-lime-fg-checked-dark,#1a2e05)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-lime-border-checked,#65a30d)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-lime-border-checked-dark,#a3e635)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-lime-bg-checked,#65a30d)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-lime-bg-checked-dark,#a3e635)]";
+    readonly mint: "group-data-[state=checked]:border-[color:var(--zui-checkbox-mint-border-checked,#10b981)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-mint-border-checked-dark,#6ee7b7)] group-data-[state=checked]:bg-[var(--zui-checkbox-mint-bg-checked,#10b981)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-mint-bg-checked-dark,#6ee7b7)] group-data-[state=checked]:text-[color:var(--zui-checkbox-mint-fg-checked,#064e3b)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-mint-fg-checked-dark,#064e3b)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-mint-border-checked,#10b981)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-mint-border-checked-dark,#6ee7b7)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-mint-bg-checked,#10b981)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-mint-bg-checked-dark,#6ee7b7)]";
+    readonly ocean: "group-data-[state=checked]:border-[color:var(--zui-checkbox-ocean-border-checked,#0284c7)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-ocean-border-checked-dark,#38bdf8)] group-data-[state=checked]:bg-[var(--zui-checkbox-ocean-bg-checked,#0284c7)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-ocean-bg-checked-dark,#38bdf8)] group-data-[state=checked]:text-[color:var(--zui-checkbox-ocean-fg-checked,#082f49)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-ocean-fg-checked-dark,#082f49)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-ocean-border-checked,#0284c7)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-ocean-border-checked-dark,#38bdf8)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-ocean-bg-checked,#0284c7)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-ocean-bg-checked-dark,#38bdf8)]";
+    readonly sapphire: "group-data-[state=checked]:border-[color:var(--zui-checkbox-sapphire-border-checked,#1d4ed8)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-sapphire-border-checked-dark,#60a5fa)] group-data-[state=checked]:bg-[var(--zui-checkbox-sapphire-bg-checked,#1d4ed8)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-sapphire-bg-checked-dark,#60a5fa)] group-data-[state=checked]:text-[color:var(--zui-checkbox-sapphire-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-sapphire-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-sapphire-border-checked,#1d4ed8)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-sapphire-border-checked-dark,#60a5fa)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-sapphire-bg-checked,#1d4ed8)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-sapphire-bg-checked-dark,#60a5fa)]";
+    readonly lavender: "group-data-[state=checked]:border-[color:var(--zui-checkbox-lavender-border-checked,#8b5cf6)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-lavender-border-checked-dark,#a78bfa)] group-data-[state=checked]:bg-[var(--zui-checkbox-lavender-bg-checked,#8b5cf6)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-lavender-bg-checked-dark,#a78bfa)] group-data-[state=checked]:text-[color:var(--zui-checkbox-lavender-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-lavender-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-lavender-border-checked,#8b5cf6)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-lavender-border-checked-dark,#a78bfa)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-lavender-bg-checked,#8b5cf6)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-lavender-bg-checked-dark,#a78bfa)]";
+    readonly ruby: "group-data-[state=checked]:border-[color:var(--zui-checkbox-ruby-border-checked,#be123c)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-ruby-border-checked-dark,#fb7185)] group-data-[state=checked]:bg-[var(--zui-checkbox-ruby-bg-checked,#be123c)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-ruby-bg-checked-dark,#fb7185)] group-data-[state=checked]:text-[color:var(--zui-checkbox-ruby-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-ruby-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-ruby-border-checked,#be123c)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-ruby-border-checked-dark,#fb7185)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-ruby-bg-checked,#be123c)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-ruby-bg-checked-dark,#fb7185)]";
+    readonly red: "group-data-[state=checked]:border-[color:var(--zui-checkbox-red-border-checked,#dc2626)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-red-border-checked-dark,#ef4444)] group-data-[state=checked]:bg-[var(--zui-checkbox-red-bg-checked,#dc2626)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-red-bg-checked-dark,#ef4444)] group-data-[state=checked]:text-[color:var(--zui-checkbox-red-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-red-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-red-border-checked,#dc2626)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-red-border-checked-dark,#ef4444)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-red-bg-checked,#dc2626)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-red-bg-checked-dark,#ef4444)]";
+    readonly slate: "group-data-[state=checked]:border-[color:var(--zui-checkbox-slate-border-checked,#475569)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-slate-border-checked-dark,#64748b)] group-data-[state=checked]:bg-[var(--zui-checkbox-slate-bg-checked,#475569)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-slate-bg-checked-dark,#64748b)] group-data-[state=checked]:text-[color:var(--zui-checkbox-slate-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-slate-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-slate-border-checked,#475569)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-slate-border-checked-dark,#64748b)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-slate-bg-checked,#475569)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-slate-bg-checked-dark,#64748b)]";
+    readonly zinc: "group-data-[state=checked]:border-[color:var(--zui-checkbox-zinc-border-checked,#52525b)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-zinc-border-checked-dark,#71717a)] group-data-[state=checked]:bg-[var(--zui-checkbox-zinc-bg-checked,#52525b)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-zinc-bg-checked-dark,#71717a)] group-data-[state=checked]:text-[color:var(--zui-checkbox-zinc-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-zinc-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-zinc-border-checked,#52525b)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-zinc-border-checked-dark,#71717a)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-zinc-bg-checked,#52525b)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-zinc-bg-checked-dark,#71717a)]";
+    readonly stone: "group-data-[state=checked]:border-[color:var(--zui-checkbox-stone-border-checked,#57534e)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-stone-border-checked-dark,#78716c)] group-data-[state=checked]:bg-[var(--zui-checkbox-stone-bg-checked,#57534e)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-stone-bg-checked-dark,#78716c)] group-data-[state=checked]:text-[color:var(--zui-checkbox-stone-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-stone-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-stone-border-checked,#57534e)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-stone-border-checked-dark,#78716c)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-stone-bg-checked,#57534e)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-stone-bg-checked-dark,#78716c)]";
+    readonly royal: "group-data-[state=checked]:border-[color:var(--zui-checkbox-royal-border-checked,#4338ca)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-royal-border-checked-dark,#818cf8)] group-data-[state=checked]:bg-[var(--zui-checkbox-royal-bg-checked,#4338ca)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-royal-bg-checked-dark,#818cf8)] group-data-[state=checked]:text-[color:var(--zui-checkbox-royal-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-royal-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-royal-border-checked,#4338ca)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-royal-border-checked-dark,#818cf8)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-royal-bg-checked,#4338ca)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-royal-bg-checked-dark,#818cf8)]";
+    readonly electric: "group-data-[state=checked]:border-[color:var(--zui-checkbox-electric-border-checked,#0ea5e9)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-electric-border-checked-dark,#38bdf8)] group-data-[state=checked]:bg-[var(--zui-checkbox-electric-bg-checked,#0ea5e9)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-electric-bg-checked-dark,#38bdf8)] group-data-[state=checked]:text-[color:var(--zui-checkbox-electric-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-electric-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-electric-border-checked,#0ea5e9)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-electric-border-checked-dark,#38bdf8)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-electric-bg-checked,#0ea5e9)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-electric-bg-checked-dark,#38bdf8)]";
+    readonly forest: "group-data-[state=checked]:border-[color:var(--zui-checkbox-forest-border-checked,#166534)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-forest-border-checked-dark,#4ade80)] group-data-[state=checked]:bg-[var(--zui-checkbox-forest-bg-checked,#166534)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-forest-bg-checked-dark,#4ade80)] group-data-[state=checked]:text-[color:var(--zui-checkbox-forest-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-forest-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-forest-border-checked,#166534)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-forest-border-checked-dark,#4ade80)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-forest-bg-checked,#166534)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-forest-bg-checked-dark,#4ade80)]";
+    readonly sunset: "group-data-[state=checked]:border-[color:var(--zui-checkbox-sunset-border-checked,#ea580c)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-sunset-border-checked-dark,#fb923c)] group-data-[state=checked]:bg-[var(--zui-checkbox-sunset-bg-checked,#ea580c)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-sunset-bg-checked-dark,#fb923c)] group-data-[state=checked]:text-[color:var(--zui-checkbox-sunset-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-sunset-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-sunset-border-checked,#ea580c)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-sunset-border-checked-dark,#fb923c)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-sunset-bg-checked,#ea580c)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-sunset-bg-checked-dark,#fb923c)]";
+    readonly magenta: "group-data-[state=checked]:border-[color:var(--zui-checkbox-magenta-border-checked,#c026d3)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-magenta-border-checked-dark,#e879f9)] group-data-[state=checked]:bg-[var(--zui-checkbox-magenta-bg-checked,#c026d3)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-magenta-bg-checked-dark,#e879f9)] group-data-[state=checked]:text-[color:var(--zui-checkbox-magenta-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-magenta-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-magenta-border-checked,#c026d3)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-magenta-border-checked-dark,#e879f9)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-magenta-bg-checked,#c026d3)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-magenta-bg-checked-dark,#e879f9)]";
+    readonly crimson: "group-data-[state=checked]:border-[color:var(--zui-checkbox-crimson-border-checked,#b91c1c)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-crimson-border-checked-dark,#f87171)] group-data-[state=checked]:bg-[var(--zui-checkbox-crimson-bg-checked,#b91c1c)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-crimson-bg-checked-dark,#f87171)] group-data-[state=checked]:text-[color:var(--zui-checkbox-crimson-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-crimson-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-crimson-border-checked,#b91c1c)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-crimson-border-checked-dark,#f87171)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-crimson-bg-checked,#b91c1c)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-crimson-bg-checked-dark,#f87171)]";
+    readonly aqua: "group-data-[state=checked]:border-[color:var(--zui-checkbox-aqua-border-checked,#0f766e)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-aqua-border-checked-dark,#2dd4bf)] group-data-[state=checked]:bg-[var(--zui-checkbox-aqua-bg-checked,#0f766e)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-aqua-bg-checked-dark,#2dd4bf)] group-data-[state=checked]:text-[color:var(--zui-checkbox-aqua-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-aqua-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-aqua-border-checked,#0f766e)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-aqua-border-checked-dark,#2dd4bf)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-aqua-bg-checked,#0f766e)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-aqua-bg-checked-dark,#2dd4bf)]";
+    readonly plum: "group-data-[state=checked]:border-[color:var(--zui-checkbox-plum-border-checked,#7e22ce)] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-plum-border-checked-dark,#c084fc)] group-data-[state=checked]:bg-[var(--zui-checkbox-plum-bg-checked,#7e22ce)] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-plum-bg-checked-dark,#c084fc)] group-data-[state=checked]:text-[color:var(--zui-checkbox-plum-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-plum-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-plum-border-checked,#7e22ce)] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-plum-border-checked-dark,#c084fc)] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-plum-bg-checked,#7e22ce)] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-plum-bg-checked-dark,#c084fc)]";
     readonly violet: "group-data-[state=checked]:border-[color:var(--zui-checkbox-violet-border-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-violet-border-checked-dark,oklch(54.1%_0.281_293.009))] group-data-[state=checked]:bg-[var(--zui-checkbox-violet-bg-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-violet-bg-checked-dark,oklch(54.1%_0.281_293.009))] group-data-[state=checked]:text-[color:var(--zui-checkbox-violet-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-violet-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-violet-border-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-violet-border-checked-dark,oklch(54.1%_0.281_293.009))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-violet-bg-checked,oklch(54.1%_0.281_293.009))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-violet-bg-checked-dark,oklch(54.1%_0.281_293.009))]";
     readonly amber: "group-data-[state=checked]:border-[color:var(--zui-checkbox-amber-border-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-amber-border-checked-dark,oklch(66.6%_0.179_58.318))] group-data-[state=checked]:bg-[var(--zui-checkbox-amber-bg-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-amber-bg-checked-dark,oklch(66.6%_0.179_58.318))] group-data-[state=checked]:text-[color:var(--zui-checkbox-amber-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-amber-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-amber-border-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-amber-border-checked-dark,oklch(66.6%_0.179_58.318))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-amber-bg-checked,oklch(66.6%_0.179_58.318))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-amber-bg-checked-dark,oklch(66.6%_0.179_58.318))]";
     readonly pink: "group-data-[state=checked]:border-[color:var(--zui-checkbox-pink-border-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=checked]:border-[color:var(--zui-checkbox-pink-border-checked-dark,oklch(59.2%_0.249_0.584))] group-data-[state=checked]:bg-[var(--zui-checkbox-pink-bg-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=checked]:bg-[var(--zui-checkbox-pink-bg-checked-dark,oklch(59.2%_0.249_0.584))] group-data-[state=checked]:text-[color:var(--zui-checkbox-pink-fg-checked,#ffffff)] dark:group-data-[state=checked]:text-[color:var(--zui-checkbox-pink-fg-checked-dark,#ffffff)] group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-pink-border-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=indeterminate]:border-[color:var(--zui-checkbox-pink-border-checked-dark,oklch(59.2%_0.249_0.584))] group-data-[state=indeterminate]:bg-[var(--zui-checkbox-pink-bg-checked,oklch(59.2%_0.249_0.584))] dark:group-data-[state=indeterminate]:bg-[var(--zui-checkbox-pink-bg-checked-dark,oklch(59.2%_0.249_0.584))]";

package/dist/design-system/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/design-system/checkbox.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,gSAC+P,CAAC;AAEhS,eAAO,MAAM,sBAAsB,89BAC07B,CAAC;AAE99B,eAAO,MAAM,wBAAwB,mKAC6H,CAAC;AAEnK,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;CAgBnB,CAAC;AAEX,eAAO,MAAM,sBAAsB;;;;;;;;;;CAiBzB,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/design-system/checkbox.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,gSAC+P,CAAC;AAEhS,eAAO,MAAM,sBAAsB,89BAC07B,CAAC;AAE99B,eAAO,MAAM,wBAAwB,qKAC+H,CAAC;AAErK,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;CAgBnB,CAAC;AAEX,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDzB,CAAC"}

package/dist/design-system/command.d.ts

@@ -37,5 +37,26 @@ export declare const zuiCommandContentAppearances: {
     readonly "gradient-teal": "border-[color:var(--zui-command-content-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-command-content-gradient-teal-border-dark,oklch(60%_0.118_184.704))] bg-linear-to-br from-[var(--zui-command-content-gradient-teal-from,oklch(98.4%_0.014_180.72))] dark:from-[var(--zui-command-content-gradient-teal-from-dark,oklch(27.7%_0.046_192.524_/_0.85))] to-[var(--zui-command-content-gradient-teal-to,oklch(98.4%_0.019_200.873))] dark:to-[var(--zui-command-content-gradient-teal-to-dark,oklch(30.2%_0.056_229.695_/_0.85))] backdrop-blur-xl";
     readonly "gradient-indigo": "border-[color:var(--zui-command-content-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-command-content-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-br from-[var(--zui-command-content-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-command-content-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.85))] to-[var(--zui-command-content-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-command-content-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.85))] backdrop-blur-xl";
     readonly "gradient-pink": "border-[color:var(--zui-command-content-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-command-content-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-br from-[var(--zui-command-content-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-command-content-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.85))] to-[var(--zui-command-content-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-command-content-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.85))] backdrop-blur-xl";
+    readonly blue: "border border-[color:var(--zui-command-content-blue-border,#2563eb)] dark:border-[color:var(--zui-command-content-blue-border-dark,#3b82f6)] bg-[var(--zui-command-content-blue-bg,#2563eb14)] dark:bg-[var(--zui-command-content-blue-bg-dark,#3b82f624)] backdrop-blur-xl";
+    readonly cyan: "border border-[color:var(--zui-command-content-cyan-border,#0891b2)] dark:border-[color:var(--zui-command-content-cyan-border-dark,#22d3ee)] bg-[var(--zui-command-content-cyan-bg,#0891b214)] dark:bg-[var(--zui-command-content-cyan-bg-dark,#22d3ee24)] backdrop-blur-xl";
+    readonly green: "border border-[color:var(--zui-command-content-green-border,#16a34a)] dark:border-[color:var(--zui-command-content-green-border-dark,#22c55e)] bg-[var(--zui-command-content-green-bg,#16a34a14)] dark:bg-[var(--zui-command-content-green-bg-dark,#22c55e24)] backdrop-blur-xl";
+    readonly lime: "border border-[color:var(--zui-command-content-lime-border,#65a30d)] dark:border-[color:var(--zui-command-content-lime-border-dark,#a3e635)] bg-[var(--zui-command-content-lime-bg,#65a30d14)] dark:bg-[var(--zui-command-content-lime-bg-dark,#a3e63524)] backdrop-blur-xl";
+    readonly mint: "border border-[color:var(--zui-command-content-mint-border,#10b981)] dark:border-[color:var(--zui-command-content-mint-border-dark,#6ee7b7)] bg-[var(--zui-command-content-mint-bg,#10b98114)] dark:bg-[var(--zui-command-content-mint-bg-dark,#6ee7b724)] backdrop-blur-xl";
+    readonly ocean: "border border-[color:var(--zui-command-content-ocean-border,#0284c7)] dark:border-[color:var(--zui-command-content-ocean-border-dark,#38bdf8)] bg-[var(--zui-command-content-ocean-bg,#0284c714)] dark:bg-[var(--zui-command-content-ocean-bg-dark,#38bdf824)] backdrop-blur-xl";
+    readonly sapphire: "border border-[color:var(--zui-command-content-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-command-content-sapphire-border-dark,#60a5fa)] bg-[var(--zui-command-content-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-command-content-sapphire-bg-dark,#60a5fa24)] backdrop-blur-xl";
+    readonly lavender: "border border-[color:var(--zui-command-content-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-command-content-lavender-border-dark,#a78bfa)] bg-[var(--zui-command-content-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-command-content-lavender-bg-dark,#a78bfa24)] backdrop-blur-xl";
+    readonly ruby: "border border-[color:var(--zui-command-content-ruby-border,#be123c)] dark:border-[color:var(--zui-command-content-ruby-border-dark,#fb7185)] bg-[var(--zui-command-content-ruby-bg,#be123c14)] dark:bg-[var(--zui-command-content-ruby-bg-dark,#fb718524)] backdrop-blur-xl";
+    readonly red: "border border-[color:var(--zui-command-content-red-border,#dc2626)] dark:border-[color:var(--zui-command-content-red-border-dark,#ef4444)] bg-[var(--zui-command-content-red-bg,#dc262614)] dark:bg-[var(--zui-command-content-red-bg-dark,#ef444424)] backdrop-blur-xl";
+    readonly slate: "border border-[color:var(--zui-command-content-slate-border,#475569)] dark:border-[color:var(--zui-command-content-slate-border-dark,#64748b)] bg-[var(--zui-command-content-slate-bg,#47556914)] dark:bg-[var(--zui-command-content-slate-bg-dark,#64748b24)] backdrop-blur-xl";
+    readonly zinc: "border border-[color:var(--zui-command-content-zinc-border,#52525b)] dark:border-[color:var(--zui-command-content-zinc-border-dark,#71717a)] bg-[var(--zui-command-content-zinc-bg,#52525b14)] dark:bg-[var(--zui-command-content-zinc-bg-dark,#71717a24)] backdrop-blur-xl";
+    readonly stone: "border border-[color:var(--zui-command-content-stone-border,#57534e)] dark:border-[color:var(--zui-command-content-stone-border-dark,#78716c)] bg-[var(--zui-command-content-stone-bg,#57534e14)] dark:bg-[var(--zui-command-content-stone-bg-dark,#78716c24)] backdrop-blur-xl";
+    readonly royal: "border border-[color:var(--zui-command-content-royal-border,#4338ca)] dark:border-[color:var(--zui-command-content-royal-border-dark,#818cf8)] bg-[var(--zui-command-content-royal-bg,#4338ca14)] dark:bg-[var(--zui-command-content-royal-bg-dark,#818cf824)] backdrop-blur-xl";
+    readonly electric: "border border-[color:var(--zui-command-content-electric-border,#0ea5e9)] dark:border-[color:var(--zui-command-content-electric-border-dark,#38bdf8)] bg-[var(--zui-command-content-electric-bg,#0ea5e914)] dark:bg-[var(--zui-command-content-electric-bg-dark,#38bdf824)] backdrop-blur-xl";
+    readonly forest: "border border-[color:var(--zui-command-content-forest-border,#166534)] dark:border-[color:var(--zui-command-content-forest-border-dark,#4ade80)] bg-[var(--zui-command-content-forest-bg,#16653414)] dark:bg-[var(--zui-command-content-forest-bg-dark,#4ade8024)] backdrop-blur-xl";
+    readonly sunset: "border border-[color:var(--zui-command-content-sunset-border,#ea580c)] dark:border-[color:var(--zui-command-content-sunset-border-dark,#fb923c)] bg-[var(--zui-command-content-sunset-bg,#ea580c14)] dark:bg-[var(--zui-command-content-sunset-bg-dark,#fb923c24)] backdrop-blur-xl";
+    readonly magenta: "border border-[color:var(--zui-command-content-magenta-border,#c026d3)] dark:border-[color:var(--zui-command-content-magenta-border-dark,#e879f9)] bg-[var(--zui-command-content-magenta-bg,#c026d314)] dark:bg-[var(--zui-command-content-magenta-bg-dark,#e879f924)] backdrop-blur-xl";
+    readonly crimson: "border border-[color:var(--zui-command-content-crimson-border,#b91c1c)] dark:border-[color:var(--zui-command-content-crimson-border-dark,#f87171)] bg-[var(--zui-command-content-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-command-content-crimson-bg-dark,#f8717124)] backdrop-blur-xl";
+    readonly aqua: "border border-[color:var(--zui-command-content-aqua-border,#0f766e)] dark:border-[color:var(--zui-command-content-aqua-border-dark,#2dd4bf)] bg-[var(--zui-command-content-aqua-bg,#0f766e14)] dark:bg-[var(--zui-command-content-aqua-bg-dark,#2dd4bf24)] backdrop-blur-xl";
+    readonly plum: "border border-[color:var(--zui-command-content-plum-border,#7e22ce)] dark:border-[color:var(--zui-command-content-plum-border-dark,#c084fc)] bg-[var(--zui-command-content-plum-bg,#7e22ce14)] dark:bg-[var(--zui-command-content-plum-bg-dark,#c084fc24)] backdrop-blur-xl";
 };
 //# sourceMappingURL=command.d.ts.map

package/dist/design-system/command.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../src/design-system/command.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,4LACyJ,CAAC;AAE5L,eAAO,MAAM,qBAAqB,ooBACimB,CAAC;AAEpoB,eAAO,MAAM,qBAAqB,yrBACspB,CAAC;AAEzrB,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAC;AAEX,eAAO,MAAM,sBAAsB,sKACkI,CAAC;AAEtK,eAAO,MAAM,mBAAmB,wYACuW,CAAC;AAExY,eAAO,MAAM,kBAAkB,mEACmC,CAAC;AAEnE,eAAO,MAAM,0BAA0B,uOAC+L,CAAC;AAEvO,eAAO,MAAM,kBAAkB,mqBACmoB,CAAC;AAEnqB,eAAO,MAAM,uBAAuB,sHACiF,CAAC;AAEtH,eAAO,MAAM,mBAAmB,oLACmJ,CAAC;AAEpL,eAAO,MAAM,oBAAoB,yUACuS,CAAC;AAEzU,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;CAwC/B,CAAC"}
+{"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../../src/design-system/command.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,4LACyJ,CAAC;AAE5L,eAAO,MAAM,qBAAqB,ooBACimB,CAAC;AAEpoB,eAAO,MAAM,qBAAqB,yrBACspB,CAAC;AAEzrB,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAC;AAEX,eAAO,MAAM,sBAAsB,sKACkI,CAAC;AAEtK,eAAO,MAAM,mBAAmB,wYACuW,CAAC;AAExY,eAAO,MAAM,kBAAkB,mEACmC,CAAC;AAEnE,eAAO,MAAM,0BAA0B,uOAC+L,CAAC;AAEvO,eAAO,MAAM,kBAAkB,mqBACmoB,CAAC;AAEnqB,eAAO,MAAM,uBAAuB,sHACiF,CAAC;AAEtH,eAAO,MAAM,mBAAmB,oLACmJ,CAAC;AAEpL,eAAO,MAAM,oBAAoB,yUACuS,CAAC;AAEzU,eAAO,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyE/B,CAAC"}

package/dist/design-system/context-menu.d.ts

@@ -23,6 +23,27 @@ export declare const zuiContextMenuItemVariants: {
     readonly "gradient-indigo": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-dropdown-item-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-dropdown-item-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-dropdown-item-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] hover:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-hover,oklch(58.5%_0.233_277.117))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-hover-dark,oklch(35.9%_0.144_278.697))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-indigo-from,oklch(87%_0.065_274.039))] to-[var(--zui-dropdown-item-gradient-indigo-to,oklch(90.2%_0.063_306.703))] text-[color:var(--zui-dropdown-item-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:text-[color:var(--zui-dropdown-item-gradient-indigo-fg-dark,oklch(87%_0.065_274.039))] dark:from-[var(--zui-dropdown-item-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288))] dark:to-[var(--zui-dropdown-item-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717))]";
     readonly "gradient-pink": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-dropdown-item-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-dropdown-item-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-dropdown-item-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] hover:text-[color:var(--zui-dropdown-item-gradient-pink-fg-hover,oklch(65.6%_0.241_354.308))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-pink-fg-hover-dark,oklch(40.8%_0.153_2.432))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-pink-from,oklch(89.9%_0.061_343.231))] to-[var(--zui-dropdown-item-gradient-pink-to,oklch(89.2%_0.058_10.001))] text-[color:var(--zui-dropdown-item-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:text-[color:var(--zui-dropdown-item-gradient-pink-fg-dark,oklch(89.9%_0.061_343.231))] dark:from-[var(--zui-dropdown-item-gradient-pink-from-dark,oklch(28.4%_0.109_3.907))] dark:to-[var(--zui-dropdown-item-gradient-pink-to-dark,oklch(27.1%_0.105_12.094))]";
     readonly "gradient-orange": "hover:bg-linear-to-r from-[var(--zui-dropdown-item-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-dropdown-item-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-dropdown-item-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-dropdown-item-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] hover:text-[color:var(--zui-dropdown-item-gradient-orange-fg-hover,oklch(70.5%_0.213_47.604))] dark:hover:text-[color:var(--zui-dropdown-item-gradient-orange-fg-hover-dark,oklch(40.8%_0.123_38.172))] bg-linear-to-r from-[var(--zui-dropdown-item-gradient-orange-from,oklch(90.1%_0.076_70.697))] to-[var(--zui-dropdown-item-gradient-orange-to,oklch(88.5%_0.062_18.334))] text-[color:var(--zui-dropdown-item-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:text-[color:var(--zui-dropdown-item-gradient-orange-fg-dark,oklch(90.1%_0.076_70.697))] dark:from-[var(--zui-dropdown-item-gradient-orange-from-dark,oklch(26.6%_0.079_36.259))] dark:to-[var(--zui-dropdown-item-gradient-orange-to-dark,oklch(25.8%_0.092_26.042))]";
+    readonly blue: "hover:bg-[var(--zui-dropdown-item-blue-bg-hover,#2563eb18)] dark:hover:bg-[var(--zui-dropdown-item-blue-bg-hover-dark,#3b82f62e)] hover:text-[color:var(--zui-dropdown-item-blue-fg-hover,#2563eb)] dark:hover:text-[color:var(--zui-dropdown-item-blue-fg-hover-dark,#3b82f6)] bg-[var(--zui-dropdown-item-blue-bg,#2563eb10)] dark:bg-[var(--zui-dropdown-item-blue-bg-dark,#3b82f61f)] text-[color:var(--zui-dropdown-item-blue-fg,#2563eb)] dark:text-[color:var(--zui-dropdown-item-blue-fg-dark,#3b82f6)]";
+    readonly cyan: "hover:bg-[var(--zui-dropdown-item-cyan-bg-hover,#0891b218)] dark:hover:bg-[var(--zui-dropdown-item-cyan-bg-hover-dark,#22d3ee2e)] hover:text-[color:var(--zui-dropdown-item-cyan-fg-hover,#0891b2)] dark:hover:text-[color:var(--zui-dropdown-item-cyan-fg-hover-dark,#22d3ee)] bg-[var(--zui-dropdown-item-cyan-bg,#0891b210)] dark:bg-[var(--zui-dropdown-item-cyan-bg-dark,#22d3ee1f)] text-[color:var(--zui-dropdown-item-cyan-fg,#0891b2)] dark:text-[color:var(--zui-dropdown-item-cyan-fg-dark,#22d3ee)]";
+    readonly green: "hover:bg-[var(--zui-dropdown-item-green-bg-hover,#16a34a18)] dark:hover:bg-[var(--zui-dropdown-item-green-bg-hover-dark,#22c55e2e)] hover:text-[color:var(--zui-dropdown-item-green-fg-hover,#16a34a)] dark:hover:text-[color:var(--zui-dropdown-item-green-fg-hover-dark,#22c55e)] bg-[var(--zui-dropdown-item-green-bg,#16a34a10)] dark:bg-[var(--zui-dropdown-item-green-bg-dark,#22c55e1f)] text-[color:var(--zui-dropdown-item-green-fg,#16a34a)] dark:text-[color:var(--zui-dropdown-item-green-fg-dark,#22c55e)]";
+    readonly lime: "hover:bg-[var(--zui-dropdown-item-lime-bg-hover,#65a30d18)] dark:hover:bg-[var(--zui-dropdown-item-lime-bg-hover-dark,#a3e6352e)] hover:text-[color:var(--zui-dropdown-item-lime-fg-hover,#65a30d)] dark:hover:text-[color:var(--zui-dropdown-item-lime-fg-hover-dark,#a3e635)] bg-[var(--zui-dropdown-item-lime-bg,#65a30d10)] dark:bg-[var(--zui-dropdown-item-lime-bg-dark,#a3e6351f)] text-[color:var(--zui-dropdown-item-lime-fg,#65a30d)] dark:text-[color:var(--zui-dropdown-item-lime-fg-dark,#a3e635)]";
+    readonly mint: "hover:bg-[var(--zui-dropdown-item-mint-bg-hover,#10b98118)] dark:hover:bg-[var(--zui-dropdown-item-mint-bg-hover-dark,#6ee7b72e)] hover:text-[color:var(--zui-dropdown-item-mint-fg-hover,#10b981)] dark:hover:text-[color:var(--zui-dropdown-item-mint-fg-hover-dark,#6ee7b7)] bg-[var(--zui-dropdown-item-mint-bg,#10b98110)] dark:bg-[var(--zui-dropdown-item-mint-bg-dark,#6ee7b71f)] text-[color:var(--zui-dropdown-item-mint-fg,#10b981)] dark:text-[color:var(--zui-dropdown-item-mint-fg-dark,#6ee7b7)]";
+    readonly ocean: "hover:bg-[var(--zui-dropdown-item-ocean-bg-hover,#0284c718)] dark:hover:bg-[var(--zui-dropdown-item-ocean-bg-hover-dark,#38bdf82e)] hover:text-[color:var(--zui-dropdown-item-ocean-fg-hover,#0284c7)] dark:hover:text-[color:var(--zui-dropdown-item-ocean-fg-hover-dark,#38bdf8)] bg-[var(--zui-dropdown-item-ocean-bg,#0284c710)] dark:bg-[var(--zui-dropdown-item-ocean-bg-dark,#38bdf81f)] text-[color:var(--zui-dropdown-item-ocean-fg,#0284c7)] dark:text-[color:var(--zui-dropdown-item-ocean-fg-dark,#38bdf8)]";
+    readonly sapphire: "hover:bg-[var(--zui-dropdown-item-sapphire-bg-hover,#1d4ed818)] dark:hover:bg-[var(--zui-dropdown-item-sapphire-bg-hover-dark,#60a5fa2e)] hover:text-[color:var(--zui-dropdown-item-sapphire-fg-hover,#1d4ed8)] dark:hover:text-[color:var(--zui-dropdown-item-sapphire-fg-hover-dark,#60a5fa)] bg-[var(--zui-dropdown-item-sapphire-bg,#1d4ed810)] dark:bg-[var(--zui-dropdown-item-sapphire-bg-dark,#60a5fa1f)] text-[color:var(--zui-dropdown-item-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-dropdown-item-sapphire-fg-dark,#60a5fa)]";
+    readonly lavender: "hover:bg-[var(--zui-dropdown-item-lavender-bg-hover,#8b5cf618)] dark:hover:bg-[var(--zui-dropdown-item-lavender-bg-hover-dark,#a78bfa2e)] hover:text-[color:var(--zui-dropdown-item-lavender-fg-hover,#8b5cf6)] dark:hover:text-[color:var(--zui-dropdown-item-lavender-fg-hover-dark,#a78bfa)] bg-[var(--zui-dropdown-item-lavender-bg,#8b5cf610)] dark:bg-[var(--zui-dropdown-item-lavender-bg-dark,#a78bfa1f)] text-[color:var(--zui-dropdown-item-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-dropdown-item-lavender-fg-dark,#a78bfa)]";
+    readonly ruby: "hover:bg-[var(--zui-dropdown-item-ruby-bg-hover,#be123c18)] dark:hover:bg-[var(--zui-dropdown-item-ruby-bg-hover-dark,#fb71852e)] hover:text-[color:var(--zui-dropdown-item-ruby-fg-hover,#be123c)] dark:hover:text-[color:var(--zui-dropdown-item-ruby-fg-hover-dark,#fb7185)] bg-[var(--zui-dropdown-item-ruby-bg,#be123c10)] dark:bg-[var(--zui-dropdown-item-ruby-bg-dark,#fb71851f)] text-[color:var(--zui-dropdown-item-ruby-fg,#be123c)] dark:text-[color:var(--zui-dropdown-item-ruby-fg-dark,#fb7185)]";
+    readonly red: "hover:bg-[var(--zui-dropdown-item-red-bg-hover,#dc262618)] dark:hover:bg-[var(--zui-dropdown-item-red-bg-hover-dark,#ef44442e)] hover:text-[color:var(--zui-dropdown-item-red-fg-hover,#dc2626)] dark:hover:text-[color:var(--zui-dropdown-item-red-fg-hover-dark,#ef4444)] bg-[var(--zui-dropdown-item-red-bg,#dc262610)] dark:bg-[var(--zui-dropdown-item-red-bg-dark,#ef44441f)] text-[color:var(--zui-dropdown-item-red-fg,#dc2626)] dark:text-[color:var(--zui-dropdown-item-red-fg-dark,#ef4444)]";
+    readonly slate: "hover:bg-[var(--zui-dropdown-item-slate-bg-hover,#47556918)] dark:hover:bg-[var(--zui-dropdown-item-slate-bg-hover-dark,#64748b2e)] hover:text-[color:var(--zui-dropdown-item-slate-fg-hover,#475569)] dark:hover:text-[color:var(--zui-dropdown-item-slate-fg-hover-dark,#64748b)] bg-[var(--zui-dropdown-item-slate-bg,#47556910)] dark:bg-[var(--zui-dropdown-item-slate-bg-dark,#64748b1f)] text-[color:var(--zui-dropdown-item-slate-fg,#475569)] dark:text-[color:var(--zui-dropdown-item-slate-fg-dark,#64748b)]";
+    readonly zinc: "hover:bg-[var(--zui-dropdown-item-zinc-bg-hover,#52525b18)] dark:hover:bg-[var(--zui-dropdown-item-zinc-bg-hover-dark,#71717a2e)] hover:text-[color:var(--zui-dropdown-item-zinc-fg-hover,#52525b)] dark:hover:text-[color:var(--zui-dropdown-item-zinc-fg-hover-dark,#71717a)] bg-[var(--zui-dropdown-item-zinc-bg,#52525b10)] dark:bg-[var(--zui-dropdown-item-zinc-bg-dark,#71717a1f)] text-[color:var(--zui-dropdown-item-zinc-fg,#52525b)] dark:text-[color:var(--zui-dropdown-item-zinc-fg-dark,#71717a)]";
+    readonly stone: "hover:bg-[var(--zui-dropdown-item-stone-bg-hover,#57534e18)] dark:hover:bg-[var(--zui-dropdown-item-stone-bg-hover-dark,#78716c2e)] hover:text-[color:var(--zui-dropdown-item-stone-fg-hover,#57534e)] dark:hover:text-[color:var(--zui-dropdown-item-stone-fg-hover-dark,#78716c)] bg-[var(--zui-dropdown-item-stone-bg,#57534e10)] dark:bg-[var(--zui-dropdown-item-stone-bg-dark,#78716c1f)] text-[color:var(--zui-dropdown-item-stone-fg,#57534e)] dark:text-[color:var(--zui-dropdown-item-stone-fg-dark,#78716c)]";
+    readonly royal: "hover:bg-[var(--zui-dropdown-item-royal-bg-hover,#4338ca18)] dark:hover:bg-[var(--zui-dropdown-item-royal-bg-hover-dark,#818cf82e)] hover:text-[color:var(--zui-dropdown-item-royal-fg-hover,#4338ca)] dark:hover:text-[color:var(--zui-dropdown-item-royal-fg-hover-dark,#818cf8)] bg-[var(--zui-dropdown-item-royal-bg,#4338ca10)] dark:bg-[var(--zui-dropdown-item-royal-bg-dark,#818cf81f)] text-[color:var(--zui-dropdown-item-royal-fg,#4338ca)] dark:text-[color:var(--zui-dropdown-item-royal-fg-dark,#818cf8)]";
+    readonly electric: "hover:bg-[var(--zui-dropdown-item-electric-bg-hover,#0ea5e918)] dark:hover:bg-[var(--zui-dropdown-item-electric-bg-hover-dark,#38bdf82e)] hover:text-[color:var(--zui-dropdown-item-electric-fg-hover,#0ea5e9)] dark:hover:text-[color:var(--zui-dropdown-item-electric-fg-hover-dark,#38bdf8)] bg-[var(--zui-dropdown-item-electric-bg,#0ea5e910)] dark:bg-[var(--zui-dropdown-item-electric-bg-dark,#38bdf81f)] text-[color:var(--zui-dropdown-item-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-dropdown-item-electric-fg-dark,#38bdf8)]";
+    readonly forest: "hover:bg-[var(--zui-dropdown-item-forest-bg-hover,#16653418)] dark:hover:bg-[var(--zui-dropdown-item-forest-bg-hover-dark,#4ade802e)] hover:text-[color:var(--zui-dropdown-item-forest-fg-hover,#166534)] dark:hover:text-[color:var(--zui-dropdown-item-forest-fg-hover-dark,#4ade80)] bg-[var(--zui-dropdown-item-forest-bg,#16653410)] dark:bg-[var(--zui-dropdown-item-forest-bg-dark,#4ade801f)] text-[color:var(--zui-dropdown-item-forest-fg,#166534)] dark:text-[color:var(--zui-dropdown-item-forest-fg-dark,#4ade80)]";
+    readonly sunset: "hover:bg-[var(--zui-dropdown-item-sunset-bg-hover,#ea580c18)] dark:hover:bg-[var(--zui-dropdown-item-sunset-bg-hover-dark,#fb923c2e)] hover:text-[color:var(--zui-dropdown-item-sunset-fg-hover,#ea580c)] dark:hover:text-[color:var(--zui-dropdown-item-sunset-fg-hover-dark,#fb923c)] bg-[var(--zui-dropdown-item-sunset-bg,#ea580c10)] dark:bg-[var(--zui-dropdown-item-sunset-bg-dark,#fb923c1f)] text-[color:var(--zui-dropdown-item-sunset-fg,#ea580c)] dark:text-[color:var(--zui-dropdown-item-sunset-fg-dark,#fb923c)]";
+    readonly magenta: "hover:bg-[var(--zui-dropdown-item-magenta-bg-hover,#c026d318)] dark:hover:bg-[var(--zui-dropdown-item-magenta-bg-hover-dark,#e879f92e)] hover:text-[color:var(--zui-dropdown-item-magenta-fg-hover,#c026d3)] dark:hover:text-[color:var(--zui-dropdown-item-magenta-fg-hover-dark,#e879f9)] bg-[var(--zui-dropdown-item-magenta-bg,#c026d310)] dark:bg-[var(--zui-dropdown-item-magenta-bg-dark,#e879f91f)] text-[color:var(--zui-dropdown-item-magenta-fg,#c026d3)] dark:text-[color:var(--zui-dropdown-item-magenta-fg-dark,#e879f9)]";
+    readonly crimson: "hover:bg-[var(--zui-dropdown-item-crimson-bg-hover,#b91c1c18)] dark:hover:bg-[var(--zui-dropdown-item-crimson-bg-hover-dark,#f871712e)] hover:text-[color:var(--zui-dropdown-item-crimson-fg-hover,#b91c1c)] dark:hover:text-[color:var(--zui-dropdown-item-crimson-fg-hover-dark,#f87171)] bg-[var(--zui-dropdown-item-crimson-bg,#b91c1c10)] dark:bg-[var(--zui-dropdown-item-crimson-bg-dark,#f871711f)] text-[color:var(--zui-dropdown-item-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-dropdown-item-crimson-fg-dark,#f87171)]";
+    readonly aqua: "hover:bg-[var(--zui-dropdown-item-aqua-bg-hover,#0f766e18)] dark:hover:bg-[var(--zui-dropdown-item-aqua-bg-hover-dark,#2dd4bf2e)] hover:text-[color:var(--zui-dropdown-item-aqua-fg-hover,#0f766e)] dark:hover:text-[color:var(--zui-dropdown-item-aqua-fg-hover-dark,#2dd4bf)] bg-[var(--zui-dropdown-item-aqua-bg,#0f766e10)] dark:bg-[var(--zui-dropdown-item-aqua-bg-dark,#2dd4bf1f)] text-[color:var(--zui-dropdown-item-aqua-fg,#0f766e)] dark:text-[color:var(--zui-dropdown-item-aqua-fg-dark,#2dd4bf)]";
+    readonly plum: "hover:bg-[var(--zui-dropdown-item-plum-bg-hover,#7e22ce18)] dark:hover:bg-[var(--zui-dropdown-item-plum-bg-hover-dark,#c084fc2e)] hover:text-[color:var(--zui-dropdown-item-plum-fg-hover,#7e22ce)] dark:hover:text-[color:var(--zui-dropdown-item-plum-fg-hover-dark,#c084fc)] bg-[var(--zui-dropdown-item-plum-bg,#7e22ce10)] dark:bg-[var(--zui-dropdown-item-plum-bg-dark,#c084fc1f)] text-[color:var(--zui-dropdown-item-plum-fg,#7e22ce)] dark:text-[color:var(--zui-dropdown-item-plum-fg-dark,#c084fc)]";
     readonly default: "hover:bg-[var(--zui-dropdown-item-default-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-default-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-default-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-default-fg-hover-dark,oklch(21%_0.034_264.665))] text-[color:var(--zui-dropdown-item-default-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-default-fg-dark,oklch(96.7%_0.003_264.542))]";
     readonly outline: "hover:bg-[var(--zui-dropdown-item-outline-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-outline-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-outline-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-outline-fg-hover-dark,oklch(21%_0.034_264.665))] border border-[color:var(--zui-dropdown-item-outline-border,#000000)] dark:border-[color:var(--zui-dropdown-item-outline-border-dark,#ffffff)] text-[color:var(--zui-dropdown-item-outline-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-outline-fg-dark,oklch(96.7%_0.003_264.542))]";
     readonly white: "hover:bg-[var(--zui-dropdown-item-white-bg-hover,oklch(96.7%_0.003_264.542))] dark:hover:bg-[var(--zui-dropdown-item-white-bg-hover-dark,oklch(96.7%_0.003_264.542))] hover:text-[color:var(--zui-dropdown-item-white-fg-hover,oklch(55.1%_0.027_264.364))] dark:hover:text-[color:var(--zui-dropdown-item-white-fg-hover-dark,oklch(21%_0.034_264.665))] bg-[var(--zui-dropdown-item-white-bg,#ffffff)] dark:bg-[var(--zui-dropdown-item-white-bg-dark,#000000)] text-[color:var(--zui-dropdown-item-white-fg,oklch(21%_0.034_264.665))] dark:text-[color:var(--zui-dropdown-item-white-fg-dark,#ffffff)]";

package/dist/design-system/context-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/design-system/context-menu.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,yBAAyB,wfACid,CAAC;AAExf,eAAO,MAAM,sBAAsB,gWAAsB,CAAC;AAE1D,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwB7B,CAAC;AAEX,eAAO,MAAM,qBAAqB;;;;;;;CAAqB,CAAC;AAExD,eAAO,MAAM,uBAAuB,oNAC+K,CAAC;AAEpN,eAAO,MAAM,2BAA2B,gJACuG,CAAC"}
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/design-system/context-menu.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,yBAAyB,wfACid,CAAC;AAExf,eAAO,MAAM,sBAAsB,gWAAsB,CAAC;AAE1D,eAAO,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6C7B,CAAC;AAEX,eAAO,MAAM,qBAAqB;;;;;;;CAAqB,CAAC;AAExD,eAAO,MAAM,uBAAuB,oNAC+K,CAAC;AAEpN,eAAO,MAAM,2BAA2B,gJACuG,CAAC"}

package/dist/design-system/copy-button.d.ts

@@ -6,7 +6,7 @@ export declare const zuiCopyButtonAppearances: {
     readonly outline: "border border-[color:var(--zui-copy-button-outline-border,#0000001a)] dark:border-[color:var(--zui-copy-button-outline-border-dark,#ffffff1a)] bg-[var(--zui-copy-button-outline-bg,#0000000d)] dark:bg-[var(--zui-copy-button-outline-bg-dark,#ffffff0d)] text-[color:var(--zui-copy-button-outline-fg,#0f172a)] dark:text-[color:var(--zui-copy-button-outline-fg-dark,#f8fafc)] hover:bg-[var(--zui-copy-button-outline-bg-hover,#0000001a)] dark:hover:bg-[var(--zui-copy-button-outline-bg-hover-dark,#ffffff1a)]";
     readonly ghost: "bg-transparent text-[color:var(--zui-copy-button-ghost-fg,#334155)] dark:text-[color:var(--zui-copy-button-ghost-fg-dark,#e2e8f0)] hover:bg-[var(--zui-copy-button-ghost-bg-hover,#0000000d)] dark:hover:bg-[var(--zui-copy-button-ghost-bg-hover-dark,#ffffff0d)]";
     readonly glass: "border border-[color:var(--zui-copy-button-glass-border,#00000026)] dark:border-[color:var(--zui-copy-button-glass-border-dark,#ffffff26)] bg-[var(--zui-copy-button-glass-bg,#0000001a)] dark:bg-[var(--zui-copy-button-glass-bg-dark,#ffffff1a)] text-[color:var(--zui-copy-button-glass-fg,#0f172a)] dark:text-[color:var(--zui-copy-button-glass-fg-dark,#ffffff)] backdrop-blur-md hover:bg-[var(--zui-copy-button-glass-bg-hover,#00000026)] dark:hover:bg-[var(--zui-copy-button-glass-bg-hover-dark,#ffffff26)]";
-    readonly emerald: "bg-[var(--zui-copy-button-emerald-bg,#10b981)] dark:bg-[var(--zui-copy-button-emerald-bg-dark,#065f46)] text-[color:var(--zui-copy-button-emerald-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-emerald-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-emerald-bg-hover,#10b981)] dark:hover:bg-[var(--zui-copy-button-emerald-bg-hover-dark,#064e3b)]";
+    readonly emerald: "bg-[var(--zui-copy-button-emerald-bg,#10b981)] dark:bg-[var(--zui-copy-button-emerald-bg-dark,#065f46)] text-[color:var(--zui-copy-button-emerald-fg,#064e3b)] dark:text-[color:var(--zui-copy-button-emerald-fg-dark,#064e3b)] hover:bg-[var(--zui-copy-button-emerald-bg-hover,#10b981)] dark:hover:bg-[var(--zui-copy-button-emerald-bg-hover-dark,#064e3b)]";
     readonly indigo: "bg-[var(--zui-copy-button-indigo-bg,#3730a3)] dark:bg-[var(--zui-copy-button-indigo-bg-dark,#4f46e5)] text-[color:var(--zui-copy-button-indigo-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-indigo-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-indigo-bg-hover,#3730a3)] dark:hover:bg-[var(--zui-copy-button-indigo-bg-hover-dark,#4f46e5)]";
     readonly purple: "bg-[var(--zui-copy-button-purple-bg,#6b21a8)] dark:bg-[var(--zui-copy-button-purple-bg-dark,#9333ea)] text-[color:var(--zui-copy-button-purple-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-purple-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-purple-bg-hover,#6b21a8)] dark:hover:bg-[var(--zui-copy-button-purple-bg-hover-dark,#9333ea)]";
     readonly pink: "bg-[var(--zui-copy-button-pink-bg,#9d174d)] dark:bg-[var(--zui-copy-button-pink-bg-dark,#db2777)] text-[color:var(--zui-copy-button-pink-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-pink-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-pink-bg-hover,#9d174d)] dark:hover:bg-[var(--zui-copy-button-pink-bg-hover-dark,#db2777)]";
@@ -27,6 +27,27 @@ export declare const zuiCopyButtonAppearances: {
     readonly "gradient-indigo": "bg-linear-to-r from-[var(--zui-copy-button-gradient-indigo-from,#3730a3)] dark:from-[var(--zui-copy-button-gradient-indigo-from-dark,#4f46e5)] to-[var(--zui-copy-button-gradient-indigo-to,#6b21a8)] dark:to-[var(--zui-copy-button-gradient-indigo-to-dark,#9333ea)] text-[color:var(--zui-copy-button-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-gradient-indigo-fg-dark,#ffffff)] hover:from-[var(--zui-copy-button-gradient-indigo-from-hover,#3730a3)] dark:hover:from-[var(--zui-copy-button-gradient-indigo-from-hover-dark,#4f46e5)] hover:to-[var(--zui-copy-button-gradient-indigo-to-hover,#6b21a8)] dark:hover:to-[var(--zui-copy-button-gradient-indigo-to-hover-dark,#9333ea)]";
     readonly "gradient-pink": "bg-linear-to-r from-[var(--zui-copy-button-gradient-pink-from,#9d174d)] dark:from-[var(--zui-copy-button-gradient-pink-from-dark,#db2777)] to-[var(--zui-copy-button-gradient-pink-to,#9f1239)] dark:to-[var(--zui-copy-button-gradient-pink-to-dark,#e11d48)] text-[color:var(--zui-copy-button-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-gradient-pink-fg-dark,#ffffff)] hover:from-[var(--zui-copy-button-gradient-pink-from-hover,#9d174d)] dark:hover:from-[var(--zui-copy-button-gradient-pink-from-hover-dark,#db2777)] hover:to-[var(--zui-copy-button-gradient-pink-to-hover,#9f1239)] dark:hover:to-[var(--zui-copy-button-gradient-pink-to-hover-dark,#e11d48)]";
     readonly "gradient-orange": "bg-linear-to-r from-[var(--zui-copy-button-gradient-orange-from,#9a3412)] dark:from-[var(--zui-copy-button-gradient-orange-from-dark,#ea580c)] to-[var(--zui-copy-button-gradient-orange-to,#991b1b)] dark:to-[var(--zui-copy-button-gradient-orange-to-dark,#dc2626)] text-[color:var(--zui-copy-button-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-gradient-orange-fg-dark,#ffffff)] hover:from-[var(--zui-copy-button-gradient-orange-from-hover,#9a3412)] dark:hover:from-[var(--zui-copy-button-gradient-orange-from-hover-dark,#ea580c)] hover:to-[var(--zui-copy-button-gradient-orange-to-hover,#991b1b)] dark:hover:to-[var(--zui-copy-button-gradient-orange-to-hover-dark,#dc2626)]";
+    readonly blue: "border border-[color:var(--zui-copy-button-blue-border,#2563eb)] dark:border-[color:var(--zui-copy-button-blue-border-dark,#3b82f6)] bg-[var(--zui-copy-button-blue-bg,#2563eb)] dark:bg-[var(--zui-copy-button-blue-bg-dark,#3b82f6)] text-[color:var(--zui-copy-button-blue-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-blue-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-blue-bg-hover,#2563eb)] dark:hover:bg-[var(--zui-copy-button-blue-bg-hover-dark,#3b82f6)]";
+    readonly cyan: "border border-[color:var(--zui-copy-button-cyan-border,#0891b2)] dark:border-[color:var(--zui-copy-button-cyan-border-dark,#22d3ee)] bg-[var(--zui-copy-button-cyan-bg,#0891b2)] dark:bg-[var(--zui-copy-button-cyan-bg-dark,#22d3ee)] text-[color:var(--zui-copy-button-cyan-fg,#083344)] dark:text-[color:var(--zui-copy-button-cyan-fg-dark,#083344)] hover:bg-[var(--zui-copy-button-cyan-bg-hover,#0891b2)] dark:hover:bg-[var(--zui-copy-button-cyan-bg-hover-dark,#22d3ee)]";
+    readonly green: "border border-[color:var(--zui-copy-button-green-border,#16a34a)] dark:border-[color:var(--zui-copy-button-green-border-dark,#22c55e)] bg-[var(--zui-copy-button-green-bg,#16a34a)] dark:bg-[var(--zui-copy-button-green-bg-dark,#22c55e)] text-[color:var(--zui-copy-button-green-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-green-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-green-bg-hover,#16a34a)] dark:hover:bg-[var(--zui-copy-button-green-bg-hover-dark,#22c55e)]";
+    readonly lime: "border border-[color:var(--zui-copy-button-lime-border,#65a30d)] dark:border-[color:var(--zui-copy-button-lime-border-dark,#a3e635)] bg-[var(--zui-copy-button-lime-bg,#65a30d)] dark:bg-[var(--zui-copy-button-lime-bg-dark,#a3e635)] text-[color:var(--zui-copy-button-lime-fg,#1a2e05)] dark:text-[color:var(--zui-copy-button-lime-fg-dark,#1a2e05)] hover:bg-[var(--zui-copy-button-lime-bg-hover,#65a30d)] dark:hover:bg-[var(--zui-copy-button-lime-bg-hover-dark,#a3e635)]";
+    readonly mint: "border border-[color:var(--zui-copy-button-mint-border,#10b981)] dark:border-[color:var(--zui-copy-button-mint-border-dark,#6ee7b7)] bg-[var(--zui-copy-button-mint-bg,#10b981)] dark:bg-[var(--zui-copy-button-mint-bg-dark,#6ee7b7)] text-[color:var(--zui-copy-button-mint-fg,#064e3b)] dark:text-[color:var(--zui-copy-button-mint-fg-dark,#064e3b)] hover:bg-[var(--zui-copy-button-mint-bg-hover,#10b981)] dark:hover:bg-[var(--zui-copy-button-mint-bg-hover-dark,#6ee7b7)]";
+    readonly ocean: "border border-[color:var(--zui-copy-button-ocean-border,#0284c7)] dark:border-[color:var(--zui-copy-button-ocean-border-dark,#38bdf8)] bg-[var(--zui-copy-button-ocean-bg,#0284c7)] dark:bg-[var(--zui-copy-button-ocean-bg-dark,#38bdf8)] text-[color:var(--zui-copy-button-ocean-fg,#082f49)] dark:text-[color:var(--zui-copy-button-ocean-fg-dark,#082f49)] hover:bg-[var(--zui-copy-button-ocean-bg-hover,#0284c7)] dark:hover:bg-[var(--zui-copy-button-ocean-bg-hover-dark,#38bdf8)]";
+    readonly sapphire: "border border-[color:var(--zui-copy-button-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-copy-button-sapphire-border-dark,#60a5fa)] bg-[var(--zui-copy-button-sapphire-bg,#1d4ed8)] dark:bg-[var(--zui-copy-button-sapphire-bg-dark,#60a5fa)] text-[color:var(--zui-copy-button-sapphire-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-sapphire-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-sapphire-bg-hover,#1d4ed8)] dark:hover:bg-[var(--zui-copy-button-sapphire-bg-hover-dark,#60a5fa)]";
+    readonly lavender: "border border-[color:var(--zui-copy-button-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-copy-button-lavender-border-dark,#a78bfa)] bg-[var(--zui-copy-button-lavender-bg,#8b5cf6)] dark:bg-[var(--zui-copy-button-lavender-bg-dark,#a78bfa)] text-[color:var(--zui-copy-button-lavender-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-lavender-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-lavender-bg-hover,#8b5cf6)] dark:hover:bg-[var(--zui-copy-button-lavender-bg-hover-dark,#a78bfa)]";
+    readonly ruby: "border border-[color:var(--zui-copy-button-ruby-border,#be123c)] dark:border-[color:var(--zui-copy-button-ruby-border-dark,#fb7185)] bg-[var(--zui-copy-button-ruby-bg,#be123c)] dark:bg-[var(--zui-copy-button-ruby-bg-dark,#fb7185)] text-[color:var(--zui-copy-button-ruby-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-ruby-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-ruby-bg-hover,#be123c)] dark:hover:bg-[var(--zui-copy-button-ruby-bg-hover-dark,#fb7185)]";
+    readonly red: "border border-[color:var(--zui-copy-button-red-border,#dc2626)] dark:border-[color:var(--zui-copy-button-red-border-dark,#ef4444)] bg-[var(--zui-copy-button-red-bg,#dc2626)] dark:bg-[var(--zui-copy-button-red-bg-dark,#ef4444)] text-[color:var(--zui-copy-button-red-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-red-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-red-bg-hover,#dc2626)] dark:hover:bg-[var(--zui-copy-button-red-bg-hover-dark,#ef4444)]";
+    readonly slate: "border border-[color:var(--zui-copy-button-slate-border,#475569)] dark:border-[color:var(--zui-copy-button-slate-border-dark,#64748b)] bg-[var(--zui-copy-button-slate-bg,#475569)] dark:bg-[var(--zui-copy-button-slate-bg-dark,#64748b)] text-[color:var(--zui-copy-button-slate-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-slate-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-slate-bg-hover,#475569)] dark:hover:bg-[var(--zui-copy-button-slate-bg-hover-dark,#64748b)]";
+    readonly zinc: "border border-[color:var(--zui-copy-button-zinc-border,#52525b)] dark:border-[color:var(--zui-copy-button-zinc-border-dark,#71717a)] bg-[var(--zui-copy-button-zinc-bg,#52525b)] dark:bg-[var(--zui-copy-button-zinc-bg-dark,#71717a)] text-[color:var(--zui-copy-button-zinc-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-zinc-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-zinc-bg-hover,#52525b)] dark:hover:bg-[var(--zui-copy-button-zinc-bg-hover-dark,#71717a)]";
+    readonly stone: "border border-[color:var(--zui-copy-button-stone-border,#57534e)] dark:border-[color:var(--zui-copy-button-stone-border-dark,#78716c)] bg-[var(--zui-copy-button-stone-bg,#57534e)] dark:bg-[var(--zui-copy-button-stone-bg-dark,#78716c)] text-[color:var(--zui-copy-button-stone-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-stone-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-stone-bg-hover,#57534e)] dark:hover:bg-[var(--zui-copy-button-stone-bg-hover-dark,#78716c)]";
+    readonly royal: "border border-[color:var(--zui-copy-button-royal-border,#4338ca)] dark:border-[color:var(--zui-copy-button-royal-border-dark,#818cf8)] bg-[var(--zui-copy-button-royal-bg,#4338ca)] dark:bg-[var(--zui-copy-button-royal-bg-dark,#818cf8)] text-[color:var(--zui-copy-button-royal-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-royal-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-royal-bg-hover,#4338ca)] dark:hover:bg-[var(--zui-copy-button-royal-bg-hover-dark,#818cf8)]";
+    readonly electric: "border border-[color:var(--zui-copy-button-electric-border,#0ea5e9)] dark:border-[color:var(--zui-copy-button-electric-border-dark,#38bdf8)] bg-[var(--zui-copy-button-electric-bg,#0ea5e9)] dark:bg-[var(--zui-copy-button-electric-bg-dark,#38bdf8)] text-[color:var(--zui-copy-button-electric-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-electric-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-electric-bg-hover,#0ea5e9)] dark:hover:bg-[var(--zui-copy-button-electric-bg-hover-dark,#38bdf8)]";
+    readonly forest: "border border-[color:var(--zui-copy-button-forest-border,#166534)] dark:border-[color:var(--zui-copy-button-forest-border-dark,#4ade80)] bg-[var(--zui-copy-button-forest-bg,#166534)] dark:bg-[var(--zui-copy-button-forest-bg-dark,#4ade80)] text-[color:var(--zui-copy-button-forest-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-forest-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-forest-bg-hover,#166534)] dark:hover:bg-[var(--zui-copy-button-forest-bg-hover-dark,#4ade80)]";
+    readonly sunset: "border border-[color:var(--zui-copy-button-sunset-border,#ea580c)] dark:border-[color:var(--zui-copy-button-sunset-border-dark,#fb923c)] bg-[var(--zui-copy-button-sunset-bg,#ea580c)] dark:bg-[var(--zui-copy-button-sunset-bg-dark,#fb923c)] text-[color:var(--zui-copy-button-sunset-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-sunset-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-sunset-bg-hover,#ea580c)] dark:hover:bg-[var(--zui-copy-button-sunset-bg-hover-dark,#fb923c)]";
+    readonly magenta: "border border-[color:var(--zui-copy-button-magenta-border,#c026d3)] dark:border-[color:var(--zui-copy-button-magenta-border-dark,#e879f9)] bg-[var(--zui-copy-button-magenta-bg,#c026d3)] dark:bg-[var(--zui-copy-button-magenta-bg-dark,#e879f9)] text-[color:var(--zui-copy-button-magenta-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-magenta-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-magenta-bg-hover,#c026d3)] dark:hover:bg-[var(--zui-copy-button-magenta-bg-hover-dark,#e879f9)]";
+    readonly crimson: "border border-[color:var(--zui-copy-button-crimson-border,#b91c1c)] dark:border-[color:var(--zui-copy-button-crimson-border-dark,#f87171)] bg-[var(--zui-copy-button-crimson-bg,#b91c1c)] dark:bg-[var(--zui-copy-button-crimson-bg-dark,#f87171)] text-[color:var(--zui-copy-button-crimson-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-crimson-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-crimson-bg-hover,#b91c1c)] dark:hover:bg-[var(--zui-copy-button-crimson-bg-hover-dark,#f87171)]";
+    readonly aqua: "border border-[color:var(--zui-copy-button-aqua-border,#0f766e)] dark:border-[color:var(--zui-copy-button-aqua-border-dark,#2dd4bf)] bg-[var(--zui-copy-button-aqua-bg,#0f766e)] dark:bg-[var(--zui-copy-button-aqua-bg-dark,#2dd4bf)] text-[color:var(--zui-copy-button-aqua-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-aqua-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-aqua-bg-hover,#0f766e)] dark:hover:bg-[var(--zui-copy-button-aqua-bg-hover-dark,#2dd4bf)]";
+    readonly plum: "border border-[color:var(--zui-copy-button-plum-border,#7e22ce)] dark:border-[color:var(--zui-copy-button-plum-border-dark,#c084fc)] bg-[var(--zui-copy-button-plum-bg,#7e22ce)] dark:bg-[var(--zui-copy-button-plum-bg-dark,#c084fc)] text-[color:var(--zui-copy-button-plum-fg,#ffffff)] dark:text-[color:var(--zui-copy-button-plum-fg-dark,#ffffff)] hover:bg-[var(--zui-copy-button-plum-bg-hover,#7e22ce)] dark:hover:bg-[var(--zui-copy-button-plum-bg-hover-dark,#c084fc)]";
 };
 export type ZuiCopyButtonAppearance = keyof typeof zuiCopyButtonAppearances;
 export declare const zuiCopyButtonSizes: {

package/dist/design-system/copy-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../src/design-system/copy-button.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,ikBAOpB,CAAC;AAEX,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkD3B,CAAC;AAEX,MAAM,MAAM,uBAAuB,GAAG,MAAM,OAAO,wBAAwB,CAAC;AAE5E,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAEhE,eAAO,MAAM,0BAA0B;;;;CAI7B,CAAC"}
+{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../src/design-system/copy-button.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,ikBAOpB,CAAC;AAEX,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmF3B,CAAC;AAEX,MAAM,MAAM,uBAAuB,GAAG,MAAM,OAAO,wBAAwB,CAAC;AAE5E,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,kBAAkB,CAAC;AAEhE,eAAO,MAAM,0BAA0B;;;;CAI7B,CAAC"}

package/dist/design-system/divider.d.ts

@@ -25,6 +25,27 @@ export declare const zuiDividerAppearances: {
     readonly "gradient-indigo": "text-[color:var(--zui-divider-gradient-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-divider-gradient-indigo-fg-dark,oklch(67.3%_0.182_276.935))]";
     readonly "gradient-pink": "text-[color:var(--zui-divider-gradient-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-divider-gradient-pink-fg-dark,oklch(71.8%_0.202_349.761))]";
     readonly "gradient-orange": "text-[color:var(--zui-divider-gradient-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-divider-gradient-orange-fg-dark,oklch(75%_0.183_55.934))]";
+    readonly blue: "text-[color:var(--zui-divider-blue-fg,#2563eb)] dark:text-[color:var(--zui-divider-blue-fg-dark,#3b82f6)]";
+    readonly cyan: "text-[color:var(--zui-divider-cyan-fg,#0891b2)] dark:text-[color:var(--zui-divider-cyan-fg-dark,#22d3ee)]";
+    readonly green: "text-[color:var(--zui-divider-green-fg,#16a34a)] dark:text-[color:var(--zui-divider-green-fg-dark,#22c55e)]";
+    readonly lime: "text-[color:var(--zui-divider-lime-fg,#65a30d)] dark:text-[color:var(--zui-divider-lime-fg-dark,#a3e635)]";
+    readonly mint: "text-[color:var(--zui-divider-mint-fg,#10b981)] dark:text-[color:var(--zui-divider-mint-fg-dark,#6ee7b7)]";
+    readonly ocean: "text-[color:var(--zui-divider-ocean-fg,#0284c7)] dark:text-[color:var(--zui-divider-ocean-fg-dark,#38bdf8)]";
+    readonly sapphire: "text-[color:var(--zui-divider-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-divider-sapphire-fg-dark,#60a5fa)]";
+    readonly lavender: "text-[color:var(--zui-divider-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-divider-lavender-fg-dark,#a78bfa)]";
+    readonly ruby: "text-[color:var(--zui-divider-ruby-fg,#be123c)] dark:text-[color:var(--zui-divider-ruby-fg-dark,#fb7185)]";
+    readonly red: "text-[color:var(--zui-divider-red-fg,#dc2626)] dark:text-[color:var(--zui-divider-red-fg-dark,#ef4444)]";
+    readonly slate: "text-[color:var(--zui-divider-slate-fg,#475569)] dark:text-[color:var(--zui-divider-slate-fg-dark,#64748b)]";
+    readonly zinc: "text-[color:var(--zui-divider-zinc-fg,#52525b)] dark:text-[color:var(--zui-divider-zinc-fg-dark,#71717a)]";
+    readonly stone: "text-[color:var(--zui-divider-stone-fg,#57534e)] dark:text-[color:var(--zui-divider-stone-fg-dark,#78716c)]";
+    readonly royal: "text-[color:var(--zui-divider-royal-fg,#4338ca)] dark:text-[color:var(--zui-divider-royal-fg-dark,#818cf8)]";
+    readonly electric: "text-[color:var(--zui-divider-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-divider-electric-fg-dark,#38bdf8)]";
+    readonly forest: "text-[color:var(--zui-divider-forest-fg,#166534)] dark:text-[color:var(--zui-divider-forest-fg-dark,#4ade80)]";
+    readonly sunset: "text-[color:var(--zui-divider-sunset-fg,#ea580c)] dark:text-[color:var(--zui-divider-sunset-fg-dark,#fb923c)]";
+    readonly magenta: "text-[color:var(--zui-divider-magenta-fg,#c026d3)] dark:text-[color:var(--zui-divider-magenta-fg-dark,#e879f9)]";
+    readonly crimson: "text-[color:var(--zui-divider-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-divider-crimson-fg-dark,#f87171)]";
+    readonly aqua: "text-[color:var(--zui-divider-aqua-fg,#0f766e)] dark:text-[color:var(--zui-divider-aqua-fg-dark,#2dd4bf)]";
+    readonly plum: "text-[color:var(--zui-divider-plum-fg,#7e22ce)] dark:text-[color:var(--zui-divider-plum-fg-dark,#c084fc)]";
 };
 export declare const zuiDividerBase = "flex w-full items-center gap-3";
 export declare const zuiDividerOrientations: {

package/dist/design-system/divider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../src/design-system/divider.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgDxB,CAAC;AAEX,eAAO,MAAM,cAAc,mCAAmC,CAAC;AAE/D,eAAO,MAAM,sBAAsB;;;CAGzB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;CAIlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,mDACmB,CAAC;AAEnD,eAAO,MAAM,0BAA0B;;;CAG7B,CAAC;AAEX,eAAO,MAAM,mBAAmB,sEACqC,CAAC"}
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../src/design-system/divider.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiFxB,CAAC;AAEX,eAAO,MAAM,cAAc,mCAAmC,CAAC;AAE/D,eAAO,MAAM,sBAAsB;;;CAGzB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;CAIlB,CAAC;AAEX,eAAO,MAAM,kBAAkB,mDACmB,CAAC;AAEnD,eAAO,MAAM,0BAA0B;;;CAG7B,CAAC;AAEX,eAAO,MAAM,mBAAmB,sEACqC,CAAC"}

package/dist/design-system/drawer.d.ts

@@ -24,6 +24,27 @@ export declare const zuiDrawerTriggerAppearances: {
     readonly "gradient-indigo": "border-[color:var(--zui-drawer-trigger-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-drawer-trigger-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-drawer-trigger-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-drawer-trigger-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-drawer-trigger-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-drawer-trigger-gradient-indigo-fg-dark,#ffffff)]";
     readonly "gradient-pink": "border-[color:var(--zui-drawer-trigger-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-drawer-trigger-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-drawer-trigger-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-drawer-trigger-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-drawer-trigger-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-drawer-trigger-gradient-pink-fg-dark,#ffffff)]";
     readonly "gradient-orange": "border-[color:var(--zui-drawer-trigger-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-drawer-trigger-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-drawer-trigger-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-drawer-trigger-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-drawer-trigger-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-drawer-trigger-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-gradient-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-drawer-trigger-gradient-orange-fg-dark,#ffffff)]";
+    readonly blue: "border border-[color:var(--zui-drawer-trigger-blue-border,#2563eb)] dark:border-[color:var(--zui-drawer-trigger-blue-border-dark,#3b82f6)] bg-[var(--zui-drawer-trigger-blue-bg,#2563eb14)] dark:bg-[var(--zui-drawer-trigger-blue-bg-dark,#3b82f624)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-blue-fg,#2563eb)] dark:text-[color:var(--zui-drawer-trigger-blue-fg-dark,#3b82f6)] hover:bg-[var(--zui-drawer-trigger-blue-bg-hover,#2563eb18)] dark:hover:bg-[var(--zui-drawer-trigger-blue-bg-hover-dark,#3b82f62e)]";
+    readonly cyan: "border border-[color:var(--zui-drawer-trigger-cyan-border,#0891b2)] dark:border-[color:var(--zui-drawer-trigger-cyan-border-dark,#22d3ee)] bg-[var(--zui-drawer-trigger-cyan-bg,#0891b214)] dark:bg-[var(--zui-drawer-trigger-cyan-bg-dark,#22d3ee24)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-cyan-fg,#0891b2)] dark:text-[color:var(--zui-drawer-trigger-cyan-fg-dark,#22d3ee)] hover:bg-[var(--zui-drawer-trigger-cyan-bg-hover,#0891b218)] dark:hover:bg-[var(--zui-drawer-trigger-cyan-bg-hover-dark,#22d3ee2e)]";
+    readonly green: "border border-[color:var(--zui-drawer-trigger-green-border,#16a34a)] dark:border-[color:var(--zui-drawer-trigger-green-border-dark,#22c55e)] bg-[var(--zui-drawer-trigger-green-bg,#16a34a14)] dark:bg-[var(--zui-drawer-trigger-green-bg-dark,#22c55e24)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-green-fg,#16a34a)] dark:text-[color:var(--zui-drawer-trigger-green-fg-dark,#22c55e)] hover:bg-[var(--zui-drawer-trigger-green-bg-hover,#16a34a18)] dark:hover:bg-[var(--zui-drawer-trigger-green-bg-hover-dark,#22c55e2e)]";
+    readonly lime: "border border-[color:var(--zui-drawer-trigger-lime-border,#65a30d)] dark:border-[color:var(--zui-drawer-trigger-lime-border-dark,#a3e635)] bg-[var(--zui-drawer-trigger-lime-bg,#65a30d14)] dark:bg-[var(--zui-drawer-trigger-lime-bg-dark,#a3e63524)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-lime-fg,#65a30d)] dark:text-[color:var(--zui-drawer-trigger-lime-fg-dark,#a3e635)] hover:bg-[var(--zui-drawer-trigger-lime-bg-hover,#65a30d18)] dark:hover:bg-[var(--zui-drawer-trigger-lime-bg-hover-dark,#a3e6352e)]";
+    readonly mint: "border border-[color:var(--zui-drawer-trigger-mint-border,#10b981)] dark:border-[color:var(--zui-drawer-trigger-mint-border-dark,#6ee7b7)] bg-[var(--zui-drawer-trigger-mint-bg,#10b98114)] dark:bg-[var(--zui-drawer-trigger-mint-bg-dark,#6ee7b724)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-mint-fg,#10b981)] dark:text-[color:var(--zui-drawer-trigger-mint-fg-dark,#6ee7b7)] hover:bg-[var(--zui-drawer-trigger-mint-bg-hover,#10b98118)] dark:hover:bg-[var(--zui-drawer-trigger-mint-bg-hover-dark,#6ee7b72e)]";
+    readonly ocean: "border border-[color:var(--zui-drawer-trigger-ocean-border,#0284c7)] dark:border-[color:var(--zui-drawer-trigger-ocean-border-dark,#38bdf8)] bg-[var(--zui-drawer-trigger-ocean-bg,#0284c714)] dark:bg-[var(--zui-drawer-trigger-ocean-bg-dark,#38bdf824)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-ocean-fg,#0284c7)] dark:text-[color:var(--zui-drawer-trigger-ocean-fg-dark,#38bdf8)] hover:bg-[var(--zui-drawer-trigger-ocean-bg-hover,#0284c718)] dark:hover:bg-[var(--zui-drawer-trigger-ocean-bg-hover-dark,#38bdf82e)]";
+    readonly sapphire: "border border-[color:var(--zui-drawer-trigger-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-drawer-trigger-sapphire-border-dark,#60a5fa)] bg-[var(--zui-drawer-trigger-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-drawer-trigger-sapphire-bg-dark,#60a5fa24)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-drawer-trigger-sapphire-fg-dark,#60a5fa)] hover:bg-[var(--zui-drawer-trigger-sapphire-bg-hover,#1d4ed818)] dark:hover:bg-[var(--zui-drawer-trigger-sapphire-bg-hover-dark,#60a5fa2e)]";
+    readonly lavender: "border border-[color:var(--zui-drawer-trigger-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-drawer-trigger-lavender-border-dark,#a78bfa)] bg-[var(--zui-drawer-trigger-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-drawer-trigger-lavender-bg-dark,#a78bfa24)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-drawer-trigger-lavender-fg-dark,#a78bfa)] hover:bg-[var(--zui-drawer-trigger-lavender-bg-hover,#8b5cf618)] dark:hover:bg-[var(--zui-drawer-trigger-lavender-bg-hover-dark,#a78bfa2e)]";
+    readonly ruby: "border border-[color:var(--zui-drawer-trigger-ruby-border,#be123c)] dark:border-[color:var(--zui-drawer-trigger-ruby-border-dark,#fb7185)] bg-[var(--zui-drawer-trigger-ruby-bg,#be123c14)] dark:bg-[var(--zui-drawer-trigger-ruby-bg-dark,#fb718524)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-ruby-fg,#be123c)] dark:text-[color:var(--zui-drawer-trigger-ruby-fg-dark,#fb7185)] hover:bg-[var(--zui-drawer-trigger-ruby-bg-hover,#be123c18)] dark:hover:bg-[var(--zui-drawer-trigger-ruby-bg-hover-dark,#fb71852e)]";
+    readonly red: "border border-[color:var(--zui-drawer-trigger-red-border,#dc2626)] dark:border-[color:var(--zui-drawer-trigger-red-border-dark,#ef4444)] bg-[var(--zui-drawer-trigger-red-bg,#dc262614)] dark:bg-[var(--zui-drawer-trigger-red-bg-dark,#ef444424)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-red-fg,#dc2626)] dark:text-[color:var(--zui-drawer-trigger-red-fg-dark,#ef4444)] hover:bg-[var(--zui-drawer-trigger-red-bg-hover,#dc262618)] dark:hover:bg-[var(--zui-drawer-trigger-red-bg-hover-dark,#ef44442e)]";
+    readonly slate: "border border-[color:var(--zui-drawer-trigger-slate-border,#475569)] dark:border-[color:var(--zui-drawer-trigger-slate-border-dark,#64748b)] bg-[var(--zui-drawer-trigger-slate-bg,#47556914)] dark:bg-[var(--zui-drawer-trigger-slate-bg-dark,#64748b24)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-slate-fg,#475569)] dark:text-[color:var(--zui-drawer-trigger-slate-fg-dark,#64748b)] hover:bg-[var(--zui-drawer-trigger-slate-bg-hover,#47556918)] dark:hover:bg-[var(--zui-drawer-trigger-slate-bg-hover-dark,#64748b2e)]";
+    readonly zinc: "border border-[color:var(--zui-drawer-trigger-zinc-border,#52525b)] dark:border-[color:var(--zui-drawer-trigger-zinc-border-dark,#71717a)] bg-[var(--zui-drawer-trigger-zinc-bg,#52525b14)] dark:bg-[var(--zui-drawer-trigger-zinc-bg-dark,#71717a24)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-zinc-fg,#52525b)] dark:text-[color:var(--zui-drawer-trigger-zinc-fg-dark,#71717a)] hover:bg-[var(--zui-drawer-trigger-zinc-bg-hover,#52525b18)] dark:hover:bg-[var(--zui-drawer-trigger-zinc-bg-hover-dark,#71717a2e)]";
+    readonly stone: "border border-[color:var(--zui-drawer-trigger-stone-border,#57534e)] dark:border-[color:var(--zui-drawer-trigger-stone-border-dark,#78716c)] bg-[var(--zui-drawer-trigger-stone-bg,#57534e14)] dark:bg-[var(--zui-drawer-trigger-stone-bg-dark,#78716c24)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-stone-fg,#57534e)] dark:text-[color:var(--zui-drawer-trigger-stone-fg-dark,#78716c)] hover:bg-[var(--zui-drawer-trigger-stone-bg-hover,#57534e18)] dark:hover:bg-[var(--zui-drawer-trigger-stone-bg-hover-dark,#78716c2e)]";
+    readonly royal: "border border-[color:var(--zui-drawer-trigger-royal-border,#4338ca)] dark:border-[color:var(--zui-drawer-trigger-royal-border-dark,#818cf8)] bg-[var(--zui-drawer-trigger-royal-bg,#4338ca14)] dark:bg-[var(--zui-drawer-trigger-royal-bg-dark,#818cf824)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-royal-fg,#4338ca)] dark:text-[color:var(--zui-drawer-trigger-royal-fg-dark,#818cf8)] hover:bg-[var(--zui-drawer-trigger-royal-bg-hover,#4338ca18)] dark:hover:bg-[var(--zui-drawer-trigger-royal-bg-hover-dark,#818cf82e)]";
+    readonly electric: "border border-[color:var(--zui-drawer-trigger-electric-border,#0ea5e9)] dark:border-[color:var(--zui-drawer-trigger-electric-border-dark,#38bdf8)] bg-[var(--zui-drawer-trigger-electric-bg,#0ea5e914)] dark:bg-[var(--zui-drawer-trigger-electric-bg-dark,#38bdf824)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-drawer-trigger-electric-fg-dark,#38bdf8)] hover:bg-[var(--zui-drawer-trigger-electric-bg-hover,#0ea5e918)] dark:hover:bg-[var(--zui-drawer-trigger-electric-bg-hover-dark,#38bdf82e)]";
+    readonly forest: "border border-[color:var(--zui-drawer-trigger-forest-border,#166534)] dark:border-[color:var(--zui-drawer-trigger-forest-border-dark,#4ade80)] bg-[var(--zui-drawer-trigger-forest-bg,#16653414)] dark:bg-[var(--zui-drawer-trigger-forest-bg-dark,#4ade8024)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-forest-fg,#166534)] dark:text-[color:var(--zui-drawer-trigger-forest-fg-dark,#4ade80)] hover:bg-[var(--zui-drawer-trigger-forest-bg-hover,#16653418)] dark:hover:bg-[var(--zui-drawer-trigger-forest-bg-hover-dark,#4ade802e)]";
+    readonly sunset: "border border-[color:var(--zui-drawer-trigger-sunset-border,#ea580c)] dark:border-[color:var(--zui-drawer-trigger-sunset-border-dark,#fb923c)] bg-[var(--zui-drawer-trigger-sunset-bg,#ea580c14)] dark:bg-[var(--zui-drawer-trigger-sunset-bg-dark,#fb923c24)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-sunset-fg,#ea580c)] dark:text-[color:var(--zui-drawer-trigger-sunset-fg-dark,#fb923c)] hover:bg-[var(--zui-drawer-trigger-sunset-bg-hover,#ea580c18)] dark:hover:bg-[var(--zui-drawer-trigger-sunset-bg-hover-dark,#fb923c2e)]";
+    readonly magenta: "border border-[color:var(--zui-drawer-trigger-magenta-border,#c026d3)] dark:border-[color:var(--zui-drawer-trigger-magenta-border-dark,#e879f9)] bg-[var(--zui-drawer-trigger-magenta-bg,#c026d314)] dark:bg-[var(--zui-drawer-trigger-magenta-bg-dark,#e879f924)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-magenta-fg,#c026d3)] dark:text-[color:var(--zui-drawer-trigger-magenta-fg-dark,#e879f9)] hover:bg-[var(--zui-drawer-trigger-magenta-bg-hover,#c026d318)] dark:hover:bg-[var(--zui-drawer-trigger-magenta-bg-hover-dark,#e879f92e)]";
+    readonly crimson: "border border-[color:var(--zui-drawer-trigger-crimson-border,#b91c1c)] dark:border-[color:var(--zui-drawer-trigger-crimson-border-dark,#f87171)] bg-[var(--zui-drawer-trigger-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-drawer-trigger-crimson-bg-dark,#f8717124)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-drawer-trigger-crimson-fg-dark,#f87171)] hover:bg-[var(--zui-drawer-trigger-crimson-bg-hover,#b91c1c18)] dark:hover:bg-[var(--zui-drawer-trigger-crimson-bg-hover-dark,#f871712e)]";
+    readonly aqua: "border border-[color:var(--zui-drawer-trigger-aqua-border,#0f766e)] dark:border-[color:var(--zui-drawer-trigger-aqua-border-dark,#2dd4bf)] bg-[var(--zui-drawer-trigger-aqua-bg,#0f766e14)] dark:bg-[var(--zui-drawer-trigger-aqua-bg-dark,#2dd4bf24)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-aqua-fg,#0f766e)] dark:text-[color:var(--zui-drawer-trigger-aqua-fg-dark,#2dd4bf)] hover:bg-[var(--zui-drawer-trigger-aqua-bg-hover,#0f766e18)] dark:hover:bg-[var(--zui-drawer-trigger-aqua-bg-hover-dark,#2dd4bf2e)]";
+    readonly plum: "border border-[color:var(--zui-drawer-trigger-plum-border,#7e22ce)] dark:border-[color:var(--zui-drawer-trigger-plum-border-dark,#c084fc)] bg-[var(--zui-drawer-trigger-plum-bg,#7e22ce14)] dark:bg-[var(--zui-drawer-trigger-plum-bg-dark,#c084fc24)] backdrop-blur-xl text-[color:var(--zui-drawer-trigger-plum-fg,#7e22ce)] dark:text-[color:var(--zui-drawer-trigger-plum-fg-dark,#c084fc)] hover:bg-[var(--zui-drawer-trigger-plum-bg-hover,#7e22ce18)] dark:hover:bg-[var(--zui-drawer-trigger-plum-bg-hover-dark,#c084fc2e)]";
 };
 export declare const zuiDrawerContentBase = "fixed z-101 flex max-h-[min(92vh,900px)] flex-col border border-[color:var(--zui-drawer-content-border,#0000001a)] dark:border-[color:var(--zui-drawer-content-border-dark,#ffffff1a)] bg-[var(--zui-drawer-content-bg,oklch(98.4%_0.003_247.858))] dark:bg-[var(--zui-drawer-content-bg-dark,oklch(12.9%_0.042_264.695))] p-6 text-[color:var(--zui-drawer-content-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-drawer-content-fg-dark,oklch(98.4%_0.003_247.858))] shadow-[var(--zui-drawer-content-shadow,0_12px_40px_rgba(15,23,42,0.14))] dark:shadow-[var(--zui-drawer-content-shadow-dark,0_24px_80px_rgba(15,23,42,0.55))] focus:outline-none";
 export declare const zuiDrawerContentSides: {
@@ -63,5 +84,26 @@ export declare const zuiDrawerContentAppearances: {
     readonly "gradient-indigo": "border-[color:var(--zui-drawer-content-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-drawer-content-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-drawer-content-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-drawer-content-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-drawer-content-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl";
     readonly "gradient-pink": "border-[color:var(--zui-drawer-content-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-drawer-content-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-drawer-content-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-drawer-content-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-drawer-content-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl";
     readonly "gradient-orange": "border-[color:var(--zui-drawer-content-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-drawer-content-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-drawer-content-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-drawer-content-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-drawer-content-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-drawer-content-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl";
+    readonly blue: "border border-[color:var(--zui-drawer-content-blue-border,#2563eb)] dark:border-[color:var(--zui-drawer-content-blue-border-dark,#3b82f6)] bg-[var(--zui-drawer-content-blue-bg,#2563eb14)] dark:bg-[var(--zui-drawer-content-blue-bg-dark,#3b82f624)] text-[color:var(--zui-drawer-content-blue-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-blue-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly cyan: "border border-[color:var(--zui-drawer-content-cyan-border,#0891b2)] dark:border-[color:var(--zui-drawer-content-cyan-border-dark,#22d3ee)] bg-[var(--zui-drawer-content-cyan-bg,#0891b214)] dark:bg-[var(--zui-drawer-content-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-drawer-content-cyan-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-cyan-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly green: "border border-[color:var(--zui-drawer-content-green-border,#16a34a)] dark:border-[color:var(--zui-drawer-content-green-border-dark,#22c55e)] bg-[var(--zui-drawer-content-green-bg,#16a34a14)] dark:bg-[var(--zui-drawer-content-green-bg-dark,#22c55e24)] text-[color:var(--zui-drawer-content-green-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-green-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly lime: "border border-[color:var(--zui-drawer-content-lime-border,#65a30d)] dark:border-[color:var(--zui-drawer-content-lime-border-dark,#a3e635)] bg-[var(--zui-drawer-content-lime-bg,#65a30d14)] dark:bg-[var(--zui-drawer-content-lime-bg-dark,#a3e63524)] text-[color:var(--zui-drawer-content-lime-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-lime-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly mint: "border border-[color:var(--zui-drawer-content-mint-border,#10b981)] dark:border-[color:var(--zui-drawer-content-mint-border-dark,#6ee7b7)] bg-[var(--zui-drawer-content-mint-bg,#10b98114)] dark:bg-[var(--zui-drawer-content-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-drawer-content-mint-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-mint-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly ocean: "border border-[color:var(--zui-drawer-content-ocean-border,#0284c7)] dark:border-[color:var(--zui-drawer-content-ocean-border-dark,#38bdf8)] bg-[var(--zui-drawer-content-ocean-bg,#0284c714)] dark:bg-[var(--zui-drawer-content-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-drawer-content-ocean-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-ocean-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly sapphire: "border border-[color:var(--zui-drawer-content-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-drawer-content-sapphire-border-dark,#60a5fa)] bg-[var(--zui-drawer-content-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-drawer-content-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-drawer-content-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-sapphire-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly lavender: "border border-[color:var(--zui-drawer-content-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-drawer-content-lavender-border-dark,#a78bfa)] bg-[var(--zui-drawer-content-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-drawer-content-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-drawer-content-lavender-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-lavender-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly ruby: "border border-[color:var(--zui-drawer-content-ruby-border,#be123c)] dark:border-[color:var(--zui-drawer-content-ruby-border-dark,#fb7185)] bg-[var(--zui-drawer-content-ruby-bg,#be123c14)] dark:bg-[var(--zui-drawer-content-ruby-bg-dark,#fb718524)] text-[color:var(--zui-drawer-content-ruby-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-ruby-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly red: "border border-[color:var(--zui-drawer-content-red-border,#dc2626)] dark:border-[color:var(--zui-drawer-content-red-border-dark,#ef4444)] bg-[var(--zui-drawer-content-red-bg,#dc262614)] dark:bg-[var(--zui-drawer-content-red-bg-dark,#ef444424)] text-[color:var(--zui-drawer-content-red-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-red-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly slate: "border border-[color:var(--zui-drawer-content-slate-border,#475569)] dark:border-[color:var(--zui-drawer-content-slate-border-dark,#64748b)] bg-[var(--zui-drawer-content-slate-bg,#47556914)] dark:bg-[var(--zui-drawer-content-slate-bg-dark,#64748b24)] text-[color:var(--zui-drawer-content-slate-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-slate-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly zinc: "border border-[color:var(--zui-drawer-content-zinc-border,#52525b)] dark:border-[color:var(--zui-drawer-content-zinc-border-dark,#71717a)] bg-[var(--zui-drawer-content-zinc-bg,#52525b14)] dark:bg-[var(--zui-drawer-content-zinc-bg-dark,#71717a24)] text-[color:var(--zui-drawer-content-zinc-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-zinc-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly stone: "border border-[color:var(--zui-drawer-content-stone-border,#57534e)] dark:border-[color:var(--zui-drawer-content-stone-border-dark,#78716c)] bg-[var(--zui-drawer-content-stone-bg,#57534e14)] dark:bg-[var(--zui-drawer-content-stone-bg-dark,#78716c24)] text-[color:var(--zui-drawer-content-stone-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-stone-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly royal: "border border-[color:var(--zui-drawer-content-royal-border,#4338ca)] dark:border-[color:var(--zui-drawer-content-royal-border-dark,#818cf8)] bg-[var(--zui-drawer-content-royal-bg,#4338ca14)] dark:bg-[var(--zui-drawer-content-royal-bg-dark,#818cf824)] text-[color:var(--zui-drawer-content-royal-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-royal-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly electric: "border border-[color:var(--zui-drawer-content-electric-border,#0ea5e9)] dark:border-[color:var(--zui-drawer-content-electric-border-dark,#38bdf8)] bg-[var(--zui-drawer-content-electric-bg,#0ea5e914)] dark:bg-[var(--zui-drawer-content-electric-bg-dark,#38bdf824)] text-[color:var(--zui-drawer-content-electric-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-electric-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly forest: "border border-[color:var(--zui-drawer-content-forest-border,#166534)] dark:border-[color:var(--zui-drawer-content-forest-border-dark,#4ade80)] bg-[var(--zui-drawer-content-forest-bg,#16653414)] dark:bg-[var(--zui-drawer-content-forest-bg-dark,#4ade8024)] text-[color:var(--zui-drawer-content-forest-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-forest-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly sunset: "border border-[color:var(--zui-drawer-content-sunset-border,#ea580c)] dark:border-[color:var(--zui-drawer-content-sunset-border-dark,#fb923c)] bg-[var(--zui-drawer-content-sunset-bg,#ea580c14)] dark:bg-[var(--zui-drawer-content-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-drawer-content-sunset-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-sunset-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly magenta: "border border-[color:var(--zui-drawer-content-magenta-border,#c026d3)] dark:border-[color:var(--zui-drawer-content-magenta-border-dark,#e879f9)] bg-[var(--zui-drawer-content-magenta-bg,#c026d314)] dark:bg-[var(--zui-drawer-content-magenta-bg-dark,#e879f924)] text-[color:var(--zui-drawer-content-magenta-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-magenta-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly crimson: "border border-[color:var(--zui-drawer-content-crimson-border,#b91c1c)] dark:border-[color:var(--zui-drawer-content-crimson-border-dark,#f87171)] bg-[var(--zui-drawer-content-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-drawer-content-crimson-bg-dark,#f8717124)] text-[color:var(--zui-drawer-content-crimson-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-crimson-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly aqua: "border border-[color:var(--zui-drawer-content-aqua-border,#0f766e)] dark:border-[color:var(--zui-drawer-content-aqua-border-dark,#2dd4bf)] bg-[var(--zui-drawer-content-aqua-bg,#0f766e14)] dark:bg-[var(--zui-drawer-content-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-drawer-content-aqua-fg,#0f172a)] dark:text-[color:var(--zui-drawer-content-aqua-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly 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";
 };
 //# sourceMappingURL=drawer.d.ts.map

package/dist/design-system/drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/design-system/drawer.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,yLACuJ,CAAC;AAEzL,eAAO,MAAM,oBAAoB,4EAC0C,CAAC;AAE5E,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;CA0C9B,CAAC;AAEX,eAAO,MAAM,oBAAoB,woBACsmB,CAAC;AAExoB,eAAO,MAAM,qBAAqB;;;;;CAKxB,CAAC;AAEX,eAAO,MAAM,qBAAqB;;;;;;CAMxB,CAAC;AAEX,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;CA0C9B,CAAC"}
+{"version":3,"file":"drawer.d.ts","sourceRoot":"","sources":["../../src/design-system/drawer.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,yLACuJ,CAAC;AAEzL,eAAO,MAAM,oBAAoB,4EAC0C,CAAC;AAE5E,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2E9B,CAAC;AAEX,eAAO,MAAM,oBAAoB,woBACsmB,CAAC;AAExoB,eAAO,MAAM,qBAAqB;;;;;CAKxB,CAAC;AAEX,eAAO,MAAM,qBAAqB;;;;;;CAMxB,CAAC;AAEX,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2E9B,CAAC"}