@zentauri-ui/zentauri-components 1.8.42 → 1.9.1

package/dist/ui/spinner/animated.js

@@ -30,7 +30,28 @@ var zuiSpinnerAppearances = {
   "gradient-teal": "text-[color:var(--zui-spinner-gradient-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-spinner-gradient-teal-fg-dark,oklch(77.7%_0.152_181.912))]",
   "gradient-indigo": "text-[color:var(--zui-spinner-gradient-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-spinner-gradient-indigo-fg-dark,oklch(67.3%_0.182_276.935))]",
   "gradient-pink": "text-[color:var(--zui-spinner-gradient-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-spinner-gradient-pink-fg-dark,oklch(71.8%_0.202_349.761))]",
-  "gradient-orange": "text-[color:var(--zui-spinner-gradient-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-spinner-gradient-orange-fg-dark,oklch(75%_0.183_55.934))]"
+  "gradient-orange": "text-[color:var(--zui-spinner-gradient-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-spinner-gradient-orange-fg-dark,oklch(75%_0.183_55.934))]",
+  blue: "text-[color:var(--zui-spinner-blue-fg,#2563eb)] dark:text-[color:var(--zui-spinner-blue-fg-dark,#3b82f6)]",
+  cyan: "text-[color:var(--zui-spinner-cyan-fg,#0891b2)] dark:text-[color:var(--zui-spinner-cyan-fg-dark,#22d3ee)]",
+  green: "text-[color:var(--zui-spinner-green-fg,#16a34a)] dark:text-[color:var(--zui-spinner-green-fg-dark,#22c55e)]",
+  lime: "text-[color:var(--zui-spinner-lime-fg,#65a30d)] dark:text-[color:var(--zui-spinner-lime-fg-dark,#a3e635)]",
+  mint: "text-[color:var(--zui-spinner-mint-fg,#10b981)] dark:text-[color:var(--zui-spinner-mint-fg-dark,#6ee7b7)]",
+  ocean: "text-[color:var(--zui-spinner-ocean-fg,#0284c7)] dark:text-[color:var(--zui-spinner-ocean-fg-dark,#38bdf8)]",
+  sapphire: "text-[color:var(--zui-spinner-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-spinner-sapphire-fg-dark,#60a5fa)]",
+  lavender: "text-[color:var(--zui-spinner-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-spinner-lavender-fg-dark,#a78bfa)]",
+  ruby: "text-[color:var(--zui-spinner-ruby-fg,#be123c)] dark:text-[color:var(--zui-spinner-ruby-fg-dark,#fb7185)]",
+  red: "text-[color:var(--zui-spinner-red-fg,#dc2626)] dark:text-[color:var(--zui-spinner-red-fg-dark,#ef4444)]",
+  slate: "text-[color:var(--zui-spinner-slate-fg,#475569)] dark:text-[color:var(--zui-spinner-slate-fg-dark,#64748b)]",
+  zinc: "text-[color:var(--zui-spinner-zinc-fg,#52525b)] dark:text-[color:var(--zui-spinner-zinc-fg-dark,#71717a)]",
+  stone: "text-[color:var(--zui-spinner-stone-fg,#57534e)] dark:text-[color:var(--zui-spinner-stone-fg-dark,#78716c)]",
+  royal: "text-[color:var(--zui-spinner-royal-fg,#4338ca)] dark:text-[color:var(--zui-spinner-royal-fg-dark,#818cf8)]",
+  electric: "text-[color:var(--zui-spinner-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-spinner-electric-fg-dark,#38bdf8)]",
+  forest: "text-[color:var(--zui-spinner-forest-fg,#166534)] dark:text-[color:var(--zui-spinner-forest-fg-dark,#4ade80)]",
+  sunset: "text-[color:var(--zui-spinner-sunset-fg,#ea580c)] dark:text-[color:var(--zui-spinner-sunset-fg-dark,#fb923c)]",
+  magenta: "text-[color:var(--zui-spinner-magenta-fg,#c026d3)] dark:text-[color:var(--zui-spinner-magenta-fg-dark,#e879f9)]",
+  crimson: "text-[color:var(--zui-spinner-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-spinner-crimson-fg-dark,#f87171)]",
+  aqua: "text-[color:var(--zui-spinner-aqua-fg,#0f766e)] dark:text-[color:var(--zui-spinner-aqua-fg-dark,#2dd4bf)]",
+  plum: "text-[color:var(--zui-spinner-plum-fg,#7e22ce)] dark:text-[color:var(--zui-spinner-plum-fg-dark,#c084fc)]"
 };
 var zuiSpinnerSizes = {
   xs: "size-3",

package/dist/ui/spinner/animated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/design-system/spinner.ts","../../../src/ui/spinner/animated/variants.ts","../../../src/ui/spinner/animated/spinner.tsx"],"names":["cva","cn","jsxs","motion","jsx"],"mappings":"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","file":"animated.js","sourcesContent":["export const zuiSpinnerBase = \"inline-flex items-center justify-center\";\n\nexport const zuiSpinnerAppearances = {\n  default:\n    \"text-[color:var(--zui-spinner-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-spinner-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  secondary:\n    \"text-[color:var(--zui-spinner-secondary-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-spinner-secondary-fg-dark,oklch(86.9%_0.022_252.894))]\",\n  destructive:\n    \"text-[color:var(--zui-spinner-destructive-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-spinner-destructive-fg-dark,oklch(71.2%_0.194_13.428))]\",\n  ghost:\n    \"text-[color:var(--zui-spinner-ghost-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-spinner-ghost-fg-dark,oklch(86.9%_0.022_252.894))]\",\n  emerald:\n    \"text-[color:var(--zui-spinner-emerald-fg,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-spinner-emerald-fg-dark,oklch(76.5%_0.177_163.223))]\",\n  indigo:\n    \"text-[color:var(--zui-spinner-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-spinner-indigo-fg-dark,oklch(67.3%_0.182_276.935))]\",\n  purple:\n    \"text-[color:var(--zui-spinner-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-spinner-purple-fg-dark,oklch(71.4%_0.203_305.504))]\",\n  pink: \"text-[color:var(--zui-spinner-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-spinner-pink-fg-dark,oklch(71.8%_0.202_349.761))]\",\n  rose: \"text-[color:var(--zui-spinner-rose-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-spinner-rose-fg-dark,oklch(71.2%_0.194_13.428))]\",\n  sky: \"text-[color:var(--zui-spinner-sky-fg,oklch(58.8%_0.158_241.966))] dark:text-[color:var(--zui-spinner-sky-fg-dark,oklch(74.6%_0.16_232.661))]\",\n  teal: \"text-[color:var(--zui-spinner-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-spinner-teal-fg-dark,oklch(77.7%_0.152_181.912))]\",\n  yellow:\n    \"text-[color:var(--zui-spinner-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-spinner-yellow-fg-dark,oklch(85.2%_0.199_91.936))]\",\n  orange:\n    \"text-[color:var(--zui-spinner-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-spinner-orange-fg-dark,oklch(75%_0.183_55.934))]\",\n  \"gradient-blue\":\n    \"text-[color:var(--zui-spinner-gradient-blue-fg,oklch(54.6%_0.245_262.881))] dark:text-[color:var(--zui-spinner-gradient-blue-fg-dark,oklch(70.7%_0.165_254.624))]\",\n  \"gradient-green\":\n    \"text-[color:var(--zui-spinner-gradient-green-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-spinner-gradient-green-fg-dark,oklch(79.2%_0.209_151.711))]\",\n  \"gradient-red\":\n    \"text-[color:var(--zui-spinner-gradient-red-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-spinner-gradient-red-fg-dark,oklch(70.4%_0.191_22.216))]\",\n  \"gradient-yellow\":\n    \"text-[color:var(--zui-spinner-gradient-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-spinner-gradient-yellow-fg-dark,oklch(85.2%_0.199_91.936))]\",\n  \"gradient-purple\":\n    \"text-[color:var(--zui-spinner-gradient-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-spinner-gradient-purple-fg-dark,oklch(71.4%_0.203_305.504))]\",\n  \"gradient-teal\":\n    \"text-[color:var(--zui-spinner-gradient-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-spinner-gradient-teal-fg-dark,oklch(77.7%_0.152_181.912))]\",\n  \"gradient-indigo\":\n    \"text-[color:var(--zui-spinner-gradient-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-spinner-gradient-indigo-fg-dark,oklch(67.3%_0.182_276.935))]\",\n  \"gradient-pink\":\n    \"text-[color:var(--zui-spinner-gradient-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-spinner-gradient-pink-fg-dark,oklch(71.8%_0.202_349.761))]\",\n  \"gradient-orange\":\n    \"text-[color:var(--zui-spinner-gradient-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-spinner-gradient-orange-fg-dark,oklch(75%_0.183_55.934))]\",\n} as const;\n\nexport const zuiSpinnerSizes = {\n  xs: \"size-3\",\n  sm: \"size-4\",\n  md: \"size-6\",\n  lg: \"size-8\",\n  xl: \"size-10\",\n} as const;\n\nexport const zuiSpinnerVariants = {\n  ring: \"\",\n  dots: \"\",\n  pulse: \"\",\n  bars: \"\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiSpinnerAppearances,\n  zuiSpinnerBase,\n  zuiSpinnerSizes,\n  zuiSpinnerVariants,\n} from \"../../../design-system/spinner\";\n\nexport const spinnerVariants = cva(zuiSpinnerBase, {\n  variants: {\n    appearance: zuiSpinnerAppearances,\n    size: zuiSpinnerSizes,\n    variant: zuiSpinnerVariants,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    variant: \"ring\",\n  },\n});\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport type { SpinnerProps } from \"./types\";\nimport { spinnerVariants } from \"./variants\";\n\nexport function Spinner(props: SpinnerProps) {\n  const {\n    className,\n    appearance,\n    size,\n    variant = \"ring\",\n    ref,\n    \"aria-label\": ariaLabel = \"Loading\",\n    ...rest\n  } = props;\n  const rootClass = cn(\n    spinnerVariants({ appearance, size, variant }),\n    className,\n  );\n\n  if (variant === \"ring\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"relative\")}\n        initial={false}\n        {...rest}\n      >\n        <span className=\"sr-only\">{ariaLabel}</span>\n        <motion.span\n          className=\"block size-full rounded-full border-2 border-current border-t-transparent\"\n          animate={{ rotate: 360 }}\n          transition={{ repeat: Infinity, ease: \"linear\", duration: 0.85 }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  if (variant === \"dots\") {\n    const dotSizes = {\n      xs: \"size-1\",\n      sm: \"size-1.5\",\n      md: \"size-2\",\n      lg: \"size-2.5\",\n      xl: \"size-3\",\n    };\n    const dotSize = dotSizes[size as keyof typeof dotSizes];\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"gap-1\")}\n        initial={false}\n        {...rest}\n      >\n        <span className=\"sr-only\">{ariaLabel}</span>\n        {[0, 1, 2].map((index) => (\n          <motion.span\n            key={index}\n            className={cn(\"rounded-full bg-current\", dotSize)}\n            animate={{ y: [0, -5, 0], opacity: [0.45, 1, 0.45] }}\n            transition={{\n              repeat: Infinity,\n              duration: 0.55,\n              ease: \"easeInOut\",\n              delay: index * 0.12,\n            }}\n            aria-hidden\n          />\n        ))}\n      </motion.span>\n    );\n  }\n\n  if (variant === \"pulse\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass)}\n        initial={false}\n        {...rest}\n      >\n        <span className=\"sr-only\">{ariaLabel}</span>\n        <motion.span\n          className=\"block size-full rounded-full bg-current\"\n          animate={{ scale: [0.75, 1, 0.75], opacity: [0.45, 1, 0.45] }}\n          transition={{ repeat: Infinity, duration: 0.9, ease: \"easeInOut\" }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  const barWidths = {\n    xs: \"w-0.5\",\n    sm: \"w-0.5\",\n    md: \"w-1\",\n    lg: \"w-1.5\",\n    xl: \"w-2\",\n  };\n\n  const barWidth = barWidths[size as keyof typeof barWidths];\n\n  return (\n    <motion.span\n      ref={ref}\n      role=\"status\"\n      data-slot=\"spinner\"\n      aria-label={ariaLabel}\n      className={cn(rootClass, \"gap-1\")}\n      initial={false}\n      {...rest}\n    >\n      <span className=\"sr-only\">{ariaLabel}</span>\n      {[0, 1, 2, 3].map((index) => (\n        <motion.span\n          key={index}\n          className={cn(\"h-full max-h-[70%] rounded-full bg-current\", barWidth)}\n          animate={{ scaleY: [0.35, 1, 0.35] }}\n          transition={{\n            repeat: Infinity,\n            duration: 0.65,\n            ease: \"easeInOut\",\n            delay: index * 0.1,\n          }}\n          aria-hidden\n        />\n      ))}\n    </motion.span>\n  );\n}\n\nSpinner.displayName = \"Spinner\";\n"]}
+{"version":3,"sources":["../../../src/design-system/spinner.ts","../../../src/ui/spinner/animated/variants.ts","../../../src/ui/spinner/animated/spinner.tsx"],"names":["cva","cn","jsxs","motion","jsx"],"mappings":"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","file":"animated.js","sourcesContent":["export const zuiSpinnerBase = \"inline-flex items-center justify-center\";\n\nexport const zuiSpinnerAppearances = {\n  default:\n    \"text-[color:var(--zui-spinner-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-spinner-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  secondary:\n    \"text-[color:var(--zui-spinner-secondary-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-spinner-secondary-fg-dark,oklch(86.9%_0.022_252.894))]\",\n  destructive:\n    \"text-[color:var(--zui-spinner-destructive-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-spinner-destructive-fg-dark,oklch(71.2%_0.194_13.428))]\",\n  ghost:\n    \"text-[color:var(--zui-spinner-ghost-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-spinner-ghost-fg-dark,oklch(86.9%_0.022_252.894))]\",\n  emerald:\n    \"text-[color:var(--zui-spinner-emerald-fg,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-spinner-emerald-fg-dark,oklch(76.5%_0.177_163.223))]\",\n  indigo:\n    \"text-[color:var(--zui-spinner-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-spinner-indigo-fg-dark,oklch(67.3%_0.182_276.935))]\",\n  purple:\n    \"text-[color:var(--zui-spinner-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-spinner-purple-fg-dark,oklch(71.4%_0.203_305.504))]\",\n  pink: \"text-[color:var(--zui-spinner-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-spinner-pink-fg-dark,oklch(71.8%_0.202_349.761))]\",\n  rose: \"text-[color:var(--zui-spinner-rose-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-spinner-rose-fg-dark,oklch(71.2%_0.194_13.428))]\",\n  sky: \"text-[color:var(--zui-spinner-sky-fg,oklch(58.8%_0.158_241.966))] dark:text-[color:var(--zui-spinner-sky-fg-dark,oklch(74.6%_0.16_232.661))]\",\n  teal: \"text-[color:var(--zui-spinner-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-spinner-teal-fg-dark,oklch(77.7%_0.152_181.912))]\",\n  yellow:\n    \"text-[color:var(--zui-spinner-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-spinner-yellow-fg-dark,oklch(85.2%_0.199_91.936))]\",\n  orange:\n    \"text-[color:var(--zui-spinner-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-spinner-orange-fg-dark,oklch(75%_0.183_55.934))]\",\n  \"gradient-blue\":\n    \"text-[color:var(--zui-spinner-gradient-blue-fg,oklch(54.6%_0.245_262.881))] dark:text-[color:var(--zui-spinner-gradient-blue-fg-dark,oklch(70.7%_0.165_254.624))]\",\n  \"gradient-green\":\n    \"text-[color:var(--zui-spinner-gradient-green-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-spinner-gradient-green-fg-dark,oklch(79.2%_0.209_151.711))]\",\n  \"gradient-red\":\n    \"text-[color:var(--zui-spinner-gradient-red-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-spinner-gradient-red-fg-dark,oklch(70.4%_0.191_22.216))]\",\n  \"gradient-yellow\":\n    \"text-[color:var(--zui-spinner-gradient-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-spinner-gradient-yellow-fg-dark,oklch(85.2%_0.199_91.936))]\",\n  \"gradient-purple\":\n    \"text-[color:var(--zui-spinner-gradient-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-spinner-gradient-purple-fg-dark,oklch(71.4%_0.203_305.504))]\",\n  \"gradient-teal\":\n    \"text-[color:var(--zui-spinner-gradient-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-spinner-gradient-teal-fg-dark,oklch(77.7%_0.152_181.912))]\",\n  \"gradient-indigo\":\n    \"text-[color:var(--zui-spinner-gradient-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-spinner-gradient-indigo-fg-dark,oklch(67.3%_0.182_276.935))]\",\n  \"gradient-pink\":\n    \"text-[color:var(--zui-spinner-gradient-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-spinner-gradient-pink-fg-dark,oklch(71.8%_0.202_349.761))]\",\n  \"gradient-orange\":\n    \"text-[color:var(--zui-spinner-gradient-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-spinner-gradient-orange-fg-dark,oklch(75%_0.183_55.934))]\",\n  blue: \"text-[color:var(--zui-spinner-blue-fg,#2563eb)] dark:text-[color:var(--zui-spinner-blue-fg-dark,#3b82f6)]\",\n  cyan: \"text-[color:var(--zui-spinner-cyan-fg,#0891b2)] dark:text-[color:var(--zui-spinner-cyan-fg-dark,#22d3ee)]\",\n  green:\n    \"text-[color:var(--zui-spinner-green-fg,#16a34a)] dark:text-[color:var(--zui-spinner-green-fg-dark,#22c55e)]\",\n  lime: \"text-[color:var(--zui-spinner-lime-fg,#65a30d)] dark:text-[color:var(--zui-spinner-lime-fg-dark,#a3e635)]\",\n  mint: \"text-[color:var(--zui-spinner-mint-fg,#10b981)] dark:text-[color:var(--zui-spinner-mint-fg-dark,#6ee7b7)]\",\n  ocean:\n    \"text-[color:var(--zui-spinner-ocean-fg,#0284c7)] dark:text-[color:var(--zui-spinner-ocean-fg-dark,#38bdf8)]\",\n  sapphire:\n    \"text-[color:var(--zui-spinner-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-spinner-sapphire-fg-dark,#60a5fa)]\",\n  lavender:\n    \"text-[color:var(--zui-spinner-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-spinner-lavender-fg-dark,#a78bfa)]\",\n  ruby: \"text-[color:var(--zui-spinner-ruby-fg,#be123c)] dark:text-[color:var(--zui-spinner-ruby-fg-dark,#fb7185)]\",\n  red: \"text-[color:var(--zui-spinner-red-fg,#dc2626)] dark:text-[color:var(--zui-spinner-red-fg-dark,#ef4444)]\",\n  slate:\n    \"text-[color:var(--zui-spinner-slate-fg,#475569)] dark:text-[color:var(--zui-spinner-slate-fg-dark,#64748b)]\",\n  zinc: \"text-[color:var(--zui-spinner-zinc-fg,#52525b)] dark:text-[color:var(--zui-spinner-zinc-fg-dark,#71717a)]\",\n  stone:\n    \"text-[color:var(--zui-spinner-stone-fg,#57534e)] dark:text-[color:var(--zui-spinner-stone-fg-dark,#78716c)]\",\n  royal:\n    \"text-[color:var(--zui-spinner-royal-fg,#4338ca)] dark:text-[color:var(--zui-spinner-royal-fg-dark,#818cf8)]\",\n  electric:\n    \"text-[color:var(--zui-spinner-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-spinner-electric-fg-dark,#38bdf8)]\",\n  forest:\n    \"text-[color:var(--zui-spinner-forest-fg,#166534)] dark:text-[color:var(--zui-spinner-forest-fg-dark,#4ade80)]\",\n  sunset:\n    \"text-[color:var(--zui-spinner-sunset-fg,#ea580c)] dark:text-[color:var(--zui-spinner-sunset-fg-dark,#fb923c)]\",\n  magenta:\n    \"text-[color:var(--zui-spinner-magenta-fg,#c026d3)] dark:text-[color:var(--zui-spinner-magenta-fg-dark,#e879f9)]\",\n  crimson:\n    \"text-[color:var(--zui-spinner-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-spinner-crimson-fg-dark,#f87171)]\",\n  aqua: \"text-[color:var(--zui-spinner-aqua-fg,#0f766e)] dark:text-[color:var(--zui-spinner-aqua-fg-dark,#2dd4bf)]\",\n  plum: \"text-[color:var(--zui-spinner-plum-fg,#7e22ce)] dark:text-[color:var(--zui-spinner-plum-fg-dark,#c084fc)]\",\n} as const;\n\nexport const zuiSpinnerSizes = {\n  xs: \"size-3\",\n  sm: \"size-4\",\n  md: \"size-6\",\n  lg: \"size-8\",\n  xl: \"size-10\",\n} as const;\n\nexport const zuiSpinnerVariants = {\n  ring: \"\",\n  dots: \"\",\n  pulse: \"\",\n  bars: \"\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiSpinnerAppearances,\n  zuiSpinnerBase,\n  zuiSpinnerSizes,\n  zuiSpinnerVariants,\n} from \"../../../design-system/spinner\";\n\nexport const spinnerVariants = cva(zuiSpinnerBase, {\n  variants: {\n    appearance: zuiSpinnerAppearances,\n    size: zuiSpinnerSizes,\n    variant: zuiSpinnerVariants,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    variant: \"ring\",\n  },\n});\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport type { SpinnerProps } from \"./types\";\nimport { spinnerVariants } from \"./variants\";\n\nexport function Spinner(props: SpinnerProps) {\n  const {\n    className,\n    appearance,\n    size,\n    variant = \"ring\",\n    ref,\n    \"aria-label\": ariaLabel = \"Loading\",\n    ...rest\n  } = props;\n  const rootClass = cn(\n    spinnerVariants({ appearance, size, variant }),\n    className,\n  );\n\n  if (variant === \"ring\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"relative\")}\n        initial={false}\n        {...rest}\n      >\n        <span className=\"sr-only\">{ariaLabel}</span>\n        <motion.span\n          className=\"block size-full rounded-full border-2 border-current border-t-transparent\"\n          animate={{ rotate: 360 }}\n          transition={{ repeat: Infinity, ease: \"linear\", duration: 0.85 }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  if (variant === \"dots\") {\n    const dotSizes = {\n      xs: \"size-1\",\n      sm: \"size-1.5\",\n      md: \"size-2\",\n      lg: \"size-2.5\",\n      xl: \"size-3\",\n    };\n    const dotSize = dotSizes[size as keyof typeof dotSizes];\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"gap-1\")}\n        initial={false}\n        {...rest}\n      >\n        <span className=\"sr-only\">{ariaLabel}</span>\n        {[0, 1, 2].map((index) => (\n          <motion.span\n            key={index}\n            className={cn(\"rounded-full bg-current\", dotSize)}\n            animate={{ y: [0, -5, 0], opacity: [0.45, 1, 0.45] }}\n            transition={{\n              repeat: Infinity,\n              duration: 0.55,\n              ease: \"easeInOut\",\n              delay: index * 0.12,\n            }}\n            aria-hidden\n          />\n        ))}\n      </motion.span>\n    );\n  }\n\n  if (variant === \"pulse\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass)}\n        initial={false}\n        {...rest}\n      >\n        <span className=\"sr-only\">{ariaLabel}</span>\n        <motion.span\n          className=\"block size-full rounded-full bg-current\"\n          animate={{ scale: [0.75, 1, 0.75], opacity: [0.45, 1, 0.45] }}\n          transition={{ repeat: Infinity, duration: 0.9, ease: \"easeInOut\" }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  const barWidths = {\n    xs: \"w-0.5\",\n    sm: \"w-0.5\",\n    md: \"w-1\",\n    lg: \"w-1.5\",\n    xl: \"w-2\",\n  };\n\n  const barWidth = barWidths[size as keyof typeof barWidths];\n\n  return (\n    <motion.span\n      ref={ref}\n      role=\"status\"\n      data-slot=\"spinner\"\n      aria-label={ariaLabel}\n      className={cn(rootClass, \"gap-1\")}\n      initial={false}\n      {...rest}\n    >\n      <span className=\"sr-only\">{ariaLabel}</span>\n      {[0, 1, 2, 3].map((index) => (\n        <motion.span\n          key={index}\n          className={cn(\"h-full max-h-[70%] rounded-full bg-current\", barWidth)}\n          animate={{ scaleY: [0.35, 1, 0.35] }}\n          transition={{\n            repeat: Infinity,\n            duration: 0.65,\n            ease: \"easeInOut\",\n            delay: index * 0.1,\n          }}\n          aria-hidden\n        />\n      ))}\n    </motion.span>\n  );\n}\n\nSpinner.displayName = \"Spinner\";\n"]}

package/dist/ui/spinner/animated.mjs

@@ -28,7 +28,28 @@ var zuiSpinnerAppearances = {
   "gradient-teal": "text-[color:var(--zui-spinner-gradient-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-spinner-gradient-teal-fg-dark,oklch(77.7%_0.152_181.912))]",
   "gradient-indigo": "text-[color:var(--zui-spinner-gradient-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-spinner-gradient-indigo-fg-dark,oklch(67.3%_0.182_276.935))]",
   "gradient-pink": "text-[color:var(--zui-spinner-gradient-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-spinner-gradient-pink-fg-dark,oklch(71.8%_0.202_349.761))]",
-  "gradient-orange": "text-[color:var(--zui-spinner-gradient-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-spinner-gradient-orange-fg-dark,oklch(75%_0.183_55.934))]"
+  "gradient-orange": "text-[color:var(--zui-spinner-gradient-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-spinner-gradient-orange-fg-dark,oklch(75%_0.183_55.934))]",
+  blue: "text-[color:var(--zui-spinner-blue-fg,#2563eb)] dark:text-[color:var(--zui-spinner-blue-fg-dark,#3b82f6)]",
+  cyan: "text-[color:var(--zui-spinner-cyan-fg,#0891b2)] dark:text-[color:var(--zui-spinner-cyan-fg-dark,#22d3ee)]",
+  green: "text-[color:var(--zui-spinner-green-fg,#16a34a)] dark:text-[color:var(--zui-spinner-green-fg-dark,#22c55e)]",
+  lime: "text-[color:var(--zui-spinner-lime-fg,#65a30d)] dark:text-[color:var(--zui-spinner-lime-fg-dark,#a3e635)]",
+  mint: "text-[color:var(--zui-spinner-mint-fg,#10b981)] dark:text-[color:var(--zui-spinner-mint-fg-dark,#6ee7b7)]",
+  ocean: "text-[color:var(--zui-spinner-ocean-fg,#0284c7)] dark:text-[color:var(--zui-spinner-ocean-fg-dark,#38bdf8)]",
+  sapphire: "text-[color:var(--zui-spinner-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-spinner-sapphire-fg-dark,#60a5fa)]",
+  lavender: "text-[color:var(--zui-spinner-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-spinner-lavender-fg-dark,#a78bfa)]",
+  ruby: "text-[color:var(--zui-spinner-ruby-fg,#be123c)] dark:text-[color:var(--zui-spinner-ruby-fg-dark,#fb7185)]",
+  red: "text-[color:var(--zui-spinner-red-fg,#dc2626)] dark:text-[color:var(--zui-spinner-red-fg-dark,#ef4444)]",
+  slate: "text-[color:var(--zui-spinner-slate-fg,#475569)] dark:text-[color:var(--zui-spinner-slate-fg-dark,#64748b)]",
+  zinc: "text-[color:var(--zui-spinner-zinc-fg,#52525b)] dark:text-[color:var(--zui-spinner-zinc-fg-dark,#71717a)]",
+  stone: "text-[color:var(--zui-spinner-stone-fg,#57534e)] dark:text-[color:var(--zui-spinner-stone-fg-dark,#78716c)]",
+  royal: "text-[color:var(--zui-spinner-royal-fg,#4338ca)] dark:text-[color:var(--zui-spinner-royal-fg-dark,#818cf8)]",
+  electric: "text-[color:var(--zui-spinner-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-spinner-electric-fg-dark,#38bdf8)]",
+  forest: "text-[color:var(--zui-spinner-forest-fg,#166534)] dark:text-[color:var(--zui-spinner-forest-fg-dark,#4ade80)]",
+  sunset: "text-[color:var(--zui-spinner-sunset-fg,#ea580c)] dark:text-[color:var(--zui-spinner-sunset-fg-dark,#fb923c)]",
+  magenta: "text-[color:var(--zui-spinner-magenta-fg,#c026d3)] dark:text-[color:var(--zui-spinner-magenta-fg-dark,#e879f9)]",
+  crimson: "text-[color:var(--zui-spinner-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-spinner-crimson-fg-dark,#f87171)]",
+  aqua: "text-[color:var(--zui-spinner-aqua-fg,#0f766e)] dark:text-[color:var(--zui-spinner-aqua-fg-dark,#2dd4bf)]",
+  plum: "text-[color:var(--zui-spinner-plum-fg,#7e22ce)] dark:text-[color:var(--zui-spinner-plum-fg-dark,#c084fc)]"
 };
 var zuiSpinnerSizes = {
   xs: "size-3",

package/dist/ui/spinner/animated.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/design-system/spinner.ts","../../../src/ui/spinner/animated/variants.ts","../../../src/ui/spinner/animated/spinner.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["export const zuiSpinnerBase = \"inline-flex items-center justify-center\";\n\nexport const zuiSpinnerAppearances = {\n  default:\n    \"text-[color:var(--zui-spinner-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-spinner-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  secondary:\n    \"text-[color:var(--zui-spinner-secondary-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-spinner-secondary-fg-dark,oklch(86.9%_0.022_252.894))]\",\n  destructive:\n    \"text-[color:var(--zui-spinner-destructive-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-spinner-destructive-fg-dark,oklch(71.2%_0.194_13.428))]\",\n  ghost:\n    \"text-[color:var(--zui-spinner-ghost-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-spinner-ghost-fg-dark,oklch(86.9%_0.022_252.894))]\",\n  emerald:\n    \"text-[color:var(--zui-spinner-emerald-fg,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-spinner-emerald-fg-dark,oklch(76.5%_0.177_163.223))]\",\n  indigo:\n    \"text-[color:var(--zui-spinner-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-spinner-indigo-fg-dark,oklch(67.3%_0.182_276.935))]\",\n  purple:\n    \"text-[color:var(--zui-spinner-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-spinner-purple-fg-dark,oklch(71.4%_0.203_305.504))]\",\n  pink: \"text-[color:var(--zui-spinner-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-spinner-pink-fg-dark,oklch(71.8%_0.202_349.761))]\",\n  rose: \"text-[color:var(--zui-spinner-rose-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-spinner-rose-fg-dark,oklch(71.2%_0.194_13.428))]\",\n  sky: \"text-[color:var(--zui-spinner-sky-fg,oklch(58.8%_0.158_241.966))] dark:text-[color:var(--zui-spinner-sky-fg-dark,oklch(74.6%_0.16_232.661))]\",\n  teal: \"text-[color:var(--zui-spinner-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-spinner-teal-fg-dark,oklch(77.7%_0.152_181.912))]\",\n  yellow:\n    \"text-[color:var(--zui-spinner-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-spinner-yellow-fg-dark,oklch(85.2%_0.199_91.936))]\",\n  orange:\n    \"text-[color:var(--zui-spinner-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-spinner-orange-fg-dark,oklch(75%_0.183_55.934))]\",\n  \"gradient-blue\":\n    \"text-[color:var(--zui-spinner-gradient-blue-fg,oklch(54.6%_0.245_262.881))] dark:text-[color:var(--zui-spinner-gradient-blue-fg-dark,oklch(70.7%_0.165_254.624))]\",\n  \"gradient-green\":\n    \"text-[color:var(--zui-spinner-gradient-green-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-spinner-gradient-green-fg-dark,oklch(79.2%_0.209_151.711))]\",\n  \"gradient-red\":\n    \"text-[color:var(--zui-spinner-gradient-red-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-spinner-gradient-red-fg-dark,oklch(70.4%_0.191_22.216))]\",\n  \"gradient-yellow\":\n    \"text-[color:var(--zui-spinner-gradient-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-spinner-gradient-yellow-fg-dark,oklch(85.2%_0.199_91.936))]\",\n  \"gradient-purple\":\n    \"text-[color:var(--zui-spinner-gradient-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-spinner-gradient-purple-fg-dark,oklch(71.4%_0.203_305.504))]\",\n  \"gradient-teal\":\n    \"text-[color:var(--zui-spinner-gradient-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-spinner-gradient-teal-fg-dark,oklch(77.7%_0.152_181.912))]\",\n  \"gradient-indigo\":\n    \"text-[color:var(--zui-spinner-gradient-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-spinner-gradient-indigo-fg-dark,oklch(67.3%_0.182_276.935))]\",\n  \"gradient-pink\":\n    \"text-[color:var(--zui-spinner-gradient-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-spinner-gradient-pink-fg-dark,oklch(71.8%_0.202_349.761))]\",\n  \"gradient-orange\":\n    \"text-[color:var(--zui-spinner-gradient-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-spinner-gradient-orange-fg-dark,oklch(75%_0.183_55.934))]\",\n} as const;\n\nexport const zuiSpinnerSizes = {\n  xs: \"size-3\",\n  sm: \"size-4\",\n  md: \"size-6\",\n  lg: \"size-8\",\n  xl: \"size-10\",\n} as const;\n\nexport const zuiSpinnerVariants = {\n  ring: \"\",\n  dots: \"\",\n  pulse: \"\",\n  bars: \"\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiSpinnerAppearances,\n  zuiSpinnerBase,\n  zuiSpinnerSizes,\n  zuiSpinnerVariants,\n} from \"../../../design-system/spinner\";\n\nexport const spinnerVariants = cva(zuiSpinnerBase, {\n  variants: {\n    appearance: zuiSpinnerAppearances,\n    size: zuiSpinnerSizes,\n    variant: zuiSpinnerVariants,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    variant: \"ring\",\n  },\n});\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport type { SpinnerProps } from \"./types\";\nimport { spinnerVariants } from \"./variants\";\n\nexport function Spinner(props: SpinnerProps) {\n  const {\n    className,\n    appearance,\n    size,\n    variant = \"ring\",\n    ref,\n    \"aria-label\": ariaLabel = \"Loading\",\n    ...rest\n  } = props;\n  const rootClass = cn(\n    spinnerVariants({ appearance, size, variant }),\n    className,\n  );\n\n  if (variant === \"ring\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"relative\")}\n        initial={false}\n        {...rest}\n      >\n        <span className=\"sr-only\">{ariaLabel}</span>\n        <motion.span\n          className=\"block size-full rounded-full border-2 border-current border-t-transparent\"\n          animate={{ rotate: 360 }}\n          transition={{ repeat: Infinity, ease: \"linear\", duration: 0.85 }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  if (variant === \"dots\") {\n    const dotSizes = {\n      xs: \"size-1\",\n      sm: \"size-1.5\",\n      md: \"size-2\",\n      lg: \"size-2.5\",\n      xl: \"size-3\",\n    };\n    const dotSize = dotSizes[size as keyof typeof dotSizes];\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"gap-1\")}\n        initial={false}\n        {...rest}\n      >\n        <span className=\"sr-only\">{ariaLabel}</span>\n        {[0, 1, 2].map((index) => (\n          <motion.span\n            key={index}\n            className={cn(\"rounded-full bg-current\", dotSize)}\n            animate={{ y: [0, -5, 0], opacity: [0.45, 1, 0.45] }}\n            transition={{\n              repeat: Infinity,\n              duration: 0.55,\n              ease: \"easeInOut\",\n              delay: index * 0.12,\n            }}\n            aria-hidden\n          />\n        ))}\n      </motion.span>\n    );\n  }\n\n  if (variant === \"pulse\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass)}\n        initial={false}\n        {...rest}\n      >\n        <span className=\"sr-only\">{ariaLabel}</span>\n        <motion.span\n          className=\"block size-full rounded-full bg-current\"\n          animate={{ scale: [0.75, 1, 0.75], opacity: [0.45, 1, 0.45] }}\n          transition={{ repeat: Infinity, duration: 0.9, ease: \"easeInOut\" }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  const barWidths = {\n    xs: \"w-0.5\",\n    sm: \"w-0.5\",\n    md: \"w-1\",\n    lg: \"w-1.5\",\n    xl: \"w-2\",\n  };\n\n  const barWidth = barWidths[size as keyof typeof barWidths];\n\n  return (\n    <motion.span\n      ref={ref}\n      role=\"status\"\n      data-slot=\"spinner\"\n      aria-label={ariaLabel}\n      className={cn(rootClass, \"gap-1\")}\n      initial={false}\n      {...rest}\n    >\n      <span className=\"sr-only\">{ariaLabel}</span>\n      {[0, 1, 2, 3].map((index) => (\n        <motion.span\n          key={index}\n          className={cn(\"h-full max-h-[70%] rounded-full bg-current\", barWidth)}\n          animate={{ scaleY: [0.35, 1, 0.35] }}\n          transition={{\n            repeat: Infinity,\n            duration: 0.65,\n            ease: \"easeInOut\",\n            delay: index * 0.1,\n          }}\n          aria-hidden\n        />\n      ))}\n    </motion.span>\n  );\n}\n\nSpinner.displayName = \"Spinner\";\n"]}
+{"version":3,"sources":["../../../src/design-system/spinner.ts","../../../src/ui/spinner/animated/variants.ts","../../../src/ui/spinner/animated/spinner.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["export const zuiSpinnerBase = \"inline-flex items-center justify-center\";\n\nexport const zuiSpinnerAppearances = {\n  default:\n    \"text-[color:var(--zui-spinner-default-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-spinner-default-fg-dark,oklch(98.4%_0.003_247.858))]\",\n  secondary:\n    \"text-[color:var(--zui-spinner-secondary-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-spinner-secondary-fg-dark,oklch(86.9%_0.022_252.894))]\",\n  destructive:\n    \"text-[color:var(--zui-spinner-destructive-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-spinner-destructive-fg-dark,oklch(71.2%_0.194_13.428))]\",\n  ghost:\n    \"text-[color:var(--zui-spinner-ghost-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-spinner-ghost-fg-dark,oklch(86.9%_0.022_252.894))]\",\n  emerald:\n    \"text-[color:var(--zui-spinner-emerald-fg,oklch(59.6%_0.145_163.225))] dark:text-[color:var(--zui-spinner-emerald-fg-dark,oklch(76.5%_0.177_163.223))]\",\n  indigo:\n    \"text-[color:var(--zui-spinner-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-spinner-indigo-fg-dark,oklch(67.3%_0.182_276.935))]\",\n  purple:\n    \"text-[color:var(--zui-spinner-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-spinner-purple-fg-dark,oklch(71.4%_0.203_305.504))]\",\n  pink: \"text-[color:var(--zui-spinner-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-spinner-pink-fg-dark,oklch(71.8%_0.202_349.761))]\",\n  rose: \"text-[color:var(--zui-spinner-rose-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-spinner-rose-fg-dark,oklch(71.2%_0.194_13.428))]\",\n  sky: \"text-[color:var(--zui-spinner-sky-fg,oklch(58.8%_0.158_241.966))] dark:text-[color:var(--zui-spinner-sky-fg-dark,oklch(74.6%_0.16_232.661))]\",\n  teal: \"text-[color:var(--zui-spinner-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-spinner-teal-fg-dark,oklch(77.7%_0.152_181.912))]\",\n  yellow:\n    \"text-[color:var(--zui-spinner-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-spinner-yellow-fg-dark,oklch(85.2%_0.199_91.936))]\",\n  orange:\n    \"text-[color:var(--zui-spinner-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-spinner-orange-fg-dark,oklch(75%_0.183_55.934))]\",\n  \"gradient-blue\":\n    \"text-[color:var(--zui-spinner-gradient-blue-fg,oklch(54.6%_0.245_262.881))] dark:text-[color:var(--zui-spinner-gradient-blue-fg-dark,oklch(70.7%_0.165_254.624))]\",\n  \"gradient-green\":\n    \"text-[color:var(--zui-spinner-gradient-green-fg,oklch(62.7%_0.194_149.214))] dark:text-[color:var(--zui-spinner-gradient-green-fg-dark,oklch(79.2%_0.209_151.711))]\",\n  \"gradient-red\":\n    \"text-[color:var(--zui-spinner-gradient-red-fg,oklch(57.7%_0.245_27.325))] dark:text-[color:var(--zui-spinner-gradient-red-fg-dark,oklch(70.4%_0.191_22.216))]\",\n  \"gradient-yellow\":\n    \"text-[color:var(--zui-spinner-gradient-yellow-fg,oklch(68.1%_0.162_75.834))] dark:text-[color:var(--zui-spinner-gradient-yellow-fg-dark,oklch(85.2%_0.199_91.936))]\",\n  \"gradient-purple\":\n    \"text-[color:var(--zui-spinner-gradient-purple-fg,oklch(55.8%_0.288_302.321))] dark:text-[color:var(--zui-spinner-gradient-purple-fg-dark,oklch(71.4%_0.203_305.504))]\",\n  \"gradient-teal\":\n    \"text-[color:var(--zui-spinner-gradient-teal-fg,oklch(60%_0.118_184.704))] dark:text-[color:var(--zui-spinner-gradient-teal-fg-dark,oklch(77.7%_0.152_181.912))]\",\n  \"gradient-indigo\":\n    \"text-[color:var(--zui-spinner-gradient-indigo-fg,oklch(51.1%_0.262_276.966))] dark:text-[color:var(--zui-spinner-gradient-indigo-fg-dark,oklch(67.3%_0.182_276.935))]\",\n  \"gradient-pink\":\n    \"text-[color:var(--zui-spinner-gradient-pink-fg,oklch(59.2%_0.249_0.584))] dark:text-[color:var(--zui-spinner-gradient-pink-fg-dark,oklch(71.8%_0.202_349.761))]\",\n  \"gradient-orange\":\n    \"text-[color:var(--zui-spinner-gradient-orange-fg,oklch(64.6%_0.222_41.116))] dark:text-[color:var(--zui-spinner-gradient-orange-fg-dark,oklch(75%_0.183_55.934))]\",\n  blue: \"text-[color:var(--zui-spinner-blue-fg,#2563eb)] dark:text-[color:var(--zui-spinner-blue-fg-dark,#3b82f6)]\",\n  cyan: \"text-[color:var(--zui-spinner-cyan-fg,#0891b2)] dark:text-[color:var(--zui-spinner-cyan-fg-dark,#22d3ee)]\",\n  green:\n    \"text-[color:var(--zui-spinner-green-fg,#16a34a)] dark:text-[color:var(--zui-spinner-green-fg-dark,#22c55e)]\",\n  lime: \"text-[color:var(--zui-spinner-lime-fg,#65a30d)] dark:text-[color:var(--zui-spinner-lime-fg-dark,#a3e635)]\",\n  mint: \"text-[color:var(--zui-spinner-mint-fg,#10b981)] dark:text-[color:var(--zui-spinner-mint-fg-dark,#6ee7b7)]\",\n  ocean:\n    \"text-[color:var(--zui-spinner-ocean-fg,#0284c7)] dark:text-[color:var(--zui-spinner-ocean-fg-dark,#38bdf8)]\",\n  sapphire:\n    \"text-[color:var(--zui-spinner-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-spinner-sapphire-fg-dark,#60a5fa)]\",\n  lavender:\n    \"text-[color:var(--zui-spinner-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-spinner-lavender-fg-dark,#a78bfa)]\",\n  ruby: \"text-[color:var(--zui-spinner-ruby-fg,#be123c)] dark:text-[color:var(--zui-spinner-ruby-fg-dark,#fb7185)]\",\n  red: \"text-[color:var(--zui-spinner-red-fg,#dc2626)] dark:text-[color:var(--zui-spinner-red-fg-dark,#ef4444)]\",\n  slate:\n    \"text-[color:var(--zui-spinner-slate-fg,#475569)] dark:text-[color:var(--zui-spinner-slate-fg-dark,#64748b)]\",\n  zinc: \"text-[color:var(--zui-spinner-zinc-fg,#52525b)] dark:text-[color:var(--zui-spinner-zinc-fg-dark,#71717a)]\",\n  stone:\n    \"text-[color:var(--zui-spinner-stone-fg,#57534e)] dark:text-[color:var(--zui-spinner-stone-fg-dark,#78716c)]\",\n  royal:\n    \"text-[color:var(--zui-spinner-royal-fg,#4338ca)] dark:text-[color:var(--zui-spinner-royal-fg-dark,#818cf8)]\",\n  electric:\n    \"text-[color:var(--zui-spinner-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-spinner-electric-fg-dark,#38bdf8)]\",\n  forest:\n    \"text-[color:var(--zui-spinner-forest-fg,#166534)] dark:text-[color:var(--zui-spinner-forest-fg-dark,#4ade80)]\",\n  sunset:\n    \"text-[color:var(--zui-spinner-sunset-fg,#ea580c)] dark:text-[color:var(--zui-spinner-sunset-fg-dark,#fb923c)]\",\n  magenta:\n    \"text-[color:var(--zui-spinner-magenta-fg,#c026d3)] dark:text-[color:var(--zui-spinner-magenta-fg-dark,#e879f9)]\",\n  crimson:\n    \"text-[color:var(--zui-spinner-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-spinner-crimson-fg-dark,#f87171)]\",\n  aqua: \"text-[color:var(--zui-spinner-aqua-fg,#0f766e)] dark:text-[color:var(--zui-spinner-aqua-fg-dark,#2dd4bf)]\",\n  plum: \"text-[color:var(--zui-spinner-plum-fg,#7e22ce)] dark:text-[color:var(--zui-spinner-plum-fg-dark,#c084fc)]\",\n} as const;\n\nexport const zuiSpinnerSizes = {\n  xs: \"size-3\",\n  sm: \"size-4\",\n  md: \"size-6\",\n  lg: \"size-8\",\n  xl: \"size-10\",\n} as const;\n\nexport const zuiSpinnerVariants = {\n  ring: \"\",\n  dots: \"\",\n  pulse: \"\",\n  bars: \"\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiSpinnerAppearances,\n  zuiSpinnerBase,\n  zuiSpinnerSizes,\n  zuiSpinnerVariants,\n} from \"../../../design-system/spinner\";\n\nexport const spinnerVariants = cva(zuiSpinnerBase, {\n  variants: {\n    appearance: zuiSpinnerAppearances,\n    size: zuiSpinnerSizes,\n    variant: zuiSpinnerVariants,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n    variant: \"ring\",\n  },\n});\n","\"use client\";\n\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../../lib/utils\";\n\nimport type { SpinnerProps } from \"./types\";\nimport { spinnerVariants } from \"./variants\";\n\nexport function Spinner(props: SpinnerProps) {\n  const {\n    className,\n    appearance,\n    size,\n    variant = \"ring\",\n    ref,\n    \"aria-label\": ariaLabel = \"Loading\",\n    ...rest\n  } = props;\n  const rootClass = cn(\n    spinnerVariants({ appearance, size, variant }),\n    className,\n  );\n\n  if (variant === \"ring\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"relative\")}\n        initial={false}\n        {...rest}\n      >\n        <span className=\"sr-only\">{ariaLabel}</span>\n        <motion.span\n          className=\"block size-full rounded-full border-2 border-current border-t-transparent\"\n          animate={{ rotate: 360 }}\n          transition={{ repeat: Infinity, ease: \"linear\", duration: 0.85 }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  if (variant === \"dots\") {\n    const dotSizes = {\n      xs: \"size-1\",\n      sm: \"size-1.5\",\n      md: \"size-2\",\n      lg: \"size-2.5\",\n      xl: \"size-3\",\n    };\n    const dotSize = dotSizes[size as keyof typeof dotSizes];\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass, \"gap-1\")}\n        initial={false}\n        {...rest}\n      >\n        <span className=\"sr-only\">{ariaLabel}</span>\n        {[0, 1, 2].map((index) => (\n          <motion.span\n            key={index}\n            className={cn(\"rounded-full bg-current\", dotSize)}\n            animate={{ y: [0, -5, 0], opacity: [0.45, 1, 0.45] }}\n            transition={{\n              repeat: Infinity,\n              duration: 0.55,\n              ease: \"easeInOut\",\n              delay: index * 0.12,\n            }}\n            aria-hidden\n          />\n        ))}\n      </motion.span>\n    );\n  }\n\n  if (variant === \"pulse\") {\n    return (\n      <motion.span\n        ref={ref}\n        role=\"status\"\n        data-slot=\"spinner\"\n        aria-label={ariaLabel}\n        className={cn(rootClass)}\n        initial={false}\n        {...rest}\n      >\n        <span className=\"sr-only\">{ariaLabel}</span>\n        <motion.span\n          className=\"block size-full rounded-full bg-current\"\n          animate={{ scale: [0.75, 1, 0.75], opacity: [0.45, 1, 0.45] }}\n          transition={{ repeat: Infinity, duration: 0.9, ease: \"easeInOut\" }}\n          aria-hidden\n        />\n      </motion.span>\n    );\n  }\n\n  const barWidths = {\n    xs: \"w-0.5\",\n    sm: \"w-0.5\",\n    md: \"w-1\",\n    lg: \"w-1.5\",\n    xl: \"w-2\",\n  };\n\n  const barWidth = barWidths[size as keyof typeof barWidths];\n\n  return (\n    <motion.span\n      ref={ref}\n      role=\"status\"\n      data-slot=\"spinner\"\n      aria-label={ariaLabel}\n      className={cn(rootClass, \"gap-1\")}\n      initial={false}\n      {...rest}\n    >\n      <span className=\"sr-only\">{ariaLabel}</span>\n      {[0, 1, 2, 3].map((index) => (\n        <motion.span\n          key={index}\n          className={cn(\"h-full max-h-[70%] rounded-full bg-current\", barWidth)}\n          animate={{ scaleY: [0.35, 1, 0.35] }}\n          transition={{\n            repeat: Infinity,\n            duration: 0.65,\n            ease: \"easeInOut\",\n            delay: index * 0.1,\n          }}\n          aria-hidden\n        />\n      ))}\n    </motion.span>\n  );\n}\n\nSpinner.displayName = \"Spinner\";\n"]}

package/dist/ui/table/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkIL4LH2XX_js = require('../../chunk-IL4LH2XX.js');
+var chunkUNPKDNLA_js = require('../../chunk-UNPKDNLA.js');
 require('../../chunk-ZS5756ZC.js');
 var framerMotion = require('framer-motion');
 var jsxRuntime = require('react/jsx-runtime');
@@ -17,32 +17,32 @@ var tableAnimationPresets = {
 var TableRowAnimated = (props) => {
   const { rowAnimation = "hover" } = props;
   const motionProps = tableAnimationPresets[rowAnimation];
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkIL4LH2XX_js.TableRow, { ...props, as: framerMotion.motion.tr, initial: false, ...motionProps });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkUNPKDNLA_js.TableRow, { ...props, as: framerMotion.motion.tr, initial: false, ...motionProps });
 };
 
 Object.defineProperty(exports, "TableBody", {
   enumerable: true,
-  get: function () { return chunkIL4LH2XX_js.TableBody; }
+  get: function () { return chunkUNPKDNLA_js.TableBody; }
 });
 Object.defineProperty(exports, "TableCaption", {
   enumerable: true,
-  get: function () { return chunkIL4LH2XX_js.TableCaption; }
+  get: function () { return chunkUNPKDNLA_js.TableCaption; }
 });
 Object.defineProperty(exports, "TableCell", {
   enumerable: true,
-  get: function () { return chunkIL4LH2XX_js.TableCell; }
+  get: function () { return chunkUNPKDNLA_js.TableCell; }
 });
 Object.defineProperty(exports, "TableFooter", {
   enumerable: true,
-  get: function () { return chunkIL4LH2XX_js.TableFooter; }
+  get: function () { return chunkUNPKDNLA_js.TableFooter; }
 });
 Object.defineProperty(exports, "TableHead", {
   enumerable: true,
-  get: function () { return chunkIL4LH2XX_js.TableHead; }
+  get: function () { return chunkUNPKDNLA_js.TableHead; }
 });
 Object.defineProperty(exports, "TableHeader", {
   enumerable: true,
-  get: function () { return chunkIL4LH2XX_js.TableHeader; }
+  get: function () { return chunkUNPKDNLA_js.TableHeader; }
 });
 exports.TableRowAnimated = TableRowAnimated;
 exports.tableAnimationPresets = tableAnimationPresets;

package/dist/ui/table/animated.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { TableRow } from '../../chunk-OL3BJSRC.mjs';
-export { TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader } from '../../chunk-OL3BJSRC.mjs';
+import { TableRow } from '../../chunk-UMXCV5IT.mjs';
+export { TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader } from '../../chunk-UMXCV5IT.mjs';
 import '../../chunk-4D54YOL6.mjs';
 import { motion } from 'framer-motion';
 import { jsx } from 'react/jsx-runtime';

package/dist/ui/table/variants.d.ts

@@ -1,13 +1,13 @@
 export declare const tableVariants: (props?: ({
-    appearance?: "default" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "ghost" | "striped" | "bordered" | null | undefined;
+    appearance?: "ruby" | "default" | "sky" | "emerald" | "violet" | "amber" | "rose" | "slate" | "gray" | "indigo" | "cyan" | "aqua" | "blue" | "crimson" | "green" | "lavender" | "lime" | "magenta" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "yellow" | "ghost" | "mint" | "ocean" | "sapphire" | "zinc" | "stone" | "royal" | "electric" | "forest" | "sunset" | "striped" | "bordered" | null | undefined;
     size?: "md" | "sm" | "lg" | null | undefined;
     stickyHeader?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const tableRowVariants: (props?: ({
-    appearance?: "default" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "ghost" | "striped" | "bordered" | null | undefined;
+    appearance?: "ruby" | "default" | "sky" | "emerald" | "violet" | "amber" | "rose" | "slate" | "gray" | "indigo" | "cyan" | "aqua" | "blue" | "crimson" | "green" | "lavender" | "lime" | "magenta" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "yellow" | "ghost" | "mint" | "ocean" | "sapphire" | "zinc" | "stone" | "royal" | "electric" | "forest" | "sunset" | "striped" | "bordered" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const tableCellVariants: (props?: ({
-    appearance?: "default" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "ghost" | "striped" | "bordered" | null | undefined;
+    appearance?: "ruby" | "default" | "sky" | "emerald" | "violet" | "amber" | "rose" | "slate" | "gray" | "indigo" | "cyan" | "aqua" | "blue" | "crimson" | "green" | "lavender" | "lime" | "magenta" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "yellow" | "ghost" | "mint" | "ocean" | "sapphire" | "zinc" | "stone" | "royal" | "electric" | "forest" | "sunset" | "striped" | "bordered" | null | undefined;
     size?: "md" | "sm" | "lg" | null | undefined;
     textAlign?: "center" | "left" | "right" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/ui/table.js

@@ -1,62 +1,62 @@
 "use client";
 'use strict';
 
-var chunkIL4LH2XX_js = require('../chunk-IL4LH2XX.js');
+var chunkUNPKDNLA_js = require('../chunk-UNPKDNLA.js');
 require('../chunk-ZS5756ZC.js');
 
 
 
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkIL4LH2XX_js.TableBase; }
+  get: function () { return chunkUNPKDNLA_js.TableBase; }
 });
 Object.defineProperty(exports, "TableBody", {
   enumerable: true,
-  get: function () { return chunkIL4LH2XX_js.TableBody; }
+  get: function () { return chunkUNPKDNLA_js.TableBody; }
 });
 Object.defineProperty(exports, "TableCaption", {
   enumerable: true,
-  get: function () { return chunkIL4LH2XX_js.TableCaption; }
+  get: function () { return chunkUNPKDNLA_js.TableCaption; }
 });
 Object.defineProperty(exports, "TableCell", {
   enumerable: true,
-  get: function () { return chunkIL4LH2XX_js.TableCell; }
+  get: function () { return chunkUNPKDNLA_js.TableCell; }
 });
 Object.defineProperty(exports, "TableContext", {
   enumerable: true,
-  get: function () { return chunkIL4LH2XX_js.TableContext; }
+  get: function () { return chunkUNPKDNLA_js.TableContext; }
 });
 Object.defineProperty(exports, "TableFooter", {
   enumerable: true,
-  get: function () { return chunkIL4LH2XX_js.TableFooter; }
+  get: function () { return chunkUNPKDNLA_js.TableFooter; }
 });
 Object.defineProperty(exports, "TableHead", {
   enumerable: true,
-  get: function () { return chunkIL4LH2XX_js.TableHead; }
+  get: function () { return chunkUNPKDNLA_js.TableHead; }
 });
 Object.defineProperty(exports, "TableHeader", {
   enumerable: true,
-  get: function () { return chunkIL4LH2XX_js.TableHeader; }
+  get: function () { return chunkUNPKDNLA_js.TableHeader; }
 });
 Object.defineProperty(exports, "TableRow", {
   enumerable: true,
-  get: function () { return chunkIL4LH2XX_js.TableRow; }
+  get: function () { return chunkUNPKDNLA_js.TableRow; }
 });
 Object.defineProperty(exports, "tableCellVariants", {
   enumerable: true,
-  get: function () { return chunkIL4LH2XX_js.tableCellVariants; }
+  get: function () { return chunkUNPKDNLA_js.tableCellVariants; }
 });
 Object.defineProperty(exports, "tableRowVariants", {
   enumerable: true,
-  get: function () { return chunkIL4LH2XX_js.tableRowVariants; }
+  get: function () { return chunkUNPKDNLA_js.tableRowVariants; }
 });
 Object.defineProperty(exports, "tableVariants", {
   enumerable: true,
-  get: function () { return chunkIL4LH2XX_js.tableVariants; }
+  get: function () { return chunkUNPKDNLA_js.tableVariants; }
 });
 Object.defineProperty(exports, "useTableContext", {
   enumerable: true,
-  get: function () { return chunkIL4LH2XX_js.useTableContext; }
+  get: function () { return chunkUNPKDNLA_js.useTableContext; }
 });
 //# sourceMappingURL=table.js.map
 //# sourceMappingURL=table.js.map

package/dist/ui/table.mjs

@@ -1,5 +1,5 @@
 "use client";
-export { TableBase as Table, TableBody, TableCaption, TableCell, TableContext, TableFooter, TableHead, TableHeader, TableRow, tableCellVariants, tableRowVariants, tableVariants, useTableContext } from '../chunk-OL3BJSRC.mjs';
+export { TableBase as Table, TableBody, TableCaption, TableCell, TableContext, TableFooter, TableHead, TableHeader, TableRow, tableCellVariants, tableRowVariants, tableVariants, useTableContext } from '../chunk-UMXCV5IT.mjs';
 import '../chunk-4D54YOL6.mjs';
 //# sourceMappingURL=table.mjs.map
 //# sourceMappingURL=table.mjs.map

package/dist/ui/tabs/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkBU2MPXPZ_js = require('../../chunk-BU2MPXPZ.js');
+var chunkIW2E4MLG_js = require('../../chunk-IW2E4MLG.js');
 var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
 var framerMotion = require('framer-motion');
 var jsxRuntime = require('react/jsx-runtime');
@@ -54,7 +54,7 @@ function TabsContentAnimated({
     orientation,
     tabTriggerId,
     tabPanelId
-  } = chunkBU2MPXPZ_js.useTabs();
+  } = chunkIW2E4MLG_js.useTabs();
   const prefersReducedMotion2 = framerMotion.useReducedMotion();
   if (activeValue !== value) return null;
   const motionProps = getTabsContentMotionProps(

package/dist/ui/tabs/animated.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { useTabs } from '../../chunk-NNZXBL7R.mjs';
+import { useTabs } from '../../chunk-AS34PVUG.mjs';
 import { cn } from '../../chunk-4D54YOL6.mjs';
 import { useReducedMotion, motion } from 'framer-motion';
 import { jsx } from 'react/jsx-runtime';

package/dist/ui/tabs/types.d.ts

@@ -1,5 +1,7 @@
 import type { ElementType, HTMLAttributes, ReactNode, RefObject } from "react";
+import type { zuiTabsTriggerAppearances } from "../../design-system/tabs";
 export type TabsValue = string;
+export type TabsAppearance = keyof typeof zuiTabsTriggerAppearances;
 export type TabsProps = {
     value?: TabsValue;
     defaultValue?: TabsValue;
@@ -7,7 +9,7 @@ export type TabsProps = {
     orientation?: "horizontal" | "vertical";
     variant?: "default" | "underline" | "pills";
     size?: "sm" | "md" | "lg";
-    appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
+    appearance?: TabsAppearance;
     children: ReactNode;
     className?: string;
 };
@@ -34,7 +36,7 @@ export type TabsContextType = {
     orientation: "horizontal" | "vertical";
     size?: "sm" | "md" | "lg";
     variant?: "default" | "underline" | "pills";
-    appearance?: "default" | "sky" | "rose" | "purple" | "pink" | "orange" | "yellow" | "teal" | "indigo" | "emerald" | "gray" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange";
+    appearance?: TabsAppearance;
     tabTriggerId: (value: TabsValue) => string;
     tabPanelId: (value: TabsValue) => string;
 };

package/dist/ui/tabs/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/E,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC;AAE/B,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC5C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EACP,SAAS,GACT,KAAK,GACL,MAAM,GACN,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,SAAS,GACT,MAAM,GACN,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,iBAAiB,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CACN,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,iBAAiB,CAC7D,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1C,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC5C,UAAU,CAAC,EACP,SAAS,GACT,KAAK,GACL,MAAM,GACN,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,SAAS,GACT,MAAM,GACN,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,iBAAiB,GACjB,iBAAiB,GACjB,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,iBAAiB,CAAC;IACtB,YAAY,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IAC3C,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;CAC1C,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/tabs/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAE1E,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC;AAC/B,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,yBAAyB,CAAC;AAEpE,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC5C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,GAAG,IAAI,CACN,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,GAAG,WAAW,GAAG,MAAM,GAAG,IAAI,GAAG,iBAAiB,CAC7D,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,SAAS,GAAG,SAAS,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1C,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACvC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;IAC5C,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,YAAY,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;IAC3C,UAAU,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,MAAM,CAAC;CAC1C,CAAC"}

package/dist/ui/tabs/variants.d.ts

@@ -4,7 +4,7 @@ export declare const tabsListVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const tabsTriggerVariants: (props?: ({
-    appearance?: "default" | "sky" | "emerald" | "rose" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    appearance?: "ruby" | "default" | "sky" | "emerald" | "rose" | "slate" | "gray" | "indigo" | "cyan" | "aqua" | "blue" | "crimson" | "green" | "lavender" | "lime" | "magenta" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "mint" | "ocean" | "sapphire" | "zinc" | "stone" | "royal" | "electric" | "forest" | "sunset" | null | undefined;
     variant?: "default" | "underline" | "pills" | null | undefined;
     size?: "md" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/ui/tabs.js

@@ -1,42 +1,42 @@
 "use client";
 'use strict';
 
-var chunkBU2MPXPZ_js = require('../chunk-BU2MPXPZ.js');
+var chunkIW2E4MLG_js = require('../chunk-IW2E4MLG.js');
 require('../chunk-ZS5756ZC.js');
 
 
 
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunkBU2MPXPZ_js.Tabs; }
+  get: function () { return chunkIW2E4MLG_js.Tabs; }
 });
 Object.defineProperty(exports, "TabsContent", {
   enumerable: true,
-  get: function () { return chunkBU2MPXPZ_js.TabsContent; }
+  get: function () { return chunkIW2E4MLG_js.TabsContent; }
 });
 Object.defineProperty(exports, "TabsContext", {
   enumerable: true,
-  get: function () { return chunkBU2MPXPZ_js.TabsContext; }
+  get: function () { return chunkIW2E4MLG_js.TabsContext; }
 });
 Object.defineProperty(exports, "TabsList", {
   enumerable: true,
-  get: function () { return chunkBU2MPXPZ_js.TabsList; }
+  get: function () { return chunkIW2E4MLG_js.TabsList; }
 });
 Object.defineProperty(exports, "TabsTrigger", {
   enumerable: true,
-  get: function () { return chunkBU2MPXPZ_js.TabsTrigger; }
+  get: function () { return chunkIW2E4MLG_js.TabsTrigger; }
 });
 Object.defineProperty(exports, "tabsListVariants", {
   enumerable: true,
-  get: function () { return chunkBU2MPXPZ_js.tabsListVariants; }
+  get: function () { return chunkIW2E4MLG_js.tabsListVariants; }
 });
 Object.defineProperty(exports, "tabsTriggerVariants", {
   enumerable: true,
-  get: function () { return chunkBU2MPXPZ_js.tabsTriggerVariants; }
+  get: function () { return chunkIW2E4MLG_js.tabsTriggerVariants; }
 });
 Object.defineProperty(exports, "useTabs", {
   enumerable: true,
-  get: function () { return chunkBU2MPXPZ_js.useTabs; }
+  get: function () { return chunkIW2E4MLG_js.useTabs; }
 });
 //# sourceMappingURL=tabs.js.map
 //# sourceMappingURL=tabs.js.map

package/dist/ui/tabs.mjs

@@ -1,5 +1,5 @@
 "use client";
-export { Tabs, TabsContent, TabsContext, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants, useTabs } from '../chunk-NNZXBL7R.mjs';
+export { Tabs, TabsContent, TabsContext, TabsList, TabsTrigger, tabsListVariants, tabsTriggerVariants, useTabs } from '../chunk-AS34PVUG.mjs';
 import '../chunk-4D54YOL6.mjs';
 //# sourceMappingURL=tabs.mjs.map
 //# sourceMappingURL=tabs.mjs.map

package/dist/ui/timeline/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkZ4KHAD6Y_js = require('../../chunk-Z4KHAD6Y.js');
+var chunk2RBUROXJ_js = require('../../chunk-2RBUROXJ.js');
 var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
 var react = require('react');
 var framerMotion = require('framer-motion');
@@ -23,8 +23,8 @@ function TimelineItem({
   ref,
   ...rest
 }) {
-  const { size, total } = chunkZ4KHAD6Y_js.useTimelineContext("TimelineItem");
-  const index = chunkZ4KHAD6Y_js.useTimelineIndex("TimelineItem");
+  const { size, total } = chunk2RBUROXJ_js.useTimelineContext("TimelineItem");
+  const index = chunk2RBUROXJ_js.useTimelineIndex("TimelineItem");
   const isLast = index === total - 1;
   const itemCtx = react.useMemo(
     () => ({ index, isLast }),
@@ -34,13 +34,13 @@ function TimelineItem({
   const motionless = transitionVariant === "none" || Boolean(reducedMotion);
   const transition = timelineItemTransitionPresets[transitionVariant];
   const delay = index * stagger;
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkZ4KHAD6Y_js.TimelineItemContext.Provider, { value: itemCtx, children: /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(chunk2RBUROXJ_js.TimelineItemContext.Provider, { value: itemCtx, children: /* @__PURE__ */ jsxRuntime.jsxs(
     framerMotion.motion.li,
     {
       ref,
       "data-slot": "timeline-item",
       "data-last": isLast ? "" : void 0,
-      className: chunkZS5756ZC_js.cn(chunkZ4KHAD6Y_js.timelineItemVariants(), className),
+      className: chunkZS5756ZC_js.cn(chunk2RBUROXJ_js.timelineItemVariants(), className),
       initial: motionless ? false : { opacity: 0, y: 12 },
       whileInView: motionless ? void 0 : { opacity: 1, y: 0 },
       viewport: { once: true, amount: 0.35 },
@@ -52,7 +52,7 @@ function TimelineItem({
           {
             "aria-hidden": "true",
             "data-slot": "timeline-connector",
-            className: chunkZ4KHAD6Y_js.timelineConnectorVariants({ size }),
+            className: chunk2RBUROXJ_js.timelineConnectorVariants({ size }),
             style: { originY: 0 },
             initial: motionless ? false : { scaleY: 0, x: "-50%" },
             whileInView: motionless ? void 0 : { scaleY: 1, x: "-50%" },
@@ -69,23 +69,23 @@ TimelineItem.displayName = "TimelineItem";
 
 Object.defineProperty(exports, "Timeline", {
   enumerable: true,
-  get: function () { return chunkZ4KHAD6Y_js.Timeline; }
+  get: function () { return chunk2RBUROXJ_js.Timeline; }
 });
 Object.defineProperty(exports, "TimelineContent", {
   enumerable: true,
-  get: function () { return chunkZ4KHAD6Y_js.TimelineContent; }
+  get: function () { return chunk2RBUROXJ_js.TimelineContent; }
 });
 Object.defineProperty(exports, "TimelineDescription", {
   enumerable: true,
-  get: function () { return chunkZ4KHAD6Y_js.TimelineDescription; }
+  get: function () { return chunk2RBUROXJ_js.TimelineDescription; }
 });
 Object.defineProperty(exports, "TimelineIndicator", {
   enumerable: true,
-  get: function () { return chunkZ4KHAD6Y_js.TimelineIndicator; }
+  get: function () { return chunk2RBUROXJ_js.TimelineIndicator; }
 });
 Object.defineProperty(exports, "TimelineTitle", {
   enumerable: true,
-  get: function () { return chunkZ4KHAD6Y_js.TimelineTitle; }
+  get: function () { return chunk2RBUROXJ_js.TimelineTitle; }
 });
 exports.TIMELINE_DEFAULT_STAGGER = TIMELINE_DEFAULT_STAGGER;
 exports.TimelineItem = TimelineItem;

package/dist/ui/timeline/animated.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { useTimelineContext, useTimelineIndex, TimelineItemContext, timelineConnectorVariants, timelineItemVariants } from '../../chunk-V5JTDRV5.mjs';
-export { Timeline, TimelineContent, TimelineDescription, TimelineIndicator, TimelineTitle } from '../../chunk-V5JTDRV5.mjs';
+import { useTimelineContext, useTimelineIndex, TimelineItemContext, timelineConnectorVariants, timelineItemVariants } from '../../chunk-6GPUHFXI.mjs';
+export { Timeline, TimelineContent, TimelineDescription, TimelineIndicator, TimelineTitle } from '../../chunk-6GPUHFXI.mjs';
 import { cn } from '../../chunk-4D54YOL6.mjs';
 import { useMemo } from 'react';
 import { useReducedMotion, motion } from 'framer-motion';