@codefast/ui 0.3.9 → 0.3.10

package/dist/components/alert.js

@@ -1 +1,41 @@
-import{jsx as t}from"react/jsx-runtime";import{cn as e,tv as r}from"@codefast/tailwind-variants";let a=r({base:"bg-card relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-xl border px-4 py-3 text-sm has-[>svg]:grid-cols-[--spacing(4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",defaultVariants:{variant:"default"},variants:{variant:{default:"text-card-foreground",destructive:"text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current"}}});function i({className:e,variant:r,...i}){return t("div",{className:a({className:e,variant:r}),"data-slot":"alert",role:"alert",...i})}function s({children:r,className:a,...i}){return t("div",{className:e("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight",a),"data-slot":"alert-title",...i,children:r})}function l({className:r,...a}){return t("div",{className:e("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed",r),"data-slot":"alert-description",...a})}export{i as Alert,l as AlertDescription,s as AlertTitle,a as alertVariants};
+import { jsx } from "react/jsx-runtime";
+import { cn, tv } from "@codefast/tailwind-variants";
+const alertVariants = tv({
+    base: 'bg-card relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-xl border px-4 py-3 text-sm has-[>svg]:grid-cols-[--spacing(4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',
+    defaultVariants: {
+        variant: 'default'
+    },
+    variants: {
+        variant: {
+            default: 'text-card-foreground',
+            destructive: "text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current"
+        }
+    }
+});
+function Alert({ className, variant, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: alertVariants({
+            className,
+            variant
+        }),
+        "data-slot": "alert",
+        role: "alert",
+        ...props
+    });
+}
+function AlertTitle({ children, className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', className),
+        "data-slot": "alert-title",
+        ...props,
+        children: children
+    });
+}
+function AlertDescription({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn('text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', className),
+        "data-slot": "alert-description",
+        ...props
+    });
+}
+export { Alert, AlertDescription, AlertTitle, alertVariants };

package/dist/components/aspect-ratio.cjs

@@ -1,2 +1,44 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AspectRatio:()=>AspectRatio});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),react_aspect_ratio_namespaceObject=require("@radix-ui/react-aspect-ratio");function AspectRatio({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_aspect_ratio_namespaceObject.Root,{"data-slot":"aspect-ratio",...e})}for(var __webpack_i__ in exports.AspectRatio=__webpack_exports__.AspectRatio,__webpack_exports__)-1===["AspectRatio"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    AspectRatio: ()=>AspectRatio
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_aspect_ratio_namespaceObject = require("@radix-ui/react-aspect-ratio");
+function AspectRatio({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_aspect_ratio_namespaceObject.Root, {
+        "data-slot": "aspect-ratio",
+        ...props
+    });
+}
+exports.AspectRatio = __webpack_exports__.AspectRatio;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "AspectRatio"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/aspect-ratio.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from "react";
-import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+import type { ComponentProps, JSX } from 'react';
+import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
 type AspectRatioProps = ComponentProps<typeof AspectRatioPrimitive.Root>;
 declare function AspectRatio({ ...props }: AspectRatioProps): JSX.Element;
 export { AspectRatio };

package/dist/components/aspect-ratio.js

@@ -1,2 +1,10 @@
 "use client";
-import{jsx as t}from"react/jsx-runtime";import{Root as r}from"@radix-ui/react-aspect-ratio";function a({...a}){return t(r,{"data-slot":"aspect-ratio",...a})}export{a as AspectRatio};
+import { jsx } from "react/jsx-runtime";
+import { Root } from "@radix-ui/react-aspect-ratio";
+function AspectRatio({ ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "aspect-ratio",
+        ...props
+    });
+}
+export { AspectRatio };

package/dist/components/avatar.cjs

@@ -1,2 +1,66 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,a)=>{for(var _ in a)__webpack_require__.o(a,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:a[_]})},__webpack_require__.o=(e,a)=>Object.prototype.hasOwnProperty.call(e,a),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{AvatarFallback:()=>AvatarFallback,Avatar:()=>Avatar,AvatarImage:()=>AvatarImage});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_avatar_namespaceObject=require("@radix-ui/react-avatar");function Avatar({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(react_avatar_namespaceObject.Root,{className:(0,tailwind_variants_namespaceObject.cn)("relative flex size-8 shrink-0 overflow-hidden rounded-full",e),"data-slot":"avatar",...a})}function AvatarImage({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(react_avatar_namespaceObject.Image,{className:(0,tailwind_variants_namespaceObject.cn)("aspect-square size-full",e),"data-slot":"avatar-image",...a})}function AvatarFallback({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(react_avatar_namespaceObject.Fallback,{className:(0,tailwind_variants_namespaceObject.cn)("bg-muted flex size-full items-center justify-center rounded-full",e),"data-slot":"avatar-fallback",...a})}for(var __webpack_i__ in exports.Avatar=__webpack_exports__.Avatar,exports.AvatarFallback=__webpack_exports__.AvatarFallback,exports.AvatarImage=__webpack_exports__.AvatarImage,__webpack_exports__)-1===["Avatar","AvatarFallback","AvatarImage"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    AvatarFallback: ()=>AvatarFallback,
+    Avatar: ()=>Avatar,
+    AvatarImage: ()=>AvatarImage
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_avatar_namespaceObject = require("@radix-ui/react-avatar");
+function Avatar({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_avatar_namespaceObject.Root, {
+        className: (0, tailwind_variants_namespaceObject.cn)('relative flex size-8 shrink-0 overflow-hidden rounded-full', className),
+        "data-slot": "avatar",
+        ...props
+    });
+}
+function AvatarImage({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_avatar_namespaceObject.Image, {
+        className: (0, tailwind_variants_namespaceObject.cn)('aspect-square size-full', className),
+        "data-slot": "avatar-image",
+        ...props
+    });
+}
+function AvatarFallback({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_avatar_namespaceObject.Fallback, {
+        className: (0, tailwind_variants_namespaceObject.cn)('bg-muted flex size-full items-center justify-center rounded-full', className),
+        "data-slot": "avatar-fallback",
+        ...props
+    });
+}
+exports.Avatar = __webpack_exports__.Avatar;
+exports.AvatarFallback = __webpack_exports__.AvatarFallback;
+exports.AvatarImage = __webpack_exports__.AvatarImage;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Avatar",
+    "AvatarFallback",
+    "AvatarImage"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/avatar.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from "react";
-import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import type { ComponentProps, JSX } from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
 type AvatarProps = ComponentProps<typeof AvatarPrimitive.Root>;
 declare function Avatar({ className, ...props }: AvatarProps): JSX.Element;
 type AvatarImageProps = ComponentProps<typeof AvatarPrimitive.Image>;

package/dist/components/avatar.js

@@ -1,2 +1,26 @@
 "use client";
-import{jsx as a}from"react/jsx-runtime";import{cn as t}from"@codefast/tailwind-variants";import{Fallback as r,Image as e,Root as l}from"@radix-ui/react-avatar";function i({className:r,...e}){return a(l,{className:t("relative flex size-8 shrink-0 overflow-hidden rounded-full",r),"data-slot":"avatar",...e})}function s({className:r,...l}){return a(e,{className:t("aspect-square size-full",r),"data-slot":"avatar-image",...l})}function n({className:e,...l}){return a(r,{className:t("bg-muted flex size-full items-center justify-center rounded-full",e),"data-slot":"avatar-fallback",...l})}export{i as Avatar,n as AvatarFallback,s as AvatarImage};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { Fallback, Image, Root } from "@radix-ui/react-avatar";
+function Avatar({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        className: cn('relative flex size-8 shrink-0 overflow-hidden rounded-full', className),
+        "data-slot": "avatar",
+        ...props
+    });
+}
+function AvatarImage({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Image, {
+        className: cn('aspect-square size-full', className),
+        "data-slot": "avatar-image",
+        ...props
+    });
+}
+function AvatarFallback({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Fallback, {
+        className: cn('bg-muted flex size-full items-center justify-center rounded-full', className),
+        "data-slot": "avatar-fallback",
+        ...props
+    });
+}
+export { Avatar, AvatarFallback, AvatarImage };

package/dist/components/badge.cjs

@@ -1,2 +1,67 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var a in r)__webpack_require__.o(r,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:r[a]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Badge:()=>Badge,badgeVariants:()=>badgeVariants});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_slot_namespaceObject=require("@radix-ui/react-slot"),badgeVariants=(0,tailwind_variants_namespaceObject.tv)({base:"focus-visible:ring-ring/50 focus-visible:ring-3 outline-hidden inline-flex w-fit shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md border px-1.5 py-0.5 text-xs font-medium transition [&>svg]:size-3 [&>svg]:shrink-0",defaultVariants:{variant:"default"},variants:{variant:{default:"bg-primary [a&]:hover:bg-primary/80 text-primary-foreground focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 border-transparent",destructive:"bg-destructive dark:bg-destructive/60 [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 border-transparent text-white",outline:"bg-background border-input [a&]:hover:bg-accent [a&]:hover:text-accent-foreground [a&]:hover:border-ring/60 focus-visible:border-ring",secondary:"bg-secondary [a&]:hover:bg-secondary/80 text-secondary-foreground border-transparent"}}});function Badge({asChild:e,className:r,variant:a,...t}){let _=e?react_slot_namespaceObject.Slot:"span";return(0,jsx_runtime_namespaceObject.jsx)(_,{className:badgeVariants({className:r,variant:a}),"data-slot":"badge",...t})}for(var __webpack_i__ in exports.Badge=__webpack_exports__.Badge,exports.badgeVariants=__webpack_exports__.badgeVariants,__webpack_exports__)-1===["Badge","badgeVariants"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Badge: ()=>Badge,
+    badgeVariants: ()=>badgeVariants
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+const badgeVariants = (0, tailwind_variants_namespaceObject.tv)({
+    base: 'focus-visible:ring-ring/50 focus-visible:ring-3 outline-hidden inline-flex w-fit shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md border px-1.5 py-0.5 text-xs font-medium transition [&>svg]:size-3 [&>svg]:shrink-0',
+    defaultVariants: {
+        variant: 'default'
+    },
+    variants: {
+        variant: {
+            default: 'bg-primary [a&]:hover:bg-primary/80 text-primary-foreground focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 border-transparent',
+            destructive: 'bg-destructive dark:bg-destructive/60 [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 border-transparent text-white',
+            outline: 'bg-background border-input [a&]:hover:bg-accent [a&]:hover:text-accent-foreground [a&]:hover:border-ring/60 focus-visible:border-ring',
+            secondary: 'bg-secondary [a&]:hover:bg-secondary/80 text-secondary-foreground border-transparent'
+        }
+    }
+});
+function Badge({ asChild, className, variant, ...props }) {
+    const Component = asChild ? react_slot_namespaceObject.Slot : 'span';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
+        className: badgeVariants({
+            className,
+            variant
+        }),
+        "data-slot": "badge",
+        ...props
+    });
+}
+exports.Badge = __webpack_exports__.Badge;
+exports.badgeVariants = __webpack_exports__.badgeVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Badge",
+    "badgeVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/badge.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from "react";
-import type { VariantProps } from "@codefast/tailwind-variants";
+import type { VariantProps } from '@codefast/tailwind-variants';
+import type { ComponentProps, JSX } from 'react';
 declare const badgeVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
     variant: {
         default: string;
@@ -8,7 +8,7 @@ declare const badgeVariants: import("@codefast/tailwind-variants").VariantFuncti
         secondary: string;
     };
 }, Record<string, never>>;
-interface BadgeProps extends ComponentProps<"span">, VariantProps<typeof badgeVariants> {
+interface BadgeProps extends ComponentProps<'span'>, VariantProps<typeof badgeVariants> {
     asChild?: boolean;
 }
 declare function Badge({ asChild, className, variant, ...props }: BadgeProps): JSX.Element;

package/dist/components/badge.js

@@ -1,2 +1,30 @@
 "use client";
-import{jsx as r}from"react/jsx-runtime";import{tv as e}from"@codefast/tailwind-variants";import{Slot as t}from"@radix-ui/react-slot";let i=e({base:"focus-visible:ring-ring/50 focus-visible:ring-3 outline-hidden inline-flex w-fit shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md border px-1.5 py-0.5 text-xs font-medium transition [&>svg]:size-3 [&>svg]:shrink-0",defaultVariants:{variant:"default"},variants:{variant:{default:"bg-primary [a&]:hover:bg-primary/80 text-primary-foreground focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 border-transparent",destructive:"bg-destructive dark:bg-destructive/60 [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 border-transparent text-white",outline:"bg-background border-input [a&]:hover:bg-accent [a&]:hover:text-accent-foreground [a&]:hover:border-ring/60 focus-visible:border-ring",secondary:"bg-secondary [a&]:hover:bg-secondary/80 text-secondary-foreground border-transparent"}}});function a({asChild:e,className:a,variant:n,...s}){return r(e?t:"span",{className:i({className:a,variant:n}),"data-slot":"badge",...s})}export{a as Badge,i as badgeVariants};
+import { jsx } from "react/jsx-runtime";
+import { tv } from "@codefast/tailwind-variants";
+import { Slot } from "@radix-ui/react-slot";
+const badgeVariants = tv({
+    base: 'focus-visible:ring-ring/50 focus-visible:ring-3 outline-hidden inline-flex w-fit shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md border px-1.5 py-0.5 text-xs font-medium transition [&>svg]:size-3 [&>svg]:shrink-0',
+    defaultVariants: {
+        variant: 'default'
+    },
+    variants: {
+        variant: {
+            default: 'bg-primary [a&]:hover:bg-primary/80 text-primary-foreground focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 border-transparent',
+            destructive: 'bg-destructive dark:bg-destructive/60 [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 border-transparent text-white',
+            outline: 'bg-background border-input [a&]:hover:bg-accent [a&]:hover:text-accent-foreground [a&]:hover:border-ring/60 focus-visible:border-ring',
+            secondary: 'bg-secondary [a&]:hover:bg-secondary/80 text-secondary-foreground border-transparent'
+        }
+    }
+});
+function Badge({ asChild, className, variant, ...props }) {
+    const Component = asChild ? Slot : 'span';
+    return /*#__PURE__*/ jsx(Component, {
+        className: badgeVariants({
+            className,
+            variant
+        }),
+        "data-slot": "badge",
+        ...props
+    });
+}
+export { Badge, badgeVariants };

package/dist/components/breadcrumb.cjs

@@ -1,2 +1,127 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var a in r)__webpack_require__.o(r,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:r[a]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{BreadcrumbPage:()=>BreadcrumbPage,BreadcrumbSeparator:()=>BreadcrumbSeparator,BreadcrumbItem:()=>BreadcrumbItem,BreadcrumbEllipsis:()=>BreadcrumbEllipsis,BreadcrumbLink:()=>BreadcrumbLink,Breadcrumb:()=>Breadcrumb,BreadcrumbList:()=>BreadcrumbList});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_lucide_react_namespaceObject=require("lucide-react"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_slot_namespaceObject=require("@radix-ui/react-slot");function Breadcrumb({...e}){return(0,jsx_runtime_namespaceObject.jsx)("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...e})}function BreadcrumbList({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)("ol",{className:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2",e),"data-slot":"breadcrumb-list",...r})}function BreadcrumbItem({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)("li",{className:(0,tailwind_variants_namespaceObject.cn)("inline-flex items-center gap-1.5",e),"data-slot":"breadcrumb-item",...r})}function BreadcrumbLink({asChild:e,className:r,...a}){let t=e?react_slot_namespaceObject.Slot:"a";return(0,jsx_runtime_namespaceObject.jsx)(t,{className:(0,tailwind_variants_namespaceObject.cn)("hover:text-foreground transition-colors",r),"data-slot":"breadcrumb-link",...a})}function BreadcrumbPage({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)("span",{"aria-current":"page","aria-disabled":"true",className:(0,tailwind_variants_namespaceObject.cn)("text-foreground font-normal",e),"data-slot":"breadcrumb-page",role:"link",tabIndex:0,...r})}function BreadcrumbSeparator({children:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)("li",{"aria-hidden":"true","data-slot":"breadcrumb-separator",role:"presentation",...r,children:e??(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRightIcon,{className:"size-3.5"})})}function BreadcrumbEllipsis({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsxs)("span",{"aria-hidden":"true",className:(0,tailwind_variants_namespaceObject.cn)("flex size-4 items-center justify-center",e),"data-slot":"breadcrumb-ellipsis",role:"presentation",...r,children:[(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.EllipsisIcon,{className:"size-4"}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"sr-only",children:"More"})]})}for(var __webpack_i__ in exports.Breadcrumb=__webpack_exports__.Breadcrumb,exports.BreadcrumbEllipsis=__webpack_exports__.BreadcrumbEllipsis,exports.BreadcrumbItem=__webpack_exports__.BreadcrumbItem,exports.BreadcrumbLink=__webpack_exports__.BreadcrumbLink,exports.BreadcrumbList=__webpack_exports__.BreadcrumbList,exports.BreadcrumbPage=__webpack_exports__.BreadcrumbPage,exports.BreadcrumbSeparator=__webpack_exports__.BreadcrumbSeparator,__webpack_exports__)-1===["Breadcrumb","BreadcrumbEllipsis","BreadcrumbItem","BreadcrumbLink","BreadcrumbList","BreadcrumbPage","BreadcrumbSeparator"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    BreadcrumbPage: ()=>BreadcrumbPage,
+    BreadcrumbSeparator: ()=>BreadcrumbSeparator,
+    BreadcrumbItem: ()=>BreadcrumbItem,
+    BreadcrumbEllipsis: ()=>BreadcrumbEllipsis,
+    BreadcrumbLink: ()=>BreadcrumbLink,
+    Breadcrumb: ()=>Breadcrumb,
+    BreadcrumbList: ()=>BreadcrumbList
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+const external_lucide_react_namespaceObject = require("lucide-react");
+function Breadcrumb({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("nav", {
+        "aria-label": "breadcrumb",
+        "data-slot": "breadcrumb",
+        ...props
+    });
+}
+function BreadcrumbList({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("ol", {
+        className: (0, tailwind_variants_namespaceObject.cn)('text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2', className),
+        "data-slot": "breadcrumb-list",
+        ...props
+    });
+}
+function BreadcrumbItem({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+        className: (0, tailwind_variants_namespaceObject.cn)('inline-flex items-center gap-1.5', className),
+        "data-slot": "breadcrumb-item",
+        ...props
+    });
+}
+function BreadcrumbLink({ asChild, className, ...props }) {
+    const Component = asChild ? react_slot_namespaceObject.Slot : 'a';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
+        className: (0, tailwind_variants_namespaceObject.cn)('hover:text-foreground transition-colors', className),
+        "data-slot": "breadcrumb-link",
+        ...props
+    });
+}
+function BreadcrumbPage({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        "aria-current": "page",
+        "aria-disabled": "true",
+        className: (0, tailwind_variants_namespaceObject.cn)('text-foreground font-normal', className),
+        "data-slot": "breadcrumb-page",
+        role: "link",
+        tabIndex: 0,
+        ...props
+    });
+}
+function BreadcrumbSeparator({ children, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("li", {
+        "aria-hidden": "true",
+        "data-slot": "breadcrumb-separator",
+        role: "presentation",
+        ...props,
+        children: children ?? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronRightIcon, {
+            className: "size-3.5"
+        })
+    });
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+        "aria-hidden": "true",
+        className: (0, tailwind_variants_namespaceObject.cn)('flex size-4 items-center justify-center', className),
+        "data-slot": "breadcrumb-ellipsis",
+        role: "presentation",
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.EllipsisIcon, {
+                className: "size-4"
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "sr-only",
+                children: "More"
+            })
+        ]
+    });
+}
+exports.Breadcrumb = __webpack_exports__.Breadcrumb;
+exports.BreadcrumbEllipsis = __webpack_exports__.BreadcrumbEllipsis;
+exports.BreadcrumbItem = __webpack_exports__.BreadcrumbItem;
+exports.BreadcrumbLink = __webpack_exports__.BreadcrumbLink;
+exports.BreadcrumbList = __webpack_exports__.BreadcrumbList;
+exports.BreadcrumbPage = __webpack_exports__.BreadcrumbPage;
+exports.BreadcrumbSeparator = __webpack_exports__.BreadcrumbSeparator;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Breadcrumb",
+    "BreadcrumbEllipsis",
+    "BreadcrumbItem",
+    "BreadcrumbLink",
+    "BreadcrumbList",
+    "BreadcrumbPage",
+    "BreadcrumbSeparator"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/breadcrumb.d.ts

@@ -1,21 +1,21 @@
-import type { ComponentProps, JSX, ReactNode } from "react";
-interface BreadcrumbProps extends ComponentProps<"nav"> {
+import type { ComponentProps, JSX, ReactNode } from 'react';
+interface BreadcrumbProps extends ComponentProps<'nav'> {
     separator?: ReactNode;
 }
 declare function Breadcrumb({ ...props }: BreadcrumbProps): JSX.Element;
-type BreadcrumbListProps = ComponentProps<"ol">;
+type BreadcrumbListProps = ComponentProps<'ol'>;
 declare function BreadcrumbList({ className, ...props }: BreadcrumbListProps): JSX.Element;
-type BreadcrumbItemProps = ComponentProps<"li">;
+type BreadcrumbItemProps = ComponentProps<'li'>;
 declare function BreadcrumbItem({ className, ...props }: BreadcrumbItemProps): JSX.Element;
-interface BreadcrumbLinkProps extends ComponentProps<"a"> {
+interface BreadcrumbLinkProps extends ComponentProps<'a'> {
     asChild?: boolean;
 }
 declare function BreadcrumbLink({ asChild, className, ...props }: BreadcrumbLinkProps): JSX.Element;
-type BreadcrumbPageProps = ComponentProps<"span">;
+type BreadcrumbPageProps = ComponentProps<'span'>;
 declare function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps): JSX.Element;
-type BreadcrumbSeparatorProps = ComponentProps<"li">;
+type BreadcrumbSeparatorProps = ComponentProps<'li'>;
 declare function BreadcrumbSeparator({ children, ...props }: BreadcrumbSeparatorProps): JSX.Element;
-type BreadcrumbEllipsisProps = ComponentProps<"span">;
+type BreadcrumbEllipsisProps = ComponentProps<'span'>;
 declare function BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): JSX.Element;
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };
 export type { BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparatorProps, };

package/dist/components/breadcrumb.js

@@ -1,2 +1,75 @@
 "use client";
-import{jsx as r,jsxs as e}from"react/jsx-runtime";import{ChevronRightIcon as a,EllipsisIcon as t}from"lucide-react";import{cn as n}from"@codefast/tailwind-variants";import{Slot as i}from"@radix-ui/react-slot";function s({...e}){return r("nav",{"aria-label":"breadcrumb","data-slot":"breadcrumb",...e})}function o({className:e,...a}){return r("ol",{className:n("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2",e),"data-slot":"breadcrumb-list",...a})}function l({className:e,...a}){return r("li",{className:n("inline-flex items-center gap-1.5",e),"data-slot":"breadcrumb-item",...a})}function c({asChild:e,className:a,...t}){return r(e?i:"a",{className:n("hover:text-foreground transition-colors",a),"data-slot":"breadcrumb-link",...t})}function d({className:e,...a}){return r("span",{"aria-current":"page","aria-disabled":"true",className:n("text-foreground font-normal",e),"data-slot":"breadcrumb-page",role:"link",tabIndex:0,...a})}function m({children:e,...t}){return r("li",{"aria-hidden":"true","data-slot":"breadcrumb-separator",role:"presentation",...t,children:e??r(a,{className:"size-3.5"})})}function u({className:a,...i}){return e("span",{"aria-hidden":"true",className:n("flex size-4 items-center justify-center",a),"data-slot":"breadcrumb-ellipsis",role:"presentation",...i,children:[r(t,{className:"size-4"}),r("span",{className:"sr-only",children:"More"})]})}export{s as Breadcrumb,u as BreadcrumbEllipsis,l as BreadcrumbItem,c as BreadcrumbLink,o as BreadcrumbList,d as BreadcrumbPage,m as BreadcrumbSeparator};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { Slot } from "@radix-ui/react-slot";
+import { ChevronRightIcon, EllipsisIcon } from "lucide-react";
+function Breadcrumb({ ...props }) {
+    return /*#__PURE__*/ jsx("nav", {
+        "aria-label": "breadcrumb",
+        "data-slot": "breadcrumb",
+        ...props
+    });
+}
+function BreadcrumbList({ className, ...props }) {
+    return /*#__PURE__*/ jsx("ol", {
+        className: cn('text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2', className),
+        "data-slot": "breadcrumb-list",
+        ...props
+    });
+}
+function BreadcrumbItem({ className, ...props }) {
+    return /*#__PURE__*/ jsx("li", {
+        className: cn('inline-flex items-center gap-1.5', className),
+        "data-slot": "breadcrumb-item",
+        ...props
+    });
+}
+function BreadcrumbLink({ asChild, className, ...props }) {
+    const Component = asChild ? Slot : 'a';
+    return /*#__PURE__*/ jsx(Component, {
+        className: cn('hover:text-foreground transition-colors', className),
+        "data-slot": "breadcrumb-link",
+        ...props
+    });
+}
+function BreadcrumbPage({ className, ...props }) {
+    return /*#__PURE__*/ jsx("span", {
+        "aria-current": "page",
+        "aria-disabled": "true",
+        className: cn('text-foreground font-normal', className),
+        "data-slot": "breadcrumb-page",
+        role: "link",
+        tabIndex: 0,
+        ...props
+    });
+}
+function BreadcrumbSeparator({ children, ...props }) {
+    return /*#__PURE__*/ jsx("li", {
+        "aria-hidden": "true",
+        "data-slot": "breadcrumb-separator",
+        role: "presentation",
+        ...props,
+        children: children ?? /*#__PURE__*/ jsx(ChevronRightIcon, {
+            className: "size-3.5"
+        })
+    });
+}
+function BreadcrumbEllipsis({ className, ...props }) {
+    return /*#__PURE__*/ jsxs("span", {
+        "aria-hidden": "true",
+        className: cn('flex size-4 items-center justify-center', className),
+        "data-slot": "breadcrumb-ellipsis",
+        role: "presentation",
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(EllipsisIcon, {
+                className: "size-4"
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: "sr-only",
+                children: "More"
+            })
+        ]
+    });
+}
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };