@zentauri-ui/zentauri-components 1.9.0 → 1.9.1

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"}

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

@@ -34,6 +34,27 @@ export declare const zuiToastRootAppearances: {
     readonly "gradient-indigo": "border-[color:var(--zui-toast-root-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-toast-root-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] bg-linear-to-r from-[var(--zui-toast-root-gradient-indigo-from,oklch(96.2%_0.018_272.314))] dark:from-[var(--zui-toast-root-gradient-indigo-from-dark,oklch(25.7%_0.09_281.288_/_0.7))] to-[var(--zui-toast-root-gradient-indigo-to,oklch(97.7%_0.014_308.299))] dark:to-[var(--zui-toast-root-gradient-indigo-to-dark,oklch(29.1%_0.149_302.717_/_0.7))] backdrop-blur-xl";
     readonly "gradient-pink": "border-[color:var(--zui-toast-root-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-toast-root-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] bg-linear-to-r from-[var(--zui-toast-root-gradient-pink-from,oklch(97.1%_0.014_343.198))] dark:from-[var(--zui-toast-root-gradient-pink-from-dark,oklch(28.4%_0.109_3.907_/_0.7))] to-[var(--zui-toast-root-gradient-pink-to,oklch(96.9%_0.015_12.422))] dark:to-[var(--zui-toast-root-gradient-pink-to-dark,oklch(27.1%_0.105_12.094_/_0.7))] backdrop-blur-xl";
     readonly "gradient-orange": "border-[color:var(--zui-toast-root-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-toast-root-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] bg-linear-to-r from-[var(--zui-toast-root-gradient-orange-from,oklch(98%_0.016_73.684))] dark:from-[var(--zui-toast-root-gradient-orange-from-dark,oklch(26.6%_0.079_36.259_/_0.7))] to-[var(--zui-toast-root-gradient-orange-to,oklch(97.1%_0.013_17.38))] dark:to-[var(--zui-toast-root-gradient-orange-to-dark,oklch(25.8%_0.092_26.042_/_0.7))] backdrop-blur-xl";
+    readonly blue: "border border-[color:var(--zui-toast-root-blue-border,#2563eb)] dark:border-[color:var(--zui-toast-root-blue-border-dark,#3b82f6)] bg-[var(--zui-toast-root-blue-bg,#2563eb14)] dark:bg-[var(--zui-toast-root-blue-bg-dark,#3b82f624)] text-[color:var(--zui-toast-root-blue-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-blue-fg-dark,#f8fafc)]";
+    readonly cyan: "border border-[color:var(--zui-toast-root-cyan-border,#0891b2)] dark:border-[color:var(--zui-toast-root-cyan-border-dark,#22d3ee)] bg-[var(--zui-toast-root-cyan-bg,#0891b214)] dark:bg-[var(--zui-toast-root-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-toast-root-cyan-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-cyan-fg-dark,#f8fafc)]";
+    readonly green: "border border-[color:var(--zui-toast-root-green-border,#16a34a)] dark:border-[color:var(--zui-toast-root-green-border-dark,#22c55e)] bg-[var(--zui-toast-root-green-bg,#16a34a14)] dark:bg-[var(--zui-toast-root-green-bg-dark,#22c55e24)] text-[color:var(--zui-toast-root-green-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-green-fg-dark,#f8fafc)]";
+    readonly lime: "border border-[color:var(--zui-toast-root-lime-border,#65a30d)] dark:border-[color:var(--zui-toast-root-lime-border-dark,#a3e635)] bg-[var(--zui-toast-root-lime-bg,#65a30d14)] dark:bg-[var(--zui-toast-root-lime-bg-dark,#a3e63524)] text-[color:var(--zui-toast-root-lime-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-lime-fg-dark,#f8fafc)]";
+    readonly mint: "border border-[color:var(--zui-toast-root-mint-border,#10b981)] dark:border-[color:var(--zui-toast-root-mint-border-dark,#6ee7b7)] bg-[var(--zui-toast-root-mint-bg,#10b98114)] dark:bg-[var(--zui-toast-root-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-toast-root-mint-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-mint-fg-dark,#f8fafc)]";
+    readonly ocean: "border border-[color:var(--zui-toast-root-ocean-border,#0284c7)] dark:border-[color:var(--zui-toast-root-ocean-border-dark,#38bdf8)] bg-[var(--zui-toast-root-ocean-bg,#0284c714)] dark:bg-[var(--zui-toast-root-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-toast-root-ocean-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-ocean-fg-dark,#f8fafc)]";
+    readonly sapphire: "border border-[color:var(--zui-toast-root-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-toast-root-sapphire-border-dark,#60a5fa)] bg-[var(--zui-toast-root-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-toast-root-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-toast-root-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-sapphire-fg-dark,#f8fafc)]";
+    readonly lavender: "border border-[color:var(--zui-toast-root-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-toast-root-lavender-border-dark,#a78bfa)] bg-[var(--zui-toast-root-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-toast-root-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-toast-root-lavender-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-lavender-fg-dark,#f8fafc)]";
+    readonly ruby: "border border-[color:var(--zui-toast-root-ruby-border,#be123c)] dark:border-[color:var(--zui-toast-root-ruby-border-dark,#fb7185)] bg-[var(--zui-toast-root-ruby-bg,#be123c14)] dark:bg-[var(--zui-toast-root-ruby-bg-dark,#fb718524)] text-[color:var(--zui-toast-root-ruby-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-ruby-fg-dark,#f8fafc)]";
+    readonly red: "border border-[color:var(--zui-toast-root-red-border,#dc2626)] dark:border-[color:var(--zui-toast-root-red-border-dark,#ef4444)] bg-[var(--zui-toast-root-red-bg,#dc262614)] dark:bg-[var(--zui-toast-root-red-bg-dark,#ef444424)] text-[color:var(--zui-toast-root-red-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-red-fg-dark,#f8fafc)]";
+    readonly slate: "border border-[color:var(--zui-toast-root-slate-border,#475569)] dark:border-[color:var(--zui-toast-root-slate-border-dark,#64748b)] bg-[var(--zui-toast-root-slate-bg,#47556914)] dark:bg-[var(--zui-toast-root-slate-bg-dark,#64748b24)] text-[color:var(--zui-toast-root-slate-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-slate-fg-dark,#f8fafc)]";
+    readonly zinc: "border border-[color:var(--zui-toast-root-zinc-border,#52525b)] dark:border-[color:var(--zui-toast-root-zinc-border-dark,#71717a)] bg-[var(--zui-toast-root-zinc-bg,#52525b14)] dark:bg-[var(--zui-toast-root-zinc-bg-dark,#71717a24)] text-[color:var(--zui-toast-root-zinc-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-zinc-fg-dark,#f8fafc)]";
+    readonly stone: "border border-[color:var(--zui-toast-root-stone-border,#57534e)] dark:border-[color:var(--zui-toast-root-stone-border-dark,#78716c)] bg-[var(--zui-toast-root-stone-bg,#57534e14)] dark:bg-[var(--zui-toast-root-stone-bg-dark,#78716c24)] text-[color:var(--zui-toast-root-stone-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-stone-fg-dark,#f8fafc)]";
+    readonly royal: "border border-[color:var(--zui-toast-root-royal-border,#4338ca)] dark:border-[color:var(--zui-toast-root-royal-border-dark,#818cf8)] bg-[var(--zui-toast-root-royal-bg,#4338ca14)] dark:bg-[var(--zui-toast-root-royal-bg-dark,#818cf824)] text-[color:var(--zui-toast-root-royal-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-royal-fg-dark,#f8fafc)]";
+    readonly electric: "border border-[color:var(--zui-toast-root-electric-border,#0ea5e9)] dark:border-[color:var(--zui-toast-root-electric-border-dark,#38bdf8)] bg-[var(--zui-toast-root-electric-bg,#0ea5e914)] dark:bg-[var(--zui-toast-root-electric-bg-dark,#38bdf824)] text-[color:var(--zui-toast-root-electric-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-electric-fg-dark,#f8fafc)]";
+    readonly forest: "border border-[color:var(--zui-toast-root-forest-border,#166534)] dark:border-[color:var(--zui-toast-root-forest-border-dark,#4ade80)] bg-[var(--zui-toast-root-forest-bg,#16653414)] dark:bg-[var(--zui-toast-root-forest-bg-dark,#4ade8024)] text-[color:var(--zui-toast-root-forest-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-forest-fg-dark,#f8fafc)]";
+    readonly sunset: "border border-[color:var(--zui-toast-root-sunset-border,#ea580c)] dark:border-[color:var(--zui-toast-root-sunset-border-dark,#fb923c)] bg-[var(--zui-toast-root-sunset-bg,#ea580c14)] dark:bg-[var(--zui-toast-root-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-toast-root-sunset-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-sunset-fg-dark,#f8fafc)]";
+    readonly magenta: "border border-[color:var(--zui-toast-root-magenta-border,#c026d3)] dark:border-[color:var(--zui-toast-root-magenta-border-dark,#e879f9)] bg-[var(--zui-toast-root-magenta-bg,#c026d314)] dark:bg-[var(--zui-toast-root-magenta-bg-dark,#e879f924)] text-[color:var(--zui-toast-root-magenta-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-magenta-fg-dark,#f8fafc)]";
+    readonly crimson: "border border-[color:var(--zui-toast-root-crimson-border,#b91c1c)] dark:border-[color:var(--zui-toast-root-crimson-border-dark,#f87171)] bg-[var(--zui-toast-root-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-toast-root-crimson-bg-dark,#f8717124)] text-[color:var(--zui-toast-root-crimson-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-crimson-fg-dark,#f8fafc)]";
+    readonly aqua: "border border-[color:var(--zui-toast-root-aqua-border,#0f766e)] dark:border-[color:var(--zui-toast-root-aqua-border-dark,#2dd4bf)] bg-[var(--zui-toast-root-aqua-bg,#0f766e14)] dark:bg-[var(--zui-toast-root-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-toast-root-aqua-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-aqua-fg-dark,#f8fafc)]";
+    readonly plum: "border border-[color:var(--zui-toast-root-plum-border,#7e22ce)] dark:border-[color:var(--zui-toast-root-plum-border-dark,#c084fc)] bg-[var(--zui-toast-root-plum-bg,#7e22ce14)] dark:bg-[var(--zui-toast-root-plum-bg-dark,#c084fc24)] text-[color:var(--zui-toast-root-plum-fg,#0f172a)] dark:text-[color:var(--zui-toast-root-plum-fg-dark,#f8fafc)]";
 };
 export declare const zuiToastRootSizes: {
     readonly sm: "p-3 text-xs";

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

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/design-system/toast.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,sDACoB,CAAC;AAEtD,eAAO,MAAM,yBAAyB;;;;;;;CAO5B,CAAC;AAEX,eAAO,MAAM,gBAAgB,qeACuc,CAAC;AAEre,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;CA+C1B,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;CAIpB,CAAC"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/design-system/toast.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,sDACoB,CAAC;AAEtD,eAAO,MAAM,yBAAyB;;;;;;;CAO5B,CAAC;AAEX,eAAO,MAAM,gBAAgB,qeACuc,CAAC;AAEre,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgF1B,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;CAIpB,CAAC"}

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

@@ -33,6 +33,21 @@ export declare const zuiToggleTrackAppearances: {
     readonly "gradient-indigo": "bg-[var(--zui-toggle-track-gradient-indigo-bg,oklch(78.5%_0.115_274.713))] dark:bg-[var(--zui-toggle-track-gradient-indigo-bg-dark,oklch(78.5%_0.115_274.713))] data-[state=checked]:bg-linear-to-r from-[var(--zui-toggle-track-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-toggle-track-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] to-[var(--zui-toggle-track-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-toggle-track-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))]";
     readonly "gradient-pink": "bg-[var(--zui-toggle-track-gradient-pink-bg,oklch(82.3%_0.12_346.018))] dark:bg-[var(--zui-toggle-track-gradient-pink-bg-dark,oklch(82.3%_0.12_346.018))] data-[state=checked]:bg-linear-to-r from-[var(--zui-toggle-track-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-toggle-track-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] to-[var(--zui-toggle-track-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-toggle-track-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))]";
     readonly "gradient-orange": "bg-[var(--zui-toggle-track-gradient-orange-bg,oklch(83.7%_0.128_66.29))] dark:bg-[var(--zui-toggle-track-gradient-orange-bg-dark,oklch(83.7%_0.128_66.29))] data-[state=checked]:bg-linear-to-r from-[var(--zui-toggle-track-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-toggle-track-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] to-[var(--zui-toggle-track-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-toggle-track-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))]";
+    readonly blue: "data-[state=checked]:border-[color:var(--zui-toggle-track-blue-border-checked,#2563eb66)] dark:data-[state=checked]:border-[color:var(--zui-toggle-track-blue-border-checked-dark,#3b82f666)] data-[state=checked]:bg-[var(--zui-toggle-track-blue-bg-checked,#2563ebcc)] dark:data-[state=checked]:bg-[var(--zui-toggle-track-blue-bg-checked-dark,#3b82f6cc)]";
+    readonly mint: "data-[state=checked]:border-[color:var(--zui-toggle-track-mint-border-checked,#10b98166)] dark:data-[state=checked]:border-[color:var(--zui-toggle-track-mint-border-checked-dark,#6ee7b766)] data-[state=checked]:bg-[var(--zui-toggle-track-mint-bg-checked,#10b981cc)] dark:data-[state=checked]:bg-[var(--zui-toggle-track-mint-bg-checked-dark,#6ee7b7cc)]";
+    readonly ocean: "data-[state=checked]:border-[color:var(--zui-toggle-track-ocean-border-checked,#0284c766)] dark:data-[state=checked]:border-[color:var(--zui-toggle-track-ocean-border-checked-dark,#38bdf866)] data-[state=checked]:bg-[var(--zui-toggle-track-ocean-bg-checked,#0284c7cc)] dark:data-[state=checked]:bg-[var(--zui-toggle-track-ocean-bg-checked-dark,#38bdf8cc)]";
+    readonly sapphire: "data-[state=checked]:border-[color:var(--zui-toggle-track-sapphire-border-checked,#1d4ed866)] dark:data-[state=checked]:border-[color:var(--zui-toggle-track-sapphire-border-checked-dark,#60a5fa66)] data-[state=checked]:bg-[var(--zui-toggle-track-sapphire-bg-checked,#1d4ed8cc)] dark:data-[state=checked]:bg-[var(--zui-toggle-track-sapphire-bg-checked-dark,#60a5facc)]";
+    readonly lavender: "data-[state=checked]:border-[color:var(--zui-toggle-track-lavender-border-checked,#8b5cf666)] dark:data-[state=checked]:border-[color:var(--zui-toggle-track-lavender-border-checked-dark,#a78bfa66)] data-[state=checked]:bg-[var(--zui-toggle-track-lavender-bg-checked,#8b5cf6cc)] dark:data-[state=checked]:bg-[var(--zui-toggle-track-lavender-bg-checked-dark,#a78bfacc)]";
+    readonly ruby: "data-[state=checked]:border-[color:var(--zui-toggle-track-ruby-border-checked,#be123c66)] dark:data-[state=checked]:border-[color:var(--zui-toggle-track-ruby-border-checked-dark,#fb718566)] data-[state=checked]:bg-[var(--zui-toggle-track-ruby-bg-checked,#be123ccc)] dark:data-[state=checked]:bg-[var(--zui-toggle-track-ruby-bg-checked-dark,#fb7185cc)]";
+    readonly red: "data-[state=checked]:border-[color:var(--zui-toggle-track-red-border-checked,#dc262666)] dark:data-[state=checked]:border-[color:var(--zui-toggle-track-red-border-checked-dark,#ef444466)] data-[state=checked]:bg-[var(--zui-toggle-track-red-bg-checked,#dc2626cc)] dark:data-[state=checked]:bg-[var(--zui-toggle-track-red-bg-checked-dark,#ef4444cc)]";
+    readonly royal: "data-[state=checked]:border-[color:var(--zui-toggle-track-royal-border-checked,#4338ca66)] dark:data-[state=checked]:border-[color:var(--zui-toggle-track-royal-border-checked-dark,#818cf866)] data-[state=checked]:bg-[var(--zui-toggle-track-royal-bg-checked,#4338cacc)] dark:data-[state=checked]:bg-[var(--zui-toggle-track-royal-bg-checked-dark,#818cf8cc)]";
+    readonly electric: "data-[state=checked]:border-[color:var(--zui-toggle-track-electric-border-checked,#0ea5e966)] dark:data-[state=checked]:border-[color:var(--zui-toggle-track-electric-border-checked-dark,#38bdf866)] data-[state=checked]:bg-[var(--zui-toggle-track-electric-bg-checked,#0ea5e9cc)] dark:data-[state=checked]:bg-[var(--zui-toggle-track-electric-bg-checked-dark,#38bdf8cc)]";
+    readonly forest: "data-[state=checked]:border-[color:var(--zui-toggle-track-forest-border-checked,#16653466)] dark:data-[state=checked]:border-[color:var(--zui-toggle-track-forest-border-checked-dark,#4ade8066)] data-[state=checked]:bg-[var(--zui-toggle-track-forest-bg-checked,#166534cc)] dark:data-[state=checked]:bg-[var(--zui-toggle-track-forest-bg-checked-dark,#4ade80cc)]";
+    readonly sunset: "data-[state=checked]:border-[color:var(--zui-toggle-track-sunset-border-checked,#ea580c66)] dark:data-[state=checked]:border-[color:var(--zui-toggle-track-sunset-border-checked-dark,#fb923c66)] data-[state=checked]:bg-[var(--zui-toggle-track-sunset-bg-checked,#ea580ccc)] dark:data-[state=checked]:bg-[var(--zui-toggle-track-sunset-bg-checked-dark,#fb923ccc)]";
+    readonly magenta: "data-[state=checked]:border-[color:var(--zui-toggle-track-magenta-border-checked,#c026d366)] dark:data-[state=checked]:border-[color:var(--zui-toggle-track-magenta-border-checked-dark,#e879f966)] data-[state=checked]:bg-[var(--zui-toggle-track-magenta-bg-checked,#c026d3cc)] dark:data-[state=checked]:bg-[var(--zui-toggle-track-magenta-bg-checked-dark,#e879f9cc)]";
+    readonly crimson: "data-[state=checked]:border-[color:var(--zui-toggle-track-crimson-border-checked,#b91c1c66)] dark:data-[state=checked]:border-[color:var(--zui-toggle-track-crimson-border-checked-dark,#f8717166)] data-[state=checked]:bg-[var(--zui-toggle-track-crimson-bg-checked,#b91c1ccc)] dark:data-[state=checked]:bg-[var(--zui-toggle-track-crimson-bg-checked-dark,#f87171cc)]";
+    readonly aqua: "data-[state=checked]:border-[color:var(--zui-toggle-track-aqua-border-checked,#0f766e66)] dark:data-[state=checked]:border-[color:var(--zui-toggle-track-aqua-border-checked-dark,#2dd4bf66)] data-[state=checked]:bg-[var(--zui-toggle-track-aqua-bg-checked,#0f766ecc)] dark:data-[state=checked]:bg-[var(--zui-toggle-track-aqua-bg-checked-dark,#2dd4bfcc)]";
+    readonly plum: "data-[state=checked]:border-[color:var(--zui-toggle-track-plum-border-checked,#7e22ce66)] dark:data-[state=checked]:border-[color:var(--zui-toggle-track-plum-border-checked-dark,#c084fc66)] data-[state=checked]:bg-[var(--zui-toggle-track-plum-bg-checked,#7e22cecc)] dark:data-[state=checked]:bg-[var(--zui-toggle-track-plum-bg-checked-dark,#c084fccc)]";
 };
 export declare const zuiToggleThumbBase = "pointer-events-none block rounded-full border border-[color:var(--zui-toggle-thumb-border,oklch(20.8%_0.042_265.755_/_0.3))] dark:border-[color:var(--zui-toggle-thumb-border-dark,#ffffff1a)] shadow-[var(--zui-toggle-thumb-shadow,0_1px_2px_rgba(15,23,42,0.12))] dark:shadow-[var(--zui-toggle-thumb-shadow-dark,0_1px_2px_rgba(15,23,42,0.35))] ring-0";
 export declare const zuiToggleThumbSizes: {
@@ -69,5 +84,20 @@ export declare const zuiToggleThumbColors: {
     readonly "gradient-indigo": "bg-[var(--zui-toggle-thumb-colors-gradient-indigo-bg,oklch(58.5%_0.233_277.117))] dark:bg-[var(--zui-toggle-thumb-colors-gradient-indigo-bg-dark,oklch(58.5%_0.233_277.117))]";
     readonly "gradient-pink": "bg-[var(--zui-toggle-thumb-colors-gradient-pink-bg,oklch(65.6%_0.241_354.308))] dark:bg-[var(--zui-toggle-thumb-colors-gradient-pink-bg-dark,oklch(65.6%_0.241_354.308))]";
     readonly "gradient-orange": "bg-[var(--zui-toggle-thumb-colors-gradient-orange-bg,oklch(70.5%_0.213_47.604))] dark:bg-[var(--zui-toggle-thumb-colors-gradient-orange-bg-dark,oklch(70.5%_0.213_47.604))]";
+    readonly blue: "bg-[var(--zui-toggle-thumb-colors-blue-bg,#2563eb)] dark:bg-[var(--zui-toggle-thumb-colors-blue-bg-dark,#3b82f6)]";
+    readonly mint: "bg-[var(--zui-toggle-thumb-colors-mint-bg,#10b981)] dark:bg-[var(--zui-toggle-thumb-colors-mint-bg-dark,#6ee7b7)]";
+    readonly ocean: "bg-[var(--zui-toggle-thumb-colors-ocean-bg,#0284c7)] dark:bg-[var(--zui-toggle-thumb-colors-ocean-bg-dark,#38bdf8)]";
+    readonly sapphire: "bg-[var(--zui-toggle-thumb-colors-sapphire-bg,#1d4ed8)] dark:bg-[var(--zui-toggle-thumb-colors-sapphire-bg-dark,#60a5fa)]";
+    readonly lavender: "bg-[var(--zui-toggle-thumb-colors-lavender-bg,#8b5cf6)] dark:bg-[var(--zui-toggle-thumb-colors-lavender-bg-dark,#a78bfa)]";
+    readonly ruby: "bg-[var(--zui-toggle-thumb-colors-ruby-bg,#be123c)] dark:bg-[var(--zui-toggle-thumb-colors-ruby-bg-dark,#fb7185)]";
+    readonly red: "bg-[var(--zui-toggle-thumb-colors-red-bg,#dc2626)] dark:bg-[var(--zui-toggle-thumb-colors-red-bg-dark,#ef4444)]";
+    readonly royal: "bg-[var(--zui-toggle-thumb-colors-royal-bg,#4338ca)] dark:bg-[var(--zui-toggle-thumb-colors-royal-bg-dark,#818cf8)]";
+    readonly electric: "bg-[var(--zui-toggle-thumb-colors-electric-bg,#0ea5e9)] dark:bg-[var(--zui-toggle-thumb-colors-electric-bg-dark,#38bdf8)]";
+    readonly forest: "bg-[var(--zui-toggle-thumb-colors-forest-bg,#166534)] dark:bg-[var(--zui-toggle-thumb-colors-forest-bg-dark,#4ade80)]";
+    readonly sunset: "bg-[var(--zui-toggle-thumb-colors-sunset-bg,#ea580c)] dark:bg-[var(--zui-toggle-thumb-colors-sunset-bg-dark,#fb923c)]";
+    readonly magenta: "bg-[var(--zui-toggle-thumb-colors-magenta-bg,#c026d3)] dark:bg-[var(--zui-toggle-thumb-colors-magenta-bg-dark,#e879f9)]";
+    readonly crimson: "bg-[var(--zui-toggle-thumb-colors-crimson-bg,#b91c1c)] dark:bg-[var(--zui-toggle-thumb-colors-crimson-bg-dark,#f87171)]";
+    readonly aqua: "bg-[var(--zui-toggle-thumb-colors-aqua-bg,#0f766e)] dark:bg-[var(--zui-toggle-thumb-colors-aqua-bg-dark,#2dd4bf)]";
+    readonly plum: "bg-[var(--zui-toggle-thumb-colors-plum-bg,#7e22ce)] dark:bg-[var(--zui-toggle-thumb-colors-plum-bg-dark,#c084fc)]";
 };
 //# sourceMappingURL=toggle.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/design-system/toggle.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,26BAC24B,CAAC;AAE36B,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC;AAEX,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkD5B,CAAC;AAEX,eAAO,MAAM,kBAAkB,gWACgU,CAAC;AAEhW,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDvB,CAAC"}
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../src/design-system/toggle.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,26BAC24B,CAAC;AAE36B,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC;AAEX,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0E5B,CAAC;AAEX,eAAO,MAAM,kBAAkB,gWACgU,CAAC;AAEhW,eAAO,MAAM,mBAAmB;;;;CAItB,CAAC;AAEX,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0EvB,CAAC"}

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

@@ -23,6 +23,26 @@ export declare const zuiTooltipVariants: {
     readonly "gradient-indigo": "bg-linear-to-r from-[var(--zui-tooltip-gradient-indigo-from,oklch(39.8%_0.195_277.366))] dark:from-[var(--zui-tooltip-gradient-indigo-from-dark,oklch(39.8%_0.195_277.366))] to-[var(--zui-tooltip-gradient-indigo-to,oklch(43.8%_0.218_303.724))] dark:to-[var(--zui-tooltip-gradient-indigo-to-dark,oklch(43.8%_0.218_303.724))] text-[color:var(--zui-tooltip-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-indigo-fg-dark,#ffffff)]";
     readonly "gradient-pink": "bg-linear-to-r from-[var(--zui-tooltip-gradient-pink-from,oklch(45.9%_0.187_3.815))] dark:from-[var(--zui-tooltip-gradient-pink-from-dark,oklch(45.9%_0.187_3.815))] to-[var(--zui-tooltip-gradient-pink-to,oklch(45.5%_0.188_13.697))] dark:to-[var(--zui-tooltip-gradient-pink-to-dark,oklch(45.5%_0.188_13.697))] text-[color:var(--zui-tooltip-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-pink-fg-dark,#ffffff)]";
     readonly "gradient-orange": "bg-linear-to-r from-[var(--zui-tooltip-gradient-orange-from,oklch(47%_0.157_37.304))] dark:from-[var(--zui-tooltip-gradient-orange-from-dark,oklch(47%_0.157_37.304))] to-[var(--zui-tooltip-gradient-orange-to,oklch(44.4%_0.177_26.899))] dark:to-[var(--zui-tooltip-gradient-orange-to-dark,oklch(44.4%_0.177_26.899))] text-[color:var(--zui-tooltip-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-tooltip-gradient-orange-fg-dark,#ffffff)]";
+    readonly blue: "border border-[color:var(--zui-tooltip-blue-border,#2563eb)] dark:border-[color:var(--zui-tooltip-blue-border-dark,#3b82f6)] bg-[var(--zui-tooltip-blue-bg,#2563eb14)] dark:bg-[var(--zui-tooltip-blue-bg-dark,#3b82f624)] text-[color:var(--zui-tooltip-blue-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-blue-fg-dark,#f8fafc)]";
+    readonly cyan: "border border-[color:var(--zui-tooltip-cyan-border,#0891b2)] dark:border-[color:var(--zui-tooltip-cyan-border-dark,#22d3ee)] bg-[var(--zui-tooltip-cyan-bg,#0891b214)] dark:bg-[var(--zui-tooltip-cyan-bg-dark,#22d3ee24)] text-[color:var(--zui-tooltip-cyan-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-cyan-fg-dark,#f8fafc)]";
+    readonly lime: "border border-[color:var(--zui-tooltip-lime-border,#65a30d)] dark:border-[color:var(--zui-tooltip-lime-border-dark,#a3e635)] bg-[var(--zui-tooltip-lime-bg,#65a30d14)] dark:bg-[var(--zui-tooltip-lime-bg-dark,#a3e63524)] text-[color:var(--zui-tooltip-lime-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-lime-fg-dark,#f8fafc)]";
+    readonly mint: "border border-[color:var(--zui-tooltip-mint-border,#10b981)] dark:border-[color:var(--zui-tooltip-mint-border-dark,#6ee7b7)] bg-[var(--zui-tooltip-mint-bg,#10b98114)] dark:bg-[var(--zui-tooltip-mint-bg-dark,#6ee7b724)] text-[color:var(--zui-tooltip-mint-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-mint-fg-dark,#f8fafc)]";
+    readonly ocean: "border border-[color:var(--zui-tooltip-ocean-border,#0284c7)] dark:border-[color:var(--zui-tooltip-ocean-border-dark,#38bdf8)] bg-[var(--zui-tooltip-ocean-bg,#0284c714)] dark:bg-[var(--zui-tooltip-ocean-bg-dark,#38bdf824)] text-[color:var(--zui-tooltip-ocean-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-ocean-fg-dark,#f8fafc)]";
+    readonly sapphire: "border border-[color:var(--zui-tooltip-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-tooltip-sapphire-border-dark,#60a5fa)] bg-[var(--zui-tooltip-sapphire-bg,#1d4ed814)] dark:bg-[var(--zui-tooltip-sapphire-bg-dark,#60a5fa24)] text-[color:var(--zui-tooltip-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-sapphire-fg-dark,#f8fafc)]";
+    readonly lavender: "border border-[color:var(--zui-tooltip-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-tooltip-lavender-border-dark,#a78bfa)] bg-[var(--zui-tooltip-lavender-bg,#8b5cf614)] dark:bg-[var(--zui-tooltip-lavender-bg-dark,#a78bfa24)] text-[color:var(--zui-tooltip-lavender-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-lavender-fg-dark,#f8fafc)]";
+    readonly ruby: "border border-[color:var(--zui-tooltip-ruby-border,#be123c)] dark:border-[color:var(--zui-tooltip-ruby-border-dark,#fb7185)] bg-[var(--zui-tooltip-ruby-bg,#be123c14)] dark:bg-[var(--zui-tooltip-ruby-bg-dark,#fb718524)] text-[color:var(--zui-tooltip-ruby-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-ruby-fg-dark,#f8fafc)]";
+    readonly red: "border border-[color:var(--zui-tooltip-red-border,#dc2626)] dark:border-[color:var(--zui-tooltip-red-border-dark,#ef4444)] bg-[var(--zui-tooltip-red-bg,#dc262614)] dark:bg-[var(--zui-tooltip-red-bg-dark,#ef444424)] text-[color:var(--zui-tooltip-red-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-red-fg-dark,#f8fafc)]";
+    readonly slate: "border border-[color:var(--zui-tooltip-slate-border,#475569)] dark:border-[color:var(--zui-tooltip-slate-border-dark,#64748b)] bg-[var(--zui-tooltip-slate-bg,#47556914)] dark:bg-[var(--zui-tooltip-slate-bg-dark,#64748b24)] text-[color:var(--zui-tooltip-slate-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-slate-fg-dark,#f8fafc)]";
+    readonly zinc: "border border-[color:var(--zui-tooltip-zinc-border,#52525b)] dark:border-[color:var(--zui-tooltip-zinc-border-dark,#71717a)] bg-[var(--zui-tooltip-zinc-bg,#52525b14)] dark:bg-[var(--zui-tooltip-zinc-bg-dark,#71717a24)] text-[color:var(--zui-tooltip-zinc-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-zinc-fg-dark,#f8fafc)]";
+    readonly stone: "border border-[color:var(--zui-tooltip-stone-border,#57534e)] dark:border-[color:var(--zui-tooltip-stone-border-dark,#78716c)] bg-[var(--zui-tooltip-stone-bg,#57534e14)] dark:bg-[var(--zui-tooltip-stone-bg-dark,#78716c24)] text-[color:var(--zui-tooltip-stone-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-stone-fg-dark,#f8fafc)]";
+    readonly royal: "border border-[color:var(--zui-tooltip-royal-border,#4338ca)] dark:border-[color:var(--zui-tooltip-royal-border-dark,#818cf8)] bg-[var(--zui-tooltip-royal-bg,#4338ca14)] dark:bg-[var(--zui-tooltip-royal-bg-dark,#818cf824)] text-[color:var(--zui-tooltip-royal-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-royal-fg-dark,#f8fafc)]";
+    readonly electric: "border border-[color:var(--zui-tooltip-electric-border,#0ea5e9)] dark:border-[color:var(--zui-tooltip-electric-border-dark,#38bdf8)] bg-[var(--zui-tooltip-electric-bg,#0ea5e914)] dark:bg-[var(--zui-tooltip-electric-bg-dark,#38bdf824)] text-[color:var(--zui-tooltip-electric-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-electric-fg-dark,#f8fafc)]";
+    readonly forest: "border border-[color:var(--zui-tooltip-forest-border,#166534)] dark:border-[color:var(--zui-tooltip-forest-border-dark,#4ade80)] bg-[var(--zui-tooltip-forest-bg,#16653414)] dark:bg-[var(--zui-tooltip-forest-bg-dark,#4ade8024)] text-[color:var(--zui-tooltip-forest-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-forest-fg-dark,#f8fafc)]";
+    readonly sunset: "border border-[color:var(--zui-tooltip-sunset-border,#ea580c)] dark:border-[color:var(--zui-tooltip-sunset-border-dark,#fb923c)] bg-[var(--zui-tooltip-sunset-bg,#ea580c14)] dark:bg-[var(--zui-tooltip-sunset-bg-dark,#fb923c24)] text-[color:var(--zui-tooltip-sunset-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-sunset-fg-dark,#f8fafc)]";
+    readonly magenta: "border border-[color:var(--zui-tooltip-magenta-border,#c026d3)] dark:border-[color:var(--zui-tooltip-magenta-border-dark,#e879f9)] bg-[var(--zui-tooltip-magenta-bg,#c026d314)] dark:bg-[var(--zui-tooltip-magenta-bg-dark,#e879f924)] text-[color:var(--zui-tooltip-magenta-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-magenta-fg-dark,#f8fafc)]";
+    readonly crimson: "border border-[color:var(--zui-tooltip-crimson-border,#b91c1c)] dark:border-[color:var(--zui-tooltip-crimson-border-dark,#f87171)] bg-[var(--zui-tooltip-crimson-bg,#b91c1c14)] dark:bg-[var(--zui-tooltip-crimson-bg-dark,#f8717124)] text-[color:var(--zui-tooltip-crimson-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-crimson-fg-dark,#f8fafc)]";
+    readonly aqua: "border border-[color:var(--zui-tooltip-aqua-border,#0f766e)] dark:border-[color:var(--zui-tooltip-aqua-border-dark,#2dd4bf)] bg-[var(--zui-tooltip-aqua-bg,#0f766e14)] dark:bg-[var(--zui-tooltip-aqua-bg-dark,#2dd4bf24)] text-[color:var(--zui-tooltip-aqua-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-aqua-fg-dark,#f8fafc)]";
+    readonly plum: "border border-[color:var(--zui-tooltip-plum-border,#7e22ce)] dark:border-[color:var(--zui-tooltip-plum-border-dark,#c084fc)] bg-[var(--zui-tooltip-plum-bg,#7e22ce14)] dark:bg-[var(--zui-tooltip-plum-bg-dark,#c084fc24)] text-[color:var(--zui-tooltip-plum-fg,#0f172a)] dark:text-[color:var(--zui-tooltip-plum-fg-dark,#f8fafc)]";
 };
 export declare const zuiTooltipSizes: {
     readonly sm: "text-xs px-2 py-1";

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/design-system/tooltip.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,uFAC2D,CAAC;AAEvF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;CA2CrB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;CAIlB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;;;;;CAQnB,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/design-system/tooltip.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,cAAc,uFAC2D,CAAC;AAEvF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0ErB,CAAC;AAEX,eAAO,MAAM,eAAe;;;;CAIlB,CAAC;AAEX,eAAO,MAAM,gBAAgB;;;;;;;;CAQnB,CAAC"}