@rachelallyson/hero-hook-form 2.6.0 → 2.7.2

package/dist/react/index.js

@@ -1,3989 +0,0 @@
-var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
-  get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
-}) : x)(function(x) {
-  if (typeof require !== "undefined") return require.apply(this, arguments);
-  throw Error('Dynamic require of "' + x + '" is not supported');
-});
-
-// src/components/Form.tsx
-import React18 from "react";
-import { Button as Button3 } from "@heroui/react";
-
-// src/hooks/useFormHelper.ts
-import { useState } from "react";
-import { useForm } from "react-hook-form";
-function useFormHelper({
-  defaultValues,
-  methods,
-  onError,
-  onSubmit,
-  onSuccess
-}) {
-  const [submissionState, setSubmissionState] = useState({
-    isSubmitted: false,
-    isSubmitting: false,
-    isSuccess: false
-  });
-  const form = methods ?? useForm({ defaultValues });
-  const handleSubmit = async () => {
-    setSubmissionState((prev) => ({
-      ...prev,
-      error: void 0,
-      isSubmitting: true
-    }));
-    try {
-      await form.handleSubmit(async (formData) => {
-        await onSubmit(formData);
-      })();
-      setSubmissionState({
-        isSubmitted: true,
-        isSubmitting: false,
-        isSuccess: true
-      });
-      onSuccess?.(form.getValues());
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : "An error occurred";
-      setSubmissionState({
-        error: errorMessage,
-        isSubmitted: true,
-        isSubmitting: false,
-        isSuccess: false
-      });
-      onError?.({
-        message: errorMessage
-      });
-    }
-  };
-  const resetForm = () => {
-    form.reset();
-    setSubmissionState({
-      isSubmitted: false,
-      isSubmitting: false,
-      isSuccess: false
-    });
-  };
-  return {
-    error: submissionState.error,
-    form,
-    handleSubmit,
-    isSubmitted: submissionState.isSubmitted,
-    isSubmitting: submissionState.isSubmitting,
-    isSuccess: submissionState.isSuccess,
-    resetForm,
-    submissionState
-  };
-}
-
-// src/components/FormField.tsx
-import React17 from "react";
-import { useWatch as useWatch3 } from "react-hook-form";
-
-// src/fields/AutocompleteField.tsx
-import React from "react";
-import { Controller } from "react-hook-form";
-
-// src/ui/react.ts
-import {
-  Autocomplete,
-  AutocompleteItem,
-  Button,
-  Checkbox,
-  DateInput,
-  DatePicker,
-  Input,
-  Radio,
-  RadioGroup,
-  Select,
-  SelectItem,
-  Slider,
-  Spinner,
-  Switch,
-  Textarea
-} from "@heroui/react";
-
-// src/fields/AutocompleteField.tsx
-function AutocompleteField(props) {
-  const {
-    autocompleteProps,
-    children,
-    className,
-    control,
-    description,
-    isDisabled,
-    items,
-    label,
-    name,
-    placeholder,
-    rules
-  } = props;
-  return /* @__PURE__ */ React.createElement(
-    Controller,
-    {
-      control,
-      name,
-      render: ({ field: field2, fieldState }) => {
-        const selectedKey = field2.value;
-        const hasSelectedValue = selectedKey != null && selectedKey !== "";
-        const allowsCustomValue = autocompleteProps?.allowsCustomValue ?? false;
-        const shouldShowInputValue = allowsCustomValue || !hasSelectedValue;
-        return /* @__PURE__ */ React.createElement("div", { className }, /* @__PURE__ */ React.createElement(
-          Autocomplete,
-          {
-            ...autocompleteProps,
-            description,
-            errorMessage: fieldState.error?.message,
-            isDisabled,
-            isInvalid: Boolean(fieldState.error),
-            label,
-            placeholder,
-            selectedKey: allowsCustomValue ? void 0 : hasSelectedValue ? String(selectedKey) : void 0,
-            inputValue: shouldShowInputValue ? field2.value ?? "" : void 0,
-            onSelectionChange: (key) => {
-              const next = key ?? "";
-              field2.onChange(next);
-            },
-            onInputChange: (value) => {
-              if (allowsCustomValue) {
-                field2.onChange(value);
-              }
-            },
-            items
-          },
-          children ? children : (item) => /* @__PURE__ */ React.createElement(
-            AutocompleteItem,
-            {
-              key: String(item.value),
-              textValue: String(item.value),
-              description: item.description,
-              isDisabled: item.disabled
-            },
-            item.label
-          )
-        ));
-      },
-      rules
-    }
-  );
-}
-
-// src/fields/CheckboxField.tsx
-import React3 from "react";
-import { Controller as Controller2 } from "react-hook-form";
-
-// src/providers/ConfigProvider.tsx
-import React2, { createContext, useContext, useMemo } from "react";
-var DefaultsContext = createContext(null);
-function HeroHookFormProvider(props) {
-  const value = useMemo(() => props.defaults ?? {}, [props.defaults]);
-  return /* @__PURE__ */ React2.createElement(DefaultsContext.Provider, { value }, props.children);
-}
-function useHeroHookFormDefaults() {
-  const cfg = useContext(DefaultsContext) ?? {};
-  const common = cfg.common ?? {};
-  const commonInput = {
-    ...common.color !== void 0 ? { color: common.color } : {},
-    ...common.size !== void 0 ? { size: common.size } : {},
-    ...common.variant !== void 0 ? { variant: common.variant } : {},
-    ...common.radius !== void 0 ? { radius: common.radius } : {},
-    ...common.labelPlacement !== void 0 ? {
-      labelPlacement: common.labelPlacement
-    } : {}
-  };
-  const commonTextarea = {
-    ...common.color !== void 0 ? { color: common.color } : {},
-    ...common.size !== void 0 ? { size: common.size } : {},
-    ...common.variant !== void 0 ? { variant: common.variant } : {},
-    ...common.radius !== void 0 ? { radius: common.radius } : {},
-    ...common.labelPlacement !== void 0 ? {
-      labelPlacement: common.labelPlacement
-    } : {}
-  };
-  const commonSelect = {
-    ...common.color !== void 0 ? { color: common.color } : {},
-    ...common.size !== void 0 ? { size: common.size } : {},
-    ...common.variant !== void 0 ? { variant: common.variant } : {},
-    ...common.radius !== void 0 ? { radius: common.radius } : {},
-    ...common.labelPlacement !== void 0 ? {
-      labelPlacement: common.labelPlacement
-    } : {}
-  };
-  const commonCheckbox = {
-    ...common.color !== void 0 ? {
-      color: common.color
-    } : {},
-    ...common.size !== void 0 ? { size: common.size } : {}
-  };
-  const commonRadioGroup = {
-    ...common.color !== void 0 ? {
-      color: common.color
-    } : {},
-    ...common.size !== void 0 ? { size: common.size } : {}
-  };
-  const commonDateInput = {
-    ...common.color !== void 0 ? {
-      color: common.color
-    } : {},
-    ...common.size !== void 0 ? { size: common.size } : {},
-    ...common.variant !== void 0 ? {
-      variant: common.variant
-    } : {},
-    ...common.radius !== void 0 ? {
-      radius: common.radius
-    } : {}
-  };
-  const commonSlider = {
-    ...common.color !== void 0 ? { color: common.color } : {},
-    ...common.size !== void 0 ? { size: common.size } : {}
-  };
-  const commonSwitch = {
-    ...common.color !== void 0 ? { color: common.color } : {},
-    ...common.size !== void 0 ? { size: common.size } : {}
-  };
-  const commonButton = {
-    ...common.color !== void 0 ? { color: common.color } : {},
-    ...common.size !== void 0 ? { size: common.size } : {}
-  };
-  return {
-    checkbox: { ...commonCheckbox, ...cfg.checkbox ?? {} },
-    dateInput: { ...commonDateInput, ...cfg.dateInput ?? {} },
-    input: { ...commonInput, ...cfg.input ?? {} },
-    radioGroup: { ...commonRadioGroup, ...cfg.radioGroup ?? {} },
-    select: { ...commonSelect, ...cfg.select ?? {} },
-    slider: { ...commonSlider, ...cfg.slider ?? {} },
-    submitButton: { ...commonButton, ...cfg.submitButton ?? {} },
-    switch: { ...commonSwitch, ...cfg.switch ?? {} },
-    textarea: { ...commonTextarea, ...cfg.textarea ?? {} }
-  };
-}
-
-// src/fields/CheckboxField.tsx
-function CheckboxField(props) {
-  const {
-    checkboxProps,
-    className,
-    control,
-    description,
-    isDisabled,
-    label,
-    name,
-    rules
-  } = props;
-  const defaults = useHeroHookFormDefaults();
-  return /* @__PURE__ */ React3.createElement(
-    Controller2,
-    {
-      control,
-      name,
-      render: ({ field: field2, fieldState }) => /* @__PURE__ */ React3.createElement("div", { className }, /* @__PURE__ */ React3.createElement(
-        Checkbox,
-        {
-          ...defaults.checkbox,
-          ...checkboxProps,
-          isDisabled,
-          isInvalid: Boolean(fieldState.error),
-          isSelected: Boolean(field2.value),
-          onBlur: field2.onBlur,
-          onValueChange: (val) => field2.onChange(val)
-        },
-        label
-      ), description ? /* @__PURE__ */ React3.createElement("p", { className: "text-small text-default-400" }, description) : null, fieldState.error?.message ? /* @__PURE__ */ React3.createElement("p", { className: "text-tiny text-danger mt-1" }, fieldState.error.message) : null),
-      rules
-    }
-  );
-}
-
-// src/fields/ConditionalField.tsx
-import React4 from "react";
-import { useWatch, useFormContext } from "react-hook-form";
-function ConditionalField({
-  className,
-  config,
-  control
-}) {
-  const { condition, field: field2 } = config;
-  const form = useFormContext();
-  const formValues = useWatch({ control });
-  const shouldShow = condition(formValues);
-  if (!shouldShow) {
-    return null;
-  }
-  return /* @__PURE__ */ React4.createElement("div", { className }, /* @__PURE__ */ React4.createElement(
-    FormField,
-    {
-      config: field2,
-      form,
-      submissionState: {
-        error: void 0,
-        isSubmitted: false,
-        isSubmitting: false,
-        isSuccess: false
-      }
-    }
-  ));
-}
-
-// src/fields/ContentField.tsx
-import React5 from "react";
-function ContentField({
-  config,
-  form,
-  submissionState
-}) {
-  if (config.render) {
-    return /* @__PURE__ */ React5.createElement("div", { className: config.className }, config.render({
-      errors: form.formState.errors,
-      form,
-      isSubmitting: submissionState.isSubmitting
-    }));
-  }
-  return /* @__PURE__ */ React5.createElement("div", { className: config.className }, config.title && /* @__PURE__ */ React5.createElement("h3", { className: "text-lg font-semibold text-foreground mb-2" }, config.title), config.description && /* @__PURE__ */ React5.createElement("p", { className: "text-sm text-muted-foreground" }, config.description));
-}
-
-// src/fields/DateField.tsx
-import React6 from "react";
-import { Controller as Controller3 } from "react-hook-form";
-function CoercedDateInput(props) {
-  const { dateProps, description, disabled, errorMessage, field: field2, label } = props;
-  const defaults = useHeroHookFormDefaults();
-  return /* @__PURE__ */ React6.createElement(
-    DateInput,
-    {
-      ...defaults.dateInput,
-      ...dateProps,
-      description,
-      errorMessage,
-      isDisabled: disabled,
-      isInvalid: Boolean(errorMessage),
-      label,
-      value: field2.value ?? null,
-      onBlur: field2.onBlur,
-      onChange: field2.onChange
-    }
-  );
-}
-function DateField(props) {
-  const {
-    className,
-    control,
-    dateProps,
-    description,
-    isDisabled,
-    label,
-    name,
-    rules,
-    transform
-  } = props;
-  return /* @__PURE__ */ React6.createElement(
-    Controller3,
-    {
-      control,
-      name,
-      render: ({ field: field2, fieldState }) => /* @__PURE__ */ React6.createElement("div", { className }, /* @__PURE__ */ React6.createElement(
-        CoercedDateInput,
-        {
-          dateProps,
-          description,
-          disabled: isDisabled,
-          errorMessage: fieldState.error?.message,
-          field: {
-            ...field2,
-            onChange: (value) => field2.onChange(transform ? transform(value) : value)
-          },
-          label
-        }
-      )),
-      rules
-    }
-  );
-}
-
-// src/fields/DynamicSectionField.tsx
-import React7 from "react";
-import { useWatch as useWatch2, useFormContext as useFormContext2 } from "react-hook-form";
-function DynamicSectionField({
-  className,
-  config,
-  control
-}) {
-  const { condition, description, fields, title } = config;
-  const form = useFormContext2();
-  const formValues = useWatch2({ control });
-  const shouldShow = condition(formValues);
-  if (!shouldShow) {
-    return null;
-  }
-  return /* @__PURE__ */ React7.createElement("div", { className }, (title || description) && /* @__PURE__ */ React7.createElement("div", { className: "mb-6" }, title && /* @__PURE__ */ React7.createElement("h3", { className: "text-lg font-semibold text-gray-900 mb-2" }, title), description && /* @__PURE__ */ React7.createElement("p", { className: "text-sm text-gray-600" }, description)), /* @__PURE__ */ React7.createElement("div", { className: "space-y-4" }, fields.map((fieldConfig, index) => /* @__PURE__ */ React7.createElement(
-    FormField,
-    {
-      key: `${fieldConfig.name}-${index}`,
-      config: fieldConfig,
-      form,
-      submissionState: {
-        error: void 0,
-        isSubmitted: false,
-        isSubmitting: false,
-        isSuccess: false
-      }
-    }
-  ))));
-}
-
-// src/fields/FieldArrayField.tsx
-import React8 from "react";
-import { useFieldArray, useFormContext as useFormContext3 } from "react-hook-form";
-import { Button as Button2 } from "@heroui/react";
-function FieldArrayField({
-  className,
-  config
-}) {
-  const {
-    addButtonText = "Add Item",
-    fields: fieldConfigs,
-    max = 10,
-    min = 0,
-    name,
-    removeButtonText = "Remove"
-  } = config;
-  const form = useFormContext3();
-  if (!form || !form.control) {
-    return null;
-  }
-  const { control } = form;
-  const { append, fields, remove } = useFieldArray({
-    control,
-    name
-    // FieldArray name
-  });
-  const canAdd = fields.length < max;
-  const canRemove = fields.length > min;
-  const handleAdd = () => {
-    if (canAdd) {
-      const defaultValues = fieldConfigs.reduce((acc, fieldConfig) => {
-        const fieldName = fieldConfig.name;
-        if (fieldConfig.type === "checkbox" || fieldConfig.type === "switch") {
-          acc[fieldName] = false;
-        } else if (fieldConfig.type === "slider") {
-          acc[fieldName] = 0;
-        } else {
-          acc[fieldName] = "";
-        }
-        return acc;
-      }, {});
-      append(defaultValues);
-    }
-  };
-  const handleRemove = (index) => {
-    if (canRemove) {
-      remove(index);
-    }
-  };
-  return /* @__PURE__ */ React8.createElement("div", { className }, /* @__PURE__ */ React8.createElement("div", { className: "space-y-4" }, fields.map((field2, index) => /* @__PURE__ */ React8.createElement(
-    "div",
-    {
-      key: field2.id,
-      className: "border border-gray-200 rounded-lg p-4 space-y-4"
-    },
-    /* @__PURE__ */ React8.createElement("div", { className: "flex justify-between items-center" }, /* @__PURE__ */ React8.createElement("h4", { className: "text-sm font-medium text-gray-700" }, config.label, " #", index + 1), canRemove && /* @__PURE__ */ React8.createElement(
-      Button2,
-      {
-        size: "sm",
-        variant: "light",
-        color: "danger",
-        startContent: "\u{1F5D1}\uFE0F",
-        onPress: () => handleRemove(index),
-        "aria-label": `${removeButtonText} ${config.label} ${index + 1}`
-      },
-      removeButtonText
-    )),
-    /* @__PURE__ */ React8.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4" }, fieldConfigs.map((fieldConfig) => /* @__PURE__ */ React8.createElement(
-      FormField,
-      {
-        key: `${fieldConfig.name}-${index}`,
-        config: {
-          ...fieldConfig,
-          name: `${name}.${index}.${fieldConfig.name}`
-        },
-        form,
-        submissionState: {
-          error: void 0,
-          isSubmitted: false,
-          isSubmitting: false,
-          isSuccess: false
-        }
-      }
-    )))
-  )), canAdd && /* @__PURE__ */ React8.createElement(
-    Button2,
-    {
-      variant: "bordered",
-      startContent: "\u2795",
-      onPress: handleAdd,
-      className: "w-full"
-    },
-    addButtonText
-  ), fields.length === 0 && /* @__PURE__ */ React8.createElement("div", { className: "text-center py-8 text-gray-500" }, /* @__PURE__ */ React8.createElement("p", null, "No ", config.label?.toLowerCase(), " added yet."), /* @__PURE__ */ React8.createElement(
-    Button2,
-    {
-      variant: "bordered",
-      startContent: "\u2795",
-      onPress: handleAdd,
-      className: "mt-2"
-    },
-    addButtonText
-  ))));
-}
-
-// src/fields/FileField.tsx
-import React9 from "react";
-import { Controller as Controller4 } from "react-hook-form";
-function CoercedFileInput(props) {
-  const {
-    accept,
-    description,
-    disabled,
-    errorMessage,
-    field: field2,
-    fileProps,
-    label,
-    multiple
-  } = props;
-  const defaults = useHeroHookFormDefaults();
-  return /* @__PURE__ */ React9.createElement(
-    Input,
-    {
-      ...defaults.input,
-      ...fileProps,
-      accept,
-      description,
-      errorMessage,
-      isDisabled: disabled,
-      isInvalid: Boolean(errorMessage),
-      label,
-      multiple,
-      type: "file",
-      value: field2.value ? "" : "",
-      onBlur: field2.onBlur,
-      onChange: (e) => {
-        const target = e.target;
-        field2.onChange(target.files);
-      }
-    }
-  );
-}
-function FileField(props) {
-  const {
-    accept,
-    className,
-    control,
-    description,
-    fileProps,
-    isDisabled,
-    label,
-    multiple = false,
-    name,
-    rules,
-    transform
-  } = props;
-  return /* @__PURE__ */ React9.createElement(
-    Controller4,
-    {
-      control,
-      name,
-      render: ({ field: field2, fieldState }) => /* @__PURE__ */ React9.createElement("div", { className }, /* @__PURE__ */ React9.createElement(
-        CoercedFileInput,
-        {
-          accept,
-          description,
-          disabled: isDisabled,
-          errorMessage: fieldState.error?.message,
-          field: {
-            ...field2,
-            onChange: (value) => field2.onChange(transform ? transform(value) : value)
-          },
-          fileProps,
-          label,
-          multiple
-        }
-      )),
-      rules
-    }
-  );
-}
-
-// src/fields/FontPickerField.tsx
-import React10 from "react";
-import { Controller as Controller5 } from "react-hook-form";
-var FontPickerComponent = null;
-var fontPickerLoaded = false;
-var fontPickerLoading = false;
-var loadingCallbacks = [];
-function FontPickerField(props) {
-  const {
-    className,
-    control,
-    description,
-    fontPickerProps,
-    isDisabled,
-    label,
-    name,
-    rules
-  } = props;
-  const [fontPickerState, setFontPickerState] = React10.useState({
-    component: FontPickerComponent,
-    error: null,
-    loading: false
-  });
-  React10.useEffect(() => {
-    if (fontPickerLoaded && FontPickerComponent) {
-      setFontPickerState({
-        component: FontPickerComponent,
-        error: null,
-        loading: false
-      });
-      return;
-    }
-    if (fontPickerLoading) {
-      setFontPickerState((prev) => ({ ...prev, loading: true }));
-      const callback = () => {
-        if (fontPickerLoaded && FontPickerComponent) {
-          setFontPickerState({
-            component: FontPickerComponent,
-            error: null,
-            loading: false
-          });
-        } else {
-          setFontPickerState({
-            component: null,
-            error: "Font picker package not found",
-            loading: false
-          });
-        }
-      };
-      loadingCallbacks.push(callback);
-      return;
-    }
-    const loadFontPicker = async () => {
-      fontPickerLoading = true;
-      setFontPickerState((prev) => ({ ...prev, loading: true }));
-      try {
-        const fontPickerModule = await import("@rachelallyson/heroui-font-picker");
-        FontPickerComponent = fontPickerModule.FontPicker || fontPickerModule.default;
-        fontPickerLoaded = true;
-        fontPickerLoading = false;
-        setFontPickerState({
-          component: FontPickerComponent,
-          error: null,
-          loading: false
-        });
-        loadingCallbacks.forEach((callback) => callback());
-        loadingCallbacks.length = 0;
-      } catch {
-        fontPickerLoading = false;
-        setFontPickerState({
-          component: null,
-          error: "Font picker package not found",
-          loading: false
-        });
-        loadingCallbacks.forEach((callback) => callback());
-        loadingCallbacks.length = 0;
-      }
-    };
-    void loadFontPicker();
-  }, []);
-  if (fontPickerState.loading) {
-    return /* @__PURE__ */ React10.createElement("div", { className }, /* @__PURE__ */ React10.createElement("div", { className: "space-y-2" }, label && /* @__PURE__ */ React10.createElement("label", { className: "block text-sm font-medium text-foreground" }, label), description && /* @__PURE__ */ React10.createElement("p", { className: "text-sm text-muted-foreground" }, description), /* @__PURE__ */ React10.createElement("div", { className: "p-4 border border-default-200 bg-default-50 rounded-medium" }, /* @__PURE__ */ React10.createElement("p", { className: "text-default-600 text-sm" }, "Loading font picker..."))));
-  }
-  if (!fontPickerState.component) {
-    return /* @__PURE__ */ React10.createElement("div", { className }, /* @__PURE__ */ React10.createElement("div", { className: "space-y-2" }, label && /* @__PURE__ */ React10.createElement("label", { className: "block text-sm font-medium text-foreground" }, label), description && /* @__PURE__ */ React10.createElement("p", { className: "text-sm text-muted-foreground" }, description), /* @__PURE__ */ React10.createElement("div", { className: "p-4 border border-warning-200 bg-warning-50 rounded-medium" }, /* @__PURE__ */ React10.createElement("p", { className: "text-warning-800 text-sm" }, "Font picker requires the @rachelallyson/heroui-font-picker package. Please install it as a peer dependency for advanced font selection features."))));
-  }
-  return /* @__PURE__ */ React10.createElement(
-    Controller5,
-    {
-      control,
-      name,
-      render: ({ field: field2, fieldState }) => /* @__PURE__ */ React10.createElement(
-        fontPickerState.component,
-        {
-          label,
-          description,
-          value: field2.value ?? "",
-          onSelectionChange: (value) => field2.onChange(value),
-          errorMessage: fieldState.error?.message,
-          isDisabled,
-          className,
-          ...fontPickerProps
-        }
-      ),
-      rules
-    }
-  );
-}
-
-// src/fields/InputField.tsx
-import React11 from "react";
-import { Controller as Controller6 } from "react-hook-form";
-function CoercedInput(props) {
-  const { description, disabled, errorMessage, field: field2, inputProps, label } = props;
-  const defaults = useHeroHookFormDefaults();
-  return /* @__PURE__ */ React11.createElement(
-    Input,
-    {
-      ...defaults.input,
-      ...inputProps,
-      description,
-      errorMessage,
-      isDisabled: disabled,
-      isInvalid: Boolean(errorMessage),
-      label,
-      value: field2.value ?? "",
-      onBlur: field2.onBlur,
-      onValueChange: field2.onChange
-    }
-  );
-}
-var InputField = React11.memo(
-  (props) => {
-    const {
-      className,
-      control,
-      description,
-      inputProps,
-      isDisabled,
-      label,
-      name,
-      rules,
-      transform
-    } = props;
-    return /* @__PURE__ */ React11.createElement(
-      Controller6,
-      {
-        control,
-        name,
-        render: ({ field: field2, fieldState }) => /* @__PURE__ */ React11.createElement("div", { className }, /* @__PURE__ */ React11.createElement(
-          CoercedInput,
-          {
-            description,
-            disabled: isDisabled,
-            errorMessage: fieldState.error?.message,
-            field: {
-              ...field2,
-              onChange: (value) => {
-                if (inputProps?.type === "number") {
-                  const numValue = value === "" ? void 0 : Number(value);
-                  field2.onChange(
-                    transform ? transform(String(numValue)) : numValue
-                  );
-                } else {
-                  field2.onChange(transform ? transform(value) : value);
-                }
-              }
-            },
-            inputProps,
-            label
-          }
-        )),
-        rules
-      }
-    );
-  }
-);
-
-// src/fields/RadioGroupField.tsx
-import React12 from "react";
-import { Controller as Controller7 } from "react-hook-form";
-function RadioGroupField(props) {
-  const {
-    className,
-    control,
-    description,
-    isDisabled,
-    label,
-    name,
-    options,
-    radioGroupProps,
-    rules
-  } = props;
-  const defaults = useHeroHookFormDefaults();
-  return /* @__PURE__ */ React12.createElement(
-    Controller7,
-    {
-      control,
-      name,
-      render: ({ field: field2, fieldState }) => /* @__PURE__ */ React12.createElement("div", { className }, /* @__PURE__ */ React12.createElement(
-        RadioGroup,
-        {
-          ...defaults.radioGroup,
-          ...radioGroupProps,
-          description,
-          isDisabled,
-          isInvalid: Boolean(fieldState.error),
-          label,
-          value: String(field2.value ?? ""),
-          onBlur: field2.onBlur,
-          onValueChange: (val) => field2.onChange(val)
-        },
-        options.map((opt) => /* @__PURE__ */ React12.createElement(
-          Radio,
-          {
-            key: String(opt.value),
-            isDisabled: opt.disabled,
-            value: String(opt.value)
-          },
-          opt.label
-        ))
-      ), fieldState.error?.message ? /* @__PURE__ */ React12.createElement("p", { className: "text-tiny text-danger mt-1" }, fieldState.error.message) : null),
-      rules
-    }
-  );
-}
-
-// src/fields/SelectField.tsx
-import React13 from "react";
-import { Controller as Controller8 } from "react-hook-form";
-function SelectField(props) {
-  const {
-    className,
-    control,
-    description,
-    isDisabled,
-    label,
-    name,
-    options,
-    placeholder,
-    rules,
-    selectProps
-  } = props;
-  const defaults = useHeroHookFormDefaults();
-  return /* @__PURE__ */ React13.createElement(
-    Controller8,
-    {
-      control,
-      name,
-      render: ({ field: field2, fieldState }) => {
-        const selectedKey = field2.value;
-        return /* @__PURE__ */ React13.createElement("div", { className }, /* @__PURE__ */ React13.createElement(
-          Select,
-          {
-            ...defaults.select,
-            ...selectProps,
-            description,
-            errorMessage: fieldState.error?.message,
-            isDisabled,
-            isInvalid: Boolean(fieldState.error),
-            label,
-            placeholder,
-            selectedKeys: selectedKey != null ? /* @__PURE__ */ new Set([String(selectedKey)]) : /* @__PURE__ */ new Set(),
-            onSelectionChange: (keys) => {
-              const keyArray = Array.from(keys);
-              const next = keyArray[0] ?? "";
-              field2.onChange(next);
-            }
-          },
-          options.map((opt) => /* @__PURE__ */ React13.createElement(
-            SelectItem,
-            {
-              key: String(opt.value),
-              isDisabled: opt.disabled,
-              textValue: String(opt.value)
-            },
-            opt.label
-          ))
-        ));
-      },
-      rules
-    }
-  );
-}
-
-// src/fields/SliderField.tsx
-import React14 from "react";
-import { Controller as Controller9 } from "react-hook-form";
-function CoercedSlider(props) {
-  const { description, disabled, errorMessage, field: field2, label, sliderProps } = props;
-  const defaults = useHeroHookFormDefaults();
-  return /* @__PURE__ */ React14.createElement(
-    Slider,
-    {
-      ...defaults.slider,
-      ...sliderProps,
-      description,
-      errorMessage,
-      isDisabled: disabled,
-      isInvalid: Boolean(errorMessage),
-      label,
-      value: field2.value ?? 0,
-      onBlur: field2.onBlur,
-      onValueChange: field2.onChange
-    }
-  );
-}
-function SliderField(props) {
-  const {
-    className,
-    control,
-    description,
-    isDisabled,
-    label,
-    name,
-    rules,
-    sliderProps,
-    transform
-  } = props;
-  return /* @__PURE__ */ React14.createElement(
-    Controller9,
-    {
-      control,
-      name,
-      render: ({ field: field2, fieldState }) => /* @__PURE__ */ React14.createElement("div", { className }, /* @__PURE__ */ React14.createElement(
-        CoercedSlider,
-        {
-          description,
-          disabled: isDisabled,
-          errorMessage: fieldState.error?.message,
-          field: {
-            ...field2,
-            onChange: (value) => field2.onChange(transform ? transform(value) : value)
-          },
-          label,
-          sliderProps
-        }
-      )),
-      rules
-    }
-  );
-}
-
-// src/fields/SwitchField.tsx
-import React15 from "react";
-import { Controller as Controller10 } from "react-hook-form";
-function SwitchField(props) {
-  const {
-    className,
-    control,
-    description,
-    isDisabled,
-    label,
-    name,
-    rules,
-    switchProps
-  } = props;
-  const defaults = useHeroHookFormDefaults();
-  return /* @__PURE__ */ React15.createElement(
-    Controller10,
-    {
-      control,
-      name,
-      render: ({ field: field2, fieldState }) => /* @__PURE__ */ React15.createElement("div", { className }, /* @__PURE__ */ React15.createElement(
-        Switch,
-        {
-          ...defaults.switch,
-          ...switchProps,
-          isDisabled,
-          isSelected: Boolean(field2.value),
-          onBlur: field2.onBlur,
-          onValueChange: (val) => field2.onChange(val)
-        },
-        label
-      ), description ? /* @__PURE__ */ React15.createElement("p", { className: "text-small text-default-400" }, description) : null, fieldState.error?.message ? /* @__PURE__ */ React15.createElement("p", { className: "text-tiny text-danger mt-1" }, fieldState.error.message) : null),
-      rules
-    }
-  );
-}
-
-// src/fields/TextareaField.tsx
-import React16 from "react";
-import { Controller as Controller11 } from "react-hook-form";
-function TextareaField(props) {
-  const {
-    className,
-    control,
-    description,
-    isDisabled,
-    label,
-    name,
-    rules,
-    textareaProps
-  } = props;
-  const defaults = useHeroHookFormDefaults();
-  return /* @__PURE__ */ React16.createElement(
-    Controller11,
-    {
-      control,
-      name,
-      render: ({ field: field2, fieldState }) => /* @__PURE__ */ React16.createElement("div", { className }, /* @__PURE__ */ React16.createElement(
-        Textarea,
-        {
-          ...defaults.textarea,
-          ...textareaProps,
-          description,
-          errorMessage: fieldState.error?.message,
-          isDisabled,
-          isInvalid: Boolean(fieldState.error),
-          label,
-          value: field2.value ?? "",
-          onBlur: field2.onBlur,
-          onValueChange: field2.onChange
-        }
-      )),
-      rules
-    }
-  );
-}
-
-// src/components/FormField.tsx
-var FormField = React17.memo(
-  ({
-    config,
-    form,
-    submissionState
-  }) => {
-    if (!form || !form.control) {
-      return null;
-    }
-    const { control } = form;
-    const watchedValues = useWatch3({ control });
-    if (config.type === "content") {
-      return /* @__PURE__ */ React17.createElement(
-        ContentField,
-        {
-          config,
-          form,
-          submissionState
-        }
-      );
-    }
-    if (config.condition && !config.condition(watchedValues)) {
-      return null;
-    }
-    if (config.dependsOn) {
-      const dependentValue = watchedValues[config.dependsOn];
-      if (config.dependsOnValue !== void 0 && dependentValue !== config.dependsOnValue) {
-        return null;
-      }
-    }
-    const baseProps = {
-      ariaDescribedBy: config.ariaDescribedBy,
-      ariaLabel: config.ariaLabel,
-      className: config.className,
-      description: config.description,
-      isDisabled: config.isDisabled ?? submissionState.isSubmitting,
-      label: config.label,
-      name: config.name,
-      rules: config.rules
-    };
-    switch (config.type) {
-      case "input":
-        return /* @__PURE__ */ React17.createElement(
-          InputField,
-          {
-            ...baseProps,
-            control,
-            defaultValue: config.defaultValue,
-            inputProps: config.inputProps
-          }
-        );
-      case "textarea":
-        return /* @__PURE__ */ React17.createElement(
-          TextareaField,
-          {
-            ...baseProps,
-            control,
-            defaultValue: config.defaultValue,
-            textareaProps: config.textareaProps
-          }
-        );
-      case "select":
-        return /* @__PURE__ */ React17.createElement(
-          SelectField,
-          {
-            ...baseProps,
-            control,
-            defaultValue: config.defaultValue,
-            options: (config.options ?? []).map((opt) => ({
-              label: opt.label,
-              value: String(opt.value)
-            })),
-            selectProps: config.selectProps
-          }
-        );
-      case "autocomplete":
-        return /* @__PURE__ */ React17.createElement(
-          AutocompleteField,
-          {
-            ...baseProps,
-            control,
-            defaultValue: config.defaultValue,
-            items: (config.options ?? []).map((opt) => ({
-              label: opt.label,
-              value: String(opt.value)
-            })),
-            autocompleteProps: config.autocompleteProps
-          }
-        );
-      case "checkbox":
-        return /* @__PURE__ */ React17.createElement(
-          CheckboxField,
-          {
-            ...baseProps,
-            checkboxProps: config.checkboxProps,
-            control,
-            defaultValue: config.defaultValue
-          }
-        );
-      case "radio":
-        return /* @__PURE__ */ React17.createElement(
-          RadioGroupField,
-          {
-            ...baseProps,
-            control,
-            defaultValue: config.defaultValue,
-            options: (config.radioOptions ?? []).map((opt) => ({
-              label: opt.label,
-              value: String(opt.value)
-            })),
-            radioGroupProps: config.radioProps
-          }
-        );
-      case "switch":
-        return /* @__PURE__ */ React17.createElement(
-          SwitchField,
-          {
-            ...baseProps,
-            control,
-            defaultValue: config.defaultValue,
-            switchProps: config.switchProps
-          }
-        );
-      case "slider":
-        return /* @__PURE__ */ React17.createElement(
-          SliderField,
-          {
-            ...baseProps,
-            control,
-            defaultValue: config.defaultValue,
-            sliderProps: config.sliderProps
-          }
-        );
-      case "date":
-        return /* @__PURE__ */ React17.createElement(
-          DateField,
-          {
-            ...baseProps,
-            control,
-            dateProps: config.dateProps,
-            defaultValue: config.defaultValue
-          }
-        );
-      case "file":
-        return /* @__PURE__ */ React17.createElement(
-          FileField,
-          {
-            ...baseProps,
-            accept: config.accept,
-            control,
-            defaultValue: config.defaultValue,
-            fileProps: config.fileProps,
-            multiple: config.multiple
-          }
-        );
-      case "fontPicker":
-        return /* @__PURE__ */ React17.createElement(
-          FontPickerField,
-          {
-            ...baseProps,
-            control,
-            defaultValue: config.defaultValue,
-            fontPickerProps: config.fontPickerProps
-          }
-        );
-      case "custom":
-        return config.render({
-          control,
-          errors: form.formState.errors,
-          form,
-          isSubmitting: submissionState.isSubmitting,
-          name: config.name
-        });
-      case "conditional":
-        return /* @__PURE__ */ React17.createElement(
-          ConditionalField,
-          {
-            config,
-            control,
-            className: config.className
-          }
-        );
-      case "fieldArray":
-        return /* @__PURE__ */ React17.createElement(
-          FieldArrayField,
-          {
-            config,
-            className: config.className
-          }
-        );
-      case "dynamicSection":
-        return /* @__PURE__ */ React17.createElement(
-          DynamicSectionField,
-          {
-            config,
-            control,
-            className: config.className
-          }
-        );
-      default: {
-        const fieldType = config.type;
-        console.warn(`Unknown field type: ${fieldType}`);
-        return null;
-      }
-    }
-  }
-);
-
-// src/components/Form.tsx
-function ConfigurableForm({
-  className,
-  columns = 1,
-  defaultValues,
-  fields,
-  layout = "vertical",
-  onError,
-  onSubmit,
-  onSuccess,
-  resetButtonText = "Reset",
-  showResetButton = false,
-  spacing = "4",
-  submitButtonProps = {},
-  submitButtonText = "Submit",
-  subtitle,
-  title
-}) {
-  const {
-    error,
-    form,
-    handleSubmit,
-    isSubmitted,
-    isSubmitting,
-    isSuccess,
-    resetForm,
-    submissionState
-  } = useFormHelper({
-    defaultValues,
-    onError,
-    onSubmit,
-    onSuccess
-  });
-  const renderFields = () => {
-    if (layout === "grid") {
-      return /* @__PURE__ */ React18.createElement(
-        "div",
-        {
-          className: `grid gap-${spacing} ${columns === 1 ? "grid-cols-1" : columns === 2 ? "grid-cols-1 md:grid-cols-2" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"}`
-        },
-        fields.map((field2) => /* @__PURE__ */ React18.createElement(
-          FormField,
-          {
-            key: field2.name,
-            config: field2,
-            form,
-            submissionState
-          }
-        ))
-      );
-    }
-    if (layout === "horizontal") {
-      return /* @__PURE__ */ React18.createElement("div", { className: `grid gap-${spacing} grid-cols-1 md:grid-cols-2` }, fields.map((field2) => /* @__PURE__ */ React18.createElement(
-        FormField,
-        {
-          key: field2.name,
-          config: field2,
-          form,
-          submissionState
-        }
-      )));
-    }
-    return /* @__PURE__ */ React18.createElement("div", { className: `space-y-${spacing}` }, fields.map((field2) => /* @__PURE__ */ React18.createElement(
-      FormField,
-      {
-        key: field2.name,
-        config: field2,
-        form,
-        submissionState
-      }
-    )));
-  };
-  const handleFormSubmit = (e) => {
-    e.preventDefault();
-    void handleSubmit();
-  };
-  return /* @__PURE__ */ React18.createElement("form", { className, role: "form", onSubmit: handleFormSubmit }, title && /* @__PURE__ */ React18.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React18.createElement("h2", { className: "text-xl font-semibold text-foreground mb-2" }, title), subtitle && /* @__PURE__ */ React18.createElement("p", { className: "text-sm text-muted-foreground" }, subtitle)), isSubmitted && isSuccess && /* @__PURE__ */ React18.createElement(
-    "div",
-    {
-      className: "mb-6 p-4 bg-success-50 border border-success-200 rounded-lg",
-      "data-testid": "success-message"
-    },
-    /* @__PURE__ */ React18.createElement("p", { className: "text-success-800 font-medium" }, "Success!"),
-    /* @__PURE__ */ React18.createElement("p", { className: "text-success-700 text-sm mt-1" }, "Your request has been processed successfully.")
-  ), error && /* @__PURE__ */ React18.createElement(
-    "div",
-    {
-      className: "mb-6 p-4 bg-danger-50 border border-danger-200 rounded-lg",
-      "data-testid": "error-message"
-    },
-    /* @__PURE__ */ React18.createElement("p", { className: "text-danger-800 font-medium" }, "Error"),
-    /* @__PURE__ */ React18.createElement("p", { className: "text-danger-700 text-sm mt-1" }, error)
-  ), renderFields(), /* @__PURE__ */ React18.createElement("div", { className: "mt-6 flex gap-3 justify-end" }, /* @__PURE__ */ React18.createElement(
-    Button3,
-    {
-      color: "primary",
-      isDisabled: isSubmitting,
-      isLoading: isSubmitting,
-      type: "submit",
-      ...submitButtonProps
-    },
-    submitButtonText
-  ), showResetButton && /* @__PURE__ */ React18.createElement(
-    Button3,
-    {
-      isDisabled: isSubmitting,
-      type: "button",
-      variant: "bordered",
-      onPress: resetForm
-    },
-    resetButtonText
-  )));
-}
-
-// src/components/ServerActionForm.tsx
-import React19 from "react";
-import { useActionState } from "react";
-function ServerActionForm({
-  action,
-  className,
-  clientValidationSchema,
-  columns = 1,
-  defaultValues,
-  fields,
-  initialState,
-  layout = "vertical",
-  onError,
-  onSuccess,
-  resetButtonText = "Reset",
-  showResetButton = false,
-  spacing = "4",
-  submitButtonProps = {},
-  submitButtonText = "Submit",
-  subtitle,
-  title
-}) {
-  const [state, formAction, pending] = useActionState(
-    action,
-    initialState ?? { errors: void 0, message: void 0, success: false }
-  );
-  const formRef = React19.useRef(null);
-  const [clientErrors, setClientErrors] = React19.useState({});
-  const lastSubmittedFormData = React19.useRef(null);
-  React19.useEffect(() => {
-    if (state && (state.errors || state.message && !state.success)) {
-      onError?.({
-        errors: state.errors,
-        message: state.message
-      });
-    }
-  }, [state, onError]);
-  React19.useEffect(() => {
-    if (state?.success && lastSubmittedFormData.current) {
-      onSuccess?.(lastSubmittedFormData.current);
-    }
-  }, [state?.success, onSuccess]);
-  const handleReset = () => {
-    formRef.current?.reset();
-    setClientErrors({});
-  };
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    if (clientValidationSchema) {
-      const formData2 = new FormData(e.currentTarget);
-      const values = {};
-      formData2.forEach((val, key) => {
-        if (val === "on") {
-          values[key] = true;
-        } else if (val === "") {
-          if (!values[key]) {
-            values[key] = false;
-          }
-        } else {
-          values[key] = val;
-        }
-      });
-      const result = clientValidationSchema.safeParse(values);
-      if (!result.success) {
-        const errors = {};
-        result.error.issues.forEach((issue) => {
-          const path = issue.path.join(".");
-          errors[path] = issue.message;
-        });
-        setClientErrors((prev) => ({ ...prev, ...errors }));
-        return;
-      }
-      setClientErrors({});
-    }
-    const formData = new FormData(e.currentTarget);
-    lastSubmittedFormData.current = formData;
-    formAction(formData);
-  };
-  const renderFields = () => {
-    if (layout === "grid") {
-      return /* @__PURE__ */ React19.createElement(
-        "div",
-        {
-          className: `grid gap-${spacing} ${columns === 1 ? "grid-cols-1" : columns === 2 ? "grid-cols-1 md:grid-cols-2" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"}`
-        },
-        fields.map((field2) => /* @__PURE__ */ React19.createElement(
-          ServerActionField,
-          {
-            key: field2.name,
-            clientErrors,
-            defaultValues,
-            errors: state?.errors,
-            field: field2
-          }
-        ))
-      );
-    }
-    if (layout === "horizontal") {
-      return /* @__PURE__ */ React19.createElement("div", { className: `grid gap-${spacing} grid-cols-1 md:grid-cols-2` }, fields.map((field2) => /* @__PURE__ */ React19.createElement(
-        ServerActionField,
-        {
-          key: field2.name,
-          clientErrors,
-          defaultValues,
-          errors: state?.errors,
-          field: field2
-        }
-      )));
-    }
-    return /* @__PURE__ */ React19.createElement("div", { className: `space-y-${spacing}` }, fields.map((field2) => /* @__PURE__ */ React19.createElement(
-      ServerActionField,
-      {
-        key: field2.name,
-        clientErrors,
-        defaultValues,
-        errors: state?.errors,
-        field: field2
-      }
-    )));
-  };
-  return /* @__PURE__ */ React19.createElement(
-    "form",
-    {
-      ref: formRef,
-      className,
-      role: "form",
-      onSubmit: handleSubmit
-    },
-    title && /* @__PURE__ */ React19.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React19.createElement("h2", { className: "text-xl font-semibold text-foreground mb-2" }, title), subtitle && /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-muted-foreground" }, subtitle)),
-    state?.success && !pending && /* @__PURE__ */ React19.createElement(
-      "div",
-      {
-        className: "mb-6 p-4 bg-success-50 border border-success-200 rounded-lg",
-        "data-testid": "success-message"
-      },
-      /* @__PURE__ */ React19.createElement("p", { className: "text-success-800 font-medium" }, "Success!"),
-      state.message && /* @__PURE__ */ React19.createElement("p", { className: "text-success-700 text-sm mt-1" }, state.message)
-    ),
-    state?.message && !state.success && /* @__PURE__ */ React19.createElement(
-      "div",
-      {
-        className: "mb-6 p-4 bg-danger-50 border border-danger-200 rounded-lg",
-        "data-testid": "error-message"
-      },
-      /* @__PURE__ */ React19.createElement("p", { className: "text-danger-800 font-medium" }, "Error"),
-      /* @__PURE__ */ React19.createElement("p", { className: "text-danger-700 text-sm mt-1" }, state.message)
-    ),
-    renderFields(),
-    /* @__PURE__ */ React19.createElement("div", { className: "mt-6 flex gap-3 justify-end" }, /* @__PURE__ */ React19.createElement(
-      Button,
-      {
-        color: "primary",
-        isDisabled: pending,
-        isLoading: pending,
-        type: "submit",
-        ...submitButtonProps
-      },
-      submitButtonText
-    ), showResetButton && /* @__PURE__ */ React19.createElement(
-      Button,
-      {
-        isDisabled: pending,
-        type: "button",
-        variant: "bordered",
-        onPress: handleReset
-      },
-      resetButtonText
-    ))
-  );
-}
-function ServerActionField({
-  clientErrors,
-  defaultValues,
-  errors,
-  field: field2
-}) {
-  if (field2.type === "content") {
-    const contentField2 = field2;
-    if (contentField2.render) {
-      return /* @__PURE__ */ React19.createElement("div", { className: contentField2.className }, contentField2.render({
-        errors: {},
-        form: null,
-        isSubmitting: false
-      }));
-    }
-    return /* @__PURE__ */ React19.createElement("div", { className: contentField2.className }, contentField2.title && /* @__PURE__ */ React19.createElement("h3", { className: "text-lg font-semibold text-foreground mb-2" }, contentField2.title), contentField2.description && /* @__PURE__ */ React19.createElement("p", { className: "text-sm text-muted-foreground" }, contentField2.description));
-  }
-  const fieldName = field2.name;
-  const fieldErrors = errors?.[fieldName];
-  const clientError = clientErrors?.[fieldName];
-  const errorMessage = clientError || (fieldErrors && fieldErrors.length > 0 ? fieldErrors[0] : void 0);
-  const getDefaultValue = () => {
-    const fromProps = defaultValues?.[fieldName];
-    const fromField = field2.defaultValue;
-    if (fromProps !== void 0 && fromProps !== null) {
-      return typeof fromProps === "string" ? fromProps : String(fromProps);
-    }
-    if (fromField !== void 0 && fromField !== null) {
-      return typeof fromField === "string" ? fromField : String(fromField);
-    }
-    return "";
-  };
-  const getDefaultChecked = () => {
-    const fromProps = defaultValues?.[fieldName];
-    const fromField = field2.defaultValue;
-    if (fromProps !== void 0 && fromProps !== null) {
-      return typeof fromProps === "boolean" ? fromProps : false;
-    }
-    if (fromField !== void 0 && fromField !== null) {
-      return typeof fromField === "boolean" ? fromField : false;
-    }
-    return false;
-  };
-  const [value, setValue] = React19.useState(getDefaultValue);
-  const [checked, setChecked] = React19.useState(getDefaultChecked);
-  React19.useEffect(() => {
-    const newDefaultValue = defaultValues?.[fieldName];
-    if (newDefaultValue !== void 0 && newDefaultValue !== null) {
-      if (field2.type === "checkbox") {
-        setChecked(
-          typeof newDefaultValue === "boolean" ? newDefaultValue : false
-        );
-      } else {
-        setValue(
-          typeof newDefaultValue === "string" ? newDefaultValue : String(newDefaultValue)
-        );
-      }
-    }
-  }, [defaultValues, fieldName, field2.type]);
-  React19.useEffect(() => {
-    const hiddenInput = document.querySelector(
-      `input[type="hidden"][name="${fieldName}"]`
-    );
-    if (hiddenInput) {
-      if (field2.type === "checkbox") {
-        hiddenInput.value = checked ? "on" : "";
-      } else {
-        hiddenInput.value = value;
-      }
-    }
-  }, [value, checked, fieldName, field2.type]);
-  switch (field2.type) {
-    case "input": {
-      const inputType = field2.inputProps?.type || "text";
-      return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("input", { type: "hidden", name: fieldName, value }), /* @__PURE__ */ React19.createElement(
-        Input,
-        {
-          ...field2.inputProps,
-          "data-field-name": fieldName,
-          type: inputType,
-          label: field2.label,
-          description: field2.description,
-          isDisabled: field2.isDisabled,
-          isInvalid: Boolean(errorMessage),
-          errorMessage,
-          value,
-          onValueChange: setValue
-        }
-      ));
-    }
-    case "textarea": {
-      return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("input", { type: "hidden", name: fieldName, value }), /* @__PURE__ */ React19.createElement(
-        Textarea,
-        {
-          ...field2.textareaProps,
-          "data-field-name": fieldName,
-          label: field2.label,
-          description: field2.description,
-          isDisabled: field2.isDisabled,
-          isInvalid: Boolean(errorMessage),
-          errorMessage,
-          value,
-          onValueChange: setValue
-        }
-      ));
-    }
-    case "checkbox": {
-      return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("input", { type: "hidden", name: fieldName, value: checked ? "on" : "" }), /* @__PURE__ */ React19.createElement(
-        Checkbox,
-        {
-          ...field2.checkboxProps,
-          "data-field-name": fieldName,
-          isDisabled: field2.isDisabled,
-          isSelected: checked,
-          onValueChange: setChecked,
-          isInvalid: Boolean(errorMessage),
-          errorMessage
-        },
-        field2.label
-      ));
-    }
-    case "select": {
-      const options = field2.options || [];
-      return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("input", { type: "hidden", name: fieldName, value }), /* @__PURE__ */ React19.createElement(
-        Select,
-        {
-          ...field2.selectProps,
-          "data-field-name": fieldName,
-          label: field2.label,
-          description: field2.description,
-          isDisabled: field2.isDisabled,
-          isInvalid: Boolean(errorMessage),
-          errorMessage,
-          selectedKeys: value ? [value] : [],
-          onSelectionChange: (keys) => {
-            const selectedValue = Array.from(keys)[0];
-            setValue(selectedValue || "");
-          }
-        },
-        options.map(
-          (option) => /* @__PURE__ */ React19.createElement(SelectItem, { key: String(option.value) }, option.label)
-        )
-      ));
-    }
-    default:
-      return /* @__PURE__ */ React19.createElement(React19.Fragment, null, /* @__PURE__ */ React19.createElement("input", { type: "hidden", name: fieldName, value }), /* @__PURE__ */ React19.createElement(
-        Input,
-        {
-          "data-field-name": fieldName,
-          label: field2.label,
-          description: field2.description,
-          isDisabled: field2.isDisabled,
-          isInvalid: Boolean(errorMessage),
-          errorMessage,
-          value,
-          onValueChange: setValue
-        }
-      ));
-  }
-}
-
-// src/hooks/useHeroForm.ts
-import { useFormContext as useFormContext4 } from "react-hook-form";
-function useHeroForm() {
-  const form = useFormContext4();
-  const defaults = useHeroHookFormDefaults();
-  return {
-    // All React Hook Form methods and state
-    ...form,
-    // Hero Hook Form styling defaults
-    defaults
-  };
-}
-
-// src/providers/FormProvider.tsx
-import React20 from "react";
-import { FormProvider as RHFProvider } from "react-hook-form";
-function FormProvider(props) {
-  return /* @__PURE__ */ React20.createElement(RHFProvider, { ...props.methods }, /* @__PURE__ */ React20.createElement(
-    "form",
-    {
-      className: props.className,
-      id: props.id,
-      noValidate: props.noValidate,
-      onSubmit: (event) => void props.methods.handleSubmit(props.onSubmit)(event)
-    },
-    props.children
-  ));
-}
-
-// src/submit/SubmitButton.tsx
-import React21 from "react";
-function SubmitButton(props) {
-  const ctx = useFormContext5();
-  const loading = props.isLoading ?? ctx.formState.isSubmitting;
-  const enhancedState = props.enhancedState;
-  const isDisabledFromProps = props.buttonProps?.isDisabled ?? false;
-  const isDisabled = Boolean(isDisabledFromProps) || Boolean(loading);
-  const defaults = useHeroHookFormDefaults();
-  const getButtonContent = () => {
-    if (enhancedState?.isSuccess) {
-      return /* @__PURE__ */ React21.createElement("span", { className: "inline-flex items-center gap-2" }, "\u2705", props.successText || "Success!");
-    }
-    if (loading) {
-      return /* @__PURE__ */ React21.createElement("span", { className: "inline-flex items-center gap-2" }, "\u23F3", props.loadingText || "Submitting...");
-    }
-    return props.children;
-  };
-  const getButtonColor = () => {
-    if (enhancedState?.isSuccess) {
-      return "success";
-    }
-    if (enhancedState?.isError) {
-      return "danger";
-    }
-    return props.buttonProps?.color || defaults.submitButton.color;
-  };
-  return /* @__PURE__ */ React21.createElement(
-    Button,
-    {
-      type: "submit",
-      ...defaults.submitButton,
-      ...props.buttonProps,
-      isDisabled,
-      color: getButtonColor()
-    },
-    getButtonContent()
-  );
-}
-
-// src/utils/applyServerErrors.ts
-function applyServerErrors(setError, serverError) {
-  if (!serverError.fieldErrors?.length) return;
-  for (const err of serverError.fieldErrors) {
-    setError(err.path, { message: err.message, type: err.type });
-  }
-}
-
-// src/utils/testing.ts
-function createFormTestUtils(form) {
-  return {
-    /**
-     * Get a field by name
-     */
-    getField: (name) => {
-      return {
-        error: form.formState.errors[name],
-        isDirty: !!form.formState.dirtyFields[name],
-        isTouched: !!form.formState.touchedFields[name],
-        value: form.getValues(name)
-      };
-    },
-    /**
-     * Get the current form state
-     */
-    getFormState: () => ({
-      errors: form.formState.errors,
-      isSubmitted: form.formState.isSubmitted,
-      isSubmitting: form.formState.isSubmitting,
-      isSuccess: form.formState.isSubmitSuccessful,
-      values: form.getValues()
-    }),
-    /**
-     * Reset the form
-     */
-    resetForm: () => {
-      form.reset();
-    },
-    /**
-     * Set a field value
-     */
-    setFieldValue: (name, value) => {
-      form.setValue(name, value, { shouldValidate: true });
-    },
-    /**
-     * Submit the form
-     */
-    submitForm: async () => {
-      const isValid = await form.trigger();
-      if (isValid) {
-        await form.handleSubmit(() => {
-        })();
-      }
-    },
-    /**
-     * Trigger validation for a field or all fields
-     */
-    triggerValidation: async (name) => {
-      if (name) {
-        return await form.trigger(name);
-      }
-      return await form.trigger();
-    }
-  };
-}
-function createMockFormData(overrides = {}) {
-  return {
-    agreeToTerms: true,
-    confirmPassword: "password123",
-    email: "test@example.com",
-    firstName: "John",
-    lastName: "Doe",
-    password: "password123",
-    phone: "123-456-7890",
-    ...overrides
-  };
-}
-function createMockFormErrors(overrides = {}) {
-  return {
-    email: { message: "Invalid email address", type: "pattern" },
-    password: { message: "Password is too short", type: "minLength" },
-    ...overrides
-  };
-}
-function waitForFormState(form, condition, timeout = 5e3) {
-  return new Promise((resolve, reject) => {
-    const startTime = Date.now();
-    const checkState = () => {
-      if (condition(form.formState)) {
-        resolve();
-        return;
-      }
-      if (Date.now() - startTime > timeout) {
-        reject(new Error("Timeout waiting for form state"));
-        return;
-      }
-      setTimeout(checkState, 100);
-    };
-    checkState();
-  });
-}
-function simulateFieldInput(form, name, value) {
-  form.setValue(name, value);
-  void form.trigger(name);
-}
-function simulateFormSubmission(form, onSubmit) {
-  return form.handleSubmit(onSubmit)();
-}
-function hasFormErrors(form) {
-  return Object.keys(form.formState.errors).length > 0;
-}
-function getFormErrors(form) {
-  return Object.values(form.formState.errors).map(
-    (error) => error.message
-  );
-}
-function hasFieldError(form, name) {
-  return !!form.formState.errors[name];
-}
-function getFieldError(form, name) {
-  const error = form.formState.errors[name];
-  return error?.message;
-}
-
-// src/utils/validation.ts
-import { z } from "zod";
-var createMinLengthSchema = (min, fieldName) => z.string().min(min, `${fieldName} must be at least ${min} characters`);
-var createMaxLengthSchema = (max, fieldName) => z.string().max(max, `${fieldName} must be no more than ${max} characters`);
-var createEmailSchema = () => z.email("Please enter a valid email address");
-var createRequiredSchema = (fieldName) => z.string().min(1, `${fieldName} is required`);
-var createUrlSchema = () => z.string().url("Please enter a valid URL");
-var createPhoneSchema = () => z.string().regex(/^[+]?[1-9][\d]{0,15}$/, "Please enter a valid phone number");
-var createPasswordSchema = (minLength = 8) => z.string().min(minLength, `Password must be at least ${minLength} characters`).regex(
-  /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)/,
-  "Password must contain at least one uppercase letter, one lowercase letter, and one number"
-);
-var createNumberRangeSchema = (min, max, fieldName) => z.number().min(min, `${fieldName} must be at least ${min}`).max(max, `${fieldName} must be no more than ${max}`);
-var createDateSchema = (fieldName) => z.date({ message: `${fieldName} is required` });
-var createFutureDateSchema = (fieldName) => z.date({ message: `${fieldName} is required` }).refine((date) => date > /* @__PURE__ */ new Date(), {
-  message: `${fieldName} must be in the future`
-});
-var createPastDateSchema = (fieldName) => z.date({ message: `${fieldName} is required` }).refine((date) => date < /* @__PURE__ */ new Date(), {
-  message: `${fieldName} must be in the past`
-});
-var createFileSchema = (maxSizeInMB = 5, allowedTypes = ["image/jpeg", "image/png", "image/gif"]) => z.instanceof(File).refine(
-  (file) => file.size <= maxSizeInMB * 1024 * 1024,
-  `File size must be less than ${maxSizeInMB}MB`
-).refine(
-  (file) => allowedTypes.includes(file.type),
-  `File type must be one of: ${allowedTypes.join(", ")}`
-);
-var createRequiredCheckboxSchema = (fieldName) => z.boolean().refine((val) => val === true, {
-  message: `You must agree to ${fieldName}`
-});
-var crossFieldValidation = {
-  /**
-   * Conditional required field validation
-   */
-  conditionalRequired: (field2, conditionField, conditionValue) => {
-    return z.object({
-      [conditionField]: z.any(),
-      [field2]: z.string()
-    }).refine(
-      (data) => {
-        if (data[conditionField] === conditionValue) {
-          return data[field2] && data[field2].trim().length > 0;
-        }
-        return true;
-      },
-      {
-        message: "This field is required",
-        path: [field2]
-      }
-    );
-  },
-  /**
-   * Date range validation
-   */
-  dateRange: (startField, endField) => {
-    return z.object({
-      [endField]: z.string(),
-      [startField]: z.string()
-    }).refine(
-      (data) => {
-        const startDate = new Date(data[startField]);
-        const endDate = new Date(data[endField]);
-        return startDate < endDate;
-      },
-      {
-        message: "End date must be after start date",
-        path: [endField]
-      }
-    );
-  },
-  /**
-   * Password confirmation validation
-   */
-  passwordConfirmation: (passwordField, confirmField) => {
-    return z.object({
-      [confirmField]: z.string(),
-      [passwordField]: z.string()
-    }).refine((data) => data[passwordField] === data[confirmField], {
-      message: "Passwords do not match",
-      path: [confirmField]
-    });
-  }
-};
-var commonValidations = {
-  confirmPassword: (passwordField, confirmField) => crossFieldValidation.passwordConfirmation(passwordField, confirmField),
-  date: (fieldName) => createDateSchema(fieldName),
-  email: createEmailSchema(),
-  file: (maxSizeInMB, allowedTypes) => createFileSchema(maxSizeInMB, allowedTypes),
-  futureDate: (fieldName) => createFutureDateSchema(fieldName),
-  maxLength: (max, fieldName) => createMaxLengthSchema(max, fieldName),
-  minLength: (min, fieldName) => createMinLengthSchema(min, fieldName),
-  numberRange: (min, max, fieldName) => createNumberRangeSchema(min, max, fieldName),
-  password: (minLength) => createPasswordSchema(minLength),
-  pastDate: (fieldName) => createPastDateSchema(fieldName),
-  phone: createPhoneSchema(),
-  required: (fieldName) => createRequiredSchema(fieldName),
-  requiredCheckbox: (fieldName) => createRequiredCheckboxSchema(fieldName),
-  url: createUrlSchema()
-};
-
-// src/index.ts
-import { useFormContext as useFormContext5 } from "react-hook-form";
-
-// src/components/ZodForm.tsx
-import React23 from "react";
-import { Button as Button5 } from "@heroui/react";
-import {
-  FormProvider as FormProvider2
-} from "react-hook-form";
-
-// src/zod-integration.ts
-import { useForm as useForm2 } from "react-hook-form";
-import { z as z2 } from "zod";
-function createZodResolver(schema) {
-  return async (values) => {
-    try {
-      const result = await schema.parseAsync(values);
-      return {
-        errors: {},
-        values: result
-      };
-    } catch (error) {
-      if (error instanceof z2.ZodError) {
-        const errors = {};
-        error.issues.forEach((err) => {
-          const path = err.path.join(".");
-          errors[path] = { message: err.message };
-        });
-        return {
-          errors,
-          values: {}
-        };
-      }
-      throw error;
-    }
-  };
-}
-function useZodForm(config) {
-  if (!config.resolver && config.schema) {
-    config.resolver = createZodResolver(config.schema);
-  }
-  return useForm2(config);
-}
-function createZodFormConfig(schema, fields, defaultValues) {
-  return {
-    fields,
-    schema,
-    ...defaultValues && {
-      defaultValues
-    }
-  };
-}
-
-// src/hooks/useEnhancedFormState.ts
-import { useCallback, useEffect, useState as useState2 } from "react";
-function useEnhancedFormState(form, options = {}) {
-  const {
-    autoReset = true,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    errorMessage: _errorMessage = "An error occurred. Please try again.",
-    onError,
-    onSuccess,
-    resetDelay = 3e3,
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    successMessage: _successMessage = "Form submitted successfully!"
-  } = options;
-  const [status, setStatus] = useState2("idle");
-  const [error, setError] = useState2(void 0);
-  const [submittedData, setSubmittedData] = useState2(void 0);
-  const { formState, getValues: _getValues } = form;
-  const { dirtyFields, errors, isSubmitting, touchedFields } = formState;
-  useEffect(() => {
-    if (isSubmitting) {
-      setStatus("submitting");
-    }
-  }, [isSubmitting]);
-  useEffect(() => {
-    if (status === "success" && autoReset) {
-      const timer = setTimeout(() => {
-        setStatus("idle");
-        setSubmittedData(void 0);
-        setError(void 0);
-      }, resetDelay);
-      return () => clearTimeout(timer);
-    }
-  }, [status, autoReset, resetDelay]);
-  const handleSuccess = useCallback(
-    (data) => {
-      setStatus("success");
-      setSubmittedData(data);
-      setError(void 0);
-      onSuccess?.(data);
-    },
-    [onSuccess]
-  );
-  const handleError = useCallback(
-    (errorMessage) => {
-      setStatus("error");
-      setError(errorMessage);
-      setSubmittedData(void 0);
-      onError?.(errorMessage);
-    },
-    [onError]
-  );
-  const reset = useCallback(() => {
-    setStatus("idle");
-    setError(void 0);
-    setSubmittedData(void 0);
-  }, []);
-  return {
-    dirtyFields: new Set(Object.keys(dirtyFields)),
-    error,
-    errorCount: Object.keys(errors).length,
-    handleError,
-    handleSuccess,
-    hasErrors: Object.keys(errors).length > 0,
-    isError: status === "error",
-    isSubmitting,
-    isSuccess: status === "success",
-    reset,
-    status,
-    submittedData,
-    touchedFields: new Set(Object.keys(touchedFields))
-  };
-}
-
-// src/components/FormStatus.tsx
-import React22 from "react";
-import { Button as Button4 } from "@heroui/react";
-function FormStatus({
-  className = "",
-  onDismiss,
-  showDetails = false,
-  state
-}) {
-  const { error, isError, isSubmitting, isSuccess, status, submittedData } = state;
-  if (status === "idle") {
-    return null;
-  }
-  if (isSubmitting) {
-    return /* @__PURE__ */ React22.createElement(
-      "div",
-      {
-        className: `flex items-center gap-3 p-4 bg-blue-50 border border-blue-200 rounded-lg ${className}`
-      },
-      /* @__PURE__ */ React22.createElement("span", { className: "text-blue-600" }, "\u23F3"),
-      /* @__PURE__ */ React22.createElement("div", null, /* @__PURE__ */ React22.createElement("p", { className: "text-sm font-medium text-blue-900" }, "Submitting form..."), showDetails && /* @__PURE__ */ React22.createElement("p", { className: "text-xs text-blue-700" }, "Please wait while we process your request."))
-    );
-  }
-  if (isSuccess) {
-    return /* @__PURE__ */ React22.createElement(
-      "div",
-      {
-        className: `flex items-center gap-3 p-4 bg-green-50 border border-green-200 rounded-lg ${className}`,
-        "data-testid": "success-message"
-      },
-      /* @__PURE__ */ React22.createElement("span", { className: "text-green-600" }, "\u2705"),
-      /* @__PURE__ */ React22.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React22.createElement("p", { className: "text-sm font-medium text-green-900" }, "Form submitted successfully!"), showDetails && submittedData && /* @__PURE__ */ React22.createElement("p", { className: "text-xs text-green-700" }, "Your data has been saved. Thank you for your submission.")),
-      onDismiss && /* @__PURE__ */ React22.createElement(
-        Button4,
-        {
-          size: "sm",
-          variant: "light",
-          isIconOnly: true,
-          onPress: onDismiss,
-          "aria-label": "Dismiss success message"
-        },
-        "\u2715"
-      )
-    );
-  }
-  if (isError && error) {
-    return /* @__PURE__ */ React22.createElement(
-      "div",
-      {
-        className: `flex items-center gap-3 p-4 bg-red-50 border border-red-200 rounded-lg ${className}`,
-        "data-testid": "error-message"
-      },
-      /* @__PURE__ */ React22.createElement("span", { className: "text-red-600" }, "\u26A0\uFE0F"),
-      /* @__PURE__ */ React22.createElement("div", { className: "flex-1" }, /* @__PURE__ */ React22.createElement("p", { className: "text-sm font-medium text-red-900" }, "Error submitting form"), /* @__PURE__ */ React22.createElement("p", { className: "text-xs text-red-700" }, error)),
-      onDismiss && /* @__PURE__ */ React22.createElement(
-        Button4,
-        {
-          size: "sm",
-          variant: "light",
-          isIconOnly: true,
-          onPress: onDismiss,
-          "aria-label": "Dismiss error message"
-        },
-        "\u2715"
-      )
-    );
-  }
-  return null;
-}
-function FormToast({
-  duration = 5e3,
-  onDismiss,
-  position = "top-right",
-  state
-}) {
-  const [isVisible, setIsVisible] = React22.useState(false);
-  React22.useEffect(() => {
-    if (state.isSuccess || state.isError) {
-      setIsVisible(true);
-      if (duration > 0) {
-        const timer = setTimeout(() => {
-          setIsVisible(false);
-          onDismiss?.();
-        }, duration);
-        return () => clearTimeout(timer);
-      }
-    }
-  }, [state.isSuccess, state.isError, duration, onDismiss]);
-  if (!isVisible) {
-    return null;
-  }
-  const positionClasses = {
-    "bottom-left": "bottom-4 left-4",
-    "bottom-right": "bottom-4 right-4",
-    "top-left": "top-4 left-4",
-    "top-right": "top-4 right-4"
-  };
-  return /* @__PURE__ */ React22.createElement("div", { className: `fixed z-50 ${positionClasses[position]}` }, /* @__PURE__ */ React22.createElement(FormStatus, { state, onDismiss }));
-}
-
-// src/components/ZodForm.tsx
-function ZodForm({
-  className,
-  columns = 1,
-  config,
-  layout = "vertical",
-  onError,
-  onSubmit,
-  onSuccess,
-  resetButtonText = "Reset",
-  showResetButton = false,
-  spacing = "4",
-  submitButtonProps = {},
-  submitButtonText = "Submit",
-  subtitle,
-  title
-}) {
-  const form = useZodForm(config);
-  const enhancedState = useEnhancedFormState(form, {
-    autoReset: true,
-    onError: (error) => onError?.({ field: "form", message: error }),
-    onSuccess,
-    resetDelay: 3e3
-  });
-  const handleSubmit = async () => {
-    try {
-      await form.handleSubmit(
-        async (formData) => {
-          await onSubmit(formData);
-          enhancedState.handleSuccess(formData);
-        },
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
-        (_errors) => {
-          enhancedState.handleError("Please fix the validation errors above");
-        }
-      )();
-    } catch (error) {
-      const errorMessage = error instanceof Error ? error.message : "An error occurred";
-      enhancedState.handleError(errorMessage);
-    }
-  };
-  const resetForm = () => {
-    form.reset();
-    enhancedState.reset();
-  };
-  const renderFields = () => {
-    if (layout === "grid") {
-      return /* @__PURE__ */ React23.createElement(
-        "div",
-        {
-          className: `grid gap-${spacing} ${columns === 1 ? "grid-cols-1" : columns === 2 ? "grid-cols-1 md:grid-cols-2" : "grid-cols-1 md:grid-cols-2 lg:grid-cols-3"}`
-        },
-        config.fields.map((field2) => /* @__PURE__ */ React23.createElement(
-          FormField,
-          {
-            key: field2.name,
-            config: field2,
-            form,
-            submissionState: {
-              error: enhancedState.error,
-              isSubmitted: enhancedState.status !== "idle",
-              isSubmitting: enhancedState.isSubmitting,
-              isSuccess: enhancedState.isSuccess
-            }
-          }
-        ))
-      );
-    }
-    if (layout === "horizontal") {
-      return /* @__PURE__ */ React23.createElement("div", { className: `grid gap-${spacing} grid-cols-1 md:grid-cols-2` }, config.fields.map((field2) => /* @__PURE__ */ React23.createElement(
-        FormField,
-        {
-          key: field2.name,
-          config: field2,
-          form,
-          submissionState: {
-            error: enhancedState.error,
-            isSubmitted: enhancedState.status !== "idle",
-            isSubmitting: enhancedState.isSubmitting,
-            isSuccess: enhancedState.isSuccess
-          }
-        }
-      )));
-    }
-    return /* @__PURE__ */ React23.createElement("div", { className: `space-y-${spacing}` }, config.fields.map((field2) => /* @__PURE__ */ React23.createElement(
-      FormField,
-      {
-        key: field2.name,
-        config: field2,
-        form,
-        submissionState: {
-          error: enhancedState.error,
-          isSubmitted: enhancedState.status !== "idle",
-          isSubmitting: enhancedState.isSubmitting,
-          isSuccess: enhancedState.isSuccess
-        }
-      }
-    )));
-  };
-  const handleFormSubmit = (e) => {
-    e.preventDefault();
-    void handleSubmit();
-  };
-  React23.useEffect(() => {
-    if (config.onError && Object.keys(form.formState.errors).length > 0) {
-      config.onError(form.formState.errors);
-    }
-  }, [form.formState.errors, config.onError]);
-  return /* @__PURE__ */ React23.createElement(FormProvider2, { ...form }, /* @__PURE__ */ React23.createElement("form", { className, role: "form", onSubmit: handleFormSubmit }, title && /* @__PURE__ */ React23.createElement("div", { className: "mb-6" }, /* @__PURE__ */ React23.createElement("h2", { className: "text-xl font-semibold text-foreground mb-2" }, title), subtitle && /* @__PURE__ */ React23.createElement("p", { className: "text-sm text-muted-foreground" }, subtitle)), /* @__PURE__ */ React23.createElement(
-    FormStatus,
-    {
-      state: enhancedState,
-      onDismiss: () => enhancedState.reset(),
-      showDetails: true
-    }
-  ), renderFields(), /* @__PURE__ */ React23.createElement("div", { className: "mt-6 flex gap-3 justify-end" }, /* @__PURE__ */ React23.createElement(
-    Button5,
-    {
-      color: "primary",
-      isDisabled: enhancedState.isSubmitting,
-      isLoading: enhancedState.isSubmitting,
-      type: "submit",
-      ...submitButtonProps
-    },
-    enhancedState.isSuccess ? "Success!" : submitButtonText
-  ), showResetButton && /* @__PURE__ */ React23.createElement(
-    Button5,
-    {
-      isDisabled: enhancedState.isSubmitting,
-      type: "button",
-      variant: "bordered",
-      onPress: resetForm
-    },
-    resetButtonText
-  ))));
-}
-
-// src/builders/BasicFormBuilder.ts
-var BasicFormBuilder = class {
-  constructor() {
-    this.fields = [];
-  }
-  /**
-   * Add an input field
-   */
-  input(name, label, type = "text") {
-    this.fields.push({
-      inputProps: { type },
-      label,
-      name,
-      type: "input"
-    });
-    return this;
-  }
-  /**
-   * Add a textarea field
-   */
-  textarea(name, label, placeholder) {
-    this.fields.push({
-      label,
-      name,
-      textareaProps: { placeholder },
-      type: "textarea"
-    });
-    return this;
-  }
-  /**
-   * Add a select field
-   */
-  select(name, label, options) {
-    this.fields.push({
-      label,
-      name,
-      options,
-      type: "select"
-    });
-    return this;
-  }
-  /**
-   * Add an autocomplete field
-   */
-  autocomplete(name, label, items, placeholder) {
-    this.fields.push({
-      autocompleteProps: placeholder ? { placeholder } : void 0,
-      label,
-      name,
-      options: items,
-      type: "autocomplete"
-    });
-    return this;
-  }
-  /**
-   * Add a checkbox field
-   */
-  checkbox(name, label) {
-    this.fields.push({
-      label,
-      name,
-      type: "checkbox"
-    });
-    return this;
-  }
-  /**
-   * Add a content field for headers, questions, or custom content between fields
-   */
-  content(title, description, options) {
-    this.fields.push({
-      className: options?.className,
-      description: description || void 0,
-      name: options?.name,
-      render: options?.render,
-      title: title || void 0,
-      type: "content"
-    });
-    return this;
-  }
-  /**
-   * Add a switch field
-   */
-  switch(name, label, description) {
-    this.fields.push({
-      description,
-      label,
-      name,
-      type: "switch"
-    });
-    return this;
-  }
-  /**
-   * Build the final field configuration array
-   */
-  build() {
-    return this.fields;
-  }
-};
-function createBasicFormBuilder() {
-  return new BasicFormBuilder();
-}
-var FormFieldHelpers = {
-  /**
-   * Create an autocomplete field
-   *
-   * @example
-   * ```tsx
-   * // Simple autocomplete
-   * FormFieldHelpers.autocomplete("country", "Country", options)
-   *
-   * // With placeholder
-   * FormFieldHelpers.autocomplete("country", "Country", options, "Search countries")
-   *
-   * // With full customization
-   * FormFieldHelpers.autocomplete("country", "Country", options, "Search countries", {
-   *   classNames: { base: "custom-autocomplete" },
-   *   allowsCustomValue: true
-   * })
-   * ```
-   */
-  autocomplete: (name, label, items, placeholder, autocompleteProps) => ({
-    autocompleteProps: {
-      ...placeholder && { placeholder },
-      ...autocompleteProps
-    },
-    label,
-    name,
-    options: items,
-    type: "autocomplete"
-  }),
-  /**
-   * Create a checkbox field
-   *
-   * @example
-   * ```tsx
-   * // Simple checkbox
-   * FormFieldHelpers.checkbox("newsletter", "Subscribe to newsletter")
-   *
-   * // With full customization
-   * FormFieldHelpers.checkbox("newsletter", "Subscribe to newsletter", {
-   *   classNames: { base: "custom-checkbox" },
-   *   size: "lg"
-   * })
-   * ```
-   */
-  checkbox: (name, label, checkboxProps) => ({
-    checkboxProps,
-    label,
-    name,
-    type: "checkbox"
-  }),
-  /**
-   * Create a conditional field that shows/hides based on form data
-   *
-   * @example
-   * ```tsx
-   * FormFieldHelpers.conditional(
-   *   "phone",
-   *   (values) => values.hasPhone === true,
-   *   FormFieldHelpers.input("phone", "Phone Number", "tel")
-   * )
-   * ```
-   *
-   * @example
-   * With explicit type in condition function (similar to content helper pattern):
-   * ```tsx
-   * FormFieldHelpers.conditional(
-   *   "options",
-   *   (formData: Partial<z.infer<typeof fieldSchema>>) =>
-   *     formData.fieldType === 'DROPDOWN',
-   *   FormFieldHelpers.textarea("options", "Dropdown Options", "One per line")
-   * )
-   * ```
-   */
-  conditional: (name, condition, field2) => {
-    return {
-      condition,
-      field: field2,
-      name,
-      type: "conditional"
-    };
-  },
-  /**
-   * Create a content field for headers, questions, or custom content between fields
-   *
-   * @example
-   * ```tsx
-   * // Simple header
-   * FormFieldHelpers.content("Personal Information", "Please provide your details")
-   *
-   * // Custom render
-   * FormFieldHelpers.content(null, null, {
-   *   render: () => <div>Custom content</div>
-   * })
-   * ```
-   */
-  content: (title, description, options) => {
-    return {
-      className: options?.className,
-      description: description || void 0,
-      name: options?.name,
-      render: options?.render,
-      title: title || void 0,
-      type: "content"
-    };
-  },
-  /**
-   * Create a date field
-   *
-   * @example
-   * ```tsx
-   * // Simple date field
-   * FormFieldHelpers.date("birthDate", "Birth Date")
-   *
-   * // With full customization
-   * FormFieldHelpers.date("birthDate", "Birth Date", {
-   *   label: "Select your birth date",
-   *   granularity: "day",
-   *   minValue: new CalendarDate(1900, 1, 1)
-   * })
-   * ```
-   */
-  date: (name, label, dateProps) => ({
-    dateProps,
-    label,
-    name,
-    type: "date"
-  }),
-  /**
-   * Create a file upload field
-   *
-   * @example
-   * ```tsx
-   * // Simple file field
-   * FormFieldHelpers.file("avatar", "Profile Picture")
-   *
-   * // With accept and multiple
-   * FormFieldHelpers.file("avatar", "Profile Picture", {
-   *   accept: "image/*",
-   *   multiple: true
-   * })
-   *
-   * // With full customization
-   * FormFieldHelpers.file("avatar", "Profile Picture", {
-   *   accept: "image/*",
-   *   multiple: false,
-   *   fileProps: { className: "custom-file-input" }
-   * })
-   * ```
-   */
-  file: (name, label, options) => ({
-    accept: options?.accept,
-    fileProps: options?.fileProps,
-    label,
-    multiple: options?.multiple,
-    name,
-    type: "file"
-  }),
-  /**
-   * Create a font picker field
-   *
-   * @example
-   * ```tsx
-   * // Simple font picker
-   * FormFieldHelpers.fontPicker("font", "Choose Font")
-   *
-   * // With full customization
-   * FormFieldHelpers.fontPicker("font", "Choose Font", {
-   *   showFontPreview: true,
-   *   loadAllVariants: false,
-   *   fontsLoadedTimeout: 5000
-   * })
-   * ```
-   */
-  fontPicker: (name, label, fontPickerProps) => ({
-    fontPickerProps,
-    label,
-    name,
-    type: "fontPicker"
-  }),
-  /**
-   * Create an input field
-   *
-   * @example
-   * ```tsx
-   * // Simple input
-   * FormFieldHelpers.input("name", "Name")
-   *
-   * // With type
-   * FormFieldHelpers.input("email", "Email", "email")
-   *
-   * // With full customization
-   * FormFieldHelpers.input("email", "Email", "email", {
-   *   placeholder: "Enter your email",
-   *   classNames: { input: "custom-input" },
-   *   startContent: <MailIcon />,
-   *   description: "We'll never share your email"
-   * })
-   * ```
-   */
-  input: (name, label, type, inputProps) => ({
-    inputProps: {
-      type: type || "text",
-      ...inputProps
-    },
-    label,
-    name,
-    type: "input"
-  }),
-  /**
-   * Create a radio group field
-   *
-   * @example
-   * ```tsx
-   * // Simple radio group
-   * FormFieldHelpers.radio("gender", "Gender", [
-   *   { label: "Male", value: "male" },
-   *   { label: "Female", value: "female" }
-   * ])
-   *
-   * // With full customization
-   * FormFieldHelpers.radio("gender", "Gender", options, {
-   *   orientation: "horizontal",
-   *   classNames: { base: "custom-radio" }
-   * })
-   * ```
-   */
-  radio: (name, label, options, radioProps) => ({
-    label,
-    name,
-    radioOptions: options,
-    radioProps,
-    type: "radio"
-  }),
-  /**
-   * Create a select field
-   *
-   * @example
-   * ```tsx
-   * // Simple select
-   * FormFieldHelpers.select("country", "Country", options)
-   *
-   * // With full customization
-   * FormFieldHelpers.select("country", "Country", options, {
-   *   placeholder: "Select a country",
-   *   classNames: { trigger: "custom-select" },
-   *   selectionMode: "multiple"
-   * })
-   * ```
-   */
-  select: (name, label, options, selectProps) => ({
-    label,
-    name,
-    options,
-    selectProps,
-    type: "select"
-  }),
-  /**
-   * Create a slider field
-   *
-   * @example
-   * ```tsx
-   * // Simple slider
-   * FormFieldHelpers.slider("rating", "Rating")
-   *
-   * // With full customization
-   * FormFieldHelpers.slider("rating", "Rating", {
-   *   minValue: 1,
-   *   maxValue: 5,
-   *   step: 1,
-   *   showSteps: true,
-   *   classNames: { base: "custom-slider" }
-   * })
-   * ```
-   */
-  slider: (name, label, sliderProps) => ({
-    label,
-    name,
-    sliderProps,
-    type: "slider"
-  }),
-  /**
-   * Create a switch field
-   *
-   * @example
-   * ```tsx
-   * // Simple switch
-   * FormFieldHelpers.switch("notifications", "Enable notifications")
-   *
-   * // With description
-   * FormFieldHelpers.switch("notifications", "Enable notifications", "Receive email notifications")
-   *
-   * // With full customization
-   * FormFieldHelpers.switch("notifications", "Enable notifications", "Receive email notifications", {
-   *   classNames: { base: "custom-switch" },
-   *   size: "lg",
-   *   color: "primary"
-   * })
-   * ```
-   */
-  switch: (name, label, description, switchProps) => ({
-    description,
-    label,
-    name,
-    switchProps,
-    type: "switch"
-  }),
-  /**
-   * Create a textarea field
-   *
-   * @example
-   * ```tsx
-   * // Simple textarea
-   * FormFieldHelpers.textarea("message", "Message")
-   *
-   * // With placeholder
-   * FormFieldHelpers.textarea("message", "Message", "Enter your message")
-   *
-   * // With full customization
-   * FormFieldHelpers.textarea("message", "Message", "Enter your message", {
-   *   classNames: { input: "custom-textarea" },
-   *   minRows: 3,
-   *   maxRows: 10
-   * })
-   * ```
-   */
-  textarea: (name, label, placeholder, textareaProps) => ({
-    label,
-    name,
-    textareaProps: {
-      ...placeholder && { placeholder },
-      ...textareaProps
-    },
-    type: "textarea"
-  })
-};
-var CommonFields = {
-  /**
-   * Address fields
-   */
-  address: () => [
-    FormFieldHelpers.input("street", "Street Address"),
-    FormFieldHelpers.input("city", "City"),
-    FormFieldHelpers.input("state", "State/Province"),
-    FormFieldHelpers.input("zipCode", "ZIP/Postal Code"),
-    FormFieldHelpers.select("country", "Country", [
-      { label: "Select a country", value: "" },
-      { label: "United States", value: "us" },
-      { label: "Canada", value: "ca" },
-      { label: "United Kingdom", value: "uk" },
-      { label: "Australia", value: "au" },
-      { label: "Germany", value: "de" },
-      { label: "France", value: "fr" }
-    ])
-  ],
-  /**
-   * Personal information fields
-   */
-  personal: () => [
-    FormFieldHelpers.input("firstName", "First Name"),
-    FormFieldHelpers.input("lastName", "Last Name"),
-    FormFieldHelpers.input("email", "Email", "email"),
-    FormFieldHelpers.input("phone", "Phone", "tel")
-  ],
-  /**
-   * Terms and conditions fields
-   */
-  terms: () => [
-    FormFieldHelpers.checkbox(
-      "terms",
-      "I agree to the terms and conditions"
-    ),
-    FormFieldHelpers.checkbox(
-      "privacy",
-      "I agree to the privacy policy"
-    ),
-    FormFieldHelpers.checkbox(
-      "newsletter",
-      "Subscribe to newsletter"
-    )
-  ]
-};
-
-// src/builders/AdvancedFormBuilder.ts
-function inputField(name, label, props) {
-  return {
-    label,
-    name,
-    type: "input",
-    ...props && {
-      inputProps: {
-        className: props.className,
-        description: props.description,
-        disabled: props.isDisabled,
-        placeholder: props.placeholder,
-        type: props.type || "text"
-      }
-    }
-  };
-}
-function textareaField(name, label, props) {
-  return {
-    label,
-    name,
-    type: "textarea",
-    ...props && {
-      textareaProps: {
-        className: props.className,
-        description: props.description,
-        disabled: props.isDisabled,
-        placeholder: props.placeholder,
-        rows: props.rows
-      }
-    }
-  };
-}
-function selectField(name, label, options) {
-  return {
-    label,
-    name,
-    options,
-    type: "select"
-  };
-}
-function checkboxField(name, label, props) {
-  return {
-    label,
-    name,
-    type: "checkbox",
-    ...props && {
-      checkboxProps: {
-        className: props.className,
-        disabled: props.isDisabled
-      }
-    }
-  };
-}
-function switchField(name, label, props) {
-  return {
-    description: props?.description,
-    isDisabled: props?.isDisabled,
-    label,
-    name,
-    type: "switch",
-    ...props?.className && {
-      switchProps: {
-        className: props.className
-      }
-    }
-  };
-}
-function radioField(name, label, options, props) {
-  return {
-    label,
-    name,
-    radioOptions: options,
-    type: "radio",
-    ...props && {
-      radioProps: {
-        className: props.className,
-        isDisabled: props.isDisabled,
-        orientation: props.orientation
-      }
-    }
-  };
-}
-function sliderField(name, label, props) {
-  return {
-    label,
-    name,
-    type: "slider",
-    ...props && {
-      sliderProps: {
-        className: props.className,
-        maxValue: props.max ?? 100,
-        minValue: props.min ?? 0,
-        step: props.step ?? 1
-      }
-    }
-  };
-}
-function dateField(name, label, props) {
-  return {
-    label,
-    name,
-    type: "date",
-    ...props && {
-      dateProps: {
-        className: props.className,
-        placeholder: props.placeholder
-      }
-    }
-  };
-}
-function fileField(name, label, props) {
-  return {
-    label,
-    name,
-    type: "file",
-    ...props && {
-      fileProps: {
-        accept: props.accept || "",
-        className: props.className || "",
-        disabled: props.isDisabled || false,
-        multiple: props.multiple || false
-      }
-    }
-  };
-}
-function fontPickerField(name, label, props) {
-  return {
-    className: props?.className,
-    description: props?.description,
-    fontPickerProps: props?.fontPickerProps,
-    label,
-    name,
-    type: "fontPicker"
-  };
-}
-function contentField(title, description, options) {
-  return {
-    className: options?.className,
-    description: description || void 0,
-    name: options?.name,
-    render: options?.render,
-    title: title || void 0,
-    type: "content"
-  };
-}
-function createField(type, name, label, optionsOrProps, props) {
-  switch (type) {
-    case "input":
-      return inputField(name, label, optionsOrProps);
-    case "textarea":
-      return textareaField(name, label, optionsOrProps);
-    case "select":
-      return selectField(name, label, optionsOrProps);
-    case "checkbox":
-      return checkboxField(name, label, optionsOrProps);
-    case "switch":
-      return switchField(name, label, optionsOrProps);
-    case "radio":
-      return radioField(name, label, optionsOrProps, props);
-    case "slider":
-      return sliderField(name, label, optionsOrProps);
-    case "date":
-      return dateField(name, label, optionsOrProps);
-    case "file":
-      return fileField(name, label, optionsOrProps);
-    case "fontPicker":
-      return fontPickerField(name, label, optionsOrProps);
-    case "content":
-      if (typeof optionsOrProps === "string" || optionsOrProps === null) {
-        return contentField(optionsOrProps, props);
-      }
-      if (typeof optionsOrProps === "object" && optionsOrProps !== null) {
-        return contentField(
-          optionsOrProps.title,
-          optionsOrProps.description,
-          optionsOrProps
-        );
-      }
-      return contentField(
-        name,
-        label,
-        optionsOrProps
-      );
-    default:
-      throw new Error(`Unknown field type: ${type}`);
-  }
-}
-var AdvancedFieldBuilder = class {
-  constructor() {
-    this.fields = [];
-  }
-  field(type, name, label, optionsOrProps, props) {
-    this.fields.push(createField(type, name, label, optionsOrProps, props));
-    return this;
-  }
-  /**
-   * Add a conditional field that shows/hides based on form data
-   */
-  conditionalField(name, condition, field2) {
-    this.fields.push({
-      condition,
-      field: field2,
-      name,
-      type: "conditional"
-    });
-    return this;
-  }
-  /**
-   * Add a field array for dynamic repeating field groups
-   */
-  fieldArray(name, label, fields, options) {
-    this.fields.push({
-      addButtonText: options?.addButtonText,
-      fields,
-      label,
-      max: options?.max,
-      min: options?.min,
-      name,
-      removeButtonText: options?.removeButtonText,
-      type: "fieldArray"
-    });
-    return this;
-  }
-  /**
-   * Add a dynamic section that shows/hides based on form data
-   */
-  dynamicSection(name, condition, fields, options) {
-    this.fields.push({
-      condition,
-      description: options?.description,
-      fields,
-      name,
-      title: options?.title,
-      type: "dynamicSection"
-    });
-    return this;
-  }
-  /**
-   * Build the final field configuration array
-   */
-  build() {
-    return this.fields;
-  }
-};
-var FieldArrayItemBuilder = class {
-  constructor() {
-    this.fields = [];
-  }
-  field(type, name, label, optionsOrProps, props) {
-    this.fields.push(createField(type, name, label, optionsOrProps, props));
-    return this;
-  }
-  /**
-   * Build the field array item configuration
-   */
-  build() {
-    return this.fields;
-  }
-};
-function createFieldArrayItemBuilder() {
-  return new FieldArrayItemBuilder();
-}
-var FieldArrayBuilder = class {
-  constructor(arrayName) {
-    this.arrayName = arrayName;
-    this.fields = [];
-  }
-  field(type, name, label, optionsOrProps, props) {
-    const fullPath = `${this.arrayName}.${name}`;
-    const fieldConfig = createField(
-      type,
-      fullPath,
-      label,
-      optionsOrProps,
-      props
-    );
-    this.fields.push(fieldConfig);
-    return this;
-  }
-  build() {
-    return this.fields;
-  }
-};
-function createFieldArrayBuilder(arrayName) {
-  return new FieldArrayBuilder(arrayName);
-}
-function createAdvancedBuilder() {
-  return new AdvancedFieldBuilder();
-}
-
-// src/builders/TypeInferredBuilder.ts
-import { z as z3 } from "zod";
-var TypeInferredBuilder = class {
-  constructor() {
-    this.schemaFields = {};
-    this.formFields = [];
-  }
-  /**
-   * Add a text field
-   */
-  text(name, label, options) {
-    const { maxLength, minLength, pattern, ...fieldOptions } = options || {};
-    let zodType = z3.string();
-    if (minLength)
-      zodType = zodType.min(
-        minLength,
-        `${label} must be at least ${minLength} characters`
-      );
-    if (maxLength)
-      zodType = zodType.max(
-        maxLength,
-        `${label} must be no more than ${maxLength} characters`
-      );
-    if (pattern)
-      zodType = zodType.regex(
-        new RegExp(pattern),
-        `${label} format is invalid`
-      );
-    this.schemaFields[name] = zodType;
-    this.formFields.push({
-      inputProps: { type: "text", ...fieldOptions },
-      label,
-      name,
-      type: "input"
-    });
-    return this;
-  }
-  /**
-   * Add an email field
-   */
-  email(name, label, options) {
-    this.schemaFields[name] = z3.string().email(`Please enter a valid email address`);
-    this.formFields.push({
-      inputProps: { type: "email", ...options },
-      label,
-      name,
-      type: "input"
-    });
-    return this;
-  }
-  /**
-   * Add a number field
-   */
-  number(name, label, options) {
-    const { max, min, step, ...fieldOptions } = options || {};
-    let zodType = z3.number();
-    if (min !== void 0)
-      zodType = zodType.min(min, `${label} must be at least ${min}`);
-    if (max !== void 0)
-      zodType = zodType.max(max, `${label} must be no more than ${max}`);
-    this.schemaFields[name] = zodType;
-    this.formFields.push({
-      inputProps: { max, min, step, type: "number", ...fieldOptions },
-      label,
-      name,
-      type: "input"
-    });
-    return this;
-  }
-  /**
-   * Add a textarea field
-   */
-  textarea(name, label, options) {
-    const { minLength, ...fieldOptions } = options || {};
-    let zodType = z3.string();
-    if (minLength)
-      zodType = zodType.min(
-        minLength,
-        `${label} must be at least ${minLength} characters`
-      );
-    this.schemaFields[name] = zodType;
-    this.formFields.push({
-      label,
-      name,
-      textareaProps: fieldOptions,
-      type: "textarea"
-    });
-    return this;
-  }
-  /**
-   * Add a select field
-   */
-  select(name, label, options) {
-    this.schemaFields[name] = z3.string().min(1, `Please select a ${label.toLowerCase()}`);
-    this.formFields.push({
-      label,
-      name,
-      options,
-      type: "select"
-    });
-    return this;
-  }
-  /**
-   * Add a checkbox field
-   */
-  checkbox(name, label, options) {
-    const { required = false, ...fieldOptions } = options || {};
-    let zodType = z3.boolean();
-    if (required) {
-      zodType = zodType.refine(
-        (val) => val === true,
-        `You must agree to ${label.toLowerCase()}`
-      );
-    }
-    this.schemaFields[name] = zodType;
-    this.formFields.push({
-      checkboxProps: fieldOptions,
-      label,
-      name,
-      type: "checkbox"
-    });
-    return this;
-  }
-  /**
-   * Add a switch field
-   */
-  switch(name, label, options) {
-    this.schemaFields[name] = z3.boolean().optional();
-    this.formFields.push({
-      label,
-      name,
-      switchProps: options,
-      type: "switch"
-    });
-    return this;
-  }
-  /**
-   * Add a radio field
-   */
-  radio(name, label, options, fieldOptions) {
-    this.schemaFields[name] = z3.string().min(1, `Please select a ${label.toLowerCase()}`);
-    this.formFields.push({
-      label,
-      name,
-      radioOptions: options,
-      radioProps: fieldOptions,
-      type: "radio"
-    });
-    return this;
-  }
-  /**
-   * Add a slider field
-   */
-  slider(name, label, options) {
-    const { max = 100, min = 0, step = 1, ...fieldOptions } = options || {};
-    let zodType = z3.number();
-    if (min !== void 0)
-      zodType = zodType.min(min, `${label} must be at least ${min}`);
-    if (max !== void 0)
-      zodType = zodType.max(max, `${label} must be no more than ${max}`);
-    this.schemaFields[name] = zodType;
-    this.formFields.push({
-      label,
-      name,
-      sliderProps: {
-        maxValue: max,
-        minValue: min,
-        step,
-        ...fieldOptions
-      },
-      type: "slider"
-    });
-    return this;
-  }
-  /**
-   * Add a date field
-   */
-  date(name, label, options) {
-    this.schemaFields[name] = z3.string().min(1, `${label} is required`);
-    this.formFields.push({
-      dateProps: options,
-      label,
-      name,
-      type: "date"
-    });
-    return this;
-  }
-  /**
-   * Add a file field
-   */
-  file(name, label, options) {
-    this.schemaFields[name] = z3.any().optional();
-    this.formFields.push({
-      fileProps: options,
-      label,
-      name,
-      type: "file"
-    });
-    return this;
-  }
-  /**
-   * Build the final schema and fields
-   */
-  build() {
-    return {
-      fields: this.formFields,
-      schema: z3.object(this.schemaFields)
-    };
-  }
-};
-function createTypeInferredBuilder() {
-  return new TypeInferredBuilder();
-}
-function defineInferredForm(fieldDefinitions) {
-  const builder = createTypeInferredBuilder();
-  fieldDefinitions(builder);
-  return builder.build();
-}
-var field = {
-  checkbox: (name, label, options) => {
-    const builder = new TypeInferredBuilder();
-    return builder.checkbox(name, label, options);
-  },
-  date: (name, label, options) => {
-    const builder = new TypeInferredBuilder();
-    return builder.date(name, label, options);
-  },
-  email: (name, label, options) => {
-    const builder = new TypeInferredBuilder();
-    return builder.email(name, label, options);
-  },
-  file: (name, label, options) => {
-    const builder = new TypeInferredBuilder();
-    return builder.file(name, label, options);
-  },
-  number: (name, label, options) => {
-    const builder = new TypeInferredBuilder();
-    return builder.number(name, label, options);
-  },
-  radio: (name, label, options, fieldOptions) => {
-    const builder = new TypeInferredBuilder();
-    return builder.radio(name, label, options, fieldOptions);
-  },
-  select: (name, label, options) => {
-    const builder = new TypeInferredBuilder();
-    return builder.select(name, label, options);
-  },
-  slider: (name, label, options) => {
-    const builder = new TypeInferredBuilder();
-    return builder.slider(name, label, options);
-  },
-  switch: (name, label, options) => {
-    const builder = new TypeInferredBuilder();
-    return builder.switch(name, label, options);
-  },
-  text: (name, label, options) => {
-    const builder = new TypeInferredBuilder();
-    return builder.text(name, label, options);
-  },
-  textarea: (name, label, options) => {
-    const builder = new TypeInferredBuilder();
-    return builder.textarea(name, label, options);
-  }
-};
-
-// src/builders/NestedPathBuilder.ts
-var NestedPathBuilder = class {
-  constructor() {
-    this.fields = [];
-  }
-  /**
-   * Create a nested object path builder
-   * Usage: builder.nest("address").field("street", "Street Address")
-   */
-  nest(path) {
-    return new NestedObjectBuilder(this, path);
-  }
-  /**
-   * Create a section-based path builder
-   * Usage: builder.section("shipping").field("street", "Street Address")
-   */
-  section(path) {
-    return new SectionBuilder(this, path);
-  }
-  /**
-   * Add a field with single path
-   * Usage: builder.field("firstName", "First Name")
-   */
-  field(name, label, type = "input", props) {
-    this.fields.push({
-      label,
-      name,
-      type,
-      ...props
-    });
-    return this;
-  }
-  /**
-   * Add a field with path segments
-   * Usage: builder.fieldPath(["user", "profile", "name"], "Full Name")
-   */
-  fieldPath(path, label, type = "input", props) {
-    const name = path.join(".");
-    this.fields.push({
-      label,
-      name,
-      type,
-      ...props
-    });
-    return this;
-  }
-  /**
-   * Add a field with template literal path
-   * Usage: builder.field`user.profile.name`("Full Name")
-   */
-  fieldTemplate(path) {
-    const pathString = path[0];
-    return new FieldTemplateBuilder(this, pathString);
-  }
-  /**
-   * Return to the parent builder (no-op for root builder)
-   */
-  end() {
-    return this;
-  }
-  build() {
-    return this.fields;
-  }
-};
-var NestedObjectBuilder = class _NestedObjectBuilder {
-  constructor(parent, path) {
-    this.parent = parent;
-    this.path = path;
-  }
-  /**
-   * Add a field to the current nested path
-   */
-  field(fieldName, label, type = "input", props) {
-    const fullPath = `${this.path}.${fieldName}`;
-    this.parent.fields.push({
-      label,
-      name: fullPath,
-      type,
-      ...props
-    });
-    return this;
-  }
-  /**
-   * Nest deeper into the object
-   */
-  nest(subPath) {
-    return new _NestedObjectBuilder(
-      this.parent,
-      `${this.path}.${subPath}`
-    );
-  }
-  /**
-   * Return to the parent builder
-   */
-  end() {
-    return this.parent;
-  }
-};
-var SectionBuilder = class {
-  constructor(parent, path) {
-    this.parent = parent;
-    this.path = path;
-  }
-  /**
-   * Add a field to the current section
-   */
-  field(fieldName, label, type = "input", props) {
-    const fullPath = `${this.path}.${fieldName}`;
-    this.parent.fields.push({
-      label,
-      name: fullPath,
-      type,
-      ...props
-    });
-    return this;
-  }
-  /**
-   * Add multiple fields to the section
-   */
-  fields(fieldDefinitions) {
-    fieldDefinitions.forEach((field2) => {
-      this.field(field2.name, field2.label, field2.type, field2.props);
-    });
-    return this;
-  }
-  /**
-   * Nest deeper into the section
-   */
-  nest(subPath) {
-    return new NestedObjectBuilder(
-      this.parent,
-      `${this.path}.${subPath}`
-    );
-  }
-  /**
-   * Return to the parent builder
-   */
-  end() {
-    return this.parent;
-  }
-};
-var FieldTemplateBuilder = class {
-  constructor(parent, path) {
-    this.parent = parent;
-    this.path = path;
-  }
-  /**
-   * Complete the field definition
-   */
-  complete(label, type = "input", props) {
-    this.parent.fields.push({
-      label,
-      name: this.path,
-      type,
-      ...props
-    });
-    return this.parent;
-  }
-};
-function createNestedPathBuilder() {
-  return new NestedPathBuilder();
-}
-
-// src/hooks/useDebouncedValidation.ts
-import { useCallback as useCallback2, useEffect as useEffect2, useRef } from "react";
-function useDebouncedValidation(form, options = {}) {
-  const { delay = 300, enabled = true, fields } = options;
-  const timeoutRef = useRef(
-    void 0
-  );
-  const lastValuesRef = useRef({});
-  const debouncedTrigger = useCallback2(() => {
-    if (!enabled) return;
-    if (timeoutRef.current) {
-      clearTimeout(timeoutRef.current);
-      timeoutRef.current = void 0;
-    }
-    timeoutRef.current = setTimeout(async () => {
-      const currentValues = form.getValues();
-      const lastValues = lastValuesRef.current;
-      const hasChanges = fields ? fields.some((field2) => currentValues[field2] !== lastValues[field2]) : Object.keys(currentValues).some(
-        (key) => currentValues[key] !== lastValues[key]
-      );
-      if (hasChanges) {
-        lastValuesRef.current = { ...currentValues };
-        if (fields && fields.length > 0) {
-          await form.trigger(fields);
-        } else {
-          await form.trigger();
-        }
-      }
-    }, delay);
-  }, [form, delay, fields, enabled]);
-  useEffect2(() => {
-    return () => {
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-        timeoutRef.current = void 0;
-      }
-    };
-  }, []);
-  useEffect2(() => {
-    if (form.formState.isSubmitSuccessful) {
-      lastValuesRef.current = {};
-    }
-  }, [form.formState.isSubmitSuccessful]);
-  return {
-    debouncedTrigger,
-    isDebouncing: !!timeoutRef.current
-  };
-}
-function useDebouncedFieldValidation(form, fieldName, options = {}) {
-  const { delay = 300, enabled = true } = options;
-  const timeoutRef = useRef(
-    void 0
-  );
-  const debouncedFieldTrigger = useCallback2(() => {
-    if (!enabled) return;
-    if (timeoutRef.current) {
-      clearTimeout(timeoutRef.current);
-    }
-    timeoutRef.current = setTimeout(async () => {
-      await form.trigger(fieldName);
-    }, delay);
-  }, [form, fieldName, delay, enabled]);
-  useEffect2(() => {
-    return () => {
-      if (timeoutRef.current) {
-        clearTimeout(timeoutRef.current);
-        timeoutRef.current = void 0;
-      }
-    };
-  }, []);
-  return {
-    debouncedFieldTrigger,
-    isDebouncing: !!timeoutRef.current
-  };
-}
-
-// src/hooks/useInferredForm.ts
-import { useForm as useForm3 } from "react-hook-form";
-var zodResolver;
-try {
-  zodResolver = __require("@hookform/resolvers/zod").zodResolver;
-} catch {
-}
-function useInferredForm(schema, fields, options = {}) {
-  const {
-    defaultValues,
-    delayError = 0,
-    mode = "onChange",
-    reValidateMode = "onChange",
-    shouldFocusError = true,
-    shouldUnregister = false
-  } = options;
-  return useForm3({
-    defaultValues,
-    delayError,
-    mode,
-    resolver: zodResolver ? zodResolver(schema) : void 0,
-    reValidateMode,
-    shouldFocusError,
-    shouldUnregister
-  });
-}
-function useTypeInferredForm(formConfig, options = {}) {
-  return useInferredForm(formConfig.schema, formConfig.fields, options);
-}
-
-// src/utils/performance.ts
-import { useCallback as useCallback3, useMemo as useMemo2, useRef as useRef2 } from "react";
-function debounce(func, delay) {
-  let timeoutId;
-  return (...args) => {
-    clearTimeout(timeoutId);
-    timeoutId = setTimeout(() => func(...args), delay);
-  };
-}
-function throttle(func, limit) {
-  let inThrottle;
-  return (...args) => {
-    if (!inThrottle) {
-      func(...args);
-      inThrottle = true;
-      setTimeout(() => inThrottle = false, limit);
-    }
-  };
-}
-function useMemoizedCallback(callback, deps) {
-  const callbackRef = useRef2(callback);
-  callbackRef.current = callback;
-  return useCallback3(
-    ((...args) => callbackRef.current(...args)),
-    deps
-  );
-}
-function shallowEqual(prevProps, nextProps) {
-  const prevKeys = Object.keys(prevProps);
-  const nextKeys = Object.keys(nextProps);
-  if (prevKeys.length !== nextKeys.length) {
-    return false;
-  }
-  for (const key of prevKeys) {
-    if (prevProps[key] !== nextProps[key]) {
-      return false;
-    }
-  }
-  return true;
-}
-function deepEqual(prevProps, nextProps) {
-  if (prevProps === nextProps) {
-    return true;
-  }
-  if (typeof prevProps !== typeof nextProps) {
-    return false;
-  }
-  if (typeof prevProps !== "object" || prevProps === null || nextProps === null) {
-    return prevProps === nextProps;
-  }
-  const prevKeys = Object.keys(prevProps);
-  const nextKeys = Object.keys(nextProps);
-  if (prevKeys.length !== nextKeys.length) {
-    return false;
-  }
-  for (const key of prevKeys) {
-    if (!nextKeys.includes(key)) {
-      return false;
-    }
-    if (!deepEqual(prevProps[key], nextProps[key])) {
-      return false;
-    }
-  }
-  return true;
-}
-function usePerformanceMonitor(componentName, enabled = false) {
-  const renderCountRef = useRef2(0);
-  const lastRenderTimeRef = useRef2(Date.now());
-  if (enabled) {
-    renderCountRef.current += 1;
-    const now = Date.now();
-    const timeSinceLastRender = now - lastRenderTimeRef.current;
-    console.log(`[Performance] ${componentName}:`, {
-      renderCount: renderCountRef.current,
-      timeSinceLastRender: `${timeSinceLastRender}ms`
-    });
-    lastRenderTimeRef.current = now;
-  }
-  return {
-    renderCount: renderCountRef.current,
-    resetRenderCount: () => {
-      renderCountRef.current = 0;
-    }
-  };
-}
-function createOptimizedFieldHandler(onChange, options = {}) {
-  const { debounce: debounceMs, throttle: throttleMs } = options;
-  let handler = onChange;
-  if (throttleMs) {
-    handler = throttle(handler, throttleMs);
-  }
-  if (debounceMs) {
-    handler = debounce(handler, debounceMs);
-  }
-  return handler;
-}
-function useMemoizedFieldProps(props, deps) {
-  return useMemo2(() => props, deps);
-}
-
-// src/builders/validation-helpers.ts
-import { z as z4 } from "zod";
-var validationPatterns = {
-  // Credit card validation
-  creditCard: z4.string().regex(
-    // eslint-disable-next-line no-useless-escape
-    /^[0-9]{4}[\s\-]?[0-9]{4}[\s\-]?[0-9]{4}[\s\-]?[0-9]{4}$/,
-    "Please enter a valid credit card number"
-  ),
-  // Date validation (MM/DD/YYYY)
-  date: z4.string().regex(
-    /^(0[1-9]|1[0-2])\/(0[1-9]|[12][0-9]|3[01])\/\d{4}$/,
-    "Please enter a valid date (MM/DD/YYYY)"
-  ),
-  // Email validation
-  email: z4.string().email("Please enter a valid email address"),
-  // Password validation
-  password: z4.string().min(8, "Password must be at least 8 characters").regex(/[A-Z]/, "Password must contain at least one uppercase letter").regex(/[a-z]/, "Password must contain at least one lowercase letter").regex(/[0-9]/, "Password must contain at least one number").regex(
-    /[^A-Za-z0-9]/,
-    "Password must contain at least one special character"
-  ),
-  // Phone number validation (international)
-  phoneInternational: z4.string().regex(/^\+?[\d\s\-\(\)]+$/, "Please enter a valid phone number"),
-  // Phone number validation (US format)
-  phoneUS: z4.string().regex(
-    /^\(\d{3}\) \d{3}-\d{4}$/,
-    "Please enter a valid phone number (XXX) XXX-XXXX"
-  ),
-  // SSN validation
-  ssn: z4.string().regex(/^\d{3}-\d{2}-\d{4}$/, "Please enter a valid SSN (XXX-XX-XXXX)"),
-  // Strong password validation
-  strongPassword: z4.string().min(12, "Password must be at least 12 characters").regex(/[A-Z]/, "Password must contain at least one uppercase letter").regex(/[a-z]/, "Password must contain at least one lowercase letter").regex(/[0-9]/, "Password must contain at least one number").regex(
-    /[^A-Za-z0-9]/,
-    "Password must contain at least one special character"
-  ),
-  // Time validation (HH:MM AM/PM)
-  time: z4.string().regex(
-    /^(0[1-9]|1[0-2]):[0-5][0-9] (AM|PM)$/i,
-    "Please enter a valid time (HH:MM AM/PM)"
-  ),
-  // URL validation
-  url: z4.string().url("Please enter a valid URL"),
-  // ZIP code validation
-  zipCode: z4.string().regex(/^\d{5}(-\d{4})?$/, "Please enter a valid ZIP code")
-};
-var asyncValidation = {
-  /**
-   * Email availability check
-   */
-  emailAvailability: async (email) => {
-    return new Promise((resolve) => {
-      setTimeout(() => {
-        const takenEmails = ["test@example.com", "admin@example.com"];
-        resolve(!takenEmails.includes(email));
-      }, 1e3);
-    });
-  },
-  /**
-   * Username availability check
-   */
-  usernameAvailability: async (username) => {
-    return new Promise((resolve) => {
-      setTimeout(() => {
-        const takenUsernames = ["admin", "test", "user"];
-        resolve(!takenUsernames.includes(username.toLowerCase()));
-      }, 1e3);
-    });
-  }
-};
-var errorMessages = {
-  date: () => "Please enter a valid date",
-  email: () => "Please enter a valid email address",
-  max: (fieldName, max) => `${fieldName} must be no more than ${max}`,
-  maxLength: (fieldName, max) => `${fieldName} must be no more than ${max} characters`,
-  min: (fieldName, min) => `${fieldName} must be at least ${min}`,
-  minLength: (fieldName, min) => `${fieldName} must be at least ${min} characters`,
-  pattern: (fieldName) => `${fieldName} format is invalid`,
-  phone: () => "Please enter a valid phone number",
-  required: (fieldName) => `${fieldName} is required`,
-  time: () => "Please enter a valid time",
-  url: () => "Please enter a valid URL"
-};
-var serverValidation = {
-  /**
-   * Apply server errors to form
-   */
-  applyServerErrors: (errors, setError) => {
-    Object.entries(errors).forEach(([field2, messages]) => {
-      setError(field2, {
-        message: messages[0],
-        type: "server"
-        // Use first error message
-      });
-    });
-  },
-  /**
-   * Clear server errors
-   */
-  clearServerErrors: (fields, clearErrors) => {
-    fields.forEach((field2) => {
-      clearErrors(field2, "server");
-    });
-  }
-};
-var validationUtils = {
-  /**
-   * Debounced validation
-   */
-  debounceValidation: (fn, delay = 300) => {
-    let timeoutId;
-    return (...args) => {
-      clearTimeout(timeoutId);
-      timeoutId = setTimeout(() => fn(...args), delay);
-    };
-  },
-  /**
-   * Get field error message
-   */
-  getFieldError: (errors, field2) => {
-    return errors[field2];
-  },
-  /**
-   * Check if field has error
-   */
-  hasFieldError: (errors, field2) => {
-    return !!errors[field2];
-  },
-  /**
-   * Validate form data against schema
-   */
-  validateForm: async (data, schema) => {
-    try {
-      await schema.parseAsync(data);
-      return { errors: {}, success: true };
-    } catch (error) {
-      if (error instanceof z4.ZodError) {
-        const errors = {};
-        error.issues.forEach((err) => {
-          const path = err.path.join(".");
-          errors[path] = err.message;
-        });
-        return { errors, success: false };
-      }
-      throw error;
-    }
-  }
-};
-export {
-  AdvancedFieldBuilder,
-  AutocompleteField,
-  BasicFormBuilder,
-  CheckboxField,
-  CommonFields,
-  ConditionalField,
-  ConfigurableForm,
-  ContentField,
-  DateField,
-  DynamicSectionField,
-  FieldArrayBuilder,
-  FieldArrayField,
-  FieldArrayItemBuilder,
-  FileField,
-  FontPickerField,
-  FormField,
-  FormFieldHelpers,
-  FormProvider,
-  FormStatus,
-  FormToast,
-  HeroHookFormProvider,
-  InputField,
-  RadioGroupField,
-  SelectField,
-  ServerActionForm,
-  SliderField,
-  SubmitButton,
-  SwitchField,
-  TextareaField,
-  TypeInferredBuilder,
-  ZodForm,
-  applyServerErrors,
-  asyncValidation,
-  commonValidations,
-  createAdvancedBuilder,
-  createBasicFormBuilder,
-  createDateSchema,
-  createEmailSchema,
-  createField,
-  createFieldArrayBuilder,
-  createFieldArrayItemBuilder,
-  createFileSchema,
-  createFormTestUtils,
-  createFutureDateSchema,
-  createMaxLengthSchema,
-  createMinLengthSchema,
-  createMockFormData,
-  createMockFormErrors,
-  createNestedPathBuilder,
-  createNumberRangeSchema,
-  createOptimizedFieldHandler,
-  createPasswordSchema,
-  createPastDateSchema,
-  createPhoneSchema,
-  createRequiredCheckboxSchema,
-  createRequiredSchema,
-  createTypeInferredBuilder,
-  createUrlSchema,
-  createZodFormConfig,
-  crossFieldValidation,
-  debounce,
-  deepEqual,
-  defineInferredForm,
-  errorMessages,
-  field,
-  getFieldError,
-  getFormErrors,
-  hasFieldError,
-  hasFormErrors,
-  serverValidation,
-  shallowEqual,
-  simulateFieldInput,
-  simulateFormSubmission,
-  throttle,
-  useDebouncedFieldValidation,
-  useDebouncedValidation,
-  useEnhancedFormState,
-  useFormContext5 as useFormContext,
-  useFormHelper,
-  useHeroForm,
-  useHeroHookFormDefaults,
-  useInferredForm,
-  useMemoizedCallback,
-  useMemoizedFieldProps,
-  usePerformanceMonitor,
-  useTypeInferredForm,
-  useZodForm,
-  validationPatterns,
-  validationUtils,
-  waitForFormState
-};