@codefast/ui 0.3.9 → 0.3.11-canary.0

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)("flex size-full items-center justify-center rounded-full bg-muted", 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.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("flex size-full items-center justify-center rounded-full bg-muted", 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: "inline-flex w-fit shrink-0 items-center justify-center gap-2 rounded-md border px-1.5 py-0.5 text-xs font-medium whitespace-nowrap outline-hidden transition focus-visible:ring-3 focus-visible:ring-ring/50 [&>svg]:size-3 [&>svg]:shrink-0",
+    defaultVariants: {
+        variant: "default"
+    },
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 [a&]:hover:bg-primary/80",
+            destructive: "border-transparent bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90",
+            outline: "border-input bg-background focus-visible:border-ring [a&]:hover:border-ring/60 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+            secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/80"
+        }
+    }
+});
+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 { ComponentProps, JSX } from "react";
 declare const badgeVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
     variant: {
         default: string;

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: "inline-flex w-fit shrink-0 items-center justify-center gap-2 rounded-md border px-1.5 py-0.5 text-xs font-medium whitespace-nowrap outline-hidden transition focus-visible:ring-3 focus-visible:ring-ring/50 [&>svg]:size-3 [&>svg]:shrink-0",
+    defaultVariants: {
+        variant: "default"
+    },
+    variants: {
+        variant: {
+            default: "border-transparent bg-primary text-primary-foreground focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 [a&]:hover:bg-primary/80",
+            destructive: "border-transparent bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90",
+            outline: "border-input bg-background focus-visible:border-ring [a&]:hover:border-ring/60 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+            secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/80"
+        }
+    }
+});
+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,125 @@
+"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)("flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground 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)("transition-colors hover:text-foreground", 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)("font-normal text-foreground", className),
+        "data-slot": "breadcrumb-page",
+        ...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.js

@@ -1,2 +1,73 @@
 "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("flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground 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("transition-colors hover:text-foreground", className),
+        "data-slot": "breadcrumb-link",
+        ...props
+    });
+}
+function BreadcrumbPage({ className, ...props }) {
+    return /*#__PURE__*/ jsx("span", {
+        "aria-current": "page",
+        "aria-disabled": "true",
+        className: cn("font-normal text-foreground", className),
+        "data-slot": "breadcrumb-page",
+        ...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 };

package/dist/components/button-group.cjs

@@ -1,2 +1,87 @@
+"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,t)=>{for(var r in t)__webpack_require__.o(t,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__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__,{ButtonGroup:()=>ButtonGroup,ButtonGroupSeparator:()=>ButtonGroupSeparator,buttonGroupVariants:()=>buttonGroupVariants,ButtonGroupText:()=>ButtonGroupText});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_separator_cjs_namespaceObject=require("./separator.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_slot_namespaceObject=require("@radix-ui/react-slot"),buttonGroupVariants=(0,tailwind_variants_namespaceObject.tv)({base:(0,tailwind_variants_namespaceObject.cn)("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2","[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit","[&>*]:focus-visible:relative [&>*]:focus-visible:z-10 [&>input]:flex-1","has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg"),defaultVariants:{orientation:"horizontal"},variants:{orientation:{horizontal:"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",vertical:"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"}}});function ButtonGroup({className:e,orientation:t,...r}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)(buttonGroupVariants({orientation:t}),e),"data-orientation":t,"data-slot":"button-group",role:"group",...r})}function ButtonGroupText({asChild:e=!1,className:t,...r}){let a=e?react_slot_namespaceObject.Slot:"div";return(0,jsx_runtime_namespaceObject.jsx)(a,{className:(0,tailwind_variants_namespaceObject.cn)("bg-muted flex items-center gap-2 rounded-lg border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",t),...r})}function ButtonGroupSeparator({className:e,orientation:t="vertical",...r}){return(0,jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator,{className:(0,tailwind_variants_namespaceObject.cn)("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",e),"data-slot":"button-group-separator",orientation:t,...r})}for(var __webpack_i__ in exports.ButtonGroup=__webpack_exports__.ButtonGroup,exports.ButtonGroupSeparator=__webpack_exports__.ButtonGroupSeparator,exports.ButtonGroupText=__webpack_exports__.ButtonGroupText,exports.buttonGroupVariants=__webpack_exports__.buttonGroupVariants,__webpack_exports__)-1===["ButtonGroup","ButtonGroupSeparator","ButtonGroupText","buttonGroupVariants"].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__, {
+    ButtonGroup: ()=>ButtonGroup,
+    ButtonGroupSeparator: ()=>ButtonGroupSeparator,
+    buttonGroupVariants: ()=>buttonGroupVariants,
+    ButtonGroupText: ()=>ButtonGroupText
+});
+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_separator_cjs_namespaceObject = require("./separator.cjs");
+const buttonGroupVariants = (0, tailwind_variants_namespaceObject.tv)({
+    base: (0, tailwind_variants_namespaceObject.cn)("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2", "[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit", "[&>*]:focus-visible:relative [&>*]:focus-visible:z-10 [&>input]:flex-1", "has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg"),
+    defaultVariants: {
+        orientation: "horizontal"
+    },
+    variants: {
+        orientation: {
+            horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+            vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+        }
+    }
+});
+function ButtonGroup({ className, orientation, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)(buttonGroupVariants({
+            orientation
+        }), className),
+        "data-orientation": orientation,
+        "data-slot": "button-group",
+        role: "group",
+        ...props
+    });
+}
+function ButtonGroupText({ asChild = false, className, ...props }) {
+    const Component = asChild ? react_slot_namespaceObject.Slot : "div";
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
+        className: (0, tailwind_variants_namespaceObject.cn)("flex items-center gap-2 rounded-lg border bg-muted px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+        ...props
+    });
+}
+function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator, {
+        className: (0, tailwind_variants_namespaceObject.cn)("relative !m-0 self-stretch bg-input data-[orientation=vertical]:h-auto", className),
+        "data-slot": "button-group-separator",
+        orientation: orientation,
+        ...props
+    });
+}
+exports.ButtonGroup = __webpack_exports__.ButtonGroup;
+exports.ButtonGroupSeparator = __webpack_exports__.ButtonGroupSeparator;
+exports.ButtonGroupText = __webpack_exports__.ButtonGroupText;
+exports.buttonGroupVariants = __webpack_exports__.buttonGroupVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ButtonGroup",
+    "ButtonGroupSeparator",
+    "ButtonGroupText",
+    "buttonGroupVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/button-group.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from "react";
 import type { VariantProps } from "@codefast/tailwind-variants";
+import type { ComponentProps, JSX } from "react";
 import { Separator } from "./separator";
 declare const buttonGroupVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
     orientation: {

package/dist/components/button-group.js

@@ -1,2 +1,44 @@
 "use client";
-import{jsx as t}from"react/jsx-runtime";import{Separator as o}from"./separator.js";import{cn as r,tv as e}from"@codefast/tailwind-variants";import{Slot as a}from"@radix-ui/react-slot";let n=e({base:r("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2","[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit","[&>*]:focus-visible:relative [&>*]:focus-visible:z-10 [&>input]:flex-1","has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg"),defaultVariants:{orientation:"horizontal"},variants:{orientation:{horizontal:"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",vertical:"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"}}});function i({className:o,orientation:e,...a}){return t("div",{className:r(n({orientation:e}),o),"data-orientation":e,"data-slot":"button-group",role:"group",...a})}function s({asChild:o=!1,className:e,...n}){return t(o?a:"div",{className:r("bg-muted flex items-center gap-2 rounded-lg border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4",e),...n})}function l({className:e,orientation:a="vertical",...n}){return t(o,{className:r("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto",e),"data-slot":"button-group-separator",orientation:a,...n})}export{i as ButtonGroup,l as ButtonGroupSeparator,s as ButtonGroupText,n as buttonGroupVariants};
+import { jsx } from "react/jsx-runtime";
+import { cn, tv } from "@codefast/tailwind-variants";
+import { Slot } from "@radix-ui/react-slot";
+import { Separator } from "./separator.js";
+const buttonGroupVariants = tv({
+    base: cn("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2", "[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit", "[&>*]:focus-visible:relative [&>*]:focus-visible:z-10 [&>input]:flex-1", "has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg"),
+    defaultVariants: {
+        orientation: "horizontal"
+    },
+    variants: {
+        orientation: {
+            horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+            vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+        }
+    }
+});
+function ButtonGroup({ className, orientation, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: cn(buttonGroupVariants({
+            orientation
+        }), className),
+        "data-orientation": orientation,
+        "data-slot": "button-group",
+        role: "group",
+        ...props
+    });
+}
+function ButtonGroupText({ asChild = false, className, ...props }) {
+    const Component = asChild ? Slot : "div";
+    return /*#__PURE__*/ jsx(Component, {
+        className: cn("flex items-center gap-2 rounded-lg border bg-muted px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+        ...props
+    });
+}
+function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
+    return /*#__PURE__*/ jsx(Separator, {
+        className: cn("relative !m-0 self-stretch bg-input data-[orientation=vertical]:h-auto", className),
+        "data-slot": "button-group-separator",
+        orientation: orientation,
+        ...props
+    });
+}
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };