@eightshift/ui-components 5.3.0 → 5.3.2

package/dist/components/button/button.js

@@ -10,7 +10,7 @@ import { c as cva } from "../../index-Dq3gT5pW.js";
 import { Tooltip } from "../tooltip/tooltip.js";
 import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
 import { icons } from "../../icons/icons.js";
-import "../../react-jsx-parser.min-LF707GK8.js";
+import "../../react-jsx-parser.min-VUl-CuCv.js";
 function $2680b1829e803644$export$fa142eb1681c520(props, ref) {
   const { "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, orientation = "horizontal" } = props;
   let [isInToolbar, setInToolbar] = useState(false);
@@ -89,6 +89,32 @@ const $13c3c67164f4d5be$export$4c260019440d418f = /* @__PURE__ */ forwardRef(fun
     "data-orientation": props.orientation || "horizontal"
   }, renderProps.children);
 });
+/**
+ * @typedef {import('../tooltip/tooltip').TooltipProps} TooltipProps
+ *
+ * @preserve
+ * */
+/**
+ * @typedef {Object} ButtonProps
+ * @property {JSX.Element} [props.icon] - Icon to display within the button.
+ * @property {ButtonSize} [props.size='default'] - The size of the button.
+ * @property {ButtonType} [props.type='default'] - The type of the button.
+ * @property {boolean} [props.disabled] - If `true`, the button is disabled.
+ * @property {string} [props.className] - Classes to pass to the button.
+ * @property {string|boolean} [props.tooltip] - Tooltip text to display on hover. If set to `true` and an `aria-label` is not provided, the tooltip text will be used as the `aria-label`.
+ * @property {Function} [props.onPress] - Function to run when the button is pressed.
+ * @property {React.Ref} [props.forwardedRef] - Ref to forward to the button. Use the same as the `ref` prop.
+ * @property {string} [props.wrapperClassName] - Classes to pass to the tooltip wrapper.
+ * @property {TooltipProps} [props.tooltipProps] - Props to pass to the tooltip.
+ * @property {boolean} [props.pending] - If `true`, the button is in a pending state, which can be used to indicate that an action is being processed.
+ * @property {string} [props.pendingAriaLabel='Loading'] - ARIA label for the pending state, used for screen readers.
+ * @property {boolean} [props.hidden] - If `true`, the component is not rendered.
+ *
+ * @typedef {'small' | 'default' | 'large'} ButtonSize
+ * @typedef {'default' | 'selected' | 'selectedGhost' | 'ghost' | 'danger' | 'dangerGhost'} ButtonType
+ *
+ * @preserve
+ */
 /**
  * A simple button component.
  *

package/dist/components/draggable/draggable-handle.js

@@ -4,7 +4,7 @@ import "../../default-i18n-CN_q3KUs.js";
 import { DraggableContext } from "./draggable-context.js";
 import { useContext } from "react";
 import { icons } from "../../icons/icons.js";
-import "../../react-jsx-parser.min-LF707GK8.js";
+import "../../react-jsx-parser.min-VUl-CuCv.js";
 /**
  * A Draggable item handle.
  *

package/dist/components/draggable-list/draggable-list-item.js

@@ -4,7 +4,7 @@ import "../../default-i18n-CN_q3KUs.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { icons } from "../../icons/icons.js";
 import { cloneElement } from "react";
-import "../../react-jsx-parser.min-LF707GK8.js";
+import "../../react-jsx-parser.min-VUl-CuCv.js";
 /**
  * A DraggableList item.
  *

package/dist/components/menu/menu.js

@@ -8,6 +8,12 @@ import { Popover } from "../popover/popover.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { cloneElement } from "react";
 import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
+/**
+ * @typedef {import('../button/button').ButtonProps} ButtonProps
+ * @typedef {import('../popover/popover').PopoverProps} PopoverProps
+ *
+ * @preserve
+ * */
 /**
  * A simple menu component.
  *

package/dist/components/modal/modal.js

@@ -9,7 +9,7 @@ import { Button } from "../button/button.js";
 import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { icons } from "../../icons/icons.js";
-import "../../react-jsx-parser.min-LF707GK8.js";
+import "../../react-jsx-parser.min-VUl-CuCv.js";
 import { HStack } from "../layout/hstack.js";
 let $5df64b3807dc15ee$var$visualViewport = typeof document !== "undefined" && window.visualViewport;
 function $5df64b3807dc15ee$export$d699905dd57c73ca() {
@@ -210,6 +210,11 @@ function $f3f84453ead64de5$var$ModalContent(props) {
     onDismiss: state.close
   }), renderProps.children);
 }
+/**
+ * @typedef {import('../button/button').ButtonProps} ButtonProps
+ *
+ * @preserve
+ * */
 /**
  * Modal dialog.
  *

package/dist/components/popover/popover.js

@@ -3,6 +3,27 @@ import { e as $07b14b47974efb58$export$5b6b19405a83ff9d, f as $de32f1b87079253c$
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { _ as __ } from "../../default-i18n-CN_q3KUs.js";
 import { Button } from "../button/button.js";
+/**
+ * @typedef {Object} PopoverProps
+ * @property {React.Ref} props.triggerRef - Ref of the trigger button. In uncontrolled mode, this element will be used to open the popover. In controlled mode, the popover will be anchored to this element.
+ * @property {boolean} [props.openByDefault=false] - (**Controlled mode**) If `true`, the popover is open by default.
+ * @property {boolean} props.isOpen - (**Uncontrolled mode**) If `true`, the popover is open.
+ * @property {Function} props.onOpenChange - (**Uncontrolled mode**) Function to run when the popover is opened or closed. `(isOpen: boolean) => void`.
+ * @property {PopoverPlacement} props.placement - The placement of the popover.
+ * @property {string} [props.className] - Classes to pass to the popover contents.
+ * @property {string} [props.wrapperClassName] - Classes to pass to the popover wrapper.
+ * @property {Object} props.style - Styles to pass to the popover.
+ * @property {number} props.offset - Offset from the trigger element, on the same axis as the placement of the popover (e.g. if `placement` is `left`, this controls the horizontal spacing from the element).
+ * @property {number} props.crossOffset - Offset from the trigger element, on the opposite axis as the placement of the popover (e.g. if `placement` is `left`, this controls the vertical spacing from the element).
+ * @property {number} props.containerPadding - Space that should be left between the popover and the edge of the container (the default container is browser window).
+ * @property {boolean} props.shouldFlip - If `true`, the popover should flip when there is not enough space.
+ * @property {Function} [props.shouldCloseOnInteractOutside=() => true] - Allows ignoring close events for certain elements. `(element: HTMLElement) => boolean`.
+ * @property {boolean} [props.hidden] - If `true`, the component is not rendered.
+ *
+ * @typedef {'bottom' | 'bottom left' | 'bottom right' | 'bottom start' | 'bottom end' | 'top' | 'top left' | 'top right' | 'top start' | 'top end' | 'left' | 'left top' | 'left bottom' | 'start' | 'start top' | 'start bottom' | 'right' | 'right top' | 'right bottom' | 'end' | 'end top' | 'end bottom'} PopoverPlacement
+ *
+ * @preserve
+ */
 /**
  * A popover component.
  *
@@ -112,6 +133,11 @@ const Popover = (props) => {
     }
   );
 };
+/**
+ * @typedef {import('../button/button').ButtonProps} ButtonProps
+ *
+ * @preserve
+ * */
 /**
  * A simple version of the Popover component that includes a trigger button.
  * The control of the popover is handled internally. A custom trigger can be provided.

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

@@ -11,7 +11,7 @@ import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../../Text-Ax
 import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6 } from "../../../useDragAndDrop-DVLrIdEn.js";
 import { useRef, useEffect, cloneElement } from "react";
 import { icons } from "../../../icons/icons.js";
-import "../../../react-jsx-parser.min-LF707GK8.js";
+import "../../../react-jsx-parser.min-VUl-CuCv.js";
 import { OptionItemBase } from "./shared.js";
 import { RichLabel } from "../../rich-label/rich-label.js";
 import { c as clsx } from "../../../utils-cvK1vxO7.js";

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

@@ -10,7 +10,7 @@ import { e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-
 import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, b as $82d7e5349645de74$export$ef445b55be0601bd } from "../../../Select-ciHB1pub.js";
 import { useRef, useEffect, cloneElement, useContext } from "react";
 import { icons } from "../../../icons/icons.js";
-import "../../../react-jsx-parser.min-LF707GK8.js";
+import "../../../react-jsx-parser.min-VUl-CuCv.js";
 import { OptionItemBase } from "./shared.js";
 import { RichLabel } from "../../rich-label/rich-label.js";
 import { unescapeHTML } from "../../../utilities/text-helpers.js";

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

@@ -11,7 +11,7 @@ import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../../Text-Ax
 import { $ as $d8f176866e6dc039$export$2cfc5be7a55829f6 } from "../../../useDragAndDrop-DVLrIdEn.js";
 import { useRef, cloneElement } from "react";
 import { icons } from "../../../icons/icons.js";
-import "../../../react-jsx-parser.min-LF707GK8.js";
+import "../../../react-jsx-parser.min-VUl-CuCv.js";
 import { OptionItemBase } from "./shared.js";
 import { RichLabel } from "../../rich-label/rich-label.js";
 import { c as clsx } from "../../../utils-cvK1vxO7.js";

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

@@ -3,7 +3,7 @@ import { a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../../ListBox-
 import { c as clsx } from "../../../utils-cvK1vxO7.js";
 import { icons } from "../../../icons/icons.js";
 import "react";
-import "../../../react-jsx-parser.min-LF707GK8.js";
+import "../../../react-jsx-parser.min-VUl-CuCv.js";
 import { AnimatedVisibility } from "../../animated-visibility/animated-visibility.js";
 const OptionItemBase = (props) => /* @__PURE__ */ jsx(
   $eed445e0843c11d0$export$a11e76429ed99b4,

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

@@ -10,7 +10,7 @@ import { e as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-
 import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, b as $82d7e5349645de74$export$ef445b55be0601bd } from "../../../Select-ciHB1pub.js";
 import { useRef, cloneElement, useContext } from "react";
 import { icons } from "../../../icons/icons.js";
-import "../../../react-jsx-parser.min-LF707GK8.js";
+import "../../../react-jsx-parser.min-VUl-CuCv.js";
 import { OptionItemBase } from "./shared.js";
 import { RichLabel } from "../../rich-label/rich-label.js";
 import { c as clsx } from "../../../utils-cvK1vxO7.js";

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

@@ -102,6 +102,11 @@ const $efde0372d7a700fe$export$d2b052e7b4be1756 = /* @__PURE__ */ forwardRef(fun
     "data-focus-visible": isFocusVisible || void 0
   });
 });
+/**
+ * @typedef {import('../tooltip/tooltip').TooltipProps} TooltipProps
+ *
+ * @preserve
+ * */
 /**
  * A simple toggle button component.
  *

package/dist/components/tooltip/tooltip.js

@@ -345,6 +345,29 @@ function $4e3b923658d69c60$var$TooltipInner(props) {
     }
   }, renderProps.children));
 }
+/**
+ * @typedef {Object} TooltipProps
+ * @property {string|JSX.Element} props.text - The text to display in the tooltip.
+ * @property {TooltipTheme} [props.theme='dark'] - The theme of the tooltip.
+ * @property {number} [props.offset=0] - Additional offset between the tooltip and the element on the main axis (same axis as element).
+ * @property {number} [props.crossOffset=0] - Additional offset between the tooltip and the element on the cross axis (opposite axis as element).
+ * @property {number} [props.containerPadding=12] - Space that should be left between the tooltip and the main containing element (usually browser window).
+ * @property {number} [props.openDelay=1500] - Duration before the tooltip is shown, in milliseconds.
+ * @property {number} [props.closeDelay=500] - Duration before the tooltip is hidden, in milliseconds.
+ * @property {boolean} [props.shouldFlip=true] - If `false`, the tooltip will not flip to the opposite side if there is not enough space.
+ * @property {boolean} [props.defaultOpen] - (**Uncontrolled mode**) Whether the tooltip is initially open.
+ * @property {boolean} [props.open] - (**Controlled mode**) Whether the tooltip is open.
+ * @property {Function} [props.onOpenChange] - (**Controlled mode**) Function to run when the tooltip is opened or closed.
+ * @property {TooltipPlacement} [props.placement] - The side of the trigger element where the tooltip will be displayed.
+ * @property {string} [props.className] - Classes to pass to the tooltip.
+ * @property {RefObject<Element>} [props.triggerRef] - Ref to anchor the tooltip to. If not provided, the tooltip will be anchored to the trigger element.
+ * @property {boolean} [props.arrow] - If `true`, an arrow is shown on the tooltip.
+ *
+ * @typedef {'light' | 'dark'} TooltipTheme
+ * @typedef {'bottom' | 'bottom left' | 'bottom right' | 'bottom start' | 'bottom end' | 'top' | 'top left' | 'top right' | 'top start' | 'top end' | 'left' | 'left top' | 'left bottom' | 'start' | 'start top' | 'start bottom' | 'right' | 'right top' | 'right bottom' | 'end' | 'end top' | 'end bottom'} TooltipPlacement
+ *
+ * @preserve
+ */
 /**
  * A simple tooltip component.
  *

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-LF707GK8.js";
+import { s as svgToJsxString, a as source_default } from "../react-jsx-parser.min-VUl-CuCv.js";
 /**
  * Renders SVG string as JSX SVGs.
  *

package/dist/{react-jsx-parser.min-LF707GK8.js → react-jsx-parser.min-VUl-CuCv.js}

@@ -673,12 +673,12 @@ var require_acorn = __commonJS((exports, module) => {
     var nonASCIIidentifier2 = new RegExp("[" + nonASCIIidentifierStartChars2 + nonASCIIidentifierChars2 + "]");
     function isInAstralSet2(code, set) {
       var pos = 65536;
-      for (var i22 = 0; i22 < set.length; i22 += 2) {
-        pos += set[i22];
+      for (var i3 = 0; i3 < set.length; i3 += 2) {
+        pos += set[i3];
         if (pos > code) {
           return false;
         }
-        pos += set[i22 + 1];
+        pos += set[i3 + 1];
         if (pos >= code) {
           return true;
         }
@@ -845,10 +845,10 @@ var require_acorn = __commonJS((exports, module) => {
     function nextLineBreak2(code, from, end) {
       if (end === void 0)
         end = code.length;
-      for (var i22 = from; i22 < end; i22++) {
-        var next = code.charCodeAt(i22);
+      for (var i3 = from; i3 < end; i3++) {
+        var next = code.charCodeAt(i3);
         if (isNewLine2(next)) {
-          return i22 < end - 1 && next === 13 && code.charCodeAt(i22 + 1) === 10 ? i22 + 2 : i22 + 1;
+          return i3 < end - 1 && next === 13 && code.charCodeAt(i3 + 1) === 10 ? i3 + 2 : i3 + 1;
         }
       }
       return -1;
@@ -1043,8 +1043,8 @@ Defaulting to 2020, but this will stop working in the future.`);
       return (this.currentVarScope().flags & SCOPE_ASYNC2) > 0 && !this.currentVarScope().inClassFieldInit;
     };
     prototypeAccessors2.canAwait.get = function() {
-      for (var i22 = this.scopeStack.length - 1; i22 >= 0; i22--) {
-        var scope = this.scopeStack[i22];
+      for (var i3 = this.scopeStack.length - 1; i3 >= 0; i3--) {
+        var scope = this.scopeStack[i3];
         if (scope.inClassFieldInit || scope.flags & SCOPE_CLASS_STATIC_BLOCK2) {
           return false;
         }
@@ -1080,8 +1080,8 @@ Defaulting to 2020, but this will stop working in the future.`);
       while (len--)
         plugins[len] = arguments[len];
       var cls = this;
-      for (var i22 = 0; i22 < plugins.length; i22++) {
-        cls = plugins[i22](cls);
+      for (var i3 = 0; i3 < plugins.length; i3++) {
+        cls = plugins[i3](cls);
       }
       return cls;
     };
@@ -1236,8 +1236,8 @@ Defaulting to 2020, but this will stop working in the future.`);
         node.body.push(stmt);
       }
       if (this.inModule) {
-        for (var i22 = 0, list22 = Object.keys(this.undefinedExports); i22 < list22.length; i22 += 1) {
-          var name = list22[i22];
+        for (var i3 = 0, list3 = Object.keys(this.undefinedExports); i3 < list3.length; i3 += 1) {
+          var name = list3[i3];
           this.raiseRecoverable(this.undefinedExports[name].start, "Export '" + name + "' is not defined");
         }
       }
@@ -1384,9 +1384,9 @@ Defaulting to 2020, but this will stop working in the future.`);
         node.label = this.parseIdent();
         this.semicolon();
       }
-      var i22 = 0;
-      for (; i22 < this.labels.length; ++i22) {
-        var lab = this.labels[i22];
+      var i3 = 0;
+      for (; i3 < this.labels.length; ++i3) {
+        var lab = this.labels[i3];
         if (node.label == null || lab.name === node.label.name) {
           if (lab.kind != null && (isBreak || lab.kind === "loop")) {
             break;
@@ -1396,7 +1396,7 @@ Defaulting to 2020, but this will stop working in the future.`);
           }
         }
       }
-      if (i22 === this.labels.length) {
+      if (i3 === this.labels.length) {
         this.raise(node.start, "Unsyntactic " + keyword);
       }
       return this.finishNode(node, isBreak ? "BreakStatement" : "ContinueStatement");
@@ -1625,15 +1625,15 @@ Defaulting to 2020, but this will stop working in the future.`);
       return this.finishNode(node, "EmptyStatement");
     };
     pp$82.parseLabeledStatement = function(node, maybeName, expr, context) {
-      for (var i$1 = 0, list22 = this.labels; i$1 < list22.length; i$1 += 1) {
-        var label = list22[i$1];
+      for (var i$1 = 0, list3 = this.labels; i$1 < list3.length; i$1 += 1) {
+        var label = list3[i$1];
         if (label.name === maybeName) {
           this.raise(expr.start, "Label '" + maybeName + "' is already declared");
         }
       }
       var kind = this.type.isLoop ? "loop" : this.type === types$12._switch ? "switch" : null;
-      for (var i22 = this.labels.length - 1; i22 >= 0; i22--) {
-        var label$1 = this.labels[i22];
+      for (var i3 = this.labels.length - 1; i3 >= 0; i3--) {
+        var label$1 = this.labels[i3];
         if (label$1.statementStart === node.start) {
           label$1.statementStart = this.start;
           label$1.kind = kind;
@@ -1800,7 +1800,7 @@ Defaulting to 2020, but this will stop working in the future.`);
       if (this.eat(types$12.semi)) {
         return null;
       }
-      var ecmaVersion22 = this.options.ecmaVersion;
+      var ecmaVersion3 = this.options.ecmaVersion;
       var node = this.startNode();
       var keyName = "";
       var isGenerator = false;
@@ -1808,7 +1808,7 @@ Defaulting to 2020, but this will stop working in the future.`);
       var kind = "method";
       var isStatic = false;
       if (this.eatContextual("static")) {
-        if (ecmaVersion22 >= 13 && this.eat(types$12.braceL)) {
+        if (ecmaVersion3 >= 13 && this.eat(types$12.braceL)) {
           this.parseClassStaticBlock(node);
           return node;
         }
@@ -1819,14 +1819,14 @@ Defaulting to 2020, but this will stop working in the future.`);
         }
       }
       node.static = isStatic;
-      if (!keyName && ecmaVersion22 >= 8 && this.eatContextual("async")) {
+      if (!keyName && ecmaVersion3 >= 8 && this.eatContextual("async")) {
         if ((this.isClassElementNameStart() || this.type === types$12.star) && !this.canInsertSemicolon()) {
           isAsync = true;
         } else {
           keyName = "async";
         }
       }
-      if (!keyName && (ecmaVersion22 >= 9 || !isAsync) && this.eat(types$12.star)) {
+      if (!keyName && (ecmaVersion3 >= 9 || !isAsync) && this.eat(types$12.star)) {
         isGenerator = true;
       }
       if (!keyName && !isAsync && !isGenerator) {
@@ -1847,7 +1847,7 @@ Defaulting to 2020, but this will stop working in the future.`);
       } else {
         this.parseClassElementName(node);
       }
-      if (ecmaVersion22 < 13 || this.type === types$12.parenL || kind !== "method" || isGenerator || isAsync) {
+      if (ecmaVersion3 < 13 || this.type === types$12.parenL || kind !== "method" || isGenerator || isAsync) {
         var isConstructor = !node.static && checkKeyName2(node, "constructor");
         var allowsDirectSuper = isConstructor && constructorAllowsSuper;
         if (isConstructor && kind !== "method") {
@@ -1960,8 +1960,8 @@ Defaulting to 2020, but this will stop working in the future.`);
       }
       var len = this.privateNameStack.length;
       var parent = len === 0 ? null : this.privateNameStack[len - 1];
-      for (var i22 = 0; i22 < used.length; ++i22) {
-        var id = used[i22];
+      for (var i3 = 0; i3 < used.length; ++i3) {
+        var id = used[i3];
         if (!hasOwn2(declared, id.name)) {
           if (parent) {
             parent.used.push(id);
@@ -2038,8 +2038,8 @@ Defaulting to 2020, but this will stop working in the future.`);
           }
           node.source = this.parseExprAtom();
         } else {
-          for (var i22 = 0, list22 = node.specifiers; i22 < list22.length; i22 += 1) {
-            var spec = list22[i22];
+          for (var i3 = 0, list3 = node.specifiers; i3 < list3.length; i3 += 1) {
+            var spec = list3[i3];
             this.checkUnreserved(spec.local);
             this.checkLocalExport(spec.local);
             if (spec.local.type === "Literal") {
@@ -2090,8 +2090,8 @@ Defaulting to 2020, but this will stop working in the future.`);
       if (type === "Identifier") {
         this.checkExport(exports3, pat, pat.start);
       } else if (type === "ObjectPattern") {
-        for (var i22 = 0, list22 = pat.properties; i22 < list22.length; i22 += 1) {
-          var prop = list22[i22];
+        for (var i3 = 0, list3 = pat.properties; i3 < list3.length; i3 += 1) {
+          var prop = list3[i3];
           this.checkPatternExport(exports3, prop);
         }
       } else if (type === "ArrayPattern") {
@@ -2113,8 +2113,8 @@ Defaulting to 2020, but this will stop working in the future.`);
       if (!exports3) {
         return;
       }
-      for (var i22 = 0, list22 = decls; i22 < list22.length; i22 += 1) {
-        var decl = list22[i22];
+      for (var i3 = 0, list3 = decls; i3 < list3.length; i3 += 1) {
+        var decl = list3[i3];
         this.checkPatternExport(exports3, decl.id);
       }
     };
@@ -2220,8 +2220,8 @@ Defaulting to 2020, but this will stop working in the future.`);
       return this.parseIdent(true);
     };
     pp$82.adaptDirectivePrologue = function(statements) {
-      for (var i22 = 0; i22 < statements.length && this.isDirectiveCandidate(statements[i22]); ++i22) {
-        statements[i22].directive = statements[i22].expression.raw.slice(1, -1);
+      for (var i3 = 0; i3 < statements.length && this.isDirectiveCandidate(statements[i3]); ++i3) {
+        statements[i3].directive = statements[i3].expression.raw.slice(1, -1);
       }
     };
     pp$82.isDirectiveCandidate = function(statement) {
@@ -2246,8 +2246,8 @@ Defaulting to 2020, but this will stop working in the future.`);
             if (refDestructuringErrors) {
               this.checkPatternErrors(refDestructuringErrors, true);
             }
-            for (var i22 = 0, list22 = node.properties; i22 < list22.length; i22 += 1) {
-              var prop = list22[i22];
+            for (var i3 = 0, list3 = node.properties; i3 < list3.length; i3 += 1) {
+              var prop = list3[i3];
               this.toAssignable(prop, isBinding);
               if (prop.type === "RestElement" && (prop.argument.type === "ArrayPattern" || prop.argument.type === "ObjectPattern")) {
                 this.raise(prop.argument.start, "Unexpected token");
@@ -2302,8 +2302,8 @@ Defaulting to 2020, but this will stop working in the future.`);
     };
     pp$72.toAssignableList = function(exprList, isBinding) {
       var end = exprList.length;
-      for (var i22 = 0; i22 < end; i22++) {
-        var elt = exprList[i22];
+      for (var i3 = 0; i3 < end; i3++) {
+        var elt = exprList[i3];
         if (elt) {
           this.toAssignable(elt, isBinding);
         }
@@ -2436,8 +2436,8 @@ Defaulting to 2020, but this will stop working in the future.`);
         bindingType = BIND_NONE2;
       switch (expr.type) {
         case "ObjectPattern":
-          for (var i22 = 0, list22 = expr.properties; i22 < list22.length; i22 += 1) {
-            var prop = list22[i22];
+          for (var i3 = 0, list3 = expr.properties; i3 < list3.length; i3 += 1) {
+            var prop = list3[i3];
             this.checkLValInnerPattern(prop, bindingType, checkClashes);
           }
           break;
@@ -2521,8 +2521,8 @@ Defaulting to 2020, but this will stop working in the future.`);
       return !this.exprAllowed;
     };
     pp$62.inGeneratorContext = function() {
-      for (var i22 = this.context.length - 1; i22 >= 1; i22--) {
-        var context = this.context[i22];
+      for (var i3 = this.context.length - 1; i3 >= 1; i3--) {
+        var context = this.context[i3];
         if (context.token === "function") {
           return context.generator;
         }
@@ -3499,8 +3499,8 @@ Defaulting to 2020, but this will stop working in the future.`);
       this.exitScope();
     };
     pp$52.isSimpleParamList = function(params) {
-      for (var i22 = 0, list22 = params; i22 < list22.length; i22 += 1) {
-        var param = list22[i22];
+      for (var i3 = 0, list3 = params; i3 < list3.length; i3 += 1) {
+        var param = list3[i3];
         if (param.type !== "Identifier") {
           return false;
         }
@@ -3509,8 +3509,8 @@ Defaulting to 2020, but this will stop working in the future.`);
     };
     pp$52.checkParams = function(node, allowDuplicates) {
       var nameHash = /* @__PURE__ */ Object.create(null);
-      for (var i22 = 0, list22 = node.params; i22 < list22.length; i22 += 1) {
-        var param = list22[i22];
+      for (var i3 = 0, list3 = node.params; i3 < list3.length; i3 += 1) {
+        var param = list3[i3];
         this.checkLValInnerPattern(param, BIND_VAR2, allowDuplicates ? null : nameHash);
       }
     };
@@ -3693,8 +3693,8 @@ Defaulting to 2020, but this will stop working in the future.`);
         }
         scope$2.functions.push(name);
       } else {
-        for (var i22 = this.scopeStack.length - 1; i22 >= 0; --i22) {
-          var scope$3 = this.scopeStack[i22];
+        for (var i3 = this.scopeStack.length - 1; i3 >= 0; --i3) {
+          var scope$3 = this.scopeStack[i3];
           if (scope$3.lexical.indexOf(name) > -1 && !(scope$3.flags & SCOPE_SIMPLE_CATCH2 && scope$3.lexical[0] === name) || !this.treatFunctionsAsVarInScope(scope$3) && scope$3.functions.indexOf(name) > -1) {
             redeclared = true;
             break;
@@ -3721,16 +3721,16 @@ Defaulting to 2020, but this will stop working in the future.`);
       return this.scopeStack[this.scopeStack.length - 1];
     };
     pp$32.currentVarScope = function() {
-      for (var i22 = this.scopeStack.length - 1; ; i22--) {
-        var scope = this.scopeStack[i22];
+      for (var i3 = this.scopeStack.length - 1; ; i3--) {
+        var scope = this.scopeStack[i3];
         if (scope.flags & SCOPE_VAR2) {
           return scope;
         }
       }
     };
     pp$32.currentThisScope = function() {
-      for (var i22 = this.scopeStack.length - 1; ; i22--) {
-        var scope = this.scopeStack[i22];
+      for (var i3 = this.scopeStack.length - 1; ; i3--) {
+        var scope = this.scopeStack[i3];
         if (scope.flags & SCOPE_VAR2 && !(scope.flags & SCOPE_ARROW2)) {
           return scope;
         }
@@ -3820,13 +3820,13 @@ Defaulting to 2020, but this will stop working in the future.`);
       14: ecma14ScriptValues2
     };
     var data2 = {};
-    function buildUnicodeData2(ecmaVersion22) {
-      var d = data2[ecmaVersion22] = {
-        binary: wordsRegexp2(unicodeBinaryProperties2[ecmaVersion22] + " " + unicodeGeneralCategoryValues2),
-        binaryOfStrings: wordsRegexp2(unicodeBinaryPropertiesOfStrings2[ecmaVersion22]),
+    function buildUnicodeData2(ecmaVersion3) {
+      var d = data2[ecmaVersion3] = {
+        binary: wordsRegexp2(unicodeBinaryProperties2[ecmaVersion3] + " " + unicodeGeneralCategoryValues2),
+        binaryOfStrings: wordsRegexp2(unicodeBinaryPropertiesOfStrings2[ecmaVersion3]),
         nonBinary: {
           General_Category: wordsRegexp2(unicodeGeneralCategoryValues2),
-          Script: wordsRegexp2(unicodeScriptValues2[ecmaVersion22])
+          Script: wordsRegexp2(unicodeScriptValues2[ecmaVersion3])
         }
       };
       d.nonBinary.Script_Extensions = d.nonBinary.Script;
@@ -3895,34 +3895,34 @@ Defaulting to 2020, but this will stop working in the future.`);
     RegExpValidationState3.prototype.raise = function raise2(message) {
       this.parser.raiseRecoverable(this.start, "Invalid regular expression: /" + this.source + "/: " + message);
     };
-    RegExpValidationState3.prototype.at = function at2(i22, forceU) {
+    RegExpValidationState3.prototype.at = function at2(i3, forceU) {
       if (forceU === void 0)
         forceU = false;
       var s = this.source;
       var l = s.length;
-      if (i22 >= l) {
+      if (i3 >= l) {
         return -1;
       }
-      var c = s.charCodeAt(i22);
-      if (!(forceU || this.switchU) || c <= 55295 || c >= 57344 || i22 + 1 >= l) {
+      var c = s.charCodeAt(i3);
+      if (!(forceU || this.switchU) || c <= 55295 || c >= 57344 || i3 + 1 >= l) {
         return c;
       }
-      var next = s.charCodeAt(i22 + 1);
+      var next = s.charCodeAt(i3 + 1);
       return next >= 56320 && next <= 57343 ? (c << 10) + next - 56613888 : c;
     };
-    RegExpValidationState3.prototype.nextIndex = function nextIndex2(i22, forceU) {
+    RegExpValidationState3.prototype.nextIndex = function nextIndex2(i3, forceU) {
       if (forceU === void 0)
         forceU = false;
       var s = this.source;
       var l = s.length;
-      if (i22 >= l) {
+      if (i3 >= l) {
         return l;
       }
-      var c = s.charCodeAt(i22), next;
-      if (!(forceU || this.switchU) || c <= 55295 || c >= 57344 || i22 + 1 >= l || (next = s.charCodeAt(i22 + 1)) < 56320 || next > 57343) {
-        return i22 + 1;
+      var c = s.charCodeAt(i3), next;
+      if (!(forceU || this.switchU) || c <= 55295 || c >= 57344 || i3 + 1 >= l || (next = s.charCodeAt(i3 + 1)) < 56320 || next > 57343) {
+        return i3 + 1;
       }
-      return i22 + 2;
+      return i3 + 2;
     };
     RegExpValidationState3.prototype.current = function current2(forceU) {
       if (forceU === void 0)
@@ -3952,8 +3952,8 @@ Defaulting to 2020, but this will stop working in the future.`);
       if (forceU === void 0)
         forceU = false;
       var pos = this.pos;
-      for (var i22 = 0, list22 = chs; i22 < list22.length; i22 += 1) {
-        var ch = list22[i22];
+      for (var i3 = 0, list3 = chs; i3 < list3.length; i3 += 1) {
+        var ch = list3[i3];
         var current2 = this.at(pos, forceU);
         if (current2 === -1 || current2 !== ch) {
           return false;
@@ -3968,12 +3968,12 @@ Defaulting to 2020, but this will stop working in the future.`);
       var flags = state.flags;
       var u = false;
       var v = false;
-      for (var i22 = 0; i22 < flags.length; i22++) {
-        var flag = flags.charAt(i22);
+      for (var i3 = 0; i3 < flags.length; i3++) {
+        var flag = flags.charAt(i3);
         if (validFlags.indexOf(flag) === -1) {
           this.raise(state.start, "Invalid regular expression flag");
         }
-        if (flags.indexOf(flag, i22 + 1) > -1) {
+        if (flags.indexOf(flag, i3 + 1) > -1) {
           this.raise(state.start, "Duplicate regular expression flag");
         }
         if (flag === "u") {
@@ -4022,8 +4022,8 @@ Defaulting to 2020, but this will stop working in the future.`);
       if (state.maxBackReference > state.numCapturingParens) {
         state.raise("Invalid escape");
       }
-      for (var i22 = 0, list22 = state.backReferenceNames; i22 < list22.length; i22 += 1) {
-        var name = list22[i22];
+      for (var i3 = 0, list3 = state.backReferenceNames; i3 < list3.length; i3 += 1) {
+        var name = list3[i3];
         if (!state.groupNames[name]) {
           state.raise("Invalid named capture referenced");
         }
@@ -4223,8 +4223,8 @@ Defaulting to 2020, but this will stop working in the future.`);
         var known = state.groupNames[state.lastStringValue];
         if (known) {
           if (trackDisjunction) {
-            for (var i22 = 0, list22 = known; i22 < list22.length; i22 += 1) {
-              var altID = list22[i22];
+            for (var i3 = 0, list3 = known; i3 < list3.length; i3 += 1) {
+              var altID = list3[i3];
               if (!altID.separatedFrom(state.branchID)) {
                 state.raise("Duplicate capture group name");
               }
@@ -4884,7 +4884,7 @@ Defaulting to 2020, but this will stop working in the future.`);
     pp$12.regexp_eatFixedHexDigits = function(state, length) {
       var start = state.pos;
       state.lastIntValue = 0;
-      for (var i22 = 0; i22 < length; ++i22) {
+      for (var i3 = 0; i3 < length; ++i3) {
         var ch = state.current();
         if (!isHexDigit2(ch)) {
           state.pos = start;
@@ -5161,8 +5161,8 @@ Defaulting to 2020, but this will stop working in the future.`);
       return this.finishOp(code === 61 ? types$12.eq : types$12.prefix, 1);
     };
     pp2.readToken_question = function() {
-      var ecmaVersion22 = this.options.ecmaVersion;
-      if (ecmaVersion22 >= 11) {
+      var ecmaVersion3 = this.options.ecmaVersion;
+      if (ecmaVersion3 >= 11) {
         var next = this.input.charCodeAt(this.pos + 1);
         if (next === 46) {
           var next2 = this.input.charCodeAt(this.pos + 2);
@@ -5171,7 +5171,7 @@ Defaulting to 2020, but this will stop working in the future.`);
           }
         }
         if (next === 63) {
-          if (ecmaVersion22 >= 12) {
+          if (ecmaVersion3 >= 12) {
             var next2$1 = this.input.charCodeAt(this.pos + 2);
             if (next2$1 === 61) {
               return this.finishOp(types$12.assign, 3);
@@ -5183,9 +5183,9 @@ Defaulting to 2020, but this will stop working in the future.`);
       return this.finishOp(types$12.question, 1);
     };
     pp2.readToken_numberSign = function() {
-      var ecmaVersion22 = this.options.ecmaVersion;
+      var ecmaVersion3 = this.options.ecmaVersion;
       var code = 35;
-      if (ecmaVersion22 >= 13) {
+      if (ecmaVersion3 >= 13) {
         ++this.pos;
         code = this.fullCharCodeAtPos();
         if (isIdentifierStart2(code, true) || code === 92) {
@@ -5336,7 +5336,7 @@ Defaulting to 2020, but this will stop working in the future.`);
       var allowSeparators = this.options.ecmaVersion >= 12 && len === void 0;
       var isLegacyOctalNumericLiteral = maybeLegacyOctalNumericLiteral && this.input.charCodeAt(this.pos) === 48;
       var start = this.pos, total = 0, lastCode = 0;
-      for (var i22 = 0, e = len == null ? Infinity : len; i22 < e; ++i22, ++this.pos) {
+      for (var i3 = 0, e = len == null ? Infinity : len; i3 < e; ++i3, ++this.pos) {
         var code = this.input.charCodeAt(this.pos), val = void 0;
         if (allowSeparators && code === 95) {
           if (isLegacyOctalNumericLiteral) {
@@ -5345,7 +5345,7 @@ Defaulting to 2020, but this will stop working in the future.`);
           if (lastCode === 95) {
             this.raiseRecoverable(this.pos, "Numeric separator must be exactly one underscore");
           }
-          if (i22 === 0) {
+          if (i3 === 0) {
             this.raiseRecoverable(this.pos, "Numeric separator is not allowed at the first of digits");
           }
           lastCode = code;
@@ -11429,17 +11429,16 @@ class JsxParser extends React__default.Component {
     try {
       parsed = parser.parse(wrappedJsx, { ecmaVersion: "latest" });
       parsed = parsed.body[0].expression.children || [];
+      return parsed.map((p) => this.#parseExpression(p)).filter(Boolean);
     } catch (error) {
       if (this.props.showWarnings)
         console.warn(error);
       if (this.props.onError)
         this.props.onError(error);
-      if (this.props.renderError) {
+      if (this.props.renderError)
         return this.props.renderError({ error: String(error) });
-      }
       return null;
     }
-    return parsed.map((p) => this.#parseExpression(p)).filter(Boolean);
   };
   #parseExpression = (expression, scope) => {
     switch (expression.type) {
@@ -11573,6 +11572,10 @@ class JsxParser extends React__default.Component {
             return -unaryValue;
           case "!":
             return !unaryValue;
+          case "~":
+            return ~unaryValue;
+          case "typeof":
+            return typeof unaryValue;
         }
         return;
       case "ArrowFunctionExpression":

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@eightshift/ui-components",
-	"version": "5.3.0",
+	"version": "5.3.2",
 	"type": "module",
 	"main": "./dist/index.js",
 	"module": "./dist/index.js",
@@ -35,7 +35,7 @@
 		"dev": "vite",
 		"start": "vite",
 		"build": "vite build",
-		"lint": "npx eslint",
+		"lint": "bun x eslint",
 		"preview": "vite preview"
 	},
 	"peerDependencies": {
@@ -52,7 +52,7 @@
 		"@dnd-kit/react": "^0.1.21",
 		"@dnd-kit/sortable": "^10.0.0",
 		"@dnd-kit/utilities": "^3.2.2",
-		"@eslint/compat": "^1.3.2",
+		"@eslint/compat": "^1.4.0",
 		"@react-stately/collections": "^3.12.7",
 		"@stylistic/eslint-plugin-js": "^4.4.1",
 		"@tailwindcss/vite": "^4.1.13",
@@ -64,9 +64,9 @@
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
 		"css-gradient-parser": "^0.0.18",
-		"eslint": "^9.35.0",
+		"eslint": "^9.36.0",
 		"eslint-config-prettier": "^10.1.8",
-		"eslint-plugin-jsdoc": "^59.0.0",
+		"eslint-plugin-jsdoc": "^60.1.1",
 		"eslint-plugin-prettier": "^5.5.4",
 		"glob": "^11.0.3",
 		"globals": "^16.4.0",
@@ -84,7 +84,7 @@
 		"react-aria": "^3.43.2",
 		"react-aria-components": "^1.12.2",
 		"react-dom": "^18.3.1",
-		"react-jsx-parser": "^2.4.0",
+		"react-jsx-parser": "^2.4.1",
 		"react-movable": "^3.4.1",
 		"react-select": "^5.10.2",
 		"react-stately": "^3.41.0",
@@ -92,7 +92,7 @@
 		"tailwindcss": "^4.1.13",
 		"tailwindcss-motion": "^1.1.1",
 		"tailwindcss-react-aria-components": "^2.0.1",
-		"vite": "^7.1.6",
+		"vite": "^7.1.7",
 		"vite-plugin-lib-inject-css": "^2.2.2"
 	},
 	"dependencies": {