@codefast/ui 0.3.9 → 0.3.11-canary.0

package/dist/components/progress-circle.js

@@ -1,2 +1,148 @@
 "use client";
-import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useCallback as a,useMemo as r}from"react";import{useAnimatedValue as s}from"../hooks/use-animated-value.js";import{Indicator as i,Provider as l,Root as c,SVG as n,Track as o,Value as m}from"../primitives/progress-circle.js";import{tv as d}from"@codefast/tailwind-variants";let u=d({defaultVariants:{size:"md",thickness:"regular",variant:"default"},slots:{indicator:"origin-center",label:"absolute inset-0 flex items-center justify-center text-xs font-medium",root:"relative inline-flex items-center justify-center",svg:"size-full",track:"origin-center"},variants:{size:{sm:{label:"text-[10px]"},md:{label:"text-xs"},lg:{label:"text-sm"},xl:{label:"text-base"},"2xl":{label:"text-lg"}},thickness:{regular:{},thick:{},thin:{}},variant:{default:{indicator:"text-primary",track:"text-primary/20"},destructive:{indicator:"text-destructive",track:"text-destructive/20"}}}});function x({animate:d=!0,animationDuration:x=1e3,className:h,classNames:v,customLabel:p,showValue:k=!1,size:N,sizeInPixels:b,strokeWidth:y,thickness:j="regular",value:z=0,variant:M="default",...C}){let P=s(z,x,d),S=r(()=>b??f(N),[b,N]),V=r(()=>y??g(j,S),[y,j,S]),$=r(()=>u({size:N,thickness:j,variant:M}),[M,N,j]),w=k||!!p,D=a(()=>p?p({value:P}):`${P.toString()}%`,[p,P]);return t(l,{size:S,strokeWidth:V,value:z,...C,children:e(c,{className:$.root({className:[h,v?.root]}),children:[e(n,{className:$.svg({className:v?.svg}),children:[t(o,{className:$.track({className:v?.track})}),t(i,{className:$.indicator({className:v?.indicator}),style:{transitionDuration:`${x.toString()}ms`,transitionProperty:"stroke-dashoffset"}})]}),w?t(m,{className:$.label({className:v?.label}),children:D()}):null]})})}x.displayName="ProgressCircle";let f=t=>t?({"2xl":128,lg:64,md:48,sm:32,xl:96})[t]:48,g=(t,e)=>t?({regular:Math.max(3,.05*e),thick:Math.max(4,.075*e),thin:Math.max(2,.025*e)})[t]:Math.max(3,.05*e);export{x as ProgressCircle,u as progressCircleVariants};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { tv } from "@codefast/tailwind-variants";
+import { useCallback, useMemo } from "react";
+import { useAnimatedValue } from "../hooks/use-animated-value.js";
+import { Indicator, Provider, Root, SVG, Track, Value } from "../primitives/progress-circle.js";
+const progressCircleVariants = tv({
+    defaultVariants: {
+        size: "md",
+        thickness: "regular",
+        variant: "default"
+    },
+    slots: {
+        indicator: "origin-center",
+        label: "absolute inset-0 flex items-center justify-center text-xs font-medium",
+        root: "relative inline-flex items-center justify-center",
+        svg: "size-full",
+        track: "origin-center"
+    },
+    variants: {
+        size: {
+            sm: {
+                label: "text-[0.625rem]"
+            },
+            md: {
+                label: "text-xs"
+            },
+            lg: {
+                label: "text-sm"
+            },
+            xl: {
+                label: "text-base"
+            },
+            "2xl": {
+                label: "text-lg"
+            }
+        },
+        thickness: {
+            regular: {},
+            thick: {},
+            thin: {}
+        },
+        variant: {
+            default: {
+                indicator: "text-primary",
+                track: "text-primary/20"
+            },
+            destructive: {
+                indicator: "text-destructive",
+                track: "text-destructive/20"
+            }
+        }
+    }
+});
+function ProgressCircle({ animate = true, animationDuration = 1000, className, classNames, customLabel, showValue = false, size, sizeInPixels, strokeWidth, thickness = "regular", value = 0, variant = "default", ...props }) {
+    const displayValue = useAnimatedValue(value, animationDuration, animate);
+    const actualSize = useMemo(()=>sizeInPixels ?? getActualSize(size), [
+        sizeInPixels,
+        size
+    ]);
+    const actualThickness = useMemo(()=>strokeWidth ?? getStrokeWidth(thickness, actualSize), [
+        strokeWidth,
+        thickness,
+        actualSize
+    ]);
+    const slots = useMemo(()=>progressCircleVariants({
+            size,
+            thickness,
+            variant
+        }), [
+        variant,
+        size,
+        thickness
+    ]);
+    const shouldShowLabel = showValue || Boolean(customLabel);
+    const renderLabel = useCallback(()=>{
+        if (customLabel) return customLabel({
+            value: displayValue
+        });
+        return `${displayValue.toString()}%`;
+    }, [
+        customLabel,
+        displayValue
+    ]);
+    return /*#__PURE__*/ jsx(Provider, {
+        size: actualSize,
+        strokeWidth: actualThickness,
+        value: value,
+        ...props,
+        children: /*#__PURE__*/ jsxs(Root, {
+            className: slots.root({
+                className: [
+                    className,
+                    classNames?.root
+                ]
+            }),
+            children: [
+                /*#__PURE__*/ jsxs(SVG, {
+                    className: slots.svg({
+                        className: classNames?.svg
+                    }),
+                    children: [
+                        /*#__PURE__*/ jsx(Track, {
+                            className: slots.track({
+                                className: classNames?.track
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Indicator, {
+                            className: slots.indicator({
+                                className: classNames?.indicator
+                            }),
+                            style: {
+                                transitionDuration: `${animationDuration.toString()}ms`,
+                                transitionProperty: "stroke-dashoffset"
+                            }
+                        })
+                    ]
+                }),
+                shouldShowLabel ? /*#__PURE__*/ jsx(Value, {
+                    className: slots.label({
+                        className: classNames?.label
+                    }),
+                    children: renderLabel()
+                }) : null
+            ]
+        })
+    });
+}
+ProgressCircle.displayName = "ProgressCircle";
+const getActualSize = (size)=>{
+    const sizeMap = {
+        "2xl": 128,
+        lg: 64,
+        md: 48,
+        sm: 32,
+        xl: 96
+    };
+    return size ? sizeMap[size] : 48;
+};
+const getStrokeWidth = (thickness, size)=>{
+    const thicknessMap = {
+        regular: Math.max(3, 0.05 * size),
+        thick: Math.max(4, 0.075 * size),
+        thin: Math.max(2, 0.025 * size)
+    };
+    return thickness ? thicknessMap[thickness] : Math.max(3, 0.05 * size);
+};
+export { ProgressCircle, progressCircleVariants };

package/dist/components/progress.cjs

@@ -1,2 +1,53 @@
+"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__,{Progress:()=>Progress});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_progress_namespaceObject=require("@radix-ui/react-progress");function Progress({className:e,value:r,..._}){return(0,jsx_runtime_namespaceObject.jsx)(react_progress_namespaceObject.Root,{className:(0,tailwind_variants_namespaceObject.cn)("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",e),"data-slot":"progress",..._,children:(0,jsx_runtime_namespaceObject.jsx)(react_progress_namespaceObject.Indicator,{className:"bg-primary size-full flex-1 transition-all","data-slot":"progress-indicator",style:{transform:`translateX(-${(100-(r??0)).toString()}%)`}})})}for(var __webpack_i__ in exports.Progress=__webpack_exports__.Progress,__webpack_exports__)-1===["Progress"].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__, {
+    Progress: ()=>Progress
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_progress_namespaceObject = require("@radix-ui/react-progress");
+function Progress({ className, value, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_progress_namespaceObject.Root, {
+        className: (0, tailwind_variants_namespaceObject.cn)("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className),
+        "data-slot": "progress",
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_progress_namespaceObject.Indicator, {
+            className: "size-full flex-1 bg-primary transition-all",
+            "data-slot": "progress-indicator",
+            style: {
+                transform: `translateX(-${(100 - (value ?? 0)).toString()}%)`
+            }
+        })
+    });
+}
+exports.Progress = __webpack_exports__.Progress;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Progress"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/progress.js

@@ -1,2 +1,19 @@
 "use client";
-import{jsx as r}from"react/jsx-runtime";import{cn as t}from"@codefast/tailwind-variants";import{Indicator as a,Root as e}from"@radix-ui/react-progress";function o({className:o,value:s,...i}){return r(e,{className:t("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full",o),"data-slot":"progress",...i,children:r(a,{className:"bg-primary size-full flex-1 transition-all","data-slot":"progress-indicator",style:{transform:`translateX(-${(100-(s??0)).toString()}%)`}})})}export{o as Progress};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { Indicator, Root } from "@radix-ui/react-progress";
+function Progress({ className, value, ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className),
+        "data-slot": "progress",
+        ...props,
+        children: /*#__PURE__*/ jsx(Indicator, {
+            className: "size-full flex-1 bg-primary transition-all",
+            "data-slot": "progress-indicator",
+            style: {
+                transform: `translateX(-${(100 - (value ?? 0)).toString()}%)`
+            }
+        })
+    });
+}
+export { Progress };

package/dist/components/radio-cards.cjs

@@ -1,2 +1,67 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var a in r)__webpack_require__.o(r,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:r[a]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{RadioCardsItem:()=>RadioCardsItem,RadioCards:()=>RadioCards});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_label_cjs_namespaceObject=require("./label.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_radio_group_namespaceObject=require("@radix-ui/react-radio-group");function RadioCards(e){return(0,jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Root,{"data-slot":"radio-cards",...e})}function RadioCardsItem({children:e,className:r,...a}){return(0,jsx_runtime_namespaceObject.jsxs)(external_label_cjs_namespaceObject.Label,{className:"border-input hover:not-has-disabled:not-has-aria-checked:bg-secondary has-aria-checked:bg-primary/10 has-aria-checked:border-primary has-focus-visible:border-ring flex items-start gap-3 rounded-lg border p-3 transition has-disabled:opacity-50","data-slot":"radio-card",children:[(0,jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Item,{className:(0,tailwind_variants_namespaceObject.cn)("border-input text-primary-foreground focus-visible:not-aria-checked:border-ring focus-visible:ring-ring/50 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary dark:bg-input/30 peer flex size-4 shrink-0 items-center justify-center rounded-full border shadow-xs outline-hidden transition focus-visible:ring-3",r),"data-slot":"radio-card-item",...a,children:(0,jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Indicator,{className:"bg-background size-1 rounded-full","data-slot":"radio-card-indicator"})}),e]})}for(var __webpack_i__ in exports.RadioCards=__webpack_exports__.RadioCards,exports.RadioCardsItem=__webpack_exports__.RadioCardsItem,__webpack_exports__)-1===["RadioCards","RadioCardsItem"].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__, {
+    RadioCardsItem: ()=>RadioCardsItem,
+    RadioCards: ()=>RadioCards
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_radio_group_namespaceObject = require("@radix-ui/react-radio-group");
+const external_label_cjs_namespaceObject = require("./label.cjs");
+function RadioCards(props) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Root, {
+        "data-slot": "radio-cards",
+        ...props
+    });
+}
+function RadioCardsItem({ children, className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_label_cjs_namespaceObject.Label, {
+        className: "flex items-start gap-3 rounded-lg border border-input p-3 transition hover:not-has-disabled:not-has-aria-checked:bg-secondary has-focus-visible:border-ring has-disabled:opacity-50 has-aria-checked:border-primary has-aria-checked:bg-primary/10",
+        "data-slot": "radio-card",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Item, {
+                className: (0, tailwind_variants_namespaceObject.cn)("peer flex size-4 shrink-0 items-center justify-center rounded-full border border-input text-primary-foreground shadow-xs outline-hidden transition focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:not-aria-checked:border-ring aria-checked:border-primary aria-checked:bg-primary focus-visible:aria-checked:ring-primary/20 dark:bg-input/30 dark:focus-visible:aria-checked:ring-primary/40", className),
+                "data-slot": "radio-card-item",
+                ...props,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Indicator, {
+                    className: "size-1 rounded-full bg-background",
+                    "data-slot": "radio-card-indicator"
+                })
+            }),
+            children
+        ]
+    });
+}
+exports.RadioCards = __webpack_exports__.RadioCards;
+exports.RadioCardsItem = __webpack_exports__.RadioCardsItem;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "RadioCards",
+    "RadioCardsItem"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/radio-cards.js

@@ -1,2 +1,30 @@
 "use client";
-import{jsx as r,jsxs as a}from"react/jsx-runtime";import{Label as i}from"./label.js";import{cn as e}from"@codefast/tailwind-variants";import{Indicator as d,Item as o,Root as s}from"@radix-ui/react-radio-group";function t(a){return r(s,{"data-slot":"radio-cards",...a})}function c({children:s,className:t,...c}){return a(i,{className:"border-input hover:not-has-disabled:not-has-aria-checked:bg-secondary has-aria-checked:bg-primary/10 has-aria-checked:border-primary has-focus-visible:border-ring flex items-start gap-3 rounded-lg border p-3 transition has-disabled:opacity-50","data-slot":"radio-card",children:[r(o,{className:e("border-input text-primary-foreground focus-visible:not-aria-checked:border-ring focus-visible:ring-ring/50 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary dark:bg-input/30 peer flex size-4 shrink-0 items-center justify-center rounded-full border shadow-xs outline-hidden transition focus-visible:ring-3",t),"data-slot":"radio-card-item",...c,children:r(d,{className:"bg-background size-1 rounded-full","data-slot":"radio-card-indicator"})}),s]})}export{t as RadioCards,c as RadioCardsItem};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { Indicator, Item, Root } from "@radix-ui/react-radio-group";
+import { Label } from "./label.js";
+function RadioCards(props) {
+    return /*#__PURE__*/ jsx(Root, {
+        "data-slot": "radio-cards",
+        ...props
+    });
+}
+function RadioCardsItem({ children, className, ...props }) {
+    return /*#__PURE__*/ jsxs(Label, {
+        className: "flex items-start gap-3 rounded-lg border border-input p-3 transition hover:not-has-disabled:not-has-aria-checked:bg-secondary has-focus-visible:border-ring has-disabled:opacity-50 has-aria-checked:border-primary has-aria-checked:bg-primary/10",
+        "data-slot": "radio-card",
+        children: [
+            /*#__PURE__*/ jsx(Item, {
+                className: cn("peer flex size-4 shrink-0 items-center justify-center rounded-full border border-input text-primary-foreground shadow-xs outline-hidden transition focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:not-aria-checked:border-ring aria-checked:border-primary aria-checked:bg-primary focus-visible:aria-checked:ring-primary/20 dark:bg-input/30 dark:focus-visible:aria-checked:ring-primary/40", className),
+                "data-slot": "radio-card-item",
+                ...props,
+                children: /*#__PURE__*/ jsx(Indicator, {
+                    className: "size-1 rounded-full bg-background",
+                    "data-slot": "radio-card-indicator"
+                })
+            }),
+            children
+        ]
+    });
+}
+export { RadioCards, RadioCardsItem };

package/dist/components/radio-group.cjs

@@ -1,2 +1,60 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var a in r)__webpack_require__.o(r,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:r[a]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{RadioGroupItem:()=>RadioGroupItem,RadioGroup:()=>RadioGroup});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_radio_group_namespaceObject=require("@radix-ui/react-radio-group");function RadioGroup({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Root,{className:(0,tailwind_variants_namespaceObject.cn)("grid gap-2",e),"data-slot":"radio-group",...r})}function RadioGroupItem({className:e,...r}){return(0,jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Item,{className:(0,tailwind_variants_namespaceObject.cn)("border-input hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary aria-checked:aria-invalid:bg-destructive aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60 dark:bg-input/30 peer inline-flex size-4 shrink-0 items-center justify-center rounded-full border shadow-xs outline-hidden transition focus-visible:ring-3 disabled:opacity-50",e),"data-slot":"radio-group-item",...r,children:(0,jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Indicator,{className:"bg-background size-1 rounded-full","data-slot":"radio-group-indicator"})})}for(var __webpack_i__ in exports.RadioGroup=__webpack_exports__.RadioGroup,exports.RadioGroupItem=__webpack_exports__.RadioGroupItem,__webpack_exports__)-1===["RadioGroup","RadioGroupItem"].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__, {
+    RadioGroupItem: ()=>RadioGroupItem,
+    RadioGroup: ()=>RadioGroup
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_radio_group_namespaceObject = require("@radix-ui/react-radio-group");
+function RadioGroup({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Root, {
+        className: (0, tailwind_variants_namespaceObject.cn)("grid gap-2", className),
+        "data-slot": "radio-group",
+        ...props
+    });
+}
+function RadioGroupItem({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Item, {
+        className: (0, tailwind_variants_namespaceObject.cn)("peer inline-flex size-4 shrink-0 items-center justify-center rounded-full border border-input shadow-xs outline-hidden transition hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 aria-checked:border-primary aria-checked:bg-primary focus-visible:aria-checked:ring-primary/20 aria-invalid:border-destructive aria-invalid:ring-destructive/20 hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60 aria-checked:aria-invalid:bg-destructive dark:bg-input/30 dark:focus-visible:aria-checked:ring-primary/40 dark:aria-invalid:ring-destructive/40", className),
+        "data-slot": "radio-group-item",
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_radio_group_namespaceObject.Indicator, {
+            className: "size-1 rounded-full bg-background",
+            "data-slot": "radio-group-indicator"
+        })
+    });
+}
+exports.RadioGroup = __webpack_exports__.RadioGroup;
+exports.RadioGroupItem = __webpack_exports__.RadioGroupItem;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "RadioGroup",
+    "RadioGroupItem"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/radio-group.js

@@ -1,2 +1,23 @@
 "use client";
-import{jsx as r}from"react/jsx-runtime";import{cn as i}from"@codefast/tailwind-variants";import{Indicator as a,Item as e,Root as d}from"@radix-ui/react-radio-group";function o({className:a,...e}){return r(d,{className:i("grid gap-2",a),"data-slot":"radio-group",...e})}function t({className:d,...o}){return r(e,{className:i("border-input hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary aria-checked:aria-invalid:bg-destructive aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60 dark:bg-input/30 peer inline-flex size-4 shrink-0 items-center justify-center rounded-full border shadow-xs outline-hidden transition focus-visible:ring-3 disabled:opacity-50",d),"data-slot":"radio-group-item",...o,children:r(a,{className:"bg-background size-1 rounded-full","data-slot":"radio-group-indicator"})})}export{o as RadioGroup,t as RadioGroupItem};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { Indicator, Item, Root } from "@radix-ui/react-radio-group";
+function RadioGroup({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Root, {
+        className: cn("grid gap-2", className),
+        "data-slot": "radio-group",
+        ...props
+    });
+}
+function RadioGroupItem({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Item, {
+        className: cn("peer inline-flex size-4 shrink-0 items-center justify-center rounded-full border border-input shadow-xs outline-hidden transition hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 aria-checked:border-primary aria-checked:bg-primary focus-visible:aria-checked:ring-primary/20 aria-invalid:border-destructive aria-invalid:ring-destructive/20 hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60 aria-checked:aria-invalid:bg-destructive dark:bg-input/30 dark:focus-visible:aria-checked:ring-primary/40 dark:aria-invalid:ring-destructive/40", className),
+        "data-slot": "radio-group-item",
+        ...props,
+        children: /*#__PURE__*/ jsx(Indicator, {
+            className: "size-1 rounded-full bg-background",
+            "data-slot": "radio-group-indicator"
+        })
+    });
+}
+export { RadioGroup, RadioGroupItem };

package/dist/components/radio.cjs

@@ -1,2 +1,48 @@
+"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 i in r)__webpack_require__.o(r,i)&&!__webpack_require__.o(e,i)&&Object.defineProperty(e,i,{enumerable:!0,get:r[i]})},__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__,{Radio:()=>Radio});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),primitive_namespaceObject=require("@radix-ui/primitive");function Radio({className:e,onChange:r,onValueChange:i,...a}){return(0,jsx_runtime_namespaceObject.jsx)("input",{className:(0,tailwind_variants_namespaceObject.cn)("border-input hover:not-disabled:not-checked:border-ring/60 focus-visible:not-checked:border-ring focus-visible:ring-ring/50 focus-visible:checked:ring-primary/20 dark:focus-visible:checked:ring-primary/40 checked:border-primary checked:bg-primary checked:aria-invalid:bg-destructive aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 hover:not-disabled:not-checked:aria-invalid:border-destructive/60 after:bg-background dark:not-checked:after:bg-input/30 peer inline-flex size-4 shrink-0 appearance-none items-center justify-center rounded-full border shadow-xs outline-hidden after:size-full after:rounded-full after:transition-[width,height] checked:after:size-1 focus-visible:ring-3 disabled:opacity-50",e),"data-slot":"radio",type:"radio",onChange:(0,primitive_namespaceObject.composeEventHandlers)(r,e=>i?.(e.currentTarget.value)),...a})}for(var __webpack_i__ in exports.Radio=__webpack_exports__.Radio,__webpack_exports__)-1===["Radio"].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__, {
+    Radio: ()=>Radio
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const primitive_namespaceObject = require("@radix-ui/primitive");
+function Radio({ className, onChange, onValueChange, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
+        className: (0, tailwind_variants_namespaceObject.cn)("peer inline-flex size-4 shrink-0 appearance-none items-center justify-center rounded-full border border-input shadow-xs outline-hidden after:size-full after:rounded-full after:bg-background after:transition-[width,height] checked:border-primary checked:bg-primary checked:after:size-1 hover:not-disabled:not-checked:border-ring/60 focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:not-checked:border-ring focus-visible:checked:ring-primary/20 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 checked:aria-invalid:bg-destructive hover:not-disabled:not-checked:aria-invalid:border-destructive/60 dark:not-checked:after:bg-input/30 dark:focus-visible:checked:ring-primary/40 dark:aria-invalid:ring-destructive/40", className),
+        "data-slot": "radio",
+        type: "radio",
+        onChange: (0, primitive_namespaceObject.composeEventHandlers)(onChange, (event)=>onValueChange?.(event.currentTarget.value)),
+        ...props
+    });
+}
+exports.Radio = __webpack_exports__.Radio;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Radio"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/radio.js

@@ -1,2 +1,14 @@
 "use client";
-import{jsx as e}from"react/jsx-runtime";import{cn as i}from"@codefast/tailwind-variants";import{composeEventHandlers as r}from"@radix-ui/primitive";function a({className:a,onChange:d,onValueChange:t,...n}){return e("input",{className:i("border-input hover:not-disabled:not-checked:border-ring/60 focus-visible:not-checked:border-ring focus-visible:ring-ring/50 focus-visible:checked:ring-primary/20 dark:focus-visible:checked:ring-primary/40 checked:border-primary checked:bg-primary checked:aria-invalid:bg-destructive aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 hover:not-disabled:not-checked:aria-invalid:border-destructive/60 after:bg-background dark:not-checked:after:bg-input/30 peer inline-flex size-4 shrink-0 appearance-none items-center justify-center rounded-full border shadow-xs outline-hidden after:size-full after:rounded-full after:transition-[width,height] checked:after:size-1 focus-visible:ring-3 disabled:opacity-50",a),"data-slot":"radio",type:"radio",onChange:r(d,e=>t?.(e.currentTarget.value)),...n})}export{a as Radio};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+import { composeEventHandlers } from "@radix-ui/primitive";
+function Radio({ className, onChange, onValueChange, ...props }) {
+    return /*#__PURE__*/ jsx("input", {
+        className: cn("peer inline-flex size-4 shrink-0 appearance-none items-center justify-center rounded-full border border-input shadow-xs outline-hidden after:size-full after:rounded-full after:bg-background after:transition-[width,height] checked:border-primary checked:bg-primary checked:after:size-1 hover:not-disabled:not-checked:border-ring/60 focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:not-checked:border-ring focus-visible:checked:ring-primary/20 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 checked:aria-invalid:bg-destructive hover:not-disabled:not-checked:aria-invalid:border-destructive/60 dark:not-checked:after:bg-input/30 dark:focus-visible:checked:ring-primary/40 dark:aria-invalid:ring-destructive/40", className),
+        "data-slot": "radio",
+        type: "radio",
+        onChange: composeEventHandlers(onChange, (event)=>onValueChange?.(event.currentTarget.value)),
+        ...props
+    });
+}
+export { Radio };

package/dist/components/resizable.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,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__,{ResizablePanel:()=>ResizablePanel,ResizableHandle:()=>ResizableHandle,ResizablePanelGroup:()=>ResizablePanelGroup});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_lucide_react_namespaceObject=require("lucide-react"),external_react_resizable_panels_namespaceObject=require("react-resizable-panels"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants");function ResizablePanelGroup({className:e,...a}){return(0,jsx_runtime_namespaceObject.jsx)(external_react_resizable_panels_namespaceObject.PanelGroup,{className:(0,tailwind_variants_namespaceObject.cn)("flex size-full data-[panel-group-direction=vertical]:flex-col",e),"data-slot":"resizable-panel-group",...a})}function ResizablePanel({...e}){return(0,jsx_runtime_namespaceObject.jsx)(external_react_resizable_panels_namespaceObject.Panel,{"data-slot":"resizable-panel",...e})}function ResizableHandle({className:e,withHandle:a,...r}){return(0,jsx_runtime_namespaceObject.jsx)(external_react_resizable_panels_namespaceObject.PanelResizeHandle,{className:(0,tailwind_variants_namespaceObject.cn)("bg-border focus-visible:bg-ring focus-visible:ring-ring/50 relative flex w-px items-center justify-center outline-hidden after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-3 data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",e),"data-slot":"resizable-handle",...r,children:a?(0,jsx_runtime_namespaceObject.jsx)("div",{className:"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-sm border",children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.GripVerticalIcon,{className:"size-2.5"})}):null})}for(var __webpack_i__ in exports.ResizableHandle=__webpack_exports__.ResizableHandle,exports.ResizablePanel=__webpack_exports__.ResizablePanel,exports.ResizablePanelGroup=__webpack_exports__.ResizablePanelGroup,__webpack_exports__)-1===["ResizableHandle","ResizablePanel","ResizablePanelGroup"].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__, {
+    ResizableGroup: ()=>ResizableGroup,
+    ResizablePanel: ()=>ResizablePanel,
+    ResizableSeparator: ()=>ResizableSeparator
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_resizable_panels_namespaceObject = require("react-resizable-panels");
+function ResizableGroup({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_resizable_panels_namespaceObject.Group, {
+        className: (0, tailwind_variants_namespaceObject.cn)("flex size-full", className),
+        "data-slot": "resizable-group",
+        ...props
+    });
+}
+function ResizablePanel({ ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_resizable_panels_namespaceObject.Panel, {
+        "data-slot": "resizable-panel",
+        ...props
+    });
+}
+function ResizableSeparator({ className, withHandle, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_react_resizable_panels_namespaceObject.Separator, {
+        className: (0, tailwind_variants_namespaceObject.cn)("flex items-center justify-center bg-border outline-hidden focus-visible:bg-ring focus-visible:ring-3 focus-visible:ring-ring/50", "aria-[orientation=vertical]:w-px", "aria-[orientation=horizontal]:h-px", className),
+        "data-slot": "resizable-separator",
+        ...props,
+        children: withHandle ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.GripVerticalIcon, {
+                className: "size-2.5"
+            })
+        }) : null
+    });
+}
+exports.ResizableGroup = __webpack_exports__.ResizableGroup;
+exports.ResizablePanel = __webpack_exports__.ResizablePanel;
+exports.ResizableSeparator = __webpack_exports__.ResizableSeparator;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ResizableGroup",
+    "ResizablePanel",
+    "ResizableSeparator"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/resizable.d.ts

@@ -1,12 +1,12 @@
 import type { ComponentProps, JSX } from "react";
 import * as ResizablePrimitive from "react-resizable-panels";
-type ResizablePanelGroupProps = ComponentProps<typeof ResizablePrimitive.PanelGroup>;
-declare function ResizablePanelGroup({ className, ...props }: ResizablePanelGroupProps): JSX.Element;
+type ResizableGroupProps = ComponentProps<typeof ResizablePrimitive.Group>;
+declare function ResizableGroup({ className, ...props }: ResizableGroupProps): JSX.Element;
 type ResizablePanelProps = ComponentProps<typeof ResizablePrimitive.Panel>;
 declare function ResizablePanel({ ...props }: ResizablePanelProps): JSX.Element;
-interface ResizableHandleProps extends ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> {
+interface ResizableSeparatorProps extends ComponentProps<typeof ResizablePrimitive.Separator> {
     withHandle?: boolean;
 }
-declare function ResizableHandle({ className, withHandle, ...props }: ResizableHandleProps): JSX.Element;
-export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
-export type { ResizableHandleProps, ResizablePanelGroupProps, ResizablePanelProps };
+declare function ResizableSeparator({ className, withHandle, ...props }: ResizableSeparatorProps): JSX.Element;
+export { ResizableGroup, ResizablePanel, ResizableSeparator };
+export type { ResizableGroupProps, ResizablePanelProps, ResizableSeparatorProps };