@zentauri-ui/zentauri-components 2.0.0 → 2.1.0

package/dist/chunk-COVTMJIQ.mjs

@@ -0,0 +1,171 @@
+// src/design-system/skeleton.ts
+var shimmerLayer = "[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%]";
+var zuiSkeletonShimmerGradientClasses = {
+  default: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]`,
+  subtle: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]`,
+  muted: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]`,
+  sky: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]`,
+  rose: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]`,
+  purple: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]`,
+  pink: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]`,
+  orange: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]`,
+  yellow: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]`,
+  teal: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]`,
+  indigo: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]`,
+  emerald: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]`,
+  gray: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]`,
+  amber: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]`,
+  violet: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]`,
+  "gradient-blue": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]`,
+  "gradient-green": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]`,
+  "gradient-red": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]`,
+  "gradient-yellow": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]`,
+  "gradient-purple": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]`,
+  "gradient-teal": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]`,
+  "gradient-indigo": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]`,
+  "gradient-pink": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]`,
+  "gradient-orange": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]`,
+  blue: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-blue-shimmer-start,var(--zui-color-blue,#2563eb1a)),var(--zui-skeleton-blue-shimmer-mid,var(--zui-color-blue,#2563eb6b)),var(--zui-skeleton-blue-shimmer-end,var(--zui-color-blue,#2563eb1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-blue-shimmer-start-dark,var(--zui-color-blue-dark,#3b82f61f)),var(--zui-skeleton-blue-shimmer-mid-dark,var(--zui-color-blue-dark,#3b82f67a)),var(--zui-skeleton-blue-shimmer-end-dark,var(--zui-color-blue-dark,#3b82f61f)))]`,
+  cyan: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-cyan-shimmer-start,var(--zui-color-cyan,#0891b21a)),var(--zui-skeleton-cyan-shimmer-mid,var(--zui-color-cyan,#0891b26b)),var(--zui-skeleton-cyan-shimmer-end,var(--zui-color-cyan,#0891b21a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-cyan-shimmer-start-dark,var(--zui-color-cyan-dark,#22d3ee1f)),var(--zui-skeleton-cyan-shimmer-mid-dark,var(--zui-color-cyan-dark,#22d3ee7a)),var(--zui-skeleton-cyan-shimmer-end-dark,var(--zui-color-cyan-dark,#22d3ee1f)))]`,
+  green: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-green-shimmer-start,var(--zui-color-green,#16a34a1a)),var(--zui-skeleton-green-shimmer-mid,var(--zui-color-green,#16a34a6b)),var(--zui-skeleton-green-shimmer-end,var(--zui-color-green,#16a34a1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-green-shimmer-start-dark,var(--zui-color-green-dark,#22c55e1f)),var(--zui-skeleton-green-shimmer-mid-dark,var(--zui-color-green-dark,#22c55e7a)),var(--zui-skeleton-green-shimmer-end-dark,var(--zui-color-green-dark,#22c55e1f)))]`,
+  lime: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-lime-shimmer-start,var(--zui-color-lime,#65a30d1a)),var(--zui-skeleton-lime-shimmer-mid,var(--zui-color-lime,#65a30d6b)),var(--zui-skeleton-lime-shimmer-end,var(--zui-color-lime,#65a30d1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-lime-shimmer-start-dark,var(--zui-color-lime-dark,#a3e6351f)),var(--zui-skeleton-lime-shimmer-mid-dark,var(--zui-color-lime-dark,#a3e6357a)),var(--zui-skeleton-lime-shimmer-end-dark,var(--zui-color-lime-dark,#a3e6351f)))]`,
+  mint: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-mint-shimmer-start,var(--zui-color-mint,#10b9811a)),var(--zui-skeleton-mint-shimmer-mid,var(--zui-color-mint,#10b9816b)),var(--zui-skeleton-mint-shimmer-end,var(--zui-color-mint,#10b9811a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-mint-shimmer-start-dark,var(--zui-color-mint-dark,#6ee7b71f)),var(--zui-skeleton-mint-shimmer-mid-dark,var(--zui-color-mint-dark,#6ee7b77a)),var(--zui-skeleton-mint-shimmer-end-dark,var(--zui-color-mint-dark,#6ee7b71f)))]`,
+  ocean: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-ocean-shimmer-start,var(--zui-color-ocean,#0284c71a)),var(--zui-skeleton-ocean-shimmer-mid,var(--zui-color-ocean,#0284c76b)),var(--zui-skeleton-ocean-shimmer-end,var(--zui-color-ocean,#0284c71a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-ocean-shimmer-start-dark,var(--zui-color-ocean-dark,#38bdf81f)),var(--zui-skeleton-ocean-shimmer-mid-dark,var(--zui-color-ocean-dark,#38bdf87a)),var(--zui-skeleton-ocean-shimmer-end-dark,var(--zui-color-ocean-dark,#38bdf81f)))]`,
+  sapphire: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-sapphire-shimmer-start,var(--zui-color-sapphire,#1d4ed81a)),var(--zui-skeleton-sapphire-shimmer-mid,var(--zui-color-sapphire,#1d4ed86b)),var(--zui-skeleton-sapphire-shimmer-end,var(--zui-color-sapphire,#1d4ed81a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-sapphire-shimmer-start-dark,var(--zui-color-sapphire-dark,#60a5fa1f)),var(--zui-skeleton-sapphire-shimmer-mid-dark,var(--zui-color-sapphire-dark,#60a5fa7a)),var(--zui-skeleton-sapphire-shimmer-end-dark,var(--zui-color-sapphire-dark,#60a5fa1f)))]`,
+  lavender: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-lavender-shimmer-start,var(--zui-color-lavender,#8b5cf61a)),var(--zui-skeleton-lavender-shimmer-mid,var(--zui-color-lavender,#8b5cf66b)),var(--zui-skeleton-lavender-shimmer-end,var(--zui-color-lavender,#8b5cf61a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-lavender-shimmer-start-dark,var(--zui-color-lavender-dark,#a78bfa1f)),var(--zui-skeleton-lavender-shimmer-mid-dark,var(--zui-color-lavender-dark,#a78bfa7a)),var(--zui-skeleton-lavender-shimmer-end-dark,var(--zui-color-lavender-dark,#a78bfa1f)))]`,
+  ruby: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-ruby-shimmer-start,var(--zui-color-ruby,#be123c1a)),var(--zui-skeleton-ruby-shimmer-mid,var(--zui-color-ruby,#be123c6b)),var(--zui-skeleton-ruby-shimmer-end,var(--zui-color-ruby,#be123c1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-ruby-shimmer-start-dark,var(--zui-color-ruby-dark,#fb71851f)),var(--zui-skeleton-ruby-shimmer-mid-dark,var(--zui-color-ruby-dark,#fb71857a)),var(--zui-skeleton-ruby-shimmer-end-dark,var(--zui-color-ruby-dark,#fb71851f)))]`,
+  red: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-red-shimmer-start,var(--zui-color-red,#dc26261a)),var(--zui-skeleton-red-shimmer-mid,var(--zui-color-red,#dc26266b)),var(--zui-skeleton-red-shimmer-end,var(--zui-color-red,#dc26261a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-red-shimmer-start-dark,var(--zui-color-red-dark,#ef44441f)),var(--zui-skeleton-red-shimmer-mid-dark,var(--zui-color-red-dark,#ef44447a)),var(--zui-skeleton-red-shimmer-end-dark,var(--zui-color-red-dark,#ef44441f)))]`,
+  slate: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-slate-shimmer-start,var(--zui-color-slate,#4755691a)),var(--zui-skeleton-slate-shimmer-mid,var(--zui-color-slate,#4755696b)),var(--zui-skeleton-slate-shimmer-end,var(--zui-color-slate,#4755691a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-slate-shimmer-start-dark,var(--zui-color-slate-dark,#64748b1f)),var(--zui-skeleton-slate-shimmer-mid-dark,var(--zui-color-slate-dark,#64748b7a)),var(--zui-skeleton-slate-shimmer-end-dark,var(--zui-color-slate-dark,#64748b1f)))]`,
+  zinc: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-zinc-shimmer-start,var(--zui-color-zinc,#52525b1a)),var(--zui-skeleton-zinc-shimmer-mid,var(--zui-color-zinc,#52525b6b)),var(--zui-skeleton-zinc-shimmer-end,var(--zui-color-zinc,#52525b1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-zinc-shimmer-start-dark,var(--zui-color-zinc-dark,#71717a1f)),var(--zui-skeleton-zinc-shimmer-mid-dark,var(--zui-color-zinc-dark,#71717a7a)),var(--zui-skeleton-zinc-shimmer-end-dark,var(--zui-color-zinc-dark,#71717a1f)))]`,
+  stone: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-stone-shimmer-start,var(--zui-color-stone,#57534e1a)),var(--zui-skeleton-stone-shimmer-mid,var(--zui-color-stone,#57534e6b)),var(--zui-skeleton-stone-shimmer-end,var(--zui-color-stone,#57534e1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-stone-shimmer-start-dark,var(--zui-color-stone-dark,#78716c1f)),var(--zui-skeleton-stone-shimmer-mid-dark,var(--zui-color-stone-dark,#78716c7a)),var(--zui-skeleton-stone-shimmer-end-dark,var(--zui-color-stone-dark,#78716c1f)))]`,
+  royal: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-royal-shimmer-start,var(--zui-color-royal,#4338ca1a)),var(--zui-skeleton-royal-shimmer-mid,var(--zui-color-royal,#4338ca6b)),var(--zui-skeleton-royal-shimmer-end,var(--zui-color-royal,#4338ca1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-royal-shimmer-start-dark,var(--zui-color-royal-dark,#818cf81f)),var(--zui-skeleton-royal-shimmer-mid-dark,var(--zui-color-royal-dark,#818cf87a)),var(--zui-skeleton-royal-shimmer-end-dark,var(--zui-color-royal-dark,#818cf81f)))]`,
+  electric: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-electric-shimmer-start,var(--zui-color-electric,#0ea5e91a)),var(--zui-skeleton-electric-shimmer-mid,var(--zui-color-electric,#0ea5e96b)),var(--zui-skeleton-electric-shimmer-end,var(--zui-color-electric,#0ea5e91a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-electric-shimmer-start-dark,var(--zui-color-electric-dark,#38bdf81f)),var(--zui-skeleton-electric-shimmer-mid-dark,var(--zui-color-electric-dark,#38bdf87a)),var(--zui-skeleton-electric-shimmer-end-dark,var(--zui-color-electric-dark,#38bdf81f)))]`,
+  forest: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-forest-shimmer-start,var(--zui-color-forest,#1665341a)),var(--zui-skeleton-forest-shimmer-mid,var(--zui-color-forest,#1665346b)),var(--zui-skeleton-forest-shimmer-end,var(--zui-color-forest,#1665341a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-forest-shimmer-start-dark,var(--zui-color-forest-dark,#4ade801f)),var(--zui-skeleton-forest-shimmer-mid-dark,var(--zui-color-forest-dark,#4ade807a)),var(--zui-skeleton-forest-shimmer-end-dark,var(--zui-color-forest-dark,#4ade801f)))]`,
+  sunset: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-sunset-shimmer-start,var(--zui-color-sunset,#ea580c1a)),var(--zui-skeleton-sunset-shimmer-mid,var(--zui-color-sunset,#ea580c6b)),var(--zui-skeleton-sunset-shimmer-end,var(--zui-color-sunset,#ea580c1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-sunset-shimmer-start-dark,var(--zui-color-sunset-dark,#fb923c1f)),var(--zui-skeleton-sunset-shimmer-mid-dark,var(--zui-color-sunset-dark,#fb923c7a)),var(--zui-skeleton-sunset-shimmer-end-dark,var(--zui-color-sunset-dark,#fb923c1f)))]`,
+  magenta: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-magenta-shimmer-start,var(--zui-color-magenta,#c026d31a)),var(--zui-skeleton-magenta-shimmer-mid,var(--zui-color-magenta,#c026d36b)),var(--zui-skeleton-magenta-shimmer-end,var(--zui-color-magenta,#c026d31a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-magenta-shimmer-start-dark,var(--zui-color-magenta-dark,#e879f91f)),var(--zui-skeleton-magenta-shimmer-mid-dark,var(--zui-color-magenta-dark,#e879f97a)),var(--zui-skeleton-magenta-shimmer-end-dark,var(--zui-color-magenta-dark,#e879f91f)))]`,
+  crimson: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-crimson-shimmer-start,var(--zui-color-crimson,#b91c1c1a)),var(--zui-skeleton-crimson-shimmer-mid,var(--zui-color-crimson,#b91c1c6b)),var(--zui-skeleton-crimson-shimmer-end,var(--zui-color-crimson,#b91c1c1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-crimson-shimmer-start-dark,var(--zui-color-crimson-dark,#f871711f)),var(--zui-skeleton-crimson-shimmer-mid-dark,var(--zui-color-crimson-dark,#f871717a)),var(--zui-skeleton-crimson-shimmer-end-dark,var(--zui-color-crimson-dark,#f871711f)))]`,
+  aqua: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-aqua-shimmer-start,var(--zui-color-aqua,#0f766e1a)),var(--zui-skeleton-aqua-shimmer-mid,var(--zui-color-aqua,#0f766e6b)),var(--zui-skeleton-aqua-shimmer-end,var(--zui-color-aqua,#0f766e1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-aqua-shimmer-start-dark,var(--zui-color-aqua-dark,#2dd4bf1f)),var(--zui-skeleton-aqua-shimmer-mid-dark,var(--zui-color-aqua-dark,#2dd4bf7a)),var(--zui-skeleton-aqua-shimmer-end-dark,var(--zui-color-aqua-dark,#2dd4bf1f)))]`,
+  plum: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-plum-shimmer-start,var(--zui-color-plum,#7e22ce1a)),var(--zui-skeleton-plum-shimmer-mid,var(--zui-color-plum,#7e22ce6b)),var(--zui-skeleton-plum-shimmer-end,var(--zui-color-plum,#7e22ce1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-plum-shimmer-start-dark,var(--zui-color-plum-dark,#c084fc1f)),var(--zui-skeleton-plum-shimmer-mid-dark,var(--zui-color-plum-dark,#c084fc7a)),var(--zui-skeleton-plum-shimmer-end-dark,var(--zui-color-plum-dark,#c084fc1f)))]`
+};
+var zuiSkeletonBase = "relative overflow-hidden bg-[var(--zui-skeleton-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-skeleton-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))] text-[color:var(--zui-skeleton-fg,var(--zui-fg,transparent))] dark:text-[color:var(--zui-skeleton-fg-dark,var(--zui-fg-dark,transparent))]";
+var zuiSkeletonAppearances = {
+  default: "bg-[var(--zui-skeleton-default-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-skeleton-default-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))]",
+  subtle: "bg-[var(--zui-skeleton-subtle-bg,var(--zui-surface-muted,#00000012))] dark:bg-[var(--zui-skeleton-subtle-bg-dark,var(--zui-surface-muted-dark,#ffffff12))]",
+  muted: "bg-[var(--zui-skeleton-muted-bg,var(--zui-fg-muted,oklch(92.9%_0.013_255.508_/_0.8)))] dark:bg-[var(--zui-skeleton-muted-bg-dark,var(--zui-fg-muted-dark,oklch(27.9%_0.041_260.031_/_0.8)))]",
+  sky: "bg-[var(--zui-skeleton-sky-bg,color-mix(in oklch, var(--zui-color-sky,oklch(68.5%_0.169_237.323_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-sky-bg-dark,color-mix(in oklch, var(--zui-color-sky-dark,oklch(68.5%_0.169_237.323_/_0.1)) 18%, transparent))]",
+  rose: "bg-[var(--zui-skeleton-rose-bg,color-mix(in oklch, var(--zui-color-rose,oklch(64.5%_0.246_16.439_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-rose-bg-dark,color-mix(in oklch, var(--zui-color-rose-dark,oklch(64.5%_0.246_16.439_/_0.1)) 18%, transparent))]",
+  purple: "bg-[var(--zui-skeleton-purple-bg,color-mix(in oklch, var(--zui-color-purple,oklch(62.7%_0.265_303.9_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-purple-bg-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(62.7%_0.265_303.9_/_0.1)) 18%, transparent))]",
+  pink: "bg-[var(--zui-skeleton-pink-bg,color-mix(in oklch, var(--zui-color-pink,oklch(65.6%_0.241_354.308_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-pink-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(65.6%_0.241_354.308_/_0.1)) 18%, transparent))]",
+  orange: "bg-[var(--zui-skeleton-orange-bg,color-mix(in oklch, var(--zui-color-orange,oklch(70.5%_0.213_47.604_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-orange-bg-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(70.5%_0.213_47.604_/_0.1)) 18%, transparent))]",
+  yellow: "bg-[var(--zui-skeleton-yellow-bg,color-mix(in oklch, var(--zui-color-yellow,oklch(79.5%_0.184_86.047_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-yellow-bg-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(79.5%_0.184_86.047_/_0.1)) 18%, transparent))]",
+  teal: "bg-[var(--zui-skeleton-teal-bg,color-mix(in oklch, var(--zui-color-teal,oklch(70.4%_0.14_182.503_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-teal-bg-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(70.4%_0.14_182.503_/_0.1)) 18%, transparent))]",
+  indigo: "bg-[var(--zui-skeleton-indigo-bg,color-mix(in oklch, var(--zui-color-indigo,oklch(58.5%_0.233_277.117_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-indigo-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(58.5%_0.233_277.117_/_0.1)) 18%, transparent))]",
+  emerald: "bg-[var(--zui-skeleton-emerald-bg,color-mix(in oklch, var(--zui-color-emerald,oklch(69.6%_0.17_162.48_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-emerald-bg-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(69.6%_0.17_162.48_/_0.1)) 18%, transparent))]",
+  gray: "bg-[var(--zui-skeleton-gray-bg,color-mix(in oklch, var(--zui-color-gray,oklch(55.1%_0.027_264.364_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-gray-bg-dark,color-mix(in oklch, var(--zui-color-gray-dark,oklch(55.1%_0.027_264.364_/_0.1)) 18%, transparent))]",
+  amber: "bg-[var(--zui-skeleton-amber-bg,color-mix(in oklch, var(--zui-color-amber,oklch(76.9%_0.188_70.08_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-amber-bg-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(76.9%_0.188_70.08_/_0.1)) 18%, transparent))]",
+  violet: "bg-[var(--zui-skeleton-violet-bg,color-mix(in oklch, var(--zui-color-violet,oklch(60.6%_0.25_292.717_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-violet-bg-dark,color-mix(in oklch, var(--zui-color-violet-dark,oklch(60.6%_0.25_292.717_/_0.1)) 18%, transparent))]",
+  "gradient-blue": "bg-linear-to-r from-[var(--zui-skeleton-gradient-blue-from,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:from-[var(--zui-skeleton-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] to-[var(--zui-skeleton-gradient-blue-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-skeleton-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))]",
+  "gradient-green": "bg-linear-to-r from-[var(--zui-skeleton-gradient-green-from,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:from-[var(--zui-skeleton-gradient-green-from-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] to-[var(--zui-skeleton-gradient-green-to,var(--zui-color-lime,oklch(45.3%_0.124_130.933)))] dark:to-[var(--zui-skeleton-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(64.8%_0.2_131.684)))]",
+  "gradient-red": "bg-linear-to-r from-[var(--zui-skeleton-gradient-red-from,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:from-[var(--zui-skeleton-gradient-red-from-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] to-[var(--zui-skeleton-gradient-red-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-skeleton-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))]",
+  "gradient-yellow": "bg-linear-to-r from-[var(--zui-skeleton-gradient-yellow-from,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:from-[var(--zui-skeleton-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] to-[var(--zui-skeleton-gradient-yellow-to,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:to-[var(--zui-skeleton-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))]",
+  "gradient-purple": "bg-linear-to-r from-[var(--zui-skeleton-gradient-purple-from,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:from-[var(--zui-skeleton-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] to-[var(--zui-skeleton-gradient-purple-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-skeleton-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))]",
+  "gradient-teal": "bg-linear-to-r from-[var(--zui-skeleton-gradient-teal-from,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:from-[var(--zui-skeleton-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] to-[var(--zui-skeleton-gradient-teal-to,var(--zui-color-cyan,oklch(45%_0.085_224.283)))] dark:to-[var(--zui-skeleton-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(60.9%_0.126_221.723)))]",
+  "gradient-indigo": "bg-linear-to-r from-[var(--zui-skeleton-gradient-indigo-from,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:from-[var(--zui-skeleton-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] to-[var(--zui-skeleton-gradient-indigo-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-skeleton-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))]",
+  "gradient-pink": "bg-linear-to-r from-[var(--zui-skeleton-gradient-pink-from,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:from-[var(--zui-skeleton-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] to-[var(--zui-skeleton-gradient-pink-to,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:to-[var(--zui-skeleton-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))]",
+  "gradient-orange": "bg-linear-to-r from-[var(--zui-skeleton-gradient-orange-from,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:from-[var(--zui-skeleton-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] to-[var(--zui-skeleton-gradient-orange-to,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:to-[var(--zui-skeleton-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))]",
+  blue: "bg-[var(--zui-skeleton-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb) 10%, transparent))] dark:bg-[var(--zui-skeleton-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f6) 18%, transparent))]",
+  cyan: "bg-[var(--zui-skeleton-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b2) 10%, transparent))] dark:bg-[var(--zui-skeleton-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee) 18%, transparent))]",
+  green: "bg-[var(--zui-skeleton-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a) 10%, transparent))] dark:bg-[var(--zui-skeleton-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e) 18%, transparent))]",
+  lime: "bg-[var(--zui-skeleton-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d) 10%, transparent))] dark:bg-[var(--zui-skeleton-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e635) 18%, transparent))]",
+  mint: "bg-[var(--zui-skeleton-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b981) 10%, transparent))] dark:bg-[var(--zui-skeleton-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b7) 18%, transparent))]",
+  ocean: "bg-[var(--zui-skeleton-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c7) 10%, transparent))] dark:bg-[var(--zui-skeleton-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf8) 18%, transparent))]",
+  sapphire: "bg-[var(--zui-skeleton-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed8) 10%, transparent))] dark:bg-[var(--zui-skeleton-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa) 18%, transparent))]",
+  lavender: "bg-[var(--zui-skeleton-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf6) 10%, transparent))] dark:bg-[var(--zui-skeleton-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa) 18%, transparent))]",
+  ruby: "bg-[var(--zui-skeleton-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c) 10%, transparent))] dark:bg-[var(--zui-skeleton-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb7185) 18%, transparent))]",
+  red: "bg-[var(--zui-skeleton-red-bg,color-mix(in oklch, var(--zui-color-red,#dc2626) 10%, transparent))] dark:bg-[var(--zui-skeleton-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef4444) 18%, transparent))]",
+  slate: "bg-[var(--zui-skeleton-slate-bg,color-mix(in oklch, var(--zui-color-slate,#475569) 10%, transparent))] dark:bg-[var(--zui-skeleton-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b) 18%, transparent))]",
+  zinc: "bg-[var(--zui-skeleton-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b) 10%, transparent))] dark:bg-[var(--zui-skeleton-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a) 18%, transparent))]",
+  stone: "bg-[var(--zui-skeleton-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e) 10%, transparent))] dark:bg-[var(--zui-skeleton-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c) 18%, transparent))]",
+  royal: "bg-[var(--zui-skeleton-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca) 10%, transparent))] dark:bg-[var(--zui-skeleton-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf8) 18%, transparent))]",
+  electric: "bg-[var(--zui-skeleton-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e9) 10%, transparent))] dark:bg-[var(--zui-skeleton-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf8) 18%, transparent))]",
+  forest: "bg-[var(--zui-skeleton-forest-bg,color-mix(in oklch, var(--zui-color-forest,#166534) 10%, transparent))] dark:bg-[var(--zui-skeleton-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade80) 18%, transparent))]",
+  sunset: "bg-[var(--zui-skeleton-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c) 10%, transparent))] dark:bg-[var(--zui-skeleton-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c) 18%, transparent))]",
+  magenta: "bg-[var(--zui-skeleton-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d3) 10%, transparent))] dark:bg-[var(--zui-skeleton-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f9) 18%, transparent))]",
+  crimson: "bg-[var(--zui-skeleton-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c) 10%, transparent))] dark:bg-[var(--zui-skeleton-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f87171) 18%, transparent))]",
+  aqua: "bg-[var(--zui-skeleton-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e) 10%, transparent))] dark:bg-[var(--zui-skeleton-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf) 18%, transparent))]",
+  plum: "bg-[var(--zui-skeleton-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce) 10%, transparent))] dark:bg-[var(--zui-skeleton-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc) 18%, transparent))]"
+};
+var zuiSkeletonSizes = {
+  sm: "min-h-3",
+  md: "min-h-4",
+  lg: "min-h-6"
+};
+var zuiSkeletonRounded = {
+  none: "rounded-none",
+  sm: "rounded-md",
+  md: "rounded-lg",
+  lg: "rounded-xl",
+  full: "rounded-full"
+};
+var zuiSkeletonAnimations = {
+  none: "",
+  shimmer: "",
+  pulse: ""
+};
+var zuiSkeletonShimmerTones = {
+  default: "",
+  subtle: "",
+  muted: "",
+  sky: "",
+  rose: "",
+  purple: "",
+  pink: "",
+  orange: "",
+  yellow: "",
+  teal: "",
+  indigo: "",
+  emerald: "",
+  gray: "",
+  amber: "",
+  violet: "",
+  "gradient-blue": "",
+  "gradient-green": "",
+  "gradient-red": "",
+  "gradient-yellow": "",
+  "gradient-purple": "",
+  "gradient-teal": "",
+  "gradient-indigo": "",
+  "gradient-pink": "",
+  "gradient-orange": "",
+  blue: "",
+  cyan: "",
+  green: "",
+  lime: "",
+  mint: "",
+  ocean: "",
+  sapphire: "",
+  lavender: "",
+  ruby: "",
+  red: "",
+  slate: "",
+  zinc: "",
+  stone: "",
+  royal: "",
+  electric: "",
+  forest: "",
+  sunset: "",
+  magenta: "",
+  crimson: "",
+  aqua: "",
+  plum: ""
+};
+var zuiSkeletonTextLineBase = "block w-full";
+var zuiSkeletonTextLineSizes = {
+  sm: "h-2.5",
+  md: "h-3",
+  lg: "h-4"
+};
+
+export { zuiSkeletonAnimations, zuiSkeletonAppearances, zuiSkeletonBase, zuiSkeletonRounded, zuiSkeletonShimmerGradientClasses, zuiSkeletonShimmerTones, zuiSkeletonSizes, zuiSkeletonTextLineBase, zuiSkeletonTextLineSizes };
+//# sourceMappingURL=chunk-COVTMJIQ.mjs.map
+//# sourceMappingURL=chunk-COVTMJIQ.mjs.map

package/dist/chunk-COVTMJIQ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/skeleton.ts"],"names":[],"mappings":"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","file":"chunk-COVTMJIQ.mjs","sourcesContent":["const shimmerLayer =\n  \"[background-size:220%_100%] [background-repeat:no-repeat] [background-position:100%_0%]\";\n\nexport const zuiSkeletonShimmerGradientClasses = {\n  default: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.04),rgba(255,255,255,0.22),rgba(255,255,255,0.04))]`,\n  subtle: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.03),rgba(255,255,255,0.14),rgba(255,255,255,0.03))]`,\n  muted: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(255,255,255,0.02),rgba(255,255,255,0.1),rgba(255,255,255,0.02))]`,\n  sky: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(56,189,248,0.1),rgba(56,189,248,0.42),rgba(56,189,248,0.1))]`,\n  rose: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,113,133,0.1),rgba(251,113,133,0.42),rgba(251,113,133,0.1))]`,\n  purple: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(192,132,252,0.1),rgba(192,132,252,0.42),rgba(192,132,252,0.1))]`,\n  pink: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]`,\n  orange: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]`,\n  yellow: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.4),rgba(250,204,21,0.12))]`,\n  teal: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]`,\n  indigo: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]`,\n  emerald: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]`,\n  gray: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(161,161,170,0.1),rgba(161,161,170,0.38),rgba(161,161,170,0.1))]`,\n  amber: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,191,36,0.12),rgba(251,191,36,0.42),rgba(251,191,36,0.12))]`,\n  violet: `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]`,\n  \"gradient-blue\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(100,149,237,0.1),rgba(100,149,237,0.42),rgba(100,149,237,0.1))]`,\n  \"gradient-green\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(52,211,153,0.1),rgba(52,211,153,0.42),rgba(52,211,153,0.1))]`,\n  \"gradient-red\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(239,68,68,0.1),rgba(239,68,68,0.42),rgba(239,68,68,0.1))]`,\n  \"gradient-yellow\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(250,204,21,0.12),rgba(250,204,21,0.42),rgba(250,204,21,0.12))]`,\n  \"gradient-purple\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(167,139,250,0.1),rgba(167,139,250,0.42),rgba(167,139,250,0.1))]`,\n  \"gradient-teal\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(45,212,191,0.1),rgba(45,212,191,0.42),rgba(45,212,191,0.1))]`,\n  \"gradient-indigo\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(129,140,248,0.1),rgba(129,140,248,0.42),rgba(129,140,248,0.1))]`,\n  \"gradient-pink\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(244,114,182,0.1),rgba(244,114,182,0.42),rgba(244,114,182,0.1))]`,\n  \"gradient-orange\": `${shimmerLayer} [background-image:linear-gradient(90deg,rgba(251,146,60,0.1),rgba(251,146,60,0.42),rgba(251,146,60,0.1))]`,\n  blue: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-blue-shimmer-start,var(--zui-color-blue,#2563eb1a)),var(--zui-skeleton-blue-shimmer-mid,var(--zui-color-blue,#2563eb6b)),var(--zui-skeleton-blue-shimmer-end,var(--zui-color-blue,#2563eb1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-blue-shimmer-start-dark,var(--zui-color-blue-dark,#3b82f61f)),var(--zui-skeleton-blue-shimmer-mid-dark,var(--zui-color-blue-dark,#3b82f67a)),var(--zui-skeleton-blue-shimmer-end-dark,var(--zui-color-blue-dark,#3b82f61f)))]`,\n  cyan: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-cyan-shimmer-start,var(--zui-color-cyan,#0891b21a)),var(--zui-skeleton-cyan-shimmer-mid,var(--zui-color-cyan,#0891b26b)),var(--zui-skeleton-cyan-shimmer-end,var(--zui-color-cyan,#0891b21a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-cyan-shimmer-start-dark,var(--zui-color-cyan-dark,#22d3ee1f)),var(--zui-skeleton-cyan-shimmer-mid-dark,var(--zui-color-cyan-dark,#22d3ee7a)),var(--zui-skeleton-cyan-shimmer-end-dark,var(--zui-color-cyan-dark,#22d3ee1f)))]`,\n  green: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-green-shimmer-start,var(--zui-color-green,#16a34a1a)),var(--zui-skeleton-green-shimmer-mid,var(--zui-color-green,#16a34a6b)),var(--zui-skeleton-green-shimmer-end,var(--zui-color-green,#16a34a1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-green-shimmer-start-dark,var(--zui-color-green-dark,#22c55e1f)),var(--zui-skeleton-green-shimmer-mid-dark,var(--zui-color-green-dark,#22c55e7a)),var(--zui-skeleton-green-shimmer-end-dark,var(--zui-color-green-dark,#22c55e1f)))]`,\n  lime: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-lime-shimmer-start,var(--zui-color-lime,#65a30d1a)),var(--zui-skeleton-lime-shimmer-mid,var(--zui-color-lime,#65a30d6b)),var(--zui-skeleton-lime-shimmer-end,var(--zui-color-lime,#65a30d1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-lime-shimmer-start-dark,var(--zui-color-lime-dark,#a3e6351f)),var(--zui-skeleton-lime-shimmer-mid-dark,var(--zui-color-lime-dark,#a3e6357a)),var(--zui-skeleton-lime-shimmer-end-dark,var(--zui-color-lime-dark,#a3e6351f)))]`,\n  mint: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-mint-shimmer-start,var(--zui-color-mint,#10b9811a)),var(--zui-skeleton-mint-shimmer-mid,var(--zui-color-mint,#10b9816b)),var(--zui-skeleton-mint-shimmer-end,var(--zui-color-mint,#10b9811a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-mint-shimmer-start-dark,var(--zui-color-mint-dark,#6ee7b71f)),var(--zui-skeleton-mint-shimmer-mid-dark,var(--zui-color-mint-dark,#6ee7b77a)),var(--zui-skeleton-mint-shimmer-end-dark,var(--zui-color-mint-dark,#6ee7b71f)))]`,\n  ocean: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-ocean-shimmer-start,var(--zui-color-ocean,#0284c71a)),var(--zui-skeleton-ocean-shimmer-mid,var(--zui-color-ocean,#0284c76b)),var(--zui-skeleton-ocean-shimmer-end,var(--zui-color-ocean,#0284c71a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-ocean-shimmer-start-dark,var(--zui-color-ocean-dark,#38bdf81f)),var(--zui-skeleton-ocean-shimmer-mid-dark,var(--zui-color-ocean-dark,#38bdf87a)),var(--zui-skeleton-ocean-shimmer-end-dark,var(--zui-color-ocean-dark,#38bdf81f)))]`,\n  sapphire: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-sapphire-shimmer-start,var(--zui-color-sapphire,#1d4ed81a)),var(--zui-skeleton-sapphire-shimmer-mid,var(--zui-color-sapphire,#1d4ed86b)),var(--zui-skeleton-sapphire-shimmer-end,var(--zui-color-sapphire,#1d4ed81a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-sapphire-shimmer-start-dark,var(--zui-color-sapphire-dark,#60a5fa1f)),var(--zui-skeleton-sapphire-shimmer-mid-dark,var(--zui-color-sapphire-dark,#60a5fa7a)),var(--zui-skeleton-sapphire-shimmer-end-dark,var(--zui-color-sapphire-dark,#60a5fa1f)))]`,\n  lavender: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-lavender-shimmer-start,var(--zui-color-lavender,#8b5cf61a)),var(--zui-skeleton-lavender-shimmer-mid,var(--zui-color-lavender,#8b5cf66b)),var(--zui-skeleton-lavender-shimmer-end,var(--zui-color-lavender,#8b5cf61a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-lavender-shimmer-start-dark,var(--zui-color-lavender-dark,#a78bfa1f)),var(--zui-skeleton-lavender-shimmer-mid-dark,var(--zui-color-lavender-dark,#a78bfa7a)),var(--zui-skeleton-lavender-shimmer-end-dark,var(--zui-color-lavender-dark,#a78bfa1f)))]`,\n  ruby: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-ruby-shimmer-start,var(--zui-color-ruby,#be123c1a)),var(--zui-skeleton-ruby-shimmer-mid,var(--zui-color-ruby,#be123c6b)),var(--zui-skeleton-ruby-shimmer-end,var(--zui-color-ruby,#be123c1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-ruby-shimmer-start-dark,var(--zui-color-ruby-dark,#fb71851f)),var(--zui-skeleton-ruby-shimmer-mid-dark,var(--zui-color-ruby-dark,#fb71857a)),var(--zui-skeleton-ruby-shimmer-end-dark,var(--zui-color-ruby-dark,#fb71851f)))]`,\n  red: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-red-shimmer-start,var(--zui-color-red,#dc26261a)),var(--zui-skeleton-red-shimmer-mid,var(--zui-color-red,#dc26266b)),var(--zui-skeleton-red-shimmer-end,var(--zui-color-red,#dc26261a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-red-shimmer-start-dark,var(--zui-color-red-dark,#ef44441f)),var(--zui-skeleton-red-shimmer-mid-dark,var(--zui-color-red-dark,#ef44447a)),var(--zui-skeleton-red-shimmer-end-dark,var(--zui-color-red-dark,#ef44441f)))]`,\n  slate: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-slate-shimmer-start,var(--zui-color-slate,#4755691a)),var(--zui-skeleton-slate-shimmer-mid,var(--zui-color-slate,#4755696b)),var(--zui-skeleton-slate-shimmer-end,var(--zui-color-slate,#4755691a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-slate-shimmer-start-dark,var(--zui-color-slate-dark,#64748b1f)),var(--zui-skeleton-slate-shimmer-mid-dark,var(--zui-color-slate-dark,#64748b7a)),var(--zui-skeleton-slate-shimmer-end-dark,var(--zui-color-slate-dark,#64748b1f)))]`,\n  zinc: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-zinc-shimmer-start,var(--zui-color-zinc,#52525b1a)),var(--zui-skeleton-zinc-shimmer-mid,var(--zui-color-zinc,#52525b6b)),var(--zui-skeleton-zinc-shimmer-end,var(--zui-color-zinc,#52525b1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-zinc-shimmer-start-dark,var(--zui-color-zinc-dark,#71717a1f)),var(--zui-skeleton-zinc-shimmer-mid-dark,var(--zui-color-zinc-dark,#71717a7a)),var(--zui-skeleton-zinc-shimmer-end-dark,var(--zui-color-zinc-dark,#71717a1f)))]`,\n  stone: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-stone-shimmer-start,var(--zui-color-stone,#57534e1a)),var(--zui-skeleton-stone-shimmer-mid,var(--zui-color-stone,#57534e6b)),var(--zui-skeleton-stone-shimmer-end,var(--zui-color-stone,#57534e1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-stone-shimmer-start-dark,var(--zui-color-stone-dark,#78716c1f)),var(--zui-skeleton-stone-shimmer-mid-dark,var(--zui-color-stone-dark,#78716c7a)),var(--zui-skeleton-stone-shimmer-end-dark,var(--zui-color-stone-dark,#78716c1f)))]`,\n  royal: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-royal-shimmer-start,var(--zui-color-royal,#4338ca1a)),var(--zui-skeleton-royal-shimmer-mid,var(--zui-color-royal,#4338ca6b)),var(--zui-skeleton-royal-shimmer-end,var(--zui-color-royal,#4338ca1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-royal-shimmer-start-dark,var(--zui-color-royal-dark,#818cf81f)),var(--zui-skeleton-royal-shimmer-mid-dark,var(--zui-color-royal-dark,#818cf87a)),var(--zui-skeleton-royal-shimmer-end-dark,var(--zui-color-royal-dark,#818cf81f)))]`,\n  electric: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-electric-shimmer-start,var(--zui-color-electric,#0ea5e91a)),var(--zui-skeleton-electric-shimmer-mid,var(--zui-color-electric,#0ea5e96b)),var(--zui-skeleton-electric-shimmer-end,var(--zui-color-electric,#0ea5e91a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-electric-shimmer-start-dark,var(--zui-color-electric-dark,#38bdf81f)),var(--zui-skeleton-electric-shimmer-mid-dark,var(--zui-color-electric-dark,#38bdf87a)),var(--zui-skeleton-electric-shimmer-end-dark,var(--zui-color-electric-dark,#38bdf81f)))]`,\n  forest: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-forest-shimmer-start,var(--zui-color-forest,#1665341a)),var(--zui-skeleton-forest-shimmer-mid,var(--zui-color-forest,#1665346b)),var(--zui-skeleton-forest-shimmer-end,var(--zui-color-forest,#1665341a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-forest-shimmer-start-dark,var(--zui-color-forest-dark,#4ade801f)),var(--zui-skeleton-forest-shimmer-mid-dark,var(--zui-color-forest-dark,#4ade807a)),var(--zui-skeleton-forest-shimmer-end-dark,var(--zui-color-forest-dark,#4ade801f)))]`,\n  sunset: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-sunset-shimmer-start,var(--zui-color-sunset,#ea580c1a)),var(--zui-skeleton-sunset-shimmer-mid,var(--zui-color-sunset,#ea580c6b)),var(--zui-skeleton-sunset-shimmer-end,var(--zui-color-sunset,#ea580c1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-sunset-shimmer-start-dark,var(--zui-color-sunset-dark,#fb923c1f)),var(--zui-skeleton-sunset-shimmer-mid-dark,var(--zui-color-sunset-dark,#fb923c7a)),var(--zui-skeleton-sunset-shimmer-end-dark,var(--zui-color-sunset-dark,#fb923c1f)))]`,\n  magenta: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-magenta-shimmer-start,var(--zui-color-magenta,#c026d31a)),var(--zui-skeleton-magenta-shimmer-mid,var(--zui-color-magenta,#c026d36b)),var(--zui-skeleton-magenta-shimmer-end,var(--zui-color-magenta,#c026d31a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-magenta-shimmer-start-dark,var(--zui-color-magenta-dark,#e879f91f)),var(--zui-skeleton-magenta-shimmer-mid-dark,var(--zui-color-magenta-dark,#e879f97a)),var(--zui-skeleton-magenta-shimmer-end-dark,var(--zui-color-magenta-dark,#e879f91f)))]`,\n  crimson: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-crimson-shimmer-start,var(--zui-color-crimson,#b91c1c1a)),var(--zui-skeleton-crimson-shimmer-mid,var(--zui-color-crimson,#b91c1c6b)),var(--zui-skeleton-crimson-shimmer-end,var(--zui-color-crimson,#b91c1c1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-crimson-shimmer-start-dark,var(--zui-color-crimson-dark,#f871711f)),var(--zui-skeleton-crimson-shimmer-mid-dark,var(--zui-color-crimson-dark,#f871717a)),var(--zui-skeleton-crimson-shimmer-end-dark,var(--zui-color-crimson-dark,#f871711f)))]`,\n  aqua: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-aqua-shimmer-start,var(--zui-color-aqua,#0f766e1a)),var(--zui-skeleton-aqua-shimmer-mid,var(--zui-color-aqua,#0f766e6b)),var(--zui-skeleton-aqua-shimmer-end,var(--zui-color-aqua,#0f766e1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-aqua-shimmer-start-dark,var(--zui-color-aqua-dark,#2dd4bf1f)),var(--zui-skeleton-aqua-shimmer-mid-dark,var(--zui-color-aqua-dark,#2dd4bf7a)),var(--zui-skeleton-aqua-shimmer-end-dark,var(--zui-color-aqua-dark,#2dd4bf1f)))]`,\n  plum: `${shimmerLayer} [background-image:linear-gradient(90deg,var(--zui-skeleton-plum-shimmer-start,var(--zui-color-plum,#7e22ce1a)),var(--zui-skeleton-plum-shimmer-mid,var(--zui-color-plum,#7e22ce6b)),var(--zui-skeleton-plum-shimmer-end,var(--zui-color-plum,#7e22ce1a)))] dark:[background-image:linear-gradient(90deg,var(--zui-skeleton-plum-shimmer-start-dark,var(--zui-color-plum-dark,#c084fc1f)),var(--zui-skeleton-plum-shimmer-mid-dark,var(--zui-color-plum-dark,#c084fc7a)),var(--zui-skeleton-plum-shimmer-end-dark,var(--zui-color-plum-dark,#c084fc1f)))]`,\n} as const;\n\nexport type ZuiSkeletonShimmerTone =\n  keyof typeof zuiSkeletonShimmerGradientClasses;\n\nexport const zuiSkeletonBase =\n  \"relative overflow-hidden bg-[var(--zui-skeleton-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-skeleton-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))] text-[color:var(--zui-skeleton-fg,var(--zui-fg,transparent))] dark:text-[color:var(--zui-skeleton-fg-dark,var(--zui-fg-dark,transparent))]\";\n\nexport const zuiSkeletonAppearances = {\n  default:\n    \"bg-[var(--zui-skeleton-default-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-skeleton-default-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))]\",\n  subtle:\n    \"bg-[var(--zui-skeleton-subtle-bg,var(--zui-surface-muted,#00000012))] dark:bg-[var(--zui-skeleton-subtle-bg-dark,var(--zui-surface-muted-dark,#ffffff12))]\",\n  muted:\n    \"bg-[var(--zui-skeleton-muted-bg,var(--zui-fg-muted,oklch(92.9%_0.013_255.508_/_0.8)))] dark:bg-[var(--zui-skeleton-muted-bg-dark,var(--zui-fg-muted-dark,oklch(27.9%_0.041_260.031_/_0.8)))]\",\n  sky: \"bg-[var(--zui-skeleton-sky-bg,color-mix(in oklch, var(--zui-color-sky,oklch(68.5%_0.169_237.323_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-sky-bg-dark,color-mix(in oklch, var(--zui-color-sky-dark,oklch(68.5%_0.169_237.323_/_0.1)) 18%, transparent))]\",\n  rose: \"bg-[var(--zui-skeleton-rose-bg,color-mix(in oklch, var(--zui-color-rose,oklch(64.5%_0.246_16.439_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-rose-bg-dark,color-mix(in oklch, var(--zui-color-rose-dark,oklch(64.5%_0.246_16.439_/_0.1)) 18%, transparent))]\",\n  purple:\n    \"bg-[var(--zui-skeleton-purple-bg,color-mix(in oklch, var(--zui-color-purple,oklch(62.7%_0.265_303.9_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-purple-bg-dark,color-mix(in oklch, var(--zui-color-purple-dark,oklch(62.7%_0.265_303.9_/_0.1)) 18%, transparent))]\",\n  pink: \"bg-[var(--zui-skeleton-pink-bg,color-mix(in oklch, var(--zui-color-pink,oklch(65.6%_0.241_354.308_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-pink-bg-dark,color-mix(in oklch, var(--zui-color-pink-dark,oklch(65.6%_0.241_354.308_/_0.1)) 18%, transparent))]\",\n  orange:\n    \"bg-[var(--zui-skeleton-orange-bg,color-mix(in oklch, var(--zui-color-orange,oklch(70.5%_0.213_47.604_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-orange-bg-dark,color-mix(in oklch, var(--zui-color-orange-dark,oklch(70.5%_0.213_47.604_/_0.1)) 18%, transparent))]\",\n  yellow:\n    \"bg-[var(--zui-skeleton-yellow-bg,color-mix(in oklch, var(--zui-color-yellow,oklch(79.5%_0.184_86.047_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-yellow-bg-dark,color-mix(in oklch, var(--zui-color-yellow-dark,oklch(79.5%_0.184_86.047_/_0.1)) 18%, transparent))]\",\n  teal: \"bg-[var(--zui-skeleton-teal-bg,color-mix(in oklch, var(--zui-color-teal,oklch(70.4%_0.14_182.503_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-teal-bg-dark,color-mix(in oklch, var(--zui-color-teal-dark,oklch(70.4%_0.14_182.503_/_0.1)) 18%, transparent))]\",\n  indigo:\n    \"bg-[var(--zui-skeleton-indigo-bg,color-mix(in oklch, var(--zui-color-indigo,oklch(58.5%_0.233_277.117_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-indigo-bg-dark,color-mix(in oklch, var(--zui-color-indigo-dark,oklch(58.5%_0.233_277.117_/_0.1)) 18%, transparent))]\",\n  emerald:\n    \"bg-[var(--zui-skeleton-emerald-bg,color-mix(in oklch, var(--zui-color-emerald,oklch(69.6%_0.17_162.48_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-emerald-bg-dark,color-mix(in oklch, var(--zui-color-emerald-dark,oklch(69.6%_0.17_162.48_/_0.1)) 18%, transparent))]\",\n  gray: \"bg-[var(--zui-skeleton-gray-bg,color-mix(in oklch, var(--zui-color-gray,oklch(55.1%_0.027_264.364_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-gray-bg-dark,color-mix(in oklch, var(--zui-color-gray-dark,oklch(55.1%_0.027_264.364_/_0.1)) 18%, transparent))]\",\n  amber:\n    \"bg-[var(--zui-skeleton-amber-bg,color-mix(in oklch, var(--zui-color-amber,oklch(76.9%_0.188_70.08_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-amber-bg-dark,color-mix(in oklch, var(--zui-color-amber-dark,oklch(76.9%_0.188_70.08_/_0.1)) 18%, transparent))]\",\n  violet:\n    \"bg-[var(--zui-skeleton-violet-bg,color-mix(in oklch, var(--zui-color-violet,oklch(60.6%_0.25_292.717_/_0.1)) 10%, transparent))] dark:bg-[var(--zui-skeleton-violet-bg-dark,color-mix(in oklch, var(--zui-color-violet-dark,oklch(60.6%_0.25_292.717_/_0.1)) 18%, transparent))]\",\n  \"gradient-blue\":\n    \"bg-linear-to-r from-[var(--zui-skeleton-gradient-blue-from,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:from-[var(--zui-skeleton-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] to-[var(--zui-skeleton-gradient-blue-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-skeleton-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))]\",\n  \"gradient-green\":\n    \"bg-linear-to-r from-[var(--zui-skeleton-gradient-green-from,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:from-[var(--zui-skeleton-gradient-green-from-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] to-[var(--zui-skeleton-gradient-green-to,var(--zui-color-lime,oklch(45.3%_0.124_130.933)))] dark:to-[var(--zui-skeleton-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(64.8%_0.2_131.684)))]\",\n  \"gradient-red\":\n    \"bg-linear-to-r from-[var(--zui-skeleton-gradient-red-from,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:from-[var(--zui-skeleton-gradient-red-from-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] to-[var(--zui-skeleton-gradient-red-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-skeleton-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))]\",\n  \"gradient-yellow\":\n    \"bg-linear-to-r from-[var(--zui-skeleton-gradient-yellow-from,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:from-[var(--zui-skeleton-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] to-[var(--zui-skeleton-gradient-yellow-to,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:to-[var(--zui-skeleton-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))]\",\n  \"gradient-purple\":\n    \"bg-linear-to-r from-[var(--zui-skeleton-gradient-purple-from,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:from-[var(--zui-skeleton-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] to-[var(--zui-skeleton-gradient-purple-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-skeleton-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))]\",\n  \"gradient-teal\":\n    \"bg-linear-to-r from-[var(--zui-skeleton-gradient-teal-from,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:from-[var(--zui-skeleton-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] to-[var(--zui-skeleton-gradient-teal-to,var(--zui-color-cyan,oklch(45%_0.085_224.283)))] dark:to-[var(--zui-skeleton-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(60.9%_0.126_221.723)))]\",\n  \"gradient-indigo\":\n    \"bg-linear-to-r from-[var(--zui-skeleton-gradient-indigo-from,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:from-[var(--zui-skeleton-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] to-[var(--zui-skeleton-gradient-indigo-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-skeleton-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))]\",\n  \"gradient-pink\":\n    \"bg-linear-to-r from-[var(--zui-skeleton-gradient-pink-from,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:from-[var(--zui-skeleton-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] to-[var(--zui-skeleton-gradient-pink-to,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:to-[var(--zui-skeleton-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))]\",\n  \"gradient-orange\":\n    \"bg-linear-to-r from-[var(--zui-skeleton-gradient-orange-from,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:from-[var(--zui-skeleton-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] to-[var(--zui-skeleton-gradient-orange-to,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:to-[var(--zui-skeleton-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))]\",\n  blue: \"bg-[var(--zui-skeleton-blue-bg,color-mix(in oklch, var(--zui-color-blue,#2563eb) 10%, transparent))] dark:bg-[var(--zui-skeleton-blue-bg-dark,color-mix(in oklch, var(--zui-color-blue-dark,#3b82f6) 18%, transparent))]\",\n  cyan: \"bg-[var(--zui-skeleton-cyan-bg,color-mix(in oklch, var(--zui-color-cyan,#0891b2) 10%, transparent))] dark:bg-[var(--zui-skeleton-cyan-bg-dark,color-mix(in oklch, var(--zui-color-cyan-dark,#22d3ee) 18%, transparent))]\",\n  green:\n    \"bg-[var(--zui-skeleton-green-bg,color-mix(in oklch, var(--zui-color-green,#16a34a) 10%, transparent))] dark:bg-[var(--zui-skeleton-green-bg-dark,color-mix(in oklch, var(--zui-color-green-dark,#22c55e) 18%, transparent))]\",\n  lime: \"bg-[var(--zui-skeleton-lime-bg,color-mix(in oklch, var(--zui-color-lime,#65a30d) 10%, transparent))] dark:bg-[var(--zui-skeleton-lime-bg-dark,color-mix(in oklch, var(--zui-color-lime-dark,#a3e635) 18%, transparent))]\",\n  mint: \"bg-[var(--zui-skeleton-mint-bg,color-mix(in oklch, var(--zui-color-mint,#10b981) 10%, transparent))] dark:bg-[var(--zui-skeleton-mint-bg-dark,color-mix(in oklch, var(--zui-color-mint-dark,#6ee7b7) 18%, transparent))]\",\n  ocean:\n    \"bg-[var(--zui-skeleton-ocean-bg,color-mix(in oklch, var(--zui-color-ocean,#0284c7) 10%, transparent))] dark:bg-[var(--zui-skeleton-ocean-bg-dark,color-mix(in oklch, var(--zui-color-ocean-dark,#38bdf8) 18%, transparent))]\",\n  sapphire:\n    \"bg-[var(--zui-skeleton-sapphire-bg,color-mix(in oklch, var(--zui-color-sapphire,#1d4ed8) 10%, transparent))] dark:bg-[var(--zui-skeleton-sapphire-bg-dark,color-mix(in oklch, var(--zui-color-sapphire-dark,#60a5fa) 18%, transparent))]\",\n  lavender:\n    \"bg-[var(--zui-skeleton-lavender-bg,color-mix(in oklch, var(--zui-color-lavender,#8b5cf6) 10%, transparent))] dark:bg-[var(--zui-skeleton-lavender-bg-dark,color-mix(in oklch, var(--zui-color-lavender-dark,#a78bfa) 18%, transparent))]\",\n  ruby: \"bg-[var(--zui-skeleton-ruby-bg,color-mix(in oklch, var(--zui-color-ruby,#be123c) 10%, transparent))] dark:bg-[var(--zui-skeleton-ruby-bg-dark,color-mix(in oklch, var(--zui-color-ruby-dark,#fb7185) 18%, transparent))]\",\n  red: \"bg-[var(--zui-skeleton-red-bg,color-mix(in oklch, var(--zui-color-red,#dc2626) 10%, transparent))] dark:bg-[var(--zui-skeleton-red-bg-dark,color-mix(in oklch, var(--zui-color-red-dark,#ef4444) 18%, transparent))]\",\n  slate:\n    \"bg-[var(--zui-skeleton-slate-bg,color-mix(in oklch, var(--zui-color-slate,#475569) 10%, transparent))] dark:bg-[var(--zui-skeleton-slate-bg-dark,color-mix(in oklch, var(--zui-color-slate-dark,#64748b) 18%, transparent))]\",\n  zinc: \"bg-[var(--zui-skeleton-zinc-bg,color-mix(in oklch, var(--zui-color-zinc,#52525b) 10%, transparent))] dark:bg-[var(--zui-skeleton-zinc-bg-dark,color-mix(in oklch, var(--zui-color-zinc-dark,#71717a) 18%, transparent))]\",\n  stone:\n    \"bg-[var(--zui-skeleton-stone-bg,color-mix(in oklch, var(--zui-color-stone,#57534e) 10%, transparent))] dark:bg-[var(--zui-skeleton-stone-bg-dark,color-mix(in oklch, var(--zui-color-stone-dark,#78716c) 18%, transparent))]\",\n  royal:\n    \"bg-[var(--zui-skeleton-royal-bg,color-mix(in oklch, var(--zui-color-royal,#4338ca) 10%, transparent))] dark:bg-[var(--zui-skeleton-royal-bg-dark,color-mix(in oklch, var(--zui-color-royal-dark,#818cf8) 18%, transparent))]\",\n  electric:\n    \"bg-[var(--zui-skeleton-electric-bg,color-mix(in oklch, var(--zui-color-electric,#0ea5e9) 10%, transparent))] dark:bg-[var(--zui-skeleton-electric-bg-dark,color-mix(in oklch, var(--zui-color-electric-dark,#38bdf8) 18%, transparent))]\",\n  forest:\n    \"bg-[var(--zui-skeleton-forest-bg,color-mix(in oklch, var(--zui-color-forest,#166534) 10%, transparent))] dark:bg-[var(--zui-skeleton-forest-bg-dark,color-mix(in oklch, var(--zui-color-forest-dark,#4ade80) 18%, transparent))]\",\n  sunset:\n    \"bg-[var(--zui-skeleton-sunset-bg,color-mix(in oklch, var(--zui-color-sunset,#ea580c) 10%, transparent))] dark:bg-[var(--zui-skeleton-sunset-bg-dark,color-mix(in oklch, var(--zui-color-sunset-dark,#fb923c) 18%, transparent))]\",\n  magenta:\n    \"bg-[var(--zui-skeleton-magenta-bg,color-mix(in oklch, var(--zui-color-magenta,#c026d3) 10%, transparent))] dark:bg-[var(--zui-skeleton-magenta-bg-dark,color-mix(in oklch, var(--zui-color-magenta-dark,#e879f9) 18%, transparent))]\",\n  crimson:\n    \"bg-[var(--zui-skeleton-crimson-bg,color-mix(in oklch, var(--zui-color-crimson,#b91c1c) 10%, transparent))] dark:bg-[var(--zui-skeleton-crimson-bg-dark,color-mix(in oklch, var(--zui-color-crimson-dark,#f87171) 18%, transparent))]\",\n  aqua: \"bg-[var(--zui-skeleton-aqua-bg,color-mix(in oklch, var(--zui-color-aqua,#0f766e) 10%, transparent))] dark:bg-[var(--zui-skeleton-aqua-bg-dark,color-mix(in oklch, var(--zui-color-aqua-dark,#2dd4bf) 18%, transparent))]\",\n  plum: \"bg-[var(--zui-skeleton-plum-bg,color-mix(in oklch, var(--zui-color-plum,#7e22ce) 10%, transparent))] dark:bg-[var(--zui-skeleton-plum-bg-dark,color-mix(in oklch, var(--zui-color-plum-dark,#c084fc) 18%, transparent))]\",\n} as const;\n\nexport const zuiSkeletonSizes = {\n  sm: \"min-h-3\",\n  md: \"min-h-4\",\n  lg: \"min-h-6\",\n} as const;\n\nexport const zuiSkeletonRounded = {\n  none: \"rounded-none\",\n  sm: \"rounded-md\",\n  md: \"rounded-lg\",\n  lg: \"rounded-xl\",\n  full: \"rounded-full\",\n} as const;\n\nexport const zuiSkeletonAnimations = {\n  none: \"\",\n  shimmer: \"\",\n  pulse: \"\",\n} as const;\n\nexport const zuiSkeletonShimmerTones = {\n  default: \"\",\n  subtle: \"\",\n  muted: \"\",\n  sky: \"\",\n  rose: \"\",\n  purple: \"\",\n  pink: \"\",\n  orange: \"\",\n  yellow: \"\",\n  teal: \"\",\n  indigo: \"\",\n  emerald: \"\",\n  gray: \"\",\n  amber: \"\",\n  violet: \"\",\n  \"gradient-blue\": \"\",\n  \"gradient-green\": \"\",\n  \"gradient-red\": \"\",\n  \"gradient-yellow\": \"\",\n  \"gradient-purple\": \"\",\n  \"gradient-teal\": \"\",\n  \"gradient-indigo\": \"\",\n  \"gradient-pink\": \"\",\n  \"gradient-orange\": \"\",\n  blue: \"\",\n  cyan: \"\",\n  green: \"\",\n  lime: \"\",\n  mint: \"\",\n  ocean: \"\",\n  sapphire: \"\",\n  lavender: \"\",\n  ruby: \"\",\n  red: \"\",\n  slate: \"\",\n  zinc: \"\",\n  stone: \"\",\n  royal: \"\",\n  electric: \"\",\n  forest: \"\",\n  sunset: \"\",\n  magenta: \"\",\n  crimson: \"\",\n  aqua: \"\",\n  plum: \"\",\n} as const;\n\nexport const zuiSkeletonTextLineBase = \"block w-full\";\n\nexport const zuiSkeletonTextLineSizes = {\n  sm: \"h-2.5\",\n  md: \"h-3\",\n  lg: \"h-4\",\n} as const;\n"]}

package/dist/{chunk-ZY6O6Z2I.mjs → chunk-CQ2S43AD.mjs}

@@ -1,4 +1,4 @@
-import { zuiTreeViewBase, zuiTreeViewSizes, zuiTreeViewAppearances, zuiTreeViewItemBase, zuiTreeViewItemSizes, zuiTreeViewItemAppearances, zuiTreeViewChevron, zuiTreeViewIcon, zuiTreeViewGuide } from './chunk-NXNL64Q7.mjs';
+import { zuiTreeViewBase, zuiTreeViewSizes, zuiTreeViewAppearances, zuiTreeViewItemBase, zuiTreeViewItemSizes, zuiTreeViewItemAppearances, zuiTreeViewChevron, zuiTreeViewIcon, zuiTreeViewGuide } from './chunk-T4ZLTKV2.mjs';
 import { cn } from './chunk-4D54YOL6.mjs';
 import { cva } from 'class-variance-authority';
 import { createContext, useState, useMemo, useCallback, useRef, useContext } from 'react';
@@ -346,5 +346,5 @@ function TreeViewBase({
 TreeViewBase.displayName = "TreeView";
 
 export { TreeViewBase, treeViewItemVariants, treeViewVariants };
-//# sourceMappingURL=chunk-ZY6O6Z2I.mjs.map
-//# sourceMappingURL=chunk-ZY6O6Z2I.mjs.map
+//# sourceMappingURL=chunk-CQ2S43AD.mjs.map
+//# sourceMappingURL=chunk-CQ2S43AD.mjs.map

package/dist/{chunk-ZY6O6Z2I.mjs.map → chunk-CQ2S43AD.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/tree-view/variants.ts","../src/ui/tree-view/tree-view-base.tsx"],"names":[],"mappings":"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","file":"chunk-ZY6O6Z2I.mjs","sourcesContent":["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"]}
+{"version":3,"sources":["../src/ui/tree-view/variants.ts","../src/ui/tree-view/tree-view-base.tsx"],"names":[],"mappings":"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","file":"chunk-CQ2S43AD.mjs","sourcesContent":["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"]}

package/dist/chunk-D7ATXPVI.js

@@ -0,0 +1,70 @@
+'use strict';
+
+// src/design-system/tooltip.ts
+var zuiTooltipBase = "absolute z-50 rounded-md shadow-[var(--zui-tooltip-shadow,var(--zui-shadow,0_4px_6px_-1px_rgb(0_0_0_/_0.1),0_2px_4px_-2px_rgb(0_0_0_/_0.1)))] dark:shadow-[var(--zui-tooltip-shadow-dark,var(--zui-shadow-dark,0_4px_6px_-1px_rgb(0_0_0_/_0.35),0_2px_4px_-2px_rgb(0_0_0_/_0.28)))] transition-all duration-200 pointer-events-none";
+var zuiTooltipVariants = {
+  default: "bg-[var(--zui-tooltip-default-bg,var(--zui-surface-muted,#ffffff))] dark:bg-[var(--zui-tooltip-default-bg-dark,var(--zui-surface-muted-dark,#000000))] text-[color:var(--zui-tooltip-default-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-tooltip-default-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  outline: "border bg-[var(--zui-tooltip-outline-bg,var(--zui-surface-muted,#000000))] dark:bg-[var(--zui-tooltip-outline-bg-dark,var(--zui-surface-muted-dark,#ffffff))] text-[color:var(--zui-tooltip-outline-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-outline-fg-dark,var(--zui-brand-fg-dark,#000000))]",
+  ghost: "bg-[var(--zui-tooltip-ghost-bg,var(--zui-surface-soft,oklch(27.8%_0.033_256.848)))] dark:bg-[var(--zui-tooltip-ghost-bg-dark,var(--zui-surface-soft-dark,oklch(27.8%_0.033_256.848)))] text-[color:var(--zui-tooltip-ghost-fg,var(--zui-brand-fg,#ffffffe6))] dark:text-[color:var(--zui-tooltip-ghost-fg-dark,var(--zui-brand-fg-dark,#ffffffe6))]",
+  glass: "border border-[color:var(--zui-tooltip-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-tooltip-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-tooltip-glass-bg,var(--zui-surface-soft,#0000001a))] dark:bg-[var(--zui-tooltip-glass-bg-dark,var(--zui-surface-soft-dark,#ffffff1a))] text-[color:var(--zui-tooltip-glass-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-tooltip-glass-fg-dark,var(--zui-brand-fg-dark,#ffffff))] backdrop-blur-md",
+  emerald: "bg-[var(--zui-tooltip-emerald-bg,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:bg-[var(--zui-tooltip-emerald-bg-dark,var(--zui-color-emerald-dark,oklch(43.2%_0.095_166.913)))] text-[color:var(--zui-tooltip-emerald-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-emerald-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  indigo: "bg-[var(--zui-tooltip-indigo-bg,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:bg-[var(--zui-tooltip-indigo-bg-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366)))] text-[color:var(--zui-tooltip-indigo-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  purple: "bg-[var(--zui-tooltip-purple-bg,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:bg-[var(--zui-tooltip-purple-bg-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-tooltip-purple-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  pink: "bg-[var(--zui-tooltip-pink-bg,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:bg-[var(--zui-tooltip-pink-bg-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-tooltip-pink-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  rose: "bg-[var(--zui-tooltip-rose-bg,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:bg-[var(--zui-tooltip-rose-bg-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697)))] text-[color:var(--zui-tooltip-rose-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-rose-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  sky: "bg-[var(--zui-tooltip-sky-bg,var(--zui-color-sky,oklch(50%_0.134_242.749)))] dark:bg-[var(--zui-tooltip-sky-bg-dark,var(--zui-color-sky-dark,oklch(50%_0.134_242.749)))] text-[color:var(--zui-tooltip-sky-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-sky-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  teal: "bg-[var(--zui-tooltip-teal-bg,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:bg-[var(--zui-tooltip-teal-bg-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216)))] text-[color:var(--zui-tooltip-teal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  yellow: "bg-[var(--zui-tooltip-yellow-bg,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:bg-[var(--zui-tooltip-yellow-bg-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] text-[color:var(--zui-tooltip-yellow-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  orange: "bg-[var(--zui-tooltip-orange-bg,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:bg-[var(--zui-tooltip-orange-bg-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] text-[color:var(--zui-tooltip-orange-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  green: "bg-[var(--zui-tooltip-green-bg,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:bg-[var(--zui-tooltip-green-bg-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328)))] text-[color:var(--zui-tooltip-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-blue": "bg-linear-to-r from-[var(--zui-tooltip-gradient-blue-from,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:from-[var(--zui-tooltip-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(42.4%_0.199_265.638)))] to-[var(--zui-tooltip-gradient-blue-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-tooltip-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-tooltip-gradient-blue-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-gradient-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-green": "bg-linear-to-r from-[var(--zui-tooltip-gradient-green-from,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:from-[var(--zui-tooltip-gradient-green-from-dark,var(--zui-color-green-dark,oklch(44.8%_0.119_151.328)))] to-[var(--zui-tooltip-gradient-green-to,var(--zui-color-lime,oklch(45.3%_0.124_130.933)))] dark:to-[var(--zui-tooltip-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(45.3%_0.124_130.933)))] text-[color:var(--zui-tooltip-gradient-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-gradient-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-red": "bg-linear-to-r from-[var(--zui-tooltip-gradient-red-from,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:from-[var(--zui-tooltip-gradient-red-from-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] to-[var(--zui-tooltip-gradient-red-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-tooltip-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-tooltip-gradient-red-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-gradient-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-yellow": "bg-linear-to-r from-[var(--zui-tooltip-gradient-yellow-from,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:from-[var(--zui-tooltip-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] to-[var(--zui-tooltip-gradient-yellow-to,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:to-[var(--zui-tooltip-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] text-[color:var(--zui-tooltip-gradient-yellow-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-purple": "bg-linear-to-r from-[var(--zui-tooltip-gradient-purple-from,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:from-[var(--zui-tooltip-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] to-[var(--zui-tooltip-gradient-purple-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-tooltip-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] text-[color:var(--zui-tooltip-gradient-purple-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-gradient-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-teal": "bg-linear-to-r from-[var(--zui-tooltip-gradient-teal-from,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:from-[var(--zui-tooltip-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(43.7%_0.078_188.216)))] to-[var(--zui-tooltip-gradient-teal-to,var(--zui-color-cyan,oklch(45%_0.085_224.283)))] dark:to-[var(--zui-tooltip-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(45%_0.085_224.283)))] text-[color:var(--zui-tooltip-gradient-teal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-gradient-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-indigo": "bg-linear-to-r from-[var(--zui-tooltip-gradient-indigo-from,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:from-[var(--zui-tooltip-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(39.8%_0.195_277.366)))] to-[var(--zui-tooltip-gradient-indigo-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-tooltip-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(43.8%_0.218_303.724)))] text-[color:var(--zui-tooltip-gradient-indigo-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-pink": "bg-linear-to-r from-[var(--zui-tooltip-gradient-pink-from,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:from-[var(--zui-tooltip-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(45.9%_0.187_3.815)))] to-[var(--zui-tooltip-gradient-pink-to,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:to-[var(--zui-tooltip-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(45.5%_0.188_13.697)))] text-[color:var(--zui-tooltip-gradient-pink-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-gradient-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  "gradient-orange": "bg-linear-to-r from-[var(--zui-tooltip-gradient-orange-from,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:from-[var(--zui-tooltip-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] to-[var(--zui-tooltip-gradient-orange-to,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:to-[var(--zui-tooltip-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(44.4%_0.177_26.899)))] text-[color:var(--zui-tooltip-gradient-orange-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-tooltip-gradient-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))]",
+  blue: "border border-[color:var(--zui-tooltip-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-tooltip-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-tooltip-blue-bg,var(--zui-color-blue,#2563eb14))] dark:bg-[var(--zui-tooltip-blue-bg-dark,var(--zui-color-blue-dark,#3b82f624))] text-[color:var(--zui-tooltip-blue-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-blue-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  cyan: "border border-[color:var(--zui-tooltip-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-tooltip-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-tooltip-cyan-bg,var(--zui-color-cyan,#0891b214))] dark:bg-[var(--zui-tooltip-cyan-bg-dark,var(--zui-color-cyan-dark,#22d3ee24))] text-[color:var(--zui-tooltip-cyan-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-cyan-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  lime: "border border-[color:var(--zui-tooltip-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-tooltip-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-tooltip-lime-bg,var(--zui-color-lime,#65a30d14))] dark:bg-[var(--zui-tooltip-lime-bg-dark,var(--zui-color-lime-dark,#a3e63524))] text-[color:var(--zui-tooltip-lime-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-lime-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  mint: "border border-[color:var(--zui-tooltip-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-tooltip-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-tooltip-mint-bg,var(--zui-color-mint,#10b98114))] dark:bg-[var(--zui-tooltip-mint-bg-dark,var(--zui-color-mint-dark,#6ee7b724))] text-[color:var(--zui-tooltip-mint-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-mint-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  ocean: "border border-[color:var(--zui-tooltip-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-tooltip-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-tooltip-ocean-bg,var(--zui-color-ocean,#0284c714))] dark:bg-[var(--zui-tooltip-ocean-bg-dark,var(--zui-color-ocean-dark,#38bdf824))] text-[color:var(--zui-tooltip-ocean-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-ocean-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  sapphire: "border border-[color:var(--zui-tooltip-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-tooltip-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-tooltip-sapphire-bg,var(--zui-color-sapphire,#1d4ed814))] dark:bg-[var(--zui-tooltip-sapphire-bg-dark,var(--zui-color-sapphire-dark,#60a5fa24))] text-[color:var(--zui-tooltip-sapphire-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-sapphire-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  lavender: "border border-[color:var(--zui-tooltip-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-tooltip-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-tooltip-lavender-bg,var(--zui-color-lavender,#8b5cf614))] dark:bg-[var(--zui-tooltip-lavender-bg-dark,var(--zui-color-lavender-dark,#a78bfa24))] text-[color:var(--zui-tooltip-lavender-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-lavender-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  ruby: "border border-[color:var(--zui-tooltip-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-tooltip-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-tooltip-ruby-bg,var(--zui-color-ruby,#be123c14))] dark:bg-[var(--zui-tooltip-ruby-bg-dark,var(--zui-color-ruby-dark,#fb718524))] text-[color:var(--zui-tooltip-ruby-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-ruby-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  red: "border border-[color:var(--zui-tooltip-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-tooltip-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-tooltip-red-bg,var(--zui-color-red,#dc262614))] dark:bg-[var(--zui-tooltip-red-bg-dark,var(--zui-color-red-dark,#ef444424))] text-[color:var(--zui-tooltip-red-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-red-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  slate: "border border-[color:var(--zui-tooltip-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-tooltip-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-tooltip-slate-bg,var(--zui-color-slate,#47556914))] dark:bg-[var(--zui-tooltip-slate-bg-dark,var(--zui-color-slate-dark,#64748b24))] text-[color:var(--zui-tooltip-slate-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-slate-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  zinc: "border border-[color:var(--zui-tooltip-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-tooltip-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-tooltip-zinc-bg,var(--zui-color-zinc,#52525b14))] dark:bg-[var(--zui-tooltip-zinc-bg-dark,var(--zui-color-zinc-dark,#71717a24))] text-[color:var(--zui-tooltip-zinc-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-zinc-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  stone: "border border-[color:var(--zui-tooltip-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-tooltip-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-tooltip-stone-bg,var(--zui-color-stone,#57534e14))] dark:bg-[var(--zui-tooltip-stone-bg-dark,var(--zui-color-stone-dark,#78716c24))] text-[color:var(--zui-tooltip-stone-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-stone-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  royal: "border border-[color:var(--zui-tooltip-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-tooltip-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-tooltip-royal-bg,var(--zui-color-royal,#4338ca14))] dark:bg-[var(--zui-tooltip-royal-bg-dark,var(--zui-color-royal-dark,#818cf824))] text-[color:var(--zui-tooltip-royal-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-royal-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  electric: "border border-[color:var(--zui-tooltip-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-tooltip-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-tooltip-electric-bg,var(--zui-color-electric,#0ea5e914))] dark:bg-[var(--zui-tooltip-electric-bg-dark,var(--zui-color-electric-dark,#38bdf824))] text-[color:var(--zui-tooltip-electric-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-electric-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  forest: "border border-[color:var(--zui-tooltip-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-tooltip-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-tooltip-forest-bg,var(--zui-color-forest,#16653414))] dark:bg-[var(--zui-tooltip-forest-bg-dark,var(--zui-color-forest-dark,#4ade8024))] text-[color:var(--zui-tooltip-forest-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-forest-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  sunset: "border border-[color:var(--zui-tooltip-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-tooltip-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-tooltip-sunset-bg,var(--zui-color-sunset,#ea580c14))] dark:bg-[var(--zui-tooltip-sunset-bg-dark,var(--zui-color-sunset-dark,#fb923c24))] text-[color:var(--zui-tooltip-sunset-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-sunset-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  magenta: "border border-[color:var(--zui-tooltip-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-tooltip-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-tooltip-magenta-bg,var(--zui-color-magenta,#c026d314))] dark:bg-[var(--zui-tooltip-magenta-bg-dark,var(--zui-color-magenta-dark,#e879f924))] text-[color:var(--zui-tooltip-magenta-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-magenta-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  crimson: "border border-[color:var(--zui-tooltip-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-tooltip-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-tooltip-crimson-bg,var(--zui-color-crimson,#b91c1c14))] dark:bg-[var(--zui-tooltip-crimson-bg-dark,var(--zui-color-crimson-dark,#f8717124))] text-[color:var(--zui-tooltip-crimson-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-crimson-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  aqua: "border border-[color:var(--zui-tooltip-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-tooltip-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-tooltip-aqua-bg,var(--zui-color-aqua,#0f766e14))] dark:bg-[var(--zui-tooltip-aqua-bg-dark,var(--zui-color-aqua-dark,#2dd4bf24))] text-[color:var(--zui-tooltip-aqua-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-aqua-fg-dark,var(--zui-fg-dark,#f8fafc))]",
+  plum: "border border-[color:var(--zui-tooltip-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-tooltip-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-tooltip-plum-bg,var(--zui-color-plum,#7e22ce14))] dark:bg-[var(--zui-tooltip-plum-bg-dark,var(--zui-color-plum-dark,#c084fc24))] text-[color:var(--zui-tooltip-plum-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-tooltip-plum-fg-dark,var(--zui-fg-dark,#f8fafc))]"
+};
+var zuiTooltipSizes = {
+  sm: "text-xs px-2 py-1",
+  md: "text-sm px-3 py-1.5",
+  lg: "text-base px-4 py-2"
+};
+var zuiTooltipWidths = {
+  fit: "min-w-75 md:min-w-fit",
+  xs: "min-w-75 md:min-w-xs",
+  sm: "min-w-75 md:min-w-sm",
+  md: "min-w-75 md:min-w-md",
+  lg: "min-w-75 md:min-w-lg",
+  xl: "min-w-75 md:min-w-xl",
+  "2xl": "min-w-75 md:min-w-2xl"
+};
+
+exports.zuiTooltipBase = zuiTooltipBase;
+exports.zuiTooltipSizes = zuiTooltipSizes;
+exports.zuiTooltipVariants = zuiTooltipVariants;
+exports.zuiTooltipWidths = zuiTooltipWidths;
+//# sourceMappingURL=chunk-D7ATXPVI.js.map
+//# sourceMappingURL=chunk-D7ATXPVI.js.map