@altinn/altinn-components 0.67.4 → 0.67.6

package/dist/{ToolbarSearch-bv2opbAj.js → ToolbarSearch-DyVcALSw.js}

@@ -1,13 +1,13 @@
 "use client";
 import { jsx as a, jsxs as x, Fragment as xe } from "react/jsx-runtime";
 import * as G from "react";
-import C, { forwardRef as Q, useRef as ee, useState as oe, useMemo as ie, useEffect as Y, Fragment as He, useLayoutEffect as Ce, createContext as ot, useContext as at, isValidElement as Ge, useId as De, useCallback as qe, memo as Oe, createElement as st } from "react";
+import C, { forwardRef as Q, useRef as ee, useState as oe, useMemo as le, useEffect as Y, Fragment as He, useLayoutEffect as Ce, createContext as ot, useContext as at, isValidElement as Ge, useId as De, useCallback as qe, memo as Oe, createElement as st } from "react";
 import "./tooltip-Ct39-719.js";
 import { c as U } from "./index-p1eeF8LQ.js";
-import { useEscapeKey as it } from "./hooks/useEscapeKey.js";
+import { useEscapeKey as lt } from "./hooks/useEscapeKey.js";
 import "./components/Typography/Link.js";
 import { Button as ve } from "./components/Button/Button.js";
-import { createPortal as lt } from "react-dom";
+import { createPortal as it } from "react-dom";
 import { useMenu as Me } from "./hooks/useMenu.js";
 import { Typography as Ke } from "./components/Typography/Typography.js";
 import { Skeleton as ue } from "./components/Skeleton/Skeleton.js";
@@ -180,7 +180,7 @@ const Bt = Q((e, o) => {
     C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.5 3.25a7.25 7.25 0 1 0 4.569 12.88l5.411 5.41a.75.75 0 1 0 1.06-1.06l-5.41-5.411A7.25 7.25 0 0 0 10.5 3.25M4.75 10.5a5.75 5.75 0 1 1 11.5 0 5.75 5.75 0 0 1-11.5 0", clipRule: "evenodd" })
   );
 });
-var Tt = function(e, o) {
+var Lt = function(e, o) {
   var n = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -188,8 +188,8 @@ var Tt = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const Lt = Q((e, o) => {
-  var { title: n, titleId: t } = e, r = Tt(e, ["title", "titleId"]);
+const Tt = Q((e, o) => {
+  var { title: n, titleId: t } = e, r = Lt(e, ["title", "titleId"]);
   let s = X();
   return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
@@ -245,7 +245,7 @@ const Ae = Q((e, o) => {
   tooltip: s,
   className: m,
   style: f,
-  children: l
+  children: i
 }) => s ? /* @__PURE__ */ a($e, { content: s, children: /* @__PURE__ */ a(
   "span",
   {
@@ -256,7 +256,7 @@ const Ae = Q((e, o) => {
     "data-theme": t,
     "data-size": r,
     ...r === "xs" && { "aria-hidden": !0 },
-    children: /* @__PURE__ */ a("span", { className: ye.label, children: e || l })
+    children: /* @__PURE__ */ a("span", { className: ye.label, children: e || i })
   }
 ) }) : /* @__PURE__ */ a(
   "span",
@@ -268,7 +268,7 @@ const Ae = Q((e, o) => {
     "data-theme": t,
     "data-size": r,
     ...r === "xs" && { "aria-hidden": !0 },
-    children: /* @__PURE__ */ a("span", { className: ye.label, children: e || l })
+    children: /* @__PURE__ */ a("span", { className: ye.label, children: e || i })
   }
 ), Vt = "_icon_1y3dz_1", Ut = "_shape_1y3dz_9", Wt = "_svg_1y3dz_14", Yt = "_image_1y3dz_15", fe = {
   icon: Vt,
@@ -284,12 +284,12 @@ const Ae = Q((e, o) => {
   iconUrl: s,
   className: m,
   style: f,
-  children: l
+  children: i
 }) => /* @__PURE__ */ a("span", { "data-ui": "icon", "data-size": t, "data-color": r, className: U(fe.icon, m), style: f, children: /* @__PURE__ */ x(ue, { loading: e, variant: "circle", className: fe.shape, children: [
   /* @__PURE__ */ a("span", { className: fe.shape }),
   n && /* @__PURE__ */ a(n, { "aria-hidden": "true", "alt-label": o, className: fe.svg }),
   s && /* @__PURE__ */ a("img", { src: s, alt: o, className: fe.image }),
-  l
+  i
 ] }) }), Qt = ({ size: e, color: o, label: n, htmlFor: t, helperText: r, children: s, ...m }) => /* @__PURE__ */ x(mt, { size: e, color: o, ...m, children: [
   n && /* @__PURE__ */ a(ft, { size: e, htmlFor: t, children: n }),
   s,
@@ -306,10 +306,10 @@ const Ae = Q((e, o) => {
   clearButtonAltText: s = "Clear search",
   onChange: m,
   onClear: f,
-  onNavigate: l,
+  onNavigate: i,
   combobox: h = !1,
   listId: p,
-  "aria-activedescendant": i,
+  "aria-activedescendant": l,
   onKeyDown: b,
   onInput: g,
   onFocus: y,
@@ -334,10 +334,10 @@ const Ae = Q((e, o) => {
       autoCapitalize: "off",
       "aria-autocomplete": "list",
       "aria-controls": p,
-      "aria-activedescendant": i,
+      "aria-activedescendant": l,
       autoFocus: !0,
       onKeyDown: (v) => {
-        (v.key === "ArrowUp" || v.key === "ArrowDown") && (v.preventDefault(), l?.()), b?.(v);
+        (v.key === "ArrowUp" || v.key === "ArrowDown") && (v.preventDefault(), i?.()), b?.(v);
       },
       onInput: g,
       onFocus: y,
@@ -360,7 +360,7 @@ const Ae = Q((e, o) => {
     autoCapitalize: "off",
     autoFocus: !0,
     onKeyDown: (v) => {
-      (v.key === "ArrowUp" || v.key === "ArrowDown") && (v.preventDefault(), l?.()), b?.(v);
+      (v.key === "ArrowUp" || v.key === "ArrowDown") && (v.preventDefault(), i?.()), b?.(v);
     },
     onInput: g,
     onFocus: y,
@@ -375,10 +375,10 @@ const Ae = Q((e, o) => {
   scrollToTopOnOpen: s = !1,
   autoActivateFirstItem: m = !0,
   autoFocusList: f = !0,
-  announceNoResults: l = !1,
+  announceNoResults: i = !1,
   search: h,
   items: p,
-  groups: i = {},
+  groups: l = {},
   size: b,
   id: g,
   color: y,
@@ -391,7 +391,7 @@ const Ae = Q((e, o) => {
 }) => {
   if (o && e >= o)
     return null;
-  const O = t === "combobox", d = O && g ? `${g}-listbox` : g, M = ee(r), z = ee(r), [T, N] = oe(!1), P = ie(
+  const O = t === "combobox", d = O && g ? `${g}-listbox` : g, M = ee(r), z = ee(r), [L, N] = oe(!1), P = le(
     () => p.map((u, k) => ({
       ...u,
       id: u.id || `${g}-item-${k}`
@@ -399,7 +399,7 @@ const Ae = Q((e, o) => {
     [p, g]
   ), j = ee(null), { menu: S, setActiveIndex: R, activeItem: c } = Me({
     items: P,
-    groups: i,
+    groups: l,
     groupByKey: "groupId",
     keyboardEvents: I,
     autoActivateFirstItem: m,
@@ -419,11 +419,11 @@ const Ae = Q((e, o) => {
     const u = z.current;
     z.current = r, !(!I || h || !f) && r && !u && requestAnimationFrame(() => j.current?.focus?.({ preventScroll: !0 }));
   }, [r, I, h]), Y(() => {
-    if (O && l) {
+    if (O && i) {
       R(0), N(!0);
       return;
     }
-  }, [l, O, R]), /* @__PURE__ */ x(
+  }, [i, O, R]), /* @__PURE__ */ x(
     Ie,
     {
       variant: $,
@@ -431,7 +431,7 @@ const Ae = Q((e, o) => {
       ref: j,
       style: v,
       id: d,
-      role: O ? "listbox" : void 0,
+      role: O ? "listbox" : "menu",
       tabIndex: I ? -1 : void 0,
       children: [
         h && /* @__PURE__ */ a(
@@ -440,7 +440,7 @@ const Ae = Q((e, o) => {
             ...h,
             combobox: O,
             listId: d,
-            "aria-activedescendant": O && T ? c?.id : void 0,
+            "aria-activedescendant": O && L ? c?.id : void 0,
             onNavigate: O ? () => N(!0) : void 0,
             onChange: (u) => {
               N(!1), h.onChange?.(u);
@@ -452,19 +452,19 @@ const Ae = Q((e, o) => {
               N(!1), h.onInput?.(u);
             },
             onKeyDown: (u) => {
-              const k = u.key === "ArrowUp" || u.key === "ArrowDown", L = u.key.length === 1 || u.key === "Backspace" || u.key === "Delete";
-              O && !k && L && N(!1), h.onKeyDown?.(u);
+              const k = u.key === "ArrowUp" || u.key === "ArrowDown", T = u.key.length === 1 || u.key === "Backspace" || u.key === "Delete";
+              O && !k && T && N(!1), h.onKeyDown?.(u);
             }
           }
         ),
         S.map((u, k) => {
-          const L = u?.props || {}, { title: F, hidden: K = !1, divider: H = !0 } = L;
+          const T = u?.props || {}, { title: F, hidden: K = !1, divider: H = !0 } = T;
           return /* @__PURE__ */ x(He, { children: [
             (e > 0 || k) && H ? /* @__PURE__ */ a(We, {}) : "",
             /* @__PURE__ */ a(Ue, { hidden: K, children: /* @__PURE__ */ x(Ie, { role: "presentation", children: [
               F && /* @__PURE__ */ a(Ye, { title: F, level: e }),
               u?.items.filter((q) => !q.props?.hidden).map((q, _) => {
-                const { active: w, onMouseEnter: D } = q, { groupId: W, ...B } = q.props || {}, { expanded: J } = B, le = Array.isArray(B?.items) && B.items.length > 0, ge = B.role === "checkbox" || B.role === "radio", Ne = O && !ge ? "option" : B.role;
+                const { active: w, onMouseEnter: D } = q, { groupId: W, ...B } = q.props || {}, { expanded: J } = B, ie = Array.isArray(B?.items) && B.items.length > 0, ge = B.role === "checkbox" || B.role === "radio", Ne = O && !ge ? "option" : B.role;
                 return /* @__PURE__ */ x(
                   Ve,
                   {
@@ -476,17 +476,17 @@ const Ae = Q((e, o) => {
                         tt,
                         {
                           ...B,
-                          size: B?.size || L?.size || b,
-                          color: B?.color || L?.color || y,
-                          variant: B?.variant || L?.variant || $,
+                          size: B?.size || T?.size || b,
+                          color: B?.color || T?.color || y,
+                          variant: B?.variant || T?.variant || $,
                           active: w,
                           role: Ne,
                           selected: B.selected,
                           tabIndex: B?.disabled || I ? -1 : B.tabIndex ?? 0,
                           onMouseEnter: D,
-                          "aria-haspopup": le ? "menu" : void 0,
-                          "aria-expanded": le ? J : void 0,
-                          "aria-controls": le ? B.id + "-menu" : void 0
+                          "aria-haspopup": ie ? "menu" : void 0,
+                          "aria-expanded": ie ? J : void 0,
+                          "aria-controls": ie ? B.id + "-menu" : void 0
                         }
                       ),
                       J && B?.items && /* @__PURE__ */ a(
@@ -497,7 +497,7 @@ const Ae = Q((e, o) => {
                           level: e + 1,
                           maxLevels: o,
                           items: B?.items,
-                          groups: i,
+                          groups: l,
                           size: b,
                           color: y,
                           variant: $
@@ -519,10 +519,10 @@ const Ae = Q((e, o) => {
     search: s,
     items: m,
     groups: f = {},
-    size: l,
+    size: i,
     color: h,
     variant: p,
-    keyboardEvents: i,
+    keyboardEvents: l,
     scrollRefStyles: b = {},
     id: g,
     expanded: y,
@@ -532,7 +532,7 @@ const Ae = Q((e, o) => {
     autoActivateFirstItem: A = !0,
     announceNoResults: E = !1,
     onActiveItemIdChange: O
-  } = e, d = $ === "combobox", M = d && g ? `${g}-listbox` : g, z = ee(v), [T, N] = oe(!1), P = ie(
+  } = e, d = $ === "combobox", M = d && g ? `${g}-listbox` : g, z = ee(v), [L, N] = oe(!1), P = le(
     () => m.map((_, w) => ({
       ..._,
       id: _.id || `${g}-item-${w}`
@@ -542,10 +542,10 @@ const Ae = Q((e, o) => {
     items: P,
     groups: f,
     groupByKey: "groupId",
-    keyboardEvents: i,
+    keyboardEvents: l,
     autoActivateFirstItem: A,
     ref: o
-  }), { flatMenu: u, virtualizer: k, scrollMaxHeight: L } = vt({
+  }), { flatMenu: u, virtualizer: k, scrollMaxHeight: T } = vt({
     menu: j,
     scrollRef: o
   });
@@ -555,7 +555,7 @@ const Ae = Q((e, o) => {
     const w = Math.round(_.offsetTop);
     r((D) => D === w ? D : w);
   });
-  const F = ie(() => {
+  const F = le(() => {
     const _ = S?.id;
     if (_)
       return u.findIndex((D) => D.type === "item" && D.itemProps?.id === _);
@@ -571,9 +571,9 @@ const Ae = Q((e, o) => {
     K.current = F;
     const D = w ? F : F + 2;
     if (!w) {
-      const le = k.getOffsetForIndex(D, "auto");
-      if (!le) return;
-      const [ge, Ne] = le;
+      const ie = k.getOffsetForIndex(D, "auto");
+      if (!ie) return;
+      const [ge, Ne] = ie;
       if (Ne === "auto") return;
       k.scrollToOffset(ge + t + 10, { align: "start" });
       return;
@@ -587,7 +587,7 @@ const Ae = Q((e, o) => {
     const [B, J] = W;
     J !== "auto" && k.scrollToOffset(B + t + 10, { align: "start" });
   }, [F, t, k, K]);
-  const H = ie(() => {
+  const H = le(() => {
     const _ = /* @__PURE__ */ new Map();
     let w = 0;
     return u.forEach((D, W) => {
@@ -611,7 +611,7 @@ const Ae = Q((e, o) => {
   }, [v, I]);
   const q = {
     position: "relative",
-    maxHeight: b?.maxHeight || L,
+    maxHeight: b?.maxHeight || T,
     margin: "-0.5rem",
     padding: "0.5rem 0.5rem 1rem 0.5rem",
     minWidth: b?.minWidth ?? "20rem",
@@ -627,7 +627,7 @@ const Ae = Q((e, o) => {
       color: h,
       expanded: y,
       id: M,
-      role: d ? "listbox" : void 0,
+      role: d ? "listbox" : "menu",
       children: [
         s && /* @__PURE__ */ a(
           Xe,
@@ -635,7 +635,7 @@ const Ae = Q((e, o) => {
             ...s,
             combobox: d,
             listId: M,
-            "aria-activedescendant": d && T ? S?.id : void 0,
+            "aria-activedescendant": d && L ? S?.id : void 0,
             onNavigate: d ? () => N(!0) : void 0,
             onChange: (_) => {
               N(!1), s.onChange?.(_);
@@ -699,7 +699,7 @@ const Ae = Q((e, o) => {
                         tt,
                         {
                           ...w.itemProps || {},
-                          size: w.itemProps?.size || l,
+                          size: w.itemProps?.size || i,
                           color: w.itemProps?.color || h,
                           variant: w.itemProps?.variant || p,
                           active: w.active,
@@ -707,7 +707,7 @@ const Ae = Q((e, o) => {
                           selected: w.itemProps?.selected,
                           "aria-posinset": d ? H.positions.get(_.index) : void 0,
                           "aria-setsize": d ? H.total : void 0,
-                          tabIndex: w.itemProps?.disabled || i ? -1 : 0
+                          tabIndex: w.itemProps?.disabled || l ? -1 : 0
                         }
                       )
                     },
@@ -752,20 +752,20 @@ const Ae = Q((e, o) => {
   const e = at(Ze);
   if (!e)
     throw new Error("useRootContext must be used within a RootProvider.");
-  const { currentId: o, setCurrentId: n, debug: t, setPreviousId: r, previousId: s, languageCode: m } = e, f = (i) => {
-    o && r(o), n(i);
-  }, l = (i) => {
-    t && console.debug(`useRootContext: toggleId called with value: ${i}`), f(o === i ? "" : i);
+  const { currentId: o, setCurrentId: n, debug: t, setPreviousId: r, previousId: s, languageCode: m } = e, f = (l) => {
+    o && r(o), n(l);
+  }, i = (l) => {
+    t && console.debug(`useRootContext: toggleId called with value: ${l}`), f(o === l ? "" : l);
   }, h = () => {
     t && console.debug("useRootContext: closeAll called"), f("");
   };
-  return it(h), {
+  return lt(h), {
     currentId: o,
     previousId: s,
-    toggleId: l,
+    toggleId: i,
     closeAll: h,
-    openId: (i) => {
-      t && console.debug(`useRootContext: openId called with value: ${i}`), f(i);
+    openId: (l) => {
+      t && console.debug(`useRootContext: openId called with value: ${l}`), f(l);
     },
     languageCode: m
   };
@@ -813,7 +813,7 @@ const Ae = Q((e, o) => {
   items: s = [],
   groups: m = {}
 }) => {
-  const { languageCode: f } = tn(), l = G.useMemo(() => nn(f), [f]), [h, p] = G.useState(""), i = G.useCallback(
+  const { languageCode: f } = tn(), i = G.useMemo(() => nn(f), [f]), [h, p] = G.useState(""), l = G.useCallback(
     (c) => {
       p(c.target.value), n?.(c);
     },
@@ -822,14 +822,14 @@ const Ae = Q((e, o) => {
     p(""), t?.();
   }, [t]), g = G.useMemo(() => h.trim().replace(/\s+/g, " "), [h]), y = g.length > 0, $ = G.useMemo(() => g.toLowerCase(), [g]), v = G.useMemo(() => g ? g.split(" ") : [], [g]), I = G.useMemo(
     () => ({
-      placeholder: e ?? l.placeholder,
+      placeholder: e ?? i.placeholder,
       name: o ?? "search",
       value: h,
-      onChange: i,
+      onChange: l,
       onClear: b,
       clearButtonAltText: r
     }),
-    [e, l.placeholder, o, h, i, b, r]
+    [e, i.placeholder, o, h, l, b, r]
   ), A = G.useMemo(
     () => s.map((c) => {
       const u = c?.searchWords?.length ? c.searchWords : [c?.title, c?.description].filter(Boolean);
@@ -844,14 +844,14 @@ const Ae = Q((e, o) => {
       {
         id: "emptySearch",
         "aria-disabled": !0,
-        title: l.noResults,
+        title: i.noResults,
         groupId: "emptySearch",
         icon: bt,
         size: "sm",
         as: "div"
       }
     ],
-    [l.noResults]
+    [i.noResults]
   ), O = G.useMemo(() => {
     const c = s.filter((u) => u.groupId === "emptySearch").map((u) => ({ ...u, hidden: !1 }));
     return c.length ? c : E;
@@ -865,40 +865,40 @@ const Ae = Q((e, o) => {
         highlightWords: v
       });
     return { selectedItems: c, results: u };
-  }, [y, A, $, v]), z = M.length, T = d.length, N = G.useMemo(
+  }, [y, A, $, v]), z = M.length, L = d.length, N = G.useMemo(
     () => ({
       search: {
         hidden: !0,
-        title: l.hits(z)
+        title: i.hits(z)
       },
       selected: {
         hidden: !0,
-        title: l.selected(T)
+        title: i.selected(L)
       },
       emptySearch: {
         hidden: !0,
-        title: l.noResults
+        title: i.noResults
       },
       ...m
     }),
-    [l, z, T, m]
+    [i, z, L, m]
   ), P = G.useMemo(
     () => ({
       ...N,
       search: {
         hidden: !y,
-        title: l.hits(z)
+        title: i.hits(z)
       },
       selected: {
-        hidden: T === 0,
-        title: l.selected(T)
+        hidden: L === 0,
+        title: i.selected(L)
       },
       emptySearch: {
-        hidden: y && (z > 0 || T > 0),
-        title: l.noResults
+        hidden: y && (z > 0 || L > 0),
+        title: i.noResults
       }
     }),
-    [N, y, l, z, T]
+    [N, y, i, z, L]
   ), j = G.useMemo(() => y ? rn([...M, ...d]) : [], [y, M, d]), S = G.useMemo(() => [...O || [], ...d || []], [O, d]), R = G.useMemo(() => y ? z ? j : S : s, [y, s, z, j, S]);
   return {
     search: I,
@@ -917,18 +917,18 @@ const Ae = Q((e, o) => {
   size: s,
   level: m = 0,
   maxLevels: f = 3,
-  virtualized: l = !1,
+  virtualized: i = !1,
   keyboardEvents: h = !1,
   scrollRefStyles: p = {},
-  onActiveItemIdChange: i,
+  onActiveItemIdChange: l,
   a11yMode: b = "menu",
   open: g,
   scrollToTopOnOpen: y,
   autoFocusList: $,
   id: v
 }) => {
-  const I = on({ ...o, items: n, groups: t }), A = e ? I.search : o, E = e && I.hasQuery && I.resultCount === 0, O = e ? I.items : n, d = e ? { ...t, ...I.groups } : t, M = b !== "combobox";
-  return l ? /* @__PURE__ */ a(
+  const I = on({ ...o, items: n, groups: t }), A = e ? { label: o?.label, hideLabel: o?.hideLabel, ...I.search } : o, E = e && I.hasQuery && I.resultCount === 0, O = e ? I.items : n, d = e ? { ...t, ...I.groups } : t, M = b !== "combobox";
+  return i ? /* @__PURE__ */ a(
     Zt,
     {
       id: v,
@@ -942,7 +942,7 @@ const Ae = Q((e, o) => {
       maxLevels: f,
       keyboardEvents: h,
       scrollRefStyles: p,
-      onActiveItemIdChange: i,
+      onActiveItemIdChange: l,
       a11yMode: b,
       open: g,
       scrollToTopOnOpen: y,
@@ -963,7 +963,7 @@ const Ae = Q((e, o) => {
       maxLevels: f,
       keyboardEvents: h,
       scrollRefStyles: p,
-      onActiveItemIdChange: i,
+      onActiveItemIdChange: l,
       a11yMode: b,
       open: g,
       scrollToTopOnOpen: y,
@@ -980,7 +980,7 @@ const Ae = Q((e, o) => {
 function dn(e) {
   return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || Ge(e);
 }
-const Te = ({ className: e, loading: o, icon: n, children: t }) => {
+const Le = ({ className: e, loading: o, icon: n, children: t }) => {
   if (!n)
     return null;
   if (o)
@@ -1001,10 +1001,10 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   leading: s = "tight",
   weight: m = "medium",
   color: f,
-  variant: l,
+  variant: i,
   maxRows: h,
   className: p,
-  style: i,
+  style: l,
   children: b
 }) => {
   const g = t, y = ct(b, n || []);
@@ -1013,19 +1013,19 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
     {
       id: e,
       className: U(mn.heading, p),
-      style: i,
+      style: l,
       "data-size": r,
       "data-leading": s,
       "data-weight": m,
       "data-color": f,
-      "data-variant": r === "xxs" && "default" || l,
+      "data-variant": r === "xxs" && "default" || i,
       "data-max-rows": h,
       children: /* @__PURE__ */ a(ue, { loading: o, children: y })
     }
   );
 }, fn = "_label_e5q28_3", pn = {
   label: fn
-}, Le = ({
+}, Te = ({
   className: e,
   title: o,
   titleProps: n = {},
@@ -1066,10 +1066,10 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   onClick: s,
   onChange: m,
   onKeyPress: f,
-  onMouseEnter: l,
+  onMouseEnter: i,
   size: h = "sm",
   variant: p,
-  color: i,
+  color: l,
   name: b,
   value: g,
   checked: y,
@@ -1082,7 +1082,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   description: d,
   highlightWords: M,
   count: z,
-  linkIcon: T = !1,
+  linkIcon: L = !1,
   disabled: N,
   selected: P,
   active: j,
@@ -1091,20 +1091,20 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   "data-testid": c,
   ...u
 }) => {
-  const k = typeof v == "function" ? v() : v, L = ht(u);
+  const k = typeof v == "function" ? v() : v, T = ht(u);
   if (n === "checkbox" || n === "radio") {
-    const H = $ || (y ? Qe : Lt);
+    const H = $ || (y ? Qe : Tt);
     return /* @__PURE__ */ x(
       "label",
       {
-        ...L,
+        ...T,
         className: U(V.item, R),
         id: e,
         "data-id": e,
         "data-group-id": o,
         "data-size": h,
         "data-variant": p,
-        "data-color": i,
+        "data-color": l,
         "data-active": j,
         role: n,
         "aria-disabled": N,
@@ -1118,7 +1118,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
           N || (q.target === q.currentTarget && q.key === "Enter" && s?.(), f?.(q));
         },
         onClick: s,
-        onMouseEnter: l,
+        onMouseEnter: i,
         tabIndex: S,
         children: [
           /* @__PURE__ */ a(
@@ -1134,9 +1134,9 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
               tabIndex: -1
             }
           ),
-          /* @__PURE__ */ a(Te, { icon: H, className: V.media }),
+          /* @__PURE__ */ a(Le, { icon: H, className: V.media }),
           /* @__PURE__ */ a(
-            Le,
+            Te,
             {
               className: V.label,
               highlightWords: M,
@@ -1166,7 +1166,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       }
     );
   }
-  const F = t || (r ? "a" : "button"), K = T && zt;
+  const F = t || (r ? "a" : "button"), K = L && zt;
   return /* @__PURE__ */ x(
     F,
     {
@@ -1177,7 +1177,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       "data-group-id": o,
       "data-size": h,
       "data-variant": p,
-      "data-color": i,
+      "data-color": l,
       "data-active": j,
       "aria-disabled": N,
       ...N ? { disabled: N } : {},
@@ -1191,14 +1191,14 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
         N || (H.target === H.currentTarget && H.key === "Enter" && s?.(), f?.(H));
       },
       onClick: s,
-      onMouseEnter: l,
+      onMouseEnter: i,
       tabIndex: N ? -1 : S ?? 0,
       role: n === "menuItem" ? "menuitem" : n,
-      ...L,
+      ...T,
       children: [
-        $ && /* @__PURE__ */ a(Te, { icon: $, className: V.media }),
+        $ && /* @__PURE__ */ a(Le, { icon: $, className: V.media }),
         /* @__PURE__ */ a(
-          Le,
+          Te,
           {
             className: V.label,
             highlightWords: M,
@@ -1222,7 +1222,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
         /* @__PURE__ */ x(Re, { children: [
           I && /* @__PURE__ */ a(re, { ...I }),
           !N && A,
-          T && /* @__PURE__ */ a(se, { svgElement: K, className: V.linkIcon })
+          L && /* @__PURE__ */ a(se, { svgElement: K, className: V.linkIcon })
         ] })
       ]
     }
@@ -1245,25 +1245,25 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   color: s = "neutral",
   label: m,
   hideLabel: f,
-  value: l,
+  value: i,
   onClear: h,
   clearButtonAltText: p = "Clear search",
-  menu: i,
+  menu: l,
   minLength: b,
   ...g
 }) => {
-  const y = De(), [$, v] = oe(!1), I = g.id || `search-field-${y}`, A = `${I}-listbox`, [E, O] = oe(void 0), d = "searchfield-clear-button-" + De(), M = ie(() => !i || !l || typeof b == "number" && typeof l == "string" && l.length < b ? !1 : $, [i, $, b, l]), z = ie(() => (i?.items ?? []).map((c) => ({
+  const y = De(), [$, v] = oe(!1), I = g.id || `search-field-${y}`, A = `${I}-listbox`, [E, O] = oe(void 0), d = "searchfield-clear-button-" + De(), M = le(() => !l || !i || typeof b == "number" && typeof i == "string" && i.length < b ? !1 : $, [l, $, b, i]), z = le(() => (l?.items ?? []).map((c) => ({
     ...c,
     onClick: () => {
       c.onClick?.(), v(!1);
     }
-  })), [i]), T = (c) => {
+  })), [l]), L = (c) => {
     if (c.key === "Enter" && M) {
-      i?.items?.[0]?.onClick?.(), v(!1);
+      l?.items?.[0]?.onClick?.(), v(!1);
       return;
     }
     if (c.key === "Escape" && M) {
-      c.preventDefault(), c.stopPropagation(), v(!1), i?.onClose(), document.getElementById(I)?.focus();
+      c.preventDefault(), c.stopPropagation(), v(!1), l?.onClose(), document.getElementById(I)?.focus();
       return;
     }
     g.onKeyDown?.(c), v(!0);
@@ -1288,7 +1288,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       "data-collapsible": o ? !0 : void 0,
       onBlurCapture: P,
       children: [
-        /* @__PURE__ */ a("span", { className: te.hiddenInput, "aria-hidden": "true", children: l + " " }),
+        /* @__PURE__ */ a("span", { className: te.hiddenInput, "aria-hidden": "true", children: i + " " }),
         /* @__PURE__ */ a(
           ut,
           {
@@ -1297,15 +1297,15 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
             "aria-label": f && typeof m == "string" ? m : void 0,
             inputSize: 5,
             type: "search",
-            value: l,
+            value: i,
             className: te.input,
             "data-collapsible": o ? !0 : void 0,
             autoCapitalize: "off",
             autoComplete: "off",
             minLength: b,
-            onKeyDown: T,
+            onKeyDown: L,
             onBlur: S,
-            ...i && {
+            ...l && {
               role: "combobox",
               "aria-autocomplete": "list",
               "aria-expanded": !!M,
@@ -1317,7 +1317,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
           }
         ),
         n ? /* @__PURE__ */ a(pt, { "aria-hidden": !0, className: te.icon }) : /* @__PURE__ */ a(Bt, { "aria-hidden": !0, className: te.icon }),
-        h && !!l && /* @__PURE__ */ a("span", { className: te.clear, children: /* @__PURE__ */ a(
+        h && !!i && /* @__PURE__ */ a("span", { className: te.clear, children: /* @__PURE__ */ a(
           ve,
           {
             id: d,
@@ -1338,15 +1338,15 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       ]
     }
   );
-  return i ? /* @__PURE__ */ x("div", { className: te.fieldContainer, children: [
+  return l ? /* @__PURE__ */ x("div", { className: te.fieldContainer, children: [
     R,
     M && /* @__PURE__ */ a("div", { className: te.autocomplete, "aria-hidden": !M, onMouseDown: j, children: /* @__PURE__ */ a(
       et,
       {
-        ...i,
+        ...l,
         id: A,
         items: z,
-        groups: i?.groups,
+        groups: l?.groups,
         keyboardEvents: !0,
         a11yMode: "combobox",
         open: M,
@@ -1369,20 +1369,20 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   datetime: s,
   children: m,
   as: f,
-  ...l
+  ...i
 }) => {
   const h = f || "div", p = s ? "time" : "span";
-  return /* @__PURE__ */ x(h, { ...l, className: pe.byline, "data-color": o, "data-size": n, children: [
+  return /* @__PURE__ */ x(h, { ...i, className: pe.byline, "data-color": o, "data-size": n, children: [
     (r || t) && /* @__PURE__ */ a(ue, { variant: "circle", className: pe.avatar, loading: e, children: r ? /* @__PURE__ */ a(be, { ...r, size: n, className: pe.avatarGroup }) : t && /* @__PURE__ */ a(je, { ...t, size: n, className: pe.avatar }) }),
     /* @__PURE__ */ a(p, { "data-size": n, dateTime: s, className: pe.label, children: /* @__PURE__ */ a(ue, { loading: e, children: m }) })
   ] });
-}, jn = "_dropdown_11cza_1", An = "_content_11cza_17", Dn = "_backdrop_11cza_47", Bn = "_header_11cza_76", Tn = "_footer_11cza_77", Ln = "_title_11cza_156", ce = {
+}, jn = "_dropdown_11cza_1", An = "_content_11cza_17", Dn = "_backdrop_11cza_47", Bn = "_header_11cza_76", Ln = "_footer_11cza_77", Tn = "_title_11cza_156", ce = {
   dropdown: jn,
   content: An,
   backdrop: Dn,
   header: Bn,
-  footer: Tn,
-  title: Ln
+  footer: Ln,
+  title: Tn
 }, Fn = "data-focus-guard", nt = (e) => {
   const o = [
     "a[href]",
@@ -1408,10 +1408,10 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   variant: s = "dropdown",
   title: m = "Title",
   closeLabel: f = "Close",
-  submitLabel: l,
+  submitLabel: i,
   trigger: h,
   children: p,
-  open: i,
+  open: l,
   onClose: b,
   color: g,
   onSubmit: y,
@@ -1419,17 +1419,17 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   useFixedPosition: v = !1,
   expanded: I = !1
 }) => {
-  const A = ee(null), E = ee(null), O = ee(i);
+  const A = ee(null), E = ee(null), O = ee(l);
   Y(() => {
-    O.current = i;
-  }, [i]);
+    O.current = l;
+  }, [l]);
   const [d, M] = oe({
     yDir: r.includes("top") ? "top" : "bottom",
     xDir: r.includes("right") ? "right" : "left",
     maxHeight: 300
   }), z = qe(() => {
-    if (i && A.current && E.current) {
-      const P = A.current.getBoundingClientRect(), j = E.current.getBoundingClientRect(), S = window.innerHeight, R = window.innerWidth, c = 16, u = S - P.bottom, k = P.top, L = R - P.right - j.width, F = u < 250 && k > u, K = F ? "top" : "bottom", H = (F ? k : u) - c, _ = L < c ? "right" : "left";
+    if (l && A.current && E.current) {
+      const P = A.current.getBoundingClientRect(), j = E.current.getBoundingClientRect(), S = window.innerHeight, R = window.innerWidth, c = 16, u = S - P.bottom, k = P.top, T = R - P.right - j.width, F = u < 250 && k > u, K = F ? "top" : "bottom", H = (F ? k : u) - c, _ = T < c ? "right" : "left";
       M((w) => ({
         ...w,
         yDir: K,
@@ -1438,11 +1438,11 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
         triggerRect: v ? P : void 0
       }));
     }
-  }, [i, v]);
+  }, [l, v]);
   Ce(() => (z(), window.addEventListener("resize", z), v && window.addEventListener("scroll", z, !0), () => {
     window.removeEventListener("resize", z), v && window.removeEventListener("scroll", z, !0);
   }), [z, v]), Y(() => {
-    if (!i) return;
+    if (!l) return;
     const P = requestAnimationFrame(() => {
       const j = E.current;
       if (!j) return;
@@ -1461,18 +1461,18 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       j.focus?.({ preventScroll: !0 });
     });
     return () => cancelAnimationFrame(P);
-  }, [i]), Y(() => {
+  }, [l]), Y(() => {
     const P = (S) => {
       S.key === "Escape" && (S.preventDefault(), b());
     }, j = (S) => {
       const R = S.target, c = A.current?.contains(R), u = E.current?.contains(R);
       !c && !u && b();
     };
-    return i && (document.addEventListener("mousedown", j), document.addEventListener("keydown", P)), () => {
+    return l && (document.addEventListener("mousedown", j), document.addEventListener("keydown", P)), () => {
       document.removeEventListener("mousedown", j), document.removeEventListener("keydown", P);
     };
-  }, [i, b]), Y(() => {
-    if (!i) return;
+  }, [l, b]), Y(() => {
+    if (!l) return;
     const P = E.current;
     if (!P) return;
     const j = (R) => {
@@ -1487,14 +1487,14 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
         R.preventDefault(), P.focus?.({ preventScroll: !0 });
         return;
       }
-      const u = c[0], k = c[c.length - 1], L = document.activeElement;
-      R.shiftKey ? L === u && (R.preventDefault(), k.focus({ preventScroll: !0 })) : L === k && (R.preventDefault(), u.focus({ preventScroll: !0 }));
+      const u = c[0], k = c[c.length - 1], T = document.activeElement;
+      R.shiftKey ? T === u && (R.preventDefault(), k.focus({ preventScroll: !0 })) : T === k && (R.preventDefault(), u.focus({ preventScroll: !0 }));
     };
     return document.addEventListener("focusin", j), document.addEventListener("keydown", S), () => {
       document.removeEventListener("focusin", j), document.removeEventListener("keydown", S);
     };
-  }, [i]);
-  const T = v && d.triggerRect ? {
+  }, [l]);
+  const L = v && d.triggerRect ? {
     position: "fixed",
     zIndex: 1e3,
     width: "max-content",
@@ -1515,31 +1515,31 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
     {
       ref: E,
       className: U(ce.dropdown, n),
-      style: T,
-      "aria-hidden": !i,
+      style: L,
+      "aria-hidden": !l,
       "data-variant": s,
       "data-color": g,
       "data-expanded": I,
       "data-size": o,
       tabIndex: -1,
-      role: "menu",
-      "aria-modal": s === "drawer-dropdown" ? !0 : void 0,
-      "aria-activedescendant": $,
+      role: l ? "menu" : void 0,
+      "aria-modal": l && s === "drawer-dropdown" ? !0 : void 0,
+      "aria-activedescendant": l ? $ : void 0,
       children: [
         /* @__PURE__ */ x("header", { className: ce.header, children: [
           /* @__PURE__ */ a("h2", { className: ce.title, children: m }),
           /* @__PURE__ */ a(ve, { size: "sm", variant: "outline", onClick: b, "aria-label": f, children: /* @__PURE__ */ a(Ae, {}) })
         ] }),
         /* @__PURE__ */ a("div", { className: ce.content, children: p }),
-        l && /* @__PURE__ */ a("footer", { className: ce.footer, children: /* @__PURE__ */ a(ve, { size: "lg", variant: "solid", onClick: y || b, rounded: !0, children: /* @__PURE__ */ a("span", { "data-size": "md", children: l }) }) })
+        i && /* @__PURE__ */ a("footer", { className: ce.footer, children: /* @__PURE__ */ a(ve, { size: "lg", variant: "solid", onClick: y || b, rounded: !0, children: /* @__PURE__ */ a("span", { "data-size": "md", children: i }) }) })
       ]
     }
   );
   return /* @__PURE__ */ x(xe, { children: [
-    t && /* @__PURE__ */ a("div", { className: ce.backdrop, "aria-hidden": !i }),
+    t && /* @__PURE__ */ a("div", { className: ce.backdrop, "aria-hidden": !l }),
     /* @__PURE__ */ x("div", { id: e + "-root", ref: A, style: { position: "relative", display: "inline-block" }, children: [
       h,
-      v ? lt(N, document.body) : N
+      v ? it(N, document.body) : N
     ] })
   ] });
 }, qn = "_section_1v20z_1", Kn = "_header_1v20z_7", Vn = "_list_1v20z_13", _e = {
@@ -1560,12 +1560,12 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
         e && /* @__PURE__ */ a(me, { as: "h1", size: "lg", children: e }),
         o && /* @__PURE__ */ a(Ke, { as: "p", size: "sm", variant: "subtle", className: _e.description, children: o })
       ] }) : null,
-      f?.map((l, h) => {
-        const p = l.props || {};
+      f?.map((i, h) => {
+        const p = i.props || {};
         return /* @__PURE__ */ x(He, { children: [
           p?.title && /* @__PURE__ */ a(me, { as: "h2", size: "lg", children: p.title }),
-          /* @__PURE__ */ a("ul", { className: _e.list, children: l?.items.map((i, b) => {
-            const g = i.props || {};
+          /* @__PURE__ */ a("ul", { className: _e.list, children: i?.items.map((l, b) => {
+            const g = l.props || {};
             return /* @__PURE__ */ st(rt, { ...g, highlightWords: s, key: "dialog-list-item" + b });
           }) })
         ] }, "dialog-list-item" + h);
@@ -1594,10 +1594,10 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
     controls: s,
     selectable: m,
     selected: f,
-    status: l,
+    status: i,
     extendedStatusLabel: h,
     sender: p,
-    recipient: i,
+    recipient: l,
     recipientLabel: b = "to",
     grouped: g = !1,
     updatedAt: y,
@@ -1610,7 +1610,7 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
     trashedAtLabel: d,
     badge: M,
     dueAt: z,
-    dueAtExpired: T,
+    dueAtExpired: L,
     dueAtLabel: N,
     unread: P,
     unreadLabel: j = "Ulest",
@@ -1619,7 +1619,7 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
     seenByLog: c,
     draftsLabel: u,
     sentCount: k,
-    receivedCount: L,
+    receivedCount: T,
     attachmentsCount: F,
     attachmentsLabel: K,
     tooltips: H = {},
@@ -1669,7 +1669,7 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
                   size: "xs",
                   loading: r,
                   sender: p,
-                  recipient: i,
+                  recipient: l,
                   recipientLabel: b,
                   grouped: g
                 }
@@ -1693,11 +1693,11 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
                 className: Z.footer,
                 loading: r,
                 badge: M,
-                status: l,
+                status: i,
                 extendedStatusLabel: h,
                 draftsLabel: u,
                 sentCount: k,
-                receivedCount: L,
+                receivedCount: T,
                 updatedAt: y,
                 updatedAtLabel: $,
                 archivedAt: I,
@@ -1705,7 +1705,7 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
                 trashedAt: O,
                 trashedAtLabel: d,
                 dueAt: z,
-                dueAtExpired: T,
+                dueAtExpired: L,
                 dueAtLabel: N,
                 attachmentsCount: F,
                 attachmentsLabel: K,
@@ -1730,10 +1730,10 @@ const rr = ({
   updatedAtLabel: s,
   dueAt: m,
   dueAtExpired: f,
-  dueAtLabel: l,
+  dueAtLabel: i,
   archivedAt: h,
   archivedAtLabel: p,
-  trashedAt: i,
+  trashedAt: l,
   trashedAtLabel: b,
   draftsLabel: g,
   sentCount: y = 0,
@@ -1756,7 +1756,7 @@ const rr = ({
   A && /* @__PURE__ */ a(ne, { tooltip: d.transmissions, loading: o, size: "xs", icon: At, children: A }),
   y > 0 && /* @__PURE__ */ a(ne, { tooltip: d.sent, size: "xs", icon: Qe, children: y }),
   $ > 0 && /* @__PURE__ */ a(ne, { tooltip: d.received, size: "xs", icon: Et, children: $ }),
-  m && l && /* @__PURE__ */ a(
+  m && i && /* @__PURE__ */ a(
     ne,
     {
       variant: "tinted",
@@ -1766,7 +1766,7 @@ const rr = ({
       datetime: m,
       size: "xs",
       icon: yt,
-      children: l
+      children: i
     }
   ),
   b && /* @__PURE__ */ a(
@@ -1776,7 +1776,7 @@ const rr = ({
       color: "neutral",
       tooltip: d.trashedAt,
       loading: o,
-      datetime: i,
+      datetime: l,
       size: "xs",
       icon: Ht,
       children: b
@@ -1819,16 +1819,16 @@ const rr = ({
   /* @__PURE__ */ a("strong", { children: e?.name }),
   " ",
   o && n + " " + o?.name
-] }), ar = "_media_1x8z9_1", sr = "_icon_1x8z9_10", ir = "_avatarGroup_1x8z9_17", de = {
+] }), ar = "_media_1x8z9_1", sr = "_icon_1x8z9_10", lr = "_avatarGroup_1x8z9_17", de = {
   media: ar,
   icon: sr,
-  avatarGroup: ir
+  avatarGroup: lr
 };
-function lr(e) {
+function ir(e) {
   return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || Ge(e);
 }
 const Fe = ({ size: e = "xs", icon: o, progress: n }) => !o && typeof n != "number" ? !1 : /* @__PURE__ */ x("span", { className: de.media, "data-size": e, children: [
-  Ee(o) && /* @__PURE__ */ a(je, { ...o, className: de.avatar }) || Se(o) && /* @__PURE__ */ a(be, { ...o, className: de.avatarGroup }) || ze(o) && /* @__PURE__ */ a(se, { ...o, className: de.icon }) || lr(o) && o || /* @__PURE__ */ a(se, { svgElement: o, className: de.icon }),
+  Ee(o) && /* @__PURE__ */ a(je, { ...o, className: de.avatar }) || Se(o) && /* @__PURE__ */ a(be, { ...o, className: de.avatarGroup }) || ze(o) && /* @__PURE__ */ a(se, { ...o, className: de.icon }) || ir(o) && o || /* @__PURE__ */ a(se, { svgElement: o, className: de.icon }),
   n && /* @__PURE__ */ a(Ot, { value: n, className: de.icon })
 ] }), cr = "_item_cqtms_1", dr = "_label_cqtms_54", we = {
   item: cr,
@@ -1842,10 +1842,10 @@ const Fe = ({ size: e = "xs", icon: o, progress: n }) => !o && typeof n != "numb
   variant: s,
   color: m,
   icon: f,
-  children: l,
+  children: i,
   datetime: h,
   tooltip: p,
-  ...i
+  ...l
 }) => {
   const b = e || (h ? "time" : "span");
   return p ? /* @__PURE__ */ a($e, { content: p, placement: "bottom", children: /* @__PURE__ */ a(
@@ -1856,10 +1856,10 @@ const Fe = ({ size: e = "xs", icon: o, progress: n }) => !o && typeof n != "numb
       "data-variant": s,
       dateTime: h,
       className: U(we.item, n),
-      ...i,
+      ...l,
       children: /* @__PURE__ */ x(ue, { loading: o, children: [
         !o && f && /* @__PURE__ */ a(Fe, { size: r, icon: f }),
-        /* @__PURE__ */ a("span", { className: we.label, children: l })
+        /* @__PURE__ */ a("span", { className: we.label, children: i })
       ] })
     }
   ) }) : /* @__PURE__ */ a(
@@ -1870,10 +1870,10 @@ const Fe = ({ size: e = "xs", icon: o, progress: n }) => !o && typeof n != "numb
       "data-variant": s,
       dateTime: h,
       className: U(we.item, n),
-      ...i,
+      ...l,
       children: /* @__PURE__ */ x(ue, { loading: o, children: [
         !o && f && /* @__PURE__ */ a(Fe, { size: r, icon: f }),
-        /* @__PURE__ */ a("span", { className: we.label, children: l })
+        /* @__PURE__ */ a("span", { className: we.label, children: i })
       ] })
     }
   );
@@ -1906,15 +1906,15 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
     items: s = [],
     dropdownSize: m = "sm",
     id: f = "toolbar-menu",
-    onSelectId: l,
+    onSelectId: i,
     ...h
   }) => {
-    const p = _t({ id: f, returnFocusOnClose: !0 }), i = h.searchable ? "combobox" : "menu", b = qe(
+    const p = _t({ id: f, returnFocusOnClose: !0 }), l = h.searchable ? "combobox" : "menu", b = qe(
       (y) => {
-        l?.(y?.id ?? ""), y?.role !== "checkbox" && p.setOpen(!1);
+        i?.(y?.id ?? ""), y?.role !== "checkbox" && p.setOpen(!1);
       },
-      [l, p]
-    ), g = ie(
+      [i, p]
+    ), g = le(
       () => s.map((y) => ({
         ...y,
         onClick: () => b(y)
@@ -1957,10 +1957,10 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
             ...h,
             items: g,
             keyboardEvents: p.open,
-            a11yMode: i,
+            a11yMode: l,
             open: p.open,
             scrollToTopOnOpen: h.virtualized,
-            ...i === "combobox" ? { id: p.menuId } : p.menuA11yProps
+            ...l === "combobox" ? { id: p.menuId } : p.menuA11yProps
           }
         )
       }
@@ -1976,10 +1976,10 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
     loading: s,
     collapsible: m,
     clearButtonAltText: f = "Clear search",
-    onChange: l,
+    onChange: i,
     onClear: h,
     onKeyDown: p,
-    menu: i,
+    menu: l,
     minLength: b,
     disabled: g,
     htmlTitle: y
@@ -1994,7 +1994,7 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
       title: y,
       placeholder: r,
       clearButtonAltText: f,
-      onChange: l,
+      onChange: i,
       onClear: h,
       onKeyDown: p,
       collapsible: m,
@@ -2003,7 +2003,7 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
       type: "search",
       minLength: b,
       loading: s,
-      menu: i,
+      menu: l,
       disabled: g
     }
   )
@@ -2026,8 +2026,8 @@ export {
   mr as e,
   ur as f,
   Gn as g,
-  Le as h,
-  Te as i,
+  Te as h,
+  Le as i,
   tt as j,
   Je as k,
   Xe as l,