@altinn/altinn-components 0.63.4 → 0.63.5

package/dist/{ToolbarSearch-CDOcKzpM.js → ToolbarSearch-BQfKHZnX.js}

@@ -2,6 +2,7 @@
 import { jsx as a, jsxs as I, Fragment as xe } from "react/jsx-runtime";
 import * as G from "react";
 import E, { forwardRef as Y, useRef as J, useState as oe, useMemo as le, useEffect as W, Fragment as He, useLayoutEffect as Ee, 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-B5zQ3zF0.js";
 import { c as V } from "./index-p1eeF8LQ.js";
 import { useEscapeKey as lt } from "./hooks/useEscapeKey.js";
 import "./components/Typography/Link.js";
@@ -97,7 +98,7 @@ var Rt = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const Pt = Y((e, o) => {
+const zt = Y((e, o) => {
   var { title: n, titleId: t } = e, r = Rt(e, ["title", "titleId"]);
   let s = Q();
   return s = n ? t || "title-" + s : void 0, E.createElement(
@@ -107,7 +108,7 @@ const Pt = Y((e, o) => {
     E.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.47 5.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 1 1-1.06-1.06L14.44 12 9.47 7.03a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
   );
 });
-var zt = function(e, o) {
+var Pt = 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")
@@ -116,7 +117,7 @@ var zt = function(e, o) {
   return n;
 };
 const Be = Y((e, o) => {
-  var { title: n, titleId: t } = e, r = zt(e, ["title", "titleId"]);
+  var { title: n, titleId: t } = e, r = Pt(e, ["title", "titleId"]);
   let s = Q();
   return s = n ? t || "title-" + s : void 0, E.createElement(
     "svg",
@@ -274,7 +275,7 @@ const Ae = Y((e, o) => {
   shape: Ut,
   svg: Wt,
   image: Yt
-}, Pe = (e) => typeof e == "object" && e !== null && ("svgElement" in e || "iconUrl" in e), se = ({
+}, ze = (e) => typeof e == "object" && e !== null && ("svgElement" in e || "iconUrl" in e), se = ({
   loading: e,
   altText: o,
   svgElement: n,
@@ -312,13 +313,13 @@ const Ae = Y((e, o) => {
   onKeyDown: b,
   onInput: p,
   onFocus: w,
-  ...P
+  ...z
 }) => /* @__PURE__ */ a("li", { className: Ce.search, style: e, "data-index": o, "data-menu-search": "true", children: c ? (
   // biome-ignore lint/a11y/useFocusableInteractive: <explanation>
   // biome-ignore lint/a11y/useAriaPropsForRole: <explanation>
   // biome-ignore lint/a11y/useSemanticElements: <explanation>
   /* @__PURE__ */ a("div", { role: "combobox", "aria-expanded": !0, "aria-haspopup": "listbox", "aria-owns": _, children: /* @__PURE__ */ a(
-    ze,
+    Pe,
     {
       size: "xs",
       className: Ce.searchInput,
@@ -340,11 +341,11 @@ const Ae = Y((e, o) => {
       },
       onInput: p,
       onFocus: w,
-      ...P
+      ...z
     }
   ) })
 ) : /* @__PURE__ */ a(
-  ze,
+  Pe,
   {
     size: "xs",
     className: Ce.searchInput,
@@ -363,7 +364,7 @@ const Ae = Y((e, o) => {
     },
     onInput: p,
     onFocus: w,
-    ...P
+    ...z
   }
 ) }), Je = ({
   level: e = 0,
@@ -381,7 +382,7 @@ const Ae = Y((e, o) => {
   size: b,
   id: p,
   color: w,
-  variant: P,
+  variant: z,
   scrollRefStyles: h = {},
   keyboardEvents: N = !1,
   onSelect: A = () => {
@@ -390,7 +391,7 @@ const Ae = Y((e, o) => {
 }) => {
   if (o && e >= o)
     return null;
-  const y = t === "combobox", v = y && p ? `${p}-listbox` : p, k = J(r), z = J(r), [D, M] = oe(!1), $ = le(
+  const y = t === "combobox", v = y && p ? `${p}-listbox` : p, k = J(r), P = J(r), [D, M] = oe(!1), $ = le(
     () => _.map((d, C) => ({
       ...d,
       id: d.id || `${p}-item-${C}`
@@ -415,8 +416,8 @@ const Ae = Y((e, o) => {
     const d = k.current;
     k.current = r, r && !d && j.current?.scrollTo({ top: 0 });
   }, [r, s]), W(() => {
-    const d = z.current;
-    z.current = r, !(!N || c || !f) && r && !d && requestAnimationFrame(() => j.current?.focus?.({ preventScroll: !0 }));
+    const d = P.current;
+    P.current = r, !(!N || c || !f) && r && !d && requestAnimationFrame(() => j.current?.focus?.({ preventScroll: !0 }));
   }, [r, N, c]), W(() => {
     if (y && i) {
       O(0), M(!0);
@@ -425,7 +426,7 @@ const Ae = Y((e, o) => {
   }, [i, y, O]), /* @__PURE__ */ I(
     Ie,
     {
-      variant: P,
+      variant: z,
       expanded: n,
       ref: j,
       style: h,
@@ -477,7 +478,7 @@ const Ae = Y((e, o) => {
                           ...B,
                           size: B?.size || F?.size || b,
                           color: B?.color || F?.color || w,
-                          variant: B?.variant || F?.variant || P,
+                          variant: B?.variant || F?.variant || z,
                           active: x,
                           role: Ne,
                           selected: B.selected,
@@ -499,7 +500,7 @@ const Ae = Y((e, o) => {
                           groups: l,
                           size: b,
                           color: w,
-                          variant: P
+                          variant: z
                         }
                       )
                     ]
@@ -525,13 +526,13 @@ const Ae = Y((e, o) => {
     scrollRefStyles: b = {},
     id: p,
     expanded: w,
-    a11yMode: P = "menu",
+    a11yMode: z = "menu",
     open: h,
     scrollToTopOnOpen: N = !1,
     autoActivateFirstItem: A = !0,
     announceNoResults: R = !1,
     onActiveItemIdChange: y
-  } = e, v = P === "combobox", k = v && p ? `${p}-listbox` : p, z = J(h), [D, M] = oe(!1), $ = le(
+  } = e, v = z === "combobox", k = v && p ? `${p}-listbox` : p, P = J(h), [D, M] = oe(!1), $ = le(
     () => u.map((g, x) => ({
       ...g,
       id: g.id || `${p}-item-${x}`
@@ -602,11 +603,11 @@ const Ae = Y((e, o) => {
     }
   }, [R, v, O]), W(() => {
     if (!N) {
-      z.current = h;
+      P.current = h;
       return;
     }
-    const g = z.current;
-    z.current = h, h && !g && o.current?.scrollTo({ top: 0 });
+    const g = P.current;
+    P.current = h, h && !g && o.current?.scrollTo({ top: 0 });
   }, [h, N]);
   const ne = {
     position: "relative",
@@ -731,7 +732,7 @@ const Ae = Y((e, o) => {
     console.warn("setPreviousId called outside of RootProvider context");
   },
   languageCode: "nb"
-}, Ze = ot(en), Xr = ({ children: e, initialValue: o, debug: n, languageCode: t }) => {
+}, Ze = ot(en), Jr = ({ children: e, initialValue: o, debug: n, languageCode: t }) => {
   const [r, s] = oe(o?.currentId || ""), [u, f] = oe(o?.previousId || "");
   return /* @__PURE__ */ a(
     Ze.Provider,
@@ -819,7 +820,7 @@ const Ae = Y((e, o) => {
     [n]
   ), b = G.useCallback(() => {
     _(""), t?.();
-  }, [t]), p = G.useMemo(() => c.trim().replace(/\s+/g, " "), [c]), w = p.length > 0, P = G.useMemo(() => p.toLowerCase(), [p]), h = G.useMemo(() => p ? p.split(" ") : [], [p]), N = G.useMemo(
+  }, [t]), p = G.useMemo(() => c.trim().replace(/\s+/g, " "), [c]), w = p.length > 0, z = G.useMemo(() => p.toLowerCase(), [p]), h = G.useMemo(() => p ? p.split(" ") : [], [p]), N = G.useMemo(
     () => ({
       placeholder: e ?? i.placeholder,
       name: o ?? "search",
@@ -858,17 +859,17 @@ const Ae = Y((e, o) => {
     if (!w) return { selectedItems: [], results: [] };
     const m = [], d = [];
     for (const C of A)
-      C.checked === !0 && m.push({ ...C, groupId: "selected" }), (C.searchWords ?? []).some((L) => String(L).toLowerCase().includes(P)) && d.push({
+      C.checked === !0 && m.push({ ...C, groupId: "selected" }), (C.searchWords ?? []).some((L) => String(L).toLowerCase().includes(z)) && d.push({
         ...C,
         groupId: "search",
         highlightWords: h
       });
     return { selectedItems: m, results: d };
-  }, [w, A, P, h]), z = k.length, D = v.length, M = G.useMemo(
+  }, [w, A, z, h]), P = k.length, D = v.length, M = G.useMemo(
     () => ({
       search: {
         hidden: !0,
-        title: i.hits(z)
+        title: i.hits(P)
       },
       selected: {
         hidden: !0,
@@ -880,29 +881,29 @@ const Ae = Y((e, o) => {
       },
       ...u
     }),
-    [i, z, D, u]
+    [i, P, D, u]
   ), $ = G.useMemo(
     () => ({
       ...M,
       search: {
         hidden: !w,
-        title: i.hits(z)
+        title: i.hits(P)
       },
       selected: {
         hidden: D === 0,
         title: i.selected(D)
       },
       emptySearch: {
-        hidden: w && (z > 0 || D > 0),
+        hidden: w && (P > 0 || D > 0),
         title: i.noResults
       }
     }),
-    [M, w, i, z, D]
-  ), j = G.useMemo(() => w ? rn([...k, ...v]) : [], [w, k, v]), S = G.useMemo(() => [...y || [], ...v || []], [y, v]), O = G.useMemo(() => w ? z ? j : S : s, [w, s, z, j, S]);
+    [M, w, i, P, D]
+  ), j = G.useMemo(() => w ? rn([...k, ...v]) : [], [w, k, v]), S = G.useMemo(() => [...y || [], ...v || []], [y, v]), O = G.useMemo(() => w ? P ? j : S : s, [w, s, P, j, S]);
   return {
     search: N,
     results: k,
-    resultCount: z,
+    resultCount: P,
     hasQuery: w,
     items: O,
     groups: $
@@ -923,7 +924,7 @@ const Ae = Y((e, o) => {
   a11yMode: b = "menu",
   open: p,
   scrollToTopOnOpen: w,
-  autoFocusList: P,
+  autoFocusList: z,
   id: h
 }) => {
   const N = on({ ...o, items: n, groups: t }), A = e ? N.search : o, R = e && N.hasQuery && N.resultCount === 0, y = e ? N.items : n, v = e ? { ...t, ...N.groups } : t, k = b !== "combobox";
@@ -946,7 +947,7 @@ const Ae = Y((e, o) => {
       open: p,
       scrollToTopOnOpen: w,
       autoActivateFirstItem: k,
-      autoFocusList: P
+      autoFocusList: z
     }
   ) : /* @__PURE__ */ a(
     Je,
@@ -967,7 +968,7 @@ const Ae = Y((e, o) => {
       open: p,
       scrollToTopOnOpen: w,
       autoActivateFirstItem: k,
-      autoFocusList: P
+      autoFocusList: z
     }
   );
 }, an = "_media_1089b_3", sn = "_icon_1089b_10", ln = "_avatar_1089b_14", cn = "_avatarGroup_1089b_18", ae = {
@@ -984,9 +985,9 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
     return null;
   if (o)
     return /* @__PURE__ */ a("div", { className: V(ae.icon, e), children: /* @__PURE__ */ a(se, { svgElement: Ae, loading: !0 }) });
-  const r = Se(n) ? "avatar" : ke(n) ? "avatarGroup" : (Pe(n), "icon");
+  const r = Se(n) ? "avatar" : ke(n) ? "avatarGroup" : (ze(n), "icon");
   return /* @__PURE__ */ I("div", { className: V(ae.media, e), "data-variant": r, children: [
-    Se(n) && /* @__PURE__ */ a(je, { ...n, className: ae.avatar }) || ke(n) && /* @__PURE__ */ a(be, { ...n, className: ae.avatarGroup }) || Pe(n) && /* @__PURE__ */ a(se, { ...n, className: ae.icon }) || dn(n) && /* @__PURE__ */ a(se, { className: ae.icon, children: n }) || /* @__PURE__ */ a(se, { className: ae.icon, svgElement: n }),
+    Se(n) && /* @__PURE__ */ a(je, { ...n, className: ae.avatar }) || ke(n) && /* @__PURE__ */ a(be, { ...n, className: ae.avatarGroup }) || ze(n) && /* @__PURE__ */ a(se, { ...n, className: ae.icon }) || dn(n) && /* @__PURE__ */ a(se, { className: ae.icon, children: n }) || /* @__PURE__ */ a(se, { className: ae.icon, svgElement: n }),
     t
   ] });
 }, un = "_heading_ydkmu_1", mn = {
@@ -1072,7 +1073,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   name: b,
   value: p,
   checked: w,
-  icon: P,
+  icon: z,
   label: h,
   badge: N,
   controls: A,
@@ -1080,7 +1081,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   description: y,
   highlightWords: v,
   count: k,
-  linkIcon: z = !1,
+  linkIcon: P = !1,
   disabled: D,
   selected: M,
   active: $,
@@ -1091,7 +1092,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
 }) => {
   const d = typeof h == "function" ? h() : h, C = ht(m);
   if (n === "checkbox" || n === "radio") {
-    const L = P || (w ? Qe : Lt);
+    const L = z || (w ? Qe : Lt);
     return /* @__PURE__ */ I(
       "label",
       {
@@ -1163,7 +1164,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       }
     );
   }
-  const F = t || (r ? "a" : "button"), H = z && Pt;
+  const F = t || (r ? "a" : "button"), H = P && zt;
   return /* @__PURE__ */ I(
     F,
     {
@@ -1192,7 +1193,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       role: n === "menuItem" ? "menuitem" : n,
       ...C,
       children: [
-        P && /* @__PURE__ */ a(Te, { icon: P, className: K.media }),
+        z && /* @__PURE__ */ a(Te, { icon: z, className: K.media }),
         /* @__PURE__ */ a(
           Le,
           {
@@ -1218,7 +1219,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
         /* @__PURE__ */ I(Re, { children: [
           N && /* @__PURE__ */ a(te, { ...N }),
           !D && A,
-          z && /* @__PURE__ */ a(se, { svgElement: H, className: K.linkIcon })
+          P && /* @__PURE__ */ a(se, { svgElement: H, className: K.linkIcon })
         ] })
       ]
     }
@@ -1232,7 +1233,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   clear: En,
   clearButton: Sn,
   autocomplete: kn
-}, ze = ({
+}, Pe = ({
   className: e,
   collapsible: o,
   loading: n,
@@ -1248,7 +1249,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   minLength: b,
   ...p
 }) => {
-  const w = De(), [P, h] = oe(!1), N = p.id || `search-field-${w}`, A = `${N}-listbox`, [R, y] = oe(void 0), v = "searchfield-clear-button-" + De(), k = le(() => !l || !i || typeof b == "number" && typeof i == "string" && i.length < b ? !1 : P, [l, P, b, i]), z = le(() => (l?.items ?? []).map((m) => ({
+  const w = De(), [z, h] = oe(!1), N = p.id || `search-field-${w}`, A = `${N}-listbox`, [R, y] = oe(void 0), v = "searchfield-clear-button-" + De(), k = le(() => !l || !i || typeof b == "number" && typeof i == "string" && i.length < b ? !1 : z, [l, z, b, i]), P = le(() => (l?.items ?? []).map((m) => ({
     ...m,
     onClick: () => {
       m.onClick?.(), h(!1);
@@ -1266,7 +1267,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   }, M = () => {
     h(!0);
   }, $ = (m) => {
-    if (!P) return;
+    if (!z) return;
     const d = m.relatedTarget;
     d && m.currentTarget.contains(d) || h(!1);
   }, j = (m) => {
@@ -1341,7 +1342,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       {
         ...l,
         id: A,
-        items: z,
+        items: P,
         groups: l?.groups,
         keyboardEvents: !0,
         a11yMode: "combobox",
@@ -1351,10 +1352,10 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       }
     ) })
   ] }) : O;
-}, Rn = "_byline_fzp7k_1", Pn = "_avatar_fzp7k_7", zn = "_avatarGroup_fzp7k_12", Mn = "_label_fzp7k_26", pe = {
+}, Rn = "_byline_fzp7k_1", zn = "_avatar_fzp7k_7", Pn = "_avatarGroup_fzp7k_12", Mn = "_label_fzp7k_26", pe = {
   byline: Rn,
-  avatar: Pn,
-  avatarGroup: zn,
+  avatar: zn,
+  avatarGroup: Pn,
   label: Mn
 }, $n = ({
   loading: e,
@@ -1372,7 +1373,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
     (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(_, { "data-size": n, dateTime: s, className: pe.label, children: /* @__PURE__ */ a(ue, { loading: e, children: u }) })
   ] });
-}, jn = "_dropdown_1mtdm_1", An = "_content_1mtdm_17", Dn = "_backdrop_1mtdm_47", Bn = "_header_1mtdm_76", Tn = "_footer_1mtdm_77", Ln = "_title_1mtdm_148", ce = {
+}, 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 = {
   dropdown: jn,
   content: An,
   backdrop: Dn,
@@ -1411,7 +1412,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   onClose: b,
   color: p,
   onSubmit: w,
-  activeDescendantId: P,
+  activeDescendantId: z,
   useFixedPosition: h = !1,
   expanded: N = !1
 }) => {
@@ -1423,7 +1424,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
     yDir: r.includes("top") ? "top" : "bottom",
     xDir: r.includes("right") ? "right" : "left",
     maxHeight: 300
-  }), z = qe(() => {
+  }), P = qe(() => {
     if (l && A.current && R.current) {
       const $ = A.current.getBoundingClientRect(), j = R.current.getBoundingClientRect(), S = window.innerHeight, O = window.innerWidth, m = 16, d = S - $.bottom, C = $.top, F = O - $.right - j.width, H = d < 250 && C > d, L = H ? "top" : "bottom", q = (H ? C : d) - m, g = F < m ? "right" : "left";
       k((x) => ({
@@ -1435,9 +1436,9 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       }));
     }
   }, [l, h]);
-  Ee(() => (z(), window.addEventListener("resize", z), h && window.addEventListener("scroll", z, !0), () => {
-    window.removeEventListener("resize", z), h && window.removeEventListener("scroll", z, !0);
-  }), [z, h]), W(() => {
+  Ee(() => (P(), window.addEventListener("resize", P), h && window.addEventListener("scroll", P, !0), () => {
+    window.removeEventListener("resize", P), h && window.removeEventListener("scroll", P, !0);
+  }), [P, h]), W(() => {
     if (!l) return;
     const $ = requestAnimationFrame(() => {
       const j = R.current;
@@ -1520,7 +1521,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       tabIndex: -1,
       role: "menu",
       "aria-modal": s === "drawer-dropdown" ? !0 : void 0,
-      "aria-activedescendant": P,
+      "aria-activedescendant": z,
       children: [
         /* @__PURE__ */ I("header", { className: ce.header, children: [
           /* @__PURE__ */ a("h2", { className: ce.title, children: u }),
@@ -1597,7 +1598,7 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
     recipientLabel: b = "to",
     grouped: p = !1,
     updatedAt: w,
-    updatedAtLabel: P,
+    updatedAtLabel: z,
     archived: h,
     archivedAt: N,
     archivedAtLabel: A,
@@ -1605,7 +1606,7 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
     trashedAt: y,
     trashedAtLabel: v,
     badge: k,
-    dueAt: z,
+    dueAt: P,
     dueAtLabel: D,
     unread: M,
     unreadLabel: $ = "Ulest",
@@ -1694,12 +1695,12 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
                 sentCount: d,
                 receivedCount: C,
                 updatedAt: w,
-                updatedAtLabel: P,
+                updatedAtLabel: z,
                 archivedAt: N,
                 archivedAtLabel: A,
                 trashedAt: y,
                 trashedAtLabel: v,
-                dueAt: z,
+                dueAt: P,
                 dueAtLabel: D,
                 attachmentsCount: F,
                 attachmentsLabel: H,
@@ -1731,7 +1732,7 @@ const rr = ({
   draftsLabel: b,
   sentCount: p = 0,
   receivedCount: w = 0,
-  attachmentsCount: P = 0,
+  attachmentsCount: z = 0,
   attachmentsLabel: h,
   transmissionsLabel: N,
   activityLog: A,
@@ -1746,7 +1747,7 @@ const rr = ({
     s
   ] }),
   u && f && /* @__PURE__ */ a(ee, { tooltip: y.dueAt, loading: o, datetime: u, size: "xs", icon: gt, children: f }),
-  P > 0 && /* @__PURE__ */ a(ee, { tooltip: y.attachments, loading: o, size: "xs", icon: yt, children: h || P }),
+  z > 0 && /* @__PURE__ */ a(ee, { tooltip: y.attachments, loading: o, size: "xs", icon: yt, children: h || z }),
   N && /* @__PURE__ */ a(ee, { tooltip: y.transmissions, loading: o, size: "xs", icon: At, children: N }),
   p > 0 && /* @__PURE__ */ a(ee, { tooltip: y.sent, size: "xs", icon: Qe, children: p }),
   w > 0 && /* @__PURE__ */ a(ee, { tooltip: y.received, size: "xs", icon: St, children: w }),
@@ -1809,7 +1810,7 @@ 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__ */ I("span", { className: de.media, "data-size": e, children: [
-  Se(o) && /* @__PURE__ */ a(je, { ...o, className: de.avatar }) || ke(o) && /* @__PURE__ */ a(be, { ...o, className: de.avatarGroup }) || Pe(o) && /* @__PURE__ */ a(se, { ...o, className: de.icon }) || ir(o) && o || /* @__PURE__ */ a(se, { svgElement: o, className: de.icon }),
+  Se(o) && /* @__PURE__ */ a(je, { ...o, className: de.avatar }) || ke(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_ugak2_1", dr = "_label_ugak2_53", we = {
   item: cr,
@@ -1877,7 +1878,7 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
   menu: fr,
   button: pr,
   label: hr
-}, Jr = Oe(
+}, Zr = Oe(
   ({
     disabled: e,
     label: o = "Label",
@@ -1945,7 +1946,7 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
       }
     ) });
   }
-), Zr = Oe(
+), eo = Oe(
   ({
     label: e,
     hideLabel: o = !0,
@@ -1962,7 +1963,7 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
     minLength: b,
     disabled: p
   }) => /* @__PURE__ */ a(
-    ze,
+    Pe,
     {
       size: "xs",
       label: e,
@@ -1992,9 +1993,9 @@ export {
   me as H,
   se as I,
   et as M,
-  Xr as R,
-  ze as S,
-  Zr as T,
+  Jr as R,
+  Pe as S,
+  eo as T,
   Zt as V,
   $n as a,
   rt as b,
@@ -2004,19 +2005,19 @@ export {
   mr as f,
   Gn as g,
   Te as h,
-  Pe as i,
+  ze as i,
   Le as j,
   tt as k,
   Je as l,
   Xe as m,
   Fe as n,
   ee as o,
-  Jr as p,
+  Zr as p,
   Bt as q,
   Qe as r,
   Ae as s,
   Be as t,
   tn as u,
-  Pt as v,
+  zt as v,
   on as w
 };

package/dist/assets/ToolbarSearch.css

@@ -1 +1 @@
-._badge_5li3b_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto;max-height:min-content;--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default);--dsc-badge-border: var(--ds-color-base-default);--dsc-badge-border-style: solid;background-color:var(--dsc-badge-background);color:var(--dsc-badge-color);border-width:1px;border-color:var(--dsc-badge-border);border-style:var(--dsc-badge-border-style);box-sizing:border-box;vertical-align:middle}._badge_5li3b_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_5li3b_1[data-size=xs] ._label_5li3b_33{color:transparent;width:100%;height:100%}._badge_5li3b_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;height:2em;min-width:2em;border-radius:2em}._badge_5li3b_1[data-variant=subtle]{--dsc-badge-background: var(--ds-color-surface-tinted);--dsc-badge-border: var(--ds-color-surface-tinted);--dsc-badge-color: var(--ds-color-text-default)}._badge_5li3b_1[data-variant=tinted]{--dsc-badge-background: var(--ds-color-surface-active);--dsc-badge-border: var(--ds-color-surface-active);--dsc-badge-color: var(--ds-color-text-default)}._badge_5li3b_1[data-variant=base]{--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-border: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default)}._badge_5li3b_1[data-variant=outline]{--dsc-badge-background: transparent;--dsc-badge-border: var(--ds-color-border-subtle);--dsc-badge-color: var(--ds-color-text-subtle)}._badge_5li3b_1[data-variant=dotted]{--dsc-badge-background: transparent;--dsc-badge-border: var(--ds-color-border-subtle);--dsc-badge-border-style: dashed;--dsc-badge-color: var(--ds-color-text-subtle)}._badge_5li3b_1[data-variant=text],._badge_5li3b_1[data-variant=text][data-size=xs],._badge_5li3b_1[data-variant=text][data-size=sm]{--dsc-badge-background: transparent;--dsc-badge-border: transparent;--dsc-badge-color: var(--ds-color-text-subtle);font-size:.875rem;font-weight:400;padding:.5em 0}._icon_1y3dz_1{position:relative;display:flex;justify-content:center;align-items:center;border-radius:5%}._shape_1y3dz_9{width:1em;height:1em}._svg_1y3dz_14,._image_1y3dz_15{position:absolute;display:block;width:1em;height:1em;margin:auto}._search_18jfe_1{position:sticky;top:0;z-index:1;background-color:var(--ds-color-surface-default)}._searchInput_18jfe_8{width:100%}._search_18jfe_1 input:focus-visible{outline-offset:0;outline-width:2px}._media_1089b_3{flex-shrink:0;display:flex;align-items:center;justify-content:center}._icon_1089b_10,._avatar_1089b_14{font-size:1em}._avatarGroup_1089b_18{font-size:.75em}._heading_ydkmu_1{font-size:1em;line-height:1.3;color:inherit;margin:0}._heading_ydkmu_1 a{color:inherit}._heading_ydkmu_1[data-max-rows="1"]{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._heading_ydkmu_1[data-max-rows="2"]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._heading_ydkmu_1[data-variant=default]{background-color:transparent;color:var(--ds-color-text-default)}._heading_ydkmu_1[data-variant=subtle]{background-color:transparent;color:var(--ds-color-text-subtle)}._heading_ydkmu_1[data-weight=normal]{font-weight:400}._heading_ydkmu_1[data-weight=medium]{font-weight:500}._heading_ydkmu_1[data-weight=bold]{font-weight:600}._heading_ydkmu_1[data-size=inherit]{font-size:1em}._heading_ydkmu_1[data-size=xxs]{font-size:.75rem}._heading_ydkmu_1[data-size=xs]{font-size:.875rem}._heading_ydkmu_1[data-size=sm]{font-size:1rem}._heading_ydkmu_1[data-size=md]{font-size:1.125rem}._heading_ydkmu_1[data-size=lg]{font-size:1.25rem}._heading_ydkmu_1[data-size=xl]{font-size:1.5rem}._heading_ydkmu_1[data-leading=none]{line-height:1}._heading_ydkmu_1[data-leading=normal]{line-height:1.5}._heading_ydkmu_1[data-leading=tight]{line-height:1.3}._label_e5q28_3{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;max-width:100%}._item_h7sxa_3{--checkmark-opacity: .5;appearance:none;background-color:transparent;border:none;-webkit-user-select:none;user-select:none;text-decoration:none;color:inherit;width:100%;display:flex;align-items:center;column-gap:.5rem;min-height:var(--dsc-item-height);padding-left:6px;padding-right:6px;overflow:hidden;--dsc-item-focus-outline: 2px solid black;--dsc-item-hover-pointer: pointer}._item_h7sxa_3[data-variant=default]{--dsc-item-background: var(--ds-color-surface-tinted);--dsc-item-background--hover: var(--ds-color-surface-hover);--dsc-item-background--active: var(--ds-color-surface-active);--dsc-icon-background: var(--ds-color-surface-tinted);--dsc-icon-color: var(--ds-color-text-default)}._item_h7sxa_3[data-variant=tinted]{--dsc-item-background: var(--ds-color-surface-default);--dsc-item-background--hover: var(--ds-color-surface-hover);--dsc-item-background--active: var(--ds-color-surface-default);--dsc-icon-background: var(--ds-color-surface-default)}._item_h7sxa_3[data-variant=tinted][data-size=lg]{--dsc-icon-background: var(--ds-color-base-default);--dsc-icon-color: var(--ds-color-base-contrast-default)}div._item_h7sxa_3[aria-disabled=true]{--dsc-item-focus-outline: none;--dsc-item-hover-pointer: default;--dsc-item-background--hover: var(--ds-color-background-default);--dsc-item-background--active: var(--ds-color-background-default)}._item_h7sxa_3:hover,._item_h7sxa_3[data-active=true]{background-color:var(--dsc-item-background--hover);cursor:var(--dsc-item-hover-pointer)}._item_h7sxa_3[data-active=true]{background-color:var(--dsc-item-background--hover);outline:var(--dsc-item-focus-outline)}._item_h7sxa_3[data-active=false]:focus-visible{outline:2px solid black}._item_h7sxa_3[data-selected=true]{background-color:var(--dsc-item-background--active);--checkmark-opacity: 1}._item_h7sxa_3[aria-disabled=true]{background-color:transparent;opacity:.5}._item_h7sxa_3{--dsc-description-size: 14px;--dsc-description-leading: 18px;--dsc-description-weight: normal;--dsc-title-weight: normal}._item_h7sxa_3[data-size=lg]{--dsc-item-height: 56px;--dsc-media-size: 44px;--dsc-icon-size: 28px;--dsc-title-size: 18px;--dsc-title-weight: 500}._item_h7sxa_3[data-size=md]{--dsc-item-height: 44px;--dsc-media-size: 32px;--dsc-icon-size: 24px;--dsc-title-size: 16px;--dsc-title-weight: normal}._item_h7sxa_3[data-size=sm]{--dsc-icon-background: transparent;--dsc-item-height: 36px;--dsc-media-size: 24px;--dsc-icon-size: 20px;--dsc-title-size: 16px;--dsc-title-weight: normal}._item_h7sxa_3[aria-disabled=true]{outline:none;pointer-events:none;cursor:default}._media_h7sxa_136{font-size:var(--dsc-media-size);min-width:var(--dsc-media-size);height:var(--dsc-media-size)}._media_h7sxa_136[data-variant=icon]{background-color:var(--dsc-icon-background);color:var(--dsc-icon-color);font-size:var(--dsc-icon-size);border-radius:5%}._media_h7sxa_136[data-variant=icon] svg{font-size:var(--dsc-icon-size);width:var(--dsc-icon-size);height:var(--dsc-icon-size)}._label_h7sxa_157{flex-grow:1;display:flex;flex-direction:column;font-size:var(--dsc-title-size);font-weight:var(--dsc-title-weight);line-height:1.25;margin-right:.75em;margin-top:6px;margin-bottom:6px;min-width:0;overflow-wrap:anywhere;text-wrap:initial}._title_h7sxa_172{font-size:var(--dsc-title-size)}._description_h7sxa_176{font-size:var(--dsc-description-size);font-weight:var(--dsc-description-weight);line-height:var(--dsc-description-leading)}._title_h7sxa_172 mark,._description_h7sxa_176 mark{background-color:transparent;text-decoration:underline}._count_h7sxa_188{font-style:normal;font-size:smaller;vertical-align:baseline;margin:0 .25em;color:var(--ds-color-text-subtle)}._linkIcon_h7sxa_196{font-size:1.25rem}._srOnly_1g9fo_1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}._fieldContainer_1g9fo_13{position:relative}._field_1g9fo_13{position:relative;display:inline-grid;align-items:center;justify-items:start}._field_1g9fo_13[data-collapsible=true]{width:auto}._input_1g9fo_28,._hiddenInput_1g9fo_29{min-width:25ch}._field_1g9fo_13[data-collapsible=true] ._input_1g9fo_28,._field_1g9fo_13[data-collapsible=true] ._hiddenInput_1g9fo_29{min-width:12.5ch;max-width:25ch}._hiddenInput_1g9fo_29{grid-area:1 / 1 / 2 / 2;visibility:hidden;white-space:pre;padding:var(--dsc-input-padding);padding-left:2.25em;padding-right:2.25em;font-size:inherit;font-family:inherit}._input_1g9fo_28{grid-area:1 / 1 / 2 / 2;width:100%;margin:0;padding-left:2.25em;padding-right:2.25em}._input_1g9fo_28[data-collapsible=true]:placeholder-shown{padding-right:0}._icon_1g9fo_62{position:absolute;top:1px;left:.3em;color:var(--ds-color-text-subtle);font-size:1.25em;width:1.25em;height:1.25em;pointer-events:none!important}._input_1g9fo_28[type=search]::-webkit-search-decoration,._input_1g9fo_28[type=search]::-webkit-search-cancel-button{appearance:none}._clear_1g9fo_80{position:absolute;top:1px;right:1px;bottom:1px;width:2.5em;height:2.5em;display:flex;justify-content:center;align-items:center;margin:0}._clearButton_1g9fo_93[data-size=xs]{--dsc-button-size: 2.5em;--dsc-button-padding: 0;font-size:.75em;border:none}._clearButton_1g9fo_93:focus-visible{outline-offset:0;outline-width:2px}._input_1g9fo_28[data-collapsible=true]{transition:width .5s ease-in-out}._input_1g9fo_28[data-collapsible=true]:placeholder-shown{background-color:transparent}._input_1g9fo_28[data-collapsible=true]:focus,._input_1g9fo_28[data-collapsible=true]:not(:placeholder-shown){background-color:var(--ds-color-background-default)}._autocomplete_1g9fo_120{--var-min-width: 100%;--var-max-width: 20rem;--var-width: 20rem;min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);position:absolute;top:100%;left:0;z-index:1;border-radius:.375rem;margin-top:.5rem;margin-bottom:.5rem;background-color:var(--ds-color-background-default);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;row-gap:.5rem;padding:.5rem;white-space:unset}._autocomplete_1g9fo_120[aria-hidden=true]{display:none}@media(max-width:479px){._fieldContainer_1g9fo_13,._field_1g9fo_13{width:100%}._autocomplete_1g9fo_120{--var-max-width: 100%;--var-width: 100%}._field_1g9fo_13{display:flex}._hiddenInput_1g9fo_29{display:none}._field_1g9fo_13[data-collapsible=true]{width:100%}._field_1g9fo_13[data-collapsible=true] ._input_1g9fo_28,._field_1g9fo_13[data-collapsible=true] ._hiddenInput_1g9fo_29{max-width:100%}._field_1g9fo_13[data-size=xs] ._input_1g9fo_28,._field_1g9fo_13[data-size=xs] ._hiddenInput_1g9fo_29{font-size:1rem;padding-left:2em;padding-right:2em}}._byline_fzp7k_1{display:inline-flex;align-items:center;column-gap:.5em}._avatar_fzp7k_7,._avatarGroup_fzp7k_12{font-size:1.25rem;flex-shrink:0}._avatar_fzp7k_7[data-size=md]{font-size:1.5rem;flex-shrink:0}._avatar_fzp7k_7[data-size=lg]{font-size:2.25rem}._label_fzp7k_26{display:inline-flex;flex-wrap:wrap;column-gap:.25em;color:var(--ds-color-text-subtle)}._label_fzp7k_26[data-size=xs],._label_fzp7k_26[data-size=sm]{font-size:14px;line-height:1.125rem;padding:.1875rem 0}._label_fzp7k_26[data-size=md],._label_fzp7k_26[data-size=lg]{font-size:16px;line-height:1.25rem}._label_fzp7k_26>strong{font-weight:500;color:var(--ds-color-text-default)}._dropdown_1mtdm_1{background-color:var(--ds-color-background-default);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;row-gap:.5rem;padding:.5rem;white-space:unset}._dropdown_1mtdm_1:focus{outline:none}._content_1mtdm_17{flex-grow:1}._dropdown_1mtdm_1[data-size=sm]{--var-width: 16rem;--var-min-width: 16rem;--var-max-width: 20rem}._dropdown_1mtdm_1[data-size=md]{--var-width: 20rem;--var-min-width: 20rem;--var-max-width: 24rem}._dropdown_1mtdm_1[data-size=lg]{--var-width: 24rem;--var-min-width: 24rem;--var-max-width: 28rem}._dropdown_1mtdm_1[aria-hidden=true],._backdrop_1mtdm_47,._backdrop_1mtdm_47[aria-hidden=true]{display:none}@media(min-width:1024px){._backdrop_1mtdm_47{display:block;z-index:1;background-color:#111d4640;position:fixed;inset:0;width:100%;height:100%}}._dropdown_1mtdm_1{position:absolute;margin-top:.5rem;margin-bottom:.5rem;border-radius:.375rem}._dropdown_1mtdm_1[data-variant=dropdown] ._header_1mtdm_76,._dropdown_1mtdm_1[data-variant=dropdown] ._footer_1mtdm_77{display:none}._dropdown_1mtdm_1[data-variant=dropdown]{min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);max-height:80vh}._dropdown_1mtdm_1[data-variant=drawer]{position:fixed!important;inset:0!important;max-width:none!important;max-height:100vh!important;width:100%!important;margin-top:0;margin-bottom:0;border-radius:0;padding-top:0}@media(max-width:1023px){._dropdown_1mtdm_1[data-variant=drawer-dropdown]{position:fixed!important;inset:0!important;max-width:none!important;max-height:100vh!important;width:100%!important;margin-top:0;margin-bottom:0;border-radius:0;padding-top:0}}@media(min-width:1024px){._dropdown_1mtdm_1[data-variant=drawer-dropdown]{min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);max-height:80vh}._dropdown_1mtdm_1[data-variant=drawer-dropdown] ._header_1mtdm_76,._dropdown_1mtdm_1[data-variant=drawer-dropdown] ._footer_1mtdm_77{display:none}}._header_1mtdm_76{position:sticky;top:0;left:0;right:0;padding:1rem .5rem;display:flex;align-items:center;justify-content:space-between;background-color:var(--ds-color-background-default);border-bottom:1px solid var(--ds-color-border-subtle);z-index:999}._title_1mtdm_148{font-size:1.125rem;font-weight:500;margin:0}._footer_1mtdm_77{position:sticky;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center}._footer_1mtdm_77>*{margin:1rem auto}._section_1v20z_1{display:flex;flex-direction:column;row-gap:1.25rem}._header_1v20z_7{display:flex;flex-direction:column;row-gap:.5rem}._list_1v20z_13{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;row-gap:.75rem}._item_1cw3x_3{--dsc-item-background: var(--ds-color-background-default);--dsc-item-background--hover: var(--ds-color-surface-tinted);--dsc-item-border: var(--ds-color-background-default);--dsc-item-border-style: solid;--dsc-title-font-size: 1.25rem;--dsc-summary-font-size: 1rem;--dsc-line-size: 3px;--dsc-line: var(--ds-color-neutral-surface-tinted);--dsc-line--hover: var(--ds-color-surface-hover);--dsc-item-shadow: var(--ds-shadow-xs)}._item_1cw3x_3{box-shadow:var(--dsc-item-shadow);background:var(--dsc-item-background);border:1px solid;border-style:var(--dsc-item-border-style);border-color:var(--dsc-item-border);padding:.625rem;z-index:0}._item_1cw3x_3:hover{background:var(--dsc-item-background--hover);outline:1px solid;border-color:var(--dsc-item-border--hover);outline-color:var(--dsc-item-border--hover);--dsc-item-border-style: solid;--dsc-line: var(--dsc-line--hover)}._item_1cw3x_3[data-unread=true]{--dsc-item-background: var(--ds-color-background-default);--dsc-line-size: 6px;--dsc-line: var(--ds-color-surface-active);--dsc-line--hover: var(--ds-color-surface-active);--dsc-item-shadow: var(--ds-shadow-xs)}._item_1cw3x_3[data-variant=select]{--dsc-item-background: transparent;--dsc-item-background--hover: var(--ds-color-surface-tinted);--dsc-item-border: var(--ds-color-border-default);--dsc-item-border-style: dashed;--dsc-item-unread: var(--ds-color-surface-active);--dsc-item-read: var(--ds-color-surface-tinted);--dsc-item-shadow: none}._item_1cw3x_3[data-variant=select]:not([data-selected=true]):hover{--dsc-item-border: var(--ds-color-border-default);--dsc-item-border-style: dashed;outline:none;box-shadow:none}._item_1cw3x_3[data-variant=select][data-selected=true]{--dsc-item-background: var(--ds-color-surface-tinted);--dsc-item-border: var(--ds-color-border-default);--dsc-item-border-style: solid;--dsc-line: var(--dsc-line--hover);--dsc-item-shadow: none;outline:1px solid var(--ds-color-border-default)}._border_1cw3x_75{border-left:var(--dsc-line-size) solid;border-color:var(--dsc-line);display:flex;flex-direction:column;padding-left:1rem;row-gap:1rem}._header_1cw3x_86{display:flex;flex-direction:column;row-gap:.25rem}._header_1cw3x_86[data-size=xs],._header_1cw3x_86[data-size=sm]{display:flex;flex-direction:row}._header_1cw3x_86 mark{background-color:var(--ds-color-surface-tinted)}._summary_1cw3x_102{font-size:var(--dsc-summary-font-size);font-weight:400;line-height:1.375;color:var(--ds-color-neutral-text-subtle);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._controls_1cw3x_116{position:absolute;top:0;right:0;margin:.25em}._footer_1cw3x_123{width:100%;padding-right:2rem}._seenBy_1cw3x_128{font-size:1rem;position:absolute;right:0;bottom:0;margin:.75rem;z-index:2;display:flex}._link_1cw3x_138{text-decoration:none;color:inherit}._title_1cw3x_143{font-size:var(--dsc-title-font-size);font-weight:var(--dsc-title-font-weight);text-wrap:balance;margin-right:3rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._badge_1cw3x_156{margin-left:.5rem}._media_1x8z9_1{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em}._icon_1x8z9_10{position:absolute;font-size:1.25em;width:1em;height:1em}._avatarGroup_1x8z9_17{font-size:1.25rem}._item_ugak2_1{z-index:1;padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;appearance:none}._item_ugak2_1[data-size=xs]{font-size:.875rem;height:1.5rem}._item_ugak2_1[data-size=sm]{font-size:1rem}._item_ugak2_1[data-size=md]{font-size:1.125rem}._item_ugak2_1{background-color:var(--var-meta-background);color:var(--ds-color-text-subtle);display:inline-flex;align-items:center;column-gap:.25em;white-space:nowrap;text-decoration:none}._item_ugak2_1[data-variant=default]{--var-meta-background: transparent;--var-meta-font-size: 1em;--var-meta-font-weight: normal}._item_ugak2_1[data-variant=tinted]{--var-meta-background: var(--ds-color-background-tinted);--var-meta-font-size: .875em;--var-meta-font-weight: 500;padding:0 .25em;border-radius:2px}._label_ugak2_53{display:inline;font-size:var(--var-meta-font-size);font-weight:var(--var-meta-font-weight)}._label_ugak2_53 strong{font-weight:500;color:var(--ds-color-text-default)}button._item_ugak2_1:hover,a._item_ugak2_1:hover,button._item_ugak2_1:hover strong,a._item_ugak2_1:hover strong{color:var(--ds-color-base-hover);cursor:pointer}button._item_ugak2_1:hover,a._item_ugak2_1:hover{text-decoration:underline}@media(max-width:479px){._menu_16mue_4{width:100%}._menu_16mue_4>*{width:100%}._button_16mue_12{width:100%}._label_16mue_16{flex-grow:1}}
+._badge_5li3b_1{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex:0 0 auto;max-height:min-content;--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default);--dsc-badge-border: var(--ds-color-base-default);--dsc-badge-border-style: solid;background-color:var(--dsc-badge-background);color:var(--dsc-badge-color);border-width:1px;border-color:var(--dsc-badge-border);border-style:var(--dsc-badge-border-style);box-sizing:border-box;vertical-align:middle}._badge_5li3b_1[data-size=xs]{width:.75rem;height:.75rem;padding:0;border-radius:1em}._badge_5li3b_1[data-size=xs] ._label_5li3b_33{color:transparent;width:100%;height:100%}._badge_5li3b_1[data-size=sm]{font-weight:500;font-size:.75rem;line-height:1;padding:.5em;height:2em;min-width:2em;border-radius:2em}._badge_5li3b_1[data-variant=subtle]{--dsc-badge-background: var(--ds-color-surface-tinted);--dsc-badge-border: var(--ds-color-surface-tinted);--dsc-badge-color: var(--ds-color-text-default)}._badge_5li3b_1[data-variant=tinted]{--dsc-badge-background: var(--ds-color-surface-active);--dsc-badge-border: var(--ds-color-surface-active);--dsc-badge-color: var(--ds-color-text-default)}._badge_5li3b_1[data-variant=base]{--dsc-badge-background: var(--ds-color-base-default);--dsc-badge-border: var(--ds-color-base-default);--dsc-badge-color: var(--ds-color-base-contrast-default)}._badge_5li3b_1[data-variant=outline]{--dsc-badge-background: transparent;--dsc-badge-border: var(--ds-color-border-subtle);--dsc-badge-color: var(--ds-color-text-subtle)}._badge_5li3b_1[data-variant=dotted]{--dsc-badge-background: transparent;--dsc-badge-border: var(--ds-color-border-subtle);--dsc-badge-border-style: dashed;--dsc-badge-color: var(--ds-color-text-subtle)}._badge_5li3b_1[data-variant=text],._badge_5li3b_1[data-variant=text][data-size=xs],._badge_5li3b_1[data-variant=text][data-size=sm]{--dsc-badge-background: transparent;--dsc-badge-border: transparent;--dsc-badge-color: var(--ds-color-text-subtle);font-size:.875rem;font-weight:400;padding:.5em 0}._icon_1y3dz_1{position:relative;display:flex;justify-content:center;align-items:center;border-radius:5%}._shape_1y3dz_9{width:1em;height:1em}._svg_1y3dz_14,._image_1y3dz_15{position:absolute;display:block;width:1em;height:1em;margin:auto}._search_18jfe_1{position:sticky;top:0;z-index:1;background-color:var(--ds-color-surface-default)}._searchInput_18jfe_8{width:100%}._search_18jfe_1 input:focus-visible{outline-offset:0;outline-width:2px}._media_1089b_3{flex-shrink:0;display:flex;align-items:center;justify-content:center}._icon_1089b_10,._avatar_1089b_14{font-size:1em}._avatarGroup_1089b_18{font-size:.75em}._heading_ydkmu_1{font-size:1em;line-height:1.3;color:inherit;margin:0}._heading_ydkmu_1 a{color:inherit}._heading_ydkmu_1[data-max-rows="1"]{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._heading_ydkmu_1[data-max-rows="2"]{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._heading_ydkmu_1[data-variant=default]{background-color:transparent;color:var(--ds-color-text-default)}._heading_ydkmu_1[data-variant=subtle]{background-color:transparent;color:var(--ds-color-text-subtle)}._heading_ydkmu_1[data-weight=normal]{font-weight:400}._heading_ydkmu_1[data-weight=medium]{font-weight:500}._heading_ydkmu_1[data-weight=bold]{font-weight:600}._heading_ydkmu_1[data-size=inherit]{font-size:1em}._heading_ydkmu_1[data-size=xxs]{font-size:.75rem}._heading_ydkmu_1[data-size=xs]{font-size:.875rem}._heading_ydkmu_1[data-size=sm]{font-size:1rem}._heading_ydkmu_1[data-size=md]{font-size:1.125rem}._heading_ydkmu_1[data-size=lg]{font-size:1.25rem}._heading_ydkmu_1[data-size=xl]{font-size:1.5rem}._heading_ydkmu_1[data-leading=none]{line-height:1}._heading_ydkmu_1[data-leading=normal]{line-height:1.5}._heading_ydkmu_1[data-leading=tight]{line-height:1.3}._label_e5q28_3{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;max-width:100%}._item_h7sxa_3{--checkmark-opacity: .5;appearance:none;background-color:transparent;border:none;-webkit-user-select:none;user-select:none;text-decoration:none;color:inherit;width:100%;display:flex;align-items:center;column-gap:.5rem;min-height:var(--dsc-item-height);padding-left:6px;padding-right:6px;overflow:hidden;--dsc-item-focus-outline: 2px solid black;--dsc-item-hover-pointer: pointer}._item_h7sxa_3[data-variant=default]{--dsc-item-background: var(--ds-color-surface-tinted);--dsc-item-background--hover: var(--ds-color-surface-hover);--dsc-item-background--active: var(--ds-color-surface-active);--dsc-icon-background: var(--ds-color-surface-tinted);--dsc-icon-color: var(--ds-color-text-default)}._item_h7sxa_3[data-variant=tinted]{--dsc-item-background: var(--ds-color-surface-default);--dsc-item-background--hover: var(--ds-color-surface-hover);--dsc-item-background--active: var(--ds-color-surface-default);--dsc-icon-background: var(--ds-color-surface-default)}._item_h7sxa_3[data-variant=tinted][data-size=lg]{--dsc-icon-background: var(--ds-color-base-default);--dsc-icon-color: var(--ds-color-base-contrast-default)}div._item_h7sxa_3[aria-disabled=true]{--dsc-item-focus-outline: none;--dsc-item-hover-pointer: default;--dsc-item-background--hover: var(--ds-color-background-default);--dsc-item-background--active: var(--ds-color-background-default)}._item_h7sxa_3:hover,._item_h7sxa_3[data-active=true]{background-color:var(--dsc-item-background--hover);cursor:var(--dsc-item-hover-pointer)}._item_h7sxa_3[data-active=true]{background-color:var(--dsc-item-background--hover);outline:var(--dsc-item-focus-outline)}._item_h7sxa_3[data-active=false]:focus-visible{outline:2px solid black}._item_h7sxa_3[data-selected=true]{background-color:var(--dsc-item-background--active);--checkmark-opacity: 1}._item_h7sxa_3[aria-disabled=true]{background-color:transparent;opacity:.5}._item_h7sxa_3{--dsc-description-size: 14px;--dsc-description-leading: 18px;--dsc-description-weight: normal;--dsc-title-weight: normal}._item_h7sxa_3[data-size=lg]{--dsc-item-height: 56px;--dsc-media-size: 44px;--dsc-icon-size: 28px;--dsc-title-size: 18px;--dsc-title-weight: 500}._item_h7sxa_3[data-size=md]{--dsc-item-height: 44px;--dsc-media-size: 32px;--dsc-icon-size: 24px;--dsc-title-size: 16px;--dsc-title-weight: normal}._item_h7sxa_3[data-size=sm]{--dsc-icon-background: transparent;--dsc-item-height: 36px;--dsc-media-size: 24px;--dsc-icon-size: 20px;--dsc-title-size: 16px;--dsc-title-weight: normal}._item_h7sxa_3[aria-disabled=true]{outline:none;pointer-events:none;cursor:default}._media_h7sxa_136{font-size:var(--dsc-media-size);min-width:var(--dsc-media-size);height:var(--dsc-media-size)}._media_h7sxa_136[data-variant=icon]{background-color:var(--dsc-icon-background);color:var(--dsc-icon-color);font-size:var(--dsc-icon-size);border-radius:5%}._media_h7sxa_136[data-variant=icon] svg{font-size:var(--dsc-icon-size);width:var(--dsc-icon-size);height:var(--dsc-icon-size)}._label_h7sxa_157{flex-grow:1;display:flex;flex-direction:column;font-size:var(--dsc-title-size);font-weight:var(--dsc-title-weight);line-height:1.25;margin-right:.75em;margin-top:6px;margin-bottom:6px;min-width:0;overflow-wrap:anywhere;text-wrap:initial}._title_h7sxa_172{font-size:var(--dsc-title-size)}._description_h7sxa_176{font-size:var(--dsc-description-size);font-weight:var(--dsc-description-weight);line-height:var(--dsc-description-leading)}._title_h7sxa_172 mark,._description_h7sxa_176 mark{background-color:transparent;text-decoration:underline}._count_h7sxa_188{font-style:normal;font-size:smaller;vertical-align:baseline;margin:0 .25em;color:var(--ds-color-text-subtle)}._linkIcon_h7sxa_196{font-size:1.25rem}._srOnly_1g9fo_1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}._fieldContainer_1g9fo_13{position:relative}._field_1g9fo_13{position:relative;display:inline-grid;align-items:center;justify-items:start}._field_1g9fo_13[data-collapsible=true]{width:auto}._input_1g9fo_28,._hiddenInput_1g9fo_29{min-width:25ch}._field_1g9fo_13[data-collapsible=true] ._input_1g9fo_28,._field_1g9fo_13[data-collapsible=true] ._hiddenInput_1g9fo_29{min-width:12.5ch;max-width:25ch}._hiddenInput_1g9fo_29{grid-area:1 / 1 / 2 / 2;visibility:hidden;white-space:pre;padding:var(--dsc-input-padding);padding-left:2.25em;padding-right:2.25em;font-size:inherit;font-family:inherit}._input_1g9fo_28{grid-area:1 / 1 / 2 / 2;width:100%;margin:0;padding-left:2.25em;padding-right:2.25em}._input_1g9fo_28[data-collapsible=true]:placeholder-shown{padding-right:0}._icon_1g9fo_62{position:absolute;top:1px;left:.3em;color:var(--ds-color-text-subtle);font-size:1.25em;width:1.25em;height:1.25em;pointer-events:none!important}._input_1g9fo_28[type=search]::-webkit-search-decoration,._input_1g9fo_28[type=search]::-webkit-search-cancel-button{appearance:none}._clear_1g9fo_80{position:absolute;top:1px;right:1px;bottom:1px;width:2.5em;height:2.5em;display:flex;justify-content:center;align-items:center;margin:0}._clearButton_1g9fo_93[data-size=xs]{--dsc-button-size: 2.5em;--dsc-button-padding: 0;font-size:.75em;border:none}._clearButton_1g9fo_93:focus-visible{outline-offset:0;outline-width:2px}._input_1g9fo_28[data-collapsible=true]{transition:width .5s ease-in-out}._input_1g9fo_28[data-collapsible=true]:placeholder-shown{background-color:transparent}._input_1g9fo_28[data-collapsible=true]:focus,._input_1g9fo_28[data-collapsible=true]:not(:placeholder-shown){background-color:var(--ds-color-background-default)}._autocomplete_1g9fo_120{--var-min-width: 100%;--var-max-width: 20rem;--var-width: 20rem;min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);position:absolute;top:100%;left:0;z-index:1;border-radius:.375rem;margin-top:.5rem;margin-bottom:.5rem;background-color:var(--ds-color-background-default);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;row-gap:.5rem;padding:.5rem;white-space:unset}._autocomplete_1g9fo_120[aria-hidden=true]{display:none}@media(max-width:479px){._fieldContainer_1g9fo_13,._field_1g9fo_13{width:100%}._autocomplete_1g9fo_120{--var-max-width: 100%;--var-width: 100%}._field_1g9fo_13{display:flex}._hiddenInput_1g9fo_29{display:none}._field_1g9fo_13[data-collapsible=true]{width:100%}._field_1g9fo_13[data-collapsible=true] ._input_1g9fo_28,._field_1g9fo_13[data-collapsible=true] ._hiddenInput_1g9fo_29{max-width:100%}._field_1g9fo_13[data-size=xs] ._input_1g9fo_28,._field_1g9fo_13[data-size=xs] ._hiddenInput_1g9fo_29{font-size:1rem;padding-left:2em;padding-right:2em}}._byline_fzp7k_1{display:inline-flex;align-items:center;column-gap:.5em}._avatar_fzp7k_7,._avatarGroup_fzp7k_12{font-size:1.25rem;flex-shrink:0}._avatar_fzp7k_7[data-size=md]{font-size:1.5rem;flex-shrink:0}._avatar_fzp7k_7[data-size=lg]{font-size:2.25rem}._label_fzp7k_26{display:inline-flex;flex-wrap:wrap;column-gap:.25em;color:var(--ds-color-text-subtle)}._label_fzp7k_26[data-size=xs],._label_fzp7k_26[data-size=sm]{font-size:14px;line-height:1.125rem;padding:.1875rem 0}._label_fzp7k_26[data-size=md],._label_fzp7k_26[data-size=lg]{font-size:16px;line-height:1.25rem}._label_fzp7k_26>strong{font-weight:500;color:var(--ds-color-text-default)}._dropdown_11cza_1{background-color:var(--ds-color-background-default);color:var(--ds-color-text-default);box-shadow:var(--ds-shadow-sm);display:flex;flex-direction:column;row-gap:.5rem;padding:.5rem;white-space:unset}._dropdown_11cza_1:focus{outline:none}._content_11cza_17{flex-grow:1}._dropdown_11cza_1[data-size=sm]{--var-width: 16rem;--var-min-width: 16rem;--var-max-width: 20rem}._dropdown_11cza_1[data-size=md]{--var-width: 20rem;--var-min-width: 20rem;--var-max-width: 24rem}._dropdown_11cza_1[data-size=lg]{--var-width: 24rem;--var-min-width: 24rem;--var-max-width: 28rem}._dropdown_11cza_1[aria-hidden=true],._backdrop_11cza_47,._backdrop_11cza_47[aria-hidden=true]{display:none}@media(min-width:1024px){._backdrop_11cza_47{display:block;z-index:1;background-color:#111d4640;position:fixed;inset:0;width:100%;height:100%}}._dropdown_11cza_1{position:absolute;margin-top:.5rem;margin-bottom:.5rem;border-radius:.375rem}._dropdown_11cza_1[data-variant=dropdown] ._header_11cza_76,._dropdown_11cza_1[data-variant=dropdown] ._footer_11cza_77{display:none}._dropdown_11cza_1[data-variant=dropdown]{min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);max-height:80vh}._dropdown_11cza_1[data-variant=drawer]{position:fixed!important;inset:0!important;max-width:none!important;max-height:100vh!important;width:100%!important;margin-top:0;margin-bottom:0;border-radius:0;padding-top:0}@media(max-width:1023px){._dropdown_11cza_1[data-variant=drawer-dropdown]{position:fixed!important;inset:0!important;max-width:none!important;max-height:100vh!important;width:100%!important;margin-top:0;margin-bottom:0;border-radius:0;padding-top:0}html:has([data-variant=drawer-dropdown]:not([aria-hidden=true])){overflow:hidden;scrollbar-gutter:stable}}@media(min-width:1024px){._dropdown_11cza_1[data-variant=drawer-dropdown]{min-width:var(--var-min-width);max-width:var(--var-max-width);width:var(--var-width);max-height:80vh}._dropdown_11cza_1[data-variant=drawer-dropdown] ._header_11cza_76,._dropdown_11cza_1[data-variant=drawer-dropdown] ._footer_11cza_77{display:none}}._header_11cza_76{position:sticky;top:0;left:0;right:0;padding:1rem .5rem;display:flex;align-items:center;justify-content:space-between;background-color:var(--ds-color-background-default);border-bottom:1px solid var(--ds-color-border-subtle);z-index:999}._title_11cza_156{font-size:1.125rem;font-weight:500;margin:0}._footer_11cza_77{position:sticky;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center}._footer_11cza_77>*{margin:1rem auto}._section_1v20z_1{display:flex;flex-direction:column;row-gap:1.25rem}._header_1v20z_7{display:flex;flex-direction:column;row-gap:.5rem}._list_1v20z_13{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;row-gap:.75rem}._item_1cw3x_3{--dsc-item-background: var(--ds-color-background-default);--dsc-item-background--hover: var(--ds-color-surface-tinted);--dsc-item-border: var(--ds-color-background-default);--dsc-item-border-style: solid;--dsc-title-font-size: 1.25rem;--dsc-summary-font-size: 1rem;--dsc-line-size: 3px;--dsc-line: var(--ds-color-neutral-surface-tinted);--dsc-line--hover: var(--ds-color-surface-hover);--dsc-item-shadow: var(--ds-shadow-xs)}._item_1cw3x_3{box-shadow:var(--dsc-item-shadow);background:var(--dsc-item-background);border:1px solid;border-style:var(--dsc-item-border-style);border-color:var(--dsc-item-border);padding:.625rem;z-index:0}._item_1cw3x_3:hover{background:var(--dsc-item-background--hover);outline:1px solid;border-color:var(--dsc-item-border--hover);outline-color:var(--dsc-item-border--hover);--dsc-item-border-style: solid;--dsc-line: var(--dsc-line--hover)}._item_1cw3x_3[data-unread=true]{--dsc-item-background: var(--ds-color-background-default);--dsc-line-size: 6px;--dsc-line: var(--ds-color-surface-active);--dsc-line--hover: var(--ds-color-surface-active);--dsc-item-shadow: var(--ds-shadow-xs)}._item_1cw3x_3[data-variant=select]{--dsc-item-background: transparent;--dsc-item-background--hover: var(--ds-color-surface-tinted);--dsc-item-border: var(--ds-color-border-default);--dsc-item-border-style: dashed;--dsc-item-unread: var(--ds-color-surface-active);--dsc-item-read: var(--ds-color-surface-tinted);--dsc-item-shadow: none}._item_1cw3x_3[data-variant=select]:not([data-selected=true]):hover{--dsc-item-border: var(--ds-color-border-default);--dsc-item-border-style: dashed;outline:none;box-shadow:none}._item_1cw3x_3[data-variant=select][data-selected=true]{--dsc-item-background: var(--ds-color-surface-tinted);--dsc-item-border: var(--ds-color-border-default);--dsc-item-border-style: solid;--dsc-line: var(--dsc-line--hover);--dsc-item-shadow: none;outline:1px solid var(--ds-color-border-default)}._border_1cw3x_75{border-left:var(--dsc-line-size) solid;border-color:var(--dsc-line);display:flex;flex-direction:column;padding-left:1rem;row-gap:1rem}._header_1cw3x_86{display:flex;flex-direction:column;row-gap:.25rem}._header_1cw3x_86[data-size=xs],._header_1cw3x_86[data-size=sm]{display:flex;flex-direction:row}._header_1cw3x_86 mark{background-color:var(--ds-color-surface-tinted)}._summary_1cw3x_102{font-size:var(--dsc-summary-font-size);font-weight:400;line-height:1.375;color:var(--ds-color-neutral-text-subtle);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}._controls_1cw3x_116{position:absolute;top:0;right:0;margin:.25em}._footer_1cw3x_123{width:100%;padding-right:2rem}._seenBy_1cw3x_128{font-size:1rem;position:absolute;right:0;bottom:0;margin:.75rem;z-index:2;display:flex}._link_1cw3x_138{text-decoration:none;color:inherit}._title_1cw3x_143{font-size:var(--dsc-title-font-size);font-weight:var(--dsc-title-font-weight);text-wrap:balance;margin-right:3rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}._badge_1cw3x_156{margin-left:.5rem}._media_1x8z9_1{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em}._icon_1x8z9_10{position:absolute;font-size:1.25em;width:1em;height:1em}._avatarGroup_1x8z9_17{font-size:1.25rem}._item_ugak2_1{z-index:1;padding:0;border:0;background-color:transparent;color:inherit;font:inherit;text-align:inherit;text-decoration:none;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;appearance:none}._item_ugak2_1[data-size=xs]{font-size:.875rem;height:1.5rem}._item_ugak2_1[data-size=sm]{font-size:1rem}._item_ugak2_1[data-size=md]{font-size:1.125rem}._item_ugak2_1{background-color:var(--var-meta-background);color:var(--ds-color-text-subtle);display:inline-flex;align-items:center;column-gap:.25em;white-space:nowrap;text-decoration:none}._item_ugak2_1[data-variant=default]{--var-meta-background: transparent;--var-meta-font-size: 1em;--var-meta-font-weight: normal}._item_ugak2_1[data-variant=tinted]{--var-meta-background: var(--ds-color-background-tinted);--var-meta-font-size: .875em;--var-meta-font-weight: 500;padding:0 .25em;border-radius:2px}._label_ugak2_53{display:inline;font-size:var(--var-meta-font-size);font-weight:var(--var-meta-font-weight)}._label_ugak2_53 strong{font-weight:500;color:var(--ds-color-text-default)}button._item_ugak2_1:hover,a._item_ugak2_1:hover,button._item_ugak2_1:hover strong,a._item_ugak2_1:hover strong{color:var(--ds-color-base-hover);cursor:pointer}button._item_ugak2_1:hover,a._item_ugak2_1:hover{text-decoration:underline}@media(max-width:479px){._menu_16mue_4{width:100%}._menu_16mue_4>*{width:100%}._button_16mue_12{width:100%}._label_16mue_16{flex-grow:1}}

package/dist/components/AccessAreaListItem/AccessAreaListItem.js

@@ -1,7 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import "../../index-p1eeF8LQ.js";
 import "react";
-import "../../ToolbarSearch-CDOcKzpM.js";
+import "../../tooltip-B5zQ3zF0.js";
+import "../../ToolbarSearch-BQfKHZnX.js";
 import "../Typography/Link.js";
 import "../Button/Button.js";
 import "react-dom";
@@ -10,7 +11,7 @@ import "../Snackbar/useSnackbar.js";
 import { ListItem as b } from "../List/ListItem.js";
 import '../../assets/AccessAreaListItem.css';const I = "_content_7hk0i_1", d = {
   content: I
-}, N = ({
+}, T = ({
   name: t,
   icon: i,
   iconUrl: m,
@@ -47,5 +48,5 @@ import '../../assets/AccessAreaListItem.css';const I = "_content_7hk0i_1", d = {
   }
 );
 export {
-  N as AccessAreaListItem
+  T as AccessAreaListItem
 };