@eightshift/ui-components 1.3.1 → 1.4.0

package/dist/{useNumberFormatter-DVZRQXk3.js → useNumberFormatter-BEeBSV-N.js}

@@ -1,4 +1,4 @@
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BG_1RnbC.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-Bon2Gyx5.js";
 import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-U_Gx0UDq.js";
 import { useMemo } from "react";
 function $a916eb452884faea$export$b7a616150fdb9f44(options = {}) {

package/dist/{usePress-CiXj8dLE.js → usePress-CY8MpqYD.js}

@@ -1,7 +1,7 @@
-import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $14c0b72509d70225$export$b0d6fa1ab32e3295, b as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-BLyBtNe2.js";
+import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $14c0b72509d70225$export$b0d6fa1ab32e3295, b as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-DS7-670U.js";
 import React__default, { useContext, createContext, useState, useRef, useMemo, useEffect } from "react";
-import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, n as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-DC-UMp1n.js";
-import { n as $c87311424ea30a05$export$b7d78993b74f766d, o as $c87311424ea30a05$export$9ac100e40613ea10, p as $c87311424ea30a05$export$78551043582a6a98, q as $c87311424ea30a05$export$7bef049ce92e4224, m as $7215afc6de606d6b$export$de79e2c695e052f3, r as $6a7db85432448f7f$export$29bf1b5f2c56cf63, g as $431fbd86ca7dc216$export$b204af158042fbac, s as $6a7db85432448f7f$export$60278871457622de, f as $431fbd86ca7dc216$export$f21a1ffae260145a, l as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-DGZ4R5fj.js";
+import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, c as $3ef42575df84b30b$export$9d1611c77c2fe928, n as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-B4IdLYb8.js";
+import { p as $c87311424ea30a05$export$b7d78993b74f766d, n as $c87311424ea30a05$export$9ac100e40613ea10, o as $c87311424ea30a05$export$78551043582a6a98, q as $c87311424ea30a05$export$7bef049ce92e4224, m as $7215afc6de606d6b$export$de79e2c695e052f3, r as $6a7db85432448f7f$export$29bf1b5f2c56cf63, g as $431fbd86ca7dc216$export$b204af158042fbac, s as $6a7db85432448f7f$export$60278871457622de, f as $431fbd86ca7dc216$export$f21a1ffae260145a, l as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-PMGZgZ9-.js";
 const $ea8dcbcb9ea1b556$var$RouterContext = /* @__PURE__ */ createContext({
   isNative: true,
   open: $ea8dcbcb9ea1b556$var$openSyntheticLink,
@@ -55,9 +55,10 @@ function $ea8dcbcb9ea1b556$var$getSyntheticLink(target, open) {
 function $ea8dcbcb9ea1b556$var$openSyntheticLink(target, modifiers) {
   $ea8dcbcb9ea1b556$var$getSyntheticLink(target, (link) => $ea8dcbcb9ea1b556$export$95185d699e05d4d7(link, modifiers));
 }
-function $ea8dcbcb9ea1b556$export$51437d503373d223(props) {
+function $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6(props) {
+  let router = $ea8dcbcb9ea1b556$export$9a302a45f65d0572();
   return {
-    "data-href": props.href,
+    "data-href": props.href ? router.useHref(props.href) : void 0,
     "data-target": props.target,
     "data-rel": props.rel,
     "data-download": props.download,
@@ -134,12 +135,30 @@ class $f6c31cce2adf654f$var$PressEvent {
   get shouldStopPropagation() {
     return _class_private_field_get(this, $f6c31cce2adf654f$var$_shouldStopPropagation);
   }
-  constructor(type, pointerType, originalEvent) {
+  constructor(type, pointerType, originalEvent, state) {
     _class_private_field_init(this, $f6c31cce2adf654f$var$_shouldStopPropagation, {
       writable: true,
       value: void 0
     });
     _class_private_field_set(this, $f6c31cce2adf654f$var$_shouldStopPropagation, true);
+    var _state_target;
+    let currentTarget = (_state_target = state === null || state === void 0 ? void 0 : state.target) !== null && _state_target !== void 0 ? _state_target : originalEvent.currentTarget;
+    const rect = currentTarget === null || currentTarget === void 0 ? void 0 : currentTarget.getBoundingClientRect();
+    let x, y = 0;
+    let clientX, clientY = null;
+    if (originalEvent.clientX != null && originalEvent.clientY != null) {
+      clientX = originalEvent.clientX;
+      clientY = originalEvent.clientY;
+    }
+    if (rect) {
+      if (clientX != null && clientY != null) {
+        x = clientX - rect.left;
+        y = clientY - rect.top;
+      } else {
+        x = rect.width / 2;
+        y = rect.height / 2;
+      }
+    }
     this.type = type;
     this.pointerType = pointerType;
     this.target = originalEvent.currentTarget;
@@ -147,6 +166,8 @@ class $f6c31cce2adf654f$var$PressEvent {
     this.metaKey = originalEvent.metaKey;
     this.ctrlKey = originalEvent.ctrlKey;
     this.altKey = originalEvent.altKey;
+    this.x = x;
+    this.y = y;
   }
 }
 const $f6c31cce2adf654f$var$LINK_CLICKED = Symbol("linkClicked");
@@ -436,7 +457,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         state.pointerType = "touch";
         if (!isDisabled && !preventFocusOnPress) $7215afc6de606d6b$export$de79e2c695e052f3(e.currentTarget);
         if (!allowTextSelectionOnPress) $14c0b72509d70225$export$16a4697467175487(state.target);
-        let shouldStopPropagation = triggerPressStart(e, state.pointerType);
+        let shouldStopPropagation = triggerPressStart($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType);
         if (shouldStopPropagation) e.stopPropagation();
         addGlobalListener($431fbd86ca7dc216$export$f21a1ffae260145a(e.currentTarget), "scroll", onScroll, true);
       };
@@ -451,12 +472,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         if (touch && $f6c31cce2adf654f$var$isOverTarget(touch, e.currentTarget)) {
           if (!state.isOverTarget && state.pointerType != null) {
             state.isOverTarget = true;
-            shouldStopPropagation = triggerPressStart(e, state.pointerType);
+            shouldStopPropagation = triggerPressStart($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType);
           }
         } else if (state.isOverTarget && state.pointerType != null) {
           state.isOverTarget = false;
-          shouldStopPropagation = triggerPressEnd(e, state.pointerType, false);
-          cancelOnPointerExit(e);
+          shouldStopPropagation = triggerPressEnd($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType, false);
+          cancelOnPointerExit($f6c31cce2adf654f$var$createTouchEvent(state.target, e));
         }
         if (shouldStopPropagation) e.stopPropagation();
       };
@@ -469,9 +490,9 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         let touch = $f6c31cce2adf654f$var$getTouchById(e.nativeEvent, state.activePointerId);
         let shouldStopPropagation = true;
         if (touch && $f6c31cce2adf654f$var$isOverTarget(touch, e.currentTarget) && state.pointerType != null) {
-          triggerPressUp(e, state.pointerType);
-          shouldStopPropagation = triggerPressEnd(e, state.pointerType);
-        } else if (state.isOverTarget && state.pointerType != null) shouldStopPropagation = triggerPressEnd(e, state.pointerType, false);
+          triggerPressUp($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType);
+          shouldStopPropagation = triggerPressEnd($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType);
+        } else if (state.isOverTarget && state.pointerType != null) shouldStopPropagation = triggerPressEnd($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType, false);
         if (shouldStopPropagation) e.stopPropagation();
         state.isPressed = false;
         state.activePointerId = null;
@@ -483,7 +504,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
       pressProps2.onTouchCancel = (e) => {
         if (!e.currentTarget.contains(e.target)) return;
         e.stopPropagation();
-        if (state.isPressed) cancel(e);
+        if (state.isPressed) cancel($f6c31cce2adf654f$var$createTouchEvent(state.target, e));
       };
       let onScroll = (e) => {
         if (state.isPressed && e.target.contains(state.target)) cancel({
@@ -549,13 +570,34 @@ function $f6c31cce2adf654f$var$getTouchById(event, pointerId) {
   }
   return null;
 }
+function $f6c31cce2adf654f$var$createTouchEvent(target, e) {
+  let clientX = 0;
+  let clientY = 0;
+  if (e.targetTouches && e.targetTouches.length === 1) {
+    clientX = e.targetTouches[0].clientX;
+    clientY = e.targetTouches[0].clientY;
+  }
+  return {
+    currentTarget: target,
+    shiftKey: e.shiftKey,
+    ctrlKey: e.ctrlKey,
+    metaKey: e.metaKey,
+    altKey: e.altKey,
+    clientX,
+    clientY
+  };
+}
 function $f6c31cce2adf654f$var$createEvent(target, e) {
+  let clientX = e.clientX;
+  let clientY = e.clientY;
   return {
     currentTarget: target,
     shiftKey: e.shiftKey,
     ctrlKey: e.ctrlKey,
     metaKey: e.metaKey,
-    altKey: e.altKey
+    altKey: e.altKey,
+    clientX,
+    clientY
   };
 }
 function $f6c31cce2adf654f$var$getPointClientRect(point) {
@@ -610,6 +652,6 @@ export {
   $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 as a,
   $ea8dcbcb9ea1b556$export$9a302a45f65d0572 as b,
   $ea8dcbcb9ea1b556$export$95185d699e05d4d7 as c,
-  $ea8dcbcb9ea1b556$export$51437d503373d223 as d,
+  $ea8dcbcb9ea1b556$export$bdc77b0c0a3a85d6 as d,
   $ae1eeba8b9eafd08$export$5165eccb35aaadb5 as e
 };

package/dist/useSingleSelectListState-CzZUgAt0.js

@@ -0,0 +1,37 @@
+import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-Csx05BmT.js";
+import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-PMGZgZ9-.js";
+import { useMemo } from "react";
+function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
+  var _props_defaultSelectedKey;
+  let [selectedKey, setSelectedKey] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.selectedKey, (_props_defaultSelectedKey = props.defaultSelectedKey) !== null && _props_defaultSelectedKey !== void 0 ? _props_defaultSelectedKey : null, props.onSelectionChange);
+  let selectedKeys = useMemo(() => selectedKey != null ? [
+    selectedKey
+  ] : [], [
+    selectedKey
+  ]);
+  let { collection, disabledKeys, selectionManager } = $e72dd72e1c76a225$export$2f645645f7bca764({
+    ...props,
+    selectionMode: "single",
+    disallowEmptySelection: true,
+    allowDuplicateSelectionEvents: true,
+    selectedKeys,
+    onSelectionChange: (keys) => {
+      var _keys_values_next_value;
+      let key = (_keys_values_next_value = keys.values().next().value) !== null && _keys_values_next_value !== void 0 ? _keys_values_next_value : null;
+      if (key === selectedKey && props.onSelectionChange) props.onSelectionChange(key);
+      setSelectedKey(key);
+    }
+  });
+  let selectedItem = selectedKey != null ? collection.getItem(selectedKey) : null;
+  return {
+    collection,
+    disabledKeys,
+    selectionManager,
+    selectedKey,
+    setSelectedKey,
+    selectedItem
+  };
+}
+export {
+  $a0d645289fe9b86b$export$e7f05e985daf4b5f as $
+};

package/dist/{useToggle-CV-IX6nL.js → useToggle-CJp2Fh_L.js}

@@ -1,8 +1,8 @@
-import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-DC-UMp1n.js";
+import { c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-B4IdLYb8.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-DJMtIgSL.js";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-CQZyQp4q.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-CiXj8dLE.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BCPbwfnH.js";
+import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-BFKHuYS9.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-CY8MpqYD.js";
 function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
   let { isDisabled = false, isReadOnly = false, value, name, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, validationState = "valid", isInvalid } = props;
   let onChange = (e) => {

package/dist/{useToggleState-DHIdITtQ.js → useToggleState-B4--Ski0.js}

@@ -1,4 +1,4 @@
-import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-DGZ4R5fj.js";
+import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-PMGZgZ9-.js";
 function $3017fa7ffdddec74$export$8042c6c013fd5226(props = {}) {
   let { isReadOnly } = props;
   let [isSelected, setSelected] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.isSelected, props.defaultSelected || false, props.onChange);

package/dist/{utils-DC-UMp1n.js → utils-B4IdLYb8.js}

@@ -1,44 +1,5 @@
-import React__default, { useRef, useCallback, useState, useContext, useEffect, useMemo, createContext } from "react";
-import { $ as $dbSRa$reactdom } from "./index-CAPcSs9K.js";
-const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== "undefined" ? React__default.useLayoutEffect : () => {
-};
-function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
-  const ref = useRef(null);
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    ref.current = fn;
-  }, [
-    fn
-  ]);
-  return useCallback((...args) => {
-    const f = ref.current;
-    return f === null || f === void 0 ? void 0 : f(...args);
-  }, []);
-}
-function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
-  let [value, setValue] = useState(defaultValue);
-  let effect = useRef(null);
-  let nextRef = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
-    if (!effect.current) return;
-    let newValue = effect.current.next();
-    if (newValue.done) {
-      effect.current = null;
-      return;
-    }
-    if (value === newValue.value) nextRef();
-    else setValue(newValue.value);
-  });
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    if (effect.current) nextRef();
-  });
-  let queue = $8ae05eaa5c114e9c$export$7f54fc3180508a52((fn) => {
-    effect.current = fn(value);
-    nextRef();
-  });
-  return [
-    value,
-    queue
-  ];
-}
+import React__default, { useContext, useState, useRef, useCallback, useEffect, useMemo } from "react";
+import { $ as $dbSRa$reactdom } from "./index-BTCzc3zb.js";
 const $b5e257d569688ac6$var$defaultContext = {
   prefix: String(Math.round(Math.random() * 1e10)),
   current: 0
@@ -97,6 +58,45 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
   if (typeof React__default["useSyncExternalStore"] === "function") return React__default["useSyncExternalStore"]($b5e257d569688ac6$var$subscribe, $b5e257d569688ac6$var$getSnapshot, $b5e257d569688ac6$var$getServerSnapshot);
   return useContext($b5e257d569688ac6$var$IsSSRContext);
 }
+const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== "undefined" ? React__default.useLayoutEffect : () => {
+};
+function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
+  const ref = useRef(null);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    ref.current = fn;
+  }, [
+    fn
+  ]);
+  return useCallback((...args) => {
+    const f = ref.current;
+    return f === null || f === void 0 ? void 0 : f(...args);
+  }, []);
+}
+function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
+  let [value, setValue] = useState(defaultValue);
+  let effect = useRef(null);
+  let nextRef = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    if (!effect.current) return;
+    let newValue = effect.current.next();
+    if (newValue.done) {
+      effect.current = null;
+      return;
+    }
+    if (value === newValue.value) nextRef();
+    else setValue(newValue.value);
+  });
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (effect.current) nextRef();
+  });
+  let queue = $8ae05eaa5c114e9c$export$7f54fc3180508a52((fn) => {
+    effect.current = fn(value);
+    nextRef();
+  });
+  return [
+    value,
+    queue
+  ];
+}
 let $bdb11010cef70236$var$canUseDOM = Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
 let $bdb11010cef70236$var$idsUpdaterMap = /* @__PURE__ */ new Map();
 function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
@@ -196,7 +196,7 @@ function $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {
   return result;
 }
 function $5dc95899b306f630$export$c9058316764c140e(...refs) {
-  if (refs.length === 1) return refs[0];
+  if (refs.length === 1 && refs[0]) return refs[0];
   return (value) => {
     for (let ref of refs) {
       if (typeof ref === "function") ref(value);
@@ -382,40 +382,6 @@ function $64fa3d84918910a7$var$useAnimation(ref, isActive, onEnd) {
     onEnd
   ]);
 }
-if (typeof HTMLTemplateElement !== "undefined") {
-  const getFirstChild = Object.getOwnPropertyDescriptor(Node.prototype, "firstChild").get;
-  Object.defineProperty(HTMLTemplateElement.prototype, "firstChild", {
-    configurable: true,
-    enumerable: true,
-    get: function() {
-      if (this.dataset.reactAriaHidden) return this.content.firstChild;
-      else return getFirstChild.call(this);
-    }
-  });
-}
-const $64fa3d84918910a7$export$94b6d0abf7d33e8c = /* @__PURE__ */ createContext(false);
-const $64fa3d84918910a7$var$hiddenFragment = typeof DocumentFragment !== "undefined" ? new DocumentFragment() : null;
-function $64fa3d84918910a7$export$8dc98ba7eadeaa56(props) {
-  let isHidden = useContext($64fa3d84918910a7$export$94b6d0abf7d33e8c);
-  let isSSR = $b5e257d569688ac6$export$535bd6ca7f90a273();
-  if (isHidden)
-    return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, props.children);
-  let children = /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$94b6d0abf7d33e8c.Provider, {
-    value: true
-  }, props.children);
-  return isSSR ? /* @__PURE__ */ React__default.createElement("template", {
-    "data-react-aria-hidden": true
-  }, children) : /* @__PURE__ */ $dbSRa$reactdom.createPortal(children, $64fa3d84918910a7$var$hiddenFragment);
-}
-function $64fa3d84918910a7$export$86427a43e3e48ebb(fn) {
-  let Wrapper = (props, ref) => {
-    let isHidden = useContext($64fa3d84918910a7$export$94b6d0abf7d33e8c);
-    if (isHidden) return null;
-    return fn(props, ref);
-  };
-  Wrapper.displayName = fn.displayName || fn.name;
-  return React__default.forwardRef(Wrapper);
-}
 function $64fa3d84918910a7$export$ef03459518577ad4(props) {
   const prefix = /^(data-.*)$/;
   let filteredProps = {};
@@ -425,9 +391,9 @@ function $64fa3d84918910a7$export$ef03459518577ad4(props) {
 export {
   $64fa3d84918910a7$export$fabf2dc03a41866e as $,
   $64fa3d84918910a7$export$29f1550f4b0d4415 as a,
-  $64fa3d84918910a7$export$86427a43e3e48ebb as b,
-  $64fa3d84918910a7$export$4d86445c2cf5e3 as c,
-  $3ef42575df84b30b$export$9d1611c77c2fe928 as d,
+  $64fa3d84918910a7$export$4d86445c2cf5e3 as b,
+  $3ef42575df84b30b$export$9d1611c77c2fe928 as c,
+  $b5e257d569688ac6$export$535bd6ca7f90a273 as d,
   $bdb11010cef70236$export$f680877a34711e37 as e,
   $8ae05eaa5c114e9c$export$7f54fc3180508a52 as f,
   $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as g,
@@ -438,10 +404,7 @@ export {
   $df56164dff5785e2$export$4338b53315abf666 as l,
   $5dc95899b306f630$export$c9058316764c140e as m,
   $ff5963eb1fccf552$export$e08e3b67e392101e as n,
-  $b5e257d569688ac6$export$535bd6ca7f90a273 as o,
-  $64fa3d84918910a7$export$45fda7c47f93fd48 as p,
-  $64fa3d84918910a7$export$6d3443f2c48bfc20 as q,
-  $64fa3d84918910a7$export$8dc98ba7eadeaa56 as r,
-  $64fa3d84918910a7$export$c62b8e45d58ddad9 as s,
-  $64fa3d84918910a7$export$94b6d0abf7d33e8c as t
+  $64fa3d84918910a7$export$45fda7c47f93fd48 as o,
+  $64fa3d84918910a7$export$6d3443f2c48bfc20 as p,
+  $64fa3d84918910a7$export$c62b8e45d58ddad9 as q
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eightshift/ui-components",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -36,34 +36,38 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
+    "@dnd-kit/abstract": "^0.0.5",
+    "@dnd-kit/dom": "^0.0.5",
+    "@dnd-kit/helpers": "^0.0.5",
+    "@dnd-kit/react": "^0.0.5",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-jsx-parser": "^1.29.0",
+    "react-jsx-parser": "^2.0.0",
     "svg-to-jsx-string": "^0.1.1"
   },
   "devDependencies": {
-    "@adobe/react-spectrum": "^3.35.1",
+    "@adobe/react-spectrum": "^3.36.1",
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^7.0.0",
     "@dnd-kit/sortable": "^8.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@eslint/compat": "^1.1.0",
-    "@react-stately/collections": "^3.10.7",
+    "@eslint/compat": "^1.1.1",
+    "@react-stately/collections": "^3.10.9",
     "@stylistic/eslint-plugin-js": "^2.3.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react-swc": "^3.7.0",
-    "@wordpress/i18n": "^5.2.0",
+    "@wordpress/i18n": "^5.4.0",
     "autoprefixer": "^10.4.19",
     "clsx": "^2.1.1",
     "css-gradient-parser": "^0.0.16",
-    "eslint": "^9.6.0",
+    "eslint": "^9.7.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-jsdoc": "^48.5.0",
-    "eslint-plugin-prettier": "^5.1.3",
-    "framer-motion": "^11.2.12",
-    "glob": "^10.4.2",
-    "globals": "^15.7.0",
+    "eslint-plugin-jsdoc": "^48.8.3",
+    "eslint-plugin-prettier": "^5.2.1",
+    "framer-motion": "^11.3.17",
+    "glob": "^11.0.0",
+    "globals": "^15.8.0",
     "just-camel-case": "^6.2.0",
     "just-debounce-it": "^3.2.0",
     "just-has": "^2.3.0",
@@ -71,18 +75,17 @@
     "just-kebab-case": "^4.2.0",
     "just-throttle": "^4.2.0",
     "lightningcss": "^1.25.1",
-    "postcss": "^8.4.39",
-    "prettier": "^3.3.2",
+    "postcss": "^8.4.40",
+    "prettier": "^3.3.3",
     "prettier-plugin-tailwindcss": "^0.6.5",
-    "react-aria": "^3.33.1",
-    "react-aria-components": "^1.2.1",
+    "react-aria": "^3.34.1",
+    "react-aria-components": "^1.3.1",
     "react-select": "^5.8.0",
-    "react-stately": "^3.31.1",
-    "tailwindcss": "^3.4.4",
+    "react-stately": "^3.32.1",
+    "tailwindcss": "^3.4.7",
     "tailwindcss-animate": "^1.0.7",
-    "tailwindcss-react-aria-components": "^1.1.3",
-    "use-debounce": "^10.0.1",
-    "vite": "^5.3.2",
+    "tailwindcss-react-aria-components": "^1.1.4",
+    "vite": "^5.3.5",
     "vite-plugin-lib-inject-css": "^2.1.1"
   },
   "scripts": {

package/dist/Checkbox-CiJIVbAP.js

@@ -1,174 +0,0 @@
-import { $ as $4e85f108e88277b8$export$b085522c77523c51 } from "./RSPContexts-DQtGvvpM.js";
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, c as $64fa3d84918910a7$export$4d86445c2cf5e3, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-DC-UMp1n.js";
-import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-Cq3fu75_.js";
-import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import React__default, { useEffect, useRef, forwardRef, useContext, createContext } from "react";
-import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, a as $e93e671b31057976$export$b8473d3665f3a75a, b as $e5be200c675c3b3a$export$dad6ae84456c676a, c as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidationState-DDC_nImg.js";
-import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "./useToggle-CV-IX6nL.js";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "./useToggleState-DHIdITtQ.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Dg5Y_10S.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./focusSafely-DGZ4R5fj.js";
-import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "./VisuallyHidden-BZPezMV5.js";
-function $406796ff087fe49b$export$e375f10ce42261c5(props, state, inputRef) {
-  let validationState = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
-    ...props,
-    value: state.isSelected
-  });
-  let { isInvalid, validationErrors, validationDetails } = validationState.displayValidation;
-  let { labelProps, inputProps, isSelected, isPressed, isDisabled, isReadOnly } = $d2c8e2b0480f3f34$export$cbe85ee05b554577({
-    ...props,
-    isInvalid
-  }, state, inputRef);
-  $e93e671b31057976$export$b8473d3665f3a75a(props, validationState, inputRef);
-  let { isIndeterminate, isRequired, validationBehavior = "aria" } = props;
-  useEffect(() => {
-    if (inputRef.current) inputRef.current.indeterminate = !!isIndeterminate;
-  });
-  return {
-    labelProps,
-    inputProps: {
-      ...inputProps,
-      checked: isSelected,
-      "aria-required": isRequired && validationBehavior === "aria" || void 0,
-      required: isRequired && validationBehavior === "native"
-    },
-    isSelected,
-    isPressed,
-    isDisabled,
-    isReadOnly,
-    isInvalid,
-    validationErrors,
-    validationDetails
-  };
-}
-const $1ae600c947479353$export$ec98120685d4f57d = /* @__PURE__ */ new WeakMap();
-function $fba3e38d5ca8983f$export$353b32fc6898d37d(props, state, inputRef) {
-  const toggleState = $3017fa7ffdddec74$export$8042c6c013fd5226({
-    isReadOnly: props.isReadOnly || state.isReadOnly,
-    isSelected: state.isSelected(props.value),
-    onChange(isSelected) {
-      if (isSelected) state.addValue(props.value);
-      else state.removeValue(props.value);
-      if (props.onChange) props.onChange(isSelected);
-    }
-  });
-  let { name, descriptionId, errorMessageId, validationBehavior } = $1ae600c947479353$export$ec98120685d4f57d.get(state);
-  var _props_validationBehavior;
-  validationBehavior = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : validationBehavior;
-  let { realtimeValidation } = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
-    ...props,
-    value: toggleState.isSelected,
-    // Server validation is handled at the group level.
-    name: void 0,
-    validationBehavior: "aria"
-  });
-  let nativeValidation = useRef($e5be200c675c3b3a$export$dad6ae84456c676a);
-  let updateValidation = () => {
-    state.setInvalid(props.value, realtimeValidation.isInvalid ? realtimeValidation : nativeValidation.current);
-  };
-  useEffect(updateValidation);
-  let combinedRealtimeValidation = state.realtimeValidation.isInvalid ? state.realtimeValidation : realtimeValidation;
-  let displayValidation = validationBehavior === "native" ? state.displayValidation : combinedRealtimeValidation;
-  var _props_isRequired;
-  let res = $406796ff087fe49b$export$e375f10ce42261c5({
-    ...props,
-    isReadOnly: props.isReadOnly || state.isReadOnly,
-    isDisabled: props.isDisabled || state.isDisabled,
-    name: props.name || name,
-    isRequired: (_props_isRequired = props.isRequired) !== null && _props_isRequired !== void 0 ? _props_isRequired : state.isRequired,
-    validationBehavior,
-    [$e5be200c675c3b3a$export$a763b9476acd3eb]: {
-      realtimeValidation: combinedRealtimeValidation,
-      displayValidation,
-      resetValidation: state.resetValidation,
-      commitValidation: state.commitValidation,
-      updateValidation(v) {
-        nativeValidation.current = v;
-        updateValidation();
-      }
-    }
-  }, toggleState, inputRef);
-  return {
-    ...res,
-    inputProps: {
-      ...res.inputProps,
-      "aria-describedby": [
-        props["aria-describedby"],
-        state.isInvalid ? errorMessageId : null,
-        descriptionId
-      ].filter(Boolean).join(" ") || void 0
-    }
-  };
-}
-const $bc237834342dbd75$export$139c5b8563afc1fc = /* @__PURE__ */ createContext(null);
-function $bc237834342dbd75$var$Checkbox(props, ref) {
-  let { inputRef: userProvidedInputRef = null, ...otherProps } = props;
-  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(otherProps, ref, $4e85f108e88277b8$export$b085522c77523c51);
-  let { validationBehavior: formValidationBehavior } = $64fa3d84918910a7$export$fabf2dc03a41866e($d3e0e05bdfcf66bd$export$c24727297075ec6a) || {};
-  var _props_validationBehavior, _ref;
-  let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : "native";
-  let groupState = useContext($bc237834342dbd75$export$139c5b8563afc1fc);
-  let inputRef = $df56164dff5785e2$export$4338b53315abf666($5dc95899b306f630$export$c9058316764c140e(userProvidedInputRef, props.inputRef !== void 0 ? props.inputRef : null));
-  let { labelProps, inputProps, isSelected, isDisabled, isReadOnly, isPressed, isInvalid } = groupState ? $fba3e38d5ca8983f$export$353b32fc6898d37d({
-    ...props,
-    // Value is optional for standalone checkboxes, but required for CheckboxGroup items;
-    // it's passed explicitly here to avoid typescript error (requires ignore).
-    // @ts-ignore
-    value: props.value,
-    // ReactNode type doesn't allow function children.
-    children: typeof props.children === "function" ? true : props.children
-  }, groupState, inputRef) : $406796ff087fe49b$export$e375f10ce42261c5({
-    ...props,
-    children: typeof props.children === "function" ? true : props.children,
-    validationBehavior
-  }, $3017fa7ffdddec74$export$8042c6c013fd5226(props), inputRef);
-  let { isFocused, isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f();
-  let isInteractionDisabled = isDisabled || isReadOnly;
-  let { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
-    ...props,
-    isDisabled: isInteractionDisabled
-  });
-  let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
-    // TODO: should data attrs go on the label or on the <input>? useCheckbox passes them to the input...
-    ...props,
-    defaultClassName: "react-aria-Checkbox",
-    values: {
-      isSelected,
-      isIndeterminate: props.isIndeterminate || false,
-      isPressed,
-      isHovered,
-      isFocused,
-      isFocusVisible,
-      isDisabled,
-      isReadOnly,
-      isInvalid,
-      isRequired: props.isRequired || false
-    }
-  });
-  let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
-  delete DOMProps.id;
-  return /* @__PURE__ */ React__default.createElement("label", {
-    ...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, labelProps, hoverProps, renderProps),
-    ref,
-    slot: props.slot || void 0,
-    "data-selected": isSelected || void 0,
-    "data-indeterminate": props.isIndeterminate || void 0,
-    "data-pressed": isPressed || void 0,
-    "data-hovered": isHovered || void 0,
-    "data-focused": isFocused || void 0,
-    "data-focus-visible": isFocusVisible || void 0,
-    "data-disabled": isDisabled || void 0,
-    "data-readonly": isReadOnly || void 0,
-    "data-invalid": isInvalid || void 0,
-    "data-required": props.isRequired || void 0
-  }, /* @__PURE__ */ React__default.createElement($5c3e21d68f1c4674$export$439d29a4e110a164, {
-    elementType: "span"
-  }, /* @__PURE__ */ React__default.createElement("input", {
-    ...$3ef42575df84b30b$export$9d1611c77c2fe928(inputProps, focusProps),
-    ref: inputRef
-  })), renderProps.children);
-}
-const $bc237834342dbd75$export$48513f6b9f8ce62d = /* @__PURE__ */ forwardRef($bc237834342dbd75$var$Checkbox);
-export {
-  $bc237834342dbd75$export$48513f6b9f8ce62d as $
-};