@fuf-stack/uniform 0.21.2 → 0.21.4

package/dist/CheckboxGroup/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk3CZLX3GWcjs = require('../chunk-3CZLX3GW.cjs');
+var _chunkSYO5Y2ODcjs = require('../chunk-SYO5Y2OD.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-PA2DQCBY.cjs');
-require('../chunk-NFMNQHP7.cjs');
+require('../chunk-YPV2TH7U.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.CheckboxGroup = _chunk3CZLX3GWcjs.CheckboxGroup_default; exports.default = _chunk3CZLX3GWcjs.CheckboxGroup_default2;
+exports.CheckboxGroup = _chunkSYO5Y2ODcjs.CheckboxGroup_default; exports.default = _chunkSYO5Y2ODcjs.CheckboxGroup_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/CheckboxGroup/index.js

@@ -1,10 +1,10 @@
 import {
   CheckboxGroup_default,
   CheckboxGroup_default2
-} from "../chunk-L4F26TIF.js";
+} from "../chunk-DLSCFVU6.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-BQGN3JTU.js";
-import "../chunk-MC56FOMX.js";
+import "../chunk-6GHD5O3M.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/FieldArray/index.cjs

@@ -1,15 +1,15 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk34SC6752cjs = require('../chunk-34SC6752.cjs');
+var _chunkJOPMDYPEcjs = require('../chunk-JOPMDYPE.cjs');
 require('../chunk-TTD3KL6E.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-PA2DQCBY.cjs');
-require('../chunk-NFMNQHP7.cjs');
+require('../chunk-YPV2TH7U.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.FieldArray = _chunk34SC6752cjs.FieldArray_default; exports.default = _chunk34SC6752cjs.FieldArray_default2;
+exports.FieldArray = _chunkJOPMDYPEcjs.FieldArray_default; exports.default = _chunkJOPMDYPEcjs.FieldArray_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/FieldArray/index.js

@@ -1,11 +1,11 @@
 import {
   FieldArray_default,
   FieldArray_default2
-} from "../chunk-ZZ72IA34.js";
+} from "../chunk-JXKKURTC.js";
 import "../chunk-B62HKKMS.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-BQGN3JTU.js";
-import "../chunk-MC56FOMX.js";
+import "../chunk-6GHD5O3M.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/Form/index.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkYCM5J5E4cjs = require('../chunk-YCM5J5E4.cjs');
-require('../chunk-NFMNQHP7.cjs');
+var _chunkFB5L3OUYcjs = require('../chunk-FB5L3OUY.cjs');
+require('../chunk-YPV2TH7U.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Form = _chunkYCM5J5E4cjs.Form_default; exports.default = _chunkYCM5J5E4cjs.Form_default2;
+exports.Form = _chunkFB5L3OUYcjs.Form_default; exports.default = _chunkFB5L3OUYcjs.Form_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Form/index.js

@@ -1,8 +1,8 @@
 import {
   Form_default,
   Form_default2
-} from "../chunk-LUHX3EP6.js";
-import "../chunk-MC56FOMX.js";
+} from "../chunk-KHMZTAHN.js";
+import "../chunk-6GHD5O3M.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/Input/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkXB3XIDVBcjs = require('../chunk-XB3XIDVB.cjs');
+var _chunkLO3ACR3Gcjs = require('../chunk-LO3ACR3G.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-PA2DQCBY.cjs');
-require('../chunk-NFMNQHP7.cjs');
+require('../chunk-YPV2TH7U.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Input = _chunkXB3XIDVBcjs.Input_default; exports.default = _chunkXB3XIDVBcjs.Input_default2;
+exports.Input = _chunkLO3ACR3Gcjs.Input_default; exports.default = _chunkLO3ACR3Gcjs.Input_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Input/index.js

@@ -1,10 +1,10 @@
 import {
   Input_default,
   Input_default2
-} from "../chunk-HJDFEGSC.js";
+} from "../chunk-ZRZEXMLL.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-BQGN3JTU.js";
-import "../chunk-MC56FOMX.js";
+import "../chunk-6GHD5O3M.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/RadioBoxes/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkTPID3SYNcjs = require('../chunk-TPID3SYN.cjs');
+var _chunkV26V5SLDcjs = require('../chunk-V26V5SLD.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-PA2DQCBY.cjs');
-require('../chunk-NFMNQHP7.cjs');
+require('../chunk-YPV2TH7U.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.RadioBoxes = _chunkTPID3SYNcjs.RadioBoxes_default; exports.default = _chunkTPID3SYNcjs.RadioBoxes_default2;
+exports.RadioBoxes = _chunkV26V5SLDcjs.RadioBoxes_default; exports.default = _chunkV26V5SLDcjs.RadioBoxes_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/RadioBoxes/index.js

@@ -1,10 +1,10 @@
 import {
   RadioBoxes_default,
   RadioBoxes_default2
-} from "../chunk-ZRI45CRF.js";
+} from "../chunk-G2RGIS2J.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-BQGN3JTU.js";
-import "../chunk-MC56FOMX.js";
+import "../chunk-6GHD5O3M.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/RadioGroup/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkEHQPOPGRcjs = require('../chunk-EHQPOPGR.cjs');
+var _chunkC26M6HNIcjs = require('../chunk-C26M6HNI.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-PA2DQCBY.cjs');
-require('../chunk-NFMNQHP7.cjs');
+require('../chunk-YPV2TH7U.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.RadioGroup = _chunkEHQPOPGRcjs.RadioGroup_default; exports.default = _chunkEHQPOPGRcjs.RadioGroup_default2;
+exports.RadioGroup = _chunkC26M6HNIcjs.RadioGroup_default; exports.default = _chunkC26M6HNIcjs.RadioGroup_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/RadioGroup/index.js

@@ -1,10 +1,10 @@
 import {
   RadioGroup_default,
   RadioGroup_default2
-} from "../chunk-YQQ3DYKS.js";
+} from "../chunk-5TKLEM36.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-BQGN3JTU.js";
-import "../chunk-MC56FOMX.js";
+import "../chunk-6GHD5O3M.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/RadioTabs/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkRJ4DYKAVcjs = require('../chunk-RJ4DYKAV.cjs');
+var _chunkDUEOXE7Lcjs = require('../chunk-DUEOXE7L.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-PA2DQCBY.cjs');
-require('../chunk-NFMNQHP7.cjs');
+require('../chunk-YPV2TH7U.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.RadioTabs = _chunkRJ4DYKAVcjs.RadioTabs_default; exports.default = _chunkRJ4DYKAVcjs.RadioTabs_default2;
+exports.RadioTabs = _chunkDUEOXE7Lcjs.RadioTabs_default; exports.default = _chunkDUEOXE7Lcjs.RadioTabs_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/RadioTabs/index.js

@@ -1,10 +1,10 @@
 import {
   RadioTabs_default,
   RadioTabs_default2
-} from "../chunk-HUYCOUFA.js";
+} from "../chunk-DHB37SIB.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-BQGN3JTU.js";
-import "../chunk-MC56FOMX.js";
+import "../chunk-6GHD5O3M.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/Select/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkMQFKDXKTcjs = require('../chunk-MQFKDXKT.cjs');
+var _chunkFCFO3XIXcjs = require('../chunk-FCFO3XIX.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-PA2DQCBY.cjs');
-require('../chunk-NFMNQHP7.cjs');
+require('../chunk-YPV2TH7U.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Select = _chunkMQFKDXKTcjs.Select_default; exports.default = _chunkMQFKDXKTcjs.Select_default2;
+exports.Select = _chunkFCFO3XIXcjs.Select_default; exports.default = _chunkFCFO3XIXcjs.Select_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Select/index.js

@@ -1,10 +1,10 @@
 import {
   Select_default,
   Select_default2
-} from "../chunk-N4V3GR6P.js";
+} from "../chunk-XVB33ASY.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-BQGN3JTU.js";
-import "../chunk-MC56FOMX.js";
+import "../chunk-6GHD5O3M.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/SubmitButton/index.cjs

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkG4GCGAMXcjs = require('../chunk-G4GCGAMX.cjs');
-require('../chunk-NFMNQHP7.cjs');
+var _chunkLFNYLVMHcjs = require('../chunk-LFNYLVMH.cjs');
+require('../chunk-YPV2TH7U.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.SubmitButton = _chunkG4GCGAMXcjs.SubmitButton_default; exports.default = _chunkG4GCGAMXcjs.SubmitButton_default2;
+exports.SubmitButton = _chunkLFNYLVMHcjs.SubmitButton_default; exports.default = _chunkLFNYLVMHcjs.SubmitButton_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/SubmitButton/index.js

@@ -1,8 +1,8 @@
 import {
   SubmitButton_default,
   SubmitButton_default2
-} from "../chunk-LASW5L3O.js";
-import "../chunk-MC56FOMX.js";
+} from "../chunk-KYWB6XUP.js";
+import "../chunk-6GHD5O3M.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/Switch/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkT7PSOKMVcjs = require('../chunk-T7PSOKMV.cjs');
+var _chunkMYLZ7KGBcjs = require('../chunk-MYLZ7KGB.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-PA2DQCBY.cjs');
-require('../chunk-NFMNQHP7.cjs');
+require('../chunk-YPV2TH7U.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Switch = _chunkT7PSOKMVcjs.Switch_default; exports.default = _chunkT7PSOKMVcjs.Switch_default2;
+exports.Switch = _chunkMYLZ7KGBcjs.Switch_default; exports.default = _chunkMYLZ7KGBcjs.Switch_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Switch/index.js

@@ -1,10 +1,10 @@
 import {
   Switch_default,
   Switch_default2
-} from "../chunk-GFXPCQYY.js";
+} from "../chunk-MU265R6G.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-BQGN3JTU.js";
-import "../chunk-MC56FOMX.js";
+import "../chunk-6GHD5O3M.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/TextArea/index.cjs

@@ -1,14 +1,14 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk6DZMJL6Acjs = require('../chunk-6DZMJL6A.cjs');
+var _chunkI7MQYNOCcjs = require('../chunk-I7MQYNOC.cjs');
 require('../chunk-GNYQC5IJ.cjs');
 require('../chunk-PA2DQCBY.cjs');
-require('../chunk-NFMNQHP7.cjs');
+require('../chunk-YPV2TH7U.cjs');
 require('../chunk-CESGUF6F.cjs');
 require('../chunk-555JRYCS.cjs');
 
 
 
-exports.TextArea = _chunk6DZMJL6Acjs.TextArea_default; exports.default = _chunk6DZMJL6Acjs.TextArea_default2;
+exports.TextArea = _chunkI7MQYNOCcjs.TextArea_default; exports.default = _chunkI7MQYNOCcjs.TextArea_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/TextArea/index.js

@@ -1,10 +1,10 @@
 import {
   TextArea_default,
   TextArea_default2
-} from "../chunk-4YF424NV.js";
+} from "../chunk-NJ4EPFX7.js";
 import "../chunk-UTFZRBBS.js";
 import "../chunk-BQGN3JTU.js";
-import "../chunk-MC56FOMX.js";
+import "../chunk-6GHD5O3M.js";
 import "../chunk-UAV6PVB4.js";
 import "../chunk-K2V4ULA2.js";
 export {

package/dist/{chunk-YQQ3DYKS.js → chunk-5TKLEM36.js}

@@ -7,7 +7,7 @@ import {
 import {
   useController,
   useFormContext
-} from "./chunk-MC56FOMX.js";
+} from "./chunk-6GHD5O3M.js";
 
 // src/RadioGroup/RadioGroup.tsx
 import { RadioGroup as HeroRadioGroup, Radio } from "@heroui/radio";
@@ -109,4 +109,4 @@ export {
   RadioGroup_default,
   RadioGroup_default2
 };
-//# sourceMappingURL=chunk-YQQ3DYKS.js.map
+//# sourceMappingURL=chunk-5TKLEM36.js.map

package/dist/{chunk-MC56FOMX.js → chunk-6GHD5O3M.js}

@@ -1,6 +1,7 @@
 import {
   fromNullishString,
-  toNullishString
+  toNullishString,
+  toValidationFormat
 } from "./chunk-UAV6PVB4.js";
 import {
   __async,
@@ -168,7 +169,11 @@ var FormProvider = ({
       e == null ? void 0 : e.preventDefault();
       return Promise.resolve();
     }
-    yield methods.handleSubmit(onSubmit)(e);
+    const wrappedOnSubmit = (data, event) => {
+      const submitData = toValidationFormat(data);
+      return onSubmit(submitData, event);
+    };
+    yield methods.handleSubmit(wrappedOnSubmit)(e);
   });
   const contextValue = useMemo2(
     () => ({
@@ -207,12 +212,17 @@ var checkFieldIsRequired = (validation, path) => {
 var useFormContext = () => {
   const _a = useHookFormContext(), {
     formState,
-    getFieldState: getFieldStateOrig
+    getFieldState: getFieldStateOrig,
+    getValues: getValuesOrig,
+    watch: watchOrig,
+    subscribe: subscribeOrig
   } = _a, otherMethods = __objRest(_a, [
     "formState",
-    // https://react-hook-form.com/docs/useform/getfieldstate
-    // for getFieldState a subscription to formState properties is needed!
-    "getFieldState"
+    // some methods that will be enhanced below
+    "getFieldState",
+    "getValues",
+    "watch",
+    "subscribe"
   ]);
   const uniformContext = useContext(UniformContext);
   const getFieldState = (name, testId) => {
@@ -226,9 +236,36 @@ var useFormContext = () => {
       testId: slugify(testId || name, { replaceDots: true })
     });
   };
+  const getValues = (...args) => {
+    const result = getValuesOrig(...args);
+    return toValidationFormat(result);
+  };
+  const watch = (...args) => {
+    const result = watchOrig(...args);
+    return toValidationFormat(result);
+  };
+  const subscribe = (...args) => {
+    const [options] = args;
+    if (options == null ? void 0 : options.callback) {
+      const originalCallback = options.callback;
+      const wrappedOptions = __spreadProps(__spreadValues({}, options), {
+        callback: (subscribeFormState) => {
+          const convertedFormState = __spreadValues(__spreadValues({}, subscribeFormState), subscribeFormState.values && {
+            values: toValidationFormat(subscribeFormState.values)
+          });
+          return originalCallback(convertedFormState);
+        }
+      });
+      return subscribeOrig(wrappedOptions);
+    }
+    return subscribeOrig(...args);
+  };
   return __spreadProps(__spreadValues(__spreadValues({}, otherMethods), uniformContext), {
+    formState,
     getFieldState,
-    formState
+    getValues,
+    subscribe,
+    watch
   });
 };
 
@@ -294,4 +331,4 @@ export {
   useFieldArray,
   useInput
 };
-//# sourceMappingURL=chunk-MC56FOMX.js.map
+//# sourceMappingURL=chunk-6GHD5O3M.js.map

package/dist/chunk-6GHD5O3M.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useClientValidation/useClientValidation.ts","../src/hooks/useFormContext/useFormContext.ts","../src/Form/subcomponents/FormContext.tsx","../src/Form/subcomponents/FormResolver.ts","../src/hooks/useController/useController.ts","../src/hooks/useFieldArray/useFieldArray.ts","../src/hooks/useInput/useInput.ts"],"sourcesContent":["/* eslint-disable import/prefer-default-export */\n\nimport type { VetoTypeAny } from '@fuf-stack/veto';\n\nimport { useEffect, useId } from 'react';\n\nimport { useFormContext } from '../useFormContext/useFormContext';\n\n/**\n * Hook for adding dynamic client-side validation to forms.\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.\n *\n * When the client validation schema changes, automatically re-validates all touched\n * fields to ensure they are validated against the new schema.\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.\n *\n * @example\n * ```tsx\n * const { data: teamData } = useTeamQuery(teamId);\n *\n * useClientValidation(teamData, (data) =>\n *   vt.object({\n *     username: vt.string().refine(\n *       (value) => !data.existingUsers.includes(value),\n *       { message: 'Username already exists' }\n *     )\n *   })\n * );\n * ```\n */\nexport const useClientValidation = <TData = unknown>(\n  data: TData | null | undefined,\n  schemaFactory: (data: TData) => VetoTypeAny,\n): void => {\n  const {\n    formState: { touchedFields },\n    validation: { setClientValidationSchema },\n    trigger,\n  } = useFormContext();\n\n  // Auto-generate unique key\n  const key = useId();\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(() => trigger(touchedFieldNames), 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","/* eslint-disable @typescript-eslint/no-explicit-any */\n\nimport type { VetoInstance } from '@fuf-stack/veto';\nimport type { FieldError, FieldValues, Path } from 'react-hook-form';\n\nimport { useContext } from 'react';\nimport { useFormContext as useHookFormContext } from 'react-hook-form';\n\nimport { slugify } from '@fuf-stack/pixel-utils';\n\nimport { UniformContext } from '../../Form/subcomponents/FormContext';\nimport { toValidationFormat } from '../../helpers';\n\n/** Schema check whether a field is required or optional */\nexport const checkFieldIsRequired = (\n  validation: VetoInstance,\n  path: string[],\n): boolean => {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const checkRequired = (schema: any) => {\n    // arrays with minLength are required\n    if (schema.type === 'array' && schema?.minLength) {\n      return true;\n    }\n    // all other fields are required if they are\n    // not optional and not nullable\n    return !schema.isOptional && !schema.isNullable;\n  };\n\n  return validation.checkSchemaPath(checkRequired, path);\n};\n\n/**\n * Custom hook that extends react-hook-form's useFormContext to add validation and state management.\n */\nexport const useFormContext = <\n  TFieldValues extends FieldValues = FieldValues,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  TContext = any,\n  TTransformedValues = TFieldValues,\n>() => {\n  const {\n    formState,\n    // some methods that will be enhanced below\n    getFieldState: getFieldStateOrig,\n    getValues: getValuesOrig,\n    watch: watchOrig,\n    subscribe: subscribeOrig,\n    // the rest of the methods pass through unchanged\n    ...otherMethods\n  } = useHookFormContext<TFieldValues, TContext, TTransformedValues>();\n\n  const uniformContext = useContext(UniformContext);\n\n  /**\n   * Updated getFieldState method which returns:\n   * - Whether the field is required by checking the validation schema\n   * - Existing field state information (errors, etc.)\n   */\n  const getFieldState = (name: Path<TFieldValues>, testId?: string) => {\n    const fieldPath =\n      typeof name === 'string' ? name.replace(/\\[\\d+\\]/g, '').split('.') : name;\n\n    // Check if the field is required using the validation schema\n    const required = uniformContext?.validation.instance\n      ? checkFieldIsRequired(uniformContext.validation.instance, fieldPath)\n      : false;\n\n    // Get the original field state (errors, etc.) from react-hook-form\n    const { error, ...rest } = getFieldStateOrig(name, formState);\n\n    return {\n      ...rest,\n      error: error as FieldError[] | undefined, // Ensure correct type for error\n      required,\n      testId: slugify(testId || name, { replaceDots: true }),\n    };\n  };\n\n  /**\n   * Wrap form value accessor methods to automatically convert from internal storage format\n   * to component-friendly format:\n   *\n   * - Convert nullish string markers: \"__NULL__\" → null, \"__FALSE__\" → false, \"__ZERO__\" → 0\n   * - Filter out empty/null values: fields with converted null/empty values are removed entirely\n   *\n   * This ensures components receive clean, predictable data without needing to handle\n   * the internal nullish string conversion system manually.\n   */\n  const getValues = ((...args: any[]) => {\n    const result = (getValuesOrig as any)(...args);\n    return toValidationFormat(result);\n  }) as typeof getValuesOrig;\n\n  const watch = ((...args: any[]) => {\n    const result = (watchOrig as any)(...args);\n    return toValidationFormat(result);\n  }) as typeof watchOrig;\n\n  const subscribe = ((...args: any[]) => {\n    // For subscribe, we need to wrap the callback to convert the values property\n    const [options] = args;\n    if (options?.callback) {\n      const originalCallback = options.callback;\n      const wrappedOptions = {\n        ...options,\n        callback: (subscribeFormState: any) => {\n          // Convert the values property if it exists\n          const convertedFormState = {\n            ...subscribeFormState,\n            ...(subscribeFormState.values && {\n              values: toValidationFormat(subscribeFormState.values),\n            }),\n          };\n          return originalCallback(convertedFormState);\n        },\n      };\n      return subscribeOrig(wrappedOptions);\n    }\n    return (subscribeOrig as any)(...args);\n  }) as typeof subscribeOrig;\n\n  return {\n    ...otherMethods,\n    ...uniformContext,\n    formState,\n    getFieldState,\n    getValues,\n    subscribe,\n    watch,\n  };\n};\n","import type {\n  VetoFormattedError,\n  VetoInstance,\n  VetoTypeAny,\n} from '@fuf-stack/veto';\nimport type { BaseSyntheticEvent, ReactNode } from 'react';\nimport type { FieldValues, SubmitHandler } from 'react-hook-form';\n\nimport React, { useMemo, useState } from 'react';\nimport { FormProvider as HookFormProvider, useForm } from 'react-hook-form';\n\nimport { useLocalStorage } from '@fuf-stack/pixels';\n\nimport { toValidationFormat } from '../../helpers';\nimport { useExtendedValidation, useFormResolver } from './FormResolver';\n\ntype DebugMode = 'debug' | 'debug-testids' | 'off' | 'disabled';\n\nexport type DebugModeSettings = {\n  /** disable form debug completely */\n  disable?: boolean;\n  /** custom localStorage key to save debug mode state */\n  localStorageKey?: string;\n};\n\nconst DEBUG_MODE_LOCAL_STORAGE_KEY_DEFAULT = 'uniform:debug-mode';\n\n/**\n * The `UniformContext` provides control over the form's submission behavior and may optionally include\n * a Veto validation schema for form validation.\n *\n * Specifically, this context offers:\n * 1. **Form Submission Control**: The `preventSubmit` function allows components to enable or disable\n *    form submissions.\n * 2. **Optional Validation Schema**: The `validation` property may hold a Veto validation schema instance\n *    that can be used to validate form fields and handle validation logic.\n * 3. **Client Validation**: The `setClientValidationSchema` function allows setting dynamic client-side\n *    validation schemas that complement the base Veto validation.\n *\n * This context is useful for components that need to interact with or control the form submission state,\n * or access the validation schema for managing form validation logic.\n */\nexport const UniformContext = React.createContext<{\n  /** Form debug mode enabled or not */\n  debugMode: DebugMode;\n  /** settings for from debug mode */\n  debugModeSettings?: DebugModeSettings;\n  /** Function to update if the form can currently be submitted */\n  preventSubmit: (prevent: boolean) => void;\n  /** Setter to enable or disable form debug mode */\n  setDebugMode: (debugMode: DebugMode) => void;\n  /** Function to trigger form submit programmatically */\n  triggerSubmit: (e?: BaseSyntheticEvent) => Promise<void> | void;\n  /** Form validation configuration */\n  validation: {\n    /** Veto validation schema instance for form validation */\n    instance?: VetoInstance;\n    /** Current validation errors in form */\n    errors?: VetoFormattedError;\n    /** Function to set client validation schema for a specific key */\n    setClientValidationSchema: (\n      key: string,\n      schema: VetoTypeAny | null,\n    ) => void;\n  };\n}>({\n  debugMode: 'off',\n  preventSubmit: () => undefined,\n  setDebugMode: () => undefined,\n  triggerSubmit: () => undefined,\n  validation: {\n    setClientValidationSchema: () => undefined,\n  },\n});\n\n// Define props for the FormProvider component, extending HookForm's props\ninterface FormProviderProps {\n  /** children form render function */\n  children: (childProps: {\n    handleSubmit: (e?: BaseSyntheticEvent) => Promise<void>;\n    isValid: boolean;\n  }) => ReactNode;\n  /** settings for from debug mode */\n  debugModeSettings?: DebugModeSettings;\n  /** initial form values */\n  initialValues?: FieldValues;\n  /** form submit handler */\n  onSubmit: SubmitHandler<FieldValues>;\n  /** Veto validation schema instance */\n  validation?: VetoInstance;\n  /** when the validation should be triggered */\n  validationTrigger: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';\n}\n\n/**\n * FormProvider component provides:\n * - Veto validation schema context\n * - Client validation schema management\n * - Submit handler with automatic data conversion and submission control with preventSubmit\n * - Form Debug Mode state\n * - React Hook Form context\n */\nconst FormProvider: React.FC<FormProviderProps> = ({\n  children,\n  debugModeSettings = undefined,\n  initialValues = undefined,\n  onSubmit,\n  validation: baseValidation = undefined,\n  validationTrigger,\n}) => {\n  // Form Debug mode state is handled in the form context\n  const [debugMode, setDebugMode] = useLocalStorage<DebugMode>(\n    debugModeSettings?.localStorageKey || DEBUG_MODE_LOCAL_STORAGE_KEY_DEFAULT,\n    'off',\n  );\n\n  // Create extended validation combining base + client validations\n  const { extendedValidation, setClientValidationSchema } =\n    useExtendedValidation(baseValidation);\n\n  // Create resolver from extended validation + get current validation errors\n  const { resolver, validationErrors, validationErrorsHash } =\n    useFormResolver(extendedValidation);\n\n  // Initialize react hook form with the resolver\n  const methods = useForm({\n    defaultValues: initialValues,\n    // set rhf mode\n    // see: https://react-hook-form.com/docs/useform#mode\n    mode: validationTrigger,\n    resolver,\n  });\n\n  // Get isValid from React Hook Form's formState\n  const isValid = methods.formState?.isValid;\n\n  // Control if the form can currently be submitted\n  const [preventSubmit, setPreventSubmit] = useState(false);\n\n  // Create submit handler with automatic data conversion\n  // eslint-disable-next-line consistent-return\n  const handleSubmit = async (e?: React.BaseSyntheticEvent) => {\n    // only prevent submit when form state is valid, because otherwise\n    // submit will only trigger validation and add errors / focus invalid fields\n    if (methods.formState.isValid && preventSubmit) {\n      console.warn(\n        '[FormProvider] form submit was prevented because preventSubmit is true...',\n      );\n      e?.preventDefault();\n      return Promise.resolve();\n    }\n\n    // Convert nullish strings and filter out empty values before submission\n    const wrappedOnSubmit = (data: FieldValues, event?: BaseSyntheticEvent) => {\n      const submitData = toValidationFormat(data);\n      return onSubmit(submitData, event);\n    };\n\n    await methods.handleSubmit(wrappedOnSubmit)(e);\n  };\n\n  // Memoize the context value to prevent re-renders\n  const contextValue = useMemo(\n    () => ({\n      // set debugMode to disabled when debugModeSettings.disable is true\n      // otherwise use current debug mode from localStorage\n      debugMode: debugModeSettings?.disable ? 'disabled' : debugMode,\n      preventSubmit: (prevent: boolean) => {\n        setPreventSubmit(prevent);\n      },\n      setClientValidationSchema,\n      setDebugMode,\n      triggerSubmit: handleSubmit,\n      validation: {\n        instance: extendedValidation,\n        errors: validationErrors,\n        setClientValidationSchema,\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [debugMode, debugModeSettings?.disable, validationErrorsHash],\n  );\n\n  return (\n    <UniformContext.Provider value={contextValue}>\n      {/* Spread all hook form props into HookFormProvider */}\n      {/* eslint-disable-next-line react/jsx-props-no-spreading */}\n      <HookFormProvider {...methods}>\n        {children({ handleSubmit, isValid })}\n      </HookFormProvider>\n    </UniformContext.Provider>\n  );\n};\n\nexport default FormProvider;\n","/* eslint-disable import/prefer-default-export */\n\nimport type {\n  VetoFormattedError,\n  VetoInstance,\n  VetoTypeAny,\n} from '@fuf-stack/veto';\nimport type { FieldValues } from 'react-hook-form';\n\nimport { useMemo, useRef, useState } from 'react';\n\nimport { and, serializeSchema, veto } from '@fuf-stack/veto';\n\n/**\n * Hook that manages client validation schemas state.\n *\n * Provides a centralized way to add/remove dynamic validation schemas\n * that can be combined with base form validation.\n *\n * @returns Object with client validation state and memoized setter function\n */\nexport const useClientValidationManager = () => {\n  // Client validation schemas state\n  const [clientValidationSchemas, setClientValidationSchemas] = useState<\n    Record<string, VetoTypeAny>\n  >({});\n\n  // Memoized function to set/clear client validation schema\n  const setClientValidationSchema = useMemo(\n    () => {\n      return (key: string, schema: VetoTypeAny | null) => {\n        // update client validation schemas\n        setClientValidationSchemas((prev) => {\n          // if no schema and no existing client validation schema for this key, do nothing\n          if (!prev[key] && !schema) {\n            return prev;\n          }\n          // if no schema, remove the client validation schema for this key\n          if (!schema) {\n            const { [key]: _removed, ...rest } = prev;\n            return rest;\n          }\n          // if schema, add or update the client validation schema for this key\n          return { ...prev, [key]: schema };\n        });\n      };\n    },\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [],\n  );\n\n  return {\n    clientValidationSchemas,\n    setClientValidationSchema,\n  };\n};\n\n/**\n * Hook that creates an extended validation instance combining base Veto validation with dynamic client validation.\n *\n * @param baseValidation - Optional base Veto validation schema\n * @returns Combined validation instance and client schema setter\n */\nexport const useExtendedValidation = (baseValidation?: VetoInstance) => {\n  // Setup client validation schemas\n  const { clientValidationSchemas, setClientValidationSchema } =\n    useClientValidationManager();\n\n  // Create client schema hash for optimized memoization\n  const clientValidationSchemasHash = JSON.stringify(\n    Object.values(clientValidationSchemas).map((schema) =>\n      serializeSchema(schema),\n    ),\n  );\n\n  // Create a stable dependency array from the client validation schemas\n  const clientSchemaValues = useMemo(\n    () => {\n      const keys = Object.keys(clientValidationSchemas).sort();\n      return keys.map((key) => clientValidationSchemas[key]).filter(Boolean);\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [clientValidationSchemasHash],\n  );\n\n  // Memoized extended validation instance\n  const extendedValidation = useMemo(\n    () => {\n      const hasBaseValidation = !!baseValidation;\n      const hasClientSchemas = clientSchemaValues.length > 0;\n\n      // If no base validation and no client schemas, return undefined\n      if (!hasBaseValidation && !hasClientSchemas) {\n        return undefined;\n      }\n\n      // If no client schemas, return base validation\n      if (!hasClientSchemas) {\n        return baseValidation;\n      }\n\n      // Combine client validation schemas\n      const clientSchemasCombined = clientSchemaValues.reduce(\n        (combined, clientSchema) => {\n          return combined ? and(combined, clientSchema) : clientSchema;\n        },\n        null,\n      );\n\n      // return combined validation\n      if (hasBaseValidation && clientSchemasCombined) {\n        return veto(\n          and((baseValidation as VetoInstance).schema, clientSchemasCombined),\n        );\n      }\n\n      // If we only have client schemas, return them as a veto instance\n      if (clientSchemasCombined) {\n        return veto(clientSchemasCombined);\n      }\n\n      // This should not happen due to the conditions above, but just in case\n      return baseValidation;\n    },\n    // Using hash-based dependency to optimize performance\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [clientValidationSchemasHash],\n  );\n\n  return {\n    extendedValidation,\n    setClientValidationSchema,\n  };\n};\n\n/**\n * Hook that creates a React Hook Form resolver from an extended validation instance.\n *\n * @param extendedValidation - Extended validation instance from useExtendedValidation\n * @returns Object containing resolver function, current validation errors, and optimization hash\n */\nexport const useFormResolver = (extendedValidation?: VetoInstance) => {\n  // Use ref to store validation errors without triggering re-renders\n  const validationErrors = useRef<VetoFormattedError>(undefined);\n\n  // Memoized resolver function for React Hook Form\n  const resolver = useMemo(() => {\n    if (!extendedValidation) {\n      return undefined;\n    }\n\n    return async (values: FieldValues) => {\n      const result = await extendedValidation.validateAsync(values);\n      validationErrors.current = result.errors;\n\n      // Transform veto result to React Hook Form format\n      return {\n        values: result.data || {},\n        errors: result.errors || {},\n      };\n    };\n  }, [extendedValidation]);\n\n  // Hash for memo dependency optimization in consuming components\n  const validationErrorsHash = JSON.stringify(validationErrors.current);\n\n  return {\n    resolver,\n    validationErrors: validationErrors.current,\n    validationErrorsHash,\n  };\n};\n","/* eslint-disable import/prefer-default-export */\n\nimport type {\n  ControllerFieldState,\n  ControllerRenderProps,\n  UseControllerProps as RHFUseControllerProps,\n  UseFormStateReturn,\n} from 'react-hook-form';\n\nimport { useController as useRHFController } from 'react-hook-form';\n\nimport { fromNullishString, toNullishString } from '../../helpers';\n\nexport type UseControllerProps<TFieldValues extends object = object> =\n  RHFUseControllerProps<TFieldValues>;\n\nexport type UseControllerReturn<TFieldValues extends object = object> = {\n  field: Omit<ControllerRenderProps<TFieldValues>, 'onChange' | 'value'> & {\n    // Using any[] to support both direct value changes and React synthetic events\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    onChange: (...event: any[]) => void;\n    value: string;\n  };\n  formState: UseFormStateReturn<TFieldValues>;\n  fieldState: ControllerFieldState;\n};\n\n/**\n * A wrapper around react-hook-form's useController that transparently handles nullish string conversions.\n *\n * Key features:\n * 1. Empty strings ('') in the UI are stored as null in form state\n * 2. Null/undefined values in form state are displayed as empty strings in the UI\n * 3. Handles both direct value changes and React synthetic events\n * 4. Maintains the same API as react-hook-form's useController\n *\n * This enables consistent handling of empty/null values while keeping a clean API\n * for form inputs that expect string values.\n *\n * @see https://react-hook-form.com/docs/usecontroller\n */\nexport const useController = <TFieldValues extends object = object>(\n  props: UseControllerProps<TFieldValues>,\n): UseControllerReturn<TFieldValues> => {\n  const { field, formState, fieldState } = useRHFController(props);\n\n  return {\n    field: {\n      ...field,\n      // Handles both direct values (onChange(\"value\")) and events (onChange(event))\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      onChange: (...event: any[]) => {\n        const value = event[0]?.target?.value ?? event[0];\n        field.onChange(toNullishString(value));\n      },\n      // Convert null/undefined to empty string for UI display\n      value: fromNullishString(field.value) as string,\n    },\n    formState,\n    fieldState,\n  };\n};\n","/* eslint-disable import/prefer-default-export */\n\n/** @see https://react-hook-form.com/docs/usefieldarray */\nexport { useFieldArray } from 'react-hook-form';\n","/* eslint-disable import/prefer-default-export */\nexport { useInput } from '@heroui/input';\n"],"mappings":"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","names":["useMemo","useState","useState","useMemo","_a"]}

package/dist/{chunk-EHQPOPGR.cjs → chunk-C26M6HNI.cjs}

@@ -7,7 +7,7 @@ var _chunkPA2DQCBYcjs = require('./chunk-PA2DQCBY.cjs');
 
 
 
-var _chunkNFMNQHP7cjs = require('./chunk-NFMNQHP7.cjs');
+var _chunkYPV2TH7Ucjs = require('./chunk-YPV2TH7U.cjs');
 
 // src/RadioGroup/RadioGroup.tsx
 var _radio = require('@heroui/radio');
@@ -39,9 +39,9 @@ var RadioGroup = ({
   options,
   testId: _testId = void 0
 }) => {
-  const { control, debugMode, getFieldState, getValues } = _chunkNFMNQHP7cjs.useFormContext.call(void 0, );
+  const { control, debugMode, getFieldState, getValues } = _chunkYPV2TH7Ucjs.useFormContext.call(void 0, );
   const { error, invalid, required, testId } = getFieldState(name, _testId);
-  const { field } = _chunkNFMNQHP7cjs.useController.call(void 0, { control, disabled, name });
+  const { field } = _chunkYPV2TH7Ucjs.useController.call(void 0, { control, disabled, name });
   const { onChange, disabled: isDisabled, onBlur, ref } = field;
   const showTestIdCopyButton = debugMode === "debug-testids";
   const showLabel = label || showTestIdCopyButton;
@@ -109,4 +109,4 @@ var RadioGroup_default2 = RadioGroup_default;
 
 
 exports.RadioGroup_default = RadioGroup_default; exports.RadioGroup_default2 = RadioGroup_default2;
-//# sourceMappingURL=chunk-EHQPOPGR.cjs.map
+//# sourceMappingURL=chunk-C26M6HNI.cjs.map

package/dist/{chunk-EHQPOPGR.cjs.map → chunk-C26M6HNI.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-EHQPOPGR.cjs","../src/RadioGroup/RadioGroup.tsx","../src/RadioGroup/index.ts"],"names":["RadioGroup_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-EHQPOPGR.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport { RadioGroup as HeroRadioGroup, Radio } from '@heroui/radio';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useController, useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport const radioGroupVariants = tv({\n  slots: {\n    // Needs group for group-data condition\n    base: 'group',\n    itemBase: '',\n    itemControl: 'bg-focus group-data-[invalid=true]:bg-danger',\n    itemDescription: '',\n    itemLabel: 'text-sm',\n    itemLabelWrapper: '',\n    itemWrapper:\n      'group-data-[invalid=true]:!border-danger [&:not(group-data-[invalid=\"true\"]):not(group-data-[selected=\"false\"])]:border-focus', // TODO: get rid of !.\n    // see HeroUI styles for group-data condition,\n    // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/select.ts\n    label:\n      'text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:text-danger',\n    wrapper: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof radioGroupVariants>;\ntype ClassName = TVClassName<typeof radioGroupVariants>;\n\nexport interface RadioGroupOption {\n  /** disables the option */\n  disabled?: boolean;\n  /** option label */\n  label?: React.ReactNode;\n  /** option icon */\n  icon?: ReactNode;\n  /** HTML data-testid attribute of the option */\n  testId?: string;\n  /** option value */\n  value: string;\n}\n\nexport interface RadioGroupProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** Determines if the Buttons are disabled or not. */\n  disabled?: boolean;\n  /** determines orientation of the Buttons. */\n  inline?: boolean;\n  /** Label displayed next to the RadioButton. */\n  label?: ReactNode;\n  /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */\n  name: string;\n  /** Radio button configuration. */\n  options: RadioGroupOption[];\n  /** Id to grab element in internal tests. */\n  testId?: string;\n}\n\n/**\n * RadioGroup component based on [HeroUI RadioGroup](https://www.heroui.com//docs/components/radio-group)\n */\nconst RadioGroup = ({\n  className = undefined,\n  disabled = false,\n  inline = false,\n  label = undefined,\n  name,\n  options,\n  testId: _testId = undefined,\n}: RadioGroupProps): ReactElement => {\n  const { control, debugMode, getFieldState, getValues } = useFormContext();\n\n  const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n  const { field } = useController({ control, disabled, name });\n  const { onChange, disabled: isDisabled, onBlur, ref } = field;\n\n  const showTestIdCopyButton = debugMode === 'debug-testids';\n  const showLabel = label || showTestIdCopyButton;\n\n  const variants = radioGroupVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  const itemClassNames = {\n    base: classNames.itemBase,\n    control: classNames.itemControl,\n    description: classNames.itemDescription,\n    label: classNames.itemLabel,\n    labelWrapper: classNames.itemLabelWrapper,\n    wrapper: classNames.itemWrapper,\n  };\n\n  return (\n    <HeroRadioGroup\n      classNames={classNames}\n      // see HeroUI styles for group-data condition (data-invalid),\n      // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/components/select/src/use-select.ts\n      data-invalid={invalid}\n      data-required={required}\n      data-testid={testId}\n      defaultValue={getValues()[name]}\n      errorMessage={\n        error && <FieldValidationError error={error} testId={testId} />\n      }\n      isDisabled={isDisabled}\n      isInvalid={invalid}\n      isRequired={required}\n      label={\n        showLabel && (\n          // eslint-disable-next-line jsx-a11y/label-has-associated-control\n          <label>\n            {label}\n            {showTestIdCopyButton && <FieldCopyTestIdButton testId={testId} />}\n          </label>\n        )\n      }\n      name={name}\n      orientation={inline ? 'horizontal' : 'vertical'}\n      onBlur={onBlur}\n      ref={ref}\n    >\n      {options.map((option) => {\n        if ('value' in option) {\n          const optionTestId = slugify(\n            `${testId}_option_${option.testId || option.value}`,\n            { replaceDots: true },\n          );\n          return (\n            <Radio\n              classNames={itemClassNames}\n              data-testid={optionTestId}\n              isDisabled={isDisabled || option.disabled}\n              key={option.value}\n              onChange={onChange}\n              value={option.value}\n            >\n              {option.label ? option.label : option.value}\n            </Radio>\n          );\n        }\n        return null;\n      })}\n    </HeroRadioGroup>\n  );\n};\n\nexport default RadioGroup;\n","import RadioGroup from './RadioGroup';\n\nexport type { RadioGroupProps } from './RadioGroup';\n\nexport { RadioGroup };\n\nexport default RadioGroup;\n"]}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-C26M6HNI.cjs","../src/RadioGroup/RadioGroup.tsx","../src/RadioGroup/index.ts"],"names":["RadioGroup_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-C26M6HNI.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { ReactElement, ReactNode } from 'react';\n\nimport { RadioGroup as HeroRadioGroup, Radio } from '@heroui/radio';\n\nimport { slugify, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { useController, useFormContext } from '../hooks';\nimport { FieldCopyTestIdButton } from '../partials/FieldCopyTestIdButton';\nimport { FieldValidationError } from '../partials/FieldValidationError';\n\nexport const radioGroupVariants = tv({\n  slots: {\n    // Needs group for group-data condition\n    base: 'group',\n    itemBase: '',\n    itemControl: 'bg-focus group-data-[invalid=true]:bg-danger',\n    itemDescription: '',\n    itemLabel: 'text-sm',\n    itemLabelWrapper: '',\n    itemWrapper:\n      'group-data-[invalid=true]:!border-danger [&:not(group-data-[invalid=\"true\"]):not(group-data-[selected=\"false\"])]:border-focus', // TODO: get rid of !.\n    // see HeroUI styles for group-data condition,\n    // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/core/theme/src/components/select.ts\n    label:\n      'text-sm text-foreground subpixel-antialiased group-data-[invalid=true]:text-danger',\n    wrapper: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof radioGroupVariants>;\ntype ClassName = TVClassName<typeof radioGroupVariants>;\n\nexport interface RadioGroupOption {\n  /** disables the option */\n  disabled?: boolean;\n  /** option label */\n  label?: React.ReactNode;\n  /** option icon */\n  icon?: ReactNode;\n  /** HTML data-testid attribute of the option */\n  testId?: string;\n  /** option value */\n  value: string;\n}\n\nexport interface RadioGroupProps extends VariantProps {\n  /** CSS class name */\n  className?: ClassName;\n  /** Determines if the Buttons are disabled or not. */\n  disabled?: boolean;\n  /** determines orientation of the Buttons. */\n  inline?: boolean;\n  /** Label displayed next to the RadioButton. */\n  label?: ReactNode;\n  /** Name the RadioButtons are registered at in HTML forms (react-hook-form). */\n  name: string;\n  /** Radio button configuration. */\n  options: RadioGroupOption[];\n  /** Id to grab element in internal tests. */\n  testId?: string;\n}\n\n/**\n * RadioGroup component based on [HeroUI RadioGroup](https://www.heroui.com//docs/components/radio-group)\n */\nconst RadioGroup = ({\n  className = undefined,\n  disabled = false,\n  inline = false,\n  label = undefined,\n  name,\n  options,\n  testId: _testId = undefined,\n}: RadioGroupProps): ReactElement => {\n  const { control, debugMode, getFieldState, getValues } = useFormContext();\n\n  const { error, invalid, required, testId } = getFieldState(name, _testId);\n\n  const { field } = useController({ control, disabled, name });\n  const { onChange, disabled: isDisabled, onBlur, ref } = field;\n\n  const showTestIdCopyButton = debugMode === 'debug-testids';\n  const showLabel = label || showTestIdCopyButton;\n\n  const variants = radioGroupVariants();\n  const classNames = variantsToClassNames(variants, className, 'base');\n\n  const itemClassNames = {\n    base: classNames.itemBase,\n    control: classNames.itemControl,\n    description: classNames.itemDescription,\n    label: classNames.itemLabel,\n    labelWrapper: classNames.itemLabelWrapper,\n    wrapper: classNames.itemWrapper,\n  };\n\n  return (\n    <HeroRadioGroup\n      classNames={classNames}\n      // see HeroUI styles for group-data condition (data-invalid),\n      // e.g.: https://github.com/heroui-inc/heroui/blob/main/packages/components/select/src/use-select.ts\n      data-invalid={invalid}\n      data-required={required}\n      data-testid={testId}\n      defaultValue={getValues()[name]}\n      errorMessage={\n        error && <FieldValidationError error={error} testId={testId} />\n      }\n      isDisabled={isDisabled}\n      isInvalid={invalid}\n      isRequired={required}\n      label={\n        showLabel && (\n          // eslint-disable-next-line jsx-a11y/label-has-associated-control\n          <label>\n            {label}\n            {showTestIdCopyButton && <FieldCopyTestIdButton testId={testId} />}\n          </label>\n        )\n      }\n      name={name}\n      orientation={inline ? 'horizontal' : 'vertical'}\n      onBlur={onBlur}\n      ref={ref}\n    >\n      {options.map((option) => {\n        if ('value' in option) {\n          const optionTestId = slugify(\n            `${testId}_option_${option.testId || option.value}`,\n            { replaceDots: true },\n          );\n          return (\n            <Radio\n              classNames={itemClassNames}\n              data-testid={optionTestId}\n              isDisabled={isDisabled || option.disabled}\n              key={option.value}\n              onChange={onChange}\n              value={option.value}\n            >\n              {option.label ? option.label : option.value}\n            </Radio>\n          );\n        }\n        return null;\n      })}\n    </HeroRadioGroup>\n  );\n};\n\nexport default RadioGroup;\n","import RadioGroup from './RadioGroup';\n\nexport type { RadioGroupProps } from './RadioGroup';\n\nexport { RadioGroup };\n\nexport default RadioGroup;\n"]}

package/dist/{chunk-HUYCOUFA.js → chunk-DHB37SIB.js}

@@ -7,7 +7,7 @@ import {
 import {
   useController,
   useFormContext
-} from "./chunk-MC56FOMX.js";
+} from "./chunk-6GHD5O3M.js";
 
 // src/RadioTabs/RadioTabs.tsx
 import { RadioGroup as HeroRadioGroup } from "@heroui/radio";
@@ -101,4 +101,4 @@ export {
   RadioTabs_default,
   RadioTabs_default2
 };
-//# sourceMappingURL=chunk-HUYCOUFA.js.map
+//# sourceMappingURL=chunk-DHB37SIB.js.map

package/dist/{chunk-L4F26TIF.js → chunk-DLSCFVU6.js}

@@ -7,7 +7,7 @@ import {
 import {
   useController,
   useFormContext
-} from "./chunk-MC56FOMX.js";
+} from "./chunk-6GHD5O3M.js";
 import {
   __spreadProps,
   __spreadValues
@@ -182,4 +182,4 @@ export {
   CheckboxGroup_default,
   CheckboxGroup_default2
 };
-//# sourceMappingURL=chunk-L4F26TIF.js.map
+//# sourceMappingURL=chunk-DLSCFVU6.js.map