@eightshift/ui-components 5.0.4 → 5.0.6

package/dist/{ComboBox-D7KpCYaK.js → ComboBox-BANSEKnb.js}

@@ -7,11 +7,11 @@ import { a as $a049562f99e7db0e$export$f9c6924e160136d1 } from "./Group-DDPhPPTQ
 import { b as $2d73ec29415bd339$export$712718f7aec83d5, a as $3985021b0ad6602f$export$37fb8590cf2c088c } from "./Input-BmDS8Juy.js";
 import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-JS_ob-kh.js";
 import { d as $b1f0cad8af73213b$export$3585ede4d035bf14, e as $b1f0cad8af73213b$export$9145995848b05025, b as $eed445e0843c11d0$export$7ff8f37d2d81a48d, c as $eed445e0843c11d0$export$7c5906fe4f1f2af2 } from "./ListBox-_nDFq8-H.js";
-import { o as $168583247155ddda$export$dc9c12ed27dd1b49, k as $5e3802645cc19319$export$1c3ebcada18427bf, l as $de32f1b87079253c$export$d2f961adcb0afbe, p as $07b14b47974efb58$export$9b9a0cd73afb7ca4 } from "./Dialog-CJVCRT8_.js";
+import { o as $168583247155ddda$export$dc9c12ed27dd1b49, k as $5e3802645cc19319$export$1c3ebcada18427bf, l as $de32f1b87079253c$export$d2f961adcb0afbe, p as $07b14b47974efb58$export$9b9a0cd73afb7ca4 } from "./Dialog-CmAxaSUv.js";
 import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-BuJgePCv.js";
 import { i as $ae20dd8cbca75726$export$d6daf82dcd84e87c, n as $c5a24bc478652b5f$export$1005530eda016c13, p as $55f9b1ae81f22853$export$2b35b76d2e30e129, e as $e1995378a142960e$export$bf788dd355e3a401 } from "./Collection-uTAXq9Br.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
-import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, g as $9daab02d461809db$export$683480f191c0e3ea } from "./OverlayArrow-CjvnevpX.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, f as $9daab02d461809db$export$683480f191c0e3ea } from "./OverlayArrow-BUfV-5P3.js";
 import { f as $325a3faab7a68acd$export$a16aca283550c30d, g as $2a25aae57d74318e$export$a05409b8bb224a5a, d as $453cc9f0df89c0a5$export$77d5aafae4e095b2 } from "./Separator-BN3mjL6q.js";
 import { b as $e5be200c675c3b3a$export$a763b9476acd3eb, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "./useFormValidation-Dy0PXJg5.js";
 import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "./useSingleSelectListState-DqhemUIh.js";

package/dist/{Dialog-CJVCRT8_.js → Dialog-CmAxaSUv.js}

@@ -1,7 +1,7 @@
 import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-DH22t_SM.js";
 import { l as $df56164dff5785e2$export$4338b53315abf666, d as $3ef42575df84b30b$export$9d1611c77c2fe928, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52, e as $bdb11010cef70236$export$f680877a34711e37, k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, p as $ff5963eb1fccf552$export$e08e3b67e392101e, n as $b5e257d569688ac6$export$535bd6ca7f90a273, j as $bdb11010cef70236$export$b4cc09c592e8fdb8, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, o as $64fa3d84918910a7$export$c62b8e45d58ddad9, m as $5dc95899b306f630$export$c9058316764c140e, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 } from "./utils-CZt7LCbO.js";
 import { $ as $4e85f108e88277b8$export$d688439359537581 } from "./RSPContexts-2lR5GG9p.js";
-import { h as $dd149f63282afbbf$export$f6211563215e3b37, d as $2a41e45df1593e64$export$d39e1813b3bdd0e1, c as $96b38030c423d352$export$9fc1347d4195ccb3, g as $9daab02d461809db$export$683480f191c0e3ea, $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, b as $d3f049242431219c$export$6d3443f2c48bfc20, e as $44f671af83e7d9e0$export$2de4954e8ae13b9f } from "./OverlayArrow-CjvnevpX.js";
+import { g as $dd149f63282afbbf$export$f6211563215e3b37, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, f as $9daab02d461809db$export$683480f191c0e3ea, $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, b as $d3f049242431219c$export$6d3443f2c48bfc20, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f } from "./OverlayArrow-BUfV-5P3.js";
 import { q as $8a26561d2877236e$export$c24ed0104d07eab9, c as $880e95eb8b93ba9a$export$ecf600387e221c37, $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, d as $e1995378a142960e$export$18af5c7a9e9b3664, r as $e1995378a142960e$export$e953bb1cd0f19726, e as $e1995378a142960e$export$bf788dd355e3a401, f as $e1995378a142960e$export$fb8073518f34e6ec, g as $7135fc7d473fd974$export$4feb769f8ddf26c5, h as $7135fc7d473fd974$export$d40e14dec8b060a8, k as $7135fc7d473fd974$export$90e00781bc59d8f9 } from "./Collection-uTAXq9Br.js";
 import { b as $62d8ded9296f3872$export$cfa2225e87938781, c as $982254629710d113$export$b95089534ab7c1fd, d as $453cc9f0df89c0a5$export$77d5aafae4e095b2, e as $d2f53cda644affe3$export$65d2a03b8800d6e3, h as $431f98aba6844401$export$6615d83f6de245ce, i as $72a5793c14baf454$export$e0e4026c12a8bdbb } from "./Separator-BN3mjL6q.js";
 import React__default, { useRef, useContext, useEffect, useMemo, useState, useCallback, forwardRef, createContext } from "react";
@@ -12,6 +12,7 @@ import { I as $e7801be82b4b2a53$export$4debdb1a3f0fa79e, d as $431fbd86ca7dc216$
 import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-C9GO0IDB.js";
 import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BbYZoHvX.js";
 import { c as $9bf71ea28793e738$export$1258395f99bf9cbf, b as $9bf71ea28793e738$export$20e40289641fbbb6 } from "./FocusScope-BEPI2m7u.js";
+import { a as $96b38030c423d352$export$9fc1347d4195ccb3 } from "./PortalProvider---wyKpMr.js";
 import { $ as $dbSRa$reactdom } from "./index-CFozsmNS.js";
 import { b as $f39a9eba43920ace$export$b5d7cc18bb8d2b59 } from "./Hidden-rE6uR-lr.js";
 import { a as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusRing-Bv0UJQl8.js";

package/dist/{OverlayArrow-CjvnevpX.js → OverlayArrow-BUfV-5P3.js}

@@ -1,6 +1,6 @@
 import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, a as $64fa3d84918910a7$export$29f1550f4b0d4415, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "./utils-CZt7LCbO.js";
 import { r as reactDomExports } from "./index-CFozsmNS.js";
-import React__default, { useEffect, useState, useCallback, useRef, useContext, createContext, forwardRef } from "react";
+import React__default, { useEffect, useState, useCallback, useRef, forwardRef, createContext } from "react";
 import { C as $c87311424ea30a05$export$78551043582a6a98, b as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-C2SkI1Fn.js";
 import { $ as $9446cca9a3875146$export$7d15b64cf5a3a4c4 } from "./number-CHmNj-oR.js";
 import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-BbYZoHvX.js";
@@ -562,11 +562,6 @@ function $2a41e45df1593e64$var$translateRTL(position, direction) {
   if (direction === "rtl") return position.replace("start", "right").replace("end", "left");
   return position.replace("start", "left").replace("end", "right");
 }
-const $96b38030c423d352$export$60d741e20e0aa309 = /* @__PURE__ */ createContext({});
-function $96b38030c423d352$export$9fc1347d4195ccb3() {
-  var _useContext;
-  return (_useContext = useContext($96b38030c423d352$export$60d741e20e0aa309)) !== null && _useContext !== void 0 ? _useContext : {};
-}
 function $fc909762b330b746$export$61c6a8c84e605fb6(props) {
   let [isOpen, setOpen] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.isOpen, props.defaultOpen || false, props.onOpenChange);
   const open = useCallback(() => {
@@ -628,10 +623,9 @@ export {
   $fc909762b330b746$export$61c6a8c84e605fb6 as $,
   $d3f049242431219c$export$45fda7c47f93fd48 as a,
   $d3f049242431219c$export$6d3443f2c48bfc20 as b,
-  $96b38030c423d352$export$9fc1347d4195ccb3 as c,
-  $2a41e45df1593e64$export$d39e1813b3bdd0e1 as d,
-  $44f671af83e7d9e0$export$2de4954e8ae13b9f as e,
-  $44f671af83e7d9e0$export$746d02f47f4d381 as f,
-  $9daab02d461809db$export$683480f191c0e3ea as g,
-  $dd149f63282afbbf$export$f6211563215e3b37 as h
+  $2a41e45df1593e64$export$d39e1813b3bdd0e1 as c,
+  $44f671af83e7d9e0$export$2de4954e8ae13b9f as d,
+  $44f671af83e7d9e0$export$746d02f47f4d381 as e,
+  $9daab02d461809db$export$683480f191c0e3ea as f,
+  $dd149f63282afbbf$export$f6211563215e3b37 as g
 };

package/dist/PortalProvider---wyKpMr.js

@@ -0,0 +1,19 @@
+import React__default, { createContext, useContext } from "react";
+const $96b38030c423d352$export$60d741e20e0aa309 = /* @__PURE__ */ createContext({});
+function $96b38030c423d352$export$78efe591171d7d45(props) {
+  let { getContainer } = props;
+  let { getContainer: ctxGetContainer } = $96b38030c423d352$export$9fc1347d4195ccb3();
+  return /* @__PURE__ */ React__default.createElement($96b38030c423d352$export$60d741e20e0aa309.Provider, {
+    value: {
+      getContainer: getContainer === null ? void 0 : getContainer !== null && getContainer !== void 0 ? getContainer : ctxGetContainer
+    }
+  }, props.children);
+}
+function $96b38030c423d352$export$9fc1347d4195ccb3() {
+  var _useContext;
+  return (_useContext = useContext($96b38030c423d352$export$60d741e20e0aa309)) !== null && _useContext !== void 0 ? _useContext : {};
+}
+export {
+  $96b38030c423d352$export$78efe591171d7d45 as $,
+  $96b38030c423d352$export$9fc1347d4195ccb3 as a
+};

package/dist/components/index.js

@@ -29,6 +29,7 @@ import { MiniResponsive } from "./responsive/mini-responsive.js";
 import { Notice } from "./notice/notice.js";
 import { NumberPicker } from "./number-picker/number-picker.js";
 import { Popover, TriggeredPopover } from "./popover/popover.js";
+import { PortalProvider } from "./portal-provider/portal-provider.js";
 import { RadioButton, RadioButtonGroup } from "./radio/radio.js";
 import { Repeater } from "./repeater/repeater.js";
 import { RepeaterItem } from "./repeater/repeater-item.js";
@@ -101,6 +102,7 @@ export {
   OptionsPanelIntro,
   OptionsPanelSection,
   Popover,
+  PortalProvider,
   RSClearIndicator,
   RSDropdownIndicator,
   RSMultiValue,

package/dist/components/link-input/link-input.js

@@ -1,11 +1,11 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-DH22t_SM.js";
-import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66, a as $d01f2c01039c0eec$export$72b9695b8216309a } from "../../ComboBox-D7KpCYaK.js";
+import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66, a as $d01f2c01039c0eec$export$72b9695b8216309a } from "../../ComboBox-BANSEKnb.js";
 import { $ as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4 } from "../../Group-DDPhPPTQ.js";
 import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-BmDS8Juy.js";
 import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-JS_ob-kh.js";
 import { $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../ListBox-_nDFq8-H.js";
-import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-CJVCRT8_.js";
+import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-CmAxaSUv.js";
 import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
 import { icons } from "../../icons/icons.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";

package/dist/components/menu/menu.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { $ as $72a5793c14baf454$export$8b251419efc915eb, a as $431f98aba6844401$export$1ff3c3f08ae963c0 } from "../../Separator-BN3mjL6q.js";
-import { a as $3674c52c6b3c5bce$export$27d2ad3c5815583e, b as $3674c52c6b3c5bce$export$d9b273488cd8ce6f, c as $3674c52c6b3c5bce$export$2ce376c2cc3355c8, d as $3674c52c6b3c5bce$export$4b1545b4f2016d26, e as $3674c52c6b3c5bce$export$ecabc99eeffab7ca } from "../../Dialog-CJVCRT8_.js";
+import { a as $3674c52c6b3c5bce$export$27d2ad3c5815583e, b as $3674c52c6b3c5bce$export$d9b273488cd8ce6f, c as $3674c52c6b3c5bce$export$2ce376c2cc3355c8, d as $3674c52c6b3c5bce$export$4b1545b4f2016d26, e as $3674c52c6b3c5bce$export$ecabc99eeffab7ca } from "../../Dialog-CmAxaSUv.js";
 import { icons } from "../../icons/icons.js";
 import { Button } from "../button/button.js";
 import { Popover } from "../popover/popover.js";
@@ -242,6 +242,7 @@ const MenuItem = (props) => {
  * @component
  * @param {Object} props - Component props.
  * @param {JSX.Element} props.trigger - The trigger button for the submenu. **This should be a `MenuItem`.**
+ * @param {boolean} [props.keepOpen=false] - If `true`, the submenu will not close when an item is selected.
  * @param {Object} [props.popoverProps] - Props to pass to the popover.
  *
  * @returns {JSX.Element} The SubMenuItem component.
@@ -251,7 +252,18 @@ const MenuItem = (props) => {
  * @preserve
  */
 const SubMenuItem = (props) => {
-  const { children, trigger, popoverProps } = props;
+  const { children, trigger, popoverProps, keepOpen } = props;
+  let additionalProps = {};
+  if (keepOpen) {
+    additionalProps = {
+      ...additionalProps,
+      selectionMode: "multiple",
+      selectedKeys: [],
+      onSelectionChange: () => {
+      },
+      items: []
+    };
+  }
   return /* @__PURE__ */ jsxs($3674c52c6b3c5bce$export$ecabc99eeffab7ca, { children: [
     cloneElement(trigger, {
       endIcon: /* @__PURE__ */ jsx("span", { className: "es:text-secondary-400", children: icons.caretRightFill })
@@ -268,6 +280,7 @@ const SubMenuItem = (props) => {
           {
             "aria-label": props["aria-label"] ?? __("Submenu", "eightshift-ui-components"),
             className: "es:any-focus:outline-hidden",
+            ...additionalProps,
             children
           }
         )

package/dist/components/modal/modal.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { h as $a11501f3d1d39e6c$export$ea8f71083e90600f, i as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, j as $337b884510726a0d$export$14c98a7594375490, k as $5e3802645cc19319$export$1c3ebcada18427bf, l as $de32f1b87079253c$export$d2f961adcb0afbe, m as $86ea4cb521eb2e37$export$2317d149ed6f78c4, n as $337b884510726a0d$export$c6fdb837b070b4ff, g as $de32f1b87079253c$export$2e1e1122cf0cba88, f as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-CJVCRT8_.js";
+import { h as $a11501f3d1d39e6c$export$ea8f71083e90600f, i as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, j as $337b884510726a0d$export$14c98a7594375490, k as $5e3802645cc19319$export$1c3ebcada18427bf, l as $de32f1b87079253c$export$d2f961adcb0afbe, m as $86ea4cb521eb2e37$export$2317d149ed6f78c4, n as $337b884510726a0d$export$c6fdb837b070b4ff, g as $de32f1b87079253c$export$2e1e1122cf0cba88, f as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-CmAxaSUv.js";
 import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-ba38ScjJ.js";
 import { n as $b5e257d569688ac6$export$535bd6ca7f90a273, d as $3ef42575df84b30b$export$9d1611c77c2fe928, a as $64fa3d84918910a7$export$29f1550f4b0d4415, l as $df56164dff5785e2$export$4338b53315abf666, m as $5dc95899b306f630$export$c9058316764c140e, b as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-CZt7LCbO.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
 import React__default, { useState, useEffect, forwardRef, useContext, createContext, useRef, useMemo } from "react";
-import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, b as $d3f049242431219c$export$6d3443f2c48bfc20 } from "../../OverlayArrow-CjvnevpX.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, b as $d3f049242431219c$export$6d3443f2c48bfc20 } from "../../OverlayArrow-BUfV-5P3.js";
 import { Button } from "../button/button.js";
 import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";

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

@@ -1,9 +1,9 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import { Fragment } from "react";
 import { icons } from "../../icons/icons.js";
 import { BaseControl } from "../base-control/base-control.js";
 import { ButtonGroup } from "../button/button.js";
-import { Menu, MenuSeparator, MenuItem } from "../menu/menu.js";
+import { SubMenuItem, MenuSeparator, MenuItem, Menu } from "../menu/menu.js";
 import { RadioButtonGroup, RadioButton } from "../radio/radio.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { ToggleButton } from "../toggle-button/toggle-button.js";
@@ -38,7 +38,7 @@ import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
  *
  * @returns {JSX.Element} The OptionSelect component.
  *
- * @typedef {'toggleButtons' | 'toggleButtonsSplit' | 'radios' | 'radiosSegmented' | 'menu'} OptionSelectType
+ * @typedef {'toggleButtons' | 'toggleButtonsSplit' | 'radios' | 'radiosSegmented' | 'menu' | 'submenu' | 'standaloneMenuItems'} OptionSelectType
  *
  * @example
  * <OptionSelect
@@ -55,7 +55,7 @@ import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
  * @preserve
  */
 const OptionSelect = (props) => {
-  var _a;
+  var _a, _b;
   const {
     icon,
     label,
@@ -96,6 +96,129 @@ const OptionSelect = (props) => {
   if (type === "radiosSegmented") {
     radioDesign = "segmented";
   }
+  if (type === "submenu") {
+    return /* @__PURE__ */ jsxs(
+      SubMenuItem,
+      {
+        trigger: /* @__PURE__ */ jsx(
+          MenuItem,
+          {
+            icon: !noTriggerIcon && (icon ?? // eslint-disable-next-line no-nested-ternary
+            (currentItem ? typeof (currentItem == null ? void 0 : currentItem.icon) === "string" ? (_a = icons) == null ? void 0 : _a[currentItem == null ? void 0 : currentItem.icon] : currentItem == null ? void 0 : currentItem.icon : (noTriggerLabel || noTriggerIcon) && notSetLabel)),
+            children: /* @__PURE__ */ jsx(
+              RichLabel,
+              {
+                label: noTriggerLabel ? null : label ?? (currentItem == null ? void 0 : currentItem.label) ?? notSetLabel,
+                subtitle: subtitle === true ? currentItem == null ? void 0 : currentItem.label : subtitle,
+                noColor: true
+              }
+            )
+          }
+        ),
+        ...wrapperProps,
+        children: [
+          options.map(
+            ({
+              label: optionLabel,
+              value: optionValue,
+              icon: optionIcon,
+              endIcon: optionEndIcon,
+              ariaLabel: optionAriaLabel,
+              subtitle: optionSubtitle,
+              separator: optionHasSeparator,
+              sectionTitle: optionSectionTitle,
+              shortcut: optionShortcut,
+              disabled: optionDisabled
+            }) => {
+              var _a2, _b2;
+              return /* @__PURE__ */ jsxs(Fragment, { children: [
+                (optionHasSeparator === true || optionHasSeparator === "above") && /* @__PURE__ */ jsx(MenuSeparator, {}),
+                optionSectionTitle && /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: optionSectionTitle }),
+                /* @__PURE__ */ jsxs(
+                  MenuItem,
+                  {
+                    selected: value === optionValue,
+                    disabled: optionDisabled || disabled,
+                    className: itemClassName,
+                    icon: !noItemIcon && (typeof optionIcon === "string" ? (_a2 = icons) == null ? void 0 : _a2[optionIcon] : optionIcon),
+                    endIcon: !noItemIcon && (typeof optionEndIcon === "string" ? (_b2 = icons) == null ? void 0 : _b2[optionEndIcon] : optionEndIcon),
+                    "aria-label": optionAriaLabel ?? optionLabel,
+                    onClick: () => onChange(optionValue),
+                    shortcut: optionShortcut,
+                    ...itemProps,
+                    children: [
+                      !noItemLabel && !optionSubtitle && optionLabel,
+                      !noItemLabel && optionSubtitle && /* @__PURE__ */ jsx(
+                        RichLabel,
+                        {
+                          label: optionLabel,
+                          subtitle: optionSubtitle,
+                          noColor: true
+                        }
+                      )
+                    ]
+                  }
+                ),
+                optionHasSeparator === "below" && /* @__PURE__ */ jsx(MenuSeparator, {})
+              ] }, optionValue);
+            }
+          ),
+          children
+        ]
+      }
+    );
+  }
+  if (type === "standaloneMenuItems") {
+    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+      options.map(
+        ({
+          label: optionLabel,
+          value: optionValue,
+          icon: optionIcon,
+          endIcon: optionEndIcon,
+          ariaLabel: optionAriaLabel,
+          subtitle: optionSubtitle,
+          separator: optionHasSeparator,
+          sectionTitle: optionSectionTitle,
+          shortcut: optionShortcut,
+          disabled: optionDisabled
+        }) => {
+          var _a2, _b2;
+          return /* @__PURE__ */ jsxs(Fragment, { children: [
+            (optionHasSeparator === true || optionHasSeparator === "above") && /* @__PURE__ */ jsx(MenuSeparator, {}),
+            optionSectionTitle && /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: optionSectionTitle }),
+            /* @__PURE__ */ jsxs(
+              MenuItem,
+              {
+                selected: value === optionValue,
+                disabled: optionDisabled || disabled,
+                className: itemClassName,
+                icon: !noItemIcon && (typeof optionIcon === "string" ? (_a2 = icons) == null ? void 0 : _a2[optionIcon] : optionIcon),
+                endIcon: !noItemIcon && (typeof optionEndIcon === "string" ? (_b2 = icons) == null ? void 0 : _b2[optionEndIcon] : optionEndIcon),
+                "aria-label": optionAriaLabel ?? optionLabel,
+                onClick: () => onChange(optionValue),
+                shortcut: optionShortcut,
+                ...itemProps,
+                children: [
+                  !noItemLabel && !optionSubtitle && optionLabel,
+                  !noItemLabel && optionSubtitle && /* @__PURE__ */ jsx(
+                    RichLabel,
+                    {
+                      label: optionLabel,
+                      subtitle: optionSubtitle,
+                      noColor: true
+                    }
+                  )
+                ]
+              }
+            ),
+            optionHasSeparator === "below" && /* @__PURE__ */ jsx(MenuSeparator, {})
+          ] }, optionValue);
+        }
+      ),
+      children
+    ] });
+  }
   return /* @__PURE__ */ jsxs(
     BaseControl,
     {
@@ -188,7 +311,7 @@ const OptionSelect = (props) => {
           {
             triggerLabel: noTriggerLabel ? null : (currentItem == null ? void 0 : currentItem.label) ?? notSetLabel,
             triggerIcon: !noTriggerIcon && // eslint-disable-next-line no-nested-ternary
-            (currentItem ? typeof (currentItem == null ? void 0 : currentItem.icon) === "string" ? (_a = icons) == null ? void 0 : _a[currentItem == null ? void 0 : currentItem.icon] : currentItem == null ? void 0 : currentItem.icon : (noTriggerLabel || noTriggerIcon) && notSetLabel),
+            (currentItem ? typeof (currentItem == null ? void 0 : currentItem.icon) === "string" ? (_b = icons) == null ? void 0 : _b[currentItem == null ? void 0 : currentItem.icon] : currentItem == null ? void 0 : currentItem.icon : (noTriggerLabel || noTriggerIcon) && notSetLabel),
             tooltip: noTriggerLabel ? /* @__PURE__ */ jsx(
               RichLabel,
               {
@@ -218,7 +341,7 @@ const OptionSelect = (props) => {
                   shortcut: optionShortcut,
                   disabled: optionDisabled
                 }) => {
-                  var _a2, _b;
+                  var _a2, _b2;
                   return /* @__PURE__ */ jsxs(Fragment, { children: [
                     (optionHasSeparator === true || optionHasSeparator === "above") && /* @__PURE__ */ jsx(MenuSeparator, {}),
                     optionSectionTitle && /* @__PURE__ */ jsx(MenuItem, { disabled: true, children: optionSectionTitle }),
@@ -229,7 +352,7 @@ const OptionSelect = (props) => {
                         disabled: optionDisabled || disabled,
                         className: itemClassName,
                         icon: !noItemIcon && (typeof optionIcon === "string" ? (_a2 = icons) == null ? void 0 : _a2[optionIcon] : optionIcon),
-                        endIcon: !noItemIcon && (typeof optionEndIcon === "string" ? (_b = icons) == null ? void 0 : _b[optionEndIcon] : optionEndIcon),
+                        endIcon: !noItemIcon && (typeof optionEndIcon === "string" ? (_b2 = icons) == null ? void 0 : _b2[optionEndIcon] : optionEndIcon),
                         "aria-label": optionAriaLabel ?? optionLabel,
                         onClick: () => onChange(optionValue),
                         shortcut: optionShortcut,

package/dist/components/popover/popover.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d, f as $de32f1b87079253c$export$3ddf2d174ce01153, g as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-CJVCRT8_.js";
+import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d, f as $de32f1b87079253c$export$3ddf2d174ce01153, g as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-CmAxaSUv.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 import { _ as __ } from "../../default-i18n-CT_oS1Fy.js";
 import { Button } from "../button/button.js";

package/dist/components/portal-provider/portal-provider.js

@@ -0,0 +1,24 @@
+import { jsx } from "react/jsx-runtime";
+import { $ as $96b38030c423d352$export$78efe591171d7d45 } from "../../PortalProvider---wyKpMr.js";
+/**
+ * Component that allows changing the default target for transient components like `Menu`, `Popover`, etc.
+ *
+ * @component
+ * @param {Object} props - Component props.
+ * @param {JSX.Element|null} [props.portalElement] - Element to use as the portal container.
+ *
+ * @returns {JSX.Element} The Menu component.
+ *
+ * @example
+ * <PortalProvider>
+ * 	...
+ * </PortalProvider>
+ *
+ * @preserve
+ */
+const PortalProvider = ({ children, portalElement }) => {
+  return /* @__PURE__ */ jsx($96b38030c423d352$export$78efe591171d7d45, { getContainer: () => portalElement, children });
+};
+export {
+  PortalProvider
+};

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

@@ -1,11 +1,11 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { _ as __ } from "../../../default-i18n-CT_oS1Fy.js";
 import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-DH22t_SM.js";
-import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66, a as $d01f2c01039c0eec$export$72b9695b8216309a, b as $d01f2c01039c0eec$export$c02625b26074192c } from "../../../ComboBox-D7KpCYaK.js";
+import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66, a as $d01f2c01039c0eec$export$72b9695b8216309a, b as $d01f2c01039c0eec$export$c02625b26074192c } from "../../../ComboBox-BANSEKnb.js";
 import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../../Input-BmDS8Juy.js";
 import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-JS_ob-kh.js";
 import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-_nDFq8-H.js";
-import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-CJVCRT8_.js";
+import { $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-CmAxaSUv.js";
 import { $ as $514c0188e459b4c0$export$5f1af8db9871e1d6 } from "../../../Text-BuJgePCv.js";
 import { OptionItemBase } from "./shared.js";
 import { RichLabel } from "../../rich-label/rich-label.js";

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

@@ -4,14 +4,14 @@ import { BaseControl } from "../../base-control/base-control.js";
 import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1, $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../../Button-DH22t_SM.js";
 import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../../Label-JS_ob-kh.js";
 import { b as $eed445e0843c11d0$export$7ff8f37d2d81a48d, c as $eed445e0843c11d0$export$7c5906fe4f1f2af2, $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../../ListBox-_nDFq8-H.js";
-import { o as $168583247155ddda$export$dc9c12ed27dd1b49, l as $de32f1b87079253c$export$d2f961adcb0afbe, p as $07b14b47974efb58$export$9b9a0cd73afb7ca4, $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-CJVCRT8_.js";
+import { o as $168583247155ddda$export$dc9c12ed27dd1b49, l as $de32f1b87079253c$export$d2f961adcb0afbe, p as $07b14b47974efb58$export$9b9a0cd73afb7ca4, $ as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../../Dialog-CmAxaSUv.js";
 import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, p as $ff5963eb1fccf552$export$e08e3b67e392101e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, b as $64fa3d84918910a7$export$4d86445c2cf5e3, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$ef03459518577ad4, i as $64fa3d84918910a7$export$2881499e37b75b9a, c as clsx } from "../../../utils-CZt7LCbO.js";
 import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../../FieldError-DHrSdE_Q.js";
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../../Form-Cq3fu75_.js";
 import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../../Text-BuJgePCv.js";
 import { o as $fb3050f43d946246$export$e32c88dfddc6e1d8, e as $e1995378a142960e$export$bf788dd355e3a401 } from "../../../Collection-uTAXq9Br.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../../filterDOMProps-EDDcM64A.js";
-import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, g as $9daab02d461809db$export$683480f191c0e3ea } from "../../../OverlayArrow-CjvnevpX.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, f as $9daab02d461809db$export$683480f191c0e3ea } from "../../../OverlayArrow-BUfV-5P3.js";
 import React__default, { useMemo, useRef, useState, forwardRef, createContext, useContext, useCallback, cloneElement } from "react";
 import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "../../../useLocalizedStringFormatter-C9GO0IDB.js";
 import { a as $e93e671b31057976$export$b8473d3665f3a75a, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../../useFormValidation-Dy0PXJg5.js";

package/dist/components/tooltip/tooltip.js

@@ -1,9 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { c as $96b38030c423d352$export$9fc1347d4195ccb3, $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, d as $2a41e45df1593e64$export$d39e1813b3bdd0e1, b as $d3f049242431219c$export$6d3443f2c48bfc20, e as $44f671af83e7d9e0$export$2de4954e8ae13b9f, f as $44f671af83e7d9e0$export$746d02f47f4d381 } from "../../OverlayArrow-CjvnevpX.js";
+import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, a as $d3f049242431219c$export$45fda7c47f93fd48, c as $2a41e45df1593e64$export$d39e1813b3bdd0e1, b as $d3f049242431219c$export$6d3443f2c48bfc20, d as $44f671af83e7d9e0$export$2de4954e8ae13b9f, e as $44f671af83e7d9e0$export$746d02f47f4d381 } from "../../OverlayArrow-BUfV-5P3.js";
 import { n as $b5e257d569688ac6$export$535bd6ca7f90a273, d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, i as $64fa3d84918910a7$export$2881499e37b75b9a, a as $64fa3d84918910a7$export$29f1550f4b0d4415, k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, b as $64fa3d84918910a7$export$4d86445c2cf5e3 } from "../../utils-CZt7LCbO.js";
 import { $ as $6179b936705e76d3$export$ae780daf29e6d456, a as $f645667febf57a63$export$4c014de7c8940b4c, x as $507fabe10e71c6fb$export$630ff653c5ada6a9, n as $507fabe10e71c6fb$export$b9b3dfddab17db27, y as $f645667febf57a63$export$13f3202a3e5ddd5 } from "../../useHover-C2SkI1Fn.js";
 import React__default, { useContext, useState, useMemo, useRef, useEffect, forwardRef, createContext } from "react";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-EDDcM64A.js";
+import { a as $96b38030c423d352$export$9fc1347d4195ccb3 } from "../../PortalProvider---wyKpMr.js";
 import { $ as $dbSRa$reactdom } from "../../index-CFozsmNS.js";
 import { c as clsx } from "../../lite-DVmmD_-j.js";
 const $f57aed4a881a3485$var$Context = /* @__PURE__ */ React__default.createContext(null);

package/dist/index.js

@@ -29,6 +29,7 @@ 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";
+import { PortalProvider } from "./components/portal-provider/portal-provider.js";
 import { RadioButton, RadioButtonGroup } from "./components/radio/radio.js";
 import { Repeater } from "./components/repeater/repeater.js";
 import { RepeaterItem } from "./components/repeater/repeater-item.js";
@@ -102,6 +103,7 @@ export {
   OptionsPanelIntro,
   OptionsPanelSection,
   Popover,
+  PortalProvider,
   RSClearIndicator,
   RSDropdownIndicator,
   RSMultiValue,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@eightshift/ui-components",
-	"version": "5.0.4",
+	"version": "5.0.6",
 	"type": "module",
 	"main": "./dist/index.js",
 	"module": "./dist/index.js",