@skybin-tech/nebula-ui 0.0.26 → 0.0.28

package/dist/cjs/components/Form/Switch.cjs

@@ -1,126 +0,0 @@
-"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 _switch = require("../../primitives/switch.cjs");
-const label = require("../../primitives/label.cjs");
-const switchSizeVariants = classVarianceAuthority.cva(
-  "",
-  {
-    variants: {
-      size: {
-        sm: "h-5 w-9",
-        md: "h-6 w-11",
-        lg: "h-7 w-14"
-      }
-    },
-    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
-    }
-  }
-);
-function SwitchInner({
-  name,
-  label: label$1,
-  helperText,
-  showError = true,
-  error: customError,
-  size,
-  className,
-  disabled,
-  id: providedId,
-  control: externalControl,
-  checkedText,
-  uncheckedText,
-  // Validation props
-  required,
-  validate,
-  ...props
-}, ref) {
-  const generatedId = React.useId();
-  const inputId = providedId ?? generatedId;
-  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: "boolean",
-        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 isChecked = field.value ?? false;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        _switch.Switch,
-        {
-          ...props,
-          ref,
-          id: inputId,
-          checked: isChecked,
-          onCheckedChange: (checked) => field.onChange(checked),
-          disabled: effectiveDisabled,
-          "aria-labelledby": label$1 ? `${inputId}-label` : void 0,
-          className: cn.cn(
-            switchSizeVariants({ size: effectiveSize }),
-            className
-          )
-        }
-      ),
-      (checkedText || uncheckedText) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-muted-foreground", children: isChecked ? checkedText : uncheckedText }),
-      label$1 && /* @__PURE__ */ jsxRuntime.jsx(
-        label.Label,
-        {
-          id: `${inputId}-label`,
-          htmlFor: inputId,
-          className: labelVariants({ disabled: effectiveDisabled }),
-          children: label$1
-        }
-      )
-    ] }),
-    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 })
-  ] });
-}
-const Switch = React.forwardRef(SwitchInner);
-Switch.displayName = "Switch";
-exports.Switch = Switch;
-//# sourceMappingURL=Switch.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.cjs","sources":["../../../../src/components/Form/Switch.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, useId, useContext, 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 { Switch as ShadcnSwitch } from \"../../primitives/switch\";\nimport { Label } from \"../../primitives/label\";\nimport type * as SwitchPrimitives from \"@radix-ui/react-switch\";\n\nconst switchSizeVariants = cva(\n  \"\",\n  {\n    variants: {\n      size: {\n        sm: \"h-5 w-9\",\n        md: \"h-6 w-11\",\n        lg: \"h-7 w-14\",\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\nexport interface SwitchProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends Omit<ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, \"name\" | \"checked\" | \"onCheckedChange\" | \"required\">,\n    VariantProps<typeof switchSizeVariants> {\n  /** Field name - required for form integration */\n  name: TName;\n  /** Label text for the switch */\n  label?: ReactNode;\n  /** Helper text displayed below the switch */\n  helperText?: string;\n  /** Whether to show the error message */\n  showError?: boolean;\n  /** Custom error message (overrides form error) */\n  error?: string;\n  /** External control (for use outside Form) */\n  control?: Control<TFieldValues>;\n  /** Text to show when checked */\n  checkedText?: ReactNode;\n  /** Text to show when unchecked */\n  uncheckedText?: ReactNode;\n  \n  // Validation props\n  /** Field is required (must be on) */\n  required?: boolean | string;\n  /** Custom validation function */\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\n}\n\n/**\n * Switch component with form integration\n * \n * This is a wrapper around the shadcn/ui Switch primitive that adds:\n * - Form integration with react-hook-form\n * - Automatic validation registration\n * - Label, helper text, and error message support\n * - Checked/unchecked text display\n * \n * @example\n * ```tsx\n * // Inside a Form component\n * <Switch name=\"notifications\" label=\"Enable notifications\" />\n * <Switch name=\"terms\" label=\"Accept terms\" required=\"You must accept the terms\" />\n * <Switch name=\"darkMode\" label=\"Dark mode\" checkedText=\"On\" uncheckedText=\"Off\" />\n * ```\n */\nfunction SwitchInner<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>(\n  {\n    name,\n    label,\n    helperText,\n    showError = true,\n    error: customError,\n    size,\n    className,\n    disabled,\n    id: providedId,\n    control: externalControl,\n    checkedText,\n    uncheckedText,\n    // Validation props\n    required,\n    validate,\n    ...props\n  }: SwitchProps<TFieldValues, TName>,\n  ref: React.ForwardedRef<React.ElementRef<typeof SwitchPrimitives.Root>>\n) {\n  const generatedId = useId();\n  const inputId = providedId ?? generatedId;\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: \"boolean\",\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 isChecked = field.value ?? false;\n\n  return (\n    <div className=\"space-y-1.5\">\n      <div className=\"flex items-center gap-3\">\n        <ShadcnSwitch\n          {...props}\n          ref={ref}\n          id={inputId}\n          checked={isChecked}\n          onCheckedChange={(checked) => field.onChange(checked)}\n          disabled={effectiveDisabled}\n          aria-labelledby={label ? `${inputId}-label` : undefined}\n          className={cn(\n            switchSizeVariants({ size: effectiveSize }),\n            className\n          )}\n        />\n        \n        {(checkedText || uncheckedText) && (\n          <span className=\"text-sm text-muted-foreground\">\n            {isChecked ? checkedText : uncheckedText}\n          </span>\n        )}\n        \n        {label && (\n          <Label\n            id={`${inputId}-label`}\n            htmlFor={inputId}\n            className={labelVariants({ disabled: effectiveDisabled })}\n          >\n            {label}\n          </Label>\n        )}\n      </div>\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\n// Use forwardRef with generic support\nexport const Switch = forwardRef(SwitchInner) as <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>(\n  props: SwitchProps<TFieldValues, TName> & { ref?: React.ForwardedRef<React.ElementRef<typeof SwitchPrimitives.Root>> }\n) => React.ReactElement;\n\n(Switch as React.FC).displayName = \"Switch\";\n"],"names":["cva","label","useId","useContext","FormConfigContext","useRHFFormContext","useEffect","useController","jsxs","jsx","ShadcnSwitch","cn","Label","forwardRef"],"mappings":"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"}

package/dist/cjs/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Form/Switch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Switch.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAsD,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,KAAK,OAAO,EAAE,MAAM,iBAAiB,CAAC;AACrI,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,OAAO,KAAK,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAEhE,QAAA,MAAM,kBAAkB;;8EAcvB,CAAC;AAiBF,MAAM,WAAW,WAAW,CAC1B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,CAC/D,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,iBAAiB,GAAG,UAAU,CAAC,EACvH,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,iDAAiD;IACjD,IAAI,EAAE,KAAK,CAAC;IACZ,gCAAgC;IAChC,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,gCAAgC;IAChC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kCAAkC;IAClC,aAAa,CAAC,EAAE,SAAS,CAAC;IAG1B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;CAC7E;AA2ID,eAAO,MAAM,MAAM,EAA8B,CAC/C,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAE/D,KAAK,EAAE,WAAW,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC,CAAA;CAAE,KACnH,KAAK,CAAC,YAAY,CAAC"}

package/dist/components/Form/Switch.js

@@ -1,126 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useId, useContext, useEffect } from "react";
-import { useFormContext, useController } from "react-hook-form";
-import { cva } from "class-variance-authority";
-import { cn } from "../../utils/cn.js";
-import { FormConfigContext } from "./context.js";
-import { Switch as Switch$1 } from "../../primitives/switch.js";
-import { Label } from "../../primitives/label.js";
-const switchSizeVariants = cva(
-  "",
-  {
-    variants: {
-      size: {
-        sm: "h-5 w-9",
-        md: "h-6 w-11",
-        lg: "h-7 w-14"
-      }
-    },
-    defaultVariants: {
-      size: "md"
-    }
-  }
-);
-const labelVariants = cva(
-  "text-sm font-medium cursor-pointer select-none",
-  {
-    variants: {
-      disabled: {
-        true: "cursor-not-allowed opacity-50",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      disabled: false
-    }
-  }
-);
-function SwitchInner({
-  name,
-  label,
-  helperText,
-  showError = true,
-  error: customError,
-  size,
-  className,
-  disabled,
-  id: providedId,
-  control: externalControl,
-  checkedText,
-  uncheckedText,
-  // Validation props
-  required,
-  validate,
-  ...props
-}, ref) {
-  const generatedId = useId();
-  const inputId = providedId ?? generatedId;
-  const formConfigContext = useContext(FormConfigContext);
-  const formConfig = formConfigContext ?? {};
-  const rhfContext = useFormContext();
-  const control = externalControl ?? rhfContext?.control;
-  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 } = 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__ */ jsxs("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
-      /* @__PURE__ */ jsx(
-        Switch$1,
-        {
-          ...props,
-          ref,
-          id: inputId,
-          checked: isChecked,
-          onCheckedChange: (checked) => field.onChange(checked),
-          disabled: effectiveDisabled,
-          "aria-labelledby": label ? `${inputId}-label` : void 0,
-          className: cn(
-            switchSizeVariants({ size: effectiveSize }),
-            className
-          )
-        }
-      ),
-      (checkedText || uncheckedText) && /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: isChecked ? checkedText : uncheckedText }),
-      label && /* @__PURE__ */ jsx(
-        Label,
-        {
-          id: `${inputId}-label`,
-          htmlFor: inputId,
-          className: labelVariants({ disabled: effectiveDisabled }),
-          children: label
-        }
-      )
-    ] }),
-    showError && hasError && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", role: "alert", children: errorMessage }),
-    helperText && !hasError && /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: helperText })
-  ] });
-}
-const Switch = forwardRef(SwitchInner);
-Switch.displayName = "Switch";
-export {
-  Switch
-};
-//# sourceMappingURL=Switch.js.map

package/dist/components/Form/Switch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Switch.js","sources":["../../../src/components/Form/Switch.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, useId, useContext, 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 { Switch as ShadcnSwitch } from \"../../primitives/switch\";\nimport { Label } from \"../../primitives/label\";\nimport type * as SwitchPrimitives from \"@radix-ui/react-switch\";\n\nconst switchSizeVariants = cva(\n  \"\",\n  {\n    variants: {\n      size: {\n        sm: \"h-5 w-9\",\n        md: \"h-6 w-11\",\n        lg: \"h-7 w-14\",\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\nexport interface SwitchProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends Omit<ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, \"name\" | \"checked\" | \"onCheckedChange\" | \"required\">,\n    VariantProps<typeof switchSizeVariants> {\n  /** Field name - required for form integration */\n  name: TName;\n  /** Label text for the switch */\n  label?: ReactNode;\n  /** Helper text displayed below the switch */\n  helperText?: string;\n  /** Whether to show the error message */\n  showError?: boolean;\n  /** Custom error message (overrides form error) */\n  error?: string;\n  /** External control (for use outside Form) */\n  control?: Control<TFieldValues>;\n  /** Text to show when checked */\n  checkedText?: ReactNode;\n  /** Text to show when unchecked */\n  uncheckedText?: ReactNode;\n  \n  // Validation props\n  /** Field is required (must be on) */\n  required?: boolean | string;\n  /** Custom validation function */\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\n}\n\n/**\n * Switch component with form integration\n * \n * This is a wrapper around the shadcn/ui Switch primitive that adds:\n * - Form integration with react-hook-form\n * - Automatic validation registration\n * - Label, helper text, and error message support\n * - Checked/unchecked text display\n * \n * @example\n * ```tsx\n * // Inside a Form component\n * <Switch name=\"notifications\" label=\"Enable notifications\" />\n * <Switch name=\"terms\" label=\"Accept terms\" required=\"You must accept the terms\" />\n * <Switch name=\"darkMode\" label=\"Dark mode\" checkedText=\"On\" uncheckedText=\"Off\" />\n * ```\n */\nfunction SwitchInner<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>(\n  {\n    name,\n    label,\n    helperText,\n    showError = true,\n    error: customError,\n    size,\n    className,\n    disabled,\n    id: providedId,\n    control: externalControl,\n    checkedText,\n    uncheckedText,\n    // Validation props\n    required,\n    validate,\n    ...props\n  }: SwitchProps<TFieldValues, TName>,\n  ref: React.ForwardedRef<React.ElementRef<typeof SwitchPrimitives.Root>>\n) {\n  const generatedId = useId();\n  const inputId = providedId ?? generatedId;\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: \"boolean\",\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 isChecked = field.value ?? false;\n\n  return (\n    <div className=\"space-y-1.5\">\n      <div className=\"flex items-center gap-3\">\n        <ShadcnSwitch\n          {...props}\n          ref={ref}\n          id={inputId}\n          checked={isChecked}\n          onCheckedChange={(checked) => field.onChange(checked)}\n          disabled={effectiveDisabled}\n          aria-labelledby={label ? `${inputId}-label` : undefined}\n          className={cn(\n            switchSizeVariants({ size: effectiveSize }),\n            className\n          )}\n        />\n        \n        {(checkedText || uncheckedText) && (\n          <span className=\"text-sm text-muted-foreground\">\n            {isChecked ? checkedText : uncheckedText}\n          </span>\n        )}\n        \n        {label && (\n          <Label\n            id={`${inputId}-label`}\n            htmlFor={inputId}\n            className={labelVariants({ disabled: effectiveDisabled })}\n          >\n            {label}\n          </Label>\n        )}\n      </div>\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\n// Use forwardRef with generic support\nexport const Switch = forwardRef(SwitchInner) as <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>(\n  props: SwitchProps<TFieldValues, TName> & { ref?: React.ForwardedRef<React.ElementRef<typeof SwitchPrimitives.Root>> }\n) => React.ReactElement;\n\n(Switch as React.FC).displayName = \"Switch\";\n"],"names":["useRHFFormContext","ShadcnSwitch"],"mappings":"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"}

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}