@fuf-stack/uniform 1.10.3 → 1.11.0

package/dist/index-RvYO46Vg.d.ts

@@ -0,0 +1,178 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+import "@heroui/radio";
+import * as tailwind_variants96 from "tailwind-variants";
+
+//#region src/RadioBoxes/RadioBoxes.d.ts
+declare const radioBoxesVariants: tailwind_variants96.TVReturnType<{
+  [key: string]: {
+    [key: string]: tailwind_variants96.ClassValue | {
+      base?: tailwind_variants96.ClassValue;
+      label?: tailwind_variants96.ClassValue;
+      wrapper?: tailwind_variants96.ClassValue;
+      boxBase?: tailwind_variants96.ClassValue;
+      boxControl?: tailwind_variants96.ClassValue;
+      boxDescription?: tailwind_variants96.ClassValue;
+      boxLabel?: tailwind_variants96.ClassValue;
+      boxLabelWrapper?: tailwind_variants96.ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: tailwind_variants96.ClassValue | {
+      base?: tailwind_variants96.ClassValue;
+      label?: tailwind_variants96.ClassValue;
+      wrapper?: tailwind_variants96.ClassValue;
+      boxBase?: tailwind_variants96.ClassValue;
+      boxControl?: tailwind_variants96.ClassValue;
+      boxDescription?: tailwind_variants96.ClassValue;
+      boxLabel?: tailwind_variants96.ClassValue;
+      boxLabelWrapper?: tailwind_variants96.ClassValue;
+    };
+  };
+} | {}, {
+  base: string;
+  boxBase: string;
+  boxControl: string;
+  boxDescription: string;
+  boxLabel: string;
+  boxLabelWrapper: string;
+  label: string;
+  wrapper: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: tailwind_variants96.ClassValue | {
+      base?: tailwind_variants96.ClassValue;
+      label?: tailwind_variants96.ClassValue;
+      wrapper?: tailwind_variants96.ClassValue;
+      boxBase?: tailwind_variants96.ClassValue;
+      boxControl?: tailwind_variants96.ClassValue;
+      boxDescription?: tailwind_variants96.ClassValue;
+      boxLabel?: tailwind_variants96.ClassValue;
+      boxLabelWrapper?: tailwind_variants96.ClassValue;
+    };
+  };
+} | {}, {
+  base: string;
+  boxBase: string;
+  boxControl: string;
+  boxDescription: string;
+  boxLabel: string;
+  boxLabelWrapper: string;
+  label: string;
+  wrapper: string;
+}, tailwind_variants96.TVReturnType<unknown, {
+  base: string;
+  boxBase: string;
+  boxControl: string;
+  boxDescription: string;
+  boxLabel: string;
+  boxLabelWrapper: string;
+  label: string;
+  wrapper: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof radioBoxesVariants>;
+type ClassName = TVClassName<typeof radioBoxesVariants>;
+interface RadioBoxesOption {
+  /** Description of the value. Works with variant radioBox. */
+  description?: ReactNode;
+  /** disables the option */
+  disabled?: boolean;
+  /** option label */
+  label?: ReactNode;
+  /** option icon */
+  icon?: ReactNode;
+  /** HTML data-testid attribute of the option */
+  testId?: string;
+  /** option value */
+  value: string;
+}
+interface RadioBoxesProps extends VariantProps {
+  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */
+  ariaLabel?: string;
+  /** CSS class name */
+  className?: ClassName;
+  /** Determines if the Buttons are disabled or not. */
+  disabled?: boolean;
+  /** determines orientation of the Buttons. */
+  inline?: boolean;
+  /** Label displayed next to the RadioButton. */
+  label?: ReactNode;
+  /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */
+  name: string;
+  /** Radio button configuration. */
+  options: RadioBoxesOption[];
+  /** Id to grab element in internal tests. */
+  testId?: string;
+}
+/**
+ * RadioBoxes component based on [HeroUI RadioGroup](https://www.heroui.com//docs/components/radio-group)
+ */
+declare const RadioBoxes: ({
+  className,
+  inline,
+  name,
+  options,
+  ...uniformFieldProps
+}: RadioBoxesProps) => react_jsx_runtime6.JSX.Element;
+//#endregion
+//#region src/RadioBoxes/RadioBox.d.ts
+declare const radioBoxVariants: tailwind_variants96.TVReturnType<{
+  isDisabled: {
+    true: {
+      base: string;
+    };
+  };
+  isInvalid: {
+    true: {
+      base: string;
+    };
+  };
+}, {
+  base: string;
+  control: string;
+  description: string;
+  icon: string;
+  label: string;
+  labelWrapper: string;
+}, undefined, {
+  isDisabled: {
+    true: {
+      base: string;
+    };
+  };
+  isInvalid: {
+    true: {
+      base: string;
+    };
+  };
+}, {
+  base: string;
+  control: string;
+  description: string;
+  icon: string;
+  label: string;
+  labelWrapper: string;
+}, tailwind_variants96.TVReturnType<{
+  isDisabled: {
+    true: {
+      base: string;
+    };
+  };
+  isInvalid: {
+    true: {
+      base: string;
+    };
+  };
+}, {
+  base: string;
+  control: string;
+  description: string;
+  icon: string;
+  label: string;
+  labelWrapper: string;
+}, undefined, unknown, unknown, undefined>>;
+//#endregion
+export { RadioBoxes as n, RadioBoxesProps as r, radioBoxVariants as t };
+//# sourceMappingURL=index-RvYO46Vg.d.ts.map

package/dist/index-RvYO46Vg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-RvYO46Vg.d.ts","names":[],"sources":["../src/RadioBoxes/RadioBoxes.tsx","../src/RadioBoxes/RadioBox.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAYa,wCAAkB;;mBAc7B,mBAAA,CAAA,UAAA;;;MAdW,OAAA,CAAA,gCAcX;MAAA,OAAA,CAAA,gCAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAd6B,EAAA,SAAA,EAAA;EAgB1B,CAAA,GAAA,EAAA,MAAA,CAAA,EAAY;IACZ,CAAA,GAAA,EAAA,MAAS,CAAA,mCAAc;MAEX,IAAA,CAAA,gCAAgB;MAEjB,KAAA,CAAA,gCAAA;MAIN,OAAA,CAAA,gCAAA;MAED,OAAA,CAAA,gCAAA;MAAS,UAAA,CAAA,gCAAA;MAOD,cAAgB,CAAA,gCAAA;MAInB,QAAA,CAAA,gCAAA;MAMJ,eAAA,CAAA,gCAAA;IAIC,CAAA;EAd8B,CAAA;CAAY,GAAA,CAAA,CAAA,EAAA;EAsB/C,IAAA,EAAA,MAAA;EAAc,OAAA,EAAA,MAAA;EAAA,UAAA,EAAA,MAAA;EAAA,cAAA,EAAA,MAAA;EAAA,QAAA,EAAA,MAAA;EAMjB,eAAA,EAAA,MAAA;EAAe,KAAA,EAAA,MAAA;EA2EjB,OAAA,EAAA,MAAA;;;;EC5IY,UAAA,EAAA,MAAA;;;;;;;KDmBR,YAAA,GAAe,eAAe;KAC9B,SAAA,GAAY,mBAAmB;UAEnB,gBAAA;;gBAED;;;;UAIN;;SAED;;;;;;UAOQ,eAAA,SAAwB;;;;cAI3B;;;;;;UAMJ;;;;WAIC;;;;;;;cAQL;;;;;;GAMH,oBAAe,kBAAA,CAAA,GAAA,CAAA;;;cCjEL,kBAqBX,mBAAA,CArB2B;;;;IDGhB,CAAA;EAcX,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAd6B,KAAA,EAAA,MAAA;EAgB1B,YAAA,EAAA,MAAY;AAAU,CAAA,ECEzB,mBAAA,CAAA,YDDkC,CAAA;EAEnB,UAAA,EAAA;IAED,IAAA,EAAA;MAIN,IAAA,EAAA,MAAA;IAED,CAAA;EAAS,CAAA;EAOD,SAAA,EAAA;IAIH,IAAA,EAAA;MAMJ,IAAA,EAAA,MAAA;IAIC,CAAA;EAd8B,CAAA;CAAY,EAAA;EAsB/C,IAAA,EAAA,MAAA;EAAc,OAAA,EAAA,MAAA;EAAA,WAAA,EAAA,MAAA;EAAA,IAAA,EAAA,MAAA;EAAA,KAAA,EAAA,MAAA;EAMjB,YAAA,EAAA,MAAA;CAAe,EAAA,SAAA,EAAA,OAAA,EAAA,OAAA,EAAA,SAAA,CAAA,CAAA"}

package/dist/index-UjKqRe-8.d.ts

@@ -0,0 +1,134 @@
+//#region src/helpers/nullishFields/nullishFields.d.ts
+/** Key used to wrap flat array elements when converting to form format */
+declare const flatArrayKey = "__FLAT__";
+/**
+ * Converts marker strings back to their original values when processing arrays
+ */
+declare const fromNullishString: (value: unknown) => unknown;
+/**
+ * Converts null/falsy values to marker strings for JSON processing
+ */
+declare const toNullishString: (value: unknown) => unknown;
+/**
+ * Converts field values to a format suitable for forms by:
+ * - Wrapping arrays of primitives as objects using the flatArrayKey `__FLAT__`
+ *   to satisfy RHF's requirement that array fields contain objects
+ * - Removing empty strings and null values from objects
+ *
+ * This conversion is required because React Hook Form does not support arrays with
+ * flat values (string, number, boolean, null). Array fields must contain objects.
+ * We work around this by wrapping primitive entries: `{ __FLAT__: <value> }`.
+ *
+ * @example
+ * const fields = {
+ *   name: 'John',
+ *   scores: [0, null, 75, false],
+ *   scoresDetailed: [
+ *     { score: 1 },
+ *     { score: null },
+ *     { score: 0 },
+ *     { score: false },
+ *     { score: '' },
+ *   ],
+ *   contact: {
+ *     email: '',
+ *     phone: null,
+ *     address: '123 Main St'
+ *   }
+ * };
+ *
+ * // Result:
+ * {
+ *   name: 'John',
+ *   scores: [
+ *     { __FLAT__: 0 },
+ *     { __FLAT__: null },
+ *     { __FLAT__: 75 },
+ *     { __FLAT__: false }
+ *   ],
+ *   // Arrays of objects are left as objects; empty/null properties are removed
+ *   scoresDetailed: [
+ *     { score: 1 },
+ *     {}, // null score removed
+ *     { score: 0 },
+ *     { score: false },
+ *     {}, // empty string removed
+ *   ],
+ *   contact: {
+ *     address: '123 Main St'
+ *   }
+ * }
+ */
+declare const toFormFormat: (fields: Record<string, unknown>) => Record<string, unknown>;
+/**
+ * Converts form state to a format suitable for validation by:
+ * - Unwrapping flat array wrappers `{ __FLAT__: <value> }` back to primitives
+ * - Converting legacy string markers (__NULL__, __FALSE__, __ZERO__) back to their original values
+ * - Removing fields whose converted value is empty string or null
+ * - Removing empty arrays
+ *
+ * @example
+ * const formState = {
+ *   name: 'John',
+ *   scores: [
+ *     { __FLAT__: 75 },
+ *     { __FLAT__: 0 },
+ *     { __FLAT__: null },
+ *     { __FLAT__: false }
+ *   ],
+ *   emptyArray: [],
+ *   scoresDetailed: [
+ *     { score: 1 },
+ *     {},
+ *     { score: 0 },
+ *     { score: false },
+ *     {},
+ *   ],
+ *   contact: {
+ *     address: '123 Main St',
+ *     fax: null
+ *   }
+ * };
+ *
+ * // Result:
+ * {
+ *   name: 'John',
+ *   scores: [75, 0, null, false],
+ *   // emptyArray is removed
+ *   // Objects inside arrays remain objects; empty entries remain empty objects
+ *   scoresDetailed: [
+ *     { score: 1 },
+ *     {},
+ *     { score: 0 },
+ *     { score: false },
+ *     {},
+ *   ],
+ *   contact: {
+ *     address: '123 Main St'
+ *   }
+ * }
+ */
+declare const toValidationFormat: (formState: Record<string, unknown> | null | undefined) => Record<string, unknown> | null | undefined;
+/**
+ * Converts a field name to a testId by removing flat array key segments and slugifying.
+ * Removes all occurrences of `flatArrayKey` from the field name and applies slugify transformation.
+ *
+ * This is used to generate stable testIds for form fields that don't include
+ * the internal `__FLAT__` marker used for flat arrays.
+ *
+ * @param name - The field name as a string (e.g., 'tags.0.__FLAT__') or array path (e.g., ['tags', '0', '__FLAT__'])
+ * @returns The slugified field name with all flat array key segments removed (e.g., 'tags_0')
+ *
+ * @example
+ * ```ts
+ * nameToTestId('tags.0.__FLAT__') // => 'tags_0'
+ * nameToTestId('array.0.__FLAT__') // => 'array_0'
+ * nameToTestId('nested.array.0.__FLAT__.field') // => 'nested_array_0_field'
+ * nameToTestId('simple.field') // => 'simple_field'
+ * nameToTestId(['tags', '0', '__FLAT__']) // => 'tags_0'
+ * ```
+ */
+declare const nameToTestId: (name: string | readonly string[]) => string;
+//#endregion
+export { toNullishString as a, toFormFormat as i, fromNullishString as n, toValidationFormat as o, nameToTestId as r, flatArrayKey as t };
+//# sourceMappingURL=index-UjKqRe-8.d.ts.map

package/dist/index-UjKqRe-8.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-UjKqRe-8.d.ts","names":[],"sources":["../src/helpers/nullishFields/nullishFields.ts"],"sourcesContent":[],"mappings":";;AAGa,cAAA,YAAA,GAAY,UAAA;AAYzB;AAsCA;AA6EA;AA2Ea,cA9LA,iBA+LA,EAAA,CAAA,KACV,EAAA,OAAM,EAAA,GAAA,OAAA;AAgGT;;;cA1Pa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA6EA,uBAAwB,4BAwBE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAmD1B,gCACA,+CACV;;;;;;;;;;;;;;;;;;;;cAgGU"}

package/dist/index-aHcGnXHf.d.ts

@@ -0,0 +1,44 @@
+import { t as DebugModeSettings } from "./FormContext-C2_WMi_v.js";
+import { ReactNode } from "react";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
+import { FieldValues, SubmitHandler } from "react-hook-form";
+import { VetoInstance } from "@fuf-stack/veto";
+
+//#region src/Form/Form.d.ts
+interface FormProps {
+  /** form children */
+  children: ReactNode | ReactNode[];
+  /** CSS class name */
+  className?: string | string[];
+  /** settings for from debug mode */
+  debug?: DebugModeSettings;
+  /** initial form values */
+  initialValues?: FieldValues;
+  /** name of the form */
+  name?: string;
+  /** form submit handler */
+  onSubmit: SubmitHandler<FieldValues>;
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+  /** veto validation schema */
+  validation?: VetoInstance;
+  /** when the validation should be triggered */
+  validationTrigger?: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';
+}
+/**
+ * Form component that has to wrap every uniform
+ */
+declare const Form: ({
+  children,
+  className,
+  debug,
+  initialValues,
+  name,
+  onSubmit,
+  testId,
+  validation,
+  validationTrigger
+}: FormProps) => react_jsx_runtime9.JSX.Element;
+//#endregion
+export { FormProps as n, Form as t };
+//# sourceMappingURL=index-aHcGnXHf.d.ts.map

package/dist/index-aHcGnXHf.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-aHcGnXHf.d.ts","names":[],"sources":["../src/Form/Form.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAYiB,SAAA;;YAEL,YAAY;EAFP;EAEL,SAAA,CAAA,EAAA,MAAA,GAAA,MAAA,EAAA;EAAY;EAId,KAAA,CAAA,EAAA,iBAAA;EAEQ;EAIQ,aAAA,CAAA,EAJR,WAIQ;EAAd;EAIG,IAAA,CAAA,EAAA,MAAA;EAAY;EAQrB,QAwCL,EApDW,aAoDX,CApDyB,WAoDzB,CAAA;EAxCa;EAAA,MAAA,CAAA,EAAA,MAAA;EAAA;EAAA,UAAA,CAAA,EARC,YAQD;EAAA;EAAA,iBAAA,CAAA,EAAA,UAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,KAAA;;;;;cAAR,IAUM,EAAA,CAAA;EAAA,QAAA;EAAA,SAAA;EAAA,KAAA;EAAA,aAAA;EAAA,IAAA;EAAA,QAAA;EAAA,MAAA;EAAA,UAAA;EAAA;AAAA,CAAA,EAAT,SAAS,EAAA,GAAA,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/index-iuLEYAix.d.cts

@@ -0,0 +1,115 @@
+import { t as InputValueTransform } from "./useInputValueTransform-BID-CQ-y.cjs";
+import * as tailwind_variants172 from "tailwind-variants";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+
+//#region src/Input/Input.d.ts
+declare const inputVariants: tailwind_variants172.TVReturnType<{
+  [key: string]: {
+    [key: string]: tailwind_variants172.ClassValue | {
+      base?: tailwind_variants172.ClassValue;
+      input?: tailwind_variants172.ClassValue;
+      inputWrapper?: tailwind_variants172.ClassValue;
+      clearButton?: tailwind_variants172.ClassValue;
+    };
+  };
+} | {
+  [x: string]: {
+    [x: string]: tailwind_variants172.ClassValue | {
+      base?: tailwind_variants172.ClassValue;
+      input?: tailwind_variants172.ClassValue;
+      inputWrapper?: tailwind_variants172.ClassValue;
+      clearButton?: tailwind_variants172.ClassValue;
+    };
+  };
+} | {}, {
+  /** wrapper around the whole input */
+  base: string;
+  /** clear button */
+  clearButton: string;
+  /** actual input element */
+  input: string;
+  /** inner wrapper (HeroUI inputWrapper slot) */
+  inputWrapper: string;
+}, undefined, {
+  [key: string]: {
+    [key: string]: tailwind_variants172.ClassValue | {
+      base?: tailwind_variants172.ClassValue;
+      input?: tailwind_variants172.ClassValue;
+      inputWrapper?: tailwind_variants172.ClassValue;
+      clearButton?: tailwind_variants172.ClassValue;
+    };
+  };
+} | {}, {
+  /** wrapper around the whole input */
+  base: string;
+  /** clear button */
+  clearButton: string;
+  /** actual input element */
+  input: string;
+  /** inner wrapper (HeroUI inputWrapper slot) */
+  inputWrapper: string;
+}, tailwind_variants172.TVReturnType<unknown, {
+  /** wrapper around the whole input */
+  base: string;
+  /** clear button */
+  clearButton: string;
+  /** actual input element */
+  input: string;
+  /** inner wrapper (HeroUI inputWrapper slot) */
+  inputWrapper: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof inputVariants>;
+type ClassName = TVClassName<typeof inputVariants>;
+interface InputProps extends VariantProps {
+  /** Custom aria-label for accessibility. If not provided, falls back to field name when no visible label exists */
+  ariaLabel?: string;
+  /** CSS class name */
+  className?: ClassName;
+  /** shows clear button when input has value */
+  clearable?: boolean;
+  /** debounce delay in milliseconds for form state updates (default: 300ms) */
+  debounceDelay?: number;
+  /** input field is disabled */
+  disabled?: boolean;
+  /** added content to the end of the input Field. */
+  endContent?: ReactNode;
+  /** form field label */
+  label?: ReactNode;
+  /** form field name */
+  name: string;
+  /** callback that is fired when the value is cleared */
+  onClear?: () => void;
+  /** form field placeholder */
+  placeholder?: string;
+  /** size of the input */
+  size?: 'sm' | 'md' | 'lg';
+  /** content added to the start of the input field */
+  startContent?: ReactNode;
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+  /** allows disentangled display and form values for a field */
+  transform?: InputValueTransform<string>;
+  /** input type */
+  type?: 'number' | 'password';
+}
+/**
+ * Input component based on [HeroUI Input](https://www.heroui.com//docs/components/input)
+ */
+declare const Input: ({
+  className: _className,
+  clearable,
+  debounceDelay,
+  endContent,
+  name,
+  onClear,
+  placeholder,
+  size,
+  startContent,
+  type,
+  ...uniformFieldProps
+}: InputProps) => react_jsx_runtime5.JSX.Element;
+//#endregion
+export { InputProps as n, Input as t };
+//# sourceMappingURL=index-iuLEYAix.d.cts.map

package/dist/index-iuLEYAix.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-iuLEYAix.d.cts","names":[],"sources":["../src/Input/Input.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAca,oCAAa;;mBAWxB,oBAAA,CAAA,UAAA;;MAXW,KAAA,CAAA,iCAWX;MAAA,YAAA,CAAA,iCAAA;;;;;;;;;;;;;;;;;EAXwB,WAAA,EAAA,MAAA;EAarB;EACA,KAAA,EAAA,MAAS;EAEG;EAIH,YAAA,EAAA,MAAA;CAQC,EAAA,SAAA,EAAA;EAEL,CAAA,GAAA,EAAA,MAAA,CAAA,EAAA;IAUO,CAAA,GAAA,EAAA,MAAA,CAAA,oCAAA;MAIH,IAAA,CAAA,iCAAA;MA5BsB,KAAA,CAAA,iCAAA;MAAY,YAAA,CAAA,iCAAA;MAwK/C,WAAA,CAAA,iCAAA;IApIc,CAAA;EAAA,CAAA;CAAA,GAAA,CAAA,CAAA,EAAA;EAAA;EAAA,IAAA,EAAA,MAAA;EAAA;EAAA,WAAA,EAAA,MAAA;EAAA;EAAA,KAAA,EAAA,MAAA;EAAA;EAYZ,YAAA,EAAA,MAAA;CAAU,mCAAA,CAAA,OAAA,EAAA;EAwHZ;;;;;;;;;KA3KI,YAAA,GAAe,eAAe;KAC9B,SAAA,GAAY,mBAAmB;UAEnB,UAAA,SAAmB;;;;cAItB;;;;;;;;eAQC;;UAEL;;;;;;;;;;iBAUO;;;;cAIH;;;;;;;cAQR;aAAS;;;;;;;;;;;GAYZ,eAAU,kBAAA,CAAA,GAAA,CAAA"}

package/dist/index-jmQP58tO.d.cts

@@ -0,0 +1,44 @@
+import { t as DebugModeSettings } from "./FormContext-Dl7KL_wl.cjs";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
+import { ReactNode } from "react";
+import { VetoInstance } from "@fuf-stack/veto";
+import { FieldValues, SubmitHandler } from "react-hook-form";
+
+//#region src/Form/Form.d.ts
+interface FormProps {
+  /** form children */
+  children: ReactNode | ReactNode[];
+  /** CSS class name */
+  className?: string | string[];
+  /** settings for from debug mode */
+  debug?: DebugModeSettings;
+  /** initial form values */
+  initialValues?: FieldValues;
+  /** name of the form */
+  name?: string;
+  /** form submit handler */
+  onSubmit: SubmitHandler<FieldValues>;
+  /** HTML data-testid attribute used in e2e tests */
+  testId?: string;
+  /** veto validation schema */
+  validation?: VetoInstance;
+  /** when the validation should be triggered */
+  validationTrigger?: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';
+}
+/**
+ * Form component that has to wrap every uniform
+ */
+declare const Form: ({
+  children,
+  className,
+  debug,
+  initialValues,
+  name,
+  onSubmit,
+  testId,
+  validation,
+  validationTrigger
+}: FormProps) => react_jsx_runtime10.JSX.Element;
+//#endregion
+export { FormProps as n, Form as t };
+//# sourceMappingURL=index-jmQP58tO.d.cts.map

package/dist/index-jmQP58tO.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-jmQP58tO.d.cts","names":[],"sources":["../src/Form/Form.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAYiB,SAAA;;YAEL,YAAY;EAFP;EAEL,SAAA,CAAA,EAAA,MAAA,GAAA,MAAA,EAAA;EAAY;EAId,KAAA,CAAA,EAAA,iBAAA;EAEQ;EAIQ,aAAA,CAAA,EAJR,WAIQ;EAAd;EAIG,IAAA,CAAA,EAAA,MAAA;EAAY;EAQrB,QAwCL,EApDW,aAoDX,CApDyB,WAoDzB,CAAA;EAxCa;EAAA,MAAA,CAAA,EAAA,MAAA;EAAA;EAAA,UAAA,CAAA,EARC,YAQD;EAAA;EAAA,iBAAA,CAAA,EAAA,UAAA,GAAA,QAAA,GAAA,UAAA,GAAA,WAAA,GAAA,KAAA;;;;;cAAR,IAUM,EAAA,CAAA;EAAA,QAAA;EAAA,SAAA;EAAA,KAAA;EAAA,aAAA;EAAA,IAAA;EAAA,QAAA;EAAA,MAAA;EAAA,UAAA;EAAA;AAAA,CAAA,EAAT,SAAS,EAAA,GAAA,mBAAA,CAAA,GAAA,CAAA,OAAA"}