@eightshift/ui-components 1.8.0 → 1.9.0

package/dist/{multi-select-components-BGQBvx-z.js → multi-select-components-DM3GsNfb.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import React__default, { useMemo, useLayoutEffect, useEffect, useRef, useCallback, useState, createContext, memo, useReducer, useContext } from "react";
-import { r as reactDomExports } from "./index-D0mHceYg.js";
+import { r as reactDomExports } from "./index-BYHhzLf-.js";
 import { c as clsx } from "./lite-DVmmD_-j.js";
 function useCombinedRefs() {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -1034,11 +1034,12 @@ var KeyboardCode;
   KeyboardCode2["Up"] = "ArrowUp";
   KeyboardCode2["Esc"] = "Escape";
   KeyboardCode2["Enter"] = "Enter";
+  KeyboardCode2["Tab"] = "Tab";
 })(KeyboardCode || (KeyboardCode = {}));
 const defaultKeyboardCodes = {
   start: [KeyboardCode.Space, KeyboardCode.Enter],
   cancel: [KeyboardCode.Esc],
-  end: [KeyboardCode.Space, KeyboardCode.Enter]
+  end: [KeyboardCode.Space, KeyboardCode.Enter, KeyboardCode.Tab]
 };
 const defaultKeyboardCoordinateGetter = (event, _ref) => {
   let {
@@ -1351,9 +1352,11 @@ class AbstractPointerSensor {
       }
       if (isDelayConstraint(activationConstraint)) {
         this.timeoutId = setTimeout(this.handleStart, activationConstraint.delay);
+        this.handlePending(activationConstraint);
         return;
       }
       if (isDistanceConstraint(activationConstraint)) {
+        this.handlePending(activationConstraint);
         return;
       }
     }
@@ -1368,6 +1371,13 @@ class AbstractPointerSensor {
       this.timeoutId = null;
     }
   }
+  handlePending(constraint, offset) {
+    const {
+      active,
+      onPending
+    } = this.props;
+    onPending(active, constraint, this.initialCoordinates, offset);
+  }
   handleStart() {
     const {
       initialCoordinates
@@ -1417,6 +1427,7 @@ class AbstractPointerSensor {
           return this.handleCancel();
         }
       }
+      this.handlePending(activationConstraint, delta);
       return;
     }
     if (event.cancelable) {
@@ -1426,16 +1437,24 @@ class AbstractPointerSensor {
   }
   handleEnd() {
     const {
+      onAbort,
       onEnd
     } = this.props;
     this.detach();
+    if (!this.activated) {
+      onAbort(this.props.active);
+    }
     onEnd();
   }
   handleCancel() {
     const {
+      onAbort,
       onCancel
     } = this.props;
     this.detach();
+    if (!this.activated) {
+      onAbort(this.props.active);
+    }
     onCancel();
   }
   handleKeydown(event) {
@@ -2708,6 +2727,43 @@ const DndContext = /* @__PURE__ */ memo(function DndContext2(_ref) {
         // Sensors need to be instantiated with refs for arguments that change over time
         // otherwise they are frozen in time with the stale arguments
         context: sensorContext,
+        onAbort(id2) {
+          const draggableNode = draggableNodes.get(id2);
+          if (!draggableNode) {
+            return;
+          }
+          const {
+            onDragAbort
+          } = latestProps.current;
+          const event2 = {
+            id: id2
+          };
+          onDragAbort == null ? void 0 : onDragAbort(event2);
+          dispatchMonitorEvent({
+            type: "onDragAbort",
+            event: event2
+          });
+        },
+        onPending(id2, constraint, initialCoordinates, offset) {
+          const draggableNode = draggableNodes.get(id2);
+          if (!draggableNode) {
+            return;
+          }
+          const {
+            onDragPending
+          } = latestProps.current;
+          const event2 = {
+            id: id2,
+            constraint,
+            initialCoordinates,
+            offset
+          };
+          onDragPending == null ? void 0 : onDragPending(event2);
+          dispatchMonitorEvent({
+            type: "onDragPending",
+            event: event2
+          });
+        },
         onStart(initialCoordinates) {
           const id2 = activeRef.current;
           if (id2 == null) {

package/dist/{react-select-async.esm-B8kK0aL4.js → react-select-async.esm-Bq3N1-Wi.js}

@@ -1,8 +1,8 @@
-import { a as _objectWithoutProperties, b as _slicedToArray, h as handleInputChange, d as _objectSpread2, e as _defineProperty, _ as _extends } from "./index-641ee5b8.esm-BclOH4xf.js";
+import { a as _objectWithoutProperties, b as _slicedToArray, h as handleInputChange, d as _objectSpread2, e as _defineProperty, _ as _extends } from "./index-641ee5b8.esm-DEB-c58F.js";
 import * as React from "react";
 import { useRef, useState, useEffect, useCallback, forwardRef } from "react";
-import { u as useStateManager, S as Select } from "./Select-aab027f3.esm-B8nEum75.js";
-import "./index-D0mHceYg.js";
+import { u as useStateManager, S as Select } from "./Select-aab027f3.esm-C7BxKjSc.js";
+import "./index-BYHhzLf-.js";
 var _excluded = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
 function useAsync(_ref) {
   var _ref$defaultOptions = _ref.defaultOptions, propsDefaultOptions = _ref$defaultOptions === void 0 ? false : _ref$defaultOptions, _ref$cacheOptions = _ref.cacheOptions, cacheOptions = _ref$cacheOptions === void 0 ? false : _ref$cacheOptions, propsLoadOptions = _ref.loadOptions;

package/dist/{react-select.esm-ucYwBxq5.js → react-select.esm-B38nY7_U.js}

@@ -1,8 +1,8 @@
-import { u as useStateManager, S as Select } from "./Select-aab027f3.esm-B8nEum75.js";
-import { _ as _extends } from "./index-641ee5b8.esm-BclOH4xf.js";
+import { u as useStateManager, S as Select } from "./Select-aab027f3.esm-C7BxKjSc.js";
+import { _ as _extends } from "./index-641ee5b8.esm-DEB-c58F.js";
 import * as React from "react";
 import { forwardRef } from "react";
-import "./index-D0mHceYg.js";
+import "./index-BYHhzLf-.js";
 var StateManagedSelect = /* @__PURE__ */ forwardRef(function(props, ref) {
   var baseSelectProps = useStateManager(props);
   return /* @__PURE__ */ React.createElement(Select, _extends({

package/dist/{textSelection-DDDNsS-g.js → textSelection-G2G-nukT.js}

@@ -1,5 +1,5 @@
 import { useRef, useCallback, useEffect } from "react";
-import { j as $c87311424ea30a05$export$fedb369cb70207f1, g as $431fbd86ca7dc216$export$b204af158042fbac, k as $bbed8b41f857bcc0$export$24490316f764c430 } from "./focusSafely-Cl9cN7Qx.js";
+import { j as $c87311424ea30a05$export$fedb369cb70207f1, g as $431fbd86ca7dc216$export$b204af158042fbac, k as $bbed8b41f857bcc0$export$24490316f764c430 } from "./focusSafely-CZY36ssv.js";
 function $03deb23ff14920c4$export$4eaf04e54aa8eed6() {
   let globalListeners = useRef(/* @__PURE__ */ new Map());
   let addGlobalListener = useCallback((eventTarget, type, listener, options) => {

package/dist/{useButton-CRKy9xk2.js → useButton-CFtcz1T6.js}

@@ -1,7 +1,7 @@
-import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BSxcP7tv.js";
+import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BSLBwuuO.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-CPKTGWPn.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-BG9At5Lb.js";
+import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-BlkOMLma.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-xTkcGUkt.js";
 function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
   let {
     elementType = "button",

package/dist/{useEvent-D54lIBrO.js → useEvent-B0yfN_Zu.js}

@@ -1,4 +1,4 @@
-import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-BSxcP7tv.js";
+import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-BSLBwuuO.js";
 import { useEffect } from "react";
 function $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler, options) {
   let handleEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(handler);

package/dist/{useFocusRing-DKxoCzVD.js → useFocusRing-DMAlRYjX.js}

@@ -1,4 +1,4 @@
-import { a as $507fabe10e71c6fb$export$b9b3dfddab17db27, b as $507fabe10e71c6fb$export$ec71b4b83ac08ec3, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, d as $9ab94262bd0047c7$export$420e68273165f4ec } from "./focusSafely-Cl9cN7Qx.js";
+import { a as $507fabe10e71c6fb$export$b9b3dfddab17db27, b as $507fabe10e71c6fb$export$ec71b4b83ac08ec3, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, d as $9ab94262bd0047c7$export$420e68273165f4ec } from "./focusSafely-CZY36ssv.js";
 import { useRef, useState, useCallback } from "react";
 function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
   let { autoFocus = false, isTextInput, within } = props;

package/dist/{useFocusable-CPKTGWPn.js → useFocusable-BlkOMLma.js}

@@ -1,5 +1,5 @@
-import { c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, h as $6a99195332edec8b$export$80f3e147d781571c, l as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-Cl9cN7Qx.js";
-import { m as $df56164dff5785e2$export$4338b53315abf666, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BSxcP7tv.js";
+import { c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, h as $6a99195332edec8b$export$80f3e147d781571c, l as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-CZY36ssv.js";
+import { m as $df56164dff5785e2$export$4338b53315abf666, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BSLBwuuO.js";
 import React__default, { useRef, useEffect, useContext } from "react";
 function $93925083ecbb358c$export$48d1ea6320830260(handler) {
   if (!handler) return void 0;

package/dist/{useFormReset-CTp--h9B.js → useFormReset-BAEM0o25.js}

@@ -1,4 +1,4 @@
-import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-BSxcP7tv.js";
+import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-BSLBwuuO.js";
 import { useRef, useEffect } from "react";
 function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
   let resetValue = useRef(initialValue);

package/dist/{useFormValidation-BNBrliSj.js → useFormValidation-BNzOc2t9.js}

@@ -1,6 +1,6 @@
 import { createContext, useMemo, useContext, useState, useRef, useEffect } from "react";
-import { i as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./focusSafely-Cl9cN7Qx.js";
-import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, g as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-BSxcP7tv.js";
+import { i as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./focusSafely-CZY36ssv.js";
+import { l as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, g as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-BSLBwuuO.js";
 const $e5be200c675c3b3a$export$aca958c65c314e6c = {
   badInput: false,
   customError: false,

package/dist/{useLabel-CzGdEzIq.js → useLabel-D6FSp5_M.js}

@@ -1,5 +1,5 @@
-import { f as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-BSxcP7tv.js";
-import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-eGSmZC_Z.js";
+import { f as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-BSLBwuuO.js";
+import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-CraZ2Sej.js";
 function $d191a55c9702f145$export$8467354a121f1b9f(props) {
   let { id, label, "aria-labelledby": ariaLabelledby, "aria-label": ariaLabel, labelElementType = "label" } = props;
   id = $bdb11010cef70236$export$f680877a34711e37(id);

package/dist/{useLabels-eGSmZC_Z.js → useLabels-CraZ2Sej.js}

@@ -1,4 +1,4 @@
-import { f as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-BSxcP7tv.js";
+import { f as $bdb11010cef70236$export$f680877a34711e37 } from "./utils-BSLBwuuO.js";
 function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
   let { id, "aria-label": label, "aria-labelledby": labelledBy } = props;
   id = $bdb11010cef70236$export$f680877a34711e37(id);

package/dist/{useListState-D7mE1Y00.js → useListState-C3dnPq2F.js}

@@ -1,4 +1,4 @@
-import { a as $7af3f5b51489e0b5$export$253fe78d46329472, b as $7613b1592d41b092$export$6cd28814d92fa9c9, c as $d496c0a20b6e58ec$export$6c8a5aaad13c9852 } from "./SelectionManager-DP537Pbu.js";
+import { a as $7af3f5b51489e0b5$export$253fe78d46329472, b as $7613b1592d41b092$export$6cd28814d92fa9c9, c as $d496c0a20b6e58ec$export$6c8a5aaad13c9852 } from "./SelectionManager-D-89MUJW.js";
 import { useMemo, useCallback, useRef, useEffect } from "react";
 class $a02d57049d202695$export$d085fb9e920b5ca7 {
   *[Symbol.iterator]() {

package/dist/{useLocalizedStringFormatter-BBeUyA9l.js → useLocalizedStringFormatter-B73fhEA7.js}

@@ -1,4 +1,4 @@
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BI3VdU0Z.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-KeRYAbEi.js";
 import { useMemo } from "react";
 const $5b160d28a433310d$var$localeSymbol = Symbol.for("react-aria.i18n.locale");
 const $5b160d28a433310d$var$stringsSymbol = Symbol.for("react-aria.i18n.strings");

package/dist/{useNumberField-BmEJmL3K.js → useNumberField-CQP9-nH5.js}

@@ -1,17 +1,17 @@
-import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, d as $9ab94262bd0047c7$export$420e68273165f4ec, w as $c87311424ea30a05$export$186c6964ca17d99, u as $c87311424ea30a05$export$a11b0059900ceec8, j as $c87311424ea30a05$export$fedb369cb70207f1 } from "./focusSafely-Cl9cN7Qx.js";
+import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, d as $9ab94262bd0047c7$export$420e68273165f4ec, w as $c87311424ea30a05$export$186c6964ca17d99, u as $c87311424ea30a05$export$a11b0059900ceec8, j as $c87311424ea30a05$export$fedb369cb70207f1 } from "./focusSafely-CZY36ssv.js";
 import { $ as $9446cca9a3875146$export$cb6e0bb50bc19463, a as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-GajL10e1.js";
-import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-BNBrliSj.js";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-BNzOc2t9.js";
 import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-DA8u1Ot7.js";
 import { useCallback, useState, useMemo, useEffect, useRef } from "react";
-import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $bdb11010cef70236$export$f680877a34711e37, q as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-BSxcP7tv.js";
+import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $bdb11010cef70236$export$f680877a34711e37, r as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-BSLBwuuO.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-CTp--h9B.js";
-import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-D54lIBrO.js";
-import { b as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-C2dTSp9z.js";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-BBeUyA9l.js";
-import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-CTY_UZxq.js";
-import { c as $319e236875307eab$export$d10ae4f68404609a, b as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-Xa6Ny0p_.js";
-import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6 } from "./textSelection-DDDNsS-g.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BAEM0o25.js";
+import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-B0yfN_Zu.js";
+import { b as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-BXSxJ_44.js";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-B73fhEA7.js";
+import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-Cdctl6fg.js";
+import { c as $319e236875307eab$export$d10ae4f68404609a, b as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-BMFbEXg1.js";
+import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6 } from "./textSelection-G2G-nukT.js";
 function $7d0a636d7a4dcefd$export$2123ff2b87c81ca(props, ref) {
   let { onScroll, isDisabled } = props;
   let onScrollHandler = useCallback((e) => {

package/dist/{useNumberFormatter-CTY_UZxq.js → useNumberFormatter-Cdctl6fg.js}

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

package/dist/{usePress-BG9At5Lb.js → usePress-xTkcGUkt.js}

@@ -1,7 +1,7 @@
-import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $14c0b72509d70225$export$b0d6fa1ab32e3295, b as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-DDDNsS-g.js";
+import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $14c0b72509d70225$export$b0d6fa1ab32e3295, b as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-G2G-nukT.js";
 import React__default, { useContext, createContext, useState, useRef, useMemo, useEffect } from "react";
-import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, q as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-BSxcP7tv.js";
-import { q as $c87311424ea30a05$export$b7d78993b74f766d, o as $c87311424ea30a05$export$9ac100e40613ea10, p as $c87311424ea30a05$export$78551043582a6a98, r as $c87311424ea30a05$export$7bef049ce92e4224, n as $7215afc6de606d6b$export$de79e2c695e052f3, s as $6a7db85432448f7f$export$29bf1b5f2c56cf63, g as $431fbd86ca7dc216$export$b204af158042fbac, t as $6a7db85432448f7f$export$60278871457622de, f as $431fbd86ca7dc216$export$f21a1ffae260145a, l as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-Cl9cN7Qx.js";
+import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, r as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-BSLBwuuO.js";
+import { q as $c87311424ea30a05$export$b7d78993b74f766d, o as $c87311424ea30a05$export$9ac100e40613ea10, p as $c87311424ea30a05$export$78551043582a6a98, r as $c87311424ea30a05$export$7bef049ce92e4224, n as $7215afc6de606d6b$export$de79e2c695e052f3, s as $6a7db85432448f7f$export$29bf1b5f2c56cf63, g as $431fbd86ca7dc216$export$b204af158042fbac, t as $6a7db85432448f7f$export$60278871457622de, f as $431fbd86ca7dc216$export$f21a1ffae260145a, l as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-CZY36ssv.js";
 const $ea8dcbcb9ea1b556$var$RouterContext = /* @__PURE__ */ createContext({
   isNative: true,
   open: $ea8dcbcb9ea1b556$var$openSyntheticLink,

package/dist/{useSingleSelectListState-DeJEr7lC.js → useSingleSelectListState-BGXQSTy7.js}

@@ -1,5 +1,5 @@
-import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-D7mE1Y00.js";
-import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-Cl9cN7Qx.js";
+import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-C3dnPq2F.js";
+import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-CZY36ssv.js";
 import { useMemo } from "react";
 function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
   var _props_defaultSelectedKey;

package/dist/{useToggle-QlyoyPYv.js → useToggle-Dpw3WpSw.js}

@@ -1,8 +1,8 @@
-import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BSxcP7tv.js";
+import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BSLBwuuO.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-CTp--h9B.js";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-CPKTGWPn.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-BG9At5Lb.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BAEM0o25.js";
+import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-BlkOMLma.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-xTkcGUkt.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-C1mnFRiI.js → useToggleState-BSKwCUIW.js}

@@ -1,4 +1,4 @@
-import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-Cl9cN7Qx.js";
+import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-CZY36ssv.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-BSxcP7tv.js → utils-BSLBwuuO.js}

@@ -1,5 +1,5 @@
 import React__default, { useContext, useState, useRef, useCallback, useEffect, useMemo } from "react";
-import { $ as $dbSRa$reactdom } from "./index-D0mHceYg.js";
+import { $ as $dbSRa$reactdom } from "./index-BYHhzLf-.js";
 const $b5e257d569688ac6$var$defaultContext = {
   prefix: String(Math.round(Math.random() * 1e10)),
   current: 0
@@ -408,12 +408,12 @@ export {
   $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as h,
   $64fa3d84918910a7$export$ef03459518577ad4 as i,
   $64fa3d84918910a7$export$2881499e37b75b9a as j,
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as k,
-  $bdb11010cef70236$export$b4cc09c592e8fdb8 as l,
+  $bdb11010cef70236$export$b4cc09c592e8fdb8 as k,
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as l,
   $df56164dff5785e2$export$4338b53315abf666 as m,
   $5dc95899b306f630$export$c9058316764c140e as n,
-  $64fa3d84918910a7$export$45fda7c47f93fd48 as o,
-  $64fa3d84918910a7$export$6d3443f2c48bfc20 as p,
-  $ff5963eb1fccf552$export$e08e3b67e392101e as q,
-  $64fa3d84918910a7$export$c62b8e45d58ddad9 as r
+  $64fa3d84918910a7$export$c62b8e45d58ddad9 as o,
+  $64fa3d84918910a7$export$45fda7c47f93fd48 as p,
+  $64fa3d84918910a7$export$6d3443f2c48bfc20 as q,
+  $ff5963eb1fccf552$export$e08e3b67e392101e as r
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eightshift/ui-components",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -32,43 +32,42 @@
     "./wp-overrides": "./dist/assets/wp.css"
   },
   "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "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": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-jsx-parser": "^2.2.2",
     "react-movable": "^3.3.1",
     "svg-to-jsx-string": "^0.1.1"
   },
   "devDependencies": {
-    "@adobe/react-spectrum": "^3.38.0",
-    "@dnd-kit/core": "^6.2.0",
-    "@dnd-kit/modifiers": "^8.0.0",
-    "@dnd-kit/sortable": "^9.0.0",
+    "@adobe/react-spectrum": "^3.38.1",
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@eslint/compat": "^1.2.3",
+    "@eslint/compat": "^1.2.4",
     "@react-stately/collections": "^3.12.0",
-    "@stylistic/eslint-plugin-js": "^2.11.0",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
+    "@stylistic/eslint-plugin-js": "^2.12.1",
+    "@types/react": "^19.0.1",
+    "@types/react-dom": "^19.0.2",
     "@vitejs/plugin-react-swc": "^3.7.2",
-    "@wordpress/i18n": "^5.13.0",
+    "@wordpress/i18n": "^5.14.0",
     "autoprefixer": "^10.4.20",
     "clsx": "^2.1.1",
     "css-gradient-parser": "^0.0.16",
-    "eslint": "^9.15.0",
+    "eslint": "^9.17.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-jsdoc": "^50.6.0",
+    "eslint-plugin-jsdoc": "^50.6.1",
     "eslint-plugin-prettier": "^5.2.1",
-    "framer-motion": "^11.12.0",
     "glob": "^11.0.0",
-    "globals": "^15.12.0",
+    "globals": "^15.13.0",
     "just-camel-case": "^6.2.0",
     "just-debounce-it": "^3.2.0",
     "just-has": "^2.3.0",
@@ -77,17 +76,17 @@
     "just-throttle": "^4.2.0",
     "lightningcss": "^1.28.2",
     "postcss": "^8.4.49",
-    "prettier": "^3.4.1",
+    "prettier": "^3.4.2",
     "prettier-plugin-tailwindcss": "^0.6.9",
     "react-aria": "^3.36.0",
     "react-aria-components": "^1.5.0",
-    "react-select": "^5.8.3",
+    "react-select": "^5.9.0",
     "react-stately": "^3.34.0",
-    "tailwindcss": "^3.4.15",
+    "tailwindcss": "^3.4.16",
     "tailwindcss-animate": "^1.0.7",
     "tailwindcss-react-aria-components": "^1.2.0",
-    "tailwindcss-scoped-preflight": "^3.4.9",
-    "vite": "^6.0.1",
+    "tailwindcss-scoped-preflight": "^3.4.10",
+    "vite": "^6.0.3",
     "vite-plugin-lib-inject-css": "^2.1.1"
   },
   "scripts": {