@skybin-tech/nebula-ui 0.0.26 → 0.0.28

package/dist/cjs/components/DropdownMenu/DropdownMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.cjs","sources":["../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport type { ComponentPropsWithoutRef, ElementRef, HTMLAttributes } from \"react\"\nimport {\n  DropdownMenu as DropdownMenuPrimitive,\n  DropdownMenuTrigger as DropdownMenuTriggerPrimitive,\n  DropdownMenuContent as DropdownMenuContentPrimitive,\n  DropdownMenuItem as DropdownMenuItemPrimitive,\n  DropdownMenuCheckboxItem as DropdownMenuCheckboxItemPrimitive,\n  DropdownMenuRadioItem as DropdownMenuRadioItemPrimitive,\n  DropdownMenuLabel as DropdownMenuLabelPrimitive,\n  DropdownMenuSeparator as DropdownMenuSeparatorPrimitive,\n  DropdownMenuShortcut as DropdownMenuShortcutPrimitive,\n  DropdownMenuGroup as DropdownMenuGroupPrimitive,\n  DropdownMenuPortal as DropdownMenuPortalPrimitive,\n  DropdownMenuSub as DropdownMenuSubPrimitive,\n  DropdownMenuSubContent as DropdownMenuSubContentPrimitive,\n  DropdownMenuSubTrigger as DropdownMenuSubTriggerPrimitive,\n  DropdownMenuRadioGroup as DropdownMenuRadioGroupPrimitive,\n} from \"../../primitives/dropdown-menu\"\n\n// Root / context-only components (no DOM element to ref)\nexport function DropdownMenu(props: ComponentPropsWithoutRef<typeof DropdownMenuPrimitive>) {\n  return <DropdownMenuPrimitive {...props} />\n}\n\nexport function DropdownMenuPortal(props: ComponentPropsWithoutRef<typeof DropdownMenuPortalPrimitive>) {\n  return <DropdownMenuPortalPrimitive {...props} />\n}\n\nexport function DropdownMenuSub(props: ComponentPropsWithoutRef<typeof DropdownMenuSubPrimitive>) {\n  return <DropdownMenuSubPrimitive {...props} />\n}\n\n// DOM-rendering components (forwardRef)\nexport const DropdownMenuTrigger = forwardRef<\n  ElementRef<typeof DropdownMenuTriggerPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuTriggerPrimitive>\n>((props, ref) => <DropdownMenuTriggerPrimitive ref={ref} {...props} />)\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\"\n\nexport const DropdownMenuGroup = forwardRef<\n  ElementRef<typeof DropdownMenuGroupPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuGroupPrimitive>\n>((props, ref) => <DropdownMenuGroupPrimitive ref={ref} {...props} />)\nDropdownMenuGroup.displayName = \"DropdownMenuGroup\"\n\nexport const DropdownMenuRadioGroup = forwardRef<\n  ElementRef<typeof DropdownMenuRadioGroupPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuRadioGroupPrimitive>\n>((props, ref) => <DropdownMenuRadioGroupPrimitive ref={ref} {...props} />)\nDropdownMenuRadioGroup.displayName = \"DropdownMenuRadioGroup\"\n\nexport const DropdownMenuContent = forwardRef<\n  ElementRef<typeof DropdownMenuContentPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuContentPrimitive>\n>((props, ref) => <DropdownMenuContentPrimitive ref={ref} {...props} />)\nDropdownMenuContent.displayName = \"DropdownMenuContent\"\n\nexport const DropdownMenuSubContent = forwardRef<\n  ElementRef<typeof DropdownMenuSubContentPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuSubContentPrimitive>\n>((props, ref) => <DropdownMenuSubContentPrimitive ref={ref} {...props} />)\nDropdownMenuSubContent.displayName = \"DropdownMenuSubContent\"\n\nexport const DropdownMenuSubTrigger = forwardRef<\n  ElementRef<typeof DropdownMenuSubTriggerPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuSubTriggerPrimitive>\n>((props, ref) => <DropdownMenuSubTriggerPrimitive ref={ref} {...props} />)\nDropdownMenuSubTrigger.displayName = \"DropdownMenuSubTrigger\"\n\nexport const DropdownMenuItem = forwardRef<\n  ElementRef<typeof DropdownMenuItemPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuItemPrimitive>\n>((props, ref) => <DropdownMenuItemPrimitive ref={ref} {...props} />)\nDropdownMenuItem.displayName = \"DropdownMenuItem\"\n\nexport const DropdownMenuCheckboxItem = forwardRef<\n  ElementRef<typeof DropdownMenuCheckboxItemPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuCheckboxItemPrimitive>\n>((props, ref) => <DropdownMenuCheckboxItemPrimitive ref={ref} {...props} />)\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\"\n\nexport const DropdownMenuRadioItem = forwardRef<\n  ElementRef<typeof DropdownMenuRadioItemPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuRadioItemPrimitive>\n>((props, ref) => <DropdownMenuRadioItemPrimitive ref={ref} {...props} />)\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\"\n\nexport const DropdownMenuLabel = forwardRef<\n  ElementRef<typeof DropdownMenuLabelPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuLabelPrimitive>\n>((props, ref) => <DropdownMenuLabelPrimitive ref={ref} {...props} />)\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\"\n\nexport const DropdownMenuSeparator = forwardRef<\n  ElementRef<typeof DropdownMenuSeparatorPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuSeparatorPrimitive>\n>((props, ref) => <DropdownMenuSeparatorPrimitive ref={ref} {...props} />)\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\"\n\n// Utility span — no ref needed\nexport function DropdownMenuShortcut(props: HTMLAttributes<HTMLSpanElement>) {\n  return <DropdownMenuShortcutPrimitive {...props} />\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n"],"names":["jsx","DropdownMenuPrimitive","DropdownMenuPortalPrimitive","DropdownMenuSubPrimitive","forwardRef","DropdownMenuTriggerPrimitive","DropdownMenuGroupPrimitive","DropdownMenuRadioGroupPrimitive","DropdownMenuContentPrimitive","DropdownMenuSubContentPrimitive","DropdownMenuSubTriggerPrimitive","DropdownMenuItemPrimitive","DropdownMenuCheckboxItemPrimitive","DropdownMenuRadioItemPrimitive","DropdownMenuLabelPrimitive","DropdownMenuSeparatorPrimitive","DropdownMenuShortcutPrimitive"],"mappings":";;;;;;AAqBO,SAAS,aAAa,OAA+D;AAC1F,SAAOA,+BAACC,aAAAA,cAAA,EAAuB,GAAG,MAAA,CAAO;AAC3C;AAEO,SAAS,mBAAmB,OAAqE;AACtG,SAAOD,+BAACE,aAAAA,oBAAA,EAA6B,GAAG,MAAA,CAAO;AACjD;AAEO,SAAS,gBAAgB,OAAkE;AAChG,SAAOF,+BAACG,aAAAA,iBAAA,EAA0B,GAAG,MAAA,CAAO;AAC9C;AAGO,MAAM,sBAAsBC,MAAAA,WAGjC,CAAC,OAAO,uCAASC,aAAAA,qBAAA,EAA6B,KAAW,GAAG,OAAO,CAAE;AACvE,oBAAoB,cAAc;AAE3B,MAAM,oBAAoBD,MAAAA,WAG/B,CAAC,OAAO,uCAASE,aAAAA,mBAAA,EAA2B,KAAW,GAAG,OAAO,CAAE;AACrE,kBAAkB,cAAc;AAEzB,MAAM,yBAAyBF,MAAAA,WAGpC,CAAC,OAAO,uCAASG,aAAAA,wBAAA,EAAgC,KAAW,GAAG,OAAO,CAAE;AAC1E,uBAAuB,cAAc;AAE9B,MAAM,sBAAsBH,MAAAA,WAGjC,CAAC,OAAO,uCAASI,aAAAA,qBAAA,EAA6B,KAAW,GAAG,OAAO,CAAE;AACvE,oBAAoB,cAAc;AAE3B,MAAM,yBAAyBJ,MAAAA,WAGpC,CAAC,OAAO,uCAASK,aAAAA,wBAAA,EAAgC,KAAW,GAAG,OAAO,CAAE;AAC1E,uBAAuB,cAAc;AAE9B,MAAM,yBAAyBL,MAAAA,WAGpC,CAAC,OAAO,uCAASM,aAAAA,wBAAA,EAAgC,KAAW,GAAG,OAAO,CAAE;AAC1E,uBAAuB,cAAc;AAE9B,MAAM,mBAAmBN,MAAAA,WAG9B,CAAC,OAAO,uCAASO,aAAAA,kBAAA,EAA0B,KAAW,GAAG,OAAO,CAAE;AACpE,iBAAiB,cAAc;AAExB,MAAM,2BAA2BP,MAAAA,WAGtC,CAAC,OAAO,uCAASQ,aAAAA,0BAAA,EAAkC,KAAW,GAAG,OAAO,CAAE;AAC5E,yBAAyB,cAAc;AAEhC,MAAM,wBAAwBR,MAAAA,WAGnC,CAAC,OAAO,uCAASS,aAAAA,uBAAA,EAA+B,KAAW,GAAG,OAAO,CAAE;AACzE,sBAAsB,cAAc;AAE7B,MAAM,oBAAoBT,MAAAA,WAG/B,CAAC,OAAO,uCAASU,aAAAA,mBAAA,EAA2B,KAAW,GAAG,OAAO,CAAE;AACrE,kBAAkB,cAAc;AAEzB,MAAM,wBAAwBV,MAAAA,WAGnC,CAAC,OAAO,uCAASW,aAAAA,uBAAA,EAA+B,KAAW,GAAG,OAAO,CAAE;AACzE,sBAAsB,cAAc;AAG7B,SAAS,qBAAqB,OAAwC;AAC3E,SAAOf,+BAACgB,aAAAA,sBAAA,EAA+B,GAAG,MAAA,CAAO;AACnD;AACA,qBAAqB,cAAc;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DropdownMenu.cjs","names":[],"sources":["../../../../src/components/DropdownMenu/DropdownMenu.tsx"],"sourcesContent":["import { forwardRef } from \"react\"\nimport type { ComponentPropsWithoutRef, ElementRef, HTMLAttributes } from \"react\"\nimport {\n  DropdownMenu as DropdownMenuPrimitive,\n  DropdownMenuTrigger as DropdownMenuTriggerPrimitive,\n  DropdownMenuContent as DropdownMenuContentPrimitive,\n  DropdownMenuItem as DropdownMenuItemPrimitive,\n  DropdownMenuCheckboxItem as DropdownMenuCheckboxItemPrimitive,\n  DropdownMenuRadioItem as DropdownMenuRadioItemPrimitive,\n  DropdownMenuLabel as DropdownMenuLabelPrimitive,\n  DropdownMenuSeparator as DropdownMenuSeparatorPrimitive,\n  DropdownMenuShortcut as DropdownMenuShortcutPrimitive,\n  DropdownMenuGroup as DropdownMenuGroupPrimitive,\n  DropdownMenuPortal as DropdownMenuPortalPrimitive,\n  DropdownMenuSub as DropdownMenuSubPrimitive,\n  DropdownMenuSubContent as DropdownMenuSubContentPrimitive,\n  DropdownMenuSubTrigger as DropdownMenuSubTriggerPrimitive,\n  DropdownMenuRadioGroup as DropdownMenuRadioGroupPrimitive,\n} from \"../../primitives/dropdown-menu\"\n\n// Root / context-only components (no DOM element to ref)\nexport function DropdownMenu(props: ComponentPropsWithoutRef<typeof DropdownMenuPrimitive>) {\n  return <DropdownMenuPrimitive {...props} />\n}\n\nexport function DropdownMenuPortal(props: ComponentPropsWithoutRef<typeof DropdownMenuPortalPrimitive>) {\n  return <DropdownMenuPortalPrimitive {...props} />\n}\n\nexport function DropdownMenuSub(props: ComponentPropsWithoutRef<typeof DropdownMenuSubPrimitive>) {\n  return <DropdownMenuSubPrimitive {...props} />\n}\n\n// DOM-rendering components (forwardRef)\nexport const DropdownMenuTrigger = forwardRef<\n  ElementRef<typeof DropdownMenuTriggerPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuTriggerPrimitive>\n>((props, ref) => <DropdownMenuTriggerPrimitive ref={ref} {...props} />)\nDropdownMenuTrigger.displayName = \"DropdownMenuTrigger\"\n\nexport const DropdownMenuGroup = forwardRef<\n  ElementRef<typeof DropdownMenuGroupPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuGroupPrimitive>\n>((props, ref) => <DropdownMenuGroupPrimitive ref={ref} {...props} />)\nDropdownMenuGroup.displayName = \"DropdownMenuGroup\"\n\nexport const DropdownMenuRadioGroup = forwardRef<\n  ElementRef<typeof DropdownMenuRadioGroupPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuRadioGroupPrimitive>\n>((props, ref) => <DropdownMenuRadioGroupPrimitive ref={ref} {...props} />)\nDropdownMenuRadioGroup.displayName = \"DropdownMenuRadioGroup\"\n\nexport const DropdownMenuContent = forwardRef<\n  ElementRef<typeof DropdownMenuContentPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuContentPrimitive>\n>((props, ref) => <DropdownMenuContentPrimitive ref={ref} {...props} />)\nDropdownMenuContent.displayName = \"DropdownMenuContent\"\n\nexport const DropdownMenuSubContent = forwardRef<\n  ElementRef<typeof DropdownMenuSubContentPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuSubContentPrimitive>\n>((props, ref) => <DropdownMenuSubContentPrimitive ref={ref} {...props} />)\nDropdownMenuSubContent.displayName = \"DropdownMenuSubContent\"\n\nexport const DropdownMenuSubTrigger = forwardRef<\n  ElementRef<typeof DropdownMenuSubTriggerPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuSubTriggerPrimitive>\n>((props, ref) => <DropdownMenuSubTriggerPrimitive ref={ref} {...props} />)\nDropdownMenuSubTrigger.displayName = \"DropdownMenuSubTrigger\"\n\nexport const DropdownMenuItem = forwardRef<\n  ElementRef<typeof DropdownMenuItemPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuItemPrimitive>\n>((props, ref) => <DropdownMenuItemPrimitive ref={ref} {...props} />)\nDropdownMenuItem.displayName = \"DropdownMenuItem\"\n\nexport const DropdownMenuCheckboxItem = forwardRef<\n  ElementRef<typeof DropdownMenuCheckboxItemPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuCheckboxItemPrimitive>\n>((props, ref) => <DropdownMenuCheckboxItemPrimitive ref={ref} {...props} />)\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\"\n\nexport const DropdownMenuRadioItem = forwardRef<\n  ElementRef<typeof DropdownMenuRadioItemPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuRadioItemPrimitive>\n>((props, ref) => <DropdownMenuRadioItemPrimitive ref={ref} {...props} />)\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\"\n\nexport const DropdownMenuLabel = forwardRef<\n  ElementRef<typeof DropdownMenuLabelPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuLabelPrimitive>\n>((props, ref) => <DropdownMenuLabelPrimitive ref={ref} {...props} />)\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\"\n\nexport const DropdownMenuSeparator = forwardRef<\n  ElementRef<typeof DropdownMenuSeparatorPrimitive>,\n  ComponentPropsWithoutRef<typeof DropdownMenuSeparatorPrimitive>\n>((props, ref) => <DropdownMenuSeparatorPrimitive ref={ref} {...props} />)\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\"\n\n// Utility span — no ref needed\nexport function DropdownMenuShortcut(props: HTMLAttributes<HTMLSpanElement>) {\n  return <DropdownMenuShortcutPrimitive {...props} />\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n"],"mappings":";;;;;AAqBA,SAAgB,aAAa,OAA+D;CAC1F,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,cAAD,EAAuB,GAAI,MAAQ,CAAA;AAC5C;AAEA,SAAgB,mBAAmB,OAAqE;CACtG,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,oBAAD,EAA6B,GAAI,MAAQ,CAAA;AAClD;AAEA,SAAgB,gBAAgB,OAAkE;CAChG,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,iBAAD,EAA0B,GAAI,MAAQ,CAAA;AAC/C;AAGA,IAAa,uBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,qBAAD;CAAmC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACvE,oBAAoB,cAAc;AAElC,IAAa,qBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,mBAAD;CAAiC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACrE,kBAAkB,cAAc;AAEhC,IAAa,0BAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,wBAAD;CAAsC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC1E,uBAAuB,cAAc;AAErC,IAAa,uBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,qBAAD;CAAmC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACvE,oBAAoB,cAAc;AAElC,IAAa,0BAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,wBAAD;CAAsC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC1E,uBAAuB,cAAc;AAErC,IAAa,0BAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,wBAAD;CAAsC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC1E,uBAAuB,cAAc;AAErC,IAAa,oBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,kBAAD;CAAgC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACpE,iBAAiB,cAAc;AAE/B,IAAa,4BAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,0BAAD;CAAwC;CAAK,GAAI;AAAQ,CAAA,CAAC;AAC5E,yBAAyB,cAAc;AAEvC,IAAa,yBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,uBAAD;CAAqC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACzE,sBAAsB,cAAc;AAEpC,IAAa,qBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,mBAAD;CAAiC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACrE,kBAAkB,cAAc;AAEhC,IAAa,yBAAA,GAAA,MAAA,WAAA,EAGV,OAAO,QAAQ,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,uBAAD;CAAqC;CAAK,GAAI;AAAQ,CAAA,CAAC;AACzE,sBAAsB,cAAc;AAGpC,SAAgB,qBAAqB,OAAwC;CAC3E,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,sBAAA,sBAAD,EAA+B,GAAI,MAAQ,CAAA;AACpD;AACA,qBAAqB,cAAc"}

package/dist/cjs/components/Form/Checkbox.cjs

@@ -1,146 +1,132 @@
 "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 checkbox = require("../../primitives/checkbox.cjs");
-const label = require("../../primitives/label.cjs");
-const checkboxSizeVariants = 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: {
-      required: {
-        true: "after:content-['*'] after:ml-0.5 after:text-destructive",
-        false: ""
-      },
-      disabled: {
-        true: "cursor-not-allowed opacity-50",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      required: false,
-      disabled: false
-    }
-  }
-);
-function CheckboxInner({
-  name,
-  label: label$1,
-  helperText,
-  showError = true,
-  error: customError,
-  size,
-  variant,
-  className,
-  disabled,
-  id: providedId,
-  control: externalControl,
-  // 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 effectiveVariant = hasError ? "error" : variant;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        checkbox.Checkbox,
-        {
-          ...props,
-          ref,
-          id: inputId,
-          checked: field.value ?? false,
-          onCheckedChange: (checked) => field.onChange(checked === true),
-          onBlur: field.onBlur,
-          disabled: effectiveDisabled,
-          "aria-invalid": hasError,
-          "aria-describedby": hasError ? `${inputId}-error` : helperText ? `${inputId}-helper` : void 0,
-          className: cn.cn(
-            checkboxSizeVariants({ size: effectiveSize }),
-            effectiveVariant === "error" && "border-destructive",
-            className
-          )
-        }
-      ),
-      label$1 && /* @__PURE__ */ jsxRuntime.jsx(
-        label.Label,
-        {
-          htmlFor: inputId,
-          className: labelVariants({ required: !!required, disabled: effectiveDisabled }),
-          children: label$1
-        }
-      )
-    ] }),
-    showError && hasError && /* @__PURE__ */ jsxRuntime.jsx(
-      "p",
-      {
-        id: `${inputId}-error`,
-        className: "text-sm text-destructive ml-7",
-        role: "alert",
-        children: errorMessage
-      }
-    ),
-    helperText && !hasError && /* @__PURE__ */ jsxRuntime.jsx(
-      "p",
-      {
-        id: `${inputId}-helper`,
-        className: "text-sm text-muted-foreground ml-7",
-        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_checkbox = require("../../primitives/checkbox.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/Checkbox.tsx
+var checkboxSizeVariants = (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: {
+		required: {
+			true: "after:content-['*'] after:ml-0.5 after:text-destructive",
+			false: ""
+		},
+		disabled: {
+			true: "cursor-not-allowed opacity-50",
+			false: ""
+		}
+	},
+	defaultVariants: {
+		required: false,
+		disabled: false
+	}
+});
+/**
+* Checkbox component with form integration
+* 
+* This is a wrapper around the shadcn/ui Checkbox 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
+* <Checkbox name="terms" label="I agree to the terms and conditions" required />
+* <Checkbox name="newsletter" label="Subscribe to newsletter" />
+* ```
+*/
+function CheckboxInner({ name, label, helperText, showError = true, error: customError, size, variant, className, disabled, id: providedId, control: externalControl, 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 effectiveVariant = hasError ? "error" : variant;
+	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-2",
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_checkbox.Checkbox, {
+					...props,
+					ref,
+					id: inputId,
+					checked: field.value ?? false,
+					onCheckedChange: (checked) => field.onChange(checked === true),
+					onBlur: field.onBlur,
+					disabled: effectiveDisabled,
+					"aria-invalid": hasError,
+					"aria-describedby": hasError ? `${inputId}-error` : helperText ? `${inputId}-helper` : void 0,
+					className: require_cn.cn(checkboxSizeVariants({ size: effectiveSize }), effectiveVariant === "error" && "border-destructive", className)
+				}), label && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_label.Label, {
+					htmlFor: inputId,
+					className: labelVariants({
+						required: !!required,
+						disabled: effectiveDisabled
+					}),
+					children: label
+				})]
+			}),
+			showError && hasError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				id: `${inputId}-error`,
+				className: "text-sm text-destructive ml-7",
+				role: "alert",
+				children: errorMessage
+			}),
+			helperText && !hasError && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				id: `${inputId}-helper`,
+				className: "text-sm text-muted-foreground ml-7",
+				children: helperText
+			})
+		]
+	});
 }
-const Checkbox = React.forwardRef(CheckboxInner);
+var Checkbox = (0, react.forwardRef)(CheckboxInner);
 Checkbox.displayName = "Checkbox";
+//#endregion
 exports.Checkbox = Checkbox;
-//# sourceMappingURL=Checkbox.cjs.map
+
+//# sourceMappingURL=Checkbox.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","sources":["../../../../src/components/Form/Checkbox.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 { Checkbox as ShadcnCheckbox } from \"../../primitives/checkbox\";\nimport { Label } from \"../../primitives/label\";\nimport type * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\n\nconst checkboxSizeVariants = 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      required: {\n        true: \"after:content-['*'] after:ml-0.5 after:text-destructive\",\n        false: \"\",\n      },\n      disabled: {\n        true: \"cursor-not-allowed opacity-50\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      required: false,\n      disabled: false,\n    },\n  }\n);\n\nexport interface CheckboxProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, \"name\" | \"checked\" | \"onCheckedChange\" | \"required\">,\n    VariantProps<typeof checkboxSizeVariants> {\n  /** Field name - required for form integration */\n  name: TName;\n  /** Label text for the checkbox */\n  label?: ReactNode;\n  /** Helper text displayed below the checkbox */\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  /** Variant style */\n  variant?: \"default\" | \"error\";\n  \n  // Validation props\n  /** Field is required (must be checked) */\n  required?: boolean | string;\n  /** Custom validation function */\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\n}\n\n/**\n * Checkbox component with form integration\n * \n * This is a wrapper around the shadcn/ui Checkbox 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 * <Checkbox name=\"terms\" label=\"I agree to the terms and conditions\" required />\n * <Checkbox name=\"newsletter\" label=\"Subscribe to newsletter\" />\n * ```\n */\nfunction CheckboxInner<\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    variant,\n    className,\n    disabled,\n    id: providedId,\n    control: externalControl,\n    // Validation props\n    required,\n    validate,\n    ...props\n  }: CheckboxProps<TFieldValues, TName>,\n  ref: React.ForwardedRef<React.ElementRef<typeof CheckboxPrimitive.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  \n  // Determine variant based on error state\n  const effectiveVariant = hasError ? \"error\" : variant;\n\n  return (\n    <div className=\"space-y-1.5\">\n      <div className=\"flex items-center gap-2\">\n        <ShadcnCheckbox\n          {...props}\n          ref={ref}\n          id={inputId}\n          checked={field.value ?? false}\n          onCheckedChange={(checked) => field.onChange(checked === true)}\n          onBlur={field.onBlur}\n          disabled={effectiveDisabled}\n          aria-invalid={hasError}\n          aria-describedby={\n            hasError\n              ? `${inputId}-error`\n              : helperText\n              ? `${inputId}-helper`\n              : undefined\n          }\n          className={cn(\n            checkboxSizeVariants({ size: effectiveSize }),\n            effectiveVariant === \"error\" && \"border-destructive\",\n            className\n          )}\n        />\n        \n        {label && (\n          <Label\n            htmlFor={inputId}\n            className={labelVariants({ required: !!required, disabled: effectiveDisabled })}\n          >\n            {label}\n          </Label>\n        )}\n      </div>\n\n      {showError && hasError && (\n        <p\n          id={`${inputId}-error`}\n          className=\"text-sm text-destructive ml-7\"\n          role=\"alert\"\n        >\n          {errorMessage}\n        </p>\n      )}\n      \n      {helperText && !hasError && (\n        <p\n          id={`${inputId}-helper`}\n          className=\"text-sm text-muted-foreground ml-7\"\n        >\n          {helperText}\n        </p>\n      )}\n    </div>\n  );\n}\n\n// Use forwardRef with generic support\nexport const Checkbox = forwardRef(CheckboxInner) as <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>(\n  props: CheckboxProps<TFieldValues, TName> & { ref?: React.ForwardedRef<React.ElementRef<typeof CheckboxPrimitive.Root>> }\n) => React.ReactElement;\n\n(Checkbox as React.FC).displayName = \"Checkbox\";\n"],"names":["cva","label","useId","useContext","FormConfigContext","useRHFFormContext","useEffect","useController","jsxs","jsx","ShadcnCheckbox","cn","Label","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Checkbox.cjs","names":[],"sources":["../../../../src/components/Form/Checkbox.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 { Checkbox as ShadcnCheckbox } from \"../../primitives/checkbox\";\nimport { Label } from \"../../primitives/label\";\nimport type * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\n\nconst checkboxSizeVariants = 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      required: {\n        true: \"after:content-['*'] after:ml-0.5 after:text-destructive\",\n        false: \"\",\n      },\n      disabled: {\n        true: \"cursor-not-allowed opacity-50\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      required: false,\n      disabled: false,\n    },\n  }\n);\n\nexport interface CheckboxProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n> extends Omit<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, \"name\" | \"checked\" | \"onCheckedChange\" | \"required\">,\n    VariantProps<typeof checkboxSizeVariants> {\n  /** Field name - required for form integration */\n  name: TName;\n  /** Label text for the checkbox */\n  label?: ReactNode;\n  /** Helper text displayed below the checkbox */\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  /** Variant style */\n  variant?: \"default\" | \"error\";\n  \n  // Validation props\n  /** Field is required (must be checked) */\n  required?: boolean | string;\n  /** Custom validation function */\n  validate?: (value: unknown) => boolean | string | Promise<boolean | string>;\n}\n\n/**\n * Checkbox component with form integration\n * \n * This is a wrapper around the shadcn/ui Checkbox 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 * <Checkbox name=\"terms\" label=\"I agree to the terms and conditions\" required />\n * <Checkbox name=\"newsletter\" label=\"Subscribe to newsletter\" />\n * ```\n */\nfunction CheckboxInner<\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    variant,\n    className,\n    disabled,\n    id: providedId,\n    control: externalControl,\n    // Validation props\n    required,\n    validate,\n    ...props\n  }: CheckboxProps<TFieldValues, TName>,\n  ref: React.ForwardedRef<React.ElementRef<typeof CheckboxPrimitive.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  \n  // Determine variant based on error state\n  const effectiveVariant = hasError ? \"error\" : variant;\n\n  return (\n    <div className=\"space-y-1.5\">\n      <div className=\"flex items-center gap-2\">\n        <ShadcnCheckbox\n          {...props}\n          ref={ref}\n          id={inputId}\n          checked={field.value ?? false}\n          onCheckedChange={(checked) => field.onChange(checked === true)}\n          onBlur={field.onBlur}\n          disabled={effectiveDisabled}\n          aria-invalid={hasError}\n          aria-describedby={\n            hasError\n              ? `${inputId}-error`\n              : helperText\n              ? `${inputId}-helper`\n              : undefined\n          }\n          className={cn(\n            checkboxSizeVariants({ size: effectiveSize }),\n            effectiveVariant === \"error\" && \"border-destructive\",\n            className\n          )}\n        />\n        \n        {label && (\n          <Label\n            htmlFor={inputId}\n            className={labelVariants({ required: !!required, disabled: effectiveDisabled })}\n          >\n            {label}\n          </Label>\n        )}\n      </div>\n\n      {showError && hasError && (\n        <p\n          id={`${inputId}-error`}\n          className=\"text-sm text-destructive ml-7\"\n          role=\"alert\"\n        >\n          {errorMessage}\n        </p>\n      )}\n      \n      {helperText && !hasError && (\n        <p\n          id={`${inputId}-helper`}\n          className=\"text-sm text-muted-foreground ml-7\"\n        >\n          {helperText}\n        </p>\n      )}\n    </div>\n  );\n}\n\n// Use forwardRef with generic support\nexport const Checkbox = forwardRef(CheckboxInner) as <\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>\n>(\n  props: CheckboxProps<TFieldValues, TName> & { ref?: React.ForwardedRef<React.ElementRef<typeof CheckboxPrimitive.Root>> }\n) => React.ReactElement;\n\n(Checkbox as React.FC).displayName = \"Checkbox\";\n"],"mappings":"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"}

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

@@ -1,109 +1,110 @@
 "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 zod$1 = require("@hookform/resolvers/zod");
-const zod = require("zod");
-const context = require("./context.cjs");
-function Form({
-  schema: baseSchema,
-  defaultValues,
-  values,
-  onSubmit,
-  onError,
-  config,
-  children,
-  form: externalForm,
-  mode = "onBlur",
-  reValidateMode = "onChange",
-  resolver: customResolver,
-  ...formProps
-}) {
-  const mergedConfig = { ...context.defaultFormConfig, ...config };
-  const {
-    registerFieldValidation,
-    unregisterFieldValidation,
-    getValidationSchema
-  } = context.useFieldValidationRegistry();
-  const dynamicResolver = React.useCallback(
-    async (vals, context2, options) => {
-      if (customResolver) {
-        return customResolver(vals, context2, options);
-      }
-      const fieldSchema = getValidationSchema();
-      let finalSchema;
-      if (baseSchema instanceof zod.z.ZodObject) {
-        finalSchema = baseSchema.merge(fieldSchema);
-      } else {
-        finalSchema = baseSchema ?? fieldSchema;
-      }
-      return zod$1.zodResolver(finalSchema)(vals, context2, options);
-    },
-    // getValidationSchema reads a ref — always current, intentionally omitted.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [baseSchema, customResolver]
-  );
-  const internalForm = reactHookForm.useForm({
-    resolver: dynamicResolver,
-    defaultValues,
-    values,
-    mode,
-    reValidateMode
-  });
-  const form = externalForm ?? internalForm;
-  const triggerValidation = React.useCallback(async (name) => {
-    return form.trigger(name);
-  }, [form]);
-  const handleSubmit = (e) => {
-    e.preventDefault();
-    if (onSubmit) {
-      form.handleSubmit(onSubmit, onError)(e);
-    }
-  };
-  const contextValue = React.useMemo(
-    () => ({
-      form,
-      registerFieldValidation,
-      unregisterFieldValidation,
-      getValidationSchema,
-      triggerValidation,
-      showInlineErrors: mergedConfig.showInlineErrors,
-      validateOnBlur: mergedConfig.validateOnBlur,
-      validateOnChange: mergedConfig.validateOnChange,
-      size: mergedConfig.size,
-      layout: mergedConfig.layout,
-      labelWidth: mergedConfig.labelWidth,
-      disabled: mergedConfig.disabled,
-      colon: mergedConfig.colon
-    }),
-    [
-      form,
-      registerFieldValidation,
-      unregisterFieldValidation,
-      getValidationSchema,
-      triggerValidation,
-      mergedConfig.showInlineErrors,
-      mergedConfig.validateOnBlur,
-      mergedConfig.validateOnChange,
-      mergedConfig.size,
-      mergedConfig.layout,
-      mergedConfig.labelWidth,
-      mergedConfig.disabled,
-      mergedConfig.colon
-    ]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(context.FormConfigContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.FormProvider, { ...form, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "form",
-    {
-      ...formProps,
-      onSubmit: handleSubmit,
-      noValidate: true,
-      children
-    }
-  ) }) });
+"use client";
+const require_context = require("./context.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react_hook_form = require("react-hook-form");
+let _hookform_resolvers_zod = require("@hookform/resolvers/zod");
+let zod = require("zod");
+//#region src/components/Form/Form.tsx
+/**
+* Form component that provides form context and validation
+* 
+* Child components like TextBox can register their validation rules automatically.
+* 
+* @example
+* ```tsx
+* // Validation is automatically built from component props
+* <Form onSubmit={handleSubmit} defaultValues={{ username: "", email: "" }}>
+*   <TextBox name="username" label="Username" required minLength={3} maxLength={50} />
+*   <TextBox name="email" label="Email" type="email" required email />
+*   <Button type="submit">Submit</Button>
+* </Form>
+* 
+* // Or with a base schema that gets extended
+* const baseSchema = z.object({
+*   username: z.string(),
+*   email: z.string(),
+* });
+* 
+* <Form schema={baseSchema} onSubmit={handleSubmit}>
+*   <TextBox name="username" required minLength={3} /> // Adds required + minLength
+*   <TextBox name="email" required email /> // Adds required + email validation
+* </Form>
+* ```
+*/
+function Form({ schema: baseSchema, defaultValues, values, onSubmit, onError, config, children, form: externalForm, mode = "onBlur", reValidateMode = "onChange", resolver: customResolver, ...formProps }) {
+	const mergedConfig = {
+		...require_context.defaultFormConfig,
+		...config
+	};
+	const { registerFieldValidation, unregisterFieldValidation, getValidationSchema } = require_context.useFieldValidationRegistry();
+	const internalForm = (0, react_hook_form.useForm)({
+		resolver: (0, react.useCallback)(async (vals, context, options) => {
+			if (customResolver) return customResolver(vals, context, options);
+			const fieldSchema = getValidationSchema();
+			let finalSchema;
+			if (baseSchema instanceof zod.z.ZodObject) finalSchema = baseSchema.merge(fieldSchema);
+			else finalSchema = baseSchema ?? fieldSchema;
+			return (0, _hookform_resolvers_zod.zodResolver)(finalSchema)(vals, context, options);
+		}, [baseSchema, customResolver]),
+		defaultValues,
+		values,
+		mode,
+		reValidateMode
+	});
+	const form = externalForm ?? internalForm;
+	const triggerValidation = (0, react.useCallback)(async (name) => {
+		return form.trigger(name);
+	}, [form]);
+	const handleSubmit = (e) => {
+		e.preventDefault();
+		if (onSubmit) form.handleSubmit(onSubmit, onError)(e);
+	};
+	const contextValue = (0, react.useMemo)(() => ({
+		form,
+		registerFieldValidation,
+		unregisterFieldValidation,
+		getValidationSchema,
+		triggerValidation,
+		showInlineErrors: mergedConfig.showInlineErrors,
+		validateOnBlur: mergedConfig.validateOnBlur,
+		validateOnChange: mergedConfig.validateOnChange,
+		size: mergedConfig.size,
+		layout: mergedConfig.layout,
+		labelWidth: mergedConfig.labelWidth,
+		disabled: mergedConfig.disabled,
+		colon: mergedConfig.colon
+	}), [
+		form,
+		registerFieldValidation,
+		unregisterFieldValidation,
+		getValidationSchema,
+		triggerValidation,
+		mergedConfig.showInlineErrors,
+		mergedConfig.validateOnBlur,
+		mergedConfig.validateOnChange,
+		mergedConfig.size,
+		mergedConfig.layout,
+		mergedConfig.labelWidth,
+		mergedConfig.disabled,
+		mergedConfig.colon
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_context.FormConfigContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_hook_form.FormProvider, {
+			...form,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("form", {
+				...formProps,
+				onSubmit: handleSubmit,
+				noValidate: true,
+				children
+			})
+		})
+	});
 }
 Form.displayName = "Form";
+//#endregion
 exports.Form = Form;
-//# sourceMappingURL=Form.cjs.map
+
+//# sourceMappingURL=Form.cjs.map