@codefast/ui 0.2.46-canary.0 → 0.2.46-canary.2

package/dist/cjs/components/carousel.cjs

@@ -0,0 +1,207 @@
+"use client";
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __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 ('undefined' != 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__, {
+    CarouselNext: ()=>CarouselNext,
+    CarouselItem: ()=>CarouselItem,
+    createCarouselScope: ()=>createCarouselScope,
+    Carousel: ()=>Carousel,
+    CarouselContent: ()=>CarouselContent,
+    CarouselPrevious: ()=>CarouselPrevious
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_context_namespaceObject = require("@radix-ui/react-context");
+const external_embla_carousel_react_namespaceObject = require("embla-carousel-react");
+var external_embla_carousel_react_default = /*#__PURE__*/ __webpack_require__.n(external_embla_carousel_react_namespaceObject);
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_react_namespaceObject = require("react");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+const CAROUSEL_NAME = "Carousel";
+const [createCarouselContext, createCarouselScope] = (0, react_context_namespaceObject.createContextScope)(CAROUSEL_NAME);
+const [CarouselContextProvider, useCarouselContext] = createCarouselContext(CAROUSEL_NAME);
+function Carousel({ __scopeCarousel, children, className, opts, orientation, plugins, setApi, ...props }) {
+    const [carouselRef, api] = external_embla_carousel_react_default()({
+        ...opts,
+        axis: "vertical" === orientation ? "y" : "x"
+    }, plugins);
+    const [canScrollPrev, setCanScrollPrev] = (0, external_react_namespaceObject.useState)(false);
+    const [canScrollNext, setCanScrollNext] = (0, external_react_namespaceObject.useState)(false);
+    const onSelect = (0, external_react_namespaceObject.useCallback)((carouselApi)=>{
+        if (!carouselApi) return;
+        setCanScrollPrev(carouselApi.canScrollPrev());
+        setCanScrollNext(carouselApi.canScrollNext());
+    }, []);
+    const scrollPrev = (0, external_react_namespaceObject.useCallback)(()=>{
+        api?.scrollPrev();
+    }, [
+        api
+    ]);
+    const scrollNext = (0, external_react_namespaceObject.useCallback)(()=>{
+        api?.scrollNext();
+    }, [
+        api
+    ]);
+    const handleKeyDown = (0, external_react_namespaceObject.useCallback)((event)=>{
+        if ("ArrowLeft" === event.key) {
+            event.preventDefault();
+            scrollPrev();
+        } else if ("ArrowRight" === event.key) {
+            event.preventDefault();
+            scrollNext();
+        }
+    }, [
+        scrollPrev,
+        scrollNext
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!api || !setApi) return;
+        setApi(api);
+    }, [
+        api,
+        setApi
+    ]);
+    (0, external_react_namespaceObject.useEffect)(()=>{
+        if (!api) return;
+        onSelect(api);
+        api.on("reInit", onSelect);
+        api.on("select", onSelect);
+        return ()=>{
+            api.off("select", onSelect);
+        };
+    }, [
+        api,
+        onSelect
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(CarouselContextProvider, {
+        api: api,
+        canScrollNext: canScrollNext,
+        canScrollPrev: canScrollPrev,
+        carouselRef: carouselRef,
+        opts: opts,
+        orientation: orientation ?? (opts?.axis === "y" ? "vertical" : "horizontal"),
+        scope: __scopeCarousel,
+        scrollNext: scrollNext,
+        scrollPrev: scrollPrev,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            "aria-roledescription": "carousel",
+            className: (0, utils_cjs_namespaceObject.cn)("relative", className),
+            "data-slot": "carousel",
+            role: "region",
+            onKeyDownCapture: handleKeyDown,
+            ...props,
+            children: children
+        })
+    });
+}
+const CAROUSEL_CONTENT_NAME = "CarouselContent";
+function CarouselContent({ __scopeCarousel, className, classNames, ...props }) {
+    const { carouselRef, orientation } = useCarouselContext(CAROUSEL_CONTENT_NAME, __scopeCarousel);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        ref: carouselRef,
+        className: (0, utils_cjs_namespaceObject.cn)("overflow-hidden", classNames?.wrapper),
+        "data-slot": "carousel-content",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: (0, utils_cjs_namespaceObject.cn)("flex", "horizontal" === orientation ? "-ml-4" : "-mt-4 flex-col", classNames?.content, className),
+            ...props
+        })
+    });
+}
+const CAROUSEL_ITEM_NAME = "CarouselItem";
+function CarouselItem({ __scopeCarousel, className, ...props }) {
+    const { orientation } = useCarouselContext(CAROUSEL_ITEM_NAME, __scopeCarousel);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        "aria-roledescription": "slide",
+        className: (0, utils_cjs_namespaceObject.cn)("min-w-0 shrink-0 grow-0 basis-full", "horizontal" === orientation ? "pl-4" : "pt-4", className),
+        "data-slot": "carousel-item",
+        role: "group",
+        ...props
+    });
+}
+const CAROUSEL_PREVIOUS_NAME = "CarouselPrevious";
+function CarouselPrevious({ __scopeCarousel, className, size = "icon", variant = "outline", ...props }) {
+    const { canScrollPrev, orientation, scrollPrev } = useCarouselContext(CAROUSEL_PREVIOUS_NAME, __scopeCarousel);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+        "aria-label": "Previous slide",
+        className: (0, utils_cjs_namespaceObject.cn)("absolute size-8 shadow-none", "horizontal" === orientation ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90", className),
+        "data-slot": "carousel-previous",
+        disabled: !canScrollPrev,
+        prefix: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowLeftIcon, {}),
+        size: size,
+        variant: variant,
+        onClick: scrollPrev,
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            className: "sr-only",
+            children: "Previous slide"
+        })
+    });
+}
+const CAROUSEL_NEXT_NAME = "CarouselNext";
+function CarouselNext({ __scopeCarousel, className, size = "icon", variant = "outline", ...props }) {
+    const { canScrollNext, orientation, scrollNext } = useCarouselContext(CAROUSEL_NEXT_NAME, __scopeCarousel);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+        "aria-label": "Next slide",
+        className: (0, utils_cjs_namespaceObject.cn)("absolute size-8 shadow-none", "horizontal" === orientation ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90", className),
+        "data-slot": "carousel-next",
+        disabled: !canScrollNext,
+        prefix: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowRightIcon, {}),
+        size: size,
+        variant: variant,
+        onClick: scrollNext,
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+            className: "sr-only",
+            children: "Next slide"
+        })
+    });
+}
+exports.Carousel = __webpack_exports__.Carousel;
+exports.CarouselContent = __webpack_exports__.CarouselContent;
+exports.CarouselItem = __webpack_exports__.CarouselItem;
+exports.CarouselNext = __webpack_exports__.CarouselNext;
+exports.CarouselPrevious = __webpack_exports__.CarouselPrevious;
+exports.createCarouselScope = __webpack_exports__.createCarouselScope;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Carousel",
+    "CarouselContent",
+    "CarouselItem",
+    "CarouselNext",
+    "CarouselPrevious",
+    "createCarouselScope"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/chart.cjs

@@ -0,0 +1,243 @@
+"use client";
+"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 ('undefined' != 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__, {
+    ChartContainer: ()=>ChartContainer,
+    ChartTooltip: ()=>ChartTooltip,
+    ChartLegend: ()=>ChartLegend,
+    ChartTooltipContent: ()=>ChartTooltipContent,
+    ChartStyle: ()=>ChartStyle,
+    ChartLegendContent: ()=>ChartLegendContent,
+    createChartScope: ()=>createChartScope
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_context_namespaceObject = require("@radix-ui/react-context");
+const external_react_namespaceObject = require("react");
+const external_recharts_namespaceObject = require("recharts");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+const CHART_PROVIDER_NAME = "ChartProvider";
+const THEMES = {
+    dark: ".dark",
+    light: ""
+};
+const [createChartContext, createChartScope] = (0, react_context_namespaceObject.createContextScope)(CHART_PROVIDER_NAME);
+const [ChartContextProvider, useChartContext] = createChartContext(CHART_PROVIDER_NAME);
+function ChartContainer({ __scopeChart, id, children, className, config, ...props }) {
+    const uniqueId = (0, external_react_namespaceObject.useId)();
+    const chartId = `chart-${id || uniqueId}`;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ChartContextProvider, {
+        config: config,
+        scope: __scopeChart,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+            className: (0, utils_cjs_namespaceObject.cn)("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-sector[stroke='#fff']]:stroke-transparent", className),
+            "data-chart": chartId,
+            "data-slot": "chart",
+            ...props,
+            children: [
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ChartStyle, {
+                    config: config,
+                    id: chartId
+                }),
+                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_recharts_namespaceObject.ResponsiveContainer, {
+                    children: children
+                })
+            ]
+        })
+    });
+}
+function ChartStyle({ id, config }) {
+    const cssString = (0, external_react_namespaceObject.useMemo)(()=>generateCSS(id, config), [
+        id,
+        config
+    ]);
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("style", {
+        dangerouslySetInnerHTML: {
+            __html: cssString
+        }
+    });
+}
+const ChartTooltip = external_recharts_namespaceObject.Tooltip;
+const CHART_TOOLTIP_CONTENT_NAME = "ChartTooltipContent";
+function ChartTooltipContent({ __scopeChart, active, className, color, formatter, hideIndicator = false, hideLabel = false, indicator = "dot", label, labelClassName, labelFormatter, labelKey, nameKey, payload }) {
+    const { config } = useChartContext(CHART_TOOLTIP_CONTENT_NAME, __scopeChart);
+    const tooltipLabel = (0, external_react_namespaceObject.useMemo)(()=>{
+        if (hideLabel || !payload?.length) return null;
+        const [item] = payload;
+        const key = `${labelKey || item.dataKey || item.name || "value"}`;
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        const value = labelKey || "string" != typeof label ? itemConfig?.label : config[label]?.label || label;
+        if (labelFormatter) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: (0, utils_cjs_namespaceObject.cn)("font-medium", labelClassName),
+            children: labelFormatter(value, payload)
+        });
+        if (!value) return null;
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+            className: (0, utils_cjs_namespaceObject.cn)("font-medium", labelClassName),
+            children: value
+        });
+    }, [
+        config,
+        hideLabel,
+        label,
+        labelClassName,
+        labelFormatter,
+        labelKey,
+        payload
+    ]);
+    if (!active || !payload?.length) return null;
+    const nestLabel = 1 === payload.length && "dot" !== indicator;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: (0, utils_cjs_namespaceObject.cn)("bg-background grid min-w-32 items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl", className),
+        children: [
+            nestLabel ? null : tooltipLabel,
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "grid gap-1.5",
+                children: payload.map((item, index)=>{
+                    const key = `${nameKey || item.name || item.dataKey || "value"}`;
+                    const itemConfig = getPayloadConfigFromPayload(config, item, key);
+                    const indicatorColor = color || item.payload.fill || item.color;
+                    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: (0, utils_cjs_namespaceObject.cn)("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5", "dot" === indicator && "items-center"),
+                        children: formatter && void 0 !== item.value && item.name ? formatter(item.value, item.name, item, index, item.payload) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                            children: [
+                                itemConfig?.icon ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(itemConfig.icon, {}) : !hideIndicator && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                    className: (0, utils_cjs_namespaceObject.cn)("border-(--color-border) bg-(--color-bg) rounded-xs shrink-0", {
+                                        "h-2.5 w-2.5": "dot" === indicator,
+                                        "my-0.5": nestLabel && "dashed" === indicator,
+                                        "w-0 border border-dashed bg-transparent": "dashed" === indicator,
+                                        "w-1": "line" === indicator
+                                    }),
+                                    style: {
+                                        "--color-bg": indicatorColor,
+                                        "--color-border": indicatorColor
+                                    }
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                    className: (0, utils_cjs_namespaceObject.cn)("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"),
+                                    children: [
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                            className: "grid gap-1.5",
+                                            children: [
+                                                nestLabel ? tooltipLabel : null,
+                                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                                    className: "text-muted-foreground",
+                                                    children: itemConfig?.label || item.name
+                                                })
+                                            ]
+                                        }),
+                                        item.value ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                                            className: "text-foreground font-mono font-medium tabular-nums",
+                                            children: item.value.toLocaleString()
+                                        }) : null
+                                    ]
+                                })
+                            ]
+                        })
+                    }, item.dataKey);
+                })
+            })
+        ]
+    });
+}
+const ChartLegend = external_recharts_namespaceObject.Legend;
+const CHART_LEGEND_CONTENT_NAME = "ChartLegendContent";
+function ChartLegendContent({ __scopeChart, className, hideIcon = false, nameKey, payload, verticalAlign = "bottom" }) {
+    const { config } = useChartContext(CHART_LEGEND_CONTENT_NAME, __scopeChart);
+    if (!payload?.length) return null;
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, utils_cjs_namespaceObject.cn)("flex items-center justify-center gap-4", "top" === verticalAlign ? "pb-3" : "pt-3", className),
+        children: payload.map((item)=>{
+            let key = "value";
+            if (nameKey) key = nameKey;
+            else if (item.dataKey) key = String(item.dataKey);
+            const itemConfig = getPayloadConfigFromPayload(config, item, key);
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: (0, utils_cjs_namespaceObject.cn)("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:size-3"),
+                children: [
+                    itemConfig?.icon && !hideIcon ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(itemConfig.icon, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                        className: "size-2 shrink-0 rounded-md",
+                        style: {
+                            backgroundColor: item.color
+                        }
+                    }),
+                    itemConfig?.label
+                ]
+            }, String(item.value));
+        })
+    });
+}
+function getPayloadConfigFromPayload(config, payload, key) {
+    if (!isValidObject(payload)) return;
+    const nestedPayload = "payload" in payload && isValidObject(payload.payload) ? payload.payload : void 0;
+    const configLabelKey = getConfigLabelKey(payload, nestedPayload, key);
+    return configLabelKey in config ? config[configLabelKey] : config[key];
+}
+function isValidObject(obj) {
+    return "object" == typeof obj && null !== obj;
+}
+function getConfigLabelKey(payload, nestedPayload, key) {
+    if (key in payload && "string" == typeof payload[key]) return payload[key];
+    if (nestedPayload && key in nestedPayload && "string" == typeof nestedPayload[key]) return nestedPayload[key];
+    return key;
+}
+function generateThemeCSS(theme, id, configEntries) {
+    const rules = [];
+    rules.push(`${THEMES[theme]} [data-chart=${id}] {`);
+    for (const [key, itemConfig] of configEntries){
+        const color = itemConfig?.theme?.[theme] || itemConfig?.color;
+        if (color) rules.push(`  --color-${key}: ${color};`);
+    }
+    rules.push("}");
+    return rules.join("\n");
+}
+function generateCSS(id, config) {
+    const themeOrColorConfig = Object.entries(config).filter(([_, itemConfig])=>itemConfig?.theme || itemConfig?.color);
+    const allRules = [];
+    for (const theme of Object.keys(THEMES)){
+        const themeCSS = generateThemeCSS(theme, id, themeOrColorConfig);
+        allRules.push(themeCSS);
+    }
+    return allRules.join("\n");
+}
+exports.ChartContainer = __webpack_exports__.ChartContainer;
+exports.ChartLegend = __webpack_exports__.ChartLegend;
+exports.ChartLegendContent = __webpack_exports__.ChartLegendContent;
+exports.ChartStyle = __webpack_exports__.ChartStyle;
+exports.ChartTooltip = __webpack_exports__.ChartTooltip;
+exports.ChartTooltipContent = __webpack_exports__.ChartTooltipContent;
+exports.createChartScope = __webpack_exports__.createChartScope;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "ChartContainer",
+    "ChartLegend",
+    "ChartLegendContent",
+    "ChartStyle",
+    "ChartTooltip",
+    "ChartTooltipContent",
+    "createChartScope"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/checkbox-cards.cjs

@@ -0,0 +1,69 @@
+"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 ('undefined' != 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__, {
+    CheckboxCards: ()=>CheckboxCards,
+    CheckboxCardsItem: ()=>CheckboxCardsItem
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const checkbox_group_namespaceObject = require("@codefast-ui/checkbox-group");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_label_cjs_namespaceObject = require("./label.cjs");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+function CheckboxCards(props) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_group_namespaceObject.Root, {
+        "data-slot": "checkbox-cards",
+        ...props
+    });
+}
+function CheckboxCardsItem({ checkboxClassName, children, className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_label_cjs_namespaceObject.Label, {
+        className: (0, utils_cjs_namespaceObject.cn)("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 has-disabled:opacity-50 flex items-start gap-3 rounded-lg border p-3 transition", className),
+        "data-slot": "checkbox-card",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_group_namespaceObject.Item, {
+                className: (0, utils_cjs_namespaceObject.cn)("border-input text-primary-foreground shadow-xs outline-hidden focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 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 rounded-sm border transition", checkboxClassName),
+                "data-slot": "checkbox-card-item",
+                ...props,
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_group_namespaceObject.CheckboxGroupIndicator, {
+                    "data-slot": "checkbox-card-indicator",
+                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon, {
+                        className: "size-3.5"
+                    })
+                })
+            }),
+            children
+        ]
+    });
+}
+exports.CheckboxCards = __webpack_exports__.CheckboxCards;
+exports.CheckboxCardsItem = __webpack_exports__.CheckboxCardsItem;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "CheckboxCards",
+    "CheckboxCardsItem"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/checkbox-group.cjs

@@ -0,0 +1,63 @@
+"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 ('undefined' != 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__, {
+    CheckboxGroup: ()=>CheckboxGroup,
+    CheckboxGroupItem: ()=>CheckboxGroupItem
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const checkbox_group_namespaceObject = require("@codefast-ui/checkbox-group");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+function CheckboxGroup({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_group_namespaceObject.Root, {
+        className: (0, utils_cjs_namespaceObject.cn)("grid gap-2", className),
+        "data-slot": "checkbox-group",
+        ...props
+    });
+}
+function CheckboxGroupItem({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_group_namespaceObject.Item, {
+        className: (0, utils_cjs_namespaceObject.cn)("border-input text-primary-foreground shadow-xs outline-hidden hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 focus-visible:aria-checked:ring-primary/20 dark:focus-visible:aria-checked:ring-primary/40 aria-checked:border-primary aria-checked:bg-primary aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-checked:aria-invalid:bg-destructive hover:not-disabled:not-aria-checked:aria-invalid:border-destructive/60 dark:bg-input/30 peer flex size-4 shrink-0 items-center justify-center rounded-sm border transition disabled:opacity-50", className),
+        "data-slot": "checkbox-group-item",
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(checkbox_group_namespaceObject.CheckboxGroupIndicator, {
+            className: "flex items-center justify-center text-current transition-none",
+            "data-slot": "checkbox-group-indicator",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon, {
+                className: "size-3.5"
+            })
+        })
+    });
+}
+exports.CheckboxGroup = __webpack_exports__.CheckboxGroup;
+exports.CheckboxGroupItem = __webpack_exports__.CheckboxGroupItem;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "CheckboxGroup",
+    "CheckboxGroupItem"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/cjs/components/checkbox.cjs

@@ -0,0 +1,53 @@
+"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 ('undefined' != 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__, {
+    Checkbox: ()=>Checkbox
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_checkbox_namespaceObject = require("@radix-ui/react-checkbox");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const utils_cjs_namespaceObject = require("../lib/utils.cjs");
+function Checkbox({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_checkbox_namespaceObject.Root, {
+        className: (0, utils_cjs_namespaceObject.cn)("border-input text-primary-foreground shadow-xs outline-hidden hover:not-disabled:not-aria-checked:border-ring/60 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3 aria-checked:focus-visible:ring-primary/20 dark:aria-checked:focus-visible:ring-primary/40 aria-checked:border-primary aria-checked:aria-invalid:bg-destructive aria-checked:bg-primary 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 flex size-4 shrink-0 items-center justify-center rounded-sm border transition disabled:opacity-50", className),
+        "data-slot": "checkbox",
+        ...props,
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_checkbox_namespaceObject.Indicator, {
+            className: "flex items-center justify-center text-current transition-none",
+            "data-slot": "checkbox-indicator",
+            children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.CheckIcon, {
+                className: "size-3.5"
+            })
+        })
+    });
+}
+exports.Checkbox = __webpack_exports__.Checkbox;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "Checkbox"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});