@zentauri-ui/zentauri-components 1.6.3 → 1.7.1

package/dist/ui/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/breadcrumb/variants.ts","../../src/ui/breadcrumb/breadcrumb.tsx"],"names":["cva","jsx","cn"],"mappings":";;;;;;AAEO,IAAM,qBAAA,GAAwBA,2BAAI,SAAA,EAAW;AAAA,EAClD,QAAA,EAAU;AAAA,IACR,UAAA,EAAY;AAAA,MACV,OAAA,EAAS,oCAAA;AAAA,MACT,KAAA,EAAO,oCAAA;AAAA,MACP,GAAA,EAAK,gCAAA;AAAA,MACL,IAAA,EAAM,kCAAA;AAAA,MACN,MAAA,EAAQ,sCAAA;AAAA,MACR,IAAA,EAAM,kCAAA;AAAA,MACN,MAAA,EAAQ,sCAAA;AAAA,MACR,MAAA,EAAQ,sCAAA;AAAA,MACR,IAAA,EAAM,kCAAA;AAAA,MACN,MAAA,EAAQ,sCAAA;AAAA,MACR,OAAA,EAAS,wCAAA;AAAA,MACT,IAAA,EAAM,kCAAA;AAAA,MACN,KAAA,EAAO,oCAAA;AAAA,MACP,MAAA,EAAQ;AAAA;AACV,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY;AAAA;AAEhB,CAAC;AAEM,IAAM,sBAAA,GAAyBA,0BAAA;AAAA,EACpC;AACF;AAEO,IAAM,sBAAA,GAAyBA,2BAAI,kCAAkC;AAErE,IAAM,sBAAA,GAAyBA,0BAAA;AAAA,EACpC;AACF;AAEO,IAAM,sBAAA,GAAyBA,0BAAA;AAAA,EACpC;AACF;AAEO,IAAM,2BAAA,GAA8BA,0BAAA;AAAA,EACzC,gDAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,SAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AC9BO,SAAS,UAAA,CAAW;AAAA,EACzB,SAAA;AAAA,EACA,GAAA;AAAA,EACA,cAAc,SAAA,GAAY,YAAA;AAAA,EAC1B,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,uBACEC,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,YAAA;AAAA,MACV,YAAA,EAAY,SAAA;AAAA,MACZ,SAAA,EAAWC,oBAAG,SAAS,CAAA;AAAA,MACtB,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA;AAElB,SAAS,cAAA,CAAe;AAAA,EAC7B,SAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0D;AACxD,EAAA,uBACED,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,iBAAA;AAAA,MACV,SAAA,EAAWC,mBAAA,CAAG,sBAAA,EAAuB,EAAG,SAAS,CAAA;AAAA,MAChD,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAEtB,SAAS,cAAA,CAAe;AAAA,EAC7B,SAAA;AAAA,EACA,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAuD;AACrD,EAAA,uBACED,cAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,iBAAA;AAAA,MACV,SAAA,EAAWC,mBAAA,CAAG,sBAAA,EAAuB,EAAG,SAAS,CAAA;AAAA,MAChD,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAEtB,SAAS,cAAA,CAAe;AAAA,EAC7B,SAAA;AAAA,EACA,GAAA;AAAA,EACA,UAAA,GAAa,SAAA;AAAA,EACb,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uBACED,cAAA;AAAA,IAAC,GAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,iBAAA;AAAA,MACV,SAAA,EAAWC,mBAAA;AAAA,QACT,sBAAA,EAAuB;AAAA,QACvB,qBAAA,CAAsB,EAAE,UAAA,EAAY,CAAA;AAAA,QACpC;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAEtB,SAAS,cAAA,CAAe;AAAA,EAC7B,SAAA;AAAA,EACA,GAAA;AAAA,EACA,UAAA,GAAa,SAAA;AAAA,EACb,GAAG;AACL,CAAA,EAAwB;AACtB,EAAA,uBACED,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,iBAAA;AAAA,MACV,cAAA,EAAa,MAAA;AAAA,MACb,SAAA,EAAWC,mBAAA;AAAA,QACT,sBAAA,EAAuB;AAAA,QACvB,qBAAA,CAAsB,EAAE,UAAA,EAAY,CAAA;AAAA,QACpC;AAAA,OACF;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,cAAA,CAAe,WAAA,GAAc,gBAAA;AAEtB,SAAS,mBAAA,CAAoB;AAAA,EAClC,SAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA,GAAW,GAAA;AAAA,EACX,GAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA8D;AAC5D,EAAA,uBACED,cAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,WAAA,EAAU,sBAAA;AAAA,MACV,aAAA,EAAW,IAAA;AAAA,MACX,IAAA,EAAK,cAAA;AAAA,MACL,WAAWC,mBAAA,CAAG,2BAAA,CAA4B,EAAE,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC7D,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ;AAEA,mBAAA,CAAoB,WAAA,GAAc,qBAAA","file":"breadcrumb.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const breadcrumbNavVariants = cva(\"text-sm\", {\n  variants: {\n    appearance: {\n      default: \"text-slate-600 dark:text-slate-300\",\n      muted: \"text-slate-500 dark:text-slate-400\",\n      sky: \"text-sky-800 dark:text-sky-600\",\n      rose: \"text-rose-800 dark:text-rose-600\",\n      purple: \"text-purple-800 dark:text-purple-600\",\n      pink: \"text-pink-800 dark:text-pink-600\",\n      orange: \"text-orange-800 dark:text-orange-600\",\n      yellow: \"text-yellow-800 dark:text-yellow-600\",\n      teal: \"text-teal-800 dark:text-teal-600\",\n      indigo: \"text-indigo-800 dark:text-indigo-600\",\n      emerald: \"text-emerald-800 dark:text-emerald-600\",\n      gray: \"text-gray-800 dark:text-gray-600\",\n      amber: \"text-amber-800 dark:text-amber-600\",\n      violet: \"text-violet-800 dark:text-violet-600\",\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n  },\n});\n\nexport const breadcrumbListVariants = cva(\n  \"flex flex-wrap items-center gap-1.5\",\n);\n\nexport const breadcrumbItemVariants = cva(\"inline-flex items-center gap-1.5\");\n\nexport const breadcrumbLinkVariants = cva(\n  \"rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black/30 dark:focus-visible:ring-white/30 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-50 dark:focus-visible:ring-offset-slate-950\",\n);\n\nexport const breadcrumbPageVariants = cva(\n  \"font-medium text-slate-800 dark:text-slate-100\",\n);\n\nexport const breadcrumbSeparatorVariants = cva(\n  \"select-none text-slate-400 dark:text-slate-600\",\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\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  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

@@ -3,53 +3,55 @@ import { cn } from '../chunk-4D54YOL6.mjs';
 import { cva } from 'class-variance-authority';
 import { jsx } from 'react/jsx-runtime';
 
-var breadcrumbNavVariants = cva("text-sm", {
+// src/design-system/breadcrumb.ts
+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))]",
+  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))]",
+  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))]",
+  orange: "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))]",
+  yellow: "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))]",
+  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))]",
+  indigo: "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))]",
+  emerald: "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))]",
+  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))]",
+  amber: "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))]",
+  violet: "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))]"
+};
+var zuiBreadcrumbListBase = "flex flex-wrap items-center gap-1.5";
+var zuiBreadcrumbItemBase = "inline-flex items-center gap-1.5";
+var zuiBreadcrumbLinkBase = "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))]";
+var zuiBreadcrumbPageBase = "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))]";
+var zuiBreadcrumbSeparatorBase = "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))]";
+var zuiBreadcrumbSeparatorSizes = {
+  sm: "text-xs",
+  md: "text-sm"
+};
+
+// src/ui/breadcrumb/variants.ts
+var breadcrumbNavVariants = cva(zuiBreadcrumbNavBase, {
   variants: {
-    appearance: {
-      default: "text-slate-600 dark:text-slate-300",
-      muted: "text-slate-500 dark:text-slate-400",
-      sky: "text-sky-800 dark:text-sky-600",
-      rose: "text-rose-800 dark:text-rose-600",
-      purple: "text-purple-800 dark:text-purple-600",
-      pink: "text-pink-800 dark:text-pink-600",
-      orange: "text-orange-800 dark:text-orange-600",
-      yellow: "text-yellow-800 dark:text-yellow-600",
-      teal: "text-teal-800 dark:text-teal-600",
-      indigo: "text-indigo-800 dark:text-indigo-600",
-      emerald: "text-emerald-800 dark:text-emerald-600",
-      gray: "text-gray-800 dark:text-gray-600",
-      amber: "text-amber-800 dark:text-amber-600",
-      violet: "text-violet-800 dark:text-violet-600"
-    }
+    appearance: zuiBreadcrumbAppearances
   },
   defaultVariants: {
     appearance: "default"
   }
 });
-var breadcrumbListVariants = cva(
-  "flex flex-wrap items-center gap-1.5"
-);
-var breadcrumbItemVariants = cva("inline-flex items-center gap-1.5");
-var breadcrumbLinkVariants = cva(
-  "rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black/30 dark:focus-visible:ring-white/30 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-50 dark:focus-visible:ring-offset-slate-950"
-);
-var breadcrumbPageVariants = cva(
-  "font-medium text-slate-800 dark:text-slate-100"
-);
-var breadcrumbSeparatorVariants = cva(
-  "select-none text-slate-400 dark:text-slate-600",
-  {
-    variants: {
-      size: {
-        sm: "text-xs",
-        md: "text-sm"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
+var breadcrumbListVariants = cva(zuiBreadcrumbListBase);
+var breadcrumbItemVariants = cva(zuiBreadcrumbItemBase);
+var breadcrumbLinkVariants = cva(zuiBreadcrumbLinkBase);
+var breadcrumbPageVariants = cva(zuiBreadcrumbPageBase);
+var breadcrumbSeparatorVariants = cva(zuiBreadcrumbSeparatorBase, {
+  variants: {
+    size: zuiBreadcrumbSeparatorSizes
+  },
+  defaultVariants: {
+    size: "md"
   }
-);
+});
 function Breadcrumb({
   className,
   ref,

package/dist/ui/breadcrumb.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/breadcrumb/variants.ts","../../src/ui/breadcrumb/breadcrumb.tsx"],"names":[],"mappings":"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","file":"breadcrumb.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const breadcrumbNavVariants = cva(\"text-sm\", {\n  variants: {\n    appearance: {\n      default: \"text-slate-600 dark:text-slate-300\",\n      muted: \"text-slate-500 dark:text-slate-400\",\n      sky: \"text-sky-800 dark:text-sky-600\",\n      rose: \"text-rose-800 dark:text-rose-600\",\n      purple: \"text-purple-800 dark:text-purple-600\",\n      pink: \"text-pink-800 dark:text-pink-600\",\n      orange: \"text-orange-800 dark:text-orange-600\",\n      yellow: \"text-yellow-800 dark:text-yellow-600\",\n      teal: \"text-teal-800 dark:text-teal-600\",\n      indigo: \"text-indigo-800 dark:text-indigo-600\",\n      emerald: \"text-emerald-800 dark:text-emerald-600\",\n      gray: \"text-gray-800 dark:text-gray-600\",\n      amber: \"text-amber-800 dark:text-amber-600\",\n      violet: \"text-violet-800 dark:text-violet-600\",\n    },\n  },\n  defaultVariants: {\n    appearance: \"default\",\n  },\n});\n\nexport const breadcrumbListVariants = cva(\n  \"flex flex-wrap items-center gap-1.5\",\n);\n\nexport const breadcrumbItemVariants = cva(\"inline-flex items-center gap-1.5\");\n\nexport const breadcrumbLinkVariants = cva(\n  \"rounded-md focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black/30 dark:focus-visible:ring-white/30 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-50 dark:focus-visible:ring-offset-slate-950\",\n);\n\nexport const breadcrumbPageVariants = cva(\n  \"font-medium text-slate-800 dark:text-slate-100\",\n);\n\nexport const breadcrumbSeparatorVariants = cva(\n  \"select-none text-slate-400 dark:text-slate-600\",\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\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  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 chunkVGWA26BN_js = require('../../chunk-VGWA26BN.js');
+var chunkABOZ5QIX_js = require('../../chunk-ABOZ5QIX.js');
 var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
 var framerMotion = require('framer-motion');
 var jsxRuntime = require('react/jsx-runtime');
@@ -60,7 +60,7 @@ var ButtonAnimated = (props) => {
         target,
         rel: target === "_blank" ? "noopener noreferrer" : void 0,
         "data-slot": "button",
-        className: chunkZS5756ZC_js.cn(chunkVGWA26BN_js.buttonVariants({ appearance: appearance2, size: size2 }), className2),
+        className: chunkZS5756ZC_js.cn(chunkABOZ5QIX_js.buttonVariants({ appearance: appearance2, size: size2 }), className2),
         initial: false,
         ...motionProps2,
         ...rest2,
@@ -85,7 +85,7 @@ var ButtonAnimated = (props) => {
       ref,
       type,
       "data-slot": "button",
-      className: chunkZS5756ZC_js.cn(chunkVGWA26BN_js.buttonVariants({ appearance, size }), className),
+      className: chunkZS5756ZC_js.cn(chunkABOZ5QIX_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-EZS47EZW.mjs';
+import { buttonVariants } from '../../chunk-HDO5ZM2S.mjs';
 import { cn } from '../../chunk-4D54YOL6.mjs';
 import { motion } from 'framer-motion';
 import { jsx } from 'react/jsx-runtime';

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

@@ -1,5 +1,5 @@
 export declare const buttonVariants: (props?: ({
-    appearance?: "default" | "outline" | "glass" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "link" | "orange" | "pink" | "purple" | "teal" | "yellow" | "secondary" | "destructive" | "ghost" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
-    size?: "icon" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
+    appearance?: "default" | "outline" | "glass" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "link" | "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;
+    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/variants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/buttons/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;8EAoF1B,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/buttons/variants.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,cAAc;;;8EASzB,CAAC"}

package/dist/ui/buttons.js

@@ -1,19 +1,19 @@
 "use client";
 'use strict';
 
-var chunkDO2LEXUY_js = require('../chunk-DO2LEXUY.js');
-var chunkVGWA26BN_js = require('../chunk-VGWA26BN.js');
+var chunkQQ6F4LZK_js = require('../chunk-QQ6F4LZK.js');
+var chunkABOZ5QIX_js = require('../chunk-ABOZ5QIX.js');
 require('../chunk-ZS5756ZC.js');
 
 
 
 Object.defineProperty(exports, "Button", {
   enumerable: true,
-  get: function () { return chunkDO2LEXUY_js.Button; }
+  get: function () { return chunkQQ6F4LZK_js.Button; }
 });
 Object.defineProperty(exports, "buttonVariants", {
   enumerable: true,
-  get: function () { return chunkVGWA26BN_js.buttonVariants; }
+  get: function () { return chunkABOZ5QIX_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-PPVJ4INP.mjs';
-export { buttonVariants } from '../chunk-EZS47EZW.mjs';
+export { Button } from '../chunk-ASJQP53L.mjs';
+export { buttonVariants } from '../chunk-HDO5ZM2S.mjs';
 import '../chunk-4D54YOL6.mjs';
 //# sourceMappingURL=buttons.mjs.map
 //# sourceMappingURL=buttons.mjs.map

package/dist/ui/card/animated.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkGPAUYUM3_js = require('../../chunk-GPAUYUM3.js');
+var chunkWPXQHWPV_js = require('../../chunk-WPXQHWPV.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(
-    chunkGPAUYUM3_js.CardBase,
+    chunkWPXQHWPV_js.CardBase,
     {
       ...{
         as: framerMotion.motion.article,
@@ -48,23 +48,23 @@ CardAnimated.displayName = "CardAnimated";
 
 Object.defineProperty(exports, "CardBody", {
   enumerable: true,
-  get: function () { return chunkGPAUYUM3_js.CardBody; }
+  get: function () { return chunkWPXQHWPV_js.CardBody; }
 });
 Object.defineProperty(exports, "CardDescription", {
   enumerable: true,
-  get: function () { return chunkGPAUYUM3_js.CardDescription; }
+  get: function () { return chunkWPXQHWPV_js.CardDescription; }
 });
 Object.defineProperty(exports, "CardFooter", {
   enumerable: true,
-  get: function () { return chunkGPAUYUM3_js.CardFooter; }
+  get: function () { return chunkWPXQHWPV_js.CardFooter; }
 });
 Object.defineProperty(exports, "CardHeader", {
   enumerable: true,
-  get: function () { return chunkGPAUYUM3_js.CardHeader; }
+  get: function () { return chunkWPXQHWPV_js.CardHeader; }
 });
 Object.defineProperty(exports, "CardTitle", {
   enumerable: true,
-  get: function () { return chunkGPAUYUM3_js.CardTitle; }
+  get: function () { return chunkWPXQHWPV_js.CardTitle; }
 });
 exports.CardAnimated = CardAnimated;
 exports.cardAnimationPresets = cardAnimationPresets;

package/dist/ui/card/animated.mjs

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

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

@@ -1,18 +1,18 @@
 export declare const cardVariants: (props?: ({
-    appearance?: "default" | "outline" | "glass" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "ghost" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "elevated" | null | undefined;
-    size?: "sm" | "md" | "lg" | null | undefined;
-    rounded?: "sm" | "md" | "lg" | "full" | null | undefined;
+    appearance?: "default" | "outline" | "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;
+    size?: "md" | "sm" | "lg" | null | undefined;
+    rounded?: "md" | "sm" | "lg" | "full" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const cardHeaderVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const cardFooterVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const cardTitleVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const cardDescriptionVariants: (props?: ({
-    size?: "sm" | "md" | "lg" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=variants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/card/variants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,YAAY;;;;8EAyExB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EAY9B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;8EAY9B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;8EAY7B,CAAC;AAEF,eAAO,MAAM,uBAAuB;;8EAYnC,CAAC"}
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/card/variants.ts"],"names":[],"mappings":"AAiBA,eAAO,MAAM,YAAY;;;;8EAWvB,CAAC;AAEH,eAAO,MAAM,kBAAkB;;8EAK7B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;8EAK7B,CAAC;AAEH,eAAO,MAAM,iBAAiB;;8EAK5B,CAAC;AAEH,eAAO,MAAM,uBAAuB;;8EAKlC,CAAC"}

package/dist/ui/card.js

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

package/dist/ui/card.mjs

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

package/dist/ui/checkbox/animated/animations.d.ts

@@ -0,0 +1,32 @@
+export declare const checkboxAnimationPresets: {
+    readonly draw: {
+        readonly initial: {
+            readonly pathLength: 0;
+            readonly opacity: 0;
+        };
+        readonly animate: {
+            readonly pathLength: 1;
+            readonly opacity: 1;
+        };
+        readonly transition: {
+            readonly duration: 0.2;
+            readonly ease: "easeOut";
+        };
+    };
+    readonly spring: {
+        readonly initial: {
+            readonly scale: 0.7;
+            readonly opacity: 0;
+        };
+        readonly animate: {
+            readonly scale: 1;
+            readonly opacity: 1;
+        };
+        readonly transition: {
+            readonly type: "spring";
+            readonly stiffness: 520;
+            readonly damping: 30;
+        };
+    };
+};
+//# sourceMappingURL=animations.d.ts.map

package/dist/ui/checkbox/animated/animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/ui/checkbox/animated/animations.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAW3B,CAAC"}

package/dist/ui/checkbox/animated/checkbox-animated.d.ts

@@ -0,0 +1,6 @@
+import type { CheckboxAnimatedProps } from "./types";
+export declare function CheckboxAnimated(props: CheckboxAnimatedProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CheckboxAnimated {
+    var displayName: string;
+}
+//# sourceMappingURL=checkbox-animated.d.ts.map

package/dist/ui/checkbox/animated/checkbox-animated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/checkbox/animated/checkbox-animated.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAkBrD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAoH5D;yBApHe,gBAAgB"}

package/dist/ui/checkbox/animated/index.d.ts

@@ -0,0 +1,4 @@
+export { CheckboxAnimated } from "./checkbox-animated";
+export type { CheckboxAnimatedProps, CheckboxAnimation, CheckboxAnimationPresets, } from "./types";
+export { checkboxAnimationPresets } from "./animations";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/checkbox/animated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/checkbox/animated/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,YAAY,EACV,qBAAqB,EACrB,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC"}

package/dist/ui/checkbox/animated/types.d.ts

@@ -0,0 +1,8 @@
+import type { CheckboxProps } from "../types";
+import type { checkboxAnimationPresets } from "./animations";
+export type CheckboxAnimation = keyof typeof checkboxAnimationPresets;
+export type CheckboxAnimationPresets = typeof checkboxAnimationPresets;
+export type CheckboxAnimatedProps = CheckboxProps & {
+    animation?: CheckboxAnimation;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/checkbox/animated/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/checkbox/animated/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAE7D,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,wBAAwB,CAAC;AACtE,MAAM,MAAM,wBAAwB,GAAG,OAAO,wBAAwB,CAAC;AAEvE,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG;IAClD,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B,CAAC"}