@fuf-stack/uniform 1.22.2 → 1.22.4

package/dist/hooks/useUniformField/index.js

@@ -1,8 +1,8 @@
 import { isValueEmpty } from "../../helpers/index.js";
 import { n as FieldCopyTestIdButton } from "../../FieldCopyTestIdButton-Dpmo0uBV.js";
 import { n as FieldValidationError } from "../../FieldValidationError-ktTyyyip.js";
-import { t as useController } from "../../useController-DVF2y3O3.js";
-import { n as useFormContext } from "../../useFormContext-DJ-9hs8X.js";
+import { t as useController } from "../../useController-B287flU_.js";
+import { n as useFormContext } from "../../useFormContext-CT8H8xIe.js";
 import { t as useInput } from "../../useInput-CVm3tP78.js";
 import { t as useInputValueTransform } from "../../useInputValueTransform-CXdmtc0Q.js";
 import "react";

package/dist/hooks/useUniformFieldArray/index.cjs

@@ -1,8 +1,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-require("../../FormContext-CjDd8Zej.cjs");
+require("../../FormContext-DsmS_mkO.cjs");
 const require_helpers_index = require("../../helpers/index.cjs");
-const require_useFormContext = require("../../useFormContext-C_EQr8dV.cjs");
+const require_useFormContext = require("../../useFormContext-CrXwNYiB.cjs");
 const require_hooks_useUniformField_index = require("../useUniformField/index.cjs");
+const require_hooks_useWatchFormReset_index = require("../useWatchFormReset/index.cjs");
 let react = require("react");
 let _fuf_stack_pixel_motion = require("@fuf-stack/pixel-motion");
 let react_hook_form = require("react-hook-form");
@@ -11,7 +12,9 @@ let react_hook_form = require("react-hook-form");
 * Enhanced useFieldArray hook with initialization and animation logic.
 * Based on React Hook Form's useFieldArray with additional features:
 * - Automatic initialization when lastElementNotRemovable is set
+* - Reset-only normalization for stale empty placeholder rows (via useWatchFormReset)
 * - Animation control (disabled during initialization)
+* - Temporary animation disable during reset normalization collapse
 * - Support for flat arrays (arrays of primitives)
 *
 * Note: Automatic validation triggering on length change is disabled to prevent
@@ -27,11 +30,11 @@ const useUniformFieldArray = ({ name, flat = false, elementInitialValue: _elemen
 		label
 	});
 	const { control } = uniformField;
-	const { fields, append, remove, insert, move } = (0, react_hook_form.useFieldArray)({
+	const { fields, append, remove, insert, move, replace } = (0, react_hook_form.useFieldArray)({
 		control,
 		name
 	});
-	const { trigger, setValue } = require_useFormContext.useFormContext();
+	const { trigger, setValue, getValues } = require_useFormContext.useFormContext();
 	const needsInitialize = (0, react.useMemo)(() => {
 		return lastElementNotRemovable && fields.length === 0;
 	}, [lastElementNotRemovable, fields.length]);
@@ -52,6 +55,22 @@ const useUniformFieldArray = ({ name, flat = false, elementInitialValue: _elemen
 	const elementInitialValue = (0, react.useMemo)(() => {
 		return flat ? { [require_helpers_index.flatArrayKey]: _elementInitialValue ?? null } : _elementInitialValue ?? {};
 	}, [flat, _elementInitialValue]);
+	require_hooks_useWatchFormReset_index.useWatchFormReset({ onReset: () => {
+		const currentValue = getValues(name);
+		const valueIsArray = Array.isArray(currentValue);
+		const arrayValue = valueIsArray ? currentValue : [];
+		const normalizedLength = lastElementNotRemovable ? 1 : 0;
+		const alreadyNormalized = valueIsArray && arrayValue.length === normalizedLength;
+		if (!(!valueIsArray || arrayValue.length === 0 || arrayValue.every((entry) => {
+			return require_helpers_index.isValueEmpty(entry);
+		}))) return;
+		if (alreadyNormalized) return;
+		setDisableAnimation(true);
+		replace(lastElementNotRemovable ? [elementInitialValue] : []);
+		if (!prefersReducedMotion) setTimeout(() => {
+			setDisableAnimation(false);
+		}, 1);
+	} });
 	(0, react.useEffect)(() => {
 		if (needsInitialize) {
 			setValue(name, [elementInitialValue], {

package/dist/hooks/useUniformFieldArray/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["useUniformField","useFormContext","flatArrayKey"],"sources":["../../../src/hooks/useUniformFieldArray/useUniformFieldArray.ts","../../../src/hooks/useUniformFieldArray/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { ArrayPath, FieldValues, Path } from 'react-hook-form';\n\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { useFieldArray as useRHFFieldArray } from 'react-hook-form';\n\nimport { useReducedMotion } from '@fuf-stack/pixel-motion';\n\nimport { flatArrayKey } from '../../helpers';\nimport { useFormContext } from '../useFormContext';\nimport { useUniformField } from '../useUniformField';\n\nexport interface UseUniformFieldArrayProps<\n  TFieldValues extends FieldValues = FieldValues,\n> {\n  /** Field name for the array */\n  name: ArrayPath<TFieldValues>;\n  /** Whether this is a flat array (array of primitives) */\n  flat?: boolean;\n  /** Initial value for new array elements */\n  elementInitialValue?: unknown;\n  /** Whether the last element cannot be removed (always maintain at least one element) */\n  lastElementNotRemovable?: boolean;\n  /** Disable the field */\n  disabled?: boolean;\n  /** Optional explicit test id used to build stable test ids */\n  testId?: string;\n  /** Optional label content */\n  label?: ReactNode;\n}\n\n/**\n * Enhanced useFieldArray hook with initialization and animation logic.\n * Based on React Hook Form's useFieldArray with additional features:\n * - Automatic initialization when lastElementNotRemovable is set\n * - Animation control (disabled during initialization)\n * - Support for flat arrays (arrays of primitives)\n *\n * Note: Automatic validation triggering on length change is disabled to prevent\n * triggering form-wide validation. Array validation still runs on form submission.\n *\n * @see https://react-hook-form.com/docs/usefieldarray\n */\nexport const useUniformFieldArray = <\n  TFieldValues extends FieldValues = FieldValues,\n>({\n  name,\n  flat = false,\n  elementInitialValue: _elementInitialValue = null,\n  lastElementNotRemovable = false,\n  disabled,\n  testId: explicitTestId,\n  label,\n}: UseUniformFieldArrayProps<TFieldValues>) => {\n  // Get uniform field state and utilities\n  const uniformField = useUniformField<TFieldValues>({\n    name: name as Path<TFieldValues> & string,\n    disabled,\n    testId: explicitTestId,\n    label,\n  });\n\n  const { control } = uniformField;\n\n  const { fields, append, remove, insert, move } = useRHFFieldArray({\n    control,\n    name,\n  });\n\n  const { trigger, setValue } = useFormContext<TFieldValues>();\n\n  // Determine if initialization is needed (initially or after reset).\n  // This flag automatically handles both scenarios:\n  // - Initial mount: fields.length starts at 0\n  // - Form reset: fields.length becomes 0 again\n  // Additional initialization conditions can be added here later (e.g., minElements > 0)\n  // Using useMemo ensures this value is properly tracked by React and effects can depend on it\n  const needsInitialize = useMemo(() => {\n    return lastElementNotRemovable && fields.length === 0;\n  }, [lastElementNotRemovable, fields.length]);\n\n  // Track whether initialization has completed. Initialized contextually:\n  // - If initialization IS needed (needsInitialize = true): starts as false, set to true after init\n  // - If initialization is NOT needed (needsInitialize = false): starts as true (already initialized)\n  // This ref is used to:\n  // 1. Skip validation during initialization/re-initialization\n  // 2. Gate animation enabling until after initialization\n  // 3. Gate motion preference effect until after initialization\n  const hasInitialized = useRef(!needsInitialize);\n\n  // Reset initialization flag when needsInitialize changes to true.\n  // This handles form reset: when fields become empty (needsInitialize becomes true),\n  // hasInitialized is reset to false, triggering re-initialization in the effect below.\n  useEffect(() => {\n    if (needsInitialize) {\n      hasInitialized.current = false;\n    }\n  }, [needsInitialize]);\n\n  // Validate array-level constraints (min/max items) when length changes.\n  // This ensures min/max errors appear instantly when user adds/removes items.\n  // Note: Child field validation also runs, but new empty fields won't show as invalid\n  // because useFormContext only sets invalid=true for touched fields or after form submission.\n  // Skip validation during initialization/re-initialization to avoid showing errors prematurely.\n  useEffect(() => {\n    if (hasInitialized.current) {\n      setTimeout(() => {\n        trigger(name as Path<TFieldValues>);\n      }, 200);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fields.length]);\n\n  // Animation control: Start with animations disabled to prevent animating in initial elements.\n  // Will be enabled after initialization completes (unless user prefers reduced motion).\n  const [disableAnimation, setDisableAnimation] = useState(true);\n\n  // Respond to user's motion preference changes (after initialization).\n  // During initialization, animations stay disabled regardless of preference.\n  const prefersReducedMotion = useReducedMotion();\n  useEffect(() => {\n    if (hasInitialized.current) {\n      setDisableAnimation(!!prefersReducedMotion);\n    }\n  }, [prefersReducedMotion]);\n\n  // Prepare initial element value based on mode\n  // - flat=true: arrays of primitives → object with flatArrayKey and null value by default\n  // - flat=false: arrays of objects → empty object by default\n  const elementInitialValue = useMemo(() => {\n    return flat\n      ? { [flatArrayKey]: _elementInitialValue ?? null }\n      : (_elementInitialValue ?? {});\n  }, [flat, _elementInitialValue]);\n\n  // Initialization/Re-initialization: Add initial element when needed.\n  // This handles both initial mount and form reset scenarios by reacting to needsInitialize.\n  // CRITICAL: This effect MUST be the LAST hook in this component.\n  // It sets hasInitialized.current = true, which acts as a gate for other effects.\n  // If this runs before other effects, hasInitialized will be true during their first run,\n  // causing them to execute logic meant only for post-initialization (e.g., validation,\n  // animation enabling). By placing this last, all other effects run first with\n  // hasInitialized = false, allowing them to skip initialization-phase logic.\n  useEffect(\n    () => {\n      if (needsInitialize) {\n        // use setValue instead of append to avoid focusing the added element\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        setValue(name as Path<TFieldValues>, [elementInitialValue] as any, {\n          shouldDirty: false,\n          shouldTouch: false,\n        });\n\n        // Mark initialization as complete\n        hasInitialized.current = true;\n\n        // Enable animations after a brief delay (unless user prefers reduced motion or animations are already enabled).\n        // This only runs on initial mount when animations start disabled.\n        // On reset, disableAnimation is typically false, so this setTimeout won't run and animations stay enabled.\n        if (!prefersReducedMotion && disableAnimation) {\n          setTimeout(() => {\n            setDisableAnimation(false);\n          }, 1);\n        }\n      }\n    },\n    // Run when needsInitialize changes (initial mount or reset)\n    // needsInitialize is memoized based on fields.length and lastElementNotRemovable\n    // Other dependencies are intentionally omitted:\n    // - append, setValue, trigger, setDisableAnimation are stable refs/functions\n    // - elementInitialValue, name, flat, prefersReducedMotion, disableAnimation are props/stable values\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [needsInitialize],\n  );\n\n  return {\n    // Field array methods and state\n    fields,\n    append,\n    remove,\n    insert,\n    move,\n    disableAnimation,\n    elementInitialValue,\n    // Uniform field state and utilities (spread all)\n    ...uniformField,\n  };\n};\n","/* v8 ignore start */\n\nexport * from './useUniformFieldArray';\n\n/* v8 ignore stop */\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AA2CA,MAAa,wBAEX,EACA,MACA,OAAO,OACP,qBAAqB,uBAAuB,MAC5C,0BAA0B,OAC1B,UACA,QAAQ,gBACR,YAC6C;CAE7C,MAAM,eAAeA,oCAAAA,gBAA8B;EAC3C;EACN;EACA,QAAQ;EACR;CACF,CAAC;CAED,MAAM,EAAE,YAAY;CAEpB,MAAM,EAAE,QAAQ,QAAQ,QAAQ,QAAQ,UAAA,GAAA,gBAAA,eAA0B;EAChE;EACA;CACF,CAAC;CAED,MAAM,EAAE,SAAS,aAAaC,uBAAAA,eAA6B;CAQ3D,MAAM,mBAAA,GAAA,MAAA,eAAgC;EACpC,OAAO,2BAA2B,OAAO,WAAW;CACtD,GAAG,CAAC,yBAAyB,OAAO,MAAM,CAAC;CAS3C,MAAM,kBAAA,GAAA,MAAA,QAAwB,CAAC,eAAe;CAK9C,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,iBACF,eAAe,UAAU;CAE7B,GAAG,CAAC,eAAe,CAAC;CAOpB,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,eAAe,SACjB,iBAAiB;GACf,QAAQ,IAA0B;EACpC,GAAG,GAAG;CAGV,GAAG,CAAC,OAAO,MAAM,CAAC;CAIlB,MAAM,CAAC,kBAAkB,wBAAA,GAAA,MAAA,UAAgC,IAAI;CAI7D,MAAM,wBAAA,GAAA,wBAAA,kBAAwC;CAC9C,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,eAAe,SACjB,oBAAoB,CAAC,CAAC,oBAAoB;CAE9C,GAAG,CAAC,oBAAoB,CAAC;CAKzB,MAAM,uBAAA,GAAA,MAAA,eAAoC;EACxC,OAAO,OACH,GAAGC,sBAAAA,eAAe,wBAAwB,KAAK,IAC9C,wBAAwB,CAAC;CAChC,GAAG,CAAC,MAAM,oBAAoB,CAAC;CAU/B,CAAA,GAAA,MAAA,iBACQ;EACJ,IAAI,iBAAiB;GAGnB,SAAS,MAA4B,CAAC,mBAAmB,GAAU;IACjE,aAAa;IACb,aAAa;GACf,CAAC;GAGD,eAAe,UAAU;GAKzB,IAAI,CAAC,wBAAwB,kBAC3B,iBAAiB;IACf,oBAAoB,KAAK;GAC3B,GAAG,CAAC;EAER;CACF,GAOA,CAAC,eAAe,CAClB;CAEA,OAAO;EAEL;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,GAAG;CACL;AACF"}
+{"version":3,"file":"index.cjs","names":["useUniformField","useFormContext","flatArrayKey","isValueEmpty"],"sources":["../../../src/hooks/useUniformFieldArray/useUniformFieldArray.ts","../../../src/hooks/useUniformFieldArray/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { ArrayPath, FieldValues, Path } from 'react-hook-form';\n\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { useFieldArray as useRHFFieldArray } from 'react-hook-form';\n\nimport { useReducedMotion } from '@fuf-stack/pixel-motion';\n\nimport { flatArrayKey, isValueEmpty } from '../../helpers';\nimport { useFormContext } from '../useFormContext';\nimport { useUniformField } from '../useUniformField';\nimport { useWatchFormReset } from '../useWatchFormReset';\n\nexport interface UseUniformFieldArrayProps<\n  TFieldValues extends FieldValues = FieldValues,\n> {\n  /** Field name for the array */\n  name: ArrayPath<TFieldValues>;\n  /** Whether this is a flat array (array of primitives) */\n  flat?: boolean;\n  /** Initial value for new array elements */\n  elementInitialValue?: unknown;\n  /** Whether the last element cannot be removed (always maintain at least one element) */\n  lastElementNotRemovable?: boolean;\n  /** Disable the field */\n  disabled?: boolean;\n  /** Optional explicit test id used to build stable test ids */\n  testId?: string;\n  /** Optional label content */\n  label?: ReactNode;\n}\n\n/**\n * Enhanced useFieldArray hook with initialization and animation logic.\n * Based on React Hook Form's useFieldArray with additional features:\n * - Automatic initialization when lastElementNotRemovable is set\n * - Reset-only normalization for stale empty placeholder rows (via useWatchFormReset)\n * - Animation control (disabled during initialization)\n * - Temporary animation disable during reset normalization collapse\n * - Support for flat arrays (arrays of primitives)\n *\n * Note: Automatic validation triggering on length change is disabled to prevent\n * triggering form-wide validation. Array validation still runs on form submission.\n *\n * @see https://react-hook-form.com/docs/usefieldarray\n */\nexport const useUniformFieldArray = <\n  TFieldValues extends FieldValues = FieldValues,\n>({\n  name,\n  flat = false,\n  elementInitialValue: _elementInitialValue = null,\n  lastElementNotRemovable = false,\n  disabled,\n  testId: explicitTestId,\n  label,\n}: UseUniformFieldArrayProps<TFieldValues>) => {\n  // Get uniform field state and utilities\n  const uniformField = useUniformField<TFieldValues>({\n    name: name as Path<TFieldValues> & string,\n    disabled,\n    testId: explicitTestId,\n    label,\n  });\n\n  const { control } = uniformField;\n\n  const { fields, append, remove, insert, move, replace } = useRHFFieldArray({\n    control,\n    name,\n  });\n\n  const { trigger, setValue, getValues } = useFormContext<TFieldValues>();\n\n  // Determine if initialization is needed (initially or after reset).\n  // lastElementNotRemovable is purely a minimum-count guarantee: when there are\n  // no rows, add one. This handles both:\n  // - Initial mount: fields.length starts at 0\n  // - Form reset to an empty array: fields.length becomes 0 again\n  // It intentionally does NOT inspect row contents, so manually added empty rows\n  // are never collapsed.\n  const needsInitialize = useMemo(() => {\n    return lastElementNotRemovable && fields.length === 0;\n  }, [lastElementNotRemovable, fields.length]);\n\n  // Track whether initialization has completed. Initialized contextually:\n  // - If initialization IS needed (needsInitialize = true): starts as false, set to true after init\n  // - If initialization is NOT needed (needsInitialize = false): starts as true (already initialized)\n  // This ref is used to:\n  // 1. Skip validation during initialization/re-initialization\n  // 2. Gate animation enabling until after initialization\n  // 3. Gate motion preference effect until after initialization\n  const hasInitialized = useRef(!needsInitialize);\n\n  // Reset initialization flag when needsInitialize changes to true.\n  // This handles form reset: when fields become empty (needsInitialize becomes true),\n  // hasInitialized is reset to false, triggering re-initialization in the effect below.\n  useEffect(() => {\n    if (needsInitialize) {\n      hasInitialized.current = false;\n    }\n  }, [needsInitialize]);\n\n  // Validate array-level constraints (min/max items) when length changes.\n  // This ensures min/max errors appear instantly when user adds/removes items.\n  // Note: Child field validation also runs, but new empty fields won't show as invalid\n  // because useFormContext only sets invalid=true for touched fields or after form submission.\n  // Skip validation during initialization/re-initialization to avoid showing errors prematurely.\n  useEffect(() => {\n    if (hasInitialized.current) {\n      setTimeout(() => {\n        trigger(name as Path<TFieldValues>);\n      }, 200);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fields.length]);\n\n  // Animation control: Start with animations disabled to prevent animating in initial elements.\n  // Will be enabled after initialization completes (unless user prefers reduced motion).\n  const [disableAnimation, setDisableAnimation] = useState(true);\n\n  // Respond to user's motion preference changes (after initialization).\n  // During initialization, animations stay disabled regardless of preference.\n  const prefersReducedMotion = useReducedMotion();\n  useEffect(() => {\n    if (hasInitialized.current) {\n      setDisableAnimation(!!prefersReducedMotion);\n    }\n  }, [prefersReducedMotion]);\n\n  // Prepare initial element value based on mode\n  // - flat=true: arrays of primitives → object with flatArrayKey and null value by default\n  // - flat=false: arrays of objects → empty object by default\n  const elementInitialValue = useMemo(() => {\n    return flat\n      ? { [flatArrayKey]: _elementInitialValue ?? null }\n      : (_elementInitialValue ?? {});\n  }, [flat, _elementInitialValue]);\n\n  // Reset normalization:\n  // Run ONLY when an actual form reset is emitted (via useWatchFormReset), not\n  // on regular field edits. This does not collapse rows users add manually.\n  //\n  // Why this exists:\n  // RHF can keep stale field-array rows after reset when array defaults are\n  // missing (e.g. value becomes undefined or [null, null] while UI still has\n  // multiple rows). We normalize this reset-only state to:\n  // - one row when lastElementNotRemovable is enabled\n  // - zero rows otherwise\n  useWatchFormReset({\n    onReset: () => {\n      const currentValue = getValues(name as Path<TFieldValues>) as unknown;\n      const valueIsArray = Array.isArray(currentValue);\n      const arrayValue = valueIsArray ? (currentValue as unknown[]) : [];\n      const normalizedLength = lastElementNotRemovable ? 1 : 0;\n      const alreadyNormalized =\n        valueIsArray && arrayValue.length === normalizedLength;\n\n      // Treat these as \"effectively empty after reset\":\n      // - value missing/not-array\n      // - empty array\n      // - array where all entries are empty placeholders\n      const isEffectivelyEmptyAfterReset =\n        !valueIsArray ||\n        arrayValue.length === 0 ||\n        arrayValue.every((entry) => {\n          return isValueEmpty(entry);\n        });\n\n      // Nothing to fix when the reset restored real values (e.g. from defaults).\n      if (!isEffectivelyEmptyAfterReset) {\n        return;\n      }\n\n      // Already normalized to the target row count.\n      if (alreadyNormalized) {\n        return;\n      }\n\n      // Avoid collapse animation flicker during reset normalization.\n      setDisableAnimation(true);\n\n      // use replace so the RHF field-array length actually matches the target.\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      replace((lastElementNotRemovable ? [elementInitialValue] : []) as any);\n\n      // Restore normal animation state right after normalization.\n      if (!prefersReducedMotion) {\n        setTimeout(() => {\n          setDisableAnimation(false);\n        }, 1);\n      }\n    },\n  });\n\n  // Initialization/Re-initialization: add one element only when array length is 0.\n  // This is the min-count behavior for lastElementNotRemovable and is intentionally\n  // separate from reset normalization above.\n  //\n  // Reset behavior in this hook is split into two phases:\n  // 1) Reset normalization (useWatchFormReset): collapse stale placeholder rows\n  //    left by reset edge cases.\n  // 2) Length-based initialization (this effect): ensure a min-one array when\n  //    the field array is truly empty.\n  // CRITICAL: This effect MUST be the LAST hook in this component.\n  // It sets hasInitialized.current = true, which acts as a gate for other effects.\n  // If this runs before other effects, hasInitialized will be true during their first run,\n  // causing them to execute logic meant only for post-initialization (e.g., validation,\n  // animation enabling). By placing this last, all other effects run first with\n  // hasInitialized = false, allowing them to skip initialization-phase logic.\n  useEffect(\n    () => {\n      if (needsInitialize) {\n        // use setValue instead of append to avoid focusing the added element\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        setValue(name as Path<TFieldValues>, [elementInitialValue] as any, {\n          shouldDirty: false,\n          shouldTouch: false,\n        });\n\n        // Mark initialization as complete\n        hasInitialized.current = true;\n\n        // Enable animations after a brief delay (unless user prefers reduced motion or animations are already enabled).\n        // This only runs on initial mount when animations start disabled.\n        // On reset, disableAnimation is typically false, so this setTimeout won't run and animations stay enabled.\n        if (!prefersReducedMotion && disableAnimation) {\n          setTimeout(() => {\n            setDisableAnimation(false);\n          }, 1);\n        }\n      }\n    },\n    // Run when needsInitialize changes (initial mount or reset)\n    // needsInitialize is memoized based on fields.length and lastElementNotRemovable\n    // Other dependencies are intentionally omitted:\n    // - append, setValue, trigger, setDisableAnimation are stable refs/functions\n    // - elementInitialValue, name, flat, prefersReducedMotion, disableAnimation are props/stable values\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [needsInitialize],\n  );\n\n  return {\n    // Field array methods and state\n    fields,\n    append,\n    remove,\n    insert,\n    move,\n    disableAnimation,\n    elementInitialValue,\n    // Uniform field state and utilities (spread all)\n    ...uniformField,\n  };\n};\n","/* v8 ignore start */\n\nexport * from './useUniformFieldArray';\n\n/* v8 ignore stop */\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA8CA,MAAa,wBAEX,EACA,MACA,OAAO,OACP,qBAAqB,uBAAuB,MAC5C,0BAA0B,OAC1B,UACA,QAAQ,gBACR,YAC6C;CAE7C,MAAM,eAAeA,oCAAAA,gBAA8B;EAC3C;EACN;EACA,QAAQ;EACR;CACF,CAAC;CAED,MAAM,EAAE,YAAY;CAEpB,MAAM,EAAE,QAAQ,QAAQ,QAAQ,QAAQ,MAAM,aAAA,GAAA,gBAAA,eAA6B;EACzE;EACA;CACF,CAAC;CAED,MAAM,EAAE,SAAS,UAAU,cAAcC,uBAAAA,eAA6B;CAStE,MAAM,mBAAA,GAAA,MAAA,eAAgC;EACpC,OAAO,2BAA2B,OAAO,WAAW;CACtD,GAAG,CAAC,yBAAyB,OAAO,MAAM,CAAC;CAS3C,MAAM,kBAAA,GAAA,MAAA,QAAwB,CAAC,eAAe;CAK9C,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,iBACF,eAAe,UAAU;CAE7B,GAAG,CAAC,eAAe,CAAC;CAOpB,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,eAAe,SACjB,iBAAiB;GACf,QAAQ,IAA0B;EACpC,GAAG,GAAG;CAGV,GAAG,CAAC,OAAO,MAAM,CAAC;CAIlB,MAAM,CAAC,kBAAkB,wBAAA,GAAA,MAAA,UAAgC,IAAI;CAI7D,MAAM,wBAAA,GAAA,wBAAA,kBAAwC;CAC9C,CAAA,GAAA,MAAA,iBAAgB;EACd,IAAI,eAAe,SACjB,oBAAoB,CAAC,CAAC,oBAAoB;CAE9C,GAAG,CAAC,oBAAoB,CAAC;CAKzB,MAAM,uBAAA,GAAA,MAAA,eAAoC;EACxC,OAAO,OACH,GAAGC,sBAAAA,eAAe,wBAAwB,KAAK,IAC9C,wBAAwB,CAAC;CAChC,GAAG,CAAC,MAAM,oBAAoB,CAAC;CAY/B,sCAAA,kBAAkB,EAChB,eAAe;EACb,MAAM,eAAe,UAAU,IAA0B;EACzD,MAAM,eAAe,MAAM,QAAQ,YAAY;EAC/C,MAAM,aAAa,eAAgB,eAA6B,CAAC;EACjE,MAAM,mBAAmB,0BAA0B,IAAI;EACvD,MAAM,oBACJ,gBAAgB,WAAW,WAAW;EAcxC,IAAI,EAPF,CAAC,gBACD,WAAW,WAAW,KACtB,WAAW,OAAO,UAAU;GAC1B,OAAOC,sBAAAA,aAAa,KAAK;EAC3B,CAAC,IAID;EAIF,IAAI,mBACF;EAIF,oBAAoB,IAAI;EAIxB,QAAS,0BAA0B,CAAC,mBAAmB,IAAI,CAAC,CAAS;EAGrE,IAAI,CAAC,sBACH,iBAAiB;GACf,oBAAoB,KAAK;EAC3B,GAAG,CAAC;CAER,EACF,CAAC;CAiBD,CAAA,GAAA,MAAA,iBACQ;EACJ,IAAI,iBAAiB;GAGnB,SAAS,MAA4B,CAAC,mBAAmB,GAAU;IACjE,aAAa;IACb,aAAa;GACf,CAAC;GAGD,eAAe,UAAU;GAKzB,IAAI,CAAC,wBAAwB,kBAC3B,iBAAiB;IACf,oBAAoB,KAAK;GAC3B,GAAG,CAAC;EAER;CACF,GAOA,CAAC,eAAe,CAClB;CAEA,OAAO;EAEL;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,GAAG;CACL;AACF"}

package/dist/hooks/useUniformFieldArray/index.d.cts

@@ -1,2 +1,2 @@
-import { n as useUniformFieldArray, t as UseUniformFieldArrayProps } from "../../useUniformFieldArray-CuZB9JPM.cjs";
+import { n as useUniformFieldArray, t as UseUniformFieldArrayProps } from "../../useUniformFieldArray-D3fdzwzD.cjs";
 export { UseUniformFieldArrayProps, useUniformFieldArray };

package/dist/hooks/useUniformFieldArray/index.d.ts

@@ -1,2 +1,2 @@
-import { n as useUniformFieldArray, t as UseUniformFieldArrayProps } from "../../useUniformFieldArray-CzUfdsFB.js";
+import { n as useUniformFieldArray, t as UseUniformFieldArrayProps } from "../../useUniformFieldArray-zGcIhwhF.js";
 export { UseUniformFieldArrayProps, useUniformFieldArray };

package/dist/hooks/useUniformFieldArray/index.js

@@ -1,6 +1,7 @@
-import { flatArrayKey } from "../../helpers/index.js";
-import { n as useFormContext$1 } from "../../useFormContext-DJ-9hs8X.js";
+import { flatArrayKey, isValueEmpty } from "../../helpers/index.js";
+import { n as useFormContext$1 } from "../../useFormContext-CT8H8xIe.js";
 import { useUniformField } from "../useUniformField/index.js";
+import { useWatchFormReset } from "../useWatchFormReset/index.js";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { useReducedMotion } from "@fuf-stack/pixel-motion";
 import { useFieldArray } from "react-hook-form";
@@ -9,7 +10,9 @@ import { useFieldArray } from "react-hook-form";
 * Enhanced useFieldArray hook with initialization and animation logic.
 * Based on React Hook Form's useFieldArray with additional features:
 * - Automatic initialization when lastElementNotRemovable is set
+* - Reset-only normalization for stale empty placeholder rows (via useWatchFormReset)
 * - Animation control (disabled during initialization)
+* - Temporary animation disable during reset normalization collapse
 * - Support for flat arrays (arrays of primitives)
 *
 * Note: Automatic validation triggering on length change is disabled to prevent
@@ -25,11 +28,11 @@ const useUniformFieldArray = ({ name, flat = false, elementInitialValue: _elemen
 		label
 	});
 	const { control } = uniformField;
-	const { fields, append, remove, insert, move } = useFieldArray({
+	const { fields, append, remove, insert, move, replace } = useFieldArray({
 		control,
 		name
 	});
-	const { trigger, setValue } = useFormContext$1();
+	const { trigger, setValue, getValues } = useFormContext$1();
 	const needsInitialize = useMemo(() => {
 		return lastElementNotRemovable && fields.length === 0;
 	}, [lastElementNotRemovable, fields.length]);
@@ -50,6 +53,22 @@ const useUniformFieldArray = ({ name, flat = false, elementInitialValue: _elemen
 	const elementInitialValue = useMemo(() => {
 		return flat ? { [flatArrayKey]: _elementInitialValue ?? null } : _elementInitialValue ?? {};
 	}, [flat, _elementInitialValue]);
+	useWatchFormReset({ onReset: () => {
+		const currentValue = getValues(name);
+		const valueIsArray = Array.isArray(currentValue);
+		const arrayValue = valueIsArray ? currentValue : [];
+		const normalizedLength = lastElementNotRemovable ? 1 : 0;
+		const alreadyNormalized = valueIsArray && arrayValue.length === normalizedLength;
+		if (!(!valueIsArray || arrayValue.length === 0 || arrayValue.every((entry) => {
+			return isValueEmpty(entry);
+		}))) return;
+		if (alreadyNormalized) return;
+		setDisableAnimation(true);
+		replace(lastElementNotRemovable ? [elementInitialValue] : []);
+		if (!prefersReducedMotion) setTimeout(() => {
+			setDisableAnimation(false);
+		}, 1);
+	} });
 	useEffect(() => {
 		if (needsInitialize) {
 			setValue(name, [elementInitialValue], {

package/dist/hooks/useUniformFieldArray/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useRHFFieldArray","useFormContext"],"sources":["../../../src/hooks/useUniformFieldArray/useUniformFieldArray.ts","../../../src/hooks/useUniformFieldArray/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { ArrayPath, FieldValues, Path } from 'react-hook-form';\n\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { useFieldArray as useRHFFieldArray } from 'react-hook-form';\n\nimport { useReducedMotion } from '@fuf-stack/pixel-motion';\n\nimport { flatArrayKey } from '../../helpers';\nimport { useFormContext } from '../useFormContext';\nimport { useUniformField } from '../useUniformField';\n\nexport interface UseUniformFieldArrayProps<\n  TFieldValues extends FieldValues = FieldValues,\n> {\n  /** Field name for the array */\n  name: ArrayPath<TFieldValues>;\n  /** Whether this is a flat array (array of primitives) */\n  flat?: boolean;\n  /** Initial value for new array elements */\n  elementInitialValue?: unknown;\n  /** Whether the last element cannot be removed (always maintain at least one element) */\n  lastElementNotRemovable?: boolean;\n  /** Disable the field */\n  disabled?: boolean;\n  /** Optional explicit test id used to build stable test ids */\n  testId?: string;\n  /** Optional label content */\n  label?: ReactNode;\n}\n\n/**\n * Enhanced useFieldArray hook with initialization and animation logic.\n * Based on React Hook Form's useFieldArray with additional features:\n * - Automatic initialization when lastElementNotRemovable is set\n * - Animation control (disabled during initialization)\n * - Support for flat arrays (arrays of primitives)\n *\n * Note: Automatic validation triggering on length change is disabled to prevent\n * triggering form-wide validation. Array validation still runs on form submission.\n *\n * @see https://react-hook-form.com/docs/usefieldarray\n */\nexport const useUniformFieldArray = <\n  TFieldValues extends FieldValues = FieldValues,\n>({\n  name,\n  flat = false,\n  elementInitialValue: _elementInitialValue = null,\n  lastElementNotRemovable = false,\n  disabled,\n  testId: explicitTestId,\n  label,\n}: UseUniformFieldArrayProps<TFieldValues>) => {\n  // Get uniform field state and utilities\n  const uniformField = useUniformField<TFieldValues>({\n    name: name as Path<TFieldValues> & string,\n    disabled,\n    testId: explicitTestId,\n    label,\n  });\n\n  const { control } = uniformField;\n\n  const { fields, append, remove, insert, move } = useRHFFieldArray({\n    control,\n    name,\n  });\n\n  const { trigger, setValue } = useFormContext<TFieldValues>();\n\n  // Determine if initialization is needed (initially or after reset).\n  // This flag automatically handles both scenarios:\n  // - Initial mount: fields.length starts at 0\n  // - Form reset: fields.length becomes 0 again\n  // Additional initialization conditions can be added here later (e.g., minElements > 0)\n  // Using useMemo ensures this value is properly tracked by React and effects can depend on it\n  const needsInitialize = useMemo(() => {\n    return lastElementNotRemovable && fields.length === 0;\n  }, [lastElementNotRemovable, fields.length]);\n\n  // Track whether initialization has completed. Initialized contextually:\n  // - If initialization IS needed (needsInitialize = true): starts as false, set to true after init\n  // - If initialization is NOT needed (needsInitialize = false): starts as true (already initialized)\n  // This ref is used to:\n  // 1. Skip validation during initialization/re-initialization\n  // 2. Gate animation enabling until after initialization\n  // 3. Gate motion preference effect until after initialization\n  const hasInitialized = useRef(!needsInitialize);\n\n  // Reset initialization flag when needsInitialize changes to true.\n  // This handles form reset: when fields become empty (needsInitialize becomes true),\n  // hasInitialized is reset to false, triggering re-initialization in the effect below.\n  useEffect(() => {\n    if (needsInitialize) {\n      hasInitialized.current = false;\n    }\n  }, [needsInitialize]);\n\n  // Validate array-level constraints (min/max items) when length changes.\n  // This ensures min/max errors appear instantly when user adds/removes items.\n  // Note: Child field validation also runs, but new empty fields won't show as invalid\n  // because useFormContext only sets invalid=true for touched fields or after form submission.\n  // Skip validation during initialization/re-initialization to avoid showing errors prematurely.\n  useEffect(() => {\n    if (hasInitialized.current) {\n      setTimeout(() => {\n        trigger(name as Path<TFieldValues>);\n      }, 200);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fields.length]);\n\n  // Animation control: Start with animations disabled to prevent animating in initial elements.\n  // Will be enabled after initialization completes (unless user prefers reduced motion).\n  const [disableAnimation, setDisableAnimation] = useState(true);\n\n  // Respond to user's motion preference changes (after initialization).\n  // During initialization, animations stay disabled regardless of preference.\n  const prefersReducedMotion = useReducedMotion();\n  useEffect(() => {\n    if (hasInitialized.current) {\n      setDisableAnimation(!!prefersReducedMotion);\n    }\n  }, [prefersReducedMotion]);\n\n  // Prepare initial element value based on mode\n  // - flat=true: arrays of primitives → object with flatArrayKey and null value by default\n  // - flat=false: arrays of objects → empty object by default\n  const elementInitialValue = useMemo(() => {\n    return flat\n      ? { [flatArrayKey]: _elementInitialValue ?? null }\n      : (_elementInitialValue ?? {});\n  }, [flat, _elementInitialValue]);\n\n  // Initialization/Re-initialization: Add initial element when needed.\n  // This handles both initial mount and form reset scenarios by reacting to needsInitialize.\n  // CRITICAL: This effect MUST be the LAST hook in this component.\n  // It sets hasInitialized.current = true, which acts as a gate for other effects.\n  // If this runs before other effects, hasInitialized will be true during their first run,\n  // causing them to execute logic meant only for post-initialization (e.g., validation,\n  // animation enabling). By placing this last, all other effects run first with\n  // hasInitialized = false, allowing them to skip initialization-phase logic.\n  useEffect(\n    () => {\n      if (needsInitialize) {\n        // use setValue instead of append to avoid focusing the added element\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        setValue(name as Path<TFieldValues>, [elementInitialValue] as any, {\n          shouldDirty: false,\n          shouldTouch: false,\n        });\n\n        // Mark initialization as complete\n        hasInitialized.current = true;\n\n        // Enable animations after a brief delay (unless user prefers reduced motion or animations are already enabled).\n        // This only runs on initial mount when animations start disabled.\n        // On reset, disableAnimation is typically false, so this setTimeout won't run and animations stay enabled.\n        if (!prefersReducedMotion && disableAnimation) {\n          setTimeout(() => {\n            setDisableAnimation(false);\n          }, 1);\n        }\n      }\n    },\n    // Run when needsInitialize changes (initial mount or reset)\n    // needsInitialize is memoized based on fields.length and lastElementNotRemovable\n    // Other dependencies are intentionally omitted:\n    // - append, setValue, trigger, setDisableAnimation are stable refs/functions\n    // - elementInitialValue, name, flat, prefersReducedMotion, disableAnimation are props/stable values\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [needsInitialize],\n  );\n\n  return {\n    // Field array methods and state\n    fields,\n    append,\n    remove,\n    insert,\n    move,\n    disableAnimation,\n    elementInitialValue,\n    // Uniform field state and utilities (spread all)\n    ...uniformField,\n  };\n};\n","/* v8 ignore start */\n\nexport * from './useUniformFieldArray';\n\n/* v8 ignore stop */\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA2CA,MAAa,wBAEX,EACA,MACA,OAAO,OACP,qBAAqB,uBAAuB,MAC5C,0BAA0B,OAC1B,UACA,QAAQ,gBACR,YAC6C;CAE7C,MAAM,eAAe,gBAA8B;EAC3C;EACN;EACA,QAAQ;EACR;CACF,CAAC;CAED,MAAM,EAAE,YAAY;CAEpB,MAAM,EAAE,QAAQ,QAAQ,QAAQ,QAAQ,SAASA,cAAiB;EAChE;EACA;CACF,CAAC;CAED,MAAM,EAAE,SAAS,aAAaC,iBAA6B;CAQ3D,MAAM,kBAAkB,cAAc;EACpC,OAAO,2BAA2B,OAAO,WAAW;CACtD,GAAG,CAAC,yBAAyB,OAAO,MAAM,CAAC;CAS3C,MAAM,iBAAiB,OAAO,CAAC,eAAe;CAK9C,gBAAgB;EACd,IAAI,iBACF,eAAe,UAAU;CAE7B,GAAG,CAAC,eAAe,CAAC;CAOpB,gBAAgB;EACd,IAAI,eAAe,SACjB,iBAAiB;GACf,QAAQ,IAA0B;EACpC,GAAG,GAAG;CAGV,GAAG,CAAC,OAAO,MAAM,CAAC;CAIlB,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,IAAI;CAI7D,MAAM,uBAAuB,iBAAiB;CAC9C,gBAAgB;EACd,IAAI,eAAe,SACjB,oBAAoB,CAAC,CAAC,oBAAoB;CAE9C,GAAG,CAAC,oBAAoB,CAAC;CAKzB,MAAM,sBAAsB,cAAc;EACxC,OAAO,OACH,GAAG,eAAe,wBAAwB,KAAK,IAC9C,wBAAwB,CAAC;CAChC,GAAG,CAAC,MAAM,oBAAoB,CAAC;CAU/B,gBACQ;EACJ,IAAI,iBAAiB;GAGnB,SAAS,MAA4B,CAAC,mBAAmB,GAAU;IACjE,aAAa;IACb,aAAa;GACf,CAAC;GAGD,eAAe,UAAU;GAKzB,IAAI,CAAC,wBAAwB,kBAC3B,iBAAiB;IACf,oBAAoB,KAAK;GAC3B,GAAG,CAAC;EAER;CACF,GAOA,CAAC,eAAe,CAClB;CAEA,OAAO;EAEL;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,GAAG;CACL;AACF"}
+{"version":3,"file":"index.js","names":["useRHFFieldArray","useFormContext"],"sources":["../../../src/hooks/useUniformFieldArray/useUniformFieldArray.ts","../../../src/hooks/useUniformFieldArray/index.ts"],"sourcesContent":["import type { ReactNode } from 'react';\nimport type { ArrayPath, FieldValues, Path } from 'react-hook-form';\n\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { useFieldArray as useRHFFieldArray } from 'react-hook-form';\n\nimport { useReducedMotion } from '@fuf-stack/pixel-motion';\n\nimport { flatArrayKey, isValueEmpty } from '../../helpers';\nimport { useFormContext } from '../useFormContext';\nimport { useUniformField } from '../useUniformField';\nimport { useWatchFormReset } from '../useWatchFormReset';\n\nexport interface UseUniformFieldArrayProps<\n  TFieldValues extends FieldValues = FieldValues,\n> {\n  /** Field name for the array */\n  name: ArrayPath<TFieldValues>;\n  /** Whether this is a flat array (array of primitives) */\n  flat?: boolean;\n  /** Initial value for new array elements */\n  elementInitialValue?: unknown;\n  /** Whether the last element cannot be removed (always maintain at least one element) */\n  lastElementNotRemovable?: boolean;\n  /** Disable the field */\n  disabled?: boolean;\n  /** Optional explicit test id used to build stable test ids */\n  testId?: string;\n  /** Optional label content */\n  label?: ReactNode;\n}\n\n/**\n * Enhanced useFieldArray hook with initialization and animation logic.\n * Based on React Hook Form's useFieldArray with additional features:\n * - Automatic initialization when lastElementNotRemovable is set\n * - Reset-only normalization for stale empty placeholder rows (via useWatchFormReset)\n * - Animation control (disabled during initialization)\n * - Temporary animation disable during reset normalization collapse\n * - Support for flat arrays (arrays of primitives)\n *\n * Note: Automatic validation triggering on length change is disabled to prevent\n * triggering form-wide validation. Array validation still runs on form submission.\n *\n * @see https://react-hook-form.com/docs/usefieldarray\n */\nexport const useUniformFieldArray = <\n  TFieldValues extends FieldValues = FieldValues,\n>({\n  name,\n  flat = false,\n  elementInitialValue: _elementInitialValue = null,\n  lastElementNotRemovable = false,\n  disabled,\n  testId: explicitTestId,\n  label,\n}: UseUniformFieldArrayProps<TFieldValues>) => {\n  // Get uniform field state and utilities\n  const uniformField = useUniformField<TFieldValues>({\n    name: name as Path<TFieldValues> & string,\n    disabled,\n    testId: explicitTestId,\n    label,\n  });\n\n  const { control } = uniformField;\n\n  const { fields, append, remove, insert, move, replace } = useRHFFieldArray({\n    control,\n    name,\n  });\n\n  const { trigger, setValue, getValues } = useFormContext<TFieldValues>();\n\n  // Determine if initialization is needed (initially or after reset).\n  // lastElementNotRemovable is purely a minimum-count guarantee: when there are\n  // no rows, add one. This handles both:\n  // - Initial mount: fields.length starts at 0\n  // - Form reset to an empty array: fields.length becomes 0 again\n  // It intentionally does NOT inspect row contents, so manually added empty rows\n  // are never collapsed.\n  const needsInitialize = useMemo(() => {\n    return lastElementNotRemovable && fields.length === 0;\n  }, [lastElementNotRemovable, fields.length]);\n\n  // Track whether initialization has completed. Initialized contextually:\n  // - If initialization IS needed (needsInitialize = true): starts as false, set to true after init\n  // - If initialization is NOT needed (needsInitialize = false): starts as true (already initialized)\n  // This ref is used to:\n  // 1. Skip validation during initialization/re-initialization\n  // 2. Gate animation enabling until after initialization\n  // 3. Gate motion preference effect until after initialization\n  const hasInitialized = useRef(!needsInitialize);\n\n  // Reset initialization flag when needsInitialize changes to true.\n  // This handles form reset: when fields become empty (needsInitialize becomes true),\n  // hasInitialized is reset to false, triggering re-initialization in the effect below.\n  useEffect(() => {\n    if (needsInitialize) {\n      hasInitialized.current = false;\n    }\n  }, [needsInitialize]);\n\n  // Validate array-level constraints (min/max items) when length changes.\n  // This ensures min/max errors appear instantly when user adds/removes items.\n  // Note: Child field validation also runs, but new empty fields won't show as invalid\n  // because useFormContext only sets invalid=true for touched fields or after form submission.\n  // Skip validation during initialization/re-initialization to avoid showing errors prematurely.\n  useEffect(() => {\n    if (hasInitialized.current) {\n      setTimeout(() => {\n        trigger(name as Path<TFieldValues>);\n      }, 200);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fields.length]);\n\n  // Animation control: Start with animations disabled to prevent animating in initial elements.\n  // Will be enabled after initialization completes (unless user prefers reduced motion).\n  const [disableAnimation, setDisableAnimation] = useState(true);\n\n  // Respond to user's motion preference changes (after initialization).\n  // During initialization, animations stay disabled regardless of preference.\n  const prefersReducedMotion = useReducedMotion();\n  useEffect(() => {\n    if (hasInitialized.current) {\n      setDisableAnimation(!!prefersReducedMotion);\n    }\n  }, [prefersReducedMotion]);\n\n  // Prepare initial element value based on mode\n  // - flat=true: arrays of primitives → object with flatArrayKey and null value by default\n  // - flat=false: arrays of objects → empty object by default\n  const elementInitialValue = useMemo(() => {\n    return flat\n      ? { [flatArrayKey]: _elementInitialValue ?? null }\n      : (_elementInitialValue ?? {});\n  }, [flat, _elementInitialValue]);\n\n  // Reset normalization:\n  // Run ONLY when an actual form reset is emitted (via useWatchFormReset), not\n  // on regular field edits. This does not collapse rows users add manually.\n  //\n  // Why this exists:\n  // RHF can keep stale field-array rows after reset when array defaults are\n  // missing (e.g. value becomes undefined or [null, null] while UI still has\n  // multiple rows). We normalize this reset-only state to:\n  // - one row when lastElementNotRemovable is enabled\n  // - zero rows otherwise\n  useWatchFormReset({\n    onReset: () => {\n      const currentValue = getValues(name as Path<TFieldValues>) as unknown;\n      const valueIsArray = Array.isArray(currentValue);\n      const arrayValue = valueIsArray ? (currentValue as unknown[]) : [];\n      const normalizedLength = lastElementNotRemovable ? 1 : 0;\n      const alreadyNormalized =\n        valueIsArray && arrayValue.length === normalizedLength;\n\n      // Treat these as \"effectively empty after reset\":\n      // - value missing/not-array\n      // - empty array\n      // - array where all entries are empty placeholders\n      const isEffectivelyEmptyAfterReset =\n        !valueIsArray ||\n        arrayValue.length === 0 ||\n        arrayValue.every((entry) => {\n          return isValueEmpty(entry);\n        });\n\n      // Nothing to fix when the reset restored real values (e.g. from defaults).\n      if (!isEffectivelyEmptyAfterReset) {\n        return;\n      }\n\n      // Already normalized to the target row count.\n      if (alreadyNormalized) {\n        return;\n      }\n\n      // Avoid collapse animation flicker during reset normalization.\n      setDisableAnimation(true);\n\n      // use replace so the RHF field-array length actually matches the target.\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      replace((lastElementNotRemovable ? [elementInitialValue] : []) as any);\n\n      // Restore normal animation state right after normalization.\n      if (!prefersReducedMotion) {\n        setTimeout(() => {\n          setDisableAnimation(false);\n        }, 1);\n      }\n    },\n  });\n\n  // Initialization/Re-initialization: add one element only when array length is 0.\n  // This is the min-count behavior for lastElementNotRemovable and is intentionally\n  // separate from reset normalization above.\n  //\n  // Reset behavior in this hook is split into two phases:\n  // 1) Reset normalization (useWatchFormReset): collapse stale placeholder rows\n  //    left by reset edge cases.\n  // 2) Length-based initialization (this effect): ensure a min-one array when\n  //    the field array is truly empty.\n  // CRITICAL: This effect MUST be the LAST hook in this component.\n  // It sets hasInitialized.current = true, which acts as a gate for other effects.\n  // If this runs before other effects, hasInitialized will be true during their first run,\n  // causing them to execute logic meant only for post-initialization (e.g., validation,\n  // animation enabling). By placing this last, all other effects run first with\n  // hasInitialized = false, allowing them to skip initialization-phase logic.\n  useEffect(\n    () => {\n      if (needsInitialize) {\n        // use setValue instead of append to avoid focusing the added element\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        setValue(name as Path<TFieldValues>, [elementInitialValue] as any, {\n          shouldDirty: false,\n          shouldTouch: false,\n        });\n\n        // Mark initialization as complete\n        hasInitialized.current = true;\n\n        // Enable animations after a brief delay (unless user prefers reduced motion or animations are already enabled).\n        // This only runs on initial mount when animations start disabled.\n        // On reset, disableAnimation is typically false, so this setTimeout won't run and animations stay enabled.\n        if (!prefersReducedMotion && disableAnimation) {\n          setTimeout(() => {\n            setDisableAnimation(false);\n          }, 1);\n        }\n      }\n    },\n    // Run when needsInitialize changes (initial mount or reset)\n    // needsInitialize is memoized based on fields.length and lastElementNotRemovable\n    // Other dependencies are intentionally omitted:\n    // - append, setValue, trigger, setDisableAnimation are stable refs/functions\n    // - elementInitialValue, name, flat, prefersReducedMotion, disableAnimation are props/stable values\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [needsInitialize],\n  );\n\n  return {\n    // Field array methods and state\n    fields,\n    append,\n    remove,\n    insert,\n    move,\n    disableAnimation,\n    elementInitialValue,\n    // Uniform field state and utilities (spread all)\n    ...uniformField,\n  };\n};\n","/* v8 ignore start */\n\nexport * from './useUniformFieldArray';\n\n/* v8 ignore stop */\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8CA,MAAa,wBAEX,EACA,MACA,OAAO,OACP,qBAAqB,uBAAuB,MAC5C,0BAA0B,OAC1B,UACA,QAAQ,gBACR,YAC6C;CAE7C,MAAM,eAAe,gBAA8B;EAC3C;EACN;EACA,QAAQ;EACR;CACF,CAAC;CAED,MAAM,EAAE,YAAY;CAEpB,MAAM,EAAE,QAAQ,QAAQ,QAAQ,QAAQ,MAAM,YAAYA,cAAiB;EACzE;EACA;CACF,CAAC;CAED,MAAM,EAAE,SAAS,UAAU,cAAcC,iBAA6B;CAStE,MAAM,kBAAkB,cAAc;EACpC,OAAO,2BAA2B,OAAO,WAAW;CACtD,GAAG,CAAC,yBAAyB,OAAO,MAAM,CAAC;CAS3C,MAAM,iBAAiB,OAAO,CAAC,eAAe;CAK9C,gBAAgB;EACd,IAAI,iBACF,eAAe,UAAU;CAE7B,GAAG,CAAC,eAAe,CAAC;CAOpB,gBAAgB;EACd,IAAI,eAAe,SACjB,iBAAiB;GACf,QAAQ,IAA0B;EACpC,GAAG,GAAG;CAGV,GAAG,CAAC,OAAO,MAAM,CAAC;CAIlB,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,IAAI;CAI7D,MAAM,uBAAuB,iBAAiB;CAC9C,gBAAgB;EACd,IAAI,eAAe,SACjB,oBAAoB,CAAC,CAAC,oBAAoB;CAE9C,GAAG,CAAC,oBAAoB,CAAC;CAKzB,MAAM,sBAAsB,cAAc;EACxC,OAAO,OACH,GAAG,eAAe,wBAAwB,KAAK,IAC9C,wBAAwB,CAAC;CAChC,GAAG,CAAC,MAAM,oBAAoB,CAAC;CAY/B,kBAAkB,EAChB,eAAe;EACb,MAAM,eAAe,UAAU,IAA0B;EACzD,MAAM,eAAe,MAAM,QAAQ,YAAY;EAC/C,MAAM,aAAa,eAAgB,eAA6B,CAAC;EACjE,MAAM,mBAAmB,0BAA0B,IAAI;EACvD,MAAM,oBACJ,gBAAgB,WAAW,WAAW;EAcxC,IAAI,EAPF,CAAC,gBACD,WAAW,WAAW,KACtB,WAAW,OAAO,UAAU;GAC1B,OAAO,aAAa,KAAK;EAC3B,CAAC,IAID;EAIF,IAAI,mBACF;EAIF,oBAAoB,IAAI;EAIxB,QAAS,0BAA0B,CAAC,mBAAmB,IAAI,CAAC,CAAS;EAGrE,IAAI,CAAC,sBACH,iBAAiB;GACf,oBAAoB,KAAK;EAC3B,GAAG,CAAC;CAER,EACF,CAAC;CAiBD,gBACQ;EACJ,IAAI,iBAAiB;GAGnB,SAAS,MAA4B,CAAC,mBAAmB,GAAU;IACjE,aAAa;IACb,aAAa;GACf,CAAC;GAGD,eAAe,UAAU;GAKzB,IAAI,CAAC,wBAAwB,kBAC3B,iBAAiB;IACf,oBAAoB,KAAK;GAC3B,GAAG,CAAC;EAER;CACF,GAOA,CAAC,eAAe,CAClB;CAEA,OAAO;EAEL;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,GAAG;CACL;AACF"}

package/dist/hooks/useWatchFormReset/index.cjs

@@ -0,0 +1,39 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../FormContext-DsmS_mkO.cjs");
+const require_useFormContext = require("../../useFormContext-CrXwNYiB.cjs");
+let react = require("react");
+//#region src/hooks/useWatchFormReset/useWatchFormReset.ts
+/**
+* Hook that watches for programmatic form reset events.
+*
+* It lets consumers run a callback when a programmatic form reset is triggered
+* through the wrapped `reset()` from `useFormContext`.
+*
+* Why this exists:
+* - Components should not infer "a reset happened" from field values alone.
+*   Value-based heuristics can conflict with valid user interactions.
+* - This hook provides an explicit reset signal so components can run
+*   reset-only logic safely.
+*
+* Current usage:
+* - `useUniformFieldArray` uses this hook to handle resets when no default
+*   array value was provided. In that case, RHF can leave stale empty
+*   placeholder rows. It normalizes only on reset and does not collapse rows
+*   during normal editing.
+*/
+const useWatchFormReset = ({ onReset }) => {
+	const { formReset } = require_useFormContext.useFormContext();
+	(0, react.useEffect)(() => {
+		const listener = () => {
+			onReset();
+		};
+		return formReset.subscribe(listener);
+	}, [formReset, onReset]);
+};
+//#endregion
+//#region src/hooks/useWatchFormReset/index.ts
+/* v8 ignore stop */
+//#endregion
+exports.useWatchFormReset = useWatchFormReset;
+
+//# sourceMappingURL=index.cjs.map

package/dist/hooks/useWatchFormReset/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["useFormContext"],"sources":["../../../src/hooks/useWatchFormReset/useWatchFormReset.ts","../../../src/hooks/useWatchFormReset/index.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useFormContext } from '../useFormContext/useFormContext';\n\nexport interface UseWatchFormResetOptions {\n  /**\n   * Callback that runs whenever a programmatic form reset is observed.\n   *\n   * Resets are signalled via the uniform `formReset` pub/sub channel. The event\n   * is emitted by the wrapped `reset()` method in `useFormContext`.\n   *\n   * Current primary use case:\n   * - `useUniformFieldArray` listens for reset events to normalize stale\n   *   placeholder rows left by RHF after reset when array defaults are missing.\n   */\n  onReset: () => void;\n}\n\n/**\n * Hook that watches for programmatic form reset events.\n *\n * It lets consumers run a callback when a programmatic form reset is triggered\n * through the wrapped `reset()` from `useFormContext`.\n *\n * Why this exists:\n * - Components should not infer \"a reset happened\" from field values alone.\n *   Value-based heuristics can conflict with valid user interactions.\n * - This hook provides an explicit reset signal so components can run\n *   reset-only logic safely.\n *\n * Current usage:\n * - `useUniformFieldArray` uses this hook to handle resets when no default\n *   array value was provided. In that case, RHF can leave stale empty\n *   placeholder rows. It normalizes only on reset and does not collapse rows\n *   during normal editing.\n */\nexport const useWatchFormReset = ({ onReset }: UseWatchFormResetOptions) => {\n  const { formReset } = useFormContext();\n\n  useEffect(() => {\n    const listener = () => {\n      onReset();\n    };\n\n    const unsubscribe = formReset.subscribe(listener);\n    return unsubscribe;\n  }, [formReset, onReset]);\n};\n","/* v8 ignore start */\n\nexport * from './useWatchFormReset';\n\n/* v8 ignore stop */\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAoCA,MAAa,qBAAqB,EAAE,cAAwC;CAC1E,MAAM,EAAE,cAAcA,uBAAAA,eAAe;CAErC,CAAA,GAAA,MAAA,iBAAgB;EACd,MAAM,iBAAiB;GACrB,QAAQ;EACV;EAGA,OADoB,UAAU,UAAU,QACvB;CACnB,GAAG,CAAC,WAAW,OAAO,CAAC;AACzB"}

package/dist/hooks/useWatchFormReset/index.d.cts

@@ -0,0 +1,2 @@
+import { n as useWatchFormReset, t as UseWatchFormResetOptions } from "../../useWatchFormReset-BSd6jMxU.cjs";
+export { UseWatchFormResetOptions, useWatchFormReset };

package/dist/hooks/useWatchFormReset/index.d.ts

@@ -0,0 +1,2 @@
+import { n as useWatchFormReset, t as UseWatchFormResetOptions } from "../../useWatchFormReset-C7YJ-I3N.js";
+export { UseWatchFormResetOptions, useWatchFormReset };

package/dist/hooks/useWatchFormReset/index.js

@@ -0,0 +1,37 @@
+import { n as useFormContext } from "../../useFormContext-CT8H8xIe.js";
+import { useEffect } from "react";
+//#region src/hooks/useWatchFormReset/useWatchFormReset.ts
+/**
+* Hook that watches for programmatic form reset events.
+*
+* It lets consumers run a callback when a programmatic form reset is triggered
+* through the wrapped `reset()` from `useFormContext`.
+*
+* Why this exists:
+* - Components should not infer "a reset happened" from field values alone.
+*   Value-based heuristics can conflict with valid user interactions.
+* - This hook provides an explicit reset signal so components can run
+*   reset-only logic safely.
+*
+* Current usage:
+* - `useUniformFieldArray` uses this hook to handle resets when no default
+*   array value was provided. In that case, RHF can leave stale empty
+*   placeholder rows. It normalizes only on reset and does not collapse rows
+*   during normal editing.
+*/
+const useWatchFormReset = ({ onReset }) => {
+	const { formReset } = useFormContext();
+	useEffect(() => {
+		const listener = () => {
+			onReset();
+		};
+		return formReset.subscribe(listener);
+	}, [formReset, onReset]);
+};
+//#endregion
+//#region src/hooks/useWatchFormReset/index.ts
+/* v8 ignore stop */
+//#endregion
+export { useWatchFormReset };
+
+//# sourceMappingURL=index.js.map

package/dist/hooks/useWatchFormReset/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/hooks/useWatchFormReset/useWatchFormReset.ts","../../../src/hooks/useWatchFormReset/index.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { useFormContext } from '../useFormContext/useFormContext';\n\nexport interface UseWatchFormResetOptions {\n  /**\n   * Callback that runs whenever a programmatic form reset is observed.\n   *\n   * Resets are signalled via the uniform `formReset` pub/sub channel. The event\n   * is emitted by the wrapped `reset()` method in `useFormContext`.\n   *\n   * Current primary use case:\n   * - `useUniformFieldArray` listens for reset events to normalize stale\n   *   placeholder rows left by RHF after reset when array defaults are missing.\n   */\n  onReset: () => void;\n}\n\n/**\n * Hook that watches for programmatic form reset events.\n *\n * It lets consumers run a callback when a programmatic form reset is triggered\n * through the wrapped `reset()` from `useFormContext`.\n *\n * Why this exists:\n * - Components should not infer \"a reset happened\" from field values alone.\n *   Value-based heuristics can conflict with valid user interactions.\n * - This hook provides an explicit reset signal so components can run\n *   reset-only logic safely.\n *\n * Current usage:\n * - `useUniformFieldArray` uses this hook to handle resets when no default\n *   array value was provided. In that case, RHF can leave stale empty\n *   placeholder rows. It normalizes only on reset and does not collapse rows\n *   during normal editing.\n */\nexport const useWatchFormReset = ({ onReset }: UseWatchFormResetOptions) => {\n  const { formReset } = useFormContext();\n\n  useEffect(() => {\n    const listener = () => {\n      onReset();\n    };\n\n    const unsubscribe = formReset.subscribe(listener);\n    return unsubscribe;\n  }, [formReset, onReset]);\n};\n","/* v8 ignore start */\n\nexport * from './useWatchFormReset';\n\n/* v8 ignore stop */\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoCA,MAAa,qBAAqB,EAAE,cAAwC;CAC1E,MAAM,EAAE,cAAc,eAAe;CAErC,gBAAgB;EACd,MAAM,iBAAiB;GACrB,QAAQ;EACV;EAGA,OADoB,UAAU,UAAU,QACvB;CACnB,GAAG,CAAC,WAAW,OAAO,CAAC;AACzB"}

package/dist/hooks/useWatchUserChange/index.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_useWatchUserChange = require("../../useWatchUserChange-YtVWYw_E.cjs");
+const require_useWatchUserChange = require("../../useWatchUserChange-C1xWHtFG.cjs");
 //#region src/hooks/useWatchUserChange/index.ts
 /* v8 ignore stop */
 //#endregion

package/dist/hooks/useWatchUserChange/index.d.cts

@@ -1,2 +1,2 @@
-import { n as useWatchUserChange, t as UseWatchUserChangeOptions } from "../../useWatchUserChange-BgO4melQ.cjs";
+import { n as useWatchUserChange, t as UseWatchUserChangeOptions } from "../../useWatchUserChange-DSAboNCs.cjs";
 export { UseWatchUserChangeOptions, useWatchUserChange };

package/dist/hooks/useWatchUserChange/index.d.ts

@@ -1,2 +1,2 @@
-import { n as useWatchUserChange, t as UseWatchUserChangeOptions } from "../../useWatchUserChange-CpQ-pWRM.js";
+import { n as useWatchUserChange, t as UseWatchUserChangeOptions } from "../../useWatchUserChange-CpyZz2i7.js";
 export { UseWatchUserChangeOptions, useWatchUserChange };

package/dist/hooks/useWatchUserChange/index.js

@@ -1,4 +1,4 @@
-import { t as useWatchUserChange } from "../../useWatchUserChange-Bnx3tOOR.js";
+import { t as useWatchUserChange } from "../../useWatchUserChange-DSQGsl1R.js";
 //#region src/hooks/useWatchUserChange/index.ts
 /* v8 ignore stop */
 //#endregion

package/dist/{index-B3JBVqnz.d.ts → index-54OZEaUU.d.ts}

@@ -1,4 +1,4 @@
-import { t as DebugModeSettings } from "./FormContext-qrel_XTj.js";
+import { t as DebugModeSettings } from "./FormContext-i66vM5f1.js";
 import { ReactNode } from "react";
 import { FieldValues, SubmitHandler } from "react-hook-form";
 import { VetoInstance } from "@fuf-stack/veto";
@@ -40,4 +40,4 @@ declare const Form: ({
 }: FormProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { FormProps as n, Form as t };
-//# sourceMappingURL=index-B3JBVqnz.d.ts.map
+//# sourceMappingURL=index-54OZEaUU.d.ts.map

package/dist/{index-B3JBVqnz.d.ts.map → index-54OZEaUU.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"index-B3JBVqnz.d.ts","names":[],"sources":["../src/Form/Form.tsx"],"mappings":";;;;;;UAYiB,SAAA;;EAEf,QAAA,EAAU,SAAA,GAAY,SAAA;EAFE;EAIxB,SAAA;EAFU;EAIV,KAAA,GAAQ,iBAAA;EAAA;EAER,aAAA,GAAgB,WAAA;EAIQ;EAFxB,IAAA;EAMa;EAJb,QAAA,EAAU,aAAA,CAAc,WAAA;EAIC;EAFzB,MAAA;EAZU;EAcV,UAAA,GAAa,YAAA;EAZb;EAcA,iBAAA;AAAA;;;;cAMI,IAAA;EAAQ,QAAA;EAAA,SAAA;EAAA,KAAA;EAAA,aAAA;EAAA,IAAA;EAAA,QAAA;EAAA,MAAA;EAAA,UAAA;EAAA;AAAA,GAUX,SAAA,iCAAS,GAAA,CAAA,OAAA"}
+{"version":3,"file":"index-54OZEaUU.d.ts","names":[],"sources":["../src/Form/Form.tsx"],"mappings":";;;;;;UAYiB,SAAA;;EAEf,QAAA,EAAU,SAAA,GAAY,SAAA;EAFE;EAIxB,SAAA;EAFU;EAIV,KAAA,GAAQ,iBAAA;EAAA;EAER,aAAA,GAAgB,WAAA;EAIQ;EAFxB,IAAA;EAMa;EAJb,QAAA,EAAU,aAAA,CAAc,WAAA;EAIC;EAFzB,MAAA;EAZU;EAcV,UAAA,GAAa,YAAA;EAZb;EAcA,iBAAA;AAAA;;;;cAMI,IAAA;EAAQ,QAAA;EAAA,SAAA;EAAA,KAAA;EAAA,aAAA;EAAA,IAAA;EAAA,QAAA;EAAA,MAAA;EAAA,UAAA;EAAA;AAAA,GAUX,SAAA,iCAAS,GAAA,CAAA,OAAA"}

package/dist/{index-BSwiB7ug.d.ts → index-B7gQppgQ.d.ts}

@@ -7,9 +7,9 @@ declare const switchVariants: import("tailwind-variants").TVReturnType<{
   [key: string]: {
     [key: string]: import("tailwind-merge").ClassNameValue | {
       base?: import("tailwind-merge").ClassNameValue;
-      endContent?: import("tailwind-merge").ClassNameValue;
-      errorMessage?: import("tailwind-merge").ClassNameValue;
       label?: import("tailwind-merge").ClassNameValue;
+      errorMessage?: import("tailwind-merge").ClassNameValue;
+      endContent?: import("tailwind-merge").ClassNameValue;
       outerWrapper?: import("tailwind-merge").ClassNameValue;
       startContent?: import("tailwind-merge").ClassNameValue;
       thumb?: import("tailwind-merge").ClassNameValue;
@@ -21,9 +21,9 @@ declare const switchVariants: import("tailwind-variants").TVReturnType<{
   [x: string]: {
     [x: string]: import("tailwind-merge").ClassNameValue | {
       base?: import("tailwind-merge").ClassNameValue;
-      endContent?: import("tailwind-merge").ClassNameValue;
-      errorMessage?: import("tailwind-merge").ClassNameValue;
       label?: import("tailwind-merge").ClassNameValue;
+      errorMessage?: import("tailwind-merge").ClassNameValue;
+      endContent?: import("tailwind-merge").ClassNameValue;
       outerWrapper?: import("tailwind-merge").ClassNameValue;
       startContent?: import("tailwind-merge").ClassNameValue;
       thumb?: import("tailwind-merge").ClassNameValue;
@@ -45,9 +45,9 @@ declare const switchVariants: import("tailwind-variants").TVReturnType<{
   [key: string]: {
     [key: string]: import("tailwind-merge").ClassNameValue | {
       base?: import("tailwind-merge").ClassNameValue;
-      endContent?: import("tailwind-merge").ClassNameValue;
-      errorMessage?: import("tailwind-merge").ClassNameValue;
       label?: import("tailwind-merge").ClassNameValue;
+      errorMessage?: import("tailwind-merge").ClassNameValue;
+      endContent?: import("tailwind-merge").ClassNameValue;
       outerWrapper?: import("tailwind-merge").ClassNameValue;
       startContent?: import("tailwind-merge").ClassNameValue;
       thumb?: import("tailwind-merge").ClassNameValue;
@@ -113,4 +113,4 @@ declare const Switch$1: ({
 }: SwitchProps$1) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { SwitchProps$1 as n, Switch$1 as t };
-//# sourceMappingURL=index-BSwiB7ug.d.ts.map
+//# sourceMappingURL=index-B7gQppgQ.d.ts.map

package/dist/{index-BSwiB7ug.d.ts.map → index-B7gQppgQ.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"index-BSwiB7ug.d.ts","names":[],"sources":["../src/Switch/Switch.tsx"],"mappings":";;;;;cAaa,cAAA,8BAAc,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiBtB,YAAA,GAAe,OAAO,QAAQ,cAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,cAAA;AAAA,UAEnB,aAAA,SAAoB,YAAA;;EAEnC,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,QAAA;;EAEA,UAAA,GAAa,SAAA;;EAEb,KAAA,GAAQ,SAAA;;EAER,IAAA;EAEA,IAAA;;EAEA,YAAA,GAAe,SAAA;;EAEf,MAAA;;EAEA,SAAA,GAAY,WAAA;AAAA;;;;cAMR,QAAA;EAAU,SAAA;EAAA,UAAA;EAAA,IAAA;EAAA,IAAA;EAAA,YAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAQb,aAAA,iCAAW,GAAA,CAAA,OAAA"}
+{"version":3,"file":"index-B7gQppgQ.d.ts","names":[],"sources":["../src/Switch/Switch.tsx"],"mappings":";;;;;cAaa,cAAA,8BAAc,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiBtB,YAAA,GAAe,OAAO,QAAQ,cAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,cAAA;AAAA,UAEnB,aAAA,SAAoB,YAAA;;EAEnC,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,QAAA;;EAEA,UAAA,GAAa,SAAA;;EAEb,KAAA,GAAQ,SAAA;;EAER,IAAA;EAEA,IAAA;;EAEA,YAAA,GAAe,SAAA;;EAEf,MAAA;;EAEA,SAAA,GAAY,WAAA;AAAA;;;;cAMR,QAAA;EAAU,SAAA;EAAA,UAAA;EAAA,IAAA;EAAA,IAAA;EAAA,YAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAQb,aAAA,iCAAW,GAAA,CAAA,OAAA"}

package/dist/{index-CJEqtwN7.d.cts → index-Bzs7_gnk.d.cts}

@@ -7,9 +7,9 @@ declare const switchVariants: import("tailwind-variants").TVReturnType<{
   [key: string]: {
     [key: string]: import("tailwind-merge").ClassNameValue | {
       base?: import("tailwind-merge").ClassNameValue;
-      endContent?: import("tailwind-merge").ClassNameValue;
-      errorMessage?: import("tailwind-merge").ClassNameValue;
       label?: import("tailwind-merge").ClassNameValue;
+      errorMessage?: import("tailwind-merge").ClassNameValue;
+      endContent?: import("tailwind-merge").ClassNameValue;
       outerWrapper?: import("tailwind-merge").ClassNameValue;
       startContent?: import("tailwind-merge").ClassNameValue;
       thumb?: import("tailwind-merge").ClassNameValue;
@@ -21,9 +21,9 @@ declare const switchVariants: import("tailwind-variants").TVReturnType<{
   [x: string]: {
     [x: string]: import("tailwind-merge").ClassNameValue | {
       base?: import("tailwind-merge").ClassNameValue;
-      endContent?: import("tailwind-merge").ClassNameValue;
-      errorMessage?: import("tailwind-merge").ClassNameValue;
       label?: import("tailwind-merge").ClassNameValue;
+      errorMessage?: import("tailwind-merge").ClassNameValue;
+      endContent?: import("tailwind-merge").ClassNameValue;
       outerWrapper?: import("tailwind-merge").ClassNameValue;
       startContent?: import("tailwind-merge").ClassNameValue;
       thumb?: import("tailwind-merge").ClassNameValue;
@@ -45,9 +45,9 @@ declare const switchVariants: import("tailwind-variants").TVReturnType<{
   [key: string]: {
     [key: string]: import("tailwind-merge").ClassNameValue | {
       base?: import("tailwind-merge").ClassNameValue;
-      endContent?: import("tailwind-merge").ClassNameValue;
-      errorMessage?: import("tailwind-merge").ClassNameValue;
       label?: import("tailwind-merge").ClassNameValue;
+      errorMessage?: import("tailwind-merge").ClassNameValue;
+      endContent?: import("tailwind-merge").ClassNameValue;
       outerWrapper?: import("tailwind-merge").ClassNameValue;
       startContent?: import("tailwind-merge").ClassNameValue;
       thumb?: import("tailwind-merge").ClassNameValue;
@@ -113,4 +113,4 @@ declare const Switch: ({
 }: SwitchProps$1) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { SwitchProps$1 as n, Switch as t };
-//# sourceMappingURL=index-CJEqtwN7.d.cts.map
+//# sourceMappingURL=index-Bzs7_gnk.d.cts.map

package/dist/{index-CJEqtwN7.d.cts.map → index-Bzs7_gnk.d.cts.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CJEqtwN7.d.cts","names":[],"sources":["../src/Switch/Switch.tsx"],"mappings":";;;;;cAaa,cAAA,8BAAc,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiBtB,YAAA,GAAe,OAAO,QAAQ,cAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,cAAA;AAAA,UAEnB,aAAA,SAAoB,YAAA;;EAEnC,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,QAAA;;EAEA,UAAA,GAAa,SAAA;;EAEb,KAAA,GAAQ,SAAA;;EAER,IAAA;EAEA,IAAA;;EAEA,YAAA,GAAe,SAAA;;EAEf,MAAA;;EAEA,SAAA,GAAY,WAAA;AAAA;;;;cAMR,MAAA;EAAU,SAAA;EAAA,UAAA;EAAA,IAAA;EAAA,IAAA;EAAA,YAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAQb,aAAA,iCAAW,GAAA,CAAA,OAAA"}
+{"version":3,"file":"index-Bzs7_gnk.d.cts","names":[],"sources":["../src/Switch/Switch.tsx"],"mappings":";;;;;cAaa,cAAA,8BAAc,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiBtB,YAAA,GAAe,OAAO,QAAQ,cAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,cAAA;AAAA,UAEnB,aAAA,SAAoB,YAAA;;EAEnC,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,QAAA;;EAEA,UAAA,GAAa,SAAA;;EAEb,KAAA,GAAQ,SAAA;;EAER,IAAA;EAEA,IAAA;;EAEA,YAAA,GAAe,SAAA;;EAEf,MAAA;;EAEA,SAAA,GAAY,WAAA;AAAA;;;;cAMR,MAAA;EAAU,SAAA;EAAA,UAAA;EAAA,IAAA;EAAA,IAAA;EAAA,YAAA;EAAA,SAAA;EAAA,GAAA;AAAA,GAQb,aAAA,iCAAW,GAAA,CAAA,OAAA"}

package/dist/{index-D76g-bjx.d.cts → index-C3-TV4Up.d.cts}

@@ -1,4 +1,4 @@
-import { t as DebugModeSettings } from "./FormContext-BuG3xZFe.cjs";
+import { t as DebugModeSettings } from "./FormContext-3kamRn2C.cjs";
 import { ReactNode } from "react";
 import { VetoInstance } from "@fuf-stack/veto";
 import { FieldValues, SubmitHandler } from "react-hook-form";
@@ -40,4 +40,4 @@ declare const Form: ({
 }: FormProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { FormProps as n, Form as t };
-//# sourceMappingURL=index-D76g-bjx.d.cts.map
+//# sourceMappingURL=index-C3-TV4Up.d.cts.map

package/dist/{index-D76g-bjx.d.cts.map → index-C3-TV4Up.d.cts.map}

@@ -1 +1 @@
-{"version":3,"file":"index-D76g-bjx.d.cts","names":[],"sources":["../src/Form/Form.tsx"],"mappings":";;;;;;UAYiB,SAAA;;EAEf,QAAA,EAAU,SAAA,GAAY,SAAA;EAFE;EAIxB,SAAA;EAFU;EAIV,KAAA,GAAQ,iBAAA;EAAA;EAER,aAAA,GAAgB,WAAA;EAIQ;EAFxB,IAAA;EAMa;EAJb,QAAA,EAAU,aAAA,CAAc,WAAA;EAIC;EAFzB,MAAA;EAZU;EAcV,UAAA,GAAa,YAAA;EAZb;EAcA,iBAAA;AAAA;;;;cAMI,IAAA;EAAQ,QAAA;EAAA,SAAA;EAAA,KAAA;EAAA,aAAA;EAAA,IAAA;EAAA,QAAA;EAAA,MAAA;EAAA,UAAA;EAAA;AAAA,GAUX,SAAA,iCAAS,GAAA,CAAA,OAAA"}
+{"version":3,"file":"index-C3-TV4Up.d.cts","names":[],"sources":["../src/Form/Form.tsx"],"mappings":";;;;;;UAYiB,SAAA;;EAEf,QAAA,EAAU,SAAA,GAAY,SAAA;EAFE;EAIxB,SAAA;EAFU;EAIV,KAAA,GAAQ,iBAAA;EAAA;EAER,aAAA,GAAgB,WAAA;EAIQ;EAFxB,IAAA;EAMa;EAJb,QAAA,EAAU,aAAA,CAAc,WAAA;EAIC;EAFzB,MAAA;EAZU;EAcV,UAAA,GAAa,YAAA;EAZb;EAcA,iBAAA;AAAA;;;;cAMI,IAAA;EAAQ,QAAA;EAAA,SAAA;EAAA,KAAA;EAAA,aAAA;EAAA,IAAA;EAAA,QAAA;EAAA,MAAA;EAAA,UAAA;EAAA;AAAA,GAUX,SAAA,iCAAS,GAAA,CAAA,OAAA"}

package/dist/{index-CbGiXZQv.d.ts → index-C4GJH8Xv.d.ts}

@@ -9,10 +9,10 @@ declare const selectVariants: import("tailwind-variants").TVReturnType<{
       base?: import("tailwind-merge").ClassNameValue;
       label?: import("tailwind-merge").ClassNameValue;
       input?: import("tailwind-merge").ClassNameValue;
+      control?: import("tailwind-merge").ClassNameValue;
+      placeholder?: import("tailwind-merge").ClassNameValue;
       menu?: import("tailwind-merge").ClassNameValue;
       option?: import("tailwind-merge").ClassNameValue;
-      placeholder?: import("tailwind-merge").ClassNameValue;
-      control?: import("tailwind-merge").ClassNameValue;
       group?: import("tailwind-merge").ClassNameValue;
       clearIndicator?: import("tailwind-merge").ClassNameValue;
       control_focused?: import("tailwind-merge").ClassNameValue;
@@ -45,10 +45,10 @@ declare const selectVariants: import("tailwind-variants").TVReturnType<{
       base?: import("tailwind-merge").ClassNameValue;
       label?: import("tailwind-merge").ClassNameValue;
       input?: import("tailwind-merge").ClassNameValue;
+      control?: import("tailwind-merge").ClassNameValue;
+      placeholder?: import("tailwind-merge").ClassNameValue;
       menu?: import("tailwind-merge").ClassNameValue;
       option?: import("tailwind-merge").ClassNameValue;
-      placeholder?: import("tailwind-merge").ClassNameValue;
-      control?: import("tailwind-merge").ClassNameValue;
       group?: import("tailwind-merge").ClassNameValue;
       clearIndicator?: import("tailwind-merge").ClassNameValue;
       control_focused?: import("tailwind-merge").ClassNameValue;
@@ -113,10 +113,10 @@ declare const selectVariants: import("tailwind-variants").TVReturnType<{
       base?: import("tailwind-merge").ClassNameValue;
       label?: import("tailwind-merge").ClassNameValue;
       input?: import("tailwind-merge").ClassNameValue;
+      control?: import("tailwind-merge").ClassNameValue;
+      placeholder?: import("tailwind-merge").ClassNameValue;
       menu?: import("tailwind-merge").ClassNameValue;
       option?: import("tailwind-merge").ClassNameValue;
-      placeholder?: import("tailwind-merge").ClassNameValue;
-      control?: import("tailwind-merge").ClassNameValue;
       group?: import("tailwind-merge").ClassNameValue;
       clearIndicator?: import("tailwind-merge").ClassNameValue;
       control_focused?: import("tailwind-merge").ClassNameValue;
@@ -287,4 +287,4 @@ declare const Select: ({
 }: SelectProps) => import("react/jsx-runtime").JSX.Element;
 //#endregion
 export { SelectProps as n, Select as t };
-//# sourceMappingURL=index-CbGiXZQv.d.ts.map
+//# sourceMappingURL=index-C4GJH8Xv.d.ts.map

package/dist/{index-CbGiXZQv.d.ts.map → index-C4GJH8Xv.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"index-CbGiXZQv.d.ts","names":[],"sources":["../src/Select/Select.tsx"],"mappings":";;;;;cAea,cAAA,8BAAc,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA8CjB,YAAA;;EAER,QAAA;;;;;EAKA,UAAA;;EAEA,KAAA,GAAQ,SAAS;;EAEjB,KAAA;AAAA;AAAA,KAGG,YAAA,GAAe,OAAO,QAAQ,cAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,cAAA;AAAA,UAEnB,WAAA,SAAoB,YAAA;;EAEnC,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,SAAA;;EAEA,QAAA;;EAEA,aAAA;;EAEA,YAAA,iBAEM,MAAA,GAAS,YAAA,EAAc,UAAA;;EAE7B,UAAA;;EAEA,KAAA,GAAQ,SAAA;;EAER,OAAA;;EAEA,WAAA;;EAEA,IAAA;;EAEA,WAAA;;EAEA,aAAA,GAAgB,KAAA;;EAEhB,OAAA,EAAS,YAAA;;EAET,kBAAA,GAAqB,KAAA;;EAErB,iBAAA,eAAgC,KAAA;;;;;;;;EAQhC,sBAAA,GAAyB,YAAA,GAAe,YAAA;;EAExC,MAAA;AAAA;;cA8CI,MAAA;EAAU,SAAA;EAAA,SAAA;EAAA,aAAA;EAAA,YAAA;EAAA,UAAA;EAAA,OAAA;EAAA,WAAA;EAAA,IAAA;EAAA,aAAA;EAAA,OAAA;EAAA,WAAA;EAAA,kBAAA;EAAA,iBAAA;EAAA,sBAAA;EAAA,GAAA;AAAA,GAgBb,WAAA,iCAAW,GAAA,CAAA,OAAA"}
+{"version":3,"file":"index-C4GJH8Xv.d.ts","names":[],"sources":["../src/Select/Select.tsx"],"mappings":";;;;;cAea,cAAA,8BAAc,YAAA;EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA8CjB,YAAA;;EAER,QAAA;;;;;EAKA,UAAA;;EAEA,KAAA,GAAQ,SAAS;;EAEjB,KAAA;AAAA;AAAA,KAGG,YAAA,GAAe,OAAO,QAAQ,cAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,cAAA;AAAA,UAEnB,WAAA,SAAoB,YAAA;;EAEnC,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,SAAA;;EAEA,QAAA;;EAEA,aAAA;;EAEA,YAAA,iBAEM,MAAA,GAAS,YAAA,EAAc,UAAA;;EAE7B,UAAA;;EAEA,KAAA,GAAQ,SAAA;;EAER,OAAA;;EAEA,WAAA;;EAEA,IAAA;;EAEA,WAAA;;EAEA,aAAA,GAAgB,KAAA;;EAEhB,OAAA,EAAS,YAAA;;EAET,kBAAA,GAAqB,KAAA;;EAErB,iBAAA,eAAgC,KAAA;;;;;;;;EAQhC,sBAAA,GAAyB,YAAA,GAAe,YAAA;;EAExC,MAAA;AAAA;;cA8CI,MAAA;EAAU,SAAA;EAAA,SAAA;EAAA,aAAA;EAAA,YAAA;EAAA,UAAA;EAAA,OAAA;EAAA,WAAA;EAAA,IAAA;EAAA,aAAA;EAAA,OAAA;EAAA,WAAA;EAAA,kBAAA;EAAA,iBAAA;EAAA,sBAAA;EAAA,GAAA;AAAA,GAgBb,WAAA,iCAAW,GAAA,CAAA,OAAA"}