@codefast/ui 0.3.11 → 0.3.12-canary.1

package/dist/components/progress-circle.d.ts

@@ -1,124 +1,107 @@
-import { ProgressCircleProvider } from "../primitives/progress-circle.js";
-import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
-import { VariantProps } from "@codefast/tailwind-variants";
-import { ComponentProps, JSX } from "react";
-
-//#region src/components/progress-circle.d.ts
-declare const progressCircleVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
-  size: {
-    sm: {
-      label: string;
+import type { VariantProps } from "#lib/utils";
+import type { ComponentProps, JSX } from "react";
+import * as ProgressCirclePrimitive from "#primitives/progress-circle";
+declare const progressCircleVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
+    size: {
+        sm: {
+            label: string;
+        };
+        md: {
+            label: string;
+        };
+        lg: {
+            label: string;
+        };
+        xl: {
+            label: string;
+        };
+        "2xl": {
+            label: string;
+        };
     };
-    md: {
-      label: string;
+    thickness: {
+        regular: {};
+        thick: {};
+        thin: {};
     };
-    lg: {
-      label: string;
+    variant: {
+        default: {
+            indicator: string;
+            track: string;
+        };
+        destructive: {
+            indicator: string;
+            track: string;
+        };
     };
-    xl: {
-      label: string;
-    };
-    "2xl": {
-      label: string;
-    };
-  };
-  thickness: {
-    regular: {};
-    thick: {};
-    thin: {};
-  };
-  variant: {
-    default: {
-      indicator: string;
-      track: string;
-    };
-    destructive: {
-      indicator: string;
-      track: string;
-    };
-  };
 }, {
-  indicator: string;
-  label: string;
-  root: string;
-  svg: string;
-  track: string;
+    indicator: string;
+    label: string[];
+    root: string;
+    svg: string;
+    track: string;
 }>;
-interface ProgressCircleProps extends Omit<ComponentProps<typeof ProgressCircleProvider>, "children" | "size">, VariantProps<typeof progressCircleVariants> {
-  /**
-   * Enables animation effect when value changes
-   */
-  animate?: boolean;
-  /**
-   * Duration of the animation in milliseconds
-   */
-  animationDuration?: number;
-  /**
-   * CSS class to customize the entire component
-   */
-  className?: string;
-  /**
-   * CSS classes to customize specific parts of the component
-   */
-  classNames?: {
+interface ProgressCircleProps extends Omit<ComponentProps<typeof ProgressCirclePrimitive.Provider>, "children" | "size">, VariantProps<typeof progressCircleVariants> {
     /**
-     * Class for the progress indicator
+     * Enables animation effect when value changes
      */
-    indicator?: string;
+    animate?: boolean;
     /**
-     * Class for the label in the center of the circle
+     * Duration of the animation in milliseconds
      */
-    label?: string;
+    animationDuration?: number;
+    /**
+     * CSS class to customize the entire component
+     */
+    className?: string;
+    /**
+     * CSS classes to customize specific parts of the component
+     */
+    classNames?: {
+        /**
+         * Class for the progress indicator
+         */
+        indicator?: string;
+        /**
+         * Class for the label in the center of the circle
+         */
+        label?: string;
+        /**
+         * Class for the root element of the component
+         */
+        root?: string;
+        /**
+         * Class for the SVG element
+         */
+        svg?: string;
+        /**
+         * Class for the circle track
+         */
+        track?: string;
+    };
     /**
-     * Class for the root element of the component
+     * Custom function to render content in the center of the circle
+     * @param value - Current value of the component
+     * @returns React element to display in the center of the circle
      */
-    root?: string;
+    customLabel?: ({ value }: {
+        value: number;
+    }) => JSX.Element;
     /**
-     * Class for the SVG element
+     * Display the numeric value in the center of the circle
      */
-    svg?: string;
+    showValue?: boolean;
     /**
-     * Class for the circle track
+     * Custom size in pixels
+     * When provided, this value overrides the size variant option
      */
-    track?: string;
-  };
-  /**
-   * Custom function to render content in the center of the circle
-   * @param value - Current value of the component
-   * @returns React element to display in the center of the circle
-   */
-  customLabel?: ({
-    value
-  }: {
-    value: number;
-  }) => JSX.Element;
-  /**
-   * Display the numeric value in the center of the circle
-   */
-  showValue?: boolean;
-  /**
-   * Custom size in pixels
-   * When provided, this value overrides the size variant option
-   */
-  sizeInPixels?: number;
+    sizeInPixels?: number;
 }
-declare function ProgressCircle({
-  animate,
-  animationDuration,
-  className,
-  classNames,
-  customLabel,
-  showValue,
-  size,
-  sizeInPixels,
-  strokeWidth,
-  thickness,
-  value,
-  variant,
-  ...props
-}: ProgressCircleProps): JSX.Element;
+declare function ProgressCircle({ animate, animationDuration, className, classNames, customLabel, showValue, size, sizeInPixels, strokeWidth, thickness, value, variant, ...props }: ProgressCircleProps): JSX.Element;
 declare namespace ProgressCircle {
-  var displayName: string;
+    var displayName: string;
 }
-//#endregion
-export { ProgressCircle, type ProgressCircleProps, progressCircleVariants };
+export { progressCircleVariants };
+export { ProgressCircle };
+export type { ProgressCircleProps };
+//# sourceMappingURL=progress-circle.d.ts.map

package/dist/components/progress-circle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-circle.d.ts","sourceRoot":"","sources":["../../src/components/progress-circle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAiB,GAAG,EAAE,MAAM,OAAO,CAAC;AAMhE,OAAO,KAAK,uBAAuB,MAAM,6BAA6B,CAAC;AAMvE,QAAA,MAAM,sBAAsB;;QAWtB,EAAE;YAAI,KAAK;;QAEX,EAAE;YAAI,KAAK;;QAEX,EAAE;YAAI,KAAK;;QAEX,EAAE;YAAI,KAAK;;QAEX,KAAK;YAAI,KAAK;;;;QAEH,OAAO;QAAM,KAAK;QAAM,IAAI;;;QAEvC,OAAO;YAAI,SAAS;YAAkB,KAAK;;QAC3C,WAAW;YAAI,SAAS;YAAsB,KAAK;;;;;;;;;EAGvD,CAAC;AAMH,UAAU,mBACR,SACE,IAAI,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,EAClF,YAAY,CAAC,OAAO,sBAAsB,CAAC;IAC7C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,UAAU,CAAC,EAAE;QACX;;WAEG;QACH,SAAS,CAAC,EAAE,MAAM,CAAC;QAEnB;;WAEG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;QAEf;;WAEG;QACH,IAAI,CAAC,EAAE,MAAM,CAAC;QAEd;;WAEG;QACH,GAAG,CAAC,EAAE,MAAM,CAAC;QAEb;;WAEG;QACH,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IAEF;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC;IAE5D;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,iBAAS,cAAc,CAAC,EACtB,OAAc,EACd,iBAAwB,EACxB,SAAS,EACT,UAAU,EACV,WAAW,EACX,SAAiB,EACjB,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,SAAqB,EACrB,KAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAyDnC;;;;AA2CD,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,YAAY,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/components/progress-circle.js

@@ -1,116 +1,83 @@
 "use client";
-import { useAnimatedValue } from "../hooks/use-animated-value.js";
-import { Indicator as ProgressCircleIndicator, ProgressCircle as ProgressCircle$1, ProgressCircleProvider, ProgressCircleSVG, ProgressCircleTrack, ProgressCircleValue } from "../primitives/progress-circle.js";
-import { tv } from "@codefast/tailwind-variants";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { tv } from "#lib/utils";
 import { useCallback, useMemo } from "react";
-//#region src/components/progress-circle.tsx
+import { useAnimatedValue } from "#hooks/use-animated-value";
+import * as ProgressCirclePrimitive from "#primitives/progress-circle";
+/* -------------------------------------------------------------------------------------------------
+ * Variant: ProgressCircle
+ * ----------------------------------------------------------------------------------------------- */
 const progressCircleVariants = tv({
-	defaultVariants: {
-		size: "md",
-		thickness: "regular",
-		variant: "default"
-	},
-	slots: {
-		indicator: "origin-center",
-		label: "absolute inset-0 flex items-center justify-center text-xs font-medium",
-		root: "relative inline-flex items-center justify-center",
-		svg: "size-full",
-		track: "origin-center"
-	},
-	variants: {
-		size: {
-			sm: { label: "text-[0.625rem]" },
-			md: { label: "text-xs" },
-			lg: { label: "text-sm" },
-			xl: { label: "text-base" },
-			"2xl": { label: "text-lg" }
-		},
-		thickness: {
-			regular: {},
-			thick: {},
-			thin: {}
-		},
-		variant: {
-			default: {
-				indicator: "text-primary",
-				track: "text-primary/20"
-			},
-			destructive: {
-				indicator: "text-destructive",
-				track: "text-destructive/20"
-			}
-		}
-	}
+    defaultVariants: { size: "md", thickness: "regular", variant: "default" },
+    slots: {
+        indicator: "origin-center",
+        label: ["absolute flex items-center justify-center", "inset-0", "text-xs font-medium"],
+        root: "relative inline-flex items-center justify-center",
+        svg: "size-full",
+        track: "origin-center",
+    },
+    variants: {
+        size: {
+            sm: { label: "text-[0.625rem]" },
+            md: { label: "text-xs" },
+            lg: { label: "text-sm" },
+            xl: { label: "text-base" },
+            "2xl": { label: "text-lg" },
+        },
+        thickness: { regular: {}, thick: {}, thin: {} },
+        variant: {
+            default: { indicator: "text-primary", track: "text-primary/20" },
+            destructive: { indicator: "text-destructive", track: "text-destructive/20" },
+        },
+    },
 });
-function ProgressCircle({ animate = true, animationDuration = 1e3, className, classNames, customLabel, showValue = false, size, sizeInPixels, strokeWidth, thickness = "regular", value = 0, variant = "default", ...props }) {
-	const displayValue = useAnimatedValue(value, animationDuration, animate);
-	const actualSize = useMemo(() => sizeInPixels ?? getActualSize(size), [sizeInPixels, size]);
-	const actualThickness = useMemo(() => strokeWidth ?? getStrokeWidth(thickness, actualSize), [
-		strokeWidth,
-		thickness,
-		actualSize
-	]);
-	const slots = useMemo(() => progressCircleVariants({
-		size,
-		thickness,
-		variant
-	}), [
-		variant,
-		size,
-		thickness
-	]);
-	const shouldShowLabel = showValue || Boolean(customLabel);
-	const renderLabel = useCallback(() => {
-		if (customLabel) return customLabel({ value: displayValue });
-		return `${displayValue.toString()}%`;
-	}, [customLabel, displayValue]);
-	return /* @__PURE__ */ jsx(ProgressCircleProvider, {
-		size: actualSize,
-		strokeWidth: actualThickness,
-		value,
-		...props,
-		children: /* @__PURE__ */ jsxs(ProgressCircle$1, {
-			className: slots.root({ className: [className, classNames?.root] }),
-			children: [/* @__PURE__ */ jsxs(ProgressCircleSVG, {
-				className: slots.svg({ className: classNames?.svg }),
-				children: [/* @__PURE__ */ jsx(ProgressCircleTrack, { className: slots.track({ className: classNames?.track }) }), /* @__PURE__ */ jsx(ProgressCircleIndicator, {
-					className: slots.indicator({ className: classNames?.indicator }),
-					style: {
-						transitionDuration: `${animationDuration.toString()}ms`,
-						transitionProperty: "stroke-dashoffset"
-					}
-				})]
-			}), shouldShowLabel ? /* @__PURE__ */ jsx(ProgressCircleValue, {
-				className: slots.label({ className: classNames?.label }),
-				children: renderLabel()
-			}) : null]
-		})
-	});
+function ProgressCircle({ animate = true, animationDuration = 1000, className, classNames, customLabel, showValue = false, size, sizeInPixels, strokeWidth, thickness = "regular", value = 0, variant = "default", ...props }) {
+    const displayValue = useAnimatedValue(value, animationDuration, animate);
+    const actualSize = useMemo(() => sizeInPixels ?? getActualSize(size), [sizeInPixels, size]);
+    const actualThickness = useMemo(() => strokeWidth ?? getStrokeWidth(thickness, actualSize), [strokeWidth, thickness, actualSize]);
+    const slots = useMemo(() => progressCircleVariants({ size, thickness, variant }), [variant, size, thickness]);
+    const shouldShowLabel = showValue || Boolean(customLabel);
+    const renderLabel = useCallback(() => {
+        if (customLabel) {
+            return customLabel({ value: displayValue });
+        }
+        return `${displayValue.toString()}%`;
+    }, [customLabel, displayValue]);
+    return (_jsx(ProgressCirclePrimitive.Provider, { size: actualSize, strokeWidth: actualThickness, value: value, ...props, children: _jsxs(ProgressCirclePrimitive.Root, { className: slots.root({ className: [className, classNames?.root] }), children: [_jsxs(ProgressCirclePrimitive.SVG, { className: slots.svg({ className: classNames?.svg }), children: [_jsx(ProgressCirclePrimitive.Track, { className: slots.track({ className: classNames?.track }) }), _jsx(ProgressCirclePrimitive.Indicator, { className: slots.indicator({ className: classNames?.indicator }), style: {
+                                transitionDuration: `${animationDuration.toString()}ms`,
+                                transitionProperty: "stroke-dashoffset",
+                            } })] }), shouldShowLabel ? (_jsx(ProgressCirclePrimitive.Value, { className: slots.label({ className: classNames?.label }), children: renderLabel() })) : null] }) }));
 }
 ProgressCircle.displayName = "ProgressCircle";
+/* -----------------------------------------------------------------------------
+ * Helpers
+ * -------------------------------------------------------------------------- */
 /**
-* Maps size variants to actual pixel sizes
-*/
+ * Maps size variants to actual pixel sizes
+ */
 const getActualSize = (size) => {
-	return size ? {
-		"2xl": 128,
-		lg: 64,
-		md: 48,
-		sm: 32,
-		xl: 96
-	}[size] : 48;
+    const sizeMap = {
+        "2xl": 128,
+        lg: 64,
+        md: 48,
+        sm: 32,
+        xl: 96,
+    };
+    return size ? sizeMap[size] : 48;
 };
 /**
-* Calculates stroke width based on thickness variant and circle size
-*/
+ * Calculates stroke width based on thickness variant and circle size
+ */
 const getStrokeWidth = (thickness, size) => {
-	const thicknessMap = {
-		regular: Math.max(3, size * .05),
-		thick: Math.max(4, size * .075),
-		thin: Math.max(2, size * .025)
-	};
-	return thickness ? thicknessMap[thickness] : Math.max(3, size * .05);
+    const thicknessMap = {
+        regular: Math.max(3, size * 0.05),
+        thick: Math.max(4, size * 0.075),
+        thin: Math.max(2, size * 0.025),
+    };
+    return thickness ? thicknessMap[thickness] : Math.max(3, size * 0.05);
 };
-//#endregion
-export { ProgressCircle, progressCircleVariants };
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { progressCircleVariants };
+export { ProgressCircle };

package/dist/components/progress.d.ts

@@ -1,12 +1,7 @@
-import { ComponentProps, JSX } from "react";
+import type { ComponentProps, JSX } from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-
-//#region src/components/progress.d.ts
 type ProgressProps = ComponentProps<typeof ProgressPrimitive.Root>;
-declare function Progress({
-  className,
-  value,
-  ...props
-}: ProgressProps): JSX.Element;
-//#endregion
-export { Progress, type ProgressProps };
+declare function Progress({ className, value, ...props }: ProgressProps): JSX.Element;
+export { Progress };
+export type { ProgressProps };
+//# sourceMappingURL=progress.d.ts.map

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

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

package/dist/components/progress.js

@@ -1,19 +1,13 @@
 "use client";
-import { cn } from "@codefast/tailwind-variants";
-import { jsx } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "#lib/utils";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-//#region src/components/progress.tsx
 function Progress({ className, value, ...props }) {
-	return /* @__PURE__ */ jsx(ProgressPrimitive.Root, {
-		className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className),
-		"data-slot": "progress",
-		...props,
-		children: /* @__PURE__ */ jsx(ProgressPrimitive.Indicator, {
-			className: "size-full flex-1 bg-primary transition-all",
-			"data-slot": "progress-indicator",
-			style: { transform: `translateX(-${(100 - (value ?? 0)).toString()}%)` }
-		})
-	});
+    return (_jsx(ProgressPrimitive.Root, { className: cn("relative", "h-2 w-full overflow-hidden", "rounded-full", "bg-primary/20", className), "data-slot": "progress", ...props, children: _jsx(ProgressPrimitive.Indicator, { className: cn("size-full flex-1", "bg-primary", "transition-all"), "data-slot": "progress-indicator", style: {
+                transform: `translateX(-${(100 - (value ?? 0)).toString()}%)`,
+            } }) }));
 }
-//#endregion
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
 export { Progress };

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

@@ -1,14 +1,9 @@
-import { ComponentProps, JSX } from "react";
+import type { ComponentProps, JSX } from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-
-//#region src/components/radio-cards.d.ts
 type RadioCardsProps = ComponentProps<typeof RadioGroupPrimitive.Root>;
 declare function RadioCards(props: RadioCardsProps): JSX.Element;
 type RadioCardsItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;
-declare function RadioCardsItem({
-  children,
-  className,
-  ...props
-}: RadioCardsItemProps): JSX.Element;
-//#endregion
-export { RadioCards, RadioCardsItem, type RadioCardsItemProps, type RadioCardsProps };
+declare function RadioCardsItem({ children, className, ...props }: RadioCardsItemProps): JSX.Element;
+export { RadioCards, RadioCardsItem };
+export type { RadioCardsItemProps, RadioCardsProps };
+//# sourceMappingURL=radio-cards.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio-cards.d.ts","sourceRoot":"","sources":["../../src/components/radio-cards.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAQnE,KAAK,eAAe,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC;AAEvE,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAEvD;AAMD,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC;AAE3E,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAwC3F;AAMD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC;AACtC,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/radio-cards.js

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

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

@@ -1,16 +1,9 @@
-import { ComponentProps, JSX } from "react";
+import type { ComponentProps, JSX } from "react";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-
-//#region src/components/radio-group.d.ts
 type RadioGroupProps = ComponentProps<typeof RadioGroupPrimitive.Root>;
-declare function RadioGroup({
-  className,
-  ...props
-}: RadioGroupProps): JSX.Element;
+declare function RadioGroup({ className, ...props }: RadioGroupProps): JSX.Element;
 type RadioGroupItemProps = ComponentProps<typeof RadioGroupPrimitive.Item>;
-declare function RadioGroupItem({
-  className,
-  ...props
-}: RadioGroupItemProps): JSX.Element;
-//#endregion
-export { RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupProps };
+declare function RadioGroupItem({ className, ...props }: RadioGroupItemProps): JSX.Element;
+export { RadioGroup, RadioGroupItem };
+export type { RadioGroupItemProps, RadioGroupProps };
+//# sourceMappingURL=radio-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../src/components/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAMnE,KAAK,eAAe,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC;AAEvE,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAQzE;AAMD,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC;AAE3E,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CA6BjF;AAMD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAC;AACtC,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/radio-group.js

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

package/dist/components/radio.d.ts

@@ -1,14 +1,8 @@
-import { ComponentProps, JSX } from "react";
-
-//#region src/components/radio.d.ts
+import type { ComponentProps, JSX } from "react";
 interface RadioProps extends Omit<ComponentProps<"input">, "type"> {
-  onValueChange?: (value: string) => void;
+    onValueChange?: (value: string) => void;
 }
-declare function Radio({
-  className,
-  onChange,
-  onValueChange,
-  ...props
-}: RadioProps): JSX.Element;
-//#endregion
-export { Radio, type RadioProps };
+declare function Radio({ className, onChange, onValueChange, ...props }: RadioProps): JSX.Element;
+export { Radio };
+export type { RadioProps };
+//# sourceMappingURL=radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/components/radio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AASjD,UAAU,UAAW,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAChE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CA+BxF;AAMD,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/radio.js

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