@codefast/ui 0.3.11 → 0.3.12-canary.0

package/dist/components/chart.js

@@ -1,187 +1,198 @@
 "use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useId, useMemo } from "react";
 import { createContextScope } from "@radix-ui/react-context";
+import { useId, useMemo } from "react";
 import * as RechartsPrimitive from "recharts";
-//#region src/components/chart.tsx
-const THEMES = {
-	dark: ".dark",
-	light: ""
-};
+/* -----------------------------------------------------------------------------
+ * Chart Configuration and Theme Constants
+ * --------------------------------------------------------------------------- */
+const THEMES = { dark: ".dark", light: "" };
+/* -----------------------------------------------------------------------------
+ * Context: ChartProvider
+ * --------------------------------------------------------------------------- */
 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,
-		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 })]
-		})
-	});
+    const uniqueId = useId();
+    const chartId = `chart-${id ?? uniqueId}`;
+    return (_jsx(ChartContextProvider, { config: config, scope: __scopeChart, children: _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: [_jsx(ChartStyle, { config: config, id: chartId }), _jsx(RechartsPrimitive.ResponsiveContainer, { children: children })] }) }));
 }
 function ChartStyle({ config, id }) {
-	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 colorConfig = Object.entries(config).filter(([, itemConfig]) => itemConfig.theme ?? itemConfig.color);
+    if (colorConfig.length === 0) {
+        return null;
+    }
+    return (_jsx("style", { dangerouslySetInnerHTML: {
+            __html: generateChartStyles(id, colorConfig),
+        } }));
 }
 const ChartTooltip = RechartsPrimitive.Tooltip;
+/* -----------------------------------------------------------------------------
+ * Component: ChartTooltipContent
+ * -------------------------------------------------------------------------- */
 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 || 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);
-			})
-		})]
-	});
+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 || payload.length === 0) {
+            return null;
+        }
+        const [item] = payload;
+        const key = safeToString(labelKey ?? item.dataKey ?? item.name ?? "value");
+        const itemConfig = getPayloadConfigFromPayload(config, item, key);
+        const value = !labelKey && typeof label === "string"
+            ? label in config
+                ? (config[label].label ?? label)
+                : label
+            : itemConfig?.label;
+        if (labelFormatter) {
+            return (_jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) }));
+        }
+        if (!value) {
+            return null;
+        }
+        return _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 (_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, _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
+                            : undefined) ??
+                        item.color;
+                    return (_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 !== undefined && item.name ? (formatter(item.value, item.name, item, index, [item])) : (_jsxs(_Fragment, { children: [itemConfig?.icon ? (_jsx(itemConfig.icon, {})) : (!hideIndicator && (_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,
+                                    } }))), _jsxs("div", { className: cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"), children: [_jsxs("div", { className: "grid gap-1.5", children: [nestLabel ? tooltipLabel : null, _jsx("span", { className: "text-muted-foreground", children: itemConfig?.label ?? item.name })] }), item.value != null && (_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 = RechartsPrimitive.Legend;
+/* -----------------------------------------------------------------------------
+ * Component: ChartLegendContent
+ * -------------------------------------------------------------------------- */
 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", 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 ?? ""));
-		})
-	});
+function ChartLegendContent({ __scopeChart, className, hideIcon = false, nameKey, payload, verticalAlign = "bottom", }) {
+    const { config } = useChartContext(CHART_LEGEND_CONTENT_NAME, __scopeChart);
+    if (!payload?.length) {
+        return null;
+    }
+    return (_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 (_jsxs("div", { className: cn("flex items-center gap-1.5 [&>svg]:size-3 [&>svg]:text-muted-foreground"), children: [itemConfig?.icon && !hideIcon ? (_jsx(itemConfig.icon, {})) : (_jsx("div", { className: "size-2 shrink-0 rounded-md", style: {
+                            backgroundColor: item.color,
+                        } })), itemConfig?.label] }, nameKey ? safeToString(itemConfig?.color ?? "") : safeToString(item.value ?? "")));
+        }) }));
 }
+/* -----------------------------------------------------------------------------
+ * Helpers
+ * -------------------------------------------------------------------------- */
 /**
-* Type guard to check if an unknown value is a record with string keys
-*/
+ * Type guard to check if an unknown value is a record with string keys
+ */
 function isRecord(value) {
-	return typeof value === "object" && value !== null;
+    return typeof value === "object" && value !== null;
 }
 /**
-* Safely gets a string value from a record by key
-*/
+ * Safely gets a string value from a record by key
+ */
 function getStringValue(record, key) {
-	if (key in record) {
-		const value = record[key];
-		return typeof value === "string" ? value : void 0;
-	}
+    if (key in record) {
+        const value = record[key];
+        return typeof value === "string" ? value : undefined;
+    }
+    return undefined;
 }
 /**
-* Safely converts a value to string without type coercion
-*/
+ * Safely converts a value to string without type coercion
+ */
 function safeToString(value) {
-	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 "";
+    if (typeof value === "string") {
+        return value;
+    }
+    if (typeof value === "number") {
+        return value.toString();
+    }
+    if (value === null || value === undefined) {
+        return "";
+    }
+    if (typeof value === "boolean") {
+        return value.toString();
+    }
+    if (typeof value === "bigint") {
+        return value.toString();
+    }
+    if (typeof value === "symbol") {
+        return value.toString();
+    }
+    // For objects, arrays, functions, and other complex types, return empty string to avoid [object Object]
+    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 undefined;
+    }
+    const payloadPayload = isRecord(payload.payload) ? payload.payload : undefined;
+    let configLabelKey = key;
+    // Try to get the config key from the payload first
+    const payloadValue = getStringValue(payload, key);
+    if (payloadValue) {
+        configLabelKey = payloadValue;
+    }
+    else if (payloadPayload) {
+        // If not found in the payload, try the nested payload
+        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
-*/
+ * 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
-*/
+ * Generates CSS rules for a specific theme
+ */
 function generateThemeStyles(theme, prefix, id, colorConfig) {
-	return `${prefix} [data-chart=${id}] {\n${colorConfig.map(([key, itemConfig]) => generateCssVariable(key, itemConfig, theme)).filter(Boolean).join("\n")}\n}`;
+    const cssVariables = colorConfig
+        .map(([key, itemConfig]) => generateCssVariable(key, itemConfig, theme))
+        .filter(Boolean)
+        .join("\n");
+    return `${prefix} [data-chart=${id}] {\n${cssVariables}\n}`;
 }
 /**
-* Generates complete CSS styles for all themes
-*/
+ * 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 };
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, createChartScope, };

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

@@ -1,17 +1,11 @@
-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>;
+import type { ComponentProps, JSX } from "react";
+import * as CheckboxGroupPrimitive from "#primitives/checkbox-group";
+type CheckboxCardsProps = ComponentProps<typeof CheckboxGroupPrimitive.Root>;
 declare function CheckboxCards(props: CheckboxCardsProps): JSX.Element;
-interface CheckboxCardsItemProps extends ComponentProps<typeof CheckboxGroupItem> {
-  checkboxClassName?: string;
+interface CheckboxCardsItemProps extends ComponentProps<typeof CheckboxGroupPrimitive.Item> {
+    checkboxClassName?: string;
 }
-declare function CheckboxCardsItem({
-  checkboxClassName,
-  children,
-  className,
-  ...props
-}: CheckboxCardsItemProps): JSX.Element;
-//#endregion
-export { CheckboxCards, CheckboxCardsItem, type CheckboxCardsItemProps, type CheckboxCardsProps };
+declare function CheckboxCardsItem({ checkboxClassName, children, className, ...props }: CheckboxCardsItemProps): JSX.Element;
+export { CheckboxCards, CheckboxCardsItem };
+export type { CheckboxCardsItemProps, CheckboxCardsProps };
+//# sourceMappingURL=checkbox-cards.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-cards.d.ts","sourceRoot":"","sources":["../../src/components/checkbox-cards.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAMjD,OAAO,KAAK,sBAAsB,MAAM,4BAA4B,CAAC;AAMrE,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,IAAI,CAAC,CAAC;AAE7E,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAE7D;AAMD,UAAU,sBAAuB,SAAQ,cAAc,CAAC,OAAO,sBAAsB,CAAC,IAAI,CAAC;IACzF,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,iBAAS,iBAAiB,CAAC,EACzB,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAwBtC;AAMD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC;AAC5C,YAAY,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/checkbox-cards.js

@@ -1,30 +1,16 @@
 "use client";
-import { Label } from "./label.js";
-import { CheckboxGroup, CheckboxGroupIndicator, CheckboxGroupItem } from "../primitives/checkbox-group.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
 import { CheckIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/checkbox-cards.tsx
+import { Label } from "#components/label";
+import * as CheckboxGroupPrimitive from "#primitives/checkbox-group";
 function CheckboxCards(props) {
-	return /* @__PURE__ */ jsx(CheckboxGroup, {
-		"data-slot": "checkbox-cards",
-		...props
-	});
+    return _jsx(CheckboxGroupPrimitive.Root, { "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(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]
-	});
+    return (_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: [_jsx(CheckboxGroupPrimitive.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: _jsx(CheckboxGroupPrimitive.CheckboxGroupIndicator, { "data-slot": "checkbox-card-indicator", children: _jsx(CheckIcon, { className: "size-3.5" }) }) }), children] }));
 }
-//#endregion
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
 export { CheckboxCards, CheckboxCardsItem };

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

@@ -1,16 +1,9 @@
-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 };
+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 };
+//# sourceMappingURL=checkbox-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../src/components/checkbox-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,KAAK,sBAAsB,MAAM,4BAA4B,CAAC;AAMrE,KAAK,kBAAkB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,IAAI,CAAC,CAAC;AAE7E,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAQ/E;AAMD,KAAK,sBAAsB,GAAG,cAAc,CAAC,OAAO,sBAAsB,CAAC,IAAI,CAAC,CAAC;AAEjF,iBAAS,iBAAiB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAkBvF;AAMD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,CAAC;AAC5C,YAAY,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/checkbox-group.js

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

package/dist/components/checkbox.d.ts

@@ -1,11 +1,7 @@
-import { ComponentProps, JSX } from "react";
+import type { 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;
-//#endregion
-export { Checkbox, type CheckboxProps };
+declare function Checkbox({ className, ...props }: CheckboxProps): JSX.Element;
+export { Checkbox };
+export type { CheckboxProps };
+//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/components/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAO9D,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC;AAEnE,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAkBrE;AAMD,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/checkbox.js

@@ -1,20 +1,12 @@
 "use client";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { CheckIcon } from "lucide-react";
-import { jsx } from "react/jsx-runtime";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-//#region src/components/checkbox.tsx
+import { CheckIcon } from "lucide-react";
 function Checkbox({ className, ...props }) {
-	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" })
-		})
-	});
+    return (_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: _jsx(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-current transition-none", "data-slot": "checkbox-indicator", children: _jsx(CheckIcon, { className: "size-3.5" }) }) }));
 }
-//#endregion
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
 export { Checkbox };

package/dist/components/collapsible.d.ts

@@ -1,18 +1,11 @@
-import { ComponentProps, JSX } from "react";
+import type { 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;
-//#endregion
-export { Collapsible, CollapsibleContent, type CollapsibleContentProps, type CollapsibleProps, CollapsibleTrigger, type CollapsibleTriggerProps };
+declare function CollapsibleContent({ ...props }: CollapsibleContentProps): JSX.Element;
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+export type { CollapsibleContentProps, CollapsibleProps, CollapsibleTriggerProps };
+//# sourceMappingURL=collapsible.d.ts.map

package/dist/components/collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../src/components/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjD,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAMpE,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;AAEzE,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAEhE;AAMD,KAAK,uBAAuB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;AAE9F,iBAAS,kBAAkB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAE9E;AAMD,KAAK,uBAAuB,GAAG,cAAc,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;AAE9F,iBAAS,kBAAkB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAE9E;AAMD,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC;AAC/D,YAAY,EAAE,uBAAuB,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/components/collapsible.js

@@ -1,24 +1,16 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-//#region src/components/collapsible.tsx
 function Collapsible({ ...props }) {
-	return /* @__PURE__ */ jsx(CollapsiblePrimitive.Root, {
-		"data-slot": "collapsible",
-		...props
-	});
+    return _jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
 }
 function CollapsibleTrigger({ ...props }) {
-	return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleTrigger, {
-		"data-slot": "collapsible-trigger",
-		...props
-	});
+    return _jsx(CollapsiblePrimitive.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...props });
 }
 function CollapsibleContent({ ...props }) {
-	return /* @__PURE__ */ jsx(CollapsiblePrimitive.CollapsibleContent, {
-		"data-slot": "collapsible-content",
-		...props
-	});
+    return _jsx(CollapsiblePrimitive.CollapsibleContent, { "data-slot": "collapsible-content", ...props });
 }
-//#endregion
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };