@altinn/altinn-components 0.58.0 → 0.58.1

package/dist/{Section-DPj8jAL1.js → Section-DvBigBR1.js}

@@ -2,8 +2,9 @@
 import { jsx as a, jsxs as x, Fragment as fe } from "react/jsx-runtime";
 import { c as K } from "./index-p1eeF8LQ.js";
 import * as H from "react";
-import C, { forwardRef as V, useRef as Z, useState as se, useMemo as ce, useEffect as Q, Fragment as vt, useLayoutEffect as Re, createContext as bt, useContext as gt, isValidElement as _e, useId as Oe, useCallback as Qe, memo as we, createElement as Me } from "react";
+import C, { forwardRef as V, useRef as Z, useState as se, useMemo as ce, useEffect as Q, Fragment as vt, useLayoutEffect as je, createContext as bt, useContext as gt, isValidElement as _e, useId as Oe, useCallback as Qe, memo as we, createElement as Me } from "react";
 import { useEscapeKey as yt } from "./hooks/useEscapeKey.js";
+import "./components/Typography/Link.js";
 import { Button as pe } from "./components/Button/Button.js";
 import { createPortal as _t } from "react-dom";
 import { useMenu as Be } from "./hooks/useMenu.js";
@@ -32,7 +33,7 @@ import { MenuListGroup as et } from "./components/Menu/MenuListGroup.js";
 import { MenuListDivider as tt } from "./components/Menu/MenuListDivider.js";
 import { MenuListHeading as nt } from "./components/Menu/MenuListHeading.js";
 import { a as zt } from "./useMenuVirtualization-Cs426RCN.js";
-import { S as jt, a as $t, b as Rt, d as Mt, c as At } from "./Trash-BG9YcGIl.js";
+import { S as $t, a as Rt, b as jt, d as Mt, c as At } from "./Trash-BG9YcGIl.js";
 import { useDropdownMenuController as Dt } from "./components/Menu/useDropdownMenuController.js";
 import { ProgressIcon as Bt } from "./components/Icon/ProgressIcon.js";
 import { MetaItemLabel as Fe } from "./components/Metadata/MetaItemLabel.js";
@@ -279,7 +280,7 @@ const ze = V((e, o) => {
   n && /* @__PURE__ */ a(Et, { size: e, children: n }),
   r,
   t && /* @__PURE__ */ a(Xe, { size: "xs", children: t })
-] }), pn = "_search_18jfe_1", hn = "_searchInput_18jfe_8", $e = {
+] }), pn = "_search_18jfe_1", hn = "_searchInput_18jfe_8", Re = {
   search: pn,
   searchInput: hn
 }, at = ({
@@ -299,7 +300,7 @@ const ze = V((e, o) => {
   onInput: b,
   onFocus: _,
   ...N
-}) => /* @__PURE__ */ a("li", { className: $e.search, style: e, "data-index": o, "data-menu-search": "true", children: l ? (
+}) => /* @__PURE__ */ a("li", { className: Re.search, style: e, "data-index": o, "data-menu-search": "true", children: l ? (
   // biome-ignore lint/a11y/useFocusableInteractive: <explanation>
   // biome-ignore lint/a11y/useAriaPropsForRole: <explanation>
   // biome-ignore lint/a11y/useSemanticElements: <explanation>
@@ -307,7 +308,7 @@ const ze = V((e, o) => {
     De,
     {
       size: "xs",
-      className: $e.searchInput,
+      className: Re.searchInput,
       name: n,
       value: t,
       placeholder: r,
@@ -333,7 +334,7 @@ const ze = V((e, o) => {
   De,
   {
     size: "xs",
-    className: $e.searchInput,
+    className: Re.searchInput,
     name: n,
     value: t,
     placeholder: r,
@@ -370,25 +371,25 @@ const ze = V((e, o) => {
   variant: N,
   scrollRefStyles: v = {},
   keyboardEvents: E = !1,
-  onSelect: R = () => {
+  onSelect: j = () => {
   },
   onActiveItemIdChange: O
 }) => {
   if (o && e >= o)
     return null;
-  const h = t === "combobox", m = h && b ? `${b}-listbox` : b, M = Z(r), S = Z(r), [A, j] = se(!1), $ = ce(
+  const h = t === "combobox", m = h && b ? `${b}-listbox` : b, M = Z(r), S = Z(r), [A, $] = se(!1), R = ce(
     () => f.map((p, P) => ({
       ...p,
       id: p.id || `${b}-item-${P}`
     })),
     [f, b]
   ), D = Z(null), { menu: z, setActiveIndex: g, activeItem: w } = Be({
-    items: $,
+    items: R,
     groups: i,
     groupByKey: "groupId",
     keyboardEvents: E,
     autoActivateFirstItem: c,
-    onSelect: R,
+    onSelect: j,
     ref: D
   });
   return Q(() => {
@@ -405,7 +406,7 @@ const ze = V((e, o) => {
     S.current = r, !(!E || l || !u) && r && !p && requestAnimationFrame(() => D.current?.focus?.({ preventScroll: !0 }));
   }, [r, E, l]), Q(() => {
     if (h && d) {
-      g(0), j(!0);
+      g(0), $(!0);
       return;
     }
   }, [d, h, g]), /* @__PURE__ */ x(
@@ -426,19 +427,19 @@ const ze = V((e, o) => {
             combobox: h,
             listId: m,
             "aria-activedescendant": h && A ? w?.id : void 0,
-            onNavigate: h ? () => j(!0) : void 0,
+            onNavigate: h ? () => $(!0) : void 0,
             onChange: (p) => {
-              j(!1), l.onChange?.(p);
+              $(!1), l.onChange?.(p);
             },
             onFocus: (p) => {
-              j(!1), l.onFocus?.(p);
+              $(!1), l.onFocus?.(p);
             },
             onInput: (p) => {
-              j(!1), l.onInput?.(p);
+              $(!1), l.onInput?.(p);
             },
             onKeyDown: (p) => {
               const P = p.key === "ArrowUp" || p.key === "ArrowDown", F = p.key.length === 1 || p.key === "Backspace" || p.key === "Delete";
-              h && !P && F && j(!1), l.onKeyDown?.(p);
+              h && !P && F && $(!1), l.onKeyDown?.(p);
             }
           }
         ),
@@ -449,7 +450,7 @@ const ze = V((e, o) => {
             /* @__PURE__ */ a(et, { hidden: G, children: /* @__PURE__ */ x(Ee, { role: "presentation", children: [
               T && /* @__PURE__ */ a(nt, { title: T, level: e }),
               p?.items.filter((ee) => !ee.props?.hidden).map((ee, I) => {
-                const { active: k, onMouseEnter: L } = ee, { groupId: te, ...B } = ee.props || {}, { expanded: ae } = B, de = Array.isArray(B?.items) && B.items.length > 0, Ie = B.role === "checkbox" || B.role === "radio", je = h && !Ie ? "option" : B.role;
+                const { active: k, onMouseEnter: L } = ee, { groupId: te, ...B } = ee.props || {}, { expanded: ae } = B, de = Array.isArray(B?.items) && B.items.length > 0, Ie = B.role === "checkbox" || B.role === "radio", $e = h && !Ie ? "option" : B.role;
                 return /* @__PURE__ */ x(
                   Ze,
                   {
@@ -465,7 +466,7 @@ const ze = V((e, o) => {
                           color: B?.color || F?.color || _,
                           variant: B?.variant || F?.variant || N,
                           active: k,
-                          role: je,
+                          role: $e,
                           selected: B.selected,
                           tabIndex: B?.disabled || E ? -1 : B.tabIndex ?? 0,
                           onMouseEnter: L,
@@ -514,27 +515,27 @@ const ze = V((e, o) => {
     a11yMode: N = "menu",
     open: v,
     scrollToTopOnOpen: E = !1,
-    autoActivateFirstItem: R = !0,
+    autoActivateFirstItem: j = !0,
     announceNoResults: O = !1,
     onActiveItemIdChange: h
-  } = e, m = N === "combobox", M = m && b ? `${b}-listbox` : b, S = Z(v), [A, j] = se(!1), $ = ce(
+  } = e, m = N === "combobox", M = m && b ? `${b}-listbox` : b, S = Z(v), [A, $] = se(!1), R = ce(
     () => c.map((I, k) => ({
       ...I,
       id: I.id || `${b}-item-${k}`
     })),
     [c, b]
   ), { menu: D, activeItem: z, setActiveIndex: g, activeIndex: w } = Be({
-    items: $,
+    items: R,
     groups: u,
     groupByKey: "groupId",
     keyboardEvents: i,
-    autoActivateFirstItem: R,
+    autoActivateFirstItem: j,
     ref: o
   }), { flatMenu: p, virtualizer: P, scrollMaxHeight: F } = zt({
     menu: D,
     scrollRef: o
   });
-  Re(() => {
+  je(() => {
     const I = n.current;
     if (!I) return;
     const k = Math.round(I.offsetTop);
@@ -551,15 +552,15 @@ const ze = V((e, o) => {
         return L;
     return -1;
   }, [z?.id, w, p]), G = Z(null);
-  Re(() => {
+  je(() => {
     const I = G?.current, k = typeof I == "number" ? T <= I : !1;
     G.current = T;
     const L = k ? T : T + 2;
     if (!k) {
       const de = P.getOffsetForIndex(L, "auto");
       if (!de) return;
-      const [Ie, je] = de;
-      if (je === "auto") return;
+      const [Ie, $e] = de;
+      if ($e === "auto") return;
       P.scrollToOffset(Ie + t + 10, { align: "start" });
       return;
     }
@@ -583,7 +584,7 @@ const ze = V((e, o) => {
     h?.(z?.id);
   }, [z?.id, h]), Q(() => {
     if (m && O) {
-      g(0), j(!0);
+      g(0), $(!0);
       return;
     }
   }, [O, m, g]), Q(() => {
@@ -621,19 +622,19 @@ const ze = V((e, o) => {
             combobox: m,
             listId: M,
             "aria-activedescendant": m && A ? z?.id : void 0,
-            onNavigate: m ? () => j(!0) : void 0,
+            onNavigate: m ? () => $(!0) : void 0,
             onChange: (I) => {
-              j(!1), s.onChange?.(I);
+              $(!1), s.onChange?.(I);
             },
             onFocus: (I) => {
-              j(!1), s.onFocus?.(I);
+              $(!1), s.onFocus?.(I);
             },
             onInput: (I) => {
-              j(!1), s.onInput?.(I);
+              $(!1), s.onInput?.(I);
             },
             onKeyDown: (I) => {
               const k = I.key === "ArrowUp" || I.key === "ArrowDown", L = I.key.length === 1 || I.key === "Backspace" || I.key === "Delete";
-              m && !k && L && j(!1), s.onKeyDown?.(I);
+              m && !k && L && $(!1), s.onKeyDown?.(I);
             }
           }
         ),
@@ -717,7 +718,7 @@ const ze = V((e, o) => {
     console.warn("setPreviousId called outside of RootProvider context");
   },
   languageCode: "nb"
-}, lt = bt(bn), Fo = ({ children: e, initialValue: o, debug: n, languageCode: t }) => {
+}, lt = bt(bn), To = ({ children: e, initialValue: o, debug: n, languageCode: t }) => {
   const [r, s] = se(o?.currentId || ""), [c, u] = se(o?.previousId || "");
   return /* @__PURE__ */ a(
     lt.Provider,
@@ -815,7 +816,7 @@ const ze = V((e, o) => {
       clearButtonAltText: r
     }),
     [e, d.placeholder, o, l, i, y, r]
-  ), R = H.useMemo(
+  ), j = H.useMemo(
     () => s.map((w) => {
       const p = w?.searchWords?.length ? w.searchWords : [w?.title, w?.description].filter(Boolean);
       return {
@@ -831,7 +832,7 @@ const ze = V((e, o) => {
         "aria-disabled": !0,
         title: d.noResults,
         groupId: "emptySearch",
-        icon: jt,
+        icon: $t,
         size: "sm",
         as: "div"
       }
@@ -843,14 +844,14 @@ const ze = V((e, o) => {
   }, [s, O]), { selectedItems: m, results: M } = H.useMemo(() => {
     if (!_) return { selectedItems: [], results: [] };
     const w = [], p = [];
-    for (const P of R)
+    for (const P of j)
       P.checked === !0 && w.push({ ...P, groupId: "selected" }), (P.searchWords ?? []).some((G) => String(G).toLowerCase().includes(N)) && p.push({
         ...P,
         groupId: "search",
         highlightWords: v
       });
     return { selectedItems: w, results: p };
-  }, [_, R, N, v]), S = M.length, A = m.length, j = H.useMemo(
+  }, [_, j, N, v]), S = M.length, A = m.length, $ = H.useMemo(
     () => ({
       search: {
         hidden: !0,
@@ -867,9 +868,9 @@ const ze = V((e, o) => {
       ...c
     }),
     [d, S, A, c]
-  ), $ = H.useMemo(
+  ), R = H.useMemo(
     () => ({
-      ...j,
+      ...$,
       search: {
         hidden: !_,
         title: d.hits(S)
@@ -883,7 +884,7 @@ const ze = V((e, o) => {
         title: d.noResults
       }
     }),
-    [j, _, d, S, A]
+    [$, _, d, S, A]
   ), D = H.useMemo(() => _ ? _n([...M, ...m]) : [], [_, M, m]), z = H.useMemo(() => [...h || [], ...m || []], [h, m]), g = H.useMemo(() => _ ? S ? D : z : s, [_, s, S, D, z]);
   return {
     search: E,
@@ -891,7 +892,7 @@ const ze = V((e, o) => {
     resultCount: S,
     hasQuery: _,
     items: g,
-    groups: $
+    groups: R
   };
 }, it = ({
   searchable: e,
@@ -912,12 +913,12 @@ const ze = V((e, o) => {
   autoFocusList: N,
   id: v
 }) => {
-  const E = wn({ ...o, items: n, groups: t }), R = e ? E.search : o, O = e && E.hasQuery && E.resultCount === 0, h = e ? E.items : n, m = e ? { ...t, ...E.groups } : t, M = y !== "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, m = e ? { ...t, ...E.groups } : t, M = y !== "combobox";
   return d ? /* @__PURE__ */ a(
     vn,
     {
       id: v,
-      search: R,
+      search: j,
       announceNoResults: O,
       items: h,
       groups: m,
@@ -938,7 +939,7 @@ const ze = V((e, o) => {
     st,
     {
       id: v,
-      search: R,
+      search: j,
       announceNoResults: O,
       items: h,
       groups: m,
@@ -1034,10 +1035,10 @@ const Ke = ({ className: e, loading: o, icon: n, children: t }) => {
       children: t
     }
   )
-] }) }), zn = ({ className: e, onClick: o, checked: n, onChange: t, ...r }) => /* @__PURE__ */ a(pe, { className: e, size: "xs", variant: "ghost", icon: !0, rounded: !0, onClick: o, children: /* @__PURE__ */ a(Je, { ...r, type: "checkbox", size: "xs", checked: n, onChange: t }) }), jn = "_item_h7sxa_3", $n = "_media_h7sxa_136", Rn = "_label_h7sxa_157", Mn = "_title_h7sxa_172", An = "_description_h7sxa_176", Dn = "_count_h7sxa_188", Bn = "_linkIcon_h7sxa_196", q = {
-  item: jn,
-  media: $n,
-  label: Rn,
+] }) }), zn = ({ className: e, onClick: o, checked: n, onChange: t, ...r }) => /* @__PURE__ */ a(pe, { className: e, size: "xs", variant: "ghost", icon: !0, rounded: !0, onClick: o, children: /* @__PURE__ */ a(Je, { ...r, type: "checkbox", size: "xs", checked: n, onChange: t }) }), $n = "_item_h7sxa_3", Rn = "_media_h7sxa_136", jn = "_label_h7sxa_157", Mn = "_title_h7sxa_172", An = "_description_h7sxa_176", Dn = "_count_h7sxa_188", Bn = "_linkIcon_h7sxa_196", q = {
+  item: $n,
+  media: Rn,
+  label: jn,
   title: Mn,
   description: An,
   count: Dn,
@@ -1061,15 +1062,15 @@ const Ke = ({ className: e, loading: o, icon: n, children: t }) => {
   icon: N,
   label: v,
   badge: E,
-  controls: R,
+  controls: j,
   title: O,
   description: h,
   highlightWords: m,
   count: M,
   linkIcon: S = !1,
   disabled: A,
-  selected: j,
-  active: $,
+  selected: $,
+  active: R,
   tabIndex: D = 0,
   className: z,
   "data-testid": g,
@@ -1089,7 +1090,7 @@ const Ke = ({ className: e, loading: o, icon: n, children: t }) => {
         "data-size": l,
         "data-variant": f,
         "data-color": i,
-        "data-active": $,
+        "data-active": R,
         role: n,
         "aria-disabled": A,
         "aria-checked": _,
@@ -1143,7 +1144,7 @@ const Ke = ({ className: e, loading: o, icon: n, children: t }) => {
           ),
           /* @__PURE__ */ x(Ae, { children: [
             E && /* @__PURE__ */ a(ye, { ...E }),
-            !A && R
+            !A && j
           ] })
         ]
       }
@@ -1161,11 +1162,11 @@ const Ke = ({ className: e, loading: o, icon: n, children: t }) => {
       "data-size": l,
       "data-variant": f,
       "data-color": i,
-      "data-active": $,
+      "data-active": R,
       "aria-disabled": A,
       ...A ? { disabled: A } : {},
-      "aria-selected": j,
-      "data-selected": j,
+      "aria-selected": $,
+      "data-selected": $,
       "aria-label": O,
       "data-testid": g,
       onKeyUp: (G) => {
@@ -1202,7 +1203,7 @@ const Ke = ({ className: e, loading: o, icon: n, children: t }) => {
         ),
         /* @__PURE__ */ x(Ae, { children: [
           E && /* @__PURE__ */ a(ye, { ...E }),
-          !A && R,
+          !A && j,
           S && /* @__PURE__ */ a(X, { svgElement: T, className: q.linkIcon })
         ] })
       ]
@@ -1232,7 +1233,7 @@ const Ke = ({ className: e, loading: o, icon: n, children: t }) => {
   minLength: i,
   ...y
 }) => {
-  const b = Oe(), [_, N] = se(!1), v = y.id || `search-field-${b}`, E = `${v}-listbox`, [R, O] = se(void 0), h = "searchfield-clear-button-" + Oe(), m = ce(() => !f || !u || typeof i == "number" && typeof u == "string" && u.length < i ? !1 : _, [f, _, i, u]), M = ce(() => (f?.items ?? []).map((g) => ({
+  const b = Oe(), [_, N] = se(!1), v = y.id || `search-field-${b}`, E = `${v}-listbox`, [j, O] = se(void 0), h = "searchfield-clear-button-" + Oe(), m = ce(() => !f || !u || typeof i == "number" && typeof u == "string" && u.length < i ? !1 : _, [f, _, i, u]), M = ce(() => (f?.items ?? []).map((g) => ({
     ...g,
     onClick: () => {
       g.onClick?.(), N(!1);
@@ -1249,11 +1250,11 @@ const Ke = ({ className: e, loading: o, icon: n, children: t }) => {
     y.onKeyDown?.(g), N(!0);
   }, A = () => {
     N(!0);
-  }, j = (g) => {
+  }, $ = (g) => {
     if (!_) return;
     const w = g.relatedTarget;
     w && g.currentTarget.contains(w) || N(!1);
-  }, $ = (g) => {
+  }, R = (g) => {
     g.preventDefault();
   }, D = (g) => {
     g.relatedTarget?.id === h && O(void 0), y.onBlur?.(g);
@@ -1265,7 +1266,7 @@ const Ke = ({ className: e, loading: o, icon: n, children: t }) => {
       label: c,
       className: K(ne.field, e),
       "data-collapsible": o,
-      onBlurCapture: j,
+      onBlurCapture: $,
       children: [
         /* @__PURE__ */ a("span", { className: ne.hiddenInput, "aria-hidden": "true", children: u + " " }),
         /* @__PURE__ */ a(
@@ -1289,7 +1290,7 @@ const Ke = ({ className: e, loading: o, icon: n, children: t }) => {
               "aria-expanded": !!m,
               "aria-haspopup": "listbox",
               "aria-controls": E,
-              "aria-activedescendant": m ? R : void 0,
+              "aria-activedescendant": m ? j : void 0,
               onFocus: A
             }
           }
@@ -1318,7 +1319,7 @@ const Ke = ({ className: e, loading: o, icon: n, children: t }) => {
   );
   return f ? /* @__PURE__ */ x("div", { className: ne.fieldContainer, children: [
     z,
-    m && /* @__PURE__ */ a("div", { className: ne.autocomplete, "aria-hidden": !m, onMouseDown: $, children: /* @__PURE__ */ a(
+    m && /* @__PURE__ */ a("div", { className: ne.autocomplete, "aria-hidden": !m, onMouseDown: R, children: /* @__PURE__ */ a(
       it,
       {
         ...f,
@@ -1397,7 +1398,7 @@ const Ke = ({ className: e, loading: o, icon: n, children: t }) => {
   useFixedPosition: v = !1,
   expanded: E = !1
 }) => {
-  const R = Z(null), O = Z(null), h = Z(i);
+  const j = Z(null), O = Z(null), h = Z(i);
   Q(() => {
     h.current = i;
   }, [i]);
@@ -1406,22 +1407,22 @@ const Ke = ({ className: e, loading: o, icon: n, children: t }) => {
     xDir: r.includes("right") ? "right" : "left",
     maxHeight: 300
   }), S = Qe(() => {
-    if (i && R.current && O.current) {
-      const $ = R.current.getBoundingClientRect(), D = O.current.getBoundingClientRect(), z = window.innerHeight, g = window.innerWidth, w = 16, p = z - $.bottom, P = $.top, F = g - $.right - D.width, T = p < 250 && P > p, G = T ? "top" : "bottom", U = (T ? P : p) - w, I = F < w ? "right" : "left";
+    if (i && j.current && O.current) {
+      const R = j.current.getBoundingClientRect(), D = O.current.getBoundingClientRect(), z = window.innerHeight, g = window.innerWidth, w = 16, p = z - R.bottom, P = R.top, F = g - R.right - D.width, T = p < 250 && P > p, G = T ? "top" : "bottom", U = (T ? P : p) - w, I = F < w ? "right" : "left";
       M((k) => ({
         ...k,
         yDir: G,
         maxHeight: U,
         xDir: I,
-        triggerRect: v ? $ : void 0
+        triggerRect: v ? R : void 0
       }));
     }
   }, [i, v]);
-  Re(() => (S(), window.addEventListener("resize", S), v && window.addEventListener("scroll", S, !0), () => {
+  je(() => (S(), window.addEventListener("resize", S), v && window.addEventListener("scroll", S, !0), () => {
     window.removeEventListener("resize", S), v && window.removeEventListener("scroll", S, !0);
   }), [S, v]), Q(() => {
     if (!i) return;
-    const $ = requestAnimationFrame(() => {
+    const R = requestAnimationFrame(() => {
       const D = O.current;
       if (!D) return;
       const z = D.querySelector(
@@ -1438,31 +1439,31 @@ const Ke = ({ className: e, loading: o, icon: n, children: t }) => {
       }
       D.focus?.({ preventScroll: !0 });
     });
-    return () => cancelAnimationFrame($);
+    return () => cancelAnimationFrame(R);
   }, [i]), Q(() => {
-    const $ = (z) => {
+    const R = (z) => {
       z.key === "Escape" && y();
     }, D = (z) => {
-      const g = z.target, w = R.current?.contains(g), p = O.current?.contains(g);
+      const g = z.target, w = j.current?.contains(g), p = O.current?.contains(g);
       !w && !p && y();
     };
-    return i && (document.addEventListener("mousedown", D), document.addEventListener("keydown", $)), () => {
-      document.removeEventListener("mousedown", D), document.removeEventListener("keydown", $);
+    return i && (document.addEventListener("mousedown", D), document.addEventListener("keydown", R)), () => {
+      document.removeEventListener("mousedown", D), document.removeEventListener("keydown", R);
     };
   }, [i, y]), Q(() => {
     if (!i) return;
-    const $ = O.current;
-    if (!$) return;
+    const R = O.current;
+    if (!R) return;
     const D = (g) => {
       if (!h.current)
         return;
       const w = g.target;
-      w && !$.contains(w) && ar($);
+      w && !R.contains(w) && ar(R);
     }, z = (g) => {
       if (g.key !== "Tab") return;
-      const w = dt($);
+      const w = dt(R);
       if (w.length === 0) {
-        g.preventDefault(), $.focus?.({ preventScroll: !0 });
+        g.preventDefault(), R.focus?.({ preventScroll: !0 });
         return;
       }
       const p = w[0], P = w[w.length - 1], F = document.activeElement;
@@ -1488,7 +1489,7 @@ const Ke = ({ className: e, loading: o, icon: n, children: t }) => {
     overflowY: "auto",
     [m.xDir]: 0,
     [m.yDir === "bottom" ? "top" : "bottom"]: "100%"
-  }, j = /* @__PURE__ */ x(
+  }, $ = /* @__PURE__ */ x(
     "div",
     {
       ref: O,
@@ -1515,9 +1516,9 @@ const Ke = ({ className: e, loading: o, icon: n, children: t }) => {
   );
   return /* @__PURE__ */ x(fe, { children: [
     t && /* @__PURE__ */ a("div", { className: ue.backdrop, "aria-hidden": !i }),
-    /* @__PURE__ */ x("div", { id: e + "-root", ref: R, style: { position: "relative", display: "inline-block" }, children: [
+    /* @__PURE__ */ x("div", { id: e + "-root", ref: j, style: { position: "relative", display: "inline-block" }, children: [
       l,
-      v ? _t(j, document.body) : j
+      v ? _t($, document.body) : $
     ] })
   ] });
 }, lr = we(({ items: e, groups: o = {}, sortGroupBy: n, highlightWords: t, isLoading: r }) => {
@@ -1545,7 +1546,7 @@ const ut = we(({ title: e, description: o, children: n }) => /* @__PURE__ */ x(h
   /* @__PURE__ */ a(Vr, { spacing: 3, children: n })
 ] }));
 ut.displayName = "DialogListGroup";
-const ir = "_item_e034j_3", cr = "_border_e034j_58", dr = "_header_e034j_69", ur = "_summary_e034j_85", mr = "_controls_e034j_99", fr = "_footer_e034j_106", pr = "_seenBy_e034j_111", hr = "_link_e034j_121", vr = "_title_e034j_126", br = "_badge_e034j_140", Y = {
+const ir = "_item_1uioh_3", cr = "_border_1uioh_68", dr = "_header_1uioh_79", ur = "_summary_1uioh_95", mr = "_controls_1uioh_109", fr = "_footer_1uioh_116", pr = "_seenBy_1uioh_121", hr = "_link_1uioh_131", vr = "_title_1uioh_136", br = "_badge_1uioh_150", Y = {
   item: ir,
   border: cr,
   header: dr,
@@ -1576,15 +1577,15 @@ const ir = "_item_e034j_3", cr = "_border_e034j_58", dr = "_header_e034j_69", ur
     updatedAtLabel: N,
     archived: v,
     archivedAt: E,
-    archivedAtLabel: R,
+    archivedAtLabel: j,
     trashed: O,
     trashedAt: h,
     trashedAtLabel: m,
     badge: M,
     dueAt: S,
     dueAtLabel: A,
-    unread: j,
-    seenByLog: $,
+    unread: $,
+    seenByLog: R,
     draftsLabel: D,
     sentCount: z,
     receivedCount: g,
@@ -1608,7 +1609,7 @@ const ir = "_item_e034j_3", cr = "_border_e034j_58", dr = "_header_e034j_69", ur
         size: o,
         color: t,
         variant: k,
-        "data-unread": j ? "true" : "false",
+        "data-unread": $ ? "true" : "false",
         "data-selected": u,
         "data-trashed": O,
         "data-archived": v,
@@ -1621,7 +1622,7 @@ const ir = "_item_e034j_3", cr = "_border_e034j_58", dr = "_header_e034j_69", ur
                 {
                   as: "h2",
                   highlightWords: U,
-                  weight: j ? "bold" : "normal",
+                  weight: $ ? "bold" : "normal",
                   loading: r,
                   maxRows: 2,
                   className: Y.title,
@@ -1668,7 +1669,7 @@ const ir = "_item_e034j_3", cr = "_border_e034j_58", dr = "_header_e034j_69", ur
                 updatedAt: _,
                 updatedAtLabel: N,
                 archivedAt: E,
-                archivedAtLabel: R,
+                archivedAtLabel: j,
                 trashedAt: h,
                 trashedAtLabel: m,
                 dueAt: S,
@@ -1678,7 +1679,7 @@ const ir = "_item_e034j_3", cr = "_border_e034j_58", dr = "_header_e034j_69", ur
                 tooltips: P
               }
             ),
-            $ && P?.seenBy ? /* @__PURE__ */ a(Ot, { placement: "bottom", content: P?.seenBy, children: /* @__PURE__ */ a("span", { className: Y.seenBy, children: /* @__PURE__ */ a(he, { items: $.items }) }) }) : $ && /* @__PURE__ */ a(he, { items: $.items, className: Y.seenBy })
+            R && P?.seenBy ? /* @__PURE__ */ a(Ot, { placement: "bottom", content: P?.seenBy, children: /* @__PURE__ */ a("span", { className: Y.seenBy, children: /* @__PURE__ */ a(he, { items: R.items }) }) }) : R && /* @__PURE__ */ a(he, { items: R.items, className: Y.seenBy })
           ] }) }),
           /* @__PURE__ */ a(Ae, { className: Y.controls, children: s })
         ]
@@ -1706,7 +1707,7 @@ const gr = ({
   attachmentsCount: N = 0,
   attachmentsLabel: v,
   transmissionsLabel: E,
-  activityLog: R,
+  activityLog: j,
   extendedStatusLabel: O,
   tooltips: h = {}
 }) => /* @__PURE__ */ x(Nt, { className: e, size: "xs", children: [
@@ -1719,8 +1720,8 @@ const gr = ({
     /* @__PURE__ */ a("strong", { children: t && t.name + ", " }),
     s
   ] }),
-  c && u && /* @__PURE__ */ a(xe, { tooltip: h.dueAt, loading: o, datetime: c, size: "xs", icon: $t, children: u }),
-  N > 0 && /* @__PURE__ */ a(J, { tooltip: h.attachments, loading: o, size: "xs", icon: Rt, children: v || N }),
+  c && u && /* @__PURE__ */ a(xe, { tooltip: h.dueAt, loading: o, datetime: c, size: "xs", icon: Rt, children: u }),
+  N > 0 && /* @__PURE__ */ a(J, { tooltip: h.attachments, loading: o, size: "xs", icon: jt, children: v || N }),
   E && /* @__PURE__ */ a(J, { tooltip: h.transmissions, loading: o, size: "xs", icon: en, children: E }),
   f && i && /* @__PURE__ */ a(xe, { tooltip: h.trashedAt, loading: o, datetime: f, size: "xs", icon: Mt, children: i }) || d && l && /* @__PURE__ */ a(
     xe,
@@ -1733,16 +1734,16 @@ const gr = ({
       children: l
     }
   ),
-  R && /* @__PURE__ */ a(
+  j && /* @__PURE__ */ a(
     J,
     {
       tooltip: h.activityLog,
       loading: o,
       size: "xs",
       icon: Jt,
-      as: R?.onClick ? "button" : "span",
-      onClick: R?.onClick,
-      children: R?.label || "Activity log"
+      as: j?.onClick ? "button" : "span",
+      onClick: j?.onClick,
+      children: j?.label || "Activity log"
     }
   )
 ] }), yr = ({
@@ -1814,15 +1815,15 @@ const Nr = ({ loading: e, size: o = "xs", value: n = "not-applicable", label: t,
     default:
       return null;
   }
-}, kr = "_header_29hv7_1", Cr = "_label_29hv7_27", Er = "_link_29hv7_43", Pr = "_badge_29hv7_47", Sr = "_linkIcon_29hv7_51", zr = "_linkFocus_29hv7_61", jr = "_controls_29hv7_69", re = {
+}, kr = "_header_29hv7_1", Cr = "_label_29hv7_27", Er = "_link_29hv7_43", Pr = "_badge_29hv7_47", Sr = "_linkIcon_29hv7_51", zr = "_linkFocus_29hv7_61", $r = "_controls_29hv7_69", re = {
   header: kr,
   label: Cr,
   link: Er,
   badge: Pr,
   linkIcon: Sr,
   linkFocus: zr,
-  controls: jr
-}, $r = ({
+  controls: $r
+}, Rr = ({
   as: e,
   highlightWords: o,
   interactive: n = !0,
@@ -1841,7 +1842,7 @@ const Nr = ({ loading: e, size: o = "xs", value: n = "not-applicable", label: t,
   title: N,
   description: v,
   icon: E,
-  active: R,
+  active: j,
   badge: O,
   controls: h,
   className: m,
@@ -1849,7 +1850,7 @@ const Nr = ({ loading: e, size: o = "xs", value: n = "not-applicable", label: t,
   ariaLabel: S,
   ariaControlsId: A
 }) => {
-  const j = c ? d ? Yt : Ut : u ? ot : void 0, $ = () => O && !r && typeof O == "object" && "label" in O ? /* @__PURE__ */ a(ye, { ...O, className: re.badge }) : _e(O) ? O : null, D = S !== void 0 ? S : typeof N == "string" ? N : void 0, z = Oe();
+  const $ = c ? d ? Yt : Ut : u ? ot : void 0, R = () => O && !r && typeof O == "object" && "label" in O ? /* @__PURE__ */ a(ye, { ...O, className: re.badge }) : _e(O) ? O : null, D = S !== void 0 ? S : typeof N == "string" ? N : void 0, z = Oe();
   return /* @__PURE__ */ x(
     "div",
     {
@@ -1857,7 +1858,7 @@ const Nr = ({ loading: e, size: o = "xs", value: n = "not-applicable", label: t,
       "data-color": t,
       "data-interactive": n,
       "data-size": _,
-      "data-has-active-child": R,
+      "data-has-active-child": j,
       "aria-disabled": s,
       children: [
         /* @__PURE__ */ x(
@@ -1870,7 +1871,7 @@ const Nr = ({ loading: e, size: o = "xs", value: n = "not-applicable", label: t,
             tabIndex: b,
             loading: r,
             disabled: s || r,
-            active: R,
+            active: j,
             ariaLabel: D,
             className: re.link,
             expanded: d,
@@ -1898,11 +1899,11 @@ const Nr = ({ loading: e, size: o = "xs", value: n = "not-applicable", label: t,
         ),
         /* @__PURE__ */ x(Tt, { className: re.controls, children: [
           h && !r && /* @__PURE__ */ a("span", { className: re.customControls, children: h }),
-          $(),
-          j && !s && /* @__PURE__ */ a("span", { className: re.linkIcon, children: /* @__PURE__ */ a(
+          R(),
+          $ && !s && /* @__PURE__ */ a("span", { className: re.linkIcon, children: /* @__PURE__ */ a(
             X,
             {
-              svgElement: j,
+              svgElement: $,
               style: {
                 fontSize: "1.5rem"
               }
@@ -1912,8 +1913,8 @@ const Nr = ({ loading: e, size: o = "xs", value: n = "not-applicable", label: t,
       ]
     }
   );
-}, Rr = "_label_1tmg6_1", Ve = {
-  label: Rr
+}, jr = "_label_1tmg6_1", Ve = {
+  label: jr
 }, ft = (e) => typeof e == "object" && e !== null && "children" in e;
 function pt(e) {
   return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || _e(e);
@@ -1994,14 +1995,14 @@ const Tr = ({ loading: e, size: o, icon: n, theme: t, badge: r }) => n ? e ? /*
   linkIcon: N = !1,
   select: v,
   selected: E,
-  controls: R,
+  controls: j,
   children: O,
   interactive: h,
   id: m,
   containerAs: M,
   ...S
 }) => {
-  const A = typeof i == "function" ? i() : i, j = Oe();
+  const A = typeof i == "function" ? i() : i, $ = Oe();
   return /* @__PURE__ */ x(
     Lt,
     {
@@ -2020,7 +2021,7 @@ const Tr = ({ loading: e, size: o, icon: n, theme: t, badge: r }) => n ? e ? /*
       as: M,
       children: [
         /* @__PURE__ */ a(
-          $r,
+          Rr,
           {
             color: o,
             loading: s,
@@ -2034,14 +2035,14 @@ const Tr = ({ loading: e, size: o, icon: n, theme: t, badge: r }) => n ? e ? /*
             description: b,
             icon: f,
             badge: _,
-            controls: R,
+            controls: j,
             interactive: h,
-            ariaControlsId: d ? j : void 0,
+            ariaControlsId: d ? $ : void 0,
             ...S,
             children: A
           }
         ),
-        d ? /* @__PURE__ */ a("div", { id: j, children: O }) : null
+        d ? /* @__PURE__ */ a("div", { id: $, children: O }) : null
       ]
     }
   );
@@ -2051,7 +2052,7 @@ const Tr = ({ loading: e, size: o, icon: n, theme: t, badge: r }) => n ? e ? /*
   menu: Wr,
   button: Yr,
   label: Qr
-}, To = we(
+}, Go = we(
   ({
     disabled: e,
     label: o = "Label",
@@ -2119,7 +2120,7 @@ const Tr = ({ loading: e, size: o, icon: n, theme: t, badge: r }) => n ? e ? /*
       }
     ) });
   }
-), Go = we(
+), Ho = we(
   ({
     value: e,
     name: o,
@@ -2188,13 +2189,13 @@ export {
   X as I,
   Yt as J,
   Ut as K,
-  $r as L,
+  Rr as L,
   it as M,
   ot as N,
   wn as O,
-  Fo as R,
+  To as R,
   ht as S,
-  Go as T,
+  Ho as T,
   vn as V,
   ut as a,
   mt as b,
@@ -2220,6 +2221,6 @@ export {
   Ue as v,
   xe as w,
   gn as x,
-  To as y,
+  Go as y,
   De as z
 };