@codefast/ui 0.3.11 → 0.3.12-canary.0

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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { tv } from "@codefast/tailwind-variants";
-import { jsx, jsxs } from "react/jsx-runtime";
 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 inset-0 flex items-center justify-center text-xs font-medium",
+        root: "relative inline-flex items-center justify-center",
+        svg: "size-full",
+        track: "origin-center",
+    },
+    variants: {
+        size: {
+            sm: { label: "text-[0.625rem]" },
+            md: { label: "text-xs" },
+            lg: { label: "text-sm" },
+            xl: { label: "text-base" },
+            "2xl": { label: "text-lg" },
+        },
+        thickness: { regular: {}, thick: {}, thin: {} },
+        variant: {
+            default: { indicator: "text-primary", track: "text-primary/20" },
+            destructive: { indicator: "text-destructive", track: "text-destructive/20" },
+        },
+    },
 });
-function ProgressCircle({ animate = true, animationDuration = 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,CAgB5E;AAMD,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/progress.js

@@ -1,19 +1,13 @@
 "use client";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { jsx } from "react/jsx-runtime";
 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: "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,CAsB3F;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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { jsx, jsxs } from "react/jsx-runtime";
 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: "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: [_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: _jsx(RadioGroupPrimitive.Indicator, { className: "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,CAgBjF;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 { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { jsx } from "react/jsx-runtime";
 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: "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,CAexF;AAMD,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/radio.js

@@ -1,16 +1,11 @@
 "use client";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { jsx } from "react/jsx-runtime";
 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 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 }));
 }
-//#endregion
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
 export { Radio };

package/dist/components/resizable.d.ts

@@ -1,23 +1,13 @@
-import { ComponentProps, JSX } from "react";
+import type { ComponentProps, JSX } from "react";
 import * as ResizablePrimitive from "react-resizable-panels";
-
-//#region src/components/resizable.d.ts
 type ResizableGroupProps = ComponentProps<typeof ResizablePrimitive.Group>;
-declare function ResizableGroup({
-  className,
-  ...props
-}: ResizableGroupProps): JSX.Element;
+declare function ResizableGroup({ className, ...props }: ResizableGroupProps): JSX.Element;
 type ResizablePanelProps = ComponentProps<typeof ResizablePrimitive.Panel>;
-declare function ResizablePanel({
-  ...props
-}: ResizablePanelProps): JSX.Element;
+declare function ResizablePanel({ ...props }: ResizablePanelProps): JSX.Element;
 interface ResizableSeparatorProps extends ComponentProps<typeof ResizablePrimitive.Separator> {
-  withHandle?: boolean;
+    withHandle?: boolean;
 }
-declare function ResizableSeparator({
-  className,
-  withHandle,
-  ...props
-}: ResizableSeparatorProps): JSX.Element;
-//#endregion
-export { ResizableGroup, type ResizableGroupProps, ResizablePanel, type ResizablePanelProps, ResizableSeparator, type ResizableSeparatorProps };
+declare function ResizableSeparator({ className, withHandle, ...props }: ResizableSeparatorProps): JSX.Element;
+export { ResizableGroup, ResizablePanel, ResizableSeparator };
+export type { ResizableGroupProps, ResizablePanelProps, ResizableSeparatorProps };
+//# sourceMappingURL=resizable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../src/components/resizable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAM7D,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC;AAE3E,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAQjF;AAMD,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC;AAE3E,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAEtE;AAMD,UAAU,uBAAwB,SAAQ,cAAc,CAAC,OAAO,kBAAkB,CAAC,SAAS,CAAC;IAC3F,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,UAAU,EACV,GAAG,KAAK,EACT,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAmBvC;AAMD,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,uBAAuB,EAAE,CAAC"}

package/dist/components/resizable.js

@@ -1,32 +1,18 @@
 "use client";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
 import { GripVerticalIcon } from "lucide-react";
-import { jsx } from "react/jsx-runtime";
 import * as ResizablePrimitive from "react-resizable-panels";
-//#region src/components/resizable.tsx
 function ResizableGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx(ResizablePrimitive.Group, {
-		className: cn("flex size-full", className),
-		"data-slot": "resizable-group",
-		...props
-	});
+    return (_jsx(ResizablePrimitive.Group, { className: cn("flex size-full", className), "data-slot": "resizable-group", ...props }));
 }
 function ResizablePanel({ ...props }) {
-	return /* @__PURE__ */ jsx(ResizablePrimitive.Panel, {
-		"data-slot": "resizable-panel",
-		...props
-	});
+    return _jsx(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
 }
 function ResizableSeparator({ className, withHandle, ...props }) {
-	return /* @__PURE__ */ jsx(ResizablePrimitive.Separator, {
-		className: cn("flex items-center justify-center bg-border outline-hidden focus-visible:bg-ring focus-visible:ring-3 focus-visible:ring-ring/50", "aria-[orientation=vertical]:w-px", "aria-[orientation=horizontal]:h-px", className),
-		"data-slot": "resizable-separator",
-		...props,
-		children: withHandle ? /* @__PURE__ */ jsx("div", {
-			className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border",
-			children: /* @__PURE__ */ jsx(GripVerticalIcon, { className: "size-2.5" })
-		}) : null
-	});
+    return (_jsx(ResizablePrimitive.Separator, { className: cn("flex items-center justify-center bg-border outline-hidden focus-visible:bg-ring focus-visible:ring-3 focus-visible:ring-ring/50", "aria-[orientation=vertical]:w-px", "aria-[orientation=horizontal]:h-px", className), "data-slot": "resizable-separator", ...props, children: withHandle ? (_jsx("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: _jsx(GripVerticalIcon, { className: "size-2.5" }) })) : null }));
 }
-//#endregion
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
 export { ResizableGroup, ResizablePanel, ResizableSeparator };

package/dist/components/scroll-area.d.ts

@@ -1,40 +1,28 @@
-import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
-import { VariantProps } from "@codefast/tailwind-variants";
-import { ComponentProps, JSX } from "react";
-import { Scope } from "@radix-ui/react-context";
+import type { VariantProps } from "@codefast/tailwind-variants";
+import type { Scope } from "@radix-ui/react-context";
+import type { ComponentProps, JSX } from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-
-//#region src/components/scroll-area.d.ts
-declare const scrollAreaScrollbarVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
-  orientation: {
-    horizontal: string;
-    vertical: string;
-  };
-  size: {
-    none: string;
-    sm: string;
-    md: string;
-    lg: string;
-  };
+declare const scrollAreaScrollbarVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
+    orientation: {
+        horizontal: string;
+        vertical: string;
+    };
+    size: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
 }, Record<string, never>>;
 type ScopedProps<P> = P & {
-  __scopeScrollArea?: Scope;
+    __scopeScrollArea?: Scope;
 };
 type ScrollAreaContextValue = Pick<VariantProps<typeof scrollAreaScrollbarVariants>, "size">;
 type ScrollAreaProps = ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Root> & ScrollAreaContextValue>;
-declare function ScrollArea({
-  __scopeScrollArea,
-  children,
-  className,
-  size,
-  ...props
-}: ScrollAreaProps): JSX.Element;
+declare function ScrollArea({ __scopeScrollArea, children, className, size, ...props }: ScrollAreaProps): JSX.Element;
 type ScrollAreaScrollbarProps = ScopedProps<ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>>;
-declare function ScrollAreaScrollbar({
-  __scopeScrollArea,
-  className,
-  orientation,
-  ...props
-}: ScrollAreaScrollbarProps): JSX.Element;
-//#endregion
-export { ScrollArea, type ScrollAreaProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, scrollAreaScrollbarVariants };
+declare function ScrollAreaScrollbar({ __scopeScrollArea, className, orientation, ...props }: ScrollAreaScrollbarProps): JSX.Element;
+export { scrollAreaScrollbarVariants };
+export { ScrollArea, ScrollAreaScrollbar };
+export type { ScrollAreaProps, ScrollAreaScrollbarProps };
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../src/components/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAChE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjD,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAMnE,QAAA,MAAM,2BAA2B;;;;;;;;;;;yBAqD/B,CAAC;AAQH,KAAK,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG;IAAE,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAIxD,KAAK,sBAAsB,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,2BAA2B,CAAC,EAAE,MAAM,CAAC,CAAC;AAS7F,KAAK,eAAe,GAAG,WAAW,CAChC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,GAAG,sBAAsB,CACzE,CAAC;AAEF,iBAAS,UAAU,CAAC,EAClB,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CAoB/B;AAMD,KAAK,wBAAwB,GAAG,WAAW,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC;AAElG,iBAAS,mBAAmB,CAAC,EAC3B,iBAAiB,EACjB,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACT,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAaxC;AAMD,OAAO,EAAE,2BAA2B,EAAE,CAAC;AACvC,OAAO,EAAE,UAAU,EAAE,mBAAmB,EAAE,CAAC;AAC3C,YAAY,EAAE,eAAe,EAAE,wBAAwB,EAAE,CAAC"}