@saas-ui/forms 2.0.4 → 2.1.0

package/dist/index.js

@@ -1,39 +1,119 @@
-'use strict';
-
-var React11 = require('react');
-var reactHookForm = require('react-hook-form');
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('@chakra-ui/react');
-var core = require('@saas-ui/core');
-var icons = require('@saas-ui/core/icons');
-var utils = require('@chakra-ui/utils');
-var reactUtils = require('@chakra-ui/react-utils');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
+'use client'
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  n.default = e;
-  return Object.freeze(n);
-}
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-var React11__namespace = /*#__PURE__*/_interopNamespace(React11);
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  ArrayField: () => ArrayField,
+  ArrayFieldAddButton: () => ArrayFieldAddButton,
+  ArrayFieldContainer: () => ArrayFieldContainer,
+  ArrayFieldProvider: () => ArrayFieldProvider,
+  ArrayFieldRemoveButton: () => ArrayFieldRemoveButton,
+  ArrayFieldRow: () => ArrayFieldRow,
+  ArrayFieldRowContainer: () => ArrayFieldRowContainer,
+  ArrayFieldRowFields: () => ArrayFieldRowFields,
+  ArrayFieldRowProvider: () => ArrayFieldRowProvider,
+  ArrayFieldRows: () => ArrayFieldRows,
+  AutoFields: () => AutoFields,
+  BaseField: () => BaseField,
+  BaseForm: () => Form,
+  CheckboxField: () => CheckboxField,
+  Controller: () => import_react_hook_form9.Controller,
+  DisplayField: () => DisplayField,
+  DisplayIf: () => DisplayIf,
+  Field: () => Field,
+  FieldsProvider: () => FieldsProvider,
+  Form: () => Form2,
+  FormLayout: () => FormLayout,
+  FormLegend: () => FormLegend,
+  FormProvider: () => FormProvider,
+  FormStep: () => FormStep,
+  FormStepper: () => FormStepper,
+  FormValue: () => FormValue,
+  InputField: () => InputField,
+  InputRightButton: () => InputRightButton,
+  NativeSelect: () => NativeSelect,
+  NativeSelectField: () => NativeSelectField,
+  NextButton: () => NextButton,
+  NumberInputField: () => NumberInputField2,
+  ObjectField: () => ObjectField,
+  PasswordInput: () => PasswordInput,
+  PasswordInputField: () => PasswordInputField,
+  PinField: () => PinField,
+  PrevButton: () => PrevButton,
+  RadioField: () => RadioField,
+  RadioInput: () => RadioInput,
+  Select: () => Select,
+  SelectButton: () => SelectButton,
+  SelectField: () => SelectField,
+  SelectList: () => SelectList,
+  SelectOption: () => SelectOption,
+  StepForm: () => StepForm,
+  StepFormProvider: () => StepFormProvider,
+  SubmitButton: () => SubmitButton,
+  SwitchField: () => SwitchField,
+  TextareaField: () => TextareaField,
+  WatchField: () => WatchField,
+  appendErrors: () => import_react_hook_form9.appendErrors,
+  createField: () => createField,
+  createForm: () => createForm,
+  createStepForm: () => createStepForm,
+  defaultFieldTypes: () => defaultFieldTypes,
+  objectFieldResolver: () => objectFieldResolver,
+  useArrayField: () => useArrayField,
+  useArrayFieldAddButton: () => useArrayFieldAddButton,
+  useArrayFieldContext: () => useArrayFieldContext,
+  useArrayFieldRemoveButton: () => useArrayFieldRemoveButton,
+  useArrayFieldRow: () => useArrayFieldRow,
+  useArrayFieldRowContext: () => useArrayFieldRowContext,
+  useController: () => import_react_hook_form9.useController,
+  useField: () => useField,
+  useFieldArray: () => import_react_hook_form9.useFieldArray,
+  useForm: () => import_react_hook_form9.useForm,
+  useFormContext: () => useFormContext,
+  useFormState: () => import_react_hook_form9.useFormState,
+  useFormStep: () => useFormStep,
+  useStepForm: () => useStepForm,
+  useStepFormContext: () => useStepFormContext,
+  useWatch: () => import_react_hook_form9.useWatch
+});
+module.exports = __toCommonJS(src_exports);
 
 // src/form-context.tsx
-var FormContext = React11__namespace.createContext(null);
+var React = __toESM(require("react"));
+var import_react_hook_form = require("react-hook-form");
+var import_jsx_runtime = require("react/jsx-runtime");
+var FormContext = React.createContext(null);
 var useFormContext = () => {
-  const context = React11__namespace.useContext(FormContext);
-  const hookContext = reactHookForm.useFormContext();
+  const context = React.useContext(FormContext);
+  const hookContext = (0, import_react_hook_form.useFormContext)();
   if (!context) {
     throw new Error("FormProvider must be used within a Form component");
   }
@@ -50,17 +130,21 @@ var useFieldProps = (name) => {
 };
 var FormProvider = (props) => {
   const { children, fieldResolver, schema, fields, ...rest } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(reactHookForm.FormProvider, { ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(FormContext.Provider, { value: { fieldResolver, schema, fields }, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_hook_form.FormProvider, { ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormContext.Provider, { value: { fieldResolver, schema, fields }, children }) });
 };
+
+// src/display-field.tsx
+var import_react = require("@chakra-ui/react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var DisplayField = ({
   name,
   label,
   placeholder,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.FormControl, { ...props, children: [
-    label ? /* @__PURE__ */ jsxRuntime.jsx(react.FormLabel, { htmlFor: name, children: label }) : null,
-    /* @__PURE__ */ jsxRuntime.jsx(react.Text, { fontSize: "md", children: /* @__PURE__ */ jsxRuntime.jsx(FormValue, { name }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react.FormControl, { ...props, children: [
+    label ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react.FormLabel, { htmlFor: name, children: label }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react.Text, { fontSize: "md", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(FormValue, { name }) })
   ] });
 };
 DisplayField.displayName = "DisplayField";
@@ -69,18 +153,32 @@ var FormValue = ({ name }) => {
   return getValues(name) || null;
 };
 FormValue.displayName = "FormValue";
-var NumberInput = react.forwardRef((props, ref) => {
+
+// src/field.tsx
+var React6 = __toESM(require("react"));
+
+// src/fields-context.tsx
+var import_react14 = __toESM(require("react"));
+
+// src/default-fields.tsx
+var import_react13 = require("@chakra-ui/react");
+
+// src/number-input/number-input.tsx
+var import_react2 = require("@chakra-ui/react");
+var import_core = require("@saas-ui/core");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var NumberInput = (0, import_react2.forwardRef)((props, ref) => {
   const {
     hideStepper,
-    incrementIcon = /* @__PURE__ */ jsxRuntime.jsx(core.ChevronUpIcon, {}),
-    decrementIcon = /* @__PURE__ */ jsxRuntime.jsx(core.ChevronDownIcon, {}),
+    incrementIcon = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core.ChevronUpIcon, {}),
+    decrementIcon = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_core.ChevronDownIcon, {}),
     ...rest
   } = props;
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.NumberInput, { ...rest, ref, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(react.NumberInputField, {}),
-    !hideStepper && /* @__PURE__ */ jsxRuntime.jsxs(react.NumberInputStepper, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(react.NumberIncrementStepper, { children: incrementIcon }),
-      /* @__PURE__ */ jsxRuntime.jsx(react.NumberDecrementStepper, { children: decrementIcon })
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react2.NumberInput, { ...rest, ref, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react2.NumberInputField, {}),
+    !hideStepper && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react2.NumberInputStepper, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react2.NumberIncrementStepper, { children: incrementIcon }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react2.NumberDecrementStepper, { children: decrementIcon })
     ] })
   ] });
 });
@@ -88,14 +186,26 @@ NumberInput.defaultProps = {
   hideStepper: false
 };
 NumberInput.displayName = "NumberInput";
-var InputRightButton = react.forwardRef(
+
+// src/password-input/password-input.tsx
+var import_react4 = require("react");
+var import_react5 = require("@chakra-ui/react");
+var import_icons = require("@saas-ui/core/icons");
+
+// src/input-right-button/input-right-button.tsx
+var import_react3 = require("@chakra-ui/react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var InputRightButton = (0, import_react3.forwardRef)(
   (props, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(react.InputRightElement, { w: "auto", px: "1", py: "1", alignItems: "stretch", children: /* @__PURE__ */ jsxRuntime.jsx(react.Button, { ref, height: "auto", ...props }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react3.InputRightElement, { w: "auto", px: "1", py: "1", alignItems: "stretch", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react3.Button, { ref, height: "auto", ...props }) });
   }
 );
 InputRightButton.id = "InputRightElement";
 InputRightButton.displayName = "InputRightButton";
-var PasswordInput = react.forwardRef(
+
+// src/password-input/password-input.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var PasswordInput = (0, import_react5.forwardRef)(
   (props, ref) => {
     const {
       viewIcon,
@@ -108,24 +218,24 @@ var PasswordInput = react.forwardRef(
       leftAddon,
       ...inputProps
     } = props;
-    const [show, setShow] = React11.useState(false);
+    const [show, setShow] = (0, import_react4.useState)(false);
     const handleClick = () => setShow(!show);
     const label = show ? "Hide password" : "Show password";
     let icon;
     if (show) {
-      icon = viewIcon || /* @__PURE__ */ jsxRuntime.jsx(icons.ViewIcon, {});
+      icon = viewIcon || /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons.ViewIcon, {});
     } else {
-      icon = viewOffIcon || /* @__PURE__ */ jsxRuntime.jsx(icons.ViewOffIcon, {});
+      icon = viewOffIcon || /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_icons.ViewOffIcon, {});
     }
     const groupProps = {
       width: w || width,
       size,
       variant
     };
-    return /* @__PURE__ */ jsxRuntime.jsxs(react.InputGroup, { ...groupProps, children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react5.InputGroup, { ...groupProps, children: [
       leftAddon,
-      /* @__PURE__ */ jsxRuntime.jsx(
-        react.Input,
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        import_react5.Input,
         {
           ...inputProps,
           ref,
@@ -133,7 +243,7 @@ var PasswordInput = react.forwardRef(
           autoComplete: show ? "off" : autoComplete
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
         InputRightButton,
         {
           onClick: handleClick,
@@ -146,16 +256,22 @@ var PasswordInput = react.forwardRef(
   }
 );
 PasswordInput.displayName = "PasswordInput";
+
+// src/radio/radio-input.tsx
+var import_react6 = require("@chakra-ui/react");
+
+// src/utils.ts
+var React3 = __toESM(require("react"));
 var mapNestedFields = (name, children) => {
-  return React11__namespace.Children.map(children, (child) => {
-    if (React11__namespace.isValidElement(child) && child.props.name) {
+  return React3.Children.map(children, (child) => {
+    if (React3.isValidElement(child) && child.props.name) {
       let childName = child.props.name;
       if (childName.includes(".")) {
         childName = childName.replace(/^.*\.(.*)/, "$1");
       } else if (childName.includes(".$")) {
         childName = childName.replace(/^.*\.\$(.*)/, "$1");
       }
-      return React11__namespace.cloneElement(child, {
+      return React3.cloneElement(child, {
         ...child.props,
         name: `${name}.${childName}`
       });
@@ -174,13 +290,16 @@ var mapOptions = (options) => {
     return option;
   });
 };
-var RadioInput = react.forwardRef(
+
+// src/radio/radio-input.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var RadioInput = (0, import_react6.forwardRef)(
   ({ options: optionsProp, spacing, direction, ...props }, ref) => {
     const { onBlur, onChange, ...groupProps } = props;
     const options = mapOptions(optionsProp);
-    return /* @__PURE__ */ jsxRuntime.jsx(react.RadioGroup, { onChange, ...groupProps, children: /* @__PURE__ */ jsxRuntime.jsx(react.Stack, { spacing, direction, children: options.map(({ value, label, ...radioProps }, i) => {
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        react.Radio,
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react6.RadioGroup, { onChange, ...groupProps, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react6.Stack, { spacing, direction, children: options.map(({ value, label, ...radioProps }, i) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        import_react6.Radio,
         {
           onBlur,
           value,
@@ -194,8 +313,18 @@ var RadioInput = react.forwardRef(
   }
 );
 RadioInput.displayName = "RadioInput";
-var [SelectStylesProvider, useSelectStyles] = react.createStylesContext("SuiSelect");
-var [SelectProvider, useSelectContext] = reactUtils.createContext({
+
+// src/select/select.tsx
+var import_react9 = require("@chakra-ui/react");
+var import_utils3 = require("@chakra-ui/utils");
+var import_core2 = require("@saas-ui/core");
+
+// src/select/select-context.tsx
+var import_react7 = require("@chakra-ui/react");
+var import_react_utils = require("@chakra-ui/react-utils");
+var import_react8 = __toESM(require("react"));
+var [SelectStylesProvider, useSelectStyles] = (0, import_react7.createStylesContext)("SuiSelect");
+var [SelectProvider, useSelectContext] = (0, import_react_utils.createContext)({
   strict: true
 });
 var useSelect = (props) => {
@@ -210,20 +339,20 @@ var useSelect = (props) => {
     isDisabled,
     renderValue = (value2) => typeof value2 === "string" ? value2 : value2 == null ? void 0 : value2.join(", ")
   } = props;
-  const [currentValue, setCurrentValue] = react.useControllableState({
+  const [currentValue, setCurrentValue] = (0, import_react7.useControllableState)({
     value,
     defaultValue,
     onChange
   });
-  const controlProps = react.useFormControl({ name });
-  const options = React11__namespace.default.useMemo(
+  const controlProps = (0, import_react7.useFormControl)({ name });
+  const options = import_react8.default.useMemo(
     () => optionsProp && mapOptions(optionsProp),
     [optionsProp]
   );
   const handleChange = (value2) => {
     setCurrentValue(value2);
   };
-  const getDisplayValue = React11__namespace.default.useCallback(
+  const getDisplayValue = import_react8.default.useCallback(
     (value2) => {
       if (!options) {
         return value2;
@@ -237,7 +366,7 @@ var useSelect = (props) => {
     },
     [options]
   );
-  const displayValue = React11__namespace.default.useMemo(
+  const displayValue = import_react8.default.useMemo(
     () => currentValue ? (Array.isArray(currentValue) ? currentValue : [currentValue]).map(
       getDisplayValue
     ) : [],
@@ -256,7 +385,10 @@ var useSelect = (props) => {
     isDisabled
   };
 };
-var SelectButton = react.forwardRef(
+
+// src/select/select.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var SelectButton = (0, import_react9.forwardRef)(
   (props, ref) => {
     var _a, _b, _c, _d, _e;
     const {
@@ -265,7 +397,7 @@ var SelectButton = react.forwardRef(
       placeholder,
       isDisabled: isSelectDisabled
     } = useSelectContext();
-    const context = react.useFormControlContext();
+    const context = (0, import_react9.useFormControlContext)();
     const styles = useSelectStyles();
     const {
       isInvalid,
@@ -277,7 +409,7 @@ var SelectButton = react.forwardRef(
       onBlur,
       onFocus
     } = context || {};
-    const { rightIcon = /* @__PURE__ */ jsxRuntime.jsx(core.ChevronDownIcon, {}), ...rest } = props;
+    const { rightIcon = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_core2.ChevronDownIcon, {}), ...rest } = props;
     const focusStyles = (_a = styles.field) == null ? void 0 : _a._focusVisible;
     const readOnlyStyles = (_b = styles.field) == null ? void 0 : _b._readOnly;
     const invalid = (_c = styles.field) == null ? void 0 : _c._invalid;
@@ -298,9 +430,9 @@ var SelectButton = react.forwardRef(
       ...styles.field,
       h: "auto"
     };
-    const buttonProps = react.useMenuButton(rest, ref);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react.Button,
+    const buttonProps = (0, import_react9.useMenuButton)(rest, ref);
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_react9.Button,
       {
         ...buttonProps,
         ...buttonStyles,
@@ -309,13 +441,13 @@ var SelectButton = react.forwardRef(
         onFocus,
         onBlur,
         isDisabled: isDisabled || isSelectDisabled,
-        "data-invalid": utils.dataAttr(isInvalid),
-        "data-read-only": utils.dataAttr(isReadOnly),
-        "data-focus": utils.dataAttr(isFocused),
-        "data-required": utils.dataAttr(isRequired),
+        "data-invalid": (0, import_utils3.dataAttr)(isInvalid),
+        "data-read-only": (0, import_utils3.dataAttr)(isReadOnly),
+        "data-focus": (0, import_utils3.dataAttr)(isFocused),
+        "data-required": (0, import_utils3.dataAttr)(isRequired),
         rightIcon,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          react.chakra.span,
+        children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+          import_react9.chakra.span,
           {
             __css: {
               display: "block",
@@ -333,16 +465,16 @@ var SelectButton = react.forwardRef(
   }
 );
 SelectButton.displayName = "SelectButton";
-var Select = react.forwardRef((props, ref) => {
+var Select = (0, import_react9.forwardRef)((props, ref) => {
   const { name, children, isDisabled, multiple, ...rest } = props;
-  const styles = react.useMultiStyleConfig("SuiSelect", props);
-  const menuProps = react.omitThemingProps(rest);
+  const styles = (0, import_react9.useMultiStyleConfig)("SuiSelect", props);
+  const menuProps = (0, import_react9.omitThemingProps)(rest);
   const context = useSelect(props);
   const { value, controlProps } = context;
-  return /* @__PURE__ */ jsxRuntime.jsx(SelectProvider, { value: context, children: /* @__PURE__ */ jsxRuntime.jsx(SelectStylesProvider, { value: styles, children: /* @__PURE__ */ jsxRuntime.jsx(react.Menu, { ...menuProps, closeOnSelect: !multiple, children: /* @__PURE__ */ jsxRuntime.jsxs(react.chakra.div, { className: utils.cx("sui-select"), children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SelectProvider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SelectStylesProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react9.Menu, { ...menuProps, closeOnSelect: !multiple, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react9.chakra.div, { className: (0, import_utils3.cx)("sui-select"), children: [
     children,
-    /* @__PURE__ */ jsxRuntime.jsx(
-      react.chakra.input,
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      import_react9.chakra.input,
       {
         ...controlProps,
         ref,
@@ -356,52 +488,69 @@ var Select = react.forwardRef((props, ref) => {
 });
 var SelectList = (props) => {
   const { defaultValue, value, options, multiple, onChange } = useSelectContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(react.MenuList, { maxH: "100vh", overflowY: "auto", ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
-    react.MenuOptionGroup,
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react9.MenuList, { maxH: "100vh", overflowY: "auto", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_react9.MenuOptionGroup,
     {
       defaultValue: defaultValue || value,
       value,
       onChange,
       type: multiple ? "checkbox" : "radio",
-      children: options ? options.map(({ value: value2, label, ...rest }, i) => /* @__PURE__ */ jsxRuntime.jsx(SelectOption, { value: value2, ...rest, children: label || value2 }, i)) : props.children
+      children: options ? options.map(({ value: value2, label, ...rest }, i) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(SelectOption, { value: value2, ...rest, children: label || value2 }, i)) : props.children
     }
   ) });
 };
 Select.displayName = "Select";
-var SelectOption = react.forwardRef(
+var SelectOption = (0, import_react9.forwardRef)(
   (props, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(react.MenuItemOption, { ref, ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react9.MenuItemOption, { ref, ...props });
   }
 );
 SelectOption.id = "MenuItemOption";
 SelectOption.displayName = "SelectOption";
-var NativeSelect = react.forwardRef(
+
+// src/select/native-select.tsx
+var import_react10 = require("@chakra-ui/react");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var NativeSelect = (0, import_react10.forwardRef)(
   ({ options, children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(react.Select, { ref, ...props, children: children || (options == null ? void 0 : options.map(({ value, label }) => {
-      return /* @__PURE__ */ jsxRuntime.jsx("option", { value, children: label || value }, value);
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react10.Select, { ref, ...props, children: children || (options == null ? void 0 : options.map(({ value, label }) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("option", { value, children: label || value }, value);
     })) });
   }
 );
 NativeSelect.displayName = "NativeSelect";
+
+// src/create-field.tsx
+var import_react_hook_form3 = require("react-hook-form");
+var import_react12 = require("@chakra-ui/react");
+var import_utils4 = require("@chakra-ui/utils");
+
+// src/base-field.tsx
+var import_react_hook_form2 = require("react-hook-form");
+var import_react11 = require("@chakra-ui/react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var getError = (name, formState) => {
-  return reactHookForm.get(formState.errors, name);
+  return (0, import_react_hook_form2.get)(formState.errors, name);
 };
 var BaseField = (props) => {
   const { name, label, help, hideLabel, children, ...controlProps } = props;
   const { formState } = useFormContext();
   const error = getError(name, formState);
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.FormControl, { ...controlProps, isInvalid: !!error, children: [
-    label && !hideLabel ? /* @__PURE__ */ jsxRuntime.jsx(react.FormLabel, { children: label }) : null,
-    /* @__PURE__ */ jsxRuntime.jsxs(react.Box, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react11.FormControl, { ...controlProps, isInvalid: !!error, children: [
+    label && !hideLabel ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react11.FormLabel, { children: label }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react11.Box, { children: [
       children,
-      help && !(error == null ? void 0 : error.message) ? /* @__PURE__ */ jsxRuntime.jsx(react.FormHelperText, { children: help }) : null,
-      (error == null ? void 0 : error.message) && /* @__PURE__ */ jsxRuntime.jsx(react.FormErrorMessage, { children: error == null ? void 0 : error.message })
+      help && !(error == null ? void 0 : error.message) ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react11.FormHelperText, { children: help }) : null,
+      (error == null ? void 0 : error.message) && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react11.FormErrorMessage, { children: error == null ? void 0 : error.message })
     ] })
   ] });
 };
 BaseField.displayName = "BaseField";
+
+// src/create-field.tsx
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var _createField = (InputComponent, { displayName, hideLabel, BaseField: BaseField2 }) => {
-  const Field2 = react.forwardRef((props, ref) => {
+  const Field2 = (0, import_react12.forwardRef)((props, ref) => {
     const {
       id,
       name,
@@ -418,7 +567,7 @@ var _createField = (InputComponent, { displayName, hideLabel, BaseField: BaseFie
       required: isRequired,
       ...rules
     };
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       BaseField2,
       {
         id,
@@ -430,7 +579,7 @@ var _createField = (InputComponent, { displayName, hideLabel, BaseField: BaseFie
         isInvalid,
         isReadOnly,
         isRequired,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
+        children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           InputComponent,
           {
             ref,
@@ -448,23 +597,23 @@ var _createField = (InputComponent, { displayName, hideLabel, BaseField: BaseFie
   return Field2;
 };
 var withControlledInput = (InputComponent) => {
-  return react.forwardRef(
+  return (0, import_react12.forwardRef)(
     ({ name, rules, ...inputProps }, ref) => {
       const { control } = useFormContext();
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        reactHookForm.Controller,
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        import_react_hook_form3.Controller,
         {
           name,
           control,
           rules,
-          render: ({ field: { ref: _ref, ...field } }) => /* @__PURE__ */ jsxRuntime.jsx(
+          render: ({ field: { ref: _ref, ...field } }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
             InputComponent,
             {
               ...field,
               ...inputProps,
-              onChange: utils.callAllHandlers(inputProps.onChange, field.onChange),
-              onBlur: utils.callAllHandlers(inputProps.onBlur, field.onBlur),
-              ref: react.useMergeRefs(ref, _ref)
+              onChange: (0, import_utils4.callAllHandlers)(inputProps.onChange, field.onChange),
+              onBlur: (0, import_utils4.callAllHandlers)(inputProps.onBlur, field.onBlur),
+              ref: (0, import_react12.useMergeRefs)(ref, _ref)
             }
           )
         }
@@ -473,18 +622,18 @@ var withControlledInput = (InputComponent) => {
   );
 };
 var withUncontrolledInput = (InputComponent) => {
-  return react.forwardRef(
+  return (0, import_react12.forwardRef)(
     ({ name, rules, ...inputProps }, ref) => {
       const { register } = useFormContext();
       const { ref: _ref, ...field } = register(name, rules);
-      return /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
         InputComponent,
         {
           ...field,
           ...inputProps,
-          onChange: utils.callAllHandlers(inputProps.onChange, field.onChange),
-          onBlur: utils.callAllHandlers(inputProps.onBlur, field.onBlur),
-          ref: react.useMergeRefs(ref, _ref)
+          onChange: (0, import_utils4.callAllHandlers)(inputProps.onChange, field.onChange),
+          onBlur: (0, import_utils4.callAllHandlers)(inputProps.onBlur, field.onBlur),
+          ref: (0, import_react12.useMergeRefs)(ref, _ref)
         }
       );
     }
@@ -505,11 +654,14 @@ var createField = (component, options) => {
   });
   return Field2;
 };
+
+// src/default-fields.tsx
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var InputField = createField(
-  react.forwardRef(({ type = "text", leftAddon, rightAddon, size, ...rest }, ref) => {
-    const input = /* @__PURE__ */ jsxRuntime.jsx(react.Input, { type, size, ...rest, ref });
+  (0, import_react13.forwardRef)(({ type = "text", leftAddon, rightAddon, size, ...rest }, ref) => {
+    const input = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react13.Input, { type, size, ...rest, ref });
     if (leftAddon || rightAddon) {
-      return /* @__PURE__ */ jsxRuntime.jsxs(react.InputGroup, { size, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_react13.InputGroup, { size, children: [
         leftAddon,
         input,
         rightAddon
@@ -525,22 +677,22 @@ var NumberInputField2 = createField(
   }
 );
 var PasswordInputField = createField(
-  react.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(PasswordInput, { ref, ...props }))
+  (0, import_react13.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PasswordInput, { ref, ...props }))
 );
-var TextareaField = createField(react.Textarea);
+var TextareaField = createField(import_react13.Textarea);
 var SwitchField = createField(
-  react.forwardRef(({ type, value, ...rest }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(react.Switch, { isChecked: !!value, ...rest, ref });
+  (0, import_react13.forwardRef)(({ type, value, ...rest }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react13.Switch, { isChecked: !!value, ...rest, ref });
   }),
   {
     isControlled: true
   }
 );
 var SelectField = createField(
-  react.forwardRef((props, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(Select, { ref, ...props, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(SelectButton, {}),
-      /* @__PURE__ */ jsxRuntime.jsx(SelectList, {})
+  (0, import_react13.forwardRef)((props, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Select, { ref, ...props, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectList, {})
     ] });
   }),
   {
@@ -548,8 +700,8 @@ var SelectField = createField(
   }
 );
 var CheckboxField = createField(
-  react.forwardRef(({ label, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(react.Checkbox, { ref, ...props, children: label });
+  (0, import_react13.forwardRef)(({ label, type, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react13.Checkbox, { ref, ...props, children: label });
   }),
   {
     hideLabel: true
@@ -562,13 +714,13 @@ var NativeSelectField = createField(NativeSelect, {
   isControlled: true
 });
 var PinField = createField(
-  react.forwardRef((props, ref) => {
+  (0, import_react13.forwardRef)((props, ref) => {
     const { pinLength = 4, pinType, spacing, ...inputProps } = props;
     const inputs = [];
     for (let i = 0; i < pinLength; i++) {
-      inputs.push(/* @__PURE__ */ jsxRuntime.jsx(react.PinInputField, { ref }, i));
+      inputs.push(/* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react13.PinInputField, { ref }, i));
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(react.HStack, { spacing, children: /* @__PURE__ */ jsxRuntime.jsx(react.PinInput, { ...inputProps, type: pinType, children: inputs }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react13.HStack, { spacing, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react13.PinInput, { ...inputProps, type: pinType, children: inputs }) });
   }),
   {
     isControlled: true
@@ -589,33 +741,48 @@ var defaultFieldTypes = {
   pin: PinField,
   "native-select": NativeSelectField
 };
-var FieldsContext = React11__namespace.default.createContext(
+
+// src/fields-context.tsx
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var FieldsContext = import_react14.default.createContext(
   null
 );
 var FieldsProvider = (props) => {
   const fields = { ...defaultFieldTypes, ...props.value };
-  return /* @__PURE__ */ jsxRuntime.jsx(FieldsContext.Provider, { value: fields, children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(FieldsContext.Provider, { value: fields, children: props.children });
 };
 var useField = (type) => {
-  const context = React11__namespace.default.useContext(FieldsContext);
+  const context = import_react14.default.useContext(FieldsContext);
   return (context == null ? void 0 : context[type]) || InputField;
 };
+
+// src/field.tsx
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var defaultInputType = "text";
-var Field = React11__namespace.forwardRef(
+var Field = React6.forwardRef(
   (props, ref) => {
     const { type = defaultInputType, name } = props;
     const overrides = useFieldProps(name);
     const InputComponent = useField((overrides == null ? void 0 : overrides.type) || type);
-    return /* @__PURE__ */ jsxRuntime.jsx(InputComponent, { ref, ...props, ...overrides });
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(InputComponent, { ref, ...props, ...overrides });
   }
 );
+
+// src/fields.tsx
+var React10 = __toESM(require("react"));
+
+// src/layout.tsx
+var React7 = __toESM(require("react"));
+var import_react15 = require("@chakra-ui/react");
+var import_utils5 = require("@chakra-ui/utils");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var FormLayoutItem = ({ children }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.chakra.div, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react15.chakra.div, { children });
 };
 FormLayoutItem.displayName = "FormLayoutItem";
 var FormLayout = ({ children, ...props }) => {
   var _a, _b, _c;
-  const theme = react.useTheme();
+  const theme = (0, import_react15.useTheme)();
   const defaultProps = (_c = (_b = (_a = theme.components) == null ? void 0 : _a.SuiFormLayout) == null ? void 0 : _b.defaultProps) != null ? _c : {
     spacing: 4
   };
@@ -623,14 +790,14 @@ var FormLayout = ({ children, ...props }) => {
     ...defaultProps,
     ...props
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react.SimpleGrid,
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    import_react15.SimpleGrid,
     {
       ...gridProps,
-      className: utils.cx("sui-form__layout", props.className),
-      children: React11__namespace.Children.map(children, (child) => {
-        if (React11__namespace.isValidElement(child)) {
-          return /* @__PURE__ */ jsxRuntime.jsx(FormLayoutItem, { children: child });
+      className: (0, import_utils5.cx)("sui-form__layout", props.className),
+      children: React7.Children.map(children, (child) => {
+        if (React7.isValidElement(child)) {
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(FormLayoutItem, { children: child });
         }
         return child;
       })
@@ -638,10 +805,20 @@ var FormLayout = ({ children, ...props }) => {
   );
 };
 FormLayout.displayName = "FormLayout";
-var [ArrayFieldProvider, useArrayFieldContext] = reactUtils.createContext({
+
+// src/array-field.tsx
+var React9 = __toESM(require("react"));
+var import_react16 = require("@chakra-ui/react");
+var import_icons2 = require("@saas-ui/core/icons");
+
+// src/use-array-field.tsx
+var React8 = __toESM(require("react"));
+var import_react_hook_form4 = require("react-hook-form");
+var import_react_utils2 = require("@chakra-ui/react-utils");
+var [ArrayFieldProvider, useArrayFieldContext] = (0, import_react_utils2.createContext)({
   name: "ArrayFieldContext"
 });
-var [ArrayFieldRowProvider, useArrayFieldRowContext] = reactUtils.createContext({
+var [ArrayFieldRowProvider, useArrayFieldRowContext] = (0, import_react_utils2.createContext)({
   name: "ArrayFieldRowContext"
 });
 var useArrayField = ({
@@ -652,7 +829,7 @@ var useArrayField = ({
   max
 }) => {
   const { control } = useFormContext();
-  const context = reactHookForm.useFieldArray({
+  const context = (0, import_react_hook_form4.useFieldArray)({
     control,
     name,
     keyName
@@ -668,7 +845,7 @@ var useArrayField = ({
 var useArrayFieldRow = ({ index }) => {
   const { clearErrors } = useFormContext();
   const { name, remove, fields } = useArrayFieldContext();
-  React11__namespace.useEffect(() => {
+  React8.useEffect(() => {
     clearErrors(name);
   }, []);
   return {
@@ -676,7 +853,7 @@ var useArrayFieldRow = ({ index }) => {
     isFirst: index === 0,
     isLast: index === fields.length - 1,
     name: `${name}.${index}`,
-    remove: React11__namespace.useCallback(() => {
+    remove: React8.useCallback(() => {
       clearErrors(name);
       remove(index);
     }, [index])
@@ -701,14 +878,18 @@ var useArrayFieldAddButton = () => {
     isDisabled
   };
 };
+
+// src/array-field.tsx
+var import_utils7 = require("@chakra-ui/utils");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var ArrayFieldRow = ({
   children,
   index,
   ...rowFieldsProps
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(ArrayFieldRowContainer, { index, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldRowFields, { ...rowFieldsProps, children }),
-    /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldRemoveButton, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ArrayFieldRowContainer, { index, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ArrayFieldRowFields, { ...rowFieldsProps, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ArrayFieldRemoveButton, {})
   ] });
 };
 ArrayFieldRow.displayName = "ArrayFieldRow";
@@ -717,7 +898,7 @@ var ArrayFieldRowFields = ({
   ...layoutProps
 }) => {
   const { name } = useArrayFieldRowContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(FormLayout, { flex: "1", mr: "2", ...layoutProps, children: mapNestedFields(name, children) });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FormLayout, { flex: "1", mr: "2", ...layoutProps, children: mapNestedFields(name, children) });
 };
 ArrayFieldRowFields.displayName = "ArrayFieldRowFields";
 var ArrayFieldRowContainer = ({
@@ -733,33 +914,33 @@ var ArrayFieldRowContainer = ({
     width: "100%",
     mb: 4
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldRowProvider, { value: context, children: /* @__PURE__ */ jsxRuntime.jsx(react.chakra.div, { ...rest, __css: styles, children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ArrayFieldRowProvider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react16.chakra.div, { ...rest, __css: styles, children }) });
 };
 ArrayFieldRowContainer.displayName = "ArrayFieldRowContainer";
 var ArrayFieldRemoveButton = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Button, { "aria-label": "Remove row", ...useArrayFieldRemoveButton(), ...props, children: props.children || /* @__PURE__ */ jsxRuntime.jsx(icons.MinusIcon, {}) });
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react16.Button, { "aria-label": "Remove row", ...useArrayFieldRemoveButton(), ...props, children: props.children || /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons2.MinusIcon, {}) });
 };
 ArrayFieldRemoveButton.displayName = "ArrayFieldRemoveButton";
 var ArrayFieldAddButton = (props) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    import_react16.Button,
     {
       "aria-label": "Add row",
       float: "right",
       ...useArrayFieldAddButton(),
       ...props,
-      children: props.children || /* @__PURE__ */ jsxRuntime.jsx(icons.PlusIcon, {})
+      children: props.children || /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_icons2.PlusIcon, {})
     }
   );
 };
 ArrayFieldAddButton.displayName = "ArrayFieldAddButton";
-var ArrayField = react.forwardRef(
+var ArrayField = (0, import_react16.forwardRef)(
   (props, ref) => {
     const { children, ...containerProps } = props;
-    const rowFn = utils.isFunction(children) ? children : (fields) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: fields.map(({ id }, index) => /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldRow, { index, children }, id)) || null });
-    return /* @__PURE__ */ jsxRuntime.jsxs(ArrayFieldContainer, { ref, ...containerProps, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldRows, { children: rowFn }),
-      /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldAddButton, {})
+    const rowFn = (0, import_utils7.isFunction)(children) ? children : (fields) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_jsx_runtime15.Fragment, { children: fields.map(({ id }, index) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ArrayFieldRow, { index, children }, id)) || null });
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(ArrayFieldContainer, { ref, ...containerProps, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ArrayFieldRows, { children: rowFn }),
+      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ArrayFieldAddButton, {})
     ] });
   }
 );
@@ -771,7 +952,7 @@ var ArrayFieldRows = ({
   return children(fields);
 };
 ArrayFieldRows.displayName = "ArrayFieldRows";
-var ArrayFieldContainer = React11__namespace.forwardRef(
+var ArrayFieldContainer = React9.forwardRef(
   ({
     name,
     defaultValue,
@@ -789,14 +970,18 @@ var ArrayFieldContainer = React11__namespace.forwardRef(
       min: min || (overrides == null ? void 0 : overrides.min),
       max: max || (overrides == null ? void 0 : overrides.max)
     });
-    React11__namespace.useImperativeHandle(ref, () => context, [ref, context]);
-    return /* @__PURE__ */ jsxRuntime.jsx(ArrayFieldProvider, { value: context, children: /* @__PURE__ */ jsxRuntime.jsx(BaseField, { name, ...fieldProps, ...overrides, children }) });
+    React9.useImperativeHandle(ref, () => context, [ref, context]);
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(ArrayFieldProvider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BaseField, { name, ...fieldProps, ...overrides, children }) });
   }
 );
 ArrayFieldContainer.displayName = "ArrayFieldContainer";
+
+// src/object-field.tsx
+var import_react17 = require("@chakra-ui/react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var FormLegend = (props) => {
-  const styles = react.useStyleConfig("SuiFormLegend");
-  return /* @__PURE__ */ jsxRuntime.jsx(react.FormLabel, { as: "legend", sx: styles, ...props });
+  const styles = (0, import_react17.useStyleConfig)("SuiFormLegend");
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react17.FormLabel, { as: "legend", sx: styles, ...props });
 };
 var ObjectField = (props) => {
   const {
@@ -811,9 +996,9 @@ var ObjectField = (props) => {
   const { hideLabel, columns, spacing, ...overrides } = useFieldProps(
     name
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(react.FormControl, { name, as: "fieldset", ...fieldProps, ...overrides, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(FormLegend, { display: hideLabelProp || hideLabel ? "none" : "block", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react17.FormControl, { name, as: "fieldset", ...fieldProps, ...overrides, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(FormLegend, { display: hideLabelProp || hideLabel ? "none" : "block", children: label }),
+    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
       FormLayout,
       {
         columns: columnsProp || columns,
@@ -824,10 +1009,13 @@ var ObjectField = (props) => {
   ] });
 };
 ObjectField.displayName = "ObjectField";
+
+// src/fields.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var mapNestedFields2 = (resolver, name) => {
   var _a;
   return (_a = resolver.getNestedFields(name)) == null ? void 0 : _a.map(
-    ({ name: name2, type, ...nestedFieldProps }, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    ({ name: name2, type, ...nestedFieldProps }, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
       Field,
       {
         name: name2,
@@ -847,10 +1035,10 @@ var AutoFields = ({
   const context = useFormContext();
   const schema = schemaProp || context.schema;
   const fieldResolver = fieldResolverProp || context.fieldResolver;
-  const resolver = React11__namespace.useMemo(() => fieldResolver, [schema, fieldResolver]);
-  const fields = React11__namespace.useMemo(() => resolver == null ? void 0 : resolver.getFields(), [resolver]);
+  const resolver = React10.useMemo(() => fieldResolver, [schema, fieldResolver]);
+  const fields = React10.useMemo(() => resolver == null ? void 0 : resolver.getFields(), [resolver]);
   const form = useFormContext();
-  React11__namespace.useEffect(() => {
+  React10.useEffect(() => {
     var _a;
     if (focusFirstField && ((_a = fields == null ? void 0 : fields[0]) == null ? void 0 : _a.name)) {
       form.setFocus(fields[0].name);
@@ -859,7 +1047,7 @@ var AutoFields = ({
   if (!resolver) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(FormLayout, { ...props, children: fields == null ? void 0 : fields.map(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FormLayout, { ...props, children: fields == null ? void 0 : fields.map(
     ({
       name,
       type,
@@ -867,16 +1055,21 @@ var AutoFields = ({
       ...fieldProps
     }) => {
       if (type === "array") {
-        return /* @__PURE__ */ jsxRuntime.jsx(ArrayField, { name, ...fieldProps, children: mapNestedFields2(resolver, name) }, name);
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ArrayField, { name, ...fieldProps, children: mapNestedFields2(resolver, name) }, name);
       } else if (type === "object") {
-        return /* @__PURE__ */ jsxRuntime.jsx(ObjectField, { name, ...fieldProps, children: mapNestedFields2(resolver, name) }, name);
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ObjectField, { name, ...fieldProps, children: mapNestedFields2(resolver, name) }, name);
       }
-      return /* @__PURE__ */ jsxRuntime.jsx(Field, { name, type, ...fieldProps }, name);
+      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Field, { name, type, ...fieldProps }, name);
     }
   ) });
 };
 AutoFields.displayName = "Fields";
-var SubmitButton = react.forwardRef(
+
+// src/submit-button.tsx
+var import_react_hook_form5 = require("react-hook-form");
+var import_react18 = require("@chakra-ui/react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var SubmitButton = (0, import_react18.forwardRef)(
   (props, ref) => {
     const {
       children = "Submit",
@@ -886,10 +1079,10 @@ var SubmitButton = react.forwardRef(
       isLoading,
       ...rest
     } = props;
-    const { formState } = reactHookForm.useFormContext();
+    const { formState } = (0, import_react_hook_form5.useFormContext)();
     const isDisabled = disableIfUntouched && !formState.isDirty || disableIfInvalid && !formState.isValid || isDisabledProp;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react.Button,
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      import_react18.Button,
       {
         ...rest,
         ref,
@@ -907,6 +1100,9 @@ SubmitButton.defaultProps = {
   disableIfInvalid: false
 };
 SubmitButton.displayName = "SubmitButton";
+
+// src/display-if.tsx
+var import_react_hook_form6 = require("react-hook-form");
 var DisplayIf = ({
   children,
   name,
@@ -915,7 +1111,7 @@ var DisplayIf = ({
   isExact,
   condition = (value) => !!value
 }) => {
-  const value = reactHookForm.useWatch({
+  const value = (0, import_react_hook_form6.useWatch)({
     name,
     defaultValue,
     disabled: isDisabled,
@@ -925,17 +1121,28 @@ var DisplayIf = ({
   return condition(value, context) ? children : null;
 };
 DisplayIf.displayName = "DisplayIf";
-var [StepFormProvider, useStepFormContext] = reactUtils.createContext({
+
+// src/step-form.tsx
+var React12 = __toESM(require("react"));
+var import_react19 = require("@chakra-ui/react");
+var import_utils9 = require("@chakra-ui/utils");
+var import_core4 = require("@saas-ui/core");
+
+// src/use-step-form.tsx
+var React11 = __toESM(require("react"));
+var import_react_utils3 = require("@chakra-ui/react-utils");
+var import_core3 = require("@saas-ui/core");
+var [StepFormProvider, useStepFormContext] = (0, import_react_utils3.createContext)({
   name: "StepFormContext",
   errorMessage: "useStepFormContext: `context` is undefined. Seems you forgot to wrap step form components in `<StepForm />`"
 });
 function useStepForm(props) {
   const { onChange, steps: stepsOptions, resolver, ...rest } = props;
-  const stepper = core.useStepper(rest);
-  const [options, setOptions] = React11__namespace.useState(stepsOptions);
+  const stepper = (0, import_core3.useStepper)(rest);
+  const [options, setOptions] = React11.useState(stepsOptions);
   const { activeStep, isLastStep, nextStep } = stepper;
-  const [steps, updateSteps] = React11__namespace.useState({});
-  const onSubmitStep = React11__namespace.useCallback(
+  const [steps, updateSteps] = React11.useState({});
+  const onSubmitStep = React11.useCallback(
     async (data) => {
       var _a, _b;
       try {
@@ -956,7 +1163,7 @@ function useStepForm(props) {
     },
     [steps, activeStep, isLastStep]
   );
-  const getFormProps = React11__namespace.useCallback(() => {
+  const getFormProps = React11.useCallback(() => {
     const step = steps[activeStep];
     return {
       onSubmit: onSubmitStep,
@@ -967,7 +1174,7 @@ function useStepForm(props) {
       ) : void 0
     };
   }, [steps, onSubmitStep, activeStep]);
-  const updateStep = React11__namespace.useCallback(
+  const updateStep = React11.useCallback(
     (step) => {
       const stepOptions = options == null ? void 0 : options.find((s) => s.name === step.name);
       updateSteps((steps2) => {
@@ -991,9 +1198,9 @@ function useStepForm(props) {
 }
 function useFormStep(props) {
   const { name, schema, resolver, onSubmit } = props;
-  const step = core.useStep({ name });
+  const step = (0, import_core3.useStep)({ name });
   const { steps, updateStep } = useStepFormContext();
-  React11__namespace.useEffect(() => {
+  React11.useEffect(() => {
     updateStep({ name, schema, resolver, onSubmit });
   }, [name, schema]);
   return {
@@ -1001,8 +1208,11 @@ function useFormStep(props) {
     ...steps[name] || { name, schema }
   };
 }
+
+// src/step-form.tsx
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var FormStepper = (props) => {
-  const { activeIndex, setIndex } = core.useStepperContext();
+  const { activeIndex, setIndex } = (0, import_core4.useStepperContext)();
   const {
     children,
     orientation,
@@ -1013,11 +1223,11 @@ var FormStepper = (props) => {
     render,
     ...rest
   } = props;
-  const elements = React11__namespace.Children.map(children, (child) => {
-    if (React11__namespace.isValidElement(child) && (child == null ? void 0 : child.type) === FormStep) {
+  const elements = React12.Children.map(children, (child) => {
+    if (React12.isValidElement(child) && (child == null ? void 0 : child.type) === FormStep) {
       const { isCompleted } = useFormStep(child.props);
-      return /* @__PURE__ */ jsxRuntime.jsx(
-        core.StepsItem,
+      return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        import_core4.StepsItem,
         {
           render,
           name: child.props.name,
@@ -1030,12 +1240,12 @@ var FormStepper = (props) => {
     }
     return child;
   });
-  const onChange = React11__namespace.useCallback((i) => {
+  const onChange = React12.useCallback((i) => {
     setIndex(i);
     onChangeProp == null ? void 0 : onChangeProp(i);
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    core.Steps,
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_core4.Steps,
     {
       orientation,
       step: activeIndex,
@@ -1051,37 +1261,40 @@ var FormStep = (props) => {
   const { name, children, className, onSubmit, ...rest } = props;
   const step = useFormStep({ name, onSubmit });
   const { isActive } = step;
-  return isActive ? /* @__PURE__ */ jsxRuntime.jsx(react.chakra.div, { ...rest, className: utils.cx("sui-form__step", className), children }) : null;
+  return isActive ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react19.chakra.div, { ...rest, className: (0, import_utils9.cx)("sui-form__step", className), children }) : null;
 };
 FormStep.displayName = "FormStep";
 var PrevButton = (props) => {
-  const { isFirstStep, isCompleted, prevStep } = core.useStepperContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react.Button,
+  const { isFirstStep, isCompleted, prevStep } = (0, import_core4.useStepperContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_react19.Button,
     {
       isDisabled: isFirstStep || isCompleted,
       children: "Back",
       ...props,
-      className: utils.cx("sui-form__prev-button", props.className),
-      onClick: utils.callAllHandlers(props.onClick, prevStep)
+      className: (0, import_utils9.cx)("sui-form__prev-button", props.className),
+      onClick: (0, import_utils9.callAllHandlers)(props.onClick, prevStep)
     }
   );
 };
 PrevButton.displayName = "PrevButton";
 var NextButton = (props) => {
   const { label = "Next", submitLabel = "Complete", ...rest } = props;
-  const { isLastStep, isCompleted } = core.useStepperContext();
-  return /* @__PURE__ */ jsxRuntime.jsx(
+  const { isLastStep, isCompleted } = (0, import_core4.useStepperContext)();
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     SubmitButton,
     {
       ...rest,
       isDisabled: isCompleted,
-      className: utils.cx("sui-form__next-button", props.className),
+      className: (0, import_utils9.cx)("sui-form__next-button", props.className),
       children: isLastStep || isCompleted ? submitLabel : label
     }
   );
 };
 NextButton.displayName = "NextButton";
+
+// src/field-resolver.ts
+var import_utils10 = require("@chakra-ui/utils");
 var mapFields = (schema) => schema && Object.entries(schema).map(([name, { items, label, title, ...field }]) => {
   return {
     ...field,
@@ -1096,7 +1309,7 @@ var objectFieldResolver = (schema) => {
   };
   const getNestedFields = (name) => {
     var _a;
-    const field = utils.get(schema, name);
+    const field = (0, import_utils10.get)(schema, name);
     if (!field)
       return [];
     if (((_a = field.items) == null ? void 0 : _a.type) === "object") {
@@ -1108,10 +1321,13 @@ var objectFieldResolver = (schema) => {
   };
   return { getFields, getNestedFields };
 };
+
+// src/watch-field.tsx
+var import_react_hook_form7 = require("react-hook-form");
 var WatchField = (props) => {
   const { name, defaultValue, isDisabled, isExact } = props;
   const form = useFormContext();
-  const field = reactHookForm.useWatch({
+  const field = (0, import_react_hook_form7.useWatch)({
     name,
     defaultValue,
     disabled: isDisabled,
@@ -1119,7 +1335,14 @@ var WatchField = (props) => {
   });
   return props.children(field, form) || null;
 };
-var Form = react.forwardRef(
+
+// src/form.tsx
+var React13 = __toESM(require("react"));
+var import_react20 = require("@chakra-ui/react");
+var import_utils11 = require("@chakra-ui/utils");
+var import_react_hook_form8 = require("react-hook-form");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Form = (0, import_react20.forwardRef)(
   (props, ref) => {
     const {
       mode = "all",
@@ -1158,10 +1381,10 @@ var Form = react.forwardRef(
       context,
       resetOptions
     };
-    const methods = reactHookForm.useForm(form);
+    const methods = (0, import_react_hook_form8.useForm)(form);
     const { handleSubmit } = methods;
-    React11__namespace.useImperativeHandle(formRef, () => methods, [formRef, methods]);
-    React11__namespace.useEffect(() => {
+    React13.useImperativeHandle(formRef, () => methods, [formRef, methods]);
+    React13.useEffect(() => {
       let subscription;
       if (onChange) {
         subscription = methods.watch(onChange);
@@ -1170,26 +1393,26 @@ var Form = react.forwardRef(
     }, [methods, onChange]);
     let _children = children;
     if (!_children && fieldResolver) {
-      _children = /* @__PURE__ */ jsxRuntime.jsxs(FormLayout, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(AutoFields, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(SubmitButton, { ...fields == null ? void 0 : fields.submit })
+      _children = /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(FormLayout, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(AutoFields, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SubmitButton, { ...fields == null ? void 0 : fields.submit })
       ] });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       FormProvider,
       {
         ...methods,
         schema,
         fieldResolver,
         fields,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          react.chakra.form,
+        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+          import_react20.chakra.form,
           {
             ref,
             onSubmit: handleSubmit(onSubmit, onError),
             ...rest,
-            className: utils.cx("sui-form", props.className),
-            children: utils.runIfFn(_children, {
+            className: (0, import_utils11.cx)("sui-form", props.className),
+            children: (0, import_utils11.runIfFn)(_children, {
               Field,
               DisplayIf,
               ArrayField,
@@ -1203,15 +1426,19 @@ var Form = react.forwardRef(
   }
 );
 Form.displayName = "Form";
+
+// src/create-form.tsx
+var import_react21 = require("@chakra-ui/react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function createForm({
   resolver,
   fieldResolver = objectFieldResolver,
   fields
 } = {}) {
-  const DefaultForm = react.forwardRef(
+  const DefaultForm = (0, import_react21.forwardRef)(
     (props, ref) => {
       const { schema, ...rest } = props;
-      return /* @__PURE__ */ jsxRuntime.jsx(FieldsProvider, { value: fields || {}, children: /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(FieldsProvider, { value: fields || {}, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         Form,
         {
           ref,
@@ -1226,8 +1453,15 @@ function createForm({
   DefaultForm.id = "Form";
   return DefaultForm;
 }
+
+// src/create-step-form.tsx
+var import_react22 = require("react");
+var import_react23 = require("@chakra-ui/react");
+var import_core5 = require("@saas-ui/core");
+var import_utils12 = require("@chakra-ui/utils");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function createStepForm({ fields, resolver, fieldResolver } = {}) {
-  const StepForm2 = react.forwardRef((props, ref) => {
+  const StepForm2 = (0, import_react23.forwardRef)((props, ref) => {
     const { children, steps, ...rest } = props;
     const stepper = useStepForm({
       resolver,
@@ -1235,8 +1469,8 @@ function createStepForm({ fields, resolver, fieldResolver } = {}) {
       ...props
     });
     const { getFormProps, ...ctx } = stepper;
-    const context = React11.useMemo(() => ctx, [ctx]);
-    return /* @__PURE__ */ jsxRuntime.jsx(core.StepperProvider, { value: context, children: /* @__PURE__ */ jsxRuntime.jsx(StepFormProvider, { value: context, children: /* @__PURE__ */ jsxRuntime.jsx(FieldsProvider, { value: fields || {}, children: /* @__PURE__ */ jsxRuntime.jsx(Form, { ref, ...rest, ...getFormProps(), children: utils.runIfFn(children, {
+    const context = (0, import_react22.useMemo)(() => ctx, [ctx]);
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_core5.StepperProvider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(StepFormProvider, { value: context, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FieldsProvider, { value: fields || {}, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Form, { ref, ...rest, ...getFormProps(), children: (0, import_utils12.runIfFn)(children, {
       ...stepper,
       Field,
       FormStep,
@@ -1248,101 +1482,84 @@ function createStepForm({ fields, resolver, fieldResolver } = {}) {
   StepForm2.displayName = `Step${Form.displayName || Form.name}`;
   return StepForm2;
 }
+
+// src/index.ts
+var import_react_hook_form9 = require("react-hook-form");
 var Form2 = createForm();
 var StepForm = createStepForm();
-
-Object.defineProperty(exports, 'Controller', {
-  enumerable: true,
-  get: function () { return reactHookForm.Controller; }
-});
-Object.defineProperty(exports, 'appendErrors', {
-  enumerable: true,
-  get: function () { return reactHookForm.appendErrors; }
-});
-Object.defineProperty(exports, 'useController', {
-  enumerable: true,
-  get: function () { return reactHookForm.useController; }
-});
-Object.defineProperty(exports, 'useFieldArray', {
-  enumerable: true,
-  get: function () { return reactHookForm.useFieldArray; }
-});
-Object.defineProperty(exports, 'useForm', {
-  enumerable: true,
-  get: function () { return reactHookForm.useForm; }
-});
-Object.defineProperty(exports, 'useFormState', {
-  enumerable: true,
-  get: function () { return reactHookForm.useFormState; }
-});
-Object.defineProperty(exports, 'useWatch', {
-  enumerable: true,
-  get: function () { return reactHookForm.useWatch; }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ArrayField,
+  ArrayFieldAddButton,
+  ArrayFieldContainer,
+  ArrayFieldProvider,
+  ArrayFieldRemoveButton,
+  ArrayFieldRow,
+  ArrayFieldRowContainer,
+  ArrayFieldRowFields,
+  ArrayFieldRowProvider,
+  ArrayFieldRows,
+  AutoFields,
+  BaseField,
+  BaseForm,
+  CheckboxField,
+  Controller,
+  DisplayField,
+  DisplayIf,
+  Field,
+  FieldsProvider,
+  Form,
+  FormLayout,
+  FormLegend,
+  FormProvider,
+  FormStep,
+  FormStepper,
+  FormValue,
+  InputField,
+  InputRightButton,
+  NativeSelect,
+  NativeSelectField,
+  NextButton,
+  NumberInputField,
+  ObjectField,
+  PasswordInput,
+  PasswordInputField,
+  PinField,
+  PrevButton,
+  RadioField,
+  RadioInput,
+  Select,
+  SelectButton,
+  SelectField,
+  SelectList,
+  SelectOption,
+  StepForm,
+  StepFormProvider,
+  SubmitButton,
+  SwitchField,
+  TextareaField,
+  WatchField,
+  appendErrors,
+  createField,
+  createForm,
+  createStepForm,
+  defaultFieldTypes,
+  objectFieldResolver,
+  useArrayField,
+  useArrayFieldAddButton,
+  useArrayFieldContext,
+  useArrayFieldRemoveButton,
+  useArrayFieldRow,
+  useArrayFieldRowContext,
+  useController,
+  useField,
+  useFieldArray,
+  useForm,
+  useFormContext,
+  useFormState,
+  useFormStep,
+  useStepForm,
+  useStepFormContext,
+  useWatch
 });
-exports.ArrayField = ArrayField;
-exports.ArrayFieldAddButton = ArrayFieldAddButton;
-exports.ArrayFieldContainer = ArrayFieldContainer;
-exports.ArrayFieldProvider = ArrayFieldProvider;
-exports.ArrayFieldRemoveButton = ArrayFieldRemoveButton;
-exports.ArrayFieldRow = ArrayFieldRow;
-exports.ArrayFieldRowContainer = ArrayFieldRowContainer;
-exports.ArrayFieldRowFields = ArrayFieldRowFields;
-exports.ArrayFieldRowProvider = ArrayFieldRowProvider;
-exports.ArrayFieldRows = ArrayFieldRows;
-exports.AutoFields = AutoFields;
-exports.BaseField = BaseField;
-exports.BaseForm = Form;
-exports.CheckboxField = CheckboxField;
-exports.DisplayField = DisplayField;
-exports.DisplayIf = DisplayIf;
-exports.Field = Field;
-exports.FieldsProvider = FieldsProvider;
-exports.Form = Form2;
-exports.FormLayout = FormLayout;
-exports.FormLegend = FormLegend;
-exports.FormProvider = FormProvider;
-exports.FormStep = FormStep;
-exports.FormStepper = FormStepper;
-exports.FormValue = FormValue;
-exports.InputField = InputField;
-exports.InputRightButton = InputRightButton;
-exports.NativeSelect = NativeSelect;
-exports.NativeSelectField = NativeSelectField;
-exports.NextButton = NextButton;
-exports.NumberInputField = NumberInputField2;
-exports.ObjectField = ObjectField;
-exports.PasswordInput = PasswordInput;
-exports.PasswordInputField = PasswordInputField;
-exports.PinField = PinField;
-exports.PrevButton = PrevButton;
-exports.RadioField = RadioField;
-exports.RadioInput = RadioInput;
-exports.Select = Select;
-exports.SelectButton = SelectButton;
-exports.SelectField = SelectField;
-exports.SelectList = SelectList;
-exports.SelectOption = SelectOption;
-exports.StepForm = StepForm;
-exports.StepFormProvider = StepFormProvider;
-exports.SubmitButton = SubmitButton;
-exports.SwitchField = SwitchField;
-exports.TextareaField = TextareaField;
-exports.WatchField = WatchField;
-exports.createField = createField;
-exports.createForm = createForm;
-exports.createStepForm = createStepForm;
-exports.defaultFieldTypes = defaultFieldTypes;
-exports.objectFieldResolver = objectFieldResolver;
-exports.useArrayField = useArrayField;
-exports.useArrayFieldAddButton = useArrayFieldAddButton;
-exports.useArrayFieldContext = useArrayFieldContext;
-exports.useArrayFieldRemoveButton = useArrayFieldRemoveButton;
-exports.useArrayFieldRow = useArrayFieldRow;
-exports.useArrayFieldRowContext = useArrayFieldRowContext;
-exports.useField = useField;
-exports.useFormContext = useFormContext;
-exports.useFormStep = useFormStep;
-exports.useStepForm = useStepForm;
-exports.useStepFormContext = useStepFormContext;
-//# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map