@zentauri-ui/zentauri-components 1.9.2 → 2.1.0

package/dist/chunk-5AOVTY2X.mjs.map

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

package/dist/{chunk-GVGKISKD.js → chunk-5QLPZYWO.js}

@@ -1,24 +1,24 @@
 'use strict';
 
-var chunkDWDDIG6R_js = require('./chunk-DWDDIG6R.js');
+var chunkUT6QG35L_js = require('./chunk-UT6QG35L.js');
 var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var avatarVariants = classVarianceAuthority.cva(chunkDWDDIG6R_js.zuiAvatarBase, {
+var avatarVariants = classVarianceAuthority.cva(chunkUT6QG35L_js.zuiAvatarBase, {
   variants: {
-    appearance: chunkDWDDIG6R_js.zuiAvatarAppearances,
-    size: chunkDWDDIG6R_js.zuiAvatarSizes
+    appearance: chunkUT6QG35L_js.zuiAvatarAppearances,
+    size: chunkUT6QG35L_js.zuiAvatarSizes
   },
   defaultVariants: {
     size: "md",
     appearance: "default"
   }
 });
-var avatarImageVariants = classVarianceAuthority.cva(chunkDWDDIG6R_js.zuiAvatarImageBase);
-var avatarFallbackVariants = classVarianceAuthority.cva(chunkDWDDIG6R_js.zuiAvatarFallbackBase);
-var avatarGroupVariants = classVarianceAuthority.cva(chunkDWDDIG6R_js.zuiAvatarGroupBase);
+var avatarImageVariants = classVarianceAuthority.cva(chunkUT6QG35L_js.zuiAvatarImageBase);
+var avatarFallbackVariants = classVarianceAuthority.cva(chunkUT6QG35L_js.zuiAvatarFallbackBase);
+var avatarGroupVariants = classVarianceAuthority.cva(chunkUT6QG35L_js.zuiAvatarGroupBase);
 var AvatarContext = react.createContext(null);
 function useAvatarContext(component) {
   const ctx = react.useContext(AvatarContext);
@@ -166,5 +166,5 @@ exports.avatarFallbackVariants = avatarFallbackVariants;
 exports.avatarGroupVariants = avatarGroupVariants;
 exports.avatarImageVariants = avatarImageVariants;
 exports.avatarVariants = avatarVariants;
-//# sourceMappingURL=chunk-GVGKISKD.js.map
-//# sourceMappingURL=chunk-GVGKISKD.js.map
+//# sourceMappingURL=chunk-5QLPZYWO.js.map
+//# sourceMappingURL=chunk-5QLPZYWO.js.map

package/dist/{chunk-GVGKISKD.js.map → chunk-5QLPZYWO.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/avatar/variants.ts","../src/ui/avatar/avatar-base.tsx"],"names":["cva","zuiAvatarBase","zuiAvatarAppearances","zuiAvatarSizes","zuiAvatarImageBase","zuiAvatarFallbackBase","zuiAvatarGroupBase","createContext","useContext","useState","useMemo","jsx","cn","useEffect","Children","isValidElement","jsxs"],"mappings":"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","file":"chunk-GVGKISKD.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiAvatarAppearances,\n  zuiAvatarBase,\n  zuiAvatarFallbackBase,\n  zuiAvatarGroupBase,\n  zuiAvatarImageBase,\n  zuiAvatarSizes,\n} from \"../../design-system/avatar\";\n\nexport const avatarVariants = cva(zuiAvatarBase, {\n  variants: {\n    appearance: zuiAvatarAppearances,\n    size: zuiAvatarSizes,\n  },\n  defaultVariants: {\n    size: \"md\",\n    appearance: \"default\",\n  },\n});\n\nexport const avatarImageVariants = cva(zuiAvatarImageBase);\n\nexport const avatarFallbackVariants = cva(zuiAvatarFallbackBase);\n\nexport const avatarGroupVariants = cva(zuiAvatarGroupBase);\n","\"use client\";\n\nimport {\n  Children,\n  createContext,\n  isValidElement,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type Ref,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  AvatarBaseProps,\n  AvatarCtx,\n  AvatarFallbackProps,\n  AvatarGroupProps,\n  AvatarImageProps,\n  ImageStatus,\n} from \"./types\";\nimport {\n  avatarFallbackVariants,\n  avatarGroupVariants,\n  avatarImageVariants,\n  avatarVariants,\n} from \"./variants\";\n\nconst AvatarContext = createContext<AvatarCtx | null>(null);\n\nfunction useAvatarContext(component: string): AvatarCtx {\n  const ctx = useContext(AvatarContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Avatar>`);\n  }\n  return ctx;\n}\n\nexport function AvatarBase({\n  className,\n  size,\n  appearance,\n  children,\n  ref,\n  as: Wrapper = \"span\",\n  ...rest\n}: AvatarBaseProps) {\n  const [imageStatus, setImageStatus] = useState<ImageStatus>(\"idle\");\n  const ctx = useMemo(() => ({ imageStatus, setImageStatus }), [imageStatus]);\n\n  return (\n    <AvatarContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"avatar\"\n        className={cn(avatarVariants({ size, appearance }), className)}\n        {...rest}\n      >\n        {children}\n      </Wrapper>\n    </AvatarContext.Provider>\n  );\n}\n\nAvatarBase.displayName = \"Avatar\";\n\nexport function AvatarImage({\n  className,\n  onLoad,\n  onError,\n  ref,\n  ...rest\n}: AvatarImageProps & { ref?: Ref<HTMLImageElement> }) {\n  const { setImageStatus } = useAvatarContext(\"AvatarImage\");\n\n  return (\n    <img\n      ref={ref}\n      data-slot=\"avatar-image\"\n      className={cn(avatarImageVariants(), className)}\n      onLoad={(e) => {\n        setImageStatus(\"loaded\");\n        onLoad?.(e);\n      }}\n      onError={(e) => {\n        setImageStatus(\"error\");\n        onError?.(e);\n      }}\n      {...rest}\n    />\n  );\n}\n\nAvatarImage.displayName = \"AvatarImage\";\n\nexport function AvatarFallback({\n  className,\n  delayMs = 0,\n  ref,\n  ...rest\n}: AvatarFallbackProps & { ref?: Ref<HTMLSpanElement> }) {\n  const { imageStatus } = useAvatarContext(\"AvatarFallback\");\n  const [show, setShow] = useState(delayMs === 0);\n\n  useEffect(() => {\n    if (imageStatus === \"loaded\") {\n      setShow(false);\n      return;\n    }\n    if (imageStatus === \"error\") {\n      setShow(true);\n      return;\n    }\n    if (delayMs <= 0) {\n      setShow(true);\n      return;\n    }\n    const t = window.setTimeout(() => setShow(true), delayMs);\n    return () => window.clearTimeout(t);\n  }, [delayMs, imageStatus]);\n\n  if (!show) {\n    return null;\n  }\n\n  return (\n    <span\n      ref={ref}\n      data-slot=\"avatar-fallback\"\n      className={cn(avatarFallbackVariants(), className)}\n      {...rest}\n    />\n  );\n}\n\nAvatarFallback.displayName = \"AvatarFallback\";\n\nexport function AvatarGroup({\n  className,\n  max,\n  children,\n  ref,\n  ...rest\n}: AvatarGroupProps & { ref?: Ref<HTMLDivElement> }) {\n  const childArray = useMemo(\n    () => Children.toArray(children).filter(isValidElement),\n    [children],\n  );\n  const visible = max !== undefined ? childArray.slice(0, max) : childArray;\n  const overflow =\n    max !== undefined && childArray.length > max ? childArray.length - max : 0;\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"avatar-group\"\n      className={cn(avatarGroupVariants(), className)}\n      {...rest}\n    >\n      {visible}\n      {overflow > 0 ? (\n        <span\n          data-slot=\"avatar-group-overflow\"\n          className={cn(\n            avatarVariants({ size: \"md\" }),\n            \"z-10 grid place-items-center bg-slate-800 text-xs font-semibold text-white\",\n          )}\n          aria-label={`${overflow} more`}\n        >\n          +{overflow}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nAvatarGroup.displayName = \"AvatarGroup\";\n"]}
+{"version":3,"sources":["../src/ui/avatar/variants.ts","../src/ui/avatar/avatar-base.tsx"],"names":["cva","zuiAvatarBase","zuiAvatarAppearances","zuiAvatarSizes","zuiAvatarImageBase","zuiAvatarFallbackBase","zuiAvatarGroupBase","createContext","useContext","useState","useMemo","jsx","cn","useEffect","Children","isValidElement","jsxs"],"mappings":"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","file":"chunk-5QLPZYWO.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiAvatarAppearances,\n  zuiAvatarBase,\n  zuiAvatarFallbackBase,\n  zuiAvatarGroupBase,\n  zuiAvatarImageBase,\n  zuiAvatarSizes,\n} from \"../../design-system/avatar\";\n\nexport const avatarVariants = cva(zuiAvatarBase, {\n  variants: {\n    appearance: zuiAvatarAppearances,\n    size: zuiAvatarSizes,\n  },\n  defaultVariants: {\n    size: \"md\",\n    appearance: \"default\",\n  },\n});\n\nexport const avatarImageVariants = cva(zuiAvatarImageBase);\n\nexport const avatarFallbackVariants = cva(zuiAvatarFallbackBase);\n\nexport const avatarGroupVariants = cva(zuiAvatarGroupBase);\n","\"use client\";\n\nimport {\n  Children,\n  createContext,\n  isValidElement,\n  useContext,\n  useEffect,\n  useMemo,\n  useState,\n  type Ref,\n} from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  AvatarBaseProps,\n  AvatarCtx,\n  AvatarFallbackProps,\n  AvatarGroupProps,\n  AvatarImageProps,\n  ImageStatus,\n} from \"./types\";\nimport {\n  avatarFallbackVariants,\n  avatarGroupVariants,\n  avatarImageVariants,\n  avatarVariants,\n} from \"./variants\";\n\nconst AvatarContext = createContext<AvatarCtx | null>(null);\n\nfunction useAvatarContext(component: string): AvatarCtx {\n  const ctx = useContext(AvatarContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Avatar>`);\n  }\n  return ctx;\n}\n\nexport function AvatarBase({\n  className,\n  size,\n  appearance,\n  children,\n  ref,\n  as: Wrapper = \"span\",\n  ...rest\n}: AvatarBaseProps) {\n  const [imageStatus, setImageStatus] = useState<ImageStatus>(\"idle\");\n  const ctx = useMemo(() => ({ imageStatus, setImageStatus }), [imageStatus]);\n\n  return (\n    <AvatarContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"avatar\"\n        className={cn(avatarVariants({ size, appearance }), className)}\n        {...rest}\n      >\n        {children}\n      </Wrapper>\n    </AvatarContext.Provider>\n  );\n}\n\nAvatarBase.displayName = \"Avatar\";\n\nexport function AvatarImage({\n  className,\n  onLoad,\n  onError,\n  ref,\n  ...rest\n}: AvatarImageProps & { ref?: Ref<HTMLImageElement> }) {\n  const { setImageStatus } = useAvatarContext(\"AvatarImage\");\n\n  return (\n    <img\n      ref={ref}\n      data-slot=\"avatar-image\"\n      className={cn(avatarImageVariants(), className)}\n      onLoad={(e) => {\n        setImageStatus(\"loaded\");\n        onLoad?.(e);\n      }}\n      onError={(e) => {\n        setImageStatus(\"error\");\n        onError?.(e);\n      }}\n      {...rest}\n    />\n  );\n}\n\nAvatarImage.displayName = \"AvatarImage\";\n\nexport function AvatarFallback({\n  className,\n  delayMs = 0,\n  ref,\n  ...rest\n}: AvatarFallbackProps & { ref?: Ref<HTMLSpanElement> }) {\n  const { imageStatus } = useAvatarContext(\"AvatarFallback\");\n  const [show, setShow] = useState(delayMs === 0);\n\n  useEffect(() => {\n    if (imageStatus === \"loaded\") {\n      setShow(false);\n      return;\n    }\n    if (imageStatus === \"error\") {\n      setShow(true);\n      return;\n    }\n    if (delayMs <= 0) {\n      setShow(true);\n      return;\n    }\n    const t = window.setTimeout(() => setShow(true), delayMs);\n    return () => window.clearTimeout(t);\n  }, [delayMs, imageStatus]);\n\n  if (!show) {\n    return null;\n  }\n\n  return (\n    <span\n      ref={ref}\n      data-slot=\"avatar-fallback\"\n      className={cn(avatarFallbackVariants(), className)}\n      {...rest}\n    />\n  );\n}\n\nAvatarFallback.displayName = \"AvatarFallback\";\n\nexport function AvatarGroup({\n  className,\n  max,\n  children,\n  ref,\n  ...rest\n}: AvatarGroupProps & { ref?: Ref<HTMLDivElement> }) {\n  const childArray = useMemo(\n    () => Children.toArray(children).filter(isValidElement),\n    [children],\n  );\n  const visible = max !== undefined ? childArray.slice(0, max) : childArray;\n  const overflow =\n    max !== undefined && childArray.length > max ? childArray.length - max : 0;\n\n  return (\n    <div\n      ref={ref}\n      data-slot=\"avatar-group\"\n      className={cn(avatarGroupVariants(), className)}\n      {...rest}\n    >\n      {visible}\n      {overflow > 0 ? (\n        <span\n          data-slot=\"avatar-group-overflow\"\n          className={cn(\n            avatarVariants({ size: \"md\" }),\n            \"z-10 grid place-items-center bg-slate-800 text-xs font-semibold text-white\",\n          )}\n          aria-label={`${overflow} more`}\n        >\n          +{overflow}\n        </span>\n      ) : null}\n    </div>\n  );\n}\n\nAvatarGroup.displayName = \"AvatarGroup\";\n"]}

package/dist/{chunk-VUIWYURS.js → chunk-6XVSACCS.js}

@@ -1,16 +1,16 @@
 'use strict';
 
-var chunkQTFOUK4H_js = require('./chunk-QTFOUK4H.js');
+var chunkHNRCPZCK_js = require('./chunk-HNRCPZCK.js');
 var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
-var cardVariants = classVarianceAuthority.cva(chunkQTFOUK4H_js.zuiCardBase, {
+var cardVariants = classVarianceAuthority.cva(chunkHNRCPZCK_js.zuiCardBase, {
   variants: {
-    appearance: chunkQTFOUK4H_js.zuiCardAppearances,
-    size: chunkQTFOUK4H_js.zuiCardSizes,
-    rounded: chunkQTFOUK4H_js.zuiCardRounded
+    appearance: chunkHNRCPZCK_js.zuiCardAppearances,
+    size: chunkHNRCPZCK_js.zuiCardSizes,
+    rounded: chunkHNRCPZCK_js.zuiCardRounded
   },
   defaultVariants: {
     appearance: "default",
@@ -18,27 +18,27 @@ var cardVariants = classVarianceAuthority.cva(chunkQTFOUK4H_js.zuiCardBase, {
     rounded: "md"
   }
 });
-var cardHeaderVariants = classVarianceAuthority.cva(chunkQTFOUK4H_js.zuiCardHeaderBase, {
+var cardHeaderVariants = classVarianceAuthority.cva(chunkHNRCPZCK_js.zuiCardHeaderBase, {
   variants: {
-    size: chunkQTFOUK4H_js.zuiCardHeaderSizes
+    size: chunkHNRCPZCK_js.zuiCardHeaderSizes
   },
   defaultVariants: { size: "md" }
 });
-var cardFooterVariants = classVarianceAuthority.cva(chunkQTFOUK4H_js.zuiCardFooterBase, {
+var cardFooterVariants = classVarianceAuthority.cva(chunkHNRCPZCK_js.zuiCardFooterBase, {
   variants: {
-    size: chunkQTFOUK4H_js.zuiCardFooterSizes
+    size: chunkHNRCPZCK_js.zuiCardFooterSizes
   },
   defaultVariants: { size: "md" }
 });
-var cardTitleVariants = classVarianceAuthority.cva(chunkQTFOUK4H_js.zuiCardTitleBase, {
+var cardTitleVariants = classVarianceAuthority.cva(chunkHNRCPZCK_js.zuiCardTitleBase, {
   variants: {
-    size: chunkQTFOUK4H_js.zuiCardTitleSizes
+    size: chunkHNRCPZCK_js.zuiCardTitleSizes
   },
   defaultVariants: { size: "md" }
 });
-var cardDescriptionVariants = classVarianceAuthority.cva(chunkQTFOUK4H_js.zuiCardDescriptionBase, {
+var cardDescriptionVariants = classVarianceAuthority.cva(chunkHNRCPZCK_js.zuiCardDescriptionBase, {
   variants: {
-    size: chunkQTFOUK4H_js.zuiCardDescriptionSizes
+    size: chunkHNRCPZCK_js.zuiCardDescriptionSizes
   },
   defaultVariants: { size: "md" }
 });
@@ -158,5 +158,5 @@ exports.cardFooterVariants = cardFooterVariants;
 exports.cardHeaderVariants = cardHeaderVariants;
 exports.cardTitleVariants = cardTitleVariants;
 exports.cardVariants = cardVariants;
-//# sourceMappingURL=chunk-VUIWYURS.js.map
-//# sourceMappingURL=chunk-VUIWYURS.js.map
+//# sourceMappingURL=chunk-6XVSACCS.js.map
+//# sourceMappingURL=chunk-6XVSACCS.js.map

package/dist/{chunk-VUIWYURS.js.map → chunk-6XVSACCS.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/card/variants.ts","../src/ui/card/card-base.tsx"],"names":["cva","zuiCardBase","zuiCardAppearances","zuiCardSizes","zuiCardRounded","zuiCardHeaderBase","zuiCardHeaderSizes","zuiCardFooterBase","zuiCardFooterSizes","zuiCardTitleBase","zuiCardTitleSizes","zuiCardDescriptionBase","zuiCardDescriptionSizes","createContext","useContext","useMemo","jsx","cn"],"mappings":"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","file":"chunk-VUIWYURS.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiCardAppearances,\n  zuiCardBase,\n  zuiCardDescriptionBase,\n  zuiCardDescriptionSizes,\n  zuiCardFooterBase,\n  zuiCardFooterSizes,\n  zuiCardHeaderBase,\n  zuiCardHeaderSizes,\n  zuiCardRounded,\n  zuiCardSizes,\n  zuiCardTitleBase,\n  zuiCardTitleSizes,\n} from \"../../design-system/card\";\n\nexport const cardVariants = cva(zuiCardBase, {\n  variants: {\n    appearance: zuiCardAppearances,\n    size: zuiCardSizes,\n    rounded: zuiCardRounded,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    rounded: \"md\",\n  },\n});\n\nexport const cardHeaderVariants = cva(zuiCardHeaderBase, {\n  variants: {\n    size: zuiCardHeaderSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const cardFooterVariants = cva(zuiCardFooterBase, {\n  variants: {\n    size: zuiCardFooterSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const cardTitleVariants = cva(zuiCardTitleBase, {\n  variants: {\n    size: zuiCardTitleSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const cardDescriptionVariants = cva(zuiCardDescriptionBase, {\n  variants: {\n    size: zuiCardDescriptionSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo, type ElementType } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  CardBaseProps,\n  CardDescriptionProps,\n  CardSectionProps,\n  CardSize,\n  CardTitleProps,\n} from \"./types\";\nimport {\n  cardDescriptionVariants,\n  cardFooterVariants,\n  cardHeaderVariants,\n  cardTitleVariants,\n  cardVariants,\n} from \"./variants\";\n\nconst CardSizeContext = createContext<CardSize>(\"md\");\n\nfunction useCardSize(): CardSize {\n  return useContext(CardSizeContext);\n}\n\nexport function CardBase({\n  className,\n  appearance,\n  size = \"md\",\n  rounded,\n  children,\n  ref,\n  as: Wrapper = \"article\",\n  ...rest\n}: CardBaseProps) {\n  const ctx = useMemo(() => size ?? \"md\", [size]);\n\n  return (\n    <CardSizeContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"card\"\n        className={cn(cardVariants({ appearance, size, rounded }), className)}\n        {...rest}\n      >\n        {children}\n      </Wrapper>\n    </CardSizeContext.Provider>\n  );\n}\n\nCardBase.displayName = \"Card\";\n\nexport function CardHeader({ className, children }: CardSectionProps) {\n  const size = useCardSize();\n  return (\n    <header\n      data-slot=\"card-header\"\n      className={cn(cardHeaderVariants({ size }), className)}\n    >\n      {children}\n    </header>\n  );\n}\n\nCardHeader.displayName = \"CardHeader\";\n\nexport function CardBody({ className, children }: CardSectionProps) {\n  return (\n    <div\n      data-slot=\"card-body\"\n      className={cn(\"flex flex-1 flex-col gap-2\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nCardBody.displayName = \"CardBody\";\n\nexport function CardFooter({ className, children }: CardSectionProps) {\n  const size = useCardSize();\n  return (\n    <footer\n      data-slot=\"card-footer\"\n      className={cn(cardFooterVariants({ size }), className)}\n    >\n      {children}\n    </footer>\n  );\n}\n\nCardFooter.displayName = \"CardFooter\";\n\nexport function CardTitle({\n  className,\n  children,\n  as = \"h3\",\n  ref,\n  ...rest\n}: CardTitleProps) {\n  const size = useCardSize();\n  const Tag = as as ElementType;\n  return (\n    <Tag\n      ref={ref as never}\n      data-slot=\"card-title\"\n      className={cn(cardTitleVariants({ size }), className)}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n}\n\nCardTitle.displayName = \"CardTitle\";\n\nexport function CardDescription({\n  className,\n  children,\n  as = \"p\",\n  ref,\n  ...rest\n}: CardDescriptionProps) {\n  const size = useCardSize();\n  const Tag = as as ElementType;\n  return (\n    <Tag\n      ref={ref as never}\n      data-slot=\"card-description\"\n      className={cn(cardDescriptionVariants({ size }), className)}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n}\n\nCardDescription.displayName = \"CardDescription\";\n"]}
+{"version":3,"sources":["../src/ui/card/variants.ts","../src/ui/card/card-base.tsx"],"names":["cva","zuiCardBase","zuiCardAppearances","zuiCardSizes","zuiCardRounded","zuiCardHeaderBase","zuiCardHeaderSizes","zuiCardFooterBase","zuiCardFooterSizes","zuiCardTitleBase","zuiCardTitleSizes","zuiCardDescriptionBase","zuiCardDescriptionSizes","createContext","useContext","useMemo","jsx","cn"],"mappings":"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","file":"chunk-6XVSACCS.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiCardAppearances,\n  zuiCardBase,\n  zuiCardDescriptionBase,\n  zuiCardDescriptionSizes,\n  zuiCardFooterBase,\n  zuiCardFooterSizes,\n  zuiCardHeaderBase,\n  zuiCardHeaderSizes,\n  zuiCardRounded,\n  zuiCardSizes,\n  zuiCardTitleBase,\n  zuiCardTitleSizes,\n} from \"../../design-system/card\";\n\nexport const cardVariants = cva(zuiCardBase, {\n  variants: {\n    appearance: zuiCardAppearances,\n    size: zuiCardSizes,\n    rounded: zuiCardRounded,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    rounded: \"md\",\n  },\n});\n\nexport const cardHeaderVariants = cva(zuiCardHeaderBase, {\n  variants: {\n    size: zuiCardHeaderSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const cardFooterVariants = cva(zuiCardFooterBase, {\n  variants: {\n    size: zuiCardFooterSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const cardTitleVariants = cva(zuiCardTitleBase, {\n  variants: {\n    size: zuiCardTitleSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const cardDescriptionVariants = cva(zuiCardDescriptionBase, {\n  variants: {\n    size: zuiCardDescriptionSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { createContext, useContext, useMemo, type ElementType } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  CardBaseProps,\n  CardDescriptionProps,\n  CardSectionProps,\n  CardSize,\n  CardTitleProps,\n} from \"./types\";\nimport {\n  cardDescriptionVariants,\n  cardFooterVariants,\n  cardHeaderVariants,\n  cardTitleVariants,\n  cardVariants,\n} from \"./variants\";\n\nconst CardSizeContext = createContext<CardSize>(\"md\");\n\nfunction useCardSize(): CardSize {\n  return useContext(CardSizeContext);\n}\n\nexport function CardBase({\n  className,\n  appearance,\n  size = \"md\",\n  rounded,\n  children,\n  ref,\n  as: Wrapper = \"article\",\n  ...rest\n}: CardBaseProps) {\n  const ctx = useMemo(() => size ?? \"md\", [size]);\n\n  return (\n    <CardSizeContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"card\"\n        className={cn(cardVariants({ appearance, size, rounded }), className)}\n        {...rest}\n      >\n        {children}\n      </Wrapper>\n    </CardSizeContext.Provider>\n  );\n}\n\nCardBase.displayName = \"Card\";\n\nexport function CardHeader({ className, children }: CardSectionProps) {\n  const size = useCardSize();\n  return (\n    <header\n      data-slot=\"card-header\"\n      className={cn(cardHeaderVariants({ size }), className)}\n    >\n      {children}\n    </header>\n  );\n}\n\nCardHeader.displayName = \"CardHeader\";\n\nexport function CardBody({ className, children }: CardSectionProps) {\n  return (\n    <div\n      data-slot=\"card-body\"\n      className={cn(\"flex flex-1 flex-col gap-2\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nCardBody.displayName = \"CardBody\";\n\nexport function CardFooter({ className, children }: CardSectionProps) {\n  const size = useCardSize();\n  return (\n    <footer\n      data-slot=\"card-footer\"\n      className={cn(cardFooterVariants({ size }), className)}\n    >\n      {children}\n    </footer>\n  );\n}\n\nCardFooter.displayName = \"CardFooter\";\n\nexport function CardTitle({\n  className,\n  children,\n  as = \"h3\",\n  ref,\n  ...rest\n}: CardTitleProps) {\n  const size = useCardSize();\n  const Tag = as as ElementType;\n  return (\n    <Tag\n      ref={ref as never}\n      data-slot=\"card-title\"\n      className={cn(cardTitleVariants({ size }), className)}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n}\n\nCardTitle.displayName = \"CardTitle\";\n\nexport function CardDescription({\n  className,\n  children,\n  as = \"p\",\n  ref,\n  ...rest\n}: CardDescriptionProps) {\n  const size = useCardSize();\n  const Tag = as as ElementType;\n  return (\n    <Tag\n      ref={ref as never}\n      data-slot=\"card-description\"\n      className={cn(cardDescriptionVariants({ size }), className)}\n      {...rest}\n    >\n      {children}\n    </Tag>\n  );\n}\n\nCardDescription.displayName = \"CardDescription\";\n"]}

package/dist/{chunk-7GIL24GK.js → chunk-7ARZ3MK2.js}

@@ -1,26 +1,26 @@
 'use strict';
 
-var chunkAADGUMYW_js = require('./chunk-AADGUMYW.js');
+var chunkIEHY6KNM_js = require('./chunk-IEHY6KNM.js');
 var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
 var classVarianceAuthority = require('class-variance-authority');
 var react = require('react');
 var fa6 = require('react-icons/fa6');
 var jsxRuntime = require('react/jsx-runtime');
 
-var treeViewVariants = classVarianceAuthority.cva(chunkAADGUMYW_js.zuiTreeViewBase, {
+var treeViewVariants = classVarianceAuthority.cva(chunkIEHY6KNM_js.zuiTreeViewBase, {
   variants: {
-    appearance: chunkAADGUMYW_js.zuiTreeViewAppearances,
-    size: chunkAADGUMYW_js.zuiTreeViewSizes
+    appearance: chunkIEHY6KNM_js.zuiTreeViewAppearances,
+    size: chunkIEHY6KNM_js.zuiTreeViewSizes
   },
   defaultVariants: {
     appearance: "default",
     size: "md"
   }
 });
-var treeViewItemVariants = classVarianceAuthority.cva(chunkAADGUMYW_js.zuiTreeViewItemBase, {
+var treeViewItemVariants = classVarianceAuthority.cva(chunkIEHY6KNM_js.zuiTreeViewItemBase, {
   variants: {
-    appearance: chunkAADGUMYW_js.zuiTreeViewItemAppearances,
-    size: chunkAADGUMYW_js.zuiTreeViewItemSizes
+    appearance: chunkIEHY6KNM_js.zuiTreeViewItemAppearances,
+    size: chunkIEHY6KNM_js.zuiTreeViewItemSizes
   },
   defaultVariants: {
     appearance: "default",
@@ -112,7 +112,7 @@ function TreeItemNode({
             {
               "data-slot": "tree-view-chevron",
               "data-expanded": expanded,
-              className: chunkAADGUMYW_js.zuiTreeViewChevron,
+              className: chunkIEHY6KNM_js.zuiTreeViewChevron,
               children: chevronIcon || /* @__PURE__ */ jsxRuntime.jsx(fa6.FaChevronRight, {})
             }
           ) : (
@@ -120,7 +120,7 @@ function TreeItemNode({
             // with sibling branches that do have disclosure icons.
             /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": true, className: "inline-flex h-5 w-5 shrink-0" })
           ),
-          node.icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "tree-view-icon", className: chunkAADGUMYW_js.zuiTreeViewIcon, children: node.icon }) : null,
+          node.icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "tree-view-icon", className: chunkIEHY6KNM_js.zuiTreeViewIcon, children: node.icon }) : null,
           /* @__PURE__ */ jsxRuntime.jsx("span", { "data-slot": "tree-view-label", className: "truncate", children: renderNode ? renderNode({
             node,
             depth: level,
@@ -133,7 +133,7 @@ function TreeItemNode({
     hasChildren ? /* @__PURE__ */ jsxRuntime.jsx(Group, { open: expanded, level, children: /* @__PURE__ */ jsxRuntime.jsx(
       "ol",
       {
-        className: chunkZS5756ZC_js.cn(showGuides && chunkAADGUMYW_js.zuiTreeViewGuide, showGuides && "ml-5"),
+        className: chunkZS5756ZC_js.cn(showGuides && chunkIEHY6KNM_js.zuiTreeViewGuide, showGuides && "ml-5"),
         children: node.children?.map((child) => (
           // Recursion preserves each child's depth so ARIA levels,
           // indentation, and guide spacing all stay in sync.
@@ -350,5 +350,5 @@ TreeViewBase.displayName = "TreeView";
 exports.TreeViewBase = TreeViewBase;
 exports.treeViewItemVariants = treeViewItemVariants;
 exports.treeViewVariants = treeViewVariants;
-//# sourceMappingURL=chunk-7GIL24GK.js.map
-//# sourceMappingURL=chunk-7GIL24GK.js.map
+//# sourceMappingURL=chunk-7ARZ3MK2.js.map
+//# sourceMappingURL=chunk-7ARZ3MK2.js.map

package/dist/{chunk-7GIL24GK.js.map → chunk-7ARZ3MK2.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/tree-view/variants.ts","../src/ui/tree-view/tree-view-base.tsx"],"names":["cva","zuiTreeViewBase","zuiTreeViewAppearances","zuiTreeViewSizes","zuiTreeViewItemBase","zuiTreeViewItemAppearances","zuiTreeViewItemSizes","createContext","useContext","jsx","jsxs","zuiTreeViewChevron","FaChevronRight","zuiTreeViewIcon","cn","zuiTreeViewGuide","useState","useMemo","useCallback","useRef"],"mappings":"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","file":"chunk-7GIL24GK.js","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":["cva","zuiTreeViewBase","zuiTreeViewAppearances","zuiTreeViewSizes","zuiTreeViewItemBase","zuiTreeViewItemAppearances","zuiTreeViewItemSizes","createContext","useContext","jsx","jsxs","zuiTreeViewChevron","FaChevronRight","zuiTreeViewIcon","cn","zuiTreeViewGuide","useState","useMemo","useCallback","useRef"],"mappings":"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","file":"chunk-7ARZ3MK2.js","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-7DVECOO7.js

@@ -0,0 +1,78 @@
+'use strict';
+
+// src/design-system/copy-button.ts
+var zuiCopyButtonBase = [
+  "relative inline-flex items-center justify-center gap-2 whitespace-nowrap",
+  "rounded-[var(--zui-copy-button-radius,var(--zui-radius,0.75rem))] font-medium",
+  "ring-offset-[var(--zui-copy-button-ring-offset,var(--zui-ring-offset,#f8fafc))] dark:ring-offset-[var(--zui-copy-button-ring-offset-dark,var(--zui-ring-offset-dark,#020617))]",
+  "transition-colors select-none",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-copy-button-focus-ring,var(--zui-focus-ring,#475569))] dark:focus-visible:ring-[var(--zui-copy-button-focus-ring-dark,var(--zui-focus-ring-dark,#cbd5e1))] focus-visible:ring-offset-2",
+  "disabled:pointer-events-none disabled:opacity-50"
+];
+var zuiCopyButtonAppearances = {
+  default: "bg-[var(--zui-copy-button-default-bg,var(--zui-brand,#0f172a))] dark:bg-[var(--zui-copy-button-default-bg-dark,var(--zui-brand-dark,#f8fafc))] text-[color:var(--zui-copy-button-default-fg,var(--zui-brand-fg,#f8fafc))] dark:text-[color:var(--zui-copy-button-default-fg-dark,var(--zui-brand-fg-dark,#020617))] shadow-[var(--zui-copy-button-default-shadow,var(--zui-shadow,0_1px_2px_#0f172a14))] dark:shadow-[var(--zui-copy-button-default-shadow-dark,var(--zui-shadow-dark,0_1px_2px_#0f172a1f))] hover:bg-[var(--zui-copy-button-default-bg-hover,var(--zui-brand-hover,#000000))] dark:hover:bg-[var(--zui-copy-button-default-bg-hover-dark,var(--zui-brand-hover-dark,#ffffff))]",
+  secondary: "bg-[var(--zui-copy-button-secondary-bg,var(--zui-surface-soft,#e2e8f0))] dark:bg-[var(--zui-copy-button-secondary-bg-dark,var(--zui-surface-soft-dark,#1e293b))] text-[color:var(--zui-copy-button-secondary-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-copy-button-secondary-fg-dark,var(--zui-fg-dark,#f8fafc))] hover:bg-[var(--zui-copy-button-secondary-bg-hover,var(--zui-surface-hover,#cbd5e1))] dark:hover:bg-[var(--zui-copy-button-secondary-bg-hover-dark,var(--zui-surface-hover-dark,#334155))]",
+  destructive: "bg-[var(--zui-copy-button-destructive-bg,var(--zui-status-error,#f43f5e))] dark:bg-[var(--zui-copy-button-destructive-bg-dark,var(--zui-status-error-dark,#be123c))] text-[color:var(--zui-copy-button-destructive-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-destructive-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-destructive-bg-hover,var(--zui-status-error,#f43f5e))] dark:hover:bg-[var(--zui-copy-button-destructive-bg-hover-dark,var(--zui-status-error-dark,#9f1239))]",
+  outline: "border border-[color:var(--zui-copy-button-outline-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-copy-button-outline-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-copy-button-outline-bg,var(--zui-surface-soft,#0000000d))] dark:bg-[var(--zui-copy-button-outline-bg-dark,var(--zui-surface-soft-dark,#ffffff0d))] text-[color:var(--zui-copy-button-outline-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-copy-button-outline-fg-dark,var(--zui-fg-dark,#f8fafc))] hover:bg-[var(--zui-copy-button-outline-bg-hover,var(--zui-surface-hover,#0000001a))] dark:hover:bg-[var(--zui-copy-button-outline-bg-hover-dark,var(--zui-surface-hover-dark,#ffffff1a))]",
+  ghost: "bg-transparent text-[color:var(--zui-copy-button-ghost-fg,var(--zui-fg,#334155))] dark:text-[color:var(--zui-copy-button-ghost-fg-dark,var(--zui-fg-dark,#e2e8f0))] hover:bg-[var(--zui-copy-button-ghost-bg-hover,var(--zui-surface-hover,#0000000d))] dark:hover:bg-[var(--zui-copy-button-ghost-bg-hover-dark,var(--zui-surface-hover-dark,#ffffff0d))]",
+  glass: "border border-[color:var(--zui-copy-button-glass-border,var(--zui-border,#00000026))] dark:border-[color:var(--zui-copy-button-glass-border-dark,var(--zui-border-dark,#ffffff26))] bg-[var(--zui-copy-button-glass-bg,var(--zui-surface-soft,#0000001a))] dark:bg-[var(--zui-copy-button-glass-bg-dark,var(--zui-surface-soft-dark,#ffffff1a))] text-[color:var(--zui-copy-button-glass-fg,var(--zui-fg,#0f172a))] dark:text-[color:var(--zui-copy-button-glass-fg-dark,var(--zui-fg-dark,#ffffff))] backdrop-blur-md hover:bg-[var(--zui-copy-button-glass-bg-hover,var(--zui-surface-hover,#00000026))] dark:hover:bg-[var(--zui-copy-button-glass-bg-hover-dark,var(--zui-surface-hover-dark,#ffffff26))]",
+  emerald: "bg-[var(--zui-copy-button-emerald-bg,var(--zui-color-emerald,#10b981))] dark:bg-[var(--zui-copy-button-emerald-bg-dark,var(--zui-color-emerald-dark,#065f46))] text-[color:var(--zui-copy-button-emerald-fg,var(--zui-brand-fg,#064e3b))] dark:text-[color:var(--zui-copy-button-emerald-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-emerald-bg-hover,var(--zui-color-emerald,#10b981))] dark:hover:bg-[var(--zui-copy-button-emerald-bg-hover-dark,var(--zui-color-emerald-dark,#064e3b))]",
+  indigo: "bg-[var(--zui-copy-button-indigo-bg,var(--zui-color-indigo,#3730a3))] dark:bg-[var(--zui-copy-button-indigo-bg-dark,var(--zui-color-indigo-dark,#4f46e5))] text-[color:var(--zui-copy-button-indigo-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-indigo-bg-hover,var(--zui-color-indigo,#3730a3))] dark:hover:bg-[var(--zui-copy-button-indigo-bg-hover-dark,var(--zui-color-indigo-dark,#4f46e5))]",
+  purple: "bg-[var(--zui-copy-button-purple-bg,var(--zui-color-purple,#6b21a8))] dark:bg-[var(--zui-copy-button-purple-bg-dark,var(--zui-color-purple-dark,#9333ea))] text-[color:var(--zui-copy-button-purple-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-purple-bg-hover,var(--zui-color-purple,#6b21a8))] dark:hover:bg-[var(--zui-copy-button-purple-bg-hover-dark,var(--zui-color-purple-dark,#9333ea))]",
+  pink: "bg-[var(--zui-copy-button-pink-bg,var(--zui-color-pink,#9d174d))] dark:bg-[var(--zui-copy-button-pink-bg-dark,var(--zui-color-pink-dark,#db2777))] text-[color:var(--zui-copy-button-pink-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-pink-bg-hover,var(--zui-color-pink,#9d174d))] dark:hover:bg-[var(--zui-copy-button-pink-bg-hover-dark,var(--zui-color-pink-dark,#db2777))]",
+  rose: "bg-[var(--zui-copy-button-rose-bg,var(--zui-color-rose,#9f1239))] dark:bg-[var(--zui-copy-button-rose-bg-dark,var(--zui-color-rose-dark,#e11d48))] text-[color:var(--zui-copy-button-rose-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-rose-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-rose-bg-hover,var(--zui-color-rose,#9f1239))] dark:hover:bg-[var(--zui-copy-button-rose-bg-hover-dark,var(--zui-color-rose-dark,#e11d48))]",
+  sky: "bg-[var(--zui-copy-button-sky-bg,var(--zui-color-sky,#0ea5e9))] dark:bg-[var(--zui-copy-button-sky-bg-dark,var(--zui-color-sky-dark,#0369a1))] text-[color:var(--zui-copy-button-sky-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-sky-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-sky-bg-hover,var(--zui-color-sky,#0ea5e9))] dark:hover:bg-[var(--zui-copy-button-sky-bg-hover-dark,var(--zui-color-sky-dark,#075985))]",
+  teal: "bg-[var(--zui-copy-button-teal-bg,var(--zui-color-teal,#14b8a6))] dark:bg-[var(--zui-copy-button-teal-bg-dark,var(--zui-color-teal-dark,#0f766e))] text-[color:var(--zui-copy-button-teal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-teal-bg-hover,var(--zui-color-teal,#14b8a6))] dark:hover:bg-[var(--zui-copy-button-teal-bg-hover-dark,var(--zui-color-teal-dark,#115e59))]",
+  yellow: "bg-[var(--zui-copy-button-yellow-bg,var(--zui-color-yellow,#eab308))] dark:bg-[var(--zui-copy-button-yellow-bg-dark,var(--zui-color-yellow-dark,#854d0e))] text-[color:var(--zui-copy-button-yellow-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-yellow-bg-hover,var(--zui-color-yellow,#eab308))] dark:hover:bg-[var(--zui-copy-button-yellow-bg-hover-dark,var(--zui-color-yellow-dark,#713f12))]",
+  orange: "bg-[var(--zui-copy-button-orange-bg,var(--zui-color-orange,#f97316))] dark:bg-[var(--zui-copy-button-orange-bg-dark,var(--zui-color-orange-dark,#9a3412))] text-[color:var(--zui-copy-button-orange-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-orange-bg-hover,var(--zui-color-orange,#f97316))] dark:hover:bg-[var(--zui-copy-button-orange-bg-hover-dark,var(--zui-color-orange-dark,#7c2d12))]",
+  gray: "bg-[var(--zui-copy-button-gray-bg,var(--zui-color-gray,#6b7280))] dark:bg-[var(--zui-copy-button-gray-bg-dark,var(--zui-color-gray-dark,#374151))] text-[color:var(--zui-copy-button-gray-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-gray-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-gray-bg-hover,var(--zui-color-gray,#6b7280))] dark:hover:bg-[var(--zui-copy-button-gray-bg-hover-dark,var(--zui-color-gray-dark,#1f2937))]",
+  amber: "bg-[var(--zui-copy-button-amber-bg,var(--zui-color-amber,#f59e0b))] dark:bg-[var(--zui-copy-button-amber-bg-dark,var(--zui-color-amber-dark,#92400e))] text-[color:var(--zui-copy-button-amber-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-amber-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-amber-bg-hover,var(--zui-color-amber,#f59e0b))] dark:hover:bg-[var(--zui-copy-button-amber-bg-hover-dark,var(--zui-color-amber-dark,#78350f))]",
+  violet: "bg-[var(--zui-copy-button-violet-bg,var(--zui-color-violet,#5b21b6))] dark:bg-[var(--zui-copy-button-violet-bg-dark,var(--zui-color-violet-dark,#7c3aed))] text-[color:var(--zui-copy-button-violet-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-violet-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-violet-bg-hover,var(--zui-color-violet,#5b21b6))] dark:hover:bg-[var(--zui-copy-button-violet-bg-hover-dark,var(--zui-color-violet-dark,#7c3aed))]",
+  "gradient-blue": "bg-linear-to-r from-[var(--zui-copy-button-gradient-blue-from,var(--zui-color-blue,#1e40af))] dark:from-[var(--zui-copy-button-gradient-blue-from-dark,var(--zui-color-blue-dark,#2563eb))] to-[var(--zui-copy-button-gradient-blue-to,var(--zui-color-purple,#6b21a8))] dark:to-[var(--zui-copy-button-gradient-blue-to-dark,var(--zui-color-purple-dark,#9333ea))] text-[color:var(--zui-copy-button-gradient-blue-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-gradient-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:from-[var(--zui-copy-button-gradient-blue-from-hover,var(--zui-color-blue,#1e40af))] dark:hover:from-[var(--zui-copy-button-gradient-blue-from-hover-dark,var(--zui-color-blue-dark,#2563eb))] hover:to-[var(--zui-copy-button-gradient-blue-to-hover,var(--zui-color-purple,#6b21a8))] dark:hover:to-[var(--zui-copy-button-gradient-blue-to-hover-dark,var(--zui-color-purple-dark,#9333ea))]",
+  "gradient-green": "bg-linear-to-r from-[var(--zui-copy-button-gradient-green-from,var(--zui-color-green,#166534))] dark:from-[var(--zui-copy-button-gradient-green-from-dark,var(--zui-color-green-dark,#16a34a))] to-[var(--zui-copy-button-gradient-green-to,var(--zui-color-lime,#3f6212))] dark:to-[var(--zui-copy-button-gradient-green-to-dark,var(--zui-color-lime-dark,#65a30d))] text-[color:var(--zui-copy-button-gradient-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-gradient-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:from-[var(--zui-copy-button-gradient-green-from-hover,var(--zui-color-green,#166534))] dark:hover:from-[var(--zui-copy-button-gradient-green-from-hover-dark,var(--zui-color-green-dark,#16a34a))] hover:to-[var(--zui-copy-button-gradient-green-to-hover,var(--zui-color-lime,#3f6212))] dark:hover:to-[var(--zui-copy-button-gradient-green-to-hover-dark,var(--zui-color-lime-dark,#65a30d))]",
+  "gradient-red": "bg-linear-to-r from-[var(--zui-copy-button-gradient-red-from,var(--zui-color-red,#991b1b))] dark:from-[var(--zui-copy-button-gradient-red-from-dark,var(--zui-color-red-dark,#dc2626))] to-[var(--zui-copy-button-gradient-red-to,var(--zui-color-pink,#9d174d))] dark:to-[var(--zui-copy-button-gradient-red-to-dark,var(--zui-color-pink-dark,#db2777))] text-[color:var(--zui-copy-button-gradient-red-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-gradient-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:from-[var(--zui-copy-button-gradient-red-from-hover,var(--zui-color-red,#991b1b))] dark:hover:from-[var(--zui-copy-button-gradient-red-from-hover-dark,var(--zui-color-red-dark,#dc2626))] hover:to-[var(--zui-copy-button-gradient-red-to-hover,var(--zui-color-pink,#9d174d))] dark:hover:to-[var(--zui-copy-button-gradient-red-to-hover-dark,var(--zui-color-pink-dark,#db2777))]",
+  "gradient-yellow": "bg-linear-to-r from-[var(--zui-copy-button-gradient-yellow-from,var(--zui-color-yellow,#854d0e))] dark:from-[var(--zui-copy-button-gradient-yellow-from-dark,var(--zui-color-yellow-dark,#ca8a04))] to-[var(--zui-copy-button-gradient-yellow-to,var(--zui-color-orange,#9a3412))] dark:to-[var(--zui-copy-button-gradient-yellow-to-dark,var(--zui-color-orange-dark,#ea580c))] text-[color:var(--zui-copy-button-gradient-yellow-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-gradient-yellow-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:from-[var(--zui-copy-button-gradient-yellow-from-hover,var(--zui-color-yellow,#854d0e))] dark:hover:from-[var(--zui-copy-button-gradient-yellow-from-hover-dark,var(--zui-color-yellow-dark,#ca8a04))] hover:to-[var(--zui-copy-button-gradient-yellow-to-hover,var(--zui-color-orange,#9a3412))] dark:hover:to-[var(--zui-copy-button-gradient-yellow-to-hover-dark,var(--zui-color-orange-dark,#ea580c))]",
+  "gradient-purple": "bg-linear-to-r from-[var(--zui-copy-button-gradient-purple-from,var(--zui-color-purple,#6b21a8))] dark:from-[var(--zui-copy-button-gradient-purple-from-dark,var(--zui-color-purple-dark,#9333ea))] to-[var(--zui-copy-button-gradient-purple-to,var(--zui-color-pink,#9d174d))] dark:to-[var(--zui-copy-button-gradient-purple-to-dark,var(--zui-color-pink-dark,#db2777))] text-[color:var(--zui-copy-button-gradient-purple-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-gradient-purple-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:from-[var(--zui-copy-button-gradient-purple-from-hover,var(--zui-color-purple,#6b21a8))] dark:hover:from-[var(--zui-copy-button-gradient-purple-from-hover-dark,var(--zui-color-purple-dark,#9333ea))] hover:to-[var(--zui-copy-button-gradient-purple-to-hover,var(--zui-color-pink,#9d174d))] dark:hover:to-[var(--zui-copy-button-gradient-purple-to-hover-dark,var(--zui-color-pink-dark,#db2777))]",
+  "gradient-teal": "bg-linear-to-r from-[var(--zui-copy-button-gradient-teal-from,var(--zui-color-teal,#115e59))] dark:from-[var(--zui-copy-button-gradient-teal-from-dark,var(--zui-color-teal-dark,#0d9488))] to-[var(--zui-copy-button-gradient-teal-to,var(--zui-color-cyan,#155e75))] dark:to-[var(--zui-copy-button-gradient-teal-to-dark,var(--zui-color-cyan-dark,#0891b2))] text-[color:var(--zui-copy-button-gradient-teal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-gradient-teal-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:from-[var(--zui-copy-button-gradient-teal-from-hover,var(--zui-color-teal,#115e59))] dark:hover:from-[var(--zui-copy-button-gradient-teal-from-hover-dark,var(--zui-color-teal-dark,#0d9488))] hover:to-[var(--zui-copy-button-gradient-teal-to-hover,var(--zui-color-cyan,#155e75))] dark:hover:to-[var(--zui-copy-button-gradient-teal-to-hover-dark,var(--zui-color-cyan-dark,#0891b2))]",
+  "gradient-indigo": "bg-linear-to-r from-[var(--zui-copy-button-gradient-indigo-from,var(--zui-color-indigo,#3730a3))] dark:from-[var(--zui-copy-button-gradient-indigo-from-dark,var(--zui-color-indigo-dark,#4f46e5))] to-[var(--zui-copy-button-gradient-indigo-to,var(--zui-color-purple,#6b21a8))] dark:to-[var(--zui-copy-button-gradient-indigo-to-dark,var(--zui-color-purple-dark,#9333ea))] text-[color:var(--zui-copy-button-gradient-indigo-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-gradient-indigo-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:from-[var(--zui-copy-button-gradient-indigo-from-hover,var(--zui-color-indigo,#3730a3))] dark:hover:from-[var(--zui-copy-button-gradient-indigo-from-hover-dark,var(--zui-color-indigo-dark,#4f46e5))] hover:to-[var(--zui-copy-button-gradient-indigo-to-hover,var(--zui-color-purple,#6b21a8))] dark:hover:to-[var(--zui-copy-button-gradient-indigo-to-hover-dark,var(--zui-color-purple-dark,#9333ea))]",
+  "gradient-pink": "bg-linear-to-r from-[var(--zui-copy-button-gradient-pink-from,var(--zui-color-pink,#9d174d))] dark:from-[var(--zui-copy-button-gradient-pink-from-dark,var(--zui-color-pink-dark,#db2777))] to-[var(--zui-copy-button-gradient-pink-to,var(--zui-color-rose,#9f1239))] dark:to-[var(--zui-copy-button-gradient-pink-to-dark,var(--zui-color-rose-dark,#e11d48))] text-[color:var(--zui-copy-button-gradient-pink-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-gradient-pink-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:from-[var(--zui-copy-button-gradient-pink-from-hover,var(--zui-color-pink,#9d174d))] dark:hover:from-[var(--zui-copy-button-gradient-pink-from-hover-dark,var(--zui-color-pink-dark,#db2777))] hover:to-[var(--zui-copy-button-gradient-pink-to-hover,var(--zui-color-rose,#9f1239))] dark:hover:to-[var(--zui-copy-button-gradient-pink-to-hover-dark,var(--zui-color-rose-dark,#e11d48))]",
+  "gradient-orange": "bg-linear-to-r from-[var(--zui-copy-button-gradient-orange-from,var(--zui-color-orange,#9a3412))] dark:from-[var(--zui-copy-button-gradient-orange-from-dark,var(--zui-color-orange-dark,#ea580c))] to-[var(--zui-copy-button-gradient-orange-to,var(--zui-color-red,#991b1b))] dark:to-[var(--zui-copy-button-gradient-orange-to-dark,var(--zui-color-red-dark,#dc2626))] text-[color:var(--zui-copy-button-gradient-orange-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-gradient-orange-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:from-[var(--zui-copy-button-gradient-orange-from-hover,var(--zui-color-orange,#9a3412))] dark:hover:from-[var(--zui-copy-button-gradient-orange-from-hover-dark,var(--zui-color-orange-dark,#ea580c))] hover:to-[var(--zui-copy-button-gradient-orange-to-hover,var(--zui-color-red,#991b1b))] dark:hover:to-[var(--zui-copy-button-gradient-orange-to-hover-dark,var(--zui-color-red-dark,#dc2626))]",
+  blue: "border border-[color:var(--zui-copy-button-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[color:var(--zui-copy-button-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-copy-button-blue-bg,var(--zui-color-blue,#2563eb))] dark:bg-[var(--zui-copy-button-blue-bg-dark,var(--zui-color-blue-dark,#3b82f6))] text-[color:var(--zui-copy-button-blue-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-blue-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-blue-bg-hover,var(--zui-color-blue,#2563eb))] dark:hover:bg-[var(--zui-copy-button-blue-bg-hover-dark,var(--zui-color-blue-dark,#3b82f6))]",
+  cyan: "border border-[color:var(--zui-copy-button-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[color:var(--zui-copy-button-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-copy-button-cyan-bg,var(--zui-color-cyan,#0891b2))] dark:bg-[var(--zui-copy-button-cyan-bg-dark,var(--zui-color-cyan-dark,#22d3ee))] text-[color:var(--zui-copy-button-cyan-fg,var(--zui-brand-fg,#083344))] dark:text-[color:var(--zui-copy-button-cyan-fg-dark,var(--zui-brand-fg-dark,#083344))] hover:bg-[var(--zui-copy-button-cyan-bg-hover,var(--zui-color-cyan,#0891b2))] dark:hover:bg-[var(--zui-copy-button-cyan-bg-hover-dark,var(--zui-color-cyan-dark,#22d3ee))]",
+  green: "border border-[color:var(--zui-copy-button-green-border,var(--zui-color-green,#16a34a))] dark:border-[color:var(--zui-copy-button-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-copy-button-green-bg,var(--zui-color-green,#16a34a))] dark:bg-[var(--zui-copy-button-green-bg-dark,var(--zui-color-green-dark,#22c55e))] text-[color:var(--zui-copy-button-green-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-green-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-green-bg-hover,var(--zui-color-green,#16a34a))] dark:hover:bg-[var(--zui-copy-button-green-bg-hover-dark,var(--zui-color-green-dark,#22c55e))]",
+  lime: "border border-[color:var(--zui-copy-button-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[color:var(--zui-copy-button-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-copy-button-lime-bg,var(--zui-color-lime,#65a30d))] dark:bg-[var(--zui-copy-button-lime-bg-dark,var(--zui-color-lime-dark,#a3e635))] text-[color:var(--zui-copy-button-lime-fg,var(--zui-brand-fg,#1a2e05))] dark:text-[color:var(--zui-copy-button-lime-fg-dark,var(--zui-brand-fg-dark,#1a2e05))] hover:bg-[var(--zui-copy-button-lime-bg-hover,var(--zui-color-lime,#65a30d))] dark:hover:bg-[var(--zui-copy-button-lime-bg-hover-dark,var(--zui-color-lime-dark,#a3e635))]",
+  mint: "border border-[color:var(--zui-copy-button-mint-border,var(--zui-color-mint,#10b981))] dark:border-[color:var(--zui-copy-button-mint-border-dark,var(--zui-color-mint-dark,#6ee7b7))] bg-[var(--zui-copy-button-mint-bg,var(--zui-color-mint,#10b981))] dark:bg-[var(--zui-copy-button-mint-bg-dark,var(--zui-color-mint-dark,#6ee7b7))] text-[color:var(--zui-copy-button-mint-fg,var(--zui-brand-fg,#064e3b))] dark:text-[color:var(--zui-copy-button-mint-fg-dark,var(--zui-brand-fg-dark,#064e3b))] hover:bg-[var(--zui-copy-button-mint-bg-hover,var(--zui-color-mint,#10b981))] dark:hover:bg-[var(--zui-copy-button-mint-bg-hover-dark,var(--zui-color-mint-dark,#6ee7b7))]",
+  ocean: "border border-[color:var(--zui-copy-button-ocean-border,var(--zui-color-ocean,#0284c7))] dark:border-[color:var(--zui-copy-button-ocean-border-dark,var(--zui-color-ocean-dark,#38bdf8))] bg-[var(--zui-copy-button-ocean-bg,var(--zui-color-ocean,#0284c7))] dark:bg-[var(--zui-copy-button-ocean-bg-dark,var(--zui-color-ocean-dark,#38bdf8))] text-[color:var(--zui-copy-button-ocean-fg,var(--zui-brand-fg,#082f49))] dark:text-[color:var(--zui-copy-button-ocean-fg-dark,var(--zui-brand-fg-dark,#082f49))] hover:bg-[var(--zui-copy-button-ocean-bg-hover,var(--zui-color-ocean,#0284c7))] dark:hover:bg-[var(--zui-copy-button-ocean-bg-hover-dark,var(--zui-color-ocean-dark,#38bdf8))]",
+  sapphire: "border border-[color:var(--zui-copy-button-sapphire-border,var(--zui-color-sapphire,#1d4ed8))] dark:border-[color:var(--zui-copy-button-sapphire-border-dark,var(--zui-color-sapphire-dark,#60a5fa))] bg-[var(--zui-copy-button-sapphire-bg,var(--zui-color-sapphire,#1d4ed8))] dark:bg-[var(--zui-copy-button-sapphire-bg-dark,var(--zui-color-sapphire-dark,#60a5fa))] text-[color:var(--zui-copy-button-sapphire-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-sapphire-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-sapphire-bg-hover,var(--zui-color-sapphire,#1d4ed8))] dark:hover:bg-[var(--zui-copy-button-sapphire-bg-hover-dark,var(--zui-color-sapphire-dark,#60a5fa))]",
+  lavender: "border border-[color:var(--zui-copy-button-lavender-border,var(--zui-color-lavender,#8b5cf6))] dark:border-[color:var(--zui-copy-button-lavender-border-dark,var(--zui-color-lavender-dark,#a78bfa))] bg-[var(--zui-copy-button-lavender-bg,var(--zui-color-lavender,#8b5cf6))] dark:bg-[var(--zui-copy-button-lavender-bg-dark,var(--zui-color-lavender-dark,#a78bfa))] text-[color:var(--zui-copy-button-lavender-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-lavender-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-lavender-bg-hover,var(--zui-color-lavender,#8b5cf6))] dark:hover:bg-[var(--zui-copy-button-lavender-bg-hover-dark,var(--zui-color-lavender-dark,#a78bfa))]",
+  ruby: "border border-[color:var(--zui-copy-button-ruby-border,var(--zui-color-ruby,#be123c))] dark:border-[color:var(--zui-copy-button-ruby-border-dark,var(--zui-color-ruby-dark,#fb7185))] bg-[var(--zui-copy-button-ruby-bg,var(--zui-color-ruby,#be123c))] dark:bg-[var(--zui-copy-button-ruby-bg-dark,var(--zui-color-ruby-dark,#fb7185))] text-[color:var(--zui-copy-button-ruby-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-ruby-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-ruby-bg-hover,var(--zui-color-ruby,#be123c))] dark:hover:bg-[var(--zui-copy-button-ruby-bg-hover-dark,var(--zui-color-ruby-dark,#fb7185))]",
+  red: "border border-[color:var(--zui-copy-button-red-border,var(--zui-color-red,#dc2626))] dark:border-[color:var(--zui-copy-button-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-copy-button-red-bg,var(--zui-color-red,#dc2626))] dark:bg-[var(--zui-copy-button-red-bg-dark,var(--zui-color-red-dark,#ef4444))] text-[color:var(--zui-copy-button-red-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-red-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-red-bg-hover,var(--zui-color-red,#dc2626))] dark:hover:bg-[var(--zui-copy-button-red-bg-hover-dark,var(--zui-color-red-dark,#ef4444))]",
+  slate: "border border-[color:var(--zui-copy-button-slate-border,var(--zui-color-slate,#475569))] dark:border-[color:var(--zui-copy-button-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-copy-button-slate-bg,var(--zui-color-slate,#475569))] dark:bg-[var(--zui-copy-button-slate-bg-dark,var(--zui-color-slate-dark,#64748b))] text-[color:var(--zui-copy-button-slate-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-slate-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-slate-bg-hover,var(--zui-color-slate,#475569))] dark:hover:bg-[var(--zui-copy-button-slate-bg-hover-dark,var(--zui-color-slate-dark,#64748b))]",
+  zinc: "border border-[color:var(--zui-copy-button-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[color:var(--zui-copy-button-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-copy-button-zinc-bg,var(--zui-color-zinc,#52525b))] dark:bg-[var(--zui-copy-button-zinc-bg-dark,var(--zui-color-zinc-dark,#71717a))] text-[color:var(--zui-copy-button-zinc-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-zinc-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-zinc-bg-hover,var(--zui-color-zinc,#52525b))] dark:hover:bg-[var(--zui-copy-button-zinc-bg-hover-dark,var(--zui-color-zinc-dark,#71717a))]",
+  stone: "border border-[color:var(--zui-copy-button-stone-border,var(--zui-color-stone,#57534e))] dark:border-[color:var(--zui-copy-button-stone-border-dark,var(--zui-color-stone-dark,#78716c))] bg-[var(--zui-copy-button-stone-bg,var(--zui-color-stone,#57534e))] dark:bg-[var(--zui-copy-button-stone-bg-dark,var(--zui-color-stone-dark,#78716c))] text-[color:var(--zui-copy-button-stone-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-stone-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-stone-bg-hover,var(--zui-color-stone,#57534e))] dark:hover:bg-[var(--zui-copy-button-stone-bg-hover-dark,var(--zui-color-stone-dark,#78716c))]",
+  royal: "border border-[color:var(--zui-copy-button-royal-border,var(--zui-color-royal,#4338ca))] dark:border-[color:var(--zui-copy-button-royal-border-dark,var(--zui-color-royal-dark,#818cf8))] bg-[var(--zui-copy-button-royal-bg,var(--zui-color-royal,#4338ca))] dark:bg-[var(--zui-copy-button-royal-bg-dark,var(--zui-color-royal-dark,#818cf8))] text-[color:var(--zui-copy-button-royal-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-royal-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-royal-bg-hover,var(--zui-color-royal,#4338ca))] dark:hover:bg-[var(--zui-copy-button-royal-bg-hover-dark,var(--zui-color-royal-dark,#818cf8))]",
+  electric: "border border-[color:var(--zui-copy-button-electric-border,var(--zui-color-electric,#0ea5e9))] dark:border-[color:var(--zui-copy-button-electric-border-dark,var(--zui-color-electric-dark,#38bdf8))] bg-[var(--zui-copy-button-electric-bg,var(--zui-color-electric,#0ea5e9))] dark:bg-[var(--zui-copy-button-electric-bg-dark,var(--zui-color-electric-dark,#38bdf8))] text-[color:var(--zui-copy-button-electric-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-electric-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-electric-bg-hover,var(--zui-color-electric,#0ea5e9))] dark:hover:bg-[var(--zui-copy-button-electric-bg-hover-dark,var(--zui-color-electric-dark,#38bdf8))]",
+  forest: "border border-[color:var(--zui-copy-button-forest-border,var(--zui-color-forest,#166534))] dark:border-[color:var(--zui-copy-button-forest-border-dark,var(--zui-color-forest-dark,#4ade80))] bg-[var(--zui-copy-button-forest-bg,var(--zui-color-forest,#166534))] dark:bg-[var(--zui-copy-button-forest-bg-dark,var(--zui-color-forest-dark,#4ade80))] text-[color:var(--zui-copy-button-forest-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-forest-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-forest-bg-hover,var(--zui-color-forest,#166534))] dark:hover:bg-[var(--zui-copy-button-forest-bg-hover-dark,var(--zui-color-forest-dark,#4ade80))]",
+  sunset: "border border-[color:var(--zui-copy-button-sunset-border,var(--zui-color-sunset,#ea580c))] dark:border-[color:var(--zui-copy-button-sunset-border-dark,var(--zui-color-sunset-dark,#fb923c))] bg-[var(--zui-copy-button-sunset-bg,var(--zui-color-sunset,#ea580c))] dark:bg-[var(--zui-copy-button-sunset-bg-dark,var(--zui-color-sunset-dark,#fb923c))] text-[color:var(--zui-copy-button-sunset-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-sunset-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-sunset-bg-hover,var(--zui-color-sunset,#ea580c))] dark:hover:bg-[var(--zui-copy-button-sunset-bg-hover-dark,var(--zui-color-sunset-dark,#fb923c))]",
+  magenta: "border border-[color:var(--zui-copy-button-magenta-border,var(--zui-color-magenta,#c026d3))] dark:border-[color:var(--zui-copy-button-magenta-border-dark,var(--zui-color-magenta-dark,#e879f9))] bg-[var(--zui-copy-button-magenta-bg,var(--zui-color-magenta,#c026d3))] dark:bg-[var(--zui-copy-button-magenta-bg-dark,var(--zui-color-magenta-dark,#e879f9))] text-[color:var(--zui-copy-button-magenta-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-magenta-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-magenta-bg-hover,var(--zui-color-magenta,#c026d3))] dark:hover:bg-[var(--zui-copy-button-magenta-bg-hover-dark,var(--zui-color-magenta-dark,#e879f9))]",
+  crimson: "border border-[color:var(--zui-copy-button-crimson-border,var(--zui-color-crimson,#b91c1c))] dark:border-[color:var(--zui-copy-button-crimson-border-dark,var(--zui-color-crimson-dark,#f87171))] bg-[var(--zui-copy-button-crimson-bg,var(--zui-color-crimson,#b91c1c))] dark:bg-[var(--zui-copy-button-crimson-bg-dark,var(--zui-color-crimson-dark,#f87171))] text-[color:var(--zui-copy-button-crimson-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-crimson-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-crimson-bg-hover,var(--zui-color-crimson,#b91c1c))] dark:hover:bg-[var(--zui-copy-button-crimson-bg-hover-dark,var(--zui-color-crimson-dark,#f87171))]",
+  aqua: "border border-[color:var(--zui-copy-button-aqua-border,var(--zui-color-aqua,#0f766e))] dark:border-[color:var(--zui-copy-button-aqua-border-dark,var(--zui-color-aqua-dark,#2dd4bf))] bg-[var(--zui-copy-button-aqua-bg,var(--zui-color-aqua,#0f766e))] dark:bg-[var(--zui-copy-button-aqua-bg-dark,var(--zui-color-aqua-dark,#2dd4bf))] text-[color:var(--zui-copy-button-aqua-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-aqua-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-aqua-bg-hover,var(--zui-color-aqua,#0f766e))] dark:hover:bg-[var(--zui-copy-button-aqua-bg-hover-dark,var(--zui-color-aqua-dark,#2dd4bf))]",
+  plum: "border border-[color:var(--zui-copy-button-plum-border,var(--zui-color-plum,#7e22ce))] dark:border-[color:var(--zui-copy-button-plum-border-dark,var(--zui-color-plum-dark,#c084fc))] bg-[var(--zui-copy-button-plum-bg,var(--zui-color-plum,#7e22ce))] dark:bg-[var(--zui-copy-button-plum-bg-dark,var(--zui-color-plum-dark,#c084fc))] text-[color:var(--zui-copy-button-plum-fg,var(--zui-brand-fg,#ffffff))] dark:text-[color:var(--zui-copy-button-plum-fg-dark,var(--zui-brand-fg-dark,#ffffff))] hover:bg-[var(--zui-copy-button-plum-bg-hover,var(--zui-color-plum,#7e22ce))] dark:hover:bg-[var(--zui-copy-button-plum-bg-hover-dark,var(--zui-color-plum-dark,#c084fc))]"
+};
+var zuiCopyButtonSizes = {
+  sm: "h-8 px-2.5 text-xs [&_svg]:size-3.5",
+  md: "h-9 px-3 text-sm [&_svg]:size-4",
+  lg: "h-11 px-4 text-base [&_svg]:size-5"
+};
+var zuiCopyButtonIconOnlySizes = {
+  sm: "w-8 px-0",
+  md: "w-9 px-0",
+  lg: "w-11 px-0"
+};
+
+exports.zuiCopyButtonAppearances = zuiCopyButtonAppearances;
+exports.zuiCopyButtonBase = zuiCopyButtonBase;
+exports.zuiCopyButtonIconOnlySizes = zuiCopyButtonIconOnlySizes;
+exports.zuiCopyButtonSizes = zuiCopyButtonSizes;
+//# sourceMappingURL=chunk-7DVECOO7.js.map
+//# sourceMappingURL=chunk-7DVECOO7.js.map