@eightshift/ui-components 6.1.1 → 6.2.0

package/dist/{Dialog-D0jMcN-a.js → Dialog-DDfABlp4.js}

@@ -2,7 +2,7 @@ import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-CFnNdpN
 import { b as $3ef42575df84b30b$export$9d1611c77c2fe928, k as $df56164dff5785e2$export$4338b53315abf666, d as $bdb11010cef70236$export$f680877a34711e37, c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, o as $ff5963eb1fccf552$export$e08e3b67e392101e, m as $b5e257d569688ac6$export$535bd6ca7f90a273, j as $bdb11010cef70236$export$b4cc09c592e8fdb8, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, a as $64fa3d84918910a7$export$df3a06d6289f983e, h as $64fa3d84918910a7$export$4d86445c2cf5e3, i as $64fa3d84918910a7$export$2881499e37b75b9a, e as $64fa3d84918910a7$export$fabf2dc03a41866e, n as $64fa3d84918910a7$export$c62b8e45d58ddad9, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 } from "./utils-Cr3pLd9c.js";
 import { c as $4e85f108e88277b8$export$b0d3ecf7112093a7, a as $4e85f108e88277b8$export$698f465ec27e93df, $ as $4e85f108e88277b8$export$d688439359537581 } from "./RSPContexts-CJ-HBf0L.js";
 import { e as $dd149f63282afbbf$export$f6211563215e3b37, a as $2a41e45df1593e64$export$d39e1813b3bdd0e1, d as $9daab02d461809db$export$683480f191c0e3ea, $ as $fc909762b330b746$export$61c6a8c84e605fb6, b as $44f671af83e7d9e0$export$2de4954e8ae13b9f } from "./OverlayArrow-Dy0qw7WL.js";
-import { d as $cc38e7bd3fc7b213$export$2bb74740c4e19def, c as $21f1aa98acb08317$export$c57958e35f31ed73, z as $feb5ffebff200149$export$c3d8340acf92597f, m as $ae20dd8cbca75726$export$d6daf82dcd84e87c, q as $c5a24bc478652b5f$export$1005530eda016c13, A as $8a26561d2877236e$export$c24ed0104d07eab9, e as $880e95eb8b93ba9a$export$ecf600387e221c37, $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, h as $e1995378a142960e$export$18af5c7a9e9b3664, n as $23b9f4fcf0fe224b$export$d68d59712b04d9d1, f as $e1995378a142960e$export$bf788dd355e3a401, g as $e1995378a142960e$export$fb8073518f34e6ec, i as $23b9f4fcf0fe224b$export$fd11f34e1d07f134, B as $e1995378a142960e$export$e953bb1cd0f19726, C as $23b9f4fcf0fe224b$export$437f11dc9b403b78, j as $7135fc7d473fd974$export$4feb769f8ddf26c5, k as $7135fc7d473fd974$export$d40e14dec8b060a8, o as $7135fc7d473fd974$export$90e00781bc59d8f9 } from "./SelectionManager-oojq6MOy.js";
+import { e as $cc38e7bd3fc7b213$export$2bb74740c4e19def, d as $21f1aa98acb08317$export$c57958e35f31ed73, B as $feb5ffebff200149$export$c3d8340acf92597f, o as $ae20dd8cbca75726$export$d6daf82dcd84e87c, s as $c5a24bc478652b5f$export$1005530eda016c13, C as $8a26561d2877236e$export$c24ed0104d07eab9, f as $880e95eb8b93ba9a$export$ecf600387e221c37, a as $7af3f5b51489e0b5$export$253fe78d46329472, b as $7613b1592d41b092$export$6cd28814d92fa9c9, c as $d496c0a20b6e58ec$export$6c8a5aaad13c9852, j as $e1995378a142960e$export$18af5c7a9e9b3664, D as $23b9f4fcf0fe224b$export$5ae2504e948afce5, p as $23b9f4fcf0fe224b$export$d68d59712b04d9d1, g as $e1995378a142960e$export$bf788dd355e3a401, $ as $e1995378a142960e$export$fb8073518f34e6ec, k as $23b9f4fcf0fe224b$export$fd11f34e1d07f134, h as $e1995378a142960e$export$e953bb1cd0f19726, i as $23b9f4fcf0fe224b$export$437f11dc9b403b78, l as $7135fc7d473fd974$export$4feb769f8ddf26c5, m as $7135fc7d473fd974$export$d40e14dec8b060a8, q as $7135fc7d473fd974$export$90e00781bc59d8f9 } from "./SelectionManager-iru59gc4.js";
 import $dbSRa$react__default, { useRef, useContext, useEffect, useMemo, useState, useCallback, createContext, forwardRef } from "react";
 import { $ as $1d5b8b8664671ef2$export$c9549807523555e0 } from "./SelectionIndicator-D7WMzeAW.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.js";
@@ -2017,6 +2017,14 @@ function $875d6693e12af071$var$toggleKey(set, key) {
   return res;
 }
 const $72a5793c14baf454$export$e0e4026c12a8bdbb = /* @__PURE__ */ createContext({});
+const $72a5793c14baf454$export$8b251419efc915eb = /* @__PURE__ */ $e1995378a142960e$export$18af5c7a9e9b3664($23b9f4fcf0fe224b$export$5ae2504e948afce5, function Header(props, ref) {
+  [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $72a5793c14baf454$export$e0e4026c12a8bdbb);
+  return /* @__PURE__ */ $dbSRa$react__default.createElement($64fa3d84918910a7$export$df3a06d6289f983e.header, {
+    className: "react-aria-Header",
+    ...props,
+    ref
+  }, props.children);
+});
 const $431f98aba6844401$export$6615d83f6de245ce = /* @__PURE__ */ createContext({});
 class $431f98aba6844401$export$7750289ca694c0b5 extends $23b9f4fcf0fe224b$export$d68d59712b04d9d1 {
   filter(collection, newCollection) {
@@ -2708,20 +2716,21 @@ export {
   $07b14b47974efb58$export$5b6b19405a83ff9d as f,
   $de32f1b87079253c$export$3ddf2d174ce01153 as g,
   $de32f1b87079253c$export$2e1e1122cf0cba88 as h,
-  $325a3faab7a68acd$export$a16aca283550c30d as i,
-  $a11501f3d1d39e6c$export$ea8f71083e90600f as j,
-  $49c51c25361d4cd2$export$ee0f7cc6afcd1c18 as k,
-  $337b884510726a0d$export$14c98a7594375490 as l,
-  $5e3802645cc19319$export$1c3ebcada18427bf as m,
-  $de32f1b87079253c$export$d2f961adcb0afbe as n,
-  $86ea4cb521eb2e37$export$2317d149ed6f78c4 as o,
-  $337b884510726a0d$export$c6fdb837b070b4ff as p,
-  $62d8ded9296f3872$export$cfa2225e87938781 as q,
-  $982254629710d113$export$b95089534ab7c1fd as r,
-  $453cc9f0df89c0a5$export$77d5aafae4e095b2 as s,
-  $2a25aae57d74318e$export$a05409b8bb224a5a as t,
-  $431f98aba6844401$export$6615d83f6de245ce as u,
-  $72a5793c14baf454$export$e0e4026c12a8bdbb as v,
-  $168583247155ddda$export$dc9c12ed27dd1b49 as w,
-  $07b14b47974efb58$export$9b9a0cd73afb7ca4 as x
+  $72a5793c14baf454$export$8b251419efc915eb as i,
+  $325a3faab7a68acd$export$a16aca283550c30d as j,
+  $a11501f3d1d39e6c$export$ea8f71083e90600f as k,
+  $49c51c25361d4cd2$export$ee0f7cc6afcd1c18 as l,
+  $337b884510726a0d$export$14c98a7594375490 as m,
+  $5e3802645cc19319$export$1c3ebcada18427bf as n,
+  $de32f1b87079253c$export$d2f961adcb0afbe as o,
+  $86ea4cb521eb2e37$export$2317d149ed6f78c4 as p,
+  $337b884510726a0d$export$c6fdb837b070b4ff as q,
+  $62d8ded9296f3872$export$cfa2225e87938781 as r,
+  $982254629710d113$export$b95089534ab7c1fd as s,
+  $453cc9f0df89c0a5$export$77d5aafae4e095b2 as t,
+  $2a25aae57d74318e$export$a05409b8bb224a5a as u,
+  $431f98aba6844401$export$6615d83f6de245ce as v,
+  $72a5793c14baf454$export$e0e4026c12a8bdbb as w,
+  $168583247155ddda$export$dc9c12ed27dd1b49 as x,
+  $07b14b47974efb58$export$9b9a0cd73afb7ca4 as y
 };

package/dist/{ListBox-BaN0n5h3.js → ListBox-ByPsaVVK.js}

@@ -1,14 +1,14 @@
 import { c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, d as $bdb11010cef70236$export$f680877a34711e37, b as $3ef42575df84b30b$export$9d1611c77c2fe928, j as $bdb11010cef70236$export$b4cc09c592e8fdb8, o as $ff5963eb1fccf552$export$e08e3b67e392101e, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, k as $df56164dff5785e2$export$4338b53315abf666, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e, i as $64fa3d84918910a7$export$2881499e37b75b9a, n as $64fa3d84918910a7$export$c62b8e45d58ddad9, f as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8 } from "./utils-Cr3pLd9c.js";
-import { e as $880e95eb8b93ba9a$export$ecf600387e221c37, f as $e1995378a142960e$export$bf788dd355e3a401, g as $e1995378a142960e$export$fb8073518f34e6ec, h as $e1995378a142960e$export$18af5c7a9e9b3664, i as $23b9f4fcf0fe224b$export$fd11f34e1d07f134, j as $7135fc7d473fd974$export$4feb769f8ddf26c5, k as $7135fc7d473fd974$export$d40e14dec8b060a8, l as $23b9f4fcf0fe224b$export$8258a0665a675899 } from "./SelectionManager-oojq6MOy.js";
+import { f as $880e95eb8b93ba9a$export$ecf600387e221c37, g as $e1995378a142960e$export$bf788dd355e3a401, $ as $e1995378a142960e$export$fb8073518f34e6ec, h as $e1995378a142960e$export$e953bb1cd0f19726, i as $23b9f4fcf0fe224b$export$437f11dc9b403b78, j as $e1995378a142960e$export$18af5c7a9e9b3664, k as $23b9f4fcf0fe224b$export$fd11f34e1d07f134, l as $7135fc7d473fd974$export$4feb769f8ddf26c5, m as $7135fc7d473fd974$export$d40e14dec8b060a8, n as $23b9f4fcf0fe224b$export$8258a0665a675899 } from "./SelectionManager-iru59gc4.js";
 import $dbSRa$react__default, { useRef, createContext, useCallback, useMemo, forwardRef, useContext, useEffect } from "react";
-import { q as $62d8ded9296f3872$export$cfa2225e87938781, r as $982254629710d113$export$b95089534ab7c1fd, s as $453cc9f0df89c0a5$export$77d5aafae4e095b2, i as $325a3faab7a68acd$export$a16aca283550c30d, t as $2a25aae57d74318e$export$a05409b8bb224a5a, u as $431f98aba6844401$export$6615d83f6de245ce, v as $72a5793c14baf454$export$e0e4026c12a8bdbb } from "./Dialog-D0jMcN-a.js";
+import { r as $62d8ded9296f3872$export$cfa2225e87938781, s as $982254629710d113$export$b95089534ab7c1fd, t as $453cc9f0df89c0a5$export$77d5aafae4e095b2, j as $325a3faab7a68acd$export$a16aca283550c30d, u as $2a25aae57d74318e$export$a05409b8bb224a5a, v as $431f98aba6844401$export$6615d83f6de245ce, w as $72a5793c14baf454$export$e0e4026c12a8bdbb } from "./Dialog-DDfABlp4.js";
 import { c as $4e85f108e88277b8$export$b0d3ecf7112093a7 } from "./RSPContexts-CJ-HBf0L.js";
 import { $ as $1d5b8b8664671ef2$export$c9549807523555e0 } from "./SelectionIndicator-D7WMzeAW.js";
 import { $ as $c8a5a149f625efcf$export$758399f318e6385a } from "./SharedElementTransition-CtoWSaF0.js";
 import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-CjFEHSfr.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-eGTqWSTd.js";
 import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, D as $c87311424ea30a05$export$9ac100e40613ea10, C as $c87311424ea30a05$export$78551043582a6a98, x as $6179b936705e76d3$export$ae780daf29e6d456, m as $507fabe10e71c6fb$export$b9b3dfddab17db27, E as $ea8dcbcb9ea1b556$export$7e924b3091a3bd18, o as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "./useHover-CmyvqeWX.js";
-import { a as $e72dd72e1c76a225$export$ba9d38c0f1bf2b36, $ as $e72dd72e1c76a225$export$2f645645f7bca764, b as $cdc5a6778b766db2$export$a9d04c5684123369 } from "./useListState-B22CApJO.js";
+import { a as $e72dd72e1c76a225$export$ba9d38c0f1bf2b36, $ as $e72dd72e1c76a225$export$2f645645f7bca764, b as $cdc5a6778b766db2$export$a9d04c5684123369 } from "./useListState-HOvCQJFf.js";
 import { $ as $9ab94262bd0047c7$export$420e68273165f4ec, a as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-rUOwLdTK.js";
 import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-DzXzKZZZ.js";
 import { $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7 } from "./context-iUFQCK8m.js";
@@ -511,6 +511,7 @@ function $eed445e0843c11d0$var$ListBoxSectionInner(props, ref, section, classNam
     renderDropIndicator: $612b8eb6cb90e02d$export$971707d8a129a1f7(dragAndDropHooks, dropState)
   })));
 }
+const $eed445e0843c11d0$export$dca12b0bb56e4fc = /* @__PURE__ */ $e1995378a142960e$export$e953bb1cd0f19726($23b9f4fcf0fe224b$export$437f11dc9b403b78, $eed445e0843c11d0$var$ListBoxSectionInner);
 const $eed445e0843c11d0$export$a11e76429ed99b4 = /* @__PURE__ */ $e1995378a142960e$export$18af5c7a9e9b3664($23b9f4fcf0fe224b$export$fd11f34e1d07f134, function ListBoxItem(props, forwardedRef, item) {
   let ref = $df56164dff5785e2$export$4338b53315abf666(forwardedRef);
   let state = useContext($eed445e0843c11d0$export$7c5906fe4f1f2af2);
@@ -684,9 +685,10 @@ $e1995378a142960e$export$18af5c7a9e9b3664($23b9f4fcf0fe224b$export$8258a0665a675
 });
 export {
   $eed445e0843c11d0$export$41f133550aa26f48 as $,
-  $b1f0cad8af73213b$export$3585ede4d035bf14 as a,
-  $b1f0cad8af73213b$export$9145995848b05025 as b,
-  $eed445e0843c11d0$export$7ff8f37d2d81a48d as c,
-  $eed445e0843c11d0$export$7c5906fe4f1f2af2 as d,
-  $eed445e0843c11d0$export$a11e76429ed99b4 as e
+  $eed445e0843c11d0$export$dca12b0bb56e4fc as a,
+  $b1f0cad8af73213b$export$3585ede4d035bf14 as b,
+  $b1f0cad8af73213b$export$9145995848b05025 as c,
+  $eed445e0843c11d0$export$7ff8f37d2d81a48d as d,
+  $eed445e0843c11d0$export$7c5906fe4f1f2af2 as e,
+  $eed445e0843c11d0$export$a11e76429ed99b4 as f
 };

package/dist/{SearchField-CafsA525.js → SearchField-BME59dt-.js}

@@ -3,7 +3,7 @@ import { o as $ff5963eb1fccf552$export$e08e3b67e392101e, d as $bdb11010cef70236$
 import { v as $507fabe10e71c6fb$export$630ff653c5ada6a9, c as $c87311424ea30a05$export$fedb369cb70207f1, s as $c87311424ea30a05$export$a11b0059900ceec8, b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, i as $d4ee10de306f2510$export$cd4e5573fbe2b576, d as $431fbd86ca7dc216$export$b204af158042fbac, N as $507fabe10e71c6fb$export$887a228355cf7d95, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-CmyvqeWX.js";
 import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "./useLabels-D8O3gOdV.js";
 import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-Zze2g7CX.js";
-import { t as $5671b20cf9b562b2$export$831c820ad60f9d12, u as $55f9b1ae81f22853$export$76e4e37e5339496d, v as $5671b20cf9b562b2$export$447a38995de2c711, w as $55f9b1ae81f22853$export$6c5dc7e81d2cc29a, r as $55f9b1ae81f22853$export$2b35b76d2e30e129, x as $21f1aa98acb08317$export$16792effe837dba3, y as $55f9b1ae81f22853$export$759df0d867455a91 } from "./SelectionManager-oojq6MOy.js";
+import { v as $5671b20cf9b562b2$export$831c820ad60f9d12, w as $55f9b1ae81f22853$export$76e4e37e5339496d, x as $5671b20cf9b562b2$export$447a38995de2c711, y as $55f9b1ae81f22853$export$6c5dc7e81d2cc29a, t as $55f9b1ae81f22853$export$2b35b76d2e30e129, z as $21f1aa98acb08317$export$16792effe837dba3, A as $55f9b1ae81f22853$export$759df0d867455a91 } from "./SelectionManager-iru59gc4.js";
 import $dbSRa$react__default, { useRef, useState, useEffect, useCallback, useMemo, createContext } from "react";
 import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-CEDs0LsA.js";
 import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-CFnNdpNZ.js";

package/dist/{SelectionManager-oojq6MOy.js → SelectionManager-iru59gc4.js}

@@ -1,4 +1,4 @@
-import $dbSRa$react__default, { useRef, useState, useEffect, useMemo, cloneElement, useContext, forwardRef, createContext, useCallback, isValidElement } from "react";
+import $dbSRa$react__default, { useRef, useState, useEffect, useMemo, cloneElement, useContext, createContext, forwardRef, useCallback, isValidElement } from "react";
 import { D as $c87311424ea30a05$export$9ac100e40613ea10, g as $d4ee10de306f2510$export$4282f70798064fe0, f as $03deb23ff14920c4$export$4eaf04e54aa8eed6, d as $431fbd86ca7dc216$export$b204af158042fbac, A as $7215afc6de606d6b$export$de79e2c695e052f3, i as $d4ee10de306f2510$export$cd4e5573fbe2b576, K as $c87311424ea30a05$export$e1865c3bedcd822b, L as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, u as $3ad3f6e1647bc98d$export$80f3e147d781571c, v as $507fabe10e71c6fb$export$630ff653c5ada6a9, q as $b4b717babfbb907b$export$bebd5a1431fec25d, J as $ea8dcbcb9ea1b556$export$95185d699e05d4d7, M as $f645667febf57a63$export$f9762fab77588ecb, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-CmyvqeWX.js";
 import { c as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, b as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37, o as $ff5963eb1fccf552$export$e08e3b67e392101e, m as $b5e257d569688ac6$export$535bd6ca7f90a273 } from "./utils-Cr3pLd9c.js";
 import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-Zze2g7CX.js";
@@ -2425,34 +2425,35 @@ class $d496c0a20b6e58ec$export$6c8a5aaad13c9852 {
   }
 }
 export {
-  $7af3f5b51489e0b5$export$253fe78d46329472 as $,
-  $8a26561d2877236e$export$c24ed0104d07eab9 as A,
-  $e1995378a142960e$export$e953bb1cd0f19726 as B,
-  $23b9f4fcf0fe224b$export$437f11dc9b403b78 as C,
-  $7613b1592d41b092$export$6cd28814d92fa9c9 as a,
-  $d496c0a20b6e58ec$export$6c8a5aaad13c9852 as b,
-  $21f1aa98acb08317$export$c57958e35f31ed73 as c,
-  $cc38e7bd3fc7b213$export$2bb74740c4e19def as d,
-  $880e95eb8b93ba9a$export$ecf600387e221c37 as e,
-  $e1995378a142960e$export$bf788dd355e3a401 as f,
-  $e1995378a142960e$export$fb8073518f34e6ec as g,
-  $e1995378a142960e$export$18af5c7a9e9b3664 as h,
-  $23b9f4fcf0fe224b$export$fd11f34e1d07f134 as i,
-  $7135fc7d473fd974$export$4feb769f8ddf26c5 as j,
-  $7135fc7d473fd974$export$d40e14dec8b060a8 as k,
-  $23b9f4fcf0fe224b$export$8258a0665a675899 as l,
-  $ae20dd8cbca75726$export$d6daf82dcd84e87c as m,
-  $23b9f4fcf0fe224b$export$d68d59712b04d9d1 as n,
-  $7135fc7d473fd974$export$90e00781bc59d8f9 as o,
-  $7135fc7d473fd974$export$a164736487e3f0ae as p,
-  $c5a24bc478652b5f$export$1005530eda016c13 as q,
-  $55f9b1ae81f22853$export$2b35b76d2e30e129 as r,
-  $fb3050f43d946246$export$e32c88dfddc6e1d8 as s,
-  $5671b20cf9b562b2$export$831c820ad60f9d12 as t,
-  $55f9b1ae81f22853$export$76e4e37e5339496d as u,
-  $5671b20cf9b562b2$export$447a38995de2c711 as v,
-  $55f9b1ae81f22853$export$6c5dc7e81d2cc29a as w,
-  $21f1aa98acb08317$export$16792effe837dba3 as x,
-  $55f9b1ae81f22853$export$759df0d867455a91 as y,
-  $feb5ffebff200149$export$c3d8340acf92597f as z
+  $e1995378a142960e$export$fb8073518f34e6ec as $,
+  $55f9b1ae81f22853$export$759df0d867455a91 as A,
+  $feb5ffebff200149$export$c3d8340acf92597f as B,
+  $8a26561d2877236e$export$c24ed0104d07eab9 as C,
+  $23b9f4fcf0fe224b$export$5ae2504e948afce5 as D,
+  $7af3f5b51489e0b5$export$253fe78d46329472 as a,
+  $7613b1592d41b092$export$6cd28814d92fa9c9 as b,
+  $d496c0a20b6e58ec$export$6c8a5aaad13c9852 as c,
+  $21f1aa98acb08317$export$c57958e35f31ed73 as d,
+  $cc38e7bd3fc7b213$export$2bb74740c4e19def as e,
+  $880e95eb8b93ba9a$export$ecf600387e221c37 as f,
+  $e1995378a142960e$export$bf788dd355e3a401 as g,
+  $e1995378a142960e$export$e953bb1cd0f19726 as h,
+  $23b9f4fcf0fe224b$export$437f11dc9b403b78 as i,
+  $e1995378a142960e$export$18af5c7a9e9b3664 as j,
+  $23b9f4fcf0fe224b$export$fd11f34e1d07f134 as k,
+  $7135fc7d473fd974$export$4feb769f8ddf26c5 as l,
+  $7135fc7d473fd974$export$d40e14dec8b060a8 as m,
+  $23b9f4fcf0fe224b$export$8258a0665a675899 as n,
+  $ae20dd8cbca75726$export$d6daf82dcd84e87c as o,
+  $23b9f4fcf0fe224b$export$d68d59712b04d9d1 as p,
+  $7135fc7d473fd974$export$90e00781bc59d8f9 as q,
+  $7135fc7d473fd974$export$a164736487e3f0ae as r,
+  $c5a24bc478652b5f$export$1005530eda016c13 as s,
+  $55f9b1ae81f22853$export$2b35b76d2e30e129 as t,
+  $fb3050f43d946246$export$e32c88dfddc6e1d8 as u,
+  $5671b20cf9b562b2$export$831c820ad60f9d12 as v,
+  $55f9b1ae81f22853$export$76e4e37e5339496d as w,
+  $5671b20cf9b562b2$export$447a38995de2c711 as x,
+  $55f9b1ae81f22853$export$6c5dc7e81d2cc29a as y,
+  $21f1aa98acb08317$export$16792effe837dba3 as z
 };

package/dist/assets/style-admin.css

@@ -3142,6 +3142,10 @@ input[data-rac]::-webkit-search-cancel-button {
   border-radius: var(--es-radius-3xl);
 }
 
+:is(body, body #wpwrap) .es\:rounded-3xl\! {
+  border-radius: var(--es-radius-3xl) !important;
+}
+
 :is(body, body #wpwrap) .es\:rounded-4xl {
   border-radius: var(--es-radius-4xl);
 }
@@ -10292,6 +10296,11 @@ input[data-rac]::-webkit-search-cancel-button {
   border-radius: var(--es-radius-xl) !important;
 }
 
+:is(body, body #wpwrap) .es\:nth-2\:rounded-t-xl:nth-child(2) {
+  border-top-left-radius: var(--es-radius-xl);
+  border-top-right-radius: var(--es-radius-xl);
+}
+
 @media (prefers-contrast: more) {
   :is(body, body #wpwrap) .es\:contrast-more\:text-current {
     color: currentColor;

package/dist/assets/style-editor.css

@@ -3110,6 +3110,10 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-radius: var(--es-radius-3xl);
 }
 
+:is(body, #wpwrap #editor) .es\:rounded-3xl\! {
+  border-radius: var(--es-radius-3xl) !important;
+}
+
 :is(body, #wpwrap #editor) .es\:rounded-4xl {
   border-radius: var(--es-radius-4xl);
 }
@@ -10260,6 +10264,11 @@ button, input:where([type="button"], [type="reset"], [type="submit"]) {
   border-radius: var(--es-radius-xl) !important;
 }
 
+:is(body, #wpwrap #editor) .es\:nth-2\:rounded-t-xl:nth-child(2) {
+  border-top-left-radius: var(--es-radius-xl);
+  border-top-right-radius: var(--es-radius-xl);
+}
+
 @media (prefers-contrast: more) {
   :is(body, #wpwrap #editor) .es\:contrast-more\:text-current {
     color: currentColor;

package/dist/assets/style.css

@@ -3595,6 +3595,10 @@ input[data-rac]::-webkit-search-cancel-button {
     border-radius: var(--es-radius-3xl);
   }
 
+  .es\:rounded-3xl\! {
+    border-radius: var(--es-radius-3xl) !important;
+  }
+
   .es\:rounded-4xl {
     border-radius: var(--es-radius-4xl);
   }
@@ -10745,6 +10749,11 @@ input[data-rac]::-webkit-search-cancel-button {
     border-radius: var(--es-radius-xl) !important;
   }
 
+  .es\:nth-2\:rounded-t-xl:nth-child(2) {
+    border-top-left-radius: var(--es-radius-xl);
+    border-top-right-radius: var(--es-radius-xl);
+  }
+
   @media (prefers-contrast: more) {
     .es\:contrast-more\:text-current {
       color: currentColor;

package/dist/components/color-pickers/solid-color-picker.js

@@ -1444,7 +1444,7 @@ const SolidColorPicker = (props) => {
                 "es:hover:placeholder:text-surface-400",
                 "es:placeholder:text-secondary-400",
                 "es:shadow-xs es:shadow-black/5",
-                "es:rounded-lg es:focus:rounded-xl",
+                "es:rounded-lg! es:focus:rounded-xl!",
                 "es:border-none!"
               )
             }

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

@@ -5,17 +5,17 @@ import { $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "../../FieldError
 import { $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "../../Form-Cq3fu75_.js";
 import { d as $2d73ec29415bd339$export$712718f7aec83d5, b as $3985021b0ad6602f$export$37fb8590cf2c088c, a as $a049562f99e7db0e$export$f9c6924e160136d1, c as $a049562f99e7db0e$export$eb2fcfdbd7ba97d4, $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-B4X6-x6r.js";
 import { a as $01b77f81d0f07f68$export$75b6ee27786ba447, $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
-import { a as $b1f0cad8af73213b$export$3585ede4d035bf14, b as $b1f0cad8af73213b$export$9145995848b05025, c as $eed445e0843c11d0$export$7ff8f37d2d81a48d, d as $eed445e0843c11d0$export$7c5906fe4f1f2af2, $ as $eed445e0843c11d0$export$41f133550aa26f48, e as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../ListBox-BaN0n5h3.js";
-import { w as $168583247155ddda$export$dc9c12ed27dd1b49, t as $2a25aae57d74318e$export$a05409b8bb224a5a, s as $453cc9f0df89c0a5$export$77d5aafae4e095b2, m as $5e3802645cc19319$export$1c3ebcada18427bf, n as $de32f1b87079253c$export$d2f961adcb0afbe, x as $07b14b47974efb58$export$9b9a0cd73afb7ca4, f as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-D0jMcN-a.js";
+import { b as $b1f0cad8af73213b$export$3585ede4d035bf14, c as $b1f0cad8af73213b$export$9145995848b05025, d as $eed445e0843c11d0$export$7ff8f37d2d81a48d, e as $eed445e0843c11d0$export$7c5906fe4f1f2af2, $ as $eed445e0843c11d0$export$41f133550aa26f48, f as $eed445e0843c11d0$export$a11e76429ed99b4 } from "../../ListBox-ByPsaVVK.js";
+import { x as $168583247155ddda$export$dc9c12ed27dd1b49, u as $2a25aae57d74318e$export$a05409b8bb224a5a, t as $453cc9f0df89c0a5$export$77d5aafae4e095b2, n as $5e3802645cc19319$export$1c3ebcada18427bf, o as $de32f1b87079253c$export$d2f961adcb0afbe, y as $07b14b47974efb58$export$9b9a0cd73afb7ca4, f as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-DDfABlp4.js";
 import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "../../Text-CjFEHSfr.js";
-import { m as $ae20dd8cbca75726$export$d6daf82dcd84e87c, q as $c5a24bc478652b5f$export$1005530eda016c13, r as $55f9b1ae81f22853$export$2b35b76d2e30e129, f as $e1995378a142960e$export$bf788dd355e3a401 } from "../../SelectionManager-oojq6MOy.js";
+import { o as $ae20dd8cbca75726$export$d6daf82dcd84e87c, s as $c5a24bc478652b5f$export$1005530eda016c13, t as $55f9b1ae81f22853$export$2b35b76d2e30e129, g as $e1995378a142960e$export$bf788dd355e3a401 } from "../../SelectionManager-iru59gc4.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
 import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, d as $9daab02d461809db$export$683480f191c0e3ea } from "../../OverlayArrow-Dy0qw7WL.js";
 import $dbSRa$react__default, { useRef, useEffect, useMemo, useState, useCallback, forwardRef, createContext } from "react";
-import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-8S94U4xM.js";
+import { $ as $bb77f239b46e8c72$export$3274cf84b703fff } from "../../useFilter-NhAlifsK.js";
 import { b as $e5be200c675c3b3a$export$a763b9476acd3eb, $ as $e5be200c675c3b3a$export$fc1a364ae1f3ff10 } from "../../useFormValidation-DTmPrTD8.js";
-import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-CDZGQDLC.js";
-import { c as $a02d57049d202695$export$d085fb9e920b5ca7 } from "../../useListState-B22CApJO.js";
+import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "../../useSingleSelectListState-BtrMHGeE.js";
+import { c as $a02d57049d202695$export$d085fb9e920b5ca7 } from "../../useListState-HOvCQJFf.js";
 import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52, L as $ea8dcbcb9ea1b556$export$9a302a45f65d0572, K as $c87311424ea30a05$export$e1865c3bedcd822b, i as $d4ee10de306f2510$export$cd4e5573fbe2b576, d as $431fbd86ca7dc216$export$b204af158042fbac, g as $d4ee10de306f2510$export$4282f70798064fe0, a as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "../../useHover-CmyvqeWX.js";
 import { $ as $313b98861ee5dd6c$export$d6875122194c7b44 } from "../../useLabels-D8O3gOdV.js";
 import { $ as $e9faafb641e167db$export$90fc3a17d93f704c } from "../../useEvent-Zze2g7CX.js";

package/dist/components/menu/menu.js

@@ -1,5 +1,5 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { $ as $3674c52c6b3c5bce$export$27d2ad3c5815583e, a as $3674c52c6b3c5bce$export$d9b273488cd8ce6f, b as $3674c52c6b3c5bce$export$2ce376c2cc3355c8, c as $3674c52c6b3c5bce$export$4b1545b4f2016d26, d as $431f98aba6844401$export$1ff3c3f08ae963c0, e as $3674c52c6b3c5bce$export$ecabc99eeffab7ca } from "../../Dialog-D0jMcN-a.js";
+import { $ as $3674c52c6b3c5bce$export$27d2ad3c5815583e, a as $3674c52c6b3c5bce$export$d9b273488cd8ce6f, b as $3674c52c6b3c5bce$export$2ce376c2cc3355c8, c as $3674c52c6b3c5bce$export$4b1545b4f2016d26, d as $431f98aba6844401$export$1ff3c3f08ae963c0, e as $3674c52c6b3c5bce$export$ecabc99eeffab7ca } from "../../Dialog-DDfABlp4.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { icons } from "../../icons/icons.js";
 import { Button } from "../button/button.js";

package/dist/components/modal/modal.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { j as $a11501f3d1d39e6c$export$ea8f71083e90600f, k as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, l as $337b884510726a0d$export$14c98a7594375490, m as $5e3802645cc19319$export$1c3ebcada18427bf, n as $de32f1b87079253c$export$d2f961adcb0afbe, o as $86ea4cb521eb2e37$export$2317d149ed6f78c4, p as $337b884510726a0d$export$c6fdb837b070b4ff, h as $de32f1b87079253c$export$2e1e1122cf0cba88, g as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-D0jMcN-a.js";
+import { k as $a11501f3d1d39e6c$export$ea8f71083e90600f, l as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, m as $337b884510726a0d$export$14c98a7594375490, n as $5e3802645cc19319$export$1c3ebcada18427bf, o as $de32f1b87079253c$export$d2f961adcb0afbe, p as $86ea4cb521eb2e37$export$2317d149ed6f78c4, q as $337b884510726a0d$export$c6fdb837b070b4ff, h as $de32f1b87079253c$export$2e1e1122cf0cba88, g as $de32f1b87079253c$export$3ddf2d174ce01153 } from "../../Dialog-DDfABlp4.js";
 import { $ as $5cb03073d3f54797$export$a8a3e93435678ff9 } from "../../Heading-CY-_gt-U.js";
 import { m as $b5e257d569688ac6$export$535bd6ca7f90a273, b as $3ef42575df84b30b$export$9d1611c77c2fe928, $ as $64fa3d84918910a7$export$29f1550f4b0d4415, k as $df56164dff5785e2$export$4338b53315abf666, l as $5dc95899b306f630$export$c9058316764c140e, h as $64fa3d84918910a7$export$4d86445c2cf5e3, a as $64fa3d84918910a7$export$df3a06d6289f983e, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "../../utils-Cr3pLd9c.js";
 import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "../../filterDOMProps-eGTqWSTd.js";
-import { c as $21f1aa98acb08317$export$c57958e35f31ed73, d as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "../../SelectionManager-oojq6MOy.js";
+import { d as $21f1aa98acb08317$export$c57958e35f31ed73, e as $cc38e7bd3fc7b213$export$2bb74740c4e19def } from "../../SelectionManager-iru59gc4.js";
 import $dbSRa$react__default, { useState, useEffect, forwardRef, useContext, useRef, createContext, useMemo } from "react";
 import { $ as $d3f049242431219c$export$45fda7c47f93fd48, a as $d3f049242431219c$export$6d3443f2c48bfc20 } from "../../animation-Dfl8uEb3.js";
 import { $ as $fc909762b330b746$export$61c6a8c84e605fb6 } from "../../OverlayArrow-Dy0qw7WL.js";

package/dist/components/popover/popover.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { f as $07b14b47974efb58$export$5b6b19405a83ff9d, g as $de32f1b87079253c$export$3ddf2d174ce01153, h as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-D0jMcN-a.js";
+import { f as $07b14b47974efb58$export$5b6b19405a83ff9d, g as $de32f1b87079253c$export$3ddf2d174ce01153, h as $de32f1b87079253c$export$2e1e1122cf0cba88 } from "../../Dialog-DDfABlp4.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
 import { _ as __ } from "../../default-i18n-CnQeC5Pl.js";
 import { Button } from "../button/button.js";

package/dist/components/rich-label/rich-label.js

@@ -6,6 +6,7 @@ import { c as clsx } from "../../clsx-DgYk2OaC.js";
  * @component
  * @param {Object} props - Component props.
  * @param {JSX.Element} [props.icon] - Icon to display.
+ * @param {JSX.Element} [props.endIcon] - Icon to display at the end of the label.
  * @param {string} [props.label] - Label to display.
  * @param {string} [props.subtitle] - Subtitle to display.
  * @param {JSX.Element} [props.as] - Element to render the label as. Not compatible with `contentsOnly`.
@@ -33,6 +34,7 @@ import { c as clsx } from "../../clsx-DgYk2OaC.js";
 const RichLabel = (props) => {
   const {
     icon,
+    endIcon,
     label,
     subtitle,
     as,
@@ -55,7 +57,8 @@ const RichLabel = (props) => {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       icon && /* @__PURE__ */ jsx("span", { className: clsx("es:icon:size-5 es:not-contrast-more:opacity-85", iconClassName), children: icon }),
       label && /* @__PURE__ */ jsx("span", { className: clsx("es:text-balance", labelClassName), children: label }),
-      subtitle && /* @__PURE__ */ jsx("span", { className: clsx("es:text-balance es:text-xs es:not-contrast-more:opacity-65", subtitleClassName), children: subtitle })
+      subtitle && /* @__PURE__ */ jsx("span", { className: clsx("es:text-balance es:text-xs es:not-contrast-more:opacity-65", subtitleClassName), children: subtitle }),
+      endIcon && /* @__PURE__ */ jsx("span", { className: clsx("es:icon:size-5 es:not-contrast-more:opacity-85 es:ml-auto", iconClassName), children: endIcon })
     ] });
   }
   return /* @__PURE__ */ jsxs(ComponentToRender, { className: clsx("es:flex es:items-center es:gap-1.75 es:text-sm", fullWidth && "es:grow", className), children: [
@@ -63,7 +66,8 @@ const RichLabel = (props) => {
     (label || subtitle) && /* @__PURE__ */ jsxs("div", { className: clsx("es:flex es:items-start es:text-balance es:text-start", inlineSubtitle ? "es:gap-1.5" : "es:flex-col", labelSubtitleWrapClassName), children: [
       label && /* @__PURE__ */ jsx("span", { className: clsx('es:font-variation-["wdth"_120,"wght"_400]', labelClassName), children: label }),
       subtitle && /* @__PURE__ */ jsx("span", { className: clsx(!fullSizeSubtitle && "es:text-12", "es:not-contrast-more:opacity-65", subtitleClassName), children: subtitle })
-    ] })
+    ] }),
+    endIcon && /* @__PURE__ */ jsx("span", { className: clsx("es:icon:size-5 es:shrink-0", "es:not-contrast-more:opacity-85 es:ml-auto", iconClassName), children: endIcon })
   ] });
 };
 export {

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

@@ -2,20 +2,20 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { s as sprintf } from "../../sprintf-DmNrJSYG.js";
 import { _ as __, a as _n } from "../../default-i18n-CnQeC5Pl.js";
 import { BaseControl } from "../base-control/base-control.js";
-import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-CafsA525.js";
+import { $ as $d2f53cda644affe3$export$2f2b9559550c7bbc, a as $440f4836bcb56932$export$b94867ecbd698f21 } from "../../SearchField-BME59dt-.js";
 import { $ as $d2b4bc8c273e7be6$export$353f5b6fc5456de1 } from "../../Button-CFnNdpNZ.js";
+import { f as $07b14b47974efb58$export$5b6b19405a83ff9d, i as $72a5793c14baf454$export$8b251419efc915eb } from "../../Dialog-DDfABlp4.js";
 import { $ as $3985021b0ad6602f$export$f5b8910cec6cf069 } from "../../Input-B4X6-x6r.js";
 import { $ as $01b77f81d0f07f68$export$b04be29aa201d4f5 } from "../../Label-BDlf9vIY.js";
-import { $ as $eed445e0843c11d0$export$41f133550aa26f48 } from "../../ListBox-BaN0n5h3.js";
-import { f as $07b14b47974efb58$export$5b6b19405a83ff9d } from "../../Dialog-D0jMcN-a.js";
-import { $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-CMLCUova.js";
-import { useRef, cloneElement } from "react";
+import { $ as $eed445e0843c11d0$export$41f133550aa26f48, a as $eed445e0843c11d0$export$dca12b0bb56e4fc } from "../../ListBox-ByPsaVVK.js";
+import { g as getGroupedOptions, $ as $82d7e5349645de74$export$ef9b1a59e592288f, a as $82d7e5349645de74$export$e288731fd71264f0, S as SelectClearButton, O as OptionItemBase } from "../../shared-HdRrpnhs.js";
+import { $ as $e1995378a142960e$export$fb8073518f34e6ec } from "../../SelectionManager-iru59gc4.js";
+import { useMemo, useRef, cloneElement } from "react";
 import { icons } from "../../icons/icons.js";
 import "../../react-jsx-parser.min-DAh4myol.js";
 import { Spinner } from "../../icons/spinner.js";
 import { RichLabel } from "../rich-label/rich-label.js";
 import { unescapeHTML } from "../../utilities/text-helpers.js";
-import { randomId } from "../../utilities/hash.js";
 import { c as clsx } from "../../clsx-DgYk2OaC.js";
 import { c as cva } from "../../index-BHpUy2Ix.js";
 import { TriggeredPopover } from "../popover/popover.js";
@@ -43,6 +43,7 @@ import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../useAsyncLi
  * @param {Function} [props.getMeta] - Function to get the metadata for the item from the fetched data. `(item: Object<string, any>) => Object<string, any>` (optional)
  * @param {Function} [props.getIcon] - Function to get the icon for the item from the fetched data. `(item: Object<string, any>) => JSX.Element | string`
  * @param {Function} [props.getSubtitle] - Function to get the subtitle for the item from the fetched data. `(item: Object<string, any>) => string`
+ * @param {Function} [props.getGroup] - Function to get the group name for the item from the fetched data. `(item: Object<string, any>) => string`
  * @param {Function} [props.getData] - Function to pre-process the fetched data before it is used in the select. `(data: Object<string, any>[]) => Object<string, any>[]`
  * @param {Function} [props.fetchUrl] - Function to get the URL for fetching data. Provides typed search text if entered. `(searchText: string) => string`
  * @param {Object} [props.fetchConfig] - Configuration object for the fetch request, passed to the `fetch` function.
@@ -52,6 +53,8 @@ import { $ as $f86e6c1ec7da6ebb$export$bc3384a35de93d66 } from "../../useAsyncLi
  * @param {JSX.Element} [props.customValueDisplay] - If provided, replaces the default current value display of each selected item. `({ value: string, label: string, subtitle: string, metadata: any }) => JSX.Element`
  * @param {JSX.Element} [props.customDropdownArrow] - If provided, replaces the default dropdown arrow indicator.
  * @param {string} props.className - Classes to pass to the select menu.
+ * @param {string} [props.groupKey] - If provided, the options will be grouped by this key.
+ * @param {Object} [props.groupValueMapping] - If provided, the group headers will be mapped to these labels/icons.
  * @param {boolean} [props.noMinWidth=false] - If `true`, the select menu will not have a minimum width.
  * @param {boolean} [props.flat] - If `true`, component will look more flat. Useful for nested layer of controls.
  * @param {boolean} [props.noReorder] - If `true`, the option for reordering selected items is disabled.
@@ -98,11 +101,14 @@ const AsyncMultiSelect = (props) => {
     getMeta,
     getIcon,
     getSubtitle,
+    getGroup,
     getData = (data) => data,
     customMenuOption,
     customValueDisplay,
     customDropdownArrow,
     className,
+    groupKey,
+    groupValueMapping,
     flat,
     size = "default",
     noMinWidth = false,
@@ -121,7 +127,8 @@ const AsyncMultiSelect = (props) => {
         json = processLoadedOptions ? processLoadedOptions(getData(res)) : getData(res);
       } else {
         const res = await fetch(fetchUrl(filterText), { ...fetchConfig, signal });
-        json = processLoadedOptions ? processLoadedOptions(getData(await res.json())) : getData(res);
+        const data = await res.json();
+        json = processLoadedOptions ? processLoadedOptions(getData(data)) : getData(data);
       }
       const output = json?.map((item, index) => {
         const id = getValue?.(item) ?? index;
@@ -132,6 +139,9 @@ const AsyncMultiSelect = (props) => {
         if (getSubtitle) {
           entry.subtitle = unescapeHTML(getSubtitle(item));
         }
+        if (getGroup) {
+          entry[groupKey ?? "_group"] = getGroup(item);
+        }
         return entry;
       });
       if (filterText.length > 0) {
@@ -150,6 +160,40 @@ const AsyncMultiSelect = (props) => {
       };
     }
   });
+  const groupedItems = useMemo(
+    () => getGroupedOptions(list?.items, groupKey ?? (getGroup ? "_group" : null), groupValueMapping),
+    [list?.items, groupKey, groupValueMapping, getGroup]
+  );
+  const renderItem = (item) => {
+    let icon2 = item?.icon ?? null;
+    if (typeof item?.icon === "string") {
+      icon2 = icons?.[item.icon] ?? null;
+    }
+    if (getIcon && !icon2) {
+      icon2 = getIcon(item);
+    }
+    return /* @__PURE__ */ jsxs(
+      OptionItemBase,
+      {
+        id: item.value,
+        textValue: item.label,
+        selectIndicator: true,
+        children: [
+          customMenuOption && customMenuOption(item),
+          !customMenuOption && /* @__PURE__ */ jsx(
+            RichLabel,
+            {
+              icon: icon2,
+              label: item.label,
+              subtitle: item.subtitle,
+              noColor: true
+            }
+          )
+        ]
+      },
+      item.value
+    );
+  };
   const handleSelectionChange = (rawSelected) => {
     let selected;
     if (list.filterText.length > 0) {
@@ -168,7 +212,6 @@ const AsyncMultiSelect = (props) => {
       selected = rawSelected;
     }
     list.setSelectedKeys(selected);
-    list.filterText = "";
     if (selected === null || selected === void 0) {
       onChange(null);
       return;
@@ -186,14 +229,7 @@ const AsyncMultiSelect = (props) => {
         ...option
       };
     }).filter(Boolean);
-    onChange(
-      selectedValues.map((item) => ({
-        label: item?.label,
-        value: item?.value,
-        subtitle: item?.subtitle,
-        meta: item?.meta
-      }))
-    );
+    onChange(selectedValues);
   };
   const ref = useRef();
   const currentValueKeys = value?.map((item) => item?.value ?? item);
@@ -276,6 +312,13 @@ const AsyncMultiSelect = (props) => {
       selectionMode: "multiple",
       isDisabled: disabled,
       value: currentValueKeys ?? [],
+      onOpenChange: (isOpen) => {
+        if (!isOpen) {
+          setTimeout(() => {
+            list.setFilterText("");
+          }, 100);
+        }
+      },
       onChange: (selected) => handleSelectionChange(selected),
       placeholder,
       ...rest,
@@ -463,7 +506,7 @@ const AsyncMultiSelect = (props) => {
                                 placeholder: __("Search...", "eightshift-ui-components"),
                                 className: clsx(
                                   "es:peer es:size-full es:h-9.5 es:outline-hidden! es:pl-3.5 es:pr-9 es:shadow-none! es:text-13! es:placeholder:text-surface-500 es:[&::-webkit-search-cancel-button]:hidden",
-                                  "es:bg-accent-900/8 es:m-1.5 es:rounded-3xl es:border-none!",
+                                  "es:bg-accent-900/8 es:m-1.5 es:rounded-3xl! es:border-none!",
                                   "es:inset-ring! es:inset-ring-accent-950/7 es:focus:inset-ring-accent-950/20",
                                   "es:text-accent-950 es:placeholder:text-accent-700/50",
                                   "es:transition"
@@ -473,6 +516,7 @@ const AsyncMultiSelect = (props) => {
                             /* @__PURE__ */ jsx(
                               $d2b4bc8c273e7be6$export$353f5b6fc5456de1,
                               {
+                                slot: "clear",
                                 "aria-label": __("Clear", "eightshift-ui-components"),
                                 className: clsx(
                                   "es:absolute es:right-3 es:top-0 es:bottom-0 es:my-auto es:border-none es:bg-transparent",
@@ -486,11 +530,10 @@ const AsyncMultiSelect = (props) => {
                         }
                       ),
                       list.isLoading && /* @__PURE__ */ jsx("div", { className: "es:p-3 es:min-h-16 es:flex es:items-center es:justify-center", children: /* @__PURE__ */ jsx(Spinner, {}) }),
-                      /* @__PURE__ */ jsx(
+                      /* @__PURE__ */ jsxs(
                         $eed445e0843c11d0$export$41f133550aa26f48,
                         {
                           className: clsx("es:space-y-0.75 es:p-1.5 es:pt-0 es:any-focus:outline-hidden es:h-full es:overflow-y-auto es:rounded-t-xl", list?.isLoading && "es:hidden"),
-                          items: list?.items ?? [],
                           selectedKeys: list.selectedKeys,
                           selectionMode: "multiple",
                           selectionBehavior: "toggle",
@@ -508,34 +551,29 @@ const AsyncMultiSelect = (props) => {
                               noColor: true
                             }
                           ),
-                          children: (item) => {
-                            let icon2 = getIcon ? getIcon(item) : item?.icon ?? null;
-                            if (typeof item?.icon === "string") {
-                              icon2 = icons?.[item.icon] ?? null;
-                            }
-                            return /* @__PURE__ */ jsxs(
-                              OptionItemBase,
+                          children: [
+                            groupedItems && /* @__PURE__ */ jsx($e1995378a142960e$export$fb8073518f34e6ec, { items: groupedItems, children: (section) => /* @__PURE__ */ jsxs(
+                              $eed445e0843c11d0$export$dca12b0bb56e4fc,
                               {
-                                id: item?.value ?? randomId(8),
-                                className: item?.className,
-                                selectIndicator: true,
+                                id: section.key,
+                                className: "es:flex es:flex-col es:gap-0.75",
                                 children: [
-                                  customMenuOption && customMenuOption(item),
-                                  !customMenuOption && /* @__PURE__ */ jsx(
+                                  /* @__PURE__ */ jsx($72a5793c14baf454$export$8b251419efc915eb, { className: "es:px-2.5 es:pb-1 es:pt-3 es:select-none", children: /* @__PURE__ */ jsx(
                                     RichLabel,
                                     {
-                                      icon: icon2,
-                                      label: item?.label,
-                                      subtitle: item?.subtitle,
-                                      labelClassName: "es:line-clamp-1",
-                                      subtitleClassName: "es:line-clamp-1",
-                                      noColor: true
+                                      icon: section?.icon,
+                                      label: section?.label,
+                                      subtitle: section?.subtitle,
+                                      endIcon: section?.endIcon,
+                                      fullWidth: true
                                     }
-                                  )
+                                  ) }),
+                                  /* @__PURE__ */ jsx($e1995378a142960e$export$fb8073518f34e6ec, { items: section.options, children: (item) => renderItem(item) })
                                 ]
                               }
-                            );
-                          }
+                            ) }),
+                            !groupedItems && /* @__PURE__ */ jsx($e1995378a142960e$export$fb8073518f34e6ec, { items: list.items ?? [], children: (item) => renderItem(item) })
+                          ]
                         }
                       )
                     ]