@eightshift/ui-components 5.3.2 → 5.4.0

package/dist/components/toggle-button/toggle-button.js

@@ -1,11 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { p as $ff5963eb1fccf552$export$e08e3b67e392101e, b as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-cvK1vxO7.js";
+import { $ as $1d5b8b8664671ef2$export$c9549807523555e0 } from "../../SelectionIndicator-D7WMzeAW.js";
 import React__default, { createContext, forwardRef, useContext } from "react";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-CiAradXs.js";
-import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../../useButton-Bn4ZT295.js";
-import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-CUxgjvAY.js";
-import { w as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-LmGemtHE.js";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-CzN79ary.js";
+import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../../useButton-v9ngEj50.js";
+import { a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-Cgm0R4Cf.js";
+import { w as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-BRDW3y7-.js";
 import { c as cva } from "../../index-Dq3gT5pW.js";
 import { Tooltip } from "../tooltip/tooltip.js";
 function $55f54f7887471b58$export$51e84d46ca0bc451(props, state, ref) {
@@ -100,7 +101,11 @@ const $efde0372d7a700fe$export$d2b052e7b4be1756 = /* @__PURE__ */ forwardRef(fun
     "data-selected": isSelected || void 0,
     "data-hovered": isHovered || void 0,
     "data-focus-visible": isFocusVisible || void 0
-  });
+  }, /* @__PURE__ */ React__default.createElement($1d5b8b8664671ef2$export$c9549807523555e0.Provider, {
+    value: {
+      isSelected
+    }
+  }, renderProps.children));
 });
 /**
  * @typedef {import('../tooltip/tooltip').TooltipProps} TooltipProps
@@ -178,8 +183,10 @@ const ToggleButton2 = (props) => {
       "es:btn-group-mid:rounded-none",
       "es:btn-group-h-start:rounded-r-none es:btn-group-v-start:rounded-b-none",
       "es:btn-group-h-end:rounded-l-none es:btn-group-v-end:rounded-t-none",
-      "es:enabled:hover:shadow-md es:enabled:active:shadow-sm es:enabled:pressed:shadow-sm",
-      "es:cursor-pointer",
+      "es:enabled:not-pending:cursor-pointer",
+      "es:shrink-0",
+      "es:pending:shadow-none! es:pending:cursor-wait",
+      "es:bg-radial-[at_50%_125%]",
       icon && children ? "es:justify-start" : "es:justify-center",
       className
     ],
@@ -189,10 +196,6 @@ const ToggleButton2 = (props) => {
           small: "es:icon:size-5 es:rounded-7",
           default: "es:icon:size-5 es:rounded-10",
           large: "es:icon:size-6 es:rounded-xl"
-        },
-        type: {
-          default: ["es:bg-radial-[at_50%_125%]", "es:inset-ring es:inset-shadow-xs"],
-          ghost: ["es:border-transparent es:text-secondary-700", "es:hover:bg-secondary-100", "es:disabled:border-transparent!"]
         }
       },
       compoundVariants: [
@@ -202,22 +205,22 @@ const ToggleButton2 = (props) => {
           selected: false,
           class: [
             "es:text-black",
-            "es:from-secondary-50 es:to-white",
+            "es:from-white es:to-secondary-50",
             "es:border-secondary-300",
-            "es:inset-ring-secondary-100",
-            "es:inset-shadow-secondary-100/50",
+            "es:inset-ring es:inset-ring-secondary-100",
+            "es:inset-shadow-xs es:inset-shadow-secondary-100/50",
             "es:shadow-sm",
-            "es:hover:inset-shadow-secondary-100 es:hover:to-secondary-100 es:hover:inset-ring-secondary-100",
+            "es:enabled:hover:shadow-md es:enabled:active:shadow-sm es:enabled:pressed:shadow-sm es:hover:inset-shadow-secondary-100 es:hover:to-secondary-100 es:hover:inset-ring-secondary-100",
             "es:hover:text-accent-950",
             "es:focus-visible:text-accent-950"
           ]
         },
         {
-          type: "default",
+          type: ["default", "ghost"],
           disabled: false,
           selected: true,
           class: [
-            "es:text-white es:accent-text-shadow",
+            "es:text-white",
             "es:from-accent-500 es:to-accent-600",
             "es:border-accent-700",
             "es:inset-ring es:inset-ring-accent-600",
@@ -225,18 +228,25 @@ const ToggleButton2 = (props) => {
             "es:focus-visible:border-accent-700",
             "es:focus-visible:inset-ring es:focus-visible:inset-ring-accent-600",
             "es:focus-visible:inset-shadow-xs es:focus-visible:inset-shadow-accent-400",
-            "es:shadow-sm es:shadow-accent-600/30"
+            "es:shadow es:shadow-accent-600/30 es:enabled:hover:shadow-md es:enabled:active:shadow-sm es:enabled:pressed:shadow-sm"
           ]
         },
-        {
-          disabled: true,
-          class: "es:disabled:border-secondary-300 es:disabled:text-secondary-400 es:border es:shadow-none es:disabled:inset-shadow-transparent es:disabled:inset-ring-0"
-        },
         {
           type: "ghost",
           disabled: false,
-          selected: true,
-          class: ["es:bg-accent-600 es:text-white es:border-accent-600 es:shadow-sm es:shadow-accent-500/25", "es:hover:shadow-accent-600/50"]
+          selected: false,
+          class: [
+            "es:border-accent-500/0 es:text-secondary-700",
+            "es:hover:bg-accent-500/10 es:hover:text-accent-700",
+            "es:active:bg-accent-50 es:pressed:bg-accent-50 es:active:text-accent-950 es:pressed:text-accent-950",
+            "es:focus-visible:text-accent-700",
+            "es:inset-ring es:inset-ring-accent-600/0",
+            "es:inset-shadow-xs es:inset-shadow-accent-400/0"
+          ]
+        },
+        {
+          disabled: true,
+          class: "es:disabled:border-zinc-300 es:disabled:text-zinc-400 es:border es:shadow-none es:disabled:inset-shadow-transparent es:disabled:inset-ring-0"
         },
         // Sizes.
         {

package/dist/components/tooltip/tooltip.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, b as $d3f049242431219c$export$6d3443f2c48bfc20, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f, e as $44f671af83e7d9e0$export$746d02f47f4d381 } from "../../OverlayArrow-DivvkAVb.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, b as $d3f049242431219c$export$6d3443f2c48bfc20, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f, e as $44f671af83e7d9e0$export$746d02f47f4d381 } from "../../OverlayArrow-DraDOoRn.js";
 import { n as $b5e257d569688ac6$export$535bd6ca7f90a273, b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, h as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-cvK1vxO7.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-D2C6R0DK.js";
-import { w as $6179b936705e76d3$export$ae780daf29e6d456, $ as $f645667febf57a63$export$4c014de7c8940b4c, u as $507fabe10e71c6fb$export$630ff653c5ada6a9, l as $507fabe10e71c6fb$export$b9b3dfddab17db27, y as $f645667febf57a63$export$13f3202a3e5ddd5 } from "../../useHover-LmGemtHE.js";
+import { w as $6179b936705e76d3$export$ae780daf29e6d456, $ as $f645667febf57a63$export$4c014de7c8940b4c, u as $507fabe10e71c6fb$export$630ff653c5ada6a9, l as $507fabe10e71c6fb$export$b9b3dfddab17db27, y as $f645667febf57a63$export$13f3202a3e5ddd5 } from "../../useHover-BRDW3y7-.js";
 import React__default, { useContext, useState, useMemo, useRef, useEffect, forwardRef, createContext } from "react";
 import { a as $96b38030c423d352$export$9fc1347d4195ccb3 } from "../../PortalProvider---wyKpMr.js";
 import { $ as $dbSRa$reactdom } from "../../index-D8-Zjpbd.js";

package/dist/icons/icons.js

@@ -3349,6 +3349,33 @@ const icons = {
     /* @__PURE__ */ jsx("path", { opacity: "0.6", d: "M3.439 17.562a.562.562 0 0 0 .793-.794.561.561 0 0 0-.794.793v.001Z", fill: "currentColor" }),
     /* @__PURE__ */ jsx("path", { d: "M5.077 18.657a.561.561 0 1 0-.002 0h.002Z", fill: "currentColor" }),
     /* @__PURE__ */ jsx("path", { d: "M6.5 12v2.25c0 .138.112.25.25.25H8.5", stroke: "currentColor", strokeLinecap: "round", fill: "none" })
+  ] }),
+  folderSolid: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 21 20", width: "21", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M17.5 5a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-14a2 2 0 0 1-1.99-1.796L1.5 15V8h5.8a.501.501 0 0 0 .298-.099l2.7-2-.008-.01L11.484 5H17.5ZM6.805 3a2 2 0 0 1 1.19.393l1.993 1.476L7.135 7H1.5V5a2 2 0 0 1 2-2h3.305Z", fill: "currentColor" }) }),
+  folderOpenSolid: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 21 20", width: "21", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M19.27 8c.256.44.348.979.2 1.522l-1.623 6A2 2 0 0 1 15.916 17H3.5c-.207 0-.407-.033-.595-.092l.076-.277 2.196-7.899A1 1 0 0 1 6.14 8h13.13ZM6.4 3c.513 0 1.008.197 1.38.55l1.234 1.175c.186.176.433.275.69.275H15.5a2 2 0 0 1 2 2H6.14a2 2 0 0 0-1.927 1.465l-2.194 7.901.004-.021A1.99 1.99 0 0 1 1.5 15V5a2 2 0 0 1 2-2h2.9Z", fill: "currentColor" }) }),
+  plusSquare: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [
+    /* @__PURE__ */ jsx("rect", { x: "1.5", y: "1.5", width: "17", height: "17", rx: "2", stroke: "currentColor", fill: "none" }),
+    /* @__PURE__ */ jsx("path", { d: "M5.5 10H10m0 0h4.5M10 10V5.5m0 4.5v4.5", stroke: "currentColor", strokeLinecap: "round", fill: "none" })
+  ] }),
+  plusSquareFill: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M16.5 19a2.5 2.5 0 0 0 2.5-2.5v-13A2.5 2.5 0 0 0 16.5 1h-13A2.5 2.5 0 0 0 1 3.5v13A2.5 2.5 0 0 0 3.5 19h13ZM10 15a.5.5 0 0 1-.5-.5v-4h-4a.5.5 0 0 1 0-1h4v-4a.5.5 0 0 1 1 0v4h4a.5.5 0 0 1 0 1h-4v4a.5.5 0 0 1-.5.5Z", fill: "currentColor" }) }),
+  plusSquareFillTransparent: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
+    /* @__PURE__ */ jsx("rect", { x: "1", y: "1", width: "18", height: "18", rx: "2.5", fill: "currentColor", fillOpacity: "0.12" }),
+    /* @__PURE__ */ jsx("path", { d: "M5.5 10H10m0 0h4.5M10 10V5.5m0 4.5v4.5", stroke: "currentColor", strokeLinecap: "round", fill: "none" })
+  ] }),
+  sortGeneric: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
+    /* @__PURE__ */ jsx("path", { d: "m1 14 4.5 4.52m0 0L10 14m-4.5 4.52V3", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }),
+    /* @__PURE__ */ jsx("path", { d: "M9 3.5h10m-10 3h8m-8 3h6", stroke: "currentColor", strokeLinecap: "round", fill: "none" })
+  ] }),
+  musicNote: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
+    /* @__PURE__ */ jsx("ellipse", { cx: "5", cy: "17", rx: "2.5", ry: "2", fill: "currentColor", stroke: "currentColor" }),
+    /* @__PURE__ */ jsx("ellipse", { cx: "16", cy: "14", rx: "2.5", ry: "2", fill: "currentColor", stroke: "currentColor" }),
+    /* @__PURE__ */ jsx("path", { d: "M18.5 2.698V4l-11 2V4.335a1 1 0 0 1 .821-.984l9-1.637a1 1 0 0 1 1.179.984Z", fill: "currentColor" }),
+    /* @__PURE__ */ jsx("path", { d: "M18.5 14V2.698a1 1 0 0 0-1.179-.984l-9 1.637a1 1 0 0 0-.821.984V17.25M18.5 4l-11 2", stroke: "currentColor", fill: "none" })
+  ] }),
+  wordpress: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M17.1 6.118A8.052 8.052 0 0 1 18.091 10a8.087 8.087 0 0 1-4.023 6.994l2.472-7.146c.461-1.154.615-2.077.615-2.898 0-.298-.02-.575-.055-.832Zm-5.985.088c.487-.026.926-.077.926-.077.436-.052.385-.692-.051-.667 0 0-1.311.103-2.157.103-.795 0-2.131-.103-2.131-.103-.437-.025-.488.641-.052.667 0 0 .413.051.85.077L9.76 9.66l-1.771 5.31-2.947-8.764c.488-.026.926-.077.926-.077.436-.052.385-.692-.051-.667 0 0-1.31.103-2.157.103-.152 0-.33-.004-.52-.01A8.082 8.082 0 0 1 10 1.908c2.106 0 4.024.806 5.464 2.125-.035-.003-.069-.007-.105-.007-.794 0-1.358.692-1.358 1.436 0 .667.384 1.231.794 1.898.308.539.668 1.231.668 2.232 0 .692-.267 1.496-.616 2.615l-.808 2.697-2.924-8.698ZM10 18.092a8.09 8.09 0 0 1-2.286-.33l2.428-7.055 2.487 6.815a.76.76 0 0 0 .058.111 8.074 8.074 0 0 1-2.687.459ZM1.908 10a8.06 8.06 0 0 1 .701-3.293l3.86 10.575A8.092 8.092 0 0 1 1.909 10ZM10 1c-4.963 0-9 4.037-9 9 0 4.962 4.037 9 9 9s9-4.038 9-9c0-4.963-4.037-9-9-9Z", fill: "currentColor" }) }),
+  filePdf: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", width: "20", height: "20", fill: "none", children: [
+    /* @__PURE__ */ jsx("path", { d: "m9.5.5 5 5H10a.5.5 0 0 1-.5-.5V.5Z", fill: "currentColor", fillOpacity: "0.3" }),
+    /* @__PURE__ */ jsx("path", { d: "m14.5 5.5-5-5m5 5H10a.5.5 0 0 1-.5-.5V.5m5 5v2m-5-7H2A1.5 1.5 0 0 0 .5 2v16A1.5 1.5 0 0 0 2 19.5h11a1.5 1.5 0 0 0 1.5-1.5v-.5", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" }),
+    /* @__PURE__ */ jsx("path", { d: "M11.236 15.5H9.499v-6h1.737s2.316 0 2.316 2.842v.316c0 2.842-2.316 2.842-2.316 2.842Zm4.263 0v-3m3.184-3H15.5v3m0 0h3.04m-15.04 3v-3m0 0v-3h1.882c.434 0 2.119 0 2.118 1.5-.001 1.5-1.566 1.5-2 1.5h-2Z", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })
   ] })
 };
 const blockIcons = {

package/dist/index.js

@@ -14,6 +14,7 @@ import { DraggableContext } from "./components/draggable/draggable-context.js";
 import { Draggable } from "./components/draggable/draggable.js";
 import { DraggableHandle } from "./components/draggable/draggable-handle.js";
 import { Expandable } from "./components/expandable/expandable.js";
+import { FilePickerShell } from "./components/placeholders/file-picker-shell.js";
 import { FilePlaceholder } from "./components/placeholders/file-placeholder.js";
 import { GradientEditor } from "./components/color-pickers/gradient-editor.js";
 import { HStack } from "./components/layout/hstack.js";
@@ -82,6 +83,7 @@ export {
   DraggableListItem,
   DraggableListItemHandle,
   Expandable,
+  FilePickerShell,
   FilePlaceholder,
   GradientEditor,
   HStack,

package/dist/{textSelection-k0u64dDA.js → textSelection-DbCKqaw8.js}

@@ -1,4 +1,4 @@
-import { b as $c87311424ea30a05$export$fedb369cb70207f1, c as $431fbd86ca7dc216$export$b204af158042fbac, d as $bbed8b41f857bcc0$export$24490316f764c430 } from "./useHover-LmGemtHE.js";
+import { b as $c87311424ea30a05$export$fedb369cb70207f1, c as $431fbd86ca7dc216$export$b204af158042fbac, d as $bbed8b41f857bcc0$export$24490316f764c430 } from "./useHover-BRDW3y7-.js";
 let $14c0b72509d70225$var$state = "default";
 let $14c0b72509d70225$var$savedUserSelect = "";
 let $14c0b72509d70225$var$modifiedElementMap = /* @__PURE__ */ new WeakMap();

package/dist/{useButton-Bn4ZT295.js → useButton-v9ngEj50.js}

@@ -1,7 +1,7 @@
 import { b as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-cvK1vxO7.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-CBQIDzpQ.js";
-import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-LmGemtHE.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-DJskZBH9.js";
+import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-BRDW3y7-.js";
 function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
   let { elementType = "button", isDisabled, onPress, onPressStart, onPressEnd, onPressUp, onPressChange, preventFocusOnPress, allowFocusWhenDisabled, onClick, href, target, rel, type = "button" } = props;
   let additionalProps;

package/dist/{useDragAndDrop-DVLrIdEn.js → useDragAndDrop-C08ZXv4F.js}

@@ -1,9 +1,9 @@
-import { L as $507fabe10e71c6fb$export$98e20ec92f614cfe, u as $507fabe10e71c6fb$export$630ff653c5ada6a9, H as $6a7db85432448f7f$export$60278871457622de, F as $6a7db85432448f7f$export$29bf1b5f2c56cf63, e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, B as $c87311424ea30a05$export$9ac100e40613ea10, E as $c87311424ea30a05$export$7bef049ce92e4224, C as $c87311424ea30a05$export$78551043582a6a98, b as $c87311424ea30a05$export$fedb369cb70207f1, v as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./useHover-LmGemtHE.js";
-import { c as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-npzfSoYo.js";
-import { k as $5e3802645cc19319$export$1c3ebcada18427bf } from "./Dialog-CQ8H6Noi.js";
+import { L as $507fabe10e71c6fb$export$98e20ec92f614cfe, u as $507fabe10e71c6fb$export$630ff653c5ada6a9, H as $6a7db85432448f7f$export$60278871457622de, F as $6a7db85432448f7f$export$29bf1b5f2c56cf63, e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, B as $c87311424ea30a05$export$9ac100e40613ea10, E as $c87311424ea30a05$export$7bef049ce92e4224, C as $c87311424ea30a05$export$78551043582a6a98, b as $c87311424ea30a05$export$fedb369cb70207f1, v as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./useHover-BRDW3y7-.js";
+import { c as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-CQ5ZZJ2w.js";
+import { k as $5e3802645cc19319$export$1c3ebcada18427bf } from "./Dialog-BMgMUQuN.js";
 import React__default, { useState, useEffect, useRef, version, useCallback, useImperativeHandle, useMemo } from "react";
-import { u as $ef06256079686ba0$export$f8aeda7b10753fa1, q as $c5a24bc478652b5f$export$1005530eda016c13, o as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "./SelectionManager-CabSdgMq.js";
-import { c as $62d8ded9296f3872$export$cfa2225e87938781 } from "./Separator-BPvqJny4.js";
+import { v as $ef06256079686ba0$export$f8aeda7b10753fa1, r as $c5a24bc478652b5f$export$1005530eda016c13, d as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "./SelectionManager-B6-b5NM2.js";
+import { c as $62d8ded9296f3872$export$cfa2225e87938781 } from "./Separator-B-xeqOkC.js";
 import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-eaZiN2tE.js";
 import { e as $8ae05eaa5c114e9c$export$7f54fc3180508a52, k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, d as $bdb11010cef70236$export$f680877a34711e37, b as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-cvK1vxO7.js";
 import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-DMOmz986.js";

package/dist/{useFilter-C4wo8Iii.js → useFilter-BlkUH1Ma.js}

@@ -1,4 +1,4 @@
-import { b as $325a3faab7a68acd$export$a16aca283550c30d } from "./Separator-BPvqJny4.js";
+import { b as $325a3faab7a68acd$export$a16aca283550c30d } from "./Separator-B-xeqOkC.js";
 import { useCallback, useMemo } from "react";
 function $bb77f239b46e8c72$export$3274cf84b703fff(options) {
   let collator = $325a3faab7a68acd$export$a16aca283550c30d({

package/dist/{useFocusRing-CUxgjvAY.js → useFocusRing-Cgm0R4Cf.js}

@@ -1,4 +1,4 @@
-import { e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, f as $8a9cb279dc87e130$export$715c682d09d639cc, c as $431fbd86ca7dc216$export$b204af158042fbac, g as $d4ee10de306f2510$export$cd4e5573fbe2b576, h as $d4ee10de306f2510$export$e58f029f0fbfdb29, i as $d4ee10de306f2510$export$4282f70798064fe0, j as $8a9cb279dc87e130$export$c2b7abe5d61ec696, k as $8a9cb279dc87e130$export$525bc4921d56d4a, l as $507fabe10e71c6fb$export$b9b3dfddab17db27, m as $507fabe10e71c6fb$export$ec71b4b83ac08ec3, n as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "./useHover-LmGemtHE.js";
+import { e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, f as $8a9cb279dc87e130$export$715c682d09d639cc, c as $431fbd86ca7dc216$export$b204af158042fbac, g as $d4ee10de306f2510$export$cd4e5573fbe2b576, h as $d4ee10de306f2510$export$e58f029f0fbfdb29, i as $d4ee10de306f2510$export$4282f70798064fe0, j as $8a9cb279dc87e130$export$c2b7abe5d61ec696, k as $8a9cb279dc87e130$export$525bc4921d56d4a, l as $507fabe10e71c6fb$export$b9b3dfddab17db27, m as $507fabe10e71c6fb$export$ec71b4b83ac08ec3, n as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "./useHover-BRDW3y7-.js";
 import { useRef, useCallback, useState } from "react";
 function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
   let { isDisabled, onBlurWithin, onFocusWithin, onFocusWithinChange } = props;

package/dist/{useFormValidation-CUtZcedF.js → useFormValidation-CeNsUGWK.js}

@@ -1,5 +1,5 @@
 import { useMemo, useContext, createContext, useState, useRef, useEffect } from "react";
-import { v as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./useHover-LmGemtHE.js";
+import { v as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./useHover-BRDW3y7-.js";
 import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, e as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-cvK1vxO7.js";
 const $e5be200c675c3b3a$export$aca958c65c314e6c = {
   badInput: false,

package/dist/{useHover-LmGemtHE.js → useHover-BRDW3y7-.js}

@@ -270,7 +270,9 @@ function $7d2416ea0959daaa$var$isAttributeVisible(element, childElement) {
   !element.hasAttribute("data-react-aria-prevent-focus") && (element.nodeName === "DETAILS" && childElement && childElement.nodeName !== "SUMMARY" ? element.hasAttribute("open") : true);
 }
 function $7d2416ea0959daaa$export$e989c0fffaa6b27a(element, childElement) {
-  if ($7d2416ea0959daaa$var$supportsCheckVisibility) return element.checkVisibility() && !element.closest("[data-react-aria-prevent-focus]");
+  if ($7d2416ea0959daaa$var$supportsCheckVisibility) return element.checkVisibility({
+    visibilityProperty: true
+  }) && !element.closest("[data-react-aria-prevent-focus]");
   return element.nodeName !== "#comment" && $7d2416ea0959daaa$var$isStyleVisible(element) && $7d2416ea0959daaa$var$isAttributeVisible(element, childElement) && (!element.parentElement || $7d2416ea0959daaa$export$e989c0fffaa6b27a(element.parentElement, element));
 }
 const $b4b717babfbb907b$var$focusableElements = [

package/dist/{useListState-Xsk-aOvN.js → useListState-RdLrYsMP.js}

@@ -1,5 +1,5 @@
 import { version, useMemo, useCallback, useRef, useEffect } from "react";
-import { $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852 } from "./SelectionManager-CabSdgMq.js";
+import { $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852 } from "./SelectionManager-B6-b5NM2.js";
 function $cdc5a6778b766db2$export$a9d04c5684123369(value) {
   const pieces = version.split(".");
   const major = parseInt(pieces[0], 10);

package/dist/{useNumberField-BCjjZWaz.js → useNumberField-D16dDfYF.js}

@@ -1,17 +1,17 @@
-import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, n as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, M as $c87311424ea30a05$export$186c6964ca17d99, s as $c87311424ea30a05$export$a11b0059900ceec8, b as $c87311424ea30a05$export$fedb369cb70207f1 } from "./useHover-LmGemtHE.js";
+import { a as $458b0a5536c1a7cf$export$40bfa8c7b0832715, e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, n as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, M as $c87311424ea30a05$export$186c6964ca17d99, s as $c87311424ea30a05$export$a11b0059900ceec8, b as $c87311424ea30a05$export$fedb369cb70207f1 } from "./useHover-BRDW3y7-.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-CUtZcedF.js";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-CeNsUGWK.js";
 import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-DA8u1Ot7.js";
 import { useCallback, useEffect, useRef, useState, useMemo } from "react";
 import { e as $8ae05eaa5c114e9c$export$7f54fc3180508a52, b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, p as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-cvK1vxO7.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
 import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-yV9VVy9R.js";
-import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-CUxgjvAY.js";
+import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-Cgm0R4Cf.js";
 import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-BifIGnVS.js";
-import { d as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-ChJaTNa5.js";
+import { d as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-8yja_IHC.js";
 import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-eaZiN2tE.js";
 import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-BCmkV-7c.js";
-import { d as $319e236875307eab$export$d10ae4f68404609a, c as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-npzfSoYo.js";
+import { d as $319e236875307eab$export$d10ae4f68404609a, c as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-CQ5ZZJ2w.js";
 const $6c7bd7858deea686$var$CURRENCY_SIGN_REGEX = new RegExp("^.*\\(.*\\).*$");
 const $6c7bd7858deea686$var$NUMBERING_SYSTEMS = [
   "latn",

package/dist/{usePress-CBQIDzpQ.js → usePress-DJskZBH9.js}

@@ -1,5 +1,5 @@
-import { D as $c87311424ea30a05$export$b7d78993b74f766d, C as $c87311424ea30a05$export$78551043582a6a98, B as $c87311424ea30a05$export$9ac100e40613ea10, E as $c87311424ea30a05$export$7bef049ce92e4224, z as $7215afc6de606d6b$export$de79e2c695e052f3, e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, j as $8a9cb279dc87e130$export$c2b7abe5d61ec696, k as $8a9cb279dc87e130$export$525bc4921d56d4a, i as $d4ee10de306f2510$export$4282f70798064fe0, h as $d4ee10de306f2510$export$e58f029f0fbfdb29, F as $6a7db85432448f7f$export$29bf1b5f2c56cf63, c as $431fbd86ca7dc216$export$b204af158042fbac, G as $8a9cb279dc87e130$export$cabe61c495ee3649, H as $6a7db85432448f7f$export$60278871457622de, x as $431fbd86ca7dc216$export$f21a1ffae260145a, I as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./useHover-LmGemtHE.js";
-import { $ as $14c0b72509d70225$export$b0d6fa1ab32e3295, a as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-k0u64dDA.js";
+import { D as $c87311424ea30a05$export$b7d78993b74f766d, C as $c87311424ea30a05$export$78551043582a6a98, B as $c87311424ea30a05$export$9ac100e40613ea10, E as $c87311424ea30a05$export$7bef049ce92e4224, z as $7215afc6de606d6b$export$de79e2c695e052f3, e as $03deb23ff14920c4$export$4eaf04e54aa8eed6, j as $8a9cb279dc87e130$export$c2b7abe5d61ec696, k as $8a9cb279dc87e130$export$525bc4921d56d4a, i as $d4ee10de306f2510$export$4282f70798064fe0, h as $d4ee10de306f2510$export$e58f029f0fbfdb29, F as $6a7db85432448f7f$export$29bf1b5f2c56cf63, c as $431fbd86ca7dc216$export$b204af158042fbac, G as $8a9cb279dc87e130$export$cabe61c495ee3649, H as $6a7db85432448f7f$export$60278871457622de, x as $431fbd86ca7dc216$export$f21a1ffae260145a, I as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./useHover-BRDW3y7-.js";
+import { $ as $14c0b72509d70225$export$b0d6fa1ab32e3295, a as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-DbCKqaw8.js";
 import React__default, { useContext, createContext, useState, useRef, useMemo, useEffect } from "react";
 import { e as $8ae05eaa5c114e9c$export$7f54fc3180508a52, b as $3ef42575df84b30b$export$9d1611c77c2fe928, p as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-cvK1vxO7.js";
 import { r as reactDomExports } from "./index-D8-Zjpbd.js";
@@ -261,9 +261,11 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
     if (shouldCancelOnPointerExit) cancel(e);
   });
   let triggerClick = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
+    if (isDisabled) return;
     onClick === null || onClick === void 0 ? void 0 : onClick(e);
   });
   let triggerSyntheticClick = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e, target) => {
+    if (isDisabled) return;
     if (onClick) {
       let event = new MouseEvent("click", e);
       $8a9cb279dc87e130$export$c2b7abe5d61ec696(event, target);

package/dist/{useSingleSelectListState-DattSD7d.js → useSingleSelectListState-n0AVMr3Y.js}

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

package/dist/{useToggle-C8CedY6Z.js → useToggle-DSBDAfdw.js}

@@ -1,8 +1,8 @@
 import { b as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-cvK1vxO7.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-D2C6R0DK.js";
 import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-yV9VVy9R.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-CBQIDzpQ.js";
-import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-LmGemtHE.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-DJskZBH9.js";
+import { $ as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-BRDW3y7-.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-CiAradXs.js → useToggleState-CzN79ary.js}

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

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@eightshift/ui-components",
-	"version": "5.3.2",
+	"version": "5.4.0",
 	"type": "module",
 	"main": "./dist/index.js",
 	"module": "./dist/index.js",
@@ -43,7 +43,7 @@
 		"react-dom": "^18.3.1"
 	},
 	"devDependencies": {
-		"@adobe/react-spectrum": "^3.44.2",
+		"@adobe/react-spectrum": "^3.45.0",
 		"@dnd-kit/abstract": "^0.1.21",
 		"@dnd-kit/core": "^6.3.1",
 		"@dnd-kit/dom": "^0.1.21",
@@ -53,20 +53,20 @@
 		"@dnd-kit/sortable": "^10.0.0",
 		"@dnd-kit/utilities": "^3.2.2",
 		"@eslint/compat": "^1.4.0",
-		"@react-stately/collections": "^3.12.7",
+		"@react-stately/collections": "^3.12.8",
 		"@stylistic/eslint-plugin-js": "^4.4.1",
-		"@tailwindcss/vite": "^4.1.13",
-		"@types/react": "^18.3.24",
+		"@tailwindcss/vite": "^4.1.14",
+		"@types/react": "^18.3.26",
 		"@types/react-dom": "^18.3.7",
 		"@vitejs/plugin-react-swc": "^4.1.0",
-		"@wordpress/i18n": "^6.4.0",
+		"@wordpress/i18n": "^6.5.0",
 		"autoprefixer": "^10.4.21",
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
 		"css-gradient-parser": "^0.0.18",
-		"eslint": "^9.36.0",
+		"eslint": "^9.37.0",
 		"eslint-config-prettier": "^10.1.8",
-		"eslint-plugin-jsdoc": "^60.1.1",
+		"eslint-plugin-jsdoc": "^60.8.3",
 		"eslint-plugin-prettier": "^5.5.4",
 		"glob": "^11.0.3",
 		"globals": "^16.4.0",
@@ -76,23 +76,23 @@
 		"just-is-empty": "^3.4.1",
 		"just-kebab-case": "^4.2.0",
 		"just-throttle": "^4.2.0",
-		"lightningcss": "^1.30.1",
+		"lightningcss": "^1.30.2",
 		"postcss": "^8.5.6",
 		"prettier": "^3.6.2",
 		"prettier-plugin-tailwindcss": "^0.6.14",
 		"react": "^18.3.1",
-		"react-aria": "^3.43.2",
-		"react-aria-components": "^1.12.2",
+		"react-aria": "^3.44.0",
+		"react-aria-components": "^1.13.0",
 		"react-dom": "^18.3.1",
 		"react-jsx-parser": "^2.4.1",
 		"react-movable": "^3.4.1",
 		"react-select": "^5.10.2",
-		"react-stately": "^3.41.0",
+		"react-stately": "^3.42.0",
 		"svg-to-jsx-string": "^0.1.1",
-		"tailwindcss": "^4.1.13",
+		"tailwindcss": "^4.1.14",
 		"tailwindcss-motion": "^1.1.1",
 		"tailwindcss-react-aria-components": "^2.0.1",
-		"vite": "^7.1.7",
+		"vite": "^7.1.9",
 		"vite-plugin-lib-inject-css": "^2.2.2"
 	},
 	"dependencies": {

package/dist/context-DCAZLyDS.js

@@ -1,7 +0,0 @@
-import { createContext } from "react";
-const $8e6cc465cc68f603$export$b0d3ecf7112093a7 = /* @__PURE__ */ createContext(null);
-const $8e6cc465cc68f603$export$698f465ec27e93df = /* @__PURE__ */ createContext(null);
-export {
-  $8e6cc465cc68f603$export$698f465ec27e93df as $,
-  $8e6cc465cc68f603$export$b0d3ecf7112093a7 as a
-};