@codefast/ui 0.3.9 → 0.3.10

package/dist/components/table.js

@@ -1 +1,63 @@
-import{jsx as t}from"react/jsx-runtime";import{cn as a}from"@codefast/tailwind-variants";function e({className:e,...l}){return t("div",{className:"relative w-full overflow-auto","data-slot":"table-cotainer",children:t("table",{className:a("w-full caption-bottom text-sm",e),"data-slot":"table",...l})})}function l({className:e,...l}){return t("thead",{className:a("*:border-b *:has-aria-expanded:bg-transparent",e),"data-slot":"table-header",...l})}function o({className:e,...l}){return t("tbody",{className:a("*:last-child:border-0",e),"data-slot":"table-body",...l})}function r({className:e,...l}){return t("tfoot",{className:a("bg-muted/50 font-medium *:border-t *:border-b-0 *:has-aria-expanded:bg-transparent",e),"data-slot":"table-footer",...l})}function d({className:e,...l}){return t("tr",{className:a("hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",e),"data-slot":"table-row",...l})}function n({className:e,...l}){return t("th",{className:a("p-2 text-left align-middle font-medium",e),"data-slot":"table-head",...l})}function s({className:e,...l}){return t("td",{className:a("p-2 align-middle",e),"data-slot":"table-cell",...l})}function b({className:e,...l}){return t("caption",{className:a("text-muted-foreground mt-4 text-sm",e),"data-slot":"table-caption",...l})}export{e as Table,o as TableBody,b as TableCaption,s as TableCell,r as TableFooter,n as TableHead,l as TableHeader,d as TableRow};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+function Table({ className, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        className: "relative w-full overflow-auto",
+        "data-slot": "table-cotainer",
+        children: /*#__PURE__*/ jsx("table", {
+            className: cn('w-full caption-bottom text-sm', className),
+            "data-slot": "table",
+            ...props
+        })
+    });
+}
+function TableHeader({ className, ...props }) {
+    return /*#__PURE__*/ jsx("thead", {
+        className: cn('*:border-b *:has-aria-expanded:bg-transparent', className),
+        "data-slot": "table-header",
+        ...props
+    });
+}
+function TableBody({ className, ...props }) {
+    return /*#__PURE__*/ jsx("tbody", {
+        className: cn('*:last-child:border-0', className),
+        "data-slot": "table-body",
+        ...props
+    });
+}
+function TableFooter({ className, ...props }) {
+    return /*#__PURE__*/ jsx("tfoot", {
+        className: cn('bg-muted/50 font-medium *:border-t *:border-b-0 *:has-aria-expanded:bg-transparent', className),
+        "data-slot": "table-footer",
+        ...props
+    });
+}
+function TableRow({ className, ...props }) {
+    return /*#__PURE__*/ jsx("tr", {
+        className: cn('hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors', className),
+        "data-slot": "table-row",
+        ...props
+    });
+}
+function TableHead({ className, ...props }) {
+    return /*#__PURE__*/ jsx("th", {
+        className: cn('p-2 text-left align-middle font-medium', className),
+        "data-slot": "table-head",
+        ...props
+    });
+}
+function TableCell({ className, ...props }) {
+    return /*#__PURE__*/ jsx("td", {
+        className: cn('p-2 align-middle', className),
+        "data-slot": "table-cell",
+        ...props
+    });
+}
+function TableCaption({ className, ...props }) {
+    return /*#__PURE__*/ jsx("caption", {
+        className: cn('text-muted-foreground mt-4 text-sm', className),
+        "data-slot": "table-caption",
+        ...props
+    });
+}
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/tabs.cjs

@@ -1,2 +1,76 @@
+"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 a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__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__,{TabsList:()=>TabsList,Tabs:()=>Tabs,TabsTrigger:()=>TabsTrigger,TabsContent:()=>TabsContent});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_tabs_namespaceObject=require("@radix-ui/react-tabs");function Tabs({...e}){return(0,jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Root,{"data-slot":"tabs",...e})}function TabsList({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.List,{className:(0,tailwind_variants_namespaceObject.cn)("bg-muted text-muted-foreground inline-flex items-center justify-center gap-1 rounded-xl px-1 py-1",e),"data-slot":"tabs-list",...t})}function TabsTrigger({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Trigger,{className:(0,tailwind_variants_namespaceObject.cn)("data-[state=active]:bg-background dark:data-[state=active]:bg-input/50 text-muted-foreground focus-visible:ring-ring/50 dark:outline-ring data-[state=active]:text-foreground hover:not-disabled:text-foreground inline-flex items-center justify-center gap-1.5 rounded-lg px-2 py-1.5 text-sm font-medium whitespace-nowrap transition not-dark:outline-hidden focus-visible:ring-3 disabled:opacity-50 data-[state=active]:shadow-sm dark:-outline-offset-1 dark:data-[state=active]:outline-1 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),"data-slot":"tabs-trigger",...t})}function TabsContent({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Content,{className:(0,tailwind_variants_namespaceObject.cn)("outline-ring ring-ring/50 mt-2 rounded-xl focus-visible:ring-4 focus-visible:outline-1",e),"data-slot":"tabs-content",...t})}for(var __webpack_i__ in exports.Tabs=__webpack_exports__.Tabs,exports.TabsContent=__webpack_exports__.TabsContent,exports.TabsList=__webpack_exports__.TabsList,exports.TabsTrigger=__webpack_exports__.TabsTrigger,__webpack_exports__)-1===["Tabs","TabsContent","TabsList","TabsTrigger"].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__, {
+    TabsList: ()=>TabsList,
+    Tabs: ()=>Tabs,
+    TabsTrigger: ()=>TabsTrigger,
+    TabsContent: ()=>TabsContent
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_tabs_namespaceObject = require("@radix-ui/react-tabs");
+function Tabs({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Root, {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex flex-col gap-2', className),
+        "data-slot": "tabs",
+        ...props
+    });
+}
+function TabsList({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.List, {
+        className: (0, tailwind_variants_namespaceObject.cn)('bg-muted text-muted-foreground inline-flex w-fit items-center justify-center gap-1 rounded-xl px-1 py-1', className),
+        "data-slot": "tabs-list",
+        ...props
+    });
+}
+function TabsTrigger({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Trigger, {
+        className: (0, tailwind_variants_namespaceObject.cn)("data-[state=active]:bg-background dark:data-[state=active]:bg-input/50 text-muted-foreground focus-visible:ring-ring/50 dark:outline-ring data-[state=active]:text-foreground hover:not-disabled:text-foreground inline-flex items-center justify-center gap-1.5 rounded-lg px-2 py-1.5 text-sm font-medium whitespace-nowrap transition not-dark:outline-hidden focus-visible:ring-3 disabled:opacity-50 data-[state=active]:shadow-sm dark:-outline-offset-1 dark:data-[state=active]:outline-1 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        "data-slot": "tabs-trigger",
+        ...props
+    });
+}
+function TabsContent({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_tabs_namespaceObject.Content, {
+        className: (0, tailwind_variants_namespaceObject.cn)('outline-ring ring-ring/50 mt-2 rounded-xl focus-visible:ring-4 focus-visible:outline-1', className),
+        "data-slot": "tabs-content",
+        ...props
+    });
+}
+exports.Tabs = __webpack_exports__.Tabs;
+exports.TabsContent = __webpack_exports__.TabsContent;
+exports.TabsList = __webpack_exports__.TabsList;
+exports.TabsTrigger = __webpack_exports__.TabsTrigger;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Tabs",
+    "TabsContent",
+    "TabsList",
+    "TabsTrigger"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/tabs.d.ts

@@ -1,7 +1,7 @@
-import type { ComponentProps, JSX } from "react";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
+import type { ComponentProps, JSX } from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
 type TabsProps = ComponentProps<typeof TabsPrimitive.Root>;
-declare function Tabs({ ...props }: TabsProps): JSX.Element;
+declare function Tabs({ className, ...props }: TabsProps): JSX.Element;
 type TabsListProps = ComponentProps<typeof TabsPrimitive.List>;
 declare function TabsList({ className, ...props }: TabsListProps): JSX.Element;
 type TabsTriggerProps = ComponentProps<typeof TabsPrimitive.Trigger>;

package/dist/components/tabs.js

@@ -1,2 +1,33 @@
 "use client";
-import{jsx as t}from"react/jsx-runtime";import{cn as e}from"@codefast/tailwind-variants";import{Content as a,List as i,Root as n,Trigger as r}from"@radix-ui/react-tabs";function s({...e}){return t(n,{"data-slot":"tabs",...e})}function o({className:a,...n}){return t(i,{className:e("bg-muted text-muted-foreground inline-flex items-center justify-center gap-1 rounded-xl px-1 py-1",a),"data-slot":"tabs-list",...n})}function d({className:a,...i}){return t(r,{className:e("data-[state=active]:bg-background dark:data-[state=active]:bg-input/50 text-muted-foreground focus-visible:ring-ring/50 dark:outline-ring data-[state=active]:text-foreground hover:not-disabled:text-foreground inline-flex items-center justify-center gap-1.5 rounded-lg px-2 py-1.5 text-sm font-medium whitespace-nowrap transition not-dark:outline-hidden focus-visible:ring-3 disabled:opacity-50 data-[state=active]:shadow-sm dark:-outline-offset-1 dark:data-[state=active]:outline-1 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",a),"data-slot":"tabs-trigger",...i})}function u({className:i,...n}){return t(a,{className:e("outline-ring ring-ring/50 mt-2 rounded-xl focus-visible:ring-4 focus-visible:outline-1",i),"data-slot":"tabs-content",...n})}export{s as Tabs,u as TabsContent,o as TabsList,d as TabsTrigger};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { Content, List, Root, Trigger } from "@radix-ui/react-tabs";
+function Tabs({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        className: cn('flex flex-col gap-2', className),
+        "data-slot": "tabs",
+        ...props
+    });
+}
+function TabsList({ className, ...props }) {
+    return /*#__PURE__*/ jsx(List, {
+        className: cn('bg-muted text-muted-foreground inline-flex w-fit items-center justify-center gap-1 rounded-xl px-1 py-1', className),
+        "data-slot": "tabs-list",
+        ...props
+    });
+}
+function TabsTrigger({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Trigger, {
+        className: cn("data-[state=active]:bg-background dark:data-[state=active]:bg-input/50 text-muted-foreground focus-visible:ring-ring/50 dark:outline-ring data-[state=active]:text-foreground hover:not-disabled:text-foreground inline-flex items-center justify-center gap-1.5 rounded-lg px-2 py-1.5 text-sm font-medium whitespace-nowrap transition not-dark:outline-hidden focus-visible:ring-3 disabled:opacity-50 data-[state=active]:shadow-sm dark:-outline-offset-1 dark:data-[state=active]:outline-1 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        "data-slot": "tabs-trigger",
+        ...props
+    });
+}
+function TabsContent({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Content, {
+        className: cn('outline-ring ring-ring/50 mt-2 rounded-xl focus-visible:ring-4 focus-visible:outline-1', className),
+        "data-slot": "tabs-content",
+        ...props
+    });
+}
+export { Tabs, TabsContent, TabsList, TabsTrigger };

package/dist/components/textarea.cjs

@@ -1 +1,44 @@
-"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 _ in r)__webpack_require__.o(r,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:r[_]})},__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__,{Textarea:()=>Textarea});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants");function Textarea({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)("textarea",{className:(0,tailwind_variants_namespaceObject.cn)("border-input hover:not-disabled:not-focus-visible:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 placeholder:text-muted-foreground aria-invalid:border-destructive hover:not-disabled:not-focus-within:aria-invalid:border-destructive/60 focus-within:aria-invalid:ring-destructive/20 dark:focus-within:aria-invalid:ring-destructive/40 dark:bg-input/30 flex min-h-16 w-full grow rounded-lg border px-3 py-2 text-base shadow-xs outline-hidden transition focus-visible:ring-3 disabled:opacity-50 md:text-sm",e),"data-slot":"textarea",...r})}for(var __webpack_i__ in exports.Textarea=__webpack_exports__.Textarea,__webpack_exports__)-1===["Textarea"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";
+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__, {
+    Textarea: ()=>Textarea
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+function Textarea({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("textarea", {
+        className: (0, tailwind_variants_namespaceObject.cn)('border-input hover:not-disabled:not-focus-visible:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 placeholder:text-muted-foreground aria-invalid:border-destructive hover:not-disabled:not-focus-within:aria-invalid:border-destructive/60 focus-within:aria-invalid:ring-destructive/20 dark:focus-within:aria-invalid:ring-destructive/40 dark:bg-input/30 flex min-h-16 w-full grow rounded-lg border px-3 py-2 text-base shadow-xs outline-hidden transition focus-visible:ring-3 disabled:opacity-50 md:text-sm', className),
+        "data-slot": "textarea",
+        ...props
+    });
+}
+exports.Textarea = __webpack_exports__.Textarea;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Textarea"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/textarea.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from "react";
-type TextareaProps = ComponentProps<"textarea">;
+import type { ComponentProps, JSX } from 'react';
+type TextareaProps = ComponentProps<'textarea'>;
 declare function Textarea({ className, ...props }: TextareaProps): JSX.Element;
 export { Textarea };
 export type { TextareaProps };

package/dist/components/textarea.js

@@ -1 +1,10 @@
-import{jsx as i}from"react/jsx-runtime";import{cn as r}from"@codefast/tailwind-variants";function e({className:e,...t}){return i("textarea",{className:r("border-input hover:not-disabled:not-focus-visible:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 placeholder:text-muted-foreground aria-invalid:border-destructive hover:not-disabled:not-focus-within:aria-invalid:border-destructive/60 focus-within:aria-invalid:ring-destructive/20 dark:focus-within:aria-invalid:ring-destructive/40 dark:bg-input/30 flex min-h-16 w-full grow rounded-lg border px-3 py-2 text-base shadow-xs outline-hidden transition focus-visible:ring-3 disabled:opacity-50 md:text-sm",e),"data-slot":"textarea",...t})}export{e as Textarea};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+function Textarea({ className, ...props }) {
+    return /*#__PURE__*/ jsx("textarea", {
+        className: cn('border-input hover:not-disabled:not-focus-visible:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 placeholder:text-muted-foreground aria-invalid:border-destructive hover:not-disabled:not-focus-within:aria-invalid:border-destructive/60 focus-within:aria-invalid:ring-destructive/20 dark:focus-within:aria-invalid:ring-destructive/40 dark:bg-input/30 flex min-h-16 w-full grow rounded-lg border px-3 py-2 text-base shadow-xs outline-hidden transition focus-visible:ring-3 disabled:opacity-50 md:text-sm', className),
+        "data-slot": "textarea",
+        ...props
+    });
+}
+export { Textarea };

package/dist/components/toggle-group.cjs

@@ -1,2 +1,91 @@
+"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 _ in r)__webpack_require__.o(r,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:r[_]})},__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__,{ToggleGroup:()=>ToggleGroup,ToggleGroupItem:()=>ToggleGroupItem});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_toggle_cjs_namespaceObject=require("./toggle.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_context_namespaceObject=require("@radix-ui/react-context"),react_toggle_group_namespaceObject=require("@radix-ui/react-toggle-group"),TOGGLE_GROUP_NAME="ToggleGroup",[createToggleGroupContext]=(0,react_context_namespaceObject.createContextScope)(TOGGLE_GROUP_NAME,[react_toggle_group_namespaceObject.createToggleGroupScope]),useToggleGroupScope=(0,react_toggle_group_namespaceObject.createToggleGroupScope)(),[ToggleGroupProvider,useToggleGroupContext]=createToggleGroupContext(TOGGLE_GROUP_NAME);function ToggleGroup({__scopeToggleGroup:e,children:r,className:_,size:t,variant:o,...a}){let c=useToggleGroupScope(e);return(0,jsx_runtime_namespaceObject.jsx)(ToggleGroupProvider,{scope:e,size:t,variant:o,children:(0,jsx_runtime_namespaceObject.jsx)(react_toggle_group_namespaceObject.Root,{className:(0,tailwind_variants_namespaceObject.cn)("group/toggle-group flex w-fit items-center -space-x-px rounded-md",_),"data-size":t,"data-slot":"toggle-group","data-variant":o,...c,...a,children:r})})}const TOGGLE_GROUP_ITEM_NAME="ToggleGroupItem";function ToggleGroupItem({__scopeToggleGroup:e,children:r,className:_,prefix:t,suffix:o,...a}){let{size:c,variant:p}=useToggleGroupContext("ToggleGroupItem",e),g=useToggleGroupScope(e);return(0,jsx_runtime_namespaceObject.jsxs)(react_toggle_group_namespaceObject.Item,{className:(0,external_toggle_cjs_namespaceObject.toggleVariants)({className:["min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10",_],size:c,variant:p}),"data-slot":"toggle-group-item","data-variant":p,...g,...a,children:[t,r,o]})}for(var __webpack_i__ in exports.ToggleGroup=__webpack_exports__.ToggleGroup,exports.ToggleGroupItem=__webpack_exports__.ToggleGroupItem,__webpack_exports__)-1===["ToggleGroup","ToggleGroupItem"].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__, {
+    ToggleGroup: ()=>ToggleGroup,
+    ToggleGroupItem: ()=>ToggleGroupItem
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_context_namespaceObject = require("@radix-ui/react-context");
+const react_toggle_group_namespaceObject = require("@radix-ui/react-toggle-group");
+const external_toggle_cjs_namespaceObject = require("./toggle.cjs");
+const TOGGLE_GROUP_NAME = 'ToggleGroup';
+const [createToggleGroupContext] = (0, react_context_namespaceObject.createContextScope)(TOGGLE_GROUP_NAME, [
+    react_toggle_group_namespaceObject.createToggleGroupScope
+]);
+const useToggleGroupScope = (0, react_toggle_group_namespaceObject.createToggleGroupScope)();
+const [ToggleGroupProvider, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
+function ToggleGroup({ __scopeToggleGroup, children, className, size, spacing = 0, variant, ...props }) {
+    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ToggleGroupProvider, {
+        scope: __scopeToggleGroup,
+        size: size,
+        spacing: spacing,
+        variant: variant,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_toggle_group_namespaceObject.Root, {
+            className: (0, tailwind_variants_namespaceObject.cn)('group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-lg data-[spacing=default]:data-[variant=outline]:shadow-xs', className),
+            "data-size": size,
+            "data-slot": "toggle-group",
+            "data-spacing": spacing,
+            "data-variant": variant,
+            style: {
+                '--gap': spacing
+            },
+            ...toggleGroupScope,
+            ...props,
+            children: children
+        })
+    });
+}
+const TOGGLE_GROUP_ITEM_NAME = 'ToggleGroupItem';
+function ToggleGroupItem({ __scopeToggleGroup, children, className, ...props }) {
+    const { size, spacing, variant } = useToggleGroupContext(TOGGLE_GROUP_ITEM_NAME, __scopeToggleGroup);
+    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_toggle_group_namespaceObject.Item, {
+        className: (0, tailwind_variants_namespaceObject.cn)((0, external_toggle_cjs_namespaceObject.toggleVariants)({
+            className,
+            size,
+            variant
+        }), 'w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10', 'data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-lg data-[spacing=0]:last:rounded-r-lg data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l'),
+        "data-size": size,
+        "data-slot": "toggle-group-item",
+        "data-spacing": spacing,
+        "data-variant": variant,
+        ...toggleGroupScope,
+        ...props,
+        children: children
+    });
+}
+exports.ToggleGroup = __webpack_exports__.ToggleGroup;
+exports.ToggleGroupItem = __webpack_exports__.ToggleGroupItem;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ToggleGroup",
+    "ToggleGroupItem"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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

@@ -1,17 +1,15 @@
-import type { ComponentProps, JSX, ReactNode } from "react";
-import type { VariantProps } from "@codefast/tailwind-variants";
-import type { Scope } from "@radix-ui/react-context";
-import { toggleVariants } from "./toggle";
-import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import type { Scope } from '@radix-ui/react-context';
+import type { ComponentProps, JSX } from 'react';
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+import type { ToggleVariants } from './toggle';
 type ScopedProps<P> = P & {
     __scopeToggleGroup?: Scope;
 };
-type ToggleGroupProps = ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>;
-declare function ToggleGroup({ __scopeToggleGroup, children, className, size, variant, ...props }: ScopedProps<ToggleGroupProps>): JSX.Element;
-type ToggleGroupItemProps = ScopedProps<Omit<ComponentProps<typeof ToggleGroupPrimitive.Item>, "prefix"> & {
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-}>;
-declare function ToggleGroupItem({ __scopeToggleGroup, children, className, prefix, suffix, ...props }: ToggleGroupItemProps): JSX.Element;
+type ToggleGroupProps = ComponentProps<typeof ToggleGroupPrimitive.Root> & ToggleVariants & {
+    spacing?: number;
+};
+declare function ToggleGroup({ __scopeToggleGroup, children, className, size, spacing, variant, ...props }: ScopedProps<ToggleGroupProps>): JSX.Element;
+type ToggleGroupItemProps = ScopedProps<ComponentProps<typeof ToggleGroupPrimitive.Item>>;
+declare function ToggleGroupItem({ __scopeToggleGroup, children, className, ...props }: ToggleGroupItemProps): JSX.Element;
 export { ToggleGroup, ToggleGroupItem };
 export type { ToggleGroupItemProps, ToggleGroupProps };

package/dist/components/toggle-group.js

@@ -1,2 +1,54 @@
 "use client";
-import{jsx as e,jsxs as o}from"react/jsx-runtime";import{toggleVariants as r}from"./toggle.js";import{cn as t}from"@codefast/tailwind-variants";import{createContextScope as a}from"@radix-ui/react-context";import{Item as i,Root as n,createToggleGroupScope as l}from"@radix-ui/react-toggle-group";let d="ToggleGroup",[s]=a(d,[l]),g=l(),[m,u]=s(d);function c({__scopeToggleGroup:o,children:r,className:a,size:i,variant:l,...d}){let s=g(o);return e(m,{scope:o,size:i,variant:l,children:e(n,{className:t("group/toggle-group flex w-fit items-center -space-x-px rounded-md",a),"data-size":i,"data-slot":"toggle-group","data-variant":l,...s,...d,children:r})})}function p({__scopeToggleGroup:e,children:t,className:a,prefix:n,suffix:l,...d}){let{size:s,variant:m}=u("ToggleGroupItem",e),c=g(e);return o(i,{className:r({className:["min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10",a],size:s,variant:m}),"data-slot":"toggle-group-item","data-variant":m,...c,...d,children:[n,t,l]})}export{c as ToggleGroup,p as ToggleGroupItem};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { createContextScope } from "@radix-ui/react-context";
+import { Item, Root, createToggleGroupScope } from "@radix-ui/react-toggle-group";
+import { toggleVariants } from "./toggle.js";
+const TOGGLE_GROUP_NAME = 'ToggleGroup';
+const [createToggleGroupContext] = createContextScope(TOGGLE_GROUP_NAME, [
+    createToggleGroupScope
+]);
+const useToggleGroupScope = createToggleGroupScope();
+const [ToggleGroupProvider, useToggleGroupContext] = createToggleGroupContext(TOGGLE_GROUP_NAME);
+function ToggleGroup({ __scopeToggleGroup, children, className, size, spacing = 0, variant, ...props }) {
+    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
+    return /*#__PURE__*/ jsx(ToggleGroupProvider, {
+        scope: __scopeToggleGroup,
+        size: size,
+        spacing: spacing,
+        variant: variant,
+        children: /*#__PURE__*/ jsx(Root, {
+            className: cn('group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-lg data-[spacing=default]:data-[variant=outline]:shadow-xs', className),
+            "data-size": size,
+            "data-slot": "toggle-group",
+            "data-spacing": spacing,
+            "data-variant": variant,
+            style: {
+                '--gap': spacing
+            },
+            ...toggleGroupScope,
+            ...props,
+            children: children
+        })
+    });
+}
+const TOGGLE_GROUP_ITEM_NAME = 'ToggleGroupItem';
+function ToggleGroupItem({ __scopeToggleGroup, children, className, ...props }) {
+    const { size, spacing, variant } = useToggleGroupContext(TOGGLE_GROUP_ITEM_NAME, __scopeToggleGroup);
+    const toggleGroupScope = useToggleGroupScope(__scopeToggleGroup);
+    return /*#__PURE__*/ jsx(Item, {
+        className: cn(toggleVariants({
+            className,
+            size,
+            variant
+        }), 'w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10', 'data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-lg data-[spacing=0]:last:rounded-r-lg data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l'),
+        "data-size": size,
+        "data-slot": "toggle-group-item",
+        "data-spacing": spacing,
+        "data-variant": variant,
+        ...toggleGroupScope,
+        ...props,
+        children: children
+    });
+}
+export { ToggleGroup, ToggleGroupItem };

package/dist/components/toggle.cjs

@@ -1,2 +1,72 @@
+"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__,{Toggle:()=>Toggle,toggleVariants:()=>toggleVariants});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_toggle_namespaceObject=require("@radix-ui/react-toggle"),toggleVariants=(0,tailwind_variants_namespaceObject.tv)({base:"focus-visible:ring-ring/50 focus-visible:ring-3 outline-hidden hover:not-disabled:not-data-[state=on]:bg-secondary data-[state=on]:bg-secondary data-[state=on]:text-secondary-foreground inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap rounded-lg px-4 text-sm font-medium transition disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",defaultVariants:{size:"md",variant:"default"},variants:{size:{sm:"h-8 min-w-8 px-1.5",md:"h-9 min-w-9 px-2",lg:"h-10 min-w-10 px-2.5"},variant:{default:"hover:not-disabled:not-data-[state=on]:text-muted-foreground bg-transparent",outline:"border-input shadow-xs focus-visible:border-ring hover:not-disabled:not-data-[state=on]:text-secondary-foreground border"}}});function Toggle({children:e,className:t,prefix:r,size:a,suffix:_,variant:n,...o}){return(0,jsx_runtime_namespaceObject.jsxs)(react_toggle_namespaceObject.Root,{className:toggleVariants({className:t,size:a,variant:n}),"data-slot":"toggle",...o,children:[r,e,_]})}for(var __webpack_i__ in exports.Toggle=__webpack_exports__.Toggle,exports.toggleVariants=__webpack_exports__.toggleVariants,__webpack_exports__)-1===["Toggle","toggleVariants"].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__, {
+    Toggle: ()=>Toggle,
+    toggleVariants: ()=>toggleVariants
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_toggle_namespaceObject = require("@radix-ui/react-toggle");
+const toggleVariants = (0, tailwind_variants_namespaceObject.tv)({
+    base: "inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+    variants: {
+        size: {
+            default: 'h-9 px-2 min-w-9',
+            lg: 'h-10 px-2.5 min-w-10',
+            sm: 'h-8 px-1.5 min-w-8'
+        },
+        variant: {
+            default: 'bg-transparent',
+            outline: 'border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground'
+        }
+    },
+    defaultVariants: {
+        size: 'default',
+        variant: 'default'
+    }
+});
+function Toggle({ children, className, size, variant, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_toggle_namespaceObject.Root, {
+        className: toggleVariants({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "toggle",
+        ...props,
+        children: children
+    });
+}
+exports.Toggle = __webpack_exports__.Toggle;
+exports.toggleVariants = __webpack_exports__.toggleVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Toggle",
+    "toggleVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/toggle.d.ts

@@ -1,22 +1,20 @@
-import type { ComponentProps, JSX, ReactNode } from "react";
-import type { VariantProps } from "@codefast/tailwind-variants";
-import * as TogglePrimitive from "@radix-ui/react-toggle";
+import type { VariantProps } from '@codefast/tailwind-variants';
+import type { ComponentProps, JSX } from 'react';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
 declare const toggleVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
     size: {
-        sm: string;
-        md: string;
+        default: string;
         lg: string;
+        sm: string;
     };
     variant: {
         default: string;
         outline: string;
     };
 }, Record<string, never>>;
-interface ToggleProps extends Omit<ComponentProps<typeof TogglePrimitive.Root>, "prefix">, VariantProps<typeof toggleVariants> {
-    prefix?: ReactNode;
-    suffix?: ReactNode;
+type ToggleVariants = VariantProps<typeof toggleVariants>;
+interface ToggleProps extends ComponentProps<typeof TogglePrimitive.Root>, ToggleVariants {
 }
-declare function Toggle({ children, className, prefix, size, suffix, variant, ...props }: ToggleProps): JSX.Element;
-export { toggleVariants };
-export { Toggle };
-export type { ToggleProps };
+declare function Toggle({ children, className, size, variant, ...props }: ToggleProps): JSX.Element;
+export { Toggle, toggleVariants };
+export type { ToggleProps, ToggleVariants };

package/dist/components/toggle.js

@@ -1,2 +1,35 @@
 "use client";
-import{jsxs as t}from"react/jsx-runtime";import{tv as e}from"@codefast/tailwind-variants";import{Root as a}from"@radix-ui/react-toggle";let n=e({base:"focus-visible:ring-ring/50 focus-visible:ring-3 outline-hidden hover:not-disabled:not-data-[state=on]:bg-secondary data-[state=on]:bg-secondary data-[state=on]:text-secondary-foreground inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap rounded-lg px-4 text-sm font-medium transition disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",defaultVariants:{size:"md",variant:"default"},variants:{size:{sm:"h-8 min-w-8 px-1.5",md:"h-9 min-w-9 px-2",lg:"h-10 min-w-10 px-2.5"},variant:{default:"hover:not-disabled:not-data-[state=on]:text-muted-foreground bg-transparent",outline:"border-input shadow-xs focus-visible:border-ring hover:not-disabled:not-data-[state=on]:text-secondary-foreground border"}}});function o({children:e,className:o,prefix:i,size:r,suffix:s,variant:d,...l}){return t(a,{className:n({className:o,size:r,variant:d}),"data-slot":"toggle",...l,children:[i,e,s]})}export{o as Toggle,n as toggleVariants};
+import { jsx } from "react/jsx-runtime";
+import { tv } from "@codefast/tailwind-variants";
+import { Root } from "@radix-ui/react-toggle";
+const toggleVariants = tv({
+    base: "inline-flex items-center justify-center gap-2 rounded-lg text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
+    variants: {
+        size: {
+            default: 'h-9 px-2 min-w-9',
+            lg: 'h-10 px-2.5 min-w-10',
+            sm: 'h-8 px-1.5 min-w-8'
+        },
+        variant: {
+            default: 'bg-transparent',
+            outline: 'border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground'
+        }
+    },
+    defaultVariants: {
+        size: 'default',
+        variant: 'default'
+    }
+});
+function Toggle({ children, className, size, variant, ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        className: toggleVariants({
+            className,
+            size,
+            variant
+        }),
+        "data-slot": "toggle",
+        ...props,
+        children: children
+    });
+}
+export { Toggle, toggleVariants };