@codefast/ui 0.3.11-canary.1 → 0.3.11

package/dist/components/chart.js

@@ -1,199 +1,187 @@
 "use client";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { createContextScope } from "@radix-ui/react-context";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useId, useMemo } from "react";
-import { Legend, ResponsiveContainer, Tooltip } from "recharts";
+import { createContextScope } from "@radix-ui/react-context";
+import * as RechartsPrimitive from "recharts";
+//#region src/components/chart.tsx
 const THEMES = {
-    dark: ".dark",
-    light: ""
+	dark: ".dark",
+	light: ""
 };
 const CHART_PROVIDER_NAME = "ChartProvider";
 const [createChartContext, createChartScope] = createContextScope(CHART_PROVIDER_NAME);
 const [ChartContextProvider, useChartContext] = createChartContext(CHART_PROVIDER_NAME);
 function ChartContainer({ __scopeChart, children, className, config, id, ...props }) {
-    const uniqueId = useId();
-    const chartId = `chart-${id ?? uniqueId}`;
-    return /*#__PURE__*/ jsx(ChartContextProvider, {
-        config: config,
-        scope: __scopeChart,
-        children: /*#__PURE__*/ jsxs("div", {
-            className: cn("flex aspect-video justify-center text-xs [&_.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-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.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-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className),
-            "data-chart": chartId,
-            "data-slot": "chart",
-            ...props,
-            children: [
-                /*#__PURE__*/ jsx(ChartStyle, {
-                    config: config,
-                    id: chartId
-                }),
-                /*#__PURE__*/ jsx(ResponsiveContainer, {
-                    children: children
-                })
-            ]
-        })
-    });
+	const uniqueId = useId();
+	const chartId = `chart-${id ?? uniqueId}`;
+	return /* @__PURE__ */ jsx(ChartContextProvider, {
+		config,
+		scope: __scopeChart,
+		children: /* @__PURE__ */ jsxs("div", {
+			className: cn("flex aspect-video justify-center text-xs [&_.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-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.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-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className),
+			"data-chart": chartId,
+			"data-slot": "chart",
+			...props,
+			children: [/* @__PURE__ */ jsx(ChartStyle, {
+				config,
+				id: chartId
+			}), /* @__PURE__ */ jsx(RechartsPrimitive.ResponsiveContainer, { children })]
+		})
+	});
 }
 function ChartStyle({ config, id }) {
-    const colorConfig = Object.entries(config).filter(([, itemConfig])=>itemConfig.theme ?? itemConfig.color);
-    if (0 === colorConfig.length) return null;
-    return /*#__PURE__*/ jsx("style", {
-        dangerouslySetInnerHTML: {
-            __html: generateChartStyles(id, colorConfig)
-        }
-    });
+	const colorConfig = Object.entries(config).filter(([, itemConfig]) => itemConfig.theme ?? itemConfig.color);
+	if (colorConfig.length === 0) return null;
+	return /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: generateChartStyles(id, colorConfig) } });
 }
-const ChartTooltip = Tooltip;
+const ChartTooltip = RechartsPrimitive.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 = useMemo(()=>{
-        if (hideLabel || 0 === payload.length) return null;
-        const [item] = payload;
-        const key = safeToString(labelKey ?? item.dataKey ?? item.name ?? "value");
-        const itemConfig = getPayloadConfigFromPayload(config, item, key);
-        const value = labelKey || "string" != typeof label ? itemConfig?.label : label in config ? config[label].label ?? label : label;
-        if (labelFormatter) return /*#__PURE__*/ jsx("div", {
-            className: cn("font-medium", labelClassName),
-            children: labelFormatter(value, payload)
-        });
-        if (!value) return null;
-        return /*#__PURE__*/ jsx("div", {
-            className: cn("font-medium", labelClassName),
-            children: value
-        });
-    }, [
-        label,
-        labelFormatter,
-        payload,
-        hideLabel,
-        labelClassName,
-        config,
-        labelKey
-    ]);
-    if (!active || 0 === payload.length) return null;
-    const nestLabel = 1 === payload.length && "dot" !== indicator;
-    return /*#__PURE__*/ jsxs("div", {
-        className: cn("grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", className),
-        children: [
-            nestLabel ? null : tooltipLabel,
-            /*#__PURE__*/ jsx("div", {
-                className: "grid gap-1.5",
-                children: payload.map((item, index)=>{
-                    const key = safeToString(nameKey ?? item.name ?? item.dataKey ?? "value");
-                    const itemConfig = getPayloadConfigFromPayload(config, item, key);
-                    const indicatorColor = color ?? (isRecord(item.payload) && "fill" in item.payload && "string" == typeof item.payload.fill ? item.payload.fill : void 0) ?? item.color;
-                    return /*#__PURE__*/ jsx("div", {
-                        className: cn("flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5 [&>svg]:text-muted-foreground", "dot" === indicator && "items-center"),
-                        children: formatter && void 0 !== item.value && item.name ? formatter(item.value, item.name, item, index, [
-                            item
-                        ]) : /*#__PURE__*/ jsxs(Fragment, {
-                            children: [
-                                itemConfig?.icon ? /*#__PURE__*/ jsx(itemConfig.icon, {}) : !hideIndicator && /*#__PURE__*/ jsx("div", {
-                                    className: cn("shrink-0 rounded-xs border-(--color-border) bg-(--color-bg)", {
-                                        "h-2.5 w-2.5": "dot" === indicator,
-                                        "my-0.5": nestLabel && "dashed" === indicator,
-                                        "border-1.5 w-0 border-dashed bg-transparent": "dashed" === indicator,
-                                        "w-1": "line" === indicator
-                                    }),
-                                    style: {
-                                        "--color-bg": indicatorColor,
-                                        "--color-border": indicatorColor
-                                    }
-                                }),
-                                /*#__PURE__*/ jsxs("div", {
-                                    className: cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"),
-                                    children: [
-                                        /*#__PURE__*/ jsxs("div", {
-                                            className: "grid gap-1.5",
-                                            children: [
-                                                nestLabel ? tooltipLabel : null,
-                                                /*#__PURE__*/ jsx("span", {
-                                                    className: "text-muted-foreground",
-                                                    children: itemConfig?.label ?? item.name
-                                                })
-                                            ]
-                                        }),
-                                        null != item.value && /*#__PURE__*/ jsx("span", {
-                                            className: "font-mono font-medium text-foreground tabular-nums",
-                                            children: "number" == typeof item.value ? item.value.toLocaleString() : safeToString(item.value)
-                                        })
-                                    ]
-                                })
-                            ]
-                        })
-                    }, key);
-                })
-            })
-        ]
-    });
+	const { config } = useChartContext(CHART_TOOLTIP_CONTENT_NAME, __scopeChart);
+	const tooltipLabel = useMemo(() => {
+		if (hideLabel || payload.length === 0) return null;
+		const [item] = payload;
+		const itemConfig = getPayloadConfigFromPayload(config, item, safeToString(labelKey ?? item.dataKey ?? item.name ?? "value"));
+		const value = !labelKey && typeof label === "string" ? label in config ? config[label].label ?? label : label : itemConfig?.label;
+		if (labelFormatter) return /* @__PURE__ */ jsx("div", {
+			className: cn("font-medium", labelClassName),
+			children: labelFormatter(value, payload)
+		});
+		if (!value) return null;
+		return /* @__PURE__ */ jsx("div", {
+			className: cn("font-medium", labelClassName),
+			children: value
+		});
+	}, [
+		label,
+		labelFormatter,
+		payload,
+		hideLabel,
+		labelClassName,
+		config,
+		labelKey
+	]);
+	if (!active || payload.length === 0) return null;
+	const nestLabel = payload.length === 1 && indicator !== "dot";
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", className),
+		children: [nestLabel ? null : tooltipLabel, /* @__PURE__ */ jsx("div", {
+			className: "grid gap-1.5",
+			children: payload.map((item, index) => {
+				const key = safeToString(nameKey ?? item.name ?? item.dataKey ?? "value");
+				const itemConfig = getPayloadConfigFromPayload(config, item, key);
+				const indicatorColor = color ?? (isRecord(item.payload) && "fill" in item.payload && typeof item.payload.fill === "string" ? item.payload.fill : void 0) ?? item.color;
+				return /* @__PURE__ */ jsx("div", {
+					className: cn("flex w-full flex-wrap items-stretch gap-2 [&>svg]:size-2.5 [&>svg]:text-muted-foreground", indicator === "dot" && "items-center"),
+					children: formatter && item.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, [item]) : /* @__PURE__ */ jsxs(Fragment, { children: [itemConfig?.icon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx("div", {
+						className: cn("shrink-0 rounded-xs border-(--color-border) bg-(--color-bg)", {
+							"h-2.5 w-2.5": indicator === "dot",
+							"my-0.5": nestLabel && indicator === "dashed",
+							"border-1.5 w-0 border-dashed bg-transparent": indicator === "dashed",
+							"w-1": indicator === "line"
+						}),
+						style: {
+							"--color-bg": indicatorColor,
+							"--color-border": indicatorColor
+						}
+					}), /* @__PURE__ */ jsxs("div", {
+						className: cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"),
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "grid gap-1.5",
+							children: [nestLabel ? tooltipLabel : null, /* @__PURE__ */ jsx("span", {
+								className: "text-muted-foreground",
+								children: itemConfig?.label ?? item.name
+							})]
+						}), item.value != null && /* @__PURE__ */ jsx("span", {
+							className: "font-mono font-medium text-foreground tabular-nums",
+							children: typeof item.value === "number" ? item.value.toLocaleString() : safeToString(item.value)
+						})]
+					})] })
+				}, key);
+			})
+		})]
+	});
 }
-const ChartLegend = Legend;
+const ChartLegend = RechartsPrimitive.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__*/ jsx("div", {
-        className: 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 (null != item.dataKey) key = safeToString(item.dataKey);
-            const itemConfig = getPayloadConfigFromPayload(config, item, key);
-            return /*#__PURE__*/ jsxs("div", {
-                className: cn("flex items-center gap-1.5 [&>svg]:size-3 [&>svg]:text-muted-foreground"),
-                children: [
-                    itemConfig?.icon && !hideIcon ? /*#__PURE__*/ jsx(itemConfig.icon, {}) : /*#__PURE__*/ jsx("div", {
-                        className: "size-2 shrink-0 rounded-md",
-                        style: {
-                            backgroundColor: item.color
-                        }
-                    }),
-                    itemConfig?.label
-                ]
-            }, nameKey ? safeToString(itemConfig?.color ?? "") : safeToString(item.value ?? ""));
-        })
-    });
+	const { config } = useChartContext(CHART_LEGEND_CONTENT_NAME, __scopeChart);
+	if (!payload?.length) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className),
+		children: payload.map((item) => {
+			let key = "value";
+			if (nameKey) key = nameKey;
+			else if (item.dataKey != null) key = safeToString(item.dataKey);
+			const itemConfig = getPayloadConfigFromPayload(config, item, key);
+			return /* @__PURE__ */ jsxs("div", {
+				className: cn("flex items-center gap-1.5 [&>svg]:size-3 [&>svg]:text-muted-foreground"),
+				children: [itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx("div", {
+					className: "size-2 shrink-0 rounded-md",
+					style: { backgroundColor: item.color }
+				}), itemConfig?.label]
+			}, nameKey ? safeToString(itemConfig?.color ?? "") : safeToString(item.value ?? ""));
+		})
+	});
 }
+/**
+* Type guard to check if an unknown value is a record with string keys
+*/
 function isRecord(value) {
-    return "object" == typeof value && null !== value;
+	return typeof value === "object" && value !== null;
 }
+/**
+* Safely gets a string value from a record by key
+*/
 function getStringValue(record, key) {
-    if (key in record) {
-        const value = record[key];
-        return "string" == typeof value ? value : void 0;
-    }
+	if (key in record) {
+		const value = record[key];
+		return typeof value === "string" ? value : void 0;
+	}
 }
+/**
+* Safely converts a value to string without type coercion
+*/
 function safeToString(value) {
-    if ("string" == typeof value) return value;
-    if ("number" == typeof value) return value.toString();
-    if (null == value) return "";
-    if ("boolean" == typeof value) return value.toString();
-    if ("bigint" == typeof value) return value.toString();
-    if ("symbol" == typeof value) return value.toString();
-    return "";
+	if (typeof value === "string") return value;
+	if (typeof value === "number") return value.toString();
+	if (value === null || value === void 0) return "";
+	if (typeof value === "boolean") return value.toString();
+	if (typeof value === "bigint") return value.toString();
+	if (typeof value === "symbol") return value.toString();
+	return "";
 }
 function getPayloadConfigFromPayload(config, payload, key) {
-    if (!isRecord(payload)) return;
-    const payloadPayload = isRecord(payload.payload) ? payload.payload : void 0;
-    let configLabelKey = key;
-    const payloadValue = getStringValue(payload, key);
-    if (payloadValue) configLabelKey = payloadValue;
-    else if (payloadPayload) {
-        const nestedValue = getStringValue(payloadPayload, key);
-        if (nestedValue) configLabelKey = nestedValue;
-    }
-    return configLabelKey in config ? config[configLabelKey] : config[key];
+	if (!isRecord(payload)) return;
+	const payloadPayload = isRecord(payload.payload) ? payload.payload : void 0;
+	let configLabelKey = key;
+	const payloadValue = getStringValue(payload, key);
+	if (payloadValue) configLabelKey = payloadValue;
+	else if (payloadPayload) {
+		const nestedValue = getStringValue(payloadPayload, key);
+		if (nestedValue) configLabelKey = nestedValue;
+	}
+	return configLabelKey in config ? config[configLabelKey] : config[key];
 }
+/**
+* Generates CSS custom property for a specific theme and config item
+*/
 function generateCssVariable(key, itemConfig, theme) {
-    const color = itemConfig.theme?.[theme] ?? itemConfig.color;
-    return color ? `  --color-${key}: ${color};` : null;
+	const color = itemConfig.theme?.[theme] ?? itemConfig.color;
+	return color ? `  --color-${key}: ${color};` : null;
 }
+/**
+* Generates CSS rules for a specific theme
+*/
 function generateThemeStyles(theme, prefix, id, colorConfig) {
-    const cssVariables = colorConfig.map(([key, itemConfig])=>generateCssVariable(key, itemConfig, theme)).filter(Boolean).join("\n");
-    return `${prefix} [data-chart=${id}] {\n${cssVariables}\n}`;
+	return `${prefix} [data-chart=${id}] {\n${colorConfig.map(([key, itemConfig]) => generateCssVariable(key, itemConfig, theme)).filter(Boolean).join("\n")}\n}`;
 }
+/**
+* Generates complete CSS styles for all themes
+*/
 function generateChartStyles(id, colorConfig) {
-    return Object.entries(THEMES).map(([theme, prefix])=>generateThemeStyles(theme, prefix, id, colorConfig)).join("\n\n");
+	return Object.entries(THEMES).map(([theme, prefix]) => generateThemeStyles(theme, prefix, id, colorConfig)).join("\n\n");
 }
+//#endregion
 export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, createChartScope };

package/dist/components/checkbox-cards.d.ts

@@ -1,10 +1,17 @@
-import type { ComponentProps, JSX } from "react";
-import * as CheckboxGroupPrimitive from "../primitives/checkbox-group";
-type CheckboxCardsProps = ComponentProps<typeof CheckboxGroupPrimitive.Root>;
+import { CheckboxGroup, CheckboxGroupItem } from "../primitives/checkbox-group.js";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/checkbox-cards.d.ts
+type CheckboxCardsProps = ComponentProps<typeof CheckboxGroup>;
 declare function CheckboxCards(props: CheckboxCardsProps): JSX.Element;
-interface CheckboxCardsItemProps extends ComponentProps<typeof CheckboxGroupPrimitive.Item> {
-    checkboxClassName?: string;
+interface CheckboxCardsItemProps extends ComponentProps<typeof CheckboxGroupItem> {
+  checkboxClassName?: string;
 }
-declare function CheckboxCardsItem({ checkboxClassName, children, className, ...props }: CheckboxCardsItemProps): JSX.Element;
-export { CheckboxCards, CheckboxCardsItem };
-export type { CheckboxCardsItemProps, CheckboxCardsProps };
+declare function CheckboxCardsItem({
+  checkboxClassName,
+  children,
+  className,
+  ...props
+}: CheckboxCardsItemProps): JSX.Element;
+//#endregion
+export { CheckboxCards, CheckboxCardsItem, type CheckboxCardsItemProps, type CheckboxCardsProps };

package/dist/components/checkbox-cards.js

@@ -1,33 +1,30 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Label } from "./label.js";
+import { CheckboxGroup, CheckboxGroupIndicator, CheckboxGroupItem } from "../primitives/checkbox-group.js";
 import { cn } from "@codefast/tailwind-variants";
 import { CheckIcon } from "lucide-react";
-import { Label } from "./label.js";
-import { CheckboxGroupIndicator, Item, Root } from "../primitives/checkbox-group.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/checkbox-cards.tsx
 function CheckboxCards(props) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "checkbox-cards",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(CheckboxGroup, {
+		"data-slot": "checkbox-cards",
+		...props
+	});
 }
 function CheckboxCardsItem({ checkboxClassName, children, className, ...props }) {
-    return /*#__PURE__*/ jsxs(Label, {
-        className: cn("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", className),
-        "data-slot": "checkbox-card",
-        children: [
-            /*#__PURE__*/ jsx(Item, {
-                className: cn("peer flex size-4 shrink-0 rounded-sm border border-input text-primary-foreground shadow-xs outline-hidden transition focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 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", checkboxClassName),
-                "data-slot": "checkbox-card-item",
-                ...props,
-                children: /*#__PURE__*/ jsx(CheckboxGroupIndicator, {
-                    "data-slot": "checkbox-card-indicator",
-                    children: /*#__PURE__*/ jsx(CheckIcon, {
-                        className: "size-3.5"
-                    })
-                })
-            }),
-            children
-        ]
-    });
+	return /* @__PURE__ */ jsxs(Label, {
+		className: cn("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", className),
+		"data-slot": "checkbox-card",
+		children: [/* @__PURE__ */ jsx(CheckboxGroupItem, {
+			className: cn("peer flex size-4 shrink-0 rounded-sm border border-input text-primary-foreground shadow-xs outline-hidden transition focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 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", checkboxClassName),
+			"data-slot": "checkbox-card-item",
+			...props,
+			children: /* @__PURE__ */ jsx(CheckboxGroupIndicator, {
+				"data-slot": "checkbox-card-indicator",
+				children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
+			})
+		}), children]
+	});
 }
+//#endregion
 export { CheckboxCards, CheckboxCardsItem };

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

@@ -1,8 +1,16 @@
-import type { ComponentProps, JSX } from "react";
-import * as CheckboxGroupPrimitive from "../primitives/checkbox-group";
-type CheckboxGroupProps = ComponentProps<typeof CheckboxGroupPrimitive.Root>;
-declare function CheckboxGroup({ className, ...props }: CheckboxGroupProps): JSX.Element;
-type CheckboxGroupItemProps = ComponentProps<typeof CheckboxGroupPrimitive.Item>;
-declare function CheckboxGroupItem({ className, ...props }: CheckboxGroupItemProps): JSX.Element;
-export { CheckboxGroup, CheckboxGroupItem };
-export type { CheckboxGroupItemProps, CheckboxGroupProps };
+import { CheckboxGroup as CheckboxGroup$1, CheckboxGroupItem as CheckboxGroupItem$1 } from "../primitives/checkbox-group.js";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/checkbox-group.d.ts
+type CheckboxGroupProps = ComponentProps<typeof CheckboxGroup$1>;
+declare function CheckboxGroup({
+  className,
+  ...props
+}: CheckboxGroupProps): JSX.Element;
+type CheckboxGroupItemProps = ComponentProps<typeof CheckboxGroupItem$1>;
+declare function CheckboxGroupItem({
+  className,
+  ...props
+}: CheckboxGroupItemProps): JSX.Element;
+//#endregion
+export { CheckboxGroup, CheckboxGroupItem, type CheckboxGroupItemProps, type CheckboxGroupProps };

package/dist/components/checkbox-group.js

@@ -1,27 +1,27 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { CheckboxGroup as CheckboxGroup$1, CheckboxGroupIndicator, CheckboxGroupItem as CheckboxGroupItem$1 } from "../primitives/checkbox-group.js";
 import { cn } from "@codefast/tailwind-variants";
 import { CheckIcon } from "lucide-react";
-import { CheckboxGroupIndicator, Item, Root } from "../primitives/checkbox-group.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/checkbox-group.tsx
 function CheckboxGroup({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        className: cn("grid gap-2", className),
-        "data-slot": "checkbox-group",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(CheckboxGroup$1, {
+		className: cn("grid gap-2", className),
+		"data-slot": "checkbox-group",
+		...props
+	});
 }
 function CheckboxGroupItem({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Item, {
-        className: cn("peer flex size-4 shrink-0 items-center justify-center rounded-sm border border-input text-primary-foreground 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": "checkbox-group-item",
-        ...props,
-        children: /*#__PURE__*/ jsx(CheckboxGroupIndicator, {
-            className: "flex items-center justify-center text-current transition-none",
-            "data-slot": "checkbox-group-indicator",
-            children: /*#__PURE__*/ jsx(CheckIcon, {
-                className: "size-3.5"
-            })
-        })
-    });
+	return /* @__PURE__ */ jsx(CheckboxGroupItem$1, {
+		className: cn("peer flex size-4 shrink-0 items-center justify-center rounded-sm border border-input text-primary-foreground 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": "checkbox-group-item",
+		...props,
+		children: /* @__PURE__ */ jsx(CheckboxGroupIndicator, {
+			className: "flex items-center justify-center text-current transition-none",
+			"data-slot": "checkbox-group-indicator",
+			children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
+		})
+	});
 }
+//#endregion
 export { CheckboxGroup, CheckboxGroupItem };

package/dist/components/checkbox.d.ts

@@ -1,6 +1,11 @@
-import type { ComponentProps, JSX } from "react";
+import { ComponentProps, JSX } from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+
+//#region src/components/checkbox.d.ts
 type CheckboxProps = ComponentProps<typeof CheckboxPrimitive.Root>;
-declare function Checkbox({ className, ...props }: CheckboxProps): JSX.Element;
-export { Checkbox };
-export type { CheckboxProps };
+declare function Checkbox({
+  className,
+  ...props
+}: CheckboxProps): JSX.Element;
+//#endregion
+export { Checkbox, type CheckboxProps };

package/dist/components/checkbox.js

@@ -1,20 +1,20 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { Indicator, Root } from "@radix-ui/react-checkbox";
 import { CheckIcon } from "lucide-react";
+import { jsx } from "react/jsx-runtime";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+//#region src/components/checkbox.tsx
 function Checkbox({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        className: cn("peer flex size-4 shrink-0 items-center justify-center rounded-sm border border-input text-primary-foreground 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 aria-checked:focus-visible: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:aria-checked:focus-visible:ring-primary/40 dark:aria-invalid:ring-destructive/40", className),
-        "data-slot": "checkbox",
-        ...props,
-        children: /*#__PURE__*/ jsx(Indicator, {
-            className: "flex items-center justify-center text-current transition-none",
-            "data-slot": "checkbox-indicator",
-            children: /*#__PURE__*/ jsx(CheckIcon, {
-                className: "size-3.5"
-            })
-        })
-    });
+	return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
+		className: cn("peer flex size-4 shrink-0 items-center justify-center rounded-sm border border-input text-primary-foreground 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 aria-checked:focus-visible: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:aria-checked:focus-visible:ring-primary/40 dark:aria-invalid:ring-destructive/40", className),
+		"data-slot": "checkbox",
+		...props,
+		children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
+			className: "flex items-center justify-center text-current transition-none",
+			"data-slot": "checkbox-indicator",
+			children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
+		})
+	});
 }
+//#endregion
 export { Checkbox };

package/dist/components/collapsible.d.ts

@@ -1,10 +1,18 @@
-import type { ComponentProps, JSX } from "react";
+import { ComponentProps, JSX } from "react";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+
+//#region src/components/collapsible.d.ts
 type CollapsibleProps = ComponentProps<typeof CollapsiblePrimitive.Root>;
-declare function Collapsible({ ...props }: CollapsibleProps): JSX.Element;
+declare function Collapsible({
+  ...props
+}: CollapsibleProps): JSX.Element;
 type CollapsibleTriggerProps = ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>;
-declare function CollapsibleTrigger({ ...props }: CollapsibleTriggerProps): JSX.Element;
+declare function CollapsibleTrigger({
+  ...props
+}: CollapsibleTriggerProps): JSX.Element;
 type CollapsibleContentProps = ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>;
-declare function CollapsibleContent({ ...props }: CollapsibleContentProps): JSX.Element;
-export { Collapsible, CollapsibleContent, CollapsibleTrigger };
-export type { CollapsibleContentProps, CollapsibleProps, CollapsibleTriggerProps };
+declare function CollapsibleContent({
+  ...props
+}: CollapsibleContentProps): JSX.Element;
+//#endregion
+export { Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps };