@eightshift/ui-components 5.0.2 → 5.0.4

package/dist/components/select/single-select.js

@@ -119,6 +119,7 @@ const Select = (props) => {
             DropdownIndicator: customDropdownArrow ?? CustomSelectDefaultDropdownIndicator,
             ClearIndicator: customClearIndicator ?? CustomSelectDefaultClearIndicator
           },
+          menuPlacement: "auto",
           menuPortalTarget: document.body,
           ...additionalProps
         }

package/dist/components/select/styles.js

@@ -1,6 +1,6 @@
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 const controlStyles = {
-  base: "es:border es:border-gray-300 es:rounded-lg es:bg-white es:text-sm es:transition es:group es:shadow-xs es:min-h-10! es:inset-ring es:inset-ring-secondary-100",
+  base: "es:border es:border-gray-300 es:rounded-10 es:bg-white es:text-sm es:transition es:group es:shadow-sm es:min-h-10! es:inset-ring es:inset-ring-secondary-100",
   focus: "es:ring-2 es:ring-accent-500/50 es:border-accent-500!"
 };
 const placeholderStyles = "es:text-gray-400 es:ml-1";

package/dist/components/select/v2/async-select.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { _ as __ } from "../../../default-i18n-CT_oS1Fy.js";
-import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-BpwTmkAe.js";
-import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66, a as $d01f2c01039c0eec$export$72b9695b8216309a, b as $d01f2c01039c0eec$export$c02625b26074192c } from "../../../ComboBox-BJpTEATT.js";
+import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-DH22t_SM.js";
+import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66, a as $d01f2c01039c0eec$export$72b9695b8216309a, b as $d01f2c01039c0eec$export$c02625b26074192c } from "../../../ComboBox-D7KpCYaK.js";
 import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Input-BmDS8Juy.js";
 import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-JS_ob-kh.js";
-import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-BTxlCGcc.js";
-import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-O9uw63D7.js";
+import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-_nDFq8-H.js";
+import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-CJVCRT8_.js";
 import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../../Text-BuJgePCv.js";
 import { OptionItemBase } from "./shared.js";
 import { RichLabel } from "../../rich-label/rich-label.js";
@@ -171,7 +171,7 @@ const __ExperimentalAsyncSelect = (props) => {
               {
                 className: clsx(
                   "es:relative es:flex es:max-w-80 es:items-center es:gap-1 es:p-1 es:focus-visible:outline-hidden es:focus-visible:ring-2 es:focus-visible:ring-accent-500/50",
-                  "es:h-9 es:rounded-lg es:border es:border-secondary-300 es:bg-white es:text-sm es:shadow-xs es:transition",
+                  "es:h-9 es:rounded-10 es:border es:border-secondary-300 es:bg-white es:text-sm es:shadow-sm es:transition",
                   "es:any-focus:outline-hidden",
                   !inline && "es:w-full",
                   disabled && "es:select-none",

package/dist/components/select/v2/shared.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../../ListBox-BTxlCGcc.js";
+import { a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../../ListBox-_nDFq8-H.js";
 import { c as clsx } from "../../../utils-CZt7LCbO.js";
 const OptionItemBase = (props) => {
   var _a;

package/dist/components/select/v2/single-select.js

@@ -1,23 +1,23 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { _ as __ } from "../../../default-i18n-CT_oS1Fy.js";
 import { BaseControl } from "../../base-control/base-control.js";
-import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-BpwTmkAe.js";
+import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-DH22t_SM.js";
 import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-JS_ob-kh.js";
-import { b as $eed445e0843c11d0$export$7ff8f37d2d81a48d, c as $eed445e0843c11d0$export$7c5906fe4f1f2af2, $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-BTxlCGcc.js";
-import { o as $168583247155ddda$export$dc9c12ed27dd1b49, l as $de32f1b87079253c$export$d2f961adcb0afbe, p as $07b14b47974efb58$export$9b9a0cd73afb7ca4, $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-O9uw63D7.js";
+import { b as $eed445e0843c11d0$export$7ff8f37d2d81a48d, c as $eed445e0843c11d0$export$7c5906fe4f1f2af2, $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-_nDFq8-H.js";
+import { o as $168583247155ddda$export$dc9c12ed27dd1b49, l as $de32f1b87079253c$export$d2f961adcb0afbe, p as $07b14b47974efb58$export$9b9a0cd73afb7ca4, $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-CJVCRT8_.js";
 import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, p as $ff5963eb1fccf552$export$e08e3b67e392101e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, b as $64fa3d84918910a7$export$4d86445c2cf5e3, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$ef03459518577ad4, i as $64fa3d84918910a7$export$2881499e37b75b9a, c as clsx } from "../../../utils-CZt7LCbO.js";
 import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../../FieldError-DHrSdE_Q.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../../Form-Cq3fu75_.js";
 import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../../Text-BuJgePCv.js";
-import { o as $fb3050f43d946246$export$e32c88dfddc6e1d8, e as $e1995378a142960e$export$bf788dd355e3a401 } from "../../../Collection-n5d0zIgb.js";
+import { o as $fb3050f43d946246$export$e32c88dfddc6e1d8, e as $e1995378a142960e$export$bf788dd355e3a401 } from "../../../Collection-uTAXq9Br.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../../filterDOMProps-EDDcM64A.js";
-import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, g as $9daab02d461809db$export$683480f191c0e3ea } from "../../../OverlayArrow-5aDgmImj.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, g as $9daab02d461809db$export$683480f191c0e3ea } from "../../../OverlayArrow-CjvnevpX.js";
 import React__default, { useMemo, useRef, useState, forwardRef, createContext, useContext, useCallback, cloneElement } from "react";
 import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../../useLocalizedStringFormatter-C9GO0IDB.js";
 import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../../useFormValidation-Dy0PXJg5.js";
-import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../../useSingleSelectListState-C4sorv2p.js";
+import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../../useSingleSelectListState-DqhemUIh.js";
 import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../../useFocusRing-Bv0UJQl8.js";
-import { f as $325a3faab7a68acd$export$a16aca283550c30d, g as $2a25aae57d74318e$export$a05409b8bb224a5a } from "../../../Separator-CaTBkETC.js";
+import { f as $325a3faab7a68acd$export$a16aca283550c30d, g as $2a25aae57d74318e$export$a05409b8bb224a5a } from "../../../Separator-BN3mjL6q.js";
 import { q as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "../../../useHover-C2SkI1Fn.js";
 import { $ as $99facab73266f662$export$5add1d006293d136 } from "../../../useFormReset-D2YaWRIA.js";
 import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "../../../VisuallyHidden-BYi0pekx.js";
@@ -873,7 +873,7 @@ const __ExperimentalSelect = (props) => {
               {
                 className: clsx(
                   "es:relative es:flex es:max-w-80 es:items-center es:gap-1 es:p-1 es:focus-visible:outline-hidden es:focus-visible:ring-2 es:focus-visible:ring-accent-500/50",
-                  "es:h-9 es:rounded-lg es:border es:border-secondary-300 es:bg-white es:text-sm es:shadow-xs es:transition",
+                  "es:h-9 es:rounded-10 es:border es:border-secondary-300 es:bg-white es:text-sm es:shadow-sm es:transition",
                   "es:any-focus:outline-hidden",
                   !inline && "es:w-full",
                   disabled && "es:select-none",

package/dist/components/slider/column-config-slider.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
 import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-JS_ob-kh.js";
-import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-C-S1oEH9.js";
+import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b } from "../../Slider-uOPcIpqS.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { icons } from "../../icons/icons.js";
 import { getColumnConfigOutputText } from "./utils.js";
@@ -101,7 +101,7 @@ const ColumnConfigSlider = (props) => {
                     {
                       className: clsx(
                         "es:col-span-full es:row-span-1 es:row-start-1 es:h-full es:w-full es:grow es:rounded-lg es:border",
-                        disabled ? "es:border-secondary-200 es:bg-white" : "es:border-secondary-300 es:bg-secondary-50 es:shadow-xs"
+                        disabled ? "es:border-secondary-200 es:bg-white" : "es:border-secondary-300 es:bg-secondary-50 es:shadow-sm"
                       )
                     }
                   ),

package/dist/components/slider/slider.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-CZt7LCbO.js";
 import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5, a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "../../Label-JS_ob-kh.js";
-import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b, d as $6f909507e6374d18$export$1e7083018727fa60 } from "../../Slider-C-S1oEH9.js";
+import { $ as $6f909507e6374d18$export$472062a354075cee, a as $6f909507e6374d18$export$105594979f116971, b as $6f909507e6374d18$export$2c1b491743890dec, c as $6f909507e6374d18$export$a590f758a961cb5b, d as $6f909507e6374d18$export$1e7083018727fa60 } from "../../Slider-uOPcIpqS.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { NumberPicker } from "../number-picker/number-picker.js";
@@ -194,7 +194,7 @@ const Slider = (props) => {
                       "es:relative es:col-start-1 es:row-start-1 es:rounded-full es:border",
                       !vertical && "es:h-1.5 es:w-full es:self-center",
                       vertical && "es:h-full es:w-1.5 es:flex-col es:justify-self-center",
-                      disabled ? "es:border-secondary-200 es:bg-white" : "es:border-secondary-300 es:bg-secondary-50 es:shadow-xs"
+                      disabled ? "es:border-secondary-200 es:bg-white" : "es:border-secondary-300 es:bg-secondary-50 es:shadow-sm"
                     ),
                     style: trackStyle
                   }

package/dist/components/tabs/tabs.js

@@ -1,17 +1,17 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as $880e95eb8b93ba9a$export$ecf600387e221c37, i as $ae20dd8cbca75726$export$d6daf82dcd84e87c, d as $e1995378a142960e$export$18af5c7a9e9b3664, f as $e1995378a142960e$export$fb8073518f34e6ec, g as $7135fc7d473fd974$export$4feb769f8ddf26c5, j as $7135fc7d473fd974$export$a164736487e3f0ae, e as $e1995378a142960e$export$bf788dd355e3a401, k as $7135fc7d473fd974$export$90e00781bc59d8f9 } from "../../Collection-n5d0zIgb.js";
+import { c as $880e95eb8b93ba9a$export$ecf600387e221c37, i as $ae20dd8cbca75726$export$d6daf82dcd84e87c, d as $e1995378a142960e$export$18af5c7a9e9b3664, f as $e1995378a142960e$export$fb8073518f34e6ec, g as $7135fc7d473fd974$export$4feb769f8ddf26c5, j as $7135fc7d473fd974$export$a164736487e3f0ae, e as $e1995378a142960e$export$bf788dd355e3a401, k as $7135fc7d473fd974$export$90e00781bc59d8f9 } from "../../Collection-uTAXq9Br.js";
 import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, l as $df56164dff5785e2$export$4338b53315abf666, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-CZt7LCbO.js";
 import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "../../Hidden-rE6uR-lr.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
-import { b as $cdc5a6778b766db2$export$a9d04c5684123369 } from "../../useListState-DkyH7elT.js";
+import { b as $cdc5a6778b766db2$export$a9d04c5684123369 } from "../../useListState-9Hq_FiRF.js";
 import React__default, { useState, useMemo, useRef, useEffect, forwardRef, useContext, createContext, isValidElement, useId, cloneElement } from "react";
-import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-BrJylgPR.js";
+import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-DWBuejBp.js";
 import { a as $f645667febf57a63$export$4c014de7c8940b4c, $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-C2SkI1Fn.js";
 import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-B7-lUnAF.js";
 import { a as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-BEPI2m7u.js";
 import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-BbYZoHvX.js";
 import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-Bv0UJQl8.js";
-import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-C4sorv2p.js";
+import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-DqhemUIh.js";
 import { _ as __, s as sprintf } from "../../default-i18n-CT_oS1Fy.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { c as cva } from "../../index-BljRBEr_.js";
@@ -399,7 +399,8 @@ const $5e8ad37a45e1c704$export$3d96ec278d3efce4 = /* @__PURE__ */ $f39a9eba43920
     values: {
       isFocused,
       isFocusVisible,
-      isInert: !isSelected,
+      // @ts-ignore - compatibility with React < 19
+      isInert: $cdc5a6778b766db2$export$a9d04c5684123369(!isSelected),
       state
     }
   });
@@ -601,10 +602,10 @@ const Tab = (props) => {
       variants: {
         type: {
           underline: "es:disabled:text-secondary-400 es:selected:text-accent-950",
-          pill: "es:font-[450] es:border es:border-transparent es:px-3 es:py-2 es:rounded-lg es:not-disabled:not-selected:hover:text-secondary-900 es:not-disabled:not-selected:hover:bg-secondary-100 es:text-secondary-500 es:selected:text-accent-900 es:selected:bg-accent-400/15 es:has-icon:pl-2.5 es:focus-visible:border-accent-500 es:disabled:text-secondary-400/75",
-          pillInverse: "es:font-[450] es:border es:border-transparent es:px-3 es:py-2 es:rounded-lg es:not-disabled:not-selected:hover:text-secondary-900 es:not-disabled:not-selected:hover:bg-secondary-100 es:text-secondary-500 es:selected:text-white es:selected:bg-accent-600 es:has-icon:pl-2.5 es:focus-visible:border-accent-500 es:disabled:text-secondary-400/75",
-          pillCompact: "es:icon:size-4 es:font-[450] es:border es:border-transparent es:px-1.5 es:py-1 es:rounded-lg es:not-disabled:not-selected:hover:text-secondary-900 es:not-disabled:not-selected:hover:bg-secondary-100 es:text-secondary-500 es:selected:text-accent-900 es:selected:bg-accent-400/15 es:has-icon:pl-1 es:focus-visible:border-accent-500 es:disabled:text-secondary-400/75",
-          pillCompactInverse: "es:icon:size-4 es:font-[450] es:border es:border-transparent es:px-1.5 es:py-1 es:rounded-lg es:not-disabled:not-selected:hover:text-secondary-900 es:not-disabled:not-selected:hover:bg-secondary-100 es:text-secondary-500 es:selected:text-white es:selected:bg-accent-600 es:has-icon:pl-1 es:focus-visible:border-accent-500 es:disabled:text-secondary-400/75"
+          pill: "es:font-[450] es:border es:border-transparent es:px-3 es:py-1.5 es:rounded-xl es:not-disabled:not-selected:hover:text-secondary-900 es:not-disabled:not-selected:hover:bg-secondary-100 es:text-secondary-500 es:selected:text-accent-900 es:selected:bg-gradient-to-br es:selected:from-accent-300/10 es:selected:to-accent-400/20 es:selected:border-accent-400/10 es:has-icon:pl-2.5 es:focus-visible:border-accent-500 es:disabled:text-secondary-400/75",
+          pillInverse: "es:font-[450] es:border es:border-transparent es:px-3 es:py-1.5 es:rounded-xl es:not-disabled:not-selected:hover:text-secondary-900 es:not-disabled:not-selected:hover:bg-secondary-100 es:text-secondary-500 es:selected:text-white es:selected:bg-gradient-to-br es:selected:from-accent-500 es:selected:to-accent-600 es:selected:border-accent-600 es:has-icon:pl-2.5 es:focus-visible:border-accent-500 es:disabled:text-secondary-400/75",
+          pillCompact: "es:icon:size-4 es:font-[450] es:border es:border-transparent es:px-2.5 es:py-1 es:rounded-10 es:not-disabled:not-selected:hover:text-secondary-900 es:not-disabled:not-selected:hover:bg-secondary-100 es:text-secondary-500 es:selected:text-accent-900 es:selected:bg-gradient-to-br es:selected:from-accent-300/10 es:selected:to-accent-400/20 es:selected:border-accent-400/10 es:has-icon:pl-1 es:focus-visible:border-accent-500 es:disabled:text-secondary-400/75",
+          pillCompactInverse: "es:icon:size-4 es:font-[450] es:border es:border-transparent es:px-2.5 es:py-1 es:rounded-10 es:not-disabled:not-selected:hover:text-secondary-900 es:not-disabled:not-selected:hover:bg-secondary-100 es:text-secondary-500 es:selected:text-white es:selected:bg-gradient-to-br es:selected:from-accent-500 es:selected:to-accent-600 es:selected:border-accent-600 es:has-icon:pl-1 es:focus-visible:border-accent-500 es:disabled:text-secondary-400/75"
         }
       },
       compoundVariants: [
@@ -615,7 +616,7 @@ const Tab = (props) => {
             "es:px-2 es:py-2.5 es:rounded-lg",
             'es:after:content-[""] es:after:absolute es:after:bottom-px es:after:left-0 es:after:right-0 es:after:w-5/6 es:after:mx-auto es:after:h-0.75',
             "es:after:bg-linear-to-b es:hover:not-selected:not-disabled:after:from-secondary-200 es:hover:not-selected:not-disabled:after:to-secondary-300 es:selected:after:from-accent-500 es:selected:after:to-accent-600",
-            "es:after:rounded-t-full es:selected:after:shadow-xs es:selected:after:shadow-accent-700/30 es:after:transition"
+            "es:after:rounded-t-full es:selected:after:shadow-sm es:selected:after:shadow-accent-700/30 es:after:transition"
           ]
         },
         {
@@ -625,7 +626,7 @@ const Tab = (props) => {
             "es:pl-3 es:pr-2 es:py-2.5 es:rounded-lg es:selected:bg-accent-50/50 es:selected:text-accent-950 es:transition",
             'es:after:content-[""] es:after:absolute es:after:-left-0 es:after:top-0 es:after:bottom-0 es:after:h-5/6 es:after:my-auto es:after:w-1',
             "es:after:bg-linear-to-r es:hover:not-selected:not-disabled:after:from-secondary-200 es:hover:not-selected:not-disabled:after:to-secondary-300 es:selected:after:from-accent-500 es:selected:after:to-accent-600",
-            "es:after:rounded-full es:selected:after:shadow-xs es:selected:after:shadow-accent-700/30 es:after:transition"
+            "es:after:rounded-full es:selected:after:shadow-sm es:selected:after:shadow-accent-700/30 es:after:transition"
           ]
         }
       ]

package/dist/components/toggle/switch.js

@@ -3,7 +3,7 @@ import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import React__default, { forwardRef, createContext } from "react";
 import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-ibcBUHnB.js";
-import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-CDa3YAZI.js";
+import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-yGuUBU7q.js";
 import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-Bv0UJQl8.js";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-C2SkI1Fn.js";
 import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-BYi0pekx.js";
@@ -128,7 +128,7 @@ const Switch2 = (props) => {
               !checked && !disabled && "es:border-secondary-400 es:inset-ring-secondary-100 es:from-white es:to-secondary-100",
               checked && !disabled && "es:border-accent-700/75 es:inset-ring-accent-500 es:to-accent-500 es:from-accent-600 es:shadow-accent-600/30",
               disabled && "es:cursor-default es:border-secondary-300 es:from-white es:to-secondary-50 es:inset-ring-secondary-200/30 es:inset-shadow-secondary-100",
-              !disabled && "es:shadow-xs"
+              !disabled && "es:shadow-sm"
             ),
             children: /* @__PURE__ */ jsx(
               "span",
@@ -139,7 +139,7 @@ const Switch2 = (props) => {
                   !checked && "es:scale-95",
                   !checked && !disabled && "es:border-secondary-500 es:from-secondary-500 es:to-secondary-600",
                   checked && "es:translate-x-4",
-                  checked && !disabled && "es:border-accent-600/20 es:from-white es:to-accent-500/30 es:from-40% es:bg-white es:shadow-xs es:shadow-accent-900/60",
+                  checked && !disabled && "es:border-accent-600/20 es:from-white es:to-accent-500/30 es:from-40% es:bg-white es:shadow-sm es:shadow-accent-900/60",
                   disabled && "es:border-secondary-400 es:bg-secondary-100",
                   isIndeterminate && "es:translate-x-2 es:scale-100"
                 )

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

@@ -2,7 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { p as $ff5963eb1fccf552$export$e08e3b67e392101e, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-CZt7LCbO.js";
 import React__default, { createContext, forwardRef, useContext } from "react";
 import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-ibcBUHnB.js";
-import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../../useButton-Bt3BffJm.js";
+import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../../useButton-lRcWnvOB.js";
 import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-Bv0UJQl8.js";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../useHover-C2SkI1Fn.js";
 import { c as cva } from "../../index-BljRBEr_.js";
@@ -102,8 +102,8 @@ const $efde0372d7a700fe$export$d2b052e7b4be1756 = /* @__PURE__ */ forwardRef(fun
  * @component
  * @param {Object} props - Component props.
  * @param {JSX.Element} [props.icon] - Icon to display within the button.
- * @param {ButtonSize} [props.size='default'] - The size of the button.
- * @param {ButtonType} [props.type='default'] - The type of the button.
+ * @param {ToggleButtonSize} [props.size='default'] - The size of the button.
+ * @param {ToggleButtonType} [props.type='default'] - The type of the button.
  * @param {boolean} [props.disabled] - If `true`, the button is disabled.
  * @param {string} [props.className] - Classes to pass to the button.
  * @param {string|boolean} [props.tooltip] - Tooltip text to display on hover.
@@ -113,10 +113,10 @@ const $efde0372d7a700fe$export$d2b052e7b4be1756 = /* @__PURE__ */ forwardRef(fun
  * @param {Object} [props.tooltipProps] - Props to pass to the tooltip.
  * @param {boolean} [props.hidden] - If `true`, the component is not rendered.
  *
- * @returns {JSX.Element} The Button component.
+ * @returns {JSX.Element} The ToggleButton component.
  *
- * @typedef {'small' | 'default' | 'large'} ButtonSize
- * @typedef {'default' | 'selected' | 'ghost' | 'danger'} ButtonType
+ * @typedef {'small' | 'default' | 'large'} ToggleButtonSize
+ * @typedef {'default'| 'ghost'} ToggleButtonType
  *
  * @example
  * const [selected, setSelected] = useState(false);
@@ -167,6 +167,7 @@ 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",
       icon && children ? "es:justify-start" : "es:justify-center",
       className
@@ -174,9 +175,9 @@ const ToggleButton2 = (props) => {
     {
       variants: {
         size: {
-          small: "es:icon:size-4.5 es:rounded-md",
-          default: "es:icon:size-5.5 es:rounded-lg",
-          large: "es:icon:size-6 es:rounded-lg"
+          small: "es:icon:size-4.5 es:rounded-7",
+          default: "es:icon:size-5.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"],
@@ -194,7 +195,7 @@ const ToggleButton2 = (props) => {
             "es:border-secondary-300",
             "es:inset-ring-secondary-100",
             "es:inset-shadow-secondary-100/50",
-            "es:shadow-xs",
+            "es: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"
@@ -213,7 +214,7 @@ 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-xs es:shadow-accent-600/30"
+            "es:shadow-sm es:shadow-accent-600/30"
           ]
         },
         {
@@ -224,7 +225,7 @@ const ToggleButton2 = (props) => {
           type: "ghost",
           disabled: false,
           selected: true,
-          class: ["es:bg-accent-600 es:text-white es:border-accent-600 es:shadow-xs es:shadow-accent-500/25", "es:hover:shadow-accent-600/50"]
+          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"]
         },
         // Sizes.
         {

package/dist/components/tooltip/tooltip.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as $96b38030c423d352$export$9fc1347d4195ccb3, $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, d as $2a41e45df1593e64$export$d39e1813b3bdd0e1, b as $d3f049242431219c$export$6d3443f2c48bfc20, e as $44f671af83e7d9e0$export$2de4954e8ae13b9f, f as $44f671af83e7d9e0$export$746d02f47f4d381 } from "../../OverlayArrow-5aDgmImj.js";
+import { c as $96b38030c423d352$export$9fc1347d4195ccb3, $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, d as $2a41e45df1593e64$export$d39e1813b3bdd0e1, b as $d3f049242431219c$export$6d3443f2c48bfc20, e as $44f671af83e7d9e0$export$2de4954e8ae13b9f, f as $44f671af83e7d9e0$export$746d02f47f4d381 } from "../../OverlayArrow-CjvnevpX.js";
 import { n as $b5e257d569688ac6$export$535bd6ca7f90a273, d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-CZt7LCbO.js";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456, a as $f645667febf57a63$export$4c014de7c8940b4c, x as $507fabe10e71c6fb$export$630ff653c5ada6a9, n as $507fabe10e71c6fb$export$b9b3dfddab17db27, y as $f645667febf57a63$export$13f3202a3e5ddd5 } from "../../useHover-C2SkI1Fn.js";
 import React__default, { useContext, useState, useMemo, useRef, useEffect, forwardRef, createContext } from "react";

package/dist/{number-GajL10e1.js → number-CHmNj-oR.js}

@@ -30,7 +30,7 @@ function $9446cca9a3875146$export$b6268554fba451f(value, digits, base = 10) {
   return Math.round(value * pow) / pow;
 }
 export {
-  $9446cca9a3875146$export$cb6e0bb50bc19463 as $,
-  $9446cca9a3875146$export$7d15b64cf5a3a4c4 as a,
+  $9446cca9a3875146$export$7d15b64cf5a3a4c4 as $,
+  $9446cca9a3875146$export$cb6e0bb50bc19463 as a,
   $9446cca9a3875146$export$b6268554fba451f as b
 };

package/dist/{useButton-Bt3BffJm.js → useButton-lRcWnvOB.js}

@@ -1,6 +1,6 @@
 import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-CZt7LCbO.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-BrJylgPR.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-DWBuejBp.js";
 import { a as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-C2SkI1Fn.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;

package/dist/{useListState-DkyH7elT.js → useListState-9Hq_FiRF.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 "./Collection-n5d0zIgb.js";
+import { $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852 } from "./Collection-uTAXq9Br.js";
 function $cdc5a6778b766db2$export$a9d04c5684123369(value) {
   const pieces = version.split(".");
   const major = parseInt(pieces[0], 10);

package/dist/{useNumberField-CU1_u8ze.js → useNumberField-D0u2bh8g.js}

@@ -1,5 +1,5 @@
 import { b as $458b0a5536c1a7cf$export$40bfa8c7b0832715, g as $03deb23ff14920c4$export$4eaf04e54aa8eed6, p as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, L as $c87311424ea30a05$export$186c6964ca17d99, v as $c87311424ea30a05$export$a11b0059900ceec8, c as $c87311424ea30a05$export$fedb369cb70207f1 } from "./useHover-C2SkI1Fn.js";
-import { $ as $9446cca9a3875146$export$cb6e0bb50bc19463, a as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-GajL10e1.js";
+import { a as $9446cca9a3875146$export$cb6e0bb50bc19463, $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-CHmNj-oR.js";
 import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-Dy0PXJg5.js";
 import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-DA8u1Ot7.js";
 import { useCallback, useState, useMemo, useEffect, useRef } from "react";
@@ -11,7 +11,7 @@ import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-ICdlo
 import { b as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-BmDS8Juy.js";
 import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-C9GO0IDB.js";
 import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-CZ9QUnRt.js";
-import { c as $319e236875307eab$export$d10ae4f68404609a, b as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-BpwTmkAe.js";
+import { d as $319e236875307eab$export$d10ae4f68404609a, c as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-DH22t_SM.js";
 function $7d0a636d7a4dcefd$export$2123ff2b87c81ca(props, ref) {
   let { onScroll, isDisabled } = props;
   let onScrollHandler = useCallback((e) => {

package/dist/{usePress-BrJylgPR.js → usePress-DWBuejBp.js}

@@ -292,7 +292,9 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
             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);
+            let stopPressUp = triggerPressUp($f6c31cce2adf654f$var$createEvent(e.currentTarget, e), pointerType);
+            let stopPressEnd = triggerPressEnd($f6c31cce2adf654f$var$createEvent(e.currentTarget, e), pointerType, true);
+            shouldStopPropagation = stopPressUp && stopPressEnd;
             state.isOverTarget = false;
             triggerClick(e);
             cancel(e);
@@ -360,7 +362,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
       };
       pressProps2.onPointerUp = (e) => {
         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);
+        if (e.button === 0 && !state.isPressed) triggerPressUp(e, state.pointerType || e.pointerType);
       };
       pressProps2.onPointerEnter = (e) => {
         if (e.pointerId === state.activePointerId && state.target && !state.isOverTarget && state.pointerType != null) {
@@ -441,7 +443,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
       };
       pressProps2.onMouseUp = (e) => {
         if (!$d4ee10de306f2510$export$4282f70798064fe0(e.currentTarget, $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent))) return;
-        if (!state.ignoreEmulatedMouseEvents && e.button === 0) triggerPressUp(e, state.pointerType || "mouse");
+        if (!state.ignoreEmulatedMouseEvents && e.button === 0 && !state.isPressed) triggerPressUp(e, state.pointerType || "mouse");
       };
       let onMouseUp = (e) => {
         if (e.button !== 0) return;

package/dist/{useSingleSelectListState-C4sorv2p.js → useSingleSelectListState-DqhemUIh.js}

@@ -1,4 +1,4 @@
-import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-DkyH7elT.js";
+import { $ as $e72dd72e1c76a225$export$2f645645f7bca764 } from "./useListState-9Hq_FiRF.js";
 import { b as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-C2SkI1Fn.js";
 import { useMemo } from "react";
 function $a0d645289fe9b86b$export$e7f05e985daf4b5f(props) {

package/dist/{useToggle-CDa3YAZI.js → useToggle-yGuUBU7q.js}

@@ -1,7 +1,7 @@
 import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-CZt7LCbO.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
 import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-D2YaWRIA.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-BrJylgPR.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-DWBuejBp.js";
 import { a as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-C2SkI1Fn.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;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@eightshift/ui-components",
-	"version": "5.0.2",
+	"version": "5.0.4",
 	"type": "module",
 	"main": "./dist/index.js",
 	"module": "./dist/index.js",
@@ -43,13 +43,13 @@
 		"react-dom": "^18.3.1"
 	},
 	"devDependencies": {
-		"@adobe/react-spectrum": "^3.42.1",
-		"@dnd-kit/abstract": "^0.1.18",
+		"@adobe/react-spectrum": "^3.42.2",
+		"@dnd-kit/abstract": "^0.1.19",
 		"@dnd-kit/core": "^6.3.1",
-		"@dnd-kit/dom": "^0.1.18",
-		"@dnd-kit/helpers": "^0.1.18",
+		"@dnd-kit/dom": "^0.1.19",
+		"@dnd-kit/helpers": "^0.1.19",
 		"@dnd-kit/modifiers": "^9.0.0",
-		"@dnd-kit/react": "^0.1.18",
+		"@dnd-kit/react": "^0.1.19",
 		"@dnd-kit/sortable": "^10.0.0",
 		"@dnd-kit/utilities": "^3.2.2",
 		"@eslint/compat": "^1.2.9",
@@ -58,7 +58,7 @@
 		"@tailwindcss/vite": "^4.1.8",
 		"@types/react": "^18.3.23",
 		"@types/react-dom": "^18.3.7",
-		"@vitejs/plugin-react-swc": "^3.10.1",
+		"@vitejs/plugin-react-swc": "^3.10.2",
 		"@wordpress/i18n": "^5.25.0",
 		"autoprefixer": "^10.4.21",
 		"class-variance-authority": "^0.7.1",
@@ -66,7 +66,7 @@
 		"css-gradient-parser": "^0.0.16",
 		"eslint": "^9.28.0",
 		"eslint-config-prettier": "^10.1.5",
-		"eslint-plugin-jsdoc": "^50.7.1",
+		"eslint-plugin-jsdoc": "^50.8.0",
 		"eslint-plugin-prettier": "^5.4.1",
 		"glob": "^11.0.2",
 		"globals": "^16.2.0",
@@ -81,8 +81,8 @@
 		"prettier": "^3.5.3",
 		"prettier-plugin-tailwindcss": "^0.6.12",
 		"react": "^18.3.1",
-		"react-aria": "^3.41.0",
-		"react-aria-components": "^1.10.0",
+		"react-aria": "^3.41.1",
+		"react-aria-components": "^1.10.1",
 		"react-dom": "^18.3.1",
 		"react-jsx-parser": "^2.4.0",
 		"react-movable": "^3.4.1",
@@ -90,7 +90,7 @@
 		"react-stately": "^3.39.0",
 		"svg-to-jsx-string": "^0.1.1",
 		"tailwindcss": "^4.1.8",
-		"tailwindcss-motion": "^1.1.0",
+		"tailwindcss-motion": "^1.1.1",
 		"tailwindcss-react-aria-components": "^2.0.0",
 		"vite": "^6.3.5",
 		"vite-plugin-lib-inject-css": "^2.2.2"