@codefast/ui 0.3.9 → 0.3.10

package/dist/components/slider.cjs

@@ -1,2 +1,80 @@
+"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 r in a)__webpack_require__.o(a,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:a[r]})},__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__,{Slider:()=>Slider});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_react_namespaceObject=require("react"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_slider_namespaceObject=require("@radix-ui/react-slider");function Slider({className:e,defaultValue:a,max:r=100,min:t=0,value:i,..._}){let n=(0,external_react_namespaceObject.useMemo)(()=>Array.isArray(i)?i:Array.isArray(a)?a:[t,r],[i,a,t,r]);return(0,jsx_runtime_namespaceObject.jsxs)(react_slider_namespaceObject.Root,{className:(0,tailwind_variants_namespaceObject.cn)("relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",e),"data-slot":"slider",defaultValue:a,max:r,min:t,value:i,..._,children:[(0,jsx_runtime_namespaceObject.jsx)(react_slider_namespaceObject.Track,{className:"bg-input relative w-full grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1","data-slot":"slider-track",children:(0,jsx_runtime_namespaceObject.jsx)(react_slider_namespaceObject.Range,{className:"bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full","data-slot":"slider-range"})}),Array.from({length:n.length},(e,a)=>(0,jsx_runtime_namespaceObject.jsx)(react_slider_namespaceObject.Thumb,{"aria-label":"Volume",className:(0,tailwind_variants_namespaceObject.cn)("border-primary bg-primary after:bg-background focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 flex size-4 items-center justify-center rounded-full border-2 shadow-sm outline-hidden after:size-full after:rounded-full after:transition-[width,height] focus-visible:ring-4 active:not-data-disabled:after:size-1"),"data-slot":"slider-thumb"},a))]})}for(var __webpack_i__ in exports.Slider=__webpack_exports__.Slider,__webpack_exports__)-1===["Slider"].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__, {
+    Slider: ()=>Slider
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_slider_namespaceObject = require("@radix-ui/react-slider");
+const external_react_namespaceObject = require("react");
+function Slider({ className, defaultValue, max = 100, min = 0, value, ...props }) {
+    const _values = (0, external_react_namespaceObject.useMemo)(()=>{
+        if (Array.isArray(value)) return value;
+        return Array.isArray(defaultValue) ? defaultValue : [
+            min,
+            max
+        ];
+    }, [
+        value,
+        defaultValue,
+        min,
+        max
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_slider_namespaceObject.Root, {
+        className: (0, tailwind_variants_namespaceObject.cn)('relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col', className),
+        "data-slot": "slider",
+        defaultValue: defaultValue,
+        max: max,
+        min: min,
+        value: value,
+        ...props,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_slider_namespaceObject.Track, {
+                className: "bg-input relative w-full grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1",
+                "data-slot": "slider-track",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_slider_namespaceObject.Range, {
+                    className: "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full",
+                    "data-slot": "slider-range"
+                })
+            }),
+            Array.from({
+                length: _values.length
+            }, (_, index)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_slider_namespaceObject.Thumb, {
+                    "aria-label": "Volume",
+                    className: (0, tailwind_variants_namespaceObject.cn)('border-primary bg-primary after:bg-background focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 flex size-4 items-center justify-center rounded-full border-2 shadow-sm outline-hidden after:size-full after:rounded-full after:transition-[width,height] focus-visible:ring-4 active:not-data-disabled:after:size-1'),
+                    "data-slot": "slider-thumb"
+                }, index))
+        ]
+    });
+}
+exports.Slider = __webpack_exports__.Slider;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Slider"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/slider.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from "react";
-import * as SliderPrimitive from "@radix-ui/react-slider";
+import type { ComponentProps, JSX } from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
 type SliderProps = ComponentProps<typeof SliderPrimitive.Root>;
 declare function Slider({ className, defaultValue, max, min, value, ...props }: SliderProps): JSX.Element;
 export { Slider };

package/dist/components/slider.js

@@ -1,2 +1,46 @@
 "use client";
-import{jsx as a,jsxs as t}from"react/jsx-runtime";import{useMemo as r}from"react";import{cn as e}from"@codefast/tailwind-variants";import{Range as i,Root as l,Thumb as o,Track as n}from"@radix-ui/react-slider";function d({className:d,defaultValue:s,max:u=100,min:f=0,value:c,...m}){let h=r(()=>Array.isArray(c)?c:Array.isArray(s)?s:[f,u],[c,s,f,u]);return t(l,{className:e("relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",d),"data-slot":"slider",defaultValue:s,max:u,min:f,value:c,...m,children:[a(n,{className:"bg-input relative w-full grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1","data-slot":"slider-track",children:a(i,{className:"bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full","data-slot":"slider-range"})}),Array.from({length:h.length},(t,r)=>a(o,{"aria-label":"Volume",className:e("border-primary bg-primary after:bg-background focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 flex size-4 items-center justify-center rounded-full border-2 shadow-sm outline-hidden after:size-full after:rounded-full after:transition-[width,height] focus-visible:ring-4 active:not-data-disabled:after:size-1"),"data-slot":"slider-thumb"},r))]})}export{d as Slider};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { Range, Root, Thumb, Track } from "@radix-ui/react-slider";
+import { useMemo } from "react";
+function Slider({ className, defaultValue, max = 100, min = 0, value, ...props }) {
+    const _values = useMemo(()=>{
+        if (Array.isArray(value)) return value;
+        return Array.isArray(defaultValue) ? defaultValue : [
+            min,
+            max
+        ];
+    }, [
+        value,
+        defaultValue,
+        min,
+        max
+    ]);
+    return /*#__PURE__*/ jsxs(Root, {
+        className: cn('relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col', className),
+        "data-slot": "slider",
+        defaultValue: defaultValue,
+        max: max,
+        min: min,
+        value: value,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx(Track, {
+                className: "bg-input relative w-full grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1",
+                "data-slot": "slider-track",
+                children: /*#__PURE__*/ jsx(Range, {
+                    className: "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full",
+                    "data-slot": "slider-range"
+                })
+            }),
+            Array.from({
+                length: _values.length
+            }, (_, index)=>/*#__PURE__*/ jsx(Thumb, {
+                    "aria-label": "Volume",
+                    className: cn('border-primary bg-primary after:bg-background focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 flex size-4 items-center justify-center rounded-full border-2 shadow-sm outline-hidden after:size-full after:rounded-full after:transition-[width,height] focus-visible:ring-4 active:not-data-disabled:after:size-1'),
+                    "data-slot": "slider-thumb"
+                }, index))
+        ]
+    });
+}
+export { Slider };

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.d.ts

@@ -1,7 +1,7 @@
-import type { JSX } from "react";
-import type { ToasterProps as SonnerToasterProps } from "sonner";
+import type { JSX } from 'react';
+import type { ToasterProps as SonnerToasterProps } from 'sonner';
 type ToasterProps = SonnerToasterProps;
 declare function Toaster({ ...props }: ToasterProps): JSX.Element;
-export { toast, useSonner } from "sonner";
+export { toast, useSonner } from 'sonner';
 export { Toaster };
 export type { ToasterProps };

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)('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': `-${((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.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, ReactNode } from "react";
-interface SpinnerProps extends ComponentProps<"span"> {
+import type { ComponentProps, ReactNode } from 'react';
+interface SpinnerProps extends ComponentProps<'span'> {
     loading?: boolean;
 }
 declare function Spinner({ children, className, loading, ...props }: SpinnerProps): ReactNode;

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('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': `-${((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)('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', className),
+        "data-slot": "switch",
+        ...props,
+        children: /*#__PURE__*/ (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"
+        })
+    });
+}
+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.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from "react";
-import * as SwitchPrimitives from "@radix-ui/react-switch";
+import type { ComponentProps, JSX } from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
 type SwitchProps = ComponentProps<typeof SwitchPrimitives.Root>;
 declare function Switch({ className, ...props }: SwitchProps): JSX.Element;
 export { Switch };

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('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', className),
+        "data-slot": "switch",
+        ...props,
+        children: /*#__PURE__*/ jsx(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"
+        })
+    });
+}
+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)('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__*/ (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)('text-muted-foreground mt-4 text-sm', 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.d.ts

@@ -1,19 +1,19 @@
-import type { ComponentProps, JSX } from "react";
-type TableProps = ComponentProps<"table">;
+import type { ComponentProps, JSX } from 'react';
+type TableProps = ComponentProps<'table'>;
 declare function Table({ className, ...props }: TableProps): JSX.Element;
-type TableHeaderProps = ComponentProps<"thead">;
+type TableHeaderProps = ComponentProps<'thead'>;
 declare function TableHeader({ className, ...props }: TableHeaderProps): JSX.Element;
-type TableBodyProps = ComponentProps<"tbody">;
+type TableBodyProps = ComponentProps<'tbody'>;
 declare function TableBody({ className, ...props }: TableBodyProps): JSX.Element;
-type TableFooterProps = ComponentProps<"tfoot">;
+type TableFooterProps = ComponentProps<'tfoot'>;
 declare function TableFooter({ className, ...props }: TableFooterProps): JSX.Element;
-type TableRowProps = ComponentProps<"tr">;
+type TableRowProps = ComponentProps<'tr'>;
 declare function TableRow({ className, ...props }: TableRowProps): JSX.Element;
-type TableHeadProps = ComponentProps<"th">;
+type TableHeadProps = ComponentProps<'th'>;
 declare function TableHead({ className, ...props }: TableHeadProps): JSX.Element;
-type TableCellProps = ComponentProps<"td">;
+type TableCellProps = ComponentProps<'td'>;
 declare function TableCell({ className, ...props }: TableCellProps): JSX.Element;
-type TableCaptionProps = ComponentProps<"caption">;
+type TableCaptionProps = ComponentProps<'caption'>;
 declare function TableCaption({ className, ...props }: TableCaptionProps): JSX.Element;
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
 export type { TableBodyProps, TableCaptionProps, TableCellProps, TableFooterProps, TableHeaderProps, TableHeadProps, TableProps, TableRowProps, };