@fuf-stack/uniform 1.17.0 → 1.18.0

package/dist/{index-gWYaaO6O.d.ts → index-htE4x59X.d.ts}

@@ -1,11 +1,10 @@
 import { TVClassName } from "@fuf-stack/pixel-utils";
 import { ReactNode } from "react";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
-import * as tailwind_variants64 from "tailwind-variants";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as tailwind_variants176 from "tailwind-variants";
 
 //#region src/FieldCard/FieldCard.d.ts
-
-declare const fieldCardVariants: tailwind_variants64.TVReturnType<{
+declare const fieldCardVariants: tailwind_variants176.TVReturnType<{
   invalid: {
     true: {
       base: string;
@@ -21,15 +20,10 @@ declare const fieldCardVariants: tailwind_variants64.TVReturnType<{
     };
   };
 }, {
-  /** base class for the field card wrapper */
-  base: string[];
-  /** class for the label/header */
-  label: string[];
-  /** class for the content */
-  content: string[];
-  /** class for the error footer wrapper */
-  errorFooter: string[];
-  /** class for the error text (empty base, color controlled by variant) */
+  /** base class for the field card wrapper */base: string[]; /** class for the label/header */
+  label: string[]; /** class for the content */
+  content: string[]; /** class for the error footer wrapper */
+  errorFooter: string[]; /** class for the error text (empty base, color controlled by variant) */
   errorText: never[];
 }, undefined, {
   invalid: {
@@ -47,17 +41,12 @@ declare const fieldCardVariants: tailwind_variants64.TVReturnType<{
     };
   };
 }, {
-  /** base class for the field card wrapper */
-  base: string[];
-  /** class for the label/header */
-  label: string[];
-  /** class for the content */
-  content: string[];
-  /** class for the error footer wrapper */
-  errorFooter: string[];
-  /** class for the error text (empty base, color controlled by variant) */
+  /** base class for the field card wrapper */base: string[]; /** class for the label/header */
+  label: string[]; /** class for the content */
+  content: string[]; /** class for the error footer wrapper */
+  errorFooter: string[]; /** class for the error text (empty base, color controlled by variant) */
   errorText: never[];
-}, tailwind_variants64.TVReturnType<{
+}, tailwind_variants176.TVReturnType<{
   invalid: {
     true: {
       base: string;
@@ -73,15 +62,10 @@ declare const fieldCardVariants: tailwind_variants64.TVReturnType<{
     };
   };
 }, {
-  /** base class for the field card wrapper */
-  base: string[];
-  /** class for the label/header */
-  label: string[];
-  /** class for the content */
-  content: string[];
-  /** class for the error footer wrapper */
-  errorFooter: string[];
-  /** class for the error text (empty base, color controlled by variant) */
+  /** base class for the field card wrapper */base: string[]; /** class for the label/header */
+  label: string[]; /** class for the content */
+  content: string[]; /** class for the error footer wrapper */
+  errorFooter: string[]; /** class for the error text (empty base, color controlled by variant) */
   errorText: never[];
 }, undefined, unknown, unknown, undefined>>;
 type ClassName = TVClassName<typeof fieldCardVariants>;
@@ -111,7 +95,7 @@ declare const FieldCard: ({
   className: _className,
   name,
   ...uniformFieldProps
-}: FieldCardProps) => react_jsx_runtime6.JSX.Element;
+}: FieldCardProps) => react_jsx_runtime8.JSX.Element;
 //#endregion
 export { FieldCardProps as n, fieldCardVariants as r, FieldCard as t };
-//# sourceMappingURL=index-gWYaaO6O.d.ts.map
+//# sourceMappingURL=index-htE4x59X.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-htE4x59X.d.ts","names":[],"sources":["../src/FieldCard/FieldCard.tsx"],"mappings":";;;;;;cAsHa,iBAAA,EAyDX,oBAAA,CAzD4B,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBA2DhB;qBAAG;yBAEA;;GAJf,oBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;EA0BI;mBAAa;qBAKhB;yBA2HF;;;KAxJI,SAAA,GAAY,WAAA,QAAmB,iBAAA;AAAA,UAEnB,cAAA;EAsBE;EApBjB,QAAA,EAAU,SAAA;EAoBO;EAlBjB,SAAA,GAAY,SAAA;EAuBX;EArBD,KAAA,EAAO,SAAA;EAqBQ;EAnBf,IAAA;EA8ID;EA5IC,MAAA;AAAA;;;;;;;;;;cAYI,SAAA;EAAa,QAAA;EAAA,SAAA,EAAA,UAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKhB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/index.cjs

@@ -1,30 +1,30 @@
-const require_FormContext = require('./FormContext-CeFKQmVH.cjs');
-const require_helpers = require('./helpers-CncbgvW_.cjs');
-const require_FieldCopyTestIdButton = require('./FieldCopyTestIdButton-DxJYKqrz.cjs');
-const require_FieldValidationError = require('./FieldValidationError-A384-L3Y.cjs');
-const require_useController = require('./useController-oCYPeezC.cjs');
-const require_useFormContext = require('./useFormContext-DJiJlfGJ.cjs');
-const require_useInputValueTransform = require('./useInputValueTransform-DuhPVE4L.cjs');
-const require_useUniformField = require('./useUniformField-Dd3AnpgE.cjs');
-const require_Checkboxes = require('./Checkboxes-3Rg0gyfO.cjs');
-const require_useUniformFieldArray = require('./useUniformFieldArray-D93AUZI4.cjs');
-const require_FieldArray = require('./FieldArray-BgvSTDWi.cjs');
-const require_Grid = require('./Grid-CRURvciu.cjs');
-const require_FieldCard = require('./FieldCard-38ZBBWyE.cjs');
-const require_Form = require('./Form-Ca3RxssB.cjs');
-const require_useInputValueDebounce = require('./useInputValueDebounce-KIKsvSLm.cjs');
-const require_Input = require('./Input-DlyrGFYf.cjs');
-const require_RadioBoxes = require('./RadioBoxes-ClDOhQkO.cjs');
-const require_RadioTabs = require('./RadioTabs-CgB0MmbK.cjs');
-const require_Radios = require('./Radios-DWsCLUVl.cjs');
-const require_Select = require('./Select-CTbXrAjL.cjs');
-const require_Slider = require('./Slider-ChGkOSJJ.cjs');
-const require_SubmitButton = require('./SubmitButton-C6sgPR8K.cjs');
-const require_Switch = require('./Switch-Lt61rKxf.cjs');
-const require_SwitchBox = require('./SwitchBox-D-EI9Sl-.cjs');
-const require_TextArea = require('./TextArea-DRSFdn5v.cjs');
-const require_useClientValidation = require('./useClientValidation-DzomULfo.cjs');
-const require_useWatchUserChange = require('./useWatchUserChange-jivI5KIB.cjs');
+const require_FormContext = require('./FormContext-BSLO2-sO.cjs');
+const require_helpers = require('./helpers-Bd_QpqXg.cjs');
+const require_FieldCopyTestIdButton = require('./FieldCopyTestIdButton-4uupFq1U.cjs');
+const require_FieldValidationError = require('./FieldValidationError-Br6iopZj.cjs');
+const require_useController = require('./useController-B_SSp5Z5.cjs');
+const require_useFormContext = require('./useFormContext-vdeeDsAs.cjs');
+const require_useInputValueTransform = require('./useInputValueTransform-BBRvvhDe.cjs');
+const require_useUniformField = require('./useUniformField-6c4OCAfb.cjs');
+const require_Checkboxes = require('./Checkboxes-Dk7yyRVR.cjs');
+const require_useUniformFieldArray = require('./useUniformFieldArray-CRCbV1J2.cjs');
+const require_FieldArray = require('./FieldArray-BnZW6fwm.cjs');
+const require_Grid = require('./Grid-CE1fZKmV.cjs');
+const require_FieldCard = require('./FieldCard-BxK_IJOR.cjs');
+const require_Form = require('./Form--SsSvsxl.cjs');
+const require_useInputValueDebounce = require('./useInputValueDebounce-CRaM7HEM.cjs');
+const require_Input = require('./Input-B3p_4ntD.cjs');
+const require_RadioBoxes = require('./RadioBoxes-xRvNe5U8.cjs');
+const require_RadioTabs = require('./RadioTabs-BaHvYcd-.cjs');
+const require_Radios = require('./Radios-BfA3uL35.cjs');
+const require_Select = require('./Select-DH_YaruM.cjs');
+const require_Slider = require('./Slider-C-dMrJZ6.cjs');
+const require_SubmitButton = require('./SubmitButton-CJ6s1mZr.cjs');
+const require_Switch = require('./Switch-CeUMwheZ.cjs');
+const require_SwitchBox = require('./SwitchBox-4G_qcERZ.cjs');
+const require_TextArea = require('./TextArea-BYEuk4Ng.cjs');
+const require_useClientValidation = require('./useClientValidation-Dnj_wuwf.cjs');
+const require_useWatchUserChange = require('./useWatchUserChange-C1Kluht2.cjs');
 let _heroui_input = require("@heroui/input");
 
 //#region src/index.ts
@@ -60,6 +60,7 @@ exports.radioBoxVariants = require_RadioBoxes.radioBoxVariants;
 exports.switchBoxVariants = require_SwitchBox.switchBoxVariants;
 exports.toFormFormat = require_helpers.toFormFormat;
 exports.toNullishString = require_helpers.toNullishString;
+exports.toSubmitFormat = require_helpers.toSubmitFormat;
 exports.toValidationFormat = require_helpers.toValidationFormat;
 exports.useClientValidation = require_useClientValidation.useClientValidation;
 exports.useController = require_useController.useController;

package/dist/index.d.cts

@@ -1,28 +1,28 @@
-import { i as useInputValueTransform, n as UseInputValueTransformOptions, r as UseInputValueTransformReturn, t as InputValueTransform } from "./useInputValueTransform-BV8o0PMI.cjs";
-import { n as Checkboxes, r as CheckboxesProps, t as CheckboxOption } from "./index-DTURD6sl.cjs";
-import { i as FieldArrayProps, n as FieldArrayChildrenRenderFn, r as FieldArrayFeatures, t as FieldArray } from "./index-CUy2EDqc.cjs";
-import { n as FieldCardProps, r as fieldCardVariants, t as FieldCard } from "./index-DxfiwbJb.cjs";
-import { n as FormProps, t as Form } from "./index-Bo79xzb4.cjs";
-import { n as GridProps, t as Grid } from "./index-BW9EUWZE.cjs";
-import { n as InputProps, t as Input } from "./index-DAeb_8Q4.cjs";
-import { n as RadioBoxes, r as RadioBoxesProps, t as radioBoxVariants } from "./index-nVYabHcT.cjs";
-import { n as RadioTabsProps, t as RadioTabs } from "./index-Cj5CLBt2.cjs";
-import { n as RadiosProps, t as Radios } from "./index-BgXr1v45.cjs";
-import { n as SelectProps, t as Select } from "./index-DfGCI-K_.cjs";
-import { n as SliderProps, t as Slider } from "./index-CrxSEKKb.cjs";
-import { n as SubmitButtonProps, t as SubmitButton } from "./index-CbAh0Kfo.cjs";
-import { n as SwitchProps, t as Switch } from "./index-D3RMbKbP.cjs";
-import { n as SwitchBoxProps, r as switchBoxVariants, t as SwitchBox } from "./index-BD9y--o2.cjs";
-import { n as TextAreaProps, t as TextArea } from "./index-Y8XsRdxS.cjs";
-import { createOptionValueConverter, flatArrayKey, fromNullishString, isValueEmpty, nameToTestId, toFormFormat, toNullishString, toValidationFormat } from "./helpers/index.cjs";
-import { n as useClientValidation, t as clientValidationSchemaByName } from "./useClientValidation-BvPDQmf6.cjs";
-import { n as UseControllerReturn, r as useController, t as UseControllerProps } from "./useController-C6Pg9T_3.cjs";
-import { n as useFormContext, t as checkFieldIsRequired } from "./useFormContext-n3WYgGkW.cjs";
-import { t as useInput } from "./useInput--wjwIBc5.cjs";
-import { n as UseInputValueDebounceReturn, r as useInputValueDebounce, t as UseInputValueDebounceOptions } from "./useInputValueDebounce-DI1C6oaU.cjs";
-import { n as UseUniformFieldReturn, r as useUniformField, t as UseUniformFieldParams } from "./useUniformField-ETnay_UI.cjs";
-import { n as useUniformFieldArray, t as UseUniformFieldArrayProps } from "./useUniformFieldArray-4pUdrWYT.cjs";
-import { n as useWatchUserChange, t as UseWatchUserChangeOptions } from "./useWatchUserChange-cI5-j6M4.cjs";
-import { n as FieldCopyTestIdButtonProps, t as FieldCopyTestIdButton } from "./index-DsyY9X04.cjs";
-import { n as FieldValidationErrorProps, t as FieldValidationError } from "./index-DEJghucW.cjs";
-export { CheckboxOption, Checkboxes, CheckboxesProps, FieldArray, FieldArrayChildrenRenderFn, FieldArrayFeatures, FieldArrayProps, FieldCard, FieldCardProps, FieldCopyTestIdButton, FieldCopyTestIdButtonProps, FieldValidationError, FieldValidationErrorProps, Form, FormProps, Grid, GridProps, Input, InputProps, InputValueTransform, RadioBoxes, RadioBoxesProps, RadioTabs, RadioTabsProps, Radios, RadiosProps, Select, SelectProps, Slider, SliderProps, SubmitButton, SubmitButtonProps, Switch, SwitchBox, SwitchBoxProps, SwitchProps, TextArea, TextAreaProps, UseControllerProps, UseControllerReturn, UseInputValueDebounceOptions, UseInputValueDebounceReturn, UseInputValueTransformOptions, UseInputValueTransformReturn, UseUniformFieldArrayProps, UseUniformFieldParams, UseUniformFieldReturn, UseWatchUserChangeOptions, checkFieldIsRequired, clientValidationSchemaByName, createOptionValueConverter, fieldCardVariants, flatArrayKey, fromNullishString, isValueEmpty, nameToTestId, radioBoxVariants, switchBoxVariants, toFormFormat, toNullishString, toValidationFormat, useClientValidation, useController, useFormContext, useInput, useInputValueDebounce, useInputValueTransform, useUniformField, useUniformFieldArray, useWatchUserChange };
+import { i as useInputValueTransform, n as UseInputValueTransformOptions, r as UseInputValueTransformReturn, t as InputValueTransform } from "./useInputValueTransform-CNCBU7a9.cjs";
+import { n as Checkboxes, r as CheckboxesProps, t as CheckboxOption } from "./index-DrKDlcRp.cjs";
+import { i as FieldArrayProps, n as FieldArrayChildrenRenderFn, r as FieldArrayFeatures, t as FieldArray } from "./index-B0WNiTKF.cjs";
+import { n as FieldCardProps, r as fieldCardVariants, t as FieldCard } from "./index-CluXcbJV.cjs";
+import { n as FormProps, t as Form } from "./index-CjbJYNFd.cjs";
+import { n as GridProps, t as Grid } from "./index-B3DXQvAA.cjs";
+import { n as InputProps, t as Input } from "./index-Dp-7JoRm.cjs";
+import { n as RadioBoxes, r as RadioBoxesProps, t as radioBoxVariants } from "./index-DWK4jUn6.cjs";
+import { n as RadioTabsProps, t as RadioTabs } from "./index-CAMcAf2p.cjs";
+import { n as RadiosProps, t as Radios } from "./index-DUbBP1s0.cjs";
+import { n as SelectProps, t as Select } from "./index-C7t64NIn.cjs";
+import { n as SliderProps, t as Slider } from "./index-RJd0nXDb.cjs";
+import { n as SubmitButtonProps, t as SubmitButton } from "./index-BuJ4i2G8.cjs";
+import { n as SwitchProps, t as Switch } from "./index-CGjAL8dg.cjs";
+import { n as SwitchBoxProps, r as switchBoxVariants, t as SwitchBox } from "./index-DYSdHsro.cjs";
+import { n as TextAreaProps, t as TextArea } from "./index-CwtoC1DE.cjs";
+import { createOptionValueConverter, flatArrayKey, fromNullishString, isValueEmpty, nameToTestId, toFormFormat, toNullishString, toSubmitFormat, toValidationFormat } from "./helpers/index.cjs";
+import { n as useClientValidation, t as clientValidationSchemaByName } from "./useClientValidation-Dw-dmynu.cjs";
+import { n as UseControllerReturn, r as useController, t as UseControllerProps } from "./useController-CvPWE2Sy.cjs";
+import { n as useFormContext, t as checkFieldIsRequired } from "./useFormContext-Dh97YG47.cjs";
+import { t as useInput } from "./useInput-CKmKH9Ij.cjs";
+import { n as UseInputValueDebounceReturn, r as useInputValueDebounce, t as UseInputValueDebounceOptions } from "./useInputValueDebounce-ZLyAmuXV.cjs";
+import { n as UseUniformFieldReturn, r as useUniformField, t as UseUniformFieldParams } from "./useUniformField-DIb__gKK.cjs";
+import { n as useUniformFieldArray, t as UseUniformFieldArrayProps } from "./useUniformFieldArray-BChcZvc5.cjs";
+import { n as useWatchUserChange, t as UseWatchUserChangeOptions } from "./useWatchUserChange-DedTNvGV.cjs";
+import { n as FieldCopyTestIdButtonProps, t as FieldCopyTestIdButton } from "./index-CYMw1FYm.cjs";
+import { n as FieldValidationErrorProps, t as FieldValidationError } from "./index-SrU5788P.cjs";
+export { CheckboxOption, Checkboxes, CheckboxesProps, FieldArray, FieldArrayChildrenRenderFn, FieldArrayFeatures, FieldArrayProps, FieldCard, FieldCardProps, FieldCopyTestIdButton, FieldCopyTestIdButtonProps, FieldValidationError, FieldValidationErrorProps, Form, FormProps, Grid, GridProps, Input, InputProps, InputValueTransform, RadioBoxes, RadioBoxesProps, RadioTabs, RadioTabsProps, Radios, RadiosProps, Select, SelectProps, Slider, SliderProps, SubmitButton, SubmitButtonProps, Switch, SwitchBox, SwitchBoxProps, SwitchProps, TextArea, TextAreaProps, UseControllerProps, UseControllerReturn, UseInputValueDebounceOptions, UseInputValueDebounceReturn, UseInputValueTransformOptions, UseInputValueTransformReturn, UseUniformFieldArrayProps, UseUniformFieldParams, UseUniformFieldReturn, UseWatchUserChangeOptions, checkFieldIsRequired, clientValidationSchemaByName, createOptionValueConverter, fieldCardVariants, flatArrayKey, fromNullishString, isValueEmpty, nameToTestId, radioBoxVariants, switchBoxVariants, toFormFormat, toNullishString, toSubmitFormat, toValidationFormat, useClientValidation, useController, useFormContext, useInput, useInputValueDebounce, useInputValueTransform, useUniformField, useUniformFieldArray, useWatchUserChange };

package/dist/index.d.ts

@@ -1,31 +1,31 @@
-import { i as useInputValueTransform, n as UseInputValueTransformOptions, r as UseInputValueTransformReturn, t as InputValueTransform } from "./useInputValueTransform-Cc0qEsnS.js";
-import { n as Checkboxes, r as CheckboxesProps, t as CheckboxOption } from "./index-Dy0m4FQj.js";
-import { i as FieldArrayProps, n as FieldArrayChildrenRenderFn, r as FieldArrayFeatures, t as FieldArray } from "./index-BV_YDI6g.js";
-import { n as FieldCardProps, r as fieldCardVariants, t as FieldCard } from "./index-gWYaaO6O.js";
-import "./FormContext-C2_WMi_v.js";
-import { n as FormProps, t as Form } from "./index-aHcGnXHf.js";
-import { n as GridProps, t as Grid } from "./index-BFLKkqA3.js";
-import { n as InputProps, t as Input } from "./index-CB00FCyi.js";
-import { n as RadioBoxes, r as RadioBoxesProps, t as radioBoxVariants } from "./index-Cj-PU3Ck.js";
-import { n as RadioTabsProps, t as RadioTabs } from "./index-C3CvgmJw.js";
-import { n as RadiosProps, t as Radios } from "./index-796vjEop.js";
-import { n as SelectProps, t as Select } from "./index-COwP53Gx.js";
-import { n as SliderProps, t as Slider } from "./index-DebErIUS.js";
-import { n as SubmitButtonProps, t as SubmitButton } from "./index-pE9osud2.js";
-import { n as SwitchProps, t as Switch } from "./index-DjDR6FpI.js";
-import { n as SwitchBoxProps, r as switchBoxVariants, t as SwitchBox } from "./index-B_1td56I.js";
-import { n as TextAreaProps, t as TextArea } from "./index-B62CWrcm.js";
-import { createOptionValueConverter, flatArrayKey, fromNullishString, isValueEmpty, nameToTestId, toFormFormat, toNullishString, toValidationFormat } from "./helpers/index.js";
-import { n as useClientValidation, t as clientValidationSchemaByName } from "./useClientValidation-Bg0q3Axc.js";
-import { n as UseControllerReturn, r as useController, t as UseControllerProps } from "./useController-BJ2SBdky.js";
-import "./index-CFBmva_r.js";
-import { n as useFormContext, t as checkFieldIsRequired } from "./useFormContext-B2TS6xq0.js";
-import "./index-BRLjimYW.js";
-import { t as useInput } from "./useInput-BCdeYOOg.js";
-import { n as UseInputValueDebounceReturn, r as useInputValueDebounce, t as UseInputValueDebounceOptions } from "./useInputValueDebounce-fhmVn1aO.js";
-import { n as UseUniformFieldReturn, r as useUniformField, t as UseUniformFieldParams } from "./useUniformField-CXSaAVTt.js";
-import { n as useUniformFieldArray, t as UseUniformFieldArrayProps } from "./useUniformFieldArray-COtgcAnp.js";
-import { n as useWatchUserChange, t as UseWatchUserChangeOptions } from "./useWatchUserChange-DX6gUHvM.js";
-import { n as FieldCopyTestIdButtonProps, t as FieldCopyTestIdButton } from "./index-DJbdReTK.js";
-import { n as FieldValidationErrorProps, t as FieldValidationError } from "./index-C4-1V8jn.js";
-export { CheckboxOption, Checkboxes, CheckboxesProps, FieldArray, FieldArrayChildrenRenderFn, FieldArrayFeatures, FieldArrayProps, FieldCard, FieldCardProps, FieldCopyTestIdButton, FieldCopyTestIdButtonProps, FieldValidationError, FieldValidationErrorProps, Form, FormProps, Grid, GridProps, Input, InputProps, InputValueTransform, RadioBoxes, RadioBoxesProps, RadioTabs, RadioTabsProps, Radios, RadiosProps, Select, SelectProps, Slider, SliderProps, SubmitButton, SubmitButtonProps, Switch, SwitchBox, SwitchBoxProps, SwitchProps, TextArea, TextAreaProps, UseControllerProps, UseControllerReturn, UseInputValueDebounceOptions, UseInputValueDebounceReturn, UseInputValueTransformOptions, UseInputValueTransformReturn, UseUniformFieldArrayProps, UseUniformFieldParams, UseUniformFieldReturn, UseWatchUserChangeOptions, checkFieldIsRequired, clientValidationSchemaByName, createOptionValueConverter, fieldCardVariants, flatArrayKey, fromNullishString, isValueEmpty, nameToTestId, radioBoxVariants, switchBoxVariants, toFormFormat, toNullishString, toValidationFormat, useClientValidation, useController, useFormContext, useInput, useInputValueDebounce, useInputValueTransform, useUniformField, useUniformFieldArray, useWatchUserChange };
+import { i as useInputValueTransform, n as UseInputValueTransformOptions, r as UseInputValueTransformReturn, t as InputValueTransform } from "./useInputValueTransform-tsMNM7g_.js";
+import { n as Checkboxes, r as CheckboxesProps, t as CheckboxOption } from "./index-BySLJ5JG.js";
+import { i as FieldArrayProps, n as FieldArrayChildrenRenderFn, r as FieldArrayFeatures, t as FieldArray } from "./index-B_OYOLtc.js";
+import { n as FieldCardProps, r as fieldCardVariants, t as FieldCard } from "./index-htE4x59X.js";
+import "./FormContext-CCe8drkp.js";
+import { n as FormProps, t as Form } from "./index-BI_rLLgx.js";
+import { n as GridProps, t as Grid } from "./index-Box1ZCLh.js";
+import { n as InputProps, t as Input } from "./index-Bi0RH8tW.js";
+import { n as RadioBoxes, r as RadioBoxesProps, t as radioBoxVariants } from "./index-BPc0O2Ds.js";
+import { n as RadioTabsProps, t as RadioTabs } from "./index-Cbz1wgYP.js";
+import { n as RadiosProps, t as Radios } from "./index-CDdjrJRs.js";
+import { n as SelectProps, t as Select } from "./index-ChOoZHFX.js";
+import { n as SliderProps, t as Slider } from "./index-BdTKCS0O.js";
+import { n as SubmitButtonProps, t as SubmitButton } from "./index-ABoI1QMc.js";
+import { n as SwitchProps, t as Switch } from "./index-BxTjmOVI.js";
+import { n as SwitchBoxProps, r as switchBoxVariants, t as SwitchBox } from "./index-MThhiwEy.js";
+import { n as TextAreaProps, t as TextArea } from "./index-CELx_Pr_.js";
+import { createOptionValueConverter, flatArrayKey, fromNullishString, isValueEmpty, nameToTestId, toFormFormat, toNullishString, toSubmitFormat, toValidationFormat } from "./helpers/index.js";
+import { n as useClientValidation, t as clientValidationSchemaByName } from "./useClientValidation-DxFgfsEI.js";
+import { n as UseControllerReturn, r as useController, t as UseControllerProps } from "./useController-DfiNbuEz.js";
+import "./index-hIBrhvnj.js";
+import { n as useFormContext, t as checkFieldIsRequired } from "./useFormContext-C6OOtqZ5.js";
+import "./index-BMCcWGYS.js";
+import { t as useInput } from "./useInput-BVZvtfNg.js";
+import { n as UseInputValueDebounceReturn, r as useInputValueDebounce, t as UseInputValueDebounceOptions } from "./useInputValueDebounce-Dhlv1NUY.js";
+import { n as UseUniformFieldReturn, r as useUniformField, t as UseUniformFieldParams } from "./useUniformField-CqqIJtqo.js";
+import { n as useUniformFieldArray, t as UseUniformFieldArrayProps } from "./useUniformFieldArray-4MOU0xac.js";
+import { n as useWatchUserChange, t as UseWatchUserChangeOptions } from "./useWatchUserChange-CYd_8zeN.js";
+import { n as FieldCopyTestIdButtonProps, t as FieldCopyTestIdButton } from "./index-BUbrPNtL.js";
+import { n as FieldValidationErrorProps, t as FieldValidationError } from "./index-Nzma24Py.js";
+export { CheckboxOption, Checkboxes, CheckboxesProps, FieldArray, FieldArrayChildrenRenderFn, FieldArrayFeatures, FieldArrayProps, FieldCard, FieldCardProps, FieldCopyTestIdButton, FieldCopyTestIdButtonProps, FieldValidationError, FieldValidationErrorProps, Form, FormProps, Grid, GridProps, Input, InputProps, InputValueTransform, RadioBoxes, RadioBoxesProps, RadioTabs, RadioTabsProps, Radios, RadiosProps, Select, SelectProps, Slider, SliderProps, SubmitButton, SubmitButtonProps, Switch, SwitchBox, SwitchBoxProps, SwitchProps, TextArea, TextAreaProps, UseControllerProps, UseControllerReturn, UseInputValueDebounceOptions, UseInputValueDebounceReturn, UseInputValueTransformOptions, UseInputValueTransformReturn, UseUniformFieldArrayProps, UseUniformFieldParams, UseUniformFieldReturn, UseWatchUserChangeOptions, checkFieldIsRequired, clientValidationSchemaByName, createOptionValueConverter, fieldCardVariants, flatArrayKey, fromNullishString, isValueEmpty, nameToTestId, radioBoxVariants, switchBoxVariants, toFormFormat, toNullishString, toSubmitFormat, toValidationFormat, useClientValidation, useController, useFormContext, useInput, useInputValueDebounce, useInputValueTransform, useUniformField, useUniformFieldArray, useWatchUserChange };

package/dist/index.js

@@ -1,34 +1,34 @@
-import { a as toFormFormat, c as createOptionValueConverter, i as nameToTestId, n as fromNullishString, o as toNullishString, r as isValueEmpty, s as toValidationFormat, t as flatArrayKey } from "./helpers-D3A5d3M1.js";
-import { n as FieldCopyTestIdButton_default } from "./FieldCopyTestIdButton-D9f1B-VS.js";
-import { n as FieldValidationError_default } from "./FieldValidationError-BYwitb_B.js";
-import { t as useController } from "./useController-QcOl0O0v.js";
-import { n as useFormContext, t as checkFieldIsRequired } from "./useFormContext-UFBqUfOr.js";
-import { t as useInput } from "./useInput-DZ6KGBxw.js";
-import { t as useInputValueTransform } from "./useInputValueTransform-CMNC21vX.js";
-import { t as useUniformField } from "./useUniformField-C6oSAFa3.js";
-import { n as Checkboxes_default } from "./Checkboxes-BfUtbKe-.js";
-import { t as useUniformFieldArray } from "./useUniformFieldArray-DNrmEXLg.js";
-import { n as FieldArray_default } from "./FieldArray-C8Ipn-tM.js";
-import { n as Grid_default } from "./Grid-LRjQlZms.js";
-import { n as fieldCardVariants, t as FieldCard_default } from "./FieldCard-7XiCb6jZ.js";
-import { n as Form_default } from "./Form-B7bv9fDO.js";
-import { t as useInputValueDebounce } from "./useInputValueDebounce-D9wArTKz.js";
-import { n as Input_default } from "./Input-ChXItabV.js";
-import { n as RadioBoxes_default, r as radioBoxVariants } from "./RadioBoxes-D6ULFGfd.js";
-import { n as RadioTabs_default } from "./RadioTabs-eSB6OXD7.js";
-import { n as Radios_default } from "./Radios-BXuyREKO.js";
-import { n as Select_default } from "./Select-Dk_K_Q0F.js";
-import { n as Slider_default } from "./Slider-DdF0ZBzn.js";
-import { n as SubmitButton_default } from "./SubmitButton-BrbHJcb4.js";
-import { n as Switch_default } from "./Switch-DW9SOeIv.js";
-import { n as SwitchBox_default, r as switchBoxVariants } from "./SwitchBox-9KAu4WWd.js";
-import { n as TextArea_default } from "./TextArea-B0zYpNy-.js";
-import { n as useClientValidation, t as clientValidationSchemaByName } from "./useClientValidation-C6Daq53C.js";
-import { t as useWatchUserChange } from "./useWatchUserChange-DyhUYlrN.js";
+import { a as toFormFormat, c as toValidationFormat, i as nameToTestId, l as createOptionValueConverter, n as fromNullishString, o as toNullishString, r as isValueEmpty, s as toSubmitFormat, t as flatArrayKey } from "./helpers-33jajRcN.js";
+import { n as FieldCopyTestIdButton_default } from "./FieldCopyTestIdButton-BoEdlzLs.js";
+import { n as FieldValidationError_default } from "./FieldValidationError-XQaViV52.js";
+import { t as useController } from "./useController-NjuthTyL.js";
+import { n as useFormContext, t as checkFieldIsRequired } from "./useFormContext-Di67HIf7.js";
+import { t as useInput } from "./useInput-BWzvIUpW.js";
+import { t as useInputValueTransform } from "./useInputValueTransform-C-fmz3ke.js";
+import { t as useUniformField } from "./useUniformField-C-Xyu-8v.js";
+import { n as Checkboxes_default } from "./Checkboxes-BGrK_mwQ.js";
+import { t as useUniformFieldArray } from "./useUniformFieldArray-BKvA0FQW.js";
+import { n as FieldArray_default } from "./FieldArray-C53ox8yB.js";
+import { n as Grid_default } from "./Grid-CeaybCIF.js";
+import { n as fieldCardVariants, t as FieldCard_default } from "./FieldCard-16yCF83m.js";
+import { n as Form_default } from "./Form-ccsEssie.js";
+import { t as useInputValueDebounce } from "./useInputValueDebounce-DJO5uzLb.js";
+import { n as Input_default } from "./Input-BCs_eyJ9.js";
+import { n as RadioBoxes_default, r as radioBoxVariants } from "./RadioBoxes-C3Cwrn2I.js";
+import { n as RadioTabs_default } from "./RadioTabs-DfOGIsEf.js";
+import { n as Radios_default } from "./Radios-xM-09vB5.js";
+import { n as Select_default } from "./Select-DlEUzYl6.js";
+import { n as Slider_default } from "./Slider-CTFuVrp2.js";
+import { n as SubmitButton_default } from "./SubmitButton-Bh1RN0F1.js";
+import { n as Switch_default } from "./Switch-CXrz-M3V.js";
+import { n as SwitchBox_default, r as switchBoxVariants } from "./SwitchBox-RfkVRDrE.js";
+import { n as TextArea_default } from "./TextArea-BLkVYmHZ.js";
+import { n as useClientValidation, t as clientValidationSchemaByName } from "./useClientValidation-DksyV18M.js";
+import { t as useWatchUserChange } from "./useWatchUserChange-Dj9Imxfi.js";
 
 //#region src/index.ts
 /* v8 ignore stop */
 
 //#endregion
-export { Checkboxes_default as Checkboxes, FieldArray_default as FieldArray, FieldCard_default as FieldCard, FieldCopyTestIdButton_default as FieldCopyTestIdButton, FieldValidationError_default as FieldValidationError, Form_default as Form, Grid_default as Grid, Input_default as Input, RadioBoxes_default as RadioBoxes, RadioTabs_default as RadioTabs, Radios_default as Radios, Select_default as Select, Slider_default as Slider, SubmitButton_default as SubmitButton, Switch_default as Switch, SwitchBox_default as SwitchBox, TextArea_default as TextArea, checkFieldIsRequired, clientValidationSchemaByName, createOptionValueConverter, fieldCardVariants, flatArrayKey, fromNullishString, isValueEmpty, nameToTestId, radioBoxVariants, switchBoxVariants, toFormFormat, toNullishString, toValidationFormat, useClientValidation, useController, useFormContext, useInput, useInputValueDebounce, useInputValueTransform, useUniformField, useUniformFieldArray, useWatchUserChange };
+export { Checkboxes_default as Checkboxes, FieldArray_default as FieldArray, FieldCard_default as FieldCard, FieldCopyTestIdButton_default as FieldCopyTestIdButton, FieldValidationError_default as FieldValidationError, Form_default as Form, Grid_default as Grid, Input_default as Input, RadioBoxes_default as RadioBoxes, RadioTabs_default as RadioTabs, Radios_default as Radios, Select_default as Select, Slider_default as Slider, SubmitButton_default as SubmitButton, Switch_default as Switch, SwitchBox_default as SwitchBox, TextArea_default as TextArea, checkFieldIsRequired, clientValidationSchemaByName, createOptionValueConverter, fieldCardVariants, flatArrayKey, fromNullishString, isValueEmpty, nameToTestId, radioBoxVariants, switchBoxVariants, toFormFormat, toNullishString, toSubmitFormat, toValidationFormat, useClientValidation, useController, useFormContext, useInput, useInputValueDebounce, useInputValueTransform, useUniformField, useUniformFieldArray, useWatchUserChange };
 //# sourceMappingURL=index.js.map

package/dist/partials/FieldCopyTestIdButton/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const require_FieldCopyTestIdButton = require('../../FieldCopyTestIdButton-DxJYKqrz.cjs');
+const require_FieldCopyTestIdButton = require('../../FieldCopyTestIdButton-4uupFq1U.cjs');
 
 exports.FieldCopyTestIdButton = require_FieldCopyTestIdButton.FieldCopyTestIdButton_default$1;
 exports.default = require_FieldCopyTestIdButton.FieldCopyTestIdButton_default;

package/dist/partials/FieldCopyTestIdButton/index.d.cts

@@ -1,2 +1,2 @@
-import { n as FieldCopyTestIdButtonProps, t as FieldCopyTestIdButton } from "../../index-DsyY9X04.cjs";
+import { n as FieldCopyTestIdButtonProps, t as FieldCopyTestIdButton } from "../../index-CYMw1FYm.cjs";
 export { FieldCopyTestIdButton, FieldCopyTestIdButton as default, FieldCopyTestIdButtonProps };

package/dist/partials/FieldCopyTestIdButton/index.d.ts

@@ -1,2 +1,2 @@
-import { n as FieldCopyTestIdButtonProps, t as FieldCopyTestIdButton } from "../../index-DJbdReTK.js";
+import { n as FieldCopyTestIdButtonProps, t as FieldCopyTestIdButton } from "../../index-BUbrPNtL.js";
 export { FieldCopyTestIdButton, FieldCopyTestIdButton as default, FieldCopyTestIdButtonProps };

package/dist/partials/FieldCopyTestIdButton/index.js

@@ -1,3 +1,3 @@
-import { n as FieldCopyTestIdButton_default, t as FieldCopyTestIdButton_default$1 } from "../../FieldCopyTestIdButton-D9f1B-VS.js";
+import { n as FieldCopyTestIdButton_default, t as FieldCopyTestIdButton_default$1 } from "../../FieldCopyTestIdButton-BoEdlzLs.js";
 
 export { FieldCopyTestIdButton_default as FieldCopyTestIdButton, FieldCopyTestIdButton_default$1 as default };

package/dist/partials/FieldValidationError/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const require_FieldValidationError = require('../../FieldValidationError-A384-L3Y.cjs');
+const require_FieldValidationError = require('../../FieldValidationError-Br6iopZj.cjs');
 
 exports.FieldValidationError = require_FieldValidationError.FieldValidationError_default$1;
 exports.default = require_FieldValidationError.FieldValidationError_default;

package/dist/partials/FieldValidationError/index.d.cts

@@ -1,2 +1,2 @@
-import { n as FieldValidationErrorProps, t as FieldValidationError } from "../../index-DEJghucW.cjs";
+import { n as FieldValidationErrorProps, t as FieldValidationError } from "../../index-SrU5788P.cjs";
 export { FieldValidationError, FieldValidationError as default, FieldValidationErrorProps };

package/dist/partials/FieldValidationError/index.d.ts

@@ -1,2 +1,2 @@
-import { n as FieldValidationErrorProps, t as FieldValidationError } from "../../index-C4-1V8jn.js";
+import { n as FieldValidationErrorProps, t as FieldValidationError } from "../../index-Nzma24Py.js";
 export { FieldValidationError, FieldValidationError as default, FieldValidationErrorProps };

package/dist/partials/FieldValidationError/index.js

@@ -1,3 +1,3 @@
-import { n as FieldValidationError_default, t as FieldValidationError_default$1 } from "../../FieldValidationError-BYwitb_B.js";
+import { n as FieldValidationError_default, t as FieldValidationError_default$1 } from "../../FieldValidationError-XQaViV52.js";
 
 export { FieldValidationError_default as FieldValidationError, FieldValidationError_default$1 as default };

package/dist/{useClientValidation-C6Daq53C.js → useClientValidation-DksyV18M.js}

@@ -1,5 +1,5 @@
-import { t as flatArrayKey } from "./helpers-D3A5d3M1.js";
-import { n as useFormContext } from "./useFormContext-UFBqUfOr.js";
+import { t as flatArrayKey } from "./helpers-33jajRcN.js";
+import { n as useFormContext } from "./useFormContext-Di67HIf7.js";
 import { useEffect, useId } from "react";
 import { array, objectLoose } from "@fuf-stack/veto";
 
@@ -176,4 +176,4 @@ const clientValidationSchemaByName = (name, fieldSchema) => {
 
 //#endregion
 export { useClientValidation as n, clientValidationSchemaByName as t };
-//# sourceMappingURL=useClientValidation-C6Daq53C.js.map
+//# sourceMappingURL=useClientValidation-DksyV18M.js.map

package/dist/{useClientValidation-C6Daq53C.js.map → useClientValidation-DksyV18M.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useClientValidation-C6Daq53C.js","names":[],"sources":["../src/hooks/useClientValidation/useClientValidation.ts"],"sourcesContent":["import type { VetoTypeAny } from '@fuf-stack/veto';\n\nimport { useEffect, useId } from 'react';\n\nimport { array, objectLoose } from '@fuf-stack/veto';\n\nimport { flatArrayKey } from '../../helpers';\nimport { useFormContext } from '../useFormContext/useFormContext';\n\n/**\n * Hook for adding dynamic client-side validation to forms.\n *\n * Client validation is used for context-dependent validation rules that require external data\n * (e.g., checking if a username already exists). It complements base validation (passed to Form),\n * which handles static rules like \"required\", min/max length, format, etc.\n *\n * **Typical pattern:**\n * - Base validation: Static, always-on rules (required, format, length constraints)\n * - Client validation: Dynamic rules based on external data (uniqueness, business logic)\n * - Client schemas should use `.nullish()` to allow empty values (base validation handles \"required\")\n *\n * Automatically manages validation schema lifecycle: sets schema when data is provided,\n * clears schema when data is null/undefined, and cleans up on unmount. When the client\n * validation schema changes, automatically re-validates all touched fields.\n *\n * @param data - Data to create validation schema from (or null/undefined to clear validation)\n * @param schemaFactory - Function that creates a validation schema from the data. Schemas should typically use `.nullish()`.\n * @param options - Optional configuration object\n * @param options.key - Optional custom key for registration. Useful when multiple instances should share validation (e.g., in field arrays)\n *\n * @example\n * ```tsx\n * // Base validation handles \"required\" and format\n * const baseSchema = veto({ username: vt.string({ min: 3 }) });\n *\n * // Client validation adds dynamic uniqueness check\n * const { data: teamData } = useTeamQuery(teamId);\n * useClientValidation(teamData, (data) =>\n *   vt.objectLoose({\n *     username: vt.string()\n *       .refine(\n *         (value) => !data.existingUsers.includes(value),\n *         { message: 'Username already exists' }\n *       )\n *       .nullish() // Allow empty - base validation handles \"required\"\n *   })\n * );\n * ```\n *\n * @example\n * ```tsx\n * // Using custom key in a field array to avoid multiple registrations\n * fields.map((field, index) => (\n *   useClientValidation(\n *     userData,\n *     (data) => clientValidationSchemaByName(\n *       `items.${index}.name`,\n *       vt.string()\n *         .refine((val) => !data.forbidden.includes(val), { message: 'Name not allowed' })\n *         .nullish()\n *     ),\n *     { key: 'items-validation' } // All instances share the same key\n *   )\n * ));\n * ```\n */\nexport const useClientValidation = <TData = unknown>(\n  data: TData | null | undefined,\n  schemaFactory: (data: TData) => VetoTypeAny,\n  options?: { key?: string },\n): void => {\n  const {\n    formState: { touchedFields },\n    validation: { setClientValidationSchema },\n    trigger,\n  } = useFormContext();\n\n  // Use provided key or auto-generate unique key\n  const autoGeneratedKey = useId();\n  const key = options?.key ?? autoGeneratedKey;\n\n  // Use data hash instead of object reference to avoid unnecessary re-runs\n  // when data object reference changes but data remains the same\n  const dataHash = JSON.stringify(data);\n\n  // Single effect to manage validation schema lifecycle\n  useEffect(() => {\n    // Set validation schema when data is available\n    if (data != null) {\n      const validationSchema = schemaFactory(data);\n      setClientValidationSchema(key, validationSchema);\n    } else {\n      // Clear validation schema when no data\n      setClientValidationSchema(key, null);\n    }\n\n    // Re-validate all touched fields when client validation schema changes\n    const touchedFieldNames = Object.keys(touchedFields);\n    if (touchedFieldNames.length > 0) {\n      // Use setTimeout to ensure the client validation schema update has propagated\n      // before triggering re-validation (fixes race condition)\n      setTimeout(async () => {\n        return trigger(touchedFieldNames);\n      }, 1);\n    }\n\n    // Cleanup on unmount or when dependencies change\n    return () => {\n      setClientValidationSchema(key, null);\n    };\n    // Only re-run when data (dataHash) or key changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataHash, key]);\n};\n\n/**\n * Helper function to create a veto looseObject schema for a single field with nested path support.\n *\n * Parses field paths (dot-notation) and creates properly nested loose object schemas with array support.\n * All intermediate objects and arrays are marked as optional to allow partial data structures.\n * Numeric segments in the path are treated as array indices, and the parent field is wrapped in an array schema.\n * Supports flat arrays (arrays of primitives) via the special `__FLAT__` key.\n *\n * **Important:** The fieldSchema should typically use `.nullish()` to allow empty values. This is because:\n * - Base validation (passed to Form) handles \"required\" constraints\n * - Client validation adds dynamic, context-dependent rules (e.g., \"username already exists\")\n * - Form data processing converts empty strings in flat arrays to `null` (not `undefined`)\n * - `.nullish()` accepts both `null` and `undefined`, while `.optional()` only accepts `undefined`\n *\n * This pattern ensures client validation only validates non-empty values, while base validation\n * enforces required fields and basic constraints (min length, format, etc.).\n *\n * @param name - The dot-separated path to the field (e.g., 'username', 'user.profile.email', 'items.0.name', 'tags.0.__FLAT__')\n * @param fieldSchema - The veto validation schema for the field. Should typically use `.nullish()` to allow empty values.\n * @returns A nested loose object schema matching the field path structure with proper type inference\n *\n * @example\n * ```tsx\n * // Typical usage: base validation handles \"required\", client validation adds dynamic rules\n * // Base validation (in Form component)\n * const baseSchema = veto({ username: vt.string({ min: 3 }) }); // Required + min length\n *\n * // Client validation (dynamic check for existing usernames)\n * const { data: userData } = useUserQuery(userId);\n * useClientValidation(userData, (data) =>\n *   clientValidationSchemaByName(\n *     'username',\n *     vt.string()\n *       .refine(\n *         (value) => !data.existingUsernames.includes(value),\n *         { message: 'Username already taken' }\n *       )\n *       .nullish() // Allow empty - base validation handles \"required\"\n *   )\n * );\n * ```\n *\n * @example\n * ```tsx\n * // Nested field path with dynamic validation\n * clientValidationSchemaByName(\n *   'user.profile.email',\n *   vt.string()\n *     .refine(\n *       (value) => !reservedEmails.includes(value),\n *       { message: 'This email is reserved' }\n *     )\n *     .nullish()\n * )\n * // => objectLoose({ user: objectLoose({ profile: objectLoose({ email: ... }).optional() }).optional() })\n * ```\n *\n * @example\n * ```tsx\n * // Array of objects with dynamic validation\n * clientValidationSchemaByName(\n *   'items.0.tag',\n *   vt.string()\n *     .refine((value) => !forbiddenTags.includes(value), { message: 'Tag not allowed' })\n *     .nullish()\n * )\n * // => objectLoose({ items: array(objectLoose({ tag: ... })).optional() })\n * ```\n *\n * @example\n * ```tsx\n * // Flat array (array of primitives) with dynamic validation\n * clientValidationSchemaByName(\n *   'tags.0.__FLAT__',\n *   vt.string()\n *     .refine((value) => !forbiddenWords.includes(value), { message: 'Word not allowed' })\n *     .nullish()\n * )\n * // => objectLoose({ tags: array(vt.string().refine(...).nullish()).optional() })\n * ```\n */\nexport const clientValidationSchemaByName = <T extends VetoTypeAny>(\n  name: string,\n  fieldSchema: T,\n) => {\n  const segments = name.split('.');\n\n  // Build schema from innermost to outermost\n  let schema: VetoTypeAny = fieldSchema;\n\n  // Process segments in reverse order to build nested structure\n  for (let i = segments.length - 1; i >= 0; i -= 1) {\n    const segment = segments[i];\n\n    const isNumeric = /^\\d+$/.test(segment);\n    const isFlatArrayKey = segment === flatArrayKey;\n\n    if (isFlatArrayKey) {\n      // Skip the __FLAT__ key - it's just a marker for flat arrays\n      // The schema is already correct (primitive type), just continue\n      // eslint-disable-next-line no-continue\n      continue;\n    }\n\n    if (isNumeric) {\n      // Current segment is an array index - wrap current schema in optional array\n      schema = array(schema).optional();\n    } else {\n      // Current segment is a field name - wrap in objectLoose\n      // Make it optional if it's an intermediate object (not the root)\n      const obj = objectLoose({\n        [segment]: schema,\n      });\n      schema = i > 0 ? obj.optional() : obj;\n    }\n  }\n\n  return schema;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,MAAa,uBACX,MACA,eACA,YACS;CACT,MAAM,EACJ,WAAW,EAAE,iBACb,YAAY,EAAE,6BACd,YACE,gBAAgB;CAGpB,MAAM,mBAAmB,OAAO;CAChC,MAAM,MAAM,SAAS,OAAO;AAO5B,iBAAgB;AAEd,MAAI,QAAQ,KAEV,2BAA0B,KADD,cAAc,KAAK,CACI;MAGhD,2BAA0B,KAAK,KAAK;EAItC,MAAM,oBAAoB,OAAO,KAAK,cAAc;AACpD,MAAI,kBAAkB,SAAS,EAG7B,YAAW,YAAY;AACrB,UAAO,QAAQ,kBAAkB;KAChC,EAAE;AAIP,eAAa;AACX,6BAA0B,KAAK,KAAK;;IAIrC,CA7Bc,KAAK,UAAU,KAAK,EA6BvB,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFrB,MAAa,gCACX,MACA,gBACG;CACH,MAAM,WAAW,KAAK,MAAM,IAAI;CAGhC,IAAI,SAAsB;AAG1B,MAAK,IAAI,IAAI,SAAS,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG;EAChD,MAAM,UAAU,SAAS;EAEzB,MAAM,YAAY,QAAQ,KAAK,QAAQ;AAGvC,MAFuB,YAAY,aAMjC;AAGF,MAAI,UAEF,UAAS,MAAM,OAAO,CAAC,UAAU;OAC5B;GAGL,MAAM,MAAM,YAAY,GACrB,UAAU,QACZ,CAAC;AACF,YAAS,IAAI,IAAI,IAAI,UAAU,GAAG;;;AAItC,QAAO"}
+{"version":3,"file":"useClientValidation-DksyV18M.js","names":[],"sources":["../src/hooks/useClientValidation/useClientValidation.ts"],"sourcesContent":["import type { VetoTypeAny } from '@fuf-stack/veto';\n\nimport { useEffect, useId } from 'react';\n\nimport { array, objectLoose } from '@fuf-stack/veto';\n\nimport { flatArrayKey } from '../../helpers';\nimport { useFormContext } from '../useFormContext/useFormContext';\n\n/**\n * Hook for adding dynamic client-side validation to forms.\n *\n * Client validation is used for context-dependent validation rules that require external data\n * (e.g., checking if a username already exists). It complements base validation (passed to Form),\n * which handles static rules like \"required\", min/max length, format, etc.\n *\n * **Typical pattern:**\n * - Base validation: Static, always-on rules (required, format, length constraints)\n * - Client validation: Dynamic rules based on external data (uniqueness, business logic)\n * - Client schemas should use `.nullish()` to allow empty values (base validation handles \"required\")\n *\n * Automatically manages validation schema lifecycle: sets schema when data is provided,\n * clears schema when data is null/undefined, and cleans up on unmount. When the client\n * validation schema changes, automatically re-validates all touched fields.\n *\n * @param data - Data to create validation schema from (or null/undefined to clear validation)\n * @param schemaFactory - Function that creates a validation schema from the data. Schemas should typically use `.nullish()`.\n * @param options - Optional configuration object\n * @param options.key - Optional custom key for registration. Useful when multiple instances should share validation (e.g., in field arrays)\n *\n * @example\n * ```tsx\n * // Base validation handles \"required\" and format\n * const baseSchema = veto({ username: vt.string({ min: 3 }) });\n *\n * // Client validation adds dynamic uniqueness check\n * const { data: teamData } = useTeamQuery(teamId);\n * useClientValidation(teamData, (data) =>\n *   vt.objectLoose({\n *     username: vt.string()\n *       .refine(\n *         (value) => !data.existingUsers.includes(value),\n *         { message: 'Username already exists' }\n *       )\n *       .nullish() // Allow empty - base validation handles \"required\"\n *   })\n * );\n * ```\n *\n * @example\n * ```tsx\n * // Using custom key in a field array to avoid multiple registrations\n * fields.map((field, index) => (\n *   useClientValidation(\n *     userData,\n *     (data) => clientValidationSchemaByName(\n *       `items.${index}.name`,\n *       vt.string()\n *         .refine((val) => !data.forbidden.includes(val), { message: 'Name not allowed' })\n *         .nullish()\n *     ),\n *     { key: 'items-validation' } // All instances share the same key\n *   )\n * ));\n * ```\n */\nexport const useClientValidation = <TData = unknown>(\n  data: TData | null | undefined,\n  schemaFactory: (data: TData) => VetoTypeAny,\n  options?: { key?: string },\n): void => {\n  const {\n    formState: { touchedFields },\n    validation: { setClientValidationSchema },\n    trigger,\n  } = useFormContext();\n\n  // Use provided key or auto-generate unique key\n  const autoGeneratedKey = useId();\n  const key = options?.key ?? autoGeneratedKey;\n\n  // Use data hash instead of object reference to avoid unnecessary re-runs\n  // when data object reference changes but data remains the same\n  const dataHash = JSON.stringify(data);\n\n  // Single effect to manage validation schema lifecycle\n  useEffect(() => {\n    // Set validation schema when data is available\n    if (data != null) {\n      const validationSchema = schemaFactory(data);\n      setClientValidationSchema(key, validationSchema);\n    } else {\n      // Clear validation schema when no data\n      setClientValidationSchema(key, null);\n    }\n\n    // Re-validate all touched fields when client validation schema changes\n    const touchedFieldNames = Object.keys(touchedFields);\n    if (touchedFieldNames.length > 0) {\n      // Use setTimeout to ensure the client validation schema update has propagated\n      // before triggering re-validation (fixes race condition)\n      setTimeout(async () => {\n        return trigger(touchedFieldNames);\n      }, 1);\n    }\n\n    // Cleanup on unmount or when dependencies change\n    return () => {\n      setClientValidationSchema(key, null);\n    };\n    // Only re-run when data (dataHash) or key changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataHash, key]);\n};\n\n/**\n * Helper function to create a veto looseObject schema for a single field with nested path support.\n *\n * Parses field paths (dot-notation) and creates properly nested loose object schemas with array support.\n * All intermediate objects and arrays are marked as optional to allow partial data structures.\n * Numeric segments in the path are treated as array indices, and the parent field is wrapped in an array schema.\n * Supports flat arrays (arrays of primitives) via the special `__FLAT__` key.\n *\n * **Important:** The fieldSchema should typically use `.nullish()` to allow empty values. This is because:\n * - Base validation (passed to Form) handles \"required\" constraints\n * - Client validation adds dynamic, context-dependent rules (e.g., \"username already exists\")\n * - Form data processing converts empty strings in flat arrays to `null` (not `undefined`)\n * - `.nullish()` accepts both `null` and `undefined`, while `.optional()` only accepts `undefined`\n *\n * This pattern ensures client validation only validates non-empty values, while base validation\n * enforces required fields and basic constraints (min length, format, etc.).\n *\n * @param name - The dot-separated path to the field (e.g., 'username', 'user.profile.email', 'items.0.name', 'tags.0.__FLAT__')\n * @param fieldSchema - The veto validation schema for the field. Should typically use `.nullish()` to allow empty values.\n * @returns A nested loose object schema matching the field path structure with proper type inference\n *\n * @example\n * ```tsx\n * // Typical usage: base validation handles \"required\", client validation adds dynamic rules\n * // Base validation (in Form component)\n * const baseSchema = veto({ username: vt.string({ min: 3 }) }); // Required + min length\n *\n * // Client validation (dynamic check for existing usernames)\n * const { data: userData } = useUserQuery(userId);\n * useClientValidation(userData, (data) =>\n *   clientValidationSchemaByName(\n *     'username',\n *     vt.string()\n *       .refine(\n *         (value) => !data.existingUsernames.includes(value),\n *         { message: 'Username already taken' }\n *       )\n *       .nullish() // Allow empty - base validation handles \"required\"\n *   )\n * );\n * ```\n *\n * @example\n * ```tsx\n * // Nested field path with dynamic validation\n * clientValidationSchemaByName(\n *   'user.profile.email',\n *   vt.string()\n *     .refine(\n *       (value) => !reservedEmails.includes(value),\n *       { message: 'This email is reserved' }\n *     )\n *     .nullish()\n * )\n * // => objectLoose({ user: objectLoose({ profile: objectLoose({ email: ... }).optional() }).optional() })\n * ```\n *\n * @example\n * ```tsx\n * // Array of objects with dynamic validation\n * clientValidationSchemaByName(\n *   'items.0.tag',\n *   vt.string()\n *     .refine((value) => !forbiddenTags.includes(value), { message: 'Tag not allowed' })\n *     .nullish()\n * )\n * // => objectLoose({ items: array(objectLoose({ tag: ... })).optional() })\n * ```\n *\n * @example\n * ```tsx\n * // Flat array (array of primitives) with dynamic validation\n * clientValidationSchemaByName(\n *   'tags.0.__FLAT__',\n *   vt.string()\n *     .refine((value) => !forbiddenWords.includes(value), { message: 'Word not allowed' })\n *     .nullish()\n * )\n * // => objectLoose({ tags: array(vt.string().refine(...).nullish()).optional() })\n * ```\n */\nexport const clientValidationSchemaByName = <T extends VetoTypeAny>(\n  name: string,\n  fieldSchema: T,\n) => {\n  const segments = name.split('.');\n\n  // Build schema from innermost to outermost\n  let schema: VetoTypeAny = fieldSchema;\n\n  // Process segments in reverse order to build nested structure\n  for (let i = segments.length - 1; i >= 0; i -= 1) {\n    const segment = segments[i];\n\n    const isNumeric = /^\\d+$/.test(segment);\n    const isFlatArrayKey = segment === flatArrayKey;\n\n    if (isFlatArrayKey) {\n      // Skip the __FLAT__ key - it's just a marker for flat arrays\n      // The schema is already correct (primitive type), just continue\n      // eslint-disable-next-line no-continue\n      continue;\n    }\n\n    if (isNumeric) {\n      // Current segment is an array index - wrap current schema in optional array\n      schema = array(schema).optional();\n    } else {\n      // Current segment is a field name - wrap in objectLoose\n      // Make it optional if it's an intermediate object (not the root)\n      const obj = objectLoose({\n        [segment]: schema,\n      });\n      schema = i > 0 ? obj.optional() : obj;\n    }\n  }\n\n  return schema;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,MAAa,uBACX,MACA,eACA,YACS;CACT,MAAM,EACJ,WAAW,EAAE,iBACb,YAAY,EAAE,6BACd,YACE,gBAAgB;CAGpB,MAAM,mBAAmB,OAAO;CAChC,MAAM,MAAM,SAAS,OAAO;AAO5B,iBAAgB;AAEd,MAAI,QAAQ,KAEV,2BAA0B,KADD,cAAc,KAAK,CACI;MAGhD,2BAA0B,KAAK,KAAK;EAItC,MAAM,oBAAoB,OAAO,KAAK,cAAc;AACpD,MAAI,kBAAkB,SAAS,EAG7B,YAAW,YAAY;AACrB,UAAO,QAAQ,kBAAkB;KAChC,EAAE;AAIP,eAAa;AACX,6BAA0B,KAAK,KAAK;;IAIrC,CA7Bc,KAAK,UAAU,KAAK,EA6BvB,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFrB,MAAa,gCACX,MACA,gBACG;CACH,MAAM,WAAW,KAAK,MAAM,IAAI;CAGhC,IAAI,SAAsB;AAG1B,MAAK,IAAI,IAAI,SAAS,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG;EAChD,MAAM,UAAU,SAAS;EAEzB,MAAM,YAAY,QAAQ,KAAK,QAAQ;AAGvC,MAFuB,YAAY,aAMjC;AAGF,MAAI,UAEF,UAAS,MAAM,OAAO,CAAC,UAAU;OAC5B;GAGL,MAAM,MAAM,YAAY,GACrB,UAAU,QACZ,CAAC;AACF,YAAS,IAAI,IAAI,IAAI,UAAU,GAAG;;;AAItC,QAAO"}

package/dist/{useClientValidation-DzomULfo.cjs → useClientValidation-Dnj_wuwf.cjs}

@@ -1,6 +1,6 @@
-const require_FormContext = require('./FormContext-CeFKQmVH.cjs');
-const require_helpers = require('./helpers-CncbgvW_.cjs');
-const require_useFormContext = require('./useFormContext-DJiJlfGJ.cjs');
+const require_FormContext = require('./FormContext-BSLO2-sO.cjs');
+const require_helpers = require('./helpers-Bd_QpqXg.cjs');
+const require_useFormContext = require('./useFormContext-vdeeDsAs.cjs');
 let react = require("react");
 let _fuf_stack_veto = require("@fuf-stack/veto");
 
@@ -188,4 +188,4 @@ Object.defineProperty(exports, 'useClientValidation', {
     return useClientValidation;
   }
 });
-//# sourceMappingURL=useClientValidation-DzomULfo.cjs.map
+//# sourceMappingURL=useClientValidation-Dnj_wuwf.cjs.map

package/dist/{useClientValidation-DzomULfo.cjs.map → useClientValidation-Dnj_wuwf.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useClientValidation-DzomULfo.cjs","names":["useFormContext","flatArrayKey"],"sources":["../src/hooks/useClientValidation/useClientValidation.ts"],"sourcesContent":["import type { VetoTypeAny } from '@fuf-stack/veto';\n\nimport { useEffect, useId } from 'react';\n\nimport { array, objectLoose } from '@fuf-stack/veto';\n\nimport { flatArrayKey } from '../../helpers';\nimport { useFormContext } from '../useFormContext/useFormContext';\n\n/**\n * Hook for adding dynamic client-side validation to forms.\n *\n * Client validation is used for context-dependent validation rules that require external data\n * (e.g., checking if a username already exists). It complements base validation (passed to Form),\n * which handles static rules like \"required\", min/max length, format, etc.\n *\n * **Typical pattern:**\n * - Base validation: Static, always-on rules (required, format, length constraints)\n * - Client validation: Dynamic rules based on external data (uniqueness, business logic)\n * - Client schemas should use `.nullish()` to allow empty values (base validation handles \"required\")\n *\n * Automatically manages validation schema lifecycle: sets schema when data is provided,\n * clears schema when data is null/undefined, and cleans up on unmount. When the client\n * validation schema changes, automatically re-validates all touched fields.\n *\n * @param data - Data to create validation schema from (or null/undefined to clear validation)\n * @param schemaFactory - Function that creates a validation schema from the data. Schemas should typically use `.nullish()`.\n * @param options - Optional configuration object\n * @param options.key - Optional custom key for registration. Useful when multiple instances should share validation (e.g., in field arrays)\n *\n * @example\n * ```tsx\n * // Base validation handles \"required\" and format\n * const baseSchema = veto({ username: vt.string({ min: 3 }) });\n *\n * // Client validation adds dynamic uniqueness check\n * const { data: teamData } = useTeamQuery(teamId);\n * useClientValidation(teamData, (data) =>\n *   vt.objectLoose({\n *     username: vt.string()\n *       .refine(\n *         (value) => !data.existingUsers.includes(value),\n *         { message: 'Username already exists' }\n *       )\n *       .nullish() // Allow empty - base validation handles \"required\"\n *   })\n * );\n * ```\n *\n * @example\n * ```tsx\n * // Using custom key in a field array to avoid multiple registrations\n * fields.map((field, index) => (\n *   useClientValidation(\n *     userData,\n *     (data) => clientValidationSchemaByName(\n *       `items.${index}.name`,\n *       vt.string()\n *         .refine((val) => !data.forbidden.includes(val), { message: 'Name not allowed' })\n *         .nullish()\n *     ),\n *     { key: 'items-validation' } // All instances share the same key\n *   )\n * ));\n * ```\n */\nexport const useClientValidation = <TData = unknown>(\n  data: TData | null | undefined,\n  schemaFactory: (data: TData) => VetoTypeAny,\n  options?: { key?: string },\n): void => {\n  const {\n    formState: { touchedFields },\n    validation: { setClientValidationSchema },\n    trigger,\n  } = useFormContext();\n\n  // Use provided key or auto-generate unique key\n  const autoGeneratedKey = useId();\n  const key = options?.key ?? autoGeneratedKey;\n\n  // Use data hash instead of object reference to avoid unnecessary re-runs\n  // when data object reference changes but data remains the same\n  const dataHash = JSON.stringify(data);\n\n  // Single effect to manage validation schema lifecycle\n  useEffect(() => {\n    // Set validation schema when data is available\n    if (data != null) {\n      const validationSchema = schemaFactory(data);\n      setClientValidationSchema(key, validationSchema);\n    } else {\n      // Clear validation schema when no data\n      setClientValidationSchema(key, null);\n    }\n\n    // Re-validate all touched fields when client validation schema changes\n    const touchedFieldNames = Object.keys(touchedFields);\n    if (touchedFieldNames.length > 0) {\n      // Use setTimeout to ensure the client validation schema update has propagated\n      // before triggering re-validation (fixes race condition)\n      setTimeout(async () => {\n        return trigger(touchedFieldNames);\n      }, 1);\n    }\n\n    // Cleanup on unmount or when dependencies change\n    return () => {\n      setClientValidationSchema(key, null);\n    };\n    // Only re-run when data (dataHash) or key changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataHash, key]);\n};\n\n/**\n * Helper function to create a veto looseObject schema for a single field with nested path support.\n *\n * Parses field paths (dot-notation) and creates properly nested loose object schemas with array support.\n * All intermediate objects and arrays are marked as optional to allow partial data structures.\n * Numeric segments in the path are treated as array indices, and the parent field is wrapped in an array schema.\n * Supports flat arrays (arrays of primitives) via the special `__FLAT__` key.\n *\n * **Important:** The fieldSchema should typically use `.nullish()` to allow empty values. This is because:\n * - Base validation (passed to Form) handles \"required\" constraints\n * - Client validation adds dynamic, context-dependent rules (e.g., \"username already exists\")\n * - Form data processing converts empty strings in flat arrays to `null` (not `undefined`)\n * - `.nullish()` accepts both `null` and `undefined`, while `.optional()` only accepts `undefined`\n *\n * This pattern ensures client validation only validates non-empty values, while base validation\n * enforces required fields and basic constraints (min length, format, etc.).\n *\n * @param name - The dot-separated path to the field (e.g., 'username', 'user.profile.email', 'items.0.name', 'tags.0.__FLAT__')\n * @param fieldSchema - The veto validation schema for the field. Should typically use `.nullish()` to allow empty values.\n * @returns A nested loose object schema matching the field path structure with proper type inference\n *\n * @example\n * ```tsx\n * // Typical usage: base validation handles \"required\", client validation adds dynamic rules\n * // Base validation (in Form component)\n * const baseSchema = veto({ username: vt.string({ min: 3 }) }); // Required + min length\n *\n * // Client validation (dynamic check for existing usernames)\n * const { data: userData } = useUserQuery(userId);\n * useClientValidation(userData, (data) =>\n *   clientValidationSchemaByName(\n *     'username',\n *     vt.string()\n *       .refine(\n *         (value) => !data.existingUsernames.includes(value),\n *         { message: 'Username already taken' }\n *       )\n *       .nullish() // Allow empty - base validation handles \"required\"\n *   )\n * );\n * ```\n *\n * @example\n * ```tsx\n * // Nested field path with dynamic validation\n * clientValidationSchemaByName(\n *   'user.profile.email',\n *   vt.string()\n *     .refine(\n *       (value) => !reservedEmails.includes(value),\n *       { message: 'This email is reserved' }\n *     )\n *     .nullish()\n * )\n * // => objectLoose({ user: objectLoose({ profile: objectLoose({ email: ... }).optional() }).optional() })\n * ```\n *\n * @example\n * ```tsx\n * // Array of objects with dynamic validation\n * clientValidationSchemaByName(\n *   'items.0.tag',\n *   vt.string()\n *     .refine((value) => !forbiddenTags.includes(value), { message: 'Tag not allowed' })\n *     .nullish()\n * )\n * // => objectLoose({ items: array(objectLoose({ tag: ... })).optional() })\n * ```\n *\n * @example\n * ```tsx\n * // Flat array (array of primitives) with dynamic validation\n * clientValidationSchemaByName(\n *   'tags.0.__FLAT__',\n *   vt.string()\n *     .refine((value) => !forbiddenWords.includes(value), { message: 'Word not allowed' })\n *     .nullish()\n * )\n * // => objectLoose({ tags: array(vt.string().refine(...).nullish()).optional() })\n * ```\n */\nexport const clientValidationSchemaByName = <T extends VetoTypeAny>(\n  name: string,\n  fieldSchema: T,\n) => {\n  const segments = name.split('.');\n\n  // Build schema from innermost to outermost\n  let schema: VetoTypeAny = fieldSchema;\n\n  // Process segments in reverse order to build nested structure\n  for (let i = segments.length - 1; i >= 0; i -= 1) {\n    const segment = segments[i];\n\n    const isNumeric = /^\\d+$/.test(segment);\n    const isFlatArrayKey = segment === flatArrayKey;\n\n    if (isFlatArrayKey) {\n      // Skip the __FLAT__ key - it's just a marker for flat arrays\n      // The schema is already correct (primitive type), just continue\n      // eslint-disable-next-line no-continue\n      continue;\n    }\n\n    if (isNumeric) {\n      // Current segment is an array index - wrap current schema in optional array\n      schema = array(schema).optional();\n    } else {\n      // Current segment is a field name - wrap in objectLoose\n      // Make it optional if it's an intermediate object (not the root)\n      const obj = objectLoose({\n        [segment]: schema,\n      });\n      schema = i > 0 ? obj.optional() : obj;\n    }\n  }\n\n  return schema;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,MAAa,uBACX,MACA,eACA,YACS;CACT,MAAM,EACJ,WAAW,EAAE,iBACb,YAAY,EAAE,6BACd,YACEA,uCAAgB;CAGpB,MAAM,qCAA0B;CAChC,MAAM,MAAM,SAAS,OAAO;AAO5B,4BAAgB;AAEd,MAAI,QAAQ,KAEV,2BAA0B,KADD,cAAc,KAAK,CACI;MAGhD,2BAA0B,KAAK,KAAK;EAItC,MAAM,oBAAoB,OAAO,KAAK,cAAc;AACpD,MAAI,kBAAkB,SAAS,EAG7B,YAAW,YAAY;AACrB,UAAO,QAAQ,kBAAkB;KAChC,EAAE;AAIP,eAAa;AACX,6BAA0B,KAAK,KAAK;;IAIrC,CA7Bc,KAAK,UAAU,KAAK,EA6BvB,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFrB,MAAa,gCACX,MACA,gBACG;CACH,MAAM,WAAW,KAAK,MAAM,IAAI;CAGhC,IAAI,SAAsB;AAG1B,MAAK,IAAI,IAAI,SAAS,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG;EAChD,MAAM,UAAU,SAAS;EAEzB,MAAM,YAAY,QAAQ,KAAK,QAAQ;AAGvC,MAFuB,YAAYC,6BAMjC;AAGF,MAAI,UAEF,qCAAe,OAAO,CAAC,UAAU;OAC5B;GAGL,MAAM,uCAAkB,GACrB,UAAU,QACZ,CAAC;AACF,YAAS,IAAI,IAAI,IAAI,UAAU,GAAG;;;AAItC,QAAO"}
+{"version":3,"file":"useClientValidation-Dnj_wuwf.cjs","names":["useFormContext","flatArrayKey"],"sources":["../src/hooks/useClientValidation/useClientValidation.ts"],"sourcesContent":["import type { VetoTypeAny } from '@fuf-stack/veto';\n\nimport { useEffect, useId } from 'react';\n\nimport { array, objectLoose } from '@fuf-stack/veto';\n\nimport { flatArrayKey } from '../../helpers';\nimport { useFormContext } from '../useFormContext/useFormContext';\n\n/**\n * Hook for adding dynamic client-side validation to forms.\n *\n * Client validation is used for context-dependent validation rules that require external data\n * (e.g., checking if a username already exists). It complements base validation (passed to Form),\n * which handles static rules like \"required\", min/max length, format, etc.\n *\n * **Typical pattern:**\n * - Base validation: Static, always-on rules (required, format, length constraints)\n * - Client validation: Dynamic rules based on external data (uniqueness, business logic)\n * - Client schemas should use `.nullish()` to allow empty values (base validation handles \"required\")\n *\n * Automatically manages validation schema lifecycle: sets schema when data is provided,\n * clears schema when data is null/undefined, and cleans up on unmount. When the client\n * validation schema changes, automatically re-validates all touched fields.\n *\n * @param data - Data to create validation schema from (or null/undefined to clear validation)\n * @param schemaFactory - Function that creates a validation schema from the data. Schemas should typically use `.nullish()`.\n * @param options - Optional configuration object\n * @param options.key - Optional custom key for registration. Useful when multiple instances should share validation (e.g., in field arrays)\n *\n * @example\n * ```tsx\n * // Base validation handles \"required\" and format\n * const baseSchema = veto({ username: vt.string({ min: 3 }) });\n *\n * // Client validation adds dynamic uniqueness check\n * const { data: teamData } = useTeamQuery(teamId);\n * useClientValidation(teamData, (data) =>\n *   vt.objectLoose({\n *     username: vt.string()\n *       .refine(\n *         (value) => !data.existingUsers.includes(value),\n *         { message: 'Username already exists' }\n *       )\n *       .nullish() // Allow empty - base validation handles \"required\"\n *   })\n * );\n * ```\n *\n * @example\n * ```tsx\n * // Using custom key in a field array to avoid multiple registrations\n * fields.map((field, index) => (\n *   useClientValidation(\n *     userData,\n *     (data) => clientValidationSchemaByName(\n *       `items.${index}.name`,\n *       vt.string()\n *         .refine((val) => !data.forbidden.includes(val), { message: 'Name not allowed' })\n *         .nullish()\n *     ),\n *     { key: 'items-validation' } // All instances share the same key\n *   )\n * ));\n * ```\n */\nexport const useClientValidation = <TData = unknown>(\n  data: TData | null | undefined,\n  schemaFactory: (data: TData) => VetoTypeAny,\n  options?: { key?: string },\n): void => {\n  const {\n    formState: { touchedFields },\n    validation: { setClientValidationSchema },\n    trigger,\n  } = useFormContext();\n\n  // Use provided key or auto-generate unique key\n  const autoGeneratedKey = useId();\n  const key = options?.key ?? autoGeneratedKey;\n\n  // Use data hash instead of object reference to avoid unnecessary re-runs\n  // when data object reference changes but data remains the same\n  const dataHash = JSON.stringify(data);\n\n  // Single effect to manage validation schema lifecycle\n  useEffect(() => {\n    // Set validation schema when data is available\n    if (data != null) {\n      const validationSchema = schemaFactory(data);\n      setClientValidationSchema(key, validationSchema);\n    } else {\n      // Clear validation schema when no data\n      setClientValidationSchema(key, null);\n    }\n\n    // Re-validate all touched fields when client validation schema changes\n    const touchedFieldNames = Object.keys(touchedFields);\n    if (touchedFieldNames.length > 0) {\n      // Use setTimeout to ensure the client validation schema update has propagated\n      // before triggering re-validation (fixes race condition)\n      setTimeout(async () => {\n        return trigger(touchedFieldNames);\n      }, 1);\n    }\n\n    // Cleanup on unmount or when dependencies change\n    return () => {\n      setClientValidationSchema(key, null);\n    };\n    // Only re-run when data (dataHash) or key changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [dataHash, key]);\n};\n\n/**\n * Helper function to create a veto looseObject schema for a single field with nested path support.\n *\n * Parses field paths (dot-notation) and creates properly nested loose object schemas with array support.\n * All intermediate objects and arrays are marked as optional to allow partial data structures.\n * Numeric segments in the path are treated as array indices, and the parent field is wrapped in an array schema.\n * Supports flat arrays (arrays of primitives) via the special `__FLAT__` key.\n *\n * **Important:** The fieldSchema should typically use `.nullish()` to allow empty values. This is because:\n * - Base validation (passed to Form) handles \"required\" constraints\n * - Client validation adds dynamic, context-dependent rules (e.g., \"username already exists\")\n * - Form data processing converts empty strings in flat arrays to `null` (not `undefined`)\n * - `.nullish()` accepts both `null` and `undefined`, while `.optional()` only accepts `undefined`\n *\n * This pattern ensures client validation only validates non-empty values, while base validation\n * enforces required fields and basic constraints (min length, format, etc.).\n *\n * @param name - The dot-separated path to the field (e.g., 'username', 'user.profile.email', 'items.0.name', 'tags.0.__FLAT__')\n * @param fieldSchema - The veto validation schema for the field. Should typically use `.nullish()` to allow empty values.\n * @returns A nested loose object schema matching the field path structure with proper type inference\n *\n * @example\n * ```tsx\n * // Typical usage: base validation handles \"required\", client validation adds dynamic rules\n * // Base validation (in Form component)\n * const baseSchema = veto({ username: vt.string({ min: 3 }) }); // Required + min length\n *\n * // Client validation (dynamic check for existing usernames)\n * const { data: userData } = useUserQuery(userId);\n * useClientValidation(userData, (data) =>\n *   clientValidationSchemaByName(\n *     'username',\n *     vt.string()\n *       .refine(\n *         (value) => !data.existingUsernames.includes(value),\n *         { message: 'Username already taken' }\n *       )\n *       .nullish() // Allow empty - base validation handles \"required\"\n *   )\n * );\n * ```\n *\n * @example\n * ```tsx\n * // Nested field path with dynamic validation\n * clientValidationSchemaByName(\n *   'user.profile.email',\n *   vt.string()\n *     .refine(\n *       (value) => !reservedEmails.includes(value),\n *       { message: 'This email is reserved' }\n *     )\n *     .nullish()\n * )\n * // => objectLoose({ user: objectLoose({ profile: objectLoose({ email: ... }).optional() }).optional() })\n * ```\n *\n * @example\n * ```tsx\n * // Array of objects with dynamic validation\n * clientValidationSchemaByName(\n *   'items.0.tag',\n *   vt.string()\n *     .refine((value) => !forbiddenTags.includes(value), { message: 'Tag not allowed' })\n *     .nullish()\n * )\n * // => objectLoose({ items: array(objectLoose({ tag: ... })).optional() })\n * ```\n *\n * @example\n * ```tsx\n * // Flat array (array of primitives) with dynamic validation\n * clientValidationSchemaByName(\n *   'tags.0.__FLAT__',\n *   vt.string()\n *     .refine((value) => !forbiddenWords.includes(value), { message: 'Word not allowed' })\n *     .nullish()\n * )\n * // => objectLoose({ tags: array(vt.string().refine(...).nullish()).optional() })\n * ```\n */\nexport const clientValidationSchemaByName = <T extends VetoTypeAny>(\n  name: string,\n  fieldSchema: T,\n) => {\n  const segments = name.split('.');\n\n  // Build schema from innermost to outermost\n  let schema: VetoTypeAny = fieldSchema;\n\n  // Process segments in reverse order to build nested structure\n  for (let i = segments.length - 1; i >= 0; i -= 1) {\n    const segment = segments[i];\n\n    const isNumeric = /^\\d+$/.test(segment);\n    const isFlatArrayKey = segment === flatArrayKey;\n\n    if (isFlatArrayKey) {\n      // Skip the __FLAT__ key - it's just a marker for flat arrays\n      // The schema is already correct (primitive type), just continue\n      // eslint-disable-next-line no-continue\n      continue;\n    }\n\n    if (isNumeric) {\n      // Current segment is an array index - wrap current schema in optional array\n      schema = array(schema).optional();\n    } else {\n      // Current segment is a field name - wrap in objectLoose\n      // Make it optional if it's an intermediate object (not the root)\n      const obj = objectLoose({\n        [segment]: schema,\n      });\n      schema = i > 0 ? obj.optional() : obj;\n    }\n  }\n\n  return schema;\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkEA,MAAa,uBACX,MACA,eACA,YACS;CACT,MAAM,EACJ,WAAW,EAAE,iBACb,YAAY,EAAE,6BACd,YACEA,uCAAgB;CAGpB,MAAM,qCAA0B;CAChC,MAAM,MAAM,SAAS,OAAO;AAO5B,4BAAgB;AAEd,MAAI,QAAQ,KAEV,2BAA0B,KADD,cAAc,KAAK,CACI;MAGhD,2BAA0B,KAAK,KAAK;EAItC,MAAM,oBAAoB,OAAO,KAAK,cAAc;AACpD,MAAI,kBAAkB,SAAS,EAG7B,YAAW,YAAY;AACrB,UAAO,QAAQ,kBAAkB;KAChC,EAAE;AAIP,eAAa;AACX,6BAA0B,KAAK,KAAK;;IAIrC,CA7Bc,KAAK,UAAU,KAAK,EA6BvB,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFrB,MAAa,gCACX,MACA,gBACG;CACH,MAAM,WAAW,KAAK,MAAM,IAAI;CAGhC,IAAI,SAAsB;AAG1B,MAAK,IAAI,IAAI,SAAS,SAAS,GAAG,KAAK,GAAG,KAAK,GAAG;EAChD,MAAM,UAAU,SAAS;EAEzB,MAAM,YAAY,QAAQ,KAAK,QAAQ;AAGvC,MAFuB,YAAYC,6BAMjC;AAGF,MAAI,UAEF,qCAAe,OAAO,CAAC,UAAU;OAC5B;GAGL,MAAM,uCAAkB,GACrB,UAAU,QACZ,CAAC;AACF,YAAS,IAAI,IAAI,IAAI,UAAU,GAAG;;;AAItC,QAAO"}

package/dist/{useClientValidation-Bg0q3Axc.d.ts → useClientValidation-Dw-dmynu.d.cts}

@@ -2,7 +2,6 @@ import { VetoTypeAny } from "@fuf-stack/veto";
 import * as _fuf_stack_veto_dist_types_d_CNPgNK_V0 from "@fuf-stack/veto/dist/types.d-CNPgNK-V";
 
 //#region src/hooks/useClientValidation/useClientValidation.d.ts
-
 /**
  * Hook for adding dynamic client-side validation to forms.
  *
@@ -147,4 +146,4 @@ declare const useClientValidation: <TData = unknown>(data: TData | null | undefi
 declare const clientValidationSchemaByName: <T extends VetoTypeAny>(name: string, fieldSchema: T) => _fuf_stack_veto_dist_types_d_CNPgNK_V0.Z;
 //#endregion
 export { useClientValidation as n, clientValidationSchemaByName as t };
-//# sourceMappingURL=useClientValidation-Bg0q3Axc.d.ts.map
+//# sourceMappingURL=useClientValidation-Dw-dmynu.d.cts.map

package/dist/useClientValidation-Dw-dmynu.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClientValidation-Dw-dmynu.d.cts","names":[],"sources":["../src/hooks/useClientValidation/useClientValidation.ts"],"mappings":";;;;;;;AAkEA;;;;;;;;;;;;;;;;;;;AAkIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAlIa,mBAAA,oBACX,IAAA,EAAM,KAAA,qBACN,aAAA,GAAgB,IAAA,EAAM,KAAA,KAAU,WAAA,EAChC,OAAA;EAAY,GAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA+HD,4BAAA,aAA0C,WAAA,EACrD,IAAA,UACA,WAAA,EAAa,CAAA,KAAC,sCAAA,CAAA,CAAA"}

package/dist/{useClientValidation-BvPDQmf6.d.cts → useClientValidation-DxFgfsEI.d.ts}

@@ -2,7 +2,6 @@ import { VetoTypeAny } from "@fuf-stack/veto";
 import * as _fuf_stack_veto_dist_types_d_CNPgNK_V0 from "@fuf-stack/veto/dist/types.d-CNPgNK-V";
 
 //#region src/hooks/useClientValidation/useClientValidation.d.ts
-
 /**
  * Hook for adding dynamic client-side validation to forms.
  *
@@ -147,4 +146,4 @@ declare const useClientValidation: <TData = unknown>(data: TData | null | undefi
 declare const clientValidationSchemaByName: <T extends VetoTypeAny>(name: string, fieldSchema: T) => _fuf_stack_veto_dist_types_d_CNPgNK_V0.Z;
 //#endregion
 export { useClientValidation as n, clientValidationSchemaByName as t };
-//# sourceMappingURL=useClientValidation-BvPDQmf6.d.cts.map
+//# sourceMappingURL=useClientValidation-DxFgfsEI.d.ts.map

package/dist/useClientValidation-DxFgfsEI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClientValidation-DxFgfsEI.d.ts","names":[],"sources":["../src/hooks/useClientValidation/useClientValidation.ts"],"mappings":";;;;;;;AAkEA;;;;;;;;;;;;;;;;;;;AAkIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAlIa,mBAAA,oBACX,IAAA,EAAM,KAAA,qBACN,aAAA,GAAgB,IAAA,EAAM,KAAA,KAAU,WAAA,EAChC,OAAA;EAAY,GAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA+HD,4BAAA,aAA0C,WAAA,EACrD,IAAA,UACA,WAAA,EAAa,CAAA,KAAC,sCAAA,CAAA,CAAA"}