@zentauri-ui/zentauri-components 2.0.0 → 2.1.0

package/dist/chunk-TCEGQIGW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/index.ts","../src/design-system/button.ts","../src/design-system/dynamic-stepper.ts","../src/design-system/pagination.ts"],"names":[],"mappings":"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","file":"chunk-TCEGQIGW.mjs","sourcesContent":["export * from \"./accordion\";\nexport * from \"./alert\";\nexport * from \"./animated-number\";\nexport * from \"./avatar\";\nexport * from \"./badge\";\nexport * from \"./breadcrumb\";\nexport * from \"./button\";\nexport * from \"./card\";\nexport * from \"./checkbox\";\nexport * from \"./combobox\";\nexport * from \"./command\";\nexport * from \"./context-menu\";\nexport * from \"./copy-button\";\nexport * from \"./divider\";\nexport * from \"./drawer\";\nexport * from \"./dropdown\";\nexport * from \"./dynamic-stepper\";\nexport * from \"./empty-state\";\nexport * from \"./file-upload\";\nexport * from \"./inputs\";\nexport * from \"./kbd\";\nexport * from \"./marquee\";\nexport * from \"./modal\";\nexport * from \"./otp-input\";\nexport * from \"./pagination\";\nexport * from \"./popover\";\nexport * from \"./progress\";\nexport * from \"./rating\";\nexport * from \"./radio-group\";\nexport * from \"./scroll-area\";\nexport * from \"./select\";\nexport * from \"./skeleton\";\nexport * from \"./slider\";\nexport * from \"./spinner\";\nexport * from \"./table\";\nexport * from \"./tabs\";\nexport * from \"./timeline\";\nexport * from \"./toast\";\nexport * from \"./tokens\";\nexport * from \"./toggle\";\nexport * from \"./tooltip\";\nexport * from \"./tree-view\";\nexport * from \"./typography\";\n","import { zuiDisabledState, zuiInteractiveBase } from \"./tokens\";\n\nexport const zuiButtonBase = [\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap\",\n  \"rounded-[var(--zui-button-radius,var(--zui-radius,0.75rem))]\",\n  \"text-sm font-medium\",\n  \"ring-offset-[var(--zui-button-ring-offset,var(--zui-ring-offset,#f8fafc))] dark:ring-offset-[var(--zui-button-ring-offset-dark,var(--zui-ring-offset-dark,#020617))]\",\n  ...zuiInteractiveBase,\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-button-focus-ring,var(--zui-focus-ring,#475569))] dark:focus-visible:ring-[var(--zui-button-focus-ring-dark,var(--zui-focus-ring-dark,#cbd5e1))] focus-visible:ring-offset-2\",\n  zuiDisabledState.default,\n] as const;\n\nexport const zuiButtonAppearances = {\n  default:\n    \"bg-[var(--zui-button-default-bg,var(--zui-brand,#0f172a))] dark:bg-[var(--zui-button-default-bg-dark,var(--zui-brand-dark,#f8fafc))] text-[color:var(--zui-button-default-fg,var(--zui-brand-fg,#f8fafc))] dark:text-[color:var(--zui-button-default-fg-dark,var(--zui-brand-fg-dark,#020617))] shadow-[var(--zui-button-default-shadow,var(--zui-shadow,0_1px_2px_#0f172a14))] dark:shadow-[var(--zui-button-default-shadow-dark,var(--zui-shadow-dark,0_1px_2px_#0f172a1f))] hover:bg-[var(--zui-button-default-bg-hover,var(--zui-brand-hover,#000000))] dark:hover:bg-[var(--zui-button-default-bg-hover-dark,var(--zui-brand-hover-dark,#ffffff))]\",\n  secondary:\n    \"bg-[var(--zui-button-secondary-bg,var(--zui-surface-muted,#e2e8f0))] dark:bg-[var(--zui-button-secondary-bg-dark,var(--zui-surface-muted-dark,#1e293b))] text-[color:var(--zui-button-secondary-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-button-secondary-fg-dark,var(--zui-fg-dark,#f8fafc))] hover:bg-[var(--zui-button-secondary-bg-hover,var(--zui-surface-hover,#cbd5e1))] dark:hover:bg-[var(--zui-button-secondary-bg-hover-dark,var(--zui-surface-hover-dark,#334155))]\",\n  destructive:\n    \"bg-[var(--zui-button-destructive-bg,var(--zui-status-error,#f43f5e))] dark:bg-[var(--zui-button-destructive-bg-dark,var(--zui-status-error-dark,#be123c))] text-[color:var(--zui-button-destructive-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-destructive-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-button-destructive-bg-hover,var(--zui-status-error,#f43f5e))] dark:hover:bg-[var(--zui-button-destructive-bg-hover-dark,var(--zui-status-error-dark,#9f1239))]\",\n  outline:\n    \"border border-[color:var(--zui-button-outline-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-button-outline-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-button-outline-bg,var(--zui-surface-soft,#0000000d))] dark:bg-[var(--zui-button-outline-bg-dark,var(--zui-surface-soft-dark,#ffffff0d))] text-[color:var(--zui-button-outline-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-button-outline-fg-dark,var(--zui-fg-dark,#f8fafc))] hover:bg-[var(--zui-button-outline-bg-hover,var(--zui-surface-hover,#0000001a))] dark:hover:bg-[var(--zui-button-outline-bg-hover-dark,var(--zui-surface-hover-dark,#ffffff1a))]\",\n  ghost:\n    \"bg-transparent text-[color:var(--zui-button-ghost-fg,var(--zui-fg-muted,#334155))] dark:text-[color:var(--zui-button-ghost-fg-dark,var(--zui-fg-muted-dark,#e2e8f0))] hover:bg-[var(--zui-button-ghost-bg-hover,var(--zui-surface-hover,#0000000d))] dark:hover:bg-[var(--zui-button-ghost-bg-hover-dark,var(--zui-surface-hover-dark,#ffffff0d))]\",\n  link: \"bg-transparent text-[color:var(--zui-button-link-fg,var(--zui-brand,#0e7490))] dark:text-[color:var(--zui-button-link-fg-dark,var(--zui-brand-dark,#67e8f9))] underline-offset-4 hover:underline\",\n  glass:\n    \"border border-[color:var(--zui-button-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-button-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-button-glass-bg,var(--zui-surface-soft,#0000001a))] dark:bg-[var(--zui-button-glass-bg-dark,var(--zui-surface-soft-dark,#ffffff1a))] text-[color:var(--zui-button-glass-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-button-glass-fg-dark,var(--zui-fg-dark,#ffffff))] backdrop-blur-md hover:bg-[var(--zui-button-glass-bg-hover,var(--zui-surface-hover,#00000026))] dark:hover:bg-[var(--zui-button-glass-bg-hover-dark,var(--zui-surface-hover-dark,#ffffff26))]\",\n  blue: \"bg-[var(--zui-button-blue-bg,var(--zui-color-blue,#2563eb))] dark:bg-[var(--zui-button-blue-bg-dark,var(--zui-color-blue-dark,#3b82f6))] text-[color:var(--zui-button-blue-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-button-blue-bg-hover,var(--zui-color-blue,#2563eb))] dark:hover:bg-[var(--zui-button-blue-bg-hover-dark,var(--zui-color-blue-dark,#3b82f6))]\",\n  cyan: \"bg-[var(--zui-button-cyan-bg,var(--zui-color-cyan,#0891b2))] dark:bg-[var(--zui-button-cyan-bg-dark,var(--zui-color-cyan-dark,#22d3ee))] text-[color:var(--zui-button-cyan-fg,var(--zui-brand-fg,#083344))] dark:text-[color:var(--zui-button-cyan-fg-dark,var(--zui-brand-fg-dark,#083344))] hover:bg-[var(--zui-button-cyan-bg-hover,var(--zui-color-cyan,#0891b2))] dark:hover:bg-[var(--zui-button-cyan-bg-hover-dark,var(--zui-color-cyan-dark,#22d3ee))]\",\n  green:\n    \"bg-[var(--zui-button-green-bg,var(--zui-color-green,#16a34a))] dark:bg-[var(--zui-button-green-bg-dark,var(--zui-color-green-dark,#22c55e))] text-[color:var(--zui-button-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-green-fg-dark,var(--zui-brand-fg-dark,#052e16))] hover:bg-[var(--zui-button-green-bg-hover,var(--zui-color-green,#16a34a))] dark:hover:bg-[var(--zui-button-green-bg-hover-dark,var(--zui-color-green-dark,#22c55e))]\",\n  lime: \"bg-[var(--zui-button-lime-bg,var(--zui-color-lime,#65a30d))] dark:bg-[var(--zui-button-lime-bg-dark,var(--zui-color-lime-dark,#a3e635))] text-[color:var(--zui-button-lime-fg,var(--zui-brand-fg,#1a2e05))] dark:text-[color:var(--zui-button-lime-fg-dark,var(--zui-brand-fg-dark,#1a2e05))] hover:bg-[var(--zui-button-lime-bg-hover,var(--zui-color-lime,#65a30d))] dark:hover:bg-[var(--zui-button-lime-bg-hover-dark,var(--zui-color-lime-dark,#a3e635))]\",\n  mint: \"bg-[var(--zui-button-mint-bg,var(--zui-color-mint,#10b981))] dark:bg-[var(--zui-button-mint-bg-dark,var(--zui-color-mint-dark,#6ee7b7))] text-[color:var(--zui-button-mint-fg,var(--zui-brand-fg,#064e3b))] dark:text-[color:var(--zui-button-mint-fg-dark,var(--zui-brand-fg-dark,#064e3b))] hover:bg-[var(--zui-button-mint-bg-hover,var(--zui-color-mint,#10b981))] dark:hover:bg-[var(--zui-button-mint-bg-hover-dark,var(--zui-color-mint-dark,#6ee7b7))]\",\n  ocean:\n    \"bg-[var(--zui-button-ocean-bg,var(--zui-color-ocean,#0284c7))] dark:bg-[var(--zui-button-ocean-bg-dark,var(--zui-color-ocean-dark,#38bdf8))] text-[color:var(--zui-button-ocean-fg,var(--zui-brand-fg,#082f49))] dark:text-[color:var(--zui-button-ocean-fg-dark,var(--zui-brand-fg-dark,#082f49))] hover:bg-[var(--zui-button-ocean-bg-hover,var(--zui-color-ocean,#0284c7))] dark:hover:bg-[var(--zui-button-ocean-bg-hover-dark,var(--zui-color-ocean-dark,#38bdf8))]\",\n  sapphire:\n    \"bg-[var(--zui-button-sapphire-bg,var(--zui-color-sapphire,#1d4ed8))] dark:bg-[var(--zui-button-sapphire-bg-dark,var(--zui-color-sapphire-dark,#60a5fa))] text-[color:var(--zui-button-sapphire-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-sapphire-fg-dark,var(--zui-brand-fg-dark,#0f172a))] hover:bg-[var(--zui-button-sapphire-bg-hover,var(--zui-color-sapphire,#1d4ed8))] dark:hover:bg-[var(--zui-button-sapphire-bg-hover-dark,var(--zui-color-sapphire-dark,#60a5fa))]\",\n  lavender:\n    \"bg-[var(--zui-button-lavender-bg,var(--zui-color-lavender,#8b5cf6))] dark:bg-[var(--zui-button-lavender-bg-dark,var(--zui-color-lavender-dark,#a78bfa))] text-[color:var(--zui-button-lavender-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-lavender-fg-dark,var(--zui-brand-fg-dark,#1e1b4b))] hover:bg-[var(--zui-button-lavender-bg-hover,var(--zui-color-lavender,#8b5cf6))] dark:hover:bg-[var(--zui-button-lavender-bg-hover-dark,var(--zui-color-lavender-dark,#a78bfa))]\",\n  ruby: \"bg-[var(--zui-button-ruby-bg,var(--zui-color-ruby,#be123c))] dark:bg-[var(--zui-button-ruby-bg-dark,var(--zui-color-ruby-dark,#fb7185))] text-[color:var(--zui-button-ruby-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-ruby-fg-dark,var(--zui-brand-fg-dark,#450a0a))] hover:bg-[var(--zui-button-ruby-bg-hover,var(--zui-color-ruby,#be123c))] dark:hover:bg-[var(--zui-button-ruby-bg-hover-dark,var(--zui-color-ruby-dark,#fb7185))]\",\n  red: \"bg-[var(--zui-button-red-bg,var(--zui-color-red,#dc2626))] dark:bg-[var(--zui-button-red-bg-dark,var(--zui-color-red-dark,#ef4444))] text-[color:var(--zui-button-red-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-button-red-bg-hover,var(--zui-color-red,#dc2626))] dark:hover:bg-[var(--zui-button-red-bg-hover-dark,var(--zui-color-red-dark,#ef4444))]\",\n  slate:\n    \"bg-[var(--zui-button-slate-bg,var(--zui-color-slate,#475569))] dark:bg-[var(--zui-button-slate-bg-dark,var(--zui-color-slate-dark,#64748b))] text-[color:var(--zui-button-slate-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-slate-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-button-slate-bg-hover,var(--zui-color-slate,#475569))] dark:hover:bg-[var(--zui-button-slate-bg-hover-dark,var(--zui-color-slate-dark,#64748b))]\",\n  zinc: \"bg-[var(--zui-button-zinc-bg,var(--zui-color-zinc,#52525b))] dark:bg-[var(--zui-button-zinc-bg-dark,var(--zui-color-zinc-dark,#71717a))] text-[color:var(--zui-button-zinc-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-zinc-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-button-zinc-bg-hover,var(--zui-color-zinc,#52525b))] dark:hover:bg-[var(--zui-button-zinc-bg-hover-dark,var(--zui-color-zinc-dark,#71717a))]\",\n  stone:\n    \"bg-[var(--zui-button-stone-bg,var(--zui-color-stone,#57534e))] dark:bg-[var(--zui-button-stone-bg-dark,var(--zui-color-stone-dark,#78716c))] text-[color:var(--zui-button-stone-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-stone-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-button-stone-bg-hover,var(--zui-color-stone,#57534e))] dark:hover:bg-[var(--zui-button-stone-bg-hover-dark,var(--zui-color-stone-dark,#78716c))]\",\n  royal:\n    \"bg-[var(--zui-button-royal-bg,var(--zui-color-royal,#4338ca))] dark:bg-[var(--zui-button-royal-bg-dark,var(--zui-color-royal-dark,#818cf8))] text-[color:var(--zui-button-royal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-royal-fg-dark,var(--zui-brand-fg-dark,#1e1b4b))] hover:bg-[var(--zui-button-royal-bg-hover,var(--zui-color-royal,#4338ca))] dark:hover:bg-[var(--zui-button-royal-bg-hover-dark,var(--zui-color-royal-dark,#818cf8))]\",\n  electric:\n    \"bg-[var(--zui-button-electric-bg,var(--zui-color-electric,#0ea5e9))] dark:bg-[var(--zui-button-electric-bg-dark,var(--zui-color-electric-dark,#38bdf8))] text-[color:var(--zui-button-electric-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-electric-fg-dark,var(--zui-brand-fg-dark,#082f49))] hover:bg-[var(--zui-button-electric-bg-hover,var(--zui-color-electric,#0ea5e9))] dark:hover:bg-[var(--zui-button-electric-bg-hover-dark,var(--zui-color-electric-dark,#38bdf8))]\",\n  forest:\n    \"bg-[var(--zui-button-forest-bg,var(--zui-color-forest,#166534))] dark:bg-[var(--zui-button-forest-bg-dark,var(--zui-color-forest-dark,#4ade80))] text-[color:var(--zui-button-forest-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-forest-fg-dark,var(--zui-brand-fg-dark,#052e16))] hover:bg-[var(--zui-button-forest-bg-hover,var(--zui-color-forest,#166534))] dark:hover:bg-[var(--zui-button-forest-bg-hover-dark,var(--zui-color-forest-dark,#4ade80))]\",\n  sunset:\n    \"bg-[var(--zui-button-sunset-bg,var(--zui-color-sunset,#ea580c))] dark:bg-[var(--zui-button-sunset-bg-dark,var(--zui-color-sunset-dark,#fb923c))] text-[color:var(--zui-button-sunset-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-sunset-fg-dark,var(--zui-brand-fg-dark,#431407))] hover:bg-[var(--zui-button-sunset-bg-hover,var(--zui-color-sunset,#ea580c))] dark:hover:bg-[var(--zui-button-sunset-bg-hover-dark,var(--zui-color-sunset-dark,#fb923c))]\",\n  magenta:\n    \"bg-[var(--zui-button-magenta-bg,var(--zui-color-magenta,#c026d3))] dark:bg-[var(--zui-button-magenta-bg-dark,var(--zui-color-magenta-dark,#e879f9))] text-[color:var(--zui-button-magenta-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-magenta-fg-dark,var(--zui-brand-fg-dark,#4a044e))] hover:bg-[var(--zui-button-magenta-bg-hover,var(--zui-color-magenta,#c026d3))] dark:hover:bg-[var(--zui-button-magenta-bg-hover-dark,var(--zui-color-magenta-dark,#e879f9))]\",\n  crimson:\n    \"bg-[var(--zui-button-crimson-bg,var(--zui-color-crimson,#b91c1c))] dark:bg-[var(--zui-button-crimson-bg-dark,var(--zui-color-crimson-dark,#f87171))] text-[color:var(--zui-button-crimson-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-crimson-fg-dark,var(--zui-brand-fg-dark,#450a0a))] hover:bg-[var(--zui-button-crimson-bg-hover,var(--zui-color-crimson,#b91c1c))] dark:hover:bg-[var(--zui-button-crimson-bg-hover-dark,var(--zui-color-crimson-dark,#f87171))]\",\n  aqua: \"bg-[var(--zui-button-aqua-bg,var(--zui-color-aqua,#0f766e))] dark:bg-[var(--zui-button-aqua-bg-dark,var(--zui-color-aqua-dark,#2dd4bf))] text-[color:var(--zui-button-aqua-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-aqua-fg-dark,var(--zui-brand-fg-dark,#042f2e))] hover:bg-[var(--zui-button-aqua-bg-hover,var(--zui-color-aqua,#0f766e))] dark:hover:bg-[var(--zui-button-aqua-bg-hover-dark,var(--zui-color-aqua-dark,#2dd4bf))]\",\n  plum: \"bg-[var(--zui-button-plum-bg,var(--zui-color-plum,#7e22ce))] dark:bg-[var(--zui-button-plum-bg-dark,var(--zui-color-plum-dark,#c084fc))] text-[color:var(--zui-button-plum-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-plum-fg-dark,var(--zui-brand-fg-dark,#3b0764))] hover:bg-[var(--zui-button-plum-bg-hover,var(--zui-color-plum,#7e22ce))] dark:hover:bg-[var(--zui-button-plum-bg-hover-dark,var(--zui-color-plum-dark,#c084fc))]\",\n  emerald:\n    \"bg-[var(--zui-button-emerald-bg,var(--zui-color-emerald,#10b981))] dark:bg-[var(--zui-button-emerald-bg-dark,var(--zui-color-emerald-dark,#065f46))] text-[color:var(--zui-button-emerald-fg,var(--zui-brand-fg,#064e3b))] dark:text-[color:var(--zui-button-emerald-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-button-emerald-bg-hover,var(--zui-color-emerald,#10b981))] dark:hover:bg-[var(--zui-button-emerald-bg-hover-dark,var(--zui-color-emerald-dark,#064e3b))]\",\n  indigo:\n    \"bg-[var(--zui-button-indigo-bg,var(--zui-color-indigo,#3730a3))] dark:bg-[var(--zui-button-indigo-bg-dark,var(--zui-color-indigo-dark,#4f46e5))] text-[color:var(--zui-button-indigo-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-button-indigo-bg-hover,var(--zui-color-indigo,#3730a3))] dark:hover:bg-[var(--zui-button-indigo-bg-hover-dark,var(--zui-color-indigo-dark,#4f46e5))]\",\n  purple:\n    \"bg-[var(--zui-button-purple-bg,var(--zui-color-purple,#6b21a8))] dark:bg-[var(--zui-button-purple-bg-dark,var(--zui-color-purple-dark,#9333ea))] text-[color:var(--zui-button-purple-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-button-purple-bg-hover,var(--zui-color-purple,#6b21a8))] dark:hover:bg-[var(--zui-button-purple-bg-hover-dark,var(--zui-color-purple-dark,#9333ea))]\",\n  pink: \"bg-[var(--zui-button-pink-bg,var(--zui-color-pink,#9d174d))] dark:bg-[var(--zui-button-pink-bg-dark,var(--zui-color-pink-dark,#db2777))] text-[color:var(--zui-button-pink-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-button-pink-bg-hover,var(--zui-color-pink,#9d174d))] dark:hover:bg-[var(--zui-button-pink-bg-hover-dark,var(--zui-color-pink-dark,#db2777))]\",\n  rose: \"bg-[var(--zui-button-rose-bg,var(--zui-color-rose,#9f1239))] dark:bg-[var(--zui-button-rose-bg-dark,var(--zui-color-rose-dark,#e11d48))] text-[color:var(--zui-button-rose-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-rose-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-button-rose-bg-hover,var(--zui-color-rose,#9f1239))] dark:hover:bg-[var(--zui-button-rose-bg-hover-dark,var(--zui-color-rose-dark,#e11d48))]\",\n  sky: \"bg-[var(--zui-button-sky-bg,var(--zui-color-sky,#0ea5e9))] dark:bg-[var(--zui-button-sky-bg-dark,var(--zui-color-sky-dark,#0369a1))] text-[color:var(--zui-button-sky-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-sky-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-button-sky-bg-hover,var(--zui-color-sky,#0ea5e9))] dark:hover:bg-[var(--zui-button-sky-bg-hover-dark,var(--zui-color-sky-dark,#075985))]\",\n  teal: \"bg-[var(--zui-button-teal-bg,var(--zui-color-teal,#14b8a6))] dark:bg-[var(--zui-button-teal-bg-dark,var(--zui-color-teal-dark,#0f766e))] text-[color:var(--zui-button-teal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-button-teal-bg-hover,var(--zui-color-teal,#14b8a6))] dark:hover:bg-[var(--zui-button-teal-bg-hover-dark,var(--zui-color-teal-dark,#115e59))]\",\n  yellow:\n    \"bg-[var(--zui-button-yellow-bg,var(--zui-color-yellow,#eab308))] dark:bg-[var(--zui-button-yellow-bg-dark,var(--zui-color-yellow-dark,#854d0e))] text-[color:var(--zui-button-yellow-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-button-yellow-bg-hover,var(--zui-color-yellow,#eab308))] dark:hover:bg-[var(--zui-button-yellow-bg-hover-dark,var(--zui-color-yellow-dark,#713f12))]\",\n  orange:\n    \"bg-[var(--zui-button-orange-bg,var(--zui-color-orange,#f97316))] dark:bg-[var(--zui-button-orange-bg-dark,var(--zui-color-orange-dark,#9a3412))] text-[color:var(--zui-button-orange-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-button-orange-bg-hover,var(--zui-color-orange,#f97316))] dark:hover:bg-[var(--zui-button-orange-bg-hover-dark,var(--zui-color-orange-dark,#7c2d12))]\",\n  gray: \"bg-[var(--zui-button-gray-bg,var(--zui-color-gray,#6b7280))] dark:bg-[var(--zui-button-gray-bg-dark,var(--zui-color-gray-dark,#374151))] text-[color:var(--zui-button-gray-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-gray-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-button-gray-bg-hover,var(--zui-color-gray,#6b7280))] dark:hover:bg-[var(--zui-button-gray-bg-hover-dark,var(--zui-color-gray-dark,#1f2937))]\",\n  amber:\n    \"bg-[var(--zui-button-amber-bg,var(--zui-color-amber,#f59e0b))] dark:bg-[var(--zui-button-amber-bg-dark,var(--zui-color-amber-dark,#92400e))] text-[color:var(--zui-button-amber-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-amber-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-button-amber-bg-hover,var(--zui-color-amber,#f59e0b))] dark:hover:bg-[var(--zui-button-amber-bg-hover-dark,var(--zui-color-amber-dark,#78350f))]\",\n  violet:\n    \"bg-[var(--zui-button-violet-bg,var(--zui-color-violet,#5b21b6))] dark:bg-[var(--zui-button-violet-bg-dark,var(--zui-color-violet-dark,#7c3aed))] text-[color:var(--zui-button-violet-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-violet-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-button-violet-bg-hover,var(--zui-color-violet,#5b21b6))] dark:hover:bg-[var(--zui-button-violet-bg-hover-dark,var(--zui-color-violet-dark,#7c3aed))]\",\n  \"gradient-blue\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-blue-from,var(--zui-color-blue,#1e40af))] dark:from-[var(--zui-button-gradient-blue-from-dark,var(--zui-color-blue-dark,#2563eb))] to-[var(--zui-button-gradient-blue-to,var(--zui-color-purple,#6b21a8))] dark:to-[var(--zui-button-gradient-blue-to-dark,var(--zui-color-purple-dark,#9333ea))] text-[color:var(--zui-button-gradient-blue-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-gradient-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:from-[var(--zui-button-gradient-blue-from-hover,var(--zui-color-blue,#1e40af))] dark:hover:from-[var(--zui-button-gradient-blue-from-hover-dark,var(--zui-color-blue-dark,#2563eb))] hover:to-[var(--zui-button-gradient-blue-to-hover,var(--zui-color-purple,#6b21a8))] dark:hover:to-[var(--zui-button-gradient-blue-to-hover-dark,var(--zui-color-purple-dark,#9333ea))]\",\n  \"gradient-green\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-green-from,var(--zui-color-green,#166534))] dark:from-[var(--zui-button-gradient-green-from-dark,var(--zui-color-green-dark,#16a34a))] to-[var(--zui-button-gradient-green-to,var(--zui-color-lime,#3f6212))] dark:to-[var(--zui-button-gradient-green-to-dark,var(--zui-color-lime-dark,#65a30d))] text-[color:var(--zui-button-gradient-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-gradient-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:from-[var(--zui-button-gradient-green-from-hover,var(--zui-color-green,#166534))] dark:hover:from-[var(--zui-button-gradient-green-from-hover-dark,var(--zui-color-green-dark,#16a34a))] hover:to-[var(--zui-button-gradient-green-to-hover,var(--zui-color-lime,#3f6212))] dark:hover:to-[var(--zui-button-gradient-green-to-hover-dark,var(--zui-color-lime-dark,#65a30d))]\",\n  \"gradient-red\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-red-from,var(--zui-color-red,#991b1b))] dark:from-[var(--zui-button-gradient-red-from-dark,var(--zui-color-red-dark,#dc2626))] to-[var(--zui-button-gradient-red-to,var(--zui-color-pink,#9d174d))] dark:to-[var(--zui-button-gradient-red-to-dark,var(--zui-color-pink-dark,#db2777))] text-[color:var(--zui-button-gradient-red-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-gradient-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:from-[var(--zui-button-gradient-red-from-hover,var(--zui-color-red,#991b1b))] dark:hover:from-[var(--zui-button-gradient-red-from-hover-dark,var(--zui-color-red-dark,#dc2626))] hover:to-[var(--zui-button-gradient-red-to-hover,var(--zui-color-pink,#9d174d))] dark:hover:to-[var(--zui-button-gradient-red-to-hover-dark,var(--zui-color-pink-dark,#db2777))]\",\n  \"gradient-yellow\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-yellow-from,var(--zui-color-yellow,#854d0e))] dark:from-[var(--zui-button-gradient-yellow-from-dark,var(--zui-color-yellow-dark,#ca8a04))] to-[var(--zui-button-gradient-yellow-to,var(--zui-color-orange,#9a3412))] dark:to-[var(--zui-button-gradient-yellow-to-dark,var(--zui-color-orange-dark,#ea580c))] text-[color:var(--zui-button-gradient-yellow-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:from-[var(--zui-button-gradient-yellow-from-hover,var(--zui-color-yellow,#854d0e))] dark:hover:from-[var(--zui-button-gradient-yellow-from-hover-dark,var(--zui-color-yellow-dark,#ca8a04))] hover:to-[var(--zui-button-gradient-yellow-to-hover,var(--zui-color-orange,#9a3412))] dark:hover:to-[var(--zui-button-gradient-yellow-to-hover-dark,var(--zui-color-orange-dark,#ea580c))]\",\n  \"gradient-purple\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-purple-from,var(--zui-color-purple,#6b21a8))] dark:from-[var(--zui-button-gradient-purple-from-dark,var(--zui-color-purple-dark,#9333ea))] to-[var(--zui-button-gradient-purple-to,var(--zui-color-pink,#9d174d))] dark:to-[var(--zui-button-gradient-purple-to-dark,var(--zui-color-pink-dark,#db2777))] text-[color:var(--zui-button-gradient-purple-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-gradient-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:from-[var(--zui-button-gradient-purple-from-hover,var(--zui-color-purple,#6b21a8))] dark:hover:from-[var(--zui-button-gradient-purple-from-hover-dark,var(--zui-color-purple-dark,#9333ea))] hover:to-[var(--zui-button-gradient-purple-to-hover,var(--zui-color-pink,#9d174d))] dark:hover:to-[var(--zui-button-gradient-purple-to-hover-dark,var(--zui-color-pink-dark,#db2777))]\",\n  \"gradient-teal\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-teal-from,var(--zui-color-teal,#115e59))] dark:from-[var(--zui-button-gradient-teal-from-dark,var(--zui-color-teal-dark,#0d9488))] to-[var(--zui-button-gradient-teal-to,var(--zui-color-cyan,#155e75))] dark:to-[var(--zui-button-gradient-teal-to-dark,var(--zui-color-cyan-dark,#0891b2))] text-[color:var(--zui-button-gradient-teal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-gradient-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:from-[var(--zui-button-gradient-teal-from-hover,var(--zui-color-teal,#115e59))] dark:hover:from-[var(--zui-button-gradient-teal-from-hover-dark,var(--zui-color-teal-dark,#0d9488))] hover:to-[var(--zui-button-gradient-teal-to-hover,var(--zui-color-cyan,#155e75))] dark:hover:to-[var(--zui-button-gradient-teal-to-hover-dark,var(--zui-color-cyan-dark,#0891b2))]\",\n  \"gradient-indigo\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-indigo-from,var(--zui-color-indigo,#3730a3))] dark:from-[var(--zui-button-gradient-indigo-from-dark,var(--zui-color-indigo-dark,#4f46e5))] to-[var(--zui-button-gradient-indigo-to,var(--zui-color-purple,#6b21a8))] dark:to-[var(--zui-button-gradient-indigo-to-dark,var(--zui-color-purple-dark,#9333ea))] text-[color:var(--zui-button-gradient-indigo-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:from-[var(--zui-button-gradient-indigo-from-hover,var(--zui-color-indigo,#3730a3))] dark:hover:from-[var(--zui-button-gradient-indigo-from-hover-dark,var(--zui-color-indigo-dark,#4f46e5))] hover:to-[var(--zui-button-gradient-indigo-to-hover,var(--zui-color-purple,#6b21a8))] dark:hover:to-[var(--zui-button-gradient-indigo-to-hover-dark,var(--zui-color-purple-dark,#9333ea))]\",\n  \"gradient-pink\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-pink-from,var(--zui-color-pink,#9d174d))] dark:from-[var(--zui-button-gradient-pink-from-dark,var(--zui-color-pink-dark,#db2777))] to-[var(--zui-button-gradient-pink-to,var(--zui-color-rose,#9f1239))] dark:to-[var(--zui-button-gradient-pink-to-dark,var(--zui-color-rose-dark,#e11d48))] text-[color:var(--zui-button-gradient-pink-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-gradient-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:from-[var(--zui-button-gradient-pink-from-hover,var(--zui-color-pink,#9d174d))] dark:hover:from-[var(--zui-button-gradient-pink-from-hover-dark,var(--zui-color-pink-dark,#db2777))] hover:to-[var(--zui-button-gradient-pink-to-hover,var(--zui-color-rose,#9f1239))] dark:hover:to-[var(--zui-button-gradient-pink-to-hover-dark,var(--zui-color-rose-dark,#e11d48))]\",\n  \"gradient-orange\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-orange-from,var(--zui-color-orange,#9a3412))] dark:from-[var(--zui-button-gradient-orange-from-dark,var(--zui-color-orange-dark,#ea580c))] to-[var(--zui-button-gradient-orange-to,var(--zui-color-red,#991b1b))] dark:to-[var(--zui-button-gradient-orange-to-dark,var(--zui-color-red-dark,#dc2626))] text-[color:var(--zui-button-gradient-orange-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-button-gradient-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:from-[var(--zui-button-gradient-orange-from-hover,var(--zui-color-orange,#9a3412))] dark:hover:from-[var(--zui-button-gradient-orange-from-hover-dark,var(--zui-color-orange-dark,#ea580c))] hover:to-[var(--zui-button-gradient-orange-to-hover,var(--zui-color-red,#991b1b))] dark:hover:to-[var(--zui-button-gradient-orange-to-hover-dark,var(--zui-color-red-dark,#dc2626))]\",\n} as const;\n\nexport const zuiButtonSizes = {\n  sm: \"h-7 md:h-9 px-3 text-xs\",\n  md: \"h-9 md:h-11 px-4\",\n  lg: \"h-10 md:h-12 px-5 text-base\",\n  xl: \"h-12 md:h-14 px-6 text-lg\",\n  \"2xl\": \"h-14 md:h-16 px-6 md:px-8 text-xl\",\n  \"3xl\": \"h-16 md:h-18 px-8 md:px-10 text-2xl\",\n  \"4xl\": \"h-18 md:h-20 px-10 md:px-12 text-2xl\",\n  \"5xl\": \"h-20 md:h-22 px-12 md:px-14 text-2xl\",\n  \"6xl\": \"h-22 md:h-24 px-14 md:px-16 text-2xl\",\n  \"7xl\": \"h-24 md:h-26 px-16 md:px-18 text-2xl\",\n  \"8xl\": \"h-26 md:h-28 px-20 text-2xl\",\n  \"9xl\": \"h-24 md:h-30 px-18 md:px-22 text-2xl\",\n  \"10xl\": \"h-26 md:h-32 px-20 md:px-24 text-2xl\",\n  icon: \"h-10 w-10\",\n} as const;\n","export type ZuiDynamicStepperIndicatorSemanticState =\n  | \"complete\"\n  | \"current\"\n  | \"upcoming\";\n\nexport const zuiDynamicStepperIndicatorToneClasses = {\n  default: {\n    complete:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-default-border-complete,var(--zui-border,oklch(55.4%_0.046_257.417_/_0.55)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-default-border-complete-dark,var(--zui-border-dark,oklch(37.2%_0.044_257.287_/_0.55)))] bg-[var(--zui-dynamic-stepper-indicator-default-bg-complete,var(--zui-surface-muted,oklch(55.4%_0.046_257.417_/_0.25)))] dark:bg-[var(--zui-dynamic-stepper-indicator-default-bg-complete-dark,var(--zui-surface-muted-dark,oklch(55.4%_0.046_257.417_/_0.25)))] text-[color:var(--zui-dynamic-stepper-indicator-default-fg-complete,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-default-fg-complete-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-default-ring-complete,var(--zui-focus-ring,oklch(55.4%_0.046_257.417_/_0.25)))] dark:ring-[var(--zui-dynamic-stepper-indicator-default-ring-complete-dark,var(--zui-focus-ring-dark,oklch(70.4%_0.04_256.788_/_0.25)))]\",\n    current:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-default-border-current,var(--zui-border,oklch(44.6%_0.043_257.281)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-default-border-current-dark,var(--zui-border-dark,oklch(86.9%_0.022_252.894)))] bg-[var(--zui-dynamic-stepper-indicator-default-bg-current,var(--zui-surface-hover,oklch(55.4%_0.046_257.417_/_0.35)))] dark:bg-[var(--zui-dynamic-stepper-indicator-default-bg-current-dark,var(--zui-surface-hover-dark,oklch(55.4%_0.046_257.417_/_0.35)))] text-[color:var(--zui-dynamic-stepper-indicator-default-fg-current,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-default-fg-current-dark,var(--zui-fg-dark,#ffffff))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-default-ring-current,var(--zui-focus-ring,oklch(44.6%_0.043_257.281_/_0.45)))] dark:ring-[var(--zui-dynamic-stepper-indicator-default-ring-current-dark,var(--zui-focus-ring-dark,oklch(86.9%_0.022_252.894_/_0.45)))]\",\n    upcoming:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-default-border-upcoming,var(--zui-border,#00000026))] dark:border-[color:var(--zui-dynamic-stepper-indicator-default-border-upcoming-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-dynamic-stepper-indicator-default-bg-upcoming,var(--zui-surface-muted,#0000000d))] dark:bg-[var(--zui-dynamic-stepper-indicator-default-bg-upcoming-dark,var(--zui-surface-muted-dark,#ffffff0d))] text-[color:var(--zui-dynamic-stepper-indicator-default-fg-upcoming,var(--zui-fg,oklch(55.4%_0.046_257.417)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-default-fg-upcoming-dark,var(--zui-fg-dark,oklch(70.4%_0.04_256.788)))]\",\n  },\n  secondary: {\n    complete:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-secondary-border-complete,var(--zui-border,oklch(70.4%_0.04_256.788)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-secondary-border-complete-dark,var(--zui-border-dark,oklch(44.6%_0.043_257.281)))] bg-[var(--zui-dynamic-stepper-indicator-secondary-bg-complete,var(--zui-surface-soft,oklch(92.9%_0.013_255.508_/_0.7)))] dark:bg-[var(--zui-dynamic-stepper-indicator-secondary-bg-complete-dark,var(--zui-surface-soft-dark,oklch(27.9%_0.041_260.031_/_0.7)))] text-[color:var(--zui-dynamic-stepper-indicator-secondary-fg-complete,var(--zui-fg,oklch(37.2%_0.044_257.287)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-secondary-fg-complete-dark,var(--zui-fg-dark,oklch(92.9%_0.013_255.508)))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-secondary-ring-complete,var(--zui-focus-ring,oklch(70.4%_0.04_256.788_/_0.35)))] dark:ring-[var(--zui-dynamic-stepper-indicator-secondary-ring-complete-dark,var(--zui-focus-ring-dark,oklch(44.6%_0.043_257.281_/_0.35)))]\",\n    current:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-secondary-border-current,var(--zui-border,oklch(55.4%_0.046_257.417)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-secondary-border-current-dark,var(--zui-border-dark,oklch(55.4%_0.046_257.417)))] bg-[var(--zui-dynamic-stepper-indicator-secondary-bg-current,var(--zui-surface-hover,oklch(86.9%_0.022_252.894_/_0.55)))] dark:bg-[var(--zui-dynamic-stepper-indicator-secondary-bg-current-dark,var(--zui-surface-hover-dark,oklch(37.2%_0.044_257.287_/_0.55)))] text-[color:var(--zui-dynamic-stepper-indicator-secondary-fg-current,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-secondary-fg-current-dark,var(--zui-fg-dark,#ffffff))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-secondary-ring-current,var(--zui-focus-ring,oklch(55.4%_0.046_257.417_/_0.45)))] dark:ring-[var(--zui-dynamic-stepper-indicator-secondary-ring-current-dark,var(--zui-focus-ring-dark,oklch(55.4%_0.046_257.417_/_0.45)))]\",\n    upcoming:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-secondary-border-upcoming,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-dynamic-stepper-indicator-secondary-border-upcoming-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-dynamic-stepper-indicator-secondary-bg-upcoming,var(--zui-surface-soft,oklch(96.8%_0.007_247.896_/_0.5)))] dark:bg-[var(--zui-dynamic-stepper-indicator-secondary-bg-upcoming-dark,var(--zui-surface-soft-dark,oklch(20.8%_0.042_265.755_/_0.5)))] text-[color:var(--zui-dynamic-stepper-indicator-secondary-fg-upcoming,var(--zui-fg,oklch(55.4%_0.046_257.417)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-secondary-fg-upcoming-dark,var(--zui-fg-dark,oklch(55.4%_0.046_257.417)))]\",\n  },\n  destructive: {\n    complete:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-destructive-border-complete,var(--zui-status-error,oklch(64.5%_0.246_16.439_/_0.6)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-destructive-border-complete-dark,var(--zui-status-error-dark,oklch(64.5%_0.246_16.439_/_0.6)))] bg-[var(--zui-dynamic-stepper-indicator-destructive-bg-complete,var(--zui-status-error,oklch(64.5%_0.246_16.439_/_0.2)))] dark:bg-[var(--zui-dynamic-stepper-indicator-destructive-bg-complete-dark,var(--zui-status-error-dark,oklch(64.5%_0.246_16.439_/_0.2)))] text-[color:var(--zui-dynamic-stepper-indicator-destructive-fg-complete,var(--zui-status-error,oklch(41%_0.159_10.272)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-destructive-fg-complete-dark,var(--zui-status-error-dark,oklch(94.1%_0.03_12.58)))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-destructive-ring-complete,var(--zui-focus-ring,oklch(71.2%_0.194_13.428_/_0.3)))] dark:ring-[var(--zui-dynamic-stepper-indicator-destructive-ring-complete-dark,var(--zui-focus-ring-dark,oklch(71.2%_0.194_13.428_/_0.3)))]\",\n    current:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-destructive-border-current,var(--zui-status-error,oklch(58.6%_0.253_17.585)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-destructive-border-current-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))] bg-[var(--zui-dynamic-stepper-indicator-destructive-bg-current,var(--zui-status-error,oklch(94.1%_0.03_12.58_/_0.5)))] dark:bg-[var(--zui-dynamic-stepper-indicator-destructive-bg-current-dark,var(--zui-status-error-dark,oklch(58.6%_0.253_17.585_/_0.35)))] text-[color:var(--zui-dynamic-stepper-indicator-destructive-fg-current,var(--zui-status-error,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-destructive-fg-current-dark,var(--zui-status-error-dark,#ffffff))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-destructive-ring-current,var(--zui-focus-ring,oklch(71.2%_0.194_13.428_/_0.5)))] dark:ring-[var(--zui-dynamic-stepper-indicator-destructive-ring-current-dark,var(--zui-focus-ring-dark,oklch(71.2%_0.194_13.428_/_0.5)))]\",\n    upcoming:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-destructive-border-upcoming,var(--zui-status-error,#00000026))] dark:border-[color:var(--zui-dynamic-stepper-indicator-destructive-border-upcoming-dark,var(--zui-status-error-dark,#ffffff26))] bg-[var(--zui-dynamic-stepper-indicator-destructive-bg-upcoming,var(--zui-status-error,oklch(96.9%_0.015_12.422)))] dark:bg-[var(--zui-dynamic-stepper-indicator-destructive-bg-upcoming-dark,var(--zui-status-error-dark,oklch(27.1%_0.105_12.094_/_0.25)))] text-[color:var(--zui-dynamic-stepper-indicator-destructive-fg-upcoming,var(--zui-status-error,oklch(55.4%_0.046_257.417)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-destructive-fg-upcoming-dark,var(--zui-status-error-dark,oklch(70.4%_0.04_256.788)))]\",\n  },\n  outline: {\n    complete:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-outline-border-complete,var(--zui-border,oklch(69.6%_0.17_162.48_/_0.55)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-outline-border-complete-dark,var(--zui-border-dark,oklch(69.6%_0.17_162.48_/_0.55)))] bg-[var(--zui-dynamic-stepper-indicator-outline-bg-complete,var(--zui-surface-soft,transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-outline-bg-complete-dark,var(--zui-surface-soft-dark,transparent))] text-[color:var(--zui-dynamic-stepper-indicator-outline-fg-complete,var(--zui-fg,oklch(90.5%_0.093_164.15)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-outline-fg-complete-dark,var(--zui-fg-dark,oklch(90.5%_0.093_164.15)))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-outline-ring-complete,var(--zui-focus-ring,oklch(69.6%_0.17_162.48_/_0.25)))] dark:ring-[var(--zui-dynamic-stepper-indicator-outline-ring-complete-dark,var(--zui-focus-ring-dark,oklch(69.6%_0.17_162.48_/_0.25)))]\",\n    current:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-outline-border-current,var(--zui-border,#0000004d))] dark:border-[color:var(--zui-dynamic-stepper-indicator-outline-border-current-dark,var(--zui-border-dark,#ffffff4d))] bg-[var(--zui-dynamic-stepper-indicator-outline-bg-current,var(--zui-surface-hover,#0000001a))] dark:bg-[var(--zui-dynamic-stepper-indicator-outline-bg-current-dark,var(--zui-surface-hover-dark,#ffffff1a))] text-[color:var(--zui-dynamic-stepper-indicator-outline-fg-current,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-outline-fg-current-dark,var(--zui-fg-dark,#ffffff))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-outline-ring-current,var(--zui-focus-ring,#00000040))] dark:ring-[var(--zui-dynamic-stepper-indicator-outline-ring-current-dark,var(--zui-focus-ring-dark,#ffffff40))]\",\n    upcoming:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-outline-border-upcoming,var(--zui-border,#00000026))] dark:border-[color:var(--zui-dynamic-stepper-indicator-outline-border-upcoming-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-dynamic-stepper-indicator-outline-bg-upcoming,var(--zui-surface-soft,#0000000d))] dark:bg-[var(--zui-dynamic-stepper-indicator-outline-bg-upcoming-dark,var(--zui-surface-soft-dark,#ffffff0d))] text-[color:var(--zui-dynamic-stepper-indicator-outline-fg-upcoming,var(--zui-fg,oklch(55.4%_0.046_257.417)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-outline-fg-upcoming-dark,var(--zui-fg-dark,oklch(70.4%_0.04_256.788)))]\",\n  },\n  ghost: {\n    complete:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-ghost-border-complete,var(--zui-border,transparent))] dark:border-[color:var(--zui-dynamic-stepper-indicator-ghost-border-complete-dark,var(--zui-border-dark,transparent))] bg-[var(--zui-dynamic-stepper-indicator-ghost-bg-complete,var(--zui-surface-soft,oklch(69.6%_0.17_162.48_/_0.15)))] dark:bg-[var(--zui-dynamic-stepper-indicator-ghost-bg-complete-dark,var(--zui-surface-soft-dark,oklch(69.6%_0.17_162.48_/_0.15)))] text-[color:var(--zui-dynamic-stepper-indicator-ghost-fg-complete,var(--zui-fg,oklch(90.5%_0.093_164.15)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-ghost-fg-complete-dark,var(--zui-fg-dark,oklch(90.5%_0.093_164.15)))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-ghost-ring-complete,var(--zui-focus-ring,oklch(76.5%_0.177_163.223_/_0.2)))] dark:ring-[var(--zui-dynamic-stepper-indicator-ghost-ring-complete-dark,var(--zui-focus-ring-dark,oklch(76.5%_0.177_163.223_/_0.2)))]\",\n    current:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-ghost-border-current,var(--zui-border,transparent))] dark:border-[color:var(--zui-dynamic-stepper-indicator-ghost-border-current-dark,var(--zui-border-dark,transparent))] bg-[var(--zui-dynamic-stepper-indicator-ghost-bg-current,var(--zui-surface-hover,#0000001a))] dark:bg-[var(--zui-dynamic-stepper-indicator-ghost-bg-current-dark,var(--zui-surface-hover-dark,#ffffff1a))] text-[color:var(--zui-dynamic-stepper-indicator-ghost-fg-current,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-ghost-fg-current-dark,var(--zui-fg-dark,#ffffff))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-ghost-ring-current,var(--zui-focus-ring,#00000026))] dark:ring-[var(--zui-dynamic-stepper-indicator-ghost-ring-current-dark,var(--zui-focus-ring-dark,#ffffff26))]\",\n    upcoming:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-ghost-border-upcoming,var(--zui-border,transparent))] dark:border-[color:var(--zui-dynamic-stepper-indicator-ghost-border-upcoming-dark,var(--zui-border-dark,transparent))] bg-[var(--zui-dynamic-stepper-indicator-ghost-bg-upcoming,transparent)] dark:bg-[var(--zui-dynamic-stepper-indicator-ghost-bg-upcoming-dark,transparent)] text-[color:var(--zui-dynamic-stepper-indicator-ghost-fg-upcoming,var(--zui-fg,oklch(55.4%_0.046_257.417)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-ghost-fg-upcoming-dark,var(--zui-fg-dark,oklch(55.4%_0.046_257.417)))]\",\n  },\n  link: {\n    complete:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-link-border-complete,var(--zui-border,oklch(71.5%_0.143_215.221_/_0.45)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-link-border-complete-dark,var(--zui-border-dark,oklch(71.5%_0.143_215.221_/_0.45)))] bg-[var(--zui-dynamic-stepper-indicator-link-bg-complete,var(--zui-surface-soft,oklch(98.4%_0.019_200.873)))] dark:bg-[var(--zui-dynamic-stepper-indicator-link-bg-complete-dark,var(--zui-surface-soft-dark,oklch(30.2%_0.056_229.695_/_0.35)))] text-[color:var(--zui-dynamic-stepper-indicator-link-fg-complete,var(--zui-fg,oklch(91.7%_0.08_205.041)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-link-fg-complete-dark,var(--zui-fg-dark,oklch(91.7%_0.08_205.041)))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-link-ring-complete,var(--zui-focus-ring,oklch(78.9%_0.154_211.53_/_0.25)))] dark:ring-[var(--zui-dynamic-stepper-indicator-link-ring-complete-dark,var(--zui-focus-ring-dark,oklch(78.9%_0.154_211.53_/_0.25)))]\",\n    current:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-link-border-current,var(--zui-border,oklch(60.9%_0.126_221.723)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-link-border-current-dark,var(--zui-border-dark,oklch(78.9%_0.154_211.53)))] bg-[var(--zui-dynamic-stepper-indicator-link-bg-current,var(--zui-surface-hover,oklch(39.8%_0.07_227.392_/_0.45)))] dark:bg-[var(--zui-dynamic-stepper-indicator-link-bg-current-dark,var(--zui-surface-hover-dark,oklch(39.8%_0.07_227.392_/_0.45)))] text-[color:var(--zui-dynamic-stepper-indicator-link-fg-current,var(--zui-fg,oklch(30.2%_0.056_229.695)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-link-fg-current-dark,var(--zui-fg-dark,oklch(98.4%_0.019_200.873)))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-link-ring-current,var(--zui-focus-ring,oklch(78.9%_0.154_211.53_/_0.45)))] dark:ring-[var(--zui-dynamic-stepper-indicator-link-ring-current-dark,var(--zui-focus-ring-dark,oklch(78.9%_0.154_211.53_/_0.45)))]\",\n    upcoming:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-link-border-upcoming,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-dynamic-stepper-indicator-link-border-upcoming-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-dynamic-stepper-indicator-link-bg-upcoming,var(--zui-surface-soft,transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-link-bg-upcoming-dark,var(--zui-surface-soft-dark,transparent))] text-[color:var(--zui-dynamic-stepper-indicator-link-fg-upcoming,var(--zui-fg,oklch(55.4%_0.046_257.417)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-link-fg-upcoming-dark,var(--zui-fg-dark,oklch(55.4%_0.046_257.417)))]\",\n  },\n  glass: {\n    complete:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-glass-border-complete,var(--zui-border,#00000040))] dark:border-[color:var(--zui-dynamic-stepper-indicator-glass-border-complete-dark,var(--zui-border-dark,#ffffff40))] bg-[var(--zui-dynamic-stepper-indicator-glass-bg-complete,var(--zui-surface-soft,#0000001a))] dark:bg-[var(--zui-dynamic-stepper-indicator-glass-bg-complete-dark,var(--zui-surface-soft-dark,#ffffff1a))] text-[color:var(--zui-dynamic-stepper-indicator-glass-fg-complete,var(--zui-fg,oklch(37.8%_0.077_168.94)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-glass-fg-complete-dark,var(--zui-fg-dark,oklch(95%_0.052_163.051)))] shadow-[var(--zui-dynamic-stepper-indicator-glass-shadow-complete,var(--zui-shadow,inset_0_1px_0_rgba(255,255,255,0.06)))] dark:shadow-[var(--zui-dynamic-stepper-indicator-glass-shadow-complete-dark,var(--zui-shadow-dark,inset_0_1px_0_rgba(255,255,255,0.06)))] backdrop-blur-md ring-2 ring-[var(--zui-dynamic-stepper-indicator-glass-ring-complete,var(--zui-focus-ring,oklch(76.5%_0.177_163.223_/_0.25)))] dark:ring-[var(--zui-dynamic-stepper-indicator-glass-ring-complete-dark,var(--zui-focus-ring-dark,oklch(76.5%_0.177_163.223_/_0.25)))]\",\n    current:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-glass-border-current,var(--zui-border,#00000059))] dark:border-[color:var(--zui-dynamic-stepper-indicator-glass-border-current-dark,var(--zui-border-dark,#ffffff59))] bg-[var(--zui-dynamic-stepper-indicator-glass-bg-current,var(--zui-surface-hover,#00000026))] dark:bg-[var(--zui-dynamic-stepper-indicator-glass-bg-current-dark,var(--zui-surface-hover-dark,#ffffff26))] text-[color:var(--zui-dynamic-stepper-indicator-glass-fg-current,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-glass-fg-current-dark,var(--zui-fg-dark,#ffffff))] shadow-[var(--zui-dynamic-stepper-indicator-glass-shadow-current,var(--zui-shadow,inset_0_1px_0_rgba(255,255,255,0.08)))] dark:shadow-[var(--zui-dynamic-stepper-indicator-glass-shadow-current-dark,var(--zui-shadow-dark,inset_0_1px_0_rgba(255,255,255,0.08)))] backdrop-blur-md ring-2 ring-[var(--zui-dynamic-stepper-indicator-glass-ring-current,var(--zui-focus-ring,#0000004d))] dark:ring-[var(--zui-dynamic-stepper-indicator-glass-ring-current-dark,var(--zui-focus-ring-dark,#ffffff4d))]\",\n    upcoming:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-glass-border-upcoming,var(--zui-border,#00000026))] dark:border-[color:var(--zui-dynamic-stepper-indicator-glass-border-upcoming-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-dynamic-stepper-indicator-glass-bg-upcoming,var(--zui-surface-soft,#0000000d))] dark:bg-[var(--zui-dynamic-stepper-indicator-glass-bg-upcoming-dark,var(--zui-surface-soft-dark,#ffffff0d))] text-[color:var(--zui-dynamic-stepper-indicator-glass-fg-upcoming,var(--zui-fg,oklch(55.4%_0.046_257.417)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-glass-fg-upcoming-dark,var(--zui-fg-dark,oklch(70.4%_0.04_256.788)))] backdrop-blur-sm\",\n  },\n  emerald: {\n    complete:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-emerald-border-complete,var(--zui-color-emerald,oklch(69.6%_0.17_162.48_/_0.6)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-emerald-border-complete-dark,var(--zui-color-emerald-dark,oklch(69.6%_0.17_162.48_/_0.6)))] bg-[var(--zui-dynamic-stepper-indicator-emerald-bg-complete,color-mix(in oklch, var(--zui-color-emerald,oklch(69.6%_0.17_162.48)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-emerald-bg-complete-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(69.6%_0.17_162.48)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-emerald-fg-complete,var(--zui-color-emerald,oklch(37.8%_0.077_168.94)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-emerald-fg-complete-dark,var(--zui-color-emerald-dark,oklch(95%_0.052_163.051)))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-emerald-ring-complete,var(--zui-focus-ring,oklch(76.5%_0.177_163.223_/_0.3)))] dark:ring-[var(--zui-dynamic-stepper-indicator-emerald-ring-complete-dark,var(--zui-focus-ring-dark,oklch(76.5%_0.177_163.223_/_0.3)))]\",\n    current:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-emerald-border-current,var(--zui-color-emerald,oklch(59.6%_0.145_163.225)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-emerald-border-current-dark,var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223)))] bg-[var(--zui-dynamic-stepper-indicator-emerald-bg-current,color-mix(in oklch, var(--zui-color-emerald,oklch(69.6%_0.17_162.48)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-emerald-bg-current-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(69.6%_0.17_162.48)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-emerald-fg-current,var(--zui-color-emerald,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-emerald-fg-current-dark,var(--zui-color-emerald-dark,#ffffff))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-emerald-ring-current,var(--zui-focus-ring,oklch(76.5%_0.177_163.223_/_0.5)))] dark:ring-[var(--zui-dynamic-stepper-indicator-emerald-ring-current-dark,var(--zui-focus-ring-dark,oklch(76.5%_0.177_163.223_/_0.5)))]\",\n    upcoming:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-emerald-border-upcoming,var(--zui-color-emerald,#00000026))] dark:border-[color:var(--zui-dynamic-stepper-indicator-emerald-border-upcoming-dark,var(--zui-color-emerald-dark,#ffffff26))] bg-[var(--zui-dynamic-stepper-indicator-emerald-bg-upcoming,color-mix(in oklch, var(--zui-color-emerald,oklch(97.9%_0.021_166.113)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-emerald-bg-upcoming-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(26.2%_0.051_172.552)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-emerald-fg-upcoming,var(--zui-color-emerald,oklch(50.8%_0.118_165.612_/_0.55)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-emerald-fg-upcoming-dark,var(--zui-color-emerald-dark,oklch(50.8%_0.118_165.612_/_0.55)))]\",\n  },\n  indigo: {\n    complete:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-indigo-border-complete,var(--zui-color-indigo,oklch(58.5%_0.233_277.117_/_0.6)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-indigo-border-complete-dark,var(--zui-color-indigo-dark,oklch(58.5%_0.233_277.117_/_0.6)))] bg-[var(--zui-dynamic-stepper-indicator-indigo-bg-complete,color-mix(in oklch, var(--zui-color-indigo,oklch(58.5%_0.233_277.117)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-indigo-bg-complete-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(58.5%_0.233_277.117)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-indigo-fg-complete,var(--zui-color-indigo,oklch(35.9%_0.144_278.697)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-indigo-fg-complete-dark,var(--zui-color-indigo-dark,oklch(93%_0.034_272.788)))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-indigo-ring-complete,var(--zui-focus-ring,oklch(67.3%_0.182_276.935_/_0.3)))] dark:ring-[var(--zui-dynamic-stepper-indicator-indigo-ring-complete-dark,var(--zui-focus-ring-dark,oklch(67.3%_0.182_276.935_/_0.3)))]\",\n    current:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-indigo-border-current,var(--zui-color-indigo,oklch(51.1%_0.262_276.966)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-indigo-border-current-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))] bg-[var(--zui-dynamic-stepper-indicator-indigo-bg-current,color-mix(in oklch, var(--zui-color-indigo,oklch(58.5%_0.233_277.117)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-indigo-bg-current-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(58.5%_0.233_277.117)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-indigo-fg-current,var(--zui-color-indigo,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-indigo-fg-current-dark,var(--zui-color-indigo-dark,#ffffff))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-indigo-ring-current,var(--zui-focus-ring,oklch(67.3%_0.182_276.935_/_0.5)))] dark:ring-[var(--zui-dynamic-stepper-indicator-indigo-ring-current-dark,var(--zui-focus-ring-dark,oklch(67.3%_0.182_276.935_/_0.5)))]\",\n    upcoming:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-indigo-border-upcoming,var(--zui-color-indigo,#00000026))] dark:border-[color:var(--zui-dynamic-stepper-indicator-indigo-border-upcoming-dark,var(--zui-color-indigo-dark,#ffffff26))] bg-[var(--zui-dynamic-stepper-indicator-indigo-bg-upcoming,color-mix(in oklch, var(--zui-color-indigo,oklch(96.2%_0.018_272.314)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-indigo-bg-upcoming-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-indigo-fg-upcoming,var(--zui-color-indigo,oklch(45.7%_0.24_277.023_/_0.55)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-indigo-fg-upcoming-dark,var(--zui-color-indigo-dark,oklch(45.7%_0.24_277.023_/_0.55)))]\",\n  },\n  purple: {\n    complete:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-purple-border-complete,var(--zui-color-purple,oklch(62.7%_0.265_303.9_/_0.6)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-purple-border-complete-dark,var(--zui-color-purple-dark,oklch(62.7%_0.265_303.9_/_0.6)))] bg-[var(--zui-dynamic-stepper-indicator-purple-bg-complete,color-mix(in oklch, var(--zui-color-purple,oklch(62.7%_0.265_303.9)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-purple-bg-complete-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(62.7%_0.265_303.9)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-purple-fg-complete,var(--zui-color-purple,oklch(38.1%_0.176_304.987)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-purple-fg-complete-dark,var(--zui-color-purple-dark,oklch(94.6%_0.033_307.174)))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-purple-ring-complete,var(--zui-focus-ring,oklch(71.4%_0.203_305.504_/_0.3)))] dark:ring-[var(--zui-dynamic-stepper-indicator-purple-ring-complete-dark,var(--zui-focus-ring-dark,oklch(71.4%_0.203_305.504_/_0.3)))]\",\n    current:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-purple-border-current,var(--zui-color-purple,oklch(55.8%_0.288_302.321)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-purple-border-current-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))] bg-[var(--zui-dynamic-stepper-indicator-purple-bg-current,color-mix(in oklch, var(--zui-color-purple,oklch(62.7%_0.265_303.9)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-purple-bg-current-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(62.7%_0.265_303.9)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-purple-fg-current,var(--zui-color-purple,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-purple-fg-current-dark,var(--zui-color-purple-dark,#ffffff))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-purple-ring-current,var(--zui-focus-ring,oklch(71.4%_0.203_305.504_/_0.5)))] dark:ring-[var(--zui-dynamic-stepper-indicator-purple-ring-current-dark,var(--zui-focus-ring-dark,oklch(71.4%_0.203_305.504_/_0.5)))]\",\n    upcoming:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-purple-border-upcoming,var(--zui-color-purple,#00000026))] dark:border-[color:var(--zui-dynamic-stepper-indicator-purple-border-upcoming-dark,var(--zui-color-purple-dark,#ffffff26))] bg-[var(--zui-dynamic-stepper-indicator-purple-bg-upcoming,color-mix(in oklch, var(--zui-color-purple,oklch(97.7%_0.014_308.299)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-purple-bg-upcoming-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-purple-fg-upcoming,var(--zui-color-purple,oklch(49.6%_0.265_301.924_/_0.55)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-purple-fg-upcoming-dark,var(--zui-color-purple-dark,oklch(49.6%_0.265_301.924_/_0.55)))]\",\n  },\n  pink: {\n    complete:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-pink-border-complete,var(--zui-color-pink,oklch(65.6%_0.241_354.308_/_0.6)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-pink-border-complete-dark,var(--zui-color-pink-dark,oklch(65.6%_0.241_354.308_/_0.6)))] bg-[var(--zui-dynamic-stepper-indicator-pink-bg-complete,color-mix(in oklch, var(--zui-color-pink,oklch(65.6%_0.241_354.308)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-pink-bg-complete-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(65.6%_0.241_354.308)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-pink-fg-complete,var(--zui-color-pink,oklch(40.8%_0.153_2.432)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-pink-fg-complete-dark,var(--zui-color-pink-dark,oklch(94.8%_0.028_342.258)))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-pink-ring-complete,var(--zui-focus-ring,oklch(71.8%_0.202_349.761_/_0.3)))] dark:ring-[var(--zui-dynamic-stepper-indicator-pink-ring-complete-dark,var(--zui-focus-ring-dark,oklch(71.8%_0.202_349.761_/_0.3)))]\",\n    current:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-pink-border-current,var(--zui-color-pink,oklch(59.2%_0.249_0.584)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-pink-border-current-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))] bg-[var(--zui-dynamic-stepper-indicator-pink-bg-current,color-mix(in oklch, var(--zui-color-pink,oklch(65.6%_0.241_354.308)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-pink-bg-current-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(65.6%_0.241_354.308)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-pink-fg-current,var(--zui-color-pink,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-pink-fg-current-dark,var(--zui-color-pink-dark,#ffffff))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-pink-ring-current,var(--zui-focus-ring,oklch(71.8%_0.202_349.761_/_0.5)))] dark:ring-[var(--zui-dynamic-stepper-indicator-pink-ring-current-dark,var(--zui-focus-ring-dark,oklch(71.8%_0.202_349.761_/_0.5)))]\",\n    upcoming:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-pink-border-upcoming,var(--zui-color-pink,#00000026))] dark:border-[color:var(--zui-dynamic-stepper-indicator-pink-border-upcoming-dark,var(--zui-color-pink-dark,#ffffff26))] bg-[var(--zui-dynamic-stepper-indicator-pink-bg-upcoming,color-mix(in oklch, var(--zui-color-pink,oklch(97.1%_0.014_343.198)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-pink-bg-upcoming-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-pink-fg-upcoming,var(--zui-color-pink,oklch(52.5%_0.223_3.958_/_0.55)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-pink-fg-upcoming-dark,var(--zui-color-pink-dark,oklch(52.5%_0.223_3.958_/_0.55)))]\",\n  },\n  rose: {\n    complete:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-rose-border-complete,var(--zui-color-rose,oklch(64.5%_0.246_16.439_/_0.6)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-rose-border-complete-dark,var(--zui-color-rose-dark,oklch(64.5%_0.246_16.439_/_0.6)))] bg-[var(--zui-dynamic-stepper-indicator-rose-bg-complete,color-mix(in oklch, var(--zui-color-rose,oklch(64.5%_0.246_16.439)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-rose-bg-complete-dark,color-mix(in oklch, var(--zui-color-rose-dark,oklch(64.5%_0.246_16.439)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-rose-fg-complete,var(--zui-color-rose,oklch(41%_0.159_10.272)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-rose-fg-complete-dark,var(--zui-color-rose-dark,oklch(94.1%_0.03_12.58)))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-rose-ring-complete,var(--zui-focus-ring,oklch(71.2%_0.194_13.428_/_0.3)))] dark:ring-[var(--zui-dynamic-stepper-indicator-rose-ring-complete-dark,var(--zui-focus-ring-dark,oklch(71.2%_0.194_13.428_/_0.3)))]\",\n    current:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-rose-border-current,var(--zui-color-rose,oklch(58.6%_0.253_17.585)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-rose-border-current-dark,var(--zui-color-rose-dark,oklch(71.2%_0.194_13.428)))] bg-[var(--zui-dynamic-stepper-indicator-rose-bg-current,color-mix(in oklch, var(--zui-color-rose,oklch(64.5%_0.246_16.439)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-rose-bg-current-dark,color-mix(in oklch, var(--zui-color-rose-dark,oklch(64.5%_0.246_16.439)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-rose-fg-current,var(--zui-color-rose,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-rose-fg-current-dark,var(--zui-color-rose-dark,#ffffff))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-rose-ring-current,var(--zui-focus-ring,oklch(71.2%_0.194_13.428_/_0.5)))] dark:ring-[var(--zui-dynamic-stepper-indicator-rose-ring-current-dark,var(--zui-focus-ring-dark,oklch(71.2%_0.194_13.428_/_0.5)))]\",\n    upcoming:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-rose-border-upcoming,var(--zui-color-rose,#00000026))] dark:border-[color:var(--zui-dynamic-stepper-indicator-rose-border-upcoming-dark,var(--zui-color-rose-dark,#ffffff26))] bg-[var(--zui-dynamic-stepper-indicator-rose-bg-upcoming,color-mix(in oklch, var(--zui-color-rose,oklch(96.9%_0.015_12.422)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-rose-bg-upcoming-dark,color-mix(in oklch, var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-rose-fg-upcoming,var(--zui-color-rose,oklch(51.4%_0.222_16.935_/_0.55)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-rose-fg-upcoming-dark,var(--zui-color-rose-dark,oklch(51.4%_0.222_16.935_/_0.55)))]\",\n  },\n  sky: {\n    complete:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-sky-border-complete,var(--zui-color-sky,oklch(68.5%_0.169_237.323_/_0.6)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-sky-border-complete-dark,var(--zui-color-sky-dark,oklch(68.5%_0.169_237.323_/_0.6)))] bg-[var(--zui-dynamic-stepper-indicator-sky-bg-complete,color-mix(in oklch, var(--zui-color-sky,oklch(68.5%_0.169_237.323)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-sky-bg-complete-dark,color-mix(in oklch, var(--zui-color-sky-dark,oklch(68.5%_0.169_237.323)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-sky-fg-complete,var(--zui-color-sky,oklch(39.1%_0.09_240.876)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-sky-fg-complete-dark,var(--zui-color-sky-dark,oklch(95.1%_0.026_236.824)))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-sky-ring-complete,var(--zui-focus-ring,oklch(74.6%_0.16_232.661_/_0.3)))] dark:ring-[var(--zui-dynamic-stepper-indicator-sky-ring-complete-dark,var(--zui-focus-ring-dark,oklch(74.6%_0.16_232.661_/_0.3)))]\",\n    current:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-sky-border-current,var(--zui-color-sky,oklch(58.8%_0.158_241.966)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-sky-border-current-dark,var(--zui-color-sky-dark,oklch(74.6%_0.16_232.661)))] bg-[var(--zui-dynamic-stepper-indicator-sky-bg-current,color-mix(in oklch, var(--zui-color-sky,oklch(68.5%_0.169_237.323)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-sky-bg-current-dark,color-mix(in oklch, var(--zui-color-sky-dark,oklch(68.5%_0.169_237.323)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-sky-fg-current,var(--zui-color-sky,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-sky-fg-current-dark,var(--zui-color-sky-dark,#ffffff))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-sky-ring-current,var(--zui-focus-ring,oklch(74.6%_0.16_232.661_/_0.5)))] dark:ring-[var(--zui-dynamic-stepper-indicator-sky-ring-current-dark,var(--zui-focus-ring-dark,oklch(74.6%_0.16_232.661_/_0.5)))]\",\n    upcoming:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-sky-border-upcoming,var(--zui-color-sky,#00000026))] dark:border-[color:var(--zui-dynamic-stepper-indicator-sky-border-upcoming-dark,var(--zui-color-sky-dark,#ffffff26))] bg-[var(--zui-dynamic-stepper-indicator-sky-bg-upcoming,color-mix(in oklch, var(--zui-color-sky,oklch(97.7%_0.013_236.62)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-sky-bg-upcoming-dark,color-mix(in oklch, var(--zui-color-sky-dark,oklch(29.3%_0.066_243.157)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-sky-fg-upcoming,var(--zui-color-sky,oklch(50%_0.134_242.749_/_0.55)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-sky-fg-upcoming-dark,var(--zui-color-sky-dark,oklch(50%_0.134_242.749_/_0.55)))]\",\n  },\n  teal: {\n    complete:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-teal-border-complete,var(--zui-color-teal,oklch(70.4%_0.14_182.503_/_0.6)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-teal-border-complete-dark,var(--zui-color-teal-dark,oklch(70.4%_0.14_182.503_/_0.6)))] bg-[var(--zui-dynamic-stepper-indicator-teal-bg-complete,color-mix(in oklch, var(--zui-color-teal,oklch(70.4%_0.14_182.503)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-teal-bg-complete-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(70.4%_0.14_182.503)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-teal-fg-complete,var(--zui-color-teal,oklch(38.6%_0.063_188.416)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-teal-fg-complete-dark,var(--zui-color-teal-dark,oklch(95.3%_0.051_180.801)))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-teal-ring-complete,var(--zui-focus-ring,oklch(77.7%_0.152_181.912_/_0.3)))] dark:ring-[var(--zui-dynamic-stepper-indicator-teal-ring-complete-dark,var(--zui-focus-ring-dark,oklch(77.7%_0.152_181.912_/_0.3)))]\",\n    current:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-teal-border-current,var(--zui-color-teal,oklch(60%_0.118_184.704)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-teal-border-current-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))] bg-[var(--zui-dynamic-stepper-indicator-teal-bg-current,color-mix(in oklch, var(--zui-color-teal,oklch(70.4%_0.14_182.503)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-teal-bg-current-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(70.4%_0.14_182.503)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-teal-fg-current,var(--zui-color-teal,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-teal-fg-current-dark,var(--zui-color-teal-dark,#ffffff))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-teal-ring-current,var(--zui-focus-ring,oklch(77.7%_0.152_181.912_/_0.5)))] dark:ring-[var(--zui-dynamic-stepper-indicator-teal-ring-current-dark,var(--zui-focus-ring-dark,oklch(77.7%_0.152_181.912_/_0.5)))]\",\n    upcoming:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-teal-border-upcoming,var(--zui-color-teal,#00000026))] dark:border-[color:var(--zui-dynamic-stepper-indicator-teal-border-upcoming-dark,var(--zui-color-teal-dark,#ffffff26))] bg-[var(--zui-dynamic-stepper-indicator-teal-bg-upcoming,color-mix(in oklch, var(--zui-color-teal,oklch(98.4%_0.014_180.72)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-teal-bg-upcoming-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-teal-fg-upcoming,var(--zui-color-teal,oklch(51.1%_0.096_186.391_/_0.55)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-teal-fg-upcoming-dark,var(--zui-color-teal-dark,oklch(51.1%_0.096_186.391_/_0.55)))]\",\n  },\n  yellow: {\n    complete:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-yellow-border-complete,var(--zui-color-yellow,oklch(79.5%_0.184_86.047_/_0.6)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-yellow-border-complete-dark,var(--zui-color-yellow-dark,oklch(79.5%_0.184_86.047_/_0.6)))] bg-[var(--zui-dynamic-stepper-indicator-yellow-bg-complete,color-mix(in oklch, var(--zui-color-yellow,oklch(79.5%_0.184_86.047)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-yellow-bg-complete-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(79.5%_0.184_86.047)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-yellow-fg-complete,var(--zui-color-yellow,oklch(42.1%_0.095_57.708)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-yellow-fg-complete-dark,var(--zui-color-yellow-dark,oklch(97.3%_0.071_103.193)))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-yellow-ring-complete,var(--zui-focus-ring,oklch(85.2%_0.199_91.936_/_0.3)))] dark:ring-[var(--zui-dynamic-stepper-indicator-yellow-ring-complete-dark,var(--zui-focus-ring-dark,oklch(85.2%_0.199_91.936_/_0.3)))]\",\n    current:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-yellow-border-current,var(--zui-color-yellow,oklch(68.1%_0.162_75.834)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-yellow-border-current-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936)))] bg-[var(--zui-dynamic-stepper-indicator-yellow-bg-current,color-mix(in oklch, var(--zui-color-yellow,oklch(97.3%_0.071_103.193)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-yellow-bg-current-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-yellow-fg-current,var(--zui-color-yellow,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-yellow-fg-current-dark,var(--zui-color-yellow-dark,#ffffff))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-yellow-ring-current,var(--zui-focus-ring,oklch(85.2%_0.199_91.936_/_0.5)))] dark:ring-[var(--zui-dynamic-stepper-indicator-yellow-ring-current-dark,var(--zui-focus-ring-dark,oklch(85.2%_0.199_91.936_/_0.5)))]\",\n    upcoming:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-yellow-border-upcoming,var(--zui-color-yellow,#00000026))] dark:border-[color:var(--zui-dynamic-stepper-indicator-yellow-border-upcoming-dark,var(--zui-color-yellow-dark,#ffffff26))] bg-[var(--zui-dynamic-stepper-indicator-yellow-bg-upcoming,color-mix(in oklch, var(--zui-color-yellow,oklch(98.7%_0.026_102.212)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-yellow-bg-upcoming-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-yellow-fg-upcoming,var(--zui-color-yellow,oklch(55.4%_0.135_66.442_/_0.55)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-yellow-fg-upcoming-dark,var(--zui-color-yellow-dark,oklch(55.4%_0.135_66.442_/_0.55)))]\",\n  },\n  orange: {\n    complete:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-orange-border-complete,var(--zui-color-orange,oklch(70.5%_0.213_47.604_/_0.6)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-orange-border-complete-dark,var(--zui-color-orange-dark,oklch(70.5%_0.213_47.604_/_0.6)))] bg-[var(--zui-dynamic-stepper-indicator-orange-bg-complete,color-mix(in oklch, var(--zui-color-orange,oklch(70.5%_0.213_47.604)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-orange-bg-complete-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(70.5%_0.213_47.604)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-orange-fg-complete,var(--zui-color-orange,oklch(40.8%_0.123_38.172)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-orange-fg-complete-dark,var(--zui-color-orange-dark,oklch(95.4%_0.038_75.164)))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-orange-ring-complete,var(--zui-focus-ring,oklch(75%_0.183_55.934_/_0.3)))] dark:ring-[var(--zui-dynamic-stepper-indicator-orange-ring-complete-dark,var(--zui-focus-ring-dark,oklch(75%_0.183_55.934_/_0.3)))]\",\n    current:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-orange-border-current,var(--zui-color-orange,oklch(64.6%_0.222_41.116)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-orange-border-current-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))] bg-[var(--zui-dynamic-stepper-indicator-orange-bg-current,color-mix(in oklch, var(--zui-color-orange,oklch(95.4%_0.038_75.164)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-orange-bg-current-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-orange-fg-current,var(--zui-color-orange,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-orange-fg-current-dark,var(--zui-color-orange-dark,#ffffff))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-orange-ring-current,var(--zui-focus-ring,oklch(75%_0.183_55.934_/_0.5)))] dark:ring-[var(--zui-dynamic-stepper-indicator-orange-ring-current-dark,var(--zui-focus-ring-dark,oklch(75%_0.183_55.934_/_0.5)))]\",\n    upcoming:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-orange-border-upcoming,var(--zui-color-orange,#00000026))] dark:border-[color:var(--zui-dynamic-stepper-indicator-orange-border-upcoming-dark,var(--zui-color-orange-dark,#ffffff26))] bg-[var(--zui-dynamic-stepper-indicator-orange-bg-upcoming,color-mix(in oklch, var(--zui-color-orange,oklch(98%_0.016_73.684)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-orange-bg-upcoming-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-orange-fg-upcoming,var(--zui-color-orange,oklch(55.3%_0.195_38.402_/_0.55)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-orange-fg-upcoming-dark,var(--zui-color-orange-dark,oklch(55.3%_0.195_38.402_/_0.55)))]\",\n  },\n  gray: {\n    complete:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-gray-border-complete,var(--zui-color-gray,oklch(55.1%_0.027_264.364_/_0.6)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-gray-border-complete-dark,var(--zui-color-gray-dark,oklch(55.1%_0.027_264.364_/_0.6)))] bg-[var(--zui-dynamic-stepper-indicator-gray-bg-complete,color-mix(in oklch, var(--zui-color-gray,oklch(55.1%_0.027_264.364)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-gray-bg-complete-dark,color-mix(in oklch, var(--zui-color-gray-dark,oklch(55.1%_0.027_264.364)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-gray-fg-complete,var(--zui-color-gray,oklch(21%_0.034_264.665)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-gray-fg-complete-dark,var(--zui-color-gray-dark,oklch(96.7%_0.003_264.542)))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-gray-ring-complete,var(--zui-focus-ring,oklch(70.7%_0.022_261.325_/_0.3)))] dark:ring-[var(--zui-dynamic-stepper-indicator-gray-ring-complete-dark,var(--zui-focus-ring-dark,oklch(70.7%_0.022_261.325_/_0.3)))]\",\n    current:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-gray-border-current,var(--zui-color-gray,oklch(44.6%_0.03_256.802)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-gray-border-current-dark,var(--zui-color-gray-dark,oklch(70.7%_0.022_261.325)))] bg-[var(--zui-dynamic-stepper-indicator-gray-bg-current,color-mix(in oklch, var(--zui-color-gray,oklch(96.7%_0.003_264.542)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-gray-bg-current-dark,color-mix(in oklch, var(--zui-color-gray-dark,oklch(44.6%_0.03_256.802)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-gray-fg-current,var(--zui-color-gray,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-gray-fg-current-dark,var(--zui-color-gray-dark,#ffffff))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-gray-ring-current,var(--zui-focus-ring,oklch(70.7%_0.022_261.325_/_0.5)))] dark:ring-[var(--zui-dynamic-stepper-indicator-gray-ring-current-dark,var(--zui-focus-ring-dark,oklch(70.7%_0.022_261.325_/_0.5)))]\",\n    upcoming:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-gray-border-upcoming,var(--zui-color-gray,#00000026))] dark:border-[color:var(--zui-dynamic-stepper-indicator-gray-border-upcoming-dark,var(--zui-color-gray-dark,#ffffff26))] bg-[var(--zui-dynamic-stepper-indicator-gray-bg-upcoming,color-mix(in oklch, var(--zui-color-gray,oklch(98.5%_0.002_247.839)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-gray-bg-upcoming-dark,color-mix(in oklch, var(--zui-color-gray-dark,oklch(13%_0.028_261.692)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-gray-fg-upcoming,var(--zui-color-gray,oklch(87.2%_0.01_258.338_/_0.7)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-gray-fg-upcoming-dark,var(--zui-color-gray-dark,oklch(87.2%_0.01_258.338_/_0.7)))]\",\n  },\n  amber: {\n    complete:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-amber-border-complete,var(--zui-color-amber,oklch(76.9%_0.188_70.08_/_0.6)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-amber-border-complete-dark,var(--zui-color-amber-dark,oklch(76.9%_0.188_70.08_/_0.6)))] bg-[var(--zui-dynamic-stepper-indicator-amber-bg-complete,color-mix(in oklch, var(--zui-color-amber,oklch(76.9%_0.188_70.08)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-amber-bg-complete-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(76.9%_0.188_70.08)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-amber-fg-complete,var(--zui-color-amber,oklch(41.4%_0.112_45.904)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-amber-fg-complete-dark,var(--zui-color-amber-dark,oklch(96.2%_0.059_95.617)))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-amber-ring-complete,var(--zui-focus-ring,oklch(82.8%_0.189_84.429_/_0.3)))] dark:ring-[var(--zui-dynamic-stepper-indicator-amber-ring-complete-dark,var(--zui-focus-ring-dark,oklch(82.8%_0.189_84.429_/_0.3)))]\",\n    current:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-amber-border-current,var(--zui-color-amber,oklch(66.6%_0.179_58.318)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-amber-border-current-dark,var(--zui-color-amber-dark,oklch(82.8%_0.189_84.429)))] bg-[var(--zui-dynamic-stepper-indicator-amber-bg-current,color-mix(in oklch, var(--zui-color-amber,oklch(96.2%_0.059_95.617)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-amber-bg-current-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(66.6%_0.179_58.318)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-amber-fg-current,var(--zui-color-amber,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-amber-fg-current-dark,var(--zui-color-amber-dark,#ffffff))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-amber-ring-current,var(--zui-focus-ring,oklch(82.8%_0.189_84.429_/_0.5)))] dark:ring-[var(--zui-dynamic-stepper-indicator-amber-ring-current-dark,var(--zui-focus-ring-dark,oklch(82.8%_0.189_84.429_/_0.5)))]\",\n    upcoming:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-amber-border-upcoming,var(--zui-color-amber,#00000026))] dark:border-[color:var(--zui-dynamic-stepper-indicator-amber-border-upcoming-dark,var(--zui-color-amber-dark,#ffffff26))] bg-[var(--zui-dynamic-stepper-indicator-amber-bg-upcoming,color-mix(in oklch, var(--zui-color-amber,oklch(98.7%_0.022_95.277)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-amber-bg-upcoming-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(27.9%_0.077_45.635)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-amber-fg-upcoming,var(--zui-color-amber,oklch(55.5%_0.163_48.998_/_0.55)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-amber-fg-upcoming-dark,var(--zui-color-amber-dark,oklch(55.5%_0.163_48.998_/_0.55)))]\",\n  },\n  violet: {\n    complete:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-violet-border-complete,var(--zui-color-violet,oklch(60.6%_0.25_292.717_/_0.6)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-violet-border-complete-dark,var(--zui-color-violet-dark,oklch(60.6%_0.25_292.717_/_0.6)))] bg-[var(--zui-dynamic-stepper-indicator-violet-bg-complete,color-mix(in oklch, var(--zui-color-violet,oklch(60.6%_0.25_292.717)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-violet-bg-complete-dark,color-mix(in oklch, var(--zui-color-violet-dark,oklch(60.6%_0.25_292.717)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-violet-fg-complete,var(--zui-color-violet,oklch(38%_0.189_293.745)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-violet-fg-complete-dark,var(--zui-color-violet-dark,oklch(94.3%_0.029_294.588)))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-violet-ring-complete,var(--zui-focus-ring,oklch(70.2%_0.183_293.541_/_0.3)))] dark:ring-[var(--zui-dynamic-stepper-indicator-violet-ring-complete-dark,var(--zui-focus-ring-dark,oklch(70.2%_0.183_293.541_/_0.3)))]\",\n    current:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-violet-border-current,var(--zui-color-violet,oklch(54.1%_0.281_293.009)))] dark:border-[color:var(--zui-dynamic-stepper-indicator-violet-border-current-dark,var(--zui-color-violet-dark,oklch(70.2%_0.183_293.541)))] bg-[var(--zui-dynamic-stepper-indicator-violet-bg-current,color-mix(in oklch, var(--zui-color-violet,oklch(60.6%_0.25_292.717)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-violet-bg-current-dark,color-mix(in oklch, var(--zui-color-violet-dark,oklch(60.6%_0.25_292.717)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-violet-fg-current,var(--zui-color-violet,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-violet-fg-current-dark,var(--zui-color-violet-dark,#ffffff))] ring-2 ring-[var(--zui-dynamic-stepper-indicator-violet-ring-current,var(--zui-focus-ring,oklch(70.2%_0.183_293.541_/_0.5)))] dark:ring-[var(--zui-dynamic-stepper-indicator-violet-ring-current-dark,var(--zui-focus-ring-dark,oklch(70.2%_0.183_293.541_/_0.5)))]\",\n    upcoming:\n      \"border-[color:var(--zui-dynamic-stepper-indicator-violet-border-upcoming,var(--zui-color-violet,#00000026))] dark:border-[color:var(--zui-dynamic-stepper-indicator-violet-border-upcoming-dark,var(--zui-color-violet-dark,#ffffff26))] bg-[var(--zui-dynamic-stepper-indicator-violet-bg-upcoming,color-mix(in oklch, var(--zui-color-violet,oklch(96.9%_0.016_293.756)) 10%, transparent))] dark:bg-[var(--zui-dynamic-stepper-indicator-violet-bg-upcoming-dark,color-mix(in oklch, var(--zui-color-violet-dark,oklch(28.3%_0.141_291.089)) 18%, transparent))] text-[color:var(--zui-dynamic-stepper-indicator-violet-fg-upcoming,var(--zui-color-violet,oklch(49.1%_0.27_292.581_/_0.55)))] dark:text-[color:var(--zui-dynamic-stepper-indicator-violet-fg-upcoming-dark,var(--zui-color-violet-dark,oklch(49.1%_0.27_292.581_/_0.55)))]\",\n  },\n} as const satisfies Record<\n  string,\n  Record<ZuiDynamicStepperIndicatorSemanticState, string>\n>;\n\nexport type ZuiDynamicStepperIndicatorToneAppearance =\n  keyof typeof zuiDynamicStepperIndicatorToneClasses;\n\nexport const zuiDynamicStepperRootBase = \"flex w-full\";\n\nexport const zuiDynamicStepperRootOrientations = {\n  horizontal:\n    \"flex-row flex-wrap items-start justify-between gap-4 md:flex-nowrap md:items-center\",\n  vertical: \"flex-col gap-6\",\n} as const;\n\nexport const zuiDynamicStepperMapperBase = \"m-0 min-w-0 flex-1 list-none p-0\";\n\nexport const zuiDynamicStepperMapperOrientations = {\n  horizontal: \"flex flex-row flex-wrap items-start justify-center gap-4\",\n  vertical: \"flex flex-col gap-6\",\n} as const;\n\nexport const zuiDynamicStepperItemBase = \"relative flex gap-3\";\n\nexport const zuiDynamicStepperItemOrientations = {\n  horizontal: \"min-w-0 flex-col items-center text-center\",\n  vertical: \"flex-row items-start text-left\",\n} as const;\n\nexport const zuiDynamicStepperIndicatorBase =\n  \"grid size-9 shrink-0 place-items-center rounded-full border text-sm font-semibold transition-colors\";\n\nexport const zuiDynamicStepperIndicatorSizes = {\n  sm: \"size-8 text-xs\",\n  md: \"size-9 text-sm\",\n  lg: \"size-10 text-base\",\n} as const;\n","export const zuiPaginationListBase =\n  \"inline-flex flex-wrap items-center rounded-xl border p-1 ring-offset-[var(--zui-pagination-list-ring-offset,var(--zui-ring-offset,oklch(98.4%_0.003_247.858)))] dark:ring-offset-[var(--zui-pagination-list-ring-offset-dark,var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695)))]\";\n\nexport const zuiPaginationListAppearances = {\n  default:\n    \"border-[color:var(--zui-pagination-list-default-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-pagination-list-default-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-pagination-list-default-bg,var(--zui-surface-muted,#00000008))] dark:bg-[var(--zui-pagination-list-default-bg-dark,var(--zui-surface-muted-dark,#ffffff08))]\",\n  secondary:\n    \"border-[color:var(--zui-pagination-list-secondary-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-pagination-list-secondary-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-pagination-list-secondary-bg,var(--zui-surface-muted,oklch(96.8%_0.007_247.896_/_0.4)))] dark:bg-[var(--zui-pagination-list-secondary-bg-dark,var(--zui-surface-muted-dark,oklch(20.8%_0.042_265.755_/_0.4)))]\",\n  destructive:\n    \"border-[color:var(--zui-pagination-list-destructive-border,var(--zui-status-error,oklch(64.5%_0.246_16.439_/_0.25)))] dark:border-[color:var(--zui-pagination-list-destructive-border-dark,var(--zui-status-error-dark,oklch(64.5%_0.246_16.439_/_0.25)))] bg-[var(--zui-pagination-list-destructive-bg,var(--zui-status-error,oklch(96.9%_0.015_12.422)))] dark:bg-[var(--zui-pagination-list-destructive-bg-dark,var(--zui-status-error-dark,oklch(27.1%_0.105_12.094_/_0.2)))]\",\n  outline:\n    \"border-[color:var(--zui-pagination-list-outline-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-pagination-list-outline-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-pagination-list-outline-bg,var(--zui-surface-muted,transparent))] dark:bg-[var(--zui-pagination-list-outline-bg-dark,var(--zui-surface-muted-dark,transparent))]\",\n  ghost:\n    \"border-[color:var(--zui-pagination-list-ghost-border,var(--zui-border,transparent))] dark:border-[color:var(--zui-pagination-list-ghost-border-dark,var(--zui-border-dark,transparent))] bg-[var(--zui-pagination-list-ghost-bg,var(--zui-surface-soft,transparent))] dark:bg-[var(--zui-pagination-list-ghost-bg-dark,var(--zui-surface-soft-dark,transparent))]\",\n  link: \"border-[color:var(--zui-pagination-list-link-border,var(--zui-border,transparent))] dark:border-[color:var(--zui-pagination-list-link-border-dark,var(--zui-border-dark,transparent))] bg-[var(--zui-pagination-list-link-bg,var(--zui-surface-muted,transparent))] dark:bg-[var(--zui-pagination-list-link-bg-dark,var(--zui-surface-muted-dark,transparent))]\",\n  glass:\n    \"border-[color:var(--zui-pagination-list-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-pagination-list-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-pagination-list-glass-bg,var(--zui-surface-soft,#0000000d))] dark:bg-[var(--zui-pagination-list-glass-bg-dark,var(--zui-surface-soft-dark,#ffffff0d))] backdrop-blur-md\",\n  emerald:\n    \"border-[color:var(--zui-pagination-list-emerald-border,var(--zui-color-emerald,oklch(69.6%_0.17_162.48_/_0.25)))] dark:border-[color:var(--zui-pagination-list-emerald-border-dark,var(--zui-color-emerald-dark,oklch(69.6%_0.17_162.48_/_0.25)))] bg-[var(--zui-pagination-list-emerald-bg,color-mix(in oklch, var(--zui-color-emerald,oklch(97.9%_0.021_166.113)) 10%, transparent))] dark:bg-[var(--zui-pagination-list-emerald-bg-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(26.2%_0.051_172.552_/_0.2)) 18%, transparent))]\",\n  indigo:\n    \"border-[color:var(--zui-pagination-list-indigo-border,var(--zui-color-indigo,oklch(58.5%_0.233_277.117_/_0.25)))] dark:border-[color:var(--zui-pagination-list-indigo-border-dark,var(--zui-color-indigo-dark,oklch(58.5%_0.233_277.117_/_0.25)))] bg-[var(--zui-pagination-list-indigo-bg,color-mix(in oklch, var(--zui-color-indigo,oklch(96.2%_0.018_272.314)) 10%, transparent))] dark:bg-[var(--zui-pagination-list-indigo-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.2)) 18%, transparent))]\",\n  purple:\n    \"border-[color:var(--zui-pagination-list-purple-border,var(--zui-color-purple,oklch(62.7%_0.265_303.9_/_0.25)))] dark:border-[color:var(--zui-pagination-list-purple-border-dark,var(--zui-color-purple-dark,oklch(62.7%_0.265_303.9_/_0.25)))] bg-[var(--zui-pagination-list-purple-bg,color-mix(in oklch, var(--zui-color-purple,oklch(97.7%_0.014_308.299)) 10%, transparent))] dark:bg-[var(--zui-pagination-list-purple-bg-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.2)) 18%, transparent))]\",\n  pink: \"border-[color:var(--zui-pagination-list-pink-border,var(--zui-color-pink,oklch(65.6%_0.241_354.308_/_0.25)))] dark:border-[color:var(--zui-pagination-list-pink-border-dark,var(--zui-color-pink-dark,oklch(65.6%_0.241_354.308_/_0.25)))] bg-[var(--zui-pagination-list-pink-bg,color-mix(in oklch, var(--zui-color-pink,oklch(97.1%_0.014_343.198)) 10%, transparent))] dark:bg-[var(--zui-pagination-list-pink-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.2)) 18%, transparent))]\",\n  rose: \"border-[color:var(--zui-pagination-list-rose-border,var(--zui-color-rose,oklch(64.5%_0.246_16.439_/_0.25)))] dark:border-[color:var(--zui-pagination-list-rose-border-dark,var(--zui-color-rose-dark,oklch(64.5%_0.246_16.439_/_0.25)))] bg-[var(--zui-pagination-list-rose-bg,color-mix(in oklch, var(--zui-color-rose,oklch(96.9%_0.015_12.422)) 10%, transparent))] dark:bg-[var(--zui-pagination-list-rose-bg-dark,color-mix(in oklch, var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.2)) 18%, transparent))]\",\n  sky: \"border-[color:var(--zui-pagination-list-sky-border,var(--zui-color-sky,oklch(68.5%_0.169_237.323_/_0.25)))] dark:border-[color:var(--zui-pagination-list-sky-border-dark,var(--zui-color-sky-dark,oklch(68.5%_0.169_237.323_/_0.25)))] bg-[var(--zui-pagination-list-sky-bg,color-mix(in oklch, var(--zui-color-sky,oklch(97.7%_0.013_236.62)) 10%, transparent))] dark:bg-[var(--zui-pagination-list-sky-bg-dark,color-mix(in oklch, var(--zui-color-sky-dark,oklch(29.3%_0.066_243.157_/_0.2)) 18%, transparent))]\",\n  teal: \"border-[color:var(--zui-pagination-list-teal-border,var(--zui-color-teal,oklch(70.4%_0.14_182.503_/_0.25)))] dark:border-[color:var(--zui-pagination-list-teal-border-dark,var(--zui-color-teal-dark,oklch(70.4%_0.14_182.503_/_0.25)))] bg-[var(--zui-pagination-list-teal-bg,color-mix(in oklch, var(--zui-color-teal,oklch(98.4%_0.014_180.72)) 10%, transparent))] dark:bg-[var(--zui-pagination-list-teal-bg-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.2)) 18%, transparent))]\",\n  yellow:\n    \"border-[color:var(--zui-pagination-list-yellow-border,var(--zui-color-yellow,oklch(79.5%_0.184_86.047_/_0.25)))] dark:border-[color:var(--zui-pagination-list-yellow-border-dark,var(--zui-color-yellow-dark,oklch(79.5%_0.184_86.047_/_0.25)))] bg-[var(--zui-pagination-list-yellow-bg,color-mix(in oklch, var(--zui-color-yellow,oklch(98.7%_0.026_102.212)) 10%, transparent))] dark:bg-[var(--zui-pagination-list-yellow-bg-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813_/_0.2)) 18%, transparent))]\",\n  orange:\n    \"border-[color:var(--zui-pagination-list-orange-border,var(--zui-color-orange,oklch(70.5%_0.213_47.604_/_0.25)))] dark:border-[color:var(--zui-pagination-list-orange-border-dark,var(--zui-color-orange-dark,oklch(70.5%_0.213_47.604_/_0.25)))] bg-[var(--zui-pagination-list-orange-bg,color-mix(in oklch, var(--zui-color-orange,oklch(98%_0.016_73.684)) 10%, transparent))] dark:bg-[var(--zui-pagination-list-orange-bg-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.2)) 18%, transparent))]\",\n  gray: \"border-[color:var(--zui-pagination-list-gray-border,var(--zui-color-gray,oklch(55.1%_0.027_264.364_/_0.25)))] dark:border-[color:var(--zui-pagination-list-gray-border-dark,var(--zui-color-gray-dark,oklch(55.1%_0.027_264.364_/_0.25)))] bg-[var(--zui-pagination-list-gray-bg,color-mix(in oklch, var(--zui-color-gray,oklch(98.5%_0.002_247.839)) 10%, transparent))] dark:bg-[var(--zui-pagination-list-gray-bg-dark,color-mix(in oklch, var(--zui-color-gray-dark,oklch(13%_0.028_261.692_/_0.2)) 18%, transparent))]\",\n  amber:\n    \"border-[color:var(--zui-pagination-list-amber-border,var(--zui-color-amber,oklch(76.9%_0.188_70.08_/_0.25)))] dark:border-[color:var(--zui-pagination-list-amber-border-dark,var(--zui-color-amber-dark,oklch(76.9%_0.188_70.08_/_0.25)))] bg-[var(--zui-pagination-list-amber-bg,color-mix(in oklch, var(--zui-color-amber,oklch(98.7%_0.022_95.277)) 10%, transparent))] dark:bg-[var(--zui-pagination-list-amber-bg-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(27.9%_0.077_45.635_/_0.2)) 18%, transparent))]\",\n  violet:\n    \"border-[color:var(--zui-pagination-list-violet-border,var(--zui-color-violet,oklch(60.6%_0.25_292.717_/_0.25)))] dark:border-[color:var(--zui-pagination-list-violet-border-dark,var(--zui-color-violet-dark,oklch(60.6%_0.25_292.717_/_0.25)))] bg-[var(--zui-pagination-list-violet-bg,color-mix(in oklch, var(--zui-color-violet,oklch(96.9%_0.016_293.756)) 10%, transparent))] dark:bg-[var(--zui-pagination-list-violet-bg-dark,color-mix(in oklch, var(--zui-color-violet-dark,oklch(28.3%_0.141_291.089_/_0.2)) 18%, transparent))]\",\n  \"gradient-blue\":\n    \"border-[color:var(--zui-pagination-list-gradient-blue-border,var(--zui-color-blue,oklch(62.3%_0.214_259.815_/_0.3)))] dark:border-[color:var(--zui-pagination-list-gradient-blue-border-dark,var(--zui-color-blue-dark,oklch(62.3%_0.214_259.815_/_0.3)))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-blue-from,var(--zui-color-blue,oklch(97%_0.014_254.604)))] dark:from-[var(--zui-pagination-list-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(28.2%_0.091_267.935_/_0.3)))] to-[var(--zui-pagination-list-gradient-blue-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-pagination-list-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.3)))]\",\n  \"gradient-green\":\n    \"border-[color:var(--zui-pagination-list-gradient-green-border,var(--zui-color-green,oklch(76.8%_0.233_130.85_/_0.3)))] dark:border-[color:var(--zui-pagination-list-gradient-green-border-dark,var(--zui-color-green-dark,oklch(76.8%_0.233_130.85_/_0.3)))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-green-from,var(--zui-color-green,oklch(98.2%_0.018_155.826)))] dark:from-[var(--zui-pagination-list-gradient-green-from-dark,var(--zui-color-green-dark,oklch(26.6%_0.065_152.934_/_0.3)))] to-[var(--zui-pagination-list-gradient-green-to,var(--zui-color-lime,oklch(98.6%_0.031_120.757)))] dark:to-[var(--zui-pagination-list-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(27.4%_0.072_132.109_/_0.3)))]\",\n  \"gradient-red\":\n    \"border-[color:var(--zui-pagination-list-gradient-red-border,var(--zui-color-red,oklch(65.6%_0.241_354.308_/_0.3)))] dark:border-[color:var(--zui-pagination-list-gradient-red-border-dark,var(--zui-color-red-dark,oklch(65.6%_0.241_354.308_/_0.3)))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-red-from,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:from-[var(--zui-pagination-list-gradient-red-from-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.3)))] to-[var(--zui-pagination-list-gradient-red-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-pagination-list-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.3)))]\",\n  \"gradient-yellow\":\n    \"border-[color:var(--zui-pagination-list-gradient-yellow-border,var(--zui-color-yellow,oklch(70.5%_0.213_47.604_/_0.3)))] dark:border-[color:var(--zui-pagination-list-gradient-yellow-border-dark,var(--zui-color-yellow-dark,oklch(70.5%_0.213_47.604_/_0.3)))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-yellow-from,var(--zui-color-yellow,oklch(98.7%_0.026_102.212)))] dark:from-[var(--zui-pagination-list-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(28.6%_0.066_53.813_/_0.3)))] to-[var(--zui-pagination-list-gradient-yellow-to,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:to-[var(--zui-pagination-list-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.3)))]\",\n  \"gradient-purple\":\n    \"border-[color:var(--zui-pagination-list-gradient-purple-border,var(--zui-color-purple,oklch(65.6%_0.241_354.308_/_0.3)))] dark:border-[color:var(--zui-pagination-list-gradient-purple-border-dark,var(--zui-color-purple-dark,oklch(65.6%_0.241_354.308_/_0.3)))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-purple-from,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:from-[var(--zui-pagination-list-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.3)))] to-[var(--zui-pagination-list-gradient-purple-to,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:to-[var(--zui-pagination-list-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.3)))]\",\n  \"gradient-teal\":\n    \"border-[color:var(--zui-pagination-list-gradient-teal-border,var(--zui-color-teal,oklch(71.5%_0.143_215.221_/_0.3)))] dark:border-[color:var(--zui-pagination-list-gradient-teal-border-dark,var(--zui-color-teal-dark,oklch(71.5%_0.143_215.221_/_0.3)))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-teal-from,var(--zui-color-teal,oklch(98.4%_0.014_180.72)))] dark:from-[var(--zui-pagination-list-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(27.7%_0.046_192.524_/_0.3)))] to-[var(--zui-pagination-list-gradient-teal-to,var(--zui-color-cyan,oklch(98.4%_0.019_200.873)))] dark:to-[var(--zui-pagination-list-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(30.2%_0.056_229.695_/_0.3)))]\",\n  \"gradient-indigo\":\n    \"border-[color:var(--zui-pagination-list-gradient-indigo-border,var(--zui-color-indigo,oklch(62.7%_0.265_303.9_/_0.3)))] dark:border-[color:var(--zui-pagination-list-gradient-indigo-border-dark,var(--zui-color-indigo-dark,oklch(62.7%_0.265_303.9_/_0.3)))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-indigo-from,var(--zui-color-indigo,oklch(96.2%_0.018_272.314)))] dark:from-[var(--zui-pagination-list-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(25.7%_0.09_281.288_/_0.3)))] to-[var(--zui-pagination-list-gradient-indigo-to,var(--zui-color-purple,oklch(97.7%_0.014_308.299)))] dark:to-[var(--zui-pagination-list-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(29.1%_0.149_302.717_/_0.3)))]\",\n  \"gradient-pink\":\n    \"border-[color:var(--zui-pagination-list-gradient-pink-border,var(--zui-color-pink,oklch(64.5%_0.246_16.439_/_0.3)))] dark:border-[color:var(--zui-pagination-list-gradient-pink-border-dark,var(--zui-color-pink-dark,oklch(64.5%_0.246_16.439_/_0.3)))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-pink-from,var(--zui-color-pink,oklch(97.1%_0.014_343.198)))] dark:from-[var(--zui-pagination-list-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(28.4%_0.109_3.907_/_0.3)))] to-[var(--zui-pagination-list-gradient-pink-to,var(--zui-color-rose,oklch(96.9%_0.015_12.422)))] dark:to-[var(--zui-pagination-list-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(27.1%_0.105_12.094_/_0.3)))]\",\n  \"gradient-orange\":\n    \"border-[color:var(--zui-pagination-list-gradient-orange-border,var(--zui-color-orange,oklch(70.5%_0.213_47.604_/_0.3)))] dark:border-[color:var(--zui-pagination-list-gradient-orange-border-dark,var(--zui-color-orange-dark,oklch(70.5%_0.213_47.604_/_0.3)))] bg-linear-to-r from-[var(--zui-pagination-list-gradient-orange-from,var(--zui-color-orange,oklch(98%_0.016_73.684)))] dark:from-[var(--zui-pagination-list-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(26.6%_0.079_36.259_/_0.3)))] to-[var(--zui-pagination-list-gradient-orange-to,var(--zui-color-red,oklch(97.1%_0.013_17.38)))] dark:to-[var(--zui-pagination-list-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(25.8%_0.092_26.042_/_0.3)))]\",\n  blue: \"border border-[color:var(--zui-pagination-list-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-pagination-list-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-pagination-list-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb14) 8%, transparent))] dark:bg-[var(--zui-pagination-list-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f624) 14%, transparent))] text-[color:var(--zui-pagination-list-blue-fg,var(--zui-color-blue,#2563eb))] dark:text-[color:var(--zui-pagination-list-blue-fg-dark,var(--zui-color-blue-dark,#3b82f6))] hover:bg-[var(--zui-pagination-list-blue-bg-hover,color-mix(in oklch, var(--zui-color-blue,#2563eb18) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-blue-bg-hover-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f62e) 18%, transparent))]\",\n  cyan: \"border border-[color:var(--zui-pagination-list-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-pagination-list-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-pagination-list-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b214) 8%, transparent))] dark:bg-[var(--zui-pagination-list-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee24) 14%, transparent))] text-[color:var(--zui-pagination-list-cyan-fg,var(--zui-color-cyan,#0891b2))] dark:text-[color:var(--zui-pagination-list-cyan-fg-dark,var(--zui-color-cyan-dark,#22d3ee))] hover:bg-[var(--zui-pagination-list-cyan-bg-hover,color-mix(in oklch, var(--zui-color-cyan,#0891b218) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-cyan-bg-hover-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee2e) 18%, transparent))]\",\n  green:\n    \"border border-[color:var(--zui-pagination-list-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-pagination-list-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-pagination-list-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a14) 8%, transparent))] dark:bg-[var(--zui-pagination-list-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e24) 14%, transparent))] text-[color:var(--zui-pagination-list-green-fg,var(--zui-color-green,#16a34a))] dark:text-[color:var(--zui-pagination-list-green-fg-dark,var(--zui-color-green-dark,#22c55e))] hover:bg-[var(--zui-pagination-list-green-bg-hover,color-mix(in oklch, var(--zui-color-green,#16a34a18) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-green-bg-hover-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e2e) 18%, transparent))]\",\n  lime: \"border border-[color:var(--zui-pagination-list-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-pagination-list-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-pagination-list-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d14) 8%, transparent))] dark:bg-[var(--zui-pagination-list-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e63524) 14%, transparent))] text-[color:var(--zui-pagination-list-lime-fg,var(--zui-color-lime,#65a30d))] dark:text-[color:var(--zui-pagination-list-lime-fg-dark,var(--zui-color-lime-dark,#a3e635))] hover:bg-[var(--zui-pagination-list-lime-bg-hover,color-mix(in oklch, var(--zui-color-lime,#65a30d18) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-lime-bg-hover-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e6352e) 18%, transparent))]\",\n  mint: \"border border-[color:var(--zui-pagination-list-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-pagination-list-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-pagination-list-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b98114) 8%, transparent))] dark:bg-[var(--zui-pagination-list-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b724) 14%, transparent))] text-[color:var(--zui-pagination-list-mint-fg,var(--zui-color-mint,#10b981))] dark:text-[color:var(--zui-pagination-list-mint-fg-dark,var(--zui-color-mint-dark,#6ee7b7))] hover:bg-[var(--zui-pagination-list-mint-bg-hover,color-mix(in oklch, var(--zui-color-mint,#10b98118) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-mint-bg-hover-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b72e) 18%, transparent))]\",\n  ocean:\n    \"border border-[color:var(--zui-pagination-list-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-pagination-list-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-pagination-list-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c714) 8%, transparent))] dark:bg-[var(--zui-pagination-list-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf824) 14%, transparent))] text-[color:var(--zui-pagination-list-ocean-fg,var(--zui-color-ocean,#0284c7))] dark:text-[color:var(--zui-pagination-list-ocean-fg-dark,var(--zui-color-ocean-dark,#38bdf8))] hover:bg-[var(--zui-pagination-list-ocean-bg-hover,color-mix(in oklch, var(--zui-color-ocean,#0284c718) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-ocean-bg-hover-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf82e) 18%, transparent))]\",\n  sapphire:\n    \"border border-[color:var(--zui-pagination-list-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-pagination-list-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-pagination-list-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed814) 8%, transparent))] dark:bg-[var(--zui-pagination-list-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa24) 14%, transparent))] text-[color:var(--zui-pagination-list-sapphire-fg,var(--zui-color-sapphire,#1d4ed8))] dark:text-[color:var(--zui-pagination-list-sapphire-fg-dark,var(--zui-color-sapphire-dark,#60a5fa))] hover:bg-[var(--zui-pagination-list-sapphire-bg-hover,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed818) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-sapphire-bg-hover-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa2e) 18%, transparent))]\",\n  lavender:\n    \"border border-[color:var(--zui-pagination-list-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-pagination-list-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-pagination-list-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf614) 8%, transparent))] dark:bg-[var(--zui-pagination-list-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa24) 14%, transparent))] text-[color:var(--zui-pagination-list-lavender-fg,var(--zui-color-lavender,#8b5cf6))] dark:text-[color:var(--zui-pagination-list-lavender-fg-dark,var(--zui-color-lavender-dark,#a78bfa))] hover:bg-[var(--zui-pagination-list-lavender-bg-hover,color-mix(in oklch, var(--zui-color-lavender,#8b5cf618) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-lavender-bg-hover-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa2e) 18%, transparent))]\",\n  ruby: \"border border-[color:var(--zui-pagination-list-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-pagination-list-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-pagination-list-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c14) 8%, transparent))] dark:bg-[var(--zui-pagination-list-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb718524) 14%, transparent))] text-[color:var(--zui-pagination-list-ruby-fg,var(--zui-color-ruby,#be123c))] dark:text-[color:var(--zui-pagination-list-ruby-fg-dark,var(--zui-color-ruby-dark,#fb7185))] hover:bg-[var(--zui-pagination-list-ruby-bg-hover,color-mix(in oklch, var(--zui-color-ruby,#be123c18) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-ruby-bg-hover-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb71852e) 18%, transparent))]\",\n  red: \"border border-[color:var(--zui-pagination-list-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-pagination-list-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-pagination-list-red-bg,color-mix(in oklch, var(--zui-color-red,#dc262614) 8%, transparent))] dark:bg-[var(--zui-pagination-list-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef444424) 14%, transparent))] text-[color:var(--zui-pagination-list-red-fg,var(--zui-color-red,#dc2626))] dark:text-[color:var(--zui-pagination-list-red-fg-dark,var(--zui-color-red-dark,#ef4444))] hover:bg-[var(--zui-pagination-list-red-bg-hover,color-mix(in oklch, var(--zui-color-red,#dc262618) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-red-bg-hover-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef44442e) 18%, transparent))]\",\n  slate:\n    \"border border-[color:var(--zui-pagination-list-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-pagination-list-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-pagination-list-slate-bg,color-mix(in oklch, var(--zui-color-slate,#47556914) 8%, transparent))] dark:bg-[var(--zui-pagination-list-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b24) 14%, transparent))] text-[color:var(--zui-pagination-list-slate-fg,var(--zui-color-slate,#475569))] dark:text-[color:var(--zui-pagination-list-slate-fg-dark,var(--zui-color-slate-dark,#64748b))] hover:bg-[var(--zui-pagination-list-slate-bg-hover,color-mix(in oklch, var(--zui-color-slate,#47556918) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-slate-bg-hover-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b2e) 18%, transparent))]\",\n  zinc: \"border border-[color:var(--zui-pagination-list-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-pagination-list-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-pagination-list-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b14) 8%, transparent))] dark:bg-[var(--zui-pagination-list-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a24) 14%, transparent))] text-[color:var(--zui-pagination-list-zinc-fg,var(--zui-color-zinc,#52525b))] dark:text-[color:var(--zui-pagination-list-zinc-fg-dark,var(--zui-color-zinc-dark,#71717a))] hover:bg-[var(--zui-pagination-list-zinc-bg-hover,color-mix(in oklch, var(--zui-color-zinc,#52525b18) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-zinc-bg-hover-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a2e) 18%, transparent))]\",\n  stone:\n    \"border border-[color:var(--zui-pagination-list-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-pagination-list-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-pagination-list-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e14) 8%, transparent))] dark:bg-[var(--zui-pagination-list-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c24) 14%, transparent))] text-[color:var(--zui-pagination-list-stone-fg,var(--zui-color-stone,#57534e))] dark:text-[color:var(--zui-pagination-list-stone-fg-dark,var(--zui-color-stone-dark,#78716c))] hover:bg-[var(--zui-pagination-list-stone-bg-hover,color-mix(in oklch, var(--zui-color-stone,#57534e18) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-stone-bg-hover-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c2e) 18%, transparent))]\",\n  royal:\n    \"border border-[color:var(--zui-pagination-list-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-pagination-list-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-pagination-list-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca14) 8%, transparent))] dark:bg-[var(--zui-pagination-list-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf824) 14%, transparent))] text-[color:var(--zui-pagination-list-royal-fg,var(--zui-color-royal,#4338ca))] dark:text-[color:var(--zui-pagination-list-royal-fg-dark,var(--zui-color-royal-dark,#818cf8))] hover:bg-[var(--zui-pagination-list-royal-bg-hover,color-mix(in oklch, var(--zui-color-royal,#4338ca18) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-royal-bg-hover-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf82e) 18%, transparent))]\",\n  electric:\n    \"border border-[color:var(--zui-pagination-list-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-pagination-list-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-pagination-list-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e914) 8%, transparent))] dark:bg-[var(--zui-pagination-list-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf824) 14%, transparent))] text-[color:var(--zui-pagination-list-electric-fg,var(--zui-color-electric,#0ea5e9))] dark:text-[color:var(--zui-pagination-list-electric-fg-dark,var(--zui-color-electric-dark,#38bdf8))] hover:bg-[var(--zui-pagination-list-electric-bg-hover,color-mix(in oklch, var(--zui-color-electric,#0ea5e918) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-electric-bg-hover-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf82e) 18%, transparent))]\",\n  forest:\n    \"border border-[color:var(--zui-pagination-list-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-pagination-list-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-pagination-list-forest-bg,color-mix(in oklch, var(--zui-color-forest,#16653414) 8%, transparent))] dark:bg-[var(--zui-pagination-list-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade8024) 14%, transparent))] text-[color:var(--zui-pagination-list-forest-fg,var(--zui-color-forest,#166534))] dark:text-[color:var(--zui-pagination-list-forest-fg-dark,var(--zui-color-forest-dark,#4ade80))] hover:bg-[var(--zui-pagination-list-forest-bg-hover,color-mix(in oklch, var(--zui-color-forest,#16653418) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-forest-bg-hover-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade802e) 18%, transparent))]\",\n  sunset:\n    \"border border-[color:var(--zui-pagination-list-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-pagination-list-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-pagination-list-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c14) 8%, transparent))] dark:bg-[var(--zui-pagination-list-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c24) 14%, transparent))] text-[color:var(--zui-pagination-list-sunset-fg,var(--zui-color-sunset,#ea580c))] dark:text-[color:var(--zui-pagination-list-sunset-fg-dark,var(--zui-color-sunset-dark,#fb923c))] hover:bg-[var(--zui-pagination-list-sunset-bg-hover,color-mix(in oklch, var(--zui-color-sunset,#ea580c18) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-sunset-bg-hover-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c2e) 18%, transparent))]\",\n  magenta:\n    \"border border-[color:var(--zui-pagination-list-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-pagination-list-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-pagination-list-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d314) 8%, transparent))] dark:bg-[var(--zui-pagination-list-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f924) 14%, transparent))] text-[color:var(--zui-pagination-list-magenta-fg,var(--zui-color-magenta,#c026d3))] dark:text-[color:var(--zui-pagination-list-magenta-fg-dark,var(--zui-color-magenta-dark,#e879f9))] hover:bg-[var(--zui-pagination-list-magenta-bg-hover,color-mix(in oklch, var(--zui-color-magenta,#c026d318) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-magenta-bg-hover-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f92e) 18%, transparent))]\",\n  crimson:\n    \"border border-[color:var(--zui-pagination-list-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-pagination-list-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-pagination-list-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c14) 8%, transparent))] dark:bg-[var(--zui-pagination-list-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f8717124) 14%, transparent))] text-[color:var(--zui-pagination-list-crimson-fg,var(--zui-color-crimson,#b91c1c))] dark:text-[color:var(--zui-pagination-list-crimson-fg-dark,var(--zui-color-crimson-dark,#f87171))] hover:bg-[var(--zui-pagination-list-crimson-bg-hover,color-mix(in oklch, var(--zui-color-crimson,#b91c1c18) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-crimson-bg-hover-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f871712e) 18%, transparent))]\",\n  aqua: \"border border-[color:var(--zui-pagination-list-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-pagination-list-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-pagination-list-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e14) 8%, transparent))] dark:bg-[var(--zui-pagination-list-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf24) 14%, transparent))] text-[color:var(--zui-pagination-list-aqua-fg,var(--zui-color-aqua,#0f766e))] dark:text-[color:var(--zui-pagination-list-aqua-fg-dark,var(--zui-color-aqua-dark,#2dd4bf))] hover:bg-[var(--zui-pagination-list-aqua-bg-hover,color-mix(in oklch, var(--zui-color-aqua,#0f766e18) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-aqua-bg-hover-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf2e) 18%, transparent))]\",\n  plum: \"border border-[color:var(--zui-pagination-list-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-pagination-list-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-pagination-list-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce14) 8%, transparent))] dark:bg-[var(--zui-pagination-list-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc24) 14%, transparent))] text-[color:var(--zui-pagination-list-plum-fg,var(--zui-color-plum,#7e22ce))] dark:text-[color:var(--zui-pagination-list-plum-fg-dark,var(--zui-color-plum-dark,#c084fc))] hover:bg-[var(--zui-pagination-list-plum-bg-hover,color-mix(in oklch, var(--zui-color-plum,#7e22ce18) 9%, transparent))] dark:hover:bg-[var(--zui-pagination-list-plum-bg-hover-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc2e) 18%, transparent))]\",\n} as const;\n\nexport const zuiPaginationListSizes = {\n  sm: \"gap-0.5\",\n  md: \"gap-1\",\n  lg: \"gap-1\",\n  xl: \"gap-1.5\",\n  \"2xl\": \"gap-1.5\",\n  \"3xl\": \"gap-2\",\n  \"4xl\": \"gap-2\",\n  \"5xl\": \"gap-2\",\n  \"6xl\": \"gap-2\",\n  \"7xl\": \"gap-2.5\",\n  \"8xl\": \"gap-2.5\",\n  \"9xl\": \"gap-2.5\",\n  \"10xl\": \"gap-3\",\n  icon: \"gap-1\",\n} as const;\n\nexport const zuiPaginationEllipsisBase =\n  \"inline-flex min-w-[2ch] select-none items-center justify-center px-1 font-medium text-[color:var(--zui-pagination-ellipsis-fg,var(--zui-fg,oklch(55.4%_0.046_257.417)))] dark:text-[color:var(--zui-pagination-ellipsis-fg-dark,var(--zui-fg-dark,oklch(70.4%_0.04_256.788)))]\";\n\nexport const zuiPaginationEllipsisSizes = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n  xl: \"text-base\",\n  \"2xl\": \"text-lg\",\n  \"3xl\": \"text-lg\",\n  \"4xl\": \"text-xl\",\n  \"5xl\": \"text-xl\",\n  \"6xl\": \"text-xl\",\n  \"7xl\": \"text-2xl\",\n  \"8xl\": \"text-2xl\",\n  \"9xl\": \"text-2xl\",\n  \"10xl\": \"text-2xl\",\n  icon: \"text-sm\",\n} as const;\n"]}

package/dist/{chunk-MUKI3OHH.js → chunk-TDVHPNYI.js}

@@ -1,18 +1,18 @@
 'use strict';
 
-var chunkLU6VEI4B_js = require('./chunk-LU6VEI4B.js');
+var chunkHOOZYA4N_js = require('./chunk-HOOZYA4N.js');
 var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var progressVariants = classVarianceAuthority.cva(chunkLU6VEI4B_js.zuiProgressBase, {
+var progressVariants = classVarianceAuthority.cva(chunkHOOZYA4N_js.zuiProgressBase, {
   variants: {
-    appearance: chunkLU6VEI4B_js.zuiProgressAppearances,
-    size: chunkLU6VEI4B_js.zuiProgressSizes,
-    shape: chunkLU6VEI4B_js.zuiProgressShapes,
-    striped: chunkLU6VEI4B_js.zuiProgressBoolean,
-    animated: chunkLU6VEI4B_js.zuiProgressBoolean
+    appearance: chunkHOOZYA4N_js.zuiProgressAppearances,
+    size: chunkHOOZYA4N_js.zuiProgressSizes,
+    shape: chunkHOOZYA4N_js.zuiProgressShapes,
+    striped: chunkHOOZYA4N_js.zuiProgressBoolean,
+    animated: chunkHOOZYA4N_js.zuiProgressBoolean
   },
   defaultVariants: {
     appearance: "default",
@@ -22,19 +22,19 @@ var progressVariants = classVarianceAuthority.cva(chunkLU6VEI4B_js.zuiProgressBa
     animated: false
   }
 });
-var progressTrackVariants = classVarianceAuthority.cva(chunkLU6VEI4B_js.zuiProgressTrackBase, {
+var progressTrackVariants = classVarianceAuthority.cva(chunkHOOZYA4N_js.zuiProgressTrackBase, {
   variants: {
-    size: chunkLU6VEI4B_js.zuiProgressTrackSizes,
-    shape: chunkLU6VEI4B_js.zuiProgressShapes
+    size: chunkHOOZYA4N_js.zuiProgressTrackSizes,
+    shape: chunkHOOZYA4N_js.zuiProgressShapes
   },
   defaultVariants: {
     size: "md",
     shape: "rounded"
   }
 });
-var progressBarVariants = classVarianceAuthority.cva(chunkLU6VEI4B_js.zuiProgressBarBase, {
+var progressBarVariants = classVarianceAuthority.cva(chunkHOOZYA4N_js.zuiProgressBarBase, {
   variants: {
-    striped: chunkLU6VEI4B_js.zuiProgressBarStriped
+    striped: chunkHOOZYA4N_js.zuiProgressBarStriped
   },
   defaultVariants: { striped: false }
 });
@@ -211,5 +211,5 @@ exports.progressBarVariants = progressBarVariants;
 exports.progressTrackVariants = progressTrackVariants;
 exports.progressVariants = progressVariants;
 exports.useProgressContext = useProgressContext;
-//# sourceMappingURL=chunk-MUKI3OHH.js.map
-//# sourceMappingURL=chunk-MUKI3OHH.js.map
+//# sourceMappingURL=chunk-TDVHPNYI.js.map
+//# sourceMappingURL=chunk-TDVHPNYI.js.map

package/dist/{chunk-MUKI3OHH.js.map → chunk-TDVHPNYI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/progress/variants.ts","../src/ui/progress/progress-base.tsx"],"names":["cva","zuiProgressBase","zuiProgressAppearances","zuiProgressSizes","zuiProgressShapes","zuiProgressBoolean","zuiProgressTrackBase","zuiProgressTrackSizes","zuiProgressBarBase","zuiProgressBarStriped","createContext","useContext","clamp","useId","useRef","useState","useCallback","useMemo","jsx","cn","Fragment","useEffect"],"mappings":"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","file":"chunk-MUKI3OHH.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiProgressAppearances,\n  zuiProgressBarBase,\n  zuiProgressBarStriped,\n  zuiProgressBase,\n  zuiProgressBoolean,\n  zuiProgressShapes,\n  zuiProgressSizes,\n  zuiProgressTrackBase,\n  zuiProgressTrackSizes,\n} from \"../../design-system/progress\";\n\nexport const progressVariants = cva(zuiProgressBase, {\n  variants: {\n    appearance: zuiProgressAppearances,\n    size: zuiProgressSizes,\n    shape: zuiProgressShapes,\n    striped: zuiProgressBoolean,\n    animated: zuiProgressBoolean,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    shape: \"rounded\",\n    striped: false,\n    animated: false,\n  },\n});\n\nexport const progressTrackVariants = cva(zuiProgressTrackBase, {\n  variants: {\n    size: zuiProgressTrackSizes,\n    shape: zuiProgressShapes,\n  },\n  defaultVariants: {\n    size: \"md\",\n    shape: \"rounded\",\n  },\n});\n\nexport const progressBarVariants = cva(zuiProgressBarBase, {\n  variants: {\n    striped: zuiProgressBarStriped,\n  },\n  defaultVariants: { striped: false },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { cn, clamp } from \"../../lib/utils\";\n\nimport type { ProgressProps, ProgressSectionProps, ProgressCtx } from \"./types\";\nimport {\n  progressBarVariants,\n  progressTrackVariants,\n  progressVariants,\n} from \"./variants\";\n\nexport const ProgressContext = createContext<ProgressCtx | null>(null);\n\nexport function useProgressContext(component: string): ProgressCtx {\n  const ctx = useContext(ProgressContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Progress>`);\n  }\n  return ctx;\n}\n\nexport function ProgressBase(props: ProgressProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    shape = \"rounded\",\n    striped = false,\n    animated = false,\n    value = 0,\n    min = 0,\n    max = 100,\n    label,\n    children,\n    ref,\n    as: Wrapper = \"div\",\n    ...rest\n  } = props;\n  const clamped = clamp(value, min, max);\n  const percent = max === min ? 0 : ((clamped - min) / (max - min)) * 100;\n  const labelSlotId = `${useId()}-progress-label`;\n  const labelSlotCountRef = useRef(0);\n  const [labelSlotMounted, setLabelSlotMounted] = useState(false);\n  const registerProgressLabel = useCallback(() => {\n    labelSlotCountRef.current += 1;\n    if (labelSlotCountRef.current === 1) {\n      setLabelSlotMounted(true);\n    }\n    return () => {\n      labelSlotCountRef.current -= 1;\n      if (labelSlotCountRef.current === 0) {\n        setLabelSlotMounted(false);\n      }\n    };\n  }, []);\n  const hasInlineLabelProp = Boolean(label?.trim().length);\n\n  const labelingProps = useMemo(() => {\n    if (hasInlineLabelProp) {\n      return { \"aria-label\": label?.trim() ?? \"Progress\" };\n    }\n    if (labelSlotMounted) {\n      return { \"aria-labelledby\": labelSlotId };\n    }\n    return { \"aria-label\": \"Progress\" };\n  }, [hasInlineLabelProp, label, labelSlotId, labelSlotMounted]);\n\n  const ctx = useMemo(\n    () => ({\n      value: clamped,\n      min,\n      max,\n      size: size ?? \"md\",\n      shape: shape ?? \"rounded\",\n      striped: Boolean(striped),\n      animated: Boolean(animated),\n      appearance: appearance ?? \"default\",\n      labelSlotId,\n      registerProgressLabel,\n    }),\n    [\n      animated,\n      appearance,\n      clamped,\n      labelSlotId,\n      max,\n      min,\n      registerProgressLabel,\n      shape,\n      size,\n      striped,\n    ],\n  );\n\n  return (\n    <ProgressContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"progress\"\n        role=\"progressbar\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={clamped}\n        {...labelingProps}\n        className={cn(\n          progressVariants({ appearance, size, shape, striped, animated }),\n          className,\n        )}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <ProgressBar style={{ transform: `scaleX(${percent / 100})` }} />\n          </>\n        )}\n      </Wrapper>\n    </ProgressContext.Provider>\n  );\n}\n\nProgressBase.displayName = \"Progress\";\n\nexport function ProgressBar({\n  className,\n  style,\n  ref,\n  as: Wrapper = \"div\",\n  ...rest\n}: ProgressSectionProps & {\n  style?: React.CSSProperties;\n  ref?: React.Ref<HTMLDivElement>;\n}) {\n  const { size, shape, striped, animated } = useProgressContext(\"ProgressBar\");\n\n  return (\n    <Wrapper\n      data-slot=\"progress-track\"\n      className={cn(progressTrackVariants({ size, shape }), \"text-current\")}\n    >\n      <div\n        ref={ref}\n        data-slot=\"progress-bar\"\n        className={cn(\n          progressBarVariants({ striped }),\n          animated ? \"animate-pulse\" : undefined,\n          className,\n        )}\n        style={{\n          transformOrigin: \"left center\",\n          ...style,\n        }}\n        {...rest}\n      />\n    </Wrapper>\n  );\n}\n\nProgressBar.displayName = \"ProgressBar\";\n\nexport function ProgressLabel({ className, children }: ProgressSectionProps) {\n  const { labelSlotId, registerProgressLabel } =\n    useProgressContext(\"ProgressLabel\");\n\n  useEffect(() => {\n    return registerProgressLabel();\n  }, [registerProgressLabel]);\n\n  return (\n    <div\n      id={labelSlotId}\n      data-slot=\"progress-label\"\n      className={cn(\"mb-2 font-medium text-slate-200\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nProgressLabel.displayName = \"ProgressLabel\";\n\nexport function ProgressValue({ className, children }: ProgressSectionProps) {\n  const { value, min, max } = useProgressContext(\"ProgressValue\");\n  const range = max - min;\n  const pct = range === 0 ? 0 : Math.round(((value - min) / range) * 100);\n  const content = children ?? `${pct}%`;\n  return (\n    <div\n      data-slot=\"progress-value\"\n      className={cn(\"mt-2 text-right text-slate-400\", className)}\n    >\n      {content}\n    </div>\n  );\n}\n\nProgressValue.displayName = \"ProgressValue\";\n"]}
+{"version":3,"sources":["../src/ui/progress/variants.ts","../src/ui/progress/progress-base.tsx"],"names":["cva","zuiProgressBase","zuiProgressAppearances","zuiProgressSizes","zuiProgressShapes","zuiProgressBoolean","zuiProgressTrackBase","zuiProgressTrackSizes","zuiProgressBarBase","zuiProgressBarStriped","createContext","useContext","clamp","useId","useRef","useState","useCallback","useMemo","jsx","cn","Fragment","useEffect"],"mappings":"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","file":"chunk-TDVHPNYI.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiProgressAppearances,\n  zuiProgressBarBase,\n  zuiProgressBarStriped,\n  zuiProgressBase,\n  zuiProgressBoolean,\n  zuiProgressShapes,\n  zuiProgressSizes,\n  zuiProgressTrackBase,\n  zuiProgressTrackSizes,\n} from \"../../design-system/progress\";\n\nexport const progressVariants = cva(zuiProgressBase, {\n  variants: {\n    appearance: zuiProgressAppearances,\n    size: zuiProgressSizes,\n    shape: zuiProgressShapes,\n    striped: zuiProgressBoolean,\n    animated: zuiProgressBoolean,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    shape: \"rounded\",\n    striped: false,\n    animated: false,\n  },\n});\n\nexport const progressTrackVariants = cva(zuiProgressTrackBase, {\n  variants: {\n    size: zuiProgressTrackSizes,\n    shape: zuiProgressShapes,\n  },\n  defaultVariants: {\n    size: \"md\",\n    shape: \"rounded\",\n  },\n});\n\nexport const progressBarVariants = cva(zuiProgressBarBase, {\n  variants: {\n    striped: zuiProgressBarStriped,\n  },\n  defaultVariants: { striped: false },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useId,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { cn, clamp } from \"../../lib/utils\";\n\nimport type { ProgressProps, ProgressSectionProps, ProgressCtx } from \"./types\";\nimport {\n  progressBarVariants,\n  progressTrackVariants,\n  progressVariants,\n} from \"./variants\";\n\nexport const ProgressContext = createContext<ProgressCtx | null>(null);\n\nexport function useProgressContext(component: string): ProgressCtx {\n  const ctx = useContext(ProgressContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Progress>`);\n  }\n  return ctx;\n}\n\nexport function ProgressBase(props: ProgressProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    shape = \"rounded\",\n    striped = false,\n    animated = false,\n    value = 0,\n    min = 0,\n    max = 100,\n    label,\n    children,\n    ref,\n    as: Wrapper = \"div\",\n    ...rest\n  } = props;\n  const clamped = clamp(value, min, max);\n  const percent = max === min ? 0 : ((clamped - min) / (max - min)) * 100;\n  const labelSlotId = `${useId()}-progress-label`;\n  const labelSlotCountRef = useRef(0);\n  const [labelSlotMounted, setLabelSlotMounted] = useState(false);\n  const registerProgressLabel = useCallback(() => {\n    labelSlotCountRef.current += 1;\n    if (labelSlotCountRef.current === 1) {\n      setLabelSlotMounted(true);\n    }\n    return () => {\n      labelSlotCountRef.current -= 1;\n      if (labelSlotCountRef.current === 0) {\n        setLabelSlotMounted(false);\n      }\n    };\n  }, []);\n  const hasInlineLabelProp = Boolean(label?.trim().length);\n\n  const labelingProps = useMemo(() => {\n    if (hasInlineLabelProp) {\n      return { \"aria-label\": label?.trim() ?? \"Progress\" };\n    }\n    if (labelSlotMounted) {\n      return { \"aria-labelledby\": labelSlotId };\n    }\n    return { \"aria-label\": \"Progress\" };\n  }, [hasInlineLabelProp, label, labelSlotId, labelSlotMounted]);\n\n  const ctx = useMemo(\n    () => ({\n      value: clamped,\n      min,\n      max,\n      size: size ?? \"md\",\n      shape: shape ?? \"rounded\",\n      striped: Boolean(striped),\n      animated: Boolean(animated),\n      appearance: appearance ?? \"default\",\n      labelSlotId,\n      registerProgressLabel,\n    }),\n    [\n      animated,\n      appearance,\n      clamped,\n      labelSlotId,\n      max,\n      min,\n      registerProgressLabel,\n      shape,\n      size,\n      striped,\n    ],\n  );\n\n  return (\n    <ProgressContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"progress\"\n        role=\"progressbar\"\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuenow={clamped}\n        {...labelingProps}\n        className={cn(\n          progressVariants({ appearance, size, shape, striped, animated }),\n          className,\n        )}\n        {...rest}\n      >\n        {children ?? (\n          <>\n            <ProgressBar style={{ transform: `scaleX(${percent / 100})` }} />\n          </>\n        )}\n      </Wrapper>\n    </ProgressContext.Provider>\n  );\n}\n\nProgressBase.displayName = \"Progress\";\n\nexport function ProgressBar({\n  className,\n  style,\n  ref,\n  as: Wrapper = \"div\",\n  ...rest\n}: ProgressSectionProps & {\n  style?: React.CSSProperties;\n  ref?: React.Ref<HTMLDivElement>;\n}) {\n  const { size, shape, striped, animated } = useProgressContext(\"ProgressBar\");\n\n  return (\n    <Wrapper\n      data-slot=\"progress-track\"\n      className={cn(progressTrackVariants({ size, shape }), \"text-current\")}\n    >\n      <div\n        ref={ref}\n        data-slot=\"progress-bar\"\n        className={cn(\n          progressBarVariants({ striped }),\n          animated ? \"animate-pulse\" : undefined,\n          className,\n        )}\n        style={{\n          transformOrigin: \"left center\",\n          ...style,\n        }}\n        {...rest}\n      />\n    </Wrapper>\n  );\n}\n\nProgressBar.displayName = \"ProgressBar\";\n\nexport function ProgressLabel({ className, children }: ProgressSectionProps) {\n  const { labelSlotId, registerProgressLabel } =\n    useProgressContext(\"ProgressLabel\");\n\n  useEffect(() => {\n    return registerProgressLabel();\n  }, [registerProgressLabel]);\n\n  return (\n    <div\n      id={labelSlotId}\n      data-slot=\"progress-label\"\n      className={cn(\"mb-2 font-medium text-slate-200\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nProgressLabel.displayName = \"ProgressLabel\";\n\nexport function ProgressValue({ className, children }: ProgressSectionProps) {\n  const { value, min, max } = useProgressContext(\"ProgressValue\");\n  const range = max - min;\n  const pct = range === 0 ? 0 : Math.round(((value - min) / range) * 100);\n  const content = children ?? `${pct}%`;\n  return (\n    <div\n      data-slot=\"progress-value\"\n      className={cn(\"mt-2 text-right text-slate-400\", className)}\n    >\n      {content}\n    </div>\n  );\n}\n\nProgressValue.displayName = \"ProgressValue\";\n"]}

package/dist/chunk-TKAOHMVA.mjs

@@ -0,0 +1,120 @@
+// src/design-system/tokens.ts
+var zuiCssVariablePattern = "--zui-<component>-<slot?>-<variant?>-<property>-<state?>-dark?";
+var zuiGlobalThemeTokens = {
+  radius: "--zui-radius",
+  ringOffset: "--zui-ring-offset",
+  ringOffsetDark: "--zui-ring-offset-dark",
+  focusRing: "--zui-focus-ring",
+  focusRingDark: "--zui-focus-ring-dark",
+  shadow: "--zui-shadow",
+  shadowDark: "--zui-shadow-dark",
+  surfaceMuted: "--zui-surface-muted",
+  surfaceMutedDark: "--zui-surface-muted-dark",
+  surfaceSoft: "--zui-surface-soft",
+  surfaceSoftDark: "--zui-surface-soft-dark",
+  surfaceHover: "--zui-surface-hover",
+  surfaceHoverDark: "--zui-surface-hover-dark",
+  border: "--zui-border",
+  borderDark: "--zui-border-dark",
+  fg: "--zui-fg",
+  fgDark: "--zui-fg-dark",
+  fgMuted: "--zui-fg-muted",
+  fgMutedDark: "--zui-fg-muted-dark",
+  brand: "--zui-brand",
+  brandDark: "--zui-brand-dark",
+  brandHover: "--zui-brand-hover",
+  brandHoverDark: "--zui-brand-hover-dark",
+  brandFg: "--zui-brand-fg",
+  brandFgDark: "--zui-brand-fg-dark",
+  statusSuccess: "--zui-status-success",
+  statusSuccessDark: "--zui-status-success-dark",
+  statusWarning: "--zui-status-warning",
+  statusWarningDark: "--zui-status-warning-dark",
+  statusError: "--zui-status-error",
+  statusErrorDark: "--zui-status-error-dark",
+  statusInfo: "--zui-status-info",
+  statusInfoDark: "--zui-status-info-dark",
+  colorBlue: "--zui-color-blue",
+  colorBlueDark: "--zui-color-blue-dark",
+  colorCyan: "--zui-color-cyan",
+  colorCyanDark: "--zui-color-cyan-dark",
+  colorGreen: "--zui-color-green",
+  colorGreenDark: "--zui-color-green-dark",
+  colorLime: "--zui-color-lime",
+  colorLimeDark: "--zui-color-lime-dark",
+  colorMint: "--zui-color-mint",
+  colorMintDark: "--zui-color-mint-dark",
+  colorOcean: "--zui-color-ocean",
+  colorOceanDark: "--zui-color-ocean-dark",
+  colorSapphire: "--zui-color-sapphire",
+  colorSapphireDark: "--zui-color-sapphire-dark",
+  colorLavender: "--zui-color-lavender",
+  colorLavenderDark: "--zui-color-lavender-dark",
+  colorRuby: "--zui-color-ruby",
+  colorRubyDark: "--zui-color-ruby-dark",
+  colorRed: "--zui-color-red",
+  colorRedDark: "--zui-color-red-dark",
+  colorSlate: "--zui-color-slate",
+  colorSlateDark: "--zui-color-slate-dark",
+  colorZinc: "--zui-color-zinc",
+  colorZincDark: "--zui-color-zinc-dark",
+  colorStone: "--zui-color-stone",
+  colorStoneDark: "--zui-color-stone-dark",
+  colorRoyal: "--zui-color-royal",
+  colorRoyalDark: "--zui-color-royal-dark",
+  colorElectric: "--zui-color-electric",
+  colorElectricDark: "--zui-color-electric-dark",
+  colorForest: "--zui-color-forest",
+  colorForestDark: "--zui-color-forest-dark",
+  colorSunset: "--zui-color-sunset",
+  colorSunsetDark: "--zui-color-sunset-dark",
+  colorMagenta: "--zui-color-magenta",
+  colorMagentaDark: "--zui-color-magenta-dark",
+  colorCrimson: "--zui-color-crimson",
+  colorCrimsonDark: "--zui-color-crimson-dark",
+  colorAqua: "--zui-color-aqua",
+  colorAquaDark: "--zui-color-aqua-dark",
+  colorPlum: "--zui-color-plum",
+  colorPlumDark: "--zui-color-plum-dark",
+  colorEmerald: "--zui-color-emerald",
+  colorEmeraldDark: "--zui-color-emerald-dark",
+  colorIndigo: "--zui-color-indigo",
+  colorIndigoDark: "--zui-color-indigo-dark",
+  colorPurple: "--zui-color-purple",
+  colorPurpleDark: "--zui-color-purple-dark",
+  colorPink: "--zui-color-pink",
+  colorPinkDark: "--zui-color-pink-dark",
+  colorRose: "--zui-color-rose",
+  colorRoseDark: "--zui-color-rose-dark",
+  colorSky: "--zui-color-sky",
+  colorSkyDark: "--zui-color-sky-dark",
+  colorTeal: "--zui-color-teal",
+  colorTealDark: "--zui-color-teal-dark",
+  colorYellow: "--zui-color-yellow",
+  colorYellowDark: "--zui-color-yellow-dark",
+  colorOrange: "--zui-color-orange",
+  colorOrangeDark: "--zui-color-orange-dark",
+  colorGray: "--zui-color-gray",
+  colorGrayDark: "--zui-color-gray-dark",
+  colorAmber: "--zui-color-amber",
+  colorAmberDark: "--zui-color-amber-dark",
+  colorViolet: "--zui-color-violet",
+  colorVioletDark: "--zui-color-violet-dark"
+};
+var zuiInteractiveBase = ["transition-colors", "select-none"];
+var zuiDisabledState = {
+  default: "disabled:pointer-events-none disabled:opacity-50"
+};
+var zuiFocusRing = {
+  default: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-focus-ring,oklch(44.6%_0.043_257.281))] dark:focus-visible:ring-[var(--zui-focus-ring-dark,oklch(86.9%_0.022_252.894))] focus-visible:ring-offset-2"
+};
+var zuiRingOffset = {
+  default: "ring-offset-[var(--zui-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695))]"
+};
+var zuiRadius = {
+  xl: "rounded-[var(--zui-radius-xl,0.75rem)]"
+};
+
+export { zuiCssVariablePattern, zuiDisabledState, zuiFocusRing, zuiGlobalThemeTokens, zuiInteractiveBase, zuiRadius, zuiRingOffset };
+//# sourceMappingURL=chunk-TKAOHMVA.mjs.map
+//# sourceMappingURL=chunk-TKAOHMVA.mjs.map

package/dist/chunk-TKAOHMVA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/tokens.ts"],"names":[],"mappings":"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","file":"chunk-TKAOHMVA.mjs","sourcesContent":["export const zuiCssVariablePattern =\n  \"--zui-<component>-<slot?>-<variant?>-<property>-<state?>-dark?\" as const;\n\nexport const zuiGlobalThemeTokens = {\n  radius: \"--zui-radius\",\n  ringOffset: \"--zui-ring-offset\",\n  ringOffsetDark: \"--zui-ring-offset-dark\",\n  focusRing: \"--zui-focus-ring\",\n  focusRingDark: \"--zui-focus-ring-dark\",\n  shadow: \"--zui-shadow\",\n  shadowDark: \"--zui-shadow-dark\",\n  surfaceMuted: \"--zui-surface-muted\",\n  surfaceMutedDark: \"--zui-surface-muted-dark\",\n  surfaceSoft: \"--zui-surface-soft\",\n  surfaceSoftDark: \"--zui-surface-soft-dark\",\n  surfaceHover: \"--zui-surface-hover\",\n  surfaceHoverDark: \"--zui-surface-hover-dark\",\n  border: \"--zui-border\",\n  borderDark: \"--zui-border-dark\",\n  fg: \"--zui-fg\",\n  fgDark: \"--zui-fg-dark\",\n  fgMuted: \"--zui-fg-muted\",\n  fgMutedDark: \"--zui-fg-muted-dark\",\n  brand: \"--zui-brand\",\n  brandDark: \"--zui-brand-dark\",\n  brandHover: \"--zui-brand-hover\",\n  brandHoverDark: \"--zui-brand-hover-dark\",\n  brandFg: \"--zui-brand-fg\",\n  brandFgDark: \"--zui-brand-fg-dark\",\n  statusSuccess: \"--zui-status-success\",\n  statusSuccessDark: \"--zui-status-success-dark\",\n  statusWarning: \"--zui-status-warning\",\n  statusWarningDark: \"--zui-status-warning-dark\",\n  statusError: \"--zui-status-error\",\n  statusErrorDark: \"--zui-status-error-dark\",\n  statusInfo: \"--zui-status-info\",\n  statusInfoDark: \"--zui-status-info-dark\",\n  colorBlue: \"--zui-color-blue\",\n  colorBlueDark: \"--zui-color-blue-dark\",\n  colorCyan: \"--zui-color-cyan\",\n  colorCyanDark: \"--zui-color-cyan-dark\",\n  colorGreen: \"--zui-color-green\",\n  colorGreenDark: \"--zui-color-green-dark\",\n  colorLime: \"--zui-color-lime\",\n  colorLimeDark: \"--zui-color-lime-dark\",\n  colorMint: \"--zui-color-mint\",\n  colorMintDark: \"--zui-color-mint-dark\",\n  colorOcean: \"--zui-color-ocean\",\n  colorOceanDark: \"--zui-color-ocean-dark\",\n  colorSapphire: \"--zui-color-sapphire\",\n  colorSapphireDark: \"--zui-color-sapphire-dark\",\n  colorLavender: \"--zui-color-lavender\",\n  colorLavenderDark: \"--zui-color-lavender-dark\",\n  colorRuby: \"--zui-color-ruby\",\n  colorRubyDark: \"--zui-color-ruby-dark\",\n  colorRed: \"--zui-color-red\",\n  colorRedDark: \"--zui-color-red-dark\",\n  colorSlate: \"--zui-color-slate\",\n  colorSlateDark: \"--zui-color-slate-dark\",\n  colorZinc: \"--zui-color-zinc\",\n  colorZincDark: \"--zui-color-zinc-dark\",\n  colorStone: \"--zui-color-stone\",\n  colorStoneDark: \"--zui-color-stone-dark\",\n  colorRoyal: \"--zui-color-royal\",\n  colorRoyalDark: \"--zui-color-royal-dark\",\n  colorElectric: \"--zui-color-electric\",\n  colorElectricDark: \"--zui-color-electric-dark\",\n  colorForest: \"--zui-color-forest\",\n  colorForestDark: \"--zui-color-forest-dark\",\n  colorSunset: \"--zui-color-sunset\",\n  colorSunsetDark: \"--zui-color-sunset-dark\",\n  colorMagenta: \"--zui-color-magenta\",\n  colorMagentaDark: \"--zui-color-magenta-dark\",\n  colorCrimson: \"--zui-color-crimson\",\n  colorCrimsonDark: \"--zui-color-crimson-dark\",\n  colorAqua: \"--zui-color-aqua\",\n  colorAquaDark: \"--zui-color-aqua-dark\",\n  colorPlum: \"--zui-color-plum\",\n  colorPlumDark: \"--zui-color-plum-dark\",\n  colorEmerald: \"--zui-color-emerald\",\n  colorEmeraldDark: \"--zui-color-emerald-dark\",\n  colorIndigo: \"--zui-color-indigo\",\n  colorIndigoDark: \"--zui-color-indigo-dark\",\n  colorPurple: \"--zui-color-purple\",\n  colorPurpleDark: \"--zui-color-purple-dark\",\n  colorPink: \"--zui-color-pink\",\n  colorPinkDark: \"--zui-color-pink-dark\",\n  colorRose: \"--zui-color-rose\",\n  colorRoseDark: \"--zui-color-rose-dark\",\n  colorSky: \"--zui-color-sky\",\n  colorSkyDark: \"--zui-color-sky-dark\",\n  colorTeal: \"--zui-color-teal\",\n  colorTealDark: \"--zui-color-teal-dark\",\n  colorYellow: \"--zui-color-yellow\",\n  colorYellowDark: \"--zui-color-yellow-dark\",\n  colorOrange: \"--zui-color-orange\",\n  colorOrangeDark: \"--zui-color-orange-dark\",\n  colorGray: \"--zui-color-gray\",\n  colorGrayDark: \"--zui-color-gray-dark\",\n  colorAmber: \"--zui-color-amber\",\n  colorAmberDark: \"--zui-color-amber-dark\",\n  colorViolet: \"--zui-color-violet\",\n  colorVioletDark: \"--zui-color-violet-dark\",\n} as const;\n\nexport const zuiInteractiveBase = [\"transition-colors\", \"select-none\"] as const;\n\nexport const zuiDisabledState = {\n  default: \"disabled:pointer-events-none disabled:opacity-50\",\n} as const;\n\nexport const zuiFocusRing = {\n  default:\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-focus-ring,oklch(44.6%_0.043_257.281))] dark:focus-visible:ring-[var(--zui-focus-ring-dark,oklch(86.9%_0.022_252.894))] focus-visible:ring-offset-2\",\n} as const;\n\nexport const zuiRingOffset = {\n  default:\n    \"ring-offset-[var(--zui-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695))]\",\n} as const;\n\nexport const zuiRadius = {\n  xl: \"rounded-[var(--zui-radius-xl,0.75rem)]\",\n} as const;\n"]}