@skybin-tech/nebula-ui 0.0.26 → 0.0.27

package/dist/cjs/components/Form/FormSwitch.cjs

@@ -0,0 +1,126 @@
+"use client";
+"use client";
+const require_cn = require("../../utils/cn.cjs");
+const require_context = require("./context.cjs");
+const require_label = require("../../primitives/label.cjs");
+const require_switch = require("../../primitives/switch.cjs");
+let react = require("react");
+let class_variance_authority = require("class-variance-authority");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_hook_form = require("react-hook-form");
+//#region src/components/Form/FormSwitch.tsx
+var switchSizeVariants = (0, class_variance_authority.cva)("", {
+	variants: { size: {
+		sm: "h-5 w-9",
+		md: "h-6 w-11",
+		lg: "h-7 w-14"
+	} },
+	defaultVariants: { size: "md" }
+});
+var labelVariants = (0, class_variance_authority.cva)("text-sm font-medium cursor-pointer select-none", {
+	variants: { disabled: {
+		true: "cursor-not-allowed opacity-50",
+		false: ""
+	} },
+	defaultVariants: { disabled: false }
+});
+/**
+* Switch component with form integration
+*
+* This is a wrapper around the shadcn/ui Switch primitive that adds:
+* - Form integration with react-hook-form
+* - Automatic validation registration
+* - Label, helper text, and error message support
+* - Checked/unchecked text display
+*
+* @example
+* ```tsx
+* // Inside a Form component
+* <FormSwitch name="notifications" label="Enable notifications" />
+* <FormSwitch name="terms" label="Accept terms" required="You must accept the terms" />
+* <FormSwitch name="darkMode" label="Dark mode" checkedText="On" uncheckedText="Off" />
+* ```
+*/
+function FormSwitchInner({ name, label, helperText, showError = true, error: customError, size, className, disabled, id: providedId, control: externalControl, checkedText, uncheckedText, required, validate, ...props }, ref) {
+	const generatedId = (0, react.useId)();
+	const inputId = providedId ?? generatedId;
+	const formConfigContext = (0, react.useContext)(require_context.FormConfigContext);
+	const formConfig = formConfigContext ?? {};
+	const rhfContext = (0, react_hook_form.useFormContext)();
+	const control = externalControl ?? rhfContext?.control;
+	(0, react.useEffect)(() => {
+		if (formConfigContext?.registerFieldValidation) {
+			const rules = {};
+			if (required !== void 0) rules.required = required;
+			if (validate !== void 0) rules.validate = validate;
+			formConfigContext.registerFieldValidation({
+				name,
+				type: "boolean",
+				rules
+			});
+			return () => {
+				formConfigContext.unregisterFieldValidation(name);
+			};
+		}
+	}, [
+		formConfigContext,
+		name,
+		required,
+		validate
+	]);
+	const { field, fieldState } = (0, react_hook_form.useController)({
+		name,
+		control
+	});
+	const fieldError = fieldState.error?.message;
+	const errorMessage = customError ?? fieldError;
+	const hasError = !!errorMessage;
+	const effectiveSize = size ?? formConfig.size ?? "md";
+	const effectiveDisabled = disabled ?? formConfig.disabled;
+	const isChecked = field.value ?? false;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "space-y-1.5",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex items-center gap-3",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_switch.Switch, {
+						...props,
+						ref,
+						id: inputId,
+						checked: isChecked,
+						onCheckedChange: (checked) => field.onChange(checked),
+						disabled: effectiveDisabled,
+						"aria-labelledby": label ? `${inputId}-label` : void 0,
+						className: require_cn.cn(switchSizeVariants({ size: effectiveSize }), className)
+					}),
+					(checkedText || uncheckedText) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+						className: "text-sm text-muted-foreground",
+						children: isChecked ? checkedText : uncheckedText
+					}),
+					label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_label.Label, {
+						id: `${inputId}-label`,
+						htmlFor: inputId,
+						className: labelVariants({ disabled: effectiveDisabled }),
+						children: label
+					})
+				]
+			}),
+			showError && hasError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-sm text-destructive",
+				role: "alert",
+				children: errorMessage
+			}),
+			helperText && !hasError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-sm text-muted-foreground",
+				children: helperText
+			})
+		]
+	});
+}
+var FormSwitch = (0, react.forwardRef)(FormSwitchInner);
+FormSwitch.displayName = "FormSwitch";
+//#endregion
+exports.FormSwitch = FormSwitch;
+
+//# sourceMappingURL=FormSwitch.cjs.map

package/dist/cjs/components/Form/FormSwitch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormSwitch.cjs","names":[],"sources":["../../../../src/components/Form/FormSwitch.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { forwardRef, useId, useContext, useEffect } from \"react\";\r\nimport type { ReactNode, ComponentPropsWithoutRef } from \"react\";\r\nimport { useController, useFormContext as useRHFFormContext, type FieldValues, type FieldPath, type Control } from \"react-hook-form\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../utils/cn\";\r\nimport { FormConfigContext, type FormConfig, type FieldValidationRules } from \"../Form/context\";\r\nimport { Switch as ShadcnSwitch } from \"../../primitives/switch\";\r\nimport { Label } from \"../../primitives/label\";\r\nimport type * as SwitchPrimitives from \"@radix-ui/react-switch\";\r\n\r\nconst switchSizeVariants = cva(\r\n  \"\",\r\n  {\r\n    variants: {\r\n      size: {\r\n        sm: \"h-5 w-9\",\r\n        md: \"h-6 w-11\",\r\n        lg: \"h-7 w-14\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      size: \"md\",\r\n    },\r\n  }\r\n);\r\n\r\nconst labelVariants = cva(\r\n  \"text-sm font-medium cursor-pointer select-none\",\r\n  {\r\n    variants: {\r\n      disabled: {\r\n        true: \"cursor-not-allowed opacity-50\",\r\n        false: \"\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      disabled: false,\r\n    },\r\n  }\r\n);\r\n\r\nexport interface FormSwitchProps<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n> extends Omit<ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, \"name\" | \"checked\" | \"onCheckedChange\" | \"required\">,\r\n    VariantProps<typeof switchSizeVariants> {\r\n  /** Field name - required for form integration */\r\n  name: TName;\r\n  /** Label text for the switch */\r\n  label?: ReactNode;\r\n  /** Helper text displayed below the switch */\r\n  helperText?: string;\r\n  /** Whether to show the error message */\r\n  showError?: boolean;\r\n  /** Custom error message (overrides form error) */\r\n  error?: string;\r\n  /** External control (for use outside Form) */\r\n  control?: Control<TFieldValues>;\r\n  /** Text to show when checked */\r\n  checkedText?: ReactNode;\r\n  /** Text to show when unchecked */\r\n  uncheckedText?: ReactNode;\r\n\r\n  // Validation props\r\n  /** Field is required (must be on) */\r\n  required?: boolean | string;\r\n  /** Custom validation function */\r\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\r\n}\r\n\r\n/**\r\n * Switch component with form integration\r\n *\r\n * This is a wrapper around the shadcn/ui Switch primitive that adds:\r\n * - Form integration with react-hook-form\r\n * - Automatic validation registration\r\n * - Label, helper text, and error message support\r\n * - Checked/unchecked text display\r\n *\r\n * @example\r\n * ```tsx\r\n * // Inside a Form component\r\n * <FormSwitch name=\"notifications\" label=\"Enable notifications\" />\r\n * <FormSwitch name=\"terms\" label=\"Accept terms\" required=\"You must accept the terms\" />\r\n * <FormSwitch name=\"darkMode\" label=\"Dark mode\" checkedText=\"On\" uncheckedText=\"Off\" />\r\n * ```\r\n */\r\nfunction FormSwitchInner<\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>(\r\n  {\r\n    name,\r\n    label,\r\n    helperText,\r\n    showError = true,\r\n    error: customError,\r\n    size,\r\n    className,\r\n    disabled,\r\n    id: providedId,\r\n    control: externalControl,\r\n    checkedText,\r\n    uncheckedText,\r\n    // Validation props\r\n    required,\r\n    validate,\r\n    ...props\r\n  }: FormSwitchProps<TFieldValues, TName>,\r\n  ref: React.ForwardedRef<React.ElementRef<typeof SwitchPrimitives.Root>>\r\n) {\r\n  const generatedId = useId();\r\n  const inputId = providedId ?? generatedId;\r\n\r\n  // Try to get form context\r\n  const formConfigContext = useContext(FormConfigContext);\r\n  const formConfig: FormConfig = formConfigContext ?? {};\r\n\r\n  // Get form context from react-hook-form\r\n  const rhfContext = useRHFFormContext<TFieldValues>();\r\n  const control = externalControl ?? rhfContext?.control;\r\n\r\n  // Register validation rules with the form\r\n  useEffect(() => {\r\n    if (formConfigContext?.registerFieldValidation) {\r\n      const rules: FieldValidationRules = {};\r\n\r\n      if (required !== undefined) rules.required = required;\r\n      if (validate !== undefined) rules.validate = validate;\r\n\r\n      formConfigContext.registerFieldValidation({\r\n        name: name as string,\r\n        type: \"boolean\",\r\n        rules,\r\n      });\r\n\r\n      return () => {\r\n        formConfigContext.unregisterFieldValidation(name as string);\r\n      };\r\n    }\r\n  }, [formConfigContext, name, required, validate]);\r\n\r\n  // Use controller for form integration\r\n  const { field, fieldState } = useController<TFieldValues, TName>({\r\n    name,\r\n    control,\r\n  });\r\n\r\n  const fieldError = fieldState.error?.message;\r\n  const errorMessage = customError ?? fieldError;\r\n  const hasError = !!errorMessage;\r\n\r\n  // Merge sizes - prop takes precedence over form config\r\n  const effectiveSize = size ?? formConfig.size ?? \"md\";\r\n  const effectiveDisabled = disabled ?? formConfig.disabled;\r\n  const isChecked = field.value ?? false;\r\n\r\n  return (\r\n    <div className=\"space-y-1.5\">\r\n      <div className=\"flex items-center gap-3\">\r\n        <ShadcnSwitch\r\n          {...props}\r\n          ref={ref}\r\n          id={inputId}\r\n          checked={isChecked}\r\n          onCheckedChange={(checked) => field.onChange(checked)}\r\n          disabled={effectiveDisabled}\r\n          aria-labelledby={label ? `${inputId}-label` : undefined}\r\n          className={cn(\r\n            switchSizeVariants({ size: effectiveSize }),\r\n            className\r\n          )}\r\n        />\r\n\r\n        {(checkedText || uncheckedText) && (\r\n          <span className=\"text-sm text-muted-foreground\">\r\n            {isChecked ? checkedText : uncheckedText}\r\n          </span>\r\n        )}\r\n\r\n        {label && (\r\n          <Label\r\n            id={`${inputId}-label`}\r\n            htmlFor={inputId}\r\n            className={labelVariants({ disabled: effectiveDisabled })}\r\n          >\r\n            {label}\r\n          </Label>\r\n        )}\r\n      </div>\r\n\r\n      {showError && hasError && (\r\n        <p className=\"text-sm text-destructive\" role=\"alert\">\r\n          {errorMessage}\r\n        </p>\r\n      )}\r\n\r\n      {helperText && !hasError && (\r\n        <p className=\"text-sm text-muted-foreground\">\r\n          {helperText}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport const FormSwitch = forwardRef(FormSwitchInner) as <\r\n  TFieldValues extends FieldValues = FieldValues,\r\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\r\n>(\r\n  props: FormSwitchProps<TFieldValues, TName> & { ref?: React.ForwardedRef<React.ElementRef<typeof SwitchPrimitives.Root>> }\r\n) => React.ReactElement;\r\n\r\n(FormSwitch as React.FC).displayName = \"FormSwitch\";\r\n"],"mappings":";;;;;;;;;;;AAYA,IAAM,sBAAA,GAAA,yBAAA,IAAA,CACJ,IACA;CACE,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,KACR;AACF,CACF;AAEA,IAAM,iBAAA,GAAA,yBAAA,IAAA,CACJ,kDACA;CACE,UAAU,EACR,UAAU;EACR,MAAM;EACN,OAAO;CACT,EACF;CACA,iBAAiB,EACf,UAAU,MACZ;AACF,CACF;;;;;;;;;;;;;;;;;;AAgDA,SAAS,gBAIP,EACE,MACA,OACA,YACA,YAAY,MACZ,OAAO,aACP,MACA,WACA,UACA,IAAI,YACJ,SAAS,iBACT,aACA,eAEA,UACA,UACA,GAAG,SAEL,KACA;CACA,MAAM,eAAA,GAAA,MAAA,MAAA,CAAoB;CAC1B,MAAM,UAAU,cAAc;CAG9B,MAAM,qBAAA,GAAA,MAAA,WAAA,CAA+B,gBAAA,iBAAiB;CACtD,MAAM,aAAyB,qBAAqB,CAAC;CAGrD,MAAM,cAAA,GAAA,gBAAA,eAAA,CAA6C;CACnD,MAAM,UAAU,mBAAmB,YAAY;CAG/C,CAAA,GAAA,MAAA,UAAA,OAAgB;EACd,IAAI,mBAAmB,yBAAyB;GAC9C,MAAM,QAA8B,CAAC;GAErC,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAC7C,IAAI,aAAa,KAAA,GAAW,MAAM,WAAW;GAE7C,kBAAkB,wBAAwB;IAClC;IACN,MAAM;IACN;GACF,CAAC;GAED,aAAa;IACX,kBAAkB,0BAA0B,IAAc;GAC5D;EACF;CACF,GAAG;EAAC;EAAmB;EAAM;EAAU;CAAQ,CAAC;CAGhD,MAAM,EAAE,OAAO,gBAAA,GAAA,gBAAA,cAAA,CAAkD;EAC/D;EACA;CACF,CAAC;CAED,MAAM,aAAa,WAAW,OAAO;CACrC,MAAM,eAAe,eAAe;CACpC,MAAM,WAAW,CAAC,CAAC;CAGnB,MAAM,gBAAgB,QAAQ,WAAW,QAAQ;CACjD,MAAM,oBAAoB,YAAY,WAAW;CACjD,MAAM,YAAY,MAAM,SAAS;CAEjC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;YAAf;GACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;cAAf;KACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAA,QAAD;MACE,GAAI;MACC;MACL,IAAI;MACJ,SAAS;MACT,kBAAkB,YAAY,MAAM,SAAS,OAAO;MACpD,UAAU;MACV,mBAAiB,QAAQ,GAAG,QAAQ,UAAU,KAAA;MAC9C,WAAW,WAAA,GACT,mBAAmB,EAAE,MAAM,cAAc,CAAC,GAC1C,SACF;KACD,CAAA;MAEC,eAAe,kBACf,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;MAAM,WAAU;gBACb,YAAY,cAAc;KACvB,CAAA;KAGP,SACC,iBAAA,GAAA,kBAAA,IAAA,CAAC,cAAA,OAAD;MACE,IAAI,GAAG,QAAQ;MACf,SAAS;MACT,WAAW,cAAc,EAAE,UAAU,kBAAkB,CAAC;gBAEvD;KACI,CAAA;IAEN;;GAEJ,aAAa,YACZ,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAG,WAAU;IAA2B,MAAK;cAC1C;GACA,CAAA;GAGJ,cAAc,CAAC,YACd,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;IAAG,WAAU;cACV;GACA,CAAA;EAEF;;AAET;AAEA,IAAa,cAAA,GAAA,MAAA,WAAA,CAAwB,eAAe;AAOpD,WAAyB,cAAc"}

package/dist/cjs/components/Form/Radio.cjs

@@ -1,179 +1,164 @@
 "use client";
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const reactHookForm = require("react-hook-form");
-const classVarianceAuthority = require("class-variance-authority");
-const cn = require("../../utils/cn.cjs");
-const context = require("./context.cjs");
-const radioGroup = require("../../primitives/radio-group.cjs");
-const label = require("../../primitives/label.cjs");
-const radioSizeVariants = classVarianceAuthority.cva(
-  "",
-  {
-    variants: {
-      size: {
-        sm: "h-4 w-4",
-        md: "h-5 w-5",
-        lg: "h-6 w-6"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-const labelVariants = classVarianceAuthority.cva(
-  "text-sm font-medium cursor-pointer select-none",
-  {
-    variants: {
-      disabled: {
-        true: "cursor-not-allowed opacity-50",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      disabled: false
-    }
-  }
-);
-const RadioGroupContext = React.createContext(null);
-function RadioGroup({
-  name,
-  label: label$1,
-  helperText,
-  showError = true,
-  error: customError,
-  size,
-  variant,
-  options = [],
-  direction = "vertical",
-  control: externalControl,
-  children,
-  disabled,
-  className,
-  // Validation props
-  required,
-  validate
-}) {
-  const generatedId = React.useId();
-  const formConfigContext = React.useContext(context.FormConfigContext);
-  const formConfig = formConfigContext ?? {};
-  const rhfContext = reactHookForm.useFormContext();
-  const control = externalControl ?? rhfContext?.control;
-  React.useEffect(() => {
-    if (formConfigContext?.registerFieldValidation) {
-      const rules = {};
-      if (required !== void 0) rules.required = required;
-      if (validate !== void 0) rules.validate = validate;
-      formConfigContext.registerFieldValidation({
-        name,
-        type: "string",
-        rules
-      });
-      return () => {
-        formConfigContext.unregisterFieldValidation(name);
-      };
-    }
-  }, [formConfigContext, name, required, validate]);
-  const { field, fieldState } = reactHookForm.useController({
-    name,
-    control
-  });
-  const fieldError = fieldState.error?.message;
-  const errorMessage = customError ?? fieldError;
-  const hasError = !!errorMessage;
-  const effectiveSize = size ?? formConfig.size ?? "md";
-  const effectiveDisabled = disabled ?? formConfig.disabled;
-  const effectiveVariant = hasError ? "error" : variant;
-  const contextValue = {
-    name,
-    value: field.value,
-    onChange: field.onChange,
-    disabled: effectiveDisabled,
-    size: effectiveSize
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("space-y-2", className), children: [
-    label$1 && /* @__PURE__ */ jsxRuntime.jsxs(label.Label, { className: cn.cn(
-      "block",
-      required && "after:content-['*'] after:ml-0.5 after:text-destructive"
-    ), children: [
-      label$1,
-      formConfig.colon && ":"
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(RadioGroupContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(
-      radioGroup.RadioGroup,
-      {
-        value: field.value?.toString(),
-        onValueChange: (value) => field.onChange(value),
-        disabled: effectiveDisabled,
-        "aria-labelledby": label$1 ? `${generatedId}-label` : void 0,
-        className: cn.cn(
-          direction === "horizontal" && "flex flex-row gap-4",
-          direction === "vertical" && "flex flex-col gap-2"
-        ),
-        children: children ?? options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
-          RadioItem,
-          {
-            value: option.value,
-            disabled: option.disabled,
-            size: effectiveSize,
-            variant: effectiveVariant,
-            children: option.label
-          },
-          option.value
-        ))
-      }
-    ) }),
-    showError && hasError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-destructive", role: "alert", children: errorMessage }),
-    helperText && !hasError && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: helperText })
-  ] });
+"use client";
+const require_cn = require("../../utils/cn.cjs");
+const require_context = require("./context.cjs");
+const require_label = require("../../primitives/label.cjs");
+const require_radio_group = require("../../primitives/radio-group.cjs");
+let react = require("react");
+let class_variance_authority = require("class-variance-authority");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_hook_form = require("react-hook-form");
+//#region src/components/Form/Radio.tsx
+var radioSizeVariants = (0, class_variance_authority.cva)("", {
+	variants: { size: {
+		sm: "h-4 w-4",
+		md: "h-5 w-5",
+		lg: "h-6 w-6"
+	} },
+	defaultVariants: { size: "md" }
+});
+var labelVariants = (0, class_variance_authority.cva)("text-sm font-medium cursor-pointer select-none", {
+	variants: { disabled: {
+		true: "cursor-not-allowed opacity-50",
+		false: ""
+	} },
+	defaultVariants: { disabled: false }
+});
+var RadioGroupContext = (0, react.createContext)(null);
+/**
+* RadioGroup component with form integration
+* 
+* This is a wrapper around the shadcn/ui RadioGroup primitive that adds:
+* - Form integration with react-hook-form
+* - Automatic validation registration
+* - Label, helper text, and error message support
+* 
+* @example
+* ```tsx
+* // Inside a Form component
+* <RadioGroup 
+*   name="gender" 
+*   label="Gender"
+*   required
+*   options={[
+*     { label: "Male", value: "male" },
+*     { label: "Female", value: "female" },
+*     { label: "Other", value: "other" },
+*   ]} 
+* />
+* ```
+*/
+function RadioGroup({ name, label, helperText, showError = true, error: customError, size, variant, options = [], direction = "vertical", control: externalControl, children, disabled, className, required, validate }) {
+	const generatedId = (0, react.useId)();
+	const formConfigContext = (0, react.useContext)(require_context.FormConfigContext);
+	const formConfig = formConfigContext ?? {};
+	const rhfContext = (0, react_hook_form.useFormContext)();
+	const control = externalControl ?? rhfContext?.control;
+	(0, react.useEffect)(() => {
+		if (formConfigContext?.registerFieldValidation) {
+			const rules = {};
+			if (required !== void 0) rules.required = required;
+			if (validate !== void 0) rules.validate = validate;
+			formConfigContext.registerFieldValidation({
+				name,
+				type: "string",
+				rules
+			});
+			return () => {
+				formConfigContext.unregisterFieldValidation(name);
+			};
+		}
+	}, [
+		formConfigContext,
+		name,
+		required,
+		validate
+	]);
+	const { field, fieldState } = (0, react_hook_form.useController)({
+		name,
+		control
+	});
+	const fieldError = fieldState.error?.message;
+	const errorMessage = customError ?? fieldError;
+	const hasError = !!errorMessage;
+	const effectiveSize = size ?? formConfig.size ?? "md";
+	const effectiveDisabled = disabled ?? formConfig.disabled;
+	const effectiveVariant = hasError ? "error" : variant;
+	const contextValue = {
+		name,
+		value: field.value,
+		onChange: field.onChange,
+		disabled: effectiveDisabled,
+		size: effectiveSize
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: require_cn.cn("space-y-2", className),
+		children: [
+			label && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_label.Label, {
+				className: require_cn.cn("block", required && "after:content-['*'] after:ml-0.5 after:text-destructive"),
+				children: [label, formConfig.colon && ":"]
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(RadioGroupContext.Provider, {
+				value: contextValue,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_radio_group.RadioGroup, {
+					value: field.value?.toString(),
+					onValueChange: (value) => field.onChange(value),
+					disabled: effectiveDisabled,
+					"aria-labelledby": label ? `${generatedId}-label` : void 0,
+					className: require_cn.cn(direction === "horizontal" && "flex flex-row gap-4", direction === "vertical" && "flex flex-col gap-2"),
+					children: children ?? options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RadioItem, {
+						value: option.value,
+						disabled: option.disabled,
+						size: effectiveSize,
+						variant: effectiveVariant,
+						children: option.label
+					}, option.value))
+				})
+			}),
+			showError && hasError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-sm text-destructive",
+				role: "alert",
+				children: errorMessage
+			}),
+			helperText && !hasError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				className: "text-sm text-muted-foreground",
+				children: helperText
+			})
+		]
+	});
 }
 RadioGroup.displayName = "RadioGroup";
-function RadioItemInner({
-  value,
-  children,
-  size,
-  variant,
-  className,
-  disabled,
-  id: providedId,
-  ...props
-}, ref) {
-  const generatedId = React.useId();
-  const inputId = providedId ?? generatedId;
-  const groupContext = React.useContext(RadioGroupContext);
-  const effectiveSize = size ?? groupContext?.size ?? "md";
-  const effectiveDisabled = disabled ?? groupContext?.disabled;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      radioGroup.RadioGroupItem,
-      {
-        ...props,
-        ref,
-        id: inputId,
-        value: value.toString(),
-        disabled: effectiveDisabled,
-        className: cn.cn(
-          radioSizeVariants({ size: effectiveSize }),
-          variant === "error" && "border-destructive",
-          className
-        )
-      }
-    ),
-    children && /* @__PURE__ */ jsxRuntime.jsx(
-      label.Label,
-      {
-        htmlFor: inputId,
-        className: labelVariants({ disabled: effectiveDisabled }),
-        children
-      }
-    )
-  ] });
+/**
+* RadioItem component - must be used within RadioGroup
+* 
+* This is a wrapper around the shadcn/ui RadioGroupItem primitive
+*/
+function RadioItemInner({ value, children, size, variant, className, disabled, id: providedId, ...props }, ref) {
+	const generatedId = (0, react.useId)();
+	const inputId = providedId ?? generatedId;
+	const groupContext = (0, react.useContext)(RadioGroupContext);
+	const effectiveSize = size ?? groupContext?.size ?? "md";
+	const effectiveDisabled = disabled ?? groupContext?.disabled;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_radio_group.RadioGroupItem, {
+			...props,
+			ref,
+			id: inputId,
+			value: value.toString(),
+			disabled: effectiveDisabled,
+			className: require_cn.cn(radioSizeVariants({ size: effectiveSize }), variant === "error" && "border-destructive", className)
+		}), children && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_label.Label, {
+			htmlFor: inputId,
+			className: labelVariants({ disabled: effectiveDisabled }),
+			children
+		})]
+	});
 }
-const RadioItem = React.forwardRef(RadioItemInner);
+var RadioItem = (0, react.forwardRef)(RadioItemInner);
 RadioItem.displayName = "RadioItem";
+//#endregion
 exports.RadioGroup = RadioGroup;
 exports.RadioItem = RadioItem;
-//# sourceMappingURL=Radio.cjs.map
+
+//# sourceMappingURL=Radio.cjs.map

package/dist/cjs/components/Form/Radio.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.cjs","sources":["../../../../src/components/Form/Radio.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, useId, useContext, createContext, useEffect } from \"react\";\nimport type { ReactNode, ComponentPropsWithoutRef } from \"react\";\nimport { useController, useFormContext as useRHFFormContext, type FieldValues, type FieldPath, type Control } from \"react-hook-form\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\nimport { FormConfigContext, type FormConfig, type FieldValidationRules } from \"../Form/context\";\nimport { RadioGroup as ShadcnRadioGroup, RadioGroupItem as ShadcnRadioGroupItem } from \"../../primitives/radio-group\";\nimport { Label } from \"../../primitives/label\";\nimport type * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\n\nconst radioSizeVariants = cva(\n  \"\",\n  {\n    variants: {\n      size: {\n        sm: \"h-4 w-4\",\n        md: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n);\n\nconst labelVariants = cva(\n  \"text-sm font-medium cursor-pointer select-none\",\n  {\n    variants: {\n      disabled: {\n        true: \"cursor-not-allowed opacity-50\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      disabled: false,\n    },\n  }\n);\n\n// Radio Group Context\ninterface RadioGroupContextValue {\n  name: string;\n  value: string | number | undefined;\n  onChange: (value: string | number) => void;\n  disabled?: boolean;\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n\nexport interface RadioOption {\n  label: ReactNode;\n  value: string | number;\n  disabled?: boolean;\n}\n\nexport interface RadioGroupProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends VariantProps<typeof radioSizeVariants> {\n  /** Field name - required for form integration */\n  name: TName;\n  /** Label text for the radio group */\n  label?: string;\n  /** Helper text displayed below the radio group */\n  helperText?: string;\n  /** Whether to show the error message */\n  showError?: boolean;\n  /** Custom error message (overrides form error) */\n  error?: string;\n  /** Options for the radio group */\n  options?: RadioOption[];\n  /** Layout direction */\n  direction?: \"horizontal\" | \"vertical\";\n  /** External control (for use outside Form) */\n  control?: Control<TFieldValues>;\n  /** Children (alternative to options prop) */\n  children?: ReactNode;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Additional class name */\n  className?: string;\n  /** Variant style */\n  variant?: \"default\" | \"error\";\n  \n  // Validation props\n  /** Field is required */\n  required?: boolean | string;\n  /** Custom validation function */\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\n}\n\n/**\n * RadioGroup component with form integration\n * \n * This is a wrapper around the shadcn/ui RadioGroup primitive that adds:\n * - Form integration with react-hook-form\n * - Automatic validation registration\n * - Label, helper text, and error message support\n * \n * @example\n * ```tsx\n * // Inside a Form component\n * <RadioGroup \n *   name=\"gender\" \n *   label=\"Gender\"\n *   required\n *   options={[\n *     { label: \"Male\", value: \"male\" },\n *     { label: \"Female\", value: \"female\" },\n *     { label: \"Other\", value: \"other\" },\n *   ]} \n * />\n * ```\n */\nexport function RadioGroup<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  name,\n  label,\n  helperText,\n  showError = true,\n  error: customError,\n  size,\n  variant,\n  options = [],\n  direction = \"vertical\",\n  control: externalControl,\n  children,\n  disabled,\n  className,\n  // Validation props\n  required,\n  validate,\n}: RadioGroupProps<TFieldValues, TName>) {\n  const generatedId = useId();\n  \n  // Try to get form context\n  const formConfigContext = useContext(FormConfigContext);\n  const formConfig: FormConfig = formConfigContext ?? {};\n  \n  // Get form context from react-hook-form\n  const rhfContext = useRHFFormContext<TFieldValues>();\n  const control = externalControl ?? rhfContext?.control;\n\n  // Register validation rules with the form\n  useEffect(() => {\n    if (formConfigContext?.registerFieldValidation) {\n      const rules: FieldValidationRules = {};\n      \n      if (required !== undefined) rules.required = required;\n      if (validate !== undefined) rules.validate = validate;\n\n      formConfigContext.registerFieldValidation({\n        name: name as string,\n        type: \"string\",\n        rules,\n      });\n\n      return () => {\n        formConfigContext.unregisterFieldValidation(name as string);\n      };\n    }\n  }, [formConfigContext, name, required, validate]);\n\n  // Use controller for form integration\n  const { field, fieldState } = useController<TFieldValues, TName>({\n    name,\n    control,\n  });\n\n  const fieldError = fieldState.error?.message;\n  const errorMessage = customError ?? fieldError;\n  const hasError = !!errorMessage;\n  \n  // Merge sizes - prop takes precedence over form config\n  const effectiveSize = size ?? formConfig.size ?? \"md\";\n  const effectiveDisabled = disabled ?? formConfig.disabled;\n  const effectiveVariant = hasError ? \"error\" : variant;\n\n  const contextValue: RadioGroupContextValue = {\n    name: name as string,\n    value: field.value,\n    onChange: field.onChange,\n    disabled: effectiveDisabled,\n    size: effectiveSize,\n  };\n\n  return (\n    <div className={cn(\"space-y-2\", className)}>\n      {label && (\n        <Label className={cn(\n          \"block\",\n          required && \"after:content-['*'] after:ml-0.5 after:text-destructive\"\n        )}>\n          {label}\n          {formConfig.colon && \":\"}\n        </Label>\n      )}\n      \n      <RadioGroupContext.Provider value={contextValue}>\n        <ShadcnRadioGroup\n          value={field.value?.toString()}\n          onValueChange={(value) => field.onChange(value)}\n          disabled={effectiveDisabled}\n          aria-labelledby={label ? `${generatedId}-label` : undefined}\n          className={cn(\n            direction === \"horizontal\" && \"flex flex-row gap-4\",\n            direction === \"vertical\" && \"flex flex-col gap-2\"\n          )}\n        >\n          {children ?? options.map((option) => (\n            <RadioItem\n              key={option.value}\n              value={option.value}\n              disabled={option.disabled}\n              size={effectiveSize}\n              variant={effectiveVariant}\n            >\n              {option.label}\n            </RadioItem>\n          ))}\n        </ShadcnRadioGroup>\n      </RadioGroupContext.Provider>\n\n      {showError && hasError && (\n        <p className=\"text-sm text-destructive\" role=\"alert\">\n          {errorMessage}\n        </p>\n      )}\n      \n      {helperText && !hasError && (\n        <p className=\"text-sm text-muted-foreground\">\n          {helperText}\n        </p>\n      )}\n    </div>\n  );\n}\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport interface RadioItemProps extends Omit<ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, \"value\">,\n    VariantProps<typeof radioSizeVariants> {\n  /** Value for this radio option */\n  value: string | number;\n  /** Label for this radio option */\n  children?: ReactNode;\n  /** Variant style */\n  variant?: \"default\" | \"error\";\n}\n\n/**\n * RadioItem component - must be used within RadioGroup\n * \n * This is a wrapper around the shadcn/ui RadioGroupItem primitive\n */\nfunction RadioItemInner(\n  {\n    value,\n    children,\n    size,\n    variant,\n    className,\n    disabled,\n    id: providedId,\n    ...props\n  }: RadioItemProps,\n  ref: React.ForwardedRef<React.ElementRef<typeof RadioGroupPrimitive.Item>>\n) {\n  const generatedId = useId();\n  const inputId = providedId ?? generatedId;\n  \n  const groupContext = useContext(RadioGroupContext);\n  \n  const effectiveSize = size ?? groupContext?.size ?? \"md\";\n  const effectiveDisabled = disabled ?? groupContext?.disabled;\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      <ShadcnRadioGroupItem\n        {...props}\n        ref={ref}\n        id={inputId}\n        value={value.toString()}\n        disabled={effectiveDisabled}\n        className={cn(\n          radioSizeVariants({ size: effectiveSize }),\n          variant === \"error\" && \"border-destructive\",\n          className\n        )}\n      />\n      \n      {children && (\n        <Label\n          htmlFor={inputId}\n          className={labelVariants({ disabled: effectiveDisabled })}\n        >\n          {children}\n        </Label>\n      )}\n    </div>\n  );\n}\n\nexport const RadioItem = forwardRef(RadioItemInner);\nRadioItem.displayName = \"RadioItem\";\n"],"names":["cva","createContext","label","useId","useContext","FormConfigContext","useRHFFormContext","useEffect","useController","cn","jsxs","Label","jsx","ShadcnRadioGroup","ShadcnRadioGroupItem","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Radio.cjs","names":[],"sources":["../../../../src/components/Form/Radio.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, useId, useContext, createContext, useEffect } from \"react\";\nimport type { ReactNode, ComponentPropsWithoutRef } from \"react\";\nimport { useController, useFormContext as useRHFFormContext, type FieldValues, type FieldPath, type Control } from \"react-hook-form\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../utils/cn\";\nimport { FormConfigContext, type FormConfig, type FieldValidationRules } from \"../Form/context\";\nimport { RadioGroup as ShadcnRadioGroup, RadioGroupItem as ShadcnRadioGroupItem } from \"../../primitives/radio-group\";\nimport { Label } from \"../../primitives/label\";\nimport type * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\n\nconst radioSizeVariants = cva(\n  \"\",\n  {\n    variants: {\n      size: {\n        sm: \"h-4 w-4\",\n        md: \"h-5 w-5\",\n        lg: \"h-6 w-6\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  }\n);\n\nconst labelVariants = cva(\n  \"text-sm font-medium cursor-pointer select-none\",\n  {\n    variants: {\n      disabled: {\n        true: \"cursor-not-allowed opacity-50\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      disabled: false,\n    },\n  }\n);\n\n// Radio Group Context\ninterface RadioGroupContextValue {\n  name: string;\n  value: string | number | undefined;\n  onChange: (value: string | number) => void;\n  disabled?: boolean;\n  size?: \"sm\" | \"md\" | \"lg\";\n}\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n\nexport interface RadioOption {\n  label: ReactNode;\n  value: string | number;\n  disabled?: boolean;\n}\n\nexport interface RadioGroupProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends VariantProps<typeof radioSizeVariants> {\n  /** Field name - required for form integration */\n  name: TName;\n  /** Label text for the radio group */\n  label?: string;\n  /** Helper text displayed below the radio group */\n  helperText?: string;\n  /** Whether to show the error message */\n  showError?: boolean;\n  /** Custom error message (overrides form error) */\n  error?: string;\n  /** Options for the radio group */\n  options?: RadioOption[];\n  /** Layout direction */\n  direction?: \"horizontal\" | \"vertical\";\n  /** External control (for use outside Form) */\n  control?: Control<TFieldValues>;\n  /** Children (alternative to options prop) */\n  children?: ReactNode;\n  /** Disabled state */\n  disabled?: boolean;\n  /** Additional class name */\n  className?: string;\n  /** Variant style */\n  variant?: \"default\" | \"error\";\n  \n  // Validation props\n  /** Field is required */\n  required?: boolean | string;\n  /** Custom validation function */\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\n}\n\n/**\n * RadioGroup component with form integration\n * \n * This is a wrapper around the shadcn/ui RadioGroup primitive that adds:\n * - Form integration with react-hook-form\n * - Automatic validation registration\n * - Label, helper text, and error message support\n * \n * @example\n * ```tsx\n * // Inside a Form component\n * <RadioGroup \n *   name=\"gender\" \n *   label=\"Gender\"\n *   required\n *   options={[\n *     { label: \"Male\", value: \"male\" },\n *     { label: \"Female\", value: \"female\" },\n *     { label: \"Other\", value: \"other\" },\n *   ]} \n * />\n * ```\n */\nexport function RadioGroup<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>({\n  name,\n  label,\n  helperText,\n  showError = true,\n  error: customError,\n  size,\n  variant,\n  options = [],\n  direction = \"vertical\",\n  control: externalControl,\n  children,\n  disabled,\n  className,\n  // Validation props\n  required,\n  validate,\n}: RadioGroupProps<TFieldValues, TName>) {\n  const generatedId = useId();\n  \n  // Try to get form context\n  const formConfigContext = useContext(FormConfigContext);\n  const formConfig: FormConfig = formConfigContext ?? {};\n  \n  // Get form context from react-hook-form\n  const rhfContext = useRHFFormContext<TFieldValues>();\n  const control = externalControl ?? rhfContext?.control;\n\n  // Register validation rules with the form\n  useEffect(() => {\n    if (formConfigContext?.registerFieldValidation) {\n      const rules: FieldValidationRules = {};\n      \n      if (required !== undefined) rules.required = required;\n      if (validate !== undefined) rules.validate = validate;\n\n      formConfigContext.registerFieldValidation({\n        name: name as string,\n        type: \"string\",\n        rules,\n      });\n\n      return () => {\n        formConfigContext.unregisterFieldValidation(name as string);\n      };\n    }\n  }, [formConfigContext, name, required, validate]);\n\n  // Use controller for form integration\n  const { field, fieldState } = useController<TFieldValues, TName>({\n    name,\n    control,\n  });\n\n  const fieldError = fieldState.error?.message;\n  const errorMessage = customError ?? fieldError;\n  const hasError = !!errorMessage;\n  \n  // Merge sizes - prop takes precedence over form config\n  const effectiveSize = size ?? formConfig.size ?? \"md\";\n  const effectiveDisabled = disabled ?? formConfig.disabled;\n  const effectiveVariant = hasError ? \"error\" : variant;\n\n  const contextValue: RadioGroupContextValue = {\n    name: name as string,\n    value: field.value,\n    onChange: field.onChange,\n    disabled: effectiveDisabled,\n    size: effectiveSize,\n  };\n\n  return (\n    <div className={cn(\"space-y-2\", className)}>\n      {label && (\n        <Label className={cn(\n          \"block\",\n          required && \"after:content-['*'] after:ml-0.5 after:text-destructive\"\n        )}>\n          {label}\n          {formConfig.colon && \":\"}\n        </Label>\n      )}\n      \n      <RadioGroupContext.Provider value={contextValue}>\n        <ShadcnRadioGroup\n          value={field.value?.toString()}\n          onValueChange={(value) => field.onChange(value)}\n          disabled={effectiveDisabled}\n          aria-labelledby={label ? `${generatedId}-label` : undefined}\n          className={cn(\n            direction === \"horizontal\" && \"flex flex-row gap-4\",\n            direction === \"vertical\" && \"flex flex-col gap-2\"\n          )}\n        >\n          {children ?? options.map((option) => (\n            <RadioItem\n              key={option.value}\n              value={option.value}\n              disabled={option.disabled}\n              size={effectiveSize}\n              variant={effectiveVariant}\n            >\n              {option.label}\n            </RadioItem>\n          ))}\n        </ShadcnRadioGroup>\n      </RadioGroupContext.Provider>\n\n      {showError && hasError && (\n        <p className=\"text-sm text-destructive\" role=\"alert\">\n          {errorMessage}\n        </p>\n      )}\n      \n      {helperText && !hasError && (\n        <p className=\"text-sm text-muted-foreground\">\n          {helperText}\n        </p>\n      )}\n    </div>\n  );\n}\n\nRadioGroup.displayName = \"RadioGroup\";\n\nexport interface RadioItemProps extends Omit<ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, \"value\">,\n    VariantProps<typeof radioSizeVariants> {\n  /** Value for this radio option */\n  value: string | number;\n  /** Label for this radio option */\n  children?: ReactNode;\n  /** Variant style */\n  variant?: \"default\" | \"error\";\n}\n\n/**\n * RadioItem component - must be used within RadioGroup\n * \n * This is a wrapper around the shadcn/ui RadioGroupItem primitive\n */\nfunction RadioItemInner(\n  {\n    value,\n    children,\n    size,\n    variant,\n    className,\n    disabled,\n    id: providedId,\n    ...props\n  }: RadioItemProps,\n  ref: React.ForwardedRef<React.ElementRef<typeof RadioGroupPrimitive.Item>>\n) {\n  const generatedId = useId();\n  const inputId = providedId ?? generatedId;\n  \n  const groupContext = useContext(RadioGroupContext);\n  \n  const effectiveSize = size ?? groupContext?.size ?? \"md\";\n  const effectiveDisabled = disabled ?? groupContext?.disabled;\n\n  return (\n    <div className=\"flex items-center gap-2\">\n      <ShadcnRadioGroupItem\n        {...props}\n        ref={ref}\n        id={inputId}\n        value={value.toString()}\n        disabled={effectiveDisabled}\n        className={cn(\n          radioSizeVariants({ size: effectiveSize }),\n          variant === \"error\" && \"border-destructive\",\n          className\n        )}\n      />\n      \n      {children && (\n        <Label\n          htmlFor={inputId}\n          className={labelVariants({ disabled: effectiveDisabled })}\n        >\n          {children}\n        </Label>\n      )}\n    </div>\n  );\n}\n\nexport const RadioItem = forwardRef(RadioItemInner);\nRadioItem.displayName = \"RadioItem\";\n"],"mappings":"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"}