@zentauri-ui/zentauri-components 1.9.0 → 1.9.2

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

@@ -22,6 +22,27 @@ export declare const zuiSelectTriggerVariants: {
     readonly "gradient-indigo": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-indigo-from,oklch(35.9%_0.144_278.697))] dark:from-[var(--zui-select-trigger-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-select-trigger-gradient-indigo-to,oklch(38.1%_0.176_304.987))] dark:to-[var(--zui-select-trigger-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-indigo-fg-dark,#ffffff)]";
     readonly "gradient-pink": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-pink-from,oklch(40.8%_0.153_2.432))] dark:from-[var(--zui-select-trigger-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-select-trigger-gradient-pink-to,oklch(41%_0.159_10.272))] dark:to-[var(--zui-select-trigger-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-pink-fg-dark,#ffffff)]";
     readonly "gradient-orange": "bg-linear-to-r from-[var(--zui-select-trigger-gradient-orange-from,oklch(40.8%_0.123_38.172))] dark:from-[var(--zui-select-trigger-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-select-trigger-gradient-orange-to,oklch(39.6%_0.141_25.723))] dark:to-[var(--zui-select-trigger-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] backdrop-blur-xl text-[color:var(--zui-select-trigger-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-select-trigger-gradient-orange-fg-dark,#ffffff)]";
+    readonly blue: "border border-[color:var(--zui-select-trigger-blue-border,#2563eb)] dark:border-[color:var(--zui-select-trigger-blue-border-dark,#3b82f6)] text-[color:var(--zui-select-trigger-blue-fg,#2563eb)] dark:text-[color:var(--zui-select-trigger-blue-fg-dark,#3b82f6)] hover:bg-[var(--zui-select-trigger-blue-bg-hover,#2563eb14)] dark:hover:bg-[var(--zui-select-trigger-blue-bg-hover-dark,#3b82f624)]";
+    readonly cyan: "border border-[color:var(--zui-select-trigger-cyan-border,#0891b2)] dark:border-[color:var(--zui-select-trigger-cyan-border-dark,#22d3ee)] text-[color:var(--zui-select-trigger-cyan-fg,#0891b2)] dark:text-[color:var(--zui-select-trigger-cyan-fg-dark,#22d3ee)] hover:bg-[var(--zui-select-trigger-cyan-bg-hover,#0891b214)] dark:hover:bg-[var(--zui-select-trigger-cyan-bg-hover-dark,#22d3ee24)]";
+    readonly green: "border border-[color:var(--zui-select-trigger-green-border,#16a34a)] dark:border-[color:var(--zui-select-trigger-green-border-dark,#22c55e)] text-[color:var(--zui-select-trigger-green-fg,#16a34a)] dark:text-[color:var(--zui-select-trigger-green-fg-dark,#22c55e)] hover:bg-[var(--zui-select-trigger-green-bg-hover,#16a34a14)] dark:hover:bg-[var(--zui-select-trigger-green-bg-hover-dark,#22c55e24)]";
+    readonly lime: "border border-[color:var(--zui-select-trigger-lime-border,#65a30d)] dark:border-[color:var(--zui-select-trigger-lime-border-dark,#a3e635)] text-[color:var(--zui-select-trigger-lime-fg,#65a30d)] dark:text-[color:var(--zui-select-trigger-lime-fg-dark,#a3e635)] hover:bg-[var(--zui-select-trigger-lime-bg-hover,#65a30d14)] dark:hover:bg-[var(--zui-select-trigger-lime-bg-hover-dark,#a3e63524)]";
+    readonly mint: "border border-[color:var(--zui-select-trigger-mint-border,#10b981)] dark:border-[color:var(--zui-select-trigger-mint-border-dark,#6ee7b7)] text-[color:var(--zui-select-trigger-mint-fg,#10b981)] dark:text-[color:var(--zui-select-trigger-mint-fg-dark,#6ee7b7)] hover:bg-[var(--zui-select-trigger-mint-bg-hover,#10b98114)] dark:hover:bg-[var(--zui-select-trigger-mint-bg-hover-dark,#6ee7b724)]";
+    readonly ocean: "border border-[color:var(--zui-select-trigger-ocean-border,#0284c7)] dark:border-[color:var(--zui-select-trigger-ocean-border-dark,#38bdf8)] text-[color:var(--zui-select-trigger-ocean-fg,#0284c7)] dark:text-[color:var(--zui-select-trigger-ocean-fg-dark,#38bdf8)] hover:bg-[var(--zui-select-trigger-ocean-bg-hover,#0284c714)] dark:hover:bg-[var(--zui-select-trigger-ocean-bg-hover-dark,#38bdf824)]";
+    readonly sapphire: "border border-[color:var(--zui-select-trigger-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-select-trigger-sapphire-border-dark,#60a5fa)] text-[color:var(--zui-select-trigger-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-select-trigger-sapphire-fg-dark,#60a5fa)] hover:bg-[var(--zui-select-trigger-sapphire-bg-hover,#1d4ed814)] dark:hover:bg-[var(--zui-select-trigger-sapphire-bg-hover-dark,#60a5fa24)]";
+    readonly lavender: "border border-[color:var(--zui-select-trigger-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-select-trigger-lavender-border-dark,#a78bfa)] text-[color:var(--zui-select-trigger-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-select-trigger-lavender-fg-dark,#a78bfa)] hover:bg-[var(--zui-select-trigger-lavender-bg-hover,#8b5cf614)] dark:hover:bg-[var(--zui-select-trigger-lavender-bg-hover-dark,#a78bfa24)]";
+    readonly ruby: "border border-[color:var(--zui-select-trigger-ruby-border,#be123c)] dark:border-[color:var(--zui-select-trigger-ruby-border-dark,#fb7185)] text-[color:var(--zui-select-trigger-ruby-fg,#be123c)] dark:text-[color:var(--zui-select-trigger-ruby-fg-dark,#fb7185)] hover:bg-[var(--zui-select-trigger-ruby-bg-hover,#be123c14)] dark:hover:bg-[var(--zui-select-trigger-ruby-bg-hover-dark,#fb718524)]";
+    readonly red: "border border-[color:var(--zui-select-trigger-red-border,#dc2626)] dark:border-[color:var(--zui-select-trigger-red-border-dark,#ef4444)] text-[color:var(--zui-select-trigger-red-fg,#dc2626)] dark:text-[color:var(--zui-select-trigger-red-fg-dark,#ef4444)] hover:bg-[var(--zui-select-trigger-red-bg-hover,#dc262614)] dark:hover:bg-[var(--zui-select-trigger-red-bg-hover-dark,#ef444424)]";
+    readonly slate: "border border-[color:var(--zui-select-trigger-slate-border,#475569)] dark:border-[color:var(--zui-select-trigger-slate-border-dark,#64748b)] text-[color:var(--zui-select-trigger-slate-fg,#475569)] dark:text-[color:var(--zui-select-trigger-slate-fg-dark,#64748b)] hover:bg-[var(--zui-select-trigger-slate-bg-hover,#47556914)] dark:hover:bg-[var(--zui-select-trigger-slate-bg-hover-dark,#64748b24)]";
+    readonly zinc: "border border-[color:var(--zui-select-trigger-zinc-border,#52525b)] dark:border-[color:var(--zui-select-trigger-zinc-border-dark,#71717a)] text-[color:var(--zui-select-trigger-zinc-fg,#52525b)] dark:text-[color:var(--zui-select-trigger-zinc-fg-dark,#71717a)] hover:bg-[var(--zui-select-trigger-zinc-bg-hover,#52525b14)] dark:hover:bg-[var(--zui-select-trigger-zinc-bg-hover-dark,#71717a24)]";
+    readonly stone: "border border-[color:var(--zui-select-trigger-stone-border,#57534e)] dark:border-[color:var(--zui-select-trigger-stone-border-dark,#78716c)] text-[color:var(--zui-select-trigger-stone-fg,#57534e)] dark:text-[color:var(--zui-select-trigger-stone-fg-dark,#78716c)] hover:bg-[var(--zui-select-trigger-stone-bg-hover,#57534e14)] dark:hover:bg-[var(--zui-select-trigger-stone-bg-hover-dark,#78716c24)]";
+    readonly royal: "border border-[color:var(--zui-select-trigger-royal-border,#4338ca)] dark:border-[color:var(--zui-select-trigger-royal-border-dark,#818cf8)] text-[color:var(--zui-select-trigger-royal-fg,#4338ca)] dark:text-[color:var(--zui-select-trigger-royal-fg-dark,#818cf8)] hover:bg-[var(--zui-select-trigger-royal-bg-hover,#4338ca14)] dark:hover:bg-[var(--zui-select-trigger-royal-bg-hover-dark,#818cf824)]";
+    readonly electric: "border border-[color:var(--zui-select-trigger-electric-border,#0ea5e9)] dark:border-[color:var(--zui-select-trigger-electric-border-dark,#38bdf8)] text-[color:var(--zui-select-trigger-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-select-trigger-electric-fg-dark,#38bdf8)] hover:bg-[var(--zui-select-trigger-electric-bg-hover,#0ea5e914)] dark:hover:bg-[var(--zui-select-trigger-electric-bg-hover-dark,#38bdf824)]";
+    readonly forest: "border border-[color:var(--zui-select-trigger-forest-border,#166534)] dark:border-[color:var(--zui-select-trigger-forest-border-dark,#4ade80)] text-[color:var(--zui-select-trigger-forest-fg,#166534)] dark:text-[color:var(--zui-select-trigger-forest-fg-dark,#4ade80)] hover:bg-[var(--zui-select-trigger-forest-bg-hover,#16653414)] dark:hover:bg-[var(--zui-select-trigger-forest-bg-hover-dark,#4ade8024)]";
+    readonly sunset: "border border-[color:var(--zui-select-trigger-sunset-border,#ea580c)] dark:border-[color:var(--zui-select-trigger-sunset-border-dark,#fb923c)] text-[color:var(--zui-select-trigger-sunset-fg,#ea580c)] dark:text-[color:var(--zui-select-trigger-sunset-fg-dark,#fb923c)] hover:bg-[var(--zui-select-trigger-sunset-bg-hover,#ea580c14)] dark:hover:bg-[var(--zui-select-trigger-sunset-bg-hover-dark,#fb923c24)]";
+    readonly magenta: "border border-[color:var(--zui-select-trigger-magenta-border,#c026d3)] dark:border-[color:var(--zui-select-trigger-magenta-border-dark,#e879f9)] text-[color:var(--zui-select-trigger-magenta-fg,#c026d3)] dark:text-[color:var(--zui-select-trigger-magenta-fg-dark,#e879f9)] hover:bg-[var(--zui-select-trigger-magenta-bg-hover,#c026d314)] dark:hover:bg-[var(--zui-select-trigger-magenta-bg-hover-dark,#e879f924)]";
+    readonly crimson: "border border-[color:var(--zui-select-trigger-crimson-border,#b91c1c)] dark:border-[color:var(--zui-select-trigger-crimson-border-dark,#f87171)] text-[color:var(--zui-select-trigger-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-select-trigger-crimson-fg-dark,#f87171)] hover:bg-[var(--zui-select-trigger-crimson-bg-hover,#b91c1c14)] dark:hover:bg-[var(--zui-select-trigger-crimson-bg-hover-dark,#f8717124)]";
+    readonly aqua: "border border-[color:var(--zui-select-trigger-aqua-border,#0f766e)] dark:border-[color:var(--zui-select-trigger-aqua-border-dark,#2dd4bf)] text-[color:var(--zui-select-trigger-aqua-fg,#0f766e)] dark:text-[color:var(--zui-select-trigger-aqua-fg-dark,#2dd4bf)] hover:bg-[var(--zui-select-trigger-aqua-bg-hover,#0f766e14)] dark:hover:bg-[var(--zui-select-trigger-aqua-bg-hover-dark,#2dd4bf24)]";
+    readonly plum: "border border-[color:var(--zui-select-trigger-plum-border,#7e22ce)] dark:border-[color:var(--zui-select-trigger-plum-border-dark,#c084fc)] text-[color:var(--zui-select-trigger-plum-fg,#7e22ce)] dark:text-[color:var(--zui-select-trigger-plum-fg-dark,#c084fc)] hover:bg-[var(--zui-select-trigger-plum-bg-hover,#7e22ce14)] dark:hover:bg-[var(--zui-select-trigger-plum-bg-hover-dark,#c084fc24)]";
 };
 export declare const zuiSelectSizes: {
     readonly sm: "px-2 py-1 text-sm";
@@ -52,6 +73,27 @@ export declare const zuiSelectItemAppearances: {
     readonly "gradient-indigo": "bg-[var(--zui-select-item-gradient-indigo-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-indigo-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-indigo-fg,oklch(96.2%_0.018_272.314))] dark:text-[color:var(--zui-select-item-gradient-indigo-fg-dark,oklch(96.2%_0.018_272.314))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-indigo-from-dark,oklch(96.2%_0.018_272.314))] data-[selected=true]:to-[var(--zui-select-item-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-indigo-to-dark,oklch(97.7%_0.014_308.299))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-indigo-fg,oklch(35.9%_0.144_278.697))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-indigo-fg-dark,oklch(35.9%_0.144_278.697))]";
     readonly "gradient-pink": "bg-[var(--zui-select-item-gradient-pink-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-pink-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-pink-fg,oklch(97.1%_0.014_343.198))] dark:text-[color:var(--zui-select-item-gradient-pink-fg-dark,oklch(97.1%_0.014_343.198))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-pink-from-dark,oklch(97.1%_0.014_343.198))] data-[selected=true]:to-[var(--zui-select-item-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-pink-to-dark,oklch(96.9%_0.015_12.422))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-pink-fg,oklch(40.8%_0.153_2.432))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-pink-fg-dark,oklch(40.8%_0.153_2.432))]";
     readonly "gradient-orange": "bg-[var(--zui-select-item-gradient-orange-bg,transparent)] dark:bg-[var(--zui-select-item-gradient-orange-bg-dark,transparent)] backdrop-blur-xl text-[color:var(--zui-select-item-gradient-orange-fg,oklch(98%_0.016_73.684))] dark:text-[color:var(--zui-select-item-gradient-orange-fg-dark,oklch(98%_0.016_73.684))] data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-select-item-gradient-orange-from,oklch(98%_0.016_73.684))] dark:data-[selected=true]:from-[var(--zui-select-item-gradient-orange-from-dark,oklch(98%_0.016_73.684))] data-[selected=true]:to-[var(--zui-select-item-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:data-[selected=true]:to-[var(--zui-select-item-gradient-orange-to-dark,oklch(97.1%_0.013_17.38))] data-[selected=true]:text-[color:var(--zui-select-item-gradient-orange-fg,oklch(40.8%_0.123_38.172))] dark:data-[selected=true]:text-[color:var(--zui-select-item-gradient-orange-fg-dark,oklch(40.8%_0.123_38.172))]";
+    readonly blue: "hover:bg-[var(--zui-select-item-blue-bg-hover,#2563eb18)] dark:hover:bg-[var(--zui-select-item-blue-bg-hover-dark,#3b82f62e)] hover:text-[color:var(--zui-select-item-blue-fg-hover,#2563eb)] dark:hover:text-[color:var(--zui-select-item-blue-fg-hover-dark,#3b82f6)] bg-[var(--zui-select-item-blue-bg,#2563eb10)] dark:bg-[var(--zui-select-item-blue-bg-dark,#3b82f61f)] text-[color:var(--zui-select-item-blue-fg,#2563eb)] dark:text-[color:var(--zui-select-item-blue-fg-dark,#3b82f6)]";
+    readonly cyan: "hover:bg-[var(--zui-select-item-cyan-bg-hover,#0891b218)] dark:hover:bg-[var(--zui-select-item-cyan-bg-hover-dark,#22d3ee2e)] hover:text-[color:var(--zui-select-item-cyan-fg-hover,#0891b2)] dark:hover:text-[color:var(--zui-select-item-cyan-fg-hover-dark,#22d3ee)] bg-[var(--zui-select-item-cyan-bg,#0891b210)] dark:bg-[var(--zui-select-item-cyan-bg-dark,#22d3ee1f)] text-[color:var(--zui-select-item-cyan-fg,#0891b2)] dark:text-[color:var(--zui-select-item-cyan-fg-dark,#22d3ee)]";
+    readonly green: "hover:bg-[var(--zui-select-item-green-bg-hover,#16a34a18)] dark:hover:bg-[var(--zui-select-item-green-bg-hover-dark,#22c55e2e)] hover:text-[color:var(--zui-select-item-green-fg-hover,#16a34a)] dark:hover:text-[color:var(--zui-select-item-green-fg-hover-dark,#22c55e)] bg-[var(--zui-select-item-green-bg,#16a34a10)] dark:bg-[var(--zui-select-item-green-bg-dark,#22c55e1f)] text-[color:var(--zui-select-item-green-fg,#16a34a)] dark:text-[color:var(--zui-select-item-green-fg-dark,#22c55e)]";
+    readonly lime: "hover:bg-[var(--zui-select-item-lime-bg-hover,#65a30d18)] dark:hover:bg-[var(--zui-select-item-lime-bg-hover-dark,#a3e6352e)] hover:text-[color:var(--zui-select-item-lime-fg-hover,#65a30d)] dark:hover:text-[color:var(--zui-select-item-lime-fg-hover-dark,#a3e635)] bg-[var(--zui-select-item-lime-bg,#65a30d10)] dark:bg-[var(--zui-select-item-lime-bg-dark,#a3e6351f)] text-[color:var(--zui-select-item-lime-fg,#65a30d)] dark:text-[color:var(--zui-select-item-lime-fg-dark,#a3e635)]";
+    readonly mint: "hover:bg-[var(--zui-select-item-mint-bg-hover,#10b98118)] dark:hover:bg-[var(--zui-select-item-mint-bg-hover-dark,#6ee7b72e)] hover:text-[color:var(--zui-select-item-mint-fg-hover,#10b981)] dark:hover:text-[color:var(--zui-select-item-mint-fg-hover-dark,#6ee7b7)] bg-[var(--zui-select-item-mint-bg,#10b98110)] dark:bg-[var(--zui-select-item-mint-bg-dark,#6ee7b71f)] text-[color:var(--zui-select-item-mint-fg,#10b981)] dark:text-[color:var(--zui-select-item-mint-fg-dark,#6ee7b7)]";
+    readonly ocean: "hover:bg-[var(--zui-select-item-ocean-bg-hover,#0284c718)] dark:hover:bg-[var(--zui-select-item-ocean-bg-hover-dark,#38bdf82e)] hover:text-[color:var(--zui-select-item-ocean-fg-hover,#0284c7)] dark:hover:text-[color:var(--zui-select-item-ocean-fg-hover-dark,#38bdf8)] bg-[var(--zui-select-item-ocean-bg,#0284c710)] dark:bg-[var(--zui-select-item-ocean-bg-dark,#38bdf81f)] text-[color:var(--zui-select-item-ocean-fg,#0284c7)] dark:text-[color:var(--zui-select-item-ocean-fg-dark,#38bdf8)]";
+    readonly sapphire: "hover:bg-[var(--zui-select-item-sapphire-bg-hover,#1d4ed818)] dark:hover:bg-[var(--zui-select-item-sapphire-bg-hover-dark,#60a5fa2e)] hover:text-[color:var(--zui-select-item-sapphire-fg-hover,#1d4ed8)] dark:hover:text-[color:var(--zui-select-item-sapphire-fg-hover-dark,#60a5fa)] bg-[var(--zui-select-item-sapphire-bg,#1d4ed810)] dark:bg-[var(--zui-select-item-sapphire-bg-dark,#60a5fa1f)] text-[color:var(--zui-select-item-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-select-item-sapphire-fg-dark,#60a5fa)]";
+    readonly lavender: "hover:bg-[var(--zui-select-item-lavender-bg-hover,#8b5cf618)] dark:hover:bg-[var(--zui-select-item-lavender-bg-hover-dark,#a78bfa2e)] hover:text-[color:var(--zui-select-item-lavender-fg-hover,#8b5cf6)] dark:hover:text-[color:var(--zui-select-item-lavender-fg-hover-dark,#a78bfa)] bg-[var(--zui-select-item-lavender-bg,#8b5cf610)] dark:bg-[var(--zui-select-item-lavender-bg-dark,#a78bfa1f)] text-[color:var(--zui-select-item-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-select-item-lavender-fg-dark,#a78bfa)]";
+    readonly ruby: "hover:bg-[var(--zui-select-item-ruby-bg-hover,#be123c18)] dark:hover:bg-[var(--zui-select-item-ruby-bg-hover-dark,#fb71852e)] hover:text-[color:var(--zui-select-item-ruby-fg-hover,#be123c)] dark:hover:text-[color:var(--zui-select-item-ruby-fg-hover-dark,#fb7185)] bg-[var(--zui-select-item-ruby-bg,#be123c10)] dark:bg-[var(--zui-select-item-ruby-bg-dark,#fb71851f)] text-[color:var(--zui-select-item-ruby-fg,#be123c)] dark:text-[color:var(--zui-select-item-ruby-fg-dark,#fb7185)]";
+    readonly red: "hover:bg-[var(--zui-select-item-red-bg-hover,#dc262618)] dark:hover:bg-[var(--zui-select-item-red-bg-hover-dark,#ef44442e)] hover:text-[color:var(--zui-select-item-red-fg-hover,#dc2626)] dark:hover:text-[color:var(--zui-select-item-red-fg-hover-dark,#ef4444)] bg-[var(--zui-select-item-red-bg,#dc262610)] dark:bg-[var(--zui-select-item-red-bg-dark,#ef44441f)] text-[color:var(--zui-select-item-red-fg,#dc2626)] dark:text-[color:var(--zui-select-item-red-fg-dark,#ef4444)]";
+    readonly slate: "hover:bg-[var(--zui-select-item-slate-bg-hover,#47556918)] dark:hover:bg-[var(--zui-select-item-slate-bg-hover-dark,#64748b2e)] hover:text-[color:var(--zui-select-item-slate-fg-hover,#475569)] dark:hover:text-[color:var(--zui-select-item-slate-fg-hover-dark,#64748b)] bg-[var(--zui-select-item-slate-bg,#47556910)] dark:bg-[var(--zui-select-item-slate-bg-dark,#64748b1f)] text-[color:var(--zui-select-item-slate-fg,#475569)] dark:text-[color:var(--zui-select-item-slate-fg-dark,#64748b)]";
+    readonly zinc: "hover:bg-[var(--zui-select-item-zinc-bg-hover,#52525b18)] dark:hover:bg-[var(--zui-select-item-zinc-bg-hover-dark,#71717a2e)] hover:text-[color:var(--zui-select-item-zinc-fg-hover,#52525b)] dark:hover:text-[color:var(--zui-select-item-zinc-fg-hover-dark,#71717a)] bg-[var(--zui-select-item-zinc-bg,#52525b10)] dark:bg-[var(--zui-select-item-zinc-bg-dark,#71717a1f)] text-[color:var(--zui-select-item-zinc-fg,#52525b)] dark:text-[color:var(--zui-select-item-zinc-fg-dark,#71717a)]";
+    readonly stone: "hover:bg-[var(--zui-select-item-stone-bg-hover,#57534e18)] dark:hover:bg-[var(--zui-select-item-stone-bg-hover-dark,#78716c2e)] hover:text-[color:var(--zui-select-item-stone-fg-hover,#57534e)] dark:hover:text-[color:var(--zui-select-item-stone-fg-hover-dark,#78716c)] bg-[var(--zui-select-item-stone-bg,#57534e10)] dark:bg-[var(--zui-select-item-stone-bg-dark,#78716c1f)] text-[color:var(--zui-select-item-stone-fg,#57534e)] dark:text-[color:var(--zui-select-item-stone-fg-dark,#78716c)]";
+    readonly royal: "hover:bg-[var(--zui-select-item-royal-bg-hover,#4338ca18)] dark:hover:bg-[var(--zui-select-item-royal-bg-hover-dark,#818cf82e)] hover:text-[color:var(--zui-select-item-royal-fg-hover,#4338ca)] dark:hover:text-[color:var(--zui-select-item-royal-fg-hover-dark,#818cf8)] bg-[var(--zui-select-item-royal-bg,#4338ca10)] dark:bg-[var(--zui-select-item-royal-bg-dark,#818cf81f)] text-[color:var(--zui-select-item-royal-fg,#4338ca)] dark:text-[color:var(--zui-select-item-royal-fg-dark,#818cf8)]";
+    readonly electric: "hover:bg-[var(--zui-select-item-electric-bg-hover,#0ea5e918)] dark:hover:bg-[var(--zui-select-item-electric-bg-hover-dark,#38bdf82e)] hover:text-[color:var(--zui-select-item-electric-fg-hover,#0ea5e9)] dark:hover:text-[color:var(--zui-select-item-electric-fg-hover-dark,#38bdf8)] bg-[var(--zui-select-item-electric-bg,#0ea5e910)] dark:bg-[var(--zui-select-item-electric-bg-dark,#38bdf81f)] text-[color:var(--zui-select-item-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-select-item-electric-fg-dark,#38bdf8)]";
+    readonly forest: "hover:bg-[var(--zui-select-item-forest-bg-hover,#16653418)] dark:hover:bg-[var(--zui-select-item-forest-bg-hover-dark,#4ade802e)] hover:text-[color:var(--zui-select-item-forest-fg-hover,#166534)] dark:hover:text-[color:var(--zui-select-item-forest-fg-hover-dark,#4ade80)] bg-[var(--zui-select-item-forest-bg,#16653410)] dark:bg-[var(--zui-select-item-forest-bg-dark,#4ade801f)] text-[color:var(--zui-select-item-forest-fg,#166534)] dark:text-[color:var(--zui-select-item-forest-fg-dark,#4ade80)]";
+    readonly sunset: "hover:bg-[var(--zui-select-item-sunset-bg-hover,#ea580c18)] dark:hover:bg-[var(--zui-select-item-sunset-bg-hover-dark,#fb923c2e)] hover:text-[color:var(--zui-select-item-sunset-fg-hover,#ea580c)] dark:hover:text-[color:var(--zui-select-item-sunset-fg-hover-dark,#fb923c)] bg-[var(--zui-select-item-sunset-bg,#ea580c10)] dark:bg-[var(--zui-select-item-sunset-bg-dark,#fb923c1f)] text-[color:var(--zui-select-item-sunset-fg,#ea580c)] dark:text-[color:var(--zui-select-item-sunset-fg-dark,#fb923c)]";
+    readonly magenta: "hover:bg-[var(--zui-select-item-magenta-bg-hover,#c026d318)] dark:hover:bg-[var(--zui-select-item-magenta-bg-hover-dark,#e879f92e)] hover:text-[color:var(--zui-select-item-magenta-fg-hover,#c026d3)] dark:hover:text-[color:var(--zui-select-item-magenta-fg-hover-dark,#e879f9)] bg-[var(--zui-select-item-magenta-bg,#c026d310)] dark:bg-[var(--zui-select-item-magenta-bg-dark,#e879f91f)] text-[color:var(--zui-select-item-magenta-fg,#c026d3)] dark:text-[color:var(--zui-select-item-magenta-fg-dark,#e879f9)]";
+    readonly crimson: "hover:bg-[var(--zui-select-item-crimson-bg-hover,#b91c1c18)] dark:hover:bg-[var(--zui-select-item-crimson-bg-hover-dark,#f871712e)] hover:text-[color:var(--zui-select-item-crimson-fg-hover,#b91c1c)] dark:hover:text-[color:var(--zui-select-item-crimson-fg-hover-dark,#f87171)] bg-[var(--zui-select-item-crimson-bg,#b91c1c10)] dark:bg-[var(--zui-select-item-crimson-bg-dark,#f871711f)] text-[color:var(--zui-select-item-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-select-item-crimson-fg-dark,#f87171)]";
+    readonly aqua: "hover:bg-[var(--zui-select-item-aqua-bg-hover,#0f766e18)] dark:hover:bg-[var(--zui-select-item-aqua-bg-hover-dark,#2dd4bf2e)] hover:text-[color:var(--zui-select-item-aqua-fg-hover,#0f766e)] dark:hover:text-[color:var(--zui-select-item-aqua-fg-hover-dark,#2dd4bf)] bg-[var(--zui-select-item-aqua-bg,#0f766e10)] dark:bg-[var(--zui-select-item-aqua-bg-dark,#2dd4bf1f)] text-[color:var(--zui-select-item-aqua-fg,#0f766e)] dark:text-[color:var(--zui-select-item-aqua-fg-dark,#2dd4bf)]";
+    readonly plum: "hover:bg-[var(--zui-select-item-plum-bg-hover,#7e22ce18)] dark:hover:bg-[var(--zui-select-item-plum-bg-hover-dark,#c084fc2e)] hover:text-[color:var(--zui-select-item-plum-fg-hover,#7e22ce)] dark:hover:text-[color:var(--zui-select-item-plum-fg-hover-dark,#c084fc)] bg-[var(--zui-select-item-plum-bg,#7e22ce10)] dark:bg-[var(--zui-select-item-plum-bg-dark,#c084fc1f)] text-[color:var(--zui-select-item-plum-fg,#7e22ce)] dark:text-[color:var(--zui-select-item-plum-fg-dark,#c084fc)]";
 };
 export declare const zuiSelectDisabled: {
     readonly true: "opacity-50 cursor-not-allowed";
@@ -80,6 +122,27 @@ export declare const zuiSelectContentAppearances: {
     readonly "gradient-indigo": "bg-linear-to-r from-[var(--zui-select-content-gradient-indigo-from,oklch(35.9%_0.144_278.697))] dark:from-[var(--zui-select-content-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-select-content-gradient-indigo-to,oklch(38.1%_0.176_304.987))] dark:to-[var(--zui-select-content-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] backdrop-blur-xl";
     readonly "gradient-pink": "bg-linear-to-r from-[var(--zui-select-content-gradient-pink-from,oklch(40.8%_0.153_2.432))] dark:from-[var(--zui-select-content-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-select-content-gradient-pink-to,oklch(41%_0.159_10.272))] dark:to-[var(--zui-select-content-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] backdrop-blur-xl";
     readonly "gradient-orange": "bg-linear-to-r from-[var(--zui-select-content-gradient-orange-from,oklch(40.8%_0.123_38.172))] dark:from-[var(--zui-select-content-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-select-content-gradient-orange-to,oklch(39.6%_0.141_25.723))] dark:to-[var(--zui-select-content-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] backdrop-blur-xl";
+    readonly blue: "border border-[color:var(--zui-select-content-blue-border,#2563eb)] dark:border-[color:var(--zui-select-content-blue-border-dark,#3b82f6)] bg-[var(--zui-select-content-blue-bg,#2563eb14)] dark:bg-[var(--zui-select-content-blue-bg-dark,#3b82f624)] text-[color:var(--zui-select-content-blue-fg,#0f172a)] dark:text-[color:var(--zui-select-content-blue-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly cyan: "border border-[color:var(--zui-select-content-cyan-border,#0891b2)] dark:border-[color:var(--zui-select-content-cyan-border-dark,#22d3ee)] bg-[var(--zui-select-content-cyan-bg,#0891b214)] dark:bg-[var(--zui-select-content-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-select-content-cyan-fg,#0f172a)] dark:text-[color:var(--zui-select-content-cyan-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly green: "border border-[color:var(--zui-select-content-green-border,#16a34a)] dark:border-[color:var(--zui-select-content-green-border-dark,#22c55e)] bg-[var(--zui-select-content-green-bg,#16a34a14)] dark:bg-[var(--zui-select-content-green-bg-dark,#22c55e24)] text-[color:var(--zui-select-content-green-fg,#0f172a)] dark:text-[color:var(--zui-select-content-green-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly lime: "border border-[color:var(--zui-select-content-lime-border,#65a30d)] dark:border-[color:var(--zui-select-content-lime-border-dark,#a3e635)] bg-[var(--zui-select-content-lime-bg,#65a30d14)] dark:bg-[var(--zui-select-content-lime-bg-dark,#a3e63524)] text-[color:var(--zui-select-content-lime-fg,#0f172a)] dark:text-[color:var(--zui-select-content-lime-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly mint: "border border-[color:var(--zui-select-content-mint-border,#10b981)] dark:border-[color:var(--zui-select-content-mint-border-dark,#6ee7b7)] bg-[var(--zui-select-content-mint-bg,#10b98114)] dark:bg-[var(--zui-select-content-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-select-content-mint-fg,#0f172a)] dark:text-[color:var(--zui-select-content-mint-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly ocean: "border border-[color:var(--zui-select-content-ocean-border,#0284c7)] dark:border-[color:var(--zui-select-content-ocean-border-dark,#38bdf8)] bg-[var(--zui-select-content-ocean-bg,#0284c714)] dark:bg-[var(--zui-select-content-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-select-content-ocean-fg,#0f172a)] dark:text-[color:var(--zui-select-content-ocean-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly sapphire: "border border-[color:var(--zui-select-content-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-select-content-sapphire-border-dark,#60a5fa)] bg-[var(--zui-select-content-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-select-content-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-select-content-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-select-content-sapphire-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly lavender: "border border-[color:var(--zui-select-content-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-select-content-lavender-border-dark,#a78bfa)] bg-[var(--zui-select-content-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-select-content-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-select-content-lavender-fg,#0f172a)] dark:text-[color:var(--zui-select-content-lavender-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly ruby: "border border-[color:var(--zui-select-content-ruby-border,#be123c)] dark:border-[color:var(--zui-select-content-ruby-border-dark,#fb7185)] bg-[var(--zui-select-content-ruby-bg,#be123c14)] dark:bg-[var(--zui-select-content-ruby-bg-dark,#fb718524)] text-[color:var(--zui-select-content-ruby-fg,#0f172a)] dark:text-[color:var(--zui-select-content-ruby-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly red: "border border-[color:var(--zui-select-content-red-border,#dc2626)] dark:border-[color:var(--zui-select-content-red-border-dark,#ef4444)] bg-[var(--zui-select-content-red-bg,#dc262614)] dark:bg-[var(--zui-select-content-red-bg-dark,#ef444424)] text-[color:var(--zui-select-content-red-fg,#0f172a)] dark:text-[color:var(--zui-select-content-red-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly slate: "border border-[color:var(--zui-select-content-slate-border,#475569)] dark:border-[color:var(--zui-select-content-slate-border-dark,#64748b)] bg-[var(--zui-select-content-slate-bg,#47556914)] dark:bg-[var(--zui-select-content-slate-bg-dark,#64748b24)] text-[color:var(--zui-select-content-slate-fg,#0f172a)] dark:text-[color:var(--zui-select-content-slate-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly zinc: "border border-[color:var(--zui-select-content-zinc-border,#52525b)] dark:border-[color:var(--zui-select-content-zinc-border-dark,#71717a)] bg-[var(--zui-select-content-zinc-bg,#52525b14)] dark:bg-[var(--zui-select-content-zinc-bg-dark,#71717a24)] text-[color:var(--zui-select-content-zinc-fg,#0f172a)] dark:text-[color:var(--zui-select-content-zinc-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly stone: "border border-[color:var(--zui-select-content-stone-border,#57534e)] dark:border-[color:var(--zui-select-content-stone-border-dark,#78716c)] bg-[var(--zui-select-content-stone-bg,#57534e14)] dark:bg-[var(--zui-select-content-stone-bg-dark,#78716c24)] text-[color:var(--zui-select-content-stone-fg,#0f172a)] dark:text-[color:var(--zui-select-content-stone-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly royal: "border border-[color:var(--zui-select-content-royal-border,#4338ca)] dark:border-[color:var(--zui-select-content-royal-border-dark,#818cf8)] bg-[var(--zui-select-content-royal-bg,#4338ca14)] dark:bg-[var(--zui-select-content-royal-bg-dark,#818cf824)] text-[color:var(--zui-select-content-royal-fg,#0f172a)] dark:text-[color:var(--zui-select-content-royal-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly electric: "border border-[color:var(--zui-select-content-electric-border,#0ea5e9)] dark:border-[color:var(--zui-select-content-electric-border-dark,#38bdf8)] bg-[var(--zui-select-content-electric-bg,#0ea5e914)] dark:bg-[var(--zui-select-content-electric-bg-dark,#38bdf824)] text-[color:var(--zui-select-content-electric-fg,#0f172a)] dark:text-[color:var(--zui-select-content-electric-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly forest: "border border-[color:var(--zui-select-content-forest-border,#166534)] dark:border-[color:var(--zui-select-content-forest-border-dark,#4ade80)] bg-[var(--zui-select-content-forest-bg,#16653414)] dark:bg-[var(--zui-select-content-forest-bg-dark,#4ade8024)] text-[color:var(--zui-select-content-forest-fg,#0f172a)] dark:text-[color:var(--zui-select-content-forest-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly sunset: "border border-[color:var(--zui-select-content-sunset-border,#ea580c)] dark:border-[color:var(--zui-select-content-sunset-border-dark,#fb923c)] bg-[var(--zui-select-content-sunset-bg,#ea580c14)] dark:bg-[var(--zui-select-content-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-select-content-sunset-fg,#0f172a)] dark:text-[color:var(--zui-select-content-sunset-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly magenta: "border border-[color:var(--zui-select-content-magenta-border,#c026d3)] dark:border-[color:var(--zui-select-content-magenta-border-dark,#e879f9)] bg-[var(--zui-select-content-magenta-bg,#c026d314)] dark:bg-[var(--zui-select-content-magenta-bg-dark,#e879f924)] text-[color:var(--zui-select-content-magenta-fg,#0f172a)] dark:text-[color:var(--zui-select-content-magenta-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly crimson: "border border-[color:var(--zui-select-content-crimson-border,#b91c1c)] dark:border-[color:var(--zui-select-content-crimson-border-dark,#f87171)] bg-[var(--zui-select-content-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-select-content-crimson-bg-dark,#f8717124)] text-[color:var(--zui-select-content-crimson-fg,#0f172a)] dark:text-[color:var(--zui-select-content-crimson-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly aqua: "border border-[color:var(--zui-select-content-aqua-border,#0f766e)] dark:border-[color:var(--zui-select-content-aqua-border-dark,#2dd4bf)] bg-[var(--zui-select-content-aqua-bg,#0f766e14)] dark:bg-[var(--zui-select-content-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-select-content-aqua-fg,#0f172a)] dark:text-[color:var(--zui-select-content-aqua-fg-dark,#f8fafc)] backdrop-blur-xl";
+    readonly plum: "border border-[color:var(--zui-select-content-plum-border,#7e22ce)] dark:border-[color:var(--zui-select-content-plum-border-dark,#c084fc)] bg-[var(--zui-select-content-plum-bg,#7e22ce14)] dark:bg-[var(--zui-select-content-plum-bg-dark,#c084fc24)] text-[color:var(--zui-select-content-plum-fg,#0f172a)] dark:text-[color:var(--zui-select-content-plum-fg-dark,#f8fafc)] backdrop-blur-xl";
 };
 export declare const zuiSelectSpacing: {
     readonly none: "space-y-0";

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/design-system/select.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,qVACmT,CAAC;AAErV,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;CAyC3B,CAAC;AAEX,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,eAAO,MAAM,iBAAiB,8RAC+P,CAAC;AAE9R,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;CAyC3B,CAAC;AAEX,eAAO,MAAM,iBAAiB;;CAEpB,CAAC;AAEX,eAAO,MAAM,oBAAoB,wJACsH,CAAC;AAExJ,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;CAyC9B,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;;;;CAOnB,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/design-system/select.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,qVACmT,CAAC;AAErV,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0E3B,CAAC;AAEX,eAAO,MAAM,cAAc;;;;CAIjB,CAAC;AAEX,eAAO,MAAM,iBAAiB,8RAC+P,CAAC;AAE9R,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0E3B,CAAC;AAEX,eAAO,MAAM,iBAAiB;;CAEpB,CAAC;AAEX,eAAO,MAAM,oBAAoB,wJACsH,CAAC;AAExJ,eAAO,MAAM,2BAA2B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0E9B,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;;;;CAOnB,CAAC"}

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

@@ -23,6 +23,27 @@ export declare const zuiSkeletonShimmerGradientClasses: {
     readonly "gradient-indigo": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]";
     readonly "gradient-pink": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]";
     readonly "gradient-orange": "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]";
+    readonly blue: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-blue-shimmer-start,#2563eb1a),var(--zui-skeleton-blue-shimmer-mid,#2563eb6b),var(--zui-skeleton-blue-shimmer-end,#2563eb1a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-blue-shimmer-start-dark,#3b82f61f),var(--zui-skeleton-blue-shimmer-mid-dark,#3b82f67a),var(--zui-skeleton-blue-shimmer-end-dark,#3b82f61f))]";
+    readonly cyan: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-cyan-shimmer-start,#0891b21a),var(--zui-skeleton-cyan-shimmer-mid,#0891b26b),var(--zui-skeleton-cyan-shimmer-end,#0891b21a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-cyan-shimmer-start-dark,#22d3ee1f),var(--zui-skeleton-cyan-shimmer-mid-dark,#22d3ee7a),var(--zui-skeleton-cyan-shimmer-end-dark,#22d3ee1f))]";
+    readonly green: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-green-shimmer-start,#16a34a1a),var(--zui-skeleton-green-shimmer-mid,#16a34a6b),var(--zui-skeleton-green-shimmer-end,#16a34a1a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-green-shimmer-start-dark,#22c55e1f),var(--zui-skeleton-green-shimmer-mid-dark,#22c55e7a),var(--zui-skeleton-green-shimmer-end-dark,#22c55e1f))]";
+    readonly lime: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-lime-shimmer-start,#65a30d1a),var(--zui-skeleton-lime-shimmer-mid,#65a30d6b),var(--zui-skeleton-lime-shimmer-end,#65a30d1a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-lime-shimmer-start-dark,#a3e6351f),var(--zui-skeleton-lime-shimmer-mid-dark,#a3e6357a),var(--zui-skeleton-lime-shimmer-end-dark,#a3e6351f))]";
+    readonly mint: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-mint-shimmer-start,#10b9811a),var(--zui-skeleton-mint-shimmer-mid,#10b9816b),var(--zui-skeleton-mint-shimmer-end,#10b9811a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-mint-shimmer-start-dark,#6ee7b71f),var(--zui-skeleton-mint-shimmer-mid-dark,#6ee7b77a),var(--zui-skeleton-mint-shimmer-end-dark,#6ee7b71f))]";
+    readonly ocean: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-ocean-shimmer-start,#0284c71a),var(--zui-skeleton-ocean-shimmer-mid,#0284c76b),var(--zui-skeleton-ocean-shimmer-end,#0284c71a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-ocean-shimmer-start-dark,#38bdf81f),var(--zui-skeleton-ocean-shimmer-mid-dark,#38bdf87a),var(--zui-skeleton-ocean-shimmer-end-dark,#38bdf81f))]";
+    readonly sapphire: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-sapphire-shimmer-start,#1d4ed81a),var(--zui-skeleton-sapphire-shimmer-mid,#1d4ed86b),var(--zui-skeleton-sapphire-shimmer-end,#1d4ed81a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-sapphire-shimmer-start-dark,#60a5fa1f),var(--zui-skeleton-sapphire-shimmer-mid-dark,#60a5fa7a),var(--zui-skeleton-sapphire-shimmer-end-dark,#60a5fa1f))]";
+    readonly lavender: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-lavender-shimmer-start,#8b5cf61a),var(--zui-skeleton-lavender-shimmer-mid,#8b5cf66b),var(--zui-skeleton-lavender-shimmer-end,#8b5cf61a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-lavender-shimmer-start-dark,#a78bfa1f),var(--zui-skeleton-lavender-shimmer-mid-dark,#a78bfa7a),var(--zui-skeleton-lavender-shimmer-end-dark,#a78bfa1f))]";
+    readonly ruby: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-ruby-shimmer-start,#be123c1a),var(--zui-skeleton-ruby-shimmer-mid,#be123c6b),var(--zui-skeleton-ruby-shimmer-end,#be123c1a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-ruby-shimmer-start-dark,#fb71851f),var(--zui-skeleton-ruby-shimmer-mid-dark,#fb71857a),var(--zui-skeleton-ruby-shimmer-end-dark,#fb71851f))]";
+    readonly red: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-red-shimmer-start,#dc26261a),var(--zui-skeleton-red-shimmer-mid,#dc26266b),var(--zui-skeleton-red-shimmer-end,#dc26261a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-red-shimmer-start-dark,#ef44441f),var(--zui-skeleton-red-shimmer-mid-dark,#ef44447a),var(--zui-skeleton-red-shimmer-end-dark,#ef44441f))]";
+    readonly slate: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-slate-shimmer-start,#4755691a),var(--zui-skeleton-slate-shimmer-mid,#4755696b),var(--zui-skeleton-slate-shimmer-end,#4755691a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-slate-shimmer-start-dark,#64748b1f),var(--zui-skeleton-slate-shimmer-mid-dark,#64748b7a),var(--zui-skeleton-slate-shimmer-end-dark,#64748b1f))]";
+    readonly zinc: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-zinc-shimmer-start,#52525b1a),var(--zui-skeleton-zinc-shimmer-mid,#52525b6b),var(--zui-skeleton-zinc-shimmer-end,#52525b1a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-zinc-shimmer-start-dark,#71717a1f),var(--zui-skeleton-zinc-shimmer-mid-dark,#71717a7a),var(--zui-skeleton-zinc-shimmer-end-dark,#71717a1f))]";
+    readonly stone: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-stone-shimmer-start,#57534e1a),var(--zui-skeleton-stone-shimmer-mid,#57534e6b),var(--zui-skeleton-stone-shimmer-end,#57534e1a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-stone-shimmer-start-dark,#78716c1f),var(--zui-skeleton-stone-shimmer-mid-dark,#78716c7a),var(--zui-skeleton-stone-shimmer-end-dark,#78716c1f))]";
+    readonly royal: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-royal-shimmer-start,#4338ca1a),var(--zui-skeleton-royal-shimmer-mid,#4338ca6b),var(--zui-skeleton-royal-shimmer-end,#4338ca1a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-royal-shimmer-start-dark,#818cf81f),var(--zui-skeleton-royal-shimmer-mid-dark,#818cf87a),var(--zui-skeleton-royal-shimmer-end-dark,#818cf81f))]";
+    readonly electric: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-electric-shimmer-start,#0ea5e91a),var(--zui-skeleton-electric-shimmer-mid,#0ea5e96b),var(--zui-skeleton-electric-shimmer-end,#0ea5e91a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-electric-shimmer-start-dark,#38bdf81f),var(--zui-skeleton-electric-shimmer-mid-dark,#38bdf87a),var(--zui-skeleton-electric-shimmer-end-dark,#38bdf81f))]";
+    readonly forest: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-forest-shimmer-start,#1665341a),var(--zui-skeleton-forest-shimmer-mid,#1665346b),var(--zui-skeleton-forest-shimmer-end,#1665341a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-forest-shimmer-start-dark,#4ade801f),var(--zui-skeleton-forest-shimmer-mid-dark,#4ade807a),var(--zui-skeleton-forest-shimmer-end-dark,#4ade801f))]";
+    readonly sunset: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-sunset-shimmer-start,#ea580c1a),var(--zui-skeleton-sunset-shimmer-mid,#ea580c6b),var(--zui-skeleton-sunset-shimmer-end,#ea580c1a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-sunset-shimmer-start-dark,#fb923c1f),var(--zui-skeleton-sunset-shimmer-mid-dark,#fb923c7a),var(--zui-skeleton-sunset-shimmer-end-dark,#fb923c1f))]";
+    readonly magenta: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-magenta-shimmer-start,#c026d31a),var(--zui-skeleton-magenta-shimmer-mid,#c026d36b),var(--zui-skeleton-magenta-shimmer-end,#c026d31a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-magenta-shimmer-start-dark,#e879f91f),var(--zui-skeleton-magenta-shimmer-mid-dark,#e879f97a),var(--zui-skeleton-magenta-shimmer-end-dark,#e879f91f))]";
+    readonly crimson: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-crimson-shimmer-start,#b91c1c1a),var(--zui-skeleton-crimson-shimmer-mid,#b91c1c6b),var(--zui-skeleton-crimson-shimmer-end,#b91c1c1a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-crimson-shimmer-start-dark,#f871711f),var(--zui-skeleton-crimson-shimmer-mid-dark,#f871717a),var(--zui-skeleton-crimson-shimmer-end-dark,#f871711f))]";
+    readonly aqua: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-aqua-shimmer-start,#0f766e1a),var(--zui-skeleton-aqua-shimmer-mid,#0f766e6b),var(--zui-skeleton-aqua-shimmer-end,#0f766e1a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-aqua-shimmer-start-dark,#2dd4bf1f),var(--zui-skeleton-aqua-shimmer-mid-dark,#2dd4bf7a),var(--zui-skeleton-aqua-shimmer-end-dark,#2dd4bf1f))]";
+    readonly plum: "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%] [background-image:linear-gradient(90deg,var(--zui-skeleton-plum-shimmer-start,#7e22ce1a),var(--zui-skeleton-plum-shimmer-mid,#7e22ce6b),var(--zui-skeleton-plum-shimmer-end,#7e22ce1a))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-plum-shimmer-start-dark,#c084fc1f),var(--zui-skeleton-plum-shimmer-mid-dark,#c084fc7a),var(--zui-skeleton-plum-shimmer-end-dark,#c084fc1f))]";
 };
 export type ZuiSkeletonShimmerTone = keyof typeof zuiSkeletonShimmerGradientClasses;
 export declare const zuiSkeletonBase = "relative overflow-hidden bg-[var(--zui-skeleton-bg,#0000001a)] dark:bg-[var(--zui-skeleton-bg-dark,#ffffff1a)] text-[color:var(--zui-skeleton-fg,transparent)] dark:text-[color:var(--zui-skeleton-fg-dark,transparent)]";
@@ -51,6 +72,27 @@ export declare const zuiSkeletonAppearances: {
     readonly "gradient-indigo": "bg-linear-to-r from-[var(--zui-skeleton-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-skeleton-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-skeleton-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-skeleton-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))]";
     readonly "gradient-pink": "bg-linear-to-r from-[var(--zui-skeleton-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-skeleton-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-skeleton-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-skeleton-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))]";
     readonly "gradient-orange": "bg-linear-to-r from-[var(--zui-skeleton-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-skeleton-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-skeleton-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-skeleton-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))]";
+    readonly blue: "bg-[var(--zui-skeleton-blue-bg,#2563eb)] dark:bg-[var(--zui-skeleton-blue-bg-dark,#3b82f6)]";
+    readonly cyan: "bg-[var(--zui-skeleton-cyan-bg,#0891b2)] dark:bg-[var(--zui-skeleton-cyan-bg-dark,#22d3ee)]";
+    readonly green: "bg-[var(--zui-skeleton-green-bg,#16a34a)] dark:bg-[var(--zui-skeleton-green-bg-dark,#22c55e)]";
+    readonly lime: "bg-[var(--zui-skeleton-lime-bg,#65a30d)] dark:bg-[var(--zui-skeleton-lime-bg-dark,#a3e635)]";
+    readonly mint: "bg-[var(--zui-skeleton-mint-bg,#10b981)] dark:bg-[var(--zui-skeleton-mint-bg-dark,#6ee7b7)]";
+    readonly ocean: "bg-[var(--zui-skeleton-ocean-bg,#0284c7)] dark:bg-[var(--zui-skeleton-ocean-bg-dark,#38bdf8)]";
+    readonly sapphire: "bg-[var(--zui-skeleton-sapphire-bg,#1d4ed8)] dark:bg-[var(--zui-skeleton-sapphire-bg-dark,#60a5fa)]";
+    readonly lavender: "bg-[var(--zui-skeleton-lavender-bg,#8b5cf6)] dark:bg-[var(--zui-skeleton-lavender-bg-dark,#a78bfa)]";
+    readonly ruby: "bg-[var(--zui-skeleton-ruby-bg,#be123c)] dark:bg-[var(--zui-skeleton-ruby-bg-dark,#fb7185)]";
+    readonly red: "bg-[var(--zui-skeleton-red-bg,#dc2626)] dark:bg-[var(--zui-skeleton-red-bg-dark,#ef4444)]";
+    readonly slate: "bg-[var(--zui-skeleton-slate-bg,#475569)] dark:bg-[var(--zui-skeleton-slate-bg-dark,#64748b)]";
+    readonly zinc: "bg-[var(--zui-skeleton-zinc-bg,#52525b)] dark:bg-[var(--zui-skeleton-zinc-bg-dark,#71717a)]";
+    readonly stone: "bg-[var(--zui-skeleton-stone-bg,#57534e)] dark:bg-[var(--zui-skeleton-stone-bg-dark,#78716c)]";
+    readonly royal: "bg-[var(--zui-skeleton-royal-bg,#4338ca)] dark:bg-[var(--zui-skeleton-royal-bg-dark,#818cf8)]";
+    readonly electric: "bg-[var(--zui-skeleton-electric-bg,#0ea5e9)] dark:bg-[var(--zui-skeleton-electric-bg-dark,#38bdf8)]";
+    readonly forest: "bg-[var(--zui-skeleton-forest-bg,#166534)] dark:bg-[var(--zui-skeleton-forest-bg-dark,#4ade80)]";
+    readonly sunset: "bg-[var(--zui-skeleton-sunset-bg,#ea580c)] dark:bg-[var(--zui-skeleton-sunset-bg-dark,#fb923c)]";
+    readonly magenta: "bg-[var(--zui-skeleton-magenta-bg,#c026d3)] dark:bg-[var(--zui-skeleton-magenta-bg-dark,#e879f9)]";
+    readonly crimson: "bg-[var(--zui-skeleton-crimson-bg,#b91c1c)] dark:bg-[var(--zui-skeleton-crimson-bg-dark,#f87171)]";
+    readonly aqua: "bg-[var(--zui-skeleton-aqua-bg,#0f766e)] dark:bg-[var(--zui-skeleton-aqua-bg-dark,#2dd4bf)]";
+    readonly plum: "bg-[var(--zui-skeleton-plum-bg,#7e22ce)] dark:bg-[var(--zui-skeleton-plum-bg-dark,#c084fc)]";
 };
 export declare const zuiSkeletonSizes: {
     readonly sm: "min-h-3";
@@ -94,6 +136,27 @@ export declare const zuiSkeletonShimmerTones: {
     readonly "gradient-indigo": "";
     readonly "gradient-pink": "";
     readonly "gradient-orange": "";
+    readonly blue: "";
+    readonly cyan: "";
+    readonly green: "";
+    readonly lime: "";
+    readonly mint: "";
+    readonly ocean: "";
+    readonly sapphire: "";
+    readonly lavender: "";
+    readonly ruby: "";
+    readonly red: "";
+    readonly slate: "";
+    readonly zinc: "";
+    readonly stone: "";
+    readonly royal: "";
+    readonly electric: "";
+    readonly forest: "";
+    readonly sunset: "";
+    readonly magenta: "";
+    readonly crimson: "";
+    readonly aqua: "";
+    readonly plum: "";
 };
 export declare const zuiSkeletonTextLineBase = "block w-full";
 export declare const zuiSkeletonTextLineSizes: {

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/design-system/skeleton.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iCAAiC;;;;;;;;;;;;;;;;;;;;;;;;;CAyBpC,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAChC,MAAM,OAAO,iCAAiC,CAAC;AAEjD,eAAO,MAAM,eAAe,6NACgM,CAAC;AAE7N,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;CA4CzB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;;CAMrB,CAAC;AAEX,eAAO,MAAM,qBAAqB;;;;CAIxB,CAAC;AAEX,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;CAyB1B,CAAC;AAEX,eAAO,MAAM,uBAAuB,iBAAiB,CAAC;AAEtD,eAAO,MAAM,wBAAwB;;;;CAI3B,CAAC"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../src/design-system/skeleton.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iCAAiC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CpC,CAAC;AAEX,MAAM,MAAM,sBAAsB,GAChC,MAAM,OAAO,iCAAiC,CAAC;AAEjD,eAAO,MAAM,eAAe,6NACgM,CAAC;AAE7N,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6EzB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;;CAMrB,CAAC;AAEX,eAAO,MAAM,qBAAqB;;;;CAIxB,CAAC;AAEX,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8C1B,CAAC;AAEX,eAAO,MAAM,uBAAuB,iBAAiB,CAAC;AAEtD,eAAO,MAAM,wBAAwB;;;;CAI3B,CAAC"}

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

@@ -10,7 +10,7 @@ export declare const zuiSliderTrackSizes: {
     readonly md: "h-2";
     readonly lg: "h-2.5";
 };
-export declare const zuiSliderRangeBase = "absolute h-full rounded-full bg-linear-to-r from-[var(--zui-slider-range-from,oklch(60.6%_0.25_292.717))] dark:from-[var(--zui-slider-range-from-dark,oklch(60.6%_0.25_292.717))] to-[var(--zui-slider-range-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-to-dark,oklch(67.3%_0.182_276.935))]";
+export declare const zuiSliderRangeBase = "absolute h-full rounded-full bg-linear-to-r";
 export declare const zuiSliderRangeAppearances: {
     readonly default: "from-[var(--zui-slider-range-default-from,oklch(60.6%_0.25_292.717))] dark:from-[var(--zui-slider-range-default-from-dark,oklch(60.6%_0.25_292.717))] to-[var(--zui-slider-range-default-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-default-to-dark,oklch(67.3%_0.182_276.935))]";
     readonly sky: "from-[var(--zui-slider-range-sky-from,oklch(68.5%_0.169_237.323))] dark:from-[var(--zui-slider-range-sky-from-dark,oklch(68.5%_0.169_237.323))] to-[var(--zui-slider-range-sky-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-sky-to-dark,oklch(67.3%_0.182_276.935))]";
@@ -34,6 +34,27 @@ export declare const zuiSliderRangeAppearances: {
     readonly "gradient-indigo": "from-[var(--zui-slider-range-gradient-indigo-from,oklch(58.5%_0.233_277.117))] dark:from-[var(--zui-slider-range-gradient-indigo-from-dark,oklch(58.5%_0.233_277.117))] to-[var(--zui-slider-range-gradient-indigo-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-indigo-to-dark,oklch(67.3%_0.182_276.935))]";
     readonly "gradient-pink": "from-[var(--zui-slider-range-gradient-pink-from,oklch(65.6%_0.241_354.308))] dark:from-[var(--zui-slider-range-gradient-pink-from-dark,oklch(65.6%_0.241_354.308))] to-[var(--zui-slider-range-gradient-pink-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-pink-to-dark,oklch(67.3%_0.182_276.935))]";
     readonly "gradient-orange": "from-[var(--zui-slider-range-gradient-orange-from,oklch(70.5%_0.213_47.604))] dark:from-[var(--zui-slider-range-gradient-orange-from-dark,oklch(70.5%_0.213_47.604))] to-[var(--zui-slider-range-gradient-orange-to,oklch(51.1%_0.262_276.966))] dark:to-[var(--zui-slider-range-gradient-orange-to-dark,oklch(67.3%_0.182_276.935))]";
+    readonly blue: "from-[var(--zui-slider-range-blue-from,#2563eb)] dark:from-[var(--zui-slider-range-blue-from-dark,#3b82f6)] to-[var(--zui-slider-range-blue-to,#2563eb)] dark:to-[var(--zui-slider-range-blue-to-dark,#3b82f6)]";
+    readonly cyan: "from-[var(--zui-slider-range-cyan-from,#0891b2)] dark:from-[var(--zui-slider-range-cyan-from-dark,#22d3ee)] to-[var(--zui-slider-range-cyan-to,#0891b2)] dark:to-[var(--zui-slider-range-cyan-to-dark,#22d3ee)]";
+    readonly green: "from-[var(--zui-slider-range-green-from,#16a34a)] dark:from-[var(--zui-slider-range-green-from-dark,#22c55e)] to-[var(--zui-slider-range-green-to,#16a34a)] dark:to-[var(--zui-slider-range-green-to-dark,#22c55e)]";
+    readonly lime: "from-[var(--zui-slider-range-lime-from,#65a30d)] dark:from-[var(--zui-slider-range-lime-from-dark,#a3e635)] to-[var(--zui-slider-range-lime-to,#65a30d)] dark:to-[var(--zui-slider-range-lime-to-dark,#a3e635)]";
+    readonly mint: "from-[var(--zui-slider-range-mint-from,#10b981)] dark:from-[var(--zui-slider-range-mint-from-dark,#6ee7b7)] to-[var(--zui-slider-range-mint-to,#10b981)] dark:to-[var(--zui-slider-range-mint-to-dark,#6ee7b7)]";
+    readonly ocean: "from-[var(--zui-slider-range-ocean-from,#0284c7)] dark:from-[var(--zui-slider-range-ocean-from-dark,#38bdf8)] to-[var(--zui-slider-range-ocean-to,#0284c7)] dark:to-[var(--zui-slider-range-ocean-to-dark,#38bdf8)]";
+    readonly sapphire: "from-[var(--zui-slider-range-sapphire-from,#1d4ed8)] dark:from-[var(--zui-slider-range-sapphire-from-dark,#60a5fa)] to-[var(--zui-slider-range-sapphire-to,#1d4ed8)] dark:to-[var(--zui-slider-range-sapphire-to-dark,#60a5fa)]";
+    readonly lavender: "from-[var(--zui-slider-range-lavender-from,#8b5cf6)] dark:from-[var(--zui-slider-range-lavender-from-dark,#a78bfa)] to-[var(--zui-slider-range-lavender-to,#8b5cf6)] dark:to-[var(--zui-slider-range-lavender-to-dark,#a78bfa)]";
+    readonly ruby: "from-[var(--zui-slider-range-ruby-from,#be123c)] dark:from-[var(--zui-slider-range-ruby-from-dark,#fb7185)] to-[var(--zui-slider-range-ruby-to,#be123c)] dark:to-[var(--zui-slider-range-ruby-to-dark,#fb7185)]";
+    readonly red: "from-[var(--zui-slider-range-red-from,#dc2626)] dark:from-[var(--zui-slider-range-red-from-dark,#ef4444)] to-[var(--zui-slider-range-red-to,#dc2626)] dark:to-[var(--zui-slider-range-red-to-dark,#ef4444)]";
+    readonly slate: "from-[var(--zui-slider-range-slate-from,#475569)] dark:from-[var(--zui-slider-range-slate-from-dark,#64748b)] to-[var(--zui-slider-range-slate-to,#475569)] dark:to-[var(--zui-slider-range-slate-to-dark,#64748b)]";
+    readonly zinc: "from-[var(--zui-slider-range-zinc-from,#52525b)] dark:from-[var(--zui-slider-range-zinc-from-dark,#71717a)] to-[var(--zui-slider-range-zinc-to,#52525b)] dark:to-[var(--zui-slider-range-zinc-to-dark,#71717a)]";
+    readonly stone: "from-[var(--zui-slider-range-stone-from,#57534e)] dark:from-[var(--zui-slider-range-stone-from-dark,#78716c)] to-[var(--zui-slider-range-stone-to,#57534e)] dark:to-[var(--zui-slider-range-stone-to-dark,#78716c)]";
+    readonly royal: "from-[var(--zui-slider-range-royal-from,#4338ca)] dark:from-[var(--zui-slider-range-royal-from-dark,#818cf8)] to-[var(--zui-slider-range-royal-to,#4338ca)] dark:to-[var(--zui-slider-range-royal-to-dark,#818cf8)]";
+    readonly electric: "from-[var(--zui-slider-range-electric-from,#0ea5e9)] dark:from-[var(--zui-slider-range-electric-from-dark,#38bdf8)] to-[var(--zui-slider-range-electric-to,#0ea5e9)] dark:to-[var(--zui-slider-range-electric-to-dark,#38bdf8)]";
+    readonly forest: "from-[var(--zui-slider-range-forest-from,#166534)] dark:from-[var(--zui-slider-range-forest-from-dark,#4ade80)] to-[var(--zui-slider-range-forest-to,#166534)] dark:to-[var(--zui-slider-range-forest-to-dark,#4ade80)]";
+    readonly sunset: "from-[var(--zui-slider-range-sunset-from,#ea580c)] dark:from-[var(--zui-slider-range-sunset-from-dark,#fb923c)] to-[var(--zui-slider-range-sunset-to,#ea580c)] dark:to-[var(--zui-slider-range-sunset-to-dark,#fb923c)]";
+    readonly magenta: "from-[var(--zui-slider-range-magenta-from,#c026d3)] dark:from-[var(--zui-slider-range-magenta-from-dark,#e879f9)] to-[var(--zui-slider-range-magenta-to,#c026d3)] dark:to-[var(--zui-slider-range-magenta-to-dark,#e879f9)]";
+    readonly crimson: "from-[var(--zui-slider-range-crimson-from,#b91c1c)] dark:from-[var(--zui-slider-range-crimson-from-dark,#f87171)] to-[var(--zui-slider-range-crimson-to,#b91c1c)] dark:to-[var(--zui-slider-range-crimson-to-dark,#f87171)]";
+    readonly aqua: "from-[var(--zui-slider-range-aqua-from,#0f766e)] dark:from-[var(--zui-slider-range-aqua-from-dark,#2dd4bf)] to-[var(--zui-slider-range-aqua-to,#0f766e)] dark:to-[var(--zui-slider-range-aqua-to-dark,#2dd4bf)]";
+    readonly plum: "from-[var(--zui-slider-range-plum-from,#7e22ce)] dark:from-[var(--zui-slider-range-plum-from-dark,#c084fc)] to-[var(--zui-slider-range-plum-to,#7e22ce)] dark:to-[var(--zui-slider-range-plum-to-dark,#c084fc)]";
 };
 export declare const zuiSliderThumbBase = "block size-4 rounded-full border border-[color:var(--zui-slider-thumb-border,#00000033)] dark:border-[color:var(--zui-slider-thumb-border-dark,#ffffff33)] bg-[var(--zui-slider-thumb-bg,#000000)] dark:bg-[var(--zui-slider-thumb-bg-dark,#ffffff)] shadow-md ring-offset-2 ring-offset-[var(--zui-slider-thumb-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-slider-thumb-ring-offset-dark,oklch(12.9%_0.042_264.695))] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-slider-thumb-ring-focus,#00000066)] dark:focus-visible:ring-[var(--zui-slider-thumb-ring-focus-dark,#ffffff66)] disabled:pointer-events-none disabled:opacity-40";
 export declare const zuiSliderThumbSizes: {

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

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/design-system/slider.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,kCAAkC,CAAC;AAEjE,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,eAAO,MAAM,kBAAkB,4JAC4H,CAAC;AAE5J,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC;AAEX,eAAO,MAAM,kBAAkB,sTACsR,CAAC;AAEtT,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;CAwC5B,CAAC;AAEX,eAAO,MAAM,kBAAkB,oqBACooB,CAAC;AAEpqB,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../src/design-system/slider.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,kCAAkC,CAAC;AAEjE,eAAO,MAAM,kBAAkB;;;;CAIrB,CAAC;AAEX,eAAO,MAAM,kBAAkB,4JAC4H,CAAC;AAE5J,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC;AAEX,eAAO,MAAM,kBAAkB,gDAAgD,CAAC;AAEhF,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyE5B,CAAC;AAEX,eAAO,MAAM,kBAAkB,oqBACooB,CAAC;AAEpqB,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/design-system/spinner.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,4CAA4C,CAAC;AAExE,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;CAyCxB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;CAMlB,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;CAKrB,CAAC"}
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/design-system/spinner.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,4CAA4C,CAAC;AAExE,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ExB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;;;CAMlB,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;CAKrB,CAAC"}

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

@@ -16,6 +16,27 @@ export declare const zuiTableAppearances: {
     readonly gray: "border border-[color:var(--zui-table-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-table-gray-border-dark,oklch(44.6%_0.03_256.802))]";
     readonly amber: "border border-[color:var(--zui-table-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-table-amber-border-dark,oklch(66.6%_0.179_58.318))]";
     readonly violet: "border border-[color:var(--zui-table-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-table-violet-border-dark,oklch(54.1%_0.281_293.009))]";
+    readonly blue: "border border-[color:var(--zui-table-blue-border,#2563eb)] dark:border-[color:var(--zui-table-blue-border-dark,#3b82f6)]";
+    readonly cyan: "border border-[color:var(--zui-table-cyan-border,#0891b2)] dark:border-[color:var(--zui-table-cyan-border-dark,#22d3ee)]";
+    readonly green: "border border-[color:var(--zui-table-green-border,#16a34a)] dark:border-[color:var(--zui-table-green-border-dark,#22c55e)]";
+    readonly lime: "border border-[color:var(--zui-table-lime-border,#65a30d)] dark:border-[color:var(--zui-table-lime-border-dark,#a3e635)]";
+    readonly mint: "border border-[color:var(--zui-table-mint-border,#10b981)] dark:border-[color:var(--zui-table-mint-border-dark,#6ee7b7)]";
+    readonly ocean: "border border-[color:var(--zui-table-ocean-border,#0284c7)] dark:border-[color:var(--zui-table-ocean-border-dark,#38bdf8)]";
+    readonly sapphire: "border border-[color:var(--zui-table-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-table-sapphire-border-dark,#60a5fa)]";
+    readonly lavender: "border border-[color:var(--zui-table-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-table-lavender-border-dark,#a78bfa)]";
+    readonly ruby: "border border-[color:var(--zui-table-ruby-border,#be123c)] dark:border-[color:var(--zui-table-ruby-border-dark,#fb7185)]";
+    readonly red: "border border-[color:var(--zui-table-red-border,#dc2626)] dark:border-[color:var(--zui-table-red-border-dark,#ef4444)]";
+    readonly slate: "border border-[color:var(--zui-table-slate-border,#475569)] dark:border-[color:var(--zui-table-slate-border-dark,#64748b)]";
+    readonly zinc: "border border-[color:var(--zui-table-zinc-border,#52525b)] dark:border-[color:var(--zui-table-zinc-border-dark,#71717a)]";
+    readonly stone: "border border-[color:var(--zui-table-stone-border,#57534e)] dark:border-[color:var(--zui-table-stone-border-dark,#78716c)]";
+    readonly royal: "border border-[color:var(--zui-table-royal-border,#4338ca)] dark:border-[color:var(--zui-table-royal-border-dark,#818cf8)]";
+    readonly electric: "border border-[color:var(--zui-table-electric-border,#0ea5e9)] dark:border-[color:var(--zui-table-electric-border-dark,#38bdf8)]";
+    readonly forest: "border border-[color:var(--zui-table-forest-border,#166534)] dark:border-[color:var(--zui-table-forest-border-dark,#4ade80)]";
+    readonly sunset: "border border-[color:var(--zui-table-sunset-border,#ea580c)] dark:border-[color:var(--zui-table-sunset-border-dark,#fb923c)]";
+    readonly magenta: "border border-[color:var(--zui-table-magenta-border,#c026d3)] dark:border-[color:var(--zui-table-magenta-border-dark,#e879f9)]";
+    readonly crimson: "border border-[color:var(--zui-table-crimson-border,#b91c1c)] dark:border-[color:var(--zui-table-crimson-border-dark,#f87171)]";
+    readonly aqua: "border border-[color:var(--zui-table-aqua-border,#0f766e)] dark:border-[color:var(--zui-table-aqua-border-dark,#2dd4bf)]";
+    readonly plum: "border border-[color:var(--zui-table-plum-border,#7e22ce)] dark:border-[color:var(--zui-table-plum-border-dark,#c084fc)]";
 };
 export declare const zuiTableSizes: {
     readonly sm: "text-xs";
@@ -44,6 +65,27 @@ export declare const zuiTableRowAppearances: {
     readonly gray: "border-[color:var(--zui-table-row-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-table-row-gray-border-dark,oklch(44.6%_0.03_256.802))] hover:bg-[var(--zui-table-row-gray-bg-hover,oklch(55.1%_0.027_264.364))] dark:hover:bg-[var(--zui-table-row-gray-bg-hover-dark,oklch(21%_0.034_264.665))] hover:text-[color:var(--zui-table-row-gray-fg-hover,oklch(96.7%_0.003_264.542))] dark:hover:text-[color:var(--zui-table-row-gray-fg-hover-dark,oklch(96.7%_0.003_264.542))]";
     readonly amber: "border-[color:var(--zui-table-row-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-table-row-amber-border-dark,oklch(66.6%_0.179_58.318))] hover:bg-[var(--zui-table-row-amber-bg-hover,oklch(76.9%_0.188_70.08))] dark:hover:bg-[var(--zui-table-row-amber-bg-hover-dark,oklch(41.4%_0.112_45.904))] hover:text-[color:var(--zui-table-row-amber-fg-hover,oklch(96.2%_0.059_95.617))] dark:hover:text-[color:var(--zui-table-row-amber-fg-hover-dark,oklch(96.2%_0.059_95.617))]";
     readonly violet: "border-[color:var(--zui-table-row-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-table-row-violet-border-dark,oklch(54.1%_0.281_293.009))] hover:bg-[var(--zui-table-row-violet-bg-hover,oklch(60.6%_0.25_292.717))] dark:hover:bg-[var(--zui-table-row-violet-bg-hover-dark,oklch(38%_0.189_293.745))] hover:text-[color:var(--zui-table-row-violet-fg-hover,oklch(94.3%_0.029_294.588))] dark:hover:text-[color:var(--zui-table-row-violet-fg-hover-dark,oklch(94.3%_0.029_294.588))]";
+    readonly blue: "border-[color:var(--zui-table-row-blue-border,#2563eb)] dark:border-[color:var(--zui-table-row-blue-border-dark,#3b82f6)] hover:bg-[var(--zui-table-row-blue-bg-hover,#2563eb)] dark:hover:bg-[var(--zui-table-row-blue-bg-hover-dark,#3b82f6)] hover:text-[color:var(--zui-table-row-blue-fg-hover,#ffffff)] dark:hover:text-[color:var(--zui-table-row-blue-fg-hover-dark,#ffffff)]";
+    readonly cyan: "border-[color:var(--zui-table-row-cyan-border,#0891b2)] dark:border-[color:var(--zui-table-row-cyan-border-dark,#22d3ee)] hover:bg-[var(--zui-table-row-cyan-bg-hover,#0891b2)] dark:hover:bg-[var(--zui-table-row-cyan-bg-hover-dark,#22d3ee)] hover:text-[color:var(--zui-table-row-cyan-fg-hover,#083344)] dark:hover:text-[color:var(--zui-table-row-cyan-fg-hover-dark,#083344)]";
+    readonly green: "border-[color:var(--zui-table-row-green-border,#16a34a)] dark:border-[color:var(--zui-table-row-green-border-dark,#22c55e)] hover:bg-[var(--zui-table-row-green-bg-hover,#16a34a)] dark:hover:bg-[var(--zui-table-row-green-bg-hover-dark,#22c55e)] hover:text-[color:var(--zui-table-row-green-fg-hover,#ffffff)] dark:hover:text-[color:var(--zui-table-row-green-fg-hover-dark,#ffffff)]";
+    readonly lime: "border-[color:var(--zui-table-row-lime-border,#65a30d)] dark:border-[color:var(--zui-table-row-lime-border-dark,#a3e635)] hover:bg-[var(--zui-table-row-lime-bg-hover,#65a30d)] dark:hover:bg-[var(--zui-table-row-lime-bg-hover-dark,#a3e635)] hover:text-[color:var(--zui-table-row-lime-fg-hover,#1a2e05)] dark:hover:text-[color:var(--zui-table-row-lime-fg-hover-dark,#1a2e05)]";
+    readonly mint: "border-[color:var(--zui-table-row-mint-border,#10b981)] dark:border-[color:var(--zui-table-row-mint-border-dark,#6ee7b7)] hover:bg-[var(--zui-table-row-mint-bg-hover,#10b981)] dark:hover:bg-[var(--zui-table-row-mint-bg-hover-dark,#6ee7b7)] hover:text-[color:var(--zui-table-row-mint-fg-hover,#064e3b)] dark:hover:text-[color:var(--zui-table-row-mint-fg-hover-dark,#064e3b)]";
+    readonly ocean: "border-[color:var(--zui-table-row-ocean-border,#0284c7)] dark:border-[color:var(--zui-table-row-ocean-border-dark,#38bdf8)] hover:bg-[var(--zui-table-row-ocean-bg-hover,#0284c7)] dark:hover:bg-[var(--zui-table-row-ocean-bg-hover-dark,#38bdf8)] hover:text-[color:var(--zui-table-row-ocean-fg-hover,#082f49)] dark:hover:text-[color:var(--zui-table-row-ocean-fg-hover-dark,#082f49)]";
+    readonly sapphire: "border-[color:var(--zui-table-row-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-table-row-sapphire-border-dark,#60a5fa)] hover:bg-[var(--zui-table-row-sapphire-bg-hover,#1d4ed8)] dark:hover:bg-[var(--zui-table-row-sapphire-bg-hover-dark,#60a5fa)] hover:text-[color:var(--zui-table-row-sapphire-fg-hover,#ffffff)] dark:hover:text-[color:var(--zui-table-row-sapphire-fg-hover-dark,#ffffff)]";
+    readonly lavender: "border-[color:var(--zui-table-row-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-table-row-lavender-border-dark,#a78bfa)] hover:bg-[var(--zui-table-row-lavender-bg-hover,#8b5cf6)] dark:hover:bg-[var(--zui-table-row-lavender-bg-hover-dark,#a78bfa)] hover:text-[color:var(--zui-table-row-lavender-fg-hover,#ffffff)] dark:hover:text-[color:var(--zui-table-row-lavender-fg-hover-dark,#ffffff)]";
+    readonly ruby: "border-[color:var(--zui-table-row-ruby-border,#be123c)] dark:border-[color:var(--zui-table-row-ruby-border-dark,#fb7185)] hover:bg-[var(--zui-table-row-ruby-bg-hover,#be123c)] dark:hover:bg-[var(--zui-table-row-ruby-bg-hover-dark,#fb7185)] hover:text-[color:var(--zui-table-row-ruby-fg-hover,#ffffff)] dark:hover:text-[color:var(--zui-table-row-ruby-fg-hover-dark,#ffffff)]";
+    readonly red: "border-[color:var(--zui-table-row-red-border,#dc2626)] dark:border-[color:var(--zui-table-row-red-border-dark,#ef4444)] hover:bg-[var(--zui-table-row-red-bg-hover,#dc2626)] dark:hover:bg-[var(--zui-table-row-red-bg-hover-dark,#ef4444)] hover:text-[color:var(--zui-table-row-red-fg-hover,#ffffff)] dark:hover:text-[color:var(--zui-table-row-red-fg-hover-dark,#ffffff)]";
+    readonly slate: "border-[color:var(--zui-table-row-slate-border,#475569)] dark:border-[color:var(--zui-table-row-slate-border-dark,#64748b)] hover:bg-[var(--zui-table-row-slate-bg-hover,#475569)] dark:hover:bg-[var(--zui-table-row-slate-bg-hover-dark,#64748b)] hover:text-[color:var(--zui-table-row-slate-fg-hover,#ffffff)] dark:hover:text-[color:var(--zui-table-row-slate-fg-hover-dark,#ffffff)]";
+    readonly zinc: "border-[color:var(--zui-table-row-zinc-border,#52525b)] dark:border-[color:var(--zui-table-row-zinc-border-dark,#71717a)] hover:bg-[var(--zui-table-row-zinc-bg-hover,#52525b)] dark:hover:bg-[var(--zui-table-row-zinc-bg-hover-dark,#71717a)] hover:text-[color:var(--zui-table-row-zinc-fg-hover,#ffffff)] dark:hover:text-[color:var(--zui-table-row-zinc-fg-hover-dark,#ffffff)]";
+    readonly stone: "border-[color:var(--zui-table-row-stone-border,#57534e)] dark:border-[color:var(--zui-table-row-stone-border-dark,#78716c)] hover:bg-[var(--zui-table-row-stone-bg-hover,#57534e)] dark:hover:bg-[var(--zui-table-row-stone-bg-hover-dark,#78716c)] hover:text-[color:var(--zui-table-row-stone-fg-hover,#ffffff)] dark:hover:text-[color:var(--zui-table-row-stone-fg-hover-dark,#ffffff)]";
+    readonly royal: "border-[color:var(--zui-table-row-royal-border,#4338ca)] dark:border-[color:var(--zui-table-row-royal-border-dark,#818cf8)] hover:bg-[var(--zui-table-row-royal-bg-hover,#4338ca)] dark:hover:bg-[var(--zui-table-row-royal-bg-hover-dark,#818cf8)] hover:text-[color:var(--zui-table-row-royal-fg-hover,#ffffff)] dark:hover:text-[color:var(--zui-table-row-royal-fg-hover-dark,#ffffff)]";
+    readonly electric: "border-[color:var(--zui-table-row-electric-border,#0ea5e9)] dark:border-[color:var(--zui-table-row-electric-border-dark,#38bdf8)] hover:bg-[var(--zui-table-row-electric-bg-hover,#0ea5e9)] dark:hover:bg-[var(--zui-table-row-electric-bg-hover-dark,#38bdf8)] hover:text-[color:var(--zui-table-row-electric-fg-hover,#ffffff)] dark:hover:text-[color:var(--zui-table-row-electric-fg-hover-dark,#ffffff)]";
+    readonly forest: "border-[color:var(--zui-table-row-forest-border,#166534)] dark:border-[color:var(--zui-table-row-forest-border-dark,#4ade80)] hover:bg-[var(--zui-table-row-forest-bg-hover,#166534)] dark:hover:bg-[var(--zui-table-row-forest-bg-hover-dark,#4ade80)] hover:text-[color:var(--zui-table-row-forest-fg-hover,#ffffff)] dark:hover:text-[color:var(--zui-table-row-forest-fg-hover-dark,#ffffff)]";
+    readonly sunset: "border-[color:var(--zui-table-row-sunset-border,#ea580c)] dark:border-[color:var(--zui-table-row-sunset-border-dark,#fb923c)] hover:bg-[var(--zui-table-row-sunset-bg-hover,#ea580c)] dark:hover:bg-[var(--zui-table-row-sunset-bg-hover-dark,#fb923c)] hover:text-[color:var(--zui-table-row-sunset-fg-hover,#ffffff)] dark:hover:text-[color:var(--zui-table-row-sunset-fg-hover-dark,#ffffff)]";
+    readonly magenta: "border-[color:var(--zui-table-row-magenta-border,#c026d3)] dark:border-[color:var(--zui-table-row-magenta-border-dark,#e879f9)] hover:bg-[var(--zui-table-row-magenta-bg-hover,#c026d3)] dark:hover:bg-[var(--zui-table-row-magenta-bg-hover-dark,#e879f9)] hover:text-[color:var(--zui-table-row-magenta-fg-hover,#ffffff)] dark:hover:text-[color:var(--zui-table-row-magenta-fg-hover-dark,#ffffff)]";
+    readonly crimson: "border-[color:var(--zui-table-row-crimson-border,#b91c1c)] dark:border-[color:var(--zui-table-row-crimson-border-dark,#f87171)] hover:bg-[var(--zui-table-row-crimson-bg-hover,#b91c1c)] dark:hover:bg-[var(--zui-table-row-crimson-bg-hover-dark,#f87171)] hover:text-[color:var(--zui-table-row-crimson-fg-hover,#ffffff)] dark:hover:text-[color:var(--zui-table-row-crimson-fg-hover-dark,#ffffff)]";
+    readonly aqua: "border-[color:var(--zui-table-row-aqua-border,#0f766e)] dark:border-[color:var(--zui-table-row-aqua-border-dark,#2dd4bf)] hover:bg-[var(--zui-table-row-aqua-bg-hover,#0f766e)] dark:hover:bg-[var(--zui-table-row-aqua-bg-hover-dark,#2dd4bf)] hover:text-[color:var(--zui-table-row-aqua-fg-hover,#ffffff)] dark:hover:text-[color:var(--zui-table-row-aqua-fg-hover-dark,#ffffff)]";
+    readonly plum: "border-[color:var(--zui-table-row-plum-border,#7e22ce)] dark:border-[color:var(--zui-table-row-plum-border-dark,#c084fc)] hover:bg-[var(--zui-table-row-plum-bg-hover,#7e22ce)] dark:hover:bg-[var(--zui-table-row-plum-bg-hover-dark,#c084fc)] hover:text-[color:var(--zui-table-row-plum-fg-hover,#ffffff)] dark:hover:text-[color:var(--zui-table-row-plum-fg-hover-dark,#ffffff)]";
 };
 export declare const zuiTableCellBase = "min-w-0 border p-3 align-middle break-words";
 export declare const zuiTableCellAppearances: {
@@ -63,6 +105,27 @@ export declare const zuiTableCellAppearances: {
     readonly gray: "border-[color:var(--zui-table-cell-gray-border,oklch(27.8%_0.033_256.848))] dark:border-[color:var(--zui-table-cell-gray-border-dark,oklch(44.6%_0.03_256.802))]";
     readonly amber: "border-[color:var(--zui-table-cell-amber-border,oklch(47.3%_0.137_46.201))] dark:border-[color:var(--zui-table-cell-amber-border-dark,oklch(66.6%_0.179_58.318))]";
     readonly violet: "border-[color:var(--zui-table-cell-violet-border,oklch(43.2%_0.232_292.759))] dark:border-[color:var(--zui-table-cell-violet-border-dark,oklch(54.1%_0.281_293.009))]";
+    readonly blue: "border border-[color:var(--zui-table-cell-blue-border,#2563eb)] dark:border-[color:var(--zui-table-cell-blue-border-dark,#3b82f6)]";
+    readonly cyan: "border border-[color:var(--zui-table-cell-cyan-border,#0891b2)] dark:border-[color:var(--zui-table-cell-cyan-border-dark,#22d3ee)]";
+    readonly green: "border border-[color:var(--zui-table-cell-green-border,#16a34a)] dark:border-[color:var(--zui-table-cell-green-border-dark,#22c55e)]";
+    readonly lime: "border border-[color:var(--zui-table-cell-lime-border,#65a30d)] dark:border-[color:var(--zui-table-cell-lime-border-dark,#a3e635)]";
+    readonly mint: "border border-[color:var(--zui-table-cell-mint-border,#10b981)] dark:border-[color:var(--zui-table-cell-mint-border-dark,#6ee7b7)]";
+    readonly ocean: "border border-[color:var(--zui-table-cell-ocean-border,#0284c7)] dark:border-[color:var(--zui-table-cell-ocean-border-dark,#38bdf8)]";
+    readonly sapphire: "border border-[color:var(--zui-table-cell-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-table-cell-sapphire-border-dark,#60a5fa)]";
+    readonly lavender: "border border-[color:var(--zui-table-cell-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-table-cell-lavender-border-dark,#a78bfa)]";
+    readonly ruby: "border border-[color:var(--zui-table-cell-ruby-border,#be123c)] dark:border-[color:var(--zui-table-cell-ruby-border-dark,#fb7185)]";
+    readonly red: "border border-[color:var(--zui-table-cell-red-border,#dc2626)] dark:border-[color:var(--zui-table-cell-red-border-dark,#ef4444)]";
+    readonly slate: "border border-[color:var(--zui-table-cell-slate-border,#475569)] dark:border-[color:var(--zui-table-cell-slate-border-dark,#64748b)]";
+    readonly zinc: "border border-[color:var(--zui-table-cell-zinc-border,#52525b)] dark:border-[color:var(--zui-table-cell-zinc-border-dark,#71717a)]";
+    readonly stone: "border border-[color:var(--zui-table-cell-stone-border,#57534e)] dark:border-[color:var(--zui-table-cell-stone-border-dark,#78716c)]";
+    readonly royal: "border border-[color:var(--zui-table-cell-royal-border,#4338ca)] dark:border-[color:var(--zui-table-cell-royal-border-dark,#818cf8)]";
+    readonly electric: "border border-[color:var(--zui-table-cell-electric-border,#0ea5e9)] dark:border-[color:var(--zui-table-cell-electric-border-dark,#38bdf8)]";
+    readonly forest: "border border-[color:var(--zui-table-cell-forest-border,#166534)] dark:border-[color:var(--zui-table-cell-forest-border-dark,#4ade80)]";
+    readonly sunset: "border border-[color:var(--zui-table-cell-sunset-border,#ea580c)] dark:border-[color:var(--zui-table-cell-sunset-border-dark,#fb923c)]";
+    readonly magenta: "border border-[color:var(--zui-table-cell-magenta-border,#c026d3)] dark:border-[color:var(--zui-table-cell-magenta-border-dark,#e879f9)]";
+    readonly crimson: "border border-[color:var(--zui-table-cell-crimson-border,#b91c1c)] dark:border-[color:var(--zui-table-cell-crimson-border-dark,#f87171)]";
+    readonly aqua: "border border-[color:var(--zui-table-cell-aqua-border,#0f766e)] dark:border-[color:var(--zui-table-cell-aqua-border-dark,#2dd4bf)]";
+    readonly plum: "border border-[color:var(--zui-table-cell-plum-border,#7e22ce)] dark:border-[color:var(--zui-table-cell-plum-border-dark,#c084fc)]";
 };
 export declare const zuiTableCellSizes: {
     readonly sm: "p-2";

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

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/design-system/table.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,8MACoL,CAAC;AAE9M,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;CAyBtB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;CAIhB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;CAGvB,CAAC;AAEX,eAAO,MAAM,eAAe,ySAC4Q,CAAC;AAEzS,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;CA0BzB,CAAC;AAEX,eAAO,MAAM,gBAAgB,gDAAgD,CAAC;AAE9E,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;CA4B1B,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;CAIpB,CAAC;AAEX,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/design-system/table.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,8MACoL,CAAC;AAE9M,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DtB,CAAC;AAEX,eAAO,MAAM,aAAa;;;;CAIhB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;CAGvB,CAAC;AAEX,eAAO,MAAM,eAAe,ySAC4Q,CAAC;AAEzS,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DzB,CAAC;AAEX,eAAO,MAAM,gBAAgB,gDAAgD,CAAC;AAE9E,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6D1B,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;CAIpB,CAAC;AAEX,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAC"}

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

@@ -35,6 +35,27 @@ export declare const zuiTabsTriggerAppearances: {
     readonly "gradient-indigo": "bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-tabs-trigger-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-tabs-trigger-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-tabs-trigger-gradient-indigo-to-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-tabs-trigger-gradient-indigo-fg,oklch(93%_0.034_272.788))] dark:text-[color:var(--zui-tabs-trigger-gradient-indigo-fg-dark,oklch(96.2%_0.018_272.314))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-indigo-from-active,oklch(51.1%_0.262_276.966))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-indigo-from-active-dark,oklch(51.1%_0.262_276.966))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-indigo-to-active,oklch(55.8%_0.288_302.321))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-indigo-to-active-dark,oklch(55.8%_0.288_302.321))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-indigo-fg-active,oklch(93%_0.034_272.788))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-indigo-fg-active-dark,oklch(93%_0.034_272.788))]";
     readonly "gradient-pink": "bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-tabs-trigger-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-tabs-trigger-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-tabs-trigger-gradient-pink-to-dark,oklch(45.5%_0.188_13.697))] text-[color:var(--zui-tabs-trigger-gradient-pink-fg,oklch(94.8%_0.028_342.258))] dark:text-[color:var(--zui-tabs-trigger-gradient-pink-fg-dark,oklch(97.1%_0.014_343.198))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-pink-from-active,oklch(59.2%_0.249_0.584))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-pink-from-active-dark,oklch(59.2%_0.249_0.584))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-pink-to-active,oklch(58.6%_0.253_17.585))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-pink-to-active-dark,oklch(58.6%_0.253_17.585))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-pink-fg-active,oklch(94.8%_0.028_342.258))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-pink-fg-active-dark,oklch(94.8%_0.028_342.258))]";
     readonly "gradient-orange": "bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-tabs-trigger-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-tabs-trigger-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-tabs-trigger-gradient-orange-to-dark,oklch(44.4%_0.177_26.899))] text-[color:var(--zui-tabs-trigger-gradient-orange-fg,oklch(95.4%_0.038_75.164))] dark:text-[color:var(--zui-tabs-trigger-gradient-orange-fg-dark,oklch(98%_0.016_73.684))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-orange-from-active,oklch(64.6%_0.222_41.116))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-orange-from-active-dark,oklch(64.6%_0.222_41.116))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-orange-to-active,oklch(57.7%_0.245_27.325))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-orange-to-active-dark,oklch(57.7%_0.245_27.325))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-orange-fg-active,oklch(95.4%_0.038_75.164))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-orange-fg-active-dark,oklch(95.4%_0.038_75.164))]";
+    readonly blue: "hover:bg-[var(--zui-tabs-trigger-blue-bg-hover,#2563eb18)] dark:hover:bg-[var(--zui-tabs-trigger-blue-bg-hover-dark,#3b82f62e)] hover:text-[color:var(--zui-tabs-trigger-blue-fg-hover,#2563eb)] dark:hover:text-[color:var(--zui-tabs-trigger-blue-fg-hover-dark,#3b82f6)] bg-[var(--zui-tabs-trigger-blue-bg,#2563eb10)] dark:bg-[var(--zui-tabs-trigger-blue-bg-dark,#3b82f61f)] text-[color:var(--zui-tabs-trigger-blue-fg,#2563eb)] dark:text-[color:var(--zui-tabs-trigger-blue-fg-dark,#3b82f6)]";
+    readonly cyan: "hover:bg-[var(--zui-tabs-trigger-cyan-bg-hover,#0891b218)] dark:hover:bg-[var(--zui-tabs-trigger-cyan-bg-hover-dark,#22d3ee2e)] hover:text-[color:var(--zui-tabs-trigger-cyan-fg-hover,#0891b2)] dark:hover:text-[color:var(--zui-tabs-trigger-cyan-fg-hover-dark,#22d3ee)] bg-[var(--zui-tabs-trigger-cyan-bg,#0891b210)] dark:bg-[var(--zui-tabs-trigger-cyan-bg-dark,#22d3ee1f)] text-[color:var(--zui-tabs-trigger-cyan-fg,#0891b2)] dark:text-[color:var(--zui-tabs-trigger-cyan-fg-dark,#22d3ee)]";
+    readonly green: "hover:bg-[var(--zui-tabs-trigger-green-bg-hover,#16a34a18)] dark:hover:bg-[var(--zui-tabs-trigger-green-bg-hover-dark,#22c55e2e)] hover:text-[color:var(--zui-tabs-trigger-green-fg-hover,#16a34a)] dark:hover:text-[color:var(--zui-tabs-trigger-green-fg-hover-dark,#22c55e)] bg-[var(--zui-tabs-trigger-green-bg,#16a34a10)] dark:bg-[var(--zui-tabs-trigger-green-bg-dark,#22c55e1f)] text-[color:var(--zui-tabs-trigger-green-fg,#16a34a)] dark:text-[color:var(--zui-tabs-trigger-green-fg-dark,#22c55e)]";
+    readonly lime: "hover:bg-[var(--zui-tabs-trigger-lime-bg-hover,#65a30d18)] dark:hover:bg-[var(--zui-tabs-trigger-lime-bg-hover-dark,#a3e6352e)] hover:text-[color:var(--zui-tabs-trigger-lime-fg-hover,#65a30d)] dark:hover:text-[color:var(--zui-tabs-trigger-lime-fg-hover-dark,#a3e635)] bg-[var(--zui-tabs-trigger-lime-bg,#65a30d10)] dark:bg-[var(--zui-tabs-trigger-lime-bg-dark,#a3e6351f)] text-[color:var(--zui-tabs-trigger-lime-fg,#65a30d)] dark:text-[color:var(--zui-tabs-trigger-lime-fg-dark,#a3e635)]";
+    readonly mint: "hover:bg-[var(--zui-tabs-trigger-mint-bg-hover,#10b98118)] dark:hover:bg-[var(--zui-tabs-trigger-mint-bg-hover-dark,#6ee7b72e)] hover:text-[color:var(--zui-tabs-trigger-mint-fg-hover,#10b981)] dark:hover:text-[color:var(--zui-tabs-trigger-mint-fg-hover-dark,#6ee7b7)] bg-[var(--zui-tabs-trigger-mint-bg,#10b98110)] dark:bg-[var(--zui-tabs-trigger-mint-bg-dark,#6ee7b71f)] text-[color:var(--zui-tabs-trigger-mint-fg,#10b981)] dark:text-[color:var(--zui-tabs-trigger-mint-fg-dark,#6ee7b7)]";
+    readonly ocean: "hover:bg-[var(--zui-tabs-trigger-ocean-bg-hover,#0284c718)] dark:hover:bg-[var(--zui-tabs-trigger-ocean-bg-hover-dark,#38bdf82e)] hover:text-[color:var(--zui-tabs-trigger-ocean-fg-hover,#0284c7)] dark:hover:text-[color:var(--zui-tabs-trigger-ocean-fg-hover-dark,#38bdf8)] bg-[var(--zui-tabs-trigger-ocean-bg,#0284c710)] dark:bg-[var(--zui-tabs-trigger-ocean-bg-dark,#38bdf81f)] text-[color:var(--zui-tabs-trigger-ocean-fg,#0284c7)] dark:text-[color:var(--zui-tabs-trigger-ocean-fg-dark,#38bdf8)]";
+    readonly sapphire: "hover:bg-[var(--zui-tabs-trigger-sapphire-bg-hover,#1d4ed818)] dark:hover:bg-[var(--zui-tabs-trigger-sapphire-bg-hover-dark,#60a5fa2e)] hover:text-[color:var(--zui-tabs-trigger-sapphire-fg-hover,#1d4ed8)] dark:hover:text-[color:var(--zui-tabs-trigger-sapphire-fg-hover-dark,#60a5fa)] bg-[var(--zui-tabs-trigger-sapphire-bg,#1d4ed810)] dark:bg-[var(--zui-tabs-trigger-sapphire-bg-dark,#60a5fa1f)] text-[color:var(--zui-tabs-trigger-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-tabs-trigger-sapphire-fg-dark,#60a5fa)]";
+    readonly lavender: "hover:bg-[var(--zui-tabs-trigger-lavender-bg-hover,#8b5cf618)] dark:hover:bg-[var(--zui-tabs-trigger-lavender-bg-hover-dark,#a78bfa2e)] hover:text-[color:var(--zui-tabs-trigger-lavender-fg-hover,#8b5cf6)] dark:hover:text-[color:var(--zui-tabs-trigger-lavender-fg-hover-dark,#a78bfa)] bg-[var(--zui-tabs-trigger-lavender-bg,#8b5cf610)] dark:bg-[var(--zui-tabs-trigger-lavender-bg-dark,#a78bfa1f)] text-[color:var(--zui-tabs-trigger-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-tabs-trigger-lavender-fg-dark,#a78bfa)]";
+    readonly ruby: "hover:bg-[var(--zui-tabs-trigger-ruby-bg-hover,#be123c18)] dark:hover:bg-[var(--zui-tabs-trigger-ruby-bg-hover-dark,#fb71852e)] hover:text-[color:var(--zui-tabs-trigger-ruby-fg-hover,#be123c)] dark:hover:text-[color:var(--zui-tabs-trigger-ruby-fg-hover-dark,#fb7185)] bg-[var(--zui-tabs-trigger-ruby-bg,#be123c10)] dark:bg-[var(--zui-tabs-trigger-ruby-bg-dark,#fb71851f)] text-[color:var(--zui-tabs-trigger-ruby-fg,#be123c)] dark:text-[color:var(--zui-tabs-trigger-ruby-fg-dark,#fb7185)]";
+    readonly red: "hover:bg-[var(--zui-tabs-trigger-red-bg-hover,#dc262618)] dark:hover:bg-[var(--zui-tabs-trigger-red-bg-hover-dark,#ef44442e)] hover:text-[color:var(--zui-tabs-trigger-red-fg-hover,#dc2626)] dark:hover:text-[color:var(--zui-tabs-trigger-red-fg-hover-dark,#ef4444)] bg-[var(--zui-tabs-trigger-red-bg,#dc262610)] dark:bg-[var(--zui-tabs-trigger-red-bg-dark,#ef44441f)] text-[color:var(--zui-tabs-trigger-red-fg,#dc2626)] dark:text-[color:var(--zui-tabs-trigger-red-fg-dark,#ef4444)]";
+    readonly slate: "hover:bg-[var(--zui-tabs-trigger-slate-bg-hover,#47556918)] dark:hover:bg-[var(--zui-tabs-trigger-slate-bg-hover-dark,#64748b2e)] hover:text-[color:var(--zui-tabs-trigger-slate-fg-hover,#475569)] dark:hover:text-[color:var(--zui-tabs-trigger-slate-fg-hover-dark,#64748b)] bg-[var(--zui-tabs-trigger-slate-bg,#47556910)] dark:bg-[var(--zui-tabs-trigger-slate-bg-dark,#64748b1f)] text-[color:var(--zui-tabs-trigger-slate-fg,#475569)] dark:text-[color:var(--zui-tabs-trigger-slate-fg-dark,#64748b)]";
+    readonly zinc: "hover:bg-[var(--zui-tabs-trigger-zinc-bg-hover,#52525b18)] dark:hover:bg-[var(--zui-tabs-trigger-zinc-bg-hover-dark,#71717a2e)] hover:text-[color:var(--zui-tabs-trigger-zinc-fg-hover,#52525b)] dark:hover:text-[color:var(--zui-tabs-trigger-zinc-fg-hover-dark,#71717a)] bg-[var(--zui-tabs-trigger-zinc-bg,#52525b10)] dark:bg-[var(--zui-tabs-trigger-zinc-bg-dark,#71717a1f)] text-[color:var(--zui-tabs-trigger-zinc-fg,#52525b)] dark:text-[color:var(--zui-tabs-trigger-zinc-fg-dark,#71717a)]";
+    readonly stone: "hover:bg-[var(--zui-tabs-trigger-stone-bg-hover,#57534e18)] dark:hover:bg-[var(--zui-tabs-trigger-stone-bg-hover-dark,#78716c2e)] hover:text-[color:var(--zui-tabs-trigger-stone-fg-hover,#57534e)] dark:hover:text-[color:var(--zui-tabs-trigger-stone-fg-hover-dark,#78716c)] bg-[var(--zui-tabs-trigger-stone-bg,#57534e10)] dark:bg-[var(--zui-tabs-trigger-stone-bg-dark,#78716c1f)] text-[color:var(--zui-tabs-trigger-stone-fg,#57534e)] dark:text-[color:var(--zui-tabs-trigger-stone-fg-dark,#78716c)]";
+    readonly royal: "hover:bg-[var(--zui-tabs-trigger-royal-bg-hover,#4338ca18)] dark:hover:bg-[var(--zui-tabs-trigger-royal-bg-hover-dark,#818cf82e)] hover:text-[color:var(--zui-tabs-trigger-royal-fg-hover,#4338ca)] dark:hover:text-[color:var(--zui-tabs-trigger-royal-fg-hover-dark,#818cf8)] bg-[var(--zui-tabs-trigger-royal-bg,#4338ca10)] dark:bg-[var(--zui-tabs-trigger-royal-bg-dark,#818cf81f)] text-[color:var(--zui-tabs-trigger-royal-fg,#4338ca)] dark:text-[color:var(--zui-tabs-trigger-royal-fg-dark,#818cf8)]";
+    readonly electric: "hover:bg-[var(--zui-tabs-trigger-electric-bg-hover,#0ea5e918)] dark:hover:bg-[var(--zui-tabs-trigger-electric-bg-hover-dark,#38bdf82e)] hover:text-[color:var(--zui-tabs-trigger-electric-fg-hover,#0ea5e9)] dark:hover:text-[color:var(--zui-tabs-trigger-electric-fg-hover-dark,#38bdf8)] bg-[var(--zui-tabs-trigger-electric-bg,#0ea5e910)] dark:bg-[var(--zui-tabs-trigger-electric-bg-dark,#38bdf81f)] text-[color:var(--zui-tabs-trigger-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-tabs-trigger-electric-fg-dark,#38bdf8)]";
+    readonly forest: "hover:bg-[var(--zui-tabs-trigger-forest-bg-hover,#16653418)] dark:hover:bg-[var(--zui-tabs-trigger-forest-bg-hover-dark,#4ade802e)] hover:text-[color:var(--zui-tabs-trigger-forest-fg-hover,#166534)] dark:hover:text-[color:var(--zui-tabs-trigger-forest-fg-hover-dark,#4ade80)] bg-[var(--zui-tabs-trigger-forest-bg,#16653410)] dark:bg-[var(--zui-tabs-trigger-forest-bg-dark,#4ade801f)] text-[color:var(--zui-tabs-trigger-forest-fg,#166534)] dark:text-[color:var(--zui-tabs-trigger-forest-fg-dark,#4ade80)]";
+    readonly sunset: "hover:bg-[var(--zui-tabs-trigger-sunset-bg-hover,#ea580c18)] dark:hover:bg-[var(--zui-tabs-trigger-sunset-bg-hover-dark,#fb923c2e)] hover:text-[color:var(--zui-tabs-trigger-sunset-fg-hover,#ea580c)] dark:hover:text-[color:var(--zui-tabs-trigger-sunset-fg-hover-dark,#fb923c)] bg-[var(--zui-tabs-trigger-sunset-bg,#ea580c10)] dark:bg-[var(--zui-tabs-trigger-sunset-bg-dark,#fb923c1f)] text-[color:var(--zui-tabs-trigger-sunset-fg,#ea580c)] dark:text-[color:var(--zui-tabs-trigger-sunset-fg-dark,#fb923c)]";
+    readonly magenta: "hover:bg-[var(--zui-tabs-trigger-magenta-bg-hover,#c026d318)] dark:hover:bg-[var(--zui-tabs-trigger-magenta-bg-hover-dark,#e879f92e)] hover:text-[color:var(--zui-tabs-trigger-magenta-fg-hover,#c026d3)] dark:hover:text-[color:var(--zui-tabs-trigger-magenta-fg-hover-dark,#e879f9)] bg-[var(--zui-tabs-trigger-magenta-bg,#c026d310)] dark:bg-[var(--zui-tabs-trigger-magenta-bg-dark,#e879f91f)] text-[color:var(--zui-tabs-trigger-magenta-fg,#c026d3)] dark:text-[color:var(--zui-tabs-trigger-magenta-fg-dark,#e879f9)]";
+    readonly crimson: "hover:bg-[var(--zui-tabs-trigger-crimson-bg-hover,#b91c1c18)] dark:hover:bg-[var(--zui-tabs-trigger-crimson-bg-hover-dark,#f871712e)] hover:text-[color:var(--zui-tabs-trigger-crimson-fg-hover,#b91c1c)] dark:hover:text-[color:var(--zui-tabs-trigger-crimson-fg-hover-dark,#f87171)] bg-[var(--zui-tabs-trigger-crimson-bg,#b91c1c10)] dark:bg-[var(--zui-tabs-trigger-crimson-bg-dark,#f871711f)] text-[color:var(--zui-tabs-trigger-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-tabs-trigger-crimson-fg-dark,#f87171)]";
+    readonly aqua: "hover:bg-[var(--zui-tabs-trigger-aqua-bg-hover,#0f766e18)] dark:hover:bg-[var(--zui-tabs-trigger-aqua-bg-hover-dark,#2dd4bf2e)] hover:text-[color:var(--zui-tabs-trigger-aqua-fg-hover,#0f766e)] dark:hover:text-[color:var(--zui-tabs-trigger-aqua-fg-hover-dark,#2dd4bf)] bg-[var(--zui-tabs-trigger-aqua-bg,#0f766e10)] dark:bg-[var(--zui-tabs-trigger-aqua-bg-dark,#2dd4bf1f)] text-[color:var(--zui-tabs-trigger-aqua-fg,#0f766e)] dark:text-[color:var(--zui-tabs-trigger-aqua-fg-dark,#2dd4bf)]";
+    readonly plum: "hover:bg-[var(--zui-tabs-trigger-plum-bg-hover,#7e22ce18)] dark:hover:bg-[var(--zui-tabs-trigger-plum-bg-hover-dark,#c084fc2e)] hover:text-[color:var(--zui-tabs-trigger-plum-fg-hover,#7e22ce)] dark:hover:text-[color:var(--zui-tabs-trigger-plum-fg-hover-dark,#c084fc)] bg-[var(--zui-tabs-trigger-plum-bg,#7e22ce10)] dark:bg-[var(--zui-tabs-trigger-plum-bg-dark,#c084fc1f)] text-[color:var(--zui-tabs-trigger-plum-fg,#7e22ce)] dark:text-[color:var(--zui-tabs-trigger-plum-fg-dark,#c084fc)]";
 };
 export declare const zuiTabsTriggerVariants: {
     readonly default: "data-[state=active]:bg-background";

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/design-system/tabs.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,sCAAsC,CAAC;AAEnE,eAAO,MAAM,mBAAmB;;;;CAMtB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX,eAAO,MAAM,kBAAkB,kHACkF,CAAC;AAElH,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;CAoC5B,CAAC;AAEX,eAAO,MAAM,sBAAsB;;;;CAKzB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/design-system/tabs.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,sCAAsC,CAAC;AAEnE,eAAO,MAAM,mBAAmB;;;;CAMtB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;CAInB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX,eAAO,MAAM,kBAAkB,kHACkF,CAAC;AAElH,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqE5B,CAAC;AAEX,eAAO,MAAM,sBAAsB;;;;CAKzB,CAAC;AAEX,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC"}

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

@@ -23,6 +23,27 @@ export declare const zuiTimelineIndicatorAppearances: {
     readonly "gradient-indigo": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-indigo-from,oklch(67.3%_0.182_276.935))] dark:from-[var(--zui-timeline-indicator-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-timeline-indicator-gradient-indigo-to,oklch(58.5%_0.233_277.117))] dark:to-[var(--zui-timeline-indicator-gradient-indigo-to-dark,oklch(35.9%_0.144_278.697))] text-[color:var(--zui-timeline-indicator-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-indigo-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-indigo-ring,oklch(67.3%_0.182_276.935_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-indigo-ring-dark,oklch(39.8%_0.195_277.366_/_0.3))]";
     readonly "gradient-pink": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-pink-from,oklch(71.8%_0.202_349.761))] dark:from-[var(--zui-timeline-indicator-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-timeline-indicator-gradient-pink-to,oklch(65.6%_0.241_354.308))] dark:to-[var(--zui-timeline-indicator-gradient-pink-to-dark,oklch(40.8%_0.153_2.432))] text-[color:var(--zui-timeline-indicator-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-pink-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-pink-ring,oklch(71.8%_0.202_349.761_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-pink-ring-dark,oklch(45.9%_0.187_3.815_/_0.3))]";
     readonly "gradient-orange": "border-transparent bg-linear-to-br from-[var(--zui-timeline-indicator-gradient-orange-from,oklch(75%_0.183_55.934))] dark:from-[var(--zui-timeline-indicator-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-timeline-indicator-gradient-orange-to,oklch(70.5%_0.213_47.604))] dark:to-[var(--zui-timeline-indicator-gradient-orange-to-dark,oklch(40.8%_0.123_38.172))] text-[color:var(--zui-timeline-indicator-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-timeline-indicator-gradient-orange-fg-dark,#ffffff)] ring-2 ring-[var(--zui-timeline-indicator-gradient-orange-ring,oklch(75%_0.183_55.934_/_0.3))] dark:ring-[var(--zui-timeline-indicator-gradient-orange-ring-dark,oklch(47%_0.157_37.304_/_0.3))]";
+    readonly blue: "border-[color:var(--zui-timeline-indicator-blue-border,#2563eb)] dark:border-[color:var(--zui-timeline-indicator-blue-border-dark,#3b82f6)] bg-[var(--zui-timeline-indicator-blue-bg,#2563eb14)] dark:bg-[var(--zui-timeline-indicator-blue-bg-dark,#3b82f624)] text-[color:var(--zui-timeline-indicator-blue-fg,#2563eb)] dark:text-[color:var(--zui-timeline-indicator-blue-fg-dark,#3b82f6)] ring-2 ring-[var(--zui-timeline-indicator-blue-ring,#2563eb33)] dark:ring-[var(--zui-timeline-indicator-blue-ring-dark,#3b82f640)]";
+    readonly cyan: "border-[color:var(--zui-timeline-indicator-cyan-border,#0891b2)] dark:border-[color:var(--zui-timeline-indicator-cyan-border-dark,#22d3ee)] bg-[var(--zui-timeline-indicator-cyan-bg,#0891b214)] dark:bg-[var(--zui-timeline-indicator-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-timeline-indicator-cyan-fg,#0891b2)] dark:text-[color:var(--zui-timeline-indicator-cyan-fg-dark,#22d3ee)] ring-2 ring-[var(--zui-timeline-indicator-cyan-ring,#0891b233)] dark:ring-[var(--zui-timeline-indicator-cyan-ring-dark,#22d3ee40)]";
+    readonly green: "border-[color:var(--zui-timeline-indicator-green-border,#16a34a)] dark:border-[color:var(--zui-timeline-indicator-green-border-dark,#22c55e)] bg-[var(--zui-timeline-indicator-green-bg,#16a34a14)] dark:bg-[var(--zui-timeline-indicator-green-bg-dark,#22c55e24)] text-[color:var(--zui-timeline-indicator-green-fg,#16a34a)] dark:text-[color:var(--zui-timeline-indicator-green-fg-dark,#22c55e)] ring-2 ring-[var(--zui-timeline-indicator-green-ring,#16a34a33)] dark:ring-[var(--zui-timeline-indicator-green-ring-dark,#22c55e40)]";
+    readonly lime: "border-[color:var(--zui-timeline-indicator-lime-border,#65a30d)] dark:border-[color:var(--zui-timeline-indicator-lime-border-dark,#a3e635)] bg-[var(--zui-timeline-indicator-lime-bg,#65a30d14)] dark:bg-[var(--zui-timeline-indicator-lime-bg-dark,#a3e63524)] text-[color:var(--zui-timeline-indicator-lime-fg,#65a30d)] dark:text-[color:var(--zui-timeline-indicator-lime-fg-dark,#a3e635)] ring-2 ring-[var(--zui-timeline-indicator-lime-ring,#65a30d33)] dark:ring-[var(--zui-timeline-indicator-lime-ring-dark,#a3e63540)]";
+    readonly mint: "border-[color:var(--zui-timeline-indicator-mint-border,#10b981)] dark:border-[color:var(--zui-timeline-indicator-mint-border-dark,#6ee7b7)] bg-[var(--zui-timeline-indicator-mint-bg,#10b98114)] dark:bg-[var(--zui-timeline-indicator-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-timeline-indicator-mint-fg,#10b981)] dark:text-[color:var(--zui-timeline-indicator-mint-fg-dark,#6ee7b7)] ring-2 ring-[var(--zui-timeline-indicator-mint-ring,#10b98133)] dark:ring-[var(--zui-timeline-indicator-mint-ring-dark,#6ee7b740)]";
+    readonly ocean: "border-[color:var(--zui-timeline-indicator-ocean-border,#0284c7)] dark:border-[color:var(--zui-timeline-indicator-ocean-border-dark,#38bdf8)] bg-[var(--zui-timeline-indicator-ocean-bg,#0284c714)] dark:bg-[var(--zui-timeline-indicator-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-timeline-indicator-ocean-fg,#0284c7)] dark:text-[color:var(--zui-timeline-indicator-ocean-fg-dark,#38bdf8)] ring-2 ring-[var(--zui-timeline-indicator-ocean-ring,#0284c733)] dark:ring-[var(--zui-timeline-indicator-ocean-ring-dark,#38bdf840)]";
+    readonly sapphire: "border-[color:var(--zui-timeline-indicator-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-timeline-indicator-sapphire-border-dark,#60a5fa)] bg-[var(--zui-timeline-indicator-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-timeline-indicator-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-timeline-indicator-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-timeline-indicator-sapphire-fg-dark,#60a5fa)] ring-2 ring-[var(--zui-timeline-indicator-sapphire-ring,#1d4ed833)] dark:ring-[var(--zui-timeline-indicator-sapphire-ring-dark,#60a5fa40)]";
+    readonly lavender: "border-[color:var(--zui-timeline-indicator-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-timeline-indicator-lavender-border-dark,#a78bfa)] bg-[var(--zui-timeline-indicator-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-timeline-indicator-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-timeline-indicator-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-timeline-indicator-lavender-fg-dark,#a78bfa)] ring-2 ring-[var(--zui-timeline-indicator-lavender-ring,#8b5cf633)] dark:ring-[var(--zui-timeline-indicator-lavender-ring-dark,#a78bfa40)]";
+    readonly ruby: "border-[color:var(--zui-timeline-indicator-ruby-border,#be123c)] dark:border-[color:var(--zui-timeline-indicator-ruby-border-dark,#fb7185)] bg-[var(--zui-timeline-indicator-ruby-bg,#be123c14)] dark:bg-[var(--zui-timeline-indicator-ruby-bg-dark,#fb718524)] text-[color:var(--zui-timeline-indicator-ruby-fg,#be123c)] dark:text-[color:var(--zui-timeline-indicator-ruby-fg-dark,#fb7185)] ring-2 ring-[var(--zui-timeline-indicator-ruby-ring,#be123c33)] dark:ring-[var(--zui-timeline-indicator-ruby-ring-dark,#fb718540)]";
+    readonly red: "border-[color:var(--zui-timeline-indicator-red-border,#dc2626)] dark:border-[color:var(--zui-timeline-indicator-red-border-dark,#ef4444)] bg-[var(--zui-timeline-indicator-red-bg,#dc262614)] dark:bg-[var(--zui-timeline-indicator-red-bg-dark,#ef444424)] text-[color:var(--zui-timeline-indicator-red-fg,#dc2626)] dark:text-[color:var(--zui-timeline-indicator-red-fg-dark,#ef4444)] ring-2 ring-[var(--zui-timeline-indicator-red-ring,#dc262633)] dark:ring-[var(--zui-timeline-indicator-red-ring-dark,#ef444440)]";
+    readonly slate: "border-[color:var(--zui-timeline-indicator-slate-border,#475569)] dark:border-[color:var(--zui-timeline-indicator-slate-border-dark,#64748b)] bg-[var(--zui-timeline-indicator-slate-bg,#47556914)] dark:bg-[var(--zui-timeline-indicator-slate-bg-dark,#64748b24)] text-[color:var(--zui-timeline-indicator-slate-fg,#475569)] dark:text-[color:var(--zui-timeline-indicator-slate-fg-dark,#64748b)] ring-2 ring-[var(--zui-timeline-indicator-slate-ring,#47556933)] dark:ring-[var(--zui-timeline-indicator-slate-ring-dark,#64748b40)]";
+    readonly zinc: "border-[color:var(--zui-timeline-indicator-zinc-border,#52525b)] dark:border-[color:var(--zui-timeline-indicator-zinc-border-dark,#71717a)] bg-[var(--zui-timeline-indicator-zinc-bg,#52525b14)] dark:bg-[var(--zui-timeline-indicator-zinc-bg-dark,#71717a24)] text-[color:var(--zui-timeline-indicator-zinc-fg,#52525b)] dark:text-[color:var(--zui-timeline-indicator-zinc-fg-dark,#71717a)] ring-2 ring-[var(--zui-timeline-indicator-zinc-ring,#52525b33)] dark:ring-[var(--zui-timeline-indicator-zinc-ring-dark,#71717a40)]";
+    readonly stone: "border-[color:var(--zui-timeline-indicator-stone-border,#57534e)] dark:border-[color:var(--zui-timeline-indicator-stone-border-dark,#78716c)] bg-[var(--zui-timeline-indicator-stone-bg,#57534e14)] dark:bg-[var(--zui-timeline-indicator-stone-bg-dark,#78716c24)] text-[color:var(--zui-timeline-indicator-stone-fg,#57534e)] dark:text-[color:var(--zui-timeline-indicator-stone-fg-dark,#78716c)] ring-2 ring-[var(--zui-timeline-indicator-stone-ring,#57534e33)] dark:ring-[var(--zui-timeline-indicator-stone-ring-dark,#78716c40)]";
+    readonly royal: "border-[color:var(--zui-timeline-indicator-royal-border,#4338ca)] dark:border-[color:var(--zui-timeline-indicator-royal-border-dark,#818cf8)] bg-[var(--zui-timeline-indicator-royal-bg,#4338ca14)] dark:bg-[var(--zui-timeline-indicator-royal-bg-dark,#818cf824)] text-[color:var(--zui-timeline-indicator-royal-fg,#4338ca)] dark:text-[color:var(--zui-timeline-indicator-royal-fg-dark,#818cf8)] ring-2 ring-[var(--zui-timeline-indicator-royal-ring,#4338ca33)] dark:ring-[var(--zui-timeline-indicator-royal-ring-dark,#818cf840)]";
+    readonly electric: "border-[color:var(--zui-timeline-indicator-electric-border,#0ea5e9)] dark:border-[color:var(--zui-timeline-indicator-electric-border-dark,#38bdf8)] bg-[var(--zui-timeline-indicator-electric-bg,#0ea5e914)] dark:bg-[var(--zui-timeline-indicator-electric-bg-dark,#38bdf824)] text-[color:var(--zui-timeline-indicator-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-timeline-indicator-electric-fg-dark,#38bdf8)] ring-2 ring-[var(--zui-timeline-indicator-electric-ring,#0ea5e933)] dark:ring-[var(--zui-timeline-indicator-electric-ring-dark,#38bdf840)]";
+    readonly forest: "border-[color:var(--zui-timeline-indicator-forest-border,#166534)] dark:border-[color:var(--zui-timeline-indicator-forest-border-dark,#4ade80)] bg-[var(--zui-timeline-indicator-forest-bg,#16653414)] dark:bg-[var(--zui-timeline-indicator-forest-bg-dark,#4ade8024)] text-[color:var(--zui-timeline-indicator-forest-fg,#166534)] dark:text-[color:var(--zui-timeline-indicator-forest-fg-dark,#4ade80)] ring-2 ring-[var(--zui-timeline-indicator-forest-ring,#16653433)] dark:ring-[var(--zui-timeline-indicator-forest-ring-dark,#4ade8040)]";
+    readonly sunset: "border-[color:var(--zui-timeline-indicator-sunset-border,#ea580c)] dark:border-[color:var(--zui-timeline-indicator-sunset-border-dark,#fb923c)] bg-[var(--zui-timeline-indicator-sunset-bg,#ea580c14)] dark:bg-[var(--zui-timeline-indicator-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-timeline-indicator-sunset-fg,#ea580c)] dark:text-[color:var(--zui-timeline-indicator-sunset-fg-dark,#fb923c)] ring-2 ring-[var(--zui-timeline-indicator-sunset-ring,#ea580c33)] dark:ring-[var(--zui-timeline-indicator-sunset-ring-dark,#fb923c40)]";
+    readonly magenta: "border-[color:var(--zui-timeline-indicator-magenta-border,#c026d3)] dark:border-[color:var(--zui-timeline-indicator-magenta-border-dark,#e879f9)] bg-[var(--zui-timeline-indicator-magenta-bg,#c026d314)] dark:bg-[var(--zui-timeline-indicator-magenta-bg-dark,#e879f924)] text-[color:var(--zui-timeline-indicator-magenta-fg,#c026d3)] dark:text-[color:var(--zui-timeline-indicator-magenta-fg-dark,#e879f9)] ring-2 ring-[var(--zui-timeline-indicator-magenta-ring,#c026d333)] dark:ring-[var(--zui-timeline-indicator-magenta-ring-dark,#e879f940)]";
+    readonly crimson: "border-[color:var(--zui-timeline-indicator-crimson-border,#b91c1c)] dark:border-[color:var(--zui-timeline-indicator-crimson-border-dark,#f87171)] bg-[var(--zui-timeline-indicator-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-timeline-indicator-crimson-bg-dark,#f8717124)] text-[color:var(--zui-timeline-indicator-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-timeline-indicator-crimson-fg-dark,#f87171)] ring-2 ring-[var(--zui-timeline-indicator-crimson-ring,#b91c1c33)] dark:ring-[var(--zui-timeline-indicator-crimson-ring-dark,#f8717140)]";
+    readonly aqua: "border-[color:var(--zui-timeline-indicator-aqua-border,#0f766e)] dark:border-[color:var(--zui-timeline-indicator-aqua-border-dark,#2dd4bf)] bg-[var(--zui-timeline-indicator-aqua-bg,#0f766e14)] dark:bg-[var(--zui-timeline-indicator-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-timeline-indicator-aqua-fg,#0f766e)] dark:text-[color:var(--zui-timeline-indicator-aqua-fg-dark,#2dd4bf)] ring-2 ring-[var(--zui-timeline-indicator-aqua-ring,#0f766e33)] dark:ring-[var(--zui-timeline-indicator-aqua-ring-dark,#2dd4bf40)]";
+    readonly plum: "border-[color:var(--zui-timeline-indicator-plum-border,#7e22ce)] dark:border-[color:var(--zui-timeline-indicator-plum-border-dark,#c084fc)] bg-[var(--zui-timeline-indicator-plum-bg,#7e22ce14)] dark:bg-[var(--zui-timeline-indicator-plum-bg-dark,#c084fc24)] text-[color:var(--zui-timeline-indicator-plum-fg,#7e22ce)] dark:text-[color:var(--zui-timeline-indicator-plum-fg-dark,#c084fc)] ring-2 ring-[var(--zui-timeline-indicator-plum-ring,#7e22ce33)] dark:ring-[var(--zui-timeline-indicator-plum-ring-dark,#c084fc40)]";
 };
 export declare const zuiTimelineIndicatorSizes: {
     readonly sm: "size-5 text-[0.625rem]";

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

@@ -1 +1 @@
-{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../src/design-system/timeline.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,yBAAyB,CAAC;AAEtD,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AAEzD,eAAO,MAAM,wBAAwB,wGACkE,CAAC;AAExG,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;CAsClC,CAAC;AAEX,eAAO,MAAM,yBAAyB;;;;CAI5B,CAAC;AAEX,eAAO,MAAM,wBAAwB,iLAC2I,CAAC;AAEjL,eAAO,MAAM,yBAAyB;;;;CAI5B,CAAC;AAEX,eAAO,MAAM,sBAAsB,mBAAmB,CAAC;AAEvD,eAAO,MAAM,uBAAuB;;;;CAI1B,CAAC;AAEX,eAAO,MAAM,oBAAoB,mJACiH,CAAC;AAEnJ,eAAO,MAAM,qBAAqB;;;;CAIxB,CAAC;AAEX,eAAO,MAAM,0BAA0B,kKAC0H,CAAC;AAElK,eAAO,MAAM,2BAA2B;;;;CAI9B,CAAC"}
+{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../src/design-system/timeline.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,yBAAyB,CAAC;AAEtD,eAAO,MAAM,mBAAmB,wBAAwB,CAAC;AAEzD,eAAO,MAAM,wBAAwB,wGACkE,CAAC;AAExG,eAAO,MAAM,+BAA+B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuElC,CAAC;AAEX,eAAO,MAAM,yBAAyB;;;;CAI5B,CAAC;AAEX,eAAO,MAAM,wBAAwB,iLAC2I,CAAC;AAEjL,eAAO,MAAM,yBAAyB;;;;CAI5B,CAAC;AAEX,eAAO,MAAM,sBAAsB,mBAAmB,CAAC;AAEvD,eAAO,MAAM,uBAAuB;;;;CAI1B,CAAC;AAEX,eAAO,MAAM,oBAAoB,mJACiH,CAAC;AAEnJ,eAAO,MAAM,qBAAqB;;;;CAIxB,CAAC;AAEX,eAAO,MAAM,0BAA0B,kKAC0H,CAAC;AAElK,eAAO,MAAM,2BAA2B;;;;CAI9B,CAAC"}