@fuf-stack/uniform 1.18.3 → 1.19.1

package/dist/hooks/useUniformFieldArray/index.cjs

@@ -1,3 +1,84 @@
-const require_useUniformFieldArray = require('../../useUniformFieldArray-CRCbV1J2.cjs');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+require("../../FormContext-BrY1FQYR.cjs");
+const require_helpers_index = require("../../helpers/index.cjs");
+const require_useFormContext = require("../../useFormContext-Bum4VP1o.cjs");
+const require_hooks_useUniformField_index = require("../useUniformField/index.cjs");
+let react = require("react");
+let _fuf_stack_pixel_motion = require("@fuf-stack/pixel-motion");
+let react_hook_form = require("react-hook-form");
+//#region src/hooks/useUniformFieldArray/useUniformFieldArray.ts
+/**
+* Enhanced useFieldArray hook with initialization and animation logic.
+* Based on React Hook Form's useFieldArray with additional features:
+* - Automatic initialization when lastElementNotRemovable is set
+* - Animation control (disabled during initialization)
+* - Support for flat arrays (arrays of primitives)
+*
+* Note: Automatic validation triggering on length change is disabled to prevent
+* triggering form-wide validation. Array validation still runs on form submission.
+*
+* @see https://react-hook-form.com/docs/usefieldarray
+*/
+const useUniformFieldArray = ({ name, flat = false, elementInitialValue: _elementInitialValue = null, lastElementNotRemovable = false, disabled, testId: explicitTestId, label }) => {
+	const uniformField = require_hooks_useUniformField_index.useUniformField({
+		name,
+		disabled,
+		testId: explicitTestId,
+		label
+	});
+	const { control } = uniformField;
+	const { fields, append, remove, insert, move } = (0, react_hook_form.useFieldArray)({
+		control,
+		name
+	});
+	const { trigger, setValue } = require_useFormContext.useFormContext();
+	const needsInitialize = (0, react.useMemo)(() => {
+		return lastElementNotRemovable && fields.length === 0;
+	}, [lastElementNotRemovable, fields.length]);
+	const hasInitialized = (0, react.useRef)(!needsInitialize);
+	(0, react.useEffect)(() => {
+		if (needsInitialize) hasInitialized.current = false;
+	}, [needsInitialize]);
+	(0, react.useEffect)(() => {
+		if (hasInitialized.current) setTimeout(() => {
+			trigger(name);
+		}, 200);
+	}, [fields.length]);
+	const [disableAnimation, setDisableAnimation] = (0, react.useState)(true);
+	const prefersReducedMotion = (0, _fuf_stack_pixel_motion.useReducedMotion)();
+	(0, react.useEffect)(() => {
+		if (hasInitialized.current) setDisableAnimation(!!prefersReducedMotion);
+	}, [prefersReducedMotion]);
+	const elementInitialValue = (0, react.useMemo)(() => {
+		return flat ? { [require_helpers_index.flatArrayKey]: _elementInitialValue ?? null } : _elementInitialValue ?? {};
+	}, [flat, _elementInitialValue]);
+	(0, react.useEffect)(() => {
+		if (needsInitialize) {
+			setValue(name, [elementInitialValue], {
+				shouldDirty: false,
+				shouldTouch: false
+			});
+			hasInitialized.current = true;
+			if (!prefersReducedMotion && disableAnimation) setTimeout(() => {
+				setDisableAnimation(false);
+			}, 1);
+		}
+	}, [needsInitialize]);
+	return {
+		fields,
+		append,
+		remove,
+		insert,
+		move,
+		disableAnimation,
+		elementInitialValue,
+		...uniformField
+	};
+};
+//#endregion
+//#region src/hooks/useUniformFieldArray/index.ts
+/* v8 ignore stop */
+//#endregion
+exports.useUniformFieldArray = useUniformFieldArray;
 
-exports.useUniformFieldArray = require_useUniformFieldArray.useUniformFieldArray;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +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;EACD,CAAC;CAEF,MAAM,EAAE,YAAY;CAEpB,MAAM,EAAE,QAAQ,QAAQ,QAAQ,QAAQ,UAAA,GAAA,gBAAA,eAA0B;EAChE;EACA;EACD,CAAC;CAEF,MAAM,EAAE,SAAS,aAAaC,uBAAAA,gBAA8B;CAQ5D,MAAM,mBAAA,GAAA,MAAA,eAAgC;AACpC,SAAO,2BAA2B,OAAO,WAAW;IACnD,CAAC,yBAAyB,OAAO,OAAO,CAAC;CAS5C,MAAM,kBAAA,GAAA,MAAA,QAAwB,CAAC,gBAAgB;AAK/C,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,gBACF,gBAAe,UAAU;IAE1B,CAAC,gBAAgB,CAAC;AAOrB,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,eAAe,QACjB,kBAAiB;AACf,WAAQ,KAA2B;KAClC,IAAI;IAGR,CAAC,OAAO,OAAO,CAAC;CAInB,MAAM,CAAC,kBAAkB,wBAAA,GAAA,MAAA,UAAgC,KAAK;CAI9D,MAAM,wBAAA,GAAA,wBAAA,mBAAyC;AAC/C,EAAA,GAAA,MAAA,iBAAgB;AACd,MAAI,eAAe,QACjB,qBAAoB,CAAC,CAAC,qBAAqB;IAE5C,CAAC,qBAAqB,CAAC;CAK1B,MAAM,uBAAA,GAAA,MAAA,eAAoC;AACxC,SAAO,OACH,GAAGC,sBAAAA,eAAe,wBAAwB,MAAM,GAC/C,wBAAwB,EAAE;IAC9B,CAAC,MAAM,qBAAqB,CAAC;AAUhC,EAAA,GAAA,MAAA,iBACQ;AACJ,MAAI,iBAAiB;AAGnB,YAAS,MAA4B,CAAC,oBAAoB,EAAS;IACjE,aAAa;IACb,aAAa;IACd,CAAC;AAGF,kBAAe,UAAU;AAKzB,OAAI,CAAC,wBAAwB,iBAC3B,kBAAiB;AACf,wBAAoB,MAAM;MACzB,EAAE;;IAUX,CAAC,gBAAgB,CAClB;AAED,QAAO;EAEL;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,GAAG;EACJ"}

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

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

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

@@ -1,27 +1,2 @@
-import "../../index-Dty4h2eA.js";
-import "../../index-DVZCz730.js";
-import "../../index-Bl1Adhfx.js";
-import "../../FormContext-CCe8drkp.js";
-import "../../index--NM5Ctp6.js";
-import "../../index-ttNINAv3.js";
-import "../../index-TmijvCD0.js";
-import "../../index-BaxXDaOZ.js";
-import "../../index-BrMk3Wee.js";
-import "../../index-E6etS7_8.js";
-import "../../index-BBw9RSKy.js";
-import "../../index-BlJFGN_o.js";
-import "../../index-CPkTYivq.js";
-import "../../index-CZq5eXSP.js";
-import "../../index-BgyvEfYZ.js";
-import "../../index-mmk9VKYu.js";
-import "../../useClientValidation-B4xrGBJZ.js";
-import "../../useController-CHOpoCoz.js";
-import "../../useFormContext-C6OOtqZ5.js";
-import "../../index-BMCcWGYS.js";
-import "../../useInput-BVZvtfNg.js";
-import "../../useUniformField-BDKjYBKu.js";
-import "../../index-CMehV9mc.js";
-import "../../index-CI0AWMsR.js";
-import "../../useWatchUserChange-BnnrFjyq.js";
-import { n as useUniformFieldArray, t as UseUniformFieldArrayProps } from "../../useUniformFieldArray-lV3Nbum2.js";
+import { n as useUniformFieldArray, t as UseUniformFieldArrayProps } from "../../useUniformFieldArray-B0SPtHeT.js";
 export { UseUniformFieldArrayProps, useUniformFieldArray };

package/dist/hooks/useUniformFieldArray/index.js

@@ -1,3 +1,82 @@
-import { t as useUniformFieldArray } from "../../useUniformFieldArray-BKvA0FQW.js";
+import { flatArrayKey } from "../../helpers/index.js";
+import { n as useFormContext$1 } from "../../useFormContext-Bzpyonu6.js";
+import { useUniformField } from "../useUniformField/index.js";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { useReducedMotion } from "@fuf-stack/pixel-motion";
+import { useFieldArray } from "react-hook-form";
+//#region src/hooks/useUniformFieldArray/useUniformFieldArray.ts
+/**
+* Enhanced useFieldArray hook with initialization and animation logic.
+* Based on React Hook Form's useFieldArray with additional features:
+* - Automatic initialization when lastElementNotRemovable is set
+* - Animation control (disabled during initialization)
+* - Support for flat arrays (arrays of primitives)
+*
+* Note: Automatic validation triggering on length change is disabled to prevent
+* triggering form-wide validation. Array validation still runs on form submission.
+*
+* @see https://react-hook-form.com/docs/usefieldarray
+*/
+const useUniformFieldArray = ({ name, flat = false, elementInitialValue: _elementInitialValue = null, lastElementNotRemovable = false, disabled, testId: explicitTestId, label }) => {
+	const uniformField = useUniformField({
+		name,
+		disabled,
+		testId: explicitTestId,
+		label
+	});
+	const { control } = uniformField;
+	const { fields, append, remove, insert, move } = useFieldArray({
+		control,
+		name
+	});
+	const { trigger, setValue } = useFormContext$1();
+	const needsInitialize = useMemo(() => {
+		return lastElementNotRemovable && fields.length === 0;
+	}, [lastElementNotRemovable, fields.length]);
+	const hasInitialized = useRef(!needsInitialize);
+	useEffect(() => {
+		if (needsInitialize) hasInitialized.current = false;
+	}, [needsInitialize]);
+	useEffect(() => {
+		if (hasInitialized.current) setTimeout(() => {
+			trigger(name);
+		}, 200);
+	}, [fields.length]);
+	const [disableAnimation, setDisableAnimation] = useState(true);
+	const prefersReducedMotion = useReducedMotion();
+	useEffect(() => {
+		if (hasInitialized.current) setDisableAnimation(!!prefersReducedMotion);
+	}, [prefersReducedMotion]);
+	const elementInitialValue = useMemo(() => {
+		return flat ? { [flatArrayKey]: _elementInitialValue ?? null } : _elementInitialValue ?? {};
+	}, [flat, _elementInitialValue]);
+	useEffect(() => {
+		if (needsInitialize) {
+			setValue(name, [elementInitialValue], {
+				shouldDirty: false,
+				shouldTouch: false
+			});
+			hasInitialized.current = true;
+			if (!prefersReducedMotion && disableAnimation) setTimeout(() => {
+				setDisableAnimation(false);
+			}, 1);
+		}
+	}, [needsInitialize]);
+	return {
+		fields,
+		append,
+		remove,
+		insert,
+		move,
+		disableAnimation,
+		elementInitialValue,
+		...uniformField
+	};
+};
+//#endregion
+//#region src/hooks/useUniformFieldArray/index.ts
+/* v8 ignore stop */
+//#endregion
+export { useUniformFieldArray };
 
-export { useUniformFieldArray };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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;EACD,CAAC;CAEF,MAAM,EAAE,YAAY;CAEpB,MAAM,EAAE,QAAQ,QAAQ,QAAQ,QAAQ,SAASA,cAAiB;EAChE;EACA;EACD,CAAC;CAEF,MAAM,EAAE,SAAS,aAAaC,kBAA8B;CAQ5D,MAAM,kBAAkB,cAAc;AACpC,SAAO,2BAA2B,OAAO,WAAW;IACnD,CAAC,yBAAyB,OAAO,OAAO,CAAC;CAS5C,MAAM,iBAAiB,OAAO,CAAC,gBAAgB;AAK/C,iBAAgB;AACd,MAAI,gBACF,gBAAe,UAAU;IAE1B,CAAC,gBAAgB,CAAC;AAOrB,iBAAgB;AACd,MAAI,eAAe,QACjB,kBAAiB;AACf,WAAQ,KAA2B;KAClC,IAAI;IAGR,CAAC,OAAO,OAAO,CAAC;CAInB,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,KAAK;CAI9D,MAAM,uBAAuB,kBAAkB;AAC/C,iBAAgB;AACd,MAAI,eAAe,QACjB,qBAAoB,CAAC,CAAC,qBAAqB;IAE5C,CAAC,qBAAqB,CAAC;CAK1B,MAAM,sBAAsB,cAAc;AACxC,SAAO,OACH,GAAG,eAAe,wBAAwB,MAAM,GAC/C,wBAAwB,EAAE;IAC9B,CAAC,MAAM,qBAAqB,CAAC;AAUhC,iBACQ;AACJ,MAAI,iBAAiB;AAGnB,YAAS,MAA4B,CAAC,oBAAoB,EAAS;IACjE,aAAa;IACb,aAAa;IACd,CAAC;AAGF,kBAAe,UAAU;AAKzB,OAAI,CAAC,wBAAwB,iBAC3B,kBAAiB;AACf,wBAAoB,MAAM;MACzB,EAAE;;IAUX,CAAC,gBAAgB,CAClB;AAED,QAAO;EAEL;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,GAAG;EACJ"}

package/dist/hooks/useWatchUserChange/index.cjs

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

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

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

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

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

package/dist/hooks/useWatchUserChange/index.js

@@ -1,8 +1,7 @@
-import { t as useWatchUserChange } from "../../useWatchUserChange-Dj9Imxfi.js";
-
+import { t as useWatchUserChange } from "../../useWatchUserChange-CLgLc5W4.js";
 //#region src/hooks/useWatchUserChange/index.ts
 /* v8 ignore stop */
-
 //#endregion
 export { useWatchUserChange };
+
 //# sourceMappingURL=index.js.map

package/dist/{index-TmijvCD0.d.ts → index-25CYKzg4.d.cts}

@@ -1,26 +1,26 @@
-import { t as InputValueTransform } from "./useInputValueTransform-tsMNM7g_.js";
+import { n as ClassNameValue, t as TVReturnType } from "./index-DsC0y6kU.cjs";
+import { t as InputValueTransform } from "./useInputValueTransform-BwAfw8Xb.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
 import { ReactNode } from "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
-import * as tailwind_variants109 from "tailwind-variants";
 
 //#region src/Input/Input.d.ts
-declare const inputVariants: tailwind_variants109.TVReturnType<{
+declare const inputVariants: TVReturnType<{
   [key: string]: {
-    [key: string]: tailwind_variants109.ClassValue | {
-      base?: tailwind_variants109.ClassValue;
-      input?: tailwind_variants109.ClassValue;
-      inputWrapper?: tailwind_variants109.ClassValue;
-      clearButton?: tailwind_variants109.ClassValue;
+    [key: string]: ClassNameValue | {
+      base?: ClassNameValue;
+      input?: ClassNameValue;
+      inputWrapper?: ClassNameValue;
+      clearButton?: ClassNameValue;
     };
   };
 } | {
   [x: string]: {
-    [x: string]: tailwind_variants109.ClassValue | {
-      base?: tailwind_variants109.ClassValue;
-      input?: tailwind_variants109.ClassValue;
-      inputWrapper?: tailwind_variants109.ClassValue;
-      clearButton?: tailwind_variants109.ClassValue;
+    [x: string]: ClassNameValue | {
+      base?: ClassNameValue;
+      input?: ClassNameValue;
+      inputWrapper?: ClassNameValue;
+      clearButton?: ClassNameValue;
     };
   };
 } | {}, {
@@ -30,11 +30,11 @@ declare const inputVariants: tailwind_variants109.TVReturnType<{
   inputWrapper: string;
 }, undefined, {
   [key: string]: {
-    [key: string]: tailwind_variants109.ClassValue | {
-      base?: tailwind_variants109.ClassValue;
-      input?: tailwind_variants109.ClassValue;
-      inputWrapper?: tailwind_variants109.ClassValue;
-      clearButton?: tailwind_variants109.ClassValue;
+    [key: string]: ClassNameValue | {
+      base?: ClassNameValue;
+      input?: ClassNameValue;
+      inputWrapper?: ClassNameValue;
+      clearButton?: ClassNameValue;
     };
   };
 } | {}, {
@@ -42,7 +42,7 @@ declare const inputVariants: tailwind_variants109.TVReturnType<{
   clearButton: string; /** actual input element */
   input: string; /** inner wrapper (HeroUI inputWrapper slot) */
   inputWrapper: string;
-}, tailwind_variants109.TVReturnType<unknown, {
+}, TVReturnType<unknown, {
   /** wrapper around the whole input */base: string; /** clear button */
   clearButton: string; /** actual input element */
   input: string; /** inner wrapper (HeroUI inputWrapper slot) */
@@ -97,7 +97,7 @@ declare const Input: ({
   startContent,
   type,
   ...uniformFieldProps
-}: InputProps) => react_jsx_runtime4.JSX.Element;
+}: InputProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { InputProps as n, Input as t };
-//# sourceMappingURL=index-TmijvCD0.d.ts.map
+//# sourceMappingURL=index-25CYKzg4.d.cts.map

package/dist/index-25CYKzg4.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-25CYKzg4.d.cts","names":[],"sources":["../src/Input/Input.tsx"],"mappings":";;;;;;;cAca,aAAA;;mBAWX,cAAA;;;;;;;;;;;;;;;;;;;iBAXwB;;;;;;;;;;;;;;;;;;;;;;KAarB,YAAA,GAAe,OAAA,QAAe,aAAA;AAAA,KAC9B,SAAA,GAAY,WAAA,QAAmB,aAAA;AAAA,UAEnB,UAAA,SAAmB,YAAA;;EAElC,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,SAAA;;EAEA,aAAA;;EAEA,QAAA;;EAEA,UAAA,GAAa,SAAA;;EAEb,KAAA,GAAQ,SAAA;;EAER,IAAA;;EAEA,OAAA;EArBe;EAuBf,WAAA;EAvBkB;EAyBlB,IAAA;EAxBG;EA0BH,YAAA,GAAe,SAAA;;EAEf,MAAA;EA5B+C;EA8B/C,SAAA,GAAY,mBAAA;EA5Bc;EA8B1B,IAAA;AAAA;;;;cAMI,KAAA;EAAS,SAAA,EAAA,UAAA;EAAA,SAAA;EAAA,aAAA;EAAA,UAAA;EAAA,IAAA;EAAA,OAAA;EAAA,WAAA;EAAA,IAAA;EAAA,YAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAYZ,UAAA,KAAU,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/{index-CeiIXmAI.d.cts → index-3e3711-8.d.cts}

@@ -1,36 +1,36 @@
-import * as tailwind_variants128 from "tailwind-variants";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import { n as ClassNameValue, t as TVReturnType } from "./index-DsC0y6kU.cjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
 import { ReactNode } from "react";
 import { SwitchProps } from "@heroui/switch";
 
 //#region src/Switch/Switch.d.ts
-declare const switchVariants: tailwind_variants128.TVReturnType<{
+declare const switchVariants: TVReturnType<{
   [key: string]: {
-    [key: string]: tailwind_variants128.ClassValue | {
-      base?: tailwind_variants128.ClassValue;
-      label?: tailwind_variants128.ClassValue;
-      wrapper?: tailwind_variants128.ClassValue;
-      endContent?: tailwind_variants128.ClassValue;
-      errorMessage?: tailwind_variants128.ClassValue;
-      startContent?: tailwind_variants128.ClassValue;
-      thumb?: tailwind_variants128.ClassValue;
-      outerWrapper?: tailwind_variants128.ClassValue;
-      thumbIcon?: tailwind_variants128.ClassValue;
+    [key: string]: ClassNameValue | {
+      label?: ClassNameValue;
+      errorMessage?: ClassNameValue;
+      base?: ClassNameValue;
+      wrapper?: ClassNameValue;
+      thumb?: ClassNameValue;
+      thumbIcon?: ClassNameValue;
+      startContent?: ClassNameValue;
+      endContent?: ClassNameValue;
+      outerWrapper?: ClassNameValue;
     };
   };
 } | {
   [x: string]: {
-    [x: string]: tailwind_variants128.ClassValue | {
-      base?: tailwind_variants128.ClassValue;
-      label?: tailwind_variants128.ClassValue;
-      wrapper?: tailwind_variants128.ClassValue;
-      endContent?: tailwind_variants128.ClassValue;
-      errorMessage?: tailwind_variants128.ClassValue;
-      startContent?: tailwind_variants128.ClassValue;
-      thumb?: tailwind_variants128.ClassValue;
-      outerWrapper?: tailwind_variants128.ClassValue;
-      thumbIcon?: tailwind_variants128.ClassValue;
+    [x: string]: ClassNameValue | {
+      label?: ClassNameValue;
+      errorMessage?: ClassNameValue;
+      base?: ClassNameValue;
+      wrapper?: ClassNameValue;
+      thumb?: ClassNameValue;
+      thumbIcon?: ClassNameValue;
+      startContent?: ClassNameValue;
+      endContent?: ClassNameValue;
+      outerWrapper?: ClassNameValue;
     };
   };
 } | {}, {
@@ -45,16 +45,16 @@ declare const switchVariants: tailwind_variants128.TVReturnType<{
   wrapper: string;
 }, undefined, {
   [key: string]: {
-    [key: string]: tailwind_variants128.ClassValue | {
-      base?: tailwind_variants128.ClassValue;
-      label?: tailwind_variants128.ClassValue;
-      wrapper?: tailwind_variants128.ClassValue;
-      endContent?: tailwind_variants128.ClassValue;
-      errorMessage?: tailwind_variants128.ClassValue;
-      startContent?: tailwind_variants128.ClassValue;
-      thumb?: tailwind_variants128.ClassValue;
-      outerWrapper?: tailwind_variants128.ClassValue;
-      thumbIcon?: tailwind_variants128.ClassValue;
+    [key: string]: ClassNameValue | {
+      label?: ClassNameValue;
+      errorMessage?: ClassNameValue;
+      base?: ClassNameValue;
+      wrapper?: ClassNameValue;
+      thumb?: ClassNameValue;
+      thumbIcon?: ClassNameValue;
+      startContent?: ClassNameValue;
+      endContent?: ClassNameValue;
+      outerWrapper?: ClassNameValue;
     };
   };
 } | {}, {
@@ -67,7 +67,7 @@ declare const switchVariants: tailwind_variants128.TVReturnType<{
   thumb: string;
   thumbIcon: string;
   wrapper: string;
-}, tailwind_variants128.TVReturnType<unknown, {
+}, TVReturnType<unknown, {
   base: string;
   endContent: string;
   errorMessage: string;
@@ -112,7 +112,7 @@ declare const Switch: ({
   startContent,
   thumbIcon,
   ...uniformFieldProps
-}: SwitchProps$1) => react_jsx_runtime3.JSX.Element;
+}: SwitchProps$1) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { SwitchProps$1 as n, Switch as t };
-//# sourceMappingURL=index-CeiIXmAI.d.cts.map
+//# sourceMappingURL=index-3e3711-8.d.cts.map

package/dist/index-3e3711-8.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-3e3711-8.d.cts","names":[],"sources":["../src/Switch/Switch.tsx"],"mappings":";;;;;;;cAaa,cAAA;;mBAeX,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEG,YAAA,GAAe,OAAA,QAAe,cAAA;AAAA,KAC9B,SAAA,GAAY,WAAA,QAAmB,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,KAAW,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/{index-E6etS7_8.d.ts → index-6hu79Fof.d.ts}

@@ -1,34 +1,34 @@
+import { n as ClassNameValue, t as TVReturnType } from "./index-DwqOejxR.js";
 import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
 import { ReactElement, ReactNode } from "react";
-import * as tailwind_variants0 from "tailwind-variants";
 
 //#region src/Radios/Radios.d.ts
-declare const radiosVariants: tailwind_variants0.TVReturnType<{
+declare const radiosVariants: TVReturnType<{
   [key: string]: {
-    [key: string]: tailwind_variants0.ClassValue | {
-      base?: tailwind_variants0.ClassValue;
-      itemBase?: tailwind_variants0.ClassValue;
-      itemControl?: tailwind_variants0.ClassValue;
-      itemDescription?: tailwind_variants0.ClassValue;
-      itemLabel?: tailwind_variants0.ClassValue;
-      itemLabelWrapper?: tailwind_variants0.ClassValue;
-      itemWrapper?: tailwind_variants0.ClassValue;
-      label?: tailwind_variants0.ClassValue;
-      wrapper?: tailwind_variants0.ClassValue;
+    [key: string]: ClassNameValue | {
+      label?: ClassNameValue;
+      base?: ClassNameValue;
+      wrapper?: ClassNameValue;
+      itemBase?: ClassNameValue;
+      itemControl?: ClassNameValue;
+      itemDescription?: ClassNameValue;
+      itemLabel?: ClassNameValue;
+      itemLabelWrapper?: ClassNameValue;
+      itemWrapper?: ClassNameValue;
     };
   };
 } | {
   [x: string]: {
-    [x: string]: tailwind_variants0.ClassValue | {
-      base?: tailwind_variants0.ClassValue;
-      itemBase?: tailwind_variants0.ClassValue;
-      itemControl?: tailwind_variants0.ClassValue;
-      itemDescription?: tailwind_variants0.ClassValue;
-      itemLabel?: tailwind_variants0.ClassValue;
-      itemLabelWrapper?: tailwind_variants0.ClassValue;
-      itemWrapper?: tailwind_variants0.ClassValue;
-      label?: tailwind_variants0.ClassValue;
-      wrapper?: tailwind_variants0.ClassValue;
+    [x: string]: ClassNameValue | {
+      label?: ClassNameValue;
+      base?: ClassNameValue;
+      wrapper?: ClassNameValue;
+      itemBase?: ClassNameValue;
+      itemControl?: ClassNameValue;
+      itemDescription?: ClassNameValue;
+      itemLabel?: ClassNameValue;
+      itemLabelWrapper?: ClassNameValue;
+      itemWrapper?: ClassNameValue;
     };
   };
 } | {}, {
@@ -43,16 +43,16 @@ declare const radiosVariants: tailwind_variants0.TVReturnType<{
   wrapper: string;
 }, undefined, {
   [key: string]: {
-    [key: string]: tailwind_variants0.ClassValue | {
-      base?: tailwind_variants0.ClassValue;
-      itemBase?: tailwind_variants0.ClassValue;
-      itemControl?: tailwind_variants0.ClassValue;
-      itemDescription?: tailwind_variants0.ClassValue;
-      itemLabel?: tailwind_variants0.ClassValue;
-      itemLabelWrapper?: tailwind_variants0.ClassValue;
-      itemWrapper?: tailwind_variants0.ClassValue;
-      label?: tailwind_variants0.ClassValue;
-      wrapper?: tailwind_variants0.ClassValue;
+    [key: string]: ClassNameValue | {
+      label?: ClassNameValue;
+      base?: ClassNameValue;
+      wrapper?: ClassNameValue;
+      itemBase?: ClassNameValue;
+      itemControl?: ClassNameValue;
+      itemDescription?: ClassNameValue;
+      itemLabel?: ClassNameValue;
+      itemLabelWrapper?: ClassNameValue;
+      itemWrapper?: ClassNameValue;
     };
   };
 } | {}, {
@@ -65,7 +65,7 @@ declare const radiosVariants: tailwind_variants0.TVReturnType<{
   itemWrapper: string;
   label: string;
   wrapper: string;
-}, tailwind_variants0.TVReturnType<unknown, {
+}, TVReturnType<unknown, {
   base: string;
   itemBase: string;
   itemControl: string;
@@ -120,4 +120,4 @@ declare const Radios: ({
 }: RadiosProps) => ReactElement;
 //#endregion
 export { RadiosProps as n, Radios as t };
-//# sourceMappingURL=index-E6etS7_8.d.ts.map
+//# sourceMappingURL=index-6hu79Fof.d.ts.map

package/dist/index-6hu79Fof.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-6hu79Fof.d.ts","names":[],"sources":["../src/Radios/Radios.tsx"],"mappings":";;;;;cAaa,cAAA;;mBAgBX,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEG,YAAA,GAAe,OAAA,QAAe,cAAA;AAAA,KAC9B,SAAA,GAAY,WAAA,QAAmB,cAAA;AAAA,UAEnB,WAAA;;EAEf,QAAA;;EAEA,KAAA,GAAQ,SAAA;;EAER,IAAA,GAAO,SAAA;;EAEP,MAAA;;EAEA,KAAA;AAAA;AAAA,UAGe,WAAA,SAAoB,YAAA;;EAEnC,SAAA;;EAEA,SAAA,GAAY,SAAA;;EAEZ,QAAA;;EAEA,MAAA;;EAEA,KAAA,GAAQ,SAAA;;EAER,IAAA;;EAEA,OAAA,EAAS,WAAA;;EAET,MAAA;AAAA;;;;cAMI,MAAA;EAAU,SAAA;EAAA,MAAA;EAAA,IAAA;EAAA,OAAA;EAAA,GAAA;AAAA,GAMb,WAAA,KAAc,YAAA"}