@codefast/ui 0.3.9 → 0.3.11-canary.0

package/dist/components/sonner.cjs

@@ -1,2 +1,58 @@
+"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__,{Toaster:()=>Toaster,useSonner:()=>external_sonner_namespaceObject.useSonner,toast:()=>external_sonner_namespaceObject.toast});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_next_themes_namespaceObject=require("next-themes"),external_sonner_namespaceObject=require("sonner");function Toaster({...e}){let{theme:_="system"}=(0,external_next_themes_namespaceObject.useTheme)();return(0,jsx_runtime_namespaceObject.jsx)(external_sonner_namespaceObject.Toaster,{className:"toaster group",style:{"--normal-bg":"var(--popover)","--normal-border":"var(--border)","--normal-text":"var(--popover-foreground)"},theme:_,...e})}for(var __webpack_i__ in exports.Toaster=__webpack_exports__.Toaster,exports.toast=__webpack_exports__.toast,exports.useSonner=__webpack_exports__.useSonner,__webpack_exports__)-1===["Toaster","toast","useSonner"].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__, {
+    Toaster: ()=>Toaster,
+    useSonner: ()=>external_sonner_namespaceObject.useSonner,
+    toast: ()=>external_sonner_namespaceObject.toast
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_next_themes_namespaceObject = require("next-themes");
+const external_sonner_namespaceObject = require("sonner");
+function Toaster({ ...props }) {
+    const { theme = "system" } = (0, external_next_themes_namespaceObject.useTheme)();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_sonner_namespaceObject.Toaster, {
+        className: "toaster group",
+        style: {
+            "--normal-bg": "var(--popover)",
+            "--normal-border": "var(--border)",
+            "--normal-text": "var(--popover-foreground)"
+        },
+        theme: theme,
+        ...props
+    });
+}
+exports.Toaster = __webpack_exports__.Toaster;
+exports.toast = __webpack_exports__.toast;
+exports.useSonner = __webpack_exports__.useSonner;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Toaster",
+    "toast",
+    "useSonner"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/sonner.js

@@ -1,2 +1,18 @@
 "use client";
-import{jsx as r}from"react/jsx-runtime";import{useTheme as o}from"next-themes";import{Toaster as e,toast as t,useSonner as n}from"sonner";function s({...t}){let{theme:n="system"}=o();return r(e,{className:"toaster group",style:{"--normal-bg":"var(--popover)","--normal-border":"var(--border)","--normal-text":"var(--popover-foreground)"},theme:n,...t})}export{s as Toaster,t as toast,n as useSonner};
+import { jsx } from "react/jsx-runtime";
+import { useTheme } from "next-themes";
+import { Toaster, toast, useSonner } from "sonner";
+function sonner_Toaster({ ...props }) {
+    const { theme = "system" } = useTheme();
+    return /*#__PURE__*/ jsx(Toaster, {
+        className: "toaster group",
+        style: {
+            "--normal-bg": "var(--popover)",
+            "--normal-border": "var(--border)",
+            "--normal-text": "var(--popover-foreground)"
+        },
+        theme: theme,
+        ...props
+    });
+}
+export { sonner_Toaster as Toaster, toast, useSonner };

package/dist/components/spinner.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,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__,{Spinner:()=>Spinner});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_visually_hidden_namespaceObject=require("@radix-ui/react-visually-hidden"),SPINNER_COUNT=8;function Spinner({children:e,className:r,loading:_=!0,...n}){if(!_)return e;let a=(0,jsx_runtime_namespaceObject.jsx)("span",{className:(0,tailwind_variants_namespaceObject.cn)("relative flex size-4 items-center justify-center opacity-60",r),...n,children:Array.from({length:8},(e,r)=>(0,jsx_runtime_namespaceObject.jsx)("span",{className:(0,tailwind_variants_namespaceObject.cn)("before:animate-out before:fade-out-25 before:repeat-infinite before:animation-duration-(--spinner-duration) absolute h-full rotate-(--spinner-rotate) before:block before:h-1/3 before:w-full before:rounded-full before:bg-current before:delay-(--spinner-delay)"),style:{"--spinner-delay":`-${((8-r)*100).toString()}ms`,"--spinner-duration":"800ms","--spinner-rotate":`${(45*r).toString()}deg`,width:"12.5%"}},r))});return void 0===e?a:(0,jsx_runtime_namespaceObject.jsxs)("span",{className:"relative",children:[(0,jsx_runtime_namespaceObject.jsx)("span",{"aria-hidden":!0,className:"invisible contents",children:e}),(0,jsx_runtime_namespaceObject.jsx)(react_visually_hidden_namespaceObject.VisuallyHidden,{children:e}),(0,jsx_runtime_namespaceObject.jsx)("span",{className:"absolute inset-0 flex items-center justify-center",children:a})]})}for(var __webpack_i__ in exports.Spinner=__webpack_exports__.Spinner,__webpack_exports__)-1===["Spinner"].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__, {
+    Spinner: ()=>Spinner
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_visually_hidden_namespaceObject = require("@radix-ui/react-visually-hidden");
+const SPINNER_COUNT = 8;
+function Spinner({ children, className, loading = true, ...props }) {
+    if (!loading) return children;
+    const spinner = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        className: (0, tailwind_variants_namespaceObject.cn)("relative flex size-4 items-center justify-center opacity-60", className),
+        ...props,
+        children: Array.from({
+            length: SPINNER_COUNT
+        }, (_, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: (0, tailwind_variants_namespaceObject.cn)("absolute h-full rotate-(--spinner-rotate) before:block before:h-1/3 before:w-full before:animate-out before:rounded-full before:bg-current before:delay-(--spinner-delay) before:animation-duration-(--spinner-duration) before:fade-out-25 before:repeat-infinite"),
+                style: {
+                    "--spinner-delay": `-${((SPINNER_COUNT - index) * 100).toString()}ms`,
+                    "--spinner-duration": `${(100 * SPINNER_COUNT).toString()}ms`,
+                    "--spinner-rotate": `${(360 / SPINNER_COUNT * index).toString()}deg`,
+                    width: `${(100 / SPINNER_COUNT).toString()}%`
+                }
+            }, index))
+    });
+    if (void 0 === children) return spinner;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
+        className: "relative",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                "aria-hidden": true,
+                className: "invisible contents",
+                children: children
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_visually_hidden_namespaceObject.VisuallyHidden, {
+                children: children
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                className: "absolute inset-0 flex items-center justify-center",
+                children: spinner
+            })
+        ]
+    });
+}
+exports.Spinner = __webpack_exports__.Spinner;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Spinner"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/spinner.js

@@ -1,2 +1,42 @@
 "use client";
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{cn as n}from"@codefast/tailwind-variants";import{VisuallyHidden as t}from"@radix-ui/react-visually-hidden";function i({children:i,className:a,loading:o=!0,...s}){if(!o)return i;let l=e("span",{className:n("relative flex size-4 items-center justify-center opacity-60",a),...s,children:Array.from({length:8},(r,t)=>e("span",{className:n("before:animate-out before:fade-out-25 before:repeat-infinite before:animation-duration-(--spinner-duration) absolute h-full rotate-(--spinner-rotate) before:block before:h-1/3 before:w-full before:rounded-full before:bg-current before:delay-(--spinner-delay)"),style:{"--spinner-delay":`-${((8-t)*100).toString()}ms`,"--spinner-duration":"800ms","--spinner-rotate":`${(45*t).toString()}deg`,width:"12.5%"}},t))});return void 0===i?l:r("span",{className:"relative",children:[e("span",{"aria-hidden":!0,className:"invisible contents",children:i}),e(t,{children:i}),e("span",{className:"absolute inset-0 flex items-center justify-center",children:l})]})}export{i as Spinner};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { VisuallyHidden } from "@radix-ui/react-visually-hidden";
+const SPINNER_COUNT = 8;
+function Spinner({ children, className, loading = true, ...props }) {
+    if (!loading) return children;
+    const spinner = /*#__PURE__*/ jsx("span", {
+        className: cn("relative flex size-4 items-center justify-center opacity-60", className),
+        ...props,
+        children: Array.from({
+            length: SPINNER_COUNT
+        }, (_, index)=>/*#__PURE__*/ jsx("span", {
+                className: cn("absolute h-full rotate-(--spinner-rotate) before:block before:h-1/3 before:w-full before:animate-out before:rounded-full before:bg-current before:delay-(--spinner-delay) before:animation-duration-(--spinner-duration) before:fade-out-25 before:repeat-infinite"),
+                style: {
+                    "--spinner-delay": `-${((SPINNER_COUNT - index) * 100).toString()}ms`,
+                    "--spinner-duration": `${(100 * SPINNER_COUNT).toString()}ms`,
+                    "--spinner-rotate": `${(360 / SPINNER_COUNT * index).toString()}deg`,
+                    width: `${(100 / SPINNER_COUNT).toString()}%`
+                }
+            }, index))
+    });
+    if (void 0 === children) return spinner;
+    return /*#__PURE__*/ jsxs("span", {
+        className: "relative",
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                "aria-hidden": true,
+                className: "invisible contents",
+                children: children
+            }),
+            /*#__PURE__*/ jsx(VisuallyHidden, {
+                children: children
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: "absolute inset-0 flex items-center justify-center",
+                children: spinner
+            })
+        ]
+    });
+}
+export { Spinner };

package/dist/components/switch.cjs

@@ -1,2 +1,50 @@
+"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__,{Switch:()=>Switch});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_switch_namespaceObject=require("@radix-ui/react-switch");function Switch({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(react_switch_namespaceObject.Root,{className:(0,tailwind_variants_namespaceObject.cn)("data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 data-[state=checked]:bg-primary data-[state=checked]:focus-visible:ring-primary/20 dark:data-[state=checked]:focus-visible:ring-primary/40 focus-visible:not-data-[state=checked]:border-ring/60 focus-visible:ring-ring/50 peer inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-transparent p-0.75 shadow-xs outline-hidden transition-all focus-visible:ring-3 disabled:opacity-50",e),"data-slot":"switch",...t,children:(0,jsx_runtime_namespaceObject.jsx)(react_switch_namespaceObject.Thumb,{className:"bg-background dark:not-data-[state=checked]:bg-foreground pointer-events-none block size-3.5 rounded-full shadow-sm transition-transform data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0","data-slot":"switch-thumb"})})}for(var __webpack_i__ in exports.Switch=__webpack_exports__.Switch,__webpack_exports__)-1===["Switch"].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__, {
+    Switch: ()=>Switch
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_switch_namespaceObject = require("@radix-ui/react-switch");
+function Switch({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_switch_namespaceObject.Root, {
+        className: (0, tailwind_variants_namespaceObject.cn)("peer inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-transparent p-0.75 shadow-xs outline-hidden transition-all focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:not-data-[state=checked]:border-ring/60 disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:focus-visible:ring-primary/20 data-[state=unchecked]:bg-input dark:data-[state=checked]:focus-visible:ring-primary/40 dark:data-[state=unchecked]:bg-input/80", className),
+        "data-slot": "switch",
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_switch_namespaceObject.Thumb, {
+            className: "pointer-events-none block size-3.5 rounded-full bg-background shadow-sm transition-transform data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0 dark:not-data-[state=checked]:bg-foreground",
+            "data-slot": "switch-thumb"
+        })
+    });
+}
+exports.Switch = __webpack_exports__.Switch;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Switch"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/switch.js

@@ -1,2 +1,16 @@
 "use client";
-import{jsx as t}from"react/jsx-runtime";import{cn as e}from"@codefast/tailwind-variants";import{Root as a,Thumb as r}from"@radix-ui/react-switch";function i({className:i,...s}){return t(a,{className:e("data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 data-[state=checked]:bg-primary data-[state=checked]:focus-visible:ring-primary/20 dark:data-[state=checked]:focus-visible:ring-primary/40 focus-visible:not-data-[state=checked]:border-ring/60 focus-visible:ring-ring/50 peer inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-transparent p-0.75 shadow-xs outline-hidden transition-all focus-visible:ring-3 disabled:opacity-50",i),"data-slot":"switch",...s,children:t(r,{className:"bg-background dark:not-data-[state=checked]:bg-foreground pointer-events-none block size-3.5 rounded-full shadow-sm transition-transform data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0","data-slot":"switch-thumb"})})}export{i as Switch};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { Root, Thumb } from "@radix-ui/react-switch";
+function Switch({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        className: cn("peer inline-flex h-5 w-9 shrink-0 items-center rounded-full border border-transparent p-0.75 shadow-xs outline-hidden transition-all focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:not-data-[state=checked]:border-ring/60 disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:focus-visible:ring-primary/20 data-[state=unchecked]:bg-input dark:data-[state=checked]:focus-visible:ring-primary/40 dark:data-[state=unchecked]:bg-input/80", className),
+        "data-slot": "switch",
+        ...props,
+        children: /*#__PURE__*/ jsx(Thumb, {
+            className: "pointer-events-none block size-3.5 rounded-full bg-background shadow-sm transition-transform data-[state=checked]:translate-x-3.5 data-[state=unchecked]:translate-x-0 dark:not-data-[state=checked]:bg-foreground",
+            "data-slot": "switch-thumb"
+        })
+    });
+}
+export { Switch };

package/dist/components/table.cjs

@@ -1 +1,118 @@
-"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 t in a)__webpack_require__.o(a,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:a[t]})},__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__,{TableFooter:()=>TableFooter,TableHead:()=>TableHead,TableCaption:()=>TableCaption,TableBody:()=>TableBody,TableCell:()=>TableCell,TableRow:()=>TableRow,TableHeader:()=>TableHeader,Table:()=>Table});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants");function Table({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:"relative w-full overflow-auto","data-slot":"table-cotainer",children:(0,jsx_runtime_namespaceObject.jsx)("table",{className:(0,tailwind_variants_namespaceObject.cn)("w-full caption-bottom text-sm",e),"data-slot":"table",...a})})}function TableHeader({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("thead",{className:(0,tailwind_variants_namespaceObject.cn)("*:border-b *:has-aria-expanded:bg-transparent",e),"data-slot":"table-header",...a})}function TableBody({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("tbody",{className:(0,tailwind_variants_namespaceObject.cn)("*:last-child:border-0",e),"data-slot":"table-body",...a})}function TableFooter({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("tfoot",{className:(0,tailwind_variants_namespaceObject.cn)("bg-muted/50 font-medium *:border-t *:border-b-0 *:has-aria-expanded:bg-transparent",e),"data-slot":"table-footer",...a})}function TableRow({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("tr",{className:(0,tailwind_variants_namespaceObject.cn)("hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",e),"data-slot":"table-row",...a})}function TableHead({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("th",{className:(0,tailwind_variants_namespaceObject.cn)("p-2 text-left align-middle font-medium",e),"data-slot":"table-head",...a})}function TableCell({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("td",{className:(0,tailwind_variants_namespaceObject.cn)("p-2 align-middle",e),"data-slot":"table-cell",...a})}function TableCaption({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)("caption",{className:(0,tailwind_variants_namespaceObject.cn)("text-muted-foreground mt-4 text-sm",e),"data-slot":"table-caption",...a})}for(var __webpack_i__ in exports.Table=__webpack_exports__.Table,exports.TableBody=__webpack_exports__.TableBody,exports.TableCaption=__webpack_exports__.TableCaption,exports.TableCell=__webpack_exports__.TableCell,exports.TableFooter=__webpack_exports__.TableFooter,exports.TableHead=__webpack_exports__.TableHead,exports.TableHeader=__webpack_exports__.TableHeader,exports.TableRow=__webpack_exports__.TableRow,__webpack_exports__)-1===["Table","TableBody","TableCaption","TableCell","TableFooter","TableHead","TableHeader","TableRow"].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__, {
+    TableFooter: ()=>TableFooter,
+    TableHead: ()=>TableHead,
+    TableCaption: ()=>TableCaption,
+    TableBody: ()=>TableBody,
+    TableCell: ()=>TableCell,
+    TableRow: ()=>TableRow,
+    TableHeader: ()=>TableHeader,
+    Table: ()=>Table
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+function Table({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: "relative w-full overflow-auto",
+        "data-slot": "table-cotainer",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("table", {
+            className: (0, tailwind_variants_namespaceObject.cn)("w-full caption-bottom text-sm", className),
+            "data-slot": "table",
+            ...props
+        })
+    });
+}
+function TableHeader({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("thead", {
+        className: (0, tailwind_variants_namespaceObject.cn)("*:border-b *:has-aria-expanded:bg-transparent", className),
+        "data-slot": "table-header",
+        ...props
+    });
+}
+function TableBody({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("tbody", {
+        className: (0, tailwind_variants_namespaceObject.cn)("*:last-child:border-0", className),
+        "data-slot": "table-body",
+        ...props
+    });
+}
+function TableFooter({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("tfoot", {
+        className: (0, tailwind_variants_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)("tr", {
+        className: (0, tailwind_variants_namespaceObject.cn)("border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted", className),
+        "data-slot": "table-row",
+        ...props
+    });
+}
+function TableHead({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("th", {
+        className: (0, tailwind_variants_namespaceObject.cn)("p-2 text-left align-middle font-medium", className),
+        "data-slot": "table-head",
+        ...props
+    });
+}
+function TableCell({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("td", {
+        className: (0, tailwind_variants_namespaceObject.cn)("p-2 align-middle", className),
+        "data-slot": "table-cell",
+        ...props
+    });
+}
+function TableCaption({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("caption", {
+        className: (0, tailwind_variants_namespaceObject.cn)("mt-4 text-sm text-muted-foreground", className),
+        "data-slot": "table-caption",
+        ...props
+    });
+}
+exports.Table = __webpack_exports__.Table;
+exports.TableBody = __webpack_exports__.TableBody;
+exports.TableCaption = __webpack_exports__.TableCaption;
+exports.TableCell = __webpack_exports__.TableCell;
+exports.TableFooter = __webpack_exports__.TableFooter;
+exports.TableHead = __webpack_exports__.TableHead;
+exports.TableHeader = __webpack_exports__.TableHeader;
+exports.TableRow = __webpack_exports__.TableRow;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Table",
+    "TableBody",
+    "TableCaption",
+    "TableCell",
+    "TableFooter",
+    "TableHead",
+    "TableHeader",
+    "TableRow"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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("border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted", 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("mt-4 text-sm text-muted-foreground", 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)("inline-flex w-fit items-center justify-center gap-1 rounded-xl bg-muted px-1 py-1 text-muted-foreground", 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)("inline-flex items-center justify-center gap-1.5 rounded-lg px-2 py-1.5 text-sm font-medium whitespace-nowrap text-muted-foreground transition not-dark:outline-hidden hover:not-disabled:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm dark:-outline-offset-1 dark:outline-ring dark:data-[state=active]:bg-input/50 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)("mt-2 rounded-xl ring-ring/50 outline-ring 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";
 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("inline-flex w-fit items-center justify-center gap-1 rounded-xl bg-muted px-1 py-1 text-muted-foreground", className),
+        "data-slot": "tabs-list",
+        ...props
+    });
+}
+function TabsTrigger({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Trigger, {
+        className: cn("inline-flex items-center justify-center gap-1.5 rounded-lg px-2 py-1.5 text-sm font-medium whitespace-nowrap text-muted-foreground transition not-dark:outline-hidden hover:not-disabled:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm dark:-outline-offset-1 dark:outline-ring dark:data-[state=active]:bg-input/50 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("mt-2 rounded-xl ring-ring/50 outline-ring focus-visible:ring-4 focus-visible:outline-1", className),
+        "data-slot": "tabs-content",
+        ...props
+    });
+}
+export { Tabs, TabsContent, TabsList, TabsTrigger };