@fuf-stack/uniform 0.7.0 → 0.8.0

package/dist/{chunk-Y5JGQJI7.js → chunk-GYD46GIR.js}

@@ -1,12 +1,12 @@
-import {
-  FieldValidationError_default
-} from "./chunk-DBLODROX.js";
 import {
   FieldCopyTestIdButton_default
 } from "./chunk-T3CCNJHK.js";
+import {
+  FieldValidationError_default
+} from "./chunk-DBLODROX.js";
 import {
   useFormContext
-} from "./chunk-BCMPSLSG.js";
+} from "./chunk-BNJP47R7.js";
 
 // src/Input/Input.tsx
 import { Controller } from "react-hook-form";
@@ -78,4 +78,4 @@ export {
   Input_default,
   Input_default2
 };
-//# sourceMappingURL=chunk-Y5JGQJI7.js.map
+//# sourceMappingURL=chunk-GYD46GIR.js.map

package/dist/chunk-J5IMU4UG.cjs

@@ -0,0 +1,128 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkBBB4FEY6cjs = require('./chunk-BBB4FEY6.cjs');
+
+// src/hooks/useFormContext/useFormContext.ts
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _reacthookform = require('react-hook-form');
+
+// src/Form/subcomponents/FormContext.tsx
+
+
+var _jsxruntime = require('react/jsx-runtime');
+var removeNullishFields = (obj) => {
+  return JSON.parse(
+    JSON.stringify(obj, (_key, value) => {
+      return value === null ? void 0 : value;
+    })
+  );
+};
+var UniformContext = _react2.default.createContext(void 0);
+var FormProvider = ({
+  children,
+  initialValues = void 0,
+  onSubmit,
+  validation = void 0,
+  validationTrigger
+}) => {
+  const [canSubmit, setCanSubmit] = _react.useState.call(void 0, true);
+  const contextValue = _react.useMemo.call(void 0, 
+    () => ({ canSubmit, setCanSubmit, validation }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [canSubmit]
+  );
+  const methods = _reacthookform.useForm.call(void 0, {
+    defaultValues: initialValues,
+    // add validation config when validation schema provided
+    ...validation ? {
+      // set rhf mode
+      // see: https://react-hook-form.com/docs/useform#mode
+      mode: validationTrigger,
+      resolver: async (values) => {
+        const { data, errors, ...rest } = await validation.validateAsync(
+          removeNullishFields(values)
+        );
+        return { values: data || {}, errors: errors || {}, ...rest };
+      }
+    } : {}
+  });
+  const handleSubmit = async (e) => {
+    if (!canSubmit) {
+      console.warn(
+        "[FormProvider] form submit was canceled canSubmit is false..."
+      );
+      return;
+    }
+    await methods.handleSubmit(onSubmit)(e);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, UniformContext.Provider, { value: contextValue, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacthookform.FormProvider, { ...methods, children: children({ handleSubmit }) }) });
+};
+var FormContext_default = FormProvider;
+
+// src/hooks/useFormContext/useFormContext.ts
+var recursiveSearchInnerType = (schema) => {
+  let currentSchema = schema;
+  while (_optionalChain([currentSchema, 'optionalAccess', _ => _._def, 'optionalAccess', _2 => _2.innerType])) {
+    currentSchema = currentSchema._def.innerType;
+    if (_optionalChain([currentSchema, 'optionalAccess', _3 => _3._def, 'optionalAccess', _4 => _4.typeName]) === "ZodOptional") {
+      return false;
+    }
+  }
+  return true;
+};
+var recursiveFieldKeySearch = (schema, path) => {
+  const [current, ...rest] = path;
+  let currentSchema = schema;
+  if (_optionalChain([schema, 'optionalAccess', _5 => _5._def, 'optionalAccess', _6 => _6.typeName]) === "ZodOptional") {
+    currentSchema = schema.unwrap();
+  }
+  if (_optionalChain([schema, 'optionalAccess', _7 => _7._def, 'optionalAccess', _8 => _8.typeName]) === "ZodEffects") {
+    return recursiveFieldKeySearch(schema._def.schema, path);
+  }
+  if (_optionalChain([currentSchema, 'optionalAccess', _9 => _9._def, 'optionalAccess', _10 => _10.typeName]) === "ZodIntersection") {
+    return (_optionalChain([currentSchema, 'access', _11 => _11._def, 'access', _12 => _12.left, 'optionalAccess', _13 => _13.schema]) ? recursiveFieldKeySearch(currentSchema._def.left.schema, path) : recursiveFieldKeySearch(currentSchema._def.left, path)) || (_optionalChain([currentSchema, 'access', _14 => _14._def, 'access', _15 => _15.right, 'optionalAccess', _16 => _16.schema]) ? recursiveFieldKeySearch(currentSchema._def.right.schema, path) : recursiveFieldKeySearch(currentSchema._def.right, path));
+  }
+  const shape = _nullishCoalesce(_optionalChain([currentSchema, 'optionalAccess', _17 => _17.shape]), () => ( _optionalChain([currentSchema, 'optionalAccess', _18 => _18.element, 'optionalAccess', _19 => _19.shape])));
+  if (shape && shape[current]) {
+    if (rest.length === 0) {
+      return _optionalChain([shape, 'access', _20 => _20[current], 'optionalAccess', _21 => _21._def, 'optionalAccess', _22 => _22.typeName]) !== "ZodOptional" && recursiveSearchInnerType(shape[current]);
+    }
+    return recursiveFieldKeySearch(shape[current], rest);
+  }
+  return null;
+};
+var useFormContext = () => {
+  const {
+    formState,
+    // https://react-hook-form.com/docs/useform/getfieldstate
+    // for getFieldState a subscription to formState properties is needed!
+    getFieldState: getFieldStateOrig,
+    ...otherMethods
+  } = _reacthookform.useFormContext.call(void 0, );
+  const uniformContext = _react.useContext.call(void 0, UniformContext);
+  const getFieldState = (name, testId) => {
+    const fieldPath = typeof name === "string" ? name.replace(/\[\d+\]/g, "").split(".") : name;
+    const required = _optionalChain([uniformContext, 'optionalAccess', _23 => _23.validation]) && recursiveFieldKeySearch(uniformContext.validation.schema, fieldPath) || false;
+    const { error, ...rest } = getFieldStateOrig(name, formState);
+    return {
+      ...rest,
+      error,
+      // Ensure correct type for error
+      required,
+      testId: _chunkBBB4FEY6cjs.slugify.call(void 0, testId || name)
+    };
+  };
+  return {
+    ...otherMethods,
+    ...uniformContext,
+    getFieldState,
+    formState
+  };
+};
+
+
+
+
+
+exports.FormContext_default = FormContext_default; exports.recursiveFieldKeySearch = recursiveFieldKeySearch; exports.useFormContext = useFormContext;
+//# sourceMappingURL=chunk-J5IMU4UG.cjs.map

package/dist/chunk-J5IMU4UG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-J5IMU4UG.cjs","../src/hooks/useFormContext/useFormContext.ts","../src/Form/subcomponents/FormContext.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-J5IMU4UG.cjs","sourcesContent":[null,"import type { VetoSchema } from '@fuf-stack/veto';\nimport type { FieldError } from 'react-hook-form';\n\nimport { useContext } from 'react';\nimport { useFormContext as useHookFormContext } from 'react-hook-form';\n\nimport { UniformContext } from '../../Form/subcomponents/FormContext';\nimport { slugify } from '../../helpers';\n\n/** Checks whether the field is an optional type by recursively checking inner types */\nconst recursiveSearchInnerType = (schema: VetoSchema): boolean => {\n  let currentSchema = schema;\n\n  // Loop through inner types to find the root type\n  while (currentSchema?._def?.innerType) {\n    currentSchema = currentSchema._def.innerType;\n    if (currentSchema?._def?.typeName === 'ZodOptional') {\n      // Stop recursion if optional is found\n      return false;\n    }\n  }\n  // If no optional was found, assume it's required\n  return true;\n};\n\n/** Recursive search to check whether a field is required or optional */\nexport const recursiveFieldKeySearch = (\n  schema: VetoSchema,\n  path: string[],\n): boolean | null => {\n  const [current, ...rest] = path;\n\n  let currentSchema = schema;\n\n  // Handle ZodOptional schema: unwrap and continue searching\n  if (schema?._def?.typeName === 'ZodOptional') {\n    // @ts-expect-error not sure here\n    currentSchema = schema.unwrap();\n  }\n\n  // Handle ZodEffects (transformations or validation effects)\n  if (schema?._def?.typeName === 'ZodEffects') {\n    // Unwrap and continue\n    return recursiveFieldKeySearch(schema._def.schema, path);\n  }\n\n  // Handle ZodIntersection (intersection types)\n  if (currentSchema?._def?.typeName === 'ZodIntersection') {\n    return (\n      (currentSchema._def.left?.schema\n        ? recursiveFieldKeySearch(currentSchema._def.left.schema, path)\n        : recursiveFieldKeySearch(currentSchema._def.left, path)) ||\n      (currentSchema._def.right?.schema\n        ? recursiveFieldKeySearch(currentSchema._def.right.schema, path)\n        : recursiveFieldKeySearch(currentSchema._def.right, path))\n    );\n  }\n\n  // Get the shape of an object or elements of an array schema\n  // @ts-expect-error not sure here\n  const shape = currentSchema?.shape ?? currentSchema?.element?.shape;\n\n  if (shape && shape[current]) {\n    if (rest.length === 0) {\n      // At the end of the path, check if the field is optional\n      return (\n        shape[current]?._def?.typeName !== 'ZodOptional' &&\n        recursiveSearchInnerType(shape[current])\n      );\n    }\n    return recursiveFieldKeySearch(shape[current], rest);\n  }\n  // Return null if field not found\n  return null;\n};\n\n/**\n * Custom hook that extends react-hook-form's useFormContext to add validation and state management.\n */\nexport const useFormContext = () => {\n  const {\n    formState,\n    // https://react-hook-form.com/docs/useform/getfieldstate\n    // for getFieldState a subscription to formState properties is needed!\n    getFieldState: getFieldStateOrig,\n    ...otherMethods\n  } = useHookFormContext();\n\n  const uniformContext = useContext(UniformContext);\n\n  /**\n   * Updated getFieldState method which returns:\n   * - Whether the field is required by checking the validation schema\n   * - Existing field state information (errors, etc.)\n   */\n  const getFieldState = (name: string, testId?: string) => {\n    const fieldPath =\n      typeof name === 'string' ? name.replace(/\\[\\d+\\]/g, '').split('.') : name;\n\n    // Check if the field is required using the validation schema\n    const required =\n      (uniformContext?.validation &&\n        recursiveFieldKeySearch(uniformContext.validation.schema, fieldPath)) ||\n      false;\n\n    // Get the original field state (errors, etc.) from react-hook-form\n    const { error, ...rest } = getFieldStateOrig(name, formState);\n\n    return {\n      ...rest,\n      error: error as FieldError[] | undefined, // Ensure correct type for error\n      required,\n      testId: slugify(testId || name),\n    };\n  };\n\n  return {\n    ...otherMethods,\n    ...uniformContext,\n    getFieldState,\n    formState,\n  };\n};\n","import type { VetoInstance } from '@fuf-stack/veto';\nimport type { ReactNode } from 'react';\nimport type { FieldValues, SubmitHandler } from 'react-hook-form';\n\nimport React, { useMemo, useState } from 'react';\nimport { FormProvider as HookFormProvider, useForm } from 'react-hook-form';\n\n/**\n * recursively removes all fields that are null or undefined before\n * the form data is passed to the veto validation function\n */\nexport const removeNullishFields = (obj: Record<string, unknown>) => {\n  return JSON.parse(\n    JSON.stringify(obj, (_key, value) => {\n      return value === null ? undefined : value;\n    }),\n  );\n};\n\n/**\n * The `UniformContext` provides the form submission state (`canSubmit`) and the ability to control\n * submission behavior (`setCanSubmit`). Additionally, it may provide an optional `validation` schema\n * (from Veto) for form validation purposes.\n *\n * This context is used by components that need to control or be aware of the form submission state,\n * or that require access to the validation schema for managing validation logic.\n *\n * The context's default value is `undefined` until provided by the `FormProvider` component.\n */\nexport const UniformContext = React.createContext<\n  | {\n      /** Whether the form can be submitted */\n      canSubmit: boolean;\n      /** Function to update the form's submission state (enabled/disabled) */\n      setCanSubmit: React.Dispatch<React.SetStateAction<boolean>>;\n      /** Optional Veto validation schema instance for form validation */\n      validation?: VetoInstance;\n    }\n  | undefined\n>(undefined);\n\n// Define props for the FormProvider component, extending HookForm's props\ninterface FormProviderProps {\n  /** children form render function */\n  children: (childProps: {\n    handleSubmit: (e?: React.BaseSyntheticEvent) => Promise<void>;\n  }) => ReactNode;\n  /** initial form values */\n  initialValues?: FieldValues;\n  /** form submit handler */\n  onSubmit: SubmitHandler<FieldValues>;\n  /** Veto validation schema instance */\n  validation?: VetoInstance;\n  /** when the validation should be triggered */\n  validationTrigger: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';\n}\n\n/**\n * FormProvider component provides both:\n * 1. The veto validation schema context\n * 2. The form submission control context\n */\nconst FormProvider: React.FC<FormProviderProps> = ({\n  children,\n  initialValues = undefined,\n  onSubmit,\n  validation = undefined,\n  validationTrigger,\n}) => {\n  // Local state to control if form can be submitted\n  const [canSubmit, setCanSubmit] = useState(true);\n\n  // Memoize the context value to prevent re-renders\n  const contextValue = useMemo(\n    () => ({ canSubmit, setCanSubmit, validation }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [canSubmit],\n  );\n\n  // Initialize react hook form\n  const methods = useForm({\n    defaultValues: initialValues,\n    // add validation config when validation schema provided\n    ...(validation\n      ? {\n          // set rhf mode\n          // see: https://react-hook-form.com/docs/useform#mode\n          mode: validationTrigger,\n          resolver: async (values) => {\n            const { data, errors, ...rest } = await validation.validateAsync(\n              removeNullishFields(values),\n            );\n            // https://github.com/react-hook-form/resolvers/blob/master/zod/src/zod.ts\n            return { values: data || {}, errors: errors || {}, ...rest };\n          },\n        }\n      : {}),\n  });\n\n  // Create submit handler\n  const handleSubmit = async (e?: React.BaseSyntheticEvent) => {\n    if (!canSubmit) {\n      console.warn(\n        '[FormProvider] form submit was canceled canSubmit is false...',\n      );\n      return;\n    }\n    await methods.handleSubmit(onSubmit)(e);\n  };\n\n  return (\n    <UniformContext.Provider value={contextValue}>\n      {/* Spread all hook form props into HookFormProvider */}\n      {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n      <HookFormProvider {...methods}>\n        {children({ handleSubmit })}\n      </HookFormProvider>\n    </UniformContext.Provider>\n  );\n};\n\nexport default FormProvider;\n"]}

package/dist/{chunk-UDRSTJBU.js → chunk-PHFPS7PC.js}

@@ -1,12 +1,12 @@
-import {
-  FieldValidationError_default
-} from "./chunk-DBLODROX.js";
 import {
   FieldCopyTestIdButton_default
 } from "./chunk-T3CCNJHK.js";
+import {
+  FieldValidationError_default
+} from "./chunk-DBLODROX.js";
 import {
   useFormContext
-} from "./chunk-BCMPSLSG.js";
+} from "./chunk-BNJP47R7.js";
 
 // src/TextArea/TextArea.tsx
 import { Controller } from "react-hook-form";
@@ -73,4 +73,4 @@ export {
   TextArea_default,
   TextArea_default2
 };
-//# sourceMappingURL=chunk-UDRSTJBU.js.map
+//# sourceMappingURL=chunk-PHFPS7PC.js.map

package/dist/{chunk-EHPYBNHC.js → chunk-QTDKBHZP.js}

@@ -1,12 +1,12 @@
-import {
-  FieldValidationError_default
-} from "./chunk-DBLODROX.js";
 import {
   FieldCopyTestIdButton_default
 } from "./chunk-T3CCNJHK.js";
+import {
+  FieldValidationError_default
+} from "./chunk-DBLODROX.js";
 import {
   useFormContext
-} from "./chunk-BCMPSLSG.js";
+} from "./chunk-BNJP47R7.js";
 
 // src/Select/Select.tsx
 import { Controller } from "react-hook-form";
@@ -236,4 +236,4 @@ export {
   Select_default,
   Select_default2
 };
-//# sourceMappingURL=chunk-EHPYBNHC.js.map
+//# sourceMappingURL=chunk-QTDKBHZP.js.map

package/dist/{chunk-Y4CFVCUN.js → chunk-TFDWXKS6.js}

@@ -1,13 +1,12 @@
 import {
   FormContext_default,
   useFormContext
-} from "./chunk-BCMPSLSG.js";
+} from "./chunk-BNJP47R7.js";
 import {
   slugify
 } from "./chunk-V46BHM2U.js";
 
 // src/Form/Form.tsx
-import { useForm } from "react-hook-form";
 import { cn as cn2 } from "@fuf-stack/pixel-utils";
 
 // src/Form/subcomponents/FormDebugViewer.tsx
@@ -104,13 +103,6 @@ var FormDebugViewer_default = FormDebugViewer;
 
 // src/Form/Form.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var removeNullishFields = (obj) => {
-  return JSON.parse(
-    JSON.stringify(obj, (_key, value) => {
-      return value === null ? void 0 : value;
-    })
-  );
-};
 var Form = ({
   children,
   className = void 0,
@@ -121,38 +113,28 @@ var Form = ({
   validation = void 0,
   validationTrigger = "all"
 }) => {
-  const methods = useForm(
-    validation ? {
-      defaultValues: initialValues,
-      resolver: async (values) => {
-        const { data, errors, ...rest } = await validation.validateAsync(
-          removeNullishFields(values)
-        );
-        return { values: data || {}, errors: errors || {}, ...rest };
-      },
-      // set rhf mode
-      // see: https://react-hook-form.com/docs/useform#mode
-      mode: validationTrigger
-    } : {
-      defaultValues: initialValues
+  return /* @__PURE__ */ jsx2(
+    FormContext_default,
+    {
+      initialValues,
+      onSubmit,
+      validation,
+      validationTrigger,
+      children: ({ handleSubmit }) => /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-row justify-between gap-6", children: [
+        /* @__PURE__ */ jsx2(
+          "form",
+          {
+            className: cn2("flex-grow", className),
+            "data-testid": slugify(testId || name || ""),
+            name,
+            onSubmit: handleSubmit,
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx2(FormDebugViewer_default, { className: "w-96 flex-shrink" })
+      ] })
     }
   );
-  return (
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    /* @__PURE__ */ jsx2(FormContext_default, { ...methods, validation, children: /* @__PURE__ */ jsxs2("div", { className: "flex w-full flex-row justify-between gap-6", children: [
-      /* @__PURE__ */ jsx2(
-        "form",
-        {
-          className: cn2("flex-grow", className),
-          "data-testid": slugify(testId || name || ""),
-          name,
-          onSubmit: methods.handleSubmit(onSubmit),
-          children
-        }
-      ),
-      /* @__PURE__ */ jsx2(FormDebugViewer_default, { className: "w-96 flex-shrink" })
-    ] }) })
-  );
 };
 var Form_default = Form;
 
@@ -163,4 +145,4 @@ export {
   Form_default,
   Form_default2
 };
-//# sourceMappingURL=chunk-Y4CFVCUN.js.map
+//# sourceMappingURL=chunk-TFDWXKS6.js.map

package/dist/chunk-TFDWXKS6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Form/Form.tsx","../src/Form/subcomponents/FormDebugViewer.tsx","../src/Form/index.ts"],"sourcesContent":["import type { VetoInstance } from '@fuf-stack/veto';\nimport type { ReactNode } from 'react';\nimport type { FieldValues, SubmitHandler } from 'react-hook-form';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { slugify } from '../helpers';\nimport FormProvider from './subcomponents/FormContext';\nimport FormDebugViewer from './subcomponents/FormDebugViewer';\n\nexport interface FormProps {\n  /** form children */\n  children: ReactNode | ReactNode[];\n  /** CSS class name */\n  className?: string | string[];\n  /** initial form values */\n  initialValues?: FieldValues;\n  /** name of the form */\n  name?: string;\n  /** form submit handler */\n  onSubmit: SubmitHandler<FieldValues>;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** veto validation schema */\n  validation?: VetoInstance;\n  /** when the validation should be triggered */\n  validationTrigger?: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';\n}\n\n/**\n * Form component that has to wrap every uniform\n */\nconst Form = ({\n  children,\n  className = undefined,\n  initialValues = undefined,\n  name = undefined,\n  onSubmit,\n  testId = undefined,\n  validation = undefined,\n  validationTrigger = 'all',\n}: FormProps) => {\n  return (\n    <FormProvider\n      initialValues={initialValues}\n      onSubmit={onSubmit}\n      validation={validation}\n      validationTrigger={validationTrigger}\n    >\n      {({ handleSubmit }) => (\n        <div className=\"flex w-full flex-row justify-between gap-6\">\n          <form\n            className={cn('flex-grow', className)}\n            data-testid={slugify(testId || name || '')}\n            name={name}\n            onSubmit={handleSubmit}\n          >\n            {children}\n          </form>\n          <FormDebugViewer className=\"w-96 flex-shrink\" />\n        </div>\n      )}\n    </FormProvider>\n  );\n};\n\nexport default Form;\n","import type { VetoError } from '@fuf-stack/veto';\n\nimport { useEffect, useState } from 'react';\nimport { FaTimes } from 'react-icons/fa';\nimport { FaBug, FaBullseye } from 'react-icons/fa6';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button, Card, Json, useLocalStorage } from '@fuf-stack/pixels';\n\nimport { useFormContext } from '../../hooks';\n\ninterface FormDebugViewerProps {\n  /** CSS class name */\n  className?: string;\n}\n\nconst LOCALSTORAGE_DEBUG_KEY = 'uniform:form-debug-enabled';\nconst LOCALSTORAGE_COPY_TEST_ID_KEY = 'uniform:form-debug-copy-test-id-enabled';\n\n/** Renders a form debug panel with information about the current form state */\nconst FormDebugViewer = ({ className = undefined }: FormDebugViewerProps) => {\n  const {\n    watch,\n    formState: { dirtyFields, isValid, isSubmitting },\n    validation,\n  } = useFormContext();\n\n  const [debug, setDebug] = useLocalStorage(LOCALSTORAGE_DEBUG_KEY, false);\n  const [copyTestId, setCopyTestId] = useLocalStorage(\n    LOCALSTORAGE_COPY_TEST_ID_KEY,\n    false,\n  );\n\n  const [validationErrors, setValidationErrors] = useState<\n    VetoError['errors'] | null\n  >(null);\n\n  const formValues = watch();\n\n  useEffect(\n    () => {\n      const updateValidationErrors = async () => {\n        if (validation) {\n          const validateResult = await validation?.validateAsync(formValues);\n          setValidationErrors(validateResult?.errors);\n        }\n      };\n      updateValidationErrors();\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [JSON.stringify(formValues)],\n  );\n\n  if (!debug) {\n    return (\n      <Button\n        ariaLabel=\"Enable form debug mode\"\n        onClick={() => setDebug(!debug)}\n        className=\"absolute bottom-2.5 right-2.5 w-5 text-default-400\"\n        variant=\"light\"\n        icon={<FaBug />}\n      />\n    );\n  }\n\n  return (\n    <Card\n      className={cn(className)}\n      header={\n        <div className=\"flex w-full flex-row justify-between\">\n          <span className=\"text-lg\">Debug Mode</span>\n          <Button\n            icon={<FaTimes className=\"text-danger\" />}\n            onClick={() => setDebug(false)}\n            size=\"sm\"\n            variant=\"flat\"\n          />\n        </div>\n      }\n    >\n      <Button\n        variant={copyTestId ? 'solid' : 'light'}\n        icon={<FaBullseye />}\n        className=\"mb-4 ml-auto mr-auto\"\n        onClick={() => setCopyTestId(!copyTestId)}\n      >\n        {copyTestId ? 'Hide CopyButton' : 'Show CopyButton'}\n      </Button>\n      <Json\n        value={{\n          values: formValues,\n          errors: validationErrors,\n          dirtyFields,\n          isValid,\n          isSubmitting,\n        }}\n      />\n    </Card>\n  );\n};\nexport default FormDebugViewer;\n","import Form from './Form';\n\nexport type { FormProps } from './Form';\n\nexport { Form };\n\nexport default Form;\n"],"mappings":"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","names":["cn","jsx","jsxs","cn","Form_default"]}

package/dist/{chunk-6NDSWWW7.cjs → chunk-UAPCZKBD.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkQTL5FREEcjs = require('./chunk-QTL5FREE.cjs');
+var _chunkKMMS4G7Acjs = require('./chunk-KMMS4G7A.cjs');
 
 
-var _chunkKMMS4G7Acjs = require('./chunk-KMMS4G7A.cjs');
+var _chunkQTL5FREEcjs = require('./chunk-QTL5FREE.cjs');
 
 
-var _chunkWQRM7G4Ccjs = require('./chunk-WQRM7G4C.cjs');
+var _chunkJ5IMU4UGcjs = require('./chunk-J5IMU4UG.cjs');
 
 // src/Switch/Switch.tsx
 var _reacthookform = require('react-hook-form');
@@ -20,7 +20,7 @@ var Switch = ({
   name,
   testId: _testId = void 0
 }) => {
-  const { control, getFieldState } = _chunkWQRM7G4Ccjs.useFormContext.call(void 0, );
+  const { control, getFieldState } = _chunkJ5IMU4UGcjs.useFormContext.call(void 0, );
   const { error, required, testId, invalid } = getFieldState(name, _testId);
   const { label, getInputProps, getHelperWrapperProps, getErrorMessageProps } = _input.useInput.call(void 0, {
     errorMessage: JSON.stringify(error),
@@ -78,4 +78,4 @@ var Switch_default2 = Switch_default;
 
 
 exports.Switch_default = Switch_default; exports.Switch_default2 = Switch_default2;
-//# sourceMappingURL=chunk-6NDSWWW7.cjs.map
+//# sourceMappingURL=chunk-UAPCZKBD.cjs.map

package/dist/{chunk-6NDSWWW7.cjs.map → chunk-UAPCZKBD.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-6NDSWWW7.cjs","../src/Switch/Switch.tsx","../src/Switch/index.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACVA,gDAA2B;AAE3B,0CAAyB;AACzB,4CAAqC;AAkD7B,+CAAA;AA5BR,IAAM,OAAA,EAAS,CAAC;AAAA,EACd,SAAA;AAAA,EACA,SAAA,EAAW,KAAA;AAAA,EACX,KAAA,EAAO,OAAA,EAAS,KAAA,CAAA;AAAA,EAChB,IAAA;AAAA,EACA,MAAA,EAAQ,QAAA,EAAU,KAAA;AACpB,CAAA,EAAA,GAAmB;AACjB,EAAA,MAAM,EAAE,OAAA,EAAS,cAAc,EAAA,EAAI,8CAAA,CAAe;AAClD,EAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAU,MAAA,EAAQ,QAAQ,EAAA,EAAI,aAAA,CAAc,IAAA,EAAM,OAAO,CAAA;AAExE,EAAA,MAAM,EAAE,KAAA,EAAO,aAAA,EAAe,qBAAA,EAAuB,qBAAqB,EAAA,EACxE,6BAAA;AAAS,IACP,YAAA,EAAc,IAAA,CAAK,SAAA,CAAU,KAAK,CAAA;AAAA,IAClC,SAAA,EAAW,OAAA;AAAA,IACX,UAAA,EAAY,QAAA;AAAA,IACZ,KAAA,EAAO,MAAA;AAAA,IACP,cAAA,EAAgB,SAAA;AAAA,IAChB,WAAA,EAAa;AAAA,EACf,CAAC,CAAA;AAEH,EAAA,uBACE,6BAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA,EAAQ,CAAC;AAAA,QACP,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAY,KAAA,EAAO,GAAA,EAAK,MAAA,EAAQ,SAAS;AAAA,MAC9D,CAAA,EAAA,mBACE,8BAAA,oBAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,8BAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,kBAAA,EAAkB,aAAA,CAAc,CAAA,CAAE,kBAAkB,CAAA;AAAA,YACpD,QAAA;AAAA,YACA,UAAA,EAAY,CAAC,CAAC,KAAA;AAAA,YACd,SAAA;AAAA,YACA,UAAA,EAAY;AAAA,cACV,KAAA,EAAO,CAAA,yCAAA,EAA4C,QAAA,EAAU,cAAA,EAAgB,EAAE,CAAA;AAAA,YAAA;AACjF,YAAA;AACa,YAAA;AACb,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AAEC,cAAA;AAAA,cAAA;AAE2C,8BAAA;AAEL,YAAA;AAAA,UAAA;AAAA,QAAA;AACzC,QAAA;AACC,wBAAA;AAOC,MAAA;AAEJ,IAAA;AAAA,EAAA;AAIR;AAEA;ADnBA;AACA;AEnEA;AFqEA;AACA;AACA;AACA;AACA","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-6NDSWWW7.cjs","sourcesContent":[null,"import { Controller } from 'react-hook-form';\n\nimport { useInput } from '@nextui-org/input';\nimport { Switch as NextSwitch } from '@nextui-org/switch';\n\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport interface SwitchProps {\n  /** CSS class name */\n  className: string;\n  /** whether the select should be disabled */\n  disabled?: boolean;\n  /** component displayed next to the switch. */\n  label: React.ReactNode;\n  /** name the field is registered under */\n  name: string;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n *  Switch component based on [NextUI Switch](https://nextui.org/docs/components/switch)\n */\nconst Switch = ({\n  className,\n  disabled = false,\n  label: _label = undefined,\n  name,\n  testId: _testId = undefined,\n}: SwitchProps) => {\n  const { control, getFieldState } = useFormContext();\n  const { error, required, testId, invalid } = getFieldState(name, _testId);\n\n  const { label, getInputProps, getHelperWrapperProps, getErrorMessageProps } =\n    useInput({\n      errorMessage: JSON.stringify(error),\n      isInvalid: invalid,\n      isRequired: required,\n      label: _label,\n      labelPlacement: 'outside',\n      placeholder: ' ',\n    });\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      disabled={disabled}\n      render={({\n        field: { disabled: isDisabled, value, ref, onBlur, onChange },\n      }) => (\n        <>\n          <NextSwitch\n            aria-describedby={getInputProps()['aria-describedby']}\n            required={required}\n            isSelected={!!value}\n            className={className}\n            classNames={{\n              label: `text-bold block text-ellipsis text-small ${invalid ? 'text-danger' : ''}`,\n            }}\n            data-testid={testId}\n            isDisabled={isDisabled}\n            value={value}\n            onChange={onChange}\n            onBlur={onBlur}\n            name={name}\n            ref={ref}\n          >\n            {label}\n            {!!required && !!_label && (\n              <span className=\"!text-danger\">{' \\u002A'}</span>\n            )}\n            <FieldCopyTestIdButton testId={testId} />\n          </NextSwitch>\n          {error && (\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            <div {...getHelperWrapperProps()}>\n              {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n              <div {...getErrorMessageProps()}>\n                <FieldValidationError error={error} />\n              </div>\n            </div>\n          )}\n        </>\n      )}\n    />\n  );\n};\n\nexport default Switch;\n","import Switch from './Switch';\n\nexport type { SwitchProps } from './Switch';\n\nexport { Switch };\n\nexport default Switch;\n"]}
+{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-UAPCZKBD.cjs","../src/Switch/Switch.tsx","../src/Switch/index.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACA;ACVA,gDAA2B;AAE3B,0CAAyB;AACzB,4CAAqC;AAkD7B,+CAAA;AA5BR,IAAM,OAAA,EAAS,CAAC;AAAA,EACd,SAAA;AAAA,EACA,SAAA,EAAW,KAAA;AAAA,EACX,KAAA,EAAO,OAAA,EAAS,KAAA,CAAA;AAAA,EAChB,IAAA;AAAA,EACA,MAAA,EAAQ,QAAA,EAAU,KAAA;AACpB,CAAA,EAAA,GAAmB;AACjB,EAAA,MAAM,EAAE,OAAA,EAAS,cAAc,EAAA,EAAI,8CAAA,CAAe;AAClD,EAAA,MAAM,EAAE,KAAA,EAAO,QAAA,EAAU,MAAA,EAAQ,QAAQ,EAAA,EAAI,aAAA,CAAc,IAAA,EAAM,OAAO,CAAA;AAExE,EAAA,MAAM,EAAE,KAAA,EAAO,aAAA,EAAe,qBAAA,EAAuB,qBAAqB,EAAA,EACxE,6BAAA;AAAS,IACP,YAAA,EAAc,IAAA,CAAK,SAAA,CAAU,KAAK,CAAA;AAAA,IAClC,SAAA,EAAW,OAAA;AAAA,IACX,UAAA,EAAY,QAAA;AAAA,IACZ,KAAA,EAAO,MAAA;AAAA,IACP,cAAA,EAAgB,SAAA;AAAA,IAChB,WAAA,EAAa;AAAA,EACf,CAAC,CAAA;AAEH,EAAA,uBACE,6BAAA;AAAA,IAAC,yBAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,MAAA,EAAQ,CAAC;AAAA,QACP,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAY,KAAA,EAAO,GAAA,EAAK,MAAA,EAAQ,SAAS;AAAA,MAC9D,CAAA,EAAA,mBACE,8BAAA,oBAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,8BAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,kBAAA,EAAkB,aAAA,CAAc,CAAA,CAAE,kBAAkB,CAAA;AAAA,YACpD,QAAA;AAAA,YACA,UAAA,EAAY,CAAC,CAAC,KAAA;AAAA,YACd,SAAA;AAAA,YACA,UAAA,EAAY;AAAA,cACV,KAAA,EAAO,CAAA,yCAAA,EAA4C,QAAA,EAAU,cAAA,EAAgB,EAAE,CAAA;AAAA,YAAA;AACjF,YAAA;AACa,YAAA;AACb,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AAEC,cAAA;AAAA,cAAA;AAE2C,8BAAA;AAEL,YAAA;AAAA,UAAA;AAAA,QAAA;AACzC,QAAA;AACC,wBAAA;AAOC,MAAA;AAEJ,IAAA;AAAA,EAAA;AAIR;AAEA;ADnBA;AACA;AEnEA;AFqEA;AACA;AACA;AACA;AACA","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-UAPCZKBD.cjs","sourcesContent":[null,"import { Controller } from 'react-hook-form';\n\nimport { useInput } from '@nextui-org/input';\nimport { Switch as NextSwitch } from '@nextui-org/switch';\n\nimport { useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport interface SwitchProps {\n  /** CSS class name */\n  className: string;\n  /** whether the select should be disabled */\n  disabled?: boolean;\n  /** component displayed next to the switch. */\n  label: React.ReactNode;\n  /** name the field is registered under */\n  name: string;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n *  Switch component based on [NextUI Switch](https://nextui.org/docs/components/switch)\n */\nconst Switch = ({\n  className,\n  disabled = false,\n  label: _label = undefined,\n  name,\n  testId: _testId = undefined,\n}: SwitchProps) => {\n  const { control, getFieldState } = useFormContext();\n  const { error, required, testId, invalid } = getFieldState(name, _testId);\n\n  const { label, getInputProps, getHelperWrapperProps, getErrorMessageProps } =\n    useInput({\n      errorMessage: JSON.stringify(error),\n      isInvalid: invalid,\n      isRequired: required,\n      label: _label,\n      labelPlacement: 'outside',\n      placeholder: ' ',\n    });\n\n  return (\n    <Controller\n      name={name}\n      control={control}\n      disabled={disabled}\n      render={({\n        field: { disabled: isDisabled, value, ref, onBlur, onChange },\n      }) => (\n        <>\n          <NextSwitch\n            aria-describedby={getInputProps()['aria-describedby']}\n            required={required}\n            isSelected={!!value}\n            className={className}\n            classNames={{\n              label: `text-bold block text-ellipsis text-small ${invalid ? 'text-danger' : ''}`,\n            }}\n            data-testid={testId}\n            isDisabled={isDisabled}\n            value={value}\n            onChange={onChange}\n            onBlur={onBlur}\n            name={name}\n            ref={ref}\n          >\n            {label}\n            {!!required && !!_label && (\n              <span className=\"!text-danger\">{' \\u002A'}</span>\n            )}\n            <FieldCopyTestIdButton testId={testId} />\n          </NextSwitch>\n          {error && (\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            <div {...getHelperWrapperProps()}>\n              {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n              <div {...getErrorMessageProps()}>\n                <FieldValidationError error={error} />\n              </div>\n            </div>\n          )}\n        </>\n      )}\n    />\n  );\n};\n\nexport default Switch;\n","import Switch from './Switch';\n\nexport type { SwitchProps } from './Switch';\n\nexport { Switch };\n\nexport default Switch;\n"]}

package/dist/{chunk-LIKSUWSM.js → chunk-UPMPPGVK.js}

@@ -1,12 +1,12 @@
-import {
-  FieldValidationError_default
-} from "./chunk-DBLODROX.js";
 import {
   FieldCopyTestIdButton_default
 } from "./chunk-T3CCNJHK.js";
+import {
+  FieldValidationError_default
+} from "./chunk-DBLODROX.js";
 import {
   useFormContext
-} from "./chunk-BCMPSLSG.js";
+} from "./chunk-BNJP47R7.js";
 
 // src/Switch/Switch.tsx
 import { Controller } from "react-hook-form";
@@ -78,4 +78,4 @@ export {
   Switch_default,
   Switch_default2
 };
-//# sourceMappingURL=chunk-LIKSUWSM.js.map
+//# sourceMappingURL=chunk-UPMPPGVK.js.map

package/dist/{chunk-36F7BWKL.js → chunk-XEX4SQAM.js}

@@ -1,12 +1,12 @@
-import {
-  FieldValidationError_default
-} from "./chunk-DBLODROX.js";
 import {
   FieldCopyTestIdButton_default
 } from "./chunk-T3CCNJHK.js";
+import {
+  FieldValidationError_default
+} from "./chunk-DBLODROX.js";
 import {
   useFormContext
-} from "./chunk-BCMPSLSG.js";
+} from "./chunk-BNJP47R7.js";
 import {
   slugify
 } from "./chunk-V46BHM2U.js";
@@ -202,4 +202,4 @@ export {
   RadioGroup_default,
   RadioGroup_default2
 };
-//# sourceMappingURL=chunk-36F7BWKL.js.map
+//# sourceMappingURL=chunk-XEX4SQAM.js.map

package/dist/{chunk-KGHLS6DM.js → chunk-ZCHYXHBI.js}

@@ -1,12 +1,12 @@
-import {
-  FieldValidationError_default
-} from "./chunk-DBLODROX.js";
 import {
   FieldCopyTestIdButton_default
 } from "./chunk-T3CCNJHK.js";
+import {
+  FieldValidationError_default
+} from "./chunk-DBLODROX.js";
 import {
   useFormContext
-} from "./chunk-BCMPSLSG.js";
+} from "./chunk-BNJP47R7.js";
 import {
   slugify
 } from "./chunk-V46BHM2U.js";
@@ -93,4 +93,4 @@ export {
   CheckboxGroup_default,
   CheckboxGroup_default2
 };
-//# sourceMappingURL=chunk-KGHLS6DM.js.map
+//# sourceMappingURL=chunk-ZCHYXHBI.js.map

package/dist/hooks/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkWQRM7G4Ccjs = require('../chunk-WQRM7G4C.cjs');
+var _chunkJ5IMU4UGcjs = require('../chunk-J5IMU4UG.cjs');
 require('../chunk-BBB4FEY6.cjs');
 
 
 
-exports.recursiveFieldKeySearch = _chunkWQRM7G4Ccjs.recursiveFieldKeySearch; exports.useFormContext = _chunkWQRM7G4Ccjs.useFormContext;
+exports.recursiveFieldKeySearch = _chunkJ5IMU4UGcjs.recursiveFieldKeySearch; exports.useFormContext = _chunkJ5IMU4UGcjs.useFormContext;
 //# sourceMappingURL=index.cjs.map

package/dist/hooks/index.d.cts

@@ -1,11 +1,14 @@
-import * as react_hook_form from 'react-hook-form';
-import { FieldError } from 'react-hook-form';
 import * as _fuf_stack_veto from '@fuf-stack/veto';
 import { VetoSchema } from '@fuf-stack/veto';
-import * as _fuf_stack_veto_dist_types_d_2kF2Yz_2 from '@fuf-stack/veto/dist/types.d-2kF2Yz_2';
+import * as react from 'react';
+import * as react_hook_form from 'react-hook-form';
+import { FieldError } from 'react-hook-form';
 
+/** Recursive search to check whether a field is required or optional */
 declare const recursiveFieldKeySearch: (schema: VetoSchema, path: string[]) => boolean | null;
-/** TODO: add description */
+/**
+ * Custom hook that extends react-hook-form's useFormContext to add validation and state management.
+ */
 declare const useFormContext: () => {
     getFieldState: (name: string, testId?: string) => {
         error: FieldError[] | undefined;
@@ -16,12 +19,10 @@ declare const useFormContext: () => {
         isTouched: boolean;
         isValidating: boolean;
     };
-    validation: {
-        schema: _fuf_stack_veto_dist_types_d_2kF2Yz_2.a;
-        validate: <InputType extends _fuf_stack_veto.VetoInput>(input: InputType) => _fuf_stack_veto.VetoError | _fuf_stack_veto.VetoSuccess<any>;
-        validateAsync: <InputType extends _fuf_stack_veto.VetoInput>(input: InputType) => Promise<_fuf_stack_veto.VetoError | _fuf_stack_veto.VetoSuccess<any>>;
-    } | undefined;
     formState: react_hook_form.FormState<react_hook_form.FieldValues>;
+    canSubmit?: boolean | undefined;
+    setCanSubmit?: react.Dispatch<react.SetStateAction<boolean>> | undefined;
+    validation?: _fuf_stack_veto.VetoInstance;
     watch: react_hook_form.UseFormWatch<react_hook_form.FieldValues>;
     getValues: react_hook_form.UseFormGetValues<react_hook_form.FieldValues>;
     setError: react_hook_form.UseFormSetError<react_hook_form.FieldValues>;

package/dist/hooks/index.d.ts

@@ -1,11 +1,14 @@
-import * as react_hook_form from 'react-hook-form';
-import { FieldError } from 'react-hook-form';
 import * as _fuf_stack_veto from '@fuf-stack/veto';
 import { VetoSchema } from '@fuf-stack/veto';
-import * as _fuf_stack_veto_dist_types_d_2kF2Yz_2 from '@fuf-stack/veto/dist/types.d-2kF2Yz_2';
+import * as react from 'react';
+import * as react_hook_form from 'react-hook-form';
+import { FieldError } from 'react-hook-form';
 
+/** Recursive search to check whether a field is required or optional */
 declare const recursiveFieldKeySearch: (schema: VetoSchema, path: string[]) => boolean | null;
-/** TODO: add description */
+/**
+ * Custom hook that extends react-hook-form's useFormContext to add validation and state management.
+ */
 declare const useFormContext: () => {
     getFieldState: (name: string, testId?: string) => {
         error: FieldError[] | undefined;
@@ -16,12 +19,10 @@ declare const useFormContext: () => {
         isTouched: boolean;
         isValidating: boolean;
     };
-    validation: {
-        schema: _fuf_stack_veto_dist_types_d_2kF2Yz_2.a;
-        validate: <InputType extends _fuf_stack_veto.VetoInput>(input: InputType) => _fuf_stack_veto.VetoError | _fuf_stack_veto.VetoSuccess<any>;
-        validateAsync: <InputType extends _fuf_stack_veto.VetoInput>(input: InputType) => Promise<_fuf_stack_veto.VetoError | _fuf_stack_veto.VetoSuccess<any>>;
-    } | undefined;
     formState: react_hook_form.FormState<react_hook_form.FieldValues>;
+    canSubmit?: boolean | undefined;
+    setCanSubmit?: react.Dispatch<react.SetStateAction<boolean>> | undefined;
+    validation?: _fuf_stack_veto.VetoInstance;
     watch: react_hook_form.UseFormWatch<react_hook_form.FieldValues>;
     getValues: react_hook_form.UseFormGetValues<react_hook_form.FieldValues>;
     setError: react_hook_form.UseFormSetError<react_hook_form.FieldValues>;

package/dist/hooks/index.js

@@ -1,7 +1,7 @@
 import {
   recursiveFieldKeySearch,
   useFormContext
-} from "../chunk-BCMPSLSG.js";
+} from "../chunk-BNJP47R7.js";
 import "../chunk-V46BHM2U.js";
 export {
   recursiveFieldKeySearch,

package/dist/index.cjs

@@ -1,43 +1,43 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk2BQWUW2Fcjs = require('./chunk-2BQWUW2F.cjs');
+var _chunk7HXB2552cjs = require('./chunk-7HXB2552.cjs');
 
 
-var _chunk6NDSWWW7cjs = require('./chunk-6NDSWWW7.cjs');
+var _chunkUAPCZKBDcjs = require('./chunk-UAPCZKBD.cjs');
 
 
-var _chunkVXVDNHDVcjs = require('./chunk-VXVDNHDV.cjs');
+var _chunkDS4ALUMKcjs = require('./chunk-DS4ALUMK.cjs');
 
 
-var _chunkMV4JFCOJcjs = require('./chunk-MV4JFCOJ.cjs');
+var _chunkEWFS7ZAGcjs = require('./chunk-EWFS7ZAG.cjs');
 
 
-var _chunkZVBX5EKBcjs = require('./chunk-ZVBX5EKB.cjs');
+var _chunk3ROKDX67cjs = require('./chunk-3ROKDX67.cjs');
 
 
-var _chunkJFCOC5TWcjs = require('./chunk-JFCOC5TW.cjs');
+var _chunkC33YNBBZcjs = require('./chunk-C33YNBBZ.cjs');
 
 
 var _chunk6GN255GPcjs = require('./chunk-6GN255GP.cjs');
 
 
-var _chunkOFKYZAVGcjs = require('./chunk-OFKYZAVG.cjs');
+var _chunkAASC67WZcjs = require('./chunk-AASC67WZ.cjs');
 
 
-var _chunkG7FQPNDQcjs = require('./chunk-G7FQPNDQ.cjs');
+var _chunkDBJCKVYNcjs = require('./chunk-DBJCKVYN.cjs');
 
 
-var _chunkQTL5FREEcjs = require('./chunk-QTL5FREE.cjs');
+var _chunkDVWR5KIGcjs = require('./chunk-DVWR5KIG.cjs');
 
 
 var _chunkKMMS4G7Acjs = require('./chunk-KMMS4G7A.cjs');
 
 
-var _chunkXJ3JTLXZcjs = require('./chunk-XJ3JTLXZ.cjs');
+var _chunkQTL5FREEcjs = require('./chunk-QTL5FREE.cjs');
 
 
 
-var _chunkWQRM7G4Ccjs = require('./chunk-WQRM7G4C.cjs');
+var _chunkJ5IMU4UGcjs = require('./chunk-J5IMU4UG.cjs');
 
 
 var _chunkBBB4FEY6cjs = require('./chunk-BBB4FEY6.cjs');
@@ -57,5 +57,5 @@ var _chunkBBB4FEY6cjs = require('./chunk-BBB4FEY6.cjs');
 
 
 
-exports.CheckboxGroup = _chunkMV4JFCOJcjs.CheckboxGroup_default; exports.FieldArray = _chunkZVBX5EKBcjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkKMMS4G7Acjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkQTL5FREEcjs.FieldValidationError_default; exports.Form = _chunkJFCOC5TWcjs.Form_default; exports.Grid = _chunk6GN255GPcjs.Grid_default; exports.Input = _chunk2BQWUW2Fcjs.Input_default; exports.RadioGroup = _chunkOFKYZAVGcjs.RadioGroup_default; exports.Select = _chunkG7FQPNDQcjs.Select_default; exports.SubmitButton = _chunkXJ3JTLXZcjs.SubmitButton_default; exports.Switch = _chunk6NDSWWW7cjs.Switch_default; exports.TextArea = _chunkVXVDNHDVcjs.TextArea_default; exports.recursiveFieldKeySearch = _chunkWQRM7G4Ccjs.recursiveFieldKeySearch; exports.slugify = _chunkBBB4FEY6cjs.slugify; exports.useFormContext = _chunkWQRM7G4Ccjs.useFormContext;
+exports.CheckboxGroup = _chunkEWFS7ZAGcjs.CheckboxGroup_default; exports.FieldArray = _chunk3ROKDX67cjs.FieldArray_default; exports.FieldCopyTestIdButton = _chunkKMMS4G7Acjs.FieldCopyTestIdButton_default; exports.FieldValidationError = _chunkQTL5FREEcjs.FieldValidationError_default; exports.Form = _chunkC33YNBBZcjs.Form_default; exports.Grid = _chunk6GN255GPcjs.Grid_default; exports.Input = _chunkAASC67WZcjs.Input_default; exports.RadioGroup = _chunkDVWR5KIGcjs.RadioGroup_default; exports.Select = _chunkDBJCKVYNcjs.Select_default; exports.SubmitButton = _chunk7HXB2552cjs.SubmitButton_default; exports.Switch = _chunkUAPCZKBDcjs.Switch_default; exports.TextArea = _chunkDS4ALUMKcjs.TextArea_default; exports.recursiveFieldKeySearch = _chunkJ5IMU4UGcjs.recursiveFieldKeySearch; exports.slugify = _chunkBBB4FEY6cjs.slugify; exports.useFormContext = _chunkJ5IMU4UGcjs.useFormContext;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -17,6 +17,5 @@ import 'react-hook-form';
 import '@fuf-stack/veto';
 import 'react';
 import 'slug';
-import '@fuf-stack/veto/dist/types.d-2kF2Yz_2';
 import 'react-select';
 import '@fuf-stack/pixels';