@zentauri-ui/zentauri-components 1.8.42 → 1.9.1

package/dist/ui/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design-system/breadcrumb.ts","../../src/ui/breadcrumb/variants.ts","../../src/ui/breadcrumb/breadcrumb.tsx"],"names":["cva","jsx","cn"],"mappings":"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","file":"breadcrumb.js","sourcesContent":["export const zuiBreadcrumbNavBase = \"text-sm\";\n\nexport const zuiBreadcrumbAppearances = {\n  default:\n    \"text-[color:var(--zui-breadcrumb-default-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-breadcrumb-default-fg-dark,oklch(86.9%_0.022_252.894))]\",\n  muted:\n    \"text-[color:var(--zui-breadcrumb-muted-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-breadcrumb-muted-fg-dark,oklch(70.4%_0.04_256.788))]\",\n  sky: \"text-[color:var(--zui-breadcrumb-sky-fg,oklch(44.3%_0.11_240.79))] dark:text-[color:var(--zui-breadcrumb-sky-fg-dark,oklch(58.8%_0.158_241.966))]\",\n  rose: \"text-[color:var(--zui-breadcrumb-rose-fg,oklch(45.5%_0.188_13.697))] dark:text-[color:var(--zui-breadcrumb-rose-fg-dark,oklch(58.6%_0.253_17.585))]\",\n  purple:\n    \"text-[color:var(--zui-breadcrumb-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-breadcrumb-purple-fg-dark,oklch(55.8%_0.288_302.321))]\",\n  pink: \"text-[color:var(--zui-breadcrumb-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-breadcrumb-pink-fg-dark,oklch(59.2%_0.249_0.584))]\",\n  orange:\n    \"text-[color:var(--zui-breadcrumb-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-breadcrumb-orange-fg-dark,oklch(64.6%_0.222_41.116))]\",\n  yellow:\n    \"text-[color:var(--zui-breadcrumb-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-breadcrumb-yellow-fg-dark,oklch(68.1%_0.162_75.834))]\",\n  teal: \"text-[color:var(--zui-breadcrumb-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-breadcrumb-teal-fg-dark,oklch(60%_0.118_184.704))]\",\n  indigo:\n    \"text-[color:var(--zui-breadcrumb-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-breadcrumb-indigo-fg-dark,oklch(51.1%_0.262_276.966))]\",\n  emerald:\n    \"text-[color:var(--zui-breadcrumb-emerald-fg,oklch(43.2%_0.095_166.913))] dark:text-[color:var(--zui-breadcrumb-emerald-fg-dark,oklch(59.6%_0.145_163.225))]\",\n  gray: \"text-[color:var(--zui-breadcrumb-gray-fg,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-breadcrumb-gray-fg-dark,oklch(44.6%_0.03_256.802))]\",\n  amber:\n    \"text-[color:var(--zui-breadcrumb-amber-fg,oklch(47.3%_0.137_46.201))] dark:text-[color:var(--zui-breadcrumb-amber-fg-dark,oklch(66.6%_0.179_58.318))]\",\n  violet:\n    \"text-[color:var(--zui-breadcrumb-violet-fg,oklch(43.2%_0.232_292.759))] dark:text-[color:var(--zui-breadcrumb-violet-fg-dark,oklch(54.1%_0.281_293.009))]\",\n} as const;\n\nexport const zuiBreadcrumbListBase = \"flex flex-wrap items-center gap-1.5\";\n\nexport const zuiBreadcrumbItemBase = \"inline-flex items-center gap-1.5\";\n\nexport const zuiBreadcrumbLinkBase =\n  \"rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-breadcrumb-link-ring-focus,#0000004d)] dark:focus-visible:ring-[var(--zui-breadcrumb-link-ring-focus-dark,#ffffff4d)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-breadcrumb-link-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:focus-visible:ring-offset-[var(--zui-breadcrumb-link-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]\";\n\nexport const zuiBreadcrumbPageBase =\n  \"font-medium text-[color:var(--zui-breadcrumb-page-fg,oklch(27.9%_0.041_260.031))] dark:text-[color:var(--zui-breadcrumb-page-fg-dark,oklch(96.8%_0.007_247.896))]\";\n\nexport const zuiBreadcrumbSeparatorBase =\n  \"select-none text-[color:var(--zui-breadcrumb-separator-fg,oklch(70.4%_0.04_256.788))] dark:text-[color:var(--zui-breadcrumb-separator-fg-dark,oklch(44.6%_0.043_257.281))]\";\n\nexport const zuiBreadcrumbSeparatorSizes = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiBreadcrumbAppearances,\n  zuiBreadcrumbItemBase,\n  zuiBreadcrumbLinkBase,\n  zuiBreadcrumbListBase,\n  zuiBreadcrumbNavBase,\n  zuiBreadcrumbPageBase,\n  zuiBreadcrumbSeparatorBase,\n  zuiBreadcrumbSeparatorSizes,\n} from \"../../design-system/breadcrumb\";\n\nexport const breadcrumbNavVariants = cva(zuiBreadcrumbNavBase, {\n  variants: {\n    appearance: zuiBreadcrumbAppearances,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n  },\n});\n\nexport const breadcrumbListVariants = cva(zuiBreadcrumbListBase);\n\nexport const breadcrumbItemVariants = cva(zuiBreadcrumbItemBase);\n\nexport const breadcrumbLinkVariants = cva(zuiBreadcrumbLinkBase);\n\nexport const breadcrumbPageVariants = cva(zuiBreadcrumbPageBase);\n\nexport const breadcrumbSeparatorVariants = cva(zuiBreadcrumbSeparatorBase, {\n  variants: {\n    size: zuiBreadcrumbSeparatorSizes,\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport type { Ref } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  BreadcrumbItemProps,\n  BreadcrumbLinkProps,\n  BreadcrumbListProps,\n  BreadcrumbPageProps,\n  BreadcrumbProps,\n  BreadcrumbSeparatorProps,\n} from \"./types\";\nimport {\n  breadcrumbItemVariants,\n  breadcrumbLinkVariants,\n  breadcrumbListVariants,\n  breadcrumbNavVariants,\n  breadcrumbPageVariants,\n  breadcrumbSeparatorVariants,\n} from \"./variants\";\n\nexport function Breadcrumb({\n  className,\n  ref,\n  \"aria-label\": ariaLabel = \"Breadcrumb\",\n  ...rest\n}: BreadcrumbProps) {\n  return (\n    <nav\n      ref={ref}\n      data-slot=\"breadcrumb\"\n      aria-label={ariaLabel}\n      className={cn(className)}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumb.displayName = \"Breadcrumb\";\n\nexport function BreadcrumbList({\n  className,\n  ref,\n  ...rest\n}: BreadcrumbListProps & { ref?: Ref<HTMLOListElement> }) {\n  return (\n    <ol\n      ref={ref}\n      data-slot=\"breadcrumb-list\"\n      className={cn(breadcrumbListVariants(), className)}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\nexport function BreadcrumbItem({\n  className,\n  ref,\n  ...rest\n}: BreadcrumbItemProps & { ref?: Ref<HTMLLIElement> }) {\n  return (\n    <li\n      ref={ref}\n      data-slot=\"breadcrumb-item\"\n      className={cn(breadcrumbItemVariants(), className)}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\nexport function BreadcrumbLink({\n  className,\n  ref,\n  appearance = \"default\",\n  ...rest\n}: BreadcrumbLinkProps) {\n  return (\n    <a\n      ref={ref}\n      data-slot=\"breadcrumb-link\"\n      className={cn(\n        breadcrumbLinkVariants(),\n        breadcrumbNavVariants({ appearance }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\n\nexport function BreadcrumbPage({\n  className,\n  ref,\n  appearance = \"default\",\n  ...rest\n}: BreadcrumbPageProps) {\n  return (\n    <span\n      ref={ref}\n      data-slot=\"breadcrumb-page\"\n      aria-current=\"page\"\n      className={cn(\n        breadcrumbPageVariants(),\n        breadcrumbNavVariants({ appearance }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\n\nexport function BreadcrumbSeparator({\n  className,\n  size,\n  children = \"/\",\n  ref,\n  ...rest\n}: BreadcrumbSeparatorProps & { ref?: Ref<HTMLSpanElement> }) {\n  return (\n    <span\n      ref={ref}\n      data-slot=\"breadcrumb-separator\"\n      aria-hidden\n      role=\"presentation\"\n      className={cn(breadcrumbSeparatorVariants({ size }), className)}\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n}\n\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\";\n"]}
+{"version":3,"sources":["../../src/design-system/breadcrumb.ts","../../src/ui/breadcrumb/variants.ts","../../src/ui/breadcrumb/breadcrumb.tsx"],"names":["cva","jsx","cn"],"mappings":"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","file":"breadcrumb.js","sourcesContent":["export const zuiBreadcrumbNavBase = \"text-sm\";\n\nexport const zuiBreadcrumbAppearances = {\n  default:\n    \"text-[color:var(--zui-breadcrumb-default-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-breadcrumb-default-fg-dark,oklch(86.9%_0.022_252.894))]\",\n  muted:\n    \"text-[color:var(--zui-breadcrumb-muted-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-breadcrumb-muted-fg-dark,oklch(70.4%_0.04_256.788))]\",\n  blue: \"text-[color:var(--zui-breadcrumb-blue-fg,#2563eb)] dark:text-[color:var(--zui-breadcrumb-blue-fg-dark,#3b82f6)]\",\n  cyan: \"text-[color:var(--zui-breadcrumb-cyan-fg,#0891b2)] dark:text-[color:var(--zui-breadcrumb-cyan-fg-dark,#22d3ee)]\",\n  green:\n    \"text-[color:var(--zui-breadcrumb-green-fg,#16a34a)] dark:text-[color:var(--zui-breadcrumb-green-fg-dark,#22c55e)]\",\n  lime: \"text-[color:var(--zui-breadcrumb-lime-fg,#65a30d)] dark:text-[color:var(--zui-breadcrumb-lime-fg-dark,#a3e635)]\",\n  mint: \"text-[color:var(--zui-breadcrumb-mint-fg,#10b981)] dark:text-[color:var(--zui-breadcrumb-mint-fg-dark,#6ee7b7)]\",\n  ocean:\n    \"text-[color:var(--zui-breadcrumb-ocean-fg,#0284c7)] dark:text-[color:var(--zui-breadcrumb-ocean-fg-dark,#38bdf8)]\",\n  sapphire:\n    \"text-[color:var(--zui-breadcrumb-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-breadcrumb-sapphire-fg-dark,#60a5fa)]\",\n  lavender:\n    \"text-[color:var(--zui-breadcrumb-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-breadcrumb-lavender-fg-dark,#a78bfa)]\",\n  ruby: \"text-[color:var(--zui-breadcrumb-ruby-fg,#be123c)] dark:text-[color:var(--zui-breadcrumb-ruby-fg-dark,#fb7185)]\",\n  red: \"text-[color:var(--zui-breadcrumb-red-fg,#dc2626)] dark:text-[color:var(--zui-breadcrumb-red-fg-dark,#ef4444)]\",\n  slate:\n    \"text-[color:var(--zui-breadcrumb-slate-fg,#475569)] dark:text-[color:var(--zui-breadcrumb-slate-fg-dark,#64748b)]\",\n  zinc: \"text-[color:var(--zui-breadcrumb-zinc-fg,#52525b)] dark:text-[color:var(--zui-breadcrumb-zinc-fg-dark,#71717a)]\",\n  stone:\n    \"text-[color:var(--zui-breadcrumb-stone-fg,#57534e)] dark:text-[color:var(--zui-breadcrumb-stone-fg-dark,#78716c)]\",\n  royal:\n    \"text-[color:var(--zui-breadcrumb-royal-fg,#4338ca)] dark:text-[color:var(--zui-breadcrumb-royal-fg-dark,#818cf8)]\",\n  electric:\n    \"text-[color:var(--zui-breadcrumb-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-breadcrumb-electric-fg-dark,#38bdf8)]\",\n  forest:\n    \"text-[color:var(--zui-breadcrumb-forest-fg,#166534)] dark:text-[color:var(--zui-breadcrumb-forest-fg-dark,#4ade80)]\",\n  sunset:\n    \"text-[color:var(--zui-breadcrumb-sunset-fg,#ea580c)] dark:text-[color:var(--zui-breadcrumb-sunset-fg-dark,#fb923c)]\",\n  magenta:\n    \"text-[color:var(--zui-breadcrumb-magenta-fg,#c026d3)] dark:text-[color:var(--zui-breadcrumb-magenta-fg-dark,#e879f9)]\",\n  crimson:\n    \"text-[color:var(--zui-breadcrumb-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-breadcrumb-crimson-fg-dark,#f87171)]\",\n  aqua: \"text-[color:var(--zui-breadcrumb-aqua-fg,#0f766e)] dark:text-[color:var(--zui-breadcrumb-aqua-fg-dark,#2dd4bf)]\",\n  plum: \"text-[color:var(--zui-breadcrumb-plum-fg,#7e22ce)] dark:text-[color:var(--zui-breadcrumb-plum-fg-dark,#c084fc)]\",\n  sky: \"text-[color:var(--zui-breadcrumb-sky-fg,oklch(44.3%_0.11_240.79))] dark:text-[color:var(--zui-breadcrumb-sky-fg-dark,oklch(58.8%_0.158_241.966))]\",\n  rose: \"text-[color:var(--zui-breadcrumb-rose-fg,oklch(45.5%_0.188_13.697))] dark:text-[color:var(--zui-breadcrumb-rose-fg-dark,oklch(58.6%_0.253_17.585))]\",\n  purple:\n    \"text-[color:var(--zui-breadcrumb-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-breadcrumb-purple-fg-dark,oklch(55.8%_0.288_302.321))]\",\n  pink: \"text-[color:var(--zui-breadcrumb-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-breadcrumb-pink-fg-dark,oklch(59.2%_0.249_0.584))]\",\n  orange:\n    \"text-[color:var(--zui-breadcrumb-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-breadcrumb-orange-fg-dark,oklch(64.6%_0.222_41.116))]\",\n  yellow:\n    \"text-[color:var(--zui-breadcrumb-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-breadcrumb-yellow-fg-dark,oklch(68.1%_0.162_75.834))]\",\n  teal: \"text-[color:var(--zui-breadcrumb-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-breadcrumb-teal-fg-dark,oklch(60%_0.118_184.704))]\",\n  indigo:\n    \"text-[color:var(--zui-breadcrumb-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-breadcrumb-indigo-fg-dark,oklch(51.1%_0.262_276.966))]\",\n  emerald:\n    \"text-[color:var(--zui-breadcrumb-emerald-fg,oklch(43.2%_0.095_166.913))] dark:text-[color:var(--zui-breadcrumb-emerald-fg-dark,oklch(59.6%_0.145_163.225))]\",\n  gray: \"text-[color:var(--zui-breadcrumb-gray-fg,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-breadcrumb-gray-fg-dark,oklch(44.6%_0.03_256.802))]\",\n  amber:\n    \"text-[color:var(--zui-breadcrumb-amber-fg,oklch(47.3%_0.137_46.201))] dark:text-[color:var(--zui-breadcrumb-amber-fg-dark,oklch(66.6%_0.179_58.318))]\",\n  violet:\n    \"text-[color:var(--zui-breadcrumb-violet-fg,oklch(43.2%_0.232_292.759))] dark:text-[color:var(--zui-breadcrumb-violet-fg-dark,oklch(54.1%_0.281_293.009))]\",\n} as const;\n\nexport const zuiBreadcrumbListBase = \"flex flex-wrap items-center gap-1.5\";\n\nexport const zuiBreadcrumbItemBase = \"inline-flex items-center gap-1.5\";\n\nexport const zuiBreadcrumbLinkBase =\n  \"rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-breadcrumb-link-ring-focus,#0000004d)] dark:focus-visible:ring-[var(--zui-breadcrumb-link-ring-focus-dark,#ffffff4d)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-breadcrumb-link-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:focus-visible:ring-offset-[var(--zui-breadcrumb-link-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]\";\n\nexport const zuiBreadcrumbPageBase =\n  \"font-medium text-[color:var(--zui-breadcrumb-page-fg,oklch(27.9%_0.041_260.031))] dark:text-[color:var(--zui-breadcrumb-page-fg-dark,oklch(96.8%_0.007_247.896))]\";\n\nexport const zuiBreadcrumbSeparatorBase =\n  \"select-none text-[color:var(--zui-breadcrumb-separator-fg,oklch(70.4%_0.04_256.788))] dark:text-[color:var(--zui-breadcrumb-separator-fg-dark,oklch(44.6%_0.043_257.281))]\";\n\nexport const zuiBreadcrumbSeparatorSizes = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiBreadcrumbAppearances,\n  zuiBreadcrumbItemBase,\n  zuiBreadcrumbLinkBase,\n  zuiBreadcrumbListBase,\n  zuiBreadcrumbNavBase,\n  zuiBreadcrumbPageBase,\n  zuiBreadcrumbSeparatorBase,\n  zuiBreadcrumbSeparatorSizes,\n} from \"../../design-system/breadcrumb\";\n\nexport const breadcrumbNavVariants = cva(zuiBreadcrumbNavBase, {\n  variants: {\n    appearance: zuiBreadcrumbAppearances,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n  },\n});\n\nexport const breadcrumbListVariants = cva(zuiBreadcrumbListBase);\n\nexport const breadcrumbItemVariants = cva(zuiBreadcrumbItemBase);\n\nexport const breadcrumbLinkVariants = cva(zuiBreadcrumbLinkBase);\n\nexport const breadcrumbPageVariants = cva(zuiBreadcrumbPageBase);\n\nexport const breadcrumbSeparatorVariants = cva(zuiBreadcrumbSeparatorBase, {\n  variants: {\n    size: zuiBreadcrumbSeparatorSizes,\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport type { Ref } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  BreadcrumbItemProps,\n  BreadcrumbLinkProps,\n  BreadcrumbListProps,\n  BreadcrumbPageProps,\n  BreadcrumbProps,\n  BreadcrumbSeparatorProps,\n} from \"./types\";\nimport {\n  breadcrumbItemVariants,\n  breadcrumbLinkVariants,\n  breadcrumbListVariants,\n  breadcrumbNavVariants,\n  breadcrumbPageVariants,\n  breadcrumbSeparatorVariants,\n} from \"./variants\";\n\nexport function Breadcrumb({\n  className,\n  ref,\n  \"aria-label\": ariaLabel = \"Breadcrumb\",\n  ...rest\n}: BreadcrumbProps) {\n  return (\n    <nav\n      ref={ref}\n      data-slot=\"breadcrumb\"\n      aria-label={ariaLabel}\n      className={cn(className)}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumb.displayName = \"Breadcrumb\";\n\nexport function BreadcrumbList({\n  className,\n  ref,\n  ...rest\n}: BreadcrumbListProps & { ref?: Ref<HTMLOListElement> }) {\n  return (\n    <ol\n      ref={ref}\n      data-slot=\"breadcrumb-list\"\n      className={cn(breadcrumbListVariants(), className)}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\nexport function BreadcrumbItem({\n  className,\n  ref,\n  ...rest\n}: BreadcrumbItemProps & { ref?: Ref<HTMLLIElement> }) {\n  return (\n    <li\n      ref={ref}\n      data-slot=\"breadcrumb-item\"\n      className={cn(breadcrumbItemVariants(), className)}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\nexport function BreadcrumbLink({\n  className,\n  ref,\n  appearance = \"default\",\n  ...rest\n}: BreadcrumbLinkProps) {\n  return (\n    <a\n      ref={ref}\n      data-slot=\"breadcrumb-link\"\n      className={cn(\n        breadcrumbLinkVariants(),\n        breadcrumbNavVariants({ appearance }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\n\nexport function BreadcrumbPage({\n  className,\n  ref,\n  appearance = \"default\",\n  ...rest\n}: BreadcrumbPageProps) {\n  return (\n    <span\n      ref={ref}\n      data-slot=\"breadcrumb-page\"\n      aria-current=\"page\"\n      className={cn(\n        breadcrumbPageVariants(),\n        breadcrumbNavVariants({ appearance }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\n\nexport function BreadcrumbSeparator({\n  className,\n  size,\n  children = \"/\",\n  ref,\n  ...rest\n}: BreadcrumbSeparatorProps & { ref?: Ref<HTMLSpanElement> }) {\n  return (\n    <span\n      ref={ref}\n      data-slot=\"breadcrumb-separator\"\n      aria-hidden\n      role=\"presentation\"\n      className={cn(breadcrumbSeparatorVariants({ size }), className)}\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n}\n\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\";\n"]}

package/dist/ui/breadcrumb.mjs

@@ -8,6 +8,27 @@ var zuiBreadcrumbNavBase = "text-sm";
 var zuiBreadcrumbAppearances = {
   default: "text-[color:var(--zui-breadcrumb-default-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-breadcrumb-default-fg-dark,oklch(86.9%_0.022_252.894))]",
   muted: "text-[color:var(--zui-breadcrumb-muted-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-breadcrumb-muted-fg-dark,oklch(70.4%_0.04_256.788))]",
+  blue: "text-[color:var(--zui-breadcrumb-blue-fg,#2563eb)] dark:text-[color:var(--zui-breadcrumb-blue-fg-dark,#3b82f6)]",
+  cyan: "text-[color:var(--zui-breadcrumb-cyan-fg,#0891b2)] dark:text-[color:var(--zui-breadcrumb-cyan-fg-dark,#22d3ee)]",
+  green: "text-[color:var(--zui-breadcrumb-green-fg,#16a34a)] dark:text-[color:var(--zui-breadcrumb-green-fg-dark,#22c55e)]",
+  lime: "text-[color:var(--zui-breadcrumb-lime-fg,#65a30d)] dark:text-[color:var(--zui-breadcrumb-lime-fg-dark,#a3e635)]",
+  mint: "text-[color:var(--zui-breadcrumb-mint-fg,#10b981)] dark:text-[color:var(--zui-breadcrumb-mint-fg-dark,#6ee7b7)]",
+  ocean: "text-[color:var(--zui-breadcrumb-ocean-fg,#0284c7)] dark:text-[color:var(--zui-breadcrumb-ocean-fg-dark,#38bdf8)]",
+  sapphire: "text-[color:var(--zui-breadcrumb-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-breadcrumb-sapphire-fg-dark,#60a5fa)]",
+  lavender: "text-[color:var(--zui-breadcrumb-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-breadcrumb-lavender-fg-dark,#a78bfa)]",
+  ruby: "text-[color:var(--zui-breadcrumb-ruby-fg,#be123c)] dark:text-[color:var(--zui-breadcrumb-ruby-fg-dark,#fb7185)]",
+  red: "text-[color:var(--zui-breadcrumb-red-fg,#dc2626)] dark:text-[color:var(--zui-breadcrumb-red-fg-dark,#ef4444)]",
+  slate: "text-[color:var(--zui-breadcrumb-slate-fg,#475569)] dark:text-[color:var(--zui-breadcrumb-slate-fg-dark,#64748b)]",
+  zinc: "text-[color:var(--zui-breadcrumb-zinc-fg,#52525b)] dark:text-[color:var(--zui-breadcrumb-zinc-fg-dark,#71717a)]",
+  stone: "text-[color:var(--zui-breadcrumb-stone-fg,#57534e)] dark:text-[color:var(--zui-breadcrumb-stone-fg-dark,#78716c)]",
+  royal: "text-[color:var(--zui-breadcrumb-royal-fg,#4338ca)] dark:text-[color:var(--zui-breadcrumb-royal-fg-dark,#818cf8)]",
+  electric: "text-[color:var(--zui-breadcrumb-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-breadcrumb-electric-fg-dark,#38bdf8)]",
+  forest: "text-[color:var(--zui-breadcrumb-forest-fg,#166534)] dark:text-[color:var(--zui-breadcrumb-forest-fg-dark,#4ade80)]",
+  sunset: "text-[color:var(--zui-breadcrumb-sunset-fg,#ea580c)] dark:text-[color:var(--zui-breadcrumb-sunset-fg-dark,#fb923c)]",
+  magenta: "text-[color:var(--zui-breadcrumb-magenta-fg,#c026d3)] dark:text-[color:var(--zui-breadcrumb-magenta-fg-dark,#e879f9)]",
+  crimson: "text-[color:var(--zui-breadcrumb-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-breadcrumb-crimson-fg-dark,#f87171)]",
+  aqua: "text-[color:var(--zui-breadcrumb-aqua-fg,#0f766e)] dark:text-[color:var(--zui-breadcrumb-aqua-fg-dark,#2dd4bf)]",
+  plum: "text-[color:var(--zui-breadcrumb-plum-fg,#7e22ce)] dark:text-[color:var(--zui-breadcrumb-plum-fg-dark,#c084fc)]",
   sky: "text-[color:var(--zui-breadcrumb-sky-fg,oklch(44.3%_0.11_240.79))] dark:text-[color:var(--zui-breadcrumb-sky-fg-dark,oklch(58.8%_0.158_241.966))]",
   rose: "text-[color:var(--zui-breadcrumb-rose-fg,oklch(45.5%_0.188_13.697))] dark:text-[color:var(--zui-breadcrumb-rose-fg-dark,oklch(58.6%_0.253_17.585))]",
   purple: "text-[color:var(--zui-breadcrumb-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-breadcrumb-purple-fg-dark,oklch(55.8%_0.288_302.321))]",

package/dist/ui/breadcrumb.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/design-system/breadcrumb.ts","../../src/ui/breadcrumb/variants.ts","../../src/ui/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"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","file":"breadcrumb.mjs","sourcesContent":["export const zuiBreadcrumbNavBase = \"text-sm\";\n\nexport const zuiBreadcrumbAppearances = {\n  default:\n    \"text-[color:var(--zui-breadcrumb-default-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-breadcrumb-default-fg-dark,oklch(86.9%_0.022_252.894))]\",\n  muted:\n    \"text-[color:var(--zui-breadcrumb-muted-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-breadcrumb-muted-fg-dark,oklch(70.4%_0.04_256.788))]\",\n  sky: \"text-[color:var(--zui-breadcrumb-sky-fg,oklch(44.3%_0.11_240.79))] dark:text-[color:var(--zui-breadcrumb-sky-fg-dark,oklch(58.8%_0.158_241.966))]\",\n  rose: \"text-[color:var(--zui-breadcrumb-rose-fg,oklch(45.5%_0.188_13.697))] dark:text-[color:var(--zui-breadcrumb-rose-fg-dark,oklch(58.6%_0.253_17.585))]\",\n  purple:\n    \"text-[color:var(--zui-breadcrumb-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-breadcrumb-purple-fg-dark,oklch(55.8%_0.288_302.321))]\",\n  pink: \"text-[color:var(--zui-breadcrumb-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-breadcrumb-pink-fg-dark,oklch(59.2%_0.249_0.584))]\",\n  orange:\n    \"text-[color:var(--zui-breadcrumb-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-breadcrumb-orange-fg-dark,oklch(64.6%_0.222_41.116))]\",\n  yellow:\n    \"text-[color:var(--zui-breadcrumb-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-breadcrumb-yellow-fg-dark,oklch(68.1%_0.162_75.834))]\",\n  teal: \"text-[color:var(--zui-breadcrumb-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-breadcrumb-teal-fg-dark,oklch(60%_0.118_184.704))]\",\n  indigo:\n    \"text-[color:var(--zui-breadcrumb-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-breadcrumb-indigo-fg-dark,oklch(51.1%_0.262_276.966))]\",\n  emerald:\n    \"text-[color:var(--zui-breadcrumb-emerald-fg,oklch(43.2%_0.095_166.913))] dark:text-[color:var(--zui-breadcrumb-emerald-fg-dark,oklch(59.6%_0.145_163.225))]\",\n  gray: \"text-[color:var(--zui-breadcrumb-gray-fg,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-breadcrumb-gray-fg-dark,oklch(44.6%_0.03_256.802))]\",\n  amber:\n    \"text-[color:var(--zui-breadcrumb-amber-fg,oklch(47.3%_0.137_46.201))] dark:text-[color:var(--zui-breadcrumb-amber-fg-dark,oklch(66.6%_0.179_58.318))]\",\n  violet:\n    \"text-[color:var(--zui-breadcrumb-violet-fg,oklch(43.2%_0.232_292.759))] dark:text-[color:var(--zui-breadcrumb-violet-fg-dark,oklch(54.1%_0.281_293.009))]\",\n} as const;\n\nexport const zuiBreadcrumbListBase = \"flex flex-wrap items-center gap-1.5\";\n\nexport const zuiBreadcrumbItemBase = \"inline-flex items-center gap-1.5\";\n\nexport const zuiBreadcrumbLinkBase =\n  \"rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-breadcrumb-link-ring-focus,#0000004d)] dark:focus-visible:ring-[var(--zui-breadcrumb-link-ring-focus-dark,#ffffff4d)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-breadcrumb-link-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:focus-visible:ring-offset-[var(--zui-breadcrumb-link-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]\";\n\nexport const zuiBreadcrumbPageBase =\n  \"font-medium text-[color:var(--zui-breadcrumb-page-fg,oklch(27.9%_0.041_260.031))] dark:text-[color:var(--zui-breadcrumb-page-fg-dark,oklch(96.8%_0.007_247.896))]\";\n\nexport const zuiBreadcrumbSeparatorBase =\n  \"select-none text-[color:var(--zui-breadcrumb-separator-fg,oklch(70.4%_0.04_256.788))] dark:text-[color:var(--zui-breadcrumb-separator-fg-dark,oklch(44.6%_0.043_257.281))]\";\n\nexport const zuiBreadcrumbSeparatorSizes = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiBreadcrumbAppearances,\n  zuiBreadcrumbItemBase,\n  zuiBreadcrumbLinkBase,\n  zuiBreadcrumbListBase,\n  zuiBreadcrumbNavBase,\n  zuiBreadcrumbPageBase,\n  zuiBreadcrumbSeparatorBase,\n  zuiBreadcrumbSeparatorSizes,\n} from \"../../design-system/breadcrumb\";\n\nexport const breadcrumbNavVariants = cva(zuiBreadcrumbNavBase, {\n  variants: {\n    appearance: zuiBreadcrumbAppearances,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n  },\n});\n\nexport const breadcrumbListVariants = cva(zuiBreadcrumbListBase);\n\nexport const breadcrumbItemVariants = cva(zuiBreadcrumbItemBase);\n\nexport const breadcrumbLinkVariants = cva(zuiBreadcrumbLinkBase);\n\nexport const breadcrumbPageVariants = cva(zuiBreadcrumbPageBase);\n\nexport const breadcrumbSeparatorVariants = cva(zuiBreadcrumbSeparatorBase, {\n  variants: {\n    size: zuiBreadcrumbSeparatorSizes,\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport type { Ref } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  BreadcrumbItemProps,\n  BreadcrumbLinkProps,\n  BreadcrumbListProps,\n  BreadcrumbPageProps,\n  BreadcrumbProps,\n  BreadcrumbSeparatorProps,\n} from \"./types\";\nimport {\n  breadcrumbItemVariants,\n  breadcrumbLinkVariants,\n  breadcrumbListVariants,\n  breadcrumbNavVariants,\n  breadcrumbPageVariants,\n  breadcrumbSeparatorVariants,\n} from \"./variants\";\n\nexport function Breadcrumb({\n  className,\n  ref,\n  \"aria-label\": ariaLabel = \"Breadcrumb\",\n  ...rest\n}: BreadcrumbProps) {\n  return (\n    <nav\n      ref={ref}\n      data-slot=\"breadcrumb\"\n      aria-label={ariaLabel}\n      className={cn(className)}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumb.displayName = \"Breadcrumb\";\n\nexport function BreadcrumbList({\n  className,\n  ref,\n  ...rest\n}: BreadcrumbListProps & { ref?: Ref<HTMLOListElement> }) {\n  return (\n    <ol\n      ref={ref}\n      data-slot=\"breadcrumb-list\"\n      className={cn(breadcrumbListVariants(), className)}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\nexport function BreadcrumbItem({\n  className,\n  ref,\n  ...rest\n}: BreadcrumbItemProps & { ref?: Ref<HTMLLIElement> }) {\n  return (\n    <li\n      ref={ref}\n      data-slot=\"breadcrumb-item\"\n      className={cn(breadcrumbItemVariants(), className)}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\nexport function BreadcrumbLink({\n  className,\n  ref,\n  appearance = \"default\",\n  ...rest\n}: BreadcrumbLinkProps) {\n  return (\n    <a\n      ref={ref}\n      data-slot=\"breadcrumb-link\"\n      className={cn(\n        breadcrumbLinkVariants(),\n        breadcrumbNavVariants({ appearance }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\n\nexport function BreadcrumbPage({\n  className,\n  ref,\n  appearance = \"default\",\n  ...rest\n}: BreadcrumbPageProps) {\n  return (\n    <span\n      ref={ref}\n      data-slot=\"breadcrumb-page\"\n      aria-current=\"page\"\n      className={cn(\n        breadcrumbPageVariants(),\n        breadcrumbNavVariants({ appearance }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\n\nexport function BreadcrumbSeparator({\n  className,\n  size,\n  children = \"/\",\n  ref,\n  ...rest\n}: BreadcrumbSeparatorProps & { ref?: Ref<HTMLSpanElement> }) {\n  return (\n    <span\n      ref={ref}\n      data-slot=\"breadcrumb-separator\"\n      aria-hidden\n      role=\"presentation\"\n      className={cn(breadcrumbSeparatorVariants({ size }), className)}\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n}\n\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\";\n"]}
+{"version":3,"sources":["../../src/design-system/breadcrumb.ts","../../src/ui/breadcrumb/variants.ts","../../src/ui/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"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","file":"breadcrumb.mjs","sourcesContent":["export const zuiBreadcrumbNavBase = \"text-sm\";\n\nexport const zuiBreadcrumbAppearances = {\n  default:\n    \"text-[color:var(--zui-breadcrumb-default-fg,oklch(44.6%_0.043_257.281))] dark:text-[color:var(--zui-breadcrumb-default-fg-dark,oklch(86.9%_0.022_252.894))]\",\n  muted:\n    \"text-[color:var(--zui-breadcrumb-muted-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-breadcrumb-muted-fg-dark,oklch(70.4%_0.04_256.788))]\",\n  blue: \"text-[color:var(--zui-breadcrumb-blue-fg,#2563eb)] dark:text-[color:var(--zui-breadcrumb-blue-fg-dark,#3b82f6)]\",\n  cyan: \"text-[color:var(--zui-breadcrumb-cyan-fg,#0891b2)] dark:text-[color:var(--zui-breadcrumb-cyan-fg-dark,#22d3ee)]\",\n  green:\n    \"text-[color:var(--zui-breadcrumb-green-fg,#16a34a)] dark:text-[color:var(--zui-breadcrumb-green-fg-dark,#22c55e)]\",\n  lime: \"text-[color:var(--zui-breadcrumb-lime-fg,#65a30d)] dark:text-[color:var(--zui-breadcrumb-lime-fg-dark,#a3e635)]\",\n  mint: \"text-[color:var(--zui-breadcrumb-mint-fg,#10b981)] dark:text-[color:var(--zui-breadcrumb-mint-fg-dark,#6ee7b7)]\",\n  ocean:\n    \"text-[color:var(--zui-breadcrumb-ocean-fg,#0284c7)] dark:text-[color:var(--zui-breadcrumb-ocean-fg-dark,#38bdf8)]\",\n  sapphire:\n    \"text-[color:var(--zui-breadcrumb-sapphire-fg,#1d4ed8)] dark:text-[color:var(--zui-breadcrumb-sapphire-fg-dark,#60a5fa)]\",\n  lavender:\n    \"text-[color:var(--zui-breadcrumb-lavender-fg,#8b5cf6)] dark:text-[color:var(--zui-breadcrumb-lavender-fg-dark,#a78bfa)]\",\n  ruby: \"text-[color:var(--zui-breadcrumb-ruby-fg,#be123c)] dark:text-[color:var(--zui-breadcrumb-ruby-fg-dark,#fb7185)]\",\n  red: \"text-[color:var(--zui-breadcrumb-red-fg,#dc2626)] dark:text-[color:var(--zui-breadcrumb-red-fg-dark,#ef4444)]\",\n  slate:\n    \"text-[color:var(--zui-breadcrumb-slate-fg,#475569)] dark:text-[color:var(--zui-breadcrumb-slate-fg-dark,#64748b)]\",\n  zinc: \"text-[color:var(--zui-breadcrumb-zinc-fg,#52525b)] dark:text-[color:var(--zui-breadcrumb-zinc-fg-dark,#71717a)]\",\n  stone:\n    \"text-[color:var(--zui-breadcrumb-stone-fg,#57534e)] dark:text-[color:var(--zui-breadcrumb-stone-fg-dark,#78716c)]\",\n  royal:\n    \"text-[color:var(--zui-breadcrumb-royal-fg,#4338ca)] dark:text-[color:var(--zui-breadcrumb-royal-fg-dark,#818cf8)]\",\n  electric:\n    \"text-[color:var(--zui-breadcrumb-electric-fg,#0ea5e9)] dark:text-[color:var(--zui-breadcrumb-electric-fg-dark,#38bdf8)]\",\n  forest:\n    \"text-[color:var(--zui-breadcrumb-forest-fg,#166534)] dark:text-[color:var(--zui-breadcrumb-forest-fg-dark,#4ade80)]\",\n  sunset:\n    \"text-[color:var(--zui-breadcrumb-sunset-fg,#ea580c)] dark:text-[color:var(--zui-breadcrumb-sunset-fg-dark,#fb923c)]\",\n  magenta:\n    \"text-[color:var(--zui-breadcrumb-magenta-fg,#c026d3)] dark:text-[color:var(--zui-breadcrumb-magenta-fg-dark,#e879f9)]\",\n  crimson:\n    \"text-[color:var(--zui-breadcrumb-crimson-fg,#b91c1c)] dark:text-[color:var(--zui-breadcrumb-crimson-fg-dark,#f87171)]\",\n  aqua: \"text-[color:var(--zui-breadcrumb-aqua-fg,#0f766e)] dark:text-[color:var(--zui-breadcrumb-aqua-fg-dark,#2dd4bf)]\",\n  plum: \"text-[color:var(--zui-breadcrumb-plum-fg,#7e22ce)] dark:text-[color:var(--zui-breadcrumb-plum-fg-dark,#c084fc)]\",\n  sky: \"text-[color:var(--zui-breadcrumb-sky-fg,oklch(44.3%_0.11_240.79))] dark:text-[color:var(--zui-breadcrumb-sky-fg-dark,oklch(58.8%_0.158_241.966))]\",\n  rose: \"text-[color:var(--zui-breadcrumb-rose-fg,oklch(45.5%_0.188_13.697))] dark:text-[color:var(--zui-breadcrumb-rose-fg-dark,oklch(58.6%_0.253_17.585))]\",\n  purple:\n    \"text-[color:var(--zui-breadcrumb-purple-fg,oklch(43.8%_0.218_303.724))] dark:text-[color:var(--zui-breadcrumb-purple-fg-dark,oklch(55.8%_0.288_302.321))]\",\n  pink: \"text-[color:var(--zui-breadcrumb-pink-fg,oklch(45.9%_0.187_3.815))] dark:text-[color:var(--zui-breadcrumb-pink-fg-dark,oklch(59.2%_0.249_0.584))]\",\n  orange:\n    \"text-[color:var(--zui-breadcrumb-orange-fg,oklch(47%_0.157_37.304))] dark:text-[color:var(--zui-breadcrumb-orange-fg-dark,oklch(64.6%_0.222_41.116))]\",\n  yellow:\n    \"text-[color:var(--zui-breadcrumb-yellow-fg,oklch(47.6%_0.114_61.907))] dark:text-[color:var(--zui-breadcrumb-yellow-fg-dark,oklch(68.1%_0.162_75.834))]\",\n  teal: \"text-[color:var(--zui-breadcrumb-teal-fg,oklch(43.7%_0.078_188.216))] dark:text-[color:var(--zui-breadcrumb-teal-fg-dark,oklch(60%_0.118_184.704))]\",\n  indigo:\n    \"text-[color:var(--zui-breadcrumb-indigo-fg,oklch(39.8%_0.195_277.366))] dark:text-[color:var(--zui-breadcrumb-indigo-fg-dark,oklch(51.1%_0.262_276.966))]\",\n  emerald:\n    \"text-[color:var(--zui-breadcrumb-emerald-fg,oklch(43.2%_0.095_166.913))] dark:text-[color:var(--zui-breadcrumb-emerald-fg-dark,oklch(59.6%_0.145_163.225))]\",\n  gray: \"text-[color:var(--zui-breadcrumb-gray-fg,oklch(27.8%_0.033_256.848))] dark:text-[color:var(--zui-breadcrumb-gray-fg-dark,oklch(44.6%_0.03_256.802))]\",\n  amber:\n    \"text-[color:var(--zui-breadcrumb-amber-fg,oklch(47.3%_0.137_46.201))] dark:text-[color:var(--zui-breadcrumb-amber-fg-dark,oklch(66.6%_0.179_58.318))]\",\n  violet:\n    \"text-[color:var(--zui-breadcrumb-violet-fg,oklch(43.2%_0.232_292.759))] dark:text-[color:var(--zui-breadcrumb-violet-fg-dark,oklch(54.1%_0.281_293.009))]\",\n} as const;\n\nexport const zuiBreadcrumbListBase = \"flex flex-wrap items-center gap-1.5\";\n\nexport const zuiBreadcrumbItemBase = \"inline-flex items-center gap-1.5\";\n\nexport const zuiBreadcrumbLinkBase =\n  \"rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-breadcrumb-link-ring-focus,#0000004d)] dark:focus-visible:ring-[var(--zui-breadcrumb-link-ring-focus-dark,#ffffff4d)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-breadcrumb-link-ring-offset-focus,oklch(98.4%_0.003_247.858))] dark:focus-visible:ring-offset-[var(--zui-breadcrumb-link-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]\";\n\nexport const zuiBreadcrumbPageBase =\n  \"font-medium text-[color:var(--zui-breadcrumb-page-fg,oklch(27.9%_0.041_260.031))] dark:text-[color:var(--zui-breadcrumb-page-fg-dark,oklch(96.8%_0.007_247.896))]\";\n\nexport const zuiBreadcrumbSeparatorBase =\n  \"select-none text-[color:var(--zui-breadcrumb-separator-fg,oklch(70.4%_0.04_256.788))] dark:text-[color:var(--zui-breadcrumb-separator-fg-dark,oklch(44.6%_0.043_257.281))]\";\n\nexport const zuiBreadcrumbSeparatorSizes = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiBreadcrumbAppearances,\n  zuiBreadcrumbItemBase,\n  zuiBreadcrumbLinkBase,\n  zuiBreadcrumbListBase,\n  zuiBreadcrumbNavBase,\n  zuiBreadcrumbPageBase,\n  zuiBreadcrumbSeparatorBase,\n  zuiBreadcrumbSeparatorSizes,\n} from \"../../design-system/breadcrumb\";\n\nexport const breadcrumbNavVariants = cva(zuiBreadcrumbNavBase, {\n  variants: {\n    appearance: zuiBreadcrumbAppearances,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n  },\n});\n\nexport const breadcrumbListVariants = cva(zuiBreadcrumbListBase);\n\nexport const breadcrumbItemVariants = cva(zuiBreadcrumbItemBase);\n\nexport const breadcrumbLinkVariants = cva(zuiBreadcrumbLinkBase);\n\nexport const breadcrumbPageVariants = cva(zuiBreadcrumbPageBase);\n\nexport const breadcrumbSeparatorVariants = cva(zuiBreadcrumbSeparatorBase, {\n  variants: {\n    size: zuiBreadcrumbSeparatorSizes,\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n","\"use client\";\n\nimport type { Ref } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  BreadcrumbItemProps,\n  BreadcrumbLinkProps,\n  BreadcrumbListProps,\n  BreadcrumbPageProps,\n  BreadcrumbProps,\n  BreadcrumbSeparatorProps,\n} from \"./types\";\nimport {\n  breadcrumbItemVariants,\n  breadcrumbLinkVariants,\n  breadcrumbListVariants,\n  breadcrumbNavVariants,\n  breadcrumbPageVariants,\n  breadcrumbSeparatorVariants,\n} from \"./variants\";\n\nexport function Breadcrumb({\n  className,\n  ref,\n  \"aria-label\": ariaLabel = \"Breadcrumb\",\n  ...rest\n}: BreadcrumbProps) {\n  return (\n    <nav\n      ref={ref}\n      data-slot=\"breadcrumb\"\n      aria-label={ariaLabel}\n      className={cn(className)}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumb.displayName = \"Breadcrumb\";\n\nexport function BreadcrumbList({\n  className,\n  ref,\n  ...rest\n}: BreadcrumbListProps & { ref?: Ref<HTMLOListElement> }) {\n  return (\n    <ol\n      ref={ref}\n      data-slot=\"breadcrumb-list\"\n      className={cn(breadcrumbListVariants(), className)}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\nexport function BreadcrumbItem({\n  className,\n  ref,\n  ...rest\n}: BreadcrumbItemProps & { ref?: Ref<HTMLLIElement> }) {\n  return (\n    <li\n      ref={ref}\n      data-slot=\"breadcrumb-item\"\n      className={cn(breadcrumbItemVariants(), className)}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\nexport function BreadcrumbLink({\n  className,\n  ref,\n  appearance = \"default\",\n  ...rest\n}: BreadcrumbLinkProps) {\n  return (\n    <a\n      ref={ref}\n      data-slot=\"breadcrumb-link\"\n      className={cn(\n        breadcrumbLinkVariants(),\n        breadcrumbNavVariants({ appearance }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\n\nexport function BreadcrumbPage({\n  className,\n  ref,\n  appearance = \"default\",\n  ...rest\n}: BreadcrumbPageProps) {\n  return (\n    <span\n      ref={ref}\n      data-slot=\"breadcrumb-page\"\n      aria-current=\"page\"\n      className={cn(\n        breadcrumbPageVariants(),\n        breadcrumbNavVariants({ appearance }),\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\n\nexport function BreadcrumbSeparator({\n  className,\n  size,\n  children = \"/\",\n  ref,\n  ...rest\n}: BreadcrumbSeparatorProps & { ref?: Ref<HTMLSpanElement> }) {\n  return (\n    <span\n      ref={ref}\n      data-slot=\"breadcrumb-separator\"\n      aria-hidden\n      role=\"presentation\"\n      className={cn(breadcrumbSeparatorVariants({ size }), className)}\n      {...rest}\n    >\n      {children}\n    </span>\n  );\n}\n\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\";\n"]}

package/dist/ui/buttons/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunk466QDL44_js = require('../../chunk-466QDL44.js');
+var chunk3RHJJZIT_js = require('../../chunk-3RHJJZIT.js');
 require('../../chunk-MUP7DVQR.js');
 var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
 var framerMotion = require('framer-motion');
@@ -61,7 +61,7 @@ var ButtonAnimated = (props) => {
         target,
         rel: target === "_blank" ? "noopener noreferrer" : void 0,
         "data-slot": "button",
-        className: chunkZS5756ZC_js.cn(chunk466QDL44_js.buttonVariants({ appearance: appearance2, size: size2 }), className2),
+        className: chunkZS5756ZC_js.cn(chunk3RHJJZIT_js.buttonVariants({ appearance: appearance2, size: size2 }), className2),
         initial: false,
         ...motionProps2,
         ...rest2,
@@ -86,7 +86,7 @@ var ButtonAnimated = (props) => {
       ref,
       type,
       "data-slot": "button",
-      className: chunkZS5756ZC_js.cn(chunk466QDL44_js.buttonVariants({ appearance, size }), className),
+      className: chunkZS5756ZC_js.cn(chunk3RHJJZIT_js.buttonVariants({ appearance, size }), className),
       initial: false,
       ...motionProps,
       ...rest,

package/dist/ui/buttons/animated.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { buttonVariants } from '../../chunk-CIEZFHCO.mjs';
+import { buttonVariants } from '../../chunk-CCVQ5KX6.mjs';
 import '../../chunk-4ZP444GA.mjs';
 import { cn } from '../../chunk-4D54YOL6.mjs';
 import { motion } from 'framer-motion';

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

@@ -1,5 +1,5 @@
 export declare const buttonVariants: (props?: ({
-    appearance?: "link" | "outline" | "default" | "glass" | "sky" | "emerald" | "violet" | "amber" | "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" | "secondary" | "destructive" | "ghost" | null | undefined;
+    appearance?: "link" | "ruby" | "outline" | "default" | "glass" | "sky" | "emerald" | "violet" | "amber" | "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" | "secondary" | "destructive" | "ghost" | "mint" | "ocean" | "sapphire" | "zinc" | "stone" | "royal" | "electric" | "forest" | "sunset" | null | undefined;
     size?: "icon" | "md" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=variants.d.ts.map

package/dist/ui/buttons.js

@@ -1,8 +1,8 @@
 "use client";
 'use strict';
 
-var chunkOKCC7E36_js = require('../chunk-OKCC7E36.js');
-var chunk466QDL44_js = require('../chunk-466QDL44.js');
+var chunkUOZZUWIX_js = require('../chunk-UOZZUWIX.js');
+var chunk3RHJJZIT_js = require('../chunk-3RHJJZIT.js');
 require('../chunk-MUP7DVQR.js');
 require('../chunk-ZS5756ZC.js');
 
@@ -10,11 +10,11 @@ require('../chunk-ZS5756ZC.js');
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkOKCC7E36_js.Button; }
+  get: function () { return chunkUOZZUWIX_js.Button; }
 });
 Object.defineProperty(exports, "buttonVariants", {
   enumerable: true,
-  get: function () { return chunk466QDL44_js.buttonVariants; }
+  get: function () { return chunk3RHJJZIT_js.buttonVariants; }
 });
 //# sourceMappingURL=buttons.js.map
 //# sourceMappingURL=buttons.js.map

package/dist/ui/buttons.mjs

@@ -1,6 +1,6 @@
 "use client";
-export { Button } from '../chunk-C6NA452Q.mjs';
-export { buttonVariants } from '../chunk-CIEZFHCO.mjs';
+export { Button } from '../chunk-NUYNJV5U.mjs';
+export { buttonVariants } from '../chunk-CCVQ5KX6.mjs';
 import '../chunk-4ZP444GA.mjs';
 import '../chunk-4D54YOL6.mjs';
 //# sourceMappingURL=buttons.mjs.map

package/dist/ui/card/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkPYUZOVLY_js = require('../../chunk-PYUZOVLY.js');
+var chunkVJSME7ML_js = require('../../chunk-VJSME7ML.js');
 require('../../chunk-ZS5756ZC.js');
 var framerMotion = require('framer-motion');
 var jsxRuntime = require('react/jsx-runtime');
@@ -33,7 +33,7 @@ function CardAnimated({
 }) {
   const motionProps = cardAnimationPresets[animation];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkPYUZOVLY_js.CardBase,
+    chunkVJSME7ML_js.CardBase,
     {
       ...{
         as: framerMotion.motion.article,
@@ -48,23 +48,23 @@ CardAnimated.displayName = "CardAnimated";
 
 Object.defineProperty(exports, "CardBody", {
   enumerable: true,
-  get: function () { return chunkPYUZOVLY_js.CardBody; }
+  get: function () { return chunkVJSME7ML_js.CardBody; }
 });
 Object.defineProperty(exports, "CardDescription", {
   enumerable: true,
-  get: function () { return chunkPYUZOVLY_js.CardDescription; }
+  get: function () { return chunkVJSME7ML_js.CardDescription; }
 });
 Object.defineProperty(exports, "CardFooter", {
   enumerable: true,
-  get: function () { return chunkPYUZOVLY_js.CardFooter; }
+  get: function () { return chunkVJSME7ML_js.CardFooter; }
 });
 Object.defineProperty(exports, "CardHeader", {
   enumerable: true,
-  get: function () { return chunkPYUZOVLY_js.CardHeader; }
+  get: function () { return chunkVJSME7ML_js.CardHeader; }
 });
 Object.defineProperty(exports, "CardTitle", {
   enumerable: true,
-  get: function () { return chunkPYUZOVLY_js.CardTitle; }
+  get: function () { return chunkVJSME7ML_js.CardTitle; }
 });
 exports.CardAnimated = CardAnimated;
 exports.cardAnimationPresets = cardAnimationPresets;

package/dist/ui/card/animated.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { CardBase } from '../../chunk-EZCYSFML.mjs';
-export { CardBody, CardDescription, CardFooter, CardHeader, CardTitle } from '../../chunk-EZCYSFML.mjs';
+import { CardBase } from '../../chunk-O233I5N7.mjs';
+export { CardBody, CardDescription, CardFooter, CardHeader, CardTitle } from '../../chunk-O233I5N7.mjs';
 import '../../chunk-4D54YOL6.mjs';
 import { motion } from 'framer-motion';
 import { jsx } from 'react/jsx-runtime';

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

@@ -1,5 +1,5 @@
 export declare const cardVariants: (props?: ({
-    appearance?: "outline" | "default" | "glass" | "sky" | "emerald" | "violet" | "amber" | "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" | "ghost" | "elevated" | null | undefined;
+    appearance?: "ruby" | "outline" | "default" | "glass" | "sky" | "emerald" | "violet" | "amber" | "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" | "ghost" | "mint" | "ocean" | "sapphire" | "zinc" | "stone" | "royal" | "electric" | "forest" | "sunset" | "elevated" | null | undefined;
     size?: "md" | "sm" | "lg" | null | undefined;
     rounded?: "md" | "sm" | "lg" | "full" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/ui/card.js

@@ -1,54 +1,54 @@
 "use client";
 'use strict';
 
-var chunkPYUZOVLY_js = require('../chunk-PYUZOVLY.js');
+var chunkVJSME7ML_js = require('../chunk-VJSME7ML.js');
 require('../chunk-ZS5756ZC.js');
 var jsxRuntime = require('react/jsx-runtime');
 
 function Card(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkPYUZOVLY_js.CardBase, { ...props });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkVJSME7ML_js.CardBase, { ...props });
 }
 Card.displayName = "Card";
 
 Object.defineProperty(exports, "CardBody", {
   enumerable: true,
-  get: function () { return chunkPYUZOVLY_js.CardBody; }
+  get: function () { return chunkVJSME7ML_js.CardBody; }
 });
 Object.defineProperty(exports, "CardDescription", {
   enumerable: true,
-  get: function () { return chunkPYUZOVLY_js.CardDescription; }
+  get: function () { return chunkVJSME7ML_js.CardDescription; }
 });
 Object.defineProperty(exports, "CardFooter", {
   enumerable: true,
-  get: function () { return chunkPYUZOVLY_js.CardFooter; }
+  get: function () { return chunkVJSME7ML_js.CardFooter; }
 });
 Object.defineProperty(exports, "CardHeader", {
   enumerable: true,
-  get: function () { return chunkPYUZOVLY_js.CardHeader; }
+  get: function () { return chunkVJSME7ML_js.CardHeader; }
 });
 Object.defineProperty(exports, "CardTitle", {
   enumerable: true,
-  get: function () { return chunkPYUZOVLY_js.CardTitle; }
+  get: function () { return chunkVJSME7ML_js.CardTitle; }
 });
 Object.defineProperty(exports, "cardDescriptionVariants", {
   enumerable: true,
-  get: function () { return chunkPYUZOVLY_js.cardDescriptionVariants; }
+  get: function () { return chunkVJSME7ML_js.cardDescriptionVariants; }
 });
 Object.defineProperty(exports, "cardFooterVariants", {
   enumerable: true,
-  get: function () { return chunkPYUZOVLY_js.cardFooterVariants; }
+  get: function () { return chunkVJSME7ML_js.cardFooterVariants; }
 });
 Object.defineProperty(exports, "cardHeaderVariants", {
   enumerable: true,
-  get: function () { return chunkPYUZOVLY_js.cardHeaderVariants; }
+  get: function () { return chunkVJSME7ML_js.cardHeaderVariants; }
 });
 Object.defineProperty(exports, "cardTitleVariants", {
   enumerable: true,
-  get: function () { return chunkPYUZOVLY_js.cardTitleVariants; }
+  get: function () { return chunkVJSME7ML_js.cardTitleVariants; }
 });
 Object.defineProperty(exports, "cardVariants", {
   enumerable: true,
-  get: function () { return chunkPYUZOVLY_js.cardVariants; }
+  get: function () { return chunkVJSME7ML_js.cardVariants; }
 });
 exports.Card = Card;
 //# sourceMappingURL=card.js.map

package/dist/ui/card.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { CardBase } from '../chunk-EZCYSFML.mjs';
-export { CardBody, CardDescription, CardFooter, CardHeader, CardTitle, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardVariants } from '../chunk-EZCYSFML.mjs';
+import { CardBase } from '../chunk-O233I5N7.mjs';
+export { CardBody, CardDescription, CardFooter, CardHeader, CardTitle, cardDescriptionVariants, cardFooterVariants, cardHeaderVariants, cardTitleVariants, cardVariants } from '../chunk-O233I5N7.mjs';
 import '../chunk-4D54YOL6.mjs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/ui/checkbox/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkZUT7ZUM7_js = require('../../chunk-ZUT7ZUM7.js');
+var chunkDMDCXYNN_js = require('../../chunk-DMDCXYNN.js');
 var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
 var framerMotion = require('framer-motion');
 var react = require('react');
@@ -70,7 +70,7 @@ function CheckboxAnimated(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "label",
     {
-      className: chunkZS5756ZC_js.cn(chunkZUT7ZUM7_js.checkboxRootVariants({ size }), rootClassName, className),
+      className: chunkZS5756ZC_js.cn(chunkDMDCXYNN_js.checkboxRootVariants({ size }), rootClassName, className),
       "data-disabled": disabled ? "true" : void 0,
       "data-state": state,
       htmlFor: controlId,
@@ -96,7 +96,7 @@ function CheckboxAnimated(props) {
           {
             "aria-hidden": "true",
             className: chunkZS5756ZC_js.cn(
-              chunkZUT7ZUM7_js.checkboxControlVariants({ appearance, size }),
+              chunkDMDCXYNN_js.checkboxControlVariants({ appearance, size }),
               controlClassName
             ),
             "data-slot": "checkbox-control",
@@ -106,7 +106,7 @@ function CheckboxAnimated(props) {
                 viewBox: "0 0 16 16",
                 fill: "none",
                 className: chunkZS5756ZC_js.cn(
-                  chunkZUT7ZUM7_js.checkboxIndicatorVariants({ size }),
+                  chunkDMDCXYNN_js.checkboxIndicatorVariants({ size }),
                   "opacity-100",
                   indicatorClassName
                 ),

package/dist/ui/checkbox/animated.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { checkboxIndicatorVariants, checkboxControlVariants, checkboxRootVariants } from '../../chunk-7XCUMSCJ.mjs';
+import { checkboxIndicatorVariants, checkboxControlVariants, checkboxRootVariants } from '../../chunk-CARQELOX.mjs';
 import { cn } from '../../chunk-4D54YOL6.mjs';
 import { motion } from 'framer-motion';
 import { useId, useState, useCallback } from 'react';

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

@@ -2,7 +2,7 @@ export declare const checkboxRootVariants: (props?: ({
     size?: "md" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const checkboxControlVariants: (props?: ({
-    appearance?: "default" | "violet" | "amber" | "indigo" | "pink" | "error" | "success" | "warning" | "info" | null | undefined;
+    appearance?: "ruby" | "default" | "violet" | "amber" | "slate" | "indigo" | "cyan" | "aqua" | "blue" | "crimson" | "green" | "lavender" | "lime" | "magenta" | "pink" | "plum" | "red" | "error" | "mint" | "ocean" | "sapphire" | "zinc" | "stone" | "royal" | "electric" | "forest" | "sunset" | "success" | "warning" | "info" | null | undefined;
     size?: "md" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const checkboxIndicatorVariants: (props?: ({

package/dist/ui/checkbox.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkZUT7ZUM7_js = require('../chunk-ZUT7ZUM7.js');
+var chunkDMDCXYNN_js = require('../chunk-DMDCXYNN.js');
 var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -52,7 +52,7 @@ function CheckboxBase(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "label",
     {
-      className: chunkZS5756ZC_js.cn(chunkZUT7ZUM7_js.checkboxRootVariants({ size }), rootClassName, className),
+      className: chunkZS5756ZC_js.cn(chunkDMDCXYNN_js.checkboxRootVariants({ size }), rootClassName, className),
       "data-disabled": disabled ? "true" : void 0,
       "data-state": state,
       htmlFor: controlId,
@@ -78,7 +78,7 @@ function CheckboxBase(props) {
           {
             "aria-hidden": "true",
             className: chunkZS5756ZC_js.cn(
-              chunkZUT7ZUM7_js.checkboxControlVariants({ appearance, size }),
+              chunkDMDCXYNN_js.checkboxControlVariants({ appearance, size }),
               controlClassName
             ),
             "data-slot": "checkbox-control",
@@ -88,7 +88,7 @@ function CheckboxBase(props) {
                 viewBox: "0 0 16 16",
                 fill: "none",
                 className: chunkZS5756ZC_js.cn(
-                  chunkZUT7ZUM7_js.checkboxIndicatorVariants({ size }),
+                  chunkDMDCXYNN_js.checkboxIndicatorVariants({ size }),
                   indicatorClassName
                 ),
                 children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M3.5 8H12.5", strokeWidth: "2.4", strokeLinecap: "round" })
@@ -99,7 +99,7 @@ function CheckboxBase(props) {
                 viewBox: "0 0 16 16",
                 fill: "none",
                 className: chunkZS5756ZC_js.cn(
-                  chunkZUT7ZUM7_js.checkboxIndicatorVariants({ size }),
+                  chunkDMDCXYNN_js.checkboxIndicatorVariants({ size }),
                   indicatorClassName
                 ),
                 children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -128,15 +128,15 @@ Checkbox.displayName = "Checkbox";
 
 Object.defineProperty(exports, "checkboxControlVariants", {
   enumerable: true,
-  get: function () { return chunkZUT7ZUM7_js.checkboxControlVariants; }
+  get: function () { return chunkDMDCXYNN_js.checkboxControlVariants; }
 });
 Object.defineProperty(exports, "checkboxIndicatorVariants", {
   enumerable: true,
-  get: function () { return chunkZUT7ZUM7_js.checkboxIndicatorVariants; }
+  get: function () { return chunkDMDCXYNN_js.checkboxIndicatorVariants; }
 });
 Object.defineProperty(exports, "checkboxRootVariants", {
   enumerable: true,
-  get: function () { return chunkZUT7ZUM7_js.checkboxRootVariants; }
+  get: function () { return chunkDMDCXYNN_js.checkboxRootVariants; }
 });
 exports.Checkbox = Checkbox;
 //# sourceMappingURL=checkbox.js.map

package/dist/ui/checkbox.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { checkboxIndicatorVariants, checkboxControlVariants, checkboxRootVariants } from '../chunk-7XCUMSCJ.mjs';
-export { checkboxControlVariants, checkboxIndicatorVariants, checkboxRootVariants } from '../chunk-7XCUMSCJ.mjs';
+import { checkboxIndicatorVariants, checkboxControlVariants, checkboxRootVariants } from '../chunk-CARQELOX.mjs';
+export { checkboxControlVariants, checkboxIndicatorVariants, checkboxRootVariants } from '../chunk-CARQELOX.mjs';
 import { cn } from '../chunk-4D54YOL6.mjs';
 import { useId, useState, useCallback } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';

package/dist/ui/command/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkNSJ6KGW2_js = require('../../chunk-NSJ6KGW2.js');
+var chunkWVBFSJEB_js = require('../../chunk-WVBFSJEB.js');
 require('../../chunk-GBWGVNDA.js');
 require('../../chunk-UIYFEP3I.js');
 require('../../chunk-ZS5756ZC.js');
@@ -50,7 +50,7 @@ function CommandContentAnimated({
   const overlayMotion = commandOverlayAnimationPresets.fade;
   const panelMotion = commandOverlayAnimationPresets[reduceMotion ? "fade" : animation];
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkNSJ6KGW2_js.CommandContentLayer,
+    chunkWVBFSJEB_js.CommandContentLayer,
     {
       appearance,
       className,

package/dist/ui/command/animated.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { CommandContentLayer } from '../../chunk-BJSWQQSC.mjs';
+import { CommandContentLayer } from '../../chunk-RFBTMJ2Z.mjs';
 import '../../chunk-K6YI4FJO.mjs';
 import '../../chunk-PMAF6FBF.mjs';
 import '../../chunk-4D54YOL6.mjs';

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

@@ -2,7 +2,7 @@ export declare const commandOverlayVariants: (props?: import("class-variance-aut
 export declare const commandTriggerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const commandContentVariants: (props?: ({
     size?: "md" | "sm" | "lg" | null | undefined;
-    appearance?: "default" | "glass" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | null | undefined;
+    appearance?: "ruby" | "default" | "glass" | "sky" | "emerald" | "violet" | "amber" | "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" | "mint" | "ocean" | "sapphire" | "zinc" | "stone" | "royal" | "electric" | "forest" | "sunset" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const commandInputRowVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 export declare const commandInputVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;