@altinn/altinn-components 0.59.0 → 0.59.1

package/dist/{Section-gR5R233Z.js → Section-BEuICoay.js}

@@ -2,7 +2,7 @@
 import { jsx as a, jsxs as x, Fragment as pe } from "react/jsx-runtime";
 import { c as T } from "./index-p1eeF8LQ.js";
 import * as H from "react";
-import N, { forwardRef as V, useRef as Z, useState as le, useMemo as de, useEffect as Y, Fragment as ht, useLayoutEffect as Me, createContext as vt, useContext as bt, isValidElement as we, useId as Ce, useCallback as Ye, memo as Ie, createElement as Ae } from "react";
+import N, { forwardRef as V, useRef as Z, useState as le, useMemo as de, useEffect as Y, Fragment as ht, useLayoutEffect as Me, createContext as vt, useContext as bt, isValidElement as we, useId as ke, useCallback as Ye, memo as Ie, createElement as Ae } from "react";
 import { useEscapeKey as gt } from "./hooks/useEscapeKey.js";
 import "./components/Typography/Link.js";
 import { Button as he } from "./components/Button/Button.js";
@@ -18,8 +18,8 @@ import { Field as It } from "./components/Forms/Field.js";
 import { Label as xt } from "./components/Forms/Label.js";
 import { TypingIcon as Ot } from "./components/Icon/TypingIcon.js";
 import { u as U } from "./useId-BVFxCjkq.js";
-import { isAvatarProps as Ee, Avatar as $e } from "./components/Avatar/Avatar.js";
-import { isAvatarGroupProps as ke, AvatarGroup as be } from "./components/Avatar/AvatarGroup.js";
+import { isAvatarProps as Ce, Avatar as $e } from "./components/Avatar/Avatar.js";
+import { isAvatarGroupProps as Ee, AvatarGroup as be } from "./components/Avatar/AvatarGroup.js";
 import { ItemControls as De } from "./components/Item/ItemControls.js";
 import { pickAriaProps as Nt } from "./components/Menu/aria.js";
 import { MenuList as ze } from "./components/Menu/MenuList.js";
@@ -27,8 +27,8 @@ import { MenuListItem as Je } from "./components/Menu/MenuListItem.js";
 import { MenuListGroup as Ze } from "./components/Menu/MenuListGroup.js";
 import { MenuListDivider as et } from "./components/Menu/MenuListDivider.js";
 import { MenuListHeading as tt } from "./components/Menu/MenuListHeading.js";
-import { a as Ct } from "./useMenuVirtualization-Cs426RCN.js";
-import { S as Et, a as kt, b as zt } from "./Paperclip-DjN7qVfQ.js";
+import { a as kt } from "./useMenuVirtualization-Cs426RCN.js";
+import { S as Ct, a as Et, b as zt } from "./Paperclip-DjN7qVfQ.js";
 import { useDropdownMenuController as Pt } from "./components/Menu/useDropdownMenuController.js";
 import { ItemBase as $t } from "./components/Item/ItemBase.js";
 import { ItemLink as St } from "./components/Item/ItemLink.js";
@@ -351,7 +351,7 @@ const Se = V((e, o) => {
   onKeyDown: v,
   onInput: g,
   onFocus: _,
-  ...C
+  ...k
 }) => /* @__PURE__ */ a("li", { className: je.search, style: e, "data-index": o, "data-menu-search": "true", children: l ? (
   // biome-ignore lint/a11y/useFocusableInteractive: <explanation>
   // biome-ignore lint/a11y/useAriaPropsForRole: <explanation>
@@ -379,7 +379,7 @@ const Se = V((e, o) => {
       },
       onInput: g,
       onFocus: _,
-      ...C
+      ...k
     }
   ) })
 ) : /* @__PURE__ */ a(
@@ -402,7 +402,7 @@ const Se = V((e, o) => {
     },
     onInput: g,
     onFocus: _,
-    ...C
+    ...k
   }
 ) }), at = ({
   level: e = 0,
@@ -420,9 +420,9 @@ const Se = V((e, o) => {
   size: v,
   id: g,
   color: _,
-  variant: C,
+  variant: k,
   scrollRefStyles: b = {},
-  keyboardEvents: k = !1,
+  keyboardEvents: E = !1,
   onSelect: j = () => {
   },
   onActiveItemIdChange: O
@@ -439,7 +439,7 @@ const Se = V((e, o) => {
     items: A,
     groups: i,
     groupByKey: "groupId",
-    keyboardEvents: k,
+    keyboardEvents: E,
     autoActivateFirstItem: d,
     onSelect: j,
     ref: S
@@ -455,8 +455,8 @@ const Se = V((e, o) => {
     D.current = r, r && !p && S.current?.scrollTo({ top: 0 });
   }, [r, s]), Y(() => {
     const p = z.current;
-    z.current = r, !(!k || l || !u) && r && !p && requestAnimationFrame(() => S.current?.focus?.({ preventScroll: !0 }));
-  }, [r, k, l]), Y(() => {
+    z.current = r, !(!E || l || !u) && r && !p && requestAnimationFrame(() => S.current?.focus?.({ preventScroll: !0 }));
+  }, [r, E, l]), Y(() => {
     if (h && c) {
       y(0), P(!0);
       return;
@@ -464,13 +464,13 @@ const Se = V((e, o) => {
   }, [c, h, y]), /* @__PURE__ */ x(
     ze,
     {
-      variant: C,
+      variant: k,
       expanded: n,
       ref: S,
       style: b,
       id: f,
       role: h ? "listbox" : void 0,
-      tabIndex: k ? -1 : void 0,
+      tabIndex: E ? -1 : void 0,
       children: [
         l && /* @__PURE__ */ a(
           ot,
@@ -502,7 +502,7 @@ const Se = V((e, o) => {
             /* @__PURE__ */ a(Ze, { hidden: K, children: /* @__PURE__ */ x(ze, { role: "presentation", children: [
               G && /* @__PURE__ */ a(tt, { title: G, level: e }),
               p?.items.filter((X) => !X.props?.hidden).map((X, I) => {
-                const { active: E, onMouseEnter: B } = X, { groupId: te, ...L } = X.props || {}, { expanded: se } = L, ue = Array.isArray(L?.items) && L.items.length > 0, xe = L.role === "checkbox" || L.role === "radio", Re = h && !xe ? "option" : L.role;
+                const { active: C, onMouseEnter: B } = X, { groupId: te, ...L } = X.props || {}, { expanded: se } = L, ue = Array.isArray(L?.items) && L.items.length > 0, xe = L.role === "checkbox" || L.role === "radio", Re = h && !xe ? "option" : L.role;
                 return /* @__PURE__ */ x(
                   Je,
                   {
@@ -516,11 +516,11 @@ const Se = V((e, o) => {
                           ...L,
                           size: L?.size || F?.size || v,
                           color: L?.color || F?.color || _,
-                          variant: L?.variant || F?.variant || C,
-                          active: E,
+                          variant: L?.variant || F?.variant || k,
+                          active: C,
                           role: Re,
                           selected: L.selected,
-                          tabIndex: L?.disabled || k ? -1 : L.tabIndex ?? 0,
+                          tabIndex: L?.disabled || E ? -1 : L.tabIndex ?? 0,
                           onMouseEnter: B,
                           "aria-haspopup": ue ? "menu" : void 0,
                           "aria-expanded": ue ? se : void 0,
@@ -538,7 +538,7 @@ const Se = V((e, o) => {
                           groups: i,
                           size: v,
                           color: _,
-                          variant: C
+                          variant: k
                         }
                       )
                     ]
@@ -564,16 +564,16 @@ const Se = V((e, o) => {
     scrollRefStyles: v = {},
     id: g,
     expanded: _,
-    a11yMode: C = "menu",
+    a11yMode: k = "menu",
     open: b,
-    scrollToTopOnOpen: k = !1,
+    scrollToTopOnOpen: E = !1,
     autoActivateFirstItem: j = !0,
     announceNoResults: O = !1,
     onActiveItemIdChange: h
-  } = e, f = C === "combobox", D = f && g ? `${g}-listbox` : g, z = Z(b), [M, P] = le(!1), A = de(
-    () => d.map((I, E) => ({
+  } = e, f = k === "combobox", D = f && g ? `${g}-listbox` : g, z = Z(b), [M, P] = le(!1), A = de(
+    () => d.map((I, C) => ({
       ...I,
-      id: I.id || `${g}-item-${E}`
+      id: I.id || `${g}-item-${C}`
     })),
     [d, g]
   ), { menu: S, activeItem: $, setActiveIndex: y, activeIndex: w } = Le({
@@ -583,32 +583,32 @@ const Se = V((e, o) => {
     keyboardEvents: i,
     autoActivateFirstItem: j,
     ref: o
-  }), { flatMenu: p, virtualizer: R, scrollMaxHeight: F } = Ct({
+  }), { flatMenu: p, virtualizer: R, scrollMaxHeight: F } = kt({
     menu: S,
     scrollRef: o
   });
   Me(() => {
     const I = n.current;
     if (!I) return;
-    const E = Math.round(I.offsetTop);
-    r((B) => B === E ? B : E);
+    const C = Math.round(I.offsetTop);
+    r((B) => B === C ? B : C);
   });
   const G = de(() => {
     const I = $?.id;
     if (I)
       return p.findIndex((B) => B.type === "item" && B.itemProps?.id === I);
     if (w < 0) return -1;
-    let E = -1;
+    let C = -1;
     for (let B = 0; B < p.length; B++)
-      if (p[B]?.type === "item" && (E += 1, E === w))
+      if (p[B]?.type === "item" && (C += 1, C === w))
         return B;
     return -1;
   }, [$?.id, w, p]), K = Z(null);
   Me(() => {
-    const I = K?.current, E = typeof I == "number" ? G <= I : !1;
+    const I = K?.current, C = typeof I == "number" ? G <= I : !1;
     K.current = G;
-    const B = E ? G : G + 2;
-    if (!E) {
+    const B = C ? G : G + 2;
+    if (!C) {
       const ue = R.getOffsetForIndex(B, "auto");
       if (!ue) return;
       const [xe, Re] = ue;
@@ -627,10 +627,10 @@ const Se = V((e, o) => {
   }, [G, t, R, K]);
   const W = de(() => {
     const I = /* @__PURE__ */ new Map();
-    let E = 0;
+    let C = 0;
     return p.forEach((B, te) => {
-      B.type === "item" && (E += 1, I.set(te, E));
-    }), { positions: I, total: E };
+      B.type === "item" && (C += 1, I.set(te, C));
+    }), { positions: I, total: C };
   }, [p]);
   Y(() => {
     h?.($?.id);
@@ -640,13 +640,13 @@ const Se = V((e, o) => {
       return;
     }
   }, [O, f, y]), Y(() => {
-    if (!k) {
+    if (!E) {
       z.current = b;
       return;
     }
     const I = z.current;
     z.current = b, b && !I && o.current?.scrollTo({ top: 0 });
-  }, [b, k]);
+  }, [b, E]);
   const X = {
     position: "relative",
     maxHeight: v?.maxHeight || F,
@@ -685,8 +685,8 @@ const Se = V((e, o) => {
               P(!1), s.onInput?.(I);
             },
             onKeyDown: (I) => {
-              const E = I.key === "ArrowUp" || I.key === "ArrowDown", B = I.key.length === 1 || I.key === "Backspace" || I.key === "Delete";
-              f && !E && B && P(!1), s.onKeyDown?.(I);
+              const C = I.key === "ArrowUp" || I.key === "ArrowDown", B = I.key.length === 1 || I.key === "Backspace" || I.key === "Delete";
+              f && !C && B && P(!1), s.onKeyDown?.(I);
             }
           }
         ),
@@ -700,8 +700,8 @@ const Se = V((e, o) => {
               width: "100%"
             },
             children: /* @__PURE__ */ a(ze, { style: { width: "100%", minWidth: "100%" }, children: R.getVirtualItems().map((I) => {
-              const E = p[I.index];
-              if (!E) return null;
+              const C = p[I.index];
+              if (!C) return null;
               const B = {
                 position: "absolute",
                 top: 0,
@@ -714,7 +714,7 @@ const Se = V((e, o) => {
                 "data-index": I.index,
                 ref: R.measureElement
               };
-              switch (E.type) {
+              switch (C.type) {
                 case "divider":
                   return /* @__PURE__ */ a(
                     et,
@@ -725,9 +725,9 @@ const Se = V((e, o) => {
                     I.key
                   );
                 case "header":
-                  return /* @__PURE__ */ a(tt, { ...te, title: E.title || "", level: 1 }, I.key);
+                  return /* @__PURE__ */ a(tt, { ...te, title: C.title || "", level: 1 }, I.key);
                 default: {
-                  const L = E.itemProps?.role === "checkbox" || E.itemProps?.role === "radio", se = f && !L ? "option" : E.itemProps?.role;
+                  const L = C.itemProps?.role === "checkbox" || C.itemProps?.role === "radio", se = f && !L ? "option" : C.itemProps?.role;
                   return /* @__PURE__ */ a(
                     Je,
                     {
@@ -736,16 +736,16 @@ const Se = V((e, o) => {
                       children: /* @__PURE__ */ a(
                         it,
                         {
-                          ...E.itemProps || {},
-                          size: E.itemProps?.size || c,
-                          color: E.itemProps?.color || l,
-                          variant: E.itemProps?.variant || m,
-                          active: E.active,
+                          ...C.itemProps || {},
+                          size: C.itemProps?.size || c,
+                          color: C.itemProps?.color || l,
+                          variant: C.itemProps?.variant || m,
+                          active: C.active,
                           role: se,
-                          selected: E.itemProps?.selected,
+                          selected: C.itemProps?.selected,
                           "aria-posinset": f ? W.positions.get(I.index) : void 0,
                           "aria-setsize": f ? W.total : void 0,
-                          tabIndex: E.itemProps?.disabled || i ? -1 : 0
+                          tabIndex: C.itemProps?.disabled || i ? -1 : 0
                         }
                       )
                     },
@@ -858,7 +858,7 @@ const Se = V((e, o) => {
     [n]
   ), v = H.useCallback(() => {
     m(""), t?.();
-  }, [t]), g = H.useMemo(() => l.trim().replace(/\s+/g, " "), [l]), _ = g.length > 0, C = H.useMemo(() => g.toLowerCase(), [g]), b = H.useMemo(() => g ? g.split(" ") : [], [g]), k = H.useMemo(
+  }, [t]), g = H.useMemo(() => l.trim().replace(/\s+/g, " "), [l]), _ = g.length > 0, k = H.useMemo(() => g.toLowerCase(), [g]), b = H.useMemo(() => g ? g.split(" ") : [], [g]), E = H.useMemo(
     () => ({
       placeholder: e ?? c.placeholder,
       name: o ?? "search",
@@ -884,7 +884,7 @@ const Se = V((e, o) => {
         "aria-disabled": !0,
         title: c.noResults,
         groupId: "emptySearch",
-        icon: Et,
+        icon: Ct,
         size: "sm",
         as: "div"
       }
@@ -897,13 +897,13 @@ const Se = V((e, o) => {
     if (!_) return { selectedItems: [], results: [] };
     const w = [], p = [];
     for (const R of j)
-      R.checked === !0 && w.push({ ...R, groupId: "selected" }), (R.searchWords ?? []).some((K) => String(K).toLowerCase().includes(C)) && p.push({
+      R.checked === !0 && w.push({ ...R, groupId: "selected" }), (R.searchWords ?? []).some((K) => String(K).toLowerCase().includes(k)) && p.push({
         ...R,
         groupId: "search",
         highlightWords: b
       });
     return { selectedItems: w, results: p };
-  }, [_, j, C, b]), z = D.length, M = f.length, P = H.useMemo(
+  }, [_, j, k, b]), z = D.length, M = f.length, P = H.useMemo(
     () => ({
       search: {
         hidden: !0,
@@ -939,7 +939,7 @@ const Se = V((e, o) => {
     [P, _, c, z, M]
   ), S = H.useMemo(() => _ ? _n([...D, ...f]) : [], [_, D, f]), $ = H.useMemo(() => [...h || [], ...f || []], [h, f]), y = H.useMemo(() => _ ? z ? S : $ : s, [_, s, z, S, $]);
   return {
-    search: k,
+    search: E,
     results: D,
     resultCount: z,
     hasQuery: _,
@@ -962,10 +962,10 @@ const Se = V((e, o) => {
   a11yMode: v = "menu",
   open: g,
   scrollToTopOnOpen: _,
-  autoFocusList: C,
+  autoFocusList: k,
   id: b
 }) => {
-  const k = wn({ ...o, items: n, groups: t }), j = e ? k.search : o, O = e && k.hasQuery && k.resultCount === 0, h = e ? k.items : n, f = e ? { ...t, ...k.groups } : t, D = v !== "combobox";
+  const E = wn({ ...o, items: n, groups: t }), j = e ? E.search : o, O = e && E.hasQuery && E.resultCount === 0, h = e ? E.items : n, f = e ? { ...t, ...E.groups } : t, D = v !== "combobox";
   return c ? /* @__PURE__ */ a(
     vn,
     {
@@ -985,7 +985,7 @@ const Se = V((e, o) => {
       open: g,
       scrollToTopOnOpen: _,
       autoActivateFirstItem: D,
-      autoFocusList: C
+      autoFocusList: k
     }
   ) : /* @__PURE__ */ a(
     at,
@@ -1006,7 +1006,7 @@ const Se = V((e, o) => {
       open: g,
       scrollToTopOnOpen: _,
       autoActivateFirstItem: D,
-      autoFocusList: C
+      autoFocusList: k
     }
   );
 }, In = "_media_1089b_3", xn = "_icon_1089b_10", On = "_avatar_1089b_14", Nn = "_avatarGroup_1089b_18", ie = {
@@ -1015,7 +1015,7 @@ const Se = V((e, o) => {
   avatar: On,
   avatarGroup: Nn
 };
-function Cn(e) {
+function kn(e) {
   return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || we(e);
 }
 const He = ({ className: e, loading: o, icon: n, children: t }) => {
@@ -1023,13 +1023,13 @@ const He = ({ className: e, loading: o, icon: n, children: t }) => {
     return null;
   if (o)
     return /* @__PURE__ */ a("div", { className: T(ie.icon, e), children: /* @__PURE__ */ a(Q, { svgElement: Se, loading: !0 }) });
-  const r = Ee(n) ? "avatar" : ke(n) ? "avatarGroup" : (Pe(n), "icon");
+  const r = Ce(n) ? "avatar" : Ee(n) ? "avatarGroup" : (Pe(n), "icon");
   return /* @__PURE__ */ x("div", { className: T(ie.media, e), "data-variant": r, children: [
-    Ee(n) && /* @__PURE__ */ a($e, { ...n, className: ie.avatar }) || ke(n) && /* @__PURE__ */ a(be, { ...n, className: ie.avatarGroup }) || Pe(n) && /* @__PURE__ */ a(Q, { ...n, className: ie.icon }) || Cn(n) && /* @__PURE__ */ a(Q, { className: ie.icon, children: n }) || /* @__PURE__ */ a(Q, { className: ie.icon, svgElement: n }),
+    Ce(n) && /* @__PURE__ */ a($e, { ...n, className: ie.avatar }) || Ee(n) && /* @__PURE__ */ a(be, { ...n, className: ie.avatarGroup }) || Pe(n) && /* @__PURE__ */ a(Q, { ...n, className: ie.icon }) || kn(n) && /* @__PURE__ */ a(Q, { className: ie.icon, children: n }) || /* @__PURE__ */ a(Q, { className: ie.icon, svgElement: n }),
     t
   ] });
-}, En = "_heading_1dyne_1", kn = {
-  heading: En
+}, Cn = "_heading_1dyne_1", En = {
+  heading: Cn
 }, ae = ({
   id: e,
   loading: o,
@@ -1050,7 +1050,7 @@ const He = ({ className: e, loading: o, icon: n, children: t }) => {
     g,
     {
       id: e,
-      className: T(kn.heading, m),
+      className: T(En.heading, m),
       style: i,
       "data-size": r,
       "data-leading": s,
@@ -1111,9 +1111,9 @@ const He = ({ className: e, loading: o, icon: n, children: t }) => {
   name: v,
   value: g,
   checked: _,
-  icon: C,
+  icon: k,
   label: b,
-  badge: k,
+  badge: E,
   controls: j,
   title: O,
   description: h,
@@ -1130,7 +1130,7 @@ const He = ({ className: e, loading: o, icon: n, children: t }) => {
 }) => {
   const p = typeof b == "function" ? b() : b, R = Nt(w);
   if (n === "checkbox" || n === "radio") {
-    const K = C || (_ ? nt : nn);
+    const K = k || (_ ? nt : nn);
     return /* @__PURE__ */ x(
       "label",
       {
@@ -1195,7 +1195,7 @@ const He = ({ className: e, loading: o, icon: n, children: t }) => {
             }
           ),
           /* @__PURE__ */ x(De, { children: [
-            k && /* @__PURE__ */ a(ee, { ...k }),
+            E && /* @__PURE__ */ a(ee, { ...E }),
             !M && j
           ] })
         ]
@@ -1230,7 +1230,7 @@ const He = ({ className: e, loading: o, icon: n, children: t }) => {
       role: n === "menuItem" ? "menuitem" : n,
       ...R,
       children: [
-        C && /* @__PURE__ */ a(He, { icon: C, className: q.media }),
+        k && /* @__PURE__ */ a(He, { icon: k, className: q.media }),
         /* @__PURE__ */ a(
           Ke,
           {
@@ -1254,7 +1254,7 @@ const He = ({ className: e, loading: o, icon: n, children: t }) => {
           }
         ),
         /* @__PURE__ */ x(De, { children: [
-          k && /* @__PURE__ */ a(ee, { ...k }),
+          E && /* @__PURE__ */ a(ee, { ...E }),
           !M && j,
           z && /* @__PURE__ */ a(Q, { svgElement: G, className: q.linkIcon })
         ] })
@@ -1285,27 +1285,27 @@ const He = ({ className: e, loading: o, icon: n, children: t }) => {
   minLength: i,
   ...v
 }) => {
-  const g = Ce(), [_, C] = le(!1), b = v.id || `search-field-${g}`, k = `${b}-listbox`, [j, O] = le(void 0), h = "searchfield-clear-button-" + Ce(), f = de(() => !m || !u || typeof i == "number" && typeof u == "string" && u.length < i ? !1 : _, [m, _, i, u]), D = de(() => (m?.items ?? []).map((y) => ({
+  const g = ke(), [_, k] = le(!1), b = v.id || `search-field-${g}`, E = `${b}-listbox`, [j, O] = le(void 0), h = "searchfield-clear-button-" + ke(), f = de(() => !m || !u || typeof i == "number" && typeof u == "string" && u.length < i ? !1 : _, [m, _, i, u]), D = de(() => (m?.items ?? []).map((y) => ({
     ...y,
     onClick: () => {
-      y.onClick?.(), C(!1);
+      y.onClick?.(), k(!1);
     }
   })), [m]), z = (y) => {
     if (y.key === "Enter" && f) {
-      m?.items?.[0]?.onClick?.(), C(!1);
+      m?.items?.[0]?.onClick?.(), k(!1);
       return;
     }
     if (y.key === "Escape" && f) {
-      y.preventDefault(), y.stopPropagation(), C(!1), m?.onClose(), document.getElementById(b)?.focus();
+      y.preventDefault(), y.stopPropagation(), k(!1), m?.onClose(), document.getElementById(b)?.focus();
       return;
     }
-    v.onKeyDown?.(y), C(!0);
+    v.onKeyDown?.(y), k(!0);
   }, M = () => {
-    C(!0);
+    k(!0);
   }, P = (y) => {
     if (!_) return;
     const w = y.relatedTarget;
-    w && y.currentTarget.contains(w) || C(!1);
+    w && y.currentTarget.contains(w) || k(!1);
   }, A = (y) => {
     y.preventDefault();
   }, S = (y) => {
@@ -1341,7 +1341,7 @@ const He = ({ className: e, loading: o, icon: n, children: t }) => {
               "aria-autocomplete": "list",
               "aria-expanded": !!f,
               "aria-haspopup": "listbox",
-              "aria-controls": k,
+              "aria-controls": E,
               "aria-activedescendant": f ? j : void 0,
               onFocus: M
             }
@@ -1375,7 +1375,7 @@ const He = ({ className: e, loading: o, icon: n, children: t }) => {
       lt,
       {
         ...m,
-        id: k,
+        id: E,
         items: D,
         groups: m?.groups,
         keyboardEvents: !0,
@@ -1446,9 +1446,9 @@ const He = ({ className: e, loading: o, icon: n, children: t }) => {
   onClose: v,
   color: g,
   onSubmit: _,
-  activeDescendantId: C,
+  activeDescendantId: k,
   useFixedPosition: b = !1,
-  expanded: k = !1
+  expanded: E = !1
 }) => {
   const j = Z(null), O = Z(null), h = Z(i);
   Y(() => {
@@ -1461,8 +1461,8 @@ const He = ({ className: e, loading: o, icon: n, children: t }) => {
   }), z = Ye(() => {
     if (i && j.current && O.current) {
       const A = j.current.getBoundingClientRect(), S = O.current.getBoundingClientRect(), $ = window.innerHeight, y = window.innerWidth, w = 16, p = $ - A.bottom, R = A.top, F = y - A.right - S.width, G = p < 250 && R > p, K = G ? "top" : "bottom", W = (G ? R : p) - w, I = F < w ? "right" : "left";
-      D((E) => ({
-        ...E,
+      D((C) => ({
+        ...C,
         yDir: K,
         maxHeight: W,
         xDir: I,
@@ -1550,12 +1550,12 @@ const He = ({ className: e, loading: o, icon: n, children: t }) => {
       "aria-hidden": !i,
       "data-variant": s,
       "data-color": g,
-      "data-expanded": k,
+      "data-expanded": E,
       "data-size": o,
       tabIndex: -1,
       role: "menu",
       "aria-modal": s === "drawer-dropdown" ? !0 : void 0,
-      "aria-activedescendant": C,
+      "aria-activedescendant": k,
       children: [
         /* @__PURE__ */ x("header", { className: me.header, children: [
           /* @__PURE__ */ a("h2", { className: me.title, children: d }),
@@ -1625,9 +1625,9 @@ const ir = "_item_he2p8_3", cr = "_border_he2p8_75", dr = "_header_he2p8_86", ur
     recipientLabel: v = "to",
     grouped: g = !1,
     updatedAt: _,
-    updatedAtLabel: C,
+    updatedAtLabel: k,
     archived: b,
-    archivedAt: k,
+    archivedAt: E,
     archivedAtLabel: j,
     trashed: O,
     trashedAt: h,
@@ -1649,7 +1649,7 @@ const ir = "_item_he2p8_3", cr = "_border_he2p8_75", dr = "_header_he2p8_86", ur
     summary: W,
     highlightWords: X,
     id: I,
-    ...E
+    ...C
   }) => {
     const B = d ? "select" : n;
     return /* @__PURE__ */ x(
@@ -1667,7 +1667,7 @@ const ir = "_item_he2p8_3", cr = "_border_he2p8_75", dr = "_header_he2p8_86", ur
         "data-archived": b,
         "data-loading": r,
         children: [
-          /* @__PURE__ */ a(St, { ...E, className: J.link, as: e, children: /* @__PURE__ */ x("div", { className: J.border, children: [
+          /* @__PURE__ */ a(St, { ...C, className: J.link, as: e, children: /* @__PURE__ */ x("div", { className: J.border, children: [
             /* @__PURE__ */ x("header", { className: J.header, children: [
               /* @__PURE__ */ x(
                 ae,
@@ -1720,8 +1720,8 @@ const ir = "_item_he2p8_3", cr = "_border_he2p8_75", dr = "_header_he2p8_86", ur
                 sentCount: y,
                 receivedCount: w,
                 updatedAt: _,
-                updatedAtLabel: C,
-                archivedAt: k,
+                updatedAtLabel: k,
+                archivedAt: E,
                 archivedAtLabel: j,
                 trashedAt: h,
                 trashedAtLabel: f,
@@ -1757,23 +1757,23 @@ const br = ({
   draftsLabel: v,
   sentCount: g = 0,
   receivedCount: _ = 0,
-  attachmentsCount: C = 0,
+  attachmentsCount: k = 0,
   attachmentsLabel: b,
-  transmissionsLabel: k,
+  transmissionsLabel: E,
   activityLog: j,
   extendedStatusLabel: O,
   tooltips: h = {}
 }) => /* @__PURE__ */ x(Rt, { className: e, size: "xs", children: [
-  n && /* @__PURE__ */ a(Cr, { tooltip: h.status, loading: o, ...n }),
+  n && /* @__PURE__ */ a(kr, { tooltip: h.status, loading: o, ...n }),
   O && /* @__PURE__ */ a(ee, { tooltip: h.extendedStatus, variant: "outline", children: O }),
   v && /* @__PURE__ */ a(ee, { tooltip: h.drafts, variant: "dotted", children: v }),
   r && /* @__PURE__ */ x(re, { tooltip: h.updatedAt, loading: o, datetime: r, size: "xs", children: [
     /* @__PURE__ */ a("strong", { children: t && t.name + ", " }),
     s
   ] }),
-  d && u && /* @__PURE__ */ a(re, { tooltip: h.dueAt, loading: o, datetime: d, size: "xs", icon: kt, children: u }),
-  C > 0 && /* @__PURE__ */ a(re, { tooltip: h.attachments, loading: o, size: "xs", icon: zt, children: b || C }),
-  k && /* @__PURE__ */ a(re, { tooltip: h.transmissions, loading: o, size: "xs", icon: Jt, children: k }),
+  d && u && /* @__PURE__ */ a(re, { tooltip: h.dueAt, loading: o, datetime: d, size: "xs", icon: Et, children: u }),
+  k > 0 && /* @__PURE__ */ a(re, { tooltip: h.attachments, loading: o, size: "xs", icon: zt, children: b || k }),
+  E && /* @__PURE__ */ a(re, { tooltip: h.transmissions, loading: o, size: "xs", icon: Jt, children: E }),
   g > 0 && /* @__PURE__ */ a(re, { tooltip: h.sent, size: "xs", icon: nt, children: g }),
   _ > 0 && /* @__PURE__ */ a(re, { tooltip: h.received, size: "xs", icon: Tt, children: _ }),
   i && /* @__PURE__ */ a(
@@ -1835,9 +1835,9 @@ function Ir(e) {
   return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || we(e);
 }
 const qe = ({ size: e = "xs", icon: o, progress: n }) => !o && typeof n != "number" ? !1 : /* @__PURE__ */ x("span", { className: fe.media, "data-size": e, children: [
-  Ee(o) && /* @__PURE__ */ a($e, { ...o, className: fe.avatar }) || ke(o) && /* @__PURE__ */ a(be, { ...o, className: fe.avatarGroup }) || Pe(o) && /* @__PURE__ */ a(Q, { ...o, className: fe.icon }) || Ir(o) && o || /* @__PURE__ */ a(Q, { svgElement: o, className: fe.icon }),
+  Ce(o) && /* @__PURE__ */ a($e, { ...o, className: fe.avatar }) || Ee(o) && /* @__PURE__ */ a(be, { ...o, className: fe.avatarGroup }) || Pe(o) && /* @__PURE__ */ a(Q, { ...o, className: fe.icon }) || Ir(o) && o || /* @__PURE__ */ a(Q, { svgElement: o, className: fe.icon }),
   n && /* @__PURE__ */ a(jt, { value: n, className: fe.icon })
-] }), xr = "_item_jeee9_1", Or = "_label_jeee9_54", Ne = {
+] }), xr = "_item_ugak2_1", Or = "_label_ugak2_53", Ne = {
   item: xr,
   label: Or
 }, re = ({
@@ -1854,7 +1854,7 @@ const qe = ({ size: e = "xs", icon: o, progress: n }) => !o && typeof n != "numb
   tooltip: m,
   ...i
 }) => {
-  const v = e || l ? "time" : "span";
+  const v = e || (l ? "time" : "span");
   return m ? /* @__PURE__ */ a(Fe, { content: m, placement: "bottom", children: /* @__PURE__ */ a(
     v,
     {
@@ -1886,7 +1886,7 @@ const qe = ({ size: e = "xs", icon: o, progress: n }) => !o && typeof n != "numb
   );
 };
 var Nr = /* @__PURE__ */ ((e) => (e["not-applicable"] = "NOT_APPLICABLE", e.draft = "DRAFT", e.awaiting = "AWAITING", e.completed = "COMPLETED", e["in-progress"] = "IN_PROGRESS", e["requires-attention"] = "REQUIRES_ATTENTION", e))(Nr || {});
-const Cr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) => {
+const kr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) => {
   if (e)
     return null;
   switch (o) {
@@ -1899,9 +1899,9 @@ const Cr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
     default:
       return /* @__PURE__ */ a(ee, { tooltip: t, variant: "outline", children: n || o });
   }
-}, Er = "_header_29hv7_1", kr = "_label_29hv7_27", zr = "_link_29hv7_43", Pr = "_badge_29hv7_47", $r = "_linkIcon_29hv7_51", Sr = "_linkFocus_29hv7_61", Rr = "_controls_29hv7_69", oe = {
-  header: Er,
-  label: kr,
+}, Cr = "_header_29hv7_1", Er = "_label_29hv7_27", zr = "_link_29hv7_43", Pr = "_badge_29hv7_47", $r = "_linkIcon_29hv7_51", Sr = "_linkFocus_29hv7_61", Rr = "_controls_29hv7_69", oe = {
+  header: Cr,
+  label: Er,
   link: zr,
   badge: Pr,
   linkIcon: $r,
@@ -1923,9 +1923,9 @@ const Cr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
   onKeyPress: v,
   tabIndex: g,
   size: _,
-  title: C,
+  title: k,
   description: b,
-  icon: k,
+  icon: E,
   active: j,
   badge: O,
   controls: h,
@@ -1934,7 +1934,7 @@ const Cr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
   ariaLabel: z,
   ariaControlsId: M
 }) => {
-  const P = d ? c ? Ut : Kt : u ? rt : void 0, A = () => O && !r && typeof O == "object" && "label" in O ? /* @__PURE__ */ a(ee, { ...O, className: oe.badge }) : we(O) ? O : null, S = z !== void 0 ? z : typeof C == "string" ? C : void 0, $ = Ce();
+  const P = d ? c ? Ut : Kt : u ? rt : void 0, A = () => O && !r && typeof O == "object" && "label" in O ? /* @__PURE__ */ a(ee, { ...O, className: oe.badge }) : we(O) ? O : null, S = z !== void 0 ? z : typeof k == "string" ? k : void 0, $ = ke();
   return /* @__PURE__ */ x(
     "div",
     {
@@ -1964,14 +1964,14 @@ const Cr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
             children: [
               n && /* @__PURE__ */ a("div", { className: oe.linkFocus, "aria-hidden": "true" }),
               l && /* @__PURE__ */ a($n, { ...l, className: oe.select }),
-              /* @__PURE__ */ a(Gr, { loading: r, icon: k }),
+              /* @__PURE__ */ a(Gr, { loading: r, icon: E }),
               /* @__PURE__ */ a(
                 Ar,
                 {
                   size: _,
                   loading: r,
                   highlightWords: o,
-                  title: C,
+                  title: k,
                   description: b,
                   id: $,
                   className: oe.label,
@@ -2056,7 +2056,7 @@ function Tr(e) {
   return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || we(e);
 }
 const Gr = ({ loading: e, size: o, icon: n, theme: t, badge: r }) => n ? e ? /* @__PURE__ */ a(Q, { className: ce.wrapper, svgElement: Se, loading: !0 }) : /* @__PURE__ */ x("div", { className: ce.wrapper, "data-size": o, children: [
-  Ee(n) && /* @__PURE__ */ a($e, { ...n, className: ce.avatar }) || ke(n) && /* @__PURE__ */ a(be, { ...n, className: ce.avatarGroup }) || Pe(n) && /* @__PURE__ */ a(Q, { ...n, theme: n.theme || t, className: ce.icon }) || Tr(n) && n || /* @__PURE__ */ a(Q, { theme: t, svgElement: n, className: ce.icon }),
+  Ce(n) && /* @__PURE__ */ a($e, { ...n, className: ce.avatar }) || Ee(n) && /* @__PURE__ */ a(be, { ...n, className: ce.avatarGroup }) || Pe(n) && /* @__PURE__ */ a(Q, { ...n, theme: n.theme || t, className: ce.icon }) || Tr(n) && n || /* @__PURE__ */ a(Q, { theme: t, svgElement: n, className: ce.icon }),
   r && /* @__PURE__ */ a(ee, { ...r, className: ce.badge })
 ] }) : null, Hr = "_item_1nwey_3", Kr = {
   item: Hr
@@ -2076,9 +2076,9 @@ const Gr = ({ loading: e, size: o, icon: n, theme: t, badge: r }) => n ? e ? /*
   title: v,
   description: g,
   badge: _,
-  linkIcon: C = !1,
+  linkIcon: k = !1,
   select: b,
-  selected: k,
+  selected: E,
   controls: j,
   children: O,
   interactive: h,
@@ -2086,7 +2086,7 @@ const Gr = ({ loading: e, size: o, icon: n, theme: t, badge: r }) => n ? e ? /*
   containerAs: D,
   ...z
 }) => {
-  const M = typeof i == "function" ? i() : i, P = Ce();
+  const M = typeof i == "function" ? i() : i, P = ke();
   return /* @__PURE__ */ x(
     Mt,
     {
@@ -2097,7 +2097,7 @@ const Gr = ({ loading: e, size: o, icon: n, theme: t, badge: r }) => n ? e ? /*
       shadow: t,
       border: r,
       disabled: d,
-      selected: k,
+      selected: E,
       expanded: c,
       loading: s,
       interactive: h,
@@ -2109,7 +2109,7 @@ const Gr = ({ loading: e, size: o, icon: n, theme: t, badge: r }) => n ? e ? /*
           {
             color: o,
             loading: s,
-            linkIcon: C,
+            linkIcon: k,
             disabled: d,
             collapsible: u,
             expanded: c,
@@ -2286,7 +2286,7 @@ export {
   br as d,
   gr as e,
   Nr as f,
-  Cr as g,
+  kr as g,
   sr as h,
   Pe as i,
   He as j,