@codefast/ui 0.0.7 → 0.0.9

package/dist/badge.js

@@ -5,12 +5,12 @@ var _chunkG3NP7M2Njs = require('./chunk-G3NP7M2N.js');
 // src/badge.tsx
 var _jsxruntime = require('react/jsx-runtime');
 var badgeVariants = _chunkG3NP7M2Njs.cva.call(void 0, {
-  base: "focus:ring-ring focus:ring-offset-background inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2",
+  base: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors",
   variants: {
     variant: {
-      default: "bg-primary text-primary-foreground hover:bg-primary/80 border-transparent shadow",
-      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",
-      destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent shadow",
+      default: "bg-primary text-primary-foreground border-transparent shadow",
+      secondary: "bg-secondary text-secondary-foreground border-transparent",
+      destructive: "bg-destructive text-destructive-foreground border-transparent shadow",
       outline: "text-foreground"
     }
   },

package/dist/badge.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/badge.tsx"],"names":[],"mappings":";;;;;AAmCS;AA5BT,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SACE;AAAA,MACF,WACE;AAAA,MACF,aACE;AAAA,MACF,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAMD,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACyD;AACvD,SAAO,oBAAC,SAAI,WAAW,cAAc,EAAE,SAAS,UAAU,CAAC,GAAI,GAAG,OAAO;AAC3E","sourcesContent":["import { type VariantProps } from \"cva\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Badge\n * -------------------------------------------------------------------------- */\n\nconst badgeVariants = cva({\n  base: \"focus:ring-ring focus:ring-offset-background inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2\",\n  variants: {\n    variant: {\n      default:\n        \"bg-primary text-primary-foreground hover:bg-primary/80 border-transparent shadow\",\n      secondary:\n        \"bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent\",\n      destructive:\n        \"bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent shadow\",\n      outline: \"text-foreground\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\n/* -----------------------------------------------------------------------------\n * Component: Badge\n * -------------------------------------------------------------------------- */\n\nfunction Badge({\n  className,\n  variant,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof badgeVariants>): React.JSX.Element {\n  return <div className={badgeVariants({ variant, className })} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Badge };\n"]}
+{"version":3,"sources":["../src/badge.tsx"],"names":[],"mappings":";;;;;AAoCS;AA5BT,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,aACE;AAAA,MACF,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AASD,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkC;AAChC,SAAO,oBAAC,SAAI,WAAW,cAAc,EAAE,SAAS,UAAU,CAAC,GAAI,GAAG,OAAO;AAC3E","sourcesContent":["import * as React from \"react\";\nimport { type VariantProps } from \"cva\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Badge\n * -------------------------------------------------------------------------- */\n\nconst badgeVariants = cva({\n  base: \"inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors\",\n  variants: {\n    variant: {\n      default: \"bg-primary text-primary-foreground border-transparent shadow\",\n      secondary: \"bg-secondary text-secondary-foreground border-transparent\",\n      destructive:\n        \"bg-destructive text-destructive-foreground border-transparent shadow\",\n      outline: \"text-foreground\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ntype BadgeVariantsProps = VariantProps<typeof badgeVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Badge\n * -------------------------------------------------------------------------- */\n\ntype BadgeProps = React.HTMLAttributes<HTMLDivElement> & BadgeVariantsProps;\nfunction Badge({\n  className,\n  variant,\n  ...props\n}: BadgeProps): React.JSX.Element {\n  return <div className={badgeVariants({ variant, className })} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Badge, type BadgeProps };\n"]}

package/dist/badge.mjs

@@ -5,12 +5,12 @@ import {
 // src/badge.tsx
 import { jsx } from "react/jsx-runtime";
 var badgeVariants = cva({
-  base: "focus:ring-ring focus:ring-offset-background inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2",
+  base: "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors",
   variants: {
     variant: {
-      default: "bg-primary text-primary-foreground hover:bg-primary/80 border-transparent shadow",
-      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent",
-      destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent shadow",
+      default: "bg-primary text-primary-foreground border-transparent shadow",
+      secondary: "bg-secondary text-secondary-foreground border-transparent",
+      destructive: "bg-destructive text-destructive-foreground border-transparent shadow",
       outline: "text-foreground"
     }
   },

package/dist/badge.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/badge.tsx"],"sourcesContent":["import { type VariantProps } from \"cva\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Badge\n * -------------------------------------------------------------------------- */\n\nconst badgeVariants = cva({\n  base: \"focus:ring-ring focus:ring-offset-background inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2\",\n  variants: {\n    variant: {\n      default:\n        \"bg-primary text-primary-foreground hover:bg-primary/80 border-transparent shadow\",\n      secondary:\n        \"bg-secondary text-secondary-foreground hover:bg-secondary/80 border-transparent\",\n      destructive:\n        \"bg-destructive text-destructive-foreground hover:bg-destructive/80 border-transparent shadow\",\n      outline: \"text-foreground\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\n/* -----------------------------------------------------------------------------\n * Component: Badge\n * -------------------------------------------------------------------------- */\n\nfunction Badge({\n  className,\n  variant,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof badgeVariants>): React.JSX.Element {\n  return <div className={badgeVariants({ variant, className })} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Badge };\n"],"mappings":";;;;;AAmCS;AA5BT,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SACE;AAAA,MACF,WACE;AAAA,MACF,aACE;AAAA,MACF,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAMD,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GACyD;AACvD,SAAO,oBAAC,SAAI,WAAW,cAAc,EAAE,SAAS,UAAU,CAAC,GAAI,GAAG,OAAO;AAC3E;","names":[]}
+{"version":3,"sources":["../src/badge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { type VariantProps } from \"cva\";\nimport { cva } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Variant: Badge\n * -------------------------------------------------------------------------- */\n\nconst badgeVariants = cva({\n  base: \"inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors\",\n  variants: {\n    variant: {\n      default: \"bg-primary text-primary-foreground border-transparent shadow\",\n      secondary: \"bg-secondary text-secondary-foreground border-transparent\",\n      destructive:\n        \"bg-destructive text-destructive-foreground border-transparent shadow\",\n      outline: \"text-foreground\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\ntype BadgeVariantsProps = VariantProps<typeof badgeVariants>;\n\n/* -----------------------------------------------------------------------------\n * Component: Badge\n * -------------------------------------------------------------------------- */\n\ntype BadgeProps = React.HTMLAttributes<HTMLDivElement> & BadgeVariantsProps;\nfunction Badge({\n  className,\n  variant,\n  ...props\n}: BadgeProps): React.JSX.Element {\n  return <div className={badgeVariants({ variant, className })} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Badge, type BadgeProps };\n"],"mappings":";;;;;AAoCS;AA5BT,IAAM,gBAAgB,IAAI;AAAA,EACxB,MAAM;AAAA,EACN,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,WAAW;AAAA,MACX,aACE;AAAA,MACF,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AASD,SAAS,MAAM;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAkC;AAChC,SAAO,oBAAC,SAAI,WAAW,cAAc,EAAE,SAAS,UAAU,CAAC,GAAI,GAAG,OAAO;AAC3E;","names":[]}

package/dist/blockquote.d.mts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+interface BlockquoteProps extends React.BlockquoteHTMLAttributes<HTMLQuoteElement> {
+    asChild?: boolean;
+}
+declare const Blockquote: React.ForwardRefExoticComponent<BlockquoteProps & React.RefAttributes<HTMLQuoteElement>>;
+
+export { Blockquote, type BlockquoteProps };

package/dist/blockquote.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+interface BlockquoteProps extends React.BlockquoteHTMLAttributes<HTMLQuoteElement> {
+    asChild?: boolean;
+}
+declare const Blockquote: React.ForwardRefExoticComponent<BlockquoteProps & React.RefAttributes<HTMLQuoteElement>>;
+
+export { Blockquote, type BlockquoteProps };

package/dist/blockquote.js

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }// src/blockquote.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _reactslot = require('@radix-ui/react-slot');
+var _jsxruntime = require('react/jsx-runtime');
+var Blockquote = React.forwardRef(
+  ({ asChild, ...props }, ref) => {
+    const Comp = asChild ? _reactslot.Slot : "blockquote";
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { ref, ...props });
+  }
+);
+Blockquote.displayName = "Blockquote";
+
+
+exports.Blockquote = Blockquote;
+//# sourceMappingURL=blockquote.js.map

package/dist/blockquote.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blockquote.tsx"],"names":[],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAcV;AAJX,IAAM,aAAmB;AAAA,EACvB,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9B,UAAM,OAAO,UAAU,OAAO;AAE9B,WAAO,oBAAC,QAAK,KAAW,GAAG,OAAO;AAAA,EACpC;AACF;AACA,WAAW,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Blockquote\n * -------------------------------------------------------------------------- */\n\ninterface BlockquoteProps\n  extends React.BlockquoteHTMLAttributes<HTMLQuoteElement> {\n  asChild?: boolean;\n}\nconst Blockquote = React.forwardRef<HTMLQuoteElement, BlockquoteProps>(\n  ({ asChild, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"blockquote\";\n\n    return <Comp ref={ref} {...props} />;\n  },\n);\nBlockquote.displayName = \"Blockquote\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Blockquote, type BlockquoteProps };\n"]}

package/dist/blockquote.mjs

@@ -0,0 +1,15 @@
+// src/blockquote.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+var Blockquote = React.forwardRef(
+  ({ asChild, ...props }, ref) => {
+    const Comp = asChild ? Slot : "blockquote";
+    return /* @__PURE__ */ jsx(Comp, { ref, ...props });
+  }
+);
+Blockquote.displayName = "Blockquote";
+export {
+  Blockquote
+};
+//# sourceMappingURL=blockquote.mjs.map

package/dist/blockquote.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/blockquote.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Blockquote\n * -------------------------------------------------------------------------- */\n\ninterface BlockquoteProps\n  extends React.BlockquoteHTMLAttributes<HTMLQuoteElement> {\n  asChild?: boolean;\n}\nconst Blockquote = React.forwardRef<HTMLQuoteElement, BlockquoteProps>(\n  ({ asChild, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"blockquote\";\n\n    return <Comp ref={ref} {...props} />;\n  },\n);\nBlockquote.displayName = \"Blockquote\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Blockquote, type BlockquoteProps };\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAcV;AAJX,IAAM,aAAmB;AAAA,EACvB,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC9B,UAAM,OAAO,UAAU,OAAO;AAE9B,WAAO,oBAAC,QAAK,KAAW,GAAG,OAAO;AAAA,EACpC;AACF;AACA,WAAW,cAAc;","names":[]}

package/dist/box.d.mts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+interface BoxDivProps extends React.HTMLAttributes<HTMLDivElement> {
+    as?: "div";
+}
+interface BoxSpanProps extends React.HTMLAttributes<HTMLSpanElement> {
+    as: "span";
+}
+type BoxProps = (BoxDivProps | BoxSpanProps) & {
+    asChild?: boolean;
+};
+declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Box, type BoxProps };

package/dist/box.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+interface BoxDivProps extends React.HTMLAttributes<HTMLDivElement> {
+    as?: "div";
+}
+interface BoxSpanProps extends React.HTMLAttributes<HTMLSpanElement> {
+    as: "span";
+}
+type BoxProps = (BoxDivProps | BoxSpanProps) & {
+    asChild?: boolean;
+};
+declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Box, type BoxProps };

package/dist/box.js

@@ -0,0 +1,15 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }// src/box.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _reactslot = require('@radix-ui/react-slot');
+var _jsxruntime = require('react/jsx-runtime');
+var Box = React.forwardRef(
+  ({ as: Tag = "div", asChild, ...props }, ref) => {
+    const Comp = asChild ? _reactslot.Slot : Tag;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Comp, { ref, ...props });
+  }
+);
+Box.displayName = "Box";
+
+
+exports.Box = Box;
+//# sourceMappingURL=box.js.map

package/dist/box.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/box.tsx"],"names":[],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAsBV;AAJX,IAAM,MAAY;AAAA,EAChB,CAAC,EAAE,IAAI,MAAM,OAAO,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC/C,UAAM,OAAO,UAAU,OAAO;AAE9B,WAAO,oBAAC,QAAK,KAAW,GAAG,OAAO;AAAA,EACpC;AACF;AACA,IAAI,cAAc","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Box\n * -------------------------------------------------------------------------- */\n\ninterface BoxDivProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: \"div\";\n}\n\ninterface BoxSpanProps extends React.HTMLAttributes<HTMLSpanElement> {\n  as: \"span\";\n}\n\ntype BoxProps = (BoxDivProps | BoxSpanProps) & {\n  asChild?: boolean;\n};\n\nconst Box = React.forwardRef<HTMLDivElement, BoxProps>(\n  ({ as: Tag = \"div\", asChild, ...props }, ref) => {\n    const Comp = asChild ? Slot : Tag;\n\n    return <Comp ref={ref} {...props} />;\n  },\n);\nBox.displayName = \"Box\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Box, type BoxProps };\n"]}

package/dist/box.mjs

@@ -0,0 +1,15 @@
+// src/box.tsx
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+var Box = React.forwardRef(
+  ({ as: Tag = "div", asChild, ...props }, ref) => {
+    const Comp = asChild ? Slot : Tag;
+    return /* @__PURE__ */ jsx(Comp, { ref, ...props });
+  }
+);
+Box.displayName = "Box";
+export {
+  Box
+};
+//# sourceMappingURL=box.mjs.map

package/dist/box.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/box.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\n\n/* -----------------------------------------------------------------------------\n * Component: Box\n * -------------------------------------------------------------------------- */\n\ninterface BoxDivProps extends React.HTMLAttributes<HTMLDivElement> {\n  as?: \"div\";\n}\n\ninterface BoxSpanProps extends React.HTMLAttributes<HTMLSpanElement> {\n  as: \"span\";\n}\n\ntype BoxProps = (BoxDivProps | BoxSpanProps) & {\n  asChild?: boolean;\n};\n\nconst Box = React.forwardRef<HTMLDivElement, BoxProps>(\n  ({ as: Tag = \"div\", asChild, ...props }, ref) => {\n    const Comp = asChild ? Slot : Tag;\n\n    return <Comp ref={ref} {...props} />;\n  },\n);\nBox.displayName = \"Box\";\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport { Box, type BoxProps };\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AAsBV;AAJX,IAAM,MAAY;AAAA,EAChB,CAAC,EAAE,IAAI,MAAM,OAAO,SAAS,GAAG,MAAM,GAAG,QAAQ;AAC/C,UAAM,OAAO,UAAU,OAAO;AAE9B,WAAO,oBAAC,QAAK,KAAW,GAAG,OAAO;AAAA,EACpC;AACF;AACA,IAAI,cAAc;","names":[]}

package/dist/breadcrumb.d.mts

@@ -1,15 +1,22 @@
 import * as React from 'react';
 
-declare const Breadcrumb: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
     separator?: React.ReactNode;
-} & React.RefAttributes<HTMLElement>>;
-declare const BreadcrumbList: React.ForwardRefExoticComponent<React.OlHTMLAttributes<HTMLOListElement> & React.RefAttributes<HTMLOListElement>>;
-declare const BreadcrumbItem: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
-declare const BreadcrumbLink: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & {
-    asChild?: boolean | undefined;
-} & React.RefAttributes<HTMLAnchorElement>>;
-declare const BreadcrumbPage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-declare function BreadcrumbSeparator({ children, className, ...props }: React.LiHTMLAttributes<HTMLLIElement>): React.JSX.Element;
-declare function BreadcrumbEllipsis({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+}
+declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
+type BreadcrumbListProps = React.OlHTMLAttributes<HTMLOListElement>;
+declare const BreadcrumbList: React.ForwardRefExoticComponent<BreadcrumbListProps & React.RefAttributes<HTMLOListElement>>;
+type BreadcrumbItemProps = React.LiHTMLAttributes<HTMLLIElement>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;
+interface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    asChild?: boolean;
+}
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+type BreadcrumbPageProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<BreadcrumbPageProps & React.RefAttributes<HTMLSpanElement>>;
+type BreadcrumbSeparatorProps = React.LiHTMLAttributes<HTMLLIElement>;
+declare function BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps): React.JSX.Element;
+type BreadcrumbEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;
+declare function BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): React.JSX.Element;
 
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+export { Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps };

package/dist/breadcrumb.d.ts

@@ -1,15 +1,22 @@
 import * as React from 'react';
 
-declare const Breadcrumb: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+interface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {
     separator?: React.ReactNode;
-} & React.RefAttributes<HTMLElement>>;
-declare const BreadcrumbList: React.ForwardRefExoticComponent<React.OlHTMLAttributes<HTMLOListElement> & React.RefAttributes<HTMLOListElement>>;
-declare const BreadcrumbItem: React.ForwardRefExoticComponent<React.LiHTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
-declare const BreadcrumbLink: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & {
-    asChild?: boolean | undefined;
-} & React.RefAttributes<HTMLAnchorElement>>;
-declare const BreadcrumbPage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
-declare function BreadcrumbSeparator({ children, className, ...props }: React.LiHTMLAttributes<HTMLLIElement>): React.JSX.Element;
-declare function BreadcrumbEllipsis({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
+}
+declare const Breadcrumb: React.ForwardRefExoticComponent<BreadcrumbProps & React.RefAttributes<HTMLElement>>;
+type BreadcrumbListProps = React.OlHTMLAttributes<HTMLOListElement>;
+declare const BreadcrumbList: React.ForwardRefExoticComponent<BreadcrumbListProps & React.RefAttributes<HTMLOListElement>>;
+type BreadcrumbItemProps = React.LiHTMLAttributes<HTMLLIElement>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<BreadcrumbItemProps & React.RefAttributes<HTMLLIElement>>;
+interface BreadcrumbLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    asChild?: boolean;
+}
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<BreadcrumbLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+type BreadcrumbPageProps = React.HTMLAttributes<HTMLSpanElement>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<BreadcrumbPageProps & React.RefAttributes<HTMLSpanElement>>;
+type BreadcrumbSeparatorProps = React.LiHTMLAttributes<HTMLLIElement>;
+declare function BreadcrumbSeparator({ children, className, ...props }: BreadcrumbSeparatorProps): React.JSX.Element;
+type BreadcrumbEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;
+declare function BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): React.JSX.Element;
 
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+export { Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps };

package/dist/breadcrumb.js

@@ -7,52 +7,62 @@ var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _reactslot = require('@radix-ui/react-slot');
 var _reacticons = require('@radix-ui/react-icons');
 var _jsxruntime = require('react/jsx-runtime');
-var Breadcrumb = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React.forwardRef(
+  ({ ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { ref, "aria-label": "breadcrumb", ...props })
+);
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "ol",
-  {
-    ref,
-    className: _chunkG3NP7M2Njs.cn.call(void 0, 
-      "text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5",
-      className
-    ),
-    ...props
-  }
-));
+var BreadcrumbList = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "ol",
+    {
+      ref,
+      className: _chunkG3NP7M2Njs.cn.call(void 0, 
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5",
+        className
+      ),
+      ...props
+    }
+  )
+);
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "li",
-  {
-    ref,
-    className: _chunkG3NP7M2Njs.cn.call(void 0, "inline-flex items-center gap-1.5", className),
-    ...props
-  }
-));
-BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref) => {
-  const Comp = asChild ? _reactslot.Slot : "a";
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    Comp,
+var BreadcrumbItem = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "li",
     {
       ref,
-      className: _chunkG3NP7M2Njs.cn.call(void 0, "hover:text-foreground transition-colors", className),
+      className: _chunkG3NP7M2Njs.cn.call(void 0, "inline-flex items-center gap-1.5", className),
       ...props
     }
-  );
-});
-BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-  "span",
-  {
-    ref,
-    role: "link",
-    "aria-disabled": "true",
-    "aria-current": "page",
-    className: _chunkG3NP7M2Njs.cn.call(void 0, "text-foreground font-normal", className),
-    ...props
+  )
+);
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = React.forwardRef(
+  ({ asChild, className, ...props }, ref) => {
+    const Comp = asChild ? _reactslot.Slot : "a";
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      Comp,
+      {
+        ref,
+        className: _chunkG3NP7M2Njs.cn.call(void 0, "hover:text-foreground transition-colors", className),
+        ...props
+      }
+    );
   }
-));
+);
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      ref,
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: _chunkG3NP7M2Njs.cn.call(void 0, "text-foreground font-normal", className),
+      ...props
+    }
+  )
+);
 BreadcrumbPage.displayName = "BreadcrumbPage";
 function BreadcrumbSeparator({
   children,

package/dist/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/breadcrumb.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,kBAAkB,0BAA0B;AAY5B,cA6GrB,YA7GqB;AALzB,IAAM,aAAmB,iBAKvB,CAAC,EAAE,GAAG,MAAM,GAAG,QAAQ,oBAAC,SAAI,KAAU,cAAW,cAAc,GAAG,OAAO,CAAE;AAC7E,WAAW,cAAc;AAMzB,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,eAAe,cAAc;AAM7B,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,oCAAoC,SAAS;AAAA,IAC1D,GAAG;AAAA;AACN,CACD;AACD,eAAe,cAAc;AAM7B,IAAM,iBAAuB,iBAK3B,CAAC,EAAE,SAAS,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC3C,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,eAAe,cAAc;AAM7B,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAW,GAAG,+BAA+B,SAAS;AAAA,IACrD,GAAG;AAAA;AACN,CACD;AACD,eAAe,cAAc;AAM7B,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA6D;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC1C,GAAG;AAAA,MAEH,sBAAY,oBAAC,oBAAiB;AAAA;AAAA,EACjC;AAEJ;AAMA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA6D;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA,MAEJ;AAAA,4BAAC,sBAAmB,WAAU,UAAS;AAAA,QACvC,oBAAC,UAAK,WAAU,WAAU,kBAAI;AAAA;AAAA;AAAA,EAChC;AAEJ","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { ChevronRightIcon, DotsHorizontalIcon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Breadcrumb\n * -------------------------------------------------------------------------- */\n\nconst Breadcrumb = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement> & {\n    separator?: React.ReactNode;\n  }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />);\nBreadcrumb.displayName = \"Breadcrumb\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbList\n * -------------------------------------------------------------------------- */\n\nconst BreadcrumbList = React.forwardRef<\n  HTMLOListElement,\n  React.OlHTMLAttributes<HTMLOListElement>\n>(({ className, ...props }, ref) => (\n  <ol\n    ref={ref}\n    className={cn(\n      \"text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5\",\n      className,\n    )}\n    {...props}\n  />\n));\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbItem\n * -------------------------------------------------------------------------- */\n\nconst BreadcrumbItem = React.forwardRef<\n  HTMLLIElement,\n  React.LiHTMLAttributes<HTMLLIElement>\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    className={cn(\"inline-flex items-center gap-1.5\", className)}\n    {...props}\n  />\n));\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbLink\n * -------------------------------------------------------------------------- */\n\nconst BreadcrumbLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    asChild?: boolean;\n  }\n>(({ asChild, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\"hover:text-foreground transition-colors\", className)}\n      {...props}\n    />\n  );\n});\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbPage\n * -------------------------------------------------------------------------- */\n\nconst BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement>\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn(\"text-foreground font-normal\", className)}\n    {...props}\n  />\n));\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbSeparator\n * -------------------------------------------------------------------------- */\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.LiHTMLAttributes<HTMLLIElement>): React.JSX.Element {\n  return (\n    <li\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? <ChevronRightIcon />}\n    </li>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbEllipsis\n * -------------------------------------------------------------------------- */\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element {\n  return (\n    <span\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"flex size-4 items-center justify-center\", className)}\n      {...props}\n    >\n      <DotsHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n};\n"]}
+{"version":3,"sources":["../src/breadcrumb.tsx"],"names":[],"mappings":";;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,kBAAkB,0BAA0B;AAW5B,cAiHrB,YAjHqB;AADzB,IAAM,aAAmB;AAAA,EACvB,CAAC,EAAE,GAAG,MAAM,GAAG,QAAQ,oBAAC,SAAI,KAAU,cAAW,cAAc,GAAG,OAAO;AAC3E;AACA,WAAW,cAAc;AAOzB,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,eAAe,cAAc;AAO7B,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,oCAAoC,SAAS;AAAA,MAC1D,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,eAAe,cAAc;AAU7B,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,SAAS,WAAW,GAAG,MAAM,GAAG,QAAQ;AACzC,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,2CAA2C,SAAS;AAAA,QACjE,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAO7B,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,gBAAa;AAAA,MACb,WAAW,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,eAAe,cAAc;AAO7B,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgD;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC1C,GAAG;AAAA,MAEH,sBAAY,oBAAC,oBAAiB;AAAA;AAAA,EACjC;AAEJ;AAOA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA+C;AAC7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA,MAEJ;AAAA,4BAAC,sBAAmB,WAAU,UAAS;AAAA,QACvC,oBAAC,UAAK,WAAU,WAAU,kBAAI;AAAA;AAAA;AAAA,EAChC;AAEJ","sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { ChevronRightIcon, DotsHorizontalIcon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Breadcrumb\n * -------------------------------------------------------------------------- */\n\ninterface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n  separator?: React.ReactNode;\n}\nconst Breadcrumb = React.forwardRef<HTMLElement, BreadcrumbProps>(\n  ({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />,\n);\nBreadcrumb.displayName = \"Breadcrumb\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbList\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbListProps = React.OlHTMLAttributes<HTMLOListElement>;\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, BreadcrumbListProps>(\n  ({ className, ...props }, ref) => (\n    <ol\n      ref={ref}\n      className={cn(\n        \"text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbItem\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbItemProps = React.LiHTMLAttributes<HTMLLIElement>;\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, BreadcrumbItemProps>(\n  ({ className, ...props }, ref) => (\n    <li\n      ref={ref}\n      className={cn(\"inline-flex items-center gap-1.5\", className)}\n      {...props}\n    />\n  ),\n);\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbLink\n * -------------------------------------------------------------------------- */\n\ninterface BreadcrumbLinkProps\n  extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  asChild?: boolean;\n}\nconst BreadcrumbLink = React.forwardRef<HTMLAnchorElement, BreadcrumbLinkProps>(\n  ({ asChild, className, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"a\";\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\"hover:text-foreground transition-colors\", className)}\n        {...props}\n      />\n    );\n  },\n);\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbPage\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbPageProps = React.HTMLAttributes<HTMLSpanElement>;\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, BreadcrumbPageProps>(\n  ({ className, ...props }, ref) => (\n    <span\n      ref={ref}\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\"text-foreground font-normal\", className)}\n      {...props}\n    />\n  ),\n);\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbSeparator\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbSeparatorProps = React.LiHTMLAttributes<HTMLLIElement>;\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: BreadcrumbSeparatorProps): React.JSX.Element {\n  return (\n    <li\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? <ChevronRightIcon />}\n    </li>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbEllipsis\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: BreadcrumbEllipsisProps): React.JSX.Element {\n  return (\n    <span\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"flex size-4 items-center justify-center\", className)}\n      {...props}\n    >\n      <DotsHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n  type BreadcrumbProps,\n  type BreadcrumbListProps,\n  type BreadcrumbItemProps,\n  type BreadcrumbLinkProps,\n  type BreadcrumbPageProps,\n  type BreadcrumbSeparatorProps,\n  type BreadcrumbEllipsisProps,\n};\n"]}

package/dist/breadcrumb.mjs

@@ -7,52 +7,62 @@ import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { ChevronRightIcon, DotsHorizontalIcon } from "@radix-ui/react-icons";
 import { jsx, jsxs } from "react/jsx-runtime";
-var Breadcrumb = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React.forwardRef(
+  ({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props })
+);
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "ol",
-  {
-    ref,
-    className: cn(
-      "text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5",
-      className
-    ),
-    ...props
-  }
-));
+var BreadcrumbList = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "ol",
+    {
+      ref,
+      className: cn(
+        "text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5",
+        className
+      ),
+      ...props
+    }
+  )
+);
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "li",
-  {
-    ref,
-    className: cn("inline-flex items-center gap-1.5", className),
-    ...props
-  }
-));
-BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref) => {
-  const Comp = asChild ? Slot : "a";
-  return /* @__PURE__ */ jsx(
-    Comp,
+var BreadcrumbItem = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "li",
     {
       ref,
-      className: cn("hover:text-foreground transition-colors", className),
+      className: cn("inline-flex items-center gap-1.5", className),
       ...props
     }
-  );
-});
-BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "span",
-  {
-    ref,
-    role: "link",
-    "aria-disabled": "true",
-    "aria-current": "page",
-    className: cn("text-foreground font-normal", className),
-    ...props
+  )
+);
+BreadcrumbItem.displayName = "BreadcrumbItem";
+var BreadcrumbLink = React.forwardRef(
+  ({ asChild, className, ...props }, ref) => {
+    const Comp = asChild ? Slot : "a";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ref,
+        className: cn("hover:text-foreground transition-colors", className),
+        ...props
+      }
+    );
   }
-));
+);
+BreadcrumbLink.displayName = "BreadcrumbLink";
+var BreadcrumbPage = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn("text-foreground font-normal", className),
+      ...props
+    }
+  )
+);
 BreadcrumbPage.displayName = "BreadcrumbPage";
 function BreadcrumbSeparator({
   children,

package/dist/breadcrumb.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { ChevronRightIcon, DotsHorizontalIcon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Breadcrumb\n * -------------------------------------------------------------------------- */\n\nconst Breadcrumb = React.forwardRef<\n  HTMLElement,\n  React.HTMLAttributes<HTMLElement> & {\n    separator?: React.ReactNode;\n  }\n>(({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />);\nBreadcrumb.displayName = \"Breadcrumb\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbList\n * -------------------------------------------------------------------------- */\n\nconst BreadcrumbList = React.forwardRef<\n  HTMLOListElement,\n  React.OlHTMLAttributes<HTMLOListElement>\n>(({ className, ...props }, ref) => (\n  <ol\n    ref={ref}\n    className={cn(\n      \"text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5\",\n      className,\n    )}\n    {...props}\n  />\n));\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbItem\n * -------------------------------------------------------------------------- */\n\nconst BreadcrumbItem = React.forwardRef<\n  HTMLLIElement,\n  React.LiHTMLAttributes<HTMLLIElement>\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    className={cn(\"inline-flex items-center gap-1.5\", className)}\n    {...props}\n  />\n));\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbLink\n * -------------------------------------------------------------------------- */\n\nconst BreadcrumbLink = React.forwardRef<\n  HTMLAnchorElement,\n  React.AnchorHTMLAttributes<HTMLAnchorElement> & {\n    asChild?: boolean;\n  }\n>(({ asChild, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      ref={ref}\n      className={cn(\"hover:text-foreground transition-colors\", className)}\n      {...props}\n    />\n  );\n});\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbPage\n * -------------------------------------------------------------------------- */\n\nconst BreadcrumbPage = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement>\n>(({ className, ...props }, ref) => (\n  <span\n    ref={ref}\n    role=\"link\"\n    aria-disabled=\"true\"\n    aria-current=\"page\"\n    className={cn(\"text-foreground font-normal\", className)}\n    {...props}\n  />\n));\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbSeparator\n * -------------------------------------------------------------------------- */\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.LiHTMLAttributes<HTMLLIElement>): React.JSX.Element {\n  return (\n    <li\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? <ChevronRightIcon />}\n    </li>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbEllipsis\n * -------------------------------------------------------------------------- */\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element {\n  return (\n    <span\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"flex size-4 items-center justify-center\", className)}\n      {...props}\n    >\n      <DotsHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n};\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,kBAAkB,0BAA0B;AAY5B,cA6GrB,YA7GqB;AALzB,IAAM,aAAmB,iBAKvB,CAAC,EAAE,GAAG,MAAM,GAAG,QAAQ,oBAAC,SAAI,KAAU,cAAW,cAAc,GAAG,OAAO,CAAE;AAC7E,WAAW,cAAc;AAMzB,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,eAAe,cAAc;AAM7B,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,oCAAoC,SAAS;AAAA,IAC1D,GAAG;AAAA;AACN,CACD;AACD,eAAe,cAAc;AAM7B,IAAM,iBAAuB,iBAK3B,CAAC,EAAE,SAAS,WAAW,GAAG,MAAM,GAAG,QAAQ;AAC3C,QAAM,OAAO,UAAU,OAAO;AAE9B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA;AAAA,EACN;AAEJ,CAAC;AACD,eAAe,cAAc;AAM7B,IAAM,iBAAuB,iBAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,gBAAa;AAAA,IACb,WAAW,GAAG,+BAA+B,SAAS;AAAA,IACrD,GAAG;AAAA;AACN,CACD;AACD,eAAe,cAAc;AAM7B,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA6D;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC1C,GAAG;AAAA,MAEH,sBAAY,oBAAC,oBAAiB;AAAA;AAAA,EACjC;AAEJ;AAMA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA6D;AAC3D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA,MAEJ;AAAA,4BAAC,sBAAmB,WAAU,UAAS;AAAA,QACvC,oBAAC,UAAK,WAAU,WAAU,kBAAI;AAAA;AAAA;AAAA,EAChC;AAEJ;","names":[]}
+{"version":3,"sources":["../src/breadcrumb.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { ChevronRightIcon, DotsHorizontalIcon } from \"@radix-ui/react-icons\";\nimport { cn } from \"./utils\";\n\n/* -----------------------------------------------------------------------------\n * Component: Breadcrumb\n * -------------------------------------------------------------------------- */\n\ninterface BreadcrumbProps extends React.HTMLAttributes<HTMLElement> {\n  separator?: React.ReactNode;\n}\nconst Breadcrumb = React.forwardRef<HTMLElement, BreadcrumbProps>(\n  ({ ...props }, ref) => <nav ref={ref} aria-label=\"breadcrumb\" {...props} />,\n);\nBreadcrumb.displayName = \"Breadcrumb\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbList\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbListProps = React.OlHTMLAttributes<HTMLOListElement>;\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, BreadcrumbListProps>(\n  ({ className, ...props }, ref) => (\n    <ol\n      ref={ref}\n      className={cn(\n        \"text-muted-foreground flex flex-wrap items-center gap-1.5 break-words text-sm sm:gap-2.5\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nBreadcrumbList.displayName = \"BreadcrumbList\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbItem\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbItemProps = React.LiHTMLAttributes<HTMLLIElement>;\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, BreadcrumbItemProps>(\n  ({ className, ...props }, ref) => (\n    <li\n      ref={ref}\n      className={cn(\"inline-flex items-center gap-1.5\", className)}\n      {...props}\n    />\n  ),\n);\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbLink\n * -------------------------------------------------------------------------- */\n\ninterface BreadcrumbLinkProps\n  extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  asChild?: boolean;\n}\nconst BreadcrumbLink = React.forwardRef<HTMLAnchorElement, BreadcrumbLinkProps>(\n  ({ asChild, className, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"a\";\n\n    return (\n      <Comp\n        ref={ref}\n        className={cn(\"hover:text-foreground transition-colors\", className)}\n        {...props}\n      />\n    );\n  },\n);\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbPage\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbPageProps = React.HTMLAttributes<HTMLSpanElement>;\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, BreadcrumbPageProps>(\n  ({ className, ...props }, ref) => (\n    <span\n      ref={ref}\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\"text-foreground font-normal\", className)}\n      {...props}\n    />\n  ),\n);\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbSeparator\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbSeparatorProps = React.LiHTMLAttributes<HTMLLIElement>;\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: BreadcrumbSeparatorProps): React.JSX.Element {\n  return (\n    <li\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? <ChevronRightIcon />}\n    </li>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: BreadcrumbEllipsis\n * -------------------------------------------------------------------------- */\n\ntype BreadcrumbEllipsisProps = React.HTMLAttributes<HTMLSpanElement>;\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: BreadcrumbEllipsisProps): React.JSX.Element {\n  return (\n    <span\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"flex size-4 items-center justify-center\", className)}\n      {...props}\n    >\n      <DotsHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n  type BreadcrumbProps,\n  type BreadcrumbListProps,\n  type BreadcrumbItemProps,\n  type BreadcrumbLinkProps,\n  type BreadcrumbPageProps,\n  type BreadcrumbSeparatorProps,\n  type BreadcrumbEllipsisProps,\n};\n"],"mappings":";;;;;AAAA,YAAY,WAAW;AACvB,SAAS,YAAY;AACrB,SAAS,kBAAkB,0BAA0B;AAW5B,cAiHrB,YAjHqB;AADzB,IAAM,aAAmB;AAAA,EACvB,CAAC,EAAE,GAAG,MAAM,GAAG,QAAQ,oBAAC,SAAI,KAAU,cAAW,cAAc,GAAG,OAAO;AAC3E;AACA,WAAW,cAAc;AAOzB,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,eAAe,cAAc;AAO7B,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,oCAAoC,SAAS;AAAA,MAC1D,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,eAAe,cAAc;AAU7B,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,SAAS,WAAW,GAAG,MAAM,GAAG,QAAQ;AACzC,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,GAAG,2CAA2C,SAAS;AAAA,QACjE,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;AAO7B,IAAM,iBAAuB;AAAA,EAC3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,iBAAc;AAAA,MACd,gBAAa;AAAA,MACb,WAAW,GAAG,+BAA+B,SAAS;AAAA,MACrD,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,eAAe,cAAc;AAO7B,SAAS,oBAAoB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAgD;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,oBAAoB,SAAS;AAAA,MAC1C,GAAG;AAAA,MAEH,sBAAY,oBAAC,oBAAiB;AAAA;AAAA,EACjC;AAEJ;AAOA,SAAS,mBAAmB;AAAA,EAC1B;AAAA,EACA,GAAG;AACL,GAA+C;AAC7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAY;AAAA,MACZ,WAAW,GAAG,2CAA2C,SAAS;AAAA,MACjE,GAAG;AAAA,MAEJ;AAAA,4BAAC,sBAAmB,WAAU,UAAS;AAAA,QACvC,oBAAC,UAAK,WAAU,WAAU,kBAAI;AAAA;AAAA;AAAA,EAChC;AAEJ;","names":[]}

package/dist/button.d.mts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { VariantProps } from 'cva';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "link" | "ghost" | "outline" | "secondary" | undefined;
+    variant?: "link" | "default" | "destructive" | "ghost" | "outline" | "secondary" | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | undefined;
 } & ({
     class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
@@ -59,9 +59,10 @@ declare const buttonVariants: (props?: ({
         [x: string]: any;
     } | null | undefined;
 })) | undefined) => string;
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+type ButtonVariantsProps = VariantProps<typeof buttonVariants>;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariantsProps {
     asChild?: boolean;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-export { Button, type ButtonProps, buttonVariants };
+export { Button, type ButtonProps, type ButtonVariantsProps, buttonVariants };

package/dist/button.d.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { VariantProps } from 'cva';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "link" | "ghost" | "outline" | "secondary" | undefined;
+    variant?: "link" | "default" | "destructive" | "ghost" | "outline" | "secondary" | undefined;
     size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | undefined;
 } & ({
     class?: string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | (string | number | boolean | any | {
@@ -59,9 +59,10 @@ declare const buttonVariants: (props?: ({
         [x: string]: any;
     } | null | undefined;
 })) | undefined) => string;
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+type ButtonVariantsProps = VariantProps<typeof buttonVariants>;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, ButtonVariantsProps {
     asChild?: boolean;
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-export { Button, type ButtonProps, buttonVariants };
+export { Button, type ButtonProps, type ButtonVariantsProps, buttonVariants };