@fuf-stack/uniform 1.5.0 → 1.5.1

package/dist/Checkboxes/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkCW4VK77Zcjs = require('../chunk-CW4VK77Z.cjs');
-require('../chunk-C5GIWGQR.cjs');
+var _chunkDHO4HSO7cjs = require('../chunk-DHO4HSO7.cjs');
+require('../chunk-J5FFM7WG.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Checkboxes = _chunkCW4VK77Zcjs.Checkboxes_default; exports.default = _chunkCW4VK77Zcjs.Checkboxes_default2;
+exports.Checkboxes = _chunkDHO4HSO7cjs.Checkboxes_default; exports.default = _chunkDHO4HSO7cjs.Checkboxes_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Checkboxes/index.js

@@ -1,8 +1,8 @@
 import {
   Checkboxes_default,
   Checkboxes_default2
-} from "../chunk-VLEYEBRE.js";
-import "../chunk-CJD3DW4J.js";
+} from "../chunk-2QLCCB3L.js";
+import "../chunk-CFH4VPJ4.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/FieldArray/index.cjs

@@ -1,9 +1,9 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkDYTE5N3Bcjs = require('../chunk-DYTE5N3B.cjs');
+var _chunk3YDAYNNBcjs = require('../chunk-3YDAYNNB.cjs');
 require('../chunk-TTD3KL6E.cjs');
-require('../chunk-C5GIWGQR.cjs');
+require('../chunk-J5FFM7WG.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -13,5 +13,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.FieldArray = _chunkDYTE5N3Bcjs.FieldArray_default; exports.default = _chunkDYTE5N3Bcjs.FieldArray_default2;
+exports.FieldArray = _chunk3YDAYNNBcjs.FieldArray_default; exports.default = _chunk3YDAYNNBcjs.FieldArray_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/FieldArray/index.js

@@ -1,9 +1,9 @@
 import {
   FieldArray_default,
   FieldArray_default2
-} from "../chunk-GST3AQOR.js";
+} from "../chunk-4GBNXNCZ.js";
 import "../chunk-B62HKKMS.js";
-import "../chunk-CJD3DW4J.js";
+import "../chunk-CFH4VPJ4.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/Form/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk3NH4MEMMcjs = require('../chunk-3NH4MEMM.cjs');
-require('../chunk-C5GIWGQR.cjs');
+var _chunkEO4A7QGMcjs = require('../chunk-EO4A7QGM.cjs');
+require('../chunk-J5FFM7WG.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Form = _chunk3NH4MEMMcjs.Form_default; exports.default = _chunk3NH4MEMMcjs.Form_default2;
+exports.Form = _chunkEO4A7QGMcjs.Form_default; exports.default = _chunkEO4A7QGMcjs.Form_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Form/index.js

@@ -1,8 +1,8 @@
 import {
   Form_default,
   Form_default2
-} from "../chunk-ZN3ESUQR.js";
-import "../chunk-CJD3DW4J.js";
+} from "../chunk-74NPRJVH.js";
+import "../chunk-CFH4VPJ4.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/Input/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk5LWD6VRVcjs = require('../chunk-5LWD6VRV.cjs');
-require('../chunk-C5GIWGQR.cjs');
+var _chunkEAJFV3ADcjs = require('../chunk-EAJFV3AD.cjs');
+require('../chunk-J5FFM7WG.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Input = _chunk5LWD6VRVcjs.Input_default; exports.default = _chunk5LWD6VRVcjs.Input_default2;
+exports.Input = _chunkEAJFV3ADcjs.Input_default; exports.default = _chunkEAJFV3ADcjs.Input_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Input/index.js

@@ -1,8 +1,8 @@
 import {
   Input_default,
   Input_default2
-} from "../chunk-3Q3IUEGL.js";
-import "../chunk-CJD3DW4J.js";
+} from "../chunk-JLJB4A4K.js";
+import "../chunk-CFH4VPJ4.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/RadioBoxes/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkZLQCMOVUcjs = require('../chunk-ZLQCMOVU.cjs');
-require('../chunk-C5GIWGQR.cjs');
+var _chunk4MMOSRT3cjs = require('../chunk-4MMOSRT3.cjs');
+require('../chunk-J5FFM7WG.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.RadioBoxes = _chunkZLQCMOVUcjs.RadioBoxes_default; exports.default = _chunkZLQCMOVUcjs.RadioBoxes_default2;
+exports.RadioBoxes = _chunk4MMOSRT3cjs.RadioBoxes_default; exports.default = _chunk4MMOSRT3cjs.RadioBoxes_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/RadioBoxes/index.js

@@ -1,8 +1,8 @@
 import {
   RadioBoxes_default,
   RadioBoxes_default2
-} from "../chunk-53XSXUNE.js";
-import "../chunk-CJD3DW4J.js";
+} from "../chunk-COLAXULB.js";
+import "../chunk-CFH4VPJ4.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/RadioTabs/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkS36CKKDVcjs = require('../chunk-S36CKKDV.cjs');
-require('../chunk-C5GIWGQR.cjs');
+var _chunkTFMVYQGNcjs = require('../chunk-TFMVYQGN.cjs');
+require('../chunk-J5FFM7WG.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.RadioTabs = _chunkS36CKKDVcjs.RadioTabs_default; exports.default = _chunkS36CKKDVcjs.RadioTabs_default2;
+exports.RadioTabs = _chunkTFMVYQGNcjs.RadioTabs_default; exports.default = _chunkTFMVYQGNcjs.RadioTabs_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/RadioTabs/index.js

@@ -1,8 +1,8 @@
 import {
   RadioTabs_default,
   RadioTabs_default2
-} from "../chunk-4WRUHOGY.js";
-import "../chunk-CJD3DW4J.js";
+} from "../chunk-ZQ64MG7T.js";
+import "../chunk-CFH4VPJ4.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/Radios/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk2DHTL4PWcjs = require('../chunk-2DHTL4PW.cjs');
-require('../chunk-C5GIWGQR.cjs');
+var _chunkGVMEDVT5cjs = require('../chunk-GVMEDVT5.cjs');
+require('../chunk-J5FFM7WG.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Radios = _chunk2DHTL4PWcjs.Radios_default; exports.default = _chunk2DHTL4PWcjs.Radios_default2;
+exports.Radios = _chunkGVMEDVT5cjs.Radios_default; exports.default = _chunkGVMEDVT5cjs.Radios_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Radios/index.js

@@ -1,8 +1,8 @@
 import {
   Radios_default,
   Radios_default2
-} from "../chunk-S7K35LVS.js";
-import "../chunk-CJD3DW4J.js";
+} from "../chunk-TVMCTUQ4.js";
+import "../chunk-CFH4VPJ4.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/Select/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkHQNZYWJXcjs = require('../chunk-HQNZYWJX.cjs');
-require('../chunk-C5GIWGQR.cjs');
+var _chunk7NWHDCMEcjs = require('../chunk-7NWHDCME.cjs');
+require('../chunk-J5FFM7WG.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Select = _chunkHQNZYWJXcjs.Select_default; exports.default = _chunkHQNZYWJXcjs.Select_default2;
+exports.Select = _chunk7NWHDCMEcjs.Select_default; exports.default = _chunk7NWHDCMEcjs.Select_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Select/index.js

@@ -1,8 +1,8 @@
 import {
   Select_default,
   Select_default2
-} from "../chunk-AYWMAPAX.js";
-import "../chunk-CJD3DW4J.js";
+} from "../chunk-62BVHALF.js";
+import "../chunk-CFH4VPJ4.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/SubmitButton/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk62AYJT2Hcjs = require('../chunk-62AYJT2H.cjs');
-require('../chunk-C5GIWGQR.cjs');
+var _chunkKBUECB4Bcjs = require('../chunk-KBUECB4B.cjs');
+require('../chunk-J5FFM7WG.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.SubmitButton = _chunk62AYJT2Hcjs.SubmitButton_default; exports.default = _chunk62AYJT2Hcjs.SubmitButton_default2;
+exports.SubmitButton = _chunkKBUECB4Bcjs.SubmitButton_default; exports.default = _chunkKBUECB4Bcjs.SubmitButton_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/SubmitButton/index.js

@@ -1,8 +1,8 @@
 import {
   SubmitButton_default,
   SubmitButton_default2
-} from "../chunk-D2HI4KE4.js";
-import "../chunk-CJD3DW4J.js";
+} from "../chunk-RW35BB4P.js";
+import "../chunk-CFH4VPJ4.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/Switch/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkYIBISSMTcjs = require('../chunk-YIBISSMT.cjs');
-require('../chunk-C5GIWGQR.cjs');
+var _chunk65BN4MRGcjs = require('../chunk-65BN4MRG.cjs');
+require('../chunk-J5FFM7WG.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.Switch = _chunkYIBISSMTcjs.Switch_default; exports.default = _chunkYIBISSMTcjs.Switch_default2;
+exports.Switch = _chunk65BN4MRGcjs.Switch_default; exports.default = _chunk65BN4MRGcjs.Switch_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Switch/index.js

@@ -1,8 +1,8 @@
 import {
   Switch_default,
   Switch_default2
-} from "../chunk-OCYJFIPV.js";
-import "../chunk-CJD3DW4J.js";
+} from "../chunk-SLTUNYTD.js";
+import "../chunk-CFH4VPJ4.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/TextArea/index.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunkBWPTCHL7cjs = require('../chunk-BWPTCHL7.cjs');
-require('../chunk-C5GIWGQR.cjs');
+var _chunkRTFM4VRYcjs = require('../chunk-RTFM4VRY.cjs');
+require('../chunk-J5FFM7WG.cjs');
 require('../chunk-OE5BOGGX.cjs');
 require('../chunk-NHEZXA4H.cjs');
 require('../chunk-Z353BLWI.cjs');
@@ -12,5 +12,5 @@ require('../chunk-555JRYCS.cjs');
 
 
 
-exports.TextArea = _chunkBWPTCHL7cjs.TextArea_default; exports.default = _chunkBWPTCHL7cjs.TextArea_default2;
+exports.TextArea = _chunkRTFM4VRYcjs.TextArea_default; exports.default = _chunkRTFM4VRYcjs.TextArea_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/TextArea/index.js

@@ -1,8 +1,8 @@
 import {
   TextArea_default,
   TextArea_default2
-} from "../chunk-LLQLEDOO.js";
-import "../chunk-CJD3DW4J.js";
+} from "../chunk-HSKFVCTS.js";
+import "../chunk-CFH4VPJ4.js";
 import "../chunk-NTDKZW4E.js";
 import "../chunk-ELYGQTXB.js";
 import "../chunk-76KOVUDN.js";

package/dist/{chunk-VLEYEBRE.js → chunk-2QLCCB3L.js}

@@ -1,6 +1,6 @@
 import {
   useUniformField
-} from "./chunk-CJD3DW4J.js";
+} from "./chunk-CFH4VPJ4.js";
 import {
   FieldValidationError_default
 } from "./chunk-ELYGQTXB.js";
@@ -179,4 +179,4 @@ export {
   Checkboxes_default,
   Checkboxes_default2
 };
-//# sourceMappingURL=chunk-VLEYEBRE.js.map
+//# sourceMappingURL=chunk-2QLCCB3L.js.map

package/dist/{chunk-DYTE5N3B.cjs → chunk-3YDAYNNB.cjs}

@@ -5,7 +5,7 @@ var _chunkTTD3KL6Ecjs = require('./chunk-TTD3KL6E.cjs');
 
 
 
-var _chunkC5GIWGQRcjs = require('./chunk-C5GIWGQR.cjs');
+var _chunkJ5FFM7WGcjs = require('./chunk-J5FFM7WG.cjs');
 
 
 var _chunkNHEZXA4Hcjs = require('./chunk-NHEZXA4H.cjs');
@@ -309,7 +309,7 @@ var FieldArrayLabel = ({
   name
 }) => {
   var _a;
-  const { error, getLabelProps, invalid, label } = _chunkC5GIWGQRcjs.useUniformField.call(void 0, {
+  const { error, getLabelProps, invalid, label } = _chunkJ5FFM7WGcjs.useUniformField.call(void 0, {
     name,
     showInvalidWhen: "immediate",
     label: _label
@@ -351,7 +351,7 @@ var FieldArrayValidationError = ({
     getHelperWrapperProps,
     invalid,
     testId
-  } = _chunkC5GIWGQRcjs.useUniformField.call(void 0, {
+  } = _chunkJ5FFM7WGcjs.useUniformField.call(void 0, {
     name,
     showInvalidWhen: "immediate"
   });
@@ -371,7 +371,7 @@ var FieldArrayValidationError = ({
           className: _pixelutils.cn.call(void 0, 
             (_a = getHelperWrapperProps()) == null ? void 0 : _a.className,
             // force helper to be visible (for some reason it's hidden by default) and add padding/rounded corners
-            "rounded-b-small block px-3 py-2"
+            "block rounded-b-small px-3 py-2"
           ),
           children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", _chunk555JRYCScjs.__spreadProps.call(void 0, _chunk555JRYCScjs.__spreadValues.call(void 0, {}, getErrorMessageProps()), { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             _chunkNHEZXA4Hcjs.FieldValidationError_default,
@@ -460,25 +460,25 @@ var fieldArrayVariants = _pixelutils.tv.call(void 0, {
     /** base class for the field array wrapper */
     base: [
       // base styles
-      "rounded-small border-divider bg-content1 overflow-hidden border",
+      "overflow-hidden rounded-small border border-divider bg-content1",
       // divider between items
-      "divide-divider divide-y"
+      "divide-y divide-divider"
     ],
     /** class for the actions menu button */
     actionsMenuButton: [
       // base styles
-      "text-default-600 flex items-center justify-center",
+      "flex items-center justify-center text-default-600",
       // fixed height/no round corners/center align
       "h-full rounded-none"
     ],
     /** class for the append button */
     appendButton: [
       // base styles
-      "rounded-b-small w-full rounded-t-none",
+      "w-full rounded-b-small rounded-t-none",
       // match label height (p-3 = 12px vertical padding + text-base line height)
       "!h-[48px] !min-h-0",
       // focus styles - inset ring with rounded bottom corners to match container
-      "focus-visible:ring-focus outline-none focus-visible:ring-2 focus-visible:ring-inset"
+      "outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus"
     ],
     /** class for the element fields grid */
     elementFieldsGrid: ["w-full grow p-3"],
@@ -489,7 +489,7 @@ var fieldArrayVariants = _pixelutils.tv.call(void 0, {
       // reset any transforms or translations
       "translate-x-0! translate-y-0! transform-none!",
       // card header styling - use text-medium (16px) instead of text-base for correct 48px height
-      "rounded-t-small text-medium p-3 font-semibold"
+      "rounded-t-small p-3 font-semibold text-medium"
     ],
     /** class for the list */
     list: ["overflow-hidden"],
@@ -505,9 +505,9 @@ var fieldArrayVariants = _pixelutils.tv.call(void 0, {
     /** class for the list item inner */
     listItemInner: [
       // base styles
-      "bg-content1 divide-divider flex w-full flex-row items-stretch",
+      "flex w-full flex-row items-stretch divide-divider bg-content1",
       // x division and borders
-      "border-divider divide-x divide-solid border-t border-b"
+      "divide-x divide-solid border-b border-t border-divider"
     ],
     /** class for the remove button */
     removeButton: [
@@ -516,16 +516,16 @@ var fieldArrayVariants = _pixelutils.tv.call(void 0, {
       // fixed height/no round corners
       "!h-full !min-h-0 !rounded-none px-3",
       // focus styles - inset ring
-      "focus-visible:ring-focus outline-none focus-visible:ring-2 focus-visible:ring-inset"
+      "outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus"
     ],
     /** class for the sort drag handle */
     sortDragHandle: [
       // base styles
-      "text-default-600 flex cursor-grab items-center justify-center px-2 transition-colors",
+      "flex cursor-grab items-center justify-center px-2 text-default-600 transition-colors",
       // hover and  dragging state
-      "hover:bg-default-100 group-data-[dragging=true]:bg-default-100 active:cursor-grabbing",
+      "hover:bg-default-100 active:cursor-grabbing group-data-[dragging=true]:bg-default-100",
       // focus styles - inset ring
-      "focus-visible:ring-focus outline-none focus-visible:ring-2 focus-visible:ring-inset"
+      "outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus"
     ]
   },
   variants: {
@@ -567,21 +567,24 @@ var FieldArray = (_a) => {
     "name",
     "sortable"
   ]);
-  const { control, error, getValues, invalid, testId } = _chunkC5GIWGQRcjs.useUniformField.call(void 0, _chunk555JRYCScjs.__spreadValues.call(void 0, {
+  const { control, error, getValues, invalid, testId } = _chunkJ5FFM7WGcjs.useUniformField.call(void 0, _chunk555JRYCScjs.__spreadValues.call(void 0, {
     name,
     showInvalidWhen: "immediate"
   }, uniformFieldProps));
-  const { fields, append, remove, insert, move } = _chunkC5GIWGQRcjs.useFieldArray.call(void 0, {
+  const { fields, append, remove, insert, move } = _chunkJ5FFM7WGcjs.useFieldArray.call(void 0, {
     control,
     name
   });
-  const { trigger } = _chunkC5GIWGQRcjs.useFormContext.call(void 0, );
+  const { trigger, setValue } = _chunkJ5FFM7WGcjs.useFormContext.call(void 0, );
   _react.useEffect.call(void 0, () => {
     setTimeout(() => {
       trigger(name);
     }, 200);
   }, [fields.length]);
   const elementInitialValue = flat ? { [_chunkZ353BLWIcjs.flatArrayKey]: _elementInitialValue != null ? _elementInitialValue : null } : _elementInitialValue != null ? _elementInitialValue : {};
+  if (lastElementNotRemovable && fields.length === 0) {
+    setValue(name, [elementInitialValue]);
+  }
   const prefersReducedMotion = _pixelmotion.useReducedMotion.call(void 0, );
   const disableAnimationRef = _react.useRef.call(void 0, true);
   _react.useEffect.call(void 0, () => {
@@ -589,9 +592,6 @@ var FieldArray = (_a) => {
       disableAnimationRef.current = false;
     }
   }, [prefersReducedMotion]);
-  if (lastElementNotRemovable && fields.length === 0) {
-    append(elementInitialValue);
-  }
   const variants = fieldArrayVariants({ hasLabel: !!uniformFieldProps.label });
   const className = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "base");
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: className.base, children: [
@@ -661,7 +661,6 @@ var FieldArray = (_a) => {
           className.appendButton,
           // only round bottom corners if there are no errors below
           // @ts-expect-error - error._errors exists but not typed
-          // eslint-disable-next-line no-underscore-dangle
           { "rounded-none": invalid && (error == null ? void 0 : error._errors) }
         ),
         onClick: () => {
@@ -681,4 +680,4 @@ var FieldArray_default2 = FieldArray_default;
 
 
 exports.FieldArray_default = FieldArray_default; exports.FieldArray_default2 = FieldArray_default2;
-//# sourceMappingURL=chunk-DYTE5N3B.cjs.map
+//# sourceMappingURL=chunk-3YDAYNNB.cjs.map

package/dist/chunk-3YDAYNNB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-3YDAYNNB.cjs","../src/FieldArray/FieldArray.tsx","../src/FieldArray/subcomponents/ElementAppendButton.tsx","../src/FieldArray/subcomponents/FieldArrayElement.tsx","../src/FieldArray/subcomponents/ElementActionsMenu.tsx","../src/FieldArray/subcomponents/ElementRemoveButton.tsx","../src/FieldArray/subcomponents/SortDragHandle.tsx","../src/FieldArray/subcomponents/FieldArrayLabel.tsx","../src/FieldArray/subcomponents/FieldArrayValidationError.tsx","../src/FieldArray/subcomponents/SortContext.tsx","../src/FieldArray/index.ts"],"names":["jsx","cn","Button","FaTimes","useSortable","AnimatePresence","motion","jsxs"],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACA;ACjBA,8BAAkC;AAElC,sDAAiC;AACjC,oDAA6C;ADkB7C;AACA;AEvBA,oCAAuB;AAEvB;AACA,2CAAuB;AAoBnB,+CAAA;AAPJ,IAAM,oBAAA,EAAsB,CAAC;AAAA,EAC3B,iBAAA,EAAmB,aAAA;AAAA,EACnB,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,OAAA;AAAA,EACA,OAAA,EAAS,KAAA;AACX,CAAA,EAAA,GAAgC;AAC9B,EAAA,uBACE,8BAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,gBAAA,EAAgB,IAAA;AAAA,MAChB,SAAA,EAAW,4BAAA,SAAY,CAAA;AAAA,MACvB,OAAA;AAAA,MACA,IAAA,EAAK,IAAA;AAAA,MACL,MAAA;AAAA,MACA,OAAA,EAAQ,OAAA;AAAA,MAER,QAAA,EAAA;AAAA,wBAAA,6BAAA,UAAC,EAAA,CAAA,CAAO,CAAA;AAAA,wBACR,6BAAA,MAAC,EAAA,EAAM,QAAA,EAAA,iBAAA,CAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EAC1B,CAAA;AAEJ,CAAA;AAEA,IAAO,4BAAA,EAAQ,mBAAA;AFcf;AACA;AGlDA;AAEA,6CAA4B;AAC5B,+CAAoB;AAEpB;AACA;AHkDA;AACA;AIxDA;AACA,sCAA0B;AAE1B;AACA;AAmDY;AA/BZ,IAAM,mBAAA,EAAqB,CAAC;AAAA,EAC1B,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,UAAA,EAAY,KAAA;AAAA,EACZ,YAAA,EAAc,KAAA;AAAA,EACd,WAAA,EAAa,IAAA;AAAA,EACb,OAAA;AAAA,EACA,OAAA,EAAS,KAAA;AACX,CAAA,EAAA,GAA+B;AAC7B,EAAA,MAAM,aAAA,EAAe,CAAC,GAAA,EAAA,GAAa;AACjC,IAAA,OAAA,CAAQ,GAAA,EAAK;AAAA,MACX,KAAK,QAAA;AACH,QAAA,OAAA,CAAQ,MAAA,CAAO,CAAA;AACf,QAAA,KAAA;AAAA,MACF,KAAK,WAAA;AACH,QAAA,OAAA,CAAQ,SAAA,CAAU,CAAA;AAClB,QAAA,KAAA;AAAA,MACF,KAAK,aAAA;AACH,QAAA,OAAA,CAAQ,MAAA,CAAO,CAAA;AACf,QAAA,KAAA;AAAA,MACF,OAAA;AACE,QAAA,KAAA;AAAA,IACJ;AAAA,EACF,CAAA;AAGA,EAAA,MAAM,UAAA,EAAwB,CAAC,CAAA;AAE/B,EAAA,GAAA,CAAI,SAAA,EAAW;AACb,IAAA,SAAA,CAAU,IAAA,CAAK;AAAA,MACb,GAAA,EAAK,WAAA;AAAA,MACL,KAAA,EAAO,WAAA;AAAA,MACP,IAAA,kBAAMA,6BAAAA,UAAC,EAAA,CAAA,CAAO;AAAA,IAChB,CAAC,CAAA;AAAA,EACH;AAEA,EAAA,GAAA,CAAI,WAAA,EAAa;AACf,IAAA,SAAA,CAAU,IAAA,CAAK;AAAA,MACb,GAAA,EAAK,aAAA;AAAA,MACL,KAAA,EAAO,cAAA;AAAA,MACP,IAAA,kBAAMA,6BAAAA,cAAC,EAAA,CAAA,CAAU;AAAA,IACnB,CAAC,CAAA;AAAA,EACH;AAEA,EAAA,GAAA,CAAI,UAAA,EAAY;AACd,IAAA,SAAA,CAAU,IAAA,CAAK;AAAA,MACb,GAAA,EAAK,QAAA;AAAA,MACL,SAAA,EAAW,aAAA;AAAA,MACX,KAAA,EAAO,QAAA;AAAA,MACP,IAAA,kBAAMA,6BAAAA,WAAC,EAAA,CAAA,CAAQ;AAAA,IACjB,CAAC,CAAA;AAAA,EACH;AAEA,EAAA,uBACEA,6BAAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,iBAAA;AAAA,MACV,KAAA,EAAO,SAAA;AAAA,MACP,QAAA,EAAU,YAAA;AAAA,MACV,SAAA,EAAU,OAAA;AAAA,MACV,MAAA;AAAA,MACA,kBAAA,EAAoB;AAAA,QAClB,SAAA,EAAWC,4BAAAA,SAAY,CAAA;AAAA,QACvB,aAAA,EAAe,IAAA;AAAA,QACf,IAAA,EAAM,IAAA;AAAA,QACN,OAAA,EAAS;AAAA,MACX;AAAA,IAAA;AAAA,EACF,CAAA;AAEJ,CAAA;AAEA,IAAO,2BAAA,EAAQ,kBAAA;AJiCf;AACA;AKlIA;AAEA;AACA;AAqBY;AAVZ,IAAM,oBAAA,EAAsB,CAAC;AAAA,EAC3B,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,OAAA;AAAA,EACA,OAAA,EAAS,KAAA;AACX,CAAA,EAAA,GAAgC;AAC9B,EAAA,uBACED,6BAAAA;AAAA,IAACE,cAAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAU,gBAAA;AAAA,MACV,SAAA,EAAWD,4BAAAA,SAAY,CAAA;AAAA,MACvB,KAAA,EAAM,QAAA;AAAA,MACN,IAAA,kBAAMD,6BAAAA,WAACG,EAAA,CAAA,CAAQ,CAAA;AAAA,MACf,OAAA;AAAA,MACA,IAAA,EAAK,IAAA;AAAA,MACL,MAAA;AAAA,MACA,OAAA,EAAQ;AAAA,IAAA;AAAA,EACV,CAAA;AAEJ,CAAA;AAEA,IAAO,4BAAA,EAAQ,mBAAA;AL0Hf;AACA;AM5JA;AAEA;AAEA;AA8BM;AAfN,IAAM,eAAA,EAAiB,CAAC;AAAA,EACtB,UAAA,EAAY,KAAA,CAAA;AAAA,EACZ,EAAA;AAAA,EACA,OAAA,EAAS,KAAA;AACX,CAAA,EAAA,GAA2B;AAEzB,EAAA,MAAM,EAAE,UAAA,EAAY,UAAU,EAAA,EAAI,mCAAA,EAAc,GAAG,CAAC,CAAA;AAEpD,EAAA,uBACEH,6BAAAA;AAAA,IAAC,KAAA;AAAA,IAAA,6CAAA,8CAAA,8CAAA;AAAA,MACC,SAAA,EAAWC,4BAAAA,SAAY,CAAA;AAAA,MACvB,aAAA,EAAa;AAAA,IAAA,CAAA,EACT,UAAA,CAAA,EACA,SAAA,CAAA,EAJL;AAAA,MAMC,QAAA,kBAAAD,6BAAAA,kBAAC,EAAA,CAAA,CAAe;AAAA,IAAA,CAAA;AAAA,EAClB,CAAA;AAEJ,CAAA;AAEA,IAAO,uBAAA,EAAQ,cAAA;AN2If;AACA;AGtCU;AA1EV,IAAM,kBAAA,EAAoB,CAAC;AAAA,EACzB,QAAA;AAAA,EACA,SAAA;AAAA,EACA,iBAAA,EAAmB,KAAA;AAAA,EACnB,UAAA,EAAY,KAAA;AAAA,EACZ,mBAAA,EAAqB,qBAAA,EAAuB,KAAA,CAAA;AAAA,EAC5C,MAAA;AAAA,EACA,EAAA;AAAA,EACA,KAAA,EAAO,MAAA;AAAA,EACP,YAAA,EAAc,KAAA;AAAA,EACd,iBAAA,EAAmB,IAAA;AAAA,EACnB,OAAA;AAAA,EACA,SAAA,EAAW,KAAA;AAAA,EACX,OAAA,EAAS,KAAA;AACX,CAAA,EAAA,GAA8B;AAI5B,EAAA,MAAM,EAAE,UAAA,EAAY,SAAA,EAAW,UAAA,EAAY,WAAW,EAAA,EAAII,mCAAAA,EAAc,GAAG,CAAC,CAAA;AAC5E,EAAA,MAAM,aAAA,EAAe,SAAA,EACjB;AAAA,IACE,SAAA,EAAW,cAAA,CAAI,SAAA,CAAU,QAAA,CAAS,SAAS,CAAA;AAAA,IAC3C,UAAA;AAAA,IACA,MAAA,EAAQ,WAAA,EAAa,GAAA,EAAK,KAAA;AAAA,EAC5B,EAAA,EACA,KAAA,CAAA;AAGJ,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,EAAA,EAAI,6BAAA,IAAa,CAAA;AAG/C,EAAA,MAAM,uBAAA,EAAyC;AAAA,IAC7C,MAAA,EAAQ,EAAE,OAAA,EAAS,CAAA,EAAG,MAAA,EAAQ,CAAA,EAAG,YAAA,EAAc,EAAE,CAAA;AAAA,IACjD,OAAA,EAAS;AAAA,MACP,OAAA,EAAS,CAAA;AAAA,MACT,MAAA,EAAQ,MAAA;AAAA,MACR,UAAA,EAAY,EAAE,QAAA,EAAU,GAAA,EAAK,IAAA,EAAM,UAAU,CAAA;AAAA;AAAA,MAE7C,YAAA,EAAc;AAAA,IAChB,CAAA;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,OAAA,EAAS,CAAA;AAAA,MACT,MAAA,EAAQ,CAAA;AAAA,MACR,YAAA,EAAc,CAAA;AAAA,MACd,UAAA,EAAY;AAAA;AAAA,QAEV,OAAA,EAAS,EAAE,QAAA,EAAU,GAAA,EAAK,IAAA,EAAM,UAAU,CAAA;AAAA,QAC1C,MAAA,EAAQ,EAAE,KAAA,EAAO,GAAA,EAAK,QAAA,EAAU,GAAA,EAAK,IAAA,EAAM,UAAU;AAAA,MACvD;AAAA,IACF;AAAA,EACF,CAAA;AAGA,EAAA,uBACEJ,6BAAAA;AAAA,IAAC,4BAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,MAAA;AAAA,MAEL,cAAA,EAAgB,CAAA,EAAA,GAAM;AACpB,QAAA,OAAA,CAAQ,MAAA,CAAO,CAAA;AAAA,MACjB,CAAA;AAAA,MAEC,QAAA,EAAA,UAAA,kBACCA,6BAAAA;AAAA,QAAC,mBAAA,CAAO,EAAA;AAAA,QAAP;AAAA,UAEC,GAAA,EAAK,UAAA;AAAA,UACL,OAAA,EAAS,iBAAA,EAAmB,KAAA,EAAA,EAAY,SAAA;AAAA,UACxC,SAAA,EAAWC,4BAAAA,SAAG,CAAU,QAAQ,CAAA;AAAA,UAChC,eAAA,EAAe,UAAA;AAAA,UACf,aAAA,EAAa,CAAA,EAAA;AACP,UAAA;AACG,UAAA;AACF,UAAA;AACG,UAAA;AAEV,UAAA;AAGI,YAAA;AAAC,cAAA;AAAA,cAAA;AACC,gBAAA;AACA,gBAAA;AACQ,gBAAA;AAAS,cAAA;AAEjB,YAAA;AAGJ,4BAAA;AAAC,cAAA;AAAA,cAAA;AACC,gBAAA;AACQ,gBAAA;AAGP,gBAAA;AAAA,cAAA;AACH,YAAA;AAGc,YAAA;AACX,cAAA;AAAA,cAAA;AACC,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACQ,gBAAA;AACC,gBAAA;AAEC,kBAAA;AACF,oBAAA;AACF,sBAAA;AACF,oBAAA;AACE,sBAAA;AACF,oBAAA;AACF,kBAAA;AACF,gBAAA;AAAA,cAAA;AAGF,YAAA;AAGK,cAAA;AAAA,cAAA;AACC,gBAAA;AACQ,gBAAA;AACC,gBAAA;AACH,kBAAA;AACF,oBAAA;AACK,kBAAA;AACL,oBAAA;AACF,kBAAA;AACF,gBAAA;AAAA,cAAA;AAGN,YAAA;AAEJ,UAAA;AAAA,QAAA;AAnEK,QAAA;AAqEL,MAAA;AAAA,IAAA;AACN,EAAA;AAEJ;AAEO;AH+FmB;AACA;AO5SP;AAuCfD;AApBqB;AACX,EAAA;AACL,EAAA;AACP,EAAA;AAC0B;AAzB5B,EAAA;AA0BiB,EAAA;AACb,IAAA;AACiB,IAAA;AACV,IAAA;AACR,EAAA;AAGY,EAAA;AACJ,IAAA;AACT,EAAA;AAGkB,EAAA;AAGhBA,EAAAA;AAAC,IAAA;AAAA,IAAA;AAEa,MAAA;AACP,MAAA;AACS,MAAA;AAAuC;AAEnD,QAAA;AACD,MAAA;AAEA,MAAA;AAAA,IAAA;AACH,EAAA;AAEJ;AAEO;APuRmB;AACA;AQ/U1B;AACEK;AACAC;AACA;AACK;AACY;AA8DLN;AA1CR;AACJ,EAAA;AACoC;AA3BtC,EAAA;AA4BQ,EAAA;AACJ,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACkB,EAAA;AAClB,IAAA;AACiB,IAAA;AAClB,EAAA;AAGK,EAAA;AAGY,EAAA;AAGhBA,EAAAA;AAEY,IAAA;AAAP,IAAA;AAEO,MAAA;AACG,MAAA;AACU,MAAA;AACL,MAAA;AAEZ,MAAA;AAGF,MAAA;AAAC,QAAA;AAAA,QAAA;AAEYC,UAAAA;AACT,YAAA;AAAyB;AAEzB,YAAA;AACF,UAAA;AAEA,UAAA;AACG,YAAA;AAAA,YAAA;AAEQ,cAAA;AACP,cAAA;AAAA,YAAA;AAEJ,UAAA;AAAA,QAAA;AACF,MAAA;AAAA,IAAA;AAxBI,IAAA;AA2BV,EAAA;AAEJ;AAEO;ARqTmB;AACA;ASlY1B;AACE;AACA;AACA;AACA;AACA;AACA;AACK;AACP;AACE;AACA;AACK;AACP;AACE;AACA;AACK;AAkEDD;AA7Ce;AACnB,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACiC;AAEjB,EAAA;AACJ,IAAA;AACA,IAAA;AACZ,EAAA;AAGe,EAAA;AACN,IAAA;AACT,EAAA;AAMuB,EAAA;AACA,IAAA;AAGH,IAAA;AAEC,MAAA;AACF,QAAA;AACd,MAAA;AACgB,MAAA;AACF,QAAA;AACd,MAAA;AAEc,MAAA;AACjB,IAAA;AACF,EAAA;AAGEA,EAAAA;AAAC,IAAA;AAAA,IAAA;AACqB,MAAA;AACR,MAAA;AACD,MAAA;AACX,MAAA;AAEA,MAAA;AAAC,QAAA;AAAA,QAAA;AACW,UAAA;AACI,UAAA;AACC,YAAA;AACd,UAAA;AAEA,UAAA;AAAA,QAAA;AACH,MAAA;AAAA,IAAA;AACF,EAAA;AAEJ;AAEe;ATqWW;AACA;ACxRtB;AA9J8B;AACzB,EAAA;AAAA;AAEC,IAAA;AAAA;AAEJ,MAAA;AAAA;AAEA,MAAA;AACF,IAAA;AAAA;AAEmB,IAAA;AAAA;AAEjB,MAAA;AAAA;AAEA,MAAA;AACF,IAAA;AAAA;AAEc,IAAA;AAAA;AAEZ,MAAA;AAAA;AAEA,MAAA;AAAA;AAEA,MAAA;AACF,IAAA;AAAA;AAEoB,IAAA;AAAiB;AAE9B,IAAA;AAAA;AAEL,MAAA;AAAA;AAEA,MAAA;AAAA;AAEA,MAAA;AACF,IAAA;AAAA;AAEO,IAAA;AAAiB;AAEV,IAAA;AAAiB;AAErB,IAAA;AAAA;AAER,MAAA;AAAA;AAEA,MAAA;AACF,IAAA;AAAA;AAEe,IAAA;AAAA;AAEb,MAAA;AAAA;AAEA,MAAA;AACF,IAAA;AAAA;AAEc,IAAA;AAAA;AAEZ,MAAA;AAAA;AAEA,MAAA;AAAA;AAEA,MAAA;AACF,IAAA;AAAA;AAEgB,IAAA;AAAA;AAEd,MAAA;AAAA;AAEA,MAAA;AAAA;AAEA,MAAA;AACF,IAAA;AACF,EAAA;AACU,EAAA;AACE,IAAA;AACD,MAAA;AAAA;AAEL,QAAA;AACE;AAGA,QAAA;AAAA;AAGA,QAAA;AACJ,MAAA;AACF,IAAA;AACF,EAAA;AACD;AAkBsB;AAZrB,EAAA;AAAmB,IAAA;AACnB,IAAA;AACW,IAAA;AACC,IAAA;AACS,IAAA;AACC,IAAA;AACf,IAAA;AACO,IAAA;AACd,IAAA;AACA,IAAA;AACW,IAAA;AACR,EAAA;AAXH,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAAA,EAAA;AAGwB,EAAA;AACtB,IAAA;AACiB,IAAA;AAElB,EAAA;AAEuB,EAAA;AACtB,IAAA;AACA,IAAA;AACD,EAAA;AAEgB,EAAA;AAGD,EAAA;AACG,IAAA;AAEH,MAAA;AACR,IAAA;AAEU,EAAA;AAKZ,EAAA;AAMF,EAAA;AAEc,IAAA;AAClB,EAAA;AAIM,EAAA;AACA,EAAA;AACU,EAAA;AACT,IAAA;AACiB,MAAA;AACtB,IAAA;AACsB,EAAA;AAGP,EAAA;AACC,EAAA;AAGhBO,EAAAA;AAEEP,oBAAAA;AAAC,MAAA;AAAA,MAAA;AACY,QAAA;AACJ,QAAA;AACP,QAAA;AAAA,MAAA;AACF,IAAA;AAEQ,IAAA;AAAA;AAENA,sBAAAA;AAOc,QAAA;AAGA,QAAA;AAGA,QAAA;AACU,UAAA;AACL,YAAA;AACT,UAAA;AACW,UAAA;AACH,YAAA;AACA,YAAA;AACA,YAAA;AAGC,YAAA;AACT,UAAA;AACc,UAAA;AACL,YAAA;AACT,UAAA;AACc,UAAA;AACA,YAAA;AACd,UAAA;AACF,QAAA;AAGE,QAAA;AAAC,UAAA;AAAA,UAAA;AAEC,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACA,YAAA;AACU,YAAA;AACV,YAAA;AACA,YAAA;AACA,YAAA;AACS,YAAA;AACT,YAAA;AACQ,YAAA;AAEP,YAAA;AACC,cAAA;AACQ,cAAA;AACC,cAAA;AACH,cAAA;AACE,cAAA;AACT,YAAA;AAAA,UAAA;AApBU,UAAA;AAqBb,QAAA;AAKV,MAAA;AACE,IAAA;AAGJA,oBAAAA;AAAC,MAAA;AAAA,MAAA;AACC,QAAA;AACiB,QAAA;AACNC,QAAAA;AACC,UAAA;AAAA;AAAA;AAGR,UAAA;AACJ,QAAA;AACe,QAAA;AACN,UAAA;AACT,QAAA;AAAA,MAAA;AACF,IAAA;AAGC,oBAAA;AACH,EAAA;AAEJ;AAEe;ADoZW;AACA;AU7pBX;AV+pBW;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/uniform/dist/chunk-3YDAYNNB.cjs","sourcesContent":[null,"import type { FieldArrayElementMethods } from './subcomponents/FieldArrayElement';\nimport type { FieldArrayProps } from './types';\n\nimport { useEffect, useRef } from 'react';\n\nimport { useReducedMotion } from '@fuf-stack/pixel-motion';\nimport { cn, tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport { flatArrayKey } from '../helpers';\nimport { useFieldArray, useUniformField } from '../hooks';\nimport { useFormContext } from '../hooks/useFormContext/useFormContext';\nimport ElementAppendButton from './subcomponents/ElementAppendButton';\nimport FieldArrayElement from './subcomponents/FieldArrayElement';\nimport FieldArrayLabel from './subcomponents/FieldArrayLabel';\nimport FieldArrayValidationError from './subcomponents/FieldArrayValidationError';\nimport SortContext from './subcomponents/SortContext';\n\nexport const fieldArrayVariants = tv({\n  slots: {\n    /** base class for the field array wrapper */\n    base: [\n      // base styles\n      'overflow-hidden rounded-small border border-divider bg-content1',\n      // divider between items\n      'divide-y divide-divider',\n    ],\n    /** class for the actions menu button */\n    actionsMenuButton: [\n      // base styles\n      'flex items-center justify-center text-default-600',\n      // fixed height/no round corners/center align\n      'h-full rounded-none',\n    ],\n    /** class for the append button */\n    appendButton: [\n      // base styles\n      'w-full rounded-b-small rounded-t-none',\n      // match label height (p-3 = 12px vertical padding + text-base line height)\n      '!h-[48px] !min-h-0',\n      // focus styles - inset ring with rounded bottom corners to match container\n      'outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus',\n    ],\n    /** class for the element fields grid */\n    elementFieldsGrid: ['w-full grow p-3'],\n    /** class for the label */\n    label: [\n      // override HeroUI label positioning and display\n      'pointer-events-auto! static! z-auto! block! w-full!',\n      // reset any transforms or translations\n      'translate-x-0! translate-y-0! transform-none!',\n      // card header styling - use text-medium (16px) instead of text-base for correct 48px height\n      'rounded-t-small p-3 font-semibold text-medium',\n    ],\n    /** class for the list */\n    list: ['overflow-hidden'],\n    /** class for the list wrapper */\n    listWrapper: ['overflow-hidden'],\n    /** class for the list item (performs motion animations) */\n    listItem: [\n      // base styles\n      'group relative flex flex-row',\n      // overlap borders by shifting first item up 1px (similar to how last item overlaps with append button)\n      'first:-mt-px',\n    ],\n    /** class for the list item inner */\n    listItemInner: [\n      // base styles\n      'flex w-full flex-row items-stretch divide-divider bg-content1',\n      // x division and borders\n      'divide-x divide-solid border-b border-t border-divider',\n    ],\n    /** class for the remove button */\n    removeButton: [\n      // base styles\n      'flex items-center justify-center',\n      // fixed height/no round corners\n      '!h-full !min-h-0 !rounded-none px-3',\n      // focus styles - inset ring\n      'outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus',\n    ],\n    /** class for the sort drag handle */\n    sortDragHandle: [\n      // base styles\n      'flex cursor-grab items-center justify-center px-2 text-default-600 transition-colors',\n      // hover and  dragging state\n      'hover:bg-default-100 active:cursor-grabbing group-data-[dragging=true]:bg-default-100',\n      // focus styles - inset ring\n      'outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-focus',\n    ],\n  },\n  variants: {\n    hasLabel: {\n      false: {\n        // focus styles - when there is no label, the first item actions menu button should have rounded top right corners\n        actionsMenuButton:\n          'group-[:first-child]:!rounded-tr-small group-[:first-child]:group-data-[dragging=true]:!rounded-tr-none',\n        // focus styles - when there is no label, the first item remove button focus ring should have rounded top right corners\n        removeButton:\n          'group-[:first-child]:!rounded-tr-small group-[:first-child]:group-data-[dragging=true]:!rounded-tr-none',\n        // focus styles - when there is no label, the first item sort drag handle focus ring should have rounded top left corners\n        sortDragHandle:\n          'group-[:first-child]:rounded-tl-small group-[:first-child]:group-data-[dragging=true]:rounded-tl-none',\n      },\n    },\n  },\n});\n\n/**\n * FieldArray component based in [RHF useFieldArray](https://react-hook-form.com/docs/usefieldarray)\n */\nconst FieldArray = ({\n  appendButtonText = 'Add Element',\n  children,\n  className: _className = undefined,\n  duplicate = false,\n  elementInitialValue: _elementInitialValue = null,\n  elementMarginBottom = undefined,\n  flat = false,\n  insertAfter = false,\n  lastElementNotRemovable = false,\n  name,\n  sortable = false,\n  ...uniformFieldProps\n}: FieldArrayProps) => {\n  const { control, error, getValues, invalid, testId } = useUniformField({\n    name,\n    showInvalidWhen: 'immediate',\n    ...uniformFieldProps,\n  });\n\n  const { fields, append, remove, insert, move } = useFieldArray({\n    control,\n    name,\n  });\n\n  const { trigger, setValue } = useFormContext();\n\n  // Validate array-level constraints immediately when length changes\n  useEffect(() => {\n    setTimeout(() => {\n      // Trigger validation for the array field so max/min errors appear instantly\n      trigger(name);\n    }, 200);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [fields.length]);\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 = flat\n    ? { [flatArrayKey]: _elementInitialValue ?? null }\n    : (_elementInitialValue ?? {});\n\n  // When lastElementNotRemovable is set and the field array is empty,\n  // add an initial element to ensure there's always at least one visible element\n  if (lastElementNotRemovable && fields.length === 0) {\n    // use setValue instead of append to avoid focusing added element\n    setValue(name, [elementInitialValue]);\n  }\n\n  // Track initial render to prevent animating elements on\n  // first render cycle or when user prefers reduced motion\n  const prefersReducedMotion = useReducedMotion();\n  const disableAnimationRef = useRef(true);\n  useEffect(() => {\n    if (!prefersReducedMotion) {\n      disableAnimationRef.current = false;\n    }\n  }, [prefersReducedMotion]);\n\n  // className from slots\n  const variants = fieldArrayVariants({ hasLabel: !!uniformFieldProps.label });\n  const className = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <div className={className.base}>\n      {/* field array label */}\n      <FieldArrayLabel\n        className={className.label}\n        label={uniformFieldProps.label}\n        name={name}\n      />\n\n      {fields.length ? (\n        /* list wrapper */\n        <div className={cn(className.listWrapper)}>\n          {/* sortable context */}\n          <SortContext fields={fields} move={move} sortable={sortable}>\n            {/* list container */}\n            <ul className={className.list} data-testid={testId}>\n              {/* fields / list elements  */}\n              {fields.map((field, index) => {\n                const elementName = flat\n                  ? `${name}.${index}.${flatArrayKey}`\n                  : `${name}.${index}`;\n                const elementTestId = `${testId}_${index}`;\n\n                // create methods for element\n                const elementMethods: FieldArrayElementMethods = {\n                  append: () => {\n                    append(elementInitialValue);\n                  },\n                  duplicate: () => {\n                    const values = getValues(name);\n                    const currentValue = (values as unknown[])[index];\n                    const nextValue = flat\n                      ? { [flatArrayKey]: currentValue }\n                      : currentValue;\n                    insert(index + 1, nextValue);\n                  },\n                  insert: () => {\n                    insert(index + 1, elementInitialValue);\n                  },\n                  remove: () => {\n                    remove(index);\n                  },\n                };\n\n                return (\n                  <FieldArrayElement\n                    key={field.id}\n                    className={className}\n                    disableAnimation={disableAnimationRef.current}\n                    duplicate={duplicate}\n                    elementMarginBottom={elementMarginBottom}\n                    fields={fields}\n                    id={field.id}\n                    index={index}\n                    insertAfter={insertAfter}\n                    lastNotDeletable={lastElementNotRemovable}\n                    methods={elementMethods}\n                    sortable={sortable}\n                    testId={elementTestId}\n                  >\n                    {children({\n                      index,\n                      length: fields.length,\n                      methods: elementMethods,\n                      name: elementName,\n                      testId: elementTestId,\n                    })}\n                  </FieldArrayElement>\n                );\n              })}\n            </ul>\n          </SortContext>\n        </div>\n      ) : null}\n\n      {/* append elements button */}\n      <ElementAppendButton\n        appendButtonText={appendButtonText}\n        testId={`${testId}_append_button`}\n        className={cn(\n          className.appendButton,\n          // only round bottom corners if there are no errors below\n          // @ts-expect-error - error._errors exists but not typed\n          { 'rounded-none': invalid && error?._errors },\n        )}\n        onClick={() => {\n          append(elementInitialValue);\n        }}\n      />\n\n      {/* top level field array errors */}\n      <FieldArrayValidationError name={name} />\n    </div>\n  );\n};\n\nexport default FieldArray;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\n\nimport { FaPlus } from 'react-icons/fa';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\ninterface ElementAppendButtonProps {\n  /** text of the append element button */\n  appendButtonText?: string;\n  /** CSS class name */\n  className?: ClassValue;\n  /** click handler */\n  onClick: () => void;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst ElementAppendButton = ({\n  appendButtonText = 'Add Element',\n  className = undefined,\n  onClick,\n  testId = undefined,\n}: ElementAppendButtonProps) => {\n  return (\n    <Button\n      disableAnimation\n      className={cn(className)}\n      onClick={onClick}\n      size=\"sm\"\n      testId={testId}\n      variant=\"light\"\n    >\n      <FaPlus />\n      <span>{appendButtonText}</span>\n    </Button>\n  );\n};\n\nexport default ElementAppendButton;\n","import type { Variants as MotionVariants } from '@fuf-stack/pixel-motion';\nimport type { ClassValue } from '@fuf-stack/pixel-utils';\nimport type { FieldArrayFeatures } from '../types';\n\nimport { useState } from 'react';\n\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nimport { AnimatePresence, motion } from '@fuf-stack/pixel-motion';\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { Grid } from '../../Grid';\nimport ElementActionsMenu from './ElementActionsMenu';\nimport ElementRemoveButton from './ElementRemoveButton';\nimport SortDragHandle from './SortDragHandle';\n\nexport interface FieldArrayElementMethods {\n  /** Add new element at end */\n  append: () => void;\n  /** Clone current element */\n  duplicate: () => void;\n  /** Add new element after current */\n  insert: () => void;\n  /** Remove current element */\n  remove: () => void;\n}\n\ninterface FieldArrayElementProps extends FieldArrayFeatures {\n  /** Form elements to render inside array element */\n  children: React.ReactNode;\n  /** CSS class names for component parts */\n  className: {\n    /** Class of wrapper grid inside the li that wraps the rendered element fields directly */\n    elementFieldsGrid?: ClassValue;\n    /** Class for the li (performs motion animations) */\n    listItem?: ClassValue;\n    /** Class for the li inner div (wraps the rendered element fields) */\n    listItemInner?: ClassValue;\n    /** Class for the actions menu button */\n    actionsMenuButton?: ClassValue;\n    /** Class for the remove element button (when menu is not used) */\n    removeButton?: ClassValue;\n    /** Class for the drag handle when sorting enabled */\n    sortDragHandle?: ClassValue;\n  };\n  /** Globally disable animations for this item (used for first render or prefers-reduced-motion) */\n  disableAnimation?: boolean;\n  /** Bottom margin for elements (for backwards compatibility) */\n  elementMarginBottom?: React.CSSProperties['marginBottom'];\n  /** All fields in the form array */\n  fields: Record<'id', string>[];\n  /** Unique identifier for drag/drop */\n  id: string | number;\n  /** Field index in array */\n  index: number;\n  /** Prevent deletion of last remaining element */\n  lastNotDeletable?: boolean;\n  /** Field array operation methods */\n  methods: FieldArrayElementMethods;\n  /** HTML data-testid of the element */\n  testId?: string;\n}\n\n/**\n * Form array element component using react-hook-form with drag-drop sorting\n * and validation capabilities. Animations when elements are added or removed\n * improve the user experience and provide a better visual feedback.\n */\nconst FieldArrayElement = ({\n  children,\n  className,\n  disableAnimation = false,\n  duplicate = false,\n  elementMarginBottom: _elementMarginBottom = undefined,\n  fields,\n  id,\n  index: _index,\n  insertAfter = false,\n  lastNotDeletable = true,\n  methods,\n  sortable = false,\n  testId = undefined,\n}: FieldArrayElementProps) => {\n  // Apply transform styles when sortable is enabled for smooth drag animations\n  // transform: handles the item's position during drag\n  // transition: controls the animation timing when dropping\n  const { setNodeRef, transform, transition, isDragging } = useSortable({ id });\n  const sortingStyle = sortable\n    ? {\n        transform: CSS.Translate.toString(transform),\n        transition,\n        zIndex: isDragging ? 50 : undefined,\n      }\n    : undefined;\n\n  // Local visibility to allow exit animation before removing from RHF state\n  const [isVisible, setIsVisible] = useState(true);\n\n  // Motion variants for the list item\n  const listItemMotionVariants: MotionVariants = {\n    hidden: { opacity: 0, height: 0, marginBottom: 0 },\n    visible: {\n      opacity: 1,\n      height: 'auto',\n      transition: { duration: 0.2, ease: 'circOut' },\n      // push last visible item down to overlap with append button (hide double border)\n      marginBottom: '-1px',\n    },\n    exit: {\n      opacity: 0,\n      height: 0,\n      marginBottom: 0,\n      transition: {\n        // on exit first fade out, then shrink\n        opacity: { duration: 0.1, ease: 'circOut' },\n        height: { delay: 0.1, duration: 0.2, ease: 'circOut' },\n      },\n    },\n  };\n\n  // Height animation handled on <motion.li> using overflow hidden\n  return (\n    <AnimatePresence\n      mode=\"wait\"\n      // remove from RHF state after exit animation\n      onExitComplete={() => {\n        methods.remove();\n      }}\n    >\n      {isVisible ? (\n        <motion.li\n          key={id}\n          ref={setNodeRef}\n          animate={disableAnimation ? undefined : 'visible'}\n          className={cn(className.listItem)}\n          data-dragging={isDragging}\n          data-testid={`${testId}_element`}\n          exit={disableAnimation ? undefined : 'exit'}\n          initial={disableAnimation ? false : 'hidden'}\n          style={sortingStyle}\n          variants={disableAnimation ? undefined : listItemMotionVariants}\n        >\n          <div className={cn(className.listItemInner)}>\n            {/** sorting drag handle */}\n            {sortable ? (\n              <SortDragHandle\n                className={className.sortDragHandle}\n                id={id}\n                testId={`${testId}_sort_drag_handle`}\n              />\n            ) : null}\n\n            {/** render element fields in Grid component */}\n            <Grid\n              className={cn(className.elementFieldsGrid)}\n              testId={`${testId}_element_fields_grid`}\n            >\n              {/* render actual fields */}\n              {children}\n            </Grid>\n\n            {/** actions menu when duplicate or insertAfter is enabled */}\n            {duplicate || insertAfter ? (\n              <ElementActionsMenu\n                className={className.actionsMenuButton}\n                duplicate={duplicate}\n                insertAfter={insertAfter}\n                showRemove={!(lastNotDeletable && fields.length === 1)}\n                testId={`${testId}_actions_menu`}\n                methods={{\n                  ...methods,\n                  remove: () => {\n                    if (disableAnimation) {\n                      methods.remove();\n                    } else {\n                      setIsVisible(false);\n                    }\n                  },\n                }}\n              />\n            ) : (\n              <>\n                {/** remove element button (when menu is not used) */}\n                {lastNotDeletable && fields.length === 1 ? null : (\n                  <ElementRemoveButton\n                    className={className.removeButton}\n                    testId={`${testId}_remove_button`}\n                    onClick={() => {\n                      if (disableAnimation) {\n                        methods.remove();\n                      } else {\n                        setIsVisible(false);\n                      }\n                    }}\n                  />\n                )}\n              </>\n            )}\n          </div>\n        </motion.li>\n      ) : null}\n    </AnimatePresence>\n  );\n};\n\nexport default FieldArrayElement;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\nimport type { MenuItem } from '@fuf-stack/pixels';\nimport type { Key } from 'react';\nimport type { FieldArrayElementMethods } from './FieldArrayElement';\n\nimport { FaCopy, FaTimes } from 'react-icons/fa';\nimport { VscInsert } from 'react-icons/vsc';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Menu } from '@fuf-stack/pixels';\n\nexport interface ElementActionsMenuProps {\n  /** CSS class name */\n  className?: ClassValue;\n  /** Whether duplicate action is available */\n  duplicate?: boolean;\n  /** Whether insert after action is available */\n  insertAfter?: boolean;\n  /** Whether to show remove button (false when last element is not deletable) */\n  showRemove?: boolean;\n  /** Field array operation methods */\n  methods: FieldArrayElementMethods;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Menu component for field array element actions (remove, duplicate, insert after)\n */\nconst ElementActionsMenu = ({\n  className = undefined,\n  duplicate = false,\n  insertAfter = false,\n  showRemove = true,\n  methods,\n  testId = undefined,\n}: ElementActionsMenuProps) => {\n  const handleAction = (key: Key) => {\n    switch (key) {\n      case 'remove':\n        methods.remove();\n        break;\n      case 'duplicate':\n        methods.duplicate();\n        break;\n      case 'insertAfter':\n        methods.insert();\n        break;\n      default:\n        break;\n    }\n  };\n\n  // Build menu items based on available actions\n  const menuItems: MenuItem[] = [];\n\n  if (duplicate) {\n    menuItems.push({\n      key: 'duplicate',\n      label: 'Duplicate',\n      icon: <FaCopy />,\n    });\n  }\n\n  if (insertAfter) {\n    menuItems.push({\n      key: 'insertAfter',\n      label: 'Insert After',\n      icon: <VscInsert />,\n    });\n  }\n\n  if (showRemove) {\n    menuItems.push({\n      key: 'remove',\n      className: 'text-danger',\n      label: 'Remove',\n      icon: <FaTimes />,\n    });\n  }\n\n  return (\n    <Menu\n      ariaLabel=\"Element actions\"\n      items={menuItems}\n      onAction={handleAction}\n      placement=\"right\"\n      testId={testId}\n      triggerButtonProps={{\n        className: cn(className),\n        disableRipple: true,\n        size: 'md',\n        variant: 'light',\n      }}\n    />\n  );\n};\n\nexport default ElementActionsMenu;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\n\nimport { FaTimes } from 'react-icons/fa';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button } from '@fuf-stack/pixels';\n\ninterface ElementRemoveButtonProps {\n  /** CSS class name */\n  className?: ClassValue;\n  /** click handler */\n  onClick: () => void;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\nconst ElementRemoveButton = ({\n  className = undefined,\n  onClick,\n  testId = undefined,\n}: ElementRemoveButtonProps) => {\n  return (\n    <Button\n      ariaLabel=\"remove element\"\n      className={cn(className)}\n      color=\"danger\"\n      icon={<FaTimes />}\n      onClick={onClick}\n      size=\"sm\"\n      testId={testId}\n      variant=\"light\"\n    />\n  );\n};\n\nexport default ElementRemoveButton;\n","import type { ClassValue } from '@fuf-stack/pixel-utils';\n\nimport { FaGripVertical } from 'react-icons/fa';\n\nimport { useSortable } from '@dnd-kit/sortable';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\ninterface SortDragHandleProps {\n  /** Optional CSS class name */\n  className?: ClassValue;\n  /** Unique identifier for sortable item */\n  id: string | number;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n}\n\n/**\n * Drag handle component that integrates with dnd-kit sortable functionality.\n * Renders a vertical grip icon that can be used to reorder items.\n */\nconst SortDragHandle = ({\n  className = undefined,\n  id,\n  testId = undefined,\n}: SortDragHandleProps) => {\n  // Get dnd-kit sortable attributes and listeners\n  const { attributes, listeners } = useSortable({ id });\n\n  return (\n    <div\n      className={cn(className)}\n      data-testid={testId}\n      {...attributes}\n      {...listeners}\n    >\n      <FaGripVertical />\n    </div>\n  );\n};\n\nexport default SortDragHandle;\n","import type { ReactNode } from 'react';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../../hooks';\n\nexport interface FieldArrayLabelProps {\n  /** CSS class name */\n  className?: string;\n  /** Label content */\n  label: ReactNode;\n  /** Field name */\n  name: string;\n}\n\n/**\n * Renders the label for a FieldArray component.\n *\n * This component handles displaying the array label with proper accessibility\n * attributes using the label props from useUniformField.\n */\nconst FieldArrayLabel = ({\n  className = undefined,\n  label: _label,\n  name,\n}: FieldArrayLabelProps) => {\n  const { error, getLabelProps, invalid, label } = useUniformField({\n    name,\n    showInvalidWhen: 'immediate',\n    label: _label,\n  });\n\n  // when no label is provided, don't render anything\n  if (!_label) {\n    return null;\n  }\n\n  // @ts-expect-error - error._errors exists but not typed\n  const hasErrors = invalid && error?._errors;\n\n  return (\n    <div\n      {...getLabelProps()}\n      aria-level={3}\n      role=\"heading\"\n      className={cn(getLabelProps()?.className, className, {\n        // when there are no array level errors, the label should have foreground color\n        'text-foreground!': !hasErrors,\n      })}\n    >\n      {label}\n    </div>\n  );\n};\n\nexport default FieldArrayLabel;\n","import {\n  AnimatePresence,\n  motion,\n  useReducedMotion,\n} from '@fuf-stack/pixel-motion';\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { useUniformField } from '../../hooks';\nimport FieldValidationError from '../../partials/FieldValidationError/FieldValidationError';\n\nexport interface FieldArrayValidationErrorProps {\n  /** Field name */\n  name: string;\n}\n\n/**\n * Renders array-level validation errors for FieldArray.\n *\n * This component handles validation errors that apply to the entire array\n * (e.g., \"Array must contain at least 3 elements\", \"Array elements are not unique\"),\n * as opposed to field-level errors which apply to individual array elements.\n *\n * The component wraps errors in the proper accessibility markup and animates\n * them in/out using Framer Motion when they appear or are resolved.\n */\nconst FieldArrayValidationError = ({\n  name,\n}: FieldArrayValidationErrorProps) => {\n  const {\n    error,\n    getErrorMessageProps,\n    getHelperWrapperProps,\n    invalid,\n    testId,\n  } = useUniformField({\n    name,\n    showInvalidWhen: 'immediate',\n  });\n\n  // disable all animation if user prefers reduced motion\n  const disableAnimation = useReducedMotion();\n\n  // @ts-expect-error - error._errors exists but not typed\n  const hasErrors = invalid && error?._errors;\n\n  return (\n    <AnimatePresence initial={!disableAnimation}>\n      {hasErrors ? (\n        <motion.div\n          key=\"field-array-errors\"\n          exit={disableAnimation ? undefined : { opacity: 0, height: 0 }}\n          initial={disableAnimation ? false : { height: 0, opacity: 0 }}\n          style={{ overflow: 'hidden' }}\n          transition={{ duration: 0.2, ease: 'circOut' }}\n          animate={\n            disableAnimation ? undefined : { opacity: 1, height: 'auto' }\n          }\n        >\n          <div\n            {...getHelperWrapperProps()}\n            className={cn(\n              getHelperWrapperProps()?.className,\n              // force helper to be visible (for some reason it's hidden by default) and add padding/rounded corners\n              'block rounded-b-small px-3 py-2',\n            )}\n          >\n            <div {...getErrorMessageProps()}>\n              <FieldValidationError\n                // @ts-expect-error - error._errors exists but not typed\n                error={error._errors}\n                testId={testId}\n              />\n            </div>\n          </div>\n        </motion.div>\n      ) : null}\n    </AnimatePresence>\n  );\n};\n\nexport default FieldArrayValidationError;\n","import type { DragEndEvent } from '@dnd-kit/core';\nimport type { ReactNode } from 'react';\nimport type { UseFieldArrayMove } from 'react-hook-form';\n\nimport {\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport {\n  restrictToVerticalAxis,\n  restrictToWindowEdges,\n} from '@dnd-kit/modifiers';\nimport {\n  SortableContext,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\n\ninterface SortContextProps {\n  /** child components */\n  children: ReactNode;\n  /** enable/disable sorting functionality */\n  sortable: boolean;\n  /** Array of objects containing unique IDs for sortable items */\n  fields: Record<'id', string>[];\n  /** react-hook-form's move function to update field array indices */\n  move: UseFieldArrayMove;\n}\n\n/**\n * A wrapper component that provides drag-and-drop sorting functionality for field arrays\n * using dnd-kit and react-hook-form.\n *\n * This component integrates with react-hook-form's field arrays to enable vertical\n * drag-and-drop reordering of form fields. It supports both pointer (mouse/touch)\n * and keyboard interactions for accessibility.\n */\nconst SortContext = ({\n  children,\n  sortable,\n  fields,\n  move,\n}: SortContextProps): ReactNode => {\n  // Initialize sensors for both pointer (mouse/touch) and keyboard interactions\n  const sensors = useSensors(\n    useSensor(PointerSensor),\n    useSensor(KeyboardSensor),\n  );\n\n  // Early return if sorting is disabled\n  if (!sortable) {\n    return children;\n  }\n\n  /**\n   * Handles the end of a drag operation by updating field positions\n   * @param event - The drag end event containing active and over elements\n   */\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event;\n\n    // Only move if dropping over a different item\n    if (active.id !== over?.id) {\n      // Find the indices of the dragged item and drop target\n      const oldIndex = fields.findIndex((field) => {\n        return field.id === active.id;\n      });\n      const newIndex = fields.findIndex((field) => {\n        return field.id === over?.id;\n      });\n      // Update the field array order using react-hook-form's move function\n      move(oldIndex, newIndex);\n    }\n  };\n\n  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      modifiers={[restrictToVerticalAxis, restrictToWindowEdges]}\n      onDragEnd={handleDragEnd}\n      sensors={sensors}\n    >\n      <SortableContext\n        strategy={verticalListSortingStrategy}\n        items={fields.map((field) => {\n          return field.id;\n        })}\n      >\n        {children}\n      </SortableContext>\n    </DndContext>\n  );\n};\n\nexport default SortContext;\n","import FieldArray from './FieldArray';\n\nexport type * from './types';\n\nexport { FieldArray };\n\nexport default FieldArray;\n"]}