@zentauri-ui/zentauri-components 1.9.0 → 1.9.1

package/dist/chunk-XIG2QDVN.js

@@ -0,0 +1,145 @@
+'use strict';
+
+var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
+var classVarianceAuthority = require('class-variance-authority');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/design-system/kbd.ts
+var zuiKbdBase = [
+  "inline-flex items-center justify-center gap-1 align-middle",
+  "rounded-[var(--zui-kbd-radius,0.375rem)] font-mono font-medium leading-none select-none"
+];
+var zuiKbdKeyAppearances = {
+  default: "bg-[var(--zui-kbd-default-bg,#0f172a)] dark:bg-[var(--zui-kbd-default-bg-dark,#f8fafc)] text-[color:var(--zui-kbd-default-fg,#f8fafc)] dark:text-[color:var(--zui-kbd-default-fg-dark,#020617)] shadow-[var(--zui-kbd-default-shadow,0_1px_2px_#0f172a14)] dark:shadow-[var(--zui-kbd-default-shadow-dark,0_1px_2px_#0f172a1f)]",
+  secondary: "bg-[var(--zui-kbd-secondary-bg,#e2e8f0)] dark:bg-[var(--zui-kbd-secondary-bg-dark,#1e293b)] text-[color:var(--zui-kbd-secondary-fg,#0f172a)] dark:text-[color:var(--zui-kbd-secondary-fg-dark,#f8fafc)]",
+  destructive: "bg-[var(--zui-kbd-destructive-bg,#f43f5e)] dark:bg-[var(--zui-kbd-destructive-bg-dark,#be123c)] text-[color:var(--zui-kbd-destructive-fg,#ffffff)] dark:text-[color:var(--zui-kbd-destructive-fg-dark,#ffffff)]",
+  outline: "border border-[color:var(--zui-kbd-outline-border,#0000001a)] dark:border-[color:var(--zui-kbd-outline-border-dark,#ffffff1a)] bg-[var(--zui-kbd-outline-bg,#0000000d)] dark:bg-[var(--zui-kbd-outline-bg-dark,#ffffff0d)] text-[color:var(--zui-kbd-outline-fg,#0f172a)] dark:text-[color:var(--zui-kbd-outline-fg-dark,#f8fafc)]",
+  ghost: "bg-transparent text-[color:var(--zui-kbd-ghost-fg,#334155)] dark:text-[color:var(--zui-kbd-ghost-fg-dark,#e2e8f0)]",
+  glass: "border border-[color:var(--zui-kbd-glass-border,#00000026)] dark:border-[color:var(--zui-kbd-glass-border-dark,#ffffff26)] bg-[var(--zui-kbd-glass-bg,#0000001a)] dark:bg-[var(--zui-kbd-glass-bg-dark,#ffffff1a)] text-[color:var(--zui-kbd-glass-fg,#0f172a)] dark:text-[color:var(--zui-kbd-glass-fg-dark,#ffffff)] backdrop-blur-md",
+  emerald: "bg-[var(--zui-kbd-emerald-bg,#10b981)] dark:bg-[var(--zui-kbd-emerald-bg-dark,#065f46)] text-[color:var(--zui-kbd-emerald-fg,#064e3b)] dark:text-[color:var(--zui-kbd-emerald-fg-dark,#064e3b)]",
+  indigo: "bg-[var(--zui-kbd-indigo-bg,#3730a3)] dark:bg-[var(--zui-kbd-indigo-bg-dark,#4f46e5)] text-[color:var(--zui-kbd-indigo-fg,#ffffff)] dark:text-[color:var(--zui-kbd-indigo-fg-dark,#ffffff)]",
+  purple: "bg-[var(--zui-kbd-purple-bg,#6b21a8)] dark:bg-[var(--zui-kbd-purple-bg-dark,#9333ea)] text-[color:var(--zui-kbd-purple-fg,#ffffff)] dark:text-[color:var(--zui-kbd-purple-fg-dark,#ffffff)]",
+  pink: "bg-[var(--zui-kbd-pink-bg,#9d174d)] dark:bg-[var(--zui-kbd-pink-bg-dark,#db2777)] text-[color:var(--zui-kbd-pink-fg,#ffffff)] dark:text-[color:var(--zui-kbd-pink-fg-dark,#ffffff)]",
+  rose: "bg-[var(--zui-kbd-rose-bg,#9f1239)] dark:bg-[var(--zui-kbd-rose-bg-dark,#e11d48)] text-[color:var(--zui-kbd-rose-fg,#ffffff)] dark:text-[color:var(--zui-kbd-rose-fg-dark,#ffffff)]",
+  sky: "bg-[var(--zui-kbd-sky-bg,#0ea5e9)] dark:bg-[var(--zui-kbd-sky-bg-dark,#0369a1)] text-[color:var(--zui-kbd-sky-fg,#ffffff)] dark:text-[color:var(--zui-kbd-sky-fg-dark,#ffffff)]",
+  teal: "bg-[var(--zui-kbd-teal-bg,#14b8a6)] dark:bg-[var(--zui-kbd-teal-bg-dark,#0f766e)] text-[color:var(--zui-kbd-teal-fg,#ffffff)] dark:text-[color:var(--zui-kbd-teal-fg-dark,#ffffff)]",
+  yellow: "bg-[var(--zui-kbd-yellow-bg,#eab308)] dark:bg-[var(--zui-kbd-yellow-bg-dark,#854d0e)] text-[color:var(--zui-kbd-yellow-fg,#ffffff)] dark:text-[color:var(--zui-kbd-yellow-fg-dark,#ffffff)]",
+  orange: "bg-[var(--zui-kbd-orange-bg,#f97316)] dark:bg-[var(--zui-kbd-orange-bg-dark,#9a3412)] text-[color:var(--zui-kbd-orange-fg,#ffffff)] dark:text-[color:var(--zui-kbd-orange-fg-dark,#ffffff)]",
+  gray: "bg-[var(--zui-kbd-gray-bg,#6b7280)] dark:bg-[var(--zui-kbd-gray-bg-dark,#374151)] text-[color:var(--zui-kbd-gray-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gray-fg-dark,#ffffff)]",
+  amber: "bg-[var(--zui-kbd-amber-bg,#f59e0b)] dark:bg-[var(--zui-kbd-amber-bg-dark,#92400e)] text-[color:var(--zui-kbd-amber-fg,#ffffff)] dark:text-[color:var(--zui-kbd-amber-fg-dark,#ffffff)]",
+  violet: "bg-[var(--zui-kbd-violet-bg,#5b21b6)] dark:bg-[var(--zui-kbd-violet-bg-dark,#7c3aed)] text-[color:var(--zui-kbd-violet-fg,#ffffff)] dark:text-[color:var(--zui-kbd-violet-fg-dark,#ffffff)]",
+  "gradient-blue": "bg-linear-to-r from-[var(--zui-kbd-gradient-blue-from,#1e40af)] dark:from-[var(--zui-kbd-gradient-blue-from-dark,#2563eb)] to-[var(--zui-kbd-gradient-blue-to,#6b21a8)] dark:to-[var(--zui-kbd-gradient-blue-to-dark,#9333ea)] text-[color:var(--zui-kbd-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-blue-fg-dark,#ffffff)]",
+  "gradient-green": "bg-linear-to-r from-[var(--zui-kbd-gradient-green-from,#166534)] dark:from-[var(--zui-kbd-gradient-green-from-dark,#16a34a)] to-[var(--zui-kbd-gradient-green-to,#3f6212)] dark:to-[var(--zui-kbd-gradient-green-to-dark,#65a30d)] text-[color:var(--zui-kbd-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-green-fg-dark,#ffffff)]",
+  "gradient-red": "bg-linear-to-r from-[var(--zui-kbd-gradient-red-from,#991b1b)] dark:from-[var(--zui-kbd-gradient-red-from-dark,#dc2626)] to-[var(--zui-kbd-gradient-red-to,#9d174d)] dark:to-[var(--zui-kbd-gradient-red-to-dark,#db2777)] text-[color:var(--zui-kbd-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-red-fg-dark,#ffffff)]",
+  "gradient-yellow": "bg-linear-to-r from-[var(--zui-kbd-gradient-yellow-from,#854d0e)] dark:from-[var(--zui-kbd-gradient-yellow-from-dark,#ca8a04)] to-[var(--zui-kbd-gradient-yellow-to,#9a3412)] dark:to-[var(--zui-kbd-gradient-yellow-to-dark,#ea580c)] text-[color:var(--zui-kbd-gradient-yellow-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-yellow-fg-dark,#ffffff)]",
+  "gradient-purple": "bg-linear-to-r from-[var(--zui-kbd-gradient-purple-from,#6b21a8)] dark:from-[var(--zui-kbd-gradient-purple-from-dark,#9333ea)] to-[var(--zui-kbd-gradient-purple-to,#9d174d)] dark:to-[var(--zui-kbd-gradient-purple-to-dark,#db2777)] text-[color:var(--zui-kbd-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-purple-fg-dark,#ffffff)]",
+  "gradient-teal": "bg-linear-to-r from-[var(--zui-kbd-gradient-teal-from,#115e59)] dark:from-[var(--zui-kbd-gradient-teal-from-dark,#0d9488)] to-[var(--zui-kbd-gradient-teal-to,#155e75)] dark:to-[var(--zui-kbd-gradient-teal-to-dark,#0891b2)] text-[color:var(--zui-kbd-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-teal-fg-dark,#ffffff)]",
+  "gradient-indigo": "bg-linear-to-r from-[var(--zui-kbd-gradient-indigo-from,#3730a3)] dark:from-[var(--zui-kbd-gradient-indigo-from-dark,#4f46e5)] to-[var(--zui-kbd-gradient-indigo-to,#6b21a8)] dark:to-[var(--zui-kbd-gradient-indigo-to-dark,#9333ea)] text-[color:var(--zui-kbd-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-indigo-fg-dark,#ffffff)]",
+  "gradient-pink": "bg-linear-to-r from-[var(--zui-kbd-gradient-pink-from,#9d174d)] dark:from-[var(--zui-kbd-gradient-pink-from-dark,#db2777)] to-[var(--zui-kbd-gradient-pink-to,#9f1239)] dark:to-[var(--zui-kbd-gradient-pink-to-dark,#e11d48)] text-[color:var(--zui-kbd-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-pink-fg-dark,#ffffff)]",
+  "gradient-orange": "bg-linear-to-r from-[var(--zui-kbd-gradient-orange-from,#9a3412)] dark:from-[var(--zui-kbd-gradient-orange-from-dark,#ea580c)] to-[var(--zui-kbd-gradient-orange-to,#991b1b)] dark:to-[var(--zui-kbd-gradient-orange-to-dark,#dc2626)] text-[color:var(--zui-kbd-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-orange-fg-dark,#ffffff)]",
+  blue: "border border-[color:var(--zui-kbd-key-blue-border,#2563eb)] dark:border-[color:var(--zui-kbd-key-blue-border-dark,#3b82f6)] bg-[var(--zui-kbd-key-blue-bg,#2563eb)] dark:bg-[var(--zui-kbd-key-blue-bg-dark,#3b82f6)] text-[color:var(--zui-kbd-key-blue-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-blue-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-blue-bg-hover,#2563eb)] dark:hover:bg-[var(--zui-kbd-key-blue-bg-hover-dark,#3b82f6)]",
+  cyan: "border border-[color:var(--zui-kbd-key-cyan-border,#0891b2)] dark:border-[color:var(--zui-kbd-key-cyan-border-dark,#22d3ee)] bg-[var(--zui-kbd-key-cyan-bg,#0891b2)] dark:bg-[var(--zui-kbd-key-cyan-bg-dark,#22d3ee)] text-[color:var(--zui-kbd-key-cyan-fg,#083344)] dark:text-[color:var(--zui-kbd-key-cyan-fg-dark,#083344)] hover:bg-[var(--zui-kbd-key-cyan-bg-hover,#0891b2)] dark:hover:bg-[var(--zui-kbd-key-cyan-bg-hover-dark,#22d3ee)]",
+  green: "border border-[color:var(--zui-kbd-key-green-border,#16a34a)] dark:border-[color:var(--zui-kbd-key-green-border-dark,#22c55e)] bg-[var(--zui-kbd-key-green-bg,#16a34a)] dark:bg-[var(--zui-kbd-key-green-bg-dark,#22c55e)] text-[color:var(--zui-kbd-key-green-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-green-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-green-bg-hover,#16a34a)] dark:hover:bg-[var(--zui-kbd-key-green-bg-hover-dark,#22c55e)]",
+  lime: "border border-[color:var(--zui-kbd-key-lime-border,#65a30d)] dark:border-[color:var(--zui-kbd-key-lime-border-dark,#a3e635)] bg-[var(--zui-kbd-key-lime-bg,#65a30d)] dark:bg-[var(--zui-kbd-key-lime-bg-dark,#a3e635)] text-[color:var(--zui-kbd-key-lime-fg,#1a2e05)] dark:text-[color:var(--zui-kbd-key-lime-fg-dark,#1a2e05)] hover:bg-[var(--zui-kbd-key-lime-bg-hover,#65a30d)] dark:hover:bg-[var(--zui-kbd-key-lime-bg-hover-dark,#a3e635)]",
+  mint: "border border-[color:var(--zui-kbd-key-mint-border,#10b981)] dark:border-[color:var(--zui-kbd-key-mint-border-dark,#6ee7b7)] bg-[var(--zui-kbd-key-mint-bg,#10b981)] dark:bg-[var(--zui-kbd-key-mint-bg-dark,#6ee7b7)] text-[color:var(--zui-kbd-key-mint-fg,#064e3b)] dark:text-[color:var(--zui-kbd-key-mint-fg-dark,#064e3b)] hover:bg-[var(--zui-kbd-key-mint-bg-hover,#10b981)] dark:hover:bg-[var(--zui-kbd-key-mint-bg-hover-dark,#6ee7b7)]",
+  ocean: "border border-[color:var(--zui-kbd-key-ocean-border,#0284c7)] dark:border-[color:var(--zui-kbd-key-ocean-border-dark,#38bdf8)] bg-[var(--zui-kbd-key-ocean-bg,#0284c7)] dark:bg-[var(--zui-kbd-key-ocean-bg-dark,#38bdf8)] text-[color:var(--zui-kbd-key-ocean-fg,#082f49)] dark:text-[color:var(--zui-kbd-key-ocean-fg-dark,#082f49)] hover:bg-[var(--zui-kbd-key-ocean-bg-hover,#0284c7)] dark:hover:bg-[var(--zui-kbd-key-ocean-bg-hover-dark,#38bdf8)]",
+  sapphire: "border border-[color:var(--zui-kbd-key-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-kbd-key-sapphire-border-dark,#60a5fa)] bg-[var(--zui-kbd-key-sapphire-bg,#1d4ed8)] dark:bg-[var(--zui-kbd-key-sapphire-bg-dark,#60a5fa)] text-[color:var(--zui-kbd-key-sapphire-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-sapphire-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-sapphire-bg-hover,#1d4ed8)] dark:hover:bg-[var(--zui-kbd-key-sapphire-bg-hover-dark,#60a5fa)]",
+  lavender: "border border-[color:var(--zui-kbd-key-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-kbd-key-lavender-border-dark,#a78bfa)] bg-[var(--zui-kbd-key-lavender-bg,#8b5cf6)] dark:bg-[var(--zui-kbd-key-lavender-bg-dark,#a78bfa)] text-[color:var(--zui-kbd-key-lavender-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-lavender-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-lavender-bg-hover,#8b5cf6)] dark:hover:bg-[var(--zui-kbd-key-lavender-bg-hover-dark,#a78bfa)]",
+  ruby: "border border-[color:var(--zui-kbd-key-ruby-border,#be123c)] dark:border-[color:var(--zui-kbd-key-ruby-border-dark,#fb7185)] bg-[var(--zui-kbd-key-ruby-bg,#be123c)] dark:bg-[var(--zui-kbd-key-ruby-bg-dark,#fb7185)] text-[color:var(--zui-kbd-key-ruby-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-ruby-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-ruby-bg-hover,#be123c)] dark:hover:bg-[var(--zui-kbd-key-ruby-bg-hover-dark,#fb7185)]",
+  red: "border border-[color:var(--zui-kbd-key-red-border,#dc2626)] dark:border-[color:var(--zui-kbd-key-red-border-dark,#ef4444)] bg-[var(--zui-kbd-key-red-bg,#dc2626)] dark:bg-[var(--zui-kbd-key-red-bg-dark,#ef4444)] text-[color:var(--zui-kbd-key-red-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-red-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-red-bg-hover,#dc2626)] dark:hover:bg-[var(--zui-kbd-key-red-bg-hover-dark,#ef4444)]",
+  slate: "border border-[color:var(--zui-kbd-key-slate-border,#475569)] dark:border-[color:var(--zui-kbd-key-slate-border-dark,#64748b)] bg-[var(--zui-kbd-key-slate-bg,#475569)] dark:bg-[var(--zui-kbd-key-slate-bg-dark,#64748b)] text-[color:var(--zui-kbd-key-slate-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-slate-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-slate-bg-hover,#475569)] dark:hover:bg-[var(--zui-kbd-key-slate-bg-hover-dark,#64748b)]",
+  zinc: "border border-[color:var(--zui-kbd-key-zinc-border,#52525b)] dark:border-[color:var(--zui-kbd-key-zinc-border-dark,#71717a)] bg-[var(--zui-kbd-key-zinc-bg,#52525b)] dark:bg-[var(--zui-kbd-key-zinc-bg-dark,#71717a)] text-[color:var(--zui-kbd-key-zinc-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-zinc-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-zinc-bg-hover,#52525b)] dark:hover:bg-[var(--zui-kbd-key-zinc-bg-hover-dark,#71717a)]",
+  stone: "border border-[color:var(--zui-kbd-key-stone-border,#57534e)] dark:border-[color:var(--zui-kbd-key-stone-border-dark,#78716c)] bg-[var(--zui-kbd-key-stone-bg,#57534e)] dark:bg-[var(--zui-kbd-key-stone-bg-dark,#78716c)] text-[color:var(--zui-kbd-key-stone-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-stone-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-stone-bg-hover,#57534e)] dark:hover:bg-[var(--zui-kbd-key-stone-bg-hover-dark,#78716c)]",
+  royal: "border border-[color:var(--zui-kbd-key-royal-border,#4338ca)] dark:border-[color:var(--zui-kbd-key-royal-border-dark,#818cf8)] bg-[var(--zui-kbd-key-royal-bg,#4338ca)] dark:bg-[var(--zui-kbd-key-royal-bg-dark,#818cf8)] text-[color:var(--zui-kbd-key-royal-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-royal-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-royal-bg-hover,#4338ca)] dark:hover:bg-[var(--zui-kbd-key-royal-bg-hover-dark,#818cf8)]",
+  electric: "border border-[color:var(--zui-kbd-key-electric-border,#0ea5e9)] dark:border-[color:var(--zui-kbd-key-electric-border-dark,#38bdf8)] bg-[var(--zui-kbd-key-electric-bg,#0ea5e9)] dark:bg-[var(--zui-kbd-key-electric-bg-dark,#38bdf8)] text-[color:var(--zui-kbd-key-electric-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-electric-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-electric-bg-hover,#0ea5e9)] dark:hover:bg-[var(--zui-kbd-key-electric-bg-hover-dark,#38bdf8)]",
+  forest: "border border-[color:var(--zui-kbd-key-forest-border,#166534)] dark:border-[color:var(--zui-kbd-key-forest-border-dark,#4ade80)] bg-[var(--zui-kbd-key-forest-bg,#166534)] dark:bg-[var(--zui-kbd-key-forest-bg-dark,#4ade80)] text-[color:var(--zui-kbd-key-forest-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-forest-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-forest-bg-hover,#166534)] dark:hover:bg-[var(--zui-kbd-key-forest-bg-hover-dark,#4ade80)]",
+  sunset: "border border-[color:var(--zui-kbd-key-sunset-border,#ea580c)] dark:border-[color:var(--zui-kbd-key-sunset-border-dark,#fb923c)] bg-[var(--zui-kbd-key-sunset-bg,#ea580c)] dark:bg-[var(--zui-kbd-key-sunset-bg-dark,#fb923c)] text-[color:var(--zui-kbd-key-sunset-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-sunset-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-sunset-bg-hover,#ea580c)] dark:hover:bg-[var(--zui-kbd-key-sunset-bg-hover-dark,#fb923c)]",
+  magenta: "border border-[color:var(--zui-kbd-key-magenta-border,#c026d3)] dark:border-[color:var(--zui-kbd-key-magenta-border-dark,#e879f9)] bg-[var(--zui-kbd-key-magenta-bg,#c026d3)] dark:bg-[var(--zui-kbd-key-magenta-bg-dark,#e879f9)] text-[color:var(--zui-kbd-key-magenta-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-magenta-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-magenta-bg-hover,#c026d3)] dark:hover:bg-[var(--zui-kbd-key-magenta-bg-hover-dark,#e879f9)]",
+  crimson: "border border-[color:var(--zui-kbd-key-crimson-border,#b91c1c)] dark:border-[color:var(--zui-kbd-key-crimson-border-dark,#f87171)] bg-[var(--zui-kbd-key-crimson-bg,#b91c1c)] dark:bg-[var(--zui-kbd-key-crimson-bg-dark,#f87171)] text-[color:var(--zui-kbd-key-crimson-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-crimson-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-crimson-bg-hover,#b91c1c)] dark:hover:bg-[var(--zui-kbd-key-crimson-bg-hover-dark,#f87171)]",
+  aqua: "border border-[color:var(--zui-kbd-key-aqua-border,#0f766e)] dark:border-[color:var(--zui-kbd-key-aqua-border-dark,#2dd4bf)] bg-[var(--zui-kbd-key-aqua-bg,#0f766e)] dark:bg-[var(--zui-kbd-key-aqua-bg-dark,#2dd4bf)] text-[color:var(--zui-kbd-key-aqua-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-aqua-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-aqua-bg-hover,#0f766e)] dark:hover:bg-[var(--zui-kbd-key-aqua-bg-hover-dark,#2dd4bf)]",
+  plum: "border border-[color:var(--zui-kbd-key-plum-border,#7e22ce)] dark:border-[color:var(--zui-kbd-key-plum-border-dark,#c084fc)] bg-[var(--zui-kbd-key-plum-bg,#7e22ce)] dark:bg-[var(--zui-kbd-key-plum-bg-dark,#c084fc)] text-[color:var(--zui-kbd-key-plum-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-plum-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-plum-bg-hover,#7e22ce)] dark:hover:bg-[var(--zui-kbd-key-plum-bg-hover-dark,#c084fc)]"
+};
+var zuiKbdKeyBase = [
+  "inline-flex items-center justify-center font-mono font-medium leading-none",
+  "rounded-[var(--zui-kbd-radius,0.375rem)]",
+  "shadow-[var(--zui-kbd-shadow,inset_0_-1px_0_#0000001f)] dark:shadow-[var(--zui-kbd-shadow-dark,inset_0_-1px_0_#0000004d)]"
+];
+var zuiKbdKeySizes = {
+  sm: "h-5 min-w-5 px-1 text-[0.7rem]",
+  md: "h-6 min-w-6 px-1.5 text-xs",
+  lg: "h-7 min-w-7 px-2 text-sm"
+};
+var zuiKbdSeparatorBase = "text-[color:var(--zui-kbd-separator-fg,#94a3b8)] dark:text-[color:var(--zui-kbd-separator-fg-dark,#64748b)]";
+var zuiKbdSeparatorSizes = {
+  sm: "text-[0.7rem]",
+  md: "text-xs",
+  lg: "text-sm"
+};
+
+// src/ui/kbd/variants.ts
+var kbdKeyVariants = classVarianceAuthority.cva(zuiKbdKeyBase, {
+  variants: {
+    appearance: zuiKbdKeyAppearances,
+    size: zuiKbdKeySizes
+  },
+  defaultVariants: {
+    appearance: "outline",
+    size: "md"
+  }
+});
+var kbdSeparatorVariants = classVarianceAuthority.cva(zuiKbdSeparatorBase, {
+  variants: {
+    size: zuiKbdSeparatorSizes
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+function KbdBase({
+  keys,
+  separator,
+  appearance,
+  size,
+  children,
+  className,
+  as: Wrapper = "span",
+  ref,
+  ...rest
+}) {
+  const items = keys ?? (children != null ? [children] : []);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Wrapper,
+    {
+      ref,
+      "data-slot": "kbd",
+      className: chunkZS5756ZC_js.cn(zuiKbdBase, className),
+      ...rest,
+      children: items.map((key, index) => /* @__PURE__ */ jsxRuntime.jsxs(react.Fragment, { children: [
+        index > 0 && separator != null ? /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "data-slot": "kbd-separator",
+            className: kbdSeparatorVariants({ size }),
+            children: separator
+          }
+        ) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "kbd",
+          {
+            "data-slot": "kbd-key",
+            className: kbdKeyVariants({ appearance, size }),
+            children: key
+          }
+        )
+      ] }, index))
+    }
+  );
+}
+KbdBase.displayName = "Kbd";
+
+exports.KbdBase = KbdBase;
+exports.kbdKeyVariants = kbdKeyVariants;
+exports.kbdSeparatorVariants = kbdSeparatorVariants;
+//# sourceMappingURL=chunk-XIG2QDVN.js.map
+//# sourceMappingURL=chunk-XIG2QDVN.js.map

package/dist/chunk-XIG2QDVN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/kbd.ts","../src/ui/kbd/variants.ts","../src/ui/kbd/kbd-base.tsx"],"names":["cva","jsx","cn","Fragment"],"mappings":"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","file":"chunk-XIG2QDVN.js","sourcesContent":["export const zuiKbdBase = [\n  \"inline-flex items-center justify-center gap-1 align-middle\",\n  \"rounded-[var(--zui-kbd-radius,0.375rem)] font-mono font-medium leading-none select-none\",\n] as const;\n\nexport const zuiKbdKeyAppearances = {\n  default:\n    \"bg-[var(--zui-kbd-default-bg,#0f172a)] dark:bg-[var(--zui-kbd-default-bg-dark,#f8fafc)] text-[color:var(--zui-kbd-default-fg,#f8fafc)] dark:text-[color:var(--zui-kbd-default-fg-dark,#020617)] shadow-[var(--zui-kbd-default-shadow,0_1px_2px_#0f172a14)] dark:shadow-[var(--zui-kbd-default-shadow-dark,0_1px_2px_#0f172a1f)]\",\n  secondary:\n    \"bg-[var(--zui-kbd-secondary-bg,#e2e8f0)] dark:bg-[var(--zui-kbd-secondary-bg-dark,#1e293b)] text-[color:var(--zui-kbd-secondary-fg,#0f172a)] dark:text-[color:var(--zui-kbd-secondary-fg-dark,#f8fafc)]\",\n  destructive:\n    \"bg-[var(--zui-kbd-destructive-bg,#f43f5e)] dark:bg-[var(--zui-kbd-destructive-bg-dark,#be123c)] text-[color:var(--zui-kbd-destructive-fg,#ffffff)] dark:text-[color:var(--zui-kbd-destructive-fg-dark,#ffffff)]\",\n  outline:\n    \"border border-[color:var(--zui-kbd-outline-border,#0000001a)] dark:border-[color:var(--zui-kbd-outline-border-dark,#ffffff1a)] bg-[var(--zui-kbd-outline-bg,#0000000d)] dark:bg-[var(--zui-kbd-outline-bg-dark,#ffffff0d)] text-[color:var(--zui-kbd-outline-fg,#0f172a)] dark:text-[color:var(--zui-kbd-outline-fg-dark,#f8fafc)]\",\n  ghost:\n    \"bg-transparent text-[color:var(--zui-kbd-ghost-fg,#334155)] dark:text-[color:var(--zui-kbd-ghost-fg-dark,#e2e8f0)]\",\n  glass:\n    \"border border-[color:var(--zui-kbd-glass-border,#00000026)] dark:border-[color:var(--zui-kbd-glass-border-dark,#ffffff26)] bg-[var(--zui-kbd-glass-bg,#0000001a)] dark:bg-[var(--zui-kbd-glass-bg-dark,#ffffff1a)] text-[color:var(--zui-kbd-glass-fg,#0f172a)] dark:text-[color:var(--zui-kbd-glass-fg-dark,#ffffff)] backdrop-blur-md\",\n  emerald:\n    \"bg-[var(--zui-kbd-emerald-bg,#10b981)] dark:bg-[var(--zui-kbd-emerald-bg-dark,#065f46)] text-[color:var(--zui-kbd-emerald-fg,#064e3b)] dark:text-[color:var(--zui-kbd-emerald-fg-dark,#064e3b)]\",\n  indigo:\n    \"bg-[var(--zui-kbd-indigo-bg,#3730a3)] dark:bg-[var(--zui-kbd-indigo-bg-dark,#4f46e5)] text-[color:var(--zui-kbd-indigo-fg,#ffffff)] dark:text-[color:var(--zui-kbd-indigo-fg-dark,#ffffff)]\",\n  purple:\n    \"bg-[var(--zui-kbd-purple-bg,#6b21a8)] dark:bg-[var(--zui-kbd-purple-bg-dark,#9333ea)] text-[color:var(--zui-kbd-purple-fg,#ffffff)] dark:text-[color:var(--zui-kbd-purple-fg-dark,#ffffff)]\",\n  pink: \"bg-[var(--zui-kbd-pink-bg,#9d174d)] dark:bg-[var(--zui-kbd-pink-bg-dark,#db2777)] text-[color:var(--zui-kbd-pink-fg,#ffffff)] dark:text-[color:var(--zui-kbd-pink-fg-dark,#ffffff)]\",\n  rose: \"bg-[var(--zui-kbd-rose-bg,#9f1239)] dark:bg-[var(--zui-kbd-rose-bg-dark,#e11d48)] text-[color:var(--zui-kbd-rose-fg,#ffffff)] dark:text-[color:var(--zui-kbd-rose-fg-dark,#ffffff)]\",\n  sky: \"bg-[var(--zui-kbd-sky-bg,#0ea5e9)] dark:bg-[var(--zui-kbd-sky-bg-dark,#0369a1)] text-[color:var(--zui-kbd-sky-fg,#ffffff)] dark:text-[color:var(--zui-kbd-sky-fg-dark,#ffffff)]\",\n  teal: \"bg-[var(--zui-kbd-teal-bg,#14b8a6)] dark:bg-[var(--zui-kbd-teal-bg-dark,#0f766e)] text-[color:var(--zui-kbd-teal-fg,#ffffff)] dark:text-[color:var(--zui-kbd-teal-fg-dark,#ffffff)]\",\n  yellow:\n    \"bg-[var(--zui-kbd-yellow-bg,#eab308)] dark:bg-[var(--zui-kbd-yellow-bg-dark,#854d0e)] text-[color:var(--zui-kbd-yellow-fg,#ffffff)] dark:text-[color:var(--zui-kbd-yellow-fg-dark,#ffffff)]\",\n  orange:\n    \"bg-[var(--zui-kbd-orange-bg,#f97316)] dark:bg-[var(--zui-kbd-orange-bg-dark,#9a3412)] text-[color:var(--zui-kbd-orange-fg,#ffffff)] dark:text-[color:var(--zui-kbd-orange-fg-dark,#ffffff)]\",\n  gray: \"bg-[var(--zui-kbd-gray-bg,#6b7280)] dark:bg-[var(--zui-kbd-gray-bg-dark,#374151)] text-[color:var(--zui-kbd-gray-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gray-fg-dark,#ffffff)]\",\n  amber:\n    \"bg-[var(--zui-kbd-amber-bg,#f59e0b)] dark:bg-[var(--zui-kbd-amber-bg-dark,#92400e)] text-[color:var(--zui-kbd-amber-fg,#ffffff)] dark:text-[color:var(--zui-kbd-amber-fg-dark,#ffffff)]\",\n  violet:\n    \"bg-[var(--zui-kbd-violet-bg,#5b21b6)] dark:bg-[var(--zui-kbd-violet-bg-dark,#7c3aed)] text-[color:var(--zui-kbd-violet-fg,#ffffff)] dark:text-[color:var(--zui-kbd-violet-fg-dark,#ffffff)]\",\n  \"gradient-blue\":\n    \"bg-linear-to-r from-[var(--zui-kbd-gradient-blue-from,#1e40af)] dark:from-[var(--zui-kbd-gradient-blue-from-dark,#2563eb)] to-[var(--zui-kbd-gradient-blue-to,#6b21a8)] dark:to-[var(--zui-kbd-gradient-blue-to-dark,#9333ea)] text-[color:var(--zui-kbd-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-blue-fg-dark,#ffffff)]\",\n  \"gradient-green\":\n    \"bg-linear-to-r from-[var(--zui-kbd-gradient-green-from,#166534)] dark:from-[var(--zui-kbd-gradient-green-from-dark,#16a34a)] to-[var(--zui-kbd-gradient-green-to,#3f6212)] dark:to-[var(--zui-kbd-gradient-green-to-dark,#65a30d)] text-[color:var(--zui-kbd-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-green-fg-dark,#ffffff)]\",\n  \"gradient-red\":\n    \"bg-linear-to-r from-[var(--zui-kbd-gradient-red-from,#991b1b)] dark:from-[var(--zui-kbd-gradient-red-from-dark,#dc2626)] to-[var(--zui-kbd-gradient-red-to,#9d174d)] dark:to-[var(--zui-kbd-gradient-red-to-dark,#db2777)] text-[color:var(--zui-kbd-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-red-fg-dark,#ffffff)]\",\n  \"gradient-yellow\":\n    \"bg-linear-to-r from-[var(--zui-kbd-gradient-yellow-from,#854d0e)] dark:from-[var(--zui-kbd-gradient-yellow-from-dark,#ca8a04)] to-[var(--zui-kbd-gradient-yellow-to,#9a3412)] dark:to-[var(--zui-kbd-gradient-yellow-to-dark,#ea580c)] text-[color:var(--zui-kbd-gradient-yellow-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-yellow-fg-dark,#ffffff)]\",\n  \"gradient-purple\":\n    \"bg-linear-to-r from-[var(--zui-kbd-gradient-purple-from,#6b21a8)] dark:from-[var(--zui-kbd-gradient-purple-from-dark,#9333ea)] to-[var(--zui-kbd-gradient-purple-to,#9d174d)] dark:to-[var(--zui-kbd-gradient-purple-to-dark,#db2777)] text-[color:var(--zui-kbd-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-purple-fg-dark,#ffffff)]\",\n  \"gradient-teal\":\n    \"bg-linear-to-r from-[var(--zui-kbd-gradient-teal-from,#115e59)] dark:from-[var(--zui-kbd-gradient-teal-from-dark,#0d9488)] to-[var(--zui-kbd-gradient-teal-to,#155e75)] dark:to-[var(--zui-kbd-gradient-teal-to-dark,#0891b2)] text-[color:var(--zui-kbd-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-teal-fg-dark,#ffffff)]\",\n  \"gradient-indigo\":\n    \"bg-linear-to-r from-[var(--zui-kbd-gradient-indigo-from,#3730a3)] dark:from-[var(--zui-kbd-gradient-indigo-from-dark,#4f46e5)] to-[var(--zui-kbd-gradient-indigo-to,#6b21a8)] dark:to-[var(--zui-kbd-gradient-indigo-to-dark,#9333ea)] text-[color:var(--zui-kbd-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-indigo-fg-dark,#ffffff)]\",\n  \"gradient-pink\":\n    \"bg-linear-to-r from-[var(--zui-kbd-gradient-pink-from,#9d174d)] dark:from-[var(--zui-kbd-gradient-pink-from-dark,#db2777)] to-[var(--zui-kbd-gradient-pink-to,#9f1239)] dark:to-[var(--zui-kbd-gradient-pink-to-dark,#e11d48)] text-[color:var(--zui-kbd-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-pink-fg-dark,#ffffff)]\",\n  \"gradient-orange\":\n    \"bg-linear-to-r from-[var(--zui-kbd-gradient-orange-from,#9a3412)] dark:from-[var(--zui-kbd-gradient-orange-from-dark,#ea580c)] to-[var(--zui-kbd-gradient-orange-to,#991b1b)] dark:to-[var(--zui-kbd-gradient-orange-to-dark,#dc2626)] text-[color:var(--zui-kbd-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-kbd-gradient-orange-fg-dark,#ffffff)]\",\n  blue: \"border border-[color:var(--zui-kbd-key-blue-border,#2563eb)] dark:border-[color:var(--zui-kbd-key-blue-border-dark,#3b82f6)] bg-[var(--zui-kbd-key-blue-bg,#2563eb)] dark:bg-[var(--zui-kbd-key-blue-bg-dark,#3b82f6)] text-[color:var(--zui-kbd-key-blue-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-blue-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-blue-bg-hover,#2563eb)] dark:hover:bg-[var(--zui-kbd-key-blue-bg-hover-dark,#3b82f6)]\",\n  cyan: \"border border-[color:var(--zui-kbd-key-cyan-border,#0891b2)] dark:border-[color:var(--zui-kbd-key-cyan-border-dark,#22d3ee)] bg-[var(--zui-kbd-key-cyan-bg,#0891b2)] dark:bg-[var(--zui-kbd-key-cyan-bg-dark,#22d3ee)] text-[color:var(--zui-kbd-key-cyan-fg,#083344)] dark:text-[color:var(--zui-kbd-key-cyan-fg-dark,#083344)] hover:bg-[var(--zui-kbd-key-cyan-bg-hover,#0891b2)] dark:hover:bg-[var(--zui-kbd-key-cyan-bg-hover-dark,#22d3ee)]\",\n  green:\n    \"border border-[color:var(--zui-kbd-key-green-border,#16a34a)] dark:border-[color:var(--zui-kbd-key-green-border-dark,#22c55e)] bg-[var(--zui-kbd-key-green-bg,#16a34a)] dark:bg-[var(--zui-kbd-key-green-bg-dark,#22c55e)] text-[color:var(--zui-kbd-key-green-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-green-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-green-bg-hover,#16a34a)] dark:hover:bg-[var(--zui-kbd-key-green-bg-hover-dark,#22c55e)]\",\n  lime: \"border border-[color:var(--zui-kbd-key-lime-border,#65a30d)] dark:border-[color:var(--zui-kbd-key-lime-border-dark,#a3e635)] bg-[var(--zui-kbd-key-lime-bg,#65a30d)] dark:bg-[var(--zui-kbd-key-lime-bg-dark,#a3e635)] text-[color:var(--zui-kbd-key-lime-fg,#1a2e05)] dark:text-[color:var(--zui-kbd-key-lime-fg-dark,#1a2e05)] hover:bg-[var(--zui-kbd-key-lime-bg-hover,#65a30d)] dark:hover:bg-[var(--zui-kbd-key-lime-bg-hover-dark,#a3e635)]\",\n  mint: \"border border-[color:var(--zui-kbd-key-mint-border,#10b981)] dark:border-[color:var(--zui-kbd-key-mint-border-dark,#6ee7b7)] bg-[var(--zui-kbd-key-mint-bg,#10b981)] dark:bg-[var(--zui-kbd-key-mint-bg-dark,#6ee7b7)] text-[color:var(--zui-kbd-key-mint-fg,#064e3b)] dark:text-[color:var(--zui-kbd-key-mint-fg-dark,#064e3b)] hover:bg-[var(--zui-kbd-key-mint-bg-hover,#10b981)] dark:hover:bg-[var(--zui-kbd-key-mint-bg-hover-dark,#6ee7b7)]\",\n  ocean:\n    \"border border-[color:var(--zui-kbd-key-ocean-border,#0284c7)] dark:border-[color:var(--zui-kbd-key-ocean-border-dark,#38bdf8)] bg-[var(--zui-kbd-key-ocean-bg,#0284c7)] dark:bg-[var(--zui-kbd-key-ocean-bg-dark,#38bdf8)] text-[color:var(--zui-kbd-key-ocean-fg,#082f49)] dark:text-[color:var(--zui-kbd-key-ocean-fg-dark,#082f49)] hover:bg-[var(--zui-kbd-key-ocean-bg-hover,#0284c7)] dark:hover:bg-[var(--zui-kbd-key-ocean-bg-hover-dark,#38bdf8)]\",\n  sapphire:\n    \"border border-[color:var(--zui-kbd-key-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-kbd-key-sapphire-border-dark,#60a5fa)] bg-[var(--zui-kbd-key-sapphire-bg,#1d4ed8)] dark:bg-[var(--zui-kbd-key-sapphire-bg-dark,#60a5fa)] text-[color:var(--zui-kbd-key-sapphire-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-sapphire-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-sapphire-bg-hover,#1d4ed8)] dark:hover:bg-[var(--zui-kbd-key-sapphire-bg-hover-dark,#60a5fa)]\",\n  lavender:\n    \"border border-[color:var(--zui-kbd-key-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-kbd-key-lavender-border-dark,#a78bfa)] bg-[var(--zui-kbd-key-lavender-bg,#8b5cf6)] dark:bg-[var(--zui-kbd-key-lavender-bg-dark,#a78bfa)] text-[color:var(--zui-kbd-key-lavender-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-lavender-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-lavender-bg-hover,#8b5cf6)] dark:hover:bg-[var(--zui-kbd-key-lavender-bg-hover-dark,#a78bfa)]\",\n  ruby: \"border border-[color:var(--zui-kbd-key-ruby-border,#be123c)] dark:border-[color:var(--zui-kbd-key-ruby-border-dark,#fb7185)] bg-[var(--zui-kbd-key-ruby-bg,#be123c)] dark:bg-[var(--zui-kbd-key-ruby-bg-dark,#fb7185)] text-[color:var(--zui-kbd-key-ruby-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-ruby-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-ruby-bg-hover,#be123c)] dark:hover:bg-[var(--zui-kbd-key-ruby-bg-hover-dark,#fb7185)]\",\n  red: \"border border-[color:var(--zui-kbd-key-red-border,#dc2626)] dark:border-[color:var(--zui-kbd-key-red-border-dark,#ef4444)] bg-[var(--zui-kbd-key-red-bg,#dc2626)] dark:bg-[var(--zui-kbd-key-red-bg-dark,#ef4444)] text-[color:var(--zui-kbd-key-red-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-red-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-red-bg-hover,#dc2626)] dark:hover:bg-[var(--zui-kbd-key-red-bg-hover-dark,#ef4444)]\",\n  slate:\n    \"border border-[color:var(--zui-kbd-key-slate-border,#475569)] dark:border-[color:var(--zui-kbd-key-slate-border-dark,#64748b)] bg-[var(--zui-kbd-key-slate-bg,#475569)] dark:bg-[var(--zui-kbd-key-slate-bg-dark,#64748b)] text-[color:var(--zui-kbd-key-slate-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-slate-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-slate-bg-hover,#475569)] dark:hover:bg-[var(--zui-kbd-key-slate-bg-hover-dark,#64748b)]\",\n  zinc: \"border border-[color:var(--zui-kbd-key-zinc-border,#52525b)] dark:border-[color:var(--zui-kbd-key-zinc-border-dark,#71717a)] bg-[var(--zui-kbd-key-zinc-bg,#52525b)] dark:bg-[var(--zui-kbd-key-zinc-bg-dark,#71717a)] text-[color:var(--zui-kbd-key-zinc-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-zinc-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-zinc-bg-hover,#52525b)] dark:hover:bg-[var(--zui-kbd-key-zinc-bg-hover-dark,#71717a)]\",\n  stone:\n    \"border border-[color:var(--zui-kbd-key-stone-border,#57534e)] dark:border-[color:var(--zui-kbd-key-stone-border-dark,#78716c)] bg-[var(--zui-kbd-key-stone-bg,#57534e)] dark:bg-[var(--zui-kbd-key-stone-bg-dark,#78716c)] text-[color:var(--zui-kbd-key-stone-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-stone-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-stone-bg-hover,#57534e)] dark:hover:bg-[var(--zui-kbd-key-stone-bg-hover-dark,#78716c)]\",\n  royal:\n    \"border border-[color:var(--zui-kbd-key-royal-border,#4338ca)] dark:border-[color:var(--zui-kbd-key-royal-border-dark,#818cf8)] bg-[var(--zui-kbd-key-royal-bg,#4338ca)] dark:bg-[var(--zui-kbd-key-royal-bg-dark,#818cf8)] text-[color:var(--zui-kbd-key-royal-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-royal-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-royal-bg-hover,#4338ca)] dark:hover:bg-[var(--zui-kbd-key-royal-bg-hover-dark,#818cf8)]\",\n  electric:\n    \"border border-[color:var(--zui-kbd-key-electric-border,#0ea5e9)] dark:border-[color:var(--zui-kbd-key-electric-border-dark,#38bdf8)] bg-[var(--zui-kbd-key-electric-bg,#0ea5e9)] dark:bg-[var(--zui-kbd-key-electric-bg-dark,#38bdf8)] text-[color:var(--zui-kbd-key-electric-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-electric-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-electric-bg-hover,#0ea5e9)] dark:hover:bg-[var(--zui-kbd-key-electric-bg-hover-dark,#38bdf8)]\",\n  forest:\n    \"border border-[color:var(--zui-kbd-key-forest-border,#166534)] dark:border-[color:var(--zui-kbd-key-forest-border-dark,#4ade80)] bg-[var(--zui-kbd-key-forest-bg,#166534)] dark:bg-[var(--zui-kbd-key-forest-bg-dark,#4ade80)] text-[color:var(--zui-kbd-key-forest-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-forest-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-forest-bg-hover,#166534)] dark:hover:bg-[var(--zui-kbd-key-forest-bg-hover-dark,#4ade80)]\",\n  sunset:\n    \"border border-[color:var(--zui-kbd-key-sunset-border,#ea580c)] dark:border-[color:var(--zui-kbd-key-sunset-border-dark,#fb923c)] bg-[var(--zui-kbd-key-sunset-bg,#ea580c)] dark:bg-[var(--zui-kbd-key-sunset-bg-dark,#fb923c)] text-[color:var(--zui-kbd-key-sunset-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-sunset-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-sunset-bg-hover,#ea580c)] dark:hover:bg-[var(--zui-kbd-key-sunset-bg-hover-dark,#fb923c)]\",\n  magenta:\n    \"border border-[color:var(--zui-kbd-key-magenta-border,#c026d3)] dark:border-[color:var(--zui-kbd-key-magenta-border-dark,#e879f9)] bg-[var(--zui-kbd-key-magenta-bg,#c026d3)] dark:bg-[var(--zui-kbd-key-magenta-bg-dark,#e879f9)] text-[color:var(--zui-kbd-key-magenta-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-magenta-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-magenta-bg-hover,#c026d3)] dark:hover:bg-[var(--zui-kbd-key-magenta-bg-hover-dark,#e879f9)]\",\n  crimson:\n    \"border border-[color:var(--zui-kbd-key-crimson-border,#b91c1c)] dark:border-[color:var(--zui-kbd-key-crimson-border-dark,#f87171)] bg-[var(--zui-kbd-key-crimson-bg,#b91c1c)] dark:bg-[var(--zui-kbd-key-crimson-bg-dark,#f87171)] text-[color:var(--zui-kbd-key-crimson-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-crimson-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-crimson-bg-hover,#b91c1c)] dark:hover:bg-[var(--zui-kbd-key-crimson-bg-hover-dark,#f87171)]\",\n  aqua: \"border border-[color:var(--zui-kbd-key-aqua-border,#0f766e)] dark:border-[color:var(--zui-kbd-key-aqua-border-dark,#2dd4bf)] bg-[var(--zui-kbd-key-aqua-bg,#0f766e)] dark:bg-[var(--zui-kbd-key-aqua-bg-dark,#2dd4bf)] text-[color:var(--zui-kbd-key-aqua-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-aqua-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-aqua-bg-hover,#0f766e)] dark:hover:bg-[var(--zui-kbd-key-aqua-bg-hover-dark,#2dd4bf)]\",\n  plum: \"border border-[color:var(--zui-kbd-key-plum-border,#7e22ce)] dark:border-[color:var(--zui-kbd-key-plum-border-dark,#c084fc)] bg-[var(--zui-kbd-key-plum-bg,#7e22ce)] dark:bg-[var(--zui-kbd-key-plum-bg-dark,#c084fc)] text-[color:var(--zui-kbd-key-plum-fg,#ffffff)] dark:text-[color:var(--zui-kbd-key-plum-fg-dark,#ffffff)] hover:bg-[var(--zui-kbd-key-plum-bg-hover,#7e22ce)] dark:hover:bg-[var(--zui-kbd-key-plum-bg-hover-dark,#c084fc)]\",\n} as const;\n\nexport type ZuiKbdAppearance = keyof typeof zuiKbdKeyAppearances;\n\nexport const zuiKbdKeyBase = [\n  \"inline-flex items-center justify-center font-mono font-medium leading-none\",\n  \"rounded-[var(--zui-kbd-radius,0.375rem)]\",\n  \"shadow-[var(--zui-kbd-shadow,inset_0_-1px_0_#0000001f)] dark:shadow-[var(--zui-kbd-shadow-dark,inset_0_-1px_0_#0000004d)]\",\n] as const;\n\nexport const zuiKbdKeySizes = {\n  sm: \"h-5 min-w-5 px-1 text-[0.7rem]\",\n  md: \"h-6 min-w-6 px-1.5 text-xs\",\n  lg: \"h-7 min-w-7 px-2 text-sm\",\n} as const;\n\nexport type ZuiKbdSize = keyof typeof zuiKbdKeySizes;\n\nexport const zuiKbdSeparatorBase =\n  \"text-[color:var(--zui-kbd-separator-fg,#94a3b8)] dark:text-[color:var(--zui-kbd-separator-fg-dark,#64748b)]\";\n\nexport const zuiKbdSeparatorSizes = {\n  sm: \"text-[0.7rem]\",\n  md: \"text-xs\",\n  lg: \"text-sm\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiKbdKeyAppearances,\n  zuiKbdKeyBase,\n  zuiKbdKeySizes,\n  zuiKbdSeparatorBase,\n  zuiKbdSeparatorSizes,\n} from \"../../design-system/kbd\";\n\nexport const kbdKeyVariants = cva(zuiKbdKeyBase, {\n  variants: {\n    appearance: zuiKbdKeyAppearances,\n    size: zuiKbdKeySizes,\n  },\n  defaultVariants: {\n    appearance: \"outline\",\n    size: \"md\",\n  },\n});\n\nexport const kbdSeparatorVariants = cva(zuiKbdSeparatorBase, {\n  variants: {\n    size: zuiKbdSeparatorSizes,\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport { Fragment } from \"react\";\n\nimport { zuiKbdBase } from \"../../design-system/kbd\";\nimport { cn } from \"../../lib/utils\";\n\nimport type { KbdBaseProps } from \"./types\";\nimport { kbdKeyVariants, kbdSeparatorVariants } from \"./variants\";\n\nexport function KbdBase({\n  keys,\n  separator,\n  appearance,\n  size,\n  children,\n  className,\n  as: Wrapper = \"span\",\n  ref,\n  ...rest\n}: KbdBaseProps) {\n  const items = keys ?? (children != null ? [children] : []);\n\n  return (\n    <Wrapper\n      ref={ref}\n      data-slot=\"kbd\"\n      className={cn(zuiKbdBase, className)}\n      {...rest}\n    >\n      {items.map((key, index) => (\n        <Fragment key={index}>\n          {index > 0 && separator != null ? (\n            <span\n              data-slot=\"kbd-separator\"\n              className={kbdSeparatorVariants({ size })}\n            >\n              {separator}\n            </span>\n          ) : null}\n          <kbd\n            data-slot=\"kbd-key\"\n            className={kbdKeyVariants({ appearance, size })}\n          >\n            {key}\n          </kbd>\n        </Fragment>\n      ))}\n    </Wrapper>\n  );\n}\n\nKbdBase.displayName = \"Kbd\";\n"]}

package/dist/{chunk-HNLQXHSQ.mjs → chunk-XJFDGKZO.mjs}

@@ -29,7 +29,28 @@ var zuiProgressAppearances = {
   "gradient-teal": "[--progress-fill:var(--zui-progress-gradient-teal-fill,linear-gradient(90deg,oklch(70.4%_0.14_182.503),oklch(71.5%_0.143_215.221)))] dark:[--progress-fill:var(--zui-progress-gradient-teal-fill-dark,linear-gradient(90deg,oklch(70.4%_0.14_182.503),oklch(71.5%_0.143_215.221)))]",
   "gradient-indigo": "[--progress-fill:var(--zui-progress-gradient-indigo-fill,linear-gradient(90deg,oklch(58.5%_0.233_277.117),oklch(62.7%_0.265_303.9)))] dark:[--progress-fill:var(--zui-progress-gradient-indigo-fill-dark,linear-gradient(90deg,oklch(58.5%_0.233_277.117),oklch(62.7%_0.265_303.9)))]",
   "gradient-pink": "[--progress-fill:var(--zui-progress-gradient-pink-fill,linear-gradient(90deg,oklch(65.6%_0.241_354.308),oklch(64.5%_0.246_16.439)))] dark:[--progress-fill:var(--zui-progress-gradient-pink-fill-dark,linear-gradient(90deg,oklch(65.6%_0.241_354.308),oklch(64.5%_0.246_16.439)))]",
-  "gradient-orange": "[--progress-fill:var(--zui-progress-gradient-orange-fill,linear-gradient(90deg,oklch(70.5%_0.213_47.604),oklch(63.7%_0.237_25.331)))] dark:[--progress-fill:var(--zui-progress-gradient-orange-fill-dark,linear-gradient(90deg,oklch(70.5%_0.213_47.604),oklch(63.7%_0.237_25.331)))]"
+  "gradient-orange": "[--progress-fill:var(--zui-progress-gradient-orange-fill,linear-gradient(90deg,oklch(70.5%_0.213_47.604),oklch(63.7%_0.237_25.331)))] dark:[--progress-fill:var(--zui-progress-gradient-orange-fill-dark,linear-gradient(90deg,oklch(70.5%_0.213_47.604),oklch(63.7%_0.237_25.331)))]",
+  blue: "[--progress-fill:var(--zui-progress-blue-fill,#2563eb)] dark:[--progress-fill:var(--zui-progress-blue-fill-dark,#3b82f6)]",
+  cyan: "[--progress-fill:var(--zui-progress-cyan-fill,#0891b2)] dark:[--progress-fill:var(--zui-progress-cyan-fill-dark,#22d3ee)]",
+  green: "[--progress-fill:var(--zui-progress-green-fill,#16a34a)] dark:[--progress-fill:var(--zui-progress-green-fill-dark,#22c55e)]",
+  lime: "[--progress-fill:var(--zui-progress-lime-fill,#65a30d)] dark:[--progress-fill:var(--zui-progress-lime-fill-dark,#a3e635)]",
+  mint: "[--progress-fill:var(--zui-progress-mint-fill,#10b981)] dark:[--progress-fill:var(--zui-progress-mint-fill-dark,#6ee7b7)]",
+  ocean: "[--progress-fill:var(--zui-progress-ocean-fill,#0284c7)] dark:[--progress-fill:var(--zui-progress-ocean-fill-dark,#38bdf8)]",
+  sapphire: "[--progress-fill:var(--zui-progress-sapphire-fill,#1d4ed8)] dark:[--progress-fill:var(--zui-progress-sapphire-fill-dark,#60a5fa)]",
+  lavender: "[--progress-fill:var(--zui-progress-lavender-fill,#8b5cf6)] dark:[--progress-fill:var(--zui-progress-lavender-fill-dark,#a78bfa)]",
+  ruby: "[--progress-fill:var(--zui-progress-ruby-fill,#be123c)] dark:[--progress-fill:var(--zui-progress-ruby-fill-dark,#fb7185)]",
+  red: "[--progress-fill:var(--zui-progress-red-fill,#dc2626)] dark:[--progress-fill:var(--zui-progress-red-fill-dark,#ef4444)]",
+  slate: "[--progress-fill:var(--zui-progress-slate-fill,#475569)] dark:[--progress-fill:var(--zui-progress-slate-fill-dark,#64748b)]",
+  zinc: "[--progress-fill:var(--zui-progress-zinc-fill,#52525b)] dark:[--progress-fill:var(--zui-progress-zinc-fill-dark,#71717a)]",
+  stone: "[--progress-fill:var(--zui-progress-stone-fill,#57534e)] dark:[--progress-fill:var(--zui-progress-stone-fill-dark,#78716c)]",
+  royal: "[--progress-fill:var(--zui-progress-royal-fill,#4338ca)] dark:[--progress-fill:var(--zui-progress-royal-fill-dark,#818cf8)]",
+  electric: "[--progress-fill:var(--zui-progress-electric-fill,#0ea5e9)] dark:[--progress-fill:var(--zui-progress-electric-fill-dark,#38bdf8)]",
+  forest: "[--progress-fill:var(--zui-progress-forest-fill,#166534)] dark:[--progress-fill:var(--zui-progress-forest-fill-dark,#4ade80)]",
+  sunset: "[--progress-fill:var(--zui-progress-sunset-fill,#ea580c)] dark:[--progress-fill:var(--zui-progress-sunset-fill-dark,#fb923c)]",
+  magenta: "[--progress-fill:var(--zui-progress-magenta-fill,#c026d3)] dark:[--progress-fill:var(--zui-progress-magenta-fill-dark,#e879f9)]",
+  crimson: "[--progress-fill:var(--zui-progress-crimson-fill,#b91c1c)] dark:[--progress-fill:var(--zui-progress-crimson-fill-dark,#f87171)]",
+  aqua: "[--progress-fill:var(--zui-progress-aqua-fill,#0f766e)] dark:[--progress-fill:var(--zui-progress-aqua-fill-dark,#2dd4bf)]",
+  plum: "[--progress-fill:var(--zui-progress-plum-fill,#7e22ce)] dark:[--progress-fill:var(--zui-progress-plum-fill-dark,#c084fc)]"
 };
 var zuiProgressSizes = {
   xs: "text-[0.65rem]",
@@ -259,5 +280,5 @@ function ProgressValue({ className, children }) {
 ProgressValue.displayName = "ProgressValue";
 
 export { ProgressBar, ProgressBase, ProgressContext, ProgressLabel, ProgressValue, progressBarVariants, progressTrackVariants, progressVariants, useProgressContext };
-//# sourceMappingURL=chunk-HNLQXHSQ.mjs.map
-//# sourceMappingURL=chunk-HNLQXHSQ.mjs.map
+//# sourceMappingURL=chunk-XJFDGKZO.mjs.map
+//# sourceMappingURL=chunk-XJFDGKZO.mjs.map

package/dist/chunk-XJFDGKZO.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/progress.ts","../src/ui/progress/variants.ts","../src/ui/progress/progress-base.tsx"],"names":[],"mappings":"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","file":"chunk-XJFDGKZO.mjs","sourcesContent":["export const zuiProgressBase =\n  \"w-full text-[color:var(--zui-progress-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-progress-fg-dark,oklch(98.4%_0.003_247.858))]\";\n\nexport const zuiProgressAppearances = {\n  default:\n    \"[--progress-fill:var(--zui-progress-default-fill,oklch(20.8%_0.042_265.755))] dark:[--progress-fill:var(--zui-progress-default-fill-dark,oklch(98.4%_0.003_247.858))]\",\n  secondary:\n    \"[--progress-fill:var(--zui-progress-secondary-fill,oklch(44.6%_0.043_257.281))] dark:[--progress-fill:var(--zui-progress-secondary-fill-dark,oklch(86.9%_0.022_252.894))]\",\n  destructive:\n    \"[--progress-fill:var(--zui-progress-destructive-fill,oklch(45.5%_0.188_13.697))] dark:[--progress-fill:var(--zui-progress-destructive-fill-dark,oklch(71.2%_0.194_13.428))]\",\n  emerald:\n    \"[--progress-fill:var(--zui-progress-emerald-fill,oklch(43.2%_0.095_166.913))] dark:[--progress-fill:var(--zui-progress-emerald-fill-dark,oklch(76.5%_0.177_163.223))]\",\n  indigo:\n    \"[--progress-fill:var(--zui-progress-indigo-fill,oklch(39.8%_0.195_277.366))] dark:[--progress-fill:var(--zui-progress-indigo-fill-dark,oklch(67.3%_0.182_276.935))]\",\n  purple:\n    \"[--progress-fill:var(--zui-progress-purple-fill,oklch(43.8%_0.218_303.724))] dark:[--progress-fill:var(--zui-progress-purple-fill-dark,oklch(71.4%_0.203_305.504))]\",\n  pink: \"[--progress-fill:var(--zui-progress-pink-fill,oklch(45.9%_0.187_3.815))] dark:[--progress-fill:var(--zui-progress-pink-fill-dark,oklch(71.8%_0.202_349.761))]\",\n  rose: \"[--progress-fill:var(--zui-progress-rose-fill,oklch(45.5%_0.188_13.697))] dark:[--progress-fill:var(--zui-progress-rose-fill-dark,oklch(71.2%_0.194_13.428))]\",\n  sky: \"[--progress-fill:var(--zui-progress-sky-fill,oklch(44.3%_0.11_240.79))] dark:[--progress-fill:var(--zui-progress-sky-fill-dark,oklch(74.6%_0.16_232.661))]\",\n  teal: \"[--progress-fill:var(--zui-progress-teal-fill,oklch(43.7%_0.078_188.216))] dark:[--progress-fill:var(--zui-progress-teal-fill-dark,oklch(77.7%_0.152_181.912))]\",\n  yellow:\n    \"[--progress-fill:var(--zui-progress-yellow-fill,oklch(47.6%_0.114_61.907))] dark:[--progress-fill:var(--zui-progress-yellow-fill-dark,oklch(85.2%_0.199_91.936))]\",\n  orange:\n    \"[--progress-fill:var(--zui-progress-orange-fill,oklch(47%_0.157_37.304))] dark:[--progress-fill:var(--zui-progress-orange-fill-dark,oklch(75%_0.183_55.934))]\",\n  outline:\n    \"[--progress-fill:var(--zui-progress-outline-fill,oklch(52%_0.105_223.128))] dark:[--progress-fill:var(--zui-progress-outline-fill-dark,oklch(86.5%_0.127_207.078))]\",\n  ghost:\n    \"[--progress-fill:var(--zui-progress-ghost-fill,oklch(27.9%_0.041_260.031))] dark:[--progress-fill:var(--zui-progress-ghost-fill-dark,oklch(92.9%_0.013_255.508))]\",\n  glass:\n    \"[--progress-fill:var(--zui-progress-glass-fill,oklch(20.8%_0.042_265.755))] dark:[--progress-fill:var(--zui-progress-glass-fill-dark,#ffffff)]\",\n  \"gradient-blue\":\n    \"[--progress-fill:var(--zui-progress-gradient-blue-fill,linear-gradient(90deg,oklch(62.3%_0.214_259.815),oklch(62.7%_0.265_303.9)))] dark:[--progress-fill:var(--zui-progress-gradient-blue-fill-dark,linear-gradient(90deg,oklch(62.3%_0.214_259.815),oklch(62.7%_0.265_303.9)))]\",\n  \"gradient-green\":\n    \"[--progress-fill:var(--zui-progress-gradient-green-fill,linear-gradient(90deg,oklch(72.3%_0.219_149.579),oklch(76.8%_0.233_130.85)))] dark:[--progress-fill:var(--zui-progress-gradient-green-fill-dark,linear-gradient(90deg,oklch(72.3%_0.219_149.579),oklch(76.8%_0.233_130.85)))]\",\n  \"gradient-red\":\n    \"[--progress-fill:var(--zui-progress-gradient-red-fill,linear-gradient(90deg,oklch(63.7%_0.237_25.331),oklch(65.6%_0.241_354.308)))] dark:[--progress-fill:var(--zui-progress-gradient-red-fill-dark,linear-gradient(90deg,oklch(63.7%_0.237_25.331),oklch(65.6%_0.241_354.308)))]\",\n  \"gradient-yellow\":\n    \"[--progress-fill:var(--zui-progress-gradient-yellow-fill,linear-gradient(90deg,oklch(79.5%_0.184_86.047),oklch(70.5%_0.213_47.604)))] dark:[--progress-fill:var(--zui-progress-gradient-yellow-fill-dark,linear-gradient(90deg,oklch(79.5%_0.184_86.047),oklch(70.5%_0.213_47.604)))]\",\n  \"gradient-purple\":\n    \"[--progress-fill:var(--zui-progress-gradient-purple-fill,linear-gradient(90deg,oklch(62.7%_0.265_303.9),oklch(65.6%_0.241_354.308)))] dark:[--progress-fill:var(--zui-progress-gradient-purple-fill-dark,linear-gradient(90deg,oklch(62.7%_0.265_303.9),oklch(65.6%_0.241_354.308)))]\",\n  \"gradient-teal\":\n    \"[--progress-fill:var(--zui-progress-gradient-teal-fill,linear-gradient(90deg,oklch(70.4%_0.14_182.503),oklch(71.5%_0.143_215.221)))] dark:[--progress-fill:var(--zui-progress-gradient-teal-fill-dark,linear-gradient(90deg,oklch(70.4%_0.14_182.503),oklch(71.5%_0.143_215.221)))]\",\n  \"gradient-indigo\":\n    \"[--progress-fill:var(--zui-progress-gradient-indigo-fill,linear-gradient(90deg,oklch(58.5%_0.233_277.117),oklch(62.7%_0.265_303.9)))] dark:[--progress-fill:var(--zui-progress-gradient-indigo-fill-dark,linear-gradient(90deg,oklch(58.5%_0.233_277.117),oklch(62.7%_0.265_303.9)))]\",\n  \"gradient-pink\":\n    \"[--progress-fill:var(--zui-progress-gradient-pink-fill,linear-gradient(90deg,oklch(65.6%_0.241_354.308),oklch(64.5%_0.246_16.439)))] dark:[--progress-fill:var(--zui-progress-gradient-pink-fill-dark,linear-gradient(90deg,oklch(65.6%_0.241_354.308),oklch(64.5%_0.246_16.439)))]\",\n  \"gradient-orange\":\n    \"[--progress-fill:var(--zui-progress-gradient-orange-fill,linear-gradient(90deg,oklch(70.5%_0.213_47.604),oklch(63.7%_0.237_25.331)))] dark:[--progress-fill:var(--zui-progress-gradient-orange-fill-dark,linear-gradient(90deg,oklch(70.5%_0.213_47.604),oklch(63.7%_0.237_25.331)))]\",\n  blue: \"[--progress-fill:var(--zui-progress-blue-fill,#2563eb)] dark:[--progress-fill:var(--zui-progress-blue-fill-dark,#3b82f6)]\",\n  cyan: \"[--progress-fill:var(--zui-progress-cyan-fill,#0891b2)] dark:[--progress-fill:var(--zui-progress-cyan-fill-dark,#22d3ee)]\",\n  green:\n    \"[--progress-fill:var(--zui-progress-green-fill,#16a34a)] dark:[--progress-fill:var(--zui-progress-green-fill-dark,#22c55e)]\",\n  lime: \"[--progress-fill:var(--zui-progress-lime-fill,#65a30d)] dark:[--progress-fill:var(--zui-progress-lime-fill-dark,#a3e635)]\",\n  mint: \"[--progress-fill:var(--zui-progress-mint-fill,#10b981)] dark:[--progress-fill:var(--zui-progress-mint-fill-dark,#6ee7b7)]\",\n  ocean:\n    \"[--progress-fill:var(--zui-progress-ocean-fill,#0284c7)] dark:[--progress-fill:var(--zui-progress-ocean-fill-dark,#38bdf8)]\",\n  sapphire:\n    \"[--progress-fill:var(--zui-progress-sapphire-fill,#1d4ed8)] dark:[--progress-fill:var(--zui-progress-sapphire-fill-dark,#60a5fa)]\",\n  lavender:\n    \"[--progress-fill:var(--zui-progress-lavender-fill,#8b5cf6)] dark:[--progress-fill:var(--zui-progress-lavender-fill-dark,#a78bfa)]\",\n  ruby: \"[--progress-fill:var(--zui-progress-ruby-fill,#be123c)] dark:[--progress-fill:var(--zui-progress-ruby-fill-dark,#fb7185)]\",\n  red: \"[--progress-fill:var(--zui-progress-red-fill,#dc2626)] dark:[--progress-fill:var(--zui-progress-red-fill-dark,#ef4444)]\",\n  slate:\n    \"[--progress-fill:var(--zui-progress-slate-fill,#475569)] dark:[--progress-fill:var(--zui-progress-slate-fill-dark,#64748b)]\",\n  zinc: \"[--progress-fill:var(--zui-progress-zinc-fill,#52525b)] dark:[--progress-fill:var(--zui-progress-zinc-fill-dark,#71717a)]\",\n  stone:\n    \"[--progress-fill:var(--zui-progress-stone-fill,#57534e)] dark:[--progress-fill:var(--zui-progress-stone-fill-dark,#78716c)]\",\n  royal:\n    \"[--progress-fill:var(--zui-progress-royal-fill,#4338ca)] dark:[--progress-fill:var(--zui-progress-royal-fill-dark,#818cf8)]\",\n  electric:\n    \"[--progress-fill:var(--zui-progress-electric-fill,#0ea5e9)] dark:[--progress-fill:var(--zui-progress-electric-fill-dark,#38bdf8)]\",\n  forest:\n    \"[--progress-fill:var(--zui-progress-forest-fill,#166534)] dark:[--progress-fill:var(--zui-progress-forest-fill-dark,#4ade80)]\",\n  sunset:\n    \"[--progress-fill:var(--zui-progress-sunset-fill,#ea580c)] dark:[--progress-fill:var(--zui-progress-sunset-fill-dark,#fb923c)]\",\n  magenta:\n    \"[--progress-fill:var(--zui-progress-magenta-fill,#c026d3)] dark:[--progress-fill:var(--zui-progress-magenta-fill-dark,#e879f9)]\",\n  crimson:\n    \"[--progress-fill:var(--zui-progress-crimson-fill,#b91c1c)] dark:[--progress-fill:var(--zui-progress-crimson-fill-dark,#f87171)]\",\n  aqua: \"[--progress-fill:var(--zui-progress-aqua-fill,#0f766e)] dark:[--progress-fill:var(--zui-progress-aqua-fill-dark,#2dd4bf)]\",\n  plum: \"[--progress-fill:var(--zui-progress-plum-fill,#7e22ce)] dark:[--progress-fill:var(--zui-progress-plum-fill-dark,#c084fc)]\",\n} as const;\n\nexport const zuiProgressSizes = {\n  xs: \"text-[0.65rem]\",\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n  xl: \"text-lg\",\n} as const;\n\nexport const zuiProgressShapes = {\n  flat: \"rounded-none\",\n  rounded: \"rounded-md\",\n  pill: \"rounded-full\",\n} as const;\n\nexport const zuiProgressBoolean = {\n  true: \"\",\n  false: \"\",\n} as const;\n\nexport const zuiProgressTrackBase =\n  \"relative w-full overflow-hidden bg-[var(--zui-progress-track-bg,#0000001a)] dark:bg-[var(--zui-progress-track-bg-dark,#ffffff1a)]\";\n\nexport const zuiProgressTrackSizes = {\n  xs: \"h-1\",\n  sm: \"h-1.5\",\n  md: \"h-2\",\n  lg: \"h-3\",\n  xl: \"h-4\",\n} as const;\n\nexport const zuiProgressBarBase = \"h-full w-full origin-left rounded-[inherit]\";\n\nexport const zuiProgressBarStriped = {\n  true: \"[background:var(--zui-progress-bar-bg-striped,repeating-linear-gradient(135deg,rgba(255,255,255,0.28)_0,rgba(255,255,255,0.28)_10px,transparent_10px,transparent_20px)),var(--progress-fill)] dark:[background:var(--zui-progress-bar-bg-striped-dark,repeating-linear-gradient(135deg,rgba(255,255,255,0.18)_0,rgba(255,255,255,0.18)_10px,transparent_10px,transparent_20px)),var(--progress-fill)]\",\n  false: \"[background:var(--progress-fill)]\",\n} as const;\n","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-GRJFGIZC.mjs → chunk-XOYCFLEZ.mjs}

@@ -29,7 +29,28 @@ var zuiTreeViewAppearances = {
   "gradient-teal": "rounded-xl border border-[color:var(--zui-tree-view-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-tree-view-gradient-teal-border-dark,oklch(60%_0.118_184.704))] p-2",
   "gradient-indigo": "rounded-xl border border-[color:var(--zui-tree-view-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-tree-view-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] p-2",
   "gradient-pink": "rounded-xl border border-[color:var(--zui-tree-view-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-tree-view-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] p-2",
-  "gradient-orange": "rounded-xl border border-[color:var(--zui-tree-view-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-tree-view-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] p-2"
+  "gradient-orange": "rounded-xl border border-[color:var(--zui-tree-view-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-tree-view-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] p-2",
+  blue: "rounded-xl border border-[color:var(--zui-tree-view-blue-border,#2563eb)] dark:border-[color:var(--zui-tree-view-blue-border-dark,#3b82f6)] bg-[var(--zui-tree-view-blue-bg,transparent)] dark:bg-[var(--zui-tree-view-blue-bg-dark,transparent)] text-[color:var(--zui-tree-view-blue-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-blue-fg-dark,#f8fafc)] p-2",
+  cyan: "rounded-xl border border-[color:var(--zui-tree-view-cyan-border,#0891b2)] dark:border-[color:var(--zui-tree-view-cyan-border-dark,#22d3ee)] bg-[var(--zui-tree-view-cyan-bg,transparent)] dark:bg-[var(--zui-tree-view-cyan-bg-dark,transparent)] text-[color:var(--zui-tree-view-cyan-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-cyan-fg-dark,#f8fafc)] p-2",
+  green: "rounded-xl border border-[color:var(--zui-tree-view-green-border,#16a34a)] dark:border-[color:var(--zui-tree-view-green-border-dark,#22c55e)] bg-[var(--zui-tree-view-green-bg,transparent)] dark:bg-[var(--zui-tree-view-green-bg-dark,transparent)] text-[color:var(--zui-tree-view-green-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-green-fg-dark,#f8fafc)] p-2",
+  lime: "rounded-xl border border-[color:var(--zui-tree-view-lime-border,#65a30d)] dark:border-[color:var(--zui-tree-view-lime-border-dark,#a3e635)] bg-[var(--zui-tree-view-lime-bg,transparent)] dark:bg-[var(--zui-tree-view-lime-bg-dark,transparent)] text-[color:var(--zui-tree-view-lime-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-lime-fg-dark,#f8fafc)] p-2",
+  mint: "rounded-xl border border-[color:var(--zui-tree-view-mint-border,#10b981)] dark:border-[color:var(--zui-tree-view-mint-border-dark,#6ee7b7)] bg-[var(--zui-tree-view-mint-bg,transparent)] dark:bg-[var(--zui-tree-view-mint-bg-dark,transparent)] text-[color:var(--zui-tree-view-mint-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-mint-fg-dark,#f8fafc)] p-2",
+  ocean: "rounded-xl border border-[color:var(--zui-tree-view-ocean-border,#0284c7)] dark:border-[color:var(--zui-tree-view-ocean-border-dark,#38bdf8)] bg-[var(--zui-tree-view-ocean-bg,transparent)] dark:bg-[var(--zui-tree-view-ocean-bg-dark,transparent)] text-[color:var(--zui-tree-view-ocean-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-ocean-fg-dark,#f8fafc)] p-2",
+  sapphire: "rounded-xl border border-[color:var(--zui-tree-view-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-tree-view-sapphire-border-dark,#60a5fa)] bg-[var(--zui-tree-view-sapphire-bg,transparent)] dark:bg-[var(--zui-tree-view-sapphire-bg-dark,transparent)] text-[color:var(--zui-tree-view-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-sapphire-fg-dark,#f8fafc)] p-2",
+  lavender: "rounded-xl border border-[color:var(--zui-tree-view-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-tree-view-lavender-border-dark,#a78bfa)] bg-[var(--zui-tree-view-lavender-bg,transparent)] dark:bg-[var(--zui-tree-view-lavender-bg-dark,transparent)] text-[color:var(--zui-tree-view-lavender-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-lavender-fg-dark,#f8fafc)] p-2",
+  ruby: "rounded-xl border border-[color:var(--zui-tree-view-ruby-border,#be123c)] dark:border-[color:var(--zui-tree-view-ruby-border-dark,#fb7185)] bg-[var(--zui-tree-view-ruby-bg,transparent)] dark:bg-[var(--zui-tree-view-ruby-bg-dark,transparent)] text-[color:var(--zui-tree-view-ruby-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-ruby-fg-dark,#f8fafc)] p-2",
+  red: "rounded-xl border border-[color:var(--zui-tree-view-red-border,#dc2626)] dark:border-[color:var(--zui-tree-view-red-border-dark,#ef4444)] bg-[var(--zui-tree-view-red-bg,transparent)] dark:bg-[var(--zui-tree-view-red-bg-dark,transparent)] text-[color:var(--zui-tree-view-red-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-red-fg-dark,#f8fafc)] p-2",
+  slate: "rounded-xl border border-[color:var(--zui-tree-view-slate-border,#475569)] dark:border-[color:var(--zui-tree-view-slate-border-dark,#64748b)] bg-[var(--zui-tree-view-slate-bg,transparent)] dark:bg-[var(--zui-tree-view-slate-bg-dark,transparent)] text-[color:var(--zui-tree-view-slate-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-slate-fg-dark,#f8fafc)] p-2",
+  zinc: "rounded-xl border border-[color:var(--zui-tree-view-zinc-border,#52525b)] dark:border-[color:var(--zui-tree-view-zinc-border-dark,#71717a)] bg-[var(--zui-tree-view-zinc-bg,transparent)] dark:bg-[var(--zui-tree-view-zinc-bg-dark,transparent)] text-[color:var(--zui-tree-view-zinc-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-zinc-fg-dark,#f8fafc)] p-2",
+  stone: "rounded-xl border border-[color:var(--zui-tree-view-stone-border,#57534e)] dark:border-[color:var(--zui-tree-view-stone-border-dark,#78716c)] bg-[var(--zui-tree-view-stone-bg,transparent)] dark:bg-[var(--zui-tree-view-stone-bg-dark,transparent)] text-[color:var(--zui-tree-view-stone-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-stone-fg-dark,#f8fafc)] p-2",
+  royal: "rounded-xl border border-[color:var(--zui-tree-view-royal-border,#4338ca)] dark:border-[color:var(--zui-tree-view-royal-border-dark,#818cf8)] bg-[var(--zui-tree-view-royal-bg,transparent)] dark:bg-[var(--zui-tree-view-royal-bg-dark,transparent)] text-[color:var(--zui-tree-view-royal-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-royal-fg-dark,#f8fafc)] p-2",
+  electric: "rounded-xl border border-[color:var(--zui-tree-view-electric-border,#0ea5e9)] dark:border-[color:var(--zui-tree-view-electric-border-dark,#38bdf8)] bg-[var(--zui-tree-view-electric-bg,transparent)] dark:bg-[var(--zui-tree-view-electric-bg-dark,transparent)] text-[color:var(--zui-tree-view-electric-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-electric-fg-dark,#f8fafc)] p-2",
+  forest: "rounded-xl border border-[color:var(--zui-tree-view-forest-border,#166534)] dark:border-[color:var(--zui-tree-view-forest-border-dark,#4ade80)] bg-[var(--zui-tree-view-forest-bg,transparent)] dark:bg-[var(--zui-tree-view-forest-bg-dark,transparent)] text-[color:var(--zui-tree-view-forest-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-forest-fg-dark,#f8fafc)] p-2",
+  sunset: "rounded-xl border border-[color:var(--zui-tree-view-sunset-border,#ea580c)] dark:border-[color:var(--zui-tree-view-sunset-border-dark,#fb923c)] bg-[var(--zui-tree-view-sunset-bg,transparent)] dark:bg-[var(--zui-tree-view-sunset-bg-dark,transparent)] text-[color:var(--zui-tree-view-sunset-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-sunset-fg-dark,#f8fafc)] p-2",
+  magenta: "rounded-xl border border-[color:var(--zui-tree-view-magenta-border,#c026d3)] dark:border-[color:var(--zui-tree-view-magenta-border-dark,#e879f9)] bg-[var(--zui-tree-view-magenta-bg,transparent)] dark:bg-[var(--zui-tree-view-magenta-bg-dark,transparent)] text-[color:var(--zui-tree-view-magenta-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-magenta-fg-dark,#f8fafc)] p-2",
+  crimson: "rounded-xl border border-[color:var(--zui-tree-view-crimson-border,#b91c1c)] dark:border-[color:var(--zui-tree-view-crimson-border-dark,#f87171)] bg-[var(--zui-tree-view-crimson-bg,transparent)] dark:bg-[var(--zui-tree-view-crimson-bg-dark,transparent)] text-[color:var(--zui-tree-view-crimson-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-crimson-fg-dark,#f8fafc)] p-2",
+  aqua: "rounded-xl border border-[color:var(--zui-tree-view-aqua-border,#0f766e)] dark:border-[color:var(--zui-tree-view-aqua-border-dark,#2dd4bf)] bg-[var(--zui-tree-view-aqua-bg,transparent)] dark:bg-[var(--zui-tree-view-aqua-bg-dark,transparent)] text-[color:var(--zui-tree-view-aqua-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-aqua-fg-dark,#f8fafc)] p-2",
+  plum: "rounded-xl border border-[color:var(--zui-tree-view-plum-border,#7e22ce)] dark:border-[color:var(--zui-tree-view-plum-border-dark,#c084fc)] bg-[var(--zui-tree-view-plum-bg,transparent)] dark:bg-[var(--zui-tree-view-plum-bg-dark,transparent)] text-[color:var(--zui-tree-view-plum-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-plum-fg-dark,#f8fafc)] p-2"
 };
 var zuiTreeViewSizes = {
   sm: "text-xs",
@@ -65,7 +86,28 @@ var zuiTreeViewItemAppearances = {
   "gradient-teal": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-teal-from,oklch(85.5%_0.138_181.071))] data-[selected=true]:to-[var(--zui-tree-view-gradient-teal-to,oklch(86.5%_0.127_207.078))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-teal-from-dark,oklch(60%_0.118_184.704))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]",
   "gradient-indigo": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-indigo-from,oklch(78.5%_0.115_274.713))] data-[selected=true]:to-[var(--zui-tree-view-gradient-indigo-to,oklch(82.7%_0.119_306.383))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]",
   "gradient-pink": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-pink-from,oklch(82.3%_0.12_346.018))] data-[selected=true]:to-[var(--zui-tree-view-gradient-pink-to,oklch(81%_0.117_11.638))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]",
-  "gradient-orange": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-orange-from,oklch(83.7%_0.128_66.29))] data-[selected=true]:to-[var(--zui-tree-view-gradient-orange-to,oklch(80.8%_0.114_19.571))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]"
+  "gradient-orange": "data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-orange-from,oklch(83.7%_0.128_66.29))] data-[selected=true]:to-[var(--zui-tree-view-gradient-orange-to,oklch(80.8%_0.114_19.571))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]",
+  blue: "hover:bg-[var(--zui-tree-view-item-blue-bg-hover,#2563eb18)] dark:hover:bg-[var(--zui-tree-view-item-blue-bg-hover-dark,#3b82f62e)] hover:text-[color:var(--zui-tree-view-item-blue-fg-hover,#2563eb)] dark:hover:text-[color:var(--zui-tree-view-item-blue-fg-hover-dark,#3b82f6)] data-[selected=true]:bg-[var(--zui-tree-view-item-blue-bg,#2563eb14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-blue-bg-dark,#3b82f624)] data-[selected=true]:text-[color:var(--zui-tree-view-item-blue-fg,#2563eb)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-blue-fg-dark,#3b82f6)]",
+  cyan: "hover:bg-[var(--zui-tree-view-item-cyan-bg-hover,#0891b218)] dark:hover:bg-[var(--zui-tree-view-item-cyan-bg-hover-dark,#22d3ee2e)] hover:text-[color:var(--zui-tree-view-item-cyan-fg-hover,#0891b2)] dark:hover:text-[color:var(--zui-tree-view-item-cyan-fg-hover-dark,#22d3ee)] data-[selected=true]:bg-[var(--zui-tree-view-item-cyan-bg,#0891b214)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-cyan-bg-dark,#22d3ee24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-cyan-fg,#0891b2)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-cyan-fg-dark,#22d3ee)]",
+  green: "hover:bg-[var(--zui-tree-view-item-green-bg-hover,#16a34a18)] dark:hover:bg-[var(--zui-tree-view-item-green-bg-hover-dark,#22c55e2e)] hover:text-[color:var(--zui-tree-view-item-green-fg-hover,#16a34a)] dark:hover:text-[color:var(--zui-tree-view-item-green-fg-hover-dark,#22c55e)] data-[selected=true]:bg-[var(--zui-tree-view-item-green-bg,#16a34a14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-green-bg-dark,#22c55e24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-green-fg,#16a34a)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-green-fg-dark,#22c55e)]",
+  lime: "hover:bg-[var(--zui-tree-view-item-lime-bg-hover,#65a30d18)] dark:hover:bg-[var(--zui-tree-view-item-lime-bg-hover-dark,#a3e6352e)] hover:text-[color:var(--zui-tree-view-item-lime-fg-hover,#65a30d)] dark:hover:text-[color:var(--zui-tree-view-item-lime-fg-hover-dark,#a3e635)] data-[selected=true]:bg-[var(--zui-tree-view-item-lime-bg,#65a30d14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-lime-bg-dark,#a3e63524)] data-[selected=true]:text-[color:var(--zui-tree-view-item-lime-fg,#65a30d)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-lime-fg-dark,#a3e635)]",
+  mint: "hover:bg-[var(--zui-tree-view-item-mint-bg-hover,#10b98118)] dark:hover:bg-[var(--zui-tree-view-item-mint-bg-hover-dark,#6ee7b72e)] hover:text-[color:var(--zui-tree-view-item-mint-fg-hover,#10b981)] dark:hover:text-[color:var(--zui-tree-view-item-mint-fg-hover-dark,#6ee7b7)] data-[selected=true]:bg-[var(--zui-tree-view-item-mint-bg,#10b98114)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-mint-bg-dark,#6ee7b724)] data-[selected=true]:text-[color:var(--zui-tree-view-item-mint-fg,#10b981)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-mint-fg-dark,#6ee7b7)]",
+  ocean: "hover:bg-[var(--zui-tree-view-item-ocean-bg-hover,#0284c718)] dark:hover:bg-[var(--zui-tree-view-item-ocean-bg-hover-dark,#38bdf82e)] hover:text-[color:var(--zui-tree-view-item-ocean-fg-hover,#0284c7)] dark:hover:text-[color:var(--zui-tree-view-item-ocean-fg-hover-dark,#38bdf8)] data-[selected=true]:bg-[var(--zui-tree-view-item-ocean-bg,#0284c714)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-ocean-bg-dark,#38bdf824)] data-[selected=true]:text-[color:var(--zui-tree-view-item-ocean-fg,#0284c7)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-ocean-fg-dark,#38bdf8)]",
+  sapphire: "hover:bg-[var(--zui-tree-view-item-sapphire-bg-hover,#1d4ed818)] dark:hover:bg-[var(--zui-tree-view-item-sapphire-bg-hover-dark,#60a5fa2e)] hover:text-[color:var(--zui-tree-view-item-sapphire-fg-hover,#1d4ed8)] dark:hover:text-[color:var(--zui-tree-view-item-sapphire-fg-hover-dark,#60a5fa)] data-[selected=true]:bg-[var(--zui-tree-view-item-sapphire-bg,#1d4ed814)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-sapphire-bg-dark,#60a5fa24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-sapphire-fg,#1d4ed8)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-sapphire-fg-dark,#60a5fa)]",
+  lavender: "hover:bg-[var(--zui-tree-view-item-lavender-bg-hover,#8b5cf618)] dark:hover:bg-[var(--zui-tree-view-item-lavender-bg-hover-dark,#a78bfa2e)] hover:text-[color:var(--zui-tree-view-item-lavender-fg-hover,#8b5cf6)] dark:hover:text-[color:var(--zui-tree-view-item-lavender-fg-hover-dark,#a78bfa)] data-[selected=true]:bg-[var(--zui-tree-view-item-lavender-bg,#8b5cf614)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-lavender-bg-dark,#a78bfa24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-lavender-fg,#8b5cf6)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-lavender-fg-dark,#a78bfa)]",
+  ruby: "hover:bg-[var(--zui-tree-view-item-ruby-bg-hover,#be123c18)] dark:hover:bg-[var(--zui-tree-view-item-ruby-bg-hover-dark,#fb71852e)] hover:text-[color:var(--zui-tree-view-item-ruby-fg-hover,#be123c)] dark:hover:text-[color:var(--zui-tree-view-item-ruby-fg-hover-dark,#fb7185)] data-[selected=true]:bg-[var(--zui-tree-view-item-ruby-bg,#be123c14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-ruby-bg-dark,#fb718524)] data-[selected=true]:text-[color:var(--zui-tree-view-item-ruby-fg,#be123c)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-ruby-fg-dark,#fb7185)]",
+  red: "hover:bg-[var(--zui-tree-view-item-red-bg-hover,#dc262618)] dark:hover:bg-[var(--zui-tree-view-item-red-bg-hover-dark,#ef44442e)] hover:text-[color:var(--zui-tree-view-item-red-fg-hover,#dc2626)] dark:hover:text-[color:var(--zui-tree-view-item-red-fg-hover-dark,#ef4444)] data-[selected=true]:bg-[var(--zui-tree-view-item-red-bg,#dc262614)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-red-bg-dark,#ef444424)] data-[selected=true]:text-[color:var(--zui-tree-view-item-red-fg,#dc2626)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-red-fg-dark,#ef4444)]",
+  slate: "hover:bg-[var(--zui-tree-view-item-slate-bg-hover,#47556918)] dark:hover:bg-[var(--zui-tree-view-item-slate-bg-hover-dark,#64748b2e)] hover:text-[color:var(--zui-tree-view-item-slate-fg-hover,#475569)] dark:hover:text-[color:var(--zui-tree-view-item-slate-fg-hover-dark,#64748b)] data-[selected=true]:bg-[var(--zui-tree-view-item-slate-bg,#47556914)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-slate-bg-dark,#64748b24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-slate-fg,#475569)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-slate-fg-dark,#64748b)]",
+  zinc: "hover:bg-[var(--zui-tree-view-item-zinc-bg-hover,#52525b18)] dark:hover:bg-[var(--zui-tree-view-item-zinc-bg-hover-dark,#71717a2e)] hover:text-[color:var(--zui-tree-view-item-zinc-fg-hover,#52525b)] dark:hover:text-[color:var(--zui-tree-view-item-zinc-fg-hover-dark,#71717a)] data-[selected=true]:bg-[var(--zui-tree-view-item-zinc-bg,#52525b14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-zinc-bg-dark,#71717a24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-zinc-fg,#52525b)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-zinc-fg-dark,#71717a)]",
+  stone: "hover:bg-[var(--zui-tree-view-item-stone-bg-hover,#57534e18)] dark:hover:bg-[var(--zui-tree-view-item-stone-bg-hover-dark,#78716c2e)] hover:text-[color:var(--zui-tree-view-item-stone-fg-hover,#57534e)] dark:hover:text-[color:var(--zui-tree-view-item-stone-fg-hover-dark,#78716c)] data-[selected=true]:bg-[var(--zui-tree-view-item-stone-bg,#57534e14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-stone-bg-dark,#78716c24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-stone-fg,#57534e)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-stone-fg-dark,#78716c)]",
+  royal: "hover:bg-[var(--zui-tree-view-item-royal-bg-hover,#4338ca18)] dark:hover:bg-[var(--zui-tree-view-item-royal-bg-hover-dark,#818cf82e)] hover:text-[color:var(--zui-tree-view-item-royal-fg-hover,#4338ca)] dark:hover:text-[color:var(--zui-tree-view-item-royal-fg-hover-dark,#818cf8)] data-[selected=true]:bg-[var(--zui-tree-view-item-royal-bg,#4338ca14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-royal-bg-dark,#818cf824)] data-[selected=true]:text-[color:var(--zui-tree-view-item-royal-fg,#4338ca)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-royal-fg-dark,#818cf8)]",
+  electric: "hover:bg-[var(--zui-tree-view-item-electric-bg-hover,#0ea5e918)] dark:hover:bg-[var(--zui-tree-view-item-electric-bg-hover-dark,#38bdf82e)] hover:text-[color:var(--zui-tree-view-item-electric-fg-hover,#0ea5e9)] dark:hover:text-[color:var(--zui-tree-view-item-electric-fg-hover-dark,#38bdf8)] data-[selected=true]:bg-[var(--zui-tree-view-item-electric-bg,#0ea5e914)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-electric-bg-dark,#38bdf824)] data-[selected=true]:text-[color:var(--zui-tree-view-item-electric-fg,#0ea5e9)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-electric-fg-dark,#38bdf8)]",
+  forest: "hover:bg-[var(--zui-tree-view-item-forest-bg-hover,#16653418)] dark:hover:bg-[var(--zui-tree-view-item-forest-bg-hover-dark,#4ade802e)] hover:text-[color:var(--zui-tree-view-item-forest-fg-hover,#166534)] dark:hover:text-[color:var(--zui-tree-view-item-forest-fg-hover-dark,#4ade80)] data-[selected=true]:bg-[var(--zui-tree-view-item-forest-bg,#16653414)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-forest-bg-dark,#4ade8024)] data-[selected=true]:text-[color:var(--zui-tree-view-item-forest-fg,#166534)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-forest-fg-dark,#4ade80)]",
+  sunset: "hover:bg-[var(--zui-tree-view-item-sunset-bg-hover,#ea580c18)] dark:hover:bg-[var(--zui-tree-view-item-sunset-bg-hover-dark,#fb923c2e)] hover:text-[color:var(--zui-tree-view-item-sunset-fg-hover,#ea580c)] dark:hover:text-[color:var(--zui-tree-view-item-sunset-fg-hover-dark,#fb923c)] data-[selected=true]:bg-[var(--zui-tree-view-item-sunset-bg,#ea580c14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-sunset-bg-dark,#fb923c24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-sunset-fg,#ea580c)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-sunset-fg-dark,#fb923c)]",
+  magenta: "hover:bg-[var(--zui-tree-view-item-magenta-bg-hover,#c026d318)] dark:hover:bg-[var(--zui-tree-view-item-magenta-bg-hover-dark,#e879f92e)] hover:text-[color:var(--zui-tree-view-item-magenta-fg-hover,#c026d3)] dark:hover:text-[color:var(--zui-tree-view-item-magenta-fg-hover-dark,#e879f9)] data-[selected=true]:bg-[var(--zui-tree-view-item-magenta-bg,#c026d314)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-magenta-bg-dark,#e879f924)] data-[selected=true]:text-[color:var(--zui-tree-view-item-magenta-fg,#c026d3)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-magenta-fg-dark,#e879f9)]",
+  crimson: "hover:bg-[var(--zui-tree-view-item-crimson-bg-hover,#b91c1c18)] dark:hover:bg-[var(--zui-tree-view-item-crimson-bg-hover-dark,#f871712e)] hover:text-[color:var(--zui-tree-view-item-crimson-fg-hover,#b91c1c)] dark:hover:text-[color:var(--zui-tree-view-item-crimson-fg-hover-dark,#f87171)] data-[selected=true]:bg-[var(--zui-tree-view-item-crimson-bg,#b91c1c14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-crimson-bg-dark,#f8717124)] data-[selected=true]:text-[color:var(--zui-tree-view-item-crimson-fg,#b91c1c)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-crimson-fg-dark,#f87171)]",
+  aqua: "hover:bg-[var(--zui-tree-view-item-aqua-bg-hover,#0f766e18)] dark:hover:bg-[var(--zui-tree-view-item-aqua-bg-hover-dark,#2dd4bf2e)] hover:text-[color:var(--zui-tree-view-item-aqua-fg-hover,#0f766e)] dark:hover:text-[color:var(--zui-tree-view-item-aqua-fg-hover-dark,#2dd4bf)] data-[selected=true]:bg-[var(--zui-tree-view-item-aqua-bg,#0f766e14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-aqua-bg-dark,#2dd4bf24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-aqua-fg,#0f766e)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-aqua-fg-dark,#2dd4bf)]",
+  plum: "hover:bg-[var(--zui-tree-view-item-plum-bg-hover,#7e22ce18)] dark:hover:bg-[var(--zui-tree-view-item-plum-bg-hover-dark,#c084fc2e)] hover:text-[color:var(--zui-tree-view-item-plum-fg-hover,#7e22ce)] dark:hover:text-[color:var(--zui-tree-view-item-plum-fg-hover-dark,#c084fc)] data-[selected=true]:bg-[var(--zui-tree-view-item-plum-bg,#7e22ce14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-plum-bg-dark,#c084fc24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-plum-fg,#7e22ce)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-plum-fg-dark,#c084fc)]"
 };
 var zuiTreeViewChevron = "inline-flex h-5 w-5 shrink-0 items-center justify-center rounded text-[color:var(--zui-tree-view-chevron,oklch(55.5%_0.041_257.417))] dark:text-[color:var(--zui-tree-view-chevron-dark,oklch(70.4%_0.04_256.788))] transition-transform duration-200 data-[expanded=true]:rotate-90";
 var zuiTreeViewIcon = "inline-flex shrink-0 items-center justify-center text-[color:var(--zui-tree-view-icon,oklch(55.5%_0.041_257.417))] dark:text-[color:var(--zui-tree-view-icon-dark,oklch(70.4%_0.04_256.788))]";
@@ -413,5 +455,5 @@ function TreeViewBase({
 TreeViewBase.displayName = "TreeView";
 
 export { TreeViewBase, treeViewItemVariants, treeViewVariants };
-//# sourceMappingURL=chunk-GRJFGIZC.mjs.map
-//# sourceMappingURL=chunk-GRJFGIZC.mjs.map
+//# sourceMappingURL=chunk-XOYCFLEZ.mjs.map
+//# sourceMappingURL=chunk-XOYCFLEZ.mjs.map

package/dist/chunk-XOYCFLEZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/tree-view.ts","../src/ui/tree-view/variants.ts","../src/ui/tree-view/tree-view-base.tsx"],"names":[],"mappings":"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","file":"chunk-XOYCFLEZ.mjs","sourcesContent":["export const zuiTreeViewBase =\n  \"w-full text-[color:var(--zui-tree-view-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-tree-view-fg-dark,oklch(92.9%_0.013_255.508))]\";\n\nexport const zuiTreeViewAppearances = {\n  default:\n    \"rounded-xl border border-[color:var(--zui-tree-view-default-border,#0000001a)] dark:border-[color:var(--zui-tree-view-default-border-dark,#ffffff1a)] p-2\",\n  outline:\n    \"rounded-xl border border-[color:var(--zui-tree-view-outline-border,#00000026)] dark:border-[color:var(--zui-tree-view-outline-border-dark,#ffffff26)] p-2\",\n  ghost: \"p-1\",\n  card: \"rounded-xl border border-[color:var(--zui-tree-view-card-border,#0000001a)] dark:border-[color:var(--zui-tree-view-card-border-dark,#ffffff1a)] bg-[var(--zui-tree-view-card-bg,#0000000d)] dark:bg-[var(--zui-tree-view-card-bg-dark,#00000099)] p-3\",\n  separated:\n    \"rounded-xl border border-[color:var(--zui-tree-view-separated-border,#0000001a)] dark:border-[color:var(--zui-tree-view-separated-border-dark,#ffffff1a)] bg-[var(--zui-tree-view-separated-bg,oklch(98.4%_0.003_247.858_/_0.4))] dark:bg-[var(--zui-tree-view-separated-bg-dark,oklch(12.9%_0.042_264.695_/_0.4))] p-3\",\n  sky: \"rounded-xl border border-[color:var(--zui-tree-view-sky-border,oklch(44.3%_0.11_240.79))] dark:border-[color:var(--zui-tree-view-sky-border-dark,oklch(58.8%_0.158_241.966))] p-2\",\n  rose: \"rounded-xl border border-[color:var(--zui-tree-view-rose-border,oklch(45.5%_0.188_13.697))] dark:border-[color:var(--zui-tree-view-rose-border-dark,oklch(58.6%_0.253_17.585))] p-2\",\n  purple:\n    \"rounded-xl border border-[color:var(--zui-tree-view-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-tree-view-purple-border-dark,oklch(55.8%_0.288_302.321))] p-2\",\n  pink: \"rounded-xl border border-[color:var(--zui-tree-view-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-tree-view-pink-border-dark,oklch(59.2%_0.249_0.584))] p-2\",\n  orange:\n    \"rounded-xl border border-[color:var(--zui-tree-view-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-tree-view-orange-border-dark,oklch(64.6%_0.222_41.116))] p-2\",\n  yellow:\n    \"rounded-xl border border-[color:var(--zui-tree-view-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-tree-view-yellow-border-dark,oklch(68.1%_0.162_75.834))] p-2\",\n  teal: \"rounded-xl border border-[color:var(--zui-tree-view-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-tree-view-teal-border-dark,oklch(60%_0.118_184.704))] p-2\",\n  indigo:\n    \"rounded-xl border border-[color:var(--zui-tree-view-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-tree-view-indigo-border-dark,oklch(51.1%_0.262_276.966))] p-2\",\n  emerald:\n    \"rounded-xl border border-[color:var(--zui-tree-view-emerald-border,oklch(43.2%_0.095_166.913))] dark:border-[color:var(--zui-tree-view-emerald-border-dark,oklch(59.6%_0.145_163.225))] p-2\",\n  \"gradient-blue\":\n    \"rounded-xl border border-[color:var(--zui-tree-view-gradient-blue-border,oklch(42.4%_0.199_265.638))] dark:border-[color:var(--zui-tree-view-gradient-blue-border-dark,oklch(54.6%_0.245_262.881))] p-2\",\n  \"gradient-green\":\n    \"rounded-xl border border-[color:var(--zui-tree-view-gradient-green-border,oklch(44.8%_0.119_151.328))] dark:border-[color:var(--zui-tree-view-gradient-green-border-dark,oklch(62.7%_0.194_149.214))] p-2\",\n  \"gradient-red\":\n    \"rounded-xl border border-[color:var(--zui-tree-view-gradient-red-border,oklch(44.4%_0.177_26.899))] dark:border-[color:var(--zui-tree-view-gradient-red-border-dark,oklch(57.7%_0.245_27.325))] p-2\",\n  \"gradient-yellow\":\n    \"rounded-xl border border-[color:var(--zui-tree-view-gradient-yellow-border,oklch(47.6%_0.114_61.907))] dark:border-[color:var(--zui-tree-view-gradient-yellow-border-dark,oklch(68.1%_0.162_75.834))] p-2\",\n  \"gradient-purple\":\n    \"rounded-xl border border-[color:var(--zui-tree-view-gradient-purple-border,oklch(43.8%_0.218_303.724))] dark:border-[color:var(--zui-tree-view-gradient-purple-border-dark,oklch(55.8%_0.288_302.321))] p-2\",\n  \"gradient-teal\":\n    \"rounded-xl border border-[color:var(--zui-tree-view-gradient-teal-border,oklch(43.7%_0.078_188.216))] dark:border-[color:var(--zui-tree-view-gradient-teal-border-dark,oklch(60%_0.118_184.704))] p-2\",\n  \"gradient-indigo\":\n    \"rounded-xl border border-[color:var(--zui-tree-view-gradient-indigo-border,oklch(39.8%_0.195_277.366))] dark:border-[color:var(--zui-tree-view-gradient-indigo-border-dark,oklch(51.1%_0.262_276.966))] p-2\",\n  \"gradient-pink\":\n    \"rounded-xl border border-[color:var(--zui-tree-view-gradient-pink-border,oklch(45.9%_0.187_3.815))] dark:border-[color:var(--zui-tree-view-gradient-pink-border-dark,oklch(59.2%_0.249_0.584))] p-2\",\n  \"gradient-orange\":\n    \"rounded-xl border border-[color:var(--zui-tree-view-gradient-orange-border,oklch(47%_0.157_37.304))] dark:border-[color:var(--zui-tree-view-gradient-orange-border-dark,oklch(64.6%_0.222_41.116))] p-2\",\n  blue: \"rounded-xl border border-[color:var(--zui-tree-view-blue-border,#2563eb)] dark:border-[color:var(--zui-tree-view-blue-border-dark,#3b82f6)] bg-[var(--zui-tree-view-blue-bg,transparent)] dark:bg-[var(--zui-tree-view-blue-bg-dark,transparent)] text-[color:var(--zui-tree-view-blue-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-blue-fg-dark,#f8fafc)] p-2\",\n  cyan: \"rounded-xl border border-[color:var(--zui-tree-view-cyan-border,#0891b2)] dark:border-[color:var(--zui-tree-view-cyan-border-dark,#22d3ee)] bg-[var(--zui-tree-view-cyan-bg,transparent)] dark:bg-[var(--zui-tree-view-cyan-bg-dark,transparent)] text-[color:var(--zui-tree-view-cyan-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-cyan-fg-dark,#f8fafc)] p-2\",\n  green:\n    \"rounded-xl border border-[color:var(--zui-tree-view-green-border,#16a34a)] dark:border-[color:var(--zui-tree-view-green-border-dark,#22c55e)] bg-[var(--zui-tree-view-green-bg,transparent)] dark:bg-[var(--zui-tree-view-green-bg-dark,transparent)] text-[color:var(--zui-tree-view-green-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-green-fg-dark,#f8fafc)] p-2\",\n  lime: \"rounded-xl border border-[color:var(--zui-tree-view-lime-border,#65a30d)] dark:border-[color:var(--zui-tree-view-lime-border-dark,#a3e635)] bg-[var(--zui-tree-view-lime-bg,transparent)] dark:bg-[var(--zui-tree-view-lime-bg-dark,transparent)] text-[color:var(--zui-tree-view-lime-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-lime-fg-dark,#f8fafc)] p-2\",\n  mint: \"rounded-xl border border-[color:var(--zui-tree-view-mint-border,#10b981)] dark:border-[color:var(--zui-tree-view-mint-border-dark,#6ee7b7)] bg-[var(--zui-tree-view-mint-bg,transparent)] dark:bg-[var(--zui-tree-view-mint-bg-dark,transparent)] text-[color:var(--zui-tree-view-mint-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-mint-fg-dark,#f8fafc)] p-2\",\n  ocean:\n    \"rounded-xl border border-[color:var(--zui-tree-view-ocean-border,#0284c7)] dark:border-[color:var(--zui-tree-view-ocean-border-dark,#38bdf8)] bg-[var(--zui-tree-view-ocean-bg,transparent)] dark:bg-[var(--zui-tree-view-ocean-bg-dark,transparent)] text-[color:var(--zui-tree-view-ocean-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-ocean-fg-dark,#f8fafc)] p-2\",\n  sapphire:\n    \"rounded-xl border border-[color:var(--zui-tree-view-sapphire-border,#1d4ed8)] dark:border-[color:var(--zui-tree-view-sapphire-border-dark,#60a5fa)] bg-[var(--zui-tree-view-sapphire-bg,transparent)] dark:bg-[var(--zui-tree-view-sapphire-bg-dark,transparent)] text-[color:var(--zui-tree-view-sapphire-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-sapphire-fg-dark,#f8fafc)] p-2\",\n  lavender:\n    \"rounded-xl border border-[color:var(--zui-tree-view-lavender-border,#8b5cf6)] dark:border-[color:var(--zui-tree-view-lavender-border-dark,#a78bfa)] bg-[var(--zui-tree-view-lavender-bg,transparent)] dark:bg-[var(--zui-tree-view-lavender-bg-dark,transparent)] text-[color:var(--zui-tree-view-lavender-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-lavender-fg-dark,#f8fafc)] p-2\",\n  ruby: \"rounded-xl border border-[color:var(--zui-tree-view-ruby-border,#be123c)] dark:border-[color:var(--zui-tree-view-ruby-border-dark,#fb7185)] bg-[var(--zui-tree-view-ruby-bg,transparent)] dark:bg-[var(--zui-tree-view-ruby-bg-dark,transparent)] text-[color:var(--zui-tree-view-ruby-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-ruby-fg-dark,#f8fafc)] p-2\",\n  red: \"rounded-xl border border-[color:var(--zui-tree-view-red-border,#dc2626)] dark:border-[color:var(--zui-tree-view-red-border-dark,#ef4444)] bg-[var(--zui-tree-view-red-bg,transparent)] dark:bg-[var(--zui-tree-view-red-bg-dark,transparent)] text-[color:var(--zui-tree-view-red-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-red-fg-dark,#f8fafc)] p-2\",\n  slate:\n    \"rounded-xl border border-[color:var(--zui-tree-view-slate-border,#475569)] dark:border-[color:var(--zui-tree-view-slate-border-dark,#64748b)] bg-[var(--zui-tree-view-slate-bg,transparent)] dark:bg-[var(--zui-tree-view-slate-bg-dark,transparent)] text-[color:var(--zui-tree-view-slate-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-slate-fg-dark,#f8fafc)] p-2\",\n  zinc: \"rounded-xl border border-[color:var(--zui-tree-view-zinc-border,#52525b)] dark:border-[color:var(--zui-tree-view-zinc-border-dark,#71717a)] bg-[var(--zui-tree-view-zinc-bg,transparent)] dark:bg-[var(--zui-tree-view-zinc-bg-dark,transparent)] text-[color:var(--zui-tree-view-zinc-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-zinc-fg-dark,#f8fafc)] p-2\",\n  stone:\n    \"rounded-xl border border-[color:var(--zui-tree-view-stone-border,#57534e)] dark:border-[color:var(--zui-tree-view-stone-border-dark,#78716c)] bg-[var(--zui-tree-view-stone-bg,transparent)] dark:bg-[var(--zui-tree-view-stone-bg-dark,transparent)] text-[color:var(--zui-tree-view-stone-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-stone-fg-dark,#f8fafc)] p-2\",\n  royal:\n    \"rounded-xl border border-[color:var(--zui-tree-view-royal-border,#4338ca)] dark:border-[color:var(--zui-tree-view-royal-border-dark,#818cf8)] bg-[var(--zui-tree-view-royal-bg,transparent)] dark:bg-[var(--zui-tree-view-royal-bg-dark,transparent)] text-[color:var(--zui-tree-view-royal-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-royal-fg-dark,#f8fafc)] p-2\",\n  electric:\n    \"rounded-xl border border-[color:var(--zui-tree-view-electric-border,#0ea5e9)] dark:border-[color:var(--zui-tree-view-electric-border-dark,#38bdf8)] bg-[var(--zui-tree-view-electric-bg,transparent)] dark:bg-[var(--zui-tree-view-electric-bg-dark,transparent)] text-[color:var(--zui-tree-view-electric-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-electric-fg-dark,#f8fafc)] p-2\",\n  forest:\n    \"rounded-xl border border-[color:var(--zui-tree-view-forest-border,#166534)] dark:border-[color:var(--zui-tree-view-forest-border-dark,#4ade80)] bg-[var(--zui-tree-view-forest-bg,transparent)] dark:bg-[var(--zui-tree-view-forest-bg-dark,transparent)] text-[color:var(--zui-tree-view-forest-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-forest-fg-dark,#f8fafc)] p-2\",\n  sunset:\n    \"rounded-xl border border-[color:var(--zui-tree-view-sunset-border,#ea580c)] dark:border-[color:var(--zui-tree-view-sunset-border-dark,#fb923c)] bg-[var(--zui-tree-view-sunset-bg,transparent)] dark:bg-[var(--zui-tree-view-sunset-bg-dark,transparent)] text-[color:var(--zui-tree-view-sunset-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-sunset-fg-dark,#f8fafc)] p-2\",\n  magenta:\n    \"rounded-xl border border-[color:var(--zui-tree-view-magenta-border,#c026d3)] dark:border-[color:var(--zui-tree-view-magenta-border-dark,#e879f9)] bg-[var(--zui-tree-view-magenta-bg,transparent)] dark:bg-[var(--zui-tree-view-magenta-bg-dark,transparent)] text-[color:var(--zui-tree-view-magenta-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-magenta-fg-dark,#f8fafc)] p-2\",\n  crimson:\n    \"rounded-xl border border-[color:var(--zui-tree-view-crimson-border,#b91c1c)] dark:border-[color:var(--zui-tree-view-crimson-border-dark,#f87171)] bg-[var(--zui-tree-view-crimson-bg,transparent)] dark:bg-[var(--zui-tree-view-crimson-bg-dark,transparent)] text-[color:var(--zui-tree-view-crimson-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-crimson-fg-dark,#f8fafc)] p-2\",\n  aqua: \"rounded-xl border border-[color:var(--zui-tree-view-aqua-border,#0f766e)] dark:border-[color:var(--zui-tree-view-aqua-border-dark,#2dd4bf)] bg-[var(--zui-tree-view-aqua-bg,transparent)] dark:bg-[var(--zui-tree-view-aqua-bg-dark,transparent)] text-[color:var(--zui-tree-view-aqua-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-aqua-fg-dark,#f8fafc)] p-2\",\n  plum: \"rounded-xl border border-[color:var(--zui-tree-view-plum-border,#7e22ce)] dark:border-[color:var(--zui-tree-view-plum-border-dark,#c084fc)] bg-[var(--zui-tree-view-plum-bg,transparent)] dark:bg-[var(--zui-tree-view-plum-bg-dark,transparent)] text-[color:var(--zui-tree-view-plum-fg,#0f172a)] dark:text-[color:var(--zui-tree-view-plum-fg-dark,#f8fafc)] p-2\",\n} as const;\n\nexport const zuiTreeViewSizes = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n} as const;\n\nexport const zuiTreeViewItemBase =\n  \"relative flex w-full items-center gap-2 rounded-lg pr-2 text-left font-medium outline-none transition select-none cursor-pointer hover:bg-[var(--zui-tree-view-item-hover,#0000000d)] dark:hover:bg-[var(--zui-tree-view-item-hover-dark,#ffffff0d)] focus-visible:ring-2 focus-visible:ring-[var(--zui-tree-view-ring-focus,#0000004d)] dark:focus-visible:ring-[var(--zui-tree-view-ring-focus-dark,#ffffff4d)] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50\";\n\nexport const zuiTreeViewItemSizes = {\n  sm: \"py-1 text-xs\",\n  md: \"py-1.5 text-sm\",\n  lg: \"py-2 text-base\",\n} as const;\n\nexport const zuiTreeViewItemAppearances = {\n  default:\n    \"data-[selected=true]:bg-[var(--zui-tree-view-selected,#0000000f)] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,#ffffff14)] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,oklch(20.8%_0.042_265.755))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,#ffffff)]\",\n  outline:\n    \"data-[selected=true]:bg-[var(--zui-tree-view-selected,#0000000f)] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,#ffffff14)] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,oklch(20.8%_0.042_265.755))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,#ffffff)]\",\n  ghost:\n    \"data-[selected=true]:bg-[var(--zui-tree-view-selected,#0000000f)] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,#ffffff14)] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,oklch(20.8%_0.042_265.755))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,#ffffff)]\",\n  card: \"data-[selected=true]:bg-[var(--zui-tree-view-selected,#00000014)] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,#ffffff1f)] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,oklch(20.8%_0.042_265.755))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,#ffffff)]\",\n  separated:\n    \"data-[selected=true]:bg-[var(--zui-tree-view-selected,#00000014)] dark:data-[selected=true]:bg-[var(--zui-tree-view-selected-dark,#ffffff1f)] data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg,oklch(20.8%_0.042_265.755))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-selected-fg-dark,#ffffff)]\",\n  sky: \"data-[selected=true]:bg-[var(--zui-tree-view-sky-selected,oklch(95.1%_0.026_236.824))] dark:data-[selected=true]:bg-[var(--zui-tree-view-sky-selected-dark,oklch(58.8%_0.158_241.966_/_0.16))] data-[selected=true]:text-[color:var(--zui-tree-view-sky-selected-fg,oklch(44.3%_0.11_240.79))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-sky-selected-fg-dark,oklch(82.8%_0.111_230.318))]\",\n  rose: \"data-[selected=true]:bg-[var(--zui-tree-view-rose-selected,oklch(94.1%_0.03_12.58))] dark:data-[selected=true]:bg-[var(--zui-tree-view-rose-selected-dark,oklch(58.6%_0.253_17.585_/_0.16))] data-[selected=true]:text-[color:var(--zui-tree-view-rose-selected-fg,oklch(45.5%_0.188_13.697))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-rose-selected-fg-dark,oklch(81%_0.117_11.638))]\",\n  purple:\n    \"data-[selected=true]:bg-[var(--zui-tree-view-purple-selected,oklch(94.6%_0.033_307.174))] dark:data-[selected=true]:bg-[var(--zui-tree-view-purple-selected-dark,oklch(55.8%_0.288_302.321_/_0.16))] data-[selected=true]:text-[color:var(--zui-tree-view-purple-selected-fg,oklch(43.8%_0.218_303.724))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-purple-selected-fg-dark,oklch(82.7%_0.119_306.383))]\",\n  pink: \"data-[selected=true]:bg-[var(--zui-tree-view-pink-selected,oklch(94.8%_0.028_342.258))] dark:data-[selected=true]:bg-[var(--zui-tree-view-pink-selected-dark,oklch(59.2%_0.249_0.584_/_0.16))] data-[selected=true]:text-[color:var(--zui-tree-view-pink-selected-fg,oklch(45.9%_0.187_3.815))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-pink-selected-fg-dark,oklch(82.3%_0.12_346.018))]\",\n  orange:\n    \"data-[selected=true]:bg-[var(--zui-tree-view-orange-selected,oklch(95.4%_0.038_75.164))] dark:data-[selected=true]:bg-[var(--zui-tree-view-orange-selected-dark,oklch(64.6%_0.222_41.116_/_0.16))] data-[selected=true]:text-[color:var(--zui-tree-view-orange-selected-fg,oklch(47%_0.157_37.304))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-orange-selected-fg-dark,oklch(83.7%_0.128_66.29))]\",\n  yellow:\n    \"data-[selected=true]:bg-[var(--zui-tree-view-yellow-selected,oklch(97.3%_0.071_103.193))] dark:data-[selected=true]:bg-[var(--zui-tree-view-yellow-selected-dark,oklch(68.1%_0.162_75.834_/_0.16))] data-[selected=true]:text-[color:var(--zui-tree-view-yellow-selected-fg,oklch(47.6%_0.114_61.907))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-yellow-selected-fg-dark,oklch(90.5%_0.182_98.111))]\",\n  teal: \"data-[selected=true]:bg-[var(--zui-tree-view-teal-selected,oklch(95.3%_0.051_180.801))] dark:data-[selected=true]:bg-[var(--zui-tree-view-teal-selected-dark,oklch(60%_0.118_184.704_/_0.16))] data-[selected=true]:text-[color:var(--zui-tree-view-teal-selected-fg,oklch(43.7%_0.078_188.216))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-teal-selected-fg-dark,oklch(85.5%_0.138_181.071))]\",\n  indigo:\n    \"data-[selected=true]:bg-[var(--zui-tree-view-indigo-selected,oklch(93%_0.034_272.788))] dark:data-[selected=true]:bg-[var(--zui-tree-view-indigo-selected-dark,oklch(51.1%_0.262_276.966_/_0.16))] data-[selected=true]:text-[color:var(--zui-tree-view-indigo-selected-fg,oklch(39.8%_0.195_277.366))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-indigo-selected-fg-dark,oklch(78.5%_0.115_274.713))]\",\n  emerald:\n    \"data-[selected=true]:bg-[var(--zui-tree-view-emerald-selected,oklch(95%_0.052_163.051))] dark:data-[selected=true]:bg-[var(--zui-tree-view-emerald-selected-dark,oklch(59.6%_0.145_163.225_/_0.16))] data-[selected=true]:text-[color:var(--zui-tree-view-emerald-selected-fg,oklch(43.2%_0.095_166.913))] dark:data-[selected=true]:text-[color:var(--zui-tree-view-emerald-selected-fg-dark,oklch(84.5%_0.143_164.978))]\",\n  \"gradient-blue\":\n    \"data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-blue-from,oklch(80.9%_0.105_251.813))] data-[selected=true]:to-[var(--zui-tree-view-gradient-blue-to,oklch(82.7%_0.119_306.383))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-blue-from-dark,oklch(54.6%_0.245_262.881))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-blue-to-dark,oklch(55.8%_0.288_302.321))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]\",\n  \"gradient-green\":\n    \"data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-green-from,oklch(87.1%_0.15_154.449))] data-[selected=true]:to-[var(--zui-tree-view-gradient-green-to,oklch(89.7%_0.196_126.665))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-green-from-dark,oklch(62.7%_0.194_149.214))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-green-to-dark,oklch(64.8%_0.2_131.684))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]\",\n  \"gradient-red\":\n    \"data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-red-from,oklch(80.8%_0.114_19.571))] data-[selected=true]:to-[var(--zui-tree-view-gradient-red-to,oklch(82.3%_0.12_346.018))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-red-from-dark,oklch(57.7%_0.245_27.325))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-red-to-dark,oklch(59.2%_0.249_0.584))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]\",\n  \"gradient-yellow\":\n    \"data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-yellow-from,oklch(90.5%_0.182_98.111))] data-[selected=true]:to-[var(--zui-tree-view-gradient-yellow-to,oklch(83.7%_0.128_66.29))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-yellow-from-dark,oklch(68.1%_0.162_75.834))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-yellow-to-dark,oklch(64.6%_0.222_41.116))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]\",\n  \"gradient-purple\":\n    \"data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-purple-from,oklch(82.7%_0.119_306.383))] data-[selected=true]:to-[var(--zui-tree-view-gradient-purple-to,oklch(82.3%_0.12_346.018))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-purple-from-dark,oklch(55.8%_0.288_302.321))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-purple-to-dark,oklch(59.2%_0.249_0.584))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]\",\n  \"gradient-teal\":\n    \"data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-teal-from,oklch(85.5%_0.138_181.071))] data-[selected=true]:to-[var(--zui-tree-view-gradient-teal-to,oklch(86.5%_0.127_207.078))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-teal-from-dark,oklch(60%_0.118_184.704))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-teal-to-dark,oklch(60.9%_0.126_221.723))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]\",\n  \"gradient-indigo\":\n    \"data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-indigo-from,oklch(78.5%_0.115_274.713))] data-[selected=true]:to-[var(--zui-tree-view-gradient-indigo-to,oklch(82.7%_0.119_306.383))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-indigo-from-dark,oklch(51.1%_0.262_276.966))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-indigo-to-dark,oklch(55.8%_0.288_302.321))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]\",\n  \"gradient-pink\":\n    \"data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-pink-from,oklch(82.3%_0.12_346.018))] data-[selected=true]:to-[var(--zui-tree-view-gradient-pink-to,oklch(81%_0.117_11.638))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-pink-from-dark,oklch(59.2%_0.249_0.584))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-pink-to-dark,oklch(58.6%_0.253_17.585))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]\",\n  \"gradient-orange\":\n    \"data-[selected=true]:bg-linear-to-r data-[selected=true]:from-[var(--zui-tree-view-gradient-orange-from,oklch(83.7%_0.128_66.29))] data-[selected=true]:to-[var(--zui-tree-view-gradient-orange-to,oklch(80.8%_0.114_19.571))] dark:data-[selected=true]:from-[var(--zui-tree-view-gradient-orange-from-dark,oklch(64.6%_0.222_41.116))] dark:data-[selected=true]:to-[var(--zui-tree-view-gradient-orange-to-dark,oklch(57.7%_0.245_27.325))] data-[selected=true]:text-[color:var(--zui-tree-view-gradient-fg,#ffffff)]\",\n  blue: \"hover:bg-[var(--zui-tree-view-item-blue-bg-hover,#2563eb18)] dark:hover:bg-[var(--zui-tree-view-item-blue-bg-hover-dark,#3b82f62e)] hover:text-[color:var(--zui-tree-view-item-blue-fg-hover,#2563eb)] dark:hover:text-[color:var(--zui-tree-view-item-blue-fg-hover-dark,#3b82f6)] data-[selected=true]:bg-[var(--zui-tree-view-item-blue-bg,#2563eb14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-blue-bg-dark,#3b82f624)] data-[selected=true]:text-[color:var(--zui-tree-view-item-blue-fg,#2563eb)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-blue-fg-dark,#3b82f6)]\",\n  cyan: \"hover:bg-[var(--zui-tree-view-item-cyan-bg-hover,#0891b218)] dark:hover:bg-[var(--zui-tree-view-item-cyan-bg-hover-dark,#22d3ee2e)] hover:text-[color:var(--zui-tree-view-item-cyan-fg-hover,#0891b2)] dark:hover:text-[color:var(--zui-tree-view-item-cyan-fg-hover-dark,#22d3ee)] data-[selected=true]:bg-[var(--zui-tree-view-item-cyan-bg,#0891b214)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-cyan-bg-dark,#22d3ee24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-cyan-fg,#0891b2)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-cyan-fg-dark,#22d3ee)]\",\n  green:\n    \"hover:bg-[var(--zui-tree-view-item-green-bg-hover,#16a34a18)] dark:hover:bg-[var(--zui-tree-view-item-green-bg-hover-dark,#22c55e2e)] hover:text-[color:var(--zui-tree-view-item-green-fg-hover,#16a34a)] dark:hover:text-[color:var(--zui-tree-view-item-green-fg-hover-dark,#22c55e)] data-[selected=true]:bg-[var(--zui-tree-view-item-green-bg,#16a34a14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-green-bg-dark,#22c55e24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-green-fg,#16a34a)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-green-fg-dark,#22c55e)]\",\n  lime: \"hover:bg-[var(--zui-tree-view-item-lime-bg-hover,#65a30d18)] dark:hover:bg-[var(--zui-tree-view-item-lime-bg-hover-dark,#a3e6352e)] hover:text-[color:var(--zui-tree-view-item-lime-fg-hover,#65a30d)] dark:hover:text-[color:var(--zui-tree-view-item-lime-fg-hover-dark,#a3e635)] data-[selected=true]:bg-[var(--zui-tree-view-item-lime-bg,#65a30d14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-lime-bg-dark,#a3e63524)] data-[selected=true]:text-[color:var(--zui-tree-view-item-lime-fg,#65a30d)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-lime-fg-dark,#a3e635)]\",\n  mint: \"hover:bg-[var(--zui-tree-view-item-mint-bg-hover,#10b98118)] dark:hover:bg-[var(--zui-tree-view-item-mint-bg-hover-dark,#6ee7b72e)] hover:text-[color:var(--zui-tree-view-item-mint-fg-hover,#10b981)] dark:hover:text-[color:var(--zui-tree-view-item-mint-fg-hover-dark,#6ee7b7)] data-[selected=true]:bg-[var(--zui-tree-view-item-mint-bg,#10b98114)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-mint-bg-dark,#6ee7b724)] data-[selected=true]:text-[color:var(--zui-tree-view-item-mint-fg,#10b981)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-mint-fg-dark,#6ee7b7)]\",\n  ocean:\n    \"hover:bg-[var(--zui-tree-view-item-ocean-bg-hover,#0284c718)] dark:hover:bg-[var(--zui-tree-view-item-ocean-bg-hover-dark,#38bdf82e)] hover:text-[color:var(--zui-tree-view-item-ocean-fg-hover,#0284c7)] dark:hover:text-[color:var(--zui-tree-view-item-ocean-fg-hover-dark,#38bdf8)] data-[selected=true]:bg-[var(--zui-tree-view-item-ocean-bg,#0284c714)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-ocean-bg-dark,#38bdf824)] data-[selected=true]:text-[color:var(--zui-tree-view-item-ocean-fg,#0284c7)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-ocean-fg-dark,#38bdf8)]\",\n  sapphire:\n    \"hover:bg-[var(--zui-tree-view-item-sapphire-bg-hover,#1d4ed818)] dark:hover:bg-[var(--zui-tree-view-item-sapphire-bg-hover-dark,#60a5fa2e)] hover:text-[color:var(--zui-tree-view-item-sapphire-fg-hover,#1d4ed8)] dark:hover:text-[color:var(--zui-tree-view-item-sapphire-fg-hover-dark,#60a5fa)] data-[selected=true]:bg-[var(--zui-tree-view-item-sapphire-bg,#1d4ed814)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-sapphire-bg-dark,#60a5fa24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-sapphire-fg,#1d4ed8)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-sapphire-fg-dark,#60a5fa)]\",\n  lavender:\n    \"hover:bg-[var(--zui-tree-view-item-lavender-bg-hover,#8b5cf618)] dark:hover:bg-[var(--zui-tree-view-item-lavender-bg-hover-dark,#a78bfa2e)] hover:text-[color:var(--zui-tree-view-item-lavender-fg-hover,#8b5cf6)] dark:hover:text-[color:var(--zui-tree-view-item-lavender-fg-hover-dark,#a78bfa)] data-[selected=true]:bg-[var(--zui-tree-view-item-lavender-bg,#8b5cf614)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-lavender-bg-dark,#a78bfa24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-lavender-fg,#8b5cf6)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-lavender-fg-dark,#a78bfa)]\",\n  ruby: \"hover:bg-[var(--zui-tree-view-item-ruby-bg-hover,#be123c18)] dark:hover:bg-[var(--zui-tree-view-item-ruby-bg-hover-dark,#fb71852e)] hover:text-[color:var(--zui-tree-view-item-ruby-fg-hover,#be123c)] dark:hover:text-[color:var(--zui-tree-view-item-ruby-fg-hover-dark,#fb7185)] data-[selected=true]:bg-[var(--zui-tree-view-item-ruby-bg,#be123c14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-ruby-bg-dark,#fb718524)] data-[selected=true]:text-[color:var(--zui-tree-view-item-ruby-fg,#be123c)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-ruby-fg-dark,#fb7185)]\",\n  red: \"hover:bg-[var(--zui-tree-view-item-red-bg-hover,#dc262618)] dark:hover:bg-[var(--zui-tree-view-item-red-bg-hover-dark,#ef44442e)] hover:text-[color:var(--zui-tree-view-item-red-fg-hover,#dc2626)] dark:hover:text-[color:var(--zui-tree-view-item-red-fg-hover-dark,#ef4444)] data-[selected=true]:bg-[var(--zui-tree-view-item-red-bg,#dc262614)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-red-bg-dark,#ef444424)] data-[selected=true]:text-[color:var(--zui-tree-view-item-red-fg,#dc2626)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-red-fg-dark,#ef4444)]\",\n  slate:\n    \"hover:bg-[var(--zui-tree-view-item-slate-bg-hover,#47556918)] dark:hover:bg-[var(--zui-tree-view-item-slate-bg-hover-dark,#64748b2e)] hover:text-[color:var(--zui-tree-view-item-slate-fg-hover,#475569)] dark:hover:text-[color:var(--zui-tree-view-item-slate-fg-hover-dark,#64748b)] data-[selected=true]:bg-[var(--zui-tree-view-item-slate-bg,#47556914)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-slate-bg-dark,#64748b24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-slate-fg,#475569)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-slate-fg-dark,#64748b)]\",\n  zinc: \"hover:bg-[var(--zui-tree-view-item-zinc-bg-hover,#52525b18)] dark:hover:bg-[var(--zui-tree-view-item-zinc-bg-hover-dark,#71717a2e)] hover:text-[color:var(--zui-tree-view-item-zinc-fg-hover,#52525b)] dark:hover:text-[color:var(--zui-tree-view-item-zinc-fg-hover-dark,#71717a)] data-[selected=true]:bg-[var(--zui-tree-view-item-zinc-bg,#52525b14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-zinc-bg-dark,#71717a24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-zinc-fg,#52525b)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-zinc-fg-dark,#71717a)]\",\n  stone:\n    \"hover:bg-[var(--zui-tree-view-item-stone-bg-hover,#57534e18)] dark:hover:bg-[var(--zui-tree-view-item-stone-bg-hover-dark,#78716c2e)] hover:text-[color:var(--zui-tree-view-item-stone-fg-hover,#57534e)] dark:hover:text-[color:var(--zui-tree-view-item-stone-fg-hover-dark,#78716c)] data-[selected=true]:bg-[var(--zui-tree-view-item-stone-bg,#57534e14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-stone-bg-dark,#78716c24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-stone-fg,#57534e)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-stone-fg-dark,#78716c)]\",\n  royal:\n    \"hover:bg-[var(--zui-tree-view-item-royal-bg-hover,#4338ca18)] dark:hover:bg-[var(--zui-tree-view-item-royal-bg-hover-dark,#818cf82e)] hover:text-[color:var(--zui-tree-view-item-royal-fg-hover,#4338ca)] dark:hover:text-[color:var(--zui-tree-view-item-royal-fg-hover-dark,#818cf8)] data-[selected=true]:bg-[var(--zui-tree-view-item-royal-bg,#4338ca14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-royal-bg-dark,#818cf824)] data-[selected=true]:text-[color:var(--zui-tree-view-item-royal-fg,#4338ca)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-royal-fg-dark,#818cf8)]\",\n  electric:\n    \"hover:bg-[var(--zui-tree-view-item-electric-bg-hover,#0ea5e918)] dark:hover:bg-[var(--zui-tree-view-item-electric-bg-hover-dark,#38bdf82e)] hover:text-[color:var(--zui-tree-view-item-electric-fg-hover,#0ea5e9)] dark:hover:text-[color:var(--zui-tree-view-item-electric-fg-hover-dark,#38bdf8)] data-[selected=true]:bg-[var(--zui-tree-view-item-electric-bg,#0ea5e914)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-electric-bg-dark,#38bdf824)] data-[selected=true]:text-[color:var(--zui-tree-view-item-electric-fg,#0ea5e9)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-electric-fg-dark,#38bdf8)]\",\n  forest:\n    \"hover:bg-[var(--zui-tree-view-item-forest-bg-hover,#16653418)] dark:hover:bg-[var(--zui-tree-view-item-forest-bg-hover-dark,#4ade802e)] hover:text-[color:var(--zui-tree-view-item-forest-fg-hover,#166534)] dark:hover:text-[color:var(--zui-tree-view-item-forest-fg-hover-dark,#4ade80)] data-[selected=true]:bg-[var(--zui-tree-view-item-forest-bg,#16653414)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-forest-bg-dark,#4ade8024)] data-[selected=true]:text-[color:var(--zui-tree-view-item-forest-fg,#166534)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-forest-fg-dark,#4ade80)]\",\n  sunset:\n    \"hover:bg-[var(--zui-tree-view-item-sunset-bg-hover,#ea580c18)] dark:hover:bg-[var(--zui-tree-view-item-sunset-bg-hover-dark,#fb923c2e)] hover:text-[color:var(--zui-tree-view-item-sunset-fg-hover,#ea580c)] dark:hover:text-[color:var(--zui-tree-view-item-sunset-fg-hover-dark,#fb923c)] data-[selected=true]:bg-[var(--zui-tree-view-item-sunset-bg,#ea580c14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-sunset-bg-dark,#fb923c24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-sunset-fg,#ea580c)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-sunset-fg-dark,#fb923c)]\",\n  magenta:\n    \"hover:bg-[var(--zui-tree-view-item-magenta-bg-hover,#c026d318)] dark:hover:bg-[var(--zui-tree-view-item-magenta-bg-hover-dark,#e879f92e)] hover:text-[color:var(--zui-tree-view-item-magenta-fg-hover,#c026d3)] dark:hover:text-[color:var(--zui-tree-view-item-magenta-fg-hover-dark,#e879f9)] data-[selected=true]:bg-[var(--zui-tree-view-item-magenta-bg,#c026d314)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-magenta-bg-dark,#e879f924)] data-[selected=true]:text-[color:var(--zui-tree-view-item-magenta-fg,#c026d3)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-magenta-fg-dark,#e879f9)]\",\n  crimson:\n    \"hover:bg-[var(--zui-tree-view-item-crimson-bg-hover,#b91c1c18)] dark:hover:bg-[var(--zui-tree-view-item-crimson-bg-hover-dark,#f871712e)] hover:text-[color:var(--zui-tree-view-item-crimson-fg-hover,#b91c1c)] dark:hover:text-[color:var(--zui-tree-view-item-crimson-fg-hover-dark,#f87171)] data-[selected=true]:bg-[var(--zui-tree-view-item-crimson-bg,#b91c1c14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-crimson-bg-dark,#f8717124)] data-[selected=true]:text-[color:var(--zui-tree-view-item-crimson-fg,#b91c1c)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-crimson-fg-dark,#f87171)]\",\n  aqua: \"hover:bg-[var(--zui-tree-view-item-aqua-bg-hover,#0f766e18)] dark:hover:bg-[var(--zui-tree-view-item-aqua-bg-hover-dark,#2dd4bf2e)] hover:text-[color:var(--zui-tree-view-item-aqua-fg-hover,#0f766e)] dark:hover:text-[color:var(--zui-tree-view-item-aqua-fg-hover-dark,#2dd4bf)] data-[selected=true]:bg-[var(--zui-tree-view-item-aqua-bg,#0f766e14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-aqua-bg-dark,#2dd4bf24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-aqua-fg,#0f766e)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-aqua-fg-dark,#2dd4bf)]\",\n  plum: \"hover:bg-[var(--zui-tree-view-item-plum-bg-hover,#7e22ce18)] dark:hover:bg-[var(--zui-tree-view-item-plum-bg-hover-dark,#c084fc2e)] hover:text-[color:var(--zui-tree-view-item-plum-fg-hover,#7e22ce)] dark:hover:text-[color:var(--zui-tree-view-item-plum-fg-hover-dark,#c084fc)] data-[selected=true]:bg-[var(--zui-tree-view-item-plum-bg,#7e22ce14)] dark:data-[selected=true]:bg-[var(--zui-tree-view-item-plum-bg-dark,#c084fc24)] data-[selected=true]:text-[color:var(--zui-tree-view-item-plum-fg,#7e22ce)] dark:data-[selected=true]:text-[color:var(--zui-tree-view-item-plum-fg-dark,#c084fc)]\",\n} as const;\n\nexport const zuiTreeViewChevron =\n  \"inline-flex h-5 w-5 shrink-0 items-center justify-center rounded text-[color:var(--zui-tree-view-chevron,oklch(55.5%_0.041_257.417))] dark:text-[color:var(--zui-tree-view-chevron-dark,oklch(70.4%_0.04_256.788))] transition-transform duration-200 data-[expanded=true]:rotate-90\";\n\nexport const zuiTreeViewIcon =\n  \"inline-flex shrink-0 items-center justify-center text-[color:var(--zui-tree-view-icon,oklch(55.5%_0.041_257.417))] dark:text-[color:var(--zui-tree-view-icon-dark,oklch(70.4%_0.04_256.788))]\";\n\nexport const zuiTreeViewGuide =\n  \"border-l border-[color:var(--zui-tree-view-guide,#0000001a)] dark:border-[color:var(--zui-tree-view-guide-dark,#ffffff1a)]\";\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiTreeViewAppearances,\n  zuiTreeViewBase,\n  zuiTreeViewItemAppearances,\n  zuiTreeViewItemBase,\n  zuiTreeViewItemSizes,\n  zuiTreeViewSizes,\n} from \"../../design-system/tree-view\";\n\nexport const treeViewVariants = cva(zuiTreeViewBase, {\n  variants: {\n    appearance: zuiTreeViewAppearances,\n    size: zuiTreeViewSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const treeViewItemVariants = cva(zuiTreeViewItemBase, {\n  variants: {\n    appearance: zuiTreeViewItemAppearances,\n    size: zuiTreeViewItemSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\nimport {\n  zuiTreeViewChevron,\n  zuiTreeViewGuide,\n  zuiTreeViewIcon,\n} from \"../../design-system/tree-view\";\n\nimport type {\n  TreeGroupProps,\n  TreeNode,\n  TreeViewBaseProps,\n  TreeViewCtx,\n} from \"./types\";\nimport { treeViewItemVariants, treeViewVariants } from \"./variants\";\nimport { FaChevronRight } from \"react-icons/fa6\";\n\nconst TreeViewContext = createContext<TreeViewCtx | null>(null);\n\n/**\n * Reads the shared tree-view state from context and fails early when a tree item\n * is rendered outside the TreeView provider. The component name keeps the error\n * message actionable for consumers composing custom tree-view pieces.\n */\nfunction useTreeViewContext(component: string): TreeViewCtx {\n  const ctx = useContext(TreeViewContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <TreeView>`);\n  }\n  return ctx;\n}\n\ntype FlatNode = { node: TreeNode; level: number; parentId: string | null };\n\n/**\n * Converts the nested tree into a flat list of the nodes that are currently\n * visible. Keyboard navigation works against this list so ArrowUp/ArrowDown can\n * move through the rendered rows in visual order without walking the nested\n * structure on every key press.\n *\n * The same accumulator is passed through recursive calls to avoid creating and\n * merging many intermediate arrays for large trees.\n */\nfunction flattenVisible(\n  nodes: TreeNode[],\n  isExpanded: (id: string) => boolean,\n  level = 1,\n  parentId: string | null = null,\n  acc: FlatNode[] = [],\n): FlatNode[] {\n  for (const node of nodes) {\n    acc.push({ node, level, parentId });\n    if (node.children?.length && isExpanded(node.id)) {\n      flattenVisible(node.children, isExpanded, level + 1, node.id, acc);\n    }\n  }\n  return acc;\n}\n\n/**\n * Default non-animated group wrapper. Animated tree variants can replace this\n * component through GroupComponent while the recursive TreeItemNode rendering\n * remains shared.\n */\nfunction StaticTreeGroup({ open, children }: TreeGroupProps) {\n  if (!open) {\n    return null;\n  }\n  return (\n    <ul role=\"group\" data-slot=\"tree-view-group\" className=\"m-0 list-none p-0\">\n      {children}\n    </ul>\n  );\n}\n\nfunction TreeItemNode({\n  node,\n  level,\n  chevronIcon,\n}: {\n  node: TreeNode;\n  level: number;\n  chevronIcon?: React.ReactNode;\n}) {\n  const {\n    isExpanded,\n    selectedId,\n    activeId,\n    GroupComponent,\n    registerItem,\n    appearance,\n    size,\n    toggleExpanded,\n    selectNode,\n    onItemKeyDown,\n    renderNode,\n    showGuides,\n  } = useTreeViewContext(\"TreeItem\");\n\n  // These derived flags keep the JSX readable and mirror the ARIA state applied\n  // to each row below.\n  const hasChildren = Boolean(node.children?.length);\n  const expanded = hasChildren && isExpanded(node.id);\n  const selected = selectedId === node.id;\n  const active = activeId === node.id;\n  const disabled = Boolean(node.disabled);\n\n  // GroupComponent is intentionally resolved from context so the base tree can\n  // be reused by static and animated implementations without duplicating item\n  // rendering logic.\n  const Group = GroupComponent;\n\n  return (\n    <li role=\"none\" data-slot=\"tree-view-item\">\n      <div\n        role=\"treeitem\"\n        // Register the focusable row so keyboard navigation can imperatively\n        // focus the next visible item after the active id changes.\n        ref={(el) => registerItem(node.id, el)}\n        aria-expanded={hasChildren ? expanded : undefined}\n        aria-selected={selected}\n        aria-level={level}\n        aria-disabled={disabled || undefined}\n        data-slot=\"tree-view-item-row\"\n        data-node-id={node.id}\n        data-selected={selected}\n        data-active={active}\n        data-disabled={disabled}\n        tabIndex={active ? 0 : -1}\n        // Each level indents by a fixed step. The root still gets a small inset\n        // so chevrons and labels align with surrounding UI.\n        style={{ paddingLeft: `${(level - 1) * 1.25 + 0.5}rem` }}\n        className={treeViewItemVariants({\n          appearance: appearance,\n          size: size,\n        })}\n        onClick={() => {\n          // Disabled rows are rendered for context but should not toggle,\n          // select, or receive active focus from pointer interaction.\n          if (disabled) {\n            return;\n          }\n\n          // Clicking a parent both toggles disclosure and selects the row,\n          // matching the same selection behavior as leaf nodes.\n          if (hasChildren) {\n            toggleExpanded(node.id);\n          }\n          selectNode(node);\n        }}\n        onKeyDown={onItemKeyDown}\n      >\n        {hasChildren ? (\n          <span\n            data-slot=\"tree-view-chevron\"\n            data-expanded={expanded}\n            className={zuiTreeViewChevron}\n          >\n            {chevronIcon || <FaChevronRight />}\n          </span>\n        ) : (\n          // Leaf nodes reserve chevron space to keep labels vertically aligned\n          // with sibling branches that do have disclosure icons.\n          <span aria-hidden className=\"inline-flex h-5 w-5 shrink-0\" />\n        )}\n        {node.icon ? (\n          <span data-slot=\"tree-view-icon\" className={zuiTreeViewIcon}>\n            {node.icon}\n          </span>\n        ) : null}\n        <span data-slot=\"tree-view-label\" className=\"truncate\">\n          {renderNode\n            ? renderNode({\n                node,\n                depth: level,\n                isExpanded: expanded,\n                isSelected: selected,\n              })\n            : node.label}\n        </span>\n      </div>\n      {hasChildren ? (\n        <Group open={expanded} level={level}>\n          <ol\n            className={cn(showGuides && zuiTreeViewGuide, showGuides && \"ml-5\")}\n          >\n            {node.children?.map((child) => (\n              // Recursion preserves each child's depth so ARIA levels,\n              // indentation, and guide spacing all stay in sync.\n              <TreeItemNode key={child.id} node={child} level={level + 1} />\n            ))}\n          </ol>\n        </Group>\n      ) : null}\n    </li>\n  );\n}\n\nexport function TreeViewBase({\n  data = [],\n  defaultExpanded,\n  expanded,\n  onExpandedChange,\n  defaultSelected,\n  selected,\n  onSelect,\n  renderNode,\n  showGuides = false,\n  appearance = \"default\",\n  size = \"md\",\n  className,\n  GroupComponent = StaticTreeGroup,\n  ...rest\n}: TreeViewBaseProps & {\n  GroupComponent?: TreeViewCtx[\"GroupComponent\"];\n}) {\n  // Mirror common React controlled/uncontrolled patterns. When a controlled prop\n  // is provided, internal state is treated as read-only fallback state and every\n  // change is reported through the matching callback.\n  const isExpandedControlled = expanded !== undefined;\n  const isSelectedControlled = selected !== undefined;\n\n  const [expandedUncontrolled, setExpandedUncontrolled] = useState<string[]>(\n    defaultExpanded ?? [],\n  );\n  const [selectedUncontrolled, setSelectedUncontrolled] = useState<\n    string | undefined\n  >(defaultSelected);\n\n  const expandedIds = isExpandedControlled\n    ? (expanded ?? [])\n    : expandedUncontrolled;\n  const selectedId = isSelectedControlled ? selected : selectedUncontrolled;\n\n  // A Set gives O(1) lookup for expansion checks. This is used in render, the\n  // flattening utility, and keyboard navigation, so memoizing it prevents\n  // rebuilding the lookup unless the expanded ids actually change.\n  const expandedSet = useMemo(() => new Set(expandedIds), [expandedIds]);\n\n  const isExpanded = useCallback(\n    (id: string) => expandedSet.has(id),\n    [expandedSet],\n  );\n\n  // Centralizes the \"commit\" step so controlled and uncontrolled expansion\n  // updates always notify consumers consistently.\n  const commitExpanded = useCallback(\n    (next: string[]) => {\n      if (!isExpandedControlled) {\n        setExpandedUncontrolled(next);\n      }\n      onExpandedChange?.(next);\n    },\n    [isExpandedControlled, onExpandedChange],\n  );\n\n  const setExpanded = useCallback(\n    (id: string, open: boolean) => {\n      const has = expandedSet.has(id);\n\n      // Avoid sending duplicate updates when the requested state already\n      // matches the current expansion state.\n      if (open === has) {\n        return;\n      }\n\n      const next = open\n        ? [...expandedIds, id]\n        : expandedIds.filter((entry) => entry !== id);\n      commitExpanded(next);\n    },\n    [commitExpanded, expandedIds, expandedSet],\n  );\n\n  const toggleExpanded = useCallback(\n    (id: string) => {\n      setExpanded(id, !expandedSet.has(id));\n    },\n    [expandedSet, setExpanded],\n  );\n\n  // Stores mounted treeitem rows by node id. The Map is held in a ref because\n  // focus targets change over time without needing to trigger React renders.\n  const itemRefs = useRef(new Map<string, HTMLDivElement>());\n  const registerItem = useCallback((id: string, el: HTMLDivElement | null) => {\n    if (el) {\n      itemRefs.current.set(id, el);\n    } else {\n      itemRefs.current.delete(id);\n    }\n  }, []);\n\n  // Only expanded branches are included. This becomes the single source of truth\n  // for roving focus and Home/End/Arrow navigation.\n  const visible = useMemo(\n    () => flattenVisible(data, isExpanded),\n    [data, isExpanded],\n  );\n\n  // Used as a safe fallback for tab focus when nothing has been selected or when\n  // the selected/active item is hidden by a collapsed parent.\n  const firstEnabledId = useMemo(\n    () => visible.find((entry) => !entry.node.disabled)?.node.id,\n    [visible],\n  );\n\n  const [activeIdState, setActiveIdState] = useState<string | undefined>(\n    undefined,\n  );\n\n  // A selected item can become hidden when an ancestor is collapsed. In that\n  // case it should not keep the roving tab stop; focus falls back below.\n  const isSelectedVisible =\n    selectedId !== undefined &&\n    visible.some((entry) => entry.node.id === selectedId);\n\n  // Roving tabindex chooses a single keyboard tab stop: prefer the last active\n  // visible item, then the selected visible item, then the first enabled row.\n  const activeId =\n    activeIdState && visible.some((entry) => entry.node.id === activeIdState)\n      ? activeIdState\n      : isSelectedVisible\n        ? selectedId\n        : firstEnabledId;\n\n  // Updates logical focus state and then focuses the mounted row when available.\n  // Optional chaining handles cases where React has not mounted the row yet.\n  const focusItem = useCallback((id: string) => {\n    setActiveIdState(id);\n    itemRefs.current.get(id)?.focus();\n  }, []);\n\n  const selectNode = useCallback(\n    (node: TreeNode) => {\n      // Selection ignores disabled nodes from both pointer and keyboard paths.\n      if (node.disabled) {\n        return;\n      }\n\n      setActiveIdState(node.id);\n      if (!isSelectedControlled) {\n        setSelectedUncontrolled(node.id);\n      }\n      onSelect?.(node);\n    },\n    [isSelectedControlled, onSelect],\n  );\n\n  const onItemKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLDivElement>) => {\n      // Prefer the DOM row id because the event always originates from a\n      // treeitem. activeId is a fallback for unusual composed event paths.\n      const currentId = (event.currentTarget.dataset.nodeId ??\n        activeId) as string;\n      const index = visible.findIndex((entry) => entry.node.id === currentId);\n      const current = visible[index];\n      if (index === -1 || !current) {\n        return;\n      }\n\n      const moveTo = (target: number) => {\n        // Clamp so repeated ArrowUp/ArrowDown at the edges keeps focus on the\n        // first or last visible item instead of producing an invalid index.\n        const clamped = Math.max(0, Math.min(visible.length - 1, target));\n        const next = visible[clamped];\n        if (next) {\n          focusItem(next.node.id);\n        }\n      };\n\n      switch (event.key) {\n        case \"ArrowDown\":\n          event.preventDefault();\n          moveTo(index + 1);\n          break;\n        case \"ArrowUp\":\n          event.preventDefault();\n          moveTo(index - 1);\n          break;\n        case \"Home\":\n          event.preventDefault();\n          moveTo(0);\n          break;\n        case \"End\":\n          event.preventDefault();\n          moveTo(visible.length - 1);\n          break;\n        case \"ArrowRight\": {\n          event.preventDefault();\n          const hasChildren = Boolean(current.node.children?.length);\n\n          // Right arrow first opens a closed branch. If it is already open,\n          // focus moves to the next visible row, which is the first child.\n          if (hasChildren && !isExpanded(current.node.id)) {\n            setExpanded(current.node.id, true);\n          } else if (hasChildren) {\n            moveTo(index + 1);\n          }\n          break;\n        }\n        case \"ArrowLeft\": {\n          event.preventDefault();\n          const hasChildren = Boolean(current.node.children?.length);\n\n          // Left arrow closes an open branch. From a leaf or already-closed\n          // branch, it moves focus back to the parent row when there is one.\n          if (hasChildren && isExpanded(current.node.id)) {\n            setExpanded(current.node.id, false);\n          } else if (current.parentId) {\n            focusItem(current.parentId);\n          }\n          break;\n        }\n        case \"Enter\":\n        case \" \":\n          event.preventDefault();\n          // Enter and Space select the current row. Parent expansion remains on\n          // the arrow keys so keyboard users have predictable disclosure control.\n          selectNode(current.node);\n          break;\n        default:\n          break;\n      }\n    },\n    [activeId, focusItem, isExpanded, selectNode, setExpanded, visible],\n  );\n\n  // Memoize the context payload so recursive items only re-render when the tree\n  // state or rendering options they consume actually change.\n  const ctx = useMemo<TreeViewCtx>(\n    () => ({\n      appearance: appearance ?? \"default\",\n      size: size ?? \"md\",\n      showGuides,\n      GroupComponent,\n      isExpanded,\n      toggleExpanded,\n      setExpanded,\n      selectedId,\n      activeId,\n      selectNode,\n      registerItem,\n      onItemKeyDown,\n      renderNode,\n    }),\n    [\n      activeId,\n      appearance,\n      GroupComponent,\n      isExpanded,\n      onItemKeyDown,\n      registerItem,\n      renderNode,\n      selectNode,\n      selectedId,\n      setExpanded,\n      showGuides,\n      size,\n      toggleExpanded,\n    ],\n  );\n\n  return (\n    <TreeViewContext.Provider value={ctx}>\n      <ul\n        role=\"tree\"\n        data-slot=\"tree-view\"\n        aria-label={rest[\"aria-label\"]}\n        aria-labelledby={rest[\"aria-labelledby\"]}\n        className={cn(\n          treeViewVariants({ appearance, size }),\n          \"list-none\",\n          className,\n        )}\n      >\n        {data.map((node) => (\n          <TreeItemNode key={node.id} node={node} level={1} />\n        ))}\n      </ul>\n    </TreeViewContext.Provider>\n  );\n}\n\nTreeViewBase.displayName = \"TreeView\";\n\nexport { useTreeViewContext };\n"]}