@eightshift/ui-components 2.0.2 → 3.0.1

package/dist/{usePress-rg_OQIGW.js → usePress-Cucx-xSA.js}

@@ -1,7 +1,8 @@
-import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $14c0b72509d70225$export$b0d6fa1ab32e3295, b as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-BlTDSskG.js";
+import { $ as $14c0b72509d70225$export$b0d6fa1ab32e3295, a as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-0UUS8Yfg.js";
 import React__default, { useContext, createContext, useState, useRef, useMemo, useEffect } from "react";
-import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, p as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-39D0mStj.js";
-import { s as $c87311424ea30a05$export$b7d78993b74f766d, r as $c87311424ea30a05$export$78551043582a6a98, q as $c87311424ea30a05$export$9ac100e40613ea10, t as $c87311424ea30a05$export$7bef049ce92e4224, p as $7215afc6de606d6b$export$de79e2c695e052f3, u as $6a7db85432448f7f$export$29bf1b5f2c56cf63, g as $431fbd86ca7dc216$export$b204af158042fbac, v as $6a7db85432448f7f$export$60278871457622de, f as $431fbd86ca7dc216$export$f21a1ffae260145a, o as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-CiqTTjWy.js";
+import { C as $c87311424ea30a05$export$b7d78993b74f766d, B as $c87311424ea30a05$export$78551043582a6a98, A as $c87311424ea30a05$export$9ac100e40613ea10, D as $c87311424ea30a05$export$7bef049ce92e4224, y as $7215afc6de606d6b$export$de79e2c695e052f3, g as $03deb23ff14920c4$export$4eaf04e54aa8eed6, k as $d4ee10de306f2510$export$4282f70798064fe0, j as $d4ee10de306f2510$export$e58f029f0fbfdb29, E as $6a7db85432448f7f$export$29bf1b5f2c56cf63, d as $431fbd86ca7dc216$export$b204af158042fbac, F as $8a9cb279dc87e130$export$cabe61c495ee3649, G as $6a7db85432448f7f$export$60278871457622de, f as $431fbd86ca7dc216$export$f21a1ffae260145a, H as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./useHover-DwDr6ozG.js";
+import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, p as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-DkCSC521.js";
+import { r as reactDomExports } from "./index-CFozsmNS.js";
 const $ea8dcbcb9ea1b556$var$RouterContext = /* @__PURE__ */ createContext({
   isNative: true,
   open: $ea8dcbcb9ea1b556$var$openSyntheticLink,
@@ -182,13 +183,13 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
   let ref = useRef({
     isPressed: false,
     ignoreEmulatedMouseEvents: false,
-    ignoreClickAfterPress: false,
     didFirePressStart: false,
     isTriggeringEvent: false,
     activePointerId: null,
     target: null,
     isOverTarget: false,
-    pointerType: null
+    pointerType: null,
+    disposables: []
   });
   let { addGlobalListener, removeAllGlobalListeners } = $03deb23ff14920c4$export$4eaf04e54aa8eed6();
   let triggerPressStart = $8ae05eaa5c114e9c$export$7f54fc3180508a52((originalEvent, pointerType) => {
@@ -210,7 +211,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
   let triggerPressEnd = $8ae05eaa5c114e9c$export$7f54fc3180508a52((originalEvent, pointerType, wasPressed = true) => {
     let state = ref.current;
     if (!state.didFirePressStart) return false;
-    state.ignoreClickAfterPress = true;
     state.didFirePressStart = false;
     state.isTriggeringEvent = true;
     let shouldStopPropagation = true;
@@ -244,13 +244,15 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
   let cancel = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
     let state = ref.current;
     if (state.isPressed && state.target) {
-      if (state.isOverTarget && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
+      if (state.didFirePressStart && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
       state.isPressed = false;
       state.isOverTarget = false;
       state.activePointerId = null;
       state.pointerType = null;
       removeAllGlobalListeners();
       if (!allowTextSelectionOnPress) $14c0b72509d70225$export$b0d6fa1ab32e3295(state.target);
+      for (let dispose of state.disposables) dispose();
+      state.disposables = [];
     }
   });
   let cancelOnPointerExit = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
@@ -260,17 +262,18 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
     let state = ref.current;
     let pressProps2 = {
       onKeyDown(e) {
-        if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && e.currentTarget.contains(e.target)) {
+        if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e.nativeEvent, e.currentTarget) && $d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) {
           var _state_metaKeyEvents;
-          if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(e.target, e.key)) e.preventDefault();
+          if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard($d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent), e.key)) e.preventDefault();
           let shouldStopPropagation = true;
           if (!state.isPressed && !e.repeat) {
             state.target = e.currentTarget;
             state.isPressed = true;
+            state.pointerType = "keyboard";
             shouldStopPropagation = triggerPressStart(e, "keyboard");
             let originalTarget = e.currentTarget;
             let pressUp = (e2) => {
-              if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e2, originalTarget) && !e2.repeat && originalTarget.contains(e2.target) && state.target) triggerPressUp($f6c31cce2adf654f$var$createEvent(state.target, e2), "keyboard");
+              if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e2, originalTarget) && !e2.repeat && $d4ee10de306f2510$export$4282f70798064fe0(originalTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e2)) && state.target) triggerPressUp($f6c31cce2adf654f$var$createEvent(state.target, e2), "keyboard");
             };
             addGlobalListener($431fbd86ca7dc216$export$b204af158042fbac(e.currentTarget), "keyup", $ff5963eb1fccf552$export$e08e3b67e392101e(pressUp, onKeyUp), true);
           }
@@ -279,19 +282,22 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         } else if (e.key === "Meta") state.metaKeyEvents = /* @__PURE__ */ new Map();
       },
       onClick(e) {
-        if (e && !e.currentTarget.contains(e.target)) return;
+        if (e && !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
         if (e && e.button === 0 && !state.isTriggeringEvent && !$ea8dcbcb9ea1b556$export$95185d699e05d4d7.isOpening) {
           let shouldStopPropagation = true;
           if (isDisabled) e.preventDefault();
-          if (!state.ignoreClickAfterPress && !state.ignoreEmulatedMouseEvents && !state.isPressed && (state.pointerType === "virtual" || $6a7db85432448f7f$export$60278871457622de(e.nativeEvent))) {
-            if (!isDisabled && !preventFocusOnPress) $7215afc6de606d6b$export$de79e2c695e052f3(e.currentTarget);
+          if (!state.ignoreEmulatedMouseEvents && !state.isPressed && (state.pointerType === "virtual" || $6a7db85432448f7f$export$60278871457622de(e.nativeEvent))) {
             let stopPressStart = triggerPressStart(e, "virtual");
             let stopPressUp = triggerPressUp(e, "virtual");
             let stopPressEnd = triggerPressEnd(e, "virtual");
             shouldStopPropagation = stopPressStart && stopPressUp && stopPressEnd;
+          } else if (state.isPressed && state.pointerType !== "keyboard") {
+            let pointerType = state.pointerType || e.nativeEvent.pointerType || "virtual";
+            shouldStopPropagation = triggerPressEnd($f6c31cce2adf654f$var$createEvent(e.currentTarget, e), pointerType, true);
+            state.isOverTarget = false;
+            cancel(e);
           }
           state.ignoreEmulatedMouseEvents = false;
-          state.ignoreClickAfterPress = false;
           if (shouldStopPropagation) e.stopPropagation();
         }
       }
@@ -300,11 +306,11 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
       var _state_metaKeyEvents;
       if (state.isPressed && state.target && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, state.target)) {
         var _state_metaKeyEvents1;
-        if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(e.target, e.key)) e.preventDefault();
-        let target = e.target;
-        triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), "keyboard", state.target.contains(target));
+        if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard($d4ee10de306f2510$export$e58f029f0fbfdb29(e), e.key)) e.preventDefault();
+        let target = $d4ee10de306f2510$export$e58f029f0fbfdb29(e);
+        triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), "keyboard", $d4ee10de306f2510$export$4282f70798064fe0(state.target, $d4ee10de306f2510$export$e58f029f0fbfdb29(e)));
         removeAllGlobalListeners();
-        if (e.key !== "Enter" && $f6c31cce2adf654f$var$isHTMLAnchorLink(state.target) && state.target.contains(target) && !e[$f6c31cce2adf654f$var$LINK_CLICKED]) {
+        if (e.key !== "Enter" && $f6c31cce2adf654f$var$isHTMLAnchorLink(state.target) && $d4ee10de306f2510$export$4282f70798064fe0(state.target, target) && !e[$f6c31cce2adf654f$var$LINK_CLICKED]) {
           e[$f6c31cce2adf654f$var$LINK_CLICKED] = true;
           $ea8dcbcb9ea1b556$export$95185d699e05d4d7(state.target, e, false);
         }
@@ -319,12 +325,11 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
     };
     if (typeof PointerEvent !== "undefined") {
       pressProps2.onPointerDown = (e) => {
-        if (e.button !== 0 || !e.currentTarget.contains(e.target)) return;
+        if (e.button !== 0 || !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
         if ($6a7db85432448f7f$export$29bf1b5f2c56cf63(e.nativeEvent)) {
           state.pointerType = "virtual";
           return;
         }
-        if ($f6c31cce2adf654f$var$shouldPreventDefaultDown(e.currentTarget)) e.preventDefault();
         state.pointerType = e.pointerType;
         let shouldStopPropagation = true;
         if (!state.isPressed) {
@@ -332,10 +337,9 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
           state.isOverTarget = true;
           state.activePointerId = e.pointerId;
           state.target = e.currentTarget;
-          if (!isDisabled && !preventFocusOnPress) $7215afc6de606d6b$export$de79e2c695e052f3(e.currentTarget);
           if (!allowTextSelectionOnPress) $14c0b72509d70225$export$16a4697467175487(state.target);
           shouldStopPropagation = triggerPressStart(e, state.pointerType);
-          let target = e.target;
+          let target = $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent);
           if ("releasePointerCapture" in target) target.releasePointerCapture(e.pointerId);
           addGlobalListener($431fbd86ca7dc216$export$b204af158042fbac(e.currentTarget), "pointerup", onPointerUp, false);
           addGlobalListener($431fbd86ca7dc216$export$b204af158042fbac(e.currentTarget), "pointercancel", onPointerCancel, false);
@@ -343,14 +347,17 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         if (shouldStopPropagation) e.stopPropagation();
       };
       pressProps2.onMouseDown = (e) => {
-        if (!e.currentTarget.contains(e.target)) return;
+        if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
         if (e.button === 0) {
-          if ($f6c31cce2adf654f$var$shouldPreventDefaultDown(e.currentTarget)) e.preventDefault();
+          if (preventFocusOnPress) {
+            let dispose = $8a9cb279dc87e130$export$cabe61c495ee3649(e.target);
+            if (dispose) state.disposables.push(dispose);
+          }
           e.stopPropagation();
         }
       };
       pressProps2.onPointerUp = (e) => {
-        if (!e.currentTarget.contains(e.target) || state.pointerType === "virtual") return;
+        if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent)) || state.pointerType === "virtual") return;
         if (e.button === 0) triggerPressUp(e, state.pointerType || e.pointerType);
       };
       pressProps2.onPointerEnter = (e) => {
@@ -368,33 +375,33 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
       };
       let onPointerUp = (e) => {
         if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0 && state.target) {
-          if (state.target.contains(e.target) && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType);
-          else if (state.isOverTarget && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
-          state.isPressed = false;
+          if ($d4ee10de306f2510$export$4282f70798064fe0(state.target, $d4ee10de306f2510$export$e58f029f0fbfdb29(e)) && state.pointerType != null) {
+            let clicked = false;
+            let timeout = setTimeout(() => {
+              if (state.isPressed && state.target instanceof HTMLElement) {
+                if (clicked) cancel(e);
+                else {
+                  $7215afc6de606d6b$export$de79e2c695e052f3(state.target);
+                  state.target.click();
+                }
+              }
+            }, 80);
+            addGlobalListener(e.currentTarget, "click", () => clicked = true, true);
+            state.disposables.push(() => clearTimeout(timeout));
+          } else cancel(e);
           state.isOverTarget = false;
-          state.activePointerId = null;
-          state.pointerType = null;
-          removeAllGlobalListeners();
-          if (!allowTextSelectionOnPress) $14c0b72509d70225$export$b0d6fa1ab32e3295(state.target);
-          if ("ontouchend" in state.target && e.pointerType !== "mouse") addGlobalListener(state.target, "touchend", onTouchEnd, {
-            once: true
-          });
         }
       };
-      let onTouchEnd = (e) => {
-        if ($f6c31cce2adf654f$var$shouldPreventDefaultUp(e.currentTarget)) e.preventDefault();
-      };
       let onPointerCancel = (e) => {
         cancel(e);
       };
       pressProps2.onDragStart = (e) => {
-        if (!e.currentTarget.contains(e.target)) return;
+        if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
         cancel(e);
       };
     } else {
       pressProps2.onMouseDown = (e) => {
-        if (e.button !== 0 || !e.currentTarget.contains(e.target)) return;
-        if ($f6c31cce2adf654f$var$shouldPreventDefaultDown(e.currentTarget)) e.preventDefault();
+        if (e.button !== 0 || !$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
         if (state.ignoreEmulatedMouseEvents) {
           e.stopPropagation();
           return;
@@ -403,13 +410,16 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         state.isOverTarget = true;
         state.target = e.currentTarget;
         state.pointerType = $6a7db85432448f7f$export$60278871457622de(e.nativeEvent) ? "virtual" : "mouse";
-        if (!isDisabled && !preventFocusOnPress) $7215afc6de606d6b$export$de79e2c695e052f3(e.currentTarget);
-        let shouldStopPropagation = triggerPressStart(e, state.pointerType);
+        let shouldStopPropagation = reactDomExports.flushSync(() => triggerPressStart(e, state.pointerType));
         if (shouldStopPropagation) e.stopPropagation();
+        if (preventFocusOnPress) {
+          let dispose = $8a9cb279dc87e130$export$cabe61c495ee3649(e.target);
+          if (dispose) state.disposables.push(dispose);
+        }
         addGlobalListener($431fbd86ca7dc216$export$b204af158042fbac(e.currentTarget), "mouseup", onMouseUp, false);
       };
       pressProps2.onMouseEnter = (e) => {
-        if (!e.currentTarget.contains(e.target)) return;
+        if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
         let shouldStopPropagation = true;
         if (state.isPressed && !state.ignoreEmulatedMouseEvents && state.pointerType != null) {
           state.isOverTarget = true;
@@ -418,7 +428,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         if (shouldStopPropagation) e.stopPropagation();
       };
       pressProps2.onMouseLeave = (e) => {
-        if (!e.currentTarget.contains(e.target)) return;
+        if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
         let shouldStopPropagation = true;
         if (state.isPressed && !state.ignoreEmulatedMouseEvents && state.pointerType != null) {
           state.isOverTarget = false;
@@ -428,23 +438,21 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         if (shouldStopPropagation) e.stopPropagation();
       };
       pressProps2.onMouseUp = (e) => {
-        if (!e.currentTarget.contains(e.target)) return;
+        if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
         if (!state.ignoreEmulatedMouseEvents && e.button === 0) triggerPressUp(e, state.pointerType || "mouse");
       };
       let onMouseUp = (e) => {
         if (e.button !== 0) return;
-        state.isPressed = false;
-        removeAllGlobalListeners();
         if (state.ignoreEmulatedMouseEvents) {
           state.ignoreEmulatedMouseEvents = false;
           return;
         }
-        if (state.target && $f6c31cce2adf654f$var$isOverTarget(e, state.target) && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType);
-        else if (state.target && state.isOverTarget && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
+        if (state.target && state.target.contains(e.target) && state.pointerType != null) ;
+        else cancel(e);
         state.isOverTarget = false;
       };
       pressProps2.onTouchStart = (e) => {
-        if (!e.currentTarget.contains(e.target)) return;
+        if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
         let touch = $f6c31cce2adf654f$var$getTouchFromEvent(e.nativeEvent);
         if (!touch) return;
         state.activePointerId = touch.identifier;
@@ -453,14 +461,13 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         state.isPressed = true;
         state.target = e.currentTarget;
         state.pointerType = "touch";
-        if (!isDisabled && !preventFocusOnPress) $7215afc6de606d6b$export$de79e2c695e052f3(e.currentTarget);
         if (!allowTextSelectionOnPress) $14c0b72509d70225$export$16a4697467175487(state.target);
         let shouldStopPropagation = triggerPressStart($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType);
         if (shouldStopPropagation) e.stopPropagation();
         addGlobalListener($431fbd86ca7dc216$export$f21a1ffae260145a(e.currentTarget), "scroll", onScroll, true);
       };
       pressProps2.onTouchMove = (e) => {
-        if (!e.currentTarget.contains(e.target)) return;
+        if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
         if (!state.isPressed) {
           e.stopPropagation();
           return;
@@ -480,7 +487,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         if (shouldStopPropagation) e.stopPropagation();
       };
       pressProps2.onTouchEnd = (e) => {
-        if (!e.currentTarget.contains(e.target)) return;
+        if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
         if (!state.isPressed) {
           e.stopPropagation();
           return;
@@ -500,12 +507,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         removeAllGlobalListeners();
       };
       pressProps2.onTouchCancel = (e) => {
-        if (!e.currentTarget.contains(e.target)) return;
+        if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
         e.stopPropagation();
         if (state.isPressed) cancel($f6c31cce2adf654f$var$createTouchEvent(state.target, e));
       };
       let onScroll = (e) => {
-        if (state.isPressed && e.target.contains(state.target)) cancel({
+        if (state.isPressed && $d4ee10de306f2510$export$4282f70798064fe0($d4ee10de306f2510$export$e58f029f0fbfdb29(e), state.target)) cancel({
           currentTarget: state.target,
           shiftKey: false,
           ctrlKey: false,
@@ -514,7 +521,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         });
       };
       pressProps2.onDragStart = (e) => {
-        if (!e.currentTarget.contains(e.target)) return;
+        if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
         cancel(e);
       };
     }
@@ -532,10 +539,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
     triggerPressUp
   ]);
   useEffect(() => {
+    let state = ref.current;
     return () => {
-      var _ref_current_target;
-      if (!allowTextSelectionOnPress)
-        $14c0b72509d70225$export$b0d6fa1ab32e3295((_ref_current_target = ref.current.target) !== null && _ref_current_target !== void 0 ? _ref_current_target : void 0);
+      var _state_target;
+      if (!allowTextSelectionOnPress) $14c0b72509d70225$export$b0d6fa1ab32e3295((_state_target = state.target) !== null && _state_target !== void 0 ? _state_target : void 0);
+      for (let dispose of state.disposables) dispose();
+      state.disposables = [];
     };
   }, [
     allowTextSelectionOnPress
@@ -622,9 +631,6 @@ function $f6c31cce2adf654f$var$isOverTarget(point, target) {
   let pointRect = $f6c31cce2adf654f$var$getPointClientRect(point);
   return $f6c31cce2adf654f$var$areRectanglesOverlapping(rect, pointRect);
 }
-function $f6c31cce2adf654f$var$shouldPreventDefaultDown(target) {
-  return !(target instanceof HTMLElement) || !target.hasAttribute("draggable");
-}
 function $f6c31cce2adf654f$var$shouldPreventDefaultUp(target) {
   if (target instanceof HTMLInputElement) return false;
   if (target instanceof HTMLButtonElement) return target.type !== "submit" && target.type !== "reset";

package/dist/{useSingleSelectListState-Cu3xtEJS.js → useSingleSelectListState-CMGsRHHh.js}

@@ -1,5 +1,5 @@
-import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-Z7FB_NzO.js";
-import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-CiqTTjWy.js";
+import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-DVr6aYd_.js";
+import { b as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-DwDr6ozG.js";
 import { useMemo } from "react";
 function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
   var _props_defaultSelectedKey;

package/dist/{useToggle-DzlgBLAJ.js → useToggle-C0I3vs0g.js}

@@ -1,8 +1,8 @@
-import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-39D0mStj.js";
+import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-DkCSC521.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-NpLM2e3G.js";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-087cO5Ct.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-rg_OQIGW.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-C5OggHsw.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-Cucx-xSA.js";
+import { a as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-DwDr6ozG.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) => {
@@ -16,12 +16,14 @@ function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
     isDisabled
   });
   let { pressProps: labelProps, isPressed: isLabelPressed } = $f6c31cce2adf654f$export$45712eceda6fad21({
-    isDisabled: isDisabled || isReadOnly,
     onPress() {
+      var _ref_current;
       state.toggle();
-    }
+      (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
+    },
+    isDisabled: isDisabled || isReadOnly
   });
-  let { focusableProps } = $e6afbd83fe6ebbd2$export$4c014de7c8940b4c(props, ref);
+  let { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c(props, ref);
   let interactions = $3ef42575df84b30b$export$9d1611c77c2fe928(pressProps, focusableProps);
   let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
     labelable: true

package/dist/{useToggleState-DhSBQxkp.js → useToggleState-CmQX3SoX.js}

@@ -1,4 +1,4 @@
-import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-CiqTTjWy.js";
+import { b as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-DwDr6ozG.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-39D0mStj.js → utils-DkCSC521.js}

@@ -97,50 +97,52 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
   return useContext($b5e257d569688ac6$var$IsSSRContext);
 }
 let $bdb11010cef70236$var$canUseDOM = Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
-let $bdb11010cef70236$var$idsUpdaterMap = /* @__PURE__ */ new Map();
+let $bdb11010cef70236$export$d41a04c74483c6ef = /* @__PURE__ */ new Map();
+let $bdb11010cef70236$var$registry;
+if (typeof FinalizationRegistry !== "undefined") $bdb11010cef70236$var$registry = new FinalizationRegistry((heldValue) => {
+  $bdb11010cef70236$export$d41a04c74483c6ef.delete(heldValue);
+});
 function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
   let [value, setValue] = useState(defaultId);
   let nextId = useRef(null);
   let res = $b5e257d569688ac6$export$619500959fc48b26(value);
-  let updateValue = useCallback((val) => {
-    nextId.current = val;
-  }, []);
+  let cleanupRef = useRef(null);
+  if ($bdb11010cef70236$var$registry) $bdb11010cef70236$var$registry.register(cleanupRef, res);
   if ($bdb11010cef70236$var$canUseDOM) {
-    if ($bdb11010cef70236$var$idsUpdaterMap.has(res) && !$bdb11010cef70236$var$idsUpdaterMap.get(res).includes(updateValue)) $bdb11010cef70236$var$idsUpdaterMap.set(res, [
-      ...$bdb11010cef70236$var$idsUpdaterMap.get(res),
-      updateValue
-    ]);
-    else $bdb11010cef70236$var$idsUpdaterMap.set(res, [
-      updateValue
+    const cacheIdRef = $bdb11010cef70236$export$d41a04c74483c6ef.get(res);
+    if (cacheIdRef && !cacheIdRef.includes(nextId)) cacheIdRef.push(nextId);
+    else $bdb11010cef70236$export$d41a04c74483c6ef.set(res, [
+      nextId
     ]);
   }
   $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
     let r2 = res;
     return () => {
-      $bdb11010cef70236$var$idsUpdaterMap.delete(r2);
+      if ($bdb11010cef70236$var$registry) $bdb11010cef70236$var$registry.unregister(cleanupRef);
+      $bdb11010cef70236$export$d41a04c74483c6ef.delete(r2);
     };
   }, [
     res
   ]);
   useEffect(() => {
     let newId = nextId.current;
-    if (newId) {
-      nextId.current = null;
-      setValue(newId);
-    }
+    if (newId) setValue(newId);
+    return () => {
+      if (newId) nextId.current = null;
+    };
   });
   return res;
 }
 function $bdb11010cef70236$export$cd8c9cb68f842629(idA, idB) {
   if (idA === idB) return idA;
-  let setIdsA = $bdb11010cef70236$var$idsUpdaterMap.get(idA);
+  let setIdsA = $bdb11010cef70236$export$d41a04c74483c6ef.get(idA);
   if (setIdsA) {
-    setIdsA.forEach((fn) => fn(idB));
+    setIdsA.forEach((ref) => ref.current = idB);
     return idB;
   }
-  let setIdsB = $bdb11010cef70236$var$idsUpdaterMap.get(idB);
+  let setIdsB = $bdb11010cef70236$export$d41a04c74483c6ef.get(idB);
   if (setIdsB) {
-    setIdsB.forEach((fn) => fn(idA));
+    setIdsB.forEach((ref) => ref.current = idA);
     return idA;
   }
   return idB;
@@ -280,11 +282,12 @@ function $64fa3d84918910a7$export$fabf2dc03a41866e(context, slot) {
   if (slot === null)
     return null;
   if (ctx && typeof ctx === "object" && "slots" in ctx && ctx.slots) {
-    let availableSlots = new Intl.ListFormat().format(Object.keys(ctx.slots).map((p) => `"${p}"`));
-    if (!slot && !ctx.slots[$64fa3d84918910a7$export$c62b8e45d58ddad9]) throw new Error(`A slot prop is required. Valid slot names are ${availableSlots}.`);
     let slotKey = slot || $64fa3d84918910a7$export$c62b8e45d58ddad9;
-    if (!ctx.slots[slotKey])
-      throw new Error(`Invalid slot "${slot}". Valid slot names are ${availableSlots}.`);
+    if (!ctx.slots[slotKey]) {
+      let availableSlots = new Intl.ListFormat().format(Object.keys(ctx.slots).map((p) => `"${p}"`));
+      let errorMessage = slot ? `Invalid slot "${slot}".` : "A slot prop is required.";
+      throw new Error(`${errorMessage} Valid slot names are ${availableSlots}.`);
+    }
     return ctx.slots[slotKey];
   }
   return ctx;
@@ -325,8 +328,8 @@ function $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, context) {
     mergedRef
   ];
 }
-function $64fa3d84918910a7$export$9d4c57ee4c6ffdd8() {
-  let [hasSlot, setHasSlot] = useState(true);
+function $64fa3d84918910a7$export$9d4c57ee4c6ffdd8(initialState = true) {
+  let [hasSlot, setHasSlot] = useState(initialState);
   let hasRun = useRef(false);
   let ref = useCallback((el) => {
     hasRun.current = true;
@@ -352,16 +355,16 @@ export {
   $64fa3d84918910a7$export$4d86445c2cf5e3 as b,
   clsx as c,
   $3ef42575df84b30b$export$9d1611c77c2fe928 as d,
-  $b5e257d569688ac6$export$535bd6ca7f90a273 as e,
-  $bdb11010cef70236$export$f680877a34711e37 as f,
-  $8ae05eaa5c114e9c$export$7f54fc3180508a52 as g,
-  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as h,
-  $64fa3d84918910a7$export$ef03459518577ad4 as i,
-  $64fa3d84918910a7$export$2881499e37b75b9a as j,
-  $bdb11010cef70236$export$b4cc09c592e8fdb8 as k,
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as l,
-  $df56164dff5785e2$export$4338b53315abf666 as m,
-  $5dc95899b306f630$export$c9058316764c140e as n,
+  $bdb11010cef70236$export$f680877a34711e37 as e,
+  $8ae05eaa5c114e9c$export$7f54fc3180508a52 as f,
+  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as g,
+  $64fa3d84918910a7$export$ef03459518577ad4 as h,
+  $64fa3d84918910a7$export$2881499e37b75b9a as i,
+  $bdb11010cef70236$export$b4cc09c592e8fdb8 as j,
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as k,
+  $df56164dff5785e2$export$4338b53315abf666 as l,
+  $5dc95899b306f630$export$c9058316764c140e as m,
+  $b5e257d569688ac6$export$535bd6ca7f90a273 as n,
   $64fa3d84918910a7$export$c62b8e45d58ddad9 as o,
   $ff5963eb1fccf552$export$e08e3b67e392101e as p
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eightshift/ui-components",
-  "version": "2.0.2",
+  "version": "3.0.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -36,61 +36,61 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@adobe/react-spectrum": "^3.39.0",
-    "@dnd-kit/abstract": "^0.0.6",
+    "@adobe/react-spectrum": "^3.40.1",
+    "@dnd-kit/abstract": "^0.0.9",
     "@dnd-kit/core": "^6.3.1",
-    "@dnd-kit/dom": "^0.0.6",
-    "@dnd-kit/helpers": "^0.0.6",
+    "@dnd-kit/dom": "^0.0.9",
+    "@dnd-kit/helpers": "^0.0.9",
     "@dnd-kit/modifiers": "^9.0.0",
-    "@dnd-kit/react": "^0.0.6",
+    "@dnd-kit/react": "^0.0.9",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@eslint/compat": "^1.2.5",
-    "@react-stately/collections": "^3.12.1",
-    "@stylistic/eslint-plugin-js": "^3.0.0",
-    "@tailwindcss/vite": "^4.0.0",
+    "@eslint/compat": "^1.2.7",
+    "@react-stately/collections": "^3.12.2",
+    "@stylistic/eslint-plugin-js": "^3.1.0",
+    "@tailwindcss/vite": "^4.0.14",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
-    "@vitejs/plugin-react-swc": "^3.7.2",
-    "@wordpress/i18n": "^5.16.0",
-    "autoprefixer": "^10.4.20",
+    "@vitejs/plugin-react-swc": "^3.8.0",
+    "@wordpress/i18n": "^5.20.0",
+    "autoprefixer": "^10.4.21",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "css-gradient-parser": "^0.0.16",
-    "eslint": "^9.19.0",
-    "eslint-config-prettier": "^10.0.1",
-    "eslint-plugin-jsdoc": "^50.6.3",
+    "eslint": "^9.22.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-jsdoc": "^50.6.8",
     "eslint-plugin-prettier": "^5.2.3",
     "glob": "^11.0.1",
-    "globals": "^15.14.0",
+    "globals": "^16.0.0",
     "just-camel-case": "^6.2.0",
     "just-debounce-it": "^3.2.0",
     "just-has": "^2.3.0",
     "just-is-empty": "^3.4.1",
     "just-kebab-case": "^4.2.0",
     "just-throttle": "^4.2.0",
-    "lightningcss": "^1.29.1",
-    "postcss": "^8.5.1",
-    "prettier": "^3.4.2",
+    "lightningcss": "^1.29.3",
+    "postcss": "^8.5.3",
+    "prettier": "^3.5.3",
     "prettier-plugin-tailwindcss": "^0.6.11",
     "react": "^18.3.1",
-    "react-aria": "^3.37.0",
-    "react-aria-components": "^1.6.0",
+    "react-aria": "^3.38.1",
+    "react-aria-components": "^1.7.1",
     "react-dom": "^18.3.1",
-    "react-jsx-parser": "^2.2.2",
-    "react-movable": "^3.4.0",
-    "react-select": "^5.10.0",
-    "react-stately": "^3.35.0",
+    "react-jsx-parser": "^2.4.0",
+    "react-movable": "^3.4.1",
+    "react-select": "^5.10.1",
+    "react-stately": "^3.36.1",
     "svg-to-jsx-string": "^0.1.1",
-    "tailwindcss": "^4.0.0",
-    "tailwindcss-motion": "^1.0.1",
-    "tailwindcss-react-aria-components": "^1.2.0",
-    "vite": "^6.0.11",
+    "tailwindcss": "^4.0.14",
+    "tailwindcss-motion": "^1.1.0",
+    "tailwindcss-react-aria-components": "^2.0.0",
+    "vite": "^6.2.2",
     "vite-plugin-lib-inject-css": "^2.2.1"
   },
   "dependencies": {
-    "@fontsource-variable/geist": "^5.0.1",
-    "@fontsource-variable/geist-mono": "^5.0.1"
+    "@fontsource-variable/geist": "^5.2.5",
+    "@fontsource-variable/geist-mono": "^5.2.5"
   },
   "scripts": {
     "dev": "vite",