@zentauri-ui/zentauri-components 2.0.0 → 2.1.0

package/dist/chunk-BZTAA3MK.js

@@ -0,0 +1,62 @@
+'use strict';
+
+// src/design-system/otp-input.ts
+var zuiOtpRootBase = "grid w-fit gap-2 text-[color:var(--zui-otp-label-fg,var(--zui-fg-muted,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-otp-label-fg-dark,var(--zui-fg-muted-dark,oklch(98.4%_0.003_247.858)))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50";
+var zuiOtpLabelBase = "text-sm font-medium leading-6 text-[color:var(--zui-otp-label-fg,var(--zui-fg-muted,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-otp-label-fg-dark,var(--zui-fg-muted-dark,oklch(98.4%_0.003_247.858)))]";
+var zuiOtpHintBase = "max-w-sm text-xs leading-5 text-[color:var(--zui-otp-hint-fg,var(--zui-fg-muted,oklch(55.4%_0.046_257.417)))] dark:text-[color:var(--zui-otp-hint-fg-dark,var(--zui-fg-muted-dark,oklch(70.4%_0.04_256.788)))]";
+var zuiOtpCellsBase = "flex flex-wrap items-center gap-2";
+var zuiOtpCellBase = "grid place-items-center rounded-xl border bg-[var(--zui-otp-bg,var(--zui-surface-soft,#ffffff))] text-center font-semibold tabular-nums text-[color:var(--zui-otp-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] shadow-sm shadow-black/5 outline-none transition-[background-color,border-color,box-shadow,color,transform] placeholder:text-transparent focus-visible:-translate-y-0.5 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-otp-ring-offset-focus,var(--zui-ring-offset,#ffffff))] disabled:cursor-not-allowed dark:bg-[var(--zui-otp-bg-dark,var(--zui-surface-soft-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-otp-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] dark:shadow-black/20 dark:focus-visible:ring-offset-[var(--zui-otp-ring-offset-focus-dark,var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695)))]";
+var zuiOtpSeparatorBase = "h-px w-3 shrink-0 bg-[color:var(--zui-otp-separator,#94a3b8)] opacity-70 dark:bg-[color:var(--zui-otp-separator-dark,#64748b)]";
+var zuiOtpErrorBase = "text-sm leading-6 text-[color:var(--zui-otp-error-fg,var(--zui-status-error,oklch(58.6%_0.253_17.585)))] dark:text-[color:var(--zui-otp-error-fg-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))]";
+var zuiOtpSizes = {
+  sm: "size-7 md:size-9 rounded-lg text-sm",
+  md: "size-9 md:size-11 text-base",
+  lg: "size-11 md:size-13 rounded-2xl text-lg"
+};
+var zuiOtpAppearances = {
+  default: "border-[color:var(--zui-otp-default-border,var(--zui-border,#cbd5e1))] focus-visible:border-[color:var(--zui-otp-default-border-focus,var(--zui-border,oklch(44.6%_0.043_257.281)))] focus-visible:ring-[var(--zui-otp-default-ring-focus,var(--zui-focus-ring,oklch(44.6%_0.043_257.281_/_0.25)))] dark:border-[color:var(--zui-otp-default-border-dark,var(--zui-border-dark,#475569))] dark:focus-visible:border-[color:var(--zui-otp-default-border-focus-dark,var(--zui-border-dark,oklch(86.9%_0.022_252.894)))] dark:focus-visible:ring-[var(--zui-otp-default-ring-focus-dark,var(--zui-focus-ring-dark,oklch(86.9%_0.022_252.894_/_0.25)))]",
+  outline: "border-[color:var(--zui-otp-outline-border,var(--zui-border,#64748b))] bg-transparent focus-visible:border-[color:var(--zui-otp-outline-border-focus,var(--zui-border,oklch(54.6%_0.245_262.881)))] focus-visible:ring-[var(--zui-otp-outline-ring-focus,var(--zui-focus-ring,oklch(54.6%_0.245_262.881_/_0.28)))] dark:border-[color:var(--zui-otp-outline-border-dark,var(--zui-border-dark,#94a3b8))] dark:bg-transparent dark:focus-visible:border-[color:var(--zui-otp-outline-border-focus-dark,var(--zui-border-dark,oklch(70.7%_0.165_254.624)))] dark:focus-visible:ring-[var(--zui-otp-outline-ring-focus-dark,var(--zui-focus-ring-dark,oklch(70.7%_0.165_254.624_/_0.28)))]",
+  glass: "border-[color:var(--zui-otp-glass-border,var(--zui-border,#ffffff66))] bg-[var(--zui-otp-glass-bg,var(--zui-surface-soft,#ffffffcc))] backdrop-blur-md focus-visible:border-[color:var(--zui-otp-glass-border-focus,var(--zui-border,oklch(70.7%_0.165_254.624)))] focus-visible:ring-[var(--zui-otp-glass-ring-focus,var(--zui-focus-ring,oklch(70.7%_0.165_254.624_/_0.32)))] dark:border-[color:var(--zui-otp-glass-border-dark,var(--zui-border-dark,#ffffff26))] dark:bg-[var(--zui-otp-glass-bg-dark,var(--zui-surface-soft-dark,#0f172acc))] dark:focus-visible:border-[color:var(--zui-otp-glass-border-focus-dark,var(--zui-border-dark,oklch(78.9%_0.154_211.53)))] dark:focus-visible:ring-[var(--zui-otp-glass-ring-focus-dark,var(--zui-focus-ring-dark,oklch(78.9%_0.154_211.53_/_0.32)))]",
+  success: "border-[color:var(--zui-otp-success-border,var(--zui-status-success,oklch(69.6%_0.17_162.48_/_0.6)))] focus-visible:border-[color:var(--zui-otp-success-border-focus,var(--zui-status-success,oklch(59.6%_0.145_163.225)))] focus-visible:ring-[var(--zui-otp-success-ring-focus,var(--zui-focus-ring,oklch(59.6%_0.145_163.225_/_0.28)))] dark:border-[color:var(--zui-otp-success-border-dark,var(--zui-status-success-dark,oklch(69.6%_0.17_162.48_/_0.5)))] dark:focus-visible:border-[color:var(--zui-otp-success-border-focus-dark,var(--zui-status-success-dark,oklch(77.7%_0.152_181.912)))] dark:focus-visible:ring-[var(--zui-otp-success-ring-focus-dark,var(--zui-focus-ring-dark,oklch(77.7%_0.152_181.912_/_0.28)))]",
+  error: "border-[color:var(--zui-otp-error-border,var(--zui-status-error,oklch(58.6%_0.253_17.585_/_0.7)))] focus-visible:border-[color:var(--zui-otp-error-border-focus,var(--zui-status-error,oklch(58.6%_0.253_17.585)))] focus-visible:ring-[var(--zui-otp-error-ring-focus,var(--zui-focus-ring,oklch(58.6%_0.253_17.585_/_0.28)))] dark:border-[color:var(--zui-otp-error-border-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428_/_0.65)))] dark:focus-visible:border-[color:var(--zui-otp-error-border-focus-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))] dark:focus-visible:ring-[var(--zui-otp-error-ring-focus-dark,var(--zui-focus-ring-dark,oklch(71.2%_0.194_13.428_/_0.28)))]",
+  warning: "border-[color:var(--zui-otp-warning-border,var(--zui-status-warning,oklch(79.5%_0.184_86.047_/_0.7)))] focus-visible:border-[color:var(--zui-otp-warning-border-focus,var(--zui-status-warning,oklch(68.1%_0.162_75.834)))] focus-visible:ring-[var(--zui-otp-warning-ring-focus,var(--zui-focus-ring,oklch(68.1%_0.162_75.834_/_0.28)))] dark:border-[color:var(--zui-otp-warning-border-dark,var(--zui-status-warning-dark,oklch(79.5%_0.184_86.047_/_0.5)))] dark:focus-visible:border-[color:var(--zui-otp-warning-border-focus-dark,var(--zui-status-warning-dark,oklch(85.2%_0.199_91.936)))] dark:focus-visible:ring-[var(--zui-otp-warning-ring-focus-dark,var(--zui-focus-ring-dark,oklch(85.2%_0.199_91.936_/_0.28)))]",
+  info: "border-[color:var(--zui-otp-info-border,var(--zui-status-info,oklch(62.3%_0.214_259.815_/_0.7)))] focus-visible:border-[color:var(--zui-otp-info-border-focus,var(--zui-status-info,oklch(54.6%_0.245_262.881)))] focus-visible:ring-[var(--zui-otp-info-ring-focus,var(--zui-focus-ring,oklch(54.6%_0.245_262.881_/_0.28)))] dark:border-[color:var(--zui-otp-info-border-dark,var(--zui-status-info-dark,oklch(62.3%_0.214_259.815_/_0.5)))] dark:focus-visible:border-[color:var(--zui-otp-info-border-focus-dark,var(--zui-status-info-dark,oklch(70.7%_0.165_254.624)))] dark:focus-visible:ring-[var(--zui-otp-info-ring-focus-dark,var(--zui-focus-ring-dark,oklch(70.7%_0.165_254.624_/_0.28)))]",
+  violet: "border-[color:var(--zui-otp-violet-border,var(--zui-color-violet,oklch(60.6%_0.25_292.717_/_0.7)))] focus-visible:border-[color:var(--zui-otp-violet-border-focus,var(--zui-color-violet,oklch(54.1%_0.281_293.009)))] focus-visible:ring-[var(--zui-otp-violet-ring-focus,var(--zui-focus-ring,oklch(54.1%_0.281_293.009_/_0.28)))] dark:border-[color:var(--zui-otp-violet-border-dark,var(--zui-color-violet-dark,oklch(60.6%_0.25_292.717_/_0.5)))] dark:focus-visible:border-[color:var(--zui-otp-violet-border-focus-dark,var(--zui-color-violet-dark,oklch(70.2%_0.183_293.541)))] dark:focus-visible:ring-[var(--zui-otp-violet-ring-focus-dark,var(--zui-focus-ring-dark,oklch(70.2%_0.183_293.541_/_0.28)))]",
+  amber: "border-[color:var(--zui-otp-amber-border,var(--zui-color-amber,oklch(76.9%_0.188_70.08_/_0.7)))] focus-visible:border-[color:var(--zui-otp-amber-border-focus,var(--zui-color-amber,oklch(66.6%_0.179_58.318)))] focus-visible:ring-[var(--zui-otp-amber-ring-focus,var(--zui-focus-ring,oklch(66.6%_0.179_58.318_/_0.28)))] dark:border-[color:var(--zui-otp-amber-border-dark,var(--zui-color-amber-dark,oklch(76.9%_0.188_70.08_/_0.5)))] dark:focus-visible:border-[color:var(--zui-otp-amber-border-focus-dark,var(--zui-color-amber-dark,oklch(82.8%_0.189_84.429)))] dark:focus-visible:ring-[var(--zui-otp-amber-ring-focus-dark,var(--zui-focus-ring-dark,oklch(82.8%_0.189_84.429_/_0.28)))]",
+  pink: "border-[color:var(--zui-otp-pink-border,var(--zui-color-pink,oklch(65.6%_0.241_354.308_/_0.7)))] focus-visible:border-[color:var(--zui-otp-pink-border-focus,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] focus-visible:ring-[var(--zui-otp-pink-ring-focus,var(--zui-focus-ring,oklch(59.2%_0.249_0.584_/_0.28)))] dark:border-[color:var(--zui-otp-pink-border-dark,var(--zui-color-pink-dark,oklch(65.6%_0.241_354.308_/_0.5)))] dark:focus-visible:border-[color:var(--zui-otp-pink-border-focus-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))] dark:focus-visible:ring-[var(--zui-otp-pink-ring-focus-dark,var(--zui-focus-ring-dark,oklch(71.8%_0.202_349.761_/_0.28)))]",
+  indigo: "border-[color:var(--zui-otp-indigo-border,var(--zui-color-indigo,oklch(58.5%_0.233_277.117_/_0.7)))] focus-visible:border-[color:var(--zui-otp-indigo-border-focus,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] focus-visible:ring-[var(--zui-otp-indigo-ring-focus,var(--zui-focus-ring,oklch(51.1%_0.262_276.966_/_0.28)))] dark:border-[color:var(--zui-otp-indigo-border-dark,var(--zui-color-indigo-dark,oklch(58.5%_0.233_277.117_/_0.5)))] dark:focus-visible:border-[color:var(--zui-otp-indigo-border-focus-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))] dark:focus-visible:ring-[var(--zui-otp-indigo-ring-focus-dark,var(--zui-focus-ring-dark,oklch(67.3%_0.182_276.935_/_0.28)))]",
+  orange: "border-[color:var(--zui-otp-orange-border,var(--zui-color-orange,oklch(70.5%_0.213_47.604_/_0.7)))] focus-visible:border-[color:var(--zui-otp-orange-border-focus,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] focus-visible:ring-[var(--zui-otp-orange-ring-focus,var(--zui-focus-ring,oklch(64.6%_0.222_41.116_/_0.28)))] dark:border-[color:var(--zui-otp-orange-border-dark,var(--zui-color-orange-dark,oklch(70.5%_0.213_47.604_/_0.5)))] dark:focus-visible:border-[color:var(--zui-otp-orange-border-focus-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))] dark:focus-visible:ring-[var(--zui-otp-orange-ring-focus-dark,var(--zui-focus-ring-dark,oklch(75%_0.183_55.934_/_0.28)))]",
+  blue: "border border-[color:var(--zui-otp-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-otp-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-otp-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb) 10%, transparent))] dark:bg-[var(--zui-otp-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f6) 18%, transparent))] text-[color:var(--zui-otp-blue-fg,var(--zui-color-blue,#0f172a))] dark:text-[color:var(--zui-otp-blue-fg-dark,var(--zui-color-blue-dark,#f8fafc))]",
+  cyan: "border border-[color:var(--zui-otp-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-otp-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-otp-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b2) 10%, transparent))] dark:bg-[var(--zui-otp-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee) 18%, transparent))] text-[color:var(--zui-otp-cyan-fg,var(--zui-color-cyan,#0f172a))] dark:text-[color:var(--zui-otp-cyan-fg-dark,var(--zui-color-cyan-dark,#f8fafc))]",
+  green: "border border-[color:var(--zui-otp-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-otp-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-otp-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a) 10%, transparent))] dark:bg-[var(--zui-otp-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e) 18%, transparent))] text-[color:var(--zui-otp-green-fg,var(--zui-color-green,#0f172a))] dark:text-[color:var(--zui-otp-green-fg-dark,var(--zui-color-green-dark,#f8fafc))]",
+  lime: "border border-[color:var(--zui-otp-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-otp-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-otp-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d) 10%, transparent))] dark:bg-[var(--zui-otp-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e635) 18%, transparent))] text-[color:var(--zui-otp-lime-fg,var(--zui-color-lime,#0f172a))] dark:text-[color:var(--zui-otp-lime-fg-dark,var(--zui-color-lime-dark,#f8fafc))]",
+  mint: "border border-[color:var(--zui-otp-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-otp-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-otp-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b981) 10%, transparent))] dark:bg-[var(--zui-otp-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b7) 18%, transparent))] text-[color:var(--zui-otp-mint-fg,var(--zui-color-mint,#0f172a))] dark:text-[color:var(--zui-otp-mint-fg-dark,var(--zui-color-mint-dark,#f8fafc))]",
+  ocean: "border border-[color:var(--zui-otp-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-otp-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-otp-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c7) 10%, transparent))] dark:bg-[var(--zui-otp-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf8) 18%, transparent))] text-[color:var(--zui-otp-ocean-fg,var(--zui-color-ocean,#0f172a))] dark:text-[color:var(--zui-otp-ocean-fg-dark,var(--zui-color-ocean-dark,#f8fafc))]",
+  sapphire: "border border-[color:var(--zui-otp-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-otp-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-otp-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed8) 10%, transparent))] dark:bg-[var(--zui-otp-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa) 18%, transparent))] text-[color:var(--zui-otp-sapphire-fg,var(--zui-color-sapphire,#0f172a))] dark:text-[color:var(--zui-otp-sapphire-fg-dark,var(--zui-color-sapphire-dark,#f8fafc))]",
+  lavender: "border border-[color:var(--zui-otp-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-otp-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-otp-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf6) 10%, transparent))] dark:bg-[var(--zui-otp-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa) 18%, transparent))] text-[color:var(--zui-otp-lavender-fg,var(--zui-color-lavender,#0f172a))] dark:text-[color:var(--zui-otp-lavender-fg-dark,var(--zui-color-lavender-dark,#f8fafc))]",
+  ruby: "border border-[color:var(--zui-otp-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-otp-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-otp-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c) 10%, transparent))] dark:bg-[var(--zui-otp-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb7185) 18%, transparent))] text-[color:var(--zui-otp-ruby-fg,var(--zui-color-ruby,#0f172a))] dark:text-[color:var(--zui-otp-ruby-fg-dark,var(--zui-color-ruby-dark,#f8fafc))]",
+  red: "border border-[color:var(--zui-otp-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-otp-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-otp-red-bg,color-mix(in oklch, var(--zui-color-red,#dc2626) 10%, transparent))] dark:bg-[var(--zui-otp-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef4444) 18%, transparent))] text-[color:var(--zui-otp-red-fg,var(--zui-color-red,#0f172a))] dark:text-[color:var(--zui-otp-red-fg-dark,var(--zui-color-red-dark,#f8fafc))]",
+  slate: "border border-[color:var(--zui-otp-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-otp-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-otp-slate-bg,color-mix(in oklch, var(--zui-color-slate,#475569) 10%, transparent))] dark:bg-[var(--zui-otp-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b) 18%, transparent))] text-[color:var(--zui-otp-slate-fg,var(--zui-color-slate,#0f172a))] dark:text-[color:var(--zui-otp-slate-fg-dark,var(--zui-color-slate-dark,#f8fafc))]",
+  zinc: "border border-[color:var(--zui-otp-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-otp-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-otp-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b) 10%, transparent))] dark:bg-[var(--zui-otp-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a) 18%, transparent))] text-[color:var(--zui-otp-zinc-fg,var(--zui-color-zinc,#0f172a))] dark:text-[color:var(--zui-otp-zinc-fg-dark,var(--zui-color-zinc-dark,#f8fafc))]",
+  stone: "border border-[color:var(--zui-otp-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-otp-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-otp-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e) 10%, transparent))] dark:bg-[var(--zui-otp-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c) 18%, transparent))] text-[color:var(--zui-otp-stone-fg,var(--zui-color-stone,#0f172a))] dark:text-[color:var(--zui-otp-stone-fg-dark,var(--zui-color-stone-dark,#f8fafc))]",
+  royal: "border border-[color:var(--zui-otp-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-otp-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-otp-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca) 10%, transparent))] dark:bg-[var(--zui-otp-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf8) 18%, transparent))] text-[color:var(--zui-otp-royal-fg,var(--zui-color-royal,#0f172a))] dark:text-[color:var(--zui-otp-royal-fg-dark,var(--zui-color-royal-dark,#f8fafc))]",
+  electric: "border border-[color:var(--zui-otp-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-otp-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-otp-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e9) 10%, transparent))] dark:bg-[var(--zui-otp-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf8) 18%, transparent))] text-[color:var(--zui-otp-electric-fg,var(--zui-color-electric,#0f172a))] dark:text-[color:var(--zui-otp-electric-fg-dark,var(--zui-color-electric-dark,#f8fafc))]",
+  forest: "border border-[color:var(--zui-otp-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-otp-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-otp-forest-bg,color-mix(in oklch, var(--zui-color-forest,#166534) 10%, transparent))] dark:bg-[var(--zui-otp-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade80) 18%, transparent))] text-[color:var(--zui-otp-forest-fg,var(--zui-color-forest,#0f172a))] dark:text-[color:var(--zui-otp-forest-fg-dark,var(--zui-color-forest-dark,#f8fafc))]",
+  sunset: "border border-[color:var(--zui-otp-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-otp-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-otp-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c) 10%, transparent))] dark:bg-[var(--zui-otp-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c) 18%, transparent))] text-[color:var(--zui-otp-sunset-fg,var(--zui-color-sunset,#0f172a))] dark:text-[color:var(--zui-otp-sunset-fg-dark,var(--zui-color-sunset-dark,#f8fafc))]",
+  magenta: "border border-[color:var(--zui-otp-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-otp-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-otp-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d3) 10%, transparent))] dark:bg-[var(--zui-otp-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f9) 18%, transparent))] text-[color:var(--zui-otp-magenta-fg,var(--zui-color-magenta,#0f172a))] dark:text-[color:var(--zui-otp-magenta-fg-dark,var(--zui-color-magenta-dark,#f8fafc))]",
+  crimson: "border border-[color:var(--zui-otp-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-otp-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-otp-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c) 10%, transparent))] dark:bg-[var(--zui-otp-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f87171) 18%, transparent))] text-[color:var(--zui-otp-crimson-fg,var(--zui-color-crimson,#0f172a))] dark:text-[color:var(--zui-otp-crimson-fg-dark,var(--zui-color-crimson-dark,#f8fafc))]",
+  aqua: "border border-[color:var(--zui-otp-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-otp-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-otp-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e) 10%, transparent))] dark:bg-[var(--zui-otp-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf) 18%, transparent))] text-[color:var(--zui-otp-aqua-fg,var(--zui-color-aqua,#0f172a))] dark:text-[color:var(--zui-otp-aqua-fg-dark,var(--zui-color-aqua-dark,#f8fafc))]",
+  plum: "border border-[color:var(--zui-otp-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-otp-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-otp-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce) 10%, transparent))] dark:bg-[var(--zui-otp-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc) 18%, transparent))] text-[color:var(--zui-otp-plum-fg,var(--zui-color-plum,#0f172a))] dark:text-[color:var(--zui-otp-plum-fg-dark,var(--zui-color-plum-dark,#f8fafc))]"
+};
+
+exports.zuiOtpAppearances = zuiOtpAppearances;
+exports.zuiOtpCellBase = zuiOtpCellBase;
+exports.zuiOtpCellsBase = zuiOtpCellsBase;
+exports.zuiOtpErrorBase = zuiOtpErrorBase;
+exports.zuiOtpHintBase = zuiOtpHintBase;
+exports.zuiOtpLabelBase = zuiOtpLabelBase;
+exports.zuiOtpRootBase = zuiOtpRootBase;
+exports.zuiOtpSeparatorBase = zuiOtpSeparatorBase;
+exports.zuiOtpSizes = zuiOtpSizes;
+//# sourceMappingURL=chunk-BZTAA3MK.js.map
+//# sourceMappingURL=chunk-BZTAA3MK.js.map

package/dist/chunk-BZTAA3MK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/otp-input.ts"],"names":[],"mappings":";;;AAAO,IAAM,cAAA,GACX;AAEK,IAAM,eAAA,GACX;AAEK,IAAM,cAAA,GACX;AAEK,IAAM,eAAA,GAAkB;AAExB,IAAM,cAAA,GACX;AAEK,IAAM,mBAAA,GACX;AAEK,IAAM,eAAA,GACX;AAEK,IAAM,WAAA,GAAc;AAAA,EACzB,EAAA,EAAI,qCAAA;AAAA,EACJ,EAAA,EAAI,6BAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,iBAAA,GAAoB;AAAA,EAC/B,OAAA,EACE,snBAAA;AAAA,EACF,OAAA,EACE,ypBAAA;AAAA,EACF,KAAA,EACE,0wBAAA;AAAA,EACF,OAAA,EACE,osBAAA;AAAA,EACF,KAAA,EACE,+qBAAA;AAAA,EACF,OAAA,EACE,ksBAAA;AAAA,EACF,IAAA,EAAM,0qBAAA;AAAA,EACN,MAAA,EACE,wrBAAA;AAAA,EACF,KAAA,EACE,wqBAAA;AAAA,EACF,IAAA,EAAM,kqBAAA;AAAA,EACN,MAAA,EACE,0rBAAA;AAAA,EACF,MAAA,EACE,grBAAA;AAAA,EACF,IAAA,EAAM,ygBAAA;AAAA,EACN,IAAA,EAAM,ygBAAA;AAAA,EACN,KAAA,EACE,qhBAAA;AAAA,EACF,IAAA,EAAM,ygBAAA;AAAA,EACN,IAAA,EAAM,ygBAAA;AAAA,EACN,KAAA,EACE,qhBAAA;AAAA,EACF,QAAA,EACE,yjBAAA;AAAA,EACF,QAAA,EACE,yjBAAA;AAAA,EACF,IAAA,EAAM,ygBAAA;AAAA,EACN,GAAA,EAAK,6fAAA;AAAA,EACL,KAAA,EACE,qhBAAA;AAAA,EACF,IAAA,EAAM,ygBAAA;AAAA,EACN,KAAA,EACE,qhBAAA;AAAA,EACF,KAAA,EACE,qhBAAA;AAAA,EACF,QAAA,EACE,yjBAAA;AAAA,EACF,MAAA,EACE,iiBAAA;AAAA,EACF,MAAA,EACE,iiBAAA;AAAA,EACF,OAAA,EACE,6iBAAA;AAAA,EACF,OAAA,EACE,6iBAAA;AAAA,EACF,IAAA,EAAM,ygBAAA;AAAA,EACN,IAAA,EAAM;AACR","file":"chunk-BZTAA3MK.js","sourcesContent":["export const zuiOtpRootBase =\n  \"grid w-fit gap-2 text-[color:var(--zui-otp-label-fg,var(--zui-fg-muted,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-otp-label-fg-dark,var(--zui-fg-muted-dark,oklch(98.4%_0.003_247.858)))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50\";\n\nexport const zuiOtpLabelBase =\n  \"text-sm font-medium leading-6 text-[color:var(--zui-otp-label-fg,var(--zui-fg-muted,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-otp-label-fg-dark,var(--zui-fg-muted-dark,oklch(98.4%_0.003_247.858)))]\";\n\nexport const zuiOtpHintBase =\n  \"max-w-sm text-xs leading-5 text-[color:var(--zui-otp-hint-fg,var(--zui-fg-muted,oklch(55.4%_0.046_257.417)))] dark:text-[color:var(--zui-otp-hint-fg-dark,var(--zui-fg-muted-dark,oklch(70.4%_0.04_256.788)))]\";\n\nexport const zuiOtpCellsBase = \"flex flex-wrap items-center gap-2\";\n\nexport const zuiOtpCellBase =\n  \"grid place-items-center rounded-xl border bg-[var(--zui-otp-bg,var(--zui-surface-soft,#ffffff))] text-center font-semibold tabular-nums text-[color:var(--zui-otp-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] shadow-sm shadow-black/5 outline-none transition-[background-color,border-color,box-shadow,color,transform] placeholder:text-transparent focus-visible:-translate-y-0.5 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-otp-ring-offset-focus,var(--zui-ring-offset,#ffffff))] disabled:cursor-not-allowed dark:bg-[var(--zui-otp-bg-dark,var(--zui-surface-soft-dark,oklch(12.9%_0.042_264.695)))] dark:text-[color:var(--zui-otp-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] dark:shadow-black/20 dark:focus-visible:ring-offset-[var(--zui-otp-ring-offset-focus-dark,var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695)))]\";\n\nexport const zuiOtpSeparatorBase =\n  \"h-px w-3 shrink-0 bg-[color:var(--zui-otp-separator,#94a3b8)] opacity-70 dark:bg-[color:var(--zui-otp-separator-dark,#64748b)]\";\n\nexport const zuiOtpErrorBase =\n  \"text-sm leading-6 text-[color:var(--zui-otp-error-fg,var(--zui-status-error,oklch(58.6%_0.253_17.585)))] dark:text-[color:var(--zui-otp-error-fg-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))]\";\n\nexport const zuiOtpSizes = {\n  sm: \"size-7 md:size-9 rounded-lg text-sm\",\n  md: \"size-9 md:size-11 text-base\",\n  lg: \"size-11 md:size-13 rounded-2xl text-lg\",\n} as const;\n\nexport const zuiOtpAppearances = {\n  default:\n    \"border-[color:var(--zui-otp-default-border,var(--zui-border,#cbd5e1))] focus-visible:border-[color:var(--zui-otp-default-border-focus,var(--zui-border,oklch(44.6%_0.043_257.281)))] focus-visible:ring-[var(--zui-otp-default-ring-focus,var(--zui-focus-ring,oklch(44.6%_0.043_257.281_/_0.25)))] dark:border-[color:var(--zui-otp-default-border-dark,var(--zui-border-dark,#475569))] dark:focus-visible:border-[color:var(--zui-otp-default-border-focus-dark,var(--zui-border-dark,oklch(86.9%_0.022_252.894)))] dark:focus-visible:ring-[var(--zui-otp-default-ring-focus-dark,var(--zui-focus-ring-dark,oklch(86.9%_0.022_252.894_/_0.25)))]\",\n  outline:\n    \"border-[color:var(--zui-otp-outline-border,var(--zui-border,#64748b))] bg-transparent focus-visible:border-[color:var(--zui-otp-outline-border-focus,var(--zui-border,oklch(54.6%_0.245_262.881)))] focus-visible:ring-[var(--zui-otp-outline-ring-focus,var(--zui-focus-ring,oklch(54.6%_0.245_262.881_/_0.28)))] dark:border-[color:var(--zui-otp-outline-border-dark,var(--zui-border-dark,#94a3b8))] dark:bg-transparent dark:focus-visible:border-[color:var(--zui-otp-outline-border-focus-dark,var(--zui-border-dark,oklch(70.7%_0.165_254.624)))] dark:focus-visible:ring-[var(--zui-otp-outline-ring-focus-dark,var(--zui-focus-ring-dark,oklch(70.7%_0.165_254.624_/_0.28)))]\",\n  glass:\n    \"border-[color:var(--zui-otp-glass-border,var(--zui-border,#ffffff66))] bg-[var(--zui-otp-glass-bg,var(--zui-surface-soft,#ffffffcc))] backdrop-blur-md focus-visible:border-[color:var(--zui-otp-glass-border-focus,var(--zui-border,oklch(70.7%_0.165_254.624)))] focus-visible:ring-[var(--zui-otp-glass-ring-focus,var(--zui-focus-ring,oklch(70.7%_0.165_254.624_/_0.32)))] dark:border-[color:var(--zui-otp-glass-border-dark,var(--zui-border-dark,#ffffff26))] dark:bg-[var(--zui-otp-glass-bg-dark,var(--zui-surface-soft-dark,#0f172acc))] dark:focus-visible:border-[color:var(--zui-otp-glass-border-focus-dark,var(--zui-border-dark,oklch(78.9%_0.154_211.53)))] dark:focus-visible:ring-[var(--zui-otp-glass-ring-focus-dark,var(--zui-focus-ring-dark,oklch(78.9%_0.154_211.53_/_0.32)))]\",\n  success:\n    \"border-[color:var(--zui-otp-success-border,var(--zui-status-success,oklch(69.6%_0.17_162.48_/_0.6)))] focus-visible:border-[color:var(--zui-otp-success-border-focus,var(--zui-status-success,oklch(59.6%_0.145_163.225)))] focus-visible:ring-[var(--zui-otp-success-ring-focus,var(--zui-focus-ring,oklch(59.6%_0.145_163.225_/_0.28)))] dark:border-[color:var(--zui-otp-success-border-dark,var(--zui-status-success-dark,oklch(69.6%_0.17_162.48_/_0.5)))] dark:focus-visible:border-[color:var(--zui-otp-success-border-focus-dark,var(--zui-status-success-dark,oklch(77.7%_0.152_181.912)))] dark:focus-visible:ring-[var(--zui-otp-success-ring-focus-dark,var(--zui-focus-ring-dark,oklch(77.7%_0.152_181.912_/_0.28)))]\",\n  error:\n    \"border-[color:var(--zui-otp-error-border,var(--zui-status-error,oklch(58.6%_0.253_17.585_/_0.7)))] focus-visible:border-[color:var(--zui-otp-error-border-focus,var(--zui-status-error,oklch(58.6%_0.253_17.585)))] focus-visible:ring-[var(--zui-otp-error-ring-focus,var(--zui-focus-ring,oklch(58.6%_0.253_17.585_/_0.28)))] dark:border-[color:var(--zui-otp-error-border-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428_/_0.65)))] dark:focus-visible:border-[color:var(--zui-otp-error-border-focus-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))] dark:focus-visible:ring-[var(--zui-otp-error-ring-focus-dark,var(--zui-focus-ring-dark,oklch(71.2%_0.194_13.428_/_0.28)))]\",\n  warning:\n    \"border-[color:var(--zui-otp-warning-border,var(--zui-status-warning,oklch(79.5%_0.184_86.047_/_0.7)))] focus-visible:border-[color:var(--zui-otp-warning-border-focus,var(--zui-status-warning,oklch(68.1%_0.162_75.834)))] focus-visible:ring-[var(--zui-otp-warning-ring-focus,var(--zui-focus-ring,oklch(68.1%_0.162_75.834_/_0.28)))] dark:border-[color:var(--zui-otp-warning-border-dark,var(--zui-status-warning-dark,oklch(79.5%_0.184_86.047_/_0.5)))] dark:focus-visible:border-[color:var(--zui-otp-warning-border-focus-dark,var(--zui-status-warning-dark,oklch(85.2%_0.199_91.936)))] dark:focus-visible:ring-[var(--zui-otp-warning-ring-focus-dark,var(--zui-focus-ring-dark,oklch(85.2%_0.199_91.936_/_0.28)))]\",\n  info: \"border-[color:var(--zui-otp-info-border,var(--zui-status-info,oklch(62.3%_0.214_259.815_/_0.7)))] focus-visible:border-[color:var(--zui-otp-info-border-focus,var(--zui-status-info,oklch(54.6%_0.245_262.881)))] focus-visible:ring-[var(--zui-otp-info-ring-focus,var(--zui-focus-ring,oklch(54.6%_0.245_262.881_/_0.28)))] dark:border-[color:var(--zui-otp-info-border-dark,var(--zui-status-info-dark,oklch(62.3%_0.214_259.815_/_0.5)))] dark:focus-visible:border-[color:var(--zui-otp-info-border-focus-dark,var(--zui-status-info-dark,oklch(70.7%_0.165_254.624)))] dark:focus-visible:ring-[var(--zui-otp-info-ring-focus-dark,var(--zui-focus-ring-dark,oklch(70.7%_0.165_254.624_/_0.28)))]\",\n  violet:\n    \"border-[color:var(--zui-otp-violet-border,var(--zui-color-violet,oklch(60.6%_0.25_292.717_/_0.7)))] focus-visible:border-[color:var(--zui-otp-violet-border-focus,var(--zui-color-violet,oklch(54.1%_0.281_293.009)))] focus-visible:ring-[var(--zui-otp-violet-ring-focus,var(--zui-focus-ring,oklch(54.1%_0.281_293.009_/_0.28)))] dark:border-[color:var(--zui-otp-violet-border-dark,var(--zui-color-violet-dark,oklch(60.6%_0.25_292.717_/_0.5)))] dark:focus-visible:border-[color:var(--zui-otp-violet-border-focus-dark,var(--zui-color-violet-dark,oklch(70.2%_0.183_293.541)))] dark:focus-visible:ring-[var(--zui-otp-violet-ring-focus-dark,var(--zui-focus-ring-dark,oklch(70.2%_0.183_293.541_/_0.28)))]\",\n  amber:\n    \"border-[color:var(--zui-otp-amber-border,var(--zui-color-amber,oklch(76.9%_0.188_70.08_/_0.7)))] focus-visible:border-[color:var(--zui-otp-amber-border-focus,var(--zui-color-amber,oklch(66.6%_0.179_58.318)))] focus-visible:ring-[var(--zui-otp-amber-ring-focus,var(--zui-focus-ring,oklch(66.6%_0.179_58.318_/_0.28)))] dark:border-[color:var(--zui-otp-amber-border-dark,var(--zui-color-amber-dark,oklch(76.9%_0.188_70.08_/_0.5)))] dark:focus-visible:border-[color:var(--zui-otp-amber-border-focus-dark,var(--zui-color-amber-dark,oklch(82.8%_0.189_84.429)))] dark:focus-visible:ring-[var(--zui-otp-amber-ring-focus-dark,var(--zui-focus-ring-dark,oklch(82.8%_0.189_84.429_/_0.28)))]\",\n  pink: \"border-[color:var(--zui-otp-pink-border,var(--zui-color-pink,oklch(65.6%_0.241_354.308_/_0.7)))] focus-visible:border-[color:var(--zui-otp-pink-border-focus,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] focus-visible:ring-[var(--zui-otp-pink-ring-focus,var(--zui-focus-ring,oklch(59.2%_0.249_0.584_/_0.28)))] dark:border-[color:var(--zui-otp-pink-border-dark,var(--zui-color-pink-dark,oklch(65.6%_0.241_354.308_/_0.5)))] dark:focus-visible:border-[color:var(--zui-otp-pink-border-focus-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))] dark:focus-visible:ring-[var(--zui-otp-pink-ring-focus-dark,var(--zui-focus-ring-dark,oklch(71.8%_0.202_349.761_/_0.28)))]\",\n  indigo:\n    \"border-[color:var(--zui-otp-indigo-border,var(--zui-color-indigo,oklch(58.5%_0.233_277.117_/_0.7)))] focus-visible:border-[color:var(--zui-otp-indigo-border-focus,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] focus-visible:ring-[var(--zui-otp-indigo-ring-focus,var(--zui-focus-ring,oklch(51.1%_0.262_276.966_/_0.28)))] dark:border-[color:var(--zui-otp-indigo-border-dark,var(--zui-color-indigo-dark,oklch(58.5%_0.233_277.117_/_0.5)))] dark:focus-visible:border-[color:var(--zui-otp-indigo-border-focus-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))] dark:focus-visible:ring-[var(--zui-otp-indigo-ring-focus-dark,var(--zui-focus-ring-dark,oklch(67.3%_0.182_276.935_/_0.28)))]\",\n  orange:\n    \"border-[color:var(--zui-otp-orange-border,var(--zui-color-orange,oklch(70.5%_0.213_47.604_/_0.7)))] focus-visible:border-[color:var(--zui-otp-orange-border-focus,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] focus-visible:ring-[var(--zui-otp-orange-ring-focus,var(--zui-focus-ring,oklch(64.6%_0.222_41.116_/_0.28)))] dark:border-[color:var(--zui-otp-orange-border-dark,var(--zui-color-orange-dark,oklch(70.5%_0.213_47.604_/_0.5)))] dark:focus-visible:border-[color:var(--zui-otp-orange-border-focus-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))] dark:focus-visible:ring-[var(--zui-otp-orange-ring-focus-dark,var(--zui-focus-ring-dark,oklch(75%_0.183_55.934_/_0.28)))]\",\n  blue: \"border border-[color:var(--zui-otp-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-otp-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-otp-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb) 10%, transparent))] dark:bg-[var(--zui-otp-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f6) 18%, transparent))] text-[color:var(--zui-otp-blue-fg,var(--zui-color-blue,#0f172a))] dark:text-[color:var(--zui-otp-blue-fg-dark,var(--zui-color-blue-dark,#f8fafc))]\",\n  cyan: \"border border-[color:var(--zui-otp-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-otp-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-otp-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b2) 10%, transparent))] dark:bg-[var(--zui-otp-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee) 18%, transparent))] text-[color:var(--zui-otp-cyan-fg,var(--zui-color-cyan,#0f172a))] dark:text-[color:var(--zui-otp-cyan-fg-dark,var(--zui-color-cyan-dark,#f8fafc))]\",\n  green:\n    \"border border-[color:var(--zui-otp-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-otp-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-otp-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a) 10%, transparent))] dark:bg-[var(--zui-otp-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e) 18%, transparent))] text-[color:var(--zui-otp-green-fg,var(--zui-color-green,#0f172a))] dark:text-[color:var(--zui-otp-green-fg-dark,var(--zui-color-green-dark,#f8fafc))]\",\n  lime: \"border border-[color:var(--zui-otp-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-otp-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-otp-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d) 10%, transparent))] dark:bg-[var(--zui-otp-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e635) 18%, transparent))] text-[color:var(--zui-otp-lime-fg,var(--zui-color-lime,#0f172a))] dark:text-[color:var(--zui-otp-lime-fg-dark,var(--zui-color-lime-dark,#f8fafc))]\",\n  mint: \"border border-[color:var(--zui-otp-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-otp-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-otp-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b981) 10%, transparent))] dark:bg-[var(--zui-otp-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b7) 18%, transparent))] text-[color:var(--zui-otp-mint-fg,var(--zui-color-mint,#0f172a))] dark:text-[color:var(--zui-otp-mint-fg-dark,var(--zui-color-mint-dark,#f8fafc))]\",\n  ocean:\n    \"border border-[color:var(--zui-otp-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-otp-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-otp-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c7) 10%, transparent))] dark:bg-[var(--zui-otp-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf8) 18%, transparent))] text-[color:var(--zui-otp-ocean-fg,var(--zui-color-ocean,#0f172a))] dark:text-[color:var(--zui-otp-ocean-fg-dark,var(--zui-color-ocean-dark,#f8fafc))]\",\n  sapphire:\n    \"border border-[color:var(--zui-otp-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-otp-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-otp-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed8) 10%, transparent))] dark:bg-[var(--zui-otp-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa) 18%, transparent))] text-[color:var(--zui-otp-sapphire-fg,var(--zui-color-sapphire,#0f172a))] dark:text-[color:var(--zui-otp-sapphire-fg-dark,var(--zui-color-sapphire-dark,#f8fafc))]\",\n  lavender:\n    \"border border-[color:var(--zui-otp-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-otp-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-otp-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf6) 10%, transparent))] dark:bg-[var(--zui-otp-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa) 18%, transparent))] text-[color:var(--zui-otp-lavender-fg,var(--zui-color-lavender,#0f172a))] dark:text-[color:var(--zui-otp-lavender-fg-dark,var(--zui-color-lavender-dark,#f8fafc))]\",\n  ruby: \"border border-[color:var(--zui-otp-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-otp-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-otp-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c) 10%, transparent))] dark:bg-[var(--zui-otp-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb7185) 18%, transparent))] text-[color:var(--zui-otp-ruby-fg,var(--zui-color-ruby,#0f172a))] dark:text-[color:var(--zui-otp-ruby-fg-dark,var(--zui-color-ruby-dark,#f8fafc))]\",\n  red: \"border border-[color:var(--zui-otp-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-otp-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-otp-red-bg,color-mix(in oklch, var(--zui-color-red,#dc2626) 10%, transparent))] dark:bg-[var(--zui-otp-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef4444) 18%, transparent))] text-[color:var(--zui-otp-red-fg,var(--zui-color-red,#0f172a))] dark:text-[color:var(--zui-otp-red-fg-dark,var(--zui-color-red-dark,#f8fafc))]\",\n  slate:\n    \"border border-[color:var(--zui-otp-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-otp-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-otp-slate-bg,color-mix(in oklch, var(--zui-color-slate,#475569) 10%, transparent))] dark:bg-[var(--zui-otp-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b) 18%, transparent))] text-[color:var(--zui-otp-slate-fg,var(--zui-color-slate,#0f172a))] dark:text-[color:var(--zui-otp-slate-fg-dark,var(--zui-color-slate-dark,#f8fafc))]\",\n  zinc: \"border border-[color:var(--zui-otp-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-otp-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-otp-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b) 10%, transparent))] dark:bg-[var(--zui-otp-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a) 18%, transparent))] text-[color:var(--zui-otp-zinc-fg,var(--zui-color-zinc,#0f172a))] dark:text-[color:var(--zui-otp-zinc-fg-dark,var(--zui-color-zinc-dark,#f8fafc))]\",\n  stone:\n    \"border border-[color:var(--zui-otp-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-otp-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-otp-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e) 10%, transparent))] dark:bg-[var(--zui-otp-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c) 18%, transparent))] text-[color:var(--zui-otp-stone-fg,var(--zui-color-stone,#0f172a))] dark:text-[color:var(--zui-otp-stone-fg-dark,var(--zui-color-stone-dark,#f8fafc))]\",\n  royal:\n    \"border border-[color:var(--zui-otp-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-otp-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-otp-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca) 10%, transparent))] dark:bg-[var(--zui-otp-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf8) 18%, transparent))] text-[color:var(--zui-otp-royal-fg,var(--zui-color-royal,#0f172a))] dark:text-[color:var(--zui-otp-royal-fg-dark,var(--zui-color-royal-dark,#f8fafc))]\",\n  electric:\n    \"border border-[color:var(--zui-otp-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-otp-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-otp-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e9) 10%, transparent))] dark:bg-[var(--zui-otp-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf8) 18%, transparent))] text-[color:var(--zui-otp-electric-fg,var(--zui-color-electric,#0f172a))] dark:text-[color:var(--zui-otp-electric-fg-dark,var(--zui-color-electric-dark,#f8fafc))]\",\n  forest:\n    \"border border-[color:var(--zui-otp-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-otp-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-otp-forest-bg,color-mix(in oklch, var(--zui-color-forest,#166534) 10%, transparent))] dark:bg-[var(--zui-otp-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade80) 18%, transparent))] text-[color:var(--zui-otp-forest-fg,var(--zui-color-forest,#0f172a))] dark:text-[color:var(--zui-otp-forest-fg-dark,var(--zui-color-forest-dark,#f8fafc))]\",\n  sunset:\n    \"border border-[color:var(--zui-otp-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-otp-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-otp-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c) 10%, transparent))] dark:bg-[var(--zui-otp-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c) 18%, transparent))] text-[color:var(--zui-otp-sunset-fg,var(--zui-color-sunset,#0f172a))] dark:text-[color:var(--zui-otp-sunset-fg-dark,var(--zui-color-sunset-dark,#f8fafc))]\",\n  magenta:\n    \"border border-[color:var(--zui-otp-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-otp-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-otp-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d3) 10%, transparent))] dark:bg-[var(--zui-otp-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f9) 18%, transparent))] text-[color:var(--zui-otp-magenta-fg,var(--zui-color-magenta,#0f172a))] dark:text-[color:var(--zui-otp-magenta-fg-dark,var(--zui-color-magenta-dark,#f8fafc))]\",\n  crimson:\n    \"border border-[color:var(--zui-otp-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-otp-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-otp-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c) 10%, transparent))] dark:bg-[var(--zui-otp-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f87171) 18%, transparent))] text-[color:var(--zui-otp-crimson-fg,var(--zui-color-crimson,#0f172a))] dark:text-[color:var(--zui-otp-crimson-fg-dark,var(--zui-color-crimson-dark,#f8fafc))]\",\n  aqua: \"border border-[color:var(--zui-otp-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-otp-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-otp-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e) 10%, transparent))] dark:bg-[var(--zui-otp-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf) 18%, transparent))] text-[color:var(--zui-otp-aqua-fg,var(--zui-color-aqua,#0f172a))] dark:text-[color:var(--zui-otp-aqua-fg-dark,var(--zui-color-aqua-dark,#f8fafc))]\",\n  plum: \"border border-[color:var(--zui-otp-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-otp-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-otp-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce) 10%, transparent))] dark:bg-[var(--zui-otp-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc) 18%, transparent))] text-[color:var(--zui-otp-plum-fg,var(--zui-color-plum,#0f172a))] dark:text-[color:var(--zui-otp-plum-fg-dark,var(--zui-color-plum-dark,#f8fafc))]\",\n} as const;\n"]}

package/dist/chunk-C6K2SWHC.mjs

@@ -0,0 +1,74 @@
+// src/design-system/tabs.ts
+var zuiTabsListBase = "flex flex-wrap items-center gap-1";
+var zuiTabsListVariants = {
+  default: "bg-[var(--zui-tabs-list-default-bg,transparent)] dark:bg-[var(--zui-tabs-list-default-bg-dark,transparent)]",
+  underline: "border-b-2 border-[color:var(--zui-tabs-list-underline-border,transparent)] dark:border-[color:var(--zui-tabs-list-underline-border-dark,transparent)]",
+  pills: "rounded-md"
+};
+var zuiTabsListSizes = {
+  sm: "text-sm p-1",
+  md: "text-base p-1.5",
+  lg: "text-lg p-2"
+};
+var zuiTabsOrientations = {
+  horizontal: "flex-row",
+  vertical: "flex-col"
+};
+var zuiTabsTriggerBase = "px-3 py-1.5 rounded-md transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-tabs-trigger-ring-focus,var(--zui-focus-ring,oklch(44.6%_0.043_257.281)))] dark:focus-visible:ring-[var(--zui-tabs-trigger-ring-focus-dark,var(--zui-focus-ring-dark,oklch(86.9%_0.022_252.894)))]";
+var zuiTabsTriggerAppearances = {
+  default: "bg-[var(--zui-tabs-trigger-default-bg,transparent)] dark:bg-[var(--zui-tabs-trigger-default-bg-dark,transparent)] text-[color:var(--zui-tabs-trigger-default-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-tabs-trigger-default-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]",
+  sky: "bg-[var(--zui-tabs-trigger-sky-bg,var(--zui-color-sky,oklch(82.8%_0.111_230.318)))] text-[color:var(--zui-tabs-trigger-sky-fg,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:bg-[var(--zui-tabs-trigger-sky-bg-dark,var(--zui-color-sky-dark,oklch(39.1%_0.09_240.876)))] dark:text-[color:var(--zui-tabs-trigger-sky-fg-dark,var(--zui-color-sky-dark,oklch(90.1%_0.058_230.902)))] data-[state=active]:bg-[var(--zui-tabs-trigger-sky-bg-active,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-sky-bg-active-dark,var(--zui-color-sky-dark,oklch(50%_0.134_242.749)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-sky-fg-active,var(--zui-color-sky,oklch(97.7%_0.013_236.62)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-sky-fg-active-dark,var(--zui-color-sky-dark,oklch(95.1%_0.026_236.824)))]",
+  rose: "bg-[var(--zui-tabs-trigger-rose-bg,var(--zui-color-rose,oklch(81%_0.117_11.638)))] text-[color:var(--zui-tabs-trigger-rose-fg,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:bg-[var(--zui-tabs-trigger-rose-bg-dark,var(--zui-color-rose-dark,oklch(41%_0.159_10.272)))] dark:text-[color:var(--zui-tabs-trigger-rose-fg-dark,var(--zui-color-rose-dark,oklch(89.2%_0.058_10.001)))] data-[state=active]:bg-[var(--zui-tabs-trigger-rose-bg-active,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-rose-bg-active-dark,var(--zui-color-rose-dark,oklch(51.4%_0.222_16.935)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-rose-fg-active,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-rose-fg-active-dark,var(--zui-color-rose-dark,oklch(94.1%_0.03_12.58)))]",
+  purple: "bg-[var(--zui-tabs-trigger-purple-bg,var(--zui-color-purple,oklch(82.7%_0.119_306.383)))] text-[color:var(--zui-tabs-trigger-purple-fg,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:bg-[var(--zui-tabs-trigger-purple-bg-dark,var(--zui-color-purple-dark,oklch(38.1%_0.176_304.987)))] dark:text-[color:var(--zui-tabs-trigger-purple-fg-dark,var(--zui-color-purple-dark,oklch(90.2%_0.063_306.703)))] data-[state=active]:bg-[var(--zui-tabs-trigger-purple-bg-active,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-purple-bg-active-dark,var(--zui-color-purple-dark,oklch(49.6%_0.265_301.924)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-purple-fg-active,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-purple-fg-active-dark,var(--zui-color-purple-dark,oklch(94.6%_0.033_307.174)))]",
+  pink: "bg-[var(--zui-tabs-trigger-pink-bg,var(--zui-color-pink,oklch(82.3%_0.12_346.018)))] text-[color:var(--zui-tabs-trigger-pink-fg,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:bg-[var(--zui-tabs-trigger-pink-bg-dark,var(--zui-color-pink-dark,oklch(40.8%_0.153_2.432)))] dark:text-[color:var(--zui-tabs-trigger-pink-fg-dark,var(--zui-color-pink-dark,oklch(89.9%_0.061_343.231)))] data-[state=active]:bg-[var(--zui-tabs-trigger-pink-bg-active,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-pink-bg-active-dark,var(--zui-color-pink-dark,oklch(52.5%_0.223_3.958)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-pink-fg-active,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-pink-fg-active-dark,var(--zui-color-pink-dark,oklch(94.8%_0.028_342.258)))]",
+  orange: "bg-[var(--zui-tabs-trigger-orange-bg,var(--zui-color-orange,oklch(83.7%_0.128_66.29)))] text-[color:var(--zui-tabs-trigger-orange-fg,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:bg-[var(--zui-tabs-trigger-orange-bg-dark,var(--zui-color-orange-dark,oklch(40.8%_0.123_38.172)))] dark:text-[color:var(--zui-tabs-trigger-orange-fg-dark,var(--zui-color-orange-dark,oklch(90.1%_0.076_70.697)))] data-[state=active]:bg-[var(--zui-tabs-trigger-orange-bg-active,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-orange-bg-active-dark,var(--zui-color-orange-dark,oklch(55.3%_0.195_38.402)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-orange-fg-active,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-orange-fg-active-dark,var(--zui-color-orange-dark,oklch(95.4%_0.038_75.164)))]",
+  yellow: "bg-[var(--zui-tabs-trigger-yellow-bg,var(--zui-color-yellow,oklch(90.5%_0.182_98.111)))] text-[color:var(--zui-tabs-trigger-yellow-fg,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:bg-[var(--zui-tabs-trigger-yellow-bg-dark,var(--zui-color-yellow-dark,oklch(42.1%_0.095_57.708)))] dark:text-[color:var(--zui-tabs-trigger-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(94.5%_0.129_101.54)))] data-[state=active]:bg-[var(--zui-tabs-trigger-yellow-bg-active,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-yellow-bg-active-dark,var(--zui-color-yellow-dark,oklch(55.4%_0.135_66.442)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-yellow-fg-active,var(--zui-color-yellow,oklch(98.7%_0.026_102.212)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-yellow-fg-active-dark,var(--zui-color-yellow-dark,oklch(97.3%_0.071_103.193)))]",
+  teal: "bg-[var(--zui-tabs-trigger-teal-bg,var(--zui-color-teal,oklch(85.5%_0.138_181.071)))] text-[color:var(--zui-tabs-trigger-teal-fg,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:bg-[var(--zui-tabs-trigger-teal-bg-dark,var(--zui-color-teal-dark,oklch(38.6%_0.063_188.416)))] dark:text-[color:var(--zui-tabs-trigger-teal-fg-dark,var(--zui-color-teal-dark,oklch(91%_0.096_180.426)))] data-[state=active]:bg-[var(--zui-tabs-trigger-teal-bg-active,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-teal-bg-active-dark,var(--zui-color-teal-dark,oklch(51.1%_0.096_186.391)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-teal-fg-active,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-teal-fg-active-dark,var(--zui-color-teal-dark,oklch(95.3%_0.051_180.801)))]",
+  indigo: "bg-[var(--zui-tabs-trigger-indigo-bg,var(--zui-color-indigo,oklch(78.5%_0.115_274.713)))] text-[color:var(--zui-tabs-trigger-indigo-fg,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:bg-[var(--zui-tabs-trigger-indigo-bg-dark,var(--zui-color-indigo-dark,oklch(35.9%_0.144_278.697)))] dark:text-[color:var(--zui-tabs-trigger-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(87%_0.065_274.039)))] data-[state=active]:bg-[var(--zui-tabs-trigger-indigo-bg-active,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-indigo-bg-active-dark,var(--zui-color-indigo-dark,oklch(45.7%_0.24_277.023)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-indigo-fg-active,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-indigo-fg-active-dark,var(--zui-color-indigo-dark,oklch(93%_0.034_272.788)))]",
+  emerald: "bg-[var(--zui-tabs-trigger-emerald-bg,var(--zui-color-emerald,oklch(84.5%_0.143_164.978)))] text-[color:var(--zui-tabs-trigger-emerald-fg,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:bg-[var(--zui-tabs-trigger-emerald-bg-dark,var(--zui-color-emerald-dark,oklch(37.8%_0.077_168.94)))] dark:text-[color:var(--zui-tabs-trigger-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(90.5%_0.093_164.15)))] data-[state=active]:bg-[var(--zui-tabs-trigger-emerald-bg-active,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-emerald-bg-active-dark,var(--zui-color-emerald-dark,oklch(50.8%_0.118_165.612)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-emerald-fg-active,var(--zui-color-emerald,oklch(97.9%_0.021_166.113)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-emerald-fg-active-dark,var(--zui-color-emerald-dark,oklch(95%_0.052_163.051)))]",
+  gray: "bg-[var(--zui-tabs-trigger-gray-bg,var(--zui-color-gray,oklch(87.2%_0.01_258.338)))] text-[color:var(--zui-tabs-trigger-gray-fg,var(--zui-color-gray,oklch(21%_0.034_264.665)))] dark:bg-[var(--zui-tabs-trigger-gray-bg-dark,var(--zui-color-gray-dark,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-tabs-trigger-gray-fg-dark,var(--zui-color-gray-dark,oklch(92.8%_0.006_264.531)))] data-[state=active]:bg-[var(--zui-tabs-trigger-gray-bg-active,var(--zui-color-gray,oklch(21%_0.034_264.665)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-gray-bg-active-dark,var(--zui-color-gray-dark,oklch(37.3%_0.034_259.733)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gray-fg-active,var(--zui-color-gray,oklch(98.5%_0.002_247.839)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gray-fg-active-dark,var(--zui-color-gray-dark,oklch(96.7%_0.003_264.542)))]",
+  "gradient-blue": "bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-blue-from,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:from-[var(--zui-tabs-trigger-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(42.4%_0.199_265.638)))] to-[var(--zui-tabs-trigger-gradient-blue-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-tabs-trigger-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-tabs-trigger-gradient-blue-fg,var(--zui-brand-fg,oklch(93.2%_0.032_255.585)))] dark:text-[color:var(--zui-tabs-trigger-gradient-blue-fg-dark,var(--zui-brand-fg-dark,oklch(97%_0.014_254.604)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-blue-from-active,var(--zui-color-blue,oklch(54.6%_0.245_262.881)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-blue-from-active-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-blue-to-active,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-blue-to-active-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-blue-fg-active,var(--zui-brand-fg,oklch(93.2%_0.032_255.585)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-blue-fg-active-dark,var(--zui-brand-fg-dark,oklch(93.2%_0.032_255.585)))]",
+  "gradient-green": "bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-green-from,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:from-[var(--zui-tabs-trigger-gradient-green-from-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328)))] to-[var(--zui-tabs-trigger-gradient-green-to,var(--zui-color-lime,oklch(45.3%_0.124_130.933)))] dark:to-[var(--zui-tabs-trigger-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(45.3%_0.124_130.933)))] text-[color:var(--zui-tabs-trigger-gradient-green-fg,var(--zui-brand-fg,oklch(96.2%_0.044_156.743)))] dark:text-[color:var(--zui-tabs-trigger-gradient-green-fg-dark,var(--zui-brand-fg-dark,oklch(98.2%_0.018_155.826)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-green-from-active,var(--zui-color-green,oklch(62.7%_0.194_149.214)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-green-from-active-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-green-to-active,var(--zui-color-lime,oklch(64.8%_0.2_131.684)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-green-to-active-dark,var(--zui-color-lime-dark,oklch(64.8%_0.2_131.684)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-green-fg-active,var(--zui-brand-fg,oklch(96.2%_0.044_156.743)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-green-fg-active-dark,var(--zui-brand-fg-dark,oklch(96.2%_0.044_156.743)))]",
+  "gradient-red": "bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-red-from,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:from-[var(--zui-tabs-trigger-gradient-red-from-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] to-[var(--zui-tabs-trigger-gradient-red-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-tabs-trigger-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-tabs-trigger-gradient-red-fg,var(--zui-brand-fg,oklch(93.6%_0.032_17.717)))] dark:text-[color:var(--zui-tabs-trigger-gradient-red-fg-dark,var(--zui-brand-fg-dark,oklch(97.1%_0.013_17.38)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-red-from-active,var(--zui-color-red,oklch(57.7%_0.245_27.325)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-red-from-active-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-red-to-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-red-to-active-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-red-fg-active,var(--zui-brand-fg,oklch(93.6%_0.032_17.717)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-red-fg-active-dark,var(--zui-brand-fg-dark,oklch(93.6%_0.032_17.717)))]",
+  "gradient-yellow": "bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-yellow-from,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:from-[var(--zui-tabs-trigger-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] to-[var(--zui-tabs-trigger-gradient-yellow-to,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:to-[var(--zui-tabs-trigger-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] text-[color:var(--zui-tabs-trigger-gradient-yellow-fg,var(--zui-brand-fg,oklch(97.3%_0.071_103.193)))] dark:text-[color:var(--zui-tabs-trigger-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,oklch(98.7%_0.026_102.212)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-yellow-from-active,var(--zui-color-yellow,oklch(68.1%_0.162_75.834)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-yellow-from-active-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-yellow-to-active,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-yellow-to-active-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-yellow-fg-active,var(--zui-brand-fg,oklch(97.3%_0.071_103.193)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-yellow-fg-active-dark,var(--zui-brand-fg-dark,oklch(97.3%_0.071_103.193)))]",
+  "gradient-purple": "bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-purple-from,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:from-[var(--zui-tabs-trigger-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] to-[var(--zui-tabs-trigger-gradient-purple-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-tabs-trigger-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-tabs-trigger-gradient-purple-fg,var(--zui-brand-fg,oklch(94.6%_0.033_307.174)))] dark:text-[color:var(--zui-tabs-trigger-gradient-purple-fg-dark,var(--zui-brand-fg-dark,oklch(97.7%_0.014_308.299)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-purple-from-active,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-purple-from-active-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-purple-to-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-purple-to-active-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-purple-fg-active,var(--zui-brand-fg,oklch(94.6%_0.033_307.174)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-purple-fg-active-dark,var(--zui-brand-fg-dark,oklch(94.6%_0.033_307.174)))]",
+  "gradient-teal": "bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-teal-from,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:from-[var(--zui-tabs-trigger-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216)))] to-[var(--zui-tabs-trigger-gradient-teal-to,var(--zui-color-cyan,oklch(45%_0.085_224.283)))] dark:to-[var(--zui-tabs-trigger-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(45%_0.085_224.283)))] text-[color:var(--zui-tabs-trigger-gradient-teal-fg,var(--zui-brand-fg,oklch(95.3%_0.051_180.801)))] dark:text-[color:var(--zui-tabs-trigger-gradient-teal-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.014_180.72)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-teal-from-active,var(--zui-color-teal,oklch(60%_0.118_184.704)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-teal-from-active-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-teal-to-active,var(--zui-color-cyan,oklch(60.9%_0.126_221.723)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-teal-to-active-dark,var(--zui-color-cyan-dark,oklch(60.9%_0.126_221.723)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-teal-fg-active,var(--zui-brand-fg,oklch(95.3%_0.051_180.801)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-teal-fg-active-dark,var(--zui-brand-fg-dark,oklch(95.3%_0.051_180.801)))]",
+  "gradient-indigo": "bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-indigo-from,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:from-[var(--zui-tabs-trigger-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366)))] to-[var(--zui-tabs-trigger-gradient-indigo-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-tabs-trigger-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-tabs-trigger-gradient-indigo-fg,var(--zui-brand-fg,oklch(93%_0.034_272.788)))] dark:text-[color:var(--zui-tabs-trigger-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,oklch(96.2%_0.018_272.314)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-indigo-from-active,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-indigo-from-active-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-indigo-to-active,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-indigo-to-active-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-indigo-fg-active,var(--zui-brand-fg,oklch(93%_0.034_272.788)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-indigo-fg-active-dark,var(--zui-brand-fg-dark,oklch(93%_0.034_272.788)))]",
+  "gradient-pink": "bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-pink-from,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:from-[var(--zui-tabs-trigger-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] to-[var(--zui-tabs-trigger-gradient-pink-to,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:to-[var(--zui-tabs-trigger-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697)))] text-[color:var(--zui-tabs-trigger-gradient-pink-fg,var(--zui-brand-fg,oklch(94.8%_0.028_342.258)))] dark:text-[color:var(--zui-tabs-trigger-gradient-pink-fg-dark,var(--zui-brand-fg-dark,oklch(97.1%_0.014_343.198)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-pink-from-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-pink-from-active-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-pink-to-active,var(--zui-color-rose,oklch(58.6%_0.253_17.585)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-pink-to-active-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-pink-fg-active,var(--zui-brand-fg,oklch(94.8%_0.028_342.258)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-pink-fg-active-dark,var(--zui-brand-fg-dark,oklch(94.8%_0.028_342.258)))]",
+  "gradient-orange": "bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-orange-from,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:from-[var(--zui-tabs-trigger-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] to-[var(--zui-tabs-trigger-gradient-orange-to,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:to-[var(--zui-tabs-trigger-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] text-[color:var(--zui-tabs-trigger-gradient-orange-fg,var(--zui-brand-fg,oklch(95.4%_0.038_75.164)))] dark:text-[color:var(--zui-tabs-trigger-gradient-orange-fg-dark,var(--zui-brand-fg-dark,oklch(98%_0.016_73.684)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-orange-from-active,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-orange-from-active-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-orange-to-active,var(--zui-color-red,oklch(57.7%_0.245_27.325)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-orange-to-active-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-orange-fg-active,var(--zui-brand-fg,oklch(95.4%_0.038_75.164)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-orange-fg-active-dark,var(--zui-brand-fg-dark,oklch(95.4%_0.038_75.164)))]",
+  blue: "hover:bg-[var(--zui-tabs-trigger-blue-bg-hover,var(--zui-color-blue,#2563eb18))] dark:hover:bg-[var(--zui-tabs-trigger-blue-bg-hover-dark,var(--zui-color-blue-dark,#3b82f62e))] hover:text-[color:var(--zui-tabs-trigger-blue-fg-hover,var(--zui-color-blue,#2563eb))] dark:hover:text-[color:var(--zui-tabs-trigger-blue-fg-hover-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-tabs-trigger-blue-bg,var(--zui-color-blue,#2563eb10))] dark:bg-[var(--zui-tabs-trigger-blue-bg-dark,var(--zui-color-blue-dark,#3b82f61f))] text-[color:var(--zui-tabs-trigger-blue-fg,var(--zui-color-blue,#2563eb))] dark:text-[color:var(--zui-tabs-trigger-blue-fg-dark,var(--zui-color-blue-dark,#3b82f6))]",
+  cyan: "hover:bg-[var(--zui-tabs-trigger-cyan-bg-hover,var(--zui-color-cyan,#0891b218))] dark:hover:bg-[var(--zui-tabs-trigger-cyan-bg-hover-dark,var(--zui-color-cyan-dark,#22d3ee2e))] hover:text-[color:var(--zui-tabs-trigger-cyan-fg-hover,var(--zui-color-cyan,#0891b2))] dark:hover:text-[color:var(--zui-tabs-trigger-cyan-fg-hover-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-tabs-trigger-cyan-bg,var(--zui-color-cyan,#0891b210))] dark:bg-[var(--zui-tabs-trigger-cyan-bg-dark,var(--zui-color-cyan-dark,#22d3ee1f))] text-[color:var(--zui-tabs-trigger-cyan-fg,var(--zui-color-cyan,#0891b2))] dark:text-[color:var(--zui-tabs-trigger-cyan-fg-dark,var(--zui-color-cyan-dark,#22d3ee))]",
+  green: "hover:bg-[var(--zui-tabs-trigger-green-bg-hover,var(--zui-color-green,#16a34a18))] dark:hover:bg-[var(--zui-tabs-trigger-green-bg-hover-dark,var(--zui-color-green-dark,#22c55e2e))] hover:text-[color:var(--zui-tabs-trigger-green-fg-hover,var(--zui-color-green,#16a34a))] dark:hover:text-[color:var(--zui-tabs-trigger-green-fg-hover-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-tabs-trigger-green-bg,var(--zui-color-green,#16a34a10))] dark:bg-[var(--zui-tabs-trigger-green-bg-dark,var(--zui-color-green-dark,#22c55e1f))] text-[color:var(--zui-tabs-trigger-green-fg,var(--zui-color-green,#16a34a))] dark:text-[color:var(--zui-tabs-trigger-green-fg-dark,var(--zui-color-green-dark,#22c55e))]",
+  lime: "hover:bg-[var(--zui-tabs-trigger-lime-bg-hover,var(--zui-color-lime,#65a30d18))] dark:hover:bg-[var(--zui-tabs-trigger-lime-bg-hover-dark,var(--zui-color-lime-dark,#a3e6352e))] hover:text-[color:var(--zui-tabs-trigger-lime-fg-hover,var(--zui-color-lime,#65a30d))] dark:hover:text-[color:var(--zui-tabs-trigger-lime-fg-hover-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-tabs-trigger-lime-bg,var(--zui-color-lime,#65a30d10))] dark:bg-[var(--zui-tabs-trigger-lime-bg-dark,var(--zui-color-lime-dark,#a3e6351f))] text-[color:var(--zui-tabs-trigger-lime-fg,var(--zui-color-lime,#65a30d))] dark:text-[color:var(--zui-tabs-trigger-lime-fg-dark,var(--zui-color-lime-dark,#a3e635))]",
+  mint: "hover:bg-[var(--zui-tabs-trigger-mint-bg-hover,var(--zui-color-mint,#10b98118))] dark:hover:bg-[var(--zui-tabs-trigger-mint-bg-hover-dark,var(--zui-color-mint-dark,#6ee7b72e))] hover:text-[color:var(--zui-tabs-trigger-mint-fg-hover,var(--zui-color-mint,#10b981))] dark:hover:text-[color:var(--zui-tabs-trigger-mint-fg-hover-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-tabs-trigger-mint-bg,var(--zui-color-mint,#10b98110))] dark:bg-[var(--zui-tabs-trigger-mint-bg-dark,var(--zui-color-mint-dark,#6ee7b71f))] text-[color:var(--zui-tabs-trigger-mint-fg,var(--zui-color-mint,#10b981))] dark:text-[color:var(--zui-tabs-trigger-mint-fg-dark,var(--zui-color-mint-dark,#6ee7b7))]",
+  ocean: "hover:bg-[var(--zui-tabs-trigger-ocean-bg-hover,var(--zui-color-ocean,#0284c718))] dark:hover:bg-[var(--zui-tabs-trigger-ocean-bg-hover-dark,var(--zui-color-ocean-dark,#38bdf82e))] hover:text-[color:var(--zui-tabs-trigger-ocean-fg-hover,var(--zui-color-ocean,#0284c7))] dark:hover:text-[color:var(--zui-tabs-trigger-ocean-fg-hover-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-tabs-trigger-ocean-bg,var(--zui-color-ocean,#0284c710))] dark:bg-[var(--zui-tabs-trigger-ocean-bg-dark,var(--zui-color-ocean-dark,#38bdf81f))] text-[color:var(--zui-tabs-trigger-ocean-fg,var(--zui-color-ocean,#0284c7))] dark:text-[color:var(--zui-tabs-trigger-ocean-fg-dark,var(--zui-color-ocean-dark,#38bdf8))]",
+  sapphire: "hover:bg-[var(--zui-tabs-trigger-sapphire-bg-hover,var(--zui-color-sapphire,#1d4ed818))] dark:hover:bg-[var(--zui-tabs-trigger-sapphire-bg-hover-dark,var(--zui-color-sapphire-dark,#60a5fa2e))] hover:text-[color:var(--zui-tabs-trigger-sapphire-fg-hover,var(--zui-color-sapphire,#1d4ed8))] dark:hover:text-[color:var(--zui-tabs-trigger-sapphire-fg-hover-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-tabs-trigger-sapphire-bg,var(--zui-color-sapphire,#1d4ed810))] dark:bg-[var(--zui-tabs-trigger-sapphire-bg-dark,var(--zui-color-sapphire-dark,#60a5fa1f))] text-[color:var(--zui-tabs-trigger-sapphire-fg,var(--zui-color-sapphire,#1d4ed8))] dark:text-[color:var(--zui-tabs-trigger-sapphire-fg-dark,var(--zui-color-sapphire-dark,#60a5fa))]",
+  lavender: "hover:bg-[var(--zui-tabs-trigger-lavender-bg-hover,var(--zui-color-lavender,#8b5cf618))] dark:hover:bg-[var(--zui-tabs-trigger-lavender-bg-hover-dark,var(--zui-color-lavender-dark,#a78bfa2e))] hover:text-[color:var(--zui-tabs-trigger-lavender-fg-hover,var(--zui-color-lavender,#8b5cf6))] dark:hover:text-[color:var(--zui-tabs-trigger-lavender-fg-hover-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-tabs-trigger-lavender-bg,var(--zui-color-lavender,#8b5cf610))] dark:bg-[var(--zui-tabs-trigger-lavender-bg-dark,var(--zui-color-lavender-dark,#a78bfa1f))] text-[color:var(--zui-tabs-trigger-lavender-fg,var(--zui-color-lavender,#8b5cf6))] dark:text-[color:var(--zui-tabs-trigger-lavender-fg-dark,var(--zui-color-lavender-dark,#a78bfa))]",
+  ruby: "hover:bg-[var(--zui-tabs-trigger-ruby-bg-hover,var(--zui-color-ruby,#be123c18))] dark:hover:bg-[var(--zui-tabs-trigger-ruby-bg-hover-dark,var(--zui-color-ruby-dark,#fb71852e))] hover:text-[color:var(--zui-tabs-trigger-ruby-fg-hover,var(--zui-color-ruby,#be123c))] dark:hover:text-[color:var(--zui-tabs-trigger-ruby-fg-hover-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-tabs-trigger-ruby-bg,var(--zui-color-ruby,#be123c10))] dark:bg-[var(--zui-tabs-trigger-ruby-bg-dark,var(--zui-color-ruby-dark,#fb71851f))] text-[color:var(--zui-tabs-trigger-ruby-fg,var(--zui-color-ruby,#be123c))] dark:text-[color:var(--zui-tabs-trigger-ruby-fg-dark,var(--zui-color-ruby-dark,#fb7185))]",
+  red: "hover:bg-[var(--zui-tabs-trigger-red-bg-hover,var(--zui-color-red,#dc262618))] dark:hover:bg-[var(--zui-tabs-trigger-red-bg-hover-dark,var(--zui-color-red-dark,#ef44442e))] hover:text-[color:var(--zui-tabs-trigger-red-fg-hover,var(--zui-color-red,#dc2626))] dark:hover:text-[color:var(--zui-tabs-trigger-red-fg-hover-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-tabs-trigger-red-bg,var(--zui-color-red,#dc262610))] dark:bg-[var(--zui-tabs-trigger-red-bg-dark,var(--zui-color-red-dark,#ef44441f))] text-[color:var(--zui-tabs-trigger-red-fg,var(--zui-color-red,#dc2626))] dark:text-[color:var(--zui-tabs-trigger-red-fg-dark,var(--zui-color-red-dark,#ef4444))]",
+  slate: "hover:bg-[var(--zui-tabs-trigger-slate-bg-hover,var(--zui-color-slate,#47556918))] dark:hover:bg-[var(--zui-tabs-trigger-slate-bg-hover-dark,var(--zui-color-slate-dark,#64748b2e))] hover:text-[color:var(--zui-tabs-trigger-slate-fg-hover,var(--zui-color-slate,#475569))] dark:hover:text-[color:var(--zui-tabs-trigger-slate-fg-hover-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-tabs-trigger-slate-bg,var(--zui-color-slate,#47556910))] dark:bg-[var(--zui-tabs-trigger-slate-bg-dark,var(--zui-color-slate-dark,#64748b1f))] text-[color:var(--zui-tabs-trigger-slate-fg,var(--zui-color-slate,#475569))] dark:text-[color:var(--zui-tabs-trigger-slate-fg-dark,var(--zui-color-slate-dark,#64748b))]",
+  zinc: "hover:bg-[var(--zui-tabs-trigger-zinc-bg-hover,var(--zui-color-zinc,#52525b18))] dark:hover:bg-[var(--zui-tabs-trigger-zinc-bg-hover-dark,var(--zui-color-zinc-dark,#71717a2e))] hover:text-[color:var(--zui-tabs-trigger-zinc-fg-hover,var(--zui-color-zinc,#52525b))] dark:hover:text-[color:var(--zui-tabs-trigger-zinc-fg-hover-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-tabs-trigger-zinc-bg,var(--zui-color-zinc,#52525b10))] dark:bg-[var(--zui-tabs-trigger-zinc-bg-dark,var(--zui-color-zinc-dark,#71717a1f))] text-[color:var(--zui-tabs-trigger-zinc-fg,var(--zui-color-zinc,#52525b))] dark:text-[color:var(--zui-tabs-trigger-zinc-fg-dark,var(--zui-color-zinc-dark,#71717a))]",
+  stone: "hover:bg-[var(--zui-tabs-trigger-stone-bg-hover,var(--zui-color-stone,#57534e18))] dark:hover:bg-[var(--zui-tabs-trigger-stone-bg-hover-dark,var(--zui-color-stone-dark,#78716c2e))] hover:text-[color:var(--zui-tabs-trigger-stone-fg-hover,var(--zui-color-stone,#57534e))] dark:hover:text-[color:var(--zui-tabs-trigger-stone-fg-hover-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-tabs-trigger-stone-bg,var(--zui-color-stone,#57534e10))] dark:bg-[var(--zui-tabs-trigger-stone-bg-dark,var(--zui-color-stone-dark,#78716c1f))] text-[color:var(--zui-tabs-trigger-stone-fg,var(--zui-color-stone,#57534e))] dark:text-[color:var(--zui-tabs-trigger-stone-fg-dark,var(--zui-color-stone-dark,#78716c))]",
+  royal: "hover:bg-[var(--zui-tabs-trigger-royal-bg-hover,var(--zui-color-royal,#4338ca18))] dark:hover:bg-[var(--zui-tabs-trigger-royal-bg-hover-dark,var(--zui-color-royal-dark,#818cf82e))] hover:text-[color:var(--zui-tabs-trigger-royal-fg-hover,var(--zui-color-royal,#4338ca))] dark:hover:text-[color:var(--zui-tabs-trigger-royal-fg-hover-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-tabs-trigger-royal-bg,var(--zui-color-royal,#4338ca10))] dark:bg-[var(--zui-tabs-trigger-royal-bg-dark,var(--zui-color-royal-dark,#818cf81f))] text-[color:var(--zui-tabs-trigger-royal-fg,var(--zui-color-royal,#4338ca))] dark:text-[color:var(--zui-tabs-trigger-royal-fg-dark,var(--zui-color-royal-dark,#818cf8))]",
+  electric: "hover:bg-[var(--zui-tabs-trigger-electric-bg-hover,var(--zui-color-electric,#0ea5e918))] dark:hover:bg-[var(--zui-tabs-trigger-electric-bg-hover-dark,var(--zui-color-electric-dark,#38bdf82e))] hover:text-[color:var(--zui-tabs-trigger-electric-fg-hover,var(--zui-color-electric,#0ea5e9))] dark:hover:text-[color:var(--zui-tabs-trigger-electric-fg-hover-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-tabs-trigger-electric-bg,var(--zui-color-electric,#0ea5e910))] dark:bg-[var(--zui-tabs-trigger-electric-bg-dark,var(--zui-color-electric-dark,#38bdf81f))] text-[color:var(--zui-tabs-trigger-electric-fg,var(--zui-color-electric,#0ea5e9))] dark:text-[color:var(--zui-tabs-trigger-electric-fg-dark,var(--zui-color-electric-dark,#38bdf8))]",
+  forest: "hover:bg-[var(--zui-tabs-trigger-forest-bg-hover,var(--zui-color-forest,#16653418))] dark:hover:bg-[var(--zui-tabs-trigger-forest-bg-hover-dark,var(--zui-color-forest-dark,#4ade802e))] hover:text-[color:var(--zui-tabs-trigger-forest-fg-hover,var(--zui-color-forest,#166534))] dark:hover:text-[color:var(--zui-tabs-trigger-forest-fg-hover-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-tabs-trigger-forest-bg,var(--zui-color-forest,#16653410))] dark:bg-[var(--zui-tabs-trigger-forest-bg-dark,var(--zui-color-forest-dark,#4ade801f))] text-[color:var(--zui-tabs-trigger-forest-fg,var(--zui-color-forest,#166534))] dark:text-[color:var(--zui-tabs-trigger-forest-fg-dark,var(--zui-color-forest-dark,#4ade80))]",
+  sunset: "hover:bg-[var(--zui-tabs-trigger-sunset-bg-hover,var(--zui-color-sunset,#ea580c18))] dark:hover:bg-[var(--zui-tabs-trigger-sunset-bg-hover-dark,var(--zui-color-sunset-dark,#fb923c2e))] hover:text-[color:var(--zui-tabs-trigger-sunset-fg-hover,var(--zui-color-sunset,#ea580c))] dark:hover:text-[color:var(--zui-tabs-trigger-sunset-fg-hover-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-tabs-trigger-sunset-bg,var(--zui-color-sunset,#ea580c10))] dark:bg-[var(--zui-tabs-trigger-sunset-bg-dark,var(--zui-color-sunset-dark,#fb923c1f))] text-[color:var(--zui-tabs-trigger-sunset-fg,var(--zui-color-sunset,#ea580c))] dark:text-[color:var(--zui-tabs-trigger-sunset-fg-dark,var(--zui-color-sunset-dark,#fb923c))]",
+  magenta: "hover:bg-[var(--zui-tabs-trigger-magenta-bg-hover,var(--zui-color-magenta,#c026d318))] dark:hover:bg-[var(--zui-tabs-trigger-magenta-bg-hover-dark,var(--zui-color-magenta-dark,#e879f92e))] hover:text-[color:var(--zui-tabs-trigger-magenta-fg-hover,var(--zui-color-magenta,#c026d3))] dark:hover:text-[color:var(--zui-tabs-trigger-magenta-fg-hover-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-tabs-trigger-magenta-bg,var(--zui-color-magenta,#c026d310))] dark:bg-[var(--zui-tabs-trigger-magenta-bg-dark,var(--zui-color-magenta-dark,#e879f91f))] text-[color:var(--zui-tabs-trigger-magenta-fg,var(--zui-color-magenta,#c026d3))] dark:text-[color:var(--zui-tabs-trigger-magenta-fg-dark,var(--zui-color-magenta-dark,#e879f9))]",
+  crimson: "hover:bg-[var(--zui-tabs-trigger-crimson-bg-hover,var(--zui-color-crimson,#b91c1c18))] dark:hover:bg-[var(--zui-tabs-trigger-crimson-bg-hover-dark,var(--zui-color-crimson-dark,#f871712e))] hover:text-[color:var(--zui-tabs-trigger-crimson-fg-hover,var(--zui-color-crimson,#b91c1c))] dark:hover:text-[color:var(--zui-tabs-trigger-crimson-fg-hover-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-tabs-trigger-crimson-bg,var(--zui-color-crimson,#b91c1c10))] dark:bg-[var(--zui-tabs-trigger-crimson-bg-dark,var(--zui-color-crimson-dark,#f871711f))] text-[color:var(--zui-tabs-trigger-crimson-fg,var(--zui-color-crimson,#b91c1c))] dark:text-[color:var(--zui-tabs-trigger-crimson-fg-dark,var(--zui-color-crimson-dark,#f87171))]",
+  aqua: "hover:bg-[var(--zui-tabs-trigger-aqua-bg-hover,var(--zui-color-aqua,#0f766e18))] dark:hover:bg-[var(--zui-tabs-trigger-aqua-bg-hover-dark,var(--zui-color-aqua-dark,#2dd4bf2e))] hover:text-[color:var(--zui-tabs-trigger-aqua-fg-hover,var(--zui-color-aqua,#0f766e))] dark:hover:text-[color:var(--zui-tabs-trigger-aqua-fg-hover-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-tabs-trigger-aqua-bg,var(--zui-color-aqua,#0f766e10))] dark:bg-[var(--zui-tabs-trigger-aqua-bg-dark,var(--zui-color-aqua-dark,#2dd4bf1f))] text-[color:var(--zui-tabs-trigger-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:text-[color:var(--zui-tabs-trigger-aqua-fg-dark,var(--zui-color-aqua-dark,#2dd4bf))]",
+  plum: "hover:bg-[var(--zui-tabs-trigger-plum-bg-hover,var(--zui-color-plum,#7e22ce18))] dark:hover:bg-[var(--zui-tabs-trigger-plum-bg-hover-dark,var(--zui-color-plum-dark,#c084fc2e))] hover:text-[color:var(--zui-tabs-trigger-plum-fg-hover,var(--zui-color-plum,#7e22ce))] dark:hover:text-[color:var(--zui-tabs-trigger-plum-fg-hover-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-tabs-trigger-plum-bg,var(--zui-color-plum,#7e22ce10))] dark:bg-[var(--zui-tabs-trigger-plum-bg-dark,var(--zui-color-plum-dark,#c084fc1f))] text-[color:var(--zui-tabs-trigger-plum-fg,var(--zui-color-plum,#7e22ce))] dark:text-[color:var(--zui-tabs-trigger-plum-fg-dark,var(--zui-color-plum-dark,#c084fc))]"
+};
+var zuiTabsTriggerVariants = {
+  default: "data-[state=active]:bg-[var(--zui-tabs-trigger-default-bg-active,var(--zui-surface-muted,#ffffff))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-default-bg-active-dark,var(--zui-surface-muted-dark,#020617))]",
+  underline: "border-b-2 border-[color:var(--zui-tabs-trigger-underline-border,transparent)] dark:border-[color:var(--zui-tabs-trigger-underline-border-dark,transparent)] data-[state=active]:border-current rounded-none",
+  pills: ""
+};
+var zuiTabsTriggerSizes = {
+  sm: "px-2 py-1",
+  md: "px-3 py-1.5",
+  lg: "px-4 py-2"
+};
+
+export { zuiTabsListBase, zuiTabsListSizes, zuiTabsListVariants, zuiTabsOrientations, zuiTabsTriggerAppearances, zuiTabsTriggerBase, zuiTabsTriggerSizes, zuiTabsTriggerVariants };
+//# sourceMappingURL=chunk-C6K2SWHC.mjs.map
+//# sourceMappingURL=chunk-C6K2SWHC.mjs.map

package/dist/chunk-C6K2SWHC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/tabs.ts"],"names":[],"mappings":";AAAO,IAAM,eAAA,GAAkB;AAExB,IAAM,mBAAA,GAAsB;AAAA,EACjC,OAAA,EACE,6GAAA;AAAA,EACF,SAAA,EACE,wJAAA;AAAA,EACF,KAAA,EAAO;AACT;AAEO,IAAM,gBAAA,GAAmB;AAAA,EAC9B,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI,iBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,mBAAA,GAAsB;AAAA,EACjC,UAAA,EAAY,UAAA;AAAA,EACZ,QAAA,EAAU;AACZ;AAEO,IAAM,kBAAA,GACX;AAEK,IAAM,yBAAA,GAA4B;AAAA,EACvC,OAAA,EACE,oTAAA;AAAA,EACF,GAAA,EAAK,m2BAAA;AAAA,EACL,IAAA,EAAM,u2BAAA;AAAA,EACN,MAAA,EACE,y5BAAA;AAAA,EACF,IAAA,EAAM,g3BAAA;AAAA,EACN,MAAA,EACE,84BAAA;AAAA,EACF,MAAA,EACE,m5BAAA;AAAA,EACF,IAAA,EAAM,s3BAAA;AAAA,EACN,MAAA,EACE,o5BAAA;AAAA,EACF,OAAA,EACE,m6BAAA;AAAA,EACF,IAAA,EAAM,k3BAAA;AAAA,EACN,eAAA,EACE,86CAAA;AAAA,EACF,gBAAA,EACE,o7CAAA;AAAA,EACF,cAAA,EACE,u4CAAA;AAAA,EACF,iBAAA,EACE,o8CAAA;AAAA,EACF,iBAAA,EACE,g8CAAA;AAAA,EACF,eAAA,EACE,+5CAAA;AAAA,EACF,iBAAA,EACE,08CAAA;AAAA,EACF,eAAA,EACE,45CAAA;AAAA,EACF,iBAAA,EACE,k7CAAA;AAAA,EACF,IAAA,EAAM,6qBAAA;AAAA,EACN,IAAA,EAAM,6qBAAA;AAAA,EACN,KAAA,EACE,6rBAAA;AAAA,EACF,IAAA,EAAM,6qBAAA;AAAA,EACN,IAAA,EAAM,6qBAAA;AAAA,EACN,KAAA,EACE,6rBAAA;AAAA,EACF,QAAA,EACE,6uBAAA;AAAA,EACF,QAAA,EACE,6uBAAA;AAAA,EACF,IAAA,EAAM,6qBAAA;AAAA,EACN,GAAA,EAAK,6pBAAA;AAAA,EACL,KAAA,EACE,6rBAAA;AAAA,EACF,IAAA,EAAM,6qBAAA;AAAA,EACN,KAAA,EACE,6rBAAA;AAAA,EACF,KAAA,EACE,6rBAAA;AAAA,EACF,QAAA,EACE,6uBAAA;AAAA,EACF,MAAA,EACE,6sBAAA;AAAA,EACF,MAAA,EACE,6sBAAA;AAAA,EACF,OAAA,EACE,6tBAAA;AAAA,EACF,OAAA,EACE,6tBAAA;AAAA,EACF,IAAA,EAAM,6qBAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,sBAAA,GAAyB;AAAA,EACpC,OAAA,EACE,wNAAA;AAAA,EACF,SAAA,EACE,8MAAA;AAAA,EACF,KAAA,EAAO;AACT;AAEO,IAAM,mBAAA,GAAsB;AAAA,EACjC,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,aAAA;AAAA,EACJ,EAAA,EAAI;AACN","file":"chunk-C6K2SWHC.mjs","sourcesContent":["export const zuiTabsListBase = \"flex flex-wrap items-center gap-1\";\n\nexport const zuiTabsListVariants = {\n  default:\n    \"bg-[var(--zui-tabs-list-default-bg,transparent)] dark:bg-[var(--zui-tabs-list-default-bg-dark,transparent)]\",\n  underline:\n    \"border-b-2 border-[color:var(--zui-tabs-list-underline-border,transparent)] dark:border-[color:var(--zui-tabs-list-underline-border-dark,transparent)]\",\n  pills: \"rounded-md\",\n} as const;\n\nexport const zuiTabsListSizes = {\n  sm: \"text-sm p-1\",\n  md: \"text-base p-1.5\",\n  lg: \"text-lg p-2\",\n} as const;\n\nexport const zuiTabsOrientations = {\n  horizontal: \"flex-row\",\n  vertical: \"flex-col\",\n} as const;\n\nexport const zuiTabsTriggerBase =\n  \"px-3 py-1.5 rounded-md transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-tabs-trigger-ring-focus,var(--zui-focus-ring,oklch(44.6%_0.043_257.281)))] dark:focus-visible:ring-[var(--zui-tabs-trigger-ring-focus-dark,var(--zui-focus-ring-dark,oklch(86.9%_0.022_252.894)))]\";\n\nexport const zuiTabsTriggerAppearances = {\n  default:\n    \"bg-[var(--zui-tabs-trigger-default-bg,transparent)] dark:bg-[var(--zui-tabs-trigger-default-bg-dark,transparent)] text-[color:var(--zui-tabs-trigger-default-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-tabs-trigger-default-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]\",\n  sky: \"bg-[var(--zui-tabs-trigger-sky-bg,var(--zui-color-sky,oklch(82.8%_0.111_230.318)))] text-[color:var(--zui-tabs-trigger-sky-fg,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:bg-[var(--zui-tabs-trigger-sky-bg-dark,var(--zui-color-sky-dark,oklch(39.1%_0.09_240.876)))] dark:text-[color:var(--zui-tabs-trigger-sky-fg-dark,var(--zui-color-sky-dark,oklch(90.1%_0.058_230.902)))] data-[state=active]:bg-[var(--zui-tabs-trigger-sky-bg-active,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-sky-bg-active-dark,var(--zui-color-sky-dark,oklch(50%_0.134_242.749)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-sky-fg-active,var(--zui-color-sky,oklch(97.7%_0.013_236.62)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-sky-fg-active-dark,var(--zui-color-sky-dark,oklch(95.1%_0.026_236.824)))]\",\n  rose: \"bg-[var(--zui-tabs-trigger-rose-bg,var(--zui-color-rose,oklch(81%_0.117_11.638)))] text-[color:var(--zui-tabs-trigger-rose-fg,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:bg-[var(--zui-tabs-trigger-rose-bg-dark,var(--zui-color-rose-dark,oklch(41%_0.159_10.272)))] dark:text-[color:var(--zui-tabs-trigger-rose-fg-dark,var(--zui-color-rose-dark,oklch(89.2%_0.058_10.001)))] data-[state=active]:bg-[var(--zui-tabs-trigger-rose-bg-active,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-rose-bg-active-dark,var(--zui-color-rose-dark,oklch(51.4%_0.222_16.935)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-rose-fg-active,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-rose-fg-active-dark,var(--zui-color-rose-dark,oklch(94.1%_0.03_12.58)))]\",\n  purple:\n    \"bg-[var(--zui-tabs-trigger-purple-bg,var(--zui-color-purple,oklch(82.7%_0.119_306.383)))] text-[color:var(--zui-tabs-trigger-purple-fg,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:bg-[var(--zui-tabs-trigger-purple-bg-dark,var(--zui-color-purple-dark,oklch(38.1%_0.176_304.987)))] dark:text-[color:var(--zui-tabs-trigger-purple-fg-dark,var(--zui-color-purple-dark,oklch(90.2%_0.063_306.703)))] data-[state=active]:bg-[var(--zui-tabs-trigger-purple-bg-active,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-purple-bg-active-dark,var(--zui-color-purple-dark,oklch(49.6%_0.265_301.924)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-purple-fg-active,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-purple-fg-active-dark,var(--zui-color-purple-dark,oklch(94.6%_0.033_307.174)))]\",\n  pink: \"bg-[var(--zui-tabs-trigger-pink-bg,var(--zui-color-pink,oklch(82.3%_0.12_346.018)))] text-[color:var(--zui-tabs-trigger-pink-fg,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:bg-[var(--zui-tabs-trigger-pink-bg-dark,var(--zui-color-pink-dark,oklch(40.8%_0.153_2.432)))] dark:text-[color:var(--zui-tabs-trigger-pink-fg-dark,var(--zui-color-pink-dark,oklch(89.9%_0.061_343.231)))] data-[state=active]:bg-[var(--zui-tabs-trigger-pink-bg-active,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-pink-bg-active-dark,var(--zui-color-pink-dark,oklch(52.5%_0.223_3.958)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-pink-fg-active,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-pink-fg-active-dark,var(--zui-color-pink-dark,oklch(94.8%_0.028_342.258)))]\",\n  orange:\n    \"bg-[var(--zui-tabs-trigger-orange-bg,var(--zui-color-orange,oklch(83.7%_0.128_66.29)))] text-[color:var(--zui-tabs-trigger-orange-fg,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:bg-[var(--zui-tabs-trigger-orange-bg-dark,var(--zui-color-orange-dark,oklch(40.8%_0.123_38.172)))] dark:text-[color:var(--zui-tabs-trigger-orange-fg-dark,var(--zui-color-orange-dark,oklch(90.1%_0.076_70.697)))] data-[state=active]:bg-[var(--zui-tabs-trigger-orange-bg-active,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-orange-bg-active-dark,var(--zui-color-orange-dark,oklch(55.3%_0.195_38.402)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-orange-fg-active,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-orange-fg-active-dark,var(--zui-color-orange-dark,oklch(95.4%_0.038_75.164)))]\",\n  yellow:\n    \"bg-[var(--zui-tabs-trigger-yellow-bg,var(--zui-color-yellow,oklch(90.5%_0.182_98.111)))] text-[color:var(--zui-tabs-trigger-yellow-fg,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:bg-[var(--zui-tabs-trigger-yellow-bg-dark,var(--zui-color-yellow-dark,oklch(42.1%_0.095_57.708)))] dark:text-[color:var(--zui-tabs-trigger-yellow-fg-dark,var(--zui-color-yellow-dark,oklch(94.5%_0.129_101.54)))] data-[state=active]:bg-[var(--zui-tabs-trigger-yellow-bg-active,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-yellow-bg-active-dark,var(--zui-color-yellow-dark,oklch(55.4%_0.135_66.442)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-yellow-fg-active,var(--zui-color-yellow,oklch(98.7%_0.026_102.212)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-yellow-fg-active-dark,var(--zui-color-yellow-dark,oklch(97.3%_0.071_103.193)))]\",\n  teal: \"bg-[var(--zui-tabs-trigger-teal-bg,var(--zui-color-teal,oklch(85.5%_0.138_181.071)))] text-[color:var(--zui-tabs-trigger-teal-fg,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:bg-[var(--zui-tabs-trigger-teal-bg-dark,var(--zui-color-teal-dark,oklch(38.6%_0.063_188.416)))] dark:text-[color:var(--zui-tabs-trigger-teal-fg-dark,var(--zui-color-teal-dark,oklch(91%_0.096_180.426)))] data-[state=active]:bg-[var(--zui-tabs-trigger-teal-bg-active,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-teal-bg-active-dark,var(--zui-color-teal-dark,oklch(51.1%_0.096_186.391)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-teal-fg-active,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-teal-fg-active-dark,var(--zui-color-teal-dark,oklch(95.3%_0.051_180.801)))]\",\n  indigo:\n    \"bg-[var(--zui-tabs-trigger-indigo-bg,var(--zui-color-indigo,oklch(78.5%_0.115_274.713)))] text-[color:var(--zui-tabs-trigger-indigo-fg,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:bg-[var(--zui-tabs-trigger-indigo-bg-dark,var(--zui-color-indigo-dark,oklch(35.9%_0.144_278.697)))] dark:text-[color:var(--zui-tabs-trigger-indigo-fg-dark,var(--zui-color-indigo-dark,oklch(87%_0.065_274.039)))] data-[state=active]:bg-[var(--zui-tabs-trigger-indigo-bg-active,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-indigo-bg-active-dark,var(--zui-color-indigo-dark,oklch(45.7%_0.24_277.023)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-indigo-fg-active,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-indigo-fg-active-dark,var(--zui-color-indigo-dark,oklch(93%_0.034_272.788)))]\",\n  emerald:\n    \"bg-[var(--zui-tabs-trigger-emerald-bg,var(--zui-color-emerald,oklch(84.5%_0.143_164.978)))] text-[color:var(--zui-tabs-trigger-emerald-fg,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:bg-[var(--zui-tabs-trigger-emerald-bg-dark,var(--zui-color-emerald-dark,oklch(37.8%_0.077_168.94)))] dark:text-[color:var(--zui-tabs-trigger-emerald-fg-dark,var(--zui-color-emerald-dark,oklch(90.5%_0.093_164.15)))] data-[state=active]:bg-[var(--zui-tabs-trigger-emerald-bg-active,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-emerald-bg-active-dark,var(--zui-color-emerald-dark,oklch(50.8%_0.118_165.612)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-emerald-fg-active,var(--zui-color-emerald,oklch(97.9%_0.021_166.113)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-emerald-fg-active-dark,var(--zui-color-emerald-dark,oklch(95%_0.052_163.051)))]\",\n  gray: \"bg-[var(--zui-tabs-trigger-gray-bg,var(--zui-color-gray,oklch(87.2%_0.01_258.338)))] text-[color:var(--zui-tabs-trigger-gray-fg,var(--zui-color-gray,oklch(21%_0.034_264.665)))] dark:bg-[var(--zui-tabs-trigger-gray-bg-dark,var(--zui-color-gray-dark,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-tabs-trigger-gray-fg-dark,var(--zui-color-gray-dark,oklch(92.8%_0.006_264.531)))] data-[state=active]:bg-[var(--zui-tabs-trigger-gray-bg-active,var(--zui-color-gray,oklch(21%_0.034_264.665)))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-gray-bg-active-dark,var(--zui-color-gray-dark,oklch(37.3%_0.034_259.733)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gray-fg-active,var(--zui-color-gray,oklch(98.5%_0.002_247.839)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gray-fg-active-dark,var(--zui-color-gray-dark,oklch(96.7%_0.003_264.542)))]\",\n  \"gradient-blue\":\n    \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-blue-from,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:from-[var(--zui-tabs-trigger-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(42.4%_0.199_265.638)))] to-[var(--zui-tabs-trigger-gradient-blue-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-tabs-trigger-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-tabs-trigger-gradient-blue-fg,var(--zui-brand-fg,oklch(93.2%_0.032_255.585)))] dark:text-[color:var(--zui-tabs-trigger-gradient-blue-fg-dark,var(--zui-brand-fg-dark,oklch(97%_0.014_254.604)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-blue-from-active,var(--zui-color-blue,oklch(54.6%_0.245_262.881)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-blue-from-active-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-blue-to-active,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-blue-to-active-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-blue-fg-active,var(--zui-brand-fg,oklch(93.2%_0.032_255.585)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-blue-fg-active-dark,var(--zui-brand-fg-dark,oklch(93.2%_0.032_255.585)))]\",\n  \"gradient-green\":\n    \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-green-from,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:from-[var(--zui-tabs-trigger-gradient-green-from-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328)))] to-[var(--zui-tabs-trigger-gradient-green-to,var(--zui-color-lime,oklch(45.3%_0.124_130.933)))] dark:to-[var(--zui-tabs-trigger-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(45.3%_0.124_130.933)))] text-[color:var(--zui-tabs-trigger-gradient-green-fg,var(--zui-brand-fg,oklch(96.2%_0.044_156.743)))] dark:text-[color:var(--zui-tabs-trigger-gradient-green-fg-dark,var(--zui-brand-fg-dark,oklch(98.2%_0.018_155.826)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-green-from-active,var(--zui-color-green,oklch(62.7%_0.194_149.214)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-green-from-active-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-green-to-active,var(--zui-color-lime,oklch(64.8%_0.2_131.684)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-green-to-active-dark,var(--zui-color-lime-dark,oklch(64.8%_0.2_131.684)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-green-fg-active,var(--zui-brand-fg,oklch(96.2%_0.044_156.743)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-green-fg-active-dark,var(--zui-brand-fg-dark,oklch(96.2%_0.044_156.743)))]\",\n  \"gradient-red\":\n    \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-red-from,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:from-[var(--zui-tabs-trigger-gradient-red-from-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] to-[var(--zui-tabs-trigger-gradient-red-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-tabs-trigger-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-tabs-trigger-gradient-red-fg,var(--zui-brand-fg,oklch(93.6%_0.032_17.717)))] dark:text-[color:var(--zui-tabs-trigger-gradient-red-fg-dark,var(--zui-brand-fg-dark,oklch(97.1%_0.013_17.38)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-red-from-active,var(--zui-color-red,oklch(57.7%_0.245_27.325)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-red-from-active-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-red-to-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-red-to-active-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-red-fg-active,var(--zui-brand-fg,oklch(93.6%_0.032_17.717)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-red-fg-active-dark,var(--zui-brand-fg-dark,oklch(93.6%_0.032_17.717)))]\",\n  \"gradient-yellow\":\n    \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-yellow-from,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:from-[var(--zui-tabs-trigger-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] to-[var(--zui-tabs-trigger-gradient-yellow-to,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:to-[var(--zui-tabs-trigger-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] text-[color:var(--zui-tabs-trigger-gradient-yellow-fg,var(--zui-brand-fg,oklch(97.3%_0.071_103.193)))] dark:text-[color:var(--zui-tabs-trigger-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,oklch(98.7%_0.026_102.212)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-yellow-from-active,var(--zui-color-yellow,oklch(68.1%_0.162_75.834)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-yellow-from-active-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-yellow-to-active,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-yellow-to-active-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-yellow-fg-active,var(--zui-brand-fg,oklch(97.3%_0.071_103.193)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-yellow-fg-active-dark,var(--zui-brand-fg-dark,oklch(97.3%_0.071_103.193)))]\",\n  \"gradient-purple\":\n    \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-purple-from,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:from-[var(--zui-tabs-trigger-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] to-[var(--zui-tabs-trigger-gradient-purple-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-tabs-trigger-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-tabs-trigger-gradient-purple-fg,var(--zui-brand-fg,oklch(94.6%_0.033_307.174)))] dark:text-[color:var(--zui-tabs-trigger-gradient-purple-fg-dark,var(--zui-brand-fg-dark,oklch(97.7%_0.014_308.299)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-purple-from-active,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-purple-from-active-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-purple-to-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-purple-to-active-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-purple-fg-active,var(--zui-brand-fg,oklch(94.6%_0.033_307.174)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-purple-fg-active-dark,var(--zui-brand-fg-dark,oklch(94.6%_0.033_307.174)))]\",\n  \"gradient-teal\":\n    \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-teal-from,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:from-[var(--zui-tabs-trigger-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216)))] to-[var(--zui-tabs-trigger-gradient-teal-to,var(--zui-color-cyan,oklch(45%_0.085_224.283)))] dark:to-[var(--zui-tabs-trigger-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(45%_0.085_224.283)))] text-[color:var(--zui-tabs-trigger-gradient-teal-fg,var(--zui-brand-fg,oklch(95.3%_0.051_180.801)))] dark:text-[color:var(--zui-tabs-trigger-gradient-teal-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.014_180.72)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-teal-from-active,var(--zui-color-teal,oklch(60%_0.118_184.704)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-teal-from-active-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-teal-to-active,var(--zui-color-cyan,oklch(60.9%_0.126_221.723)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-teal-to-active-dark,var(--zui-color-cyan-dark,oklch(60.9%_0.126_221.723)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-teal-fg-active,var(--zui-brand-fg,oklch(95.3%_0.051_180.801)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-teal-fg-active-dark,var(--zui-brand-fg-dark,oklch(95.3%_0.051_180.801)))]\",\n  \"gradient-indigo\":\n    \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-indigo-from,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:from-[var(--zui-tabs-trigger-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366)))] to-[var(--zui-tabs-trigger-gradient-indigo-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-tabs-trigger-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-tabs-trigger-gradient-indigo-fg,var(--zui-brand-fg,oklch(93%_0.034_272.788)))] dark:text-[color:var(--zui-tabs-trigger-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,oklch(96.2%_0.018_272.314)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-indigo-from-active,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-indigo-from-active-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-indigo-to-active,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-indigo-to-active-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-indigo-fg-active,var(--zui-brand-fg,oklch(93%_0.034_272.788)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-indigo-fg-active-dark,var(--zui-brand-fg-dark,oklch(93%_0.034_272.788)))]\",\n  \"gradient-pink\":\n    \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-pink-from,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:from-[var(--zui-tabs-trigger-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] to-[var(--zui-tabs-trigger-gradient-pink-to,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:to-[var(--zui-tabs-trigger-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697)))] text-[color:var(--zui-tabs-trigger-gradient-pink-fg,var(--zui-brand-fg,oklch(94.8%_0.028_342.258)))] dark:text-[color:var(--zui-tabs-trigger-gradient-pink-fg-dark,var(--zui-brand-fg-dark,oklch(97.1%_0.014_343.198)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-pink-from-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-pink-from-active-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-pink-to-active,var(--zui-color-rose,oklch(58.6%_0.253_17.585)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-pink-to-active-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-pink-fg-active,var(--zui-brand-fg,oklch(94.8%_0.028_342.258)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-pink-fg-active-dark,var(--zui-brand-fg-dark,oklch(94.8%_0.028_342.258)))]\",\n  \"gradient-orange\":\n    \"bg-linear-to-r from-[var(--zui-tabs-trigger-gradient-orange-from,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:from-[var(--zui-tabs-trigger-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] to-[var(--zui-tabs-trigger-gradient-orange-to,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:to-[var(--zui-tabs-trigger-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] text-[color:var(--zui-tabs-trigger-gradient-orange-fg,var(--zui-brand-fg,oklch(95.4%_0.038_75.164)))] dark:text-[color:var(--zui-tabs-trigger-gradient-orange-fg-dark,var(--zui-brand-fg-dark,oklch(98%_0.016_73.684)))] data-[state=active]:from-[var(--zui-tabs-trigger-gradient-orange-from-active,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] dark:data-[state=active]:from-[var(--zui-tabs-trigger-gradient-orange-from-active-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] data-[state=active]:to-[var(--zui-tabs-trigger-gradient-orange-to-active,var(--zui-color-red,oklch(57.7%_0.245_27.325)))] dark:data-[state=active]:to-[var(--zui-tabs-trigger-gradient-orange-to-active-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-orange-fg-active,var(--zui-brand-fg,oklch(95.4%_0.038_75.164)))] dark:data-[state=active]:text-[color:var(--zui-tabs-trigger-gradient-orange-fg-active-dark,var(--zui-brand-fg-dark,oklch(95.4%_0.038_75.164)))]\",\n  blue: \"hover:bg-[var(--zui-tabs-trigger-blue-bg-hover,var(--zui-color-blue,#2563eb18))] dark:hover:bg-[var(--zui-tabs-trigger-blue-bg-hover-dark,var(--zui-color-blue-dark,#3b82f62e))] hover:text-[color:var(--zui-tabs-trigger-blue-fg-hover,var(--zui-color-blue,#2563eb))] dark:hover:text-[color:var(--zui-tabs-trigger-blue-fg-hover-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-tabs-trigger-blue-bg,var(--zui-color-blue,#2563eb10))] dark:bg-[var(--zui-tabs-trigger-blue-bg-dark,var(--zui-color-blue-dark,#3b82f61f))] text-[color:var(--zui-tabs-trigger-blue-fg,var(--zui-color-blue,#2563eb))] dark:text-[color:var(--zui-tabs-trigger-blue-fg-dark,var(--zui-color-blue-dark,#3b82f6))]\",\n  cyan: \"hover:bg-[var(--zui-tabs-trigger-cyan-bg-hover,var(--zui-color-cyan,#0891b218))] dark:hover:bg-[var(--zui-tabs-trigger-cyan-bg-hover-dark,var(--zui-color-cyan-dark,#22d3ee2e))] hover:text-[color:var(--zui-tabs-trigger-cyan-fg-hover,var(--zui-color-cyan,#0891b2))] dark:hover:text-[color:var(--zui-tabs-trigger-cyan-fg-hover-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-tabs-trigger-cyan-bg,var(--zui-color-cyan,#0891b210))] dark:bg-[var(--zui-tabs-trigger-cyan-bg-dark,var(--zui-color-cyan-dark,#22d3ee1f))] text-[color:var(--zui-tabs-trigger-cyan-fg,var(--zui-color-cyan,#0891b2))] dark:text-[color:var(--zui-tabs-trigger-cyan-fg-dark,var(--zui-color-cyan-dark,#22d3ee))]\",\n  green:\n    \"hover:bg-[var(--zui-tabs-trigger-green-bg-hover,var(--zui-color-green,#16a34a18))] dark:hover:bg-[var(--zui-tabs-trigger-green-bg-hover-dark,var(--zui-color-green-dark,#22c55e2e))] hover:text-[color:var(--zui-tabs-trigger-green-fg-hover,var(--zui-color-green,#16a34a))] dark:hover:text-[color:var(--zui-tabs-trigger-green-fg-hover-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-tabs-trigger-green-bg,var(--zui-color-green,#16a34a10))] dark:bg-[var(--zui-tabs-trigger-green-bg-dark,var(--zui-color-green-dark,#22c55e1f))] text-[color:var(--zui-tabs-trigger-green-fg,var(--zui-color-green,#16a34a))] dark:text-[color:var(--zui-tabs-trigger-green-fg-dark,var(--zui-color-green-dark,#22c55e))]\",\n  lime: \"hover:bg-[var(--zui-tabs-trigger-lime-bg-hover,var(--zui-color-lime,#65a30d18))] dark:hover:bg-[var(--zui-tabs-trigger-lime-bg-hover-dark,var(--zui-color-lime-dark,#a3e6352e))] hover:text-[color:var(--zui-tabs-trigger-lime-fg-hover,var(--zui-color-lime,#65a30d))] dark:hover:text-[color:var(--zui-tabs-trigger-lime-fg-hover-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-tabs-trigger-lime-bg,var(--zui-color-lime,#65a30d10))] dark:bg-[var(--zui-tabs-trigger-lime-bg-dark,var(--zui-color-lime-dark,#a3e6351f))] text-[color:var(--zui-tabs-trigger-lime-fg,var(--zui-color-lime,#65a30d))] dark:text-[color:var(--zui-tabs-trigger-lime-fg-dark,var(--zui-color-lime-dark,#a3e635))]\",\n  mint: \"hover:bg-[var(--zui-tabs-trigger-mint-bg-hover,var(--zui-color-mint,#10b98118))] dark:hover:bg-[var(--zui-tabs-trigger-mint-bg-hover-dark,var(--zui-color-mint-dark,#6ee7b72e))] hover:text-[color:var(--zui-tabs-trigger-mint-fg-hover,var(--zui-color-mint,#10b981))] dark:hover:text-[color:var(--zui-tabs-trigger-mint-fg-hover-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-tabs-trigger-mint-bg,var(--zui-color-mint,#10b98110))] dark:bg-[var(--zui-tabs-trigger-mint-bg-dark,var(--zui-color-mint-dark,#6ee7b71f))] text-[color:var(--zui-tabs-trigger-mint-fg,var(--zui-color-mint,#10b981))] dark:text-[color:var(--zui-tabs-trigger-mint-fg-dark,var(--zui-color-mint-dark,#6ee7b7))]\",\n  ocean:\n    \"hover:bg-[var(--zui-tabs-trigger-ocean-bg-hover,var(--zui-color-ocean,#0284c718))] dark:hover:bg-[var(--zui-tabs-trigger-ocean-bg-hover-dark,var(--zui-color-ocean-dark,#38bdf82e))] hover:text-[color:var(--zui-tabs-trigger-ocean-fg-hover,var(--zui-color-ocean,#0284c7))] dark:hover:text-[color:var(--zui-tabs-trigger-ocean-fg-hover-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-tabs-trigger-ocean-bg,var(--zui-color-ocean,#0284c710))] dark:bg-[var(--zui-tabs-trigger-ocean-bg-dark,var(--zui-color-ocean-dark,#38bdf81f))] text-[color:var(--zui-tabs-trigger-ocean-fg,var(--zui-color-ocean,#0284c7))] dark:text-[color:var(--zui-tabs-trigger-ocean-fg-dark,var(--zui-color-ocean-dark,#38bdf8))]\",\n  sapphire:\n    \"hover:bg-[var(--zui-tabs-trigger-sapphire-bg-hover,var(--zui-color-sapphire,#1d4ed818))] dark:hover:bg-[var(--zui-tabs-trigger-sapphire-bg-hover-dark,var(--zui-color-sapphire-dark,#60a5fa2e))] hover:text-[color:var(--zui-tabs-trigger-sapphire-fg-hover,var(--zui-color-sapphire,#1d4ed8))] dark:hover:text-[color:var(--zui-tabs-trigger-sapphire-fg-hover-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-tabs-trigger-sapphire-bg,var(--zui-color-sapphire,#1d4ed810))] dark:bg-[var(--zui-tabs-trigger-sapphire-bg-dark,var(--zui-color-sapphire-dark,#60a5fa1f))] text-[color:var(--zui-tabs-trigger-sapphire-fg,var(--zui-color-sapphire,#1d4ed8))] dark:text-[color:var(--zui-tabs-trigger-sapphire-fg-dark,var(--zui-color-sapphire-dark,#60a5fa))]\",\n  lavender:\n    \"hover:bg-[var(--zui-tabs-trigger-lavender-bg-hover,var(--zui-color-lavender,#8b5cf618))] dark:hover:bg-[var(--zui-tabs-trigger-lavender-bg-hover-dark,var(--zui-color-lavender-dark,#a78bfa2e))] hover:text-[color:var(--zui-tabs-trigger-lavender-fg-hover,var(--zui-color-lavender,#8b5cf6))] dark:hover:text-[color:var(--zui-tabs-trigger-lavender-fg-hover-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-tabs-trigger-lavender-bg,var(--zui-color-lavender,#8b5cf610))] dark:bg-[var(--zui-tabs-trigger-lavender-bg-dark,var(--zui-color-lavender-dark,#a78bfa1f))] text-[color:var(--zui-tabs-trigger-lavender-fg,var(--zui-color-lavender,#8b5cf6))] dark:text-[color:var(--zui-tabs-trigger-lavender-fg-dark,var(--zui-color-lavender-dark,#a78bfa))]\",\n  ruby: \"hover:bg-[var(--zui-tabs-trigger-ruby-bg-hover,var(--zui-color-ruby,#be123c18))] dark:hover:bg-[var(--zui-tabs-trigger-ruby-bg-hover-dark,var(--zui-color-ruby-dark,#fb71852e))] hover:text-[color:var(--zui-tabs-trigger-ruby-fg-hover,var(--zui-color-ruby,#be123c))] dark:hover:text-[color:var(--zui-tabs-trigger-ruby-fg-hover-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-tabs-trigger-ruby-bg,var(--zui-color-ruby,#be123c10))] dark:bg-[var(--zui-tabs-trigger-ruby-bg-dark,var(--zui-color-ruby-dark,#fb71851f))] text-[color:var(--zui-tabs-trigger-ruby-fg,var(--zui-color-ruby,#be123c))] dark:text-[color:var(--zui-tabs-trigger-ruby-fg-dark,var(--zui-color-ruby-dark,#fb7185))]\",\n  red: \"hover:bg-[var(--zui-tabs-trigger-red-bg-hover,var(--zui-color-red,#dc262618))] dark:hover:bg-[var(--zui-tabs-trigger-red-bg-hover-dark,var(--zui-color-red-dark,#ef44442e))] hover:text-[color:var(--zui-tabs-trigger-red-fg-hover,var(--zui-color-red,#dc2626))] dark:hover:text-[color:var(--zui-tabs-trigger-red-fg-hover-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-tabs-trigger-red-bg,var(--zui-color-red,#dc262610))] dark:bg-[var(--zui-tabs-trigger-red-bg-dark,var(--zui-color-red-dark,#ef44441f))] text-[color:var(--zui-tabs-trigger-red-fg,var(--zui-color-red,#dc2626))] dark:text-[color:var(--zui-tabs-trigger-red-fg-dark,var(--zui-color-red-dark,#ef4444))]\",\n  slate:\n    \"hover:bg-[var(--zui-tabs-trigger-slate-bg-hover,var(--zui-color-slate,#47556918))] dark:hover:bg-[var(--zui-tabs-trigger-slate-bg-hover-dark,var(--zui-color-slate-dark,#64748b2e))] hover:text-[color:var(--zui-tabs-trigger-slate-fg-hover,var(--zui-color-slate,#475569))] dark:hover:text-[color:var(--zui-tabs-trigger-slate-fg-hover-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-tabs-trigger-slate-bg,var(--zui-color-slate,#47556910))] dark:bg-[var(--zui-tabs-trigger-slate-bg-dark,var(--zui-color-slate-dark,#64748b1f))] text-[color:var(--zui-tabs-trigger-slate-fg,var(--zui-color-slate,#475569))] dark:text-[color:var(--zui-tabs-trigger-slate-fg-dark,var(--zui-color-slate-dark,#64748b))]\",\n  zinc: \"hover:bg-[var(--zui-tabs-trigger-zinc-bg-hover,var(--zui-color-zinc,#52525b18))] dark:hover:bg-[var(--zui-tabs-trigger-zinc-bg-hover-dark,var(--zui-color-zinc-dark,#71717a2e))] hover:text-[color:var(--zui-tabs-trigger-zinc-fg-hover,var(--zui-color-zinc,#52525b))] dark:hover:text-[color:var(--zui-tabs-trigger-zinc-fg-hover-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-tabs-trigger-zinc-bg,var(--zui-color-zinc,#52525b10))] dark:bg-[var(--zui-tabs-trigger-zinc-bg-dark,var(--zui-color-zinc-dark,#71717a1f))] text-[color:var(--zui-tabs-trigger-zinc-fg,var(--zui-color-zinc,#52525b))] dark:text-[color:var(--zui-tabs-trigger-zinc-fg-dark,var(--zui-color-zinc-dark,#71717a))]\",\n  stone:\n    \"hover:bg-[var(--zui-tabs-trigger-stone-bg-hover,var(--zui-color-stone,#57534e18))] dark:hover:bg-[var(--zui-tabs-trigger-stone-bg-hover-dark,var(--zui-color-stone-dark,#78716c2e))] hover:text-[color:var(--zui-tabs-trigger-stone-fg-hover,var(--zui-color-stone,#57534e))] dark:hover:text-[color:var(--zui-tabs-trigger-stone-fg-hover-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-tabs-trigger-stone-bg,var(--zui-color-stone,#57534e10))] dark:bg-[var(--zui-tabs-trigger-stone-bg-dark,var(--zui-color-stone-dark,#78716c1f))] text-[color:var(--zui-tabs-trigger-stone-fg,var(--zui-color-stone,#57534e))] dark:text-[color:var(--zui-tabs-trigger-stone-fg-dark,var(--zui-color-stone-dark,#78716c))]\",\n  royal:\n    \"hover:bg-[var(--zui-tabs-trigger-royal-bg-hover,var(--zui-color-royal,#4338ca18))] dark:hover:bg-[var(--zui-tabs-trigger-royal-bg-hover-dark,var(--zui-color-royal-dark,#818cf82e))] hover:text-[color:var(--zui-tabs-trigger-royal-fg-hover,var(--zui-color-royal,#4338ca))] dark:hover:text-[color:var(--zui-tabs-trigger-royal-fg-hover-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-tabs-trigger-royal-bg,var(--zui-color-royal,#4338ca10))] dark:bg-[var(--zui-tabs-trigger-royal-bg-dark,var(--zui-color-royal-dark,#818cf81f))] text-[color:var(--zui-tabs-trigger-royal-fg,var(--zui-color-royal,#4338ca))] dark:text-[color:var(--zui-tabs-trigger-royal-fg-dark,var(--zui-color-royal-dark,#818cf8))]\",\n  electric:\n    \"hover:bg-[var(--zui-tabs-trigger-electric-bg-hover,var(--zui-color-electric,#0ea5e918))] dark:hover:bg-[var(--zui-tabs-trigger-electric-bg-hover-dark,var(--zui-color-electric-dark,#38bdf82e))] hover:text-[color:var(--zui-tabs-trigger-electric-fg-hover,var(--zui-color-electric,#0ea5e9))] dark:hover:text-[color:var(--zui-tabs-trigger-electric-fg-hover-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-tabs-trigger-electric-bg,var(--zui-color-electric,#0ea5e910))] dark:bg-[var(--zui-tabs-trigger-electric-bg-dark,var(--zui-color-electric-dark,#38bdf81f))] text-[color:var(--zui-tabs-trigger-electric-fg,var(--zui-color-electric,#0ea5e9))] dark:text-[color:var(--zui-tabs-trigger-electric-fg-dark,var(--zui-color-electric-dark,#38bdf8))]\",\n  forest:\n    \"hover:bg-[var(--zui-tabs-trigger-forest-bg-hover,var(--zui-color-forest,#16653418))] dark:hover:bg-[var(--zui-tabs-trigger-forest-bg-hover-dark,var(--zui-color-forest-dark,#4ade802e))] hover:text-[color:var(--zui-tabs-trigger-forest-fg-hover,var(--zui-color-forest,#166534))] dark:hover:text-[color:var(--zui-tabs-trigger-forest-fg-hover-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-tabs-trigger-forest-bg,var(--zui-color-forest,#16653410))] dark:bg-[var(--zui-tabs-trigger-forest-bg-dark,var(--zui-color-forest-dark,#4ade801f))] text-[color:var(--zui-tabs-trigger-forest-fg,var(--zui-color-forest,#166534))] dark:text-[color:var(--zui-tabs-trigger-forest-fg-dark,var(--zui-color-forest-dark,#4ade80))]\",\n  sunset:\n    \"hover:bg-[var(--zui-tabs-trigger-sunset-bg-hover,var(--zui-color-sunset,#ea580c18))] dark:hover:bg-[var(--zui-tabs-trigger-sunset-bg-hover-dark,var(--zui-color-sunset-dark,#fb923c2e))] hover:text-[color:var(--zui-tabs-trigger-sunset-fg-hover,var(--zui-color-sunset,#ea580c))] dark:hover:text-[color:var(--zui-tabs-trigger-sunset-fg-hover-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-tabs-trigger-sunset-bg,var(--zui-color-sunset,#ea580c10))] dark:bg-[var(--zui-tabs-trigger-sunset-bg-dark,var(--zui-color-sunset-dark,#fb923c1f))] text-[color:var(--zui-tabs-trigger-sunset-fg,var(--zui-color-sunset,#ea580c))] dark:text-[color:var(--zui-tabs-trigger-sunset-fg-dark,var(--zui-color-sunset-dark,#fb923c))]\",\n  magenta:\n    \"hover:bg-[var(--zui-tabs-trigger-magenta-bg-hover,var(--zui-color-magenta,#c026d318))] dark:hover:bg-[var(--zui-tabs-trigger-magenta-bg-hover-dark,var(--zui-color-magenta-dark,#e879f92e))] hover:text-[color:var(--zui-tabs-trigger-magenta-fg-hover,var(--zui-color-magenta,#c026d3))] dark:hover:text-[color:var(--zui-tabs-trigger-magenta-fg-hover-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-tabs-trigger-magenta-bg,var(--zui-color-magenta,#c026d310))] dark:bg-[var(--zui-tabs-trigger-magenta-bg-dark,var(--zui-color-magenta-dark,#e879f91f))] text-[color:var(--zui-tabs-trigger-magenta-fg,var(--zui-color-magenta,#c026d3))] dark:text-[color:var(--zui-tabs-trigger-magenta-fg-dark,var(--zui-color-magenta-dark,#e879f9))]\",\n  crimson:\n    \"hover:bg-[var(--zui-tabs-trigger-crimson-bg-hover,var(--zui-color-crimson,#b91c1c18))] dark:hover:bg-[var(--zui-tabs-trigger-crimson-bg-hover-dark,var(--zui-color-crimson-dark,#f871712e))] hover:text-[color:var(--zui-tabs-trigger-crimson-fg-hover,var(--zui-color-crimson,#b91c1c))] dark:hover:text-[color:var(--zui-tabs-trigger-crimson-fg-hover-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-tabs-trigger-crimson-bg,var(--zui-color-crimson,#b91c1c10))] dark:bg-[var(--zui-tabs-trigger-crimson-bg-dark,var(--zui-color-crimson-dark,#f871711f))] text-[color:var(--zui-tabs-trigger-crimson-fg,var(--zui-color-crimson,#b91c1c))] dark:text-[color:var(--zui-tabs-trigger-crimson-fg-dark,var(--zui-color-crimson-dark,#f87171))]\",\n  aqua: \"hover:bg-[var(--zui-tabs-trigger-aqua-bg-hover,var(--zui-color-aqua,#0f766e18))] dark:hover:bg-[var(--zui-tabs-trigger-aqua-bg-hover-dark,var(--zui-color-aqua-dark,#2dd4bf2e))] hover:text-[color:var(--zui-tabs-trigger-aqua-fg-hover,var(--zui-color-aqua,#0f766e))] dark:hover:text-[color:var(--zui-tabs-trigger-aqua-fg-hover-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-tabs-trigger-aqua-bg,var(--zui-color-aqua,#0f766e10))] dark:bg-[var(--zui-tabs-trigger-aqua-bg-dark,var(--zui-color-aqua-dark,#2dd4bf1f))] text-[color:var(--zui-tabs-trigger-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:text-[color:var(--zui-tabs-trigger-aqua-fg-dark,var(--zui-color-aqua-dark,#2dd4bf))]\",\n  plum: \"hover:bg-[var(--zui-tabs-trigger-plum-bg-hover,var(--zui-color-plum,#7e22ce18))] dark:hover:bg-[var(--zui-tabs-trigger-plum-bg-hover-dark,var(--zui-color-plum-dark,#c084fc2e))] hover:text-[color:var(--zui-tabs-trigger-plum-fg-hover,var(--zui-color-plum,#7e22ce))] dark:hover:text-[color:var(--zui-tabs-trigger-plum-fg-hover-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-tabs-trigger-plum-bg,var(--zui-color-plum,#7e22ce10))] dark:bg-[var(--zui-tabs-trigger-plum-bg-dark,var(--zui-color-plum-dark,#c084fc1f))] text-[color:var(--zui-tabs-trigger-plum-fg,var(--zui-color-plum,#7e22ce))] dark:text-[color:var(--zui-tabs-trigger-plum-fg-dark,var(--zui-color-plum-dark,#c084fc))]\",\n} as const;\n\nexport const zuiTabsTriggerVariants = {\n  default:\n    \"data-[state=active]:bg-[var(--zui-tabs-trigger-default-bg-active,var(--zui-surface-muted,#ffffff))] dark:data-[state=active]:bg-[var(--zui-tabs-trigger-default-bg-active-dark,var(--zui-surface-muted-dark,#020617))]\",\n  underline:\n    \"border-b-2 border-[color:var(--zui-tabs-trigger-underline-border,transparent)] dark:border-[color:var(--zui-tabs-trigger-underline-border-dark,transparent)] data-[state=active]:border-current rounded-none\",\n  pills: \"\",\n} as const;\n\nexport const zuiTabsTriggerSizes = {\n  sm: \"px-2 py-1\",\n  md: \"px-3 py-1.5\",\n  lg: \"px-4 py-2\",\n} as const;\n"]}

package/dist/chunk-CJCOURVM.js

@@ -0,0 +1,79 @@
+'use strict';
+
+// src/design-system/rating.ts
+var zuiRatingRootBase = "grid w-fit gap-2 text-[color:var(--zui-rating-label-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-rating-label-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50";
+var zuiRatingLabelBase = "text-sm font-medium leading-6 text-[color:var(--zui-rating-label-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-rating-label-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]";
+var zuiRatingHintBase = "max-w-sm text-xs leading-5 text-[color:var(--zui-rating-hint-fg,var(--zui-fg-muted,oklch(55.4%_0.046_257.417)))] dark:text-[color:var(--zui-rating-hint-fg-dark,var(--zui-fg-muted-dark,oklch(70.4%_0.04_256.788)))]";
+var zuiRatingGroupBase = "flex w-fit flex-wrap items-center gap-[var(--zui-rating-gap,0.25rem)]";
+var zuiRatingItemBase = "relative inline-grid shrink-0 place-items-center text-[color:var(--zui-rating-empty,var(--zui-fg-muted,oklch(86.9%_0.022_252.894)))] transition-transform duration-200 data-[interactive=true]:hover:-translate-y-0.5 dark:text-[color:var(--zui-rating-empty-dark,var(--zui-fg-muted-dark,oklch(37.2%_0.044_257.287)))]";
+var zuiRatingIconBase = "pointer-events-none col-start-1 row-start-1 transition-[clip-path,color,transform] duration-200 ease-out";
+var zuiRatingControlBase = "absolute inset-y-0 z-[1] cursor-pointer rounded-md bg-transparent outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-[var(--zui-rating-ring-focus,var(--zui-focus-ring,oklch(54.6%_0.245_262.881_/_0.32)))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus,var(--zui-ring-offset,#ffffff))] disabled:cursor-not-allowed dark:focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus-dark,var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695)))]";
+var zuiRatingErrorBase = "text-sm leading-6 text-[color:var(--zui-rating-error-fg,var(--zui-status-error,oklch(58.6%_0.253_17.585)))] dark:text-[color:var(--zui-rating-error-fg-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))]";
+var zuiRatingSizes = {
+  sm: "size-5 text-lg",
+  md: "size-7 text-2xl",
+  lg: "size-9 text-3xl"
+};
+var zuiRatingAppearances = {
+  default: "text-[color:var(--zui-rating-default-active,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-rating-default-active-dark,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))]",
+  secondary: "text-[color:var(--zui-rating-secondary-active,var(--zui-fg,oklch(44.6%_0.043_257.281)))] dark:text-[color:var(--zui-rating-secondary-active-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))]",
+  destructive: "text-[color:var(--zui-rating-destructive-active,var(--zui-status-error,oklch(58.6%_0.253_17.585)))] dark:text-[color:var(--zui-rating-destructive-active-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))]",
+  outline: "text-[color:var(--zui-rating-outline-active,var(--zui-fg,oklch(44.6%_0.043_257.281)))] dark:text-[color:var(--zui-rating-outline-active-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))]",
+  ghost: "text-[color:var(--zui-rating-ghost-active,var(--zui-fg,oklch(37.2%_0.044_257.287)))] dark:text-[color:var(--zui-rating-ghost-active-dark,var(--zui-fg-dark,oklch(92.9%_0.013_255.508)))]",
+  glass: "text-[color:var(--zui-rating-glass-active,var(--zui-fg,oklch(54.6%_0.245_262.881)))] drop-shadow-[0_2px_12px_rgba(59,130,246,0.25)] dark:text-[color:var(--zui-rating-glass-active-dark,var(--zui-fg-dark,oklch(78.9%_0.154_211.53)))]",
+  emerald: "text-[color:var(--zui-rating-emerald-active,var(--zui-color-emerald,oklch(59.6%_0.145_163.225)))] dark:text-[color:var(--zui-rating-emerald-active-dark,var(--zui-color-emerald-dark,oklch(77.7%_0.152_181.912)))]",
+  indigo: "text-[color:var(--zui-rating-indigo-active,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] dark:text-[color:var(--zui-rating-indigo-active-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]",
+  purple: "text-[color:var(--zui-rating-purple-active,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:text-[color:var(--zui-rating-purple-active-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))]",
+  pink: "text-[color:var(--zui-rating-pink-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:text-[color:var(--zui-rating-pink-active-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))]",
+  rose: "text-[color:var(--zui-rating-rose-active,var(--zui-color-rose,oklch(58.6%_0.253_17.585)))] dark:text-[color:var(--zui-rating-rose-active-dark,var(--zui-color-rose-dark,oklch(71.2%_0.194_13.428)))]",
+  sky: "text-[color:var(--zui-rating-sky-active,var(--zui-color-sky,oklch(62.3%_0.214_259.815)))] dark:text-[color:var(--zui-rating-sky-active-dark,var(--zui-color-sky-dark,oklch(74.6%_0.16_232.661)))]",
+  teal: "text-[color:var(--zui-rating-teal-active,var(--zui-color-teal,oklch(60%_0.118_184.704)))] dark:text-[color:var(--zui-rating-teal-active-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))]",
+  yellow: "text-[color:var(--zui-rating-yellow-active,var(--zui-color-yellow,oklch(79.5%_0.184_86.047)))] dark:text-[color:var(--zui-rating-yellow-active-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936)))]",
+  orange: "text-[color:var(--zui-rating-orange-active,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] dark:text-[color:var(--zui-rating-orange-active-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))]",
+  gray: "text-[color:var(--zui-rating-gray-active,var(--zui-color-gray,oklch(55.1%_0.027_264.364)))] dark:text-[color:var(--zui-rating-gray-active-dark,var(--zui-color-gray-dark,oklch(70.7%_0.022_261.325)))]",
+  amber: "text-[color:var(--zui-rating-amber-active,var(--zui-color-amber,oklch(76.9%_0.188_70.08)))] dark:text-[color:var(--zui-rating-amber-active-dark,var(--zui-color-amber-dark,oklch(82.8%_0.189_84.429)))]",
+  violet: "text-[color:var(--zui-rating-violet-active,var(--zui-color-violet,oklch(54.1%_0.281_293.009)))] dark:text-[color:var(--zui-rating-violet-active-dark,var(--zui-color-violet-dark,oklch(70.2%_0.183_293.541)))]",
+  "gradient-blue": "text-[color:var(--zui-rating-gradient-blue-active,var(--zui-color-blue,oklch(54.6%_0.245_262.881)))] drop-shadow-[0_2px_12px_rgba(37,99,235,0.28)] dark:text-[color:var(--zui-rating-gradient-blue-active-dark,var(--zui-color-blue-dark,oklch(70.7%_0.165_254.624)))]",
+  "gradient-green": "text-[color:var(--zui-rating-gradient-green-active,var(--zui-color-green,oklch(62.7%_0.194_149.214)))] drop-shadow-[0_2px_12px_rgba(22,163,74,0.24)] dark:text-[color:var(--zui-rating-gradient-green-active-dark,var(--zui-color-green-dark,oklch(79.2%_0.209_151.711)))]",
+  "gradient-red": "text-[color:var(--zui-rating-gradient-red-active,var(--zui-color-red,oklch(57.7%_0.245_27.325)))] drop-shadow-[0_2px_12px_rgba(220,38,38,0.24)] dark:text-[color:var(--zui-rating-gradient-red-active-dark,var(--zui-color-red-dark,oklch(70.4%_0.191_22.216)))]",
+  "gradient-yellow": "text-[color:var(--zui-rating-gradient-yellow-active,var(--zui-color-yellow,oklch(79.5%_0.184_86.047)))] drop-shadow-[0_2px_12px_rgba(234,179,8,0.24)] dark:text-[color:var(--zui-rating-gradient-yellow-active-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936)))]",
+  "gradient-purple": "text-[color:var(--zui-rating-gradient-purple-active,var(--zui-color-purple,oklch(62.7%_0.265_303.9)))] drop-shadow-[0_2px_12px_rgba(147,51,234,0.24)] dark:text-[color:var(--zui-rating-gradient-purple-active-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))]",
+  "gradient-teal": "text-[color:var(--zui-rating-gradient-teal-active,var(--zui-color-teal,oklch(60%_0.118_184.704)))] drop-shadow-[0_2px_12px_rgba(13,148,136,0.24)] dark:text-[color:var(--zui-rating-gradient-teal-active-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))]",
+  "gradient-indigo": "text-[color:var(--zui-rating-gradient-indigo-active,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] drop-shadow-[0_2px_12px_rgba(79,70,229,0.24)] dark:text-[color:var(--zui-rating-gradient-indigo-active-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]",
+  "gradient-pink": "text-[color:var(--zui-rating-gradient-pink-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] drop-shadow-[0_2px_12px_rgba(219,39,119,0.24)] dark:text-[color:var(--zui-rating-gradient-pink-active-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))]",
+  "gradient-orange": "text-[color:var(--zui-rating-gradient-orange-active,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] drop-shadow-[0_2px_12px_rgba(234,88,12,0.24)] dark:text-[color:var(--zui-rating-gradient-orange-active-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))]",
+  blue: "text-[color:var(--zui-rating-blue-fg,var(--zui-color-blue,#2563eb))] dark:text-[color:var(--zui-rating-blue-fg-dark,var(--zui-color-blue-dark,#3b82f6))]",
+  cyan: "text-[color:var(--zui-rating-cyan-fg,var(--zui-color-cyan,#0891b2))] dark:text-[color:var(--zui-rating-cyan-fg-dark,var(--zui-color-cyan-dark,#22d3ee))]",
+  green: "text-[color:var(--zui-rating-green-fg,var(--zui-color-green,#16a34a))] dark:text-[color:var(--zui-rating-green-fg-dark,var(--zui-color-green-dark,#22c55e))]",
+  lime: "text-[color:var(--zui-rating-lime-fg,var(--zui-color-lime,#65a30d))] dark:text-[color:var(--zui-rating-lime-fg-dark,var(--zui-color-lime-dark,#a3e635))]",
+  mint: "text-[color:var(--zui-rating-mint-fg,var(--zui-color-mint,#10b981))] dark:text-[color:var(--zui-rating-mint-fg-dark,var(--zui-color-mint-dark,#6ee7b7))]",
+  ocean: "text-[color:var(--zui-rating-ocean-fg,var(--zui-color-ocean,#0284c7))] dark:text-[color:var(--zui-rating-ocean-fg-dark,var(--zui-color-ocean-dark,#38bdf8))]",
+  sapphire: "text-[color:var(--zui-rating-sapphire-fg,var(--zui-color-sapphire,#1d4ed8))] dark:text-[color:var(--zui-rating-sapphire-fg-dark,var(--zui-color-sapphire-dark,#60a5fa))]",
+  lavender: "text-[color:var(--zui-rating-lavender-fg,var(--zui-color-lavender,#8b5cf6))] dark:text-[color:var(--zui-rating-lavender-fg-dark,var(--zui-color-lavender-dark,#a78bfa))]",
+  ruby: "text-[color:var(--zui-rating-ruby-fg,var(--zui-color-ruby,#be123c))] dark:text-[color:var(--zui-rating-ruby-fg-dark,var(--zui-color-ruby-dark,#fb7185))]",
+  red: "text-[color:var(--zui-rating-red-fg,var(--zui-color-red,#dc2626))] dark:text-[color:var(--zui-rating-red-fg-dark,var(--zui-color-red-dark,#ef4444))]",
+  slate: "text-[color:var(--zui-rating-slate-fg,var(--zui-color-slate,#475569))] dark:text-[color:var(--zui-rating-slate-fg-dark,var(--zui-color-slate-dark,#64748b))]",
+  zinc: "text-[color:var(--zui-rating-zinc-fg,var(--zui-color-zinc,#52525b))] dark:text-[color:var(--zui-rating-zinc-fg-dark,var(--zui-color-zinc-dark,#71717a))]",
+  stone: "text-[color:var(--zui-rating-stone-fg,var(--zui-color-stone,#57534e))] dark:text-[color:var(--zui-rating-stone-fg-dark,var(--zui-color-stone-dark,#78716c))]",
+  royal: "text-[color:var(--zui-rating-royal-fg,var(--zui-color-royal,#4338ca))] dark:text-[color:var(--zui-rating-royal-fg-dark,var(--zui-color-royal-dark,#818cf8))]",
+  electric: "text-[color:var(--zui-rating-electric-fg,var(--zui-color-electric,#0ea5e9))] dark:text-[color:var(--zui-rating-electric-fg-dark,var(--zui-color-electric-dark,#38bdf8))]",
+  forest: "text-[color:var(--zui-rating-forest-fg,var(--zui-color-forest,#166534))] dark:text-[color:var(--zui-rating-forest-fg-dark,var(--zui-color-forest-dark,#4ade80))]",
+  sunset: "text-[color:var(--zui-rating-sunset-fg,var(--zui-color-sunset,#ea580c))] dark:text-[color:var(--zui-rating-sunset-fg-dark,var(--zui-color-sunset-dark,#fb923c))]",
+  magenta: "text-[color:var(--zui-rating-magenta-fg,var(--zui-color-magenta,#c026d3))] dark:text-[color:var(--zui-rating-magenta-fg-dark,var(--zui-color-magenta-dark,#e879f9))]",
+  crimson: "text-[color:var(--zui-rating-crimson-fg,var(--zui-color-crimson,#b91c1c))] dark:text-[color:var(--zui-rating-crimson-fg-dark,var(--zui-color-crimson-dark,#f87171))]",
+  aqua: "text-[color:var(--zui-rating-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:text-[color:var(--zui-rating-aqua-fg-dark,var(--zui-color-aqua-dark,#2dd4bf))]",
+  plum: "text-[color:var(--zui-rating-plum-fg,var(--zui-color-plum,#7e22ce))] dark:text-[color:var(--zui-rating-plum-fg-dark,var(--zui-color-plum-dark,#c084fc))]"
+};
+
+exports.zuiRatingAppearances = zuiRatingAppearances;
+exports.zuiRatingControlBase = zuiRatingControlBase;
+exports.zuiRatingErrorBase = zuiRatingErrorBase;
+exports.zuiRatingGroupBase = zuiRatingGroupBase;
+exports.zuiRatingHintBase = zuiRatingHintBase;
+exports.zuiRatingIconBase = zuiRatingIconBase;
+exports.zuiRatingItemBase = zuiRatingItemBase;
+exports.zuiRatingLabelBase = zuiRatingLabelBase;
+exports.zuiRatingRootBase = zuiRatingRootBase;
+exports.zuiRatingSizes = zuiRatingSizes;
+//# sourceMappingURL=chunk-CJCOURVM.js.map
+//# sourceMappingURL=chunk-CJCOURVM.js.map

package/dist/chunk-CJCOURVM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/rating.ts"],"names":[],"mappings":";;;AAAO,IAAM,iBAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAEK,IAAM,iBAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAEK,IAAM,iBAAA,GACX;AAEK,IAAM,iBAAA,GACX;AAEK,IAAM,oBAAA,GACX;AAEK,IAAM,kBAAA,GACX;AAEK,IAAM,cAAA,GAAiB;AAAA,EAC5B,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI,iBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,oBAAA,GAAuB;AAAA,EAClC,OAAA,EACE,oMAAA;AAAA,EACF,SAAA,EACE,kMAAA;AAAA,EACF,WAAA,EACE,wNAAA;AAAA,EACF,OAAA,EACE,8LAAA;AAAA,EACF,KAAA,EACE,0LAAA;AAAA,EACF,KAAA,EACE,wOAAA;AAAA,EACF,OAAA,EACE,oNAAA;AAAA,EACF,MAAA,EACE,gNAAA;AAAA,EACF,MAAA,EACE,gNAAA;AAAA,EACF,IAAA,EAAM,sMAAA;AAAA,EACN,IAAA,EAAM,sMAAA;AAAA,EACN,GAAA,EAAK,mMAAA;AAAA,EACL,IAAA,EAAM,sMAAA;AAAA,EACN,MAAA,EACE,8MAAA;AAAA,EACF,MAAA,EACE,4MAAA;AAAA,EACF,IAAA,EAAM,wMAAA;AAAA,EACN,KAAA,EACE,yMAAA;AAAA,EACF,MAAA,EACE,gNAAA;AAAA,EACF,eAAA,EACE,wQAAA;AAAA,EACF,gBAAA,EACE,4QAAA;AAAA,EACF,cAAA,EACE,kQAAA;AAAA,EACF,iBAAA,EACE,8QAAA;AAAA,EACF,iBAAA,EACE,+QAAA;AAAA,EACF,eAAA,EACE,uQAAA;AAAA,EACF,iBAAA,EACE,gRAAA;AAAA,EACF,eAAA,EACE,uQAAA;AAAA,EACF,iBAAA,EACE,4QAAA;AAAA,EACF,IAAA,EAAM,0JAAA;AAAA,EACN,IAAA,EAAM,0JAAA;AAAA,EACN,KAAA,EACE,8JAAA;AAAA,EACF,IAAA,EAAM,0JAAA;AAAA,EACN,IAAA,EAAM,0JAAA;AAAA,EACN,KAAA,EACE,8JAAA;AAAA,EACF,QAAA,EACE,0KAAA;AAAA,EACF,QAAA,EACE,0KAAA;AAAA,EACF,IAAA,EAAM,0JAAA;AAAA,EACN,GAAA,EAAK,sJAAA;AAAA,EACL,KAAA,EACE,8JAAA;AAAA,EACF,IAAA,EAAM,0JAAA;AAAA,EACN,KAAA,EACE,8JAAA;AAAA,EACF,KAAA,EACE,8JAAA;AAAA,EACF,QAAA,EACE,0KAAA;AAAA,EACF,MAAA,EACE,kKAAA;AAAA,EACF,MAAA,EACE,kKAAA;AAAA,EACF,OAAA,EACE,sKAAA;AAAA,EACF,OAAA,EACE,sKAAA;AAAA,EACF,IAAA,EAAM,0JAAA;AAAA,EACN,IAAA,EAAM;AACR","file":"chunk-CJCOURVM.js","sourcesContent":["export const zuiRatingRootBase =\n  \"grid w-fit gap-2 text-[color:var(--zui-rating-label-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-rating-label-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50\";\n\nexport const zuiRatingLabelBase =\n  \"text-sm font-medium leading-6 text-[color:var(--zui-rating-label-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-rating-label-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]\";\n\nexport const zuiRatingHintBase =\n  \"max-w-sm text-xs leading-5 text-[color:var(--zui-rating-hint-fg,var(--zui-fg-muted,oklch(55.4%_0.046_257.417)))] dark:text-[color:var(--zui-rating-hint-fg-dark,var(--zui-fg-muted-dark,oklch(70.4%_0.04_256.788)))]\";\n\nexport const zuiRatingGroupBase =\n  \"flex w-fit flex-wrap items-center gap-[var(--zui-rating-gap,0.25rem)]\";\n\nexport const zuiRatingItemBase =\n  \"relative inline-grid shrink-0 place-items-center text-[color:var(--zui-rating-empty,var(--zui-fg-muted,oklch(86.9%_0.022_252.894)))] transition-transform duration-200 data-[interactive=true]:hover:-translate-y-0.5 dark:text-[color:var(--zui-rating-empty-dark,var(--zui-fg-muted-dark,oklch(37.2%_0.044_257.287)))]\";\n\nexport const zuiRatingIconBase =\n  \"pointer-events-none col-start-1 row-start-1 transition-[clip-path,color,transform] duration-200 ease-out\";\n\nexport const zuiRatingControlBase =\n  \"absolute inset-y-0 z-[1] cursor-pointer rounded-md bg-transparent outline-none transition-shadow focus-visible:ring-2 focus-visible:ring-[var(--zui-rating-ring-focus,var(--zui-focus-ring,oklch(54.6%_0.245_262.881_/_0.32)))] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus,var(--zui-ring-offset,#ffffff))] disabled:cursor-not-allowed dark:focus-visible:ring-offset-[var(--zui-rating-ring-offset-focus-dark,var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695)))]\";\n\nexport const zuiRatingErrorBase =\n  \"text-sm leading-6 text-[color:var(--zui-rating-error-fg,var(--zui-status-error,oklch(58.6%_0.253_17.585)))] dark:text-[color:var(--zui-rating-error-fg-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))]\";\n\nexport const zuiRatingSizes = {\n  sm: \"size-5 text-lg\",\n  md: \"size-7 text-2xl\",\n  lg: \"size-9 text-3xl\",\n} as const;\n\nexport const zuiRatingAppearances = {\n  default:\n    \"text-[color:var(--zui-rating-default-active,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-rating-default-active-dark,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))]\",\n  secondary:\n    \"text-[color:var(--zui-rating-secondary-active,var(--zui-fg,oklch(44.6%_0.043_257.281)))] dark:text-[color:var(--zui-rating-secondary-active-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))]\",\n  destructive:\n    \"text-[color:var(--zui-rating-destructive-active,var(--zui-status-error,oklch(58.6%_0.253_17.585)))] dark:text-[color:var(--zui-rating-destructive-active-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))]\",\n  outline:\n    \"text-[color:var(--zui-rating-outline-active,var(--zui-fg,oklch(44.6%_0.043_257.281)))] dark:text-[color:var(--zui-rating-outline-active-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))]\",\n  ghost:\n    \"text-[color:var(--zui-rating-ghost-active,var(--zui-fg,oklch(37.2%_0.044_257.287)))] dark:text-[color:var(--zui-rating-ghost-active-dark,var(--zui-fg-dark,oklch(92.9%_0.013_255.508)))]\",\n  glass:\n    \"text-[color:var(--zui-rating-glass-active,var(--zui-fg,oklch(54.6%_0.245_262.881)))] drop-shadow-[0_2px_12px_rgba(59,130,246,0.25)] dark:text-[color:var(--zui-rating-glass-active-dark,var(--zui-fg-dark,oklch(78.9%_0.154_211.53)))]\",\n  emerald:\n    \"text-[color:var(--zui-rating-emerald-active,var(--zui-color-emerald,oklch(59.6%_0.145_163.225)))] dark:text-[color:var(--zui-rating-emerald-active-dark,var(--zui-color-emerald-dark,oklch(77.7%_0.152_181.912)))]\",\n  indigo:\n    \"text-[color:var(--zui-rating-indigo-active,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] dark:text-[color:var(--zui-rating-indigo-active-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]\",\n  purple:\n    \"text-[color:var(--zui-rating-purple-active,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:text-[color:var(--zui-rating-purple-active-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))]\",\n  pink: \"text-[color:var(--zui-rating-pink-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:text-[color:var(--zui-rating-pink-active-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))]\",\n  rose: \"text-[color:var(--zui-rating-rose-active,var(--zui-color-rose,oklch(58.6%_0.253_17.585)))] dark:text-[color:var(--zui-rating-rose-active-dark,var(--zui-color-rose-dark,oklch(71.2%_0.194_13.428)))]\",\n  sky: \"text-[color:var(--zui-rating-sky-active,var(--zui-color-sky,oklch(62.3%_0.214_259.815)))] dark:text-[color:var(--zui-rating-sky-active-dark,var(--zui-color-sky-dark,oklch(74.6%_0.16_232.661)))]\",\n  teal: \"text-[color:var(--zui-rating-teal-active,var(--zui-color-teal,oklch(60%_0.118_184.704)))] dark:text-[color:var(--zui-rating-teal-active-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))]\",\n  yellow:\n    \"text-[color:var(--zui-rating-yellow-active,var(--zui-color-yellow,oklch(79.5%_0.184_86.047)))] dark:text-[color:var(--zui-rating-yellow-active-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936)))]\",\n  orange:\n    \"text-[color:var(--zui-rating-orange-active,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] dark:text-[color:var(--zui-rating-orange-active-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))]\",\n  gray: \"text-[color:var(--zui-rating-gray-active,var(--zui-color-gray,oklch(55.1%_0.027_264.364)))] dark:text-[color:var(--zui-rating-gray-active-dark,var(--zui-color-gray-dark,oklch(70.7%_0.022_261.325)))]\",\n  amber:\n    \"text-[color:var(--zui-rating-amber-active,var(--zui-color-amber,oklch(76.9%_0.188_70.08)))] dark:text-[color:var(--zui-rating-amber-active-dark,var(--zui-color-amber-dark,oklch(82.8%_0.189_84.429)))]\",\n  violet:\n    \"text-[color:var(--zui-rating-violet-active,var(--zui-color-violet,oklch(54.1%_0.281_293.009)))] dark:text-[color:var(--zui-rating-violet-active-dark,var(--zui-color-violet-dark,oklch(70.2%_0.183_293.541)))]\",\n  \"gradient-blue\":\n    \"text-[color:var(--zui-rating-gradient-blue-active,var(--zui-color-blue,oklch(54.6%_0.245_262.881)))] drop-shadow-[0_2px_12px_rgba(37,99,235,0.28)] dark:text-[color:var(--zui-rating-gradient-blue-active-dark,var(--zui-color-blue-dark,oklch(70.7%_0.165_254.624)))]\",\n  \"gradient-green\":\n    \"text-[color:var(--zui-rating-gradient-green-active,var(--zui-color-green,oklch(62.7%_0.194_149.214)))] drop-shadow-[0_2px_12px_rgba(22,163,74,0.24)] dark:text-[color:var(--zui-rating-gradient-green-active-dark,var(--zui-color-green-dark,oklch(79.2%_0.209_151.711)))]\",\n  \"gradient-red\":\n    \"text-[color:var(--zui-rating-gradient-red-active,var(--zui-color-red,oklch(57.7%_0.245_27.325)))] drop-shadow-[0_2px_12px_rgba(220,38,38,0.24)] dark:text-[color:var(--zui-rating-gradient-red-active-dark,var(--zui-color-red-dark,oklch(70.4%_0.191_22.216)))]\",\n  \"gradient-yellow\":\n    \"text-[color:var(--zui-rating-gradient-yellow-active,var(--zui-color-yellow,oklch(79.5%_0.184_86.047)))] drop-shadow-[0_2px_12px_rgba(234,179,8,0.24)] dark:text-[color:var(--zui-rating-gradient-yellow-active-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936)))]\",\n  \"gradient-purple\":\n    \"text-[color:var(--zui-rating-gradient-purple-active,var(--zui-color-purple,oklch(62.7%_0.265_303.9)))] drop-shadow-[0_2px_12px_rgba(147,51,234,0.24)] dark:text-[color:var(--zui-rating-gradient-purple-active-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))]\",\n  \"gradient-teal\":\n    \"text-[color:var(--zui-rating-gradient-teal-active,var(--zui-color-teal,oklch(60%_0.118_184.704)))] drop-shadow-[0_2px_12px_rgba(13,148,136,0.24)] dark:text-[color:var(--zui-rating-gradient-teal-active-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))]\",\n  \"gradient-indigo\":\n    \"text-[color:var(--zui-rating-gradient-indigo-active,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] drop-shadow-[0_2px_12px_rgba(79,70,229,0.24)] dark:text-[color:var(--zui-rating-gradient-indigo-active-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]\",\n  \"gradient-pink\":\n    \"text-[color:var(--zui-rating-gradient-pink-active,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] drop-shadow-[0_2px_12px_rgba(219,39,119,0.24)] dark:text-[color:var(--zui-rating-gradient-pink-active-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))]\",\n  \"gradient-orange\":\n    \"text-[color:var(--zui-rating-gradient-orange-active,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] drop-shadow-[0_2px_12px_rgba(234,88,12,0.24)] dark:text-[color:var(--zui-rating-gradient-orange-active-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))]\",\n  blue: \"text-[color:var(--zui-rating-blue-fg,var(--zui-color-blue,#2563eb))] dark:text-[color:var(--zui-rating-blue-fg-dark,var(--zui-color-blue-dark,#3b82f6))]\",\n  cyan: \"text-[color:var(--zui-rating-cyan-fg,var(--zui-color-cyan,#0891b2))] dark:text-[color:var(--zui-rating-cyan-fg-dark,var(--zui-color-cyan-dark,#22d3ee))]\",\n  green:\n    \"text-[color:var(--zui-rating-green-fg,var(--zui-color-green,#16a34a))] dark:text-[color:var(--zui-rating-green-fg-dark,var(--zui-color-green-dark,#22c55e))]\",\n  lime: \"text-[color:var(--zui-rating-lime-fg,var(--zui-color-lime,#65a30d))] dark:text-[color:var(--zui-rating-lime-fg-dark,var(--zui-color-lime-dark,#a3e635))]\",\n  mint: \"text-[color:var(--zui-rating-mint-fg,var(--zui-color-mint,#10b981))] dark:text-[color:var(--zui-rating-mint-fg-dark,var(--zui-color-mint-dark,#6ee7b7))]\",\n  ocean:\n    \"text-[color:var(--zui-rating-ocean-fg,var(--zui-color-ocean,#0284c7))] dark:text-[color:var(--zui-rating-ocean-fg-dark,var(--zui-color-ocean-dark,#38bdf8))]\",\n  sapphire:\n    \"text-[color:var(--zui-rating-sapphire-fg,var(--zui-color-sapphire,#1d4ed8))] dark:text-[color:var(--zui-rating-sapphire-fg-dark,var(--zui-color-sapphire-dark,#60a5fa))]\",\n  lavender:\n    \"text-[color:var(--zui-rating-lavender-fg,var(--zui-color-lavender,#8b5cf6))] dark:text-[color:var(--zui-rating-lavender-fg-dark,var(--zui-color-lavender-dark,#a78bfa))]\",\n  ruby: \"text-[color:var(--zui-rating-ruby-fg,var(--zui-color-ruby,#be123c))] dark:text-[color:var(--zui-rating-ruby-fg-dark,var(--zui-color-ruby-dark,#fb7185))]\",\n  red: \"text-[color:var(--zui-rating-red-fg,var(--zui-color-red,#dc2626))] dark:text-[color:var(--zui-rating-red-fg-dark,var(--zui-color-red-dark,#ef4444))]\",\n  slate:\n    \"text-[color:var(--zui-rating-slate-fg,var(--zui-color-slate,#475569))] dark:text-[color:var(--zui-rating-slate-fg-dark,var(--zui-color-slate-dark,#64748b))]\",\n  zinc: \"text-[color:var(--zui-rating-zinc-fg,var(--zui-color-zinc,#52525b))] dark:text-[color:var(--zui-rating-zinc-fg-dark,var(--zui-color-zinc-dark,#71717a))]\",\n  stone:\n    \"text-[color:var(--zui-rating-stone-fg,var(--zui-color-stone,#57534e))] dark:text-[color:var(--zui-rating-stone-fg-dark,var(--zui-color-stone-dark,#78716c))]\",\n  royal:\n    \"text-[color:var(--zui-rating-royal-fg,var(--zui-color-royal,#4338ca))] dark:text-[color:var(--zui-rating-royal-fg-dark,var(--zui-color-royal-dark,#818cf8))]\",\n  electric:\n    \"text-[color:var(--zui-rating-electric-fg,var(--zui-color-electric,#0ea5e9))] dark:text-[color:var(--zui-rating-electric-fg-dark,var(--zui-color-electric-dark,#38bdf8))]\",\n  forest:\n    \"text-[color:var(--zui-rating-forest-fg,var(--zui-color-forest,#166534))] dark:text-[color:var(--zui-rating-forest-fg-dark,var(--zui-color-forest-dark,#4ade80))]\",\n  sunset:\n    \"text-[color:var(--zui-rating-sunset-fg,var(--zui-color-sunset,#ea580c))] dark:text-[color:var(--zui-rating-sunset-fg-dark,var(--zui-color-sunset-dark,#fb923c))]\",\n  magenta:\n    \"text-[color:var(--zui-rating-magenta-fg,var(--zui-color-magenta,#c026d3))] dark:text-[color:var(--zui-rating-magenta-fg-dark,var(--zui-color-magenta-dark,#e879f9))]\",\n  crimson:\n    \"text-[color:var(--zui-rating-crimson-fg,var(--zui-color-crimson,#b91c1c))] dark:text-[color:var(--zui-rating-crimson-fg-dark,var(--zui-color-crimson-dark,#f87171))]\",\n  aqua: \"text-[color:var(--zui-rating-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:text-[color:var(--zui-rating-aqua-fg-dark,var(--zui-color-aqua-dark,#2dd4bf))]\",\n  plum: \"text-[color:var(--zui-rating-plum-fg,var(--zui-color-plum,#7e22ce))] dark:text-[color:var(--zui-rating-plum-fg-dark,var(--zui-color-plum-dark,#c084fc))]\",\n} as const;\n"]}