@eightshift/ui-components 1.9.1 → 2.0.1

package/dist/{useFocusable-C2xrPFl6.js → useFocusable-087cO5Ct.js}

@@ -1,5 +1,5 @@
-import { c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, h as $6a99195332edec8b$export$80f3e147d781571c, l as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-ChK5oW-0.js";
-import { m as $df56164dff5785e2$export$4338b53315abf666, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BmaSD6gC.js";
+import { c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, h as $6a99195332edec8b$export$80f3e147d781571c, o as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-CiqTTjWy.js";
+import { m as $df56164dff5785e2$export$4338b53315abf666, d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-39D0mStj.js";
 import React__default, { useRef, useEffect, useContext } from "react";
 function $93925083ecbb358c$export$48d1ea6320830260(handler) {
   if (!handler) return void 0;
@@ -14,10 +14,14 @@ function $93925083ecbb358c$export$48d1ea6320830260(handler) {
         return e.isDefaultPrevented();
       },
       stopPropagation() {
-        console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.");
+        if (shouldStopPropagation) console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.");
+        else shouldStopPropagation = true;
       },
       continuePropagation() {
         shouldStopPropagation = false;
+      },
+      isPropagationStopped() {
+        return shouldStopPropagation;
       }
     };
     handler(event);
@@ -39,7 +43,7 @@ function $e6afbd83fe6ebbd2$var$useFocusableContext(ref) {
   let { ref: _, ...otherProps } = context;
   return otherProps;
 }
-function $e6afbd83fe6ebbd2$var$FocusableProvider(props, ref) {
+const $e6afbd83fe6ebbd2$export$13f3202a3e5ddd5 = /* @__PURE__ */ React__default.forwardRef(function FocusableProvider(props, ref) {
   let { children, ...otherProps } = props;
   let objRef = $df56164dff5785e2$export$4338b53315abf666(ref);
   let context = {
@@ -49,8 +53,7 @@ function $e6afbd83fe6ebbd2$var$FocusableProvider(props, ref) {
   return /* @__PURE__ */ React__default.createElement($e6afbd83fe6ebbd2$var$FocusableContext.Provider, {
     value: context
   }, children);
-}
-let $e6afbd83fe6ebbd2$export$13f3202a3e5ddd5 = /* @__PURE__ */ React__default.forwardRef($e6afbd83fe6ebbd2$var$FocusableProvider);
+});
 function $e6afbd83fe6ebbd2$export$4c014de7c8940b4c(props, domRef) {
   let { focusProps } = $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props);
   let { keyboardProps } = $46d819fcbaf35654$export$8f71654801c2f7cd(props);

package/dist/{useFormReset-DDCE2RPv.js → useFormReset-NpLM2e3G.js}

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

package/dist/{useFormValidation-BxnASugK.js → useFormValidation-BWwmZQE2.js}

@@ -1,6 +1,6 @@
 import { createContext, useMemo, useContext, useState, useRef, useEffect } from "react";
-import { i as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./focusSafely-ChK5oW-0.js";
-import { l as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, g as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-BmaSD6gC.js";
+import { l as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./focusSafely-CiqTTjWy.js";
+import { l as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, g as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-39D0mStj.js";
 const $e5be200c675c3b3a$export$aca958c65c314e6c = {
   badInput: false,
   customError: false,
@@ -139,7 +139,7 @@ function $e5be200c675c3b3a$var$isEqualValidation(a, b) {
 function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
   let { validationBehavior, focus } = props;
   $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    if (validationBehavior === "native" && (ref === null || ref === void 0 ? void 0 : ref.current)) {
+    if (validationBehavior === "native" && (ref === null || ref === void 0 ? void 0 : ref.current) && !ref.current.disabled) {
       let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(" ") || "Invalid value." : "";
       ref.current.setCustomValidity(errorMessage);
       if (!ref.current.hasAttribute("title")) ref.current.title = "";

package/dist/{useLabel-C3sAYsiC.js → useLabel-C85N3Hzw.js}

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

package/dist/{useLabels-WnPbJUyQ.js → useLabels-C_2wWraB.js}

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

package/dist/{useListState-BmTFGt2_.js → useListState-Z7FB_NzO.js}

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

package/dist/{useLocalizedStringFormatter-BurzRhbk.js → useLocalizedStringFormatter-BQ4TF72x.js}

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

package/dist/{useNumberField-D_Azw6A1.js → useNumberField-Bm6_BVl9.js}

@@ -1,17 +1,17 @@
-import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, d as $9ab94262bd0047c7$export$420e68273165f4ec, w as $c87311424ea30a05$export$186c6964ca17d99, u as $c87311424ea30a05$export$a11b0059900ceec8, j as $c87311424ea30a05$export$fedb369cb70207f1 } from "./focusSafely-ChK5oW-0.js";
+import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715, c as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6, d as $9ab94262bd0047c7$export$420e68273165f4ec, x as $c87311424ea30a05$export$186c6964ca17d99, i as $c87311424ea30a05$export$a11b0059900ceec8, m as $c87311424ea30a05$export$fedb369cb70207f1 } from "./focusSafely-CiqTTjWy.js";
 import { $ as $9446cca9a3875146$export$cb6e0bb50bc19463, a as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-GajL10e1.js";
-import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-BxnASugK.js";
+import { $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, b as $e5be200c675c3b3a$export$a763b9476acd3eb } from "./useFormValidation-BWwmZQE2.js";
 import { $ as $488c6ddbf4ef74c2$export$cc77c4ff7e8673c5 } from "./NumberFormatter-DA8u1Ot7.js";
 import { useCallback, useState, useMemo, useEffect, useRef } from "react";
-import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $bdb11010cef70236$export$f680877a34711e37, r as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-BmaSD6gC.js";
+import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $bdb11010cef70236$export$f680877a34711e37, p as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-39D0mStj.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-DDCE2RPv.js";
-import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-BW_vevRp.js";
-import { b as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-DCmTv_Qw.js";
-import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-BurzRhbk.js";
-import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-B58dTQ-c.js";
-import { c as $319e236875307eab$export$d10ae4f68404609a, b as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-BEIi9mB_.js";
-import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6 } from "./textSelection-CdZPiDxh.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-NpLM2e3G.js";
+import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-cLDJlznQ.js";
+import { b as $2d73ec29415bd339$export$712718f7aec83d5 } from "./Input-Se0m3ubj.js";
+import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-BQ4TF72x.js";
+import { $ as $a916eb452884faea$export$b7a616150fdb9f44 } from "./useNumberFormatter-DlUVKkO7.js";
+import { c as $319e236875307eab$export$d10ae4f68404609a, b as $319e236875307eab$export$a9b970dcc4ae71a9 } from "./Button-OQ5EIPvt.js";
+import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6 } from "./textSelection-BlTDSskG.js";
 function $7d0a636d7a4dcefd$export$2123ff2b87c81ca(props, ref) {
   let { onScroll, isDisabled } = props;
   let onScrollHandler = useCallback((e) => {

package/dist/{useNumberFormatter-B58dTQ-c.js → useNumberFormatter-DlUVKkO7.js}

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

package/dist/{usePress-DZ9pn6Jl.js → usePress-rg_OQIGW.js}

@@ -1,7 +1,7 @@
-import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $14c0b72509d70225$export$b0d6fa1ab32e3295, b as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-CdZPiDxh.js";
+import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, a as $14c0b72509d70225$export$b0d6fa1ab32e3295, b as $14c0b72509d70225$export$16a4697467175487 } from "./textSelection-BlTDSskG.js";
 import React__default, { useContext, createContext, useState, useRef, useMemo, useEffect } from "react";
-import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, r as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-BmaSD6gC.js";
-import { q as $c87311424ea30a05$export$b7d78993b74f766d, o as $c87311424ea30a05$export$9ac100e40613ea10, p as $c87311424ea30a05$export$78551043582a6a98, r as $c87311424ea30a05$export$7bef049ce92e4224, n as $7215afc6de606d6b$export$de79e2c695e052f3, s as $6a7db85432448f7f$export$29bf1b5f2c56cf63, g as $431fbd86ca7dc216$export$b204af158042fbac, t as $6a7db85432448f7f$export$60278871457622de, f as $431fbd86ca7dc216$export$f21a1ffae260145a, l as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-ChK5oW-0.js";
+import { g as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $3ef42575df84b30b$export$9d1611c77c2fe928, p as $ff5963eb1fccf552$export$e08e3b67e392101e } from "./utils-39D0mStj.js";
+import { s as $c87311424ea30a05$export$b7d78993b74f766d, r as $c87311424ea30a05$export$78551043582a6a98, q as $c87311424ea30a05$export$9ac100e40613ea10, t as $c87311424ea30a05$export$7bef049ce92e4224, p as $7215afc6de606d6b$export$de79e2c695e052f3, u as $6a7db85432448f7f$export$29bf1b5f2c56cf63, g as $431fbd86ca7dc216$export$b204af158042fbac, v as $6a7db85432448f7f$export$60278871457622de, f as $431fbd86ca7dc216$export$f21a1ffae260145a, o as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-CiqTTjWy.js";
 const $ea8dcbcb9ea1b556$var$RouterContext = /* @__PURE__ */ createContext({
   isNative: true,
   open: $ea8dcbcb9ea1b556$var$openSyntheticLink,
@@ -335,7 +335,8 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
           if (!isDisabled && !preventFocusOnPress) $7215afc6de606d6b$export$de79e2c695e052f3(e.currentTarget);
           if (!allowTextSelectionOnPress) $14c0b72509d70225$export$16a4697467175487(state.target);
           shouldStopPropagation = triggerPressStart(e, state.pointerType);
-          addGlobalListener($431fbd86ca7dc216$export$b204af158042fbac(e.currentTarget), "pointermove", onPointerMove, false);
+          let target = e.target;
+          if ("releasePointerCapture" in target) target.releasePointerCapture(e.pointerId);
           addGlobalListener($431fbd86ca7dc216$export$b204af158042fbac(e.currentTarget), "pointerup", onPointerUp, false);
           addGlobalListener($431fbd86ca7dc216$export$b204af158042fbac(e.currentTarget), "pointercancel", onPointerCancel, false);
         }
@@ -350,16 +351,16 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
       };
       pressProps2.onPointerUp = (e) => {
         if (!e.currentTarget.contains(e.target) || state.pointerType === "virtual") return;
-        if (e.button === 0 && $f6c31cce2adf654f$var$isOverTarget(e, e.currentTarget)) triggerPressUp(e, state.pointerType || e.pointerType);
+        if (e.button === 0) triggerPressUp(e, state.pointerType || e.pointerType);
       };
-      let onPointerMove = (e) => {
-        if (e.pointerId !== state.activePointerId) return;
-        if (state.target && $f6c31cce2adf654f$var$isOverTarget(e, state.target)) {
-          if (!state.isOverTarget && state.pointerType != null) {
-            state.isOverTarget = true;
-            triggerPressStart($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType);
-          }
-        } else if (state.target && state.isOverTarget && state.pointerType != null) {
+      pressProps2.onPointerEnter = (e) => {
+        if (e.pointerId === state.activePointerId && state.target && !state.isOverTarget && state.pointerType != null) {
+          state.isOverTarget = true;
+          triggerPressStart($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType);
+        }
+      };
+      pressProps2.onPointerLeave = (e) => {
+        if (e.pointerId === state.activePointerId && state.target && state.isOverTarget && state.pointerType != null) {
           state.isOverTarget = false;
           triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
           cancelOnPointerExit(e);
@@ -367,7 +368,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
       };
       let onPointerUp = (e) => {
         if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0 && state.target) {
-          if ($f6c31cce2adf654f$var$isOverTarget(e, state.target) && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType);
+          if (state.target.contains(e.target) && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType);
           else if (state.isOverTarget && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
           state.isPressed = false;
           state.isOverTarget = false;

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

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

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

@@ -1,8 +1,8 @@
-import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-BmaSD6gC.js";
+import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-39D0mStj.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-DDCE2RPv.js";
-import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-C2xrPFl6.js";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-DZ9pn6Jl.js";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-NpLM2e3G.js";
+import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-087cO5Ct.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-rg_OQIGW.js";
 function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
   let { isDisabled = false, isReadOnly = false, value, name, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, validationState = "valid", isInvalid } = props;
   let onChange = (e) => {

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

@@ -1,4 +1,4 @@
-import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-ChK5oW-0.js";
+import { e as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./focusSafely-CiqTTjWy.js";
 function $3017fa7ffdddec74$export$8042c6c013fd5226(props = {}) {
   let { isReadOnly } = props;
   let [isSelected, setSelected] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.isSelected, props.defaultSelected || false, props.onChange);

package/dist/{utils-BmaSD6gC.js → utils-39D0mStj.js}

@@ -1,5 +1,43 @@
-import React__default, { useContext, useState, useRef, useCallback, useEffect, useMemo } from "react";
-import { $ as $dbSRa$reactdom } from "./index-D0mHceYg.js";
+import React__default, { useRef, useCallback, useState, useContext, useEffect, useMemo } from "react";
+const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== "undefined" ? React__default.useLayoutEffect : () => {
+};
+function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
+  const ref = useRef(null);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    ref.current = fn;
+  }, [
+    fn
+  ]);
+  return useCallback((...args) => {
+    const f = ref.current;
+    return f === null || f === void 0 ? void 0 : f(...args);
+  }, []);
+}
+function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
+  let [value, setValue] = useState(defaultValue);
+  let effect = useRef(null);
+  let nextRef = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    if (!effect.current) return;
+    let newValue = effect.current.next();
+    if (newValue.done) {
+      effect.current = null;
+      return;
+    }
+    if (value === newValue.value) nextRef();
+    else setValue(newValue.value);
+  });
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (effect.current) nextRef();
+  });
+  let queue = $8ae05eaa5c114e9c$export$7f54fc3180508a52((fn) => {
+    effect.current = fn(value);
+    nextRef();
+  });
+  return [
+    value,
+    queue
+  ];
+}
 const $b5e257d569688ac6$var$defaultContext = {
   prefix: String(Math.round(Math.random() * 1e10)),
   current: 0
@@ -58,45 +96,6 @@ function $b5e257d569688ac6$export$535bd6ca7f90a273() {
   if (typeof React__default["useSyncExternalStore"] === "function") return React__default["useSyncExternalStore"]($b5e257d569688ac6$var$subscribe, $b5e257d569688ac6$var$getSnapshot, $b5e257d569688ac6$var$getServerSnapshot);
   return useContext($b5e257d569688ac6$var$IsSSRContext);
 }
-const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== "undefined" ? React__default.useLayoutEffect : () => {
-};
-function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
-  const ref = useRef(null);
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    ref.current = fn;
-  }, [
-    fn
-  ]);
-  return useCallback((...args) => {
-    const f = ref.current;
-    return f === null || f === void 0 ? void 0 : f(...args);
-  }, []);
-}
-function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
-  let [value, setValue] = useState(defaultValue);
-  let effect = useRef(null);
-  let nextRef = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
-    if (!effect.current) return;
-    let newValue = effect.current.next();
-    if (newValue.done) {
-      effect.current = null;
-      return;
-    }
-    if (value === newValue.value) nextRef();
-    else setValue(newValue.value);
-  });
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    if (effect.current) nextRef();
-  });
-  let queue = $8ae05eaa5c114e9c$export$7f54fc3180508a52((fn) => {
-    effect.current = fn(value);
-    nextRef();
-  });
-  return [
-    value,
-    queue
-  ];
-}
 let $bdb11010cef70236$var$canUseDOM = Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
 let $bdb11010cef70236$var$idsUpdaterMap = /* @__PURE__ */ new Map();
 function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
@@ -341,55 +340,6 @@ function $64fa3d84918910a7$export$9d4c57ee4c6ffdd8() {
     hasSlot
   ];
 }
-function $64fa3d84918910a7$export$6d3443f2c48bfc20(ref, isReady = true) {
-  let [isEntering, setEntering] = useState(true);
-  $64fa3d84918910a7$var$useAnimation(ref, isEntering && isReady, useCallback(() => setEntering(false), []));
-  return isEntering && isReady;
-}
-function $64fa3d84918910a7$export$45fda7c47f93fd48(ref, isOpen) {
-  let [isExiting, setExiting] = useState(false);
-  let [exitState, setExitState] = useState("idle");
-  if (!isOpen && ref.current && exitState === "idle") {
-    isExiting = true;
-    setExiting(true);
-    setExitState("exiting");
-  }
-  if (!ref.current && exitState === "exited") setExitState("idle");
-  $64fa3d84918910a7$var$useAnimation(ref, isExiting, useCallback(() => {
-    setExitState("exited");
-    setExiting(false);
-  }, []));
-  return isExiting;
-}
-function $64fa3d84918910a7$var$useAnimation(ref, isActive, onEnd) {
-  let prevAnimation = useRef(null);
-  if (isActive && ref.current)
-    prevAnimation.current = window.getComputedStyle(ref.current).animation;
-  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
-    if (isActive && ref.current) {
-      let computedStyle = window.getComputedStyle(ref.current);
-      if (computedStyle.animationName && computedStyle.animationName !== "none" && computedStyle.animation !== prevAnimation.current) {
-        let onAnimationEnd = (e) => {
-          if (e.target === ref.current) {
-            element.removeEventListener("animationend", onAnimationEnd);
-            $dbSRa$reactdom.flushSync(() => {
-              onEnd();
-            });
-          }
-        };
-        let element = ref.current;
-        element.addEventListener("animationend", onAnimationEnd);
-        return () => {
-          element.removeEventListener("animationend", onAnimationEnd);
-        };
-      } else onEnd();
-    }
-  }, [
-    ref,
-    isActive,
-    onEnd
-  ]);
-}
 function $64fa3d84918910a7$export$ef03459518577ad4(props) {
   const prefix = /^(data-.*)$/;
   let filteredProps = {};
@@ -413,7 +363,5 @@ export {
   $df56164dff5785e2$export$4338b53315abf666 as m,
   $5dc95899b306f630$export$c9058316764c140e as n,
   $64fa3d84918910a7$export$c62b8e45d58ddad9 as o,
-  $64fa3d84918910a7$export$45fda7c47f93fd48 as p,
-  $64fa3d84918910a7$export$6d3443f2c48bfc20 as q,
-  $ff5963eb1fccf552$export$e08e3b67e392101e as r
+  $ff5963eb1fccf552$export$e08e3b67e392101e as p
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eightshift/ui-components",
-  "version": "1.9.1",
+  "version": "2.0.1",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -22,11 +22,11 @@
     "./icons": "./dist/icons/index.js",
     "./utilities": "./dist/utilities/index.js",
     "./dist/assets/style.css": "./dist/assets/style.css",
-    "./dist/assets/fonts.css": "./dist/assets/fonts.css",
+    "./dist/assets/style-editor.css": "./dist/assets/style-editor.css",
+    "./dist/assets/style-admin.css": "./dist/assets/style-admin.css",
     "./dist/assets/wp-font-enhancements.css": "./dist/assets/wp-font-enhancements.css",
     "./dist/assets/wp-ui-enhancements.css": "./dist/assets/wp-ui-enhancements.css",
     "./styles": "./dist/assets/style.css",
-    "./fonts": "./dist/assets/fonts.css",
     "./wp-font-enhancements": "./dist/assets/wp-font-enhancements.css",
     "./wp-ui-enhancements": "./dist/assets/wp-ui-enhancements.css",
     "./wp-overrides": "./dist/assets/wp.css"
@@ -35,59 +35,62 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
-  "dependencies": {
-    "@dnd-kit/abstract": "^0.0.5",
-    "@dnd-kit/dom": "^0.0.5",
-    "@dnd-kit/helpers": "^0.0.5",
-    "@dnd-kit/react": "^0.0.5",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-jsx-parser": "^2.2.2",
-    "react-movable": "^3.3.1",
-    "svg-to-jsx-string": "^0.1.1"
-  },
   "devDependencies": {
-    "@adobe/react-spectrum": "^3.38.1",
+    "@adobe/react-spectrum": "^3.39.0",
+    "@dnd-kit/abstract": "^0.0.6",
     "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/dom": "^0.0.6",
+    "@dnd-kit/helpers": "^0.0.6",
     "@dnd-kit/modifiers": "^9.0.0",
+    "@dnd-kit/react": "^0.0.6",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@eslint/compat": "^1.2.4",
-    "@react-stately/collections": "^3.12.0",
-    "@stylistic/eslint-plugin-js": "^2.12.1",
-    "@types/react": "^18.3.17",
+    "@eslint/compat": "^1.2.5",
+    "@react-stately/collections": "^3.12.1",
+    "@stylistic/eslint-plugin-js": "^3.0.0",
+    "@tailwindcss/vite": "^4.0.0",
+    "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
     "@vitejs/plugin-react-swc": "^3.7.2",
-    "@wordpress/i18n": "^5.14.0",
+    "@wordpress/i18n": "^5.16.0",
     "autoprefixer": "^10.4.20",
+    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "css-gradient-parser": "^0.0.16",
-    "eslint": "^9.17.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-jsdoc": "^50.6.1",
-    "eslint-plugin-prettier": "^5.2.1",
-    "glob": "^11.0.0",
-    "globals": "^15.13.0",
+    "eslint": "^9.19.0",
+    "eslint-config-prettier": "^10.0.1",
+    "eslint-plugin-jsdoc": "^50.6.3",
+    "eslint-plugin-prettier": "^5.2.3",
+    "glob": "^11.0.1",
+    "globals": "^15.14.0",
     "just-camel-case": "^6.2.0",
     "just-debounce-it": "^3.2.0",
     "just-has": "^2.3.0",
     "just-is-empty": "^3.4.1",
     "just-kebab-case": "^4.2.0",
     "just-throttle": "^4.2.0",
-    "lightningcss": "^1.28.2",
-    "postcss": "^8.4.49",
+    "lightningcss": "^1.29.1",
+    "postcss": "^8.5.1",
     "prettier": "^3.4.2",
-    "prettier-plugin-tailwindcss": "^0.6.9",
-    "react-aria": "^3.36.0",
-    "react-aria-components": "^1.5.0",
-    "react-select": "^5.9.0",
-    "react-stately": "^3.34.0",
-    "tailwindcss": "^3.4.16",
-    "tailwindcss-animate": "^1.0.7",
+    "prettier-plugin-tailwindcss": "^0.6.11",
+    "react": "^18.3.1",
+    "react-aria": "^3.37.0",
+    "react-aria-components": "^1.6.0",
+    "react-dom": "^18.3.1",
+    "react-jsx-parser": "^2.2.2",
+    "react-movable": "^3.4.0",
+    "react-select": "^5.10.0",
+    "react-stately": "^3.35.0",
+    "svg-to-jsx-string": "^0.1.1",
+    "tailwindcss": "^4.0.0",
+    "tailwindcss-motion": "^1.0.1",
     "tailwindcss-react-aria-components": "^1.2.0",
-    "tailwindcss-scoped-preflight": "^3.4.10",
-    "vite": "^6.0.3",
-    "vite-plugin-lib-inject-css": "^2.1.1"
+    "vite": "^6.0.11",
+    "vite-plugin-lib-inject-css": "^2.2.1"
+  },
+  "dependencies": {
+    "@fontsource-variable/geist": "^5.0.1",
+    "@fontsource-variable/geist-mono": "^5.0.1"
   },
   "scripts": {
     "dev": "vite",

package/dist/assets/fonts.css

@@ -1 +0,0 @@
-@font-face{font-family:Geist;src:url(../GeistVF.woff2)}@font-face{font-family:Geist Mono;src:url(../GeistMonoVF.woff2)}