@eightshift/ui-components 1.6.0 → 1.7.0

package/dist/components/slider/utils.js

@@ -1,4 +1,4 @@
-import { _ as __, s as sprintf, a as _n } from "../../default-i18n-BqWys-1G.js";
+import { _ as __, s as sprintf, a as _n } from "../../default-i18n-DRnM8y4w.js";
 /**
  * Generates an array of markers based on the provided minimum and maximum values and step.
  * If the step is less than 10, only markers divisible by 5 and 10 are included.

package/dist/components/spacer/spacer.js

@@ -67,8 +67,7 @@ const Spacer = (props) => {
     !vertical && !border && sizes[size].sizeHorizontal,
     !vertical && border && sizes[size].sizeHorizontalBorder,
     vertical && !border && sizes[size].sizeVertical,
-    vertical && border && sizes[size].sizeVerticalBorder,
-    className
+    vertical && border && sizes[size].sizeVerticalBorder
   );
   if (text || icon) {
     return /* @__PURE__ */ jsxs("div", { className: clsx("es-uic-flex es-uic-items-center es-uic-gap-1.5", className), children: [
@@ -85,13 +84,13 @@ const Spacer = (props) => {
     ] });
   }
   if (border) {
-    return /* @__PURE__ */ jsxs("div", { children: [
+    return /* @__PURE__ */ jsxs("div", { className, children: [
       size !== "px" && /* @__PURE__ */ jsx("div", { className: spaceClass }),
       /* @__PURE__ */ jsx("div", { className: clsx("es-uic-bg-gray-300", vertical ? "es-uic-h-full es-uic-w-px" : "es-uic-h-px es-uic-w-full") }),
       size !== "px" && /* @__PURE__ */ jsx("div", { className: spaceClass })
     ] });
   }
-  return /* @__PURE__ */ jsx("div", { className: spaceClass });
+  return /* @__PURE__ */ jsx("div", { className: clsx(spaceClass, className) });
 };
 export {
   Spacer

package/dist/components/tabs/tabs.js

@@ -1,17 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { c as $880e95eb8b93ba9a$export$ecf600387e221c37, i as $ae20dd8cbca75726$export$d6daf82dcd84e87c, d as $e1995378a142960e$export$18af5c7a9e9b3664, e as $e1995378a142960e$export$bf788dd355e3a401, f as $e1995378a142960e$export$fb8073518f34e6ec, g as $7135fc7d473fd974$export$4feb769f8ddf26c5, k as $7135fc7d473fd974$export$90e00781bc59d8f9 } from "../../SelectionManager-Ctbzoj1E.js";
-import { j as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, c as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, l as $df56164dff5785e2$export$4338b53315abf666, b as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$29f1550f4b0d4415, i as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-Du2x3YVu.js";
-import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "../../Hidden-CupIZhlF.js";
+import { c as $880e95eb8b93ba9a$export$ecf600387e221c37, i as $ae20dd8cbca75726$export$d6daf82dcd84e87c, d as $e1995378a142960e$export$18af5c7a9e9b3664, e as $e1995378a142960e$export$bf788dd355e3a401, f as $e1995378a142960e$export$fb8073518f34e6ec, g as $7135fc7d473fd974$export$4feb769f8ddf26c5, k as $7135fc7d473fd974$export$90e00781bc59d8f9 } from "../../SelectionManager-x27KqnAT.js";
+import { j as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, c as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, l as $df56164dff5785e2$export$4338b53315abf666, b as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$29f1550f4b0d4415, i as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e } from "../../utils-BCJajCwh.js";
+import { $ as $f39a9eba43920ace$export$86427a43e3e48ebb } from "../../Hidden-CcFqOzrp.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import React__default, { useState, useMemo, useRef, useEffect, forwardRef, useContext, createContext, useId, cloneElement } from "react";
-import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-Cs8K7gKw.js";
-import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-DmsOywGg.js";
-import { b as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-B5L3qI3N.js";
-import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-kCEA3M_y.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rz8eyzby.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-xMzk3syC.js";
-import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-C1ddMCq3.js";
-import { _ as __, s as sprintf } from "../../default-i18n-BqWys-1G.js";
+import { a as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18 } from "../../usePress-D8nPoIQm.js";
+import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-5dFkeiXx.js";
+import { b as $9bf71ea28793e738$export$2d6ec8fc375ceafa } from "../../FocusScope-CtCX0OGo.js";
+import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "../../context-Cs-ZD1nu.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-BMOTWmOx.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-CgFLw4FA.js";
+import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-CABciySJ.js";
+import { _ as __, s as sprintf } from "../../default-i18n-DRnM8y4w.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { Notice } from "../notice/notice.js";
 import { RichLabel } from "../rich-label/rich-label.js";
@@ -48,6 +48,8 @@ function $83013635b024ae3d$export$eac1895992b9f3d6(ref, options) {
 }
 const $99b62ae3ff97ec45$export$c5f62239608282b6 = /* @__PURE__ */ new WeakMap();
 function $99b62ae3ff97ec45$export$567fc7097e064344(state, key, role) {
+  if (!state)
+    return "";
   if (typeof key === "string") key = key.replace(/\s+/g, "");
   let baseId = $99b62ae3ff97ec45$export$c5f62239608282b6.get(state);
   return `${baseId}-${role}-${key}`;
@@ -115,12 +117,6 @@ class $bfc6f2d60b8a4c40$export$15010ca3c1abe90b {
     if (this.flipDirection) return this.getPreviousKey(key);
     return this.getNextKey(key);
   }
-  getKeyAbove(key) {
-    return this.getPreviousKey(key);
-  }
-  getKeyBelow(key) {
-    return this.getNextKey(key);
-  }
   isDisabled(key) {
     var _this_collection_getItem_props, _this_collection_getItem;
     return this.disabledKeys.has(key) || !!((_this_collection_getItem = this.collection.getItem(key)) === null || _this_collection_getItem === void 0 ? void 0 : (_this_collection_getItem_props = _this_collection_getItem.props) === null || _this_collection_getItem_props === void 0 ? void 0 : _this_collection_getItem_props.isDisabled);
@@ -135,6 +131,14 @@ class $bfc6f2d60b8a4c40$export$15010ca3c1abe90b {
     if (key != null && this.isDisabled(key)) key = this.getPreviousKey(key);
     return key;
   }
+  getKeyAbove(key) {
+    if (this.tabDirection) return null;
+    return this.getPreviousKey(key);
+  }
+  getKeyBelow(key) {
+    if (this.tabDirection) return null;
+    return this.getNextKey(key);
+  }
   getNextKey(key) {
     do {
       key = this.collection.getKeyAfter(key);
@@ -153,6 +157,7 @@ class $bfc6f2d60b8a4c40$export$15010ca3c1abe90b {
     this.collection = collection;
     this.flipDirection = direction === "rtl" && orientation === "horizontal";
     this.disabledKeys = disabledKeys;
+    this.tabDirection = orientation === "horizontal";
   }
 }
 function $58d314389b21fa3f$export$773e389e644c5874(props, state, ref) {
@@ -531,7 +536,7 @@ const TabList = (props) => {
       className: ({ orientation }) => clsx(
         "es-uic-flex",
         orientation === "vertical" && "es-uic-h-full es-uic-flex-col es-uic-gap-px es-uic-pr-1.5",
-        orientation === "horizontal" && "es-uic-w-full es-uic-items-end es-uic-gap-1 es-uic-border-b es-uic-border-b-gray-300",
+        orientation === "horizontal" && "es-uic-w-full es-uic-items-stretch es-uic-gap-1 es-uic-border-b es-uic-border-b-gray-300",
         className
       ),
       ...other,

package/dist/components/toggle/switch.js

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, h as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3, c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../../utils-Du2x3YVu.js";
+import { a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, h as $64fa3d84918910a7$export$ef03459518577ad4, b as $64fa3d84918910a7$export$4d86445c2cf5e3, c as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "../../utils-BCJajCwh.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import React__default, { forwardRef, createContext } from "react";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-Dj0JhD9W.js";
-import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-Cn2nQUNS.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rz8eyzby.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-xMzk3syC.js";
-import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-DsMLX-RC.js";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-DZXLEnA_.js";
+import { $ as $d2c8e2b0480f3f34$export$cbe85ee05b554577 } from "../../useToggle-BmltE9Zr.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-BMOTWmOx.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-CgFLw4FA.js";
+import { $ as $5c3e21d68f1c4674$export$439d29a4e110a164 } from "../../VisuallyHidden-WhC7vZaL.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 function $b418ec0c85c52f27$export$d853f7095ae95f88(props, state, ref) {
   let { labelProps, inputProps, isSelected, isPressed, isDisabled, isReadOnly } = $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref);

package/dist/components/toggle/toggle.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BqW0M3HN.js";
+import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BwqMVkuV.js";
 import { Switch } from "./switch.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 /**

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

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { n as $ff5963eb1fccf552$export$e08e3b67e392101e, c as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-Du2x3YVu.js";
+import { n as $ff5963eb1fccf552$export$e08e3b67e392101e, c as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-BCJajCwh.js";
 import React__default, { forwardRef, createContext } from "react";
-import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-Dj0JhD9W.js";
-import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../../useButton-6H5k2W5N.js";
-import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-rz8eyzby.js";
-import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-xMzk3syC.js";
+import { $ as $3017fa7ffdddec74$export$8042c6c013fd5226 } from "../../useToggleState-DZXLEnA_.js";
+import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "../../useButton-Cy9eEev7.js";
+import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "../../useFocusRing-BMOTWmOx.js";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "../../focusSafely-CgFLw4FA.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
-import { T as Tooltip } from "../../tooltip-srrt1p-b.js";
+import { T as Tooltip } from "../../tooltip-eKaARDoV.js";
 function $55f54f7887471b58$export$51e84d46ca0bc451(props, state, ref) {
   const { isSelected } = state;
   const { isPressed, buttonProps } = $701a24aa0da5b062$export$ea18c227d4417cc3({

package/dist/components/tooltip/tooltip.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
-import { D, T } from "../../tooltip-srrt1p-b.js";
+import { D, T } from "../../tooltip-eKaARDoV.js";
 import "../../lite-DVmmD_-j.js";
 import "react";
-import "../../focusSafely-xMzk3syC.js";
-import "../../utils-Du2x3YVu.js";
+import "../../focusSafely-CgFLw4FA.js";
+import "../../utils-BCJajCwh.js";
 export {
   D as DecorativeTooltip,
   T as Tooltip

package/dist/{context-kCEA3M_y.js → context-Cs-ZD1nu.js}

@@ -1,5 +1,5 @@
 import React__default, { useState, useEffect, useContext } from "react";
-import { d as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-Du2x3YVu.js";
+import { d as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-BCJajCwh.js";
 const $148a7a147e38ea7f$var$RTL_SCRIPTS = /* @__PURE__ */ new Set([
   "Arab",
   "Syrc",

package/dist/{default-i18n-BqWys-1G.js → default-i18n-DRnM8y4w.js}

@@ -761,8 +761,8 @@ function createHasHook(hooks, storeKey) {
     return hookName in hooksStore;
   };
 }
-function createRunHook(hooks, storeKey, returnFirstArg = false) {
-  return function runHooks(hookName, ...args) {
+function createRunHook(hooks, storeKey, returnFirstArg, async) {
+  return function runHook(hookName, ...args) {
     const hooksStore = hooks[storeKey];
     if (!hooksStore[hookName]) {
       hooksStore[hookName] = {
@@ -784,37 +784,59 @@ function createRunHook(hooks, storeKey, returnFirstArg = false) {
       name: hookName,
       currentIndex: 0
     };
-    hooksStore.__current.push(hookInfo);
-    while (hookInfo.currentIndex < handlers.length) {
-      const handler = handlers[hookInfo.currentIndex];
-      const result = handler.callback.apply(null, args);
-      if (returnFirstArg) {
-        args[0] = result;
+    async function asyncRunner() {
+      try {
+        hooksStore.__current.add(hookInfo);
+        let result = returnFirstArg ? args[0] : void 0;
+        while (hookInfo.currentIndex < handlers.length) {
+          const handler = handlers[hookInfo.currentIndex];
+          result = await handler.callback.apply(null, args);
+          if (returnFirstArg) {
+            args[0] = result;
+          }
+          hookInfo.currentIndex++;
+        }
+        return returnFirstArg ? result : void 0;
+      } finally {
+        hooksStore.__current.delete(hookInfo);
       }
-      hookInfo.currentIndex++;
     }
-    hooksStore.__current.pop();
-    if (returnFirstArg) {
-      return args[0];
+    function syncRunner() {
+      try {
+        hooksStore.__current.add(hookInfo);
+        let result = returnFirstArg ? args[0] : void 0;
+        while (hookInfo.currentIndex < handlers.length) {
+          const handler = handlers[hookInfo.currentIndex];
+          result = handler.callback.apply(null, args);
+          if (returnFirstArg) {
+            args[0] = result;
+          }
+          hookInfo.currentIndex++;
+        }
+        return returnFirstArg ? result : void 0;
+      } finally {
+        hooksStore.__current.delete(hookInfo);
+      }
     }
-    return void 0;
+    return (async ? asyncRunner : syncRunner)();
   };
 }
 function createCurrentHook(hooks, storeKey) {
   return function currentHook() {
     var _a;
-    var _hooksStore$__current;
+    var _currentArray$at$name;
     const hooksStore = hooks[storeKey];
-    return (_hooksStore$__current = (_a = hooksStore.__current[hooksStore.__current.length - 1]) == null ? void 0 : _a.name) !== null && _hooksStore$__current !== void 0 ? _hooksStore$__current : null;
+    const currentArray = Array.from(hooksStore.__current);
+    return (_currentArray$at$name = (_a = currentArray.at(-1)) == null ? void 0 : _a.name) !== null && _currentArray$at$name !== void 0 ? _currentArray$at$name : null;
   };
 }
 function createDoingHook(hooks, storeKey) {
   return function doingHook(hookName) {
     const hooksStore = hooks[storeKey];
     if ("undefined" === typeof hookName) {
-      return "undefined" !== typeof hooksStore.__current[0];
+      return hooksStore.__current.size > 0;
     }
-    return hooksStore.__current[0] ? hookName === hooksStore.__current[0].name : false;
+    return Array.from(hooksStore.__current).some((hook) => hook.name === hookName);
   };
 }
 function createDidHook(hooks, storeKey) {
@@ -829,9 +851,9 @@ function createDidHook(hooks, storeKey) {
 class _Hooks {
   constructor() {
     this.actions = /* @__PURE__ */ Object.create(null);
-    this.actions.__current = [];
+    this.actions.__current = /* @__PURE__ */ new Set();
     this.filters = /* @__PURE__ */ Object.create(null);
-    this.filters.__current = [];
+    this.filters.__current = /* @__PURE__ */ new Set();
     this.addAction = createAddHook(this, "actions");
     this.addFilter = createAddHook(this, "filters");
     this.removeAction = createRemoveHook(this, "actions");
@@ -840,8 +862,10 @@ class _Hooks {
     this.hasFilter = createHasHook(this, "filters");
     this.removeAllActions = createRemoveHook(this, "actions", true);
     this.removeAllFilters = createRemoveHook(this, "filters", true);
-    this.doAction = createRunHook(this, "actions");
-    this.applyFilters = createRunHook(this, "filters", true);
+    this.doAction = createRunHook(this, "actions", false, false);
+    this.doActionAsync = createRunHook(this, "actions", false, true);
+    this.applyFilters = createRunHook(this, "filters", true, false);
+    this.applyFiltersAsync = createRunHook(this, "filters", true, true);
     this.currentAction = createCurrentHook(this, "actions");
     this.currentFilter = createCurrentHook(this, "filters");
     this.doingAction = createDoingHook(this, "actions");

package/dist/{focusSafely-xMzk3syC.js → focusSafely-CgFLw4FA.js}

@@ -1,4 +1,4 @@
-import { j as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-Du2x3YVu.js";
+import { j as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, d as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-BCJajCwh.js";
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
 const $431fbd86ca7dc216$export$b204af158042fbac = (el) => {
   var _el_ownerDocument;

package/dist/icons/jsx-svg.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { s as svgToJsxString, a as source_default } from "../react-jsx-parser.min-sPC96O_U.js";
+import { s as svgToJsxString, a as source_default } from "../react-jsx-parser.min-B5HVwW_W.js";
 /**
  * Renders SVG string as JSX SVGs.
  *

package/dist/index.js

@@ -26,6 +26,7 @@ import { ListBox } from "./components/list-box/list-box.js";
 import { MatrixAlign } from "./components/matrix-align/matrix-align.js";
 import { MediaPlaceholder } from "./components/placeholders/media-placeholder.js";
 import { Menu, MenuItem, MenuSection, MenuSeparator, SubMenuItem } from "./components/menu/menu.js";
+import { MiniResponsive } from "./components/responsive/mini-responsive.js";
 import { Notice } from "./components/notice/notice.js";
 import { NumberPicker } from "./components/number-picker/number-picker.js";
 import { Popover, TriggeredPopover } from "./components/popover/popover.js";
@@ -50,7 +51,7 @@ import { Tab, TabList, TabPanel, Tabs } from "./components/tabs/tabs.js";
 import { Toggle } from "./components/toggle/toggle.js";
 import { Switch } from "./components/toggle/switch.js";
 import { ToggleButton } from "./components/toggle-button/toggle-button.js";
-import { D, T } from "./tooltip-srrt1p-b.js";
+import { D, T } from "./tooltip-eKaARDoV.js";
 import { VStack } from "./components/layout/vstack.js";
 import { getColumnConfigOutputText } from "./components/slider/utils.js";
 export {
@@ -90,6 +91,7 @@ export {
   MenuItem,
   MenuSection,
   MenuSeparator,
+  MiniResponsive,
   Modal,
   MultiSelect,
   Notice,

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

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

package/dist/{react-jsx-parser.min-sPC96O_U.js → react-jsx-parser.min-B5HVwW_W.js}

@@ -7,7 +7,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
 var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var _parseJSX, _parseExpression, _parseMemberExpression, _parseName, _parseElement;
+var _parseJSX, _parseExpression, _parseChainExpression, _parseMemberExpression, _parseName, _parseElement;
 function getLocator(source, options) {
   if (options === void 0) {
     options = {};
@@ -13129,6 +13129,12 @@ var NO_WHITESPACE = [
   "thead",
   "tr"
 ];
+class NullishShortCircuit extends Error {
+  constructor(message = "Nullish value encountered") {
+    super(message);
+    this.name = "NullishShortCircuit";
+  }
+}
 var hash = (value = "", radix = 16) => {
   const string = String(value);
   let h = 0;
@@ -13170,6 +13176,9 @@ var resolveArrayPath = (object, path) => {
   return subPath.length === 0 ? object[property] : resolveArrayPath(object[property], subPath);
 };
 var resolvePath = (object, path) => resolveArrayPath(object, pathToArrayPath(path));
+function handleNaN(child) {
+  return Number.isNaN(child) ? "NaN" : child;
+}
 class JsxParser extends import_react.default.Component {
   constructor() {
     super(...arguments);
@@ -13215,69 +13224,100 @@ class JsxParser extends import_react.default.Component {
         case "ArrayExpression":
           return expression.elements.map((ele) => __privateGet(this, _parseExpression).call(this, ele, scope));
         case "BinaryExpression":
+          const binaryLeft = __privateGet(this, _parseExpression).call(this, expression.left, scope);
+          const binaryRight = __privateGet(this, _parseExpression).call(this, expression.right, scope);
+          let binaryResult;
           switch (expression.operator) {
             case "-":
-              return __privateGet(this, _parseExpression).call(this, expression.left) - __privateGet(this, _parseExpression).call(this, expression.right);
+              binaryResult = binaryLeft - binaryRight;
+              break;
             case "!=":
-              return __privateGet(this, _parseExpression).call(this, expression.left) != __privateGet(this, _parseExpression).call(this, expression.right);
+              binaryResult = binaryLeft != binaryRight;
+              break;
             case "!==":
-              return __privateGet(this, _parseExpression).call(this, expression.left) !== __privateGet(this, _parseExpression).call(this, expression.right);
+              binaryResult = binaryLeft !== binaryRight;
+              break;
             case "*":
-              return __privateGet(this, _parseExpression).call(this, expression.left) * __privateGet(this, _parseExpression).call(this, expression.right);
+              binaryResult = binaryLeft * binaryRight;
+              break;
             case "**":
-              return __privateGet(this, _parseExpression).call(this, expression.left) ** __privateGet(this, _parseExpression).call(this, expression.right);
+              binaryResult = binaryLeft ** binaryRight;
+              break;
             case "/":
-              return __privateGet(this, _parseExpression).call(this, expression.left) / __privateGet(this, _parseExpression).call(this, expression.right);
+              binaryResult = binaryLeft / binaryRight;
+              break;
             case "%":
-              return __privateGet(this, _parseExpression).call(this, expression.left) % __privateGet(this, _parseExpression).call(this, expression.right);
+              binaryResult = binaryLeft % binaryRight;
+              break;
             case "+":
-              return __privateGet(this, _parseExpression).call(this, expression.left) + __privateGet(this, _parseExpression).call(this, expression.right);
+              binaryResult = binaryLeft + binaryRight;
+              break;
             case "<":
-              return __privateGet(this, _parseExpression).call(this, expression.left) < __privateGet(this, _parseExpression).call(this, expression.right);
+              binaryResult = binaryLeft < binaryRight;
+              break;
             case "<=":
-              return __privateGet(this, _parseExpression).call(this, expression.left) <= __privateGet(this, _parseExpression).call(this, expression.right);
+              binaryResult = binaryLeft <= binaryRight;
+              break;
             case "==":
-              return __privateGet(this, _parseExpression).call(this, expression.left) == __privateGet(this, _parseExpression).call(this, expression.right);
+              binaryResult = binaryLeft == binaryRight;
+              break;
             case "===":
-              return __privateGet(this, _parseExpression).call(this, expression.left) === __privateGet(this, _parseExpression).call(this, expression.right);
+              binaryResult = binaryLeft === binaryRight;
+              break;
             case ">":
-              return __privateGet(this, _parseExpression).call(this, expression.left) > __privateGet(this, _parseExpression).call(this, expression.right);
+              binaryResult = binaryLeft > binaryRight;
+              break;
             case ">=":
-              return __privateGet(this, _parseExpression).call(this, expression.left) >= __privateGet(this, _parseExpression).call(this, expression.right);
+              binaryResult = binaryLeft >= binaryRight;
+              break;
+            default:
+              this.props.onError(new Error(`Unsupported binary operator: ${expression.operator}`));
+              return;
           }
-          return;
+          return handleNaN(binaryResult);
         case "CallExpression":
-          const parsedCallee = __privateGet(this, _parseExpression).call(this, expression.callee);
+          const parsedCallee = __privateGet(this, _parseExpression).call(this, expression.callee, scope);
           if (parsedCallee === void 0) {
+            if (expression.optional) {
+              throw new NullishShortCircuit();
+            }
             this.props.onError(new Error(`The expression '${expression.callee}' could not be resolved, resulting in an undefined return value.`));
             return;
           }
           return parsedCallee(...expression.arguments.map((arg) => __privateGet(this, _parseExpression).call(this, arg, expression.callee)));
         case "ConditionalExpression":
-          return __privateGet(this, _parseExpression).call(this, expression.test) ? __privateGet(this, _parseExpression).call(this, expression.consequent) : __privateGet(this, _parseExpression).call(this, expression.alternate);
+          return __privateGet(this, _parseExpression).call(this, expression.test, scope) ? __privateGet(this, _parseExpression).call(this, expression.consequent, scope) : __privateGet(this, _parseExpression).call(this, expression.alternate, scope);
         case "ExpressionStatement":
-          return __privateGet(this, _parseExpression).call(this, expression.expression);
+          return __privateGet(this, _parseExpression).call(this, expression.expression, scope);
         case "Identifier":
+          if (expression.name === "Infinity")
+            return Infinity;
+          if (expression.name === "-Infinity")
+            return -Infinity;
+          if (expression.name === "NaN")
+            return NaN;
           if (scope && expression.name in scope) {
-            return scope[expression.name];
+            return handleNaN(scope[expression.name]);
           }
-          return (this.props.bindings || {})[expression.name];
+          return handleNaN((this.props.bindings || {})[expression.name]);
         case "Literal":
           return expression.value;
         case "LogicalExpression":
-          const left = __privateGet(this, _parseExpression).call(this, expression.left);
+          const left = __privateGet(this, _parseExpression).call(this, expression.left, scope);
           if (expression.operator === "||" && left)
             return left;
           if (expression.operator === "&&" && left || expression.operator === "||" && !left) {
-            return __privateGet(this, _parseExpression).call(this, expression.right);
+            return __privateGet(this, _parseExpression).call(this, expression.right, scope);
           }
           return false;
         case "MemberExpression":
           return __privateGet(this, _parseMemberExpression).call(this, expression, scope);
+        case "ChainExpression":
+          return __privateGet(this, _parseChainExpression).call(this, expression, scope);
         case "ObjectExpression":
           const object = {};
           expression.properties.forEach((prop) => {
-            object[prop.key.name || prop.key.value] = __privateGet(this, _parseExpression).call(this, prop.value);
+            object[prop.key.name || prop.key.value] = __privateGet(this, _parseExpression).call(this, prop.value, scope);
           });
           return object;
         case "TemplateElement":
@@ -13287,15 +13327,16 @@ class JsxParser extends import_react.default.Component {
             if (a.start < b.start)
               return -1;
             return 1;
-          }).map((item) => __privateGet(this, _parseExpression).call(this, item)).join("");
+          }).map((item) => __privateGet(this, _parseExpression).call(this, item, scope)).join("");
         case "UnaryExpression":
+          const unaryValue = __privateGet(this, _parseExpression).call(this, expression.argument, scope);
           switch (expression.operator) {
             case "+":
-              return expression.argument.value;
+              return +unaryValue;
             case "-":
-              return -expression.argument.value;
+              return -unaryValue;
             case "!":
-              return !expression.argument.value;
+              return !unaryValue;
           }
           return;
         case "ArrowFunctionExpression":
@@ -13309,37 +13350,45 @@ class JsxParser extends import_react.default.Component {
             });
             return __privateGet(this, _parseExpression).call(this, expression.body, functionScope);
           };
+        default:
+          this.props.onError(new Error(`The expression type '${expression.type}' is not supported.`));
+          return;
+      }
+    });
+    __privateAdd(this, _parseChainExpression, (expression, scope) => {
+      try {
+        return __privateGet(this, _parseExpression).call(this, expression.expression, scope);
+      } catch (error) {
+        if (error instanceof NullishShortCircuit)
+          return;
+        throw error;
       }
     });
     __privateAdd(this, _parseMemberExpression, (expression, scope) => {
-      var _a, _b;
-      let { object } = expression;
-      const path = [((_a = expression.property) == null ? void 0 : _a.name) ?? JSON.parse(((_b = expression.property) == null ? void 0 : _b.raw) ?? '""')];
-      if (expression.object.type !== "Literal") {
-        while (object && ["MemberExpression", "Literal"].includes(object == null ? void 0 : object.type)) {
-          const { property } = object;
-          if (object.computed) {
-            path.unshift(__privateGet(this, _parseExpression).call(this, property, scope));
-          } else {
-            path.unshift((property == null ? void 0 : property.name) ?? JSON.parse((property == null ? void 0 : property.raw) ?? '""'));
-          }
-          object = object.object;
-        }
+      const object = __privateGet(this, _parseExpression).call(this, expression.object, scope);
+      let property;
+      if (expression.computed) {
+        property = __privateGet(this, _parseExpression).call(this, expression.property, scope);
+      } else if (expression.property.type === "Identifier") {
+        property = expression.property.name;
+      } else {
+        this.props.onError(new Error("Only simple MemberExpressions are supported."));
+        return;
+      }
+      if (object === null || object === void 0) {
+        if (expression.optional)
+          throw new NullishShortCircuit();
       }
-      const target = __privateGet(this, _parseExpression).call(this, object, scope);
+      let member;
       try {
-        let parent = target;
-        const member = path.reduce((value, next) => {
-          parent = value;
-          return value[next];
-        }, target);
-        if (typeof member === "function")
-          return member.bind(parent);
-        return member;
-      } catch {
-        const name = (object == null ? void 0 : object.name) || "unknown";
-        this.props.onError(new Error(`Unable to parse ${name}["${path.join('"]["')}"]}`));
+        member = object[property];
+      } catch (error) {
+        this.props.onError(new Error(`The property '${property}' could not be resolved on the object '${object}'.`));
+        return;
       }
+      if (typeof member === "function")
+        return member.bind(object);
+      return member;
     });
     __privateAdd(this, _parseName, (element) => {
       if (element.type === "JSXIdentifier") {
@@ -13434,6 +13483,7 @@ class JsxParser extends import_react.default.Component {
 }
 _parseJSX = new WeakMap();
 _parseExpression = new WeakMap();
+_parseChainExpression = new WeakMap();
 _parseMemberExpression = new WeakMap();
 _parseName = new WeakMap();
 _parseElement = new WeakMap();

package/dist/{textSelection-D5Bit8i8.js → textSelection-CvK0YHTZ.js}

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