@eightshift/ui-components 6.0.13 → 6.1.1

package/dist/{useNumberField-D6lsi3Vu.js → useNumberField-CTkI-U9a.js}

@@ -1,17 +1,17 @@
-import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, f as $03deb23ff14920c4$export$4eaf04e54aa8eed6, o as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, O as $c87311424ea30a05$export$186c6964ca17d99, t as $c87311424ea30a05$export$a11b0059900ceec8, c as $c87311424ea30a05$export$fedb369cb70207f1 } from "./useHover-CG39Ci3A.js";
+import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, f as $03deb23ff14920c4$export$4eaf04e54aa8eed6, o as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, O as $c87311424ea30a05$export$186c6964ca17d99, s as $c87311424ea30a05$export$a11b0059900ceec8, c as $c87311424ea30a05$export$fedb369cb70207f1 } from "./useHover-CmyvqeWX.js";
 import { a as $9446cca9a3875146$export$cb6e0bb50bc19463, $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-7sOvrqo0.js";
-import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-Dqzjv4jX.js";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-DTmPrTD8.js";
 import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-DA8u1Ot7.js";
 import { useCallback, useEffect, useRef, useState, useMemo } from "react";
-import { a as $3ef42575df84b30b$export$9d1611c77c2fe928, c as $bdb11010cef70236$export$f680877a34711e37, n as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-HC9_3Crc.js";
+import { b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, o as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-Cr3pLd9c.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BDF1K4E4.js";
-import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-WEswknAY.js";
-import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-DoWvho2u.js";
-import { d as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-Cuw9UbNb.js";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-M3L6Ge2c.js";
-import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-BWOyCamK.js";
-import { d as $319e236875307eab$export$d10ae4f68404609a, c as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-JRIu2BnS.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BxtOoO5Q.js";
+import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-rUOwLdTK.js";
+import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-Zze2g7CX.js";
+import { d as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-B4X6-x6r.js";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-CEDs0LsA.js";
+import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-CG_IQXp9.js";
+import { d as $319e236875307eab$export$d10ae4f68404609a, c as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-CFnNdpNZ.js";
 const $6c7bd7858deea686$var$CURRENCY_SIGN_REGEX = new RegExp("^.*\\(.*\\).*$");
 const $6c7bd7858deea686$var$NUMBERING_SYSTEMS = [
   "latn",
@@ -660,6 +660,8 @@ $a99895ee3dc79e61$exports = {
 function $parcel$interopDefault$1(a) {
   return a && a.__esModule ? a.default : a;
 }
+const $d2e8511e6f209edf$var$noop = () => {
+};
 function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
   const _async = useRef(void 0);
   let { value, textValue, minValue, maxValue, isDisabled, isReadOnly, isRequired, onIncrement, onIncrementPage, onDecrement, onDecrementPage, onDecrementToMin, onIncrementToMax } = props;
@@ -741,21 +743,29 @@ function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
   }, [
     clearAsync
   ]);
-  const onIncrementPressStart = $8ae05eaa5c114e9c$export$7f54fc3180508a52((initialStepDelay) => {
+  const onIncrementEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(onIncrement !== null && onIncrement !== void 0 ? onIncrement : $d2e8511e6f209edf$var$noop);
+  const onDecrementEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(onDecrement !== null && onDecrement !== void 0 ? onDecrement : $d2e8511e6f209edf$var$noop);
+  const stepUpEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    if (maxValue === void 0 || isNaN(maxValue) || value === void 0 || isNaN(value) || value < maxValue) {
+      onIncrementEvent();
+      onIncrementPressStartEvent(60);
+    }
+  });
+  const onIncrementPressStartEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52((initialStepDelay) => {
     clearAsyncEvent();
     isSpinning.current = true;
-    onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
-    _async.current = window.setTimeout(() => {
-      if (maxValue === void 0 || isNaN(maxValue) || value === void 0 || isNaN(value) || value < maxValue) onIncrementPressStart(60);
-    }, initialStepDelay);
+    _async.current = window.setTimeout(stepUpEvent, initialStepDelay);
+  });
+  const stepDownEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    if (minValue === void 0 || isNaN(minValue) || value === void 0 || isNaN(value) || value > minValue) {
+      onDecrementEvent();
+      onDecrementPressStartEvent(60);
+    }
   });
-  const onDecrementPressStart = $8ae05eaa5c114e9c$export$7f54fc3180508a52((initialStepDelay) => {
+  const onDecrementPressStartEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52((initialStepDelay) => {
     clearAsyncEvent();
     isSpinning.current = true;
-    onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
-    _async.current = window.setTimeout(() => {
-      if (minValue === void 0 || isNaN(minValue) || value === void 0 || isNaN(value) || value > minValue) onDecrementPressStart(60);
-    }, initialStepDelay);
+    _async.current = window.setTimeout(stepDownEvent, initialStepDelay);
   });
   let cancelContextMenu = (e) => {
     e.preventDefault();
@@ -764,15 +774,15 @@ function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
   let isUp = useRef(false);
   let [isIncrementPressed, setIsIncrementPressed] = useState(null);
   useEffect(() => {
-    if (isIncrementPressed === "touch") onIncrementPressStart(60);
-    else if (isIncrementPressed) onIncrementPressStart(400);
+    if (isIncrementPressed === "touch") onIncrementPressStartEvent(600);
+    else if (isIncrementPressed) onIncrementPressStartEvent(400);
   }, [
     isIncrementPressed
   ]);
   let [isDecrementPressed, setIsDecrementPressed] = useState(null);
   useEffect(() => {
-    if (isDecrementPressed === "touch") onDecrementPressStart(60);
-    else if (isDecrementPressed) onDecrementPressStart(400);
+    if (isDecrementPressed === "touch") onDecrementPressStartEvent(600);
+    else if (isDecrementPressed) onDecrementPressStartEvent(400);
   }, [
     isDecrementPressed
   ]);
@@ -792,30 +802,30 @@ function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
     },
     incrementButtonProps: {
       onPressStart: (e) => {
-        if (e.pointerType !== "touch") setIsIncrementPressed("mouse");
-        else {
-          if (_async.current) clearAsync();
+        clearAsync();
+        if (e.pointerType !== "touch") {
+          onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
+          setIsIncrementPressed("mouse");
+        } else {
           addGlobalListener(window, "pointercancel", onPointerCancel, {
             capture: true
           });
           isUp.current = false;
-          _async.current = window.setTimeout(() => {
-            setIsIncrementPressed("touch");
-          }, 600);
+          setIsIncrementPressed("touch");
         }
         addGlobalListener(window, "contextmenu", cancelContextMenu);
       },
       onPressUp: (e) => {
-        if (e.pointerType === "touch") isUp.current = true;
         clearAsync();
+        if (e.pointerType === "touch") isUp.current = true;
         removeAllGlobalListeners();
         setIsIncrementPressed(null);
       },
       onPressEnd: (e) => {
+        clearAsync();
         if (e.pointerType === "touch") {
           if (!isSpinning.current && isUp.current) onIncrement === null || onIncrement === void 0 ? void 0 : onIncrement();
         }
-        clearAsync();
         isUp.current = false;
         setIsIncrementPressed(null);
       },
@@ -824,29 +834,29 @@ function $d2e8511e6f209edf$export$e908e06f4b8e3402(props) {
     },
     decrementButtonProps: {
       onPressStart: (e) => {
-        if (e.pointerType !== "touch") setIsDecrementPressed("mouse");
-        else {
-          if (_async.current) clearAsync();
+        clearAsync();
+        if (e.pointerType !== "touch") {
+          onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
+          setIsDecrementPressed("mouse");
+        } else {
           addGlobalListener(window, "pointercancel", onPointerCancel, {
             capture: true
           });
           isUp.current = false;
-          _async.current = window.setTimeout(() => {
-            setIsDecrementPressed("touch");
-          }, 600);
+          setIsDecrementPressed("touch");
         }
       },
       onPressUp: (e) => {
-        if (e.pointerType === "touch") isUp.current = true;
         clearAsync();
+        if (e.pointerType === "touch") isUp.current = true;
         removeAllGlobalListeners();
         setIsDecrementPressed(null);
       },
       onPressEnd: (e) => {
+        clearAsync();
         if (e.pointerType === "touch") {
           if (!isSpinning.current && isUp.current) onDecrement === null || onDecrement === void 0 ? void 0 : onDecrement();
         }
-        clearAsync();
         isUp.current = false;
         setIsDecrementPressed(null);
       },

package/dist/{useNumberFormatter-BWOyCamK.js → useNumberFormatter-CG_IQXp9.js}

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

package/dist/{usePress-B9w0X4Ur.js → usePress-CNefMs8d.js}

@@ -1,8 +1,8 @@
-import { f as $03deb23ff14920c4$export$4eaf04e54aa8eed6, b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, k as $8a9cb279dc87e130$export$c2b7abe5d61ec696, l as $8a9cb279dc87e130$export$525bc4921d56d4a, d as $431fbd86ca7dc216$export$b204af158042fbac, y as $431fbd86ca7dc216$export$f21a1ffae260145a, j as $d4ee10de306f2510$export$4282f70798064fe0, i as $d4ee10de306f2510$export$e58f029f0fbfdb29, F as $6a7db85432448f7f$export$29bf1b5f2c56cf63, G as $8a9cb279dc87e130$export$cabe61c495ee3649, H as $6a7db85432448f7f$export$60278871457622de, I as $e7801be82b4b2a53$export$4debdb1a3f0fa79e, J as $ea8dcbcb9ea1b556$export$95185d699e05d4d7, A as $7215afc6de606d6b$export$de79e2c695e052f3, D as $c87311424ea30a05$export$9ac100e40613ea10 } from "./useHover-CG39Ci3A.js";
-import { $ as $14c0b72509d70225$export$b0d6fa1ab32e3295, a as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-Cq_Br7RW.js";
+import { f as $03deb23ff14920c4$export$4eaf04e54aa8eed6, b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, k as $8a9cb279dc87e130$export$c2b7abe5d61ec696, l as $8a9cb279dc87e130$export$525bc4921d56d4a, d as $431fbd86ca7dc216$export$b204af158042fbac, y as $431fbd86ca7dc216$export$f21a1ffae260145a, g as $d4ee10de306f2510$export$4282f70798064fe0, j as $d4ee10de306f2510$export$e58f029f0fbfdb29, F as $6a7db85432448f7f$export$29bf1b5f2c56cf63, G as $8a9cb279dc87e130$export$cabe61c495ee3649, H as $6a7db85432448f7f$export$60278871457622de, I as $e7801be82b4b2a53$export$4debdb1a3f0fa79e, J as $ea8dcbcb9ea1b556$export$95185d699e05d4d7, A as $7215afc6de606d6b$export$de79e2c695e052f3, D as $c87311424ea30a05$export$9ac100e40613ea10 } from "./useHover-CmyvqeWX.js";
+import { $ as $14c0b72509d70225$export$b0d6fa1ab32e3295, a as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-CeoEP4rL.js";
 import $dbSRa$react__default, { useState, useRef, useCallback, useMemo, useEffect, useContext } from "react";
-import { b as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, n as $ff5963eb1fccf552$export$e08e3b67e392101e, a as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-HC9_3Crc.js";
-import { r as reactDomExports } from "./index-sSixe2j_.js";
+import { c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, o as $ff5963eb1fccf552$export$e08e3b67e392101e, b as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-Cr3pLd9c.js";
+import { r as reactDomExports } from "./index-BL5gdWX4.js";
 function _check_private_redeclaration(obj, privateCollection) {
   if (privateCollection.has(obj)) {
     throw new TypeError("Cannot initialize the same private elements twice on an object");
@@ -46,7 +46,7 @@ function _class_private_field_set(receiver, privateMap, value) {
 function $f6c31cce2adf654f$var$usePressResponderContext(props) {
   let context = useContext($ae1eeba8b9eafd08$export$5165eccb35aaadb5);
   if (context) {
-    let { register, ...contextProps } = context;
+    let { register, ref, ...contextProps } = context;
     props = $3ef42575df84b30b$export$9d1611c77c2fe928(contextProps, props);
     register();
   }
@@ -94,6 +94,7 @@ class $f6c31cce2adf654f$var$PressEvent {
     this.altKey = originalEvent.altKey;
     this.x = x;
     this.y = y;
+    this.key = originalEvent.key;
   }
 }
 const $f6c31cce2adf654f$var$LINK_CLICKED = /* @__PURE__ */ Symbol("linkClicked");
@@ -305,7 +306,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
           state.ignoreEmulatedMouseEvents = false;
           return;
         }
-        if (state.target && state.target.contains(e.target) && state.pointerType != null) ;
+        if (state.target && $d4ee10de306f2510$export$4282f70798064fe0(state.target, e.target) && state.pointerType != null) ;
         else cancelEvent(e);
         state.isOverTarget = false;
       };
@@ -395,7 +396,11 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
           if (!allowTextSelectionOnPress) $14c0b72509d70225$export$16a4697467175487(state.target);
           shouldStopPropagation = triggerPressStart(e, state.pointerType);
           let target = $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent);
-          if ("releasePointerCapture" in target) target.releasePointerCapture(e.pointerId);
+          if ("releasePointerCapture" in target) {
+            if ("hasPointerCapture" in target) {
+              if (target.hasPointerCapture(e.pointerId)) target.releasePointerCapture(e.pointerId);
+            } else target.releasePointerCapture(e.pointerId);
+          }
         }
         if (shouldStopPropagation) e.stopPropagation();
       };
@@ -638,7 +643,8 @@ function $f6c31cce2adf654f$var$createEvent(target, e) {
     metaKey: e.metaKey,
     altKey: e.altKey,
     clientX,
-    clientY
+    clientY,
+    key: e.key
   };
 }
 function $f6c31cce2adf654f$var$getPointClientRect(point) {

package/dist/{useSingleSelectListState-D9SqGLJ0.js → useSingleSelectListState-CDZGQDLC.js}

@@ -1,5 +1,5 @@
-import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-Bya9g7W8.js";
-import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-CG39Ci3A.js";
+import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-B22CApJO.js";
+import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-CmyvqeWX.js";
 import { useMemo } from "react";
 function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {
   var _props_defaultSelectedKey;

package/dist/{useToggle-Deq2xxQV.js → useToggle-CFFOmZWi.js}

@@ -1,8 +1,8 @@
-import { a as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-HC9_3Crc.js";
+import { b as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-Cr3pLd9c.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BDF1K4E4.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-B9w0X4Ur.js";
-import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-CG39Ci3A.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-BxtOoO5Q.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-CNefMs8d.js";
+import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-CmyvqeWX.js";
 function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
   let { isDisabled = false, isReadOnly = false, value, name, form, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, validationState = "valid", isInvalid, onPressStart, onPressEnd, onPressChange, onPress, onPressUp, onClick } = props;
   let onChange = (e) => {

package/dist/{useToggleState-j3o1PvdS.js → useToggleState-BWrKKisg.js}

@@ -1,4 +1,4 @@
-import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-CG39Ci3A.js";
+import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-CmyvqeWX.js";
 import { useState } from "react";
 function $3017fa7ffdddec74$export$8042c6c013fd5226(props = {}) {
   let { isReadOnly } = props;

package/dist/utilities/general.js

@@ -1,5 +1,5 @@
 import "./hash.js";
-import { b, c, a, d, g, i } from "../general-C8Q0dvEx.js";
+import { b, c, a, d, g, i } from "../general-BfKmjm56.js";
 export {
   b as analyzeImage,
   c as analyzeImageAsync,

package/dist/utilities/index.js

@@ -2,7 +2,7 @@ import { arrayMoveMultiple, fixIds } from "./array-helpers.js";
 import { camelCase, has, isEmpty, isEqual, isObject, isPlainObject, isString, kebabCase, lowerFirst, pascalCase, snakeCase, upperFirst } from "./es-dash.js";
 import { truncate, truncateEnd, truncateMiddle, unescapeHTML } from "./text-helpers.js";
 import { debounce, throttle } from "./debounce-throttle.js";
-import { b, c, a, d, g, i } from "../general-C8Q0dvEx.js";
+import { b, c, a, d, g, i } from "../general-BfKmjm56.js";
 import { c as c2 } from "../clsx-DgYk2OaC.js";
 import { cyrb64Hash, randomId, simpleHash } from "./hash.js";
 function clsx() {

package/dist/{utils-HC9_3Crc.js → utils-Cr3pLd9c.js}

@@ -1,4 +1,4 @@
-import $dbSRa$react__default, { useState, useRef, useCallback, useContext, useEffect, useMemo } from "react";
+import $dbSRa$react__default, { useState, useRef, useCallback, useContext, useEffect, useMemo, forwardRef } from "react";
 import { c as clsx } from "./clsx-DgYk2OaC.js";
 const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== "undefined" ? $dbSRa$react__default.useLayoutEffect : () => {
 };
@@ -164,26 +164,6 @@ function $ff5963eb1fccf552$export$e08e3b67e392101e(...callbacks) {
     for (let callback of callbacks) if (typeof callback === "function") callback(...args);
   };
 }
-function $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {
-  let result = {
-    ...args[0]
-  };
-  for (let i = 1; i < args.length; i++) {
-    let props = args[i];
-    for (let key in props) {
-      let a = result[key];
-      let b = props[key];
-      if (typeof a === "function" && typeof b === "function" && // This is a lot faster than a regex.
-      key[0] === "o" && key[1] === "n" && key.charCodeAt(2) >= /* 'A' */
-      65 && key.charCodeAt(2) <= /* 'Z' */
-      90) result[key] = $ff5963eb1fccf552$export$e08e3b67e392101e(a, b);
-      else if ((key === "className" || key === "UNSAFE_className") && typeof a === "string" && typeof b === "string") result[key] = clsx(a, b);
-      else if (key === "id" && a && b) result.id = $bdb11010cef70236$export$cd8c9cb68f842629(a, b);
-      else result[key] = b !== void 0 ? b : a;
-    }
-  }
-  return result;
-}
 function $5dc95899b306f630$export$c9058316764c140e(...refs) {
   if (refs.length === 1 && refs[0]) return refs[0];
   return (value) => {
@@ -205,6 +185,27 @@ function $5dc95899b306f630$var$setRef(ref, value) {
   if (typeof ref === "function") return ref(value);
   else if (ref != null) ref.current = value;
 }
+function $3ef42575df84b30b$export$9d1611c77c2fe928(...args) {
+  let result = {
+    ...args[0]
+  };
+  for (let i = 1; i < args.length; i++) {
+    let props = args[i];
+    for (let key in props) {
+      let a = result[key];
+      let b = props[key];
+      if (typeof a === "function" && typeof b === "function" && // This is a lot faster than a regex.
+      key[0] === "o" && key[1] === "n" && key.charCodeAt(2) >= /* 'A' */
+      65 && key.charCodeAt(2) <= /* 'Z' */
+      90) result[key] = $ff5963eb1fccf552$export$e08e3b67e392101e(a, b);
+      else if ((key === "className" || key === "UNSAFE_className") && typeof a === "string" && typeof b === "string") result[key] = clsx(a, b);
+      else if (key === "id" && a && b) result.id = $bdb11010cef70236$export$cd8c9cb68f842629(a, b);
+      else if (key === "ref" && a && b) result.ref = $5dc95899b306f630$export$c9058316764c140e(a, b);
+      else result[key] = b !== void 0 ? b : a;
+    }
+  }
+  return result;
+}
 function $df56164dff5785e2$export$4338b53315abf666(ref) {
   const objRef = useRef(null);
   const cleanupRef = useRef(void 0);
@@ -250,7 +251,7 @@ function $64fa3d84918910a7$export$2881499e37b75b9a({ values, children }) {
   return children;
 }
 function $64fa3d84918910a7$export$4d86445c2cf5e3(props) {
-  let { className, style, children, defaultClassName, defaultChildren, defaultStyle, values } = props;
+  let { className, style, children, defaultClassName, defaultChildren, defaultStyle, values, render } = props;
   return useMemo(() => {
     let computedClassName;
     let computedStyle;
@@ -278,7 +279,8 @@ function $64fa3d84918910a7$export$4d86445c2cf5e3(props) {
         ...computedStyle
       } : void 0,
       children: computedChildren !== null && computedChildren !== void 0 ? computedChildren : defaultChildren,
-      "data-rac": ""
+      "data-rac": "",
+      render: render ? (props2) => render(props2, values) : void 0
     };
   }, [
     className,
@@ -287,7 +289,8 @@ function $64fa3d84918910a7$export$4d86445c2cf5e3(props) {
     defaultClassName,
     defaultChildren,
     defaultStyle,
-    values
+    values,
+    render
   ]);
 }
 function $64fa3d84918910a7$export$fabf2dc03a41866e(context, slot) {
@@ -362,20 +365,56 @@ function $64fa3d84918910a7$export$ef03459518577ad4(props) {
   for (const prop in props) if (!prefix.test(prop)) filteredProps[prop] = props[prop];
   return filteredProps;
 }
+function $64fa3d84918910a7$var$DOMElement(ElementType, props, forwardedRef) {
+  let { render, ...otherProps } = props;
+  let elementRef = useRef(null);
+  let ref = useMemo(() => $5dc95899b306f630$export$c9058316764c140e(forwardedRef, elementRef), [
+    forwardedRef,
+    elementRef
+  ]);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (process.env.NODE_ENV !== "production" && render) {
+      if (!elementRef.current) console.warn("Ref was not connected to DOM element returned by custom `render` function. Did you forget to pass through or merge the `ref`?");
+      else if (elementRef.current.localName !== ElementType) console.warn(`Unexpected DOM element returned by custom \`render\` function. Expected <${ElementType}>, got <${elementRef.current.localName}>. This may break the component behavior and accessibility.`);
+    }
+  }, [
+    ElementType,
+    render
+  ]);
+  let domProps = {
+    ...otherProps,
+    ref
+  };
+  if (render) return render(domProps, void 0);
+  return /* @__PURE__ */ $dbSRa$react__default.createElement(ElementType, domProps);
+}
+const $64fa3d84918910a7$var$domComponentCache = {};
+const $64fa3d84918910a7$export$df3a06d6289f983e = new Proxy({}, {
+  get(target, elementType) {
+    if (typeof elementType !== "string") return void 0;
+    let res = $64fa3d84918910a7$var$domComponentCache[elementType];
+    if (!res) {
+      res = /* @__PURE__ */ forwardRef($64fa3d84918910a7$var$DOMElement.bind(null, elementType));
+      $64fa3d84918910a7$var$domComponentCache[elementType] = res;
+    }
+    return res;
+  }
+});
 export {
   $64fa3d84918910a7$export$29f1550f4b0d4415 as $,
-  $3ef42575df84b30b$export$9d1611c77c2fe928 as a,
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as b,
-  $bdb11010cef70236$export$f680877a34711e37 as c,
-  $64fa3d84918910a7$export$fabf2dc03a41866e as d,
-  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as e,
-  $64fa3d84918910a7$export$ef03459518577ad4 as f,
-  $64fa3d84918910a7$export$4d86445c2cf5e3 as g,
-  $64fa3d84918910a7$export$2881499e37b75b9a as h,
-  $bdb11010cef70236$export$b4cc09c592e8fdb8 as i,
-  $df56164dff5785e2$export$4338b53315abf666 as j,
-  $5dc95899b306f630$export$c9058316764c140e as k,
-  $b5e257d569688ac6$export$535bd6ca7f90a273 as l,
-  $64fa3d84918910a7$export$c62b8e45d58ddad9 as m,
-  $ff5963eb1fccf552$export$e08e3b67e392101e as n
+  $64fa3d84918910a7$export$df3a06d6289f983e as a,
+  $3ef42575df84b30b$export$9d1611c77c2fe928 as b,
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c as c,
+  $bdb11010cef70236$export$f680877a34711e37 as d,
+  $64fa3d84918910a7$export$fabf2dc03a41866e as e,
+  $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 as f,
+  $64fa3d84918910a7$export$ef03459518577ad4 as g,
+  $64fa3d84918910a7$export$4d86445c2cf5e3 as h,
+  $64fa3d84918910a7$export$2881499e37b75b9a as i,
+  $bdb11010cef70236$export$b4cc09c592e8fdb8 as j,
+  $df56164dff5785e2$export$4338b53315abf666 as k,
+  $5dc95899b306f630$export$c9058316764c140e as l,
+  $b5e257d569688ac6$export$535bd6ca7f90a273 as m,
+  $64fa3d84918910a7$export$c62b8e45d58ddad9 as n,
+  $ff5963eb1fccf552$export$e08e3b67e392101e as o
 };

package/dist/workers/image-analysis.worker.js

@@ -1,4 +1,4 @@
-import { f as floatBufferFromCanvas, a as analyzeImageData, F as FLOAT_RGBA } from "../general-C8Q0dvEx.js";
+import { f as floatBufferFromCanvas, a as analyzeImageData, F as FLOAT_RGBA } from "../general-BfKmjm56.js";
 self.onmessage = async (event) => {
   const { imageBitmap, settings } = event.data;
   try {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@eightshift/ui-components",
-	"version": "6.0.13",
+	"version": "6.1.1",
 	"type": "module",
 	"main": "./dist/index.js",
 	"module": "./dist/index.js",
@@ -48,25 +48,25 @@
 		"react-dom": "^18.3.1"
 	},
 	"devDependencies": {
-		"@adobe/react-spectrum": "^3.46.0",
+		"@adobe/react-spectrum": "^3.46.1",
 		"@atom-universe/use-web-worker": "^2.2.1",
-		"@dnd-kit/abstract": "^0.2.3",
-		"@dnd-kit/dom": "^0.2.3",
-		"@dnd-kit/helpers": "^0.2.3",
-		"@dnd-kit/react": "^0.2.3",
-		"@eslint/compat": "^2.0.1",
-		"@react-stately/collections": "^3.12.8",
+		"@dnd-kit/abstract": "^0.2.4",
+		"@dnd-kit/dom": "^0.2.4",
+		"@dnd-kit/helpers": "^0.2.4",
+		"@dnd-kit/react": "^0.2.4",
+		"@eslint/compat": "^2.0.2",
+		"@react-stately/collections": "^3.12.9",
 		"@stylistic/eslint-plugin-js": "^4.4.1",
 		"@tailwindcss/vite": "^4.1.18",
 		"@thi.ng/color": "^5.8.9",
 		"@thi.ng/pixel": "^7.5.22",
 		"@thi.ng/pixel-analysis": "^2.0.24",
 		"@thi.ng/pixel-dominant-colors": "^2.0.28",
-		"@types/react": "^18.3.27",
+		"@types/react": "^18.3.28",
 		"@types/react-dom": "^18.3.7",
-		"@vitejs/plugin-react-swc": "^4.2.2",
-		"@wordpress/i18n": "^6.11.0",
-		"autoprefixer": "^10.4.23",
+		"@vitejs/plugin-react-swc": "^4.2.3",
+		"@wordpress/i18n": "^6.12.0",
+		"autoprefixer": "^10.4.24",
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
 		"css-gradient-parser": "^0.0.18",
@@ -74,7 +74,7 @@
 		"eslint-config-prettier": "^10.1.8",
 		"eslint-plugin-jsdoc": "^61.7.1",
 		"eslint-plugin-prettier": "^5.5.5",
-		"glob": "^13.0.0",
+		"glob": "^13.0.1",
 		"globals": "^16.5.0",
 		"just-camel-case": "^6.2.0",
 		"just-debounce-it": "^3.2.0",
@@ -87,12 +87,12 @@
 		"prettier": "^3.8.1",
 		"prettier-plugin-tailwindcss": "^0.7.2",
 		"react": "^18.3.1",
-		"react-aria": "^3.45.0",
-		"react-aria-components": "^1.14.0",
+		"react-aria": "^3.46.0",
+		"react-aria-components": "^1.15.0",
 		"react-dom": "^18.3.1",
 		"react-jsx-parser": "^2.4.1",
 		"react-movable": "^3.4.1",
-		"react-stately": "^3.43.0",
+		"react-stately": "^3.44.0",
 		"svg-to-jsx-string": "^0.1.1",
 		"tailwindcss": "^4.1.18",
 		"tailwindcss-motion": "^1.1.1",
@@ -103,6 +103,6 @@
 	"dependencies": {
 		"@fontsource-variable/geist-mono": "^5.2.7",
 		"@fontsource-variable/roboto-flex": "^5.2.8",
-		"motion": "^12.29.2"
+		"motion": "^12.31.2"
 	}
 }