@altinn/altinn-components 0.63.2 → 0.63.3

package/dist/{ToolbarSearch-DT-KvnVb.js → ToolbarSearch-OLv6DjhT.js}

@@ -1,7 +1,7 @@
 "use client";
-import { jsx as a, jsxs as I, Fragment as xe } from "react/jsx-runtime";
-import * as H from "react";
-import C, { forwardRef as W, useRef as J, useState as oe, useMemo as le, useEffect as U, Fragment as He, useLayoutEffect as Ce, createContext as ot, useContext as at, isValidElement as Ge, useId as De, useCallback as qe, memo as Oe, createElement as st } from "react";
+import { jsx as a, jsxs as O, Fragment as xe } from "react/jsx-runtime";
+import * as G from "react";
+import C, { forwardRef as Y, useRef as J, useState as oe, useMemo as le, useEffect as W, Fragment as He, useLayoutEffect as Ce, createContext as ot, useContext as at, isValidElement as Ge, useId as De, useCallback as qe, memo as Oe, createElement as st } from "react";
 import { c as K } from "./index-p1eeF8LQ.js";
 import { useEscapeKey as lt } from "./hooks/useEscapeKey.js";
 import "./components/Typography/Link.js";
@@ -12,12 +12,13 @@ import { Typography as Ke } from "./components/Typography/Typography.js";
 import { Skeleton as ue } from "./components/Skeleton/Skeleton.js";
 import { useHighlightedText as ct } from "./components/Typography/useHighlightedText.js";
 import { Tooltip as $e } from "./components/Tooltip/Tooltip.js";
+import "./components/GlobalMenu/GlobalMenuBase.js";
 import { SnackbarProvider as dt } from "./components/Snackbar/useSnackbar.js";
 import { Input as ut } from "./components/Forms/Input.js";
 import { Field as mt } from "./components/Forms/Field.js";
 import { Label as ft } from "./components/Forms/Label.js";
 import { TypingIcon as pt } from "./components/Icon/TypingIcon.js";
-import { u as Y } from "./useId-BVFxCjkq.js";
+import { u as Q } from "./useId-BVFxCjkq.js";
 import { isAvatarProps as Ee, Avatar as je } from "./components/Avatar/Avatar.js";
 import { isAvatarGroupProps as Se, AvatarGroup as be } from "./components/Avatar/AvatarGroup.js";
 import { ItemControls as ke } from "./components/Item/ItemControls.js";
@@ -42,9 +43,9 @@ import './assets/ToolbarSearch.css';var Nt = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const zt = W((e, o) => {
+const zt = Y((e, o) => {
   var { title: n, titleId: t } = e, r = Nt(e, ["title", "titleId"]);
-  let s = Y();
+  let s = Q();
   return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
@@ -60,9 +61,9 @@ var Ct = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const Et = W((e, o) => {
+const Et = Y((e, o) => {
   var { title: n, titleId: t } = e, r = Ct(e, ["title", "titleId"]);
-  let s = Y();
+  let s = Q();
   return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
@@ -78,9 +79,9 @@ var St = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const Qe = W((e, o) => {
+const Qe = Y((e, o) => {
   var { title: n, titleId: t } = e, r = St(e, ["title", "titleId"]);
-  let s = Y();
+  let s = Q();
   return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
@@ -96,9 +97,9 @@ var kt = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const Rt = W((e, o) => {
+const Rt = Y((e, o) => {
   var { title: n, titleId: t } = e, r = kt(e, ["title", "titleId"]);
-  let s = Y();
+  let s = Q();
   return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
@@ -114,9 +115,9 @@ var Pt = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const Be = W((e, o) => {
+const Be = Y((e, o) => {
   var { title: n, titleId: t } = e, r = Pt(e, ["title", "titleId"]);
-  let s = Y();
+  let s = Q();
   return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
@@ -132,9 +133,9 @@ var Mt = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const $t = W((e, o) => {
+const $t = Y((e, o) => {
   var { title: n, titleId: t } = e, r = Mt(e, ["title", "titleId"]);
-  let s = Y();
+  let s = Q();
   return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
@@ -150,9 +151,9 @@ var jt = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const At = W((e, o) => {
+const At = Y((e, o) => {
   var { title: n, titleId: t } = e, r = jt(e, ["title", "titleId"]);
-  let s = Y();
+  let s = Q();
   return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
@@ -168,9 +169,9 @@ var Dt = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const Bt = W((e, o) => {
+const Bt = Y((e, o) => {
   var { title: n, titleId: t } = e, r = Dt(e, ["title", "titleId"]);
-  let s = Y();
+  let s = Q();
   return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
@@ -186,9 +187,9 @@ var Tt = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const Lt = W((e, o) => {
+const Lt = Y((e, o) => {
   var { title: n, titleId: t } = e, r = Tt(e, ["title", "titleId"]);
-  let s = Y();
+  let s = Q();
   return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
@@ -204,9 +205,9 @@ var Ft = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const Ht = W((e, o) => {
+const Ht = Y((e, o) => {
   var { title: n, titleId: t } = e, r = Ft(e, ["title", "titleId"]);
-  let s = Y();
+  let s = Q();
   return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
@@ -222,9 +223,9 @@ var Gt = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const Ae = W((e, o) => {
+const Ae = Y((e, o) => {
   var { title: n, titleId: t } = e, r = Gt(e, ["title", "titleId"]);
-  let s = Y();
+  let s = Q();
   return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
@@ -234,7 +235,7 @@ const Ae = W((e, o) => {
 }), qt = "_badge_5li3b_1", Kt = "_label_5li3b_33", ye = {
   badge: qt,
   label: Kt
-}, re = ({
+}, te = ({
   label: e,
   color: o,
   variant: n = "subtle",
@@ -283,12 +284,12 @@ const Ae = W((e, o) => {
   className: m,
   style: c,
   children: d
-}) => /* @__PURE__ */ a("span", { "data-ui": "icon", "data-size": t, "data-color": r, className: K(fe.icon, m), style: c, children: /* @__PURE__ */ I(ue, { loading: e, variant: "circle", className: fe.shape, children: [
+}) => /* @__PURE__ */ a("span", { "data-ui": "icon", "data-size": t, "data-color": r, className: K(fe.icon, m), style: c, children: /* @__PURE__ */ O(ue, { loading: e, variant: "circle", className: fe.shape, children: [
   /* @__PURE__ */ a("span", { className: fe.shape }),
   n && /* @__PURE__ */ a(n, { "aria-hidden": "true", "alt-label": o, className: fe.svg }),
   s && /* @__PURE__ */ a("img", { src: s, alt: o, className: fe.image }),
   d
-] }) }), Qt = ({ size: e, color: o, label: n, helperText: t, children: r, ...s }) => /* @__PURE__ */ I(mt, { size: e, color: o, ...s, children: [
+] }) }), Qt = ({ size: e, color: o, label: n, helperText: t, children: r, ...s }) => /* @__PURE__ */ O(mt, { size: e, color: o, ...s, children: [
   n && /* @__PURE__ */ a(ft, { size: e, children: n }),
   r,
   t && /* @__PURE__ */ a(Ke, { size: "xs", children: t })
@@ -334,8 +335,8 @@ const Ae = W((e, o) => {
       "aria-controls": p,
       "aria-activedescendant": i,
       autoFocus: !0,
-      onKeyDown: (b) => {
-        (b.key === "ArrowUp" || b.key === "ArrowDown") && (b.preventDefault(), d?.()), w?.(b);
+      onKeyDown: (g) => {
+        (g.key === "ArrowUp" || g.key === "ArrowDown") && (g.preventDefault(), d?.()), w?.(g);
       },
       onInput: v,
       onFocus: x,
@@ -357,8 +358,8 @@ const Ae = W((e, o) => {
     autoCorrect: "off",
     autoCapitalize: "off",
     autoFocus: !0,
-    onKeyDown: (b) => {
-      (b.key === "ArrowUp" || b.key === "ArrowDown") && (b.preventDefault(), d?.()), w?.(b);
+    onKeyDown: (g) => {
+      (g.key === "ArrowUp" || g.key === "ArrowDown") && (g.preventDefault(), d?.()), w?.(g);
     },
     onInput: v,
     onFocus: x,
@@ -381,7 +382,7 @@ const Ae = W((e, o) => {
   id: v,
   color: x,
   variant: E,
-  scrollRefStyles: b = {},
+  scrollRefStyles: g = {},
   keyboardEvents: S = !1,
   onSelect: j = () => {
   },
@@ -389,45 +390,45 @@ const Ae = W((e, o) => {
 }) => {
   if (o && e >= o)
     return null;
-  const _ = t === "combobox", f = _ && v ? `${v}-listbox` : v, D = J(r), P = J(r), [A, M] = oe(!1), $ = le(
+  const _ = t === "combobox", f = _ && v ? `${v}-listbox` : v, D = J(r), R = J(r), [A, P] = oe(!1), M = le(
     () => p.map((u, z) => ({
       ...u,
       id: u.id || `${v}-item-${z}`
     })),
     [p, v]
-  ), R = J(null), { menu: N, setActiveIndex: h, activeItem: g } = Me({
-    items: $,
+  ), $ = J(null), { menu: N, setActiveIndex: h, activeItem: y } = Me({
+    items: M,
     groups: i,
     groupByKey: "groupId",
     keyboardEvents: S,
     autoActivateFirstItem: m,
     onSelect: j,
-    ref: R
+    ref: $
   });
-  return U(() => {
-    k?.(g?.id);
-  }, [g?.id, k]), U(() => {
+  return W(() => {
+    k?.(y?.id);
+  }, [y?.id, k]), W(() => {
     if (!s) {
       D.current = r;
       return;
     }
     const u = D.current;
-    D.current = r, r && !u && R.current?.scrollTo({ top: 0 });
-  }, [r, s]), U(() => {
-    const u = P.current;
-    P.current = r, !(!S || l || !c) && r && !u && requestAnimationFrame(() => R.current?.focus?.({ preventScroll: !0 }));
-  }, [r, S, l]), U(() => {
+    D.current = r, r && !u && $.current?.scrollTo({ top: 0 });
+  }, [r, s]), W(() => {
+    const u = R.current;
+    R.current = r, !(!S || l || !c) && r && !u && requestAnimationFrame(() => $.current?.focus?.({ preventScroll: !0 }));
+  }, [r, S, l]), W(() => {
     if (_ && d) {
-      h(0), M(!0);
+      h(0), P(!0);
       return;
     }
-  }, [d, _, h]), /* @__PURE__ */ I(
+  }, [d, _, h]), /* @__PURE__ */ O(
     Ie,
     {
       variant: E,
       expanded: n,
-      ref: R,
-      style: b,
+      ref: $,
+      style: g,
       id: f,
       role: _ ? "listbox" : void 0,
       tabIndex: S ? -1 : void 0,
@@ -438,63 +439,63 @@ const Ae = W((e, o) => {
             ...l,
             combobox: _,
             listId: f,
-            "aria-activedescendant": _ && A ? g?.id : void 0,
-            onNavigate: _ ? () => M(!0) : void 0,
+            "aria-activedescendant": _ && A ? y?.id : void 0,
+            onNavigate: _ ? () => P(!0) : void 0,
             onChange: (u) => {
-              M(!1), l.onChange?.(u);
+              P(!1), l.onChange?.(u);
             },
             onFocus: (u) => {
-              M(!1), l.onFocus?.(u);
+              P(!1), l.onFocus?.(u);
             },
             onInput: (u) => {
-              M(!1), l.onInput?.(u);
+              P(!1), l.onInput?.(u);
             },
             onKeyDown: (u) => {
               const z = u.key === "ArrowUp" || u.key === "ArrowDown", L = u.key.length === 1 || u.key === "Backspace" || u.key === "Delete";
-              _ && !z && L && M(!1), l.onKeyDown?.(u);
+              _ && !z && L && P(!1), l.onKeyDown?.(u);
             }
           }
         ),
         N.map((u, z) => {
-          const L = u?.props || {}, { title: F, hidden: G = !1, divider: V = !0 } = L;
-          return /* @__PURE__ */ I(He, { children: [
+          const L = u?.props || {}, { title: F, hidden: H = !1, divider: V = !0 } = L;
+          return /* @__PURE__ */ O(He, { children: [
             (e > 0 || z) && V ? /* @__PURE__ */ a(We, {}) : "",
-            /* @__PURE__ */ a(Ue, { hidden: G, children: /* @__PURE__ */ I(Ie, { role: "presentation", children: [
+            /* @__PURE__ */ a(Ue, { hidden: H, children: /* @__PURE__ */ O(Ie, { role: "presentation", children: [
               F && /* @__PURE__ */ a(Ye, { title: F, level: e }),
-              u?.items.filter((Q) => !Q.props?.hidden).map((Q, y) => {
-                const { active: O, onMouseEnter: B } = Q, { groupId: Z, ...T } = Q.props || {}, { expanded: ne } = T, ie = Array.isArray(T?.items) && T.items.length > 0, ge = T.role === "checkbox" || T.role === "radio", Ne = _ && !ge ? "option" : T.role;
-                return /* @__PURE__ */ I(
+              u?.items.filter((ne) => !ne.props?.hidden).map((ne, b) => {
+                const { active: I, onMouseEnter: T } = ne, { groupId: U, ...B } = ne.props || {}, { expanded: re } = B, ie = Array.isArray(B?.items) && B.items.length > 0, ge = B.role === "checkbox" || B.role === "radio", Ne = _ && !ge ? "option" : B.role;
+                return /* @__PURE__ */ O(
                   Ve,
                   {
-                    expanded: ne,
+                    expanded: re,
                     onMouseLeave: () => h(-1),
                     role: _ || ge ? "presentation" : void 0,
                     children: [
                       /* @__PURE__ */ a(
                         tt,
                         {
-                          ...T,
-                          size: T?.size || L?.size || w,
-                          color: T?.color || L?.color || x,
-                          variant: T?.variant || L?.variant || E,
-                          active: O,
+                          ...B,
+                          size: B?.size || L?.size || w,
+                          color: B?.color || L?.color || x,
+                          variant: B?.variant || L?.variant || E,
+                          active: I,
                           role: Ne,
-                          selected: T.selected,
-                          tabIndex: T?.disabled || S ? -1 : T.tabIndex ?? 0,
-                          onMouseEnter: B,
+                          selected: B.selected,
+                          tabIndex: B?.disabled || S ? -1 : B.tabIndex ?? 0,
+                          onMouseEnter: T,
                           "aria-haspopup": ie ? "menu" : void 0,
-                          "aria-expanded": ie ? ne : void 0,
-                          "aria-controls": ie ? T.id + "-menu" : void 0
+                          "aria-expanded": ie ? re : void 0,
+                          "aria-controls": ie ? B.id + "-menu" : void 0
                         }
                       ),
-                      ne && T?.items && /* @__PURE__ */ a(
+                      re && B?.items && /* @__PURE__ */ a(
                         Je,
                         {
-                          id: T.id + "-menu",
-                          expanded: ne,
+                          id: B.id + "-menu",
+                          expanded: re,
                           level: e + 1,
                           maxLevels: o,
-                          items: T?.items,
+                          items: B?.items,
                           groups: i,
                           size: w,
                           color: x,
@@ -503,7 +504,7 @@ const Ae = W((e, o) => {
                       )
                     ]
                   },
-                  y
+                  b
                 );
               })
             ] }) }, z)
@@ -525,51 +526,51 @@ const Ae = W((e, o) => {
     id: v,
     expanded: x,
     a11yMode: E = "menu",
-    open: b,
+    open: g,
     scrollToTopOnOpen: S = !1,
     autoActivateFirstItem: j = !0,
     announceNoResults: k = !1,
     onActiveItemIdChange: _
-  } = e, f = E === "combobox", D = f && v ? `${v}-listbox` : v, P = J(b), [A, M] = oe(!1), $ = le(
-    () => m.map((y, O) => ({
-      ...y,
-      id: y.id || `${v}-item-${O}`
+  } = e, f = E === "combobox", D = f && v ? `${v}-listbox` : v, R = J(g), [A, P] = oe(!1), M = le(
+    () => m.map((b, I) => ({
+      ...b,
+      id: b.id || `${v}-item-${I}`
     })),
     [m, v]
-  ), { menu: R, activeItem: N, setActiveIndex: h, activeIndex: g } = Me({
-    items: $,
+  ), { menu: $, activeItem: N, setActiveIndex: h, activeIndex: y } = Me({
+    items: M,
     groups: c,
     groupByKey: "groupId",
     keyboardEvents: i,
     autoActivateFirstItem: j,
     ref: o
   }), { flatMenu: u, virtualizer: z, scrollMaxHeight: L } = vt({
-    menu: R,
+    menu: $,
     scrollRef: o
   });
   Ce(() => {
-    const y = n.current;
-    if (!y) return;
-    const O = Math.round(y.offsetTop);
-    r((B) => B === O ? B : O);
+    const b = n.current;
+    if (!b) return;
+    const I = Math.round(b.offsetTop);
+    r((T) => T === I ? T : I);
   });
   const F = le(() => {
-    const y = N?.id;
-    if (y)
-      return u.findIndex((B) => B.type === "item" && B.itemProps?.id === y);
-    if (g < 0) return -1;
-    let O = -1;
-    for (let B = 0; B < u.length; B++)
-      if (u[B]?.type === "item" && (O += 1, O === g))
-        return B;
+    const b = N?.id;
+    if (b)
+      return u.findIndex((T) => T.type === "item" && T.itemProps?.id === b);
+    if (y < 0) return -1;
+    let I = -1;
+    for (let T = 0; T < u.length; T++)
+      if (u[T]?.type === "item" && (I += 1, I === y))
+        return T;
     return -1;
-  }, [N?.id, g, u]), G = J(null);
+  }, [N?.id, y, u]), H = J(null);
   Ce(() => {
-    const y = G?.current, O = typeof y == "number" ? F <= y : !1;
-    G.current = F;
-    const B = O ? F : F + 2;
-    if (!O) {
-      const ie = z.getOffsetForIndex(B, "auto");
+    const b = H?.current, I = typeof b == "number" ? F <= b : !1;
+    H.current = F;
+    const T = I ? F : F + 2;
+    if (!I) {
+      const ie = z.getOffsetForIndex(T, "auto");
       if (!ie) return;
       const [ge, Ne] = ie;
       if (Ne === "auto") return;
@@ -580,34 +581,34 @@ const Ae = W((e, o) => {
       z.scrollToOffset(0);
       return;
     }
-    const Z = z.getOffsetForIndex(F - 1, "auto");
-    if (!Z) return;
-    const [T, ne] = Z;
-    ne !== "auto" && z.scrollToOffset(T + t + 10, { align: "start" });
-  }, [F, t, z, G]);
+    const U = z.getOffsetForIndex(F - 1, "auto");
+    if (!U) return;
+    const [B, re] = U;
+    re !== "auto" && z.scrollToOffset(B + t + 10, { align: "start" });
+  }, [F, t, z, H]);
   const V = le(() => {
-    const y = /* @__PURE__ */ new Map();
-    let O = 0;
-    return u.forEach((B, Z) => {
-      B.type === "item" && (O += 1, y.set(Z, O));
-    }), { positions: y, total: O };
+    const b = /* @__PURE__ */ new Map();
+    let I = 0;
+    return u.forEach((T, U) => {
+      T.type === "item" && (I += 1, b.set(U, I));
+    }), { positions: b, total: I };
   }, [u]);
-  U(() => {
+  W(() => {
     _?.(N?.id);
-  }, [N?.id, _]), U(() => {
+  }, [N?.id, _]), W(() => {
     if (f && k) {
-      h(0), M(!0);
+      h(0), P(!0);
       return;
     }
-  }, [k, f, h]), U(() => {
+  }, [k, f, h]), W(() => {
     if (!S) {
-      P.current = b;
+      R.current = g;
       return;
     }
-    const y = P.current;
-    P.current = b, b && !y && o.current?.scrollTo({ top: 0 });
-  }, [b, S]);
-  const Q = {
+    const b = R.current;
+    R.current = g, g && !b && o.current?.scrollTo({ top: 0 });
+  }, [g, S]);
+  const ne = {
     position: "relative",
     maxHeight: w?.maxHeight || L,
     margin: "-0.5rem",
@@ -616,11 +617,11 @@ const Ae = W((e, o) => {
     overflowY: "auto",
     ...w
   };
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ O(
     Ie,
     {
       ref: o,
-      style: Q,
+      style: ne,
       variant: p,
       color: l,
       expanded: x,
@@ -634,19 +635,19 @@ const Ae = W((e, o) => {
             combobox: f,
             listId: D,
             "aria-activedescendant": f && A ? N?.id : void 0,
-            onNavigate: f ? () => M(!0) : void 0,
-            onChange: (y) => {
-              M(!1), s.onChange?.(y);
+            onNavigate: f ? () => P(!0) : void 0,
+            onChange: (b) => {
+              P(!1), s.onChange?.(b);
             },
-            onFocus: (y) => {
-              M(!1), s.onFocus?.(y);
+            onFocus: (b) => {
+              P(!1), s.onFocus?.(b);
             },
-            onInput: (y) => {
-              M(!1), s.onInput?.(y);
+            onInput: (b) => {
+              P(!1), s.onInput?.(b);
             },
-            onKeyDown: (y) => {
-              const O = y.key === "ArrowUp" || y.key === "ArrowDown", B = y.key.length === 1 || y.key === "Backspace" || y.key === "Delete";
-              f && !O && B && M(!1), s.onKeyDown?.(y);
+            onKeyDown: (b) => {
+              const I = b.key === "ArrowUp" || b.key === "ArrowDown", T = b.key.length === 1 || b.key === "Backspace" || b.key === "Delete";
+              f && !I && T && P(!1), s.onKeyDown?.(b);
             }
           }
         ),
@@ -659,57 +660,57 @@ const Ae = W((e, o) => {
               height: `${z.getTotalSize()}px`,
               width: "100%"
             },
-            children: /* @__PURE__ */ a(Ie, { style: { width: "100%", minWidth: "100%" }, children: z.getVirtualItems().map((y) => {
-              const O = u[y.index];
-              if (!O) return null;
-              const B = {
+            children: /* @__PURE__ */ a(Ie, { style: { width: "100%", minWidth: "100%" }, children: z.getVirtualItems().map((b) => {
+              const I = u[b.index];
+              if (!I) return null;
+              const T = {
                 position: "absolute",
                 top: 0,
                 left: 0,
                 width: "100%",
-                transform: `translateY(${y.start}px)`
-              }, Z = {
-                style: B,
-                index: y.index,
-                "data-index": y.index,
+                transform: `translateY(${b.start}px)`
+              }, U = {
+                style: T,
+                index: b.index,
+                "data-index": b.index,
                 ref: z.measureElement
               };
-              switch (O.type) {
+              switch (I.type) {
                 case "divider":
                   return /* @__PURE__ */ a(
                     We,
                     {
-                      ...Z,
-                      style: { ...B, padding: "0.25rem 0" }
+                      ...U,
+                      style: { ...T, padding: "0.25rem 0" }
                     },
-                    y.key
+                    b.key
                   );
                 case "header":
-                  return /* @__PURE__ */ a(Ye, { ...Z, title: O.title || "", level: 1 }, y.key);
+                  return /* @__PURE__ */ a(Ye, { ...U, title: I.title || "", level: 1 }, b.key);
                 default: {
-                  const T = O.itemProps?.role === "checkbox" || O.itemProps?.role === "radio", ne = f && !T ? "option" : O.itemProps?.role;
+                  const B = I.itemProps?.role === "checkbox" || I.itemProps?.role === "radio", re = f && !B ? "option" : I.itemProps?.role;
                   return /* @__PURE__ */ a(
                     Ve,
                     {
-                      ...Z,
-                      role: f || T ? "presentation" : "menuitem",
+                      ...U,
+                      role: f || B ? "presentation" : "menuitem",
                       children: /* @__PURE__ */ a(
                         tt,
                         {
-                          ...O.itemProps || {},
-                          size: O.itemProps?.size || d,
-                          color: O.itemProps?.color || l,
-                          variant: O.itemProps?.variant || p,
-                          active: O.active,
-                          role: ne,
-                          selected: O.itemProps?.selected,
-                          "aria-posinset": f ? V.positions.get(y.index) : void 0,
+                          ...I.itemProps || {},
+                          size: I.itemProps?.size || d,
+                          color: I.itemProps?.color || l,
+                          variant: I.itemProps?.variant || p,
+                          active: I.active,
+                          role: re,
+                          selected: I.itemProps?.selected,
+                          "aria-posinset": f ? V.positions.get(b.index) : void 0,
                           "aria-setsize": f ? V.total : void 0,
-                          tabIndex: O.itemProps?.disabled || i ? -1 : 0
+                          tabIndex: I.itemProps?.disabled || i ? -1 : 0
                         }
                       )
                     },
-                    y.key
+                    b.key
                   );
                 }
               }
@@ -730,7 +731,7 @@ const Ae = W((e, o) => {
     console.warn("setPreviousId called outside of RootProvider context");
   },
   languageCode: "nb"
-}, Ze = ot(en), Qr = ({ children: e, initialValue: o, debug: n, languageCode: t }) => {
+}, Ze = ot(en), Xr = ({ children: e, initialValue: o, debug: n, languageCode: t }) => {
   const [r, s] = oe(o?.currentId || ""), [m, c] = oe(o?.previousId || "");
   return /* @__PURE__ */ a(
     Ze.Provider,
@@ -811,14 +812,14 @@ const Ae = W((e, o) => {
   items: s = [],
   groups: m = {}
 }) => {
-  const { languageCode: c } = tn(), d = H.useMemo(() => nn(c), [c]), [l, p] = H.useState(""), i = H.useCallback(
-    (g) => {
-      p(g.target.value), n?.(g);
+  const { languageCode: c } = tn(), d = G.useMemo(() => nn(c), [c]), [l, p] = G.useState(""), i = G.useCallback(
+    (y) => {
+      p(y.target.value), n?.(y);
     },
     [n]
-  ), w = H.useCallback(() => {
+  ), w = G.useCallback(() => {
     p(""), t?.();
-  }, [t]), v = H.useMemo(() => l.trim().replace(/\s+/g, " "), [l]), x = v.length > 0, E = H.useMemo(() => v.toLowerCase(), [v]), b = H.useMemo(() => v ? v.split(" ") : [], [v]), S = H.useMemo(
+  }, [t]), v = G.useMemo(() => l.trim().replace(/\s+/g, " "), [l]), x = v.length > 0, E = G.useMemo(() => v.toLowerCase(), [v]), g = G.useMemo(() => v ? v.split(" ") : [], [v]), S = G.useMemo(
     () => ({
       placeholder: e ?? d.placeholder,
       name: o ?? "search",
@@ -828,16 +829,16 @@ const Ae = W((e, o) => {
       clearButtonAltText: r
     }),
     [e, d.placeholder, o, l, i, w, r]
-  ), j = H.useMemo(
-    () => s.map((g) => {
-      const u = g?.searchWords?.length ? g.searchWords : [g?.title, g?.description].filter(Boolean);
+  ), j = G.useMemo(
+    () => s.map((y) => {
+      const u = y?.searchWords?.length ? y.searchWords : [y?.title, y?.description].filter(Boolean);
       return {
-        ...g,
+        ...y,
         searchWords: u ?? []
       };
     }),
     [s]
-  ), k = H.useMemo(
+  ), k = G.useMemo(
     () => [
       {
         id: "emptySearch",
@@ -850,24 +851,24 @@ const Ae = W((e, o) => {
       }
     ],
     [d.noResults]
-  ), _ = H.useMemo(() => {
-    const g = s.filter((u) => u.groupId === "emptySearch").map((u) => ({ ...u, hidden: !1 }));
-    return g.length ? g : k;
-  }, [s, k]), { selectedItems: f, results: D } = H.useMemo(() => {
+  ), _ = G.useMemo(() => {
+    const y = s.filter((u) => u.groupId === "emptySearch").map((u) => ({ ...u, hidden: !1 }));
+    return y.length ? y : k;
+  }, [s, k]), { selectedItems: f, results: D } = G.useMemo(() => {
     if (!x) return { selectedItems: [], results: [] };
-    const g = [], u = [];
+    const y = [], u = [];
     for (const z of j)
-      z.checked === !0 && g.push({ ...z, groupId: "selected" }), (z.searchWords ?? []).some((G) => String(G).toLowerCase().includes(E)) && u.push({
+      z.checked === !0 && y.push({ ...z, groupId: "selected" }), (z.searchWords ?? []).some((H) => String(H).toLowerCase().includes(E)) && u.push({
         ...z,
         groupId: "search",
-        highlightWords: b
+        highlightWords: g
       });
-    return { selectedItems: g, results: u };
-  }, [x, j, E, b]), P = D.length, A = f.length, M = H.useMemo(
+    return { selectedItems: y, results: u };
+  }, [x, j, E, g]), R = D.length, A = f.length, P = G.useMemo(
     () => ({
       search: {
         hidden: !0,
-        title: d.hits(P)
+        title: d.hits(R)
       },
       selected: {
         hidden: !0,
@@ -879,32 +880,32 @@ const Ae = W((e, o) => {
       },
       ...m
     }),
-    [d, P, A, m]
-  ), $ = H.useMemo(
+    [d, R, A, m]
+  ), M = G.useMemo(
     () => ({
-      ...M,
+      ...P,
       search: {
         hidden: !x,
-        title: d.hits(P)
+        title: d.hits(R)
       },
       selected: {
         hidden: A === 0,
         title: d.selected(A)
       },
       emptySearch: {
-        hidden: x && (P > 0 || A > 0),
+        hidden: x && (R > 0 || A > 0),
         title: d.noResults
       }
     }),
-    [M, x, d, P, A]
-  ), R = H.useMemo(() => x ? rn([...D, ...f]) : [], [x, D, f]), N = H.useMemo(() => [..._ || [], ...f || []], [_, f]), h = H.useMemo(() => x ? P ? R : N : s, [x, s, P, R, N]);
+    [P, x, d, R, A]
+  ), $ = G.useMemo(() => x ? rn([...D, ...f]) : [], [x, D, f]), N = G.useMemo(() => [..._ || [], ...f || []], [_, f]), h = G.useMemo(() => x ? R ? $ : N : s, [x, s, R, $, N]);
   return {
     search: S,
     results: D,
-    resultCount: P,
+    resultCount: R,
     hasQuery: x,
     items: h,
-    groups: $
+    groups: M
   };
 }, et = ({
   searchable: e,
@@ -923,13 +924,13 @@ const Ae = W((e, o) => {
   open: v,
   scrollToTopOnOpen: x,
   autoFocusList: E,
-  id: b
+  id: g
 }) => {
   const S = on({ ...o, items: n, groups: t }), j = e ? S.search : o, k = e && S.hasQuery && S.resultCount === 0, _ = e ? S.items : n, f = e ? { ...t, ...S.groups } : t, D = w !== "combobox";
   return d ? /* @__PURE__ */ a(
     Zt,
     {
-      id: b,
+      id: g,
       search: j,
       announceNoResults: k,
       items: _,
@@ -950,7 +951,7 @@ const Ae = W((e, o) => {
   ) : /* @__PURE__ */ a(
     Je,
     {
-      id: b,
+      id: g,
       search: j,
       announceNoResults: k,
       items: _,
@@ -984,7 +985,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   if (o)
     return /* @__PURE__ */ a("div", { className: K(ae.icon, e), children: /* @__PURE__ */ a(se, { svgElement: Ae, loading: !0 }) });
   const r = Ee(n) ? "avatar" : Se(n) ? "avatarGroup" : (Re(n), "icon");
-  return /* @__PURE__ */ I("div", { className: K(ae.media, e), "data-variant": r, children: [
+  return /* @__PURE__ */ O("div", { className: K(ae.media, e), "data-variant": r, children: [
     Ee(n) && /* @__PURE__ */ a(je, { ...n, className: ae.avatar }) || Se(n) && /* @__PURE__ */ a(be, { ...n, className: ae.avatarGroup }) || Re(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
   ] });
@@ -1032,7 +1033,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   highlightWords: s,
   loading: m,
   children: c
-}) => /* @__PURE__ */ a("span", { className: K(pn.label, e), children: c || /* @__PURE__ */ I(xe, { children: [
+}) => /* @__PURE__ */ a("span", { className: K(pn.label, e), children: c || /* @__PURE__ */ O(xe, { children: [
   o && /* @__PURE__ */ a(me, { ...n, as: "span", loading: m, highlightWords: s, maxRows: 2, children: o }),
   t && /* @__PURE__ */ a(
     me,
@@ -1072,26 +1073,26 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   value: v,
   checked: x,
   icon: E,
-  label: b,
+  label: g,
   badge: S,
   controls: j,
   title: k,
   description: _,
   highlightWords: f,
   count: D,
-  linkIcon: P = !1,
+  linkIcon: R = !1,
   disabled: A,
-  selected: M,
-  active: $,
-  tabIndex: R = 0,
+  selected: P,
+  active: M,
+  tabIndex: $ = 0,
   className: N,
   "data-testid": h,
-  ...g
+  ...y
 }) => {
-  const u = typeof b == "function" ? b() : b, z = ht(g);
+  const u = typeof g == "function" ? g() : g, z = ht(y);
   if (n === "checkbox" || n === "radio") {
-    const G = E || (x ? Qe : Lt);
-    return /* @__PURE__ */ I(
+    const H = E || (x ? Qe : Lt);
+    return /* @__PURE__ */ O(
       "label",
       {
         ...z,
@@ -1102,7 +1103,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
         "data-size": l,
         "data-variant": p,
         "data-color": i,
-        "data-active": $,
+        "data-active": M,
         role: n,
         "aria-disabled": A,
         "aria-checked": x,
@@ -1115,7 +1116,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
         },
         onClick: s,
         onMouseEnter: d,
-        tabIndex: R,
+        tabIndex: $,
         children: [
           /* @__PURE__ */ a(
             "input",
@@ -1130,13 +1131,13 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
               tabIndex: -1
             }
           ),
-          /* @__PURE__ */ a(Te, { icon: G, className: q.media }),
+          /* @__PURE__ */ a(Te, { icon: H, className: q.media }),
           /* @__PURE__ */ a(
             Le,
             {
               className: q.label,
               highlightWords: f,
-              title: /* @__PURE__ */ I(xe, { children: [
+              title: /* @__PURE__ */ O(xe, { children: [
                 k,
                 " ",
                 D && /* @__PURE__ */ a("i", { className: q.count, children: D })
@@ -1154,16 +1155,16 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
               children: u
             }
           ),
-          /* @__PURE__ */ I(ke, { children: [
-            S && /* @__PURE__ */ a(re, { ...S }),
+          /* @__PURE__ */ O(ke, { children: [
+            S && /* @__PURE__ */ a(te, { ...S }),
             !A && j
           ] })
         ]
       }
     );
   }
-  const L = t || (r ? "a" : "button"), F = P && Rt;
-  return /* @__PURE__ */ I(
+  const L = t || (r ? "a" : "button"), F = R && Rt;
+  return /* @__PURE__ */ O(
     L,
     {
       href: r,
@@ -1174,19 +1175,19 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       "data-size": l,
       "data-variant": p,
       "data-color": i,
-      "data-active": $,
+      "data-active": M,
       "aria-disabled": A,
       ...A ? { disabled: A } : {},
-      "aria-selected": M,
-      "data-selected": M,
+      "aria-selected": P,
+      "data-selected": P,
       "aria-label": k,
       "data-testid": h,
-      onKeyUp: (G) => {
-        A || (G.key === "Enter" && s?.(), c?.(G));
+      onKeyUp: (H) => {
+        A || (H.key === "Enter" && s?.(), c?.(H));
       },
       onClick: s,
       onMouseEnter: d,
-      tabIndex: A ? -1 : R ?? 0,
+      tabIndex: A ? -1 : $ ?? 0,
       role: n === "menuItem" ? "menuitem" : n,
       ...z,
       children: [
@@ -1196,7 +1197,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
           {
             className: q.label,
             highlightWords: f,
-            title: /* @__PURE__ */ I(xe, { children: [
+            title: /* @__PURE__ */ O(xe, { children: [
               k,
               " ",
               D && /* @__PURE__ */ a("i", { className: q.count, children: D })
@@ -1213,15 +1214,15 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
             children: u
           }
         ),
-        /* @__PURE__ */ I(ke, { children: [
-          S && /* @__PURE__ */ a(re, { ...S }),
+        /* @__PURE__ */ O(ke, { children: [
+          S && /* @__PURE__ */ a(te, { ...S }),
           !A && j,
-          P && /* @__PURE__ */ a(se, { svgElement: F, className: q.linkIcon })
+          R && /* @__PURE__ */ a(se, { svgElement: F, className: q.linkIcon })
         ] })
       ]
     }
   );
-}, xn = "_fieldContainer_zxswz_1", In = "_field_zxswz_1", On = "_input_zxswz_16", Nn = "_hiddenInput_zxswz_17", zn = "_icon_zxswz_50", Cn = "_clear_zxswz_68", En = "_clearButton_zxswz_81", Sn = "_autocomplete_zxswz_108", ee = {
+}, xn = "_fieldContainer_zxswz_1", In = "_field_zxswz_1", On = "_input_zxswz_16", Nn = "_hiddenInput_zxswz_17", zn = "_icon_zxswz_50", Cn = "_clear_zxswz_68", En = "_clearButton_zxswz_81", Sn = "_autocomplete_zxswz_108", Z = {
   fieldContainer: xn,
   field: In,
   input: On,
@@ -1245,57 +1246,57 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   minLength: i,
   ...w
 }) => {
-  const v = De(), [x, E] = oe(!1), b = w.id || `search-field-${v}`, S = `${b}-listbox`, [j, k] = oe(void 0), _ = "searchfield-clear-button-" + De(), f = le(() => !p || !c || typeof i == "number" && typeof c == "string" && c.length < i ? !1 : x, [p, x, i, c]), D = le(() => (p?.items ?? []).map((h) => ({
+  const v = De(), [x, E] = oe(!1), g = w.id || `search-field-${v}`, S = `${g}-listbox`, [j, k] = oe(void 0), _ = "searchfield-clear-button-" + De(), f = le(() => !p || !c || typeof i == "number" && typeof c == "string" && c.length < i ? !1 : x, [p, x, i, c]), D = le(() => (p?.items ?? []).map((h) => ({
     ...h,
     onClick: () => {
       h.onClick?.(), E(!1);
     }
-  })), [p]), P = (h) => {
+  })), [p]), R = (h) => {
     if (h.key === "Enter" && f) {
       p?.items?.[0]?.onClick?.(), E(!1);
       return;
     }
     if (h.key === "Escape" && f) {
-      h.preventDefault(), h.stopPropagation(), E(!1), p?.onClose(), document.getElementById(b)?.focus();
+      h.preventDefault(), h.stopPropagation(), E(!1), p?.onClose(), document.getElementById(g)?.focus();
       return;
     }
     w.onKeyDown?.(h), E(!0);
   }, A = () => {
     E(!0);
-  }, M = (h) => {
+  }, P = (h) => {
     if (!x) return;
-    const g = h.relatedTarget;
-    g && h.currentTarget.contains(g) || E(!1);
-  }, $ = (h) => {
+    const y = h.relatedTarget;
+    y && h.currentTarget.contains(y) || E(!1);
+  }, M = (h) => {
     h.preventDefault();
-  }, R = (h) => {
+  }, $ = (h) => {
     h.relatedTarget?.id === _ && k(void 0), w.onBlur?.(h);
-  }, N = /* @__PURE__ */ I(
+  }, N = /* @__PURE__ */ O(
     Qt,
     {
       size: r,
       color: s,
       label: m,
-      className: K(ee.field, e),
+      className: K(Z.field, e),
       "data-collapsible": o,
-      onBlurCapture: M,
+      onBlurCapture: P,
       children: [
-        /* @__PURE__ */ a("span", { className: ee.hiddenInput, "aria-hidden": "true", children: c + " " }),
+        /* @__PURE__ */ a("span", { className: Z.hiddenInput, "aria-hidden": "true", children: c + " " }),
         /* @__PURE__ */ a(
           ut,
           {
             ...w,
-            id: b,
+            id: g,
             inputSize: 5,
             type: "search",
             value: c,
-            className: ee.input,
+            className: Z.input,
             "data-collapsible": o,
             autoCapitalize: "off",
             autoComplete: "off",
             minLength: i,
-            onKeyDown: P,
-            onBlur: R,
+            onKeyDown: R,
+            onBlur: $,
             ...p && {
               role: "combobox",
               "aria-autocomplete": "list",
@@ -1307,8 +1308,8 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
             }
           }
         ),
-        n ? /* @__PURE__ */ a(pt, { "aria-hidden": !0, className: ee.icon }) : /* @__PURE__ */ a(Bt, { "aria-hidden": !0, className: ee.icon }),
-        d && !!c && /* @__PURE__ */ a("span", { className: ee.clear, children: /* @__PURE__ */ a(
+        n ? /* @__PURE__ */ a(pt, { "aria-hidden": !0, className: Z.icon }) : /* @__PURE__ */ a(Bt, { "aria-hidden": !0, className: Z.icon }),
+        d && !!c && /* @__PURE__ */ a("span", { className: Z.clear, children: /* @__PURE__ */ a(
           ve,
           {
             id: _,
@@ -1317,9 +1318,9 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
             rounded: !0,
             icon: !0,
             variant: "tinted",
-            className: ee.clearButton,
+            className: Z.clearButton,
             onClick: () => {
-              d?.(), document.getElementById(b)?.focus();
+              d?.(), document.getElementById(g)?.focus();
             },
             "aria-label": l,
             "data-action": "clear-input",
@@ -1329,9 +1330,9 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       ]
     }
   );
-  return p ? /* @__PURE__ */ I("div", { className: ee.fieldContainer, children: [
+  return p ? /* @__PURE__ */ O("div", { className: Z.fieldContainer, children: [
     N,
-    f && /* @__PURE__ */ a("div", { className: ee.autocomplete, "aria-hidden": !f, onMouseDown: $, children: /* @__PURE__ */ a(
+    f && /* @__PURE__ */ a("div", { className: Z.autocomplete, "aria-hidden": !f, onMouseDown: M, children: /* @__PURE__ */ a(
       et,
       {
         ...p,
@@ -1363,7 +1364,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   ...d
 }) => {
   const l = c || "div", p = s ? "time" : "span";
-  return /* @__PURE__ */ I(l, { ...d, className: pe.byline, "data-color": o, "data-size": n, children: [
+  return /* @__PURE__ */ O(l, { ...d, className: pe.byline, "data-color": o, "data-size": n, children: [
     (r || t) && /* @__PURE__ */ a(ue, { variant: "circle", className: pe.avatar, loading: e, children: r ? /* @__PURE__ */ a(be, { ...r, size: n, className: pe.avatarGroup }) : t && /* @__PURE__ */ a(je, { ...t, size: n, className: pe.avatar }) }),
     /* @__PURE__ */ a(p, { "data-size": n, dateTime: s, className: pe.label, children: /* @__PURE__ */ a(ue, { loading: e, children: m }) })
   ] });
@@ -1407,37 +1408,37 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   color: v,
   onSubmit: x,
   activeDescendantId: E,
-  useFixedPosition: b = !1,
+  useFixedPosition: g = !1,
   expanded: S = !1
 }) => {
   const j = J(null), k = J(null), _ = J(i);
-  U(() => {
+  W(() => {
     _.current = i;
   }, [i]);
   const [f, D] = oe({
     yDir: r.includes("top") ? "top" : "bottom",
     xDir: r.includes("right") ? "right" : "left",
     maxHeight: 300
-  }), P = qe(() => {
+  }), R = qe(() => {
     if (i && j.current && k.current) {
-      const $ = j.current.getBoundingClientRect(), R = k.current.getBoundingClientRect(), N = window.innerHeight, h = window.innerWidth, g = 16, u = N - $.bottom, z = $.top, L = h - $.right - R.width, F = u < 250 && z > u, G = F ? "top" : "bottom", V = (F ? z : u) - g, y = L < g ? "right" : "left";
-      D((O) => ({
-        ...O,
-        yDir: G,
+      const M = j.current.getBoundingClientRect(), $ = k.current.getBoundingClientRect(), N = window.innerHeight, h = window.innerWidth, y = 16, u = N - M.bottom, z = M.top, L = h - M.right - $.width, F = u < 250 && z > u, H = F ? "top" : "bottom", V = (F ? z : u) - y, b = L < y ? "right" : "left";
+      D((I) => ({
+        ...I,
+        yDir: H,
         maxHeight: V,
-        xDir: y,
-        triggerRect: b ? $ : void 0
+        xDir: b,
+        triggerRect: g ? M : void 0
       }));
     }
-  }, [i, b]);
-  Ce(() => (P(), window.addEventListener("resize", P), b && window.addEventListener("scroll", P, !0), () => {
-    window.removeEventListener("resize", P), b && window.removeEventListener("scroll", P, !0);
-  }), [P, b]), U(() => {
+  }, [i, g]);
+  Ce(() => (R(), window.addEventListener("resize", R), g && window.addEventListener("scroll", R, !0), () => {
+    window.removeEventListener("resize", R), g && window.removeEventListener("scroll", R, !0);
+  }), [R, g]), W(() => {
     if (!i) return;
-    const $ = requestAnimationFrame(() => {
-      const R = k.current;
-      if (!R) return;
-      const N = R.querySelector(
+    const M = requestAnimationFrame(() => {
+      const $ = k.current;
+      if (!$) return;
+      const N = $.querySelector(
         'input[type="search"]:not([disabled]), input[role="searchbox"]:not([disabled]), input[data-dropdown-search]:not([disabled])'
       );
       if (N) {
@@ -1449,43 +1450,43 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
         }
         return;
       }
-      R.focus?.({ preventScroll: !0 });
+      $.focus?.({ preventScroll: !0 });
     });
-    return () => cancelAnimationFrame($);
-  }, [i]), U(() => {
-    const $ = (N) => {
+    return () => cancelAnimationFrame(M);
+  }, [i]), W(() => {
+    const M = (N) => {
       N.key === "Escape" && (N.preventDefault(), w());
-    }, R = (N) => {
-      const h = N.target, g = j.current?.contains(h), u = k.current?.contains(h);
-      !g && !u && w();
+    }, $ = (N) => {
+      const h = N.target, y = j.current?.contains(h), u = k.current?.contains(h);
+      !y && !u && w();
     };
-    return i && (document.addEventListener("mousedown", R), document.addEventListener("keydown", $)), () => {
-      document.removeEventListener("mousedown", R), document.removeEventListener("keydown", $);
+    return i && (document.addEventListener("mousedown", $), document.addEventListener("keydown", M)), () => {
+      document.removeEventListener("mousedown", $), document.removeEventListener("keydown", M);
     };
-  }, [i, w]), U(() => {
+  }, [i, w]), W(() => {
     if (!i) return;
-    const $ = k.current;
-    if (!$) return;
-    const R = (h) => {
+    const M = k.current;
+    if (!M) return;
+    const $ = (h) => {
       if (!_.current)
         return;
-      const g = h.target;
-      g && !$.contains(g) && Hn($);
+      const y = h.target;
+      y && !M.contains(y) && Hn(M);
     }, N = (h) => {
       if (h.key !== "Tab") return;
-      const g = nt($);
-      if (g.length === 0) {
-        h.preventDefault(), $.focus?.({ preventScroll: !0 });
+      const y = nt(M);
+      if (y.length === 0) {
+        h.preventDefault(), M.focus?.({ preventScroll: !0 });
         return;
       }
-      const u = g[0], z = g[g.length - 1], L = document.activeElement;
+      const u = y[0], z = y[y.length - 1], L = document.activeElement;
       h.shiftKey ? L === u && (h.preventDefault(), z.focus({ preventScroll: !0 })) : L === z && (h.preventDefault(), u.focus({ preventScroll: !0 }));
     };
-    return document.addEventListener("focusin", R), document.addEventListener("keydown", N), () => {
-      document.removeEventListener("focusin", R), document.removeEventListener("keydown", N);
+    return document.addEventListener("focusin", $), document.addEventListener("keydown", N), () => {
+      document.removeEventListener("focusin", $), document.removeEventListener("keydown", N);
     };
   }, [i]);
-  const A = b && f.triggerRect ? {
+  const A = g && f.triggerRect ? {
     position: "fixed",
     zIndex: 1e3,
     width: "max-content",
@@ -1501,7 +1502,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
     overflowY: "auto",
     [f.xDir]: 0,
     [f.yDir === "bottom" ? "top" : "bottom"]: "100%"
-  }, M = /* @__PURE__ */ I(
+  }, P = /* @__PURE__ */ O(
     "div",
     {
       ref: k,
@@ -1517,7 +1518,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       "aria-modal": s === "drawer-dropdown" ? !0 : void 0,
       "aria-activedescendant": E,
       children: [
-        /* @__PURE__ */ I("header", { className: ce.header, children: [
+        /* @__PURE__ */ O("header", { className: ce.header, children: [
           /* @__PURE__ */ a("h2", { className: ce.title, children: m }),
           /* @__PURE__ */ a(ve, { size: "sm", variant: "outline", onClick: w, "aria-label": c, children: /* @__PURE__ */ a(Ae, {}) })
         ] }),
@@ -1526,11 +1527,11 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       ]
     }
   );
-  return /* @__PURE__ */ I(xe, { children: [
+  return /* @__PURE__ */ O(xe, { children: [
     t && /* @__PURE__ */ a("div", { className: ce.backdrop, "aria-hidden": !i }),
-    /* @__PURE__ */ I("div", { id: e + "-root", ref: j, style: { position: "relative", display: "inline-block" }, children: [
+    /* @__PURE__ */ O("div", { id: e + "-root", ref: j, style: { position: "relative", display: "inline-block" }, children: [
       l,
-      b ? it(M, document.body) : M
+      g ? it(P, document.body) : P
     ] })
   ] });
 }, qn = "_section_1v20z_1", Kn = "_header_1v20z_7", Vn = "_list_1v20z_13", we = {
@@ -1546,14 +1547,14 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       keyboardEvents: !1,
       sortGroupBy: r
     });
-    return /* @__PURE__ */ I("section", { className: we.section, "aria-busy": m, children: [
-      e || o ? /* @__PURE__ */ I("header", { className: we.header, children: [
+    return /* @__PURE__ */ O("section", { className: we.section, "aria-busy": m, children: [
+      e || o ? /* @__PURE__ */ O("header", { className: we.header, children: [
         e && /* @__PURE__ */ a(me, { as: "h1", size: "lg", children: e }),
         o && /* @__PURE__ */ a(Ke, { as: "p", size: "sm", variant: "subtle", className: we.description, children: o })
       ] }) : null,
       c?.map((d, l) => {
         const p = d.props || {};
-        return /* @__PURE__ */ I(He, { children: [
+        return /* @__PURE__ */ O(He, { children: [
           p?.title && /* @__PURE__ */ a(me, { as: "h2", size: "lg", children: p.title }),
           /* @__PURE__ */ a("ul", { className: we.list, children: d?.items.map((i, w) => {
             const v = i.props || {};
@@ -1593,61 +1594,63 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
     grouped: v = !1,
     updatedAt: x,
     updatedAtLabel: E,
-    archived: b,
+    archived: g,
     archivedAt: S,
     archivedAtLabel: j,
     trashed: k,
     trashedAt: _,
     trashedAtLabel: f,
     badge: D,
-    dueAt: P,
+    dueAt: R,
     dueAtLabel: A,
-    unread: M,
-    unreadLabel: $ = "Ulest",
-    seenByLog: R,
-    draftsLabel: N,
-    sentCount: h,
-    receivedCount: g,
-    attachmentsCount: u,
-    attachmentsLabel: z,
-    tooltips: L = {},
-    title: F,
-    description: G,
-    summary: V,
-    highlightWords: Q,
-    id: y,
-    ...O
+    unread: P,
+    unreadLabel: M = "Ulest",
+    unreadItems: $,
+    unreadItemsLabel: N = "Ulest innhold",
+    seenByLog: h,
+    draftsLabel: y,
+    sentCount: u,
+    receivedCount: z,
+    attachmentsCount: L,
+    attachmentsLabel: F,
+    tooltips: H = {},
+    title: V,
+    description: ne,
+    summary: b,
+    highlightWords: I,
+    id: T,
+    ...U
   }) => {
     const B = m ? "select" : n;
-    return /* @__PURE__ */ I(
+    return /* @__PURE__ */ O(
       _t,
       {
         as: "li",
-        id: y,
+        id: T,
         className: X.item,
         size: o,
         color: t,
         variant: B,
-        "data-unread": M ? "true" : "false",
+        "data-unread": P ? "true" : "false",
         "data-selected": c,
         "data-trashed": k,
-        "data-archived": b,
+        "data-archived": g,
         "data-loading": r,
         children: [
-          /* @__PURE__ */ a(xt, { ...O, className: X.link, as: e, children: /* @__PURE__ */ I("div", { className: X.border, children: [
-            /* @__PURE__ */ I("header", { className: X.header, children: [
-              /* @__PURE__ */ I(
+          /* @__PURE__ */ a(xt, { ...U, className: X.link, as: e, children: /* @__PURE__ */ O("div", { className: X.border, children: [
+            /* @__PURE__ */ O("header", { className: X.header, children: [
+              /* @__PURE__ */ O(
                 me,
                 {
                   as: "h2",
-                  highlightWords: Q,
-                  weight: M ? "bold" : "normal",
+                  highlightWords: I,
+                  weight: P ? "bold" : "normal",
                   loading: r,
                   maxRows: 2,
                   className: X.title,
                   children: [
-                    F,
-                    M && /* @__PURE__ */ a(re, { label: $, variant: "tinted", style: { marginLeft: "0.75em", marginTop: "-2px" } })
+                    V,
+                    P && /* @__PURE__ */ a(te, { label: M, variant: "tinted", style: { marginLeft: "0.75em", marginTop: "-2px" } }) || $ && /* @__PURE__ */ a(te, { label: N, style: { marginLeft: "0.75em", marginTop: "-2px" } })
                   ]
                 }
               ),
@@ -1662,16 +1665,16 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
                   grouped: v
                 }
               ),
-              V && /* @__PURE__ */ a(
+              b && /* @__PURE__ */ a(
                 me,
                 {
                   as: "h3",
-                  highlightWords: Q,
+                  highlightWords: I,
                   weight: "normal",
                   className: X.summary,
                   loading: r,
                   maxRows: 2,
-                  children: V
+                  children: b
                 }
               )
             ] }),
@@ -1683,23 +1686,23 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
                 badge: D,
                 status: d,
                 extendedStatusLabel: l,
-                draftsLabel: N,
-                sentCount: h,
-                receivedCount: g,
+                draftsLabel: y,
+                sentCount: u,
+                receivedCount: z,
                 updatedAt: x,
                 updatedAtLabel: E,
                 archivedAt: S,
                 archivedAtLabel: j,
                 trashedAt: _,
                 trashedAtLabel: f,
-                dueAt: P,
+                dueAt: R,
                 dueAtLabel: A,
-                attachmentsCount: u,
-                attachmentsLabel: z,
-                tooltips: L
+                attachmentsCount: L,
+                attachmentsLabel: F,
+                tooltips: H
               }
             ),
-            R && L?.seenBy ? /* @__PURE__ */ a($e, { placement: "bottom", content: L?.seenBy, children: /* @__PURE__ */ a("span", { className: X.seenBy, children: /* @__PURE__ */ a(be, { items: R.items }) }) }) : R && /* @__PURE__ */ a(be, { items: R.items, className: X.seenBy })
+            h && H?.seenBy ? /* @__PURE__ */ a($e, { placement: "bottom", content: H?.seenBy, children: /* @__PURE__ */ a("span", { className: X.seenBy, children: /* @__PURE__ */ a(be, { items: h.items }) }) }) : h && /* @__PURE__ */ a(be, { items: h.items, className: X.seenBy })
           ] }) }),
           /* @__PURE__ */ a(ke, { className: X.controls, children: s })
         ]
@@ -1725,26 +1728,26 @@ const rr = ({
   sentCount: v = 0,
   receivedCount: x = 0,
   attachmentsCount: E = 0,
-  attachmentsLabel: b,
+  attachmentsLabel: g,
   transmissionsLabel: S,
   activityLog: j,
   extendedStatusLabel: k,
   tooltips: _ = {}
-}) => /* @__PURE__ */ I(It, { className: e, size: "xs", children: [
+}) => /* @__PURE__ */ O(It, { className: e, size: "xs", children: [
   n && /* @__PURE__ */ a(mr, { tooltip: _.status, loading: o, ...n }),
-  k && /* @__PURE__ */ a(re, { tooltip: _.extendedStatus, variant: "outline", children: k }),
-  w && /* @__PURE__ */ a(re, { tooltip: _.drafts, variant: "dotted", children: w }),
-  r && /* @__PURE__ */ I(te, { tooltip: _.updatedAt, loading: o, datetime: r, size: "xs", children: [
+  k && /* @__PURE__ */ a(te, { tooltip: _.extendedStatus, variant: "outline", children: k }),
+  w && /* @__PURE__ */ a(te, { tooltip: _.drafts, variant: "dotted", children: w }),
+  r && /* @__PURE__ */ O(ee, { tooltip: _.updatedAt, loading: o, datetime: r, size: "xs", children: [
     /* @__PURE__ */ a("strong", { children: t && t.name + ", " }),
     s
   ] }),
-  m && c && /* @__PURE__ */ a(te, { tooltip: _.dueAt, loading: o, datetime: m, size: "xs", icon: gt, children: c }),
-  E > 0 && /* @__PURE__ */ a(te, { tooltip: _.attachments, loading: o, size: "xs", icon: yt, children: b || E }),
-  S && /* @__PURE__ */ a(te, { tooltip: _.transmissions, loading: o, size: "xs", icon: At, children: S }),
-  v > 0 && /* @__PURE__ */ a(te, { tooltip: _.sent, size: "xs", icon: Qe, children: v }),
-  x > 0 && /* @__PURE__ */ a(te, { tooltip: _.received, size: "xs", icon: Et, children: x }),
+  m && c && /* @__PURE__ */ a(ee, { tooltip: _.dueAt, loading: o, datetime: m, size: "xs", icon: gt, children: c }),
+  E > 0 && /* @__PURE__ */ a(ee, { tooltip: _.attachments, loading: o, size: "xs", icon: yt, children: g || E }),
+  S && /* @__PURE__ */ a(ee, { tooltip: _.transmissions, loading: o, size: "xs", icon: At, children: S }),
+  v > 0 && /* @__PURE__ */ a(ee, { tooltip: _.sent, size: "xs", icon: Qe, children: v }),
+  x > 0 && /* @__PURE__ */ a(ee, { tooltip: _.received, size: "xs", icon: Et, children: x }),
   i && /* @__PURE__ */ a(
-    te,
+    ee,
     {
       variant: "tinted",
       color: "neutral",
@@ -1756,7 +1759,7 @@ const rr = ({
       children: i
     }
   ) || l && /* @__PURE__ */ a(
-    te,
+    ee,
     {
       variant: "tinted",
       color: "neutral",
@@ -1769,7 +1772,7 @@ const rr = ({
     }
   ),
   j && /* @__PURE__ */ a(
-    te,
+    ee,
     {
       tooltip: _.activityLog,
       loading: o,
@@ -1787,7 +1790,7 @@ const rr = ({
   grouped: t = !1,
   loading: r,
   size: s = "xs"
-}) => !e && !o ? null : /* @__PURE__ */ I($n, { loading: r, size: s, avatar: e, avatarGroup: !r && t && e && o ? {
+}) => !e && !o ? null : /* @__PURE__ */ O($n, { loading: r, size: s, avatar: e, avatarGroup: !r && t && e && o ? {
   items: [o, e]
 } : void 0, children: [
   /* @__PURE__ */ a("strong", { children: e?.name }),
@@ -1801,13 +1804,13 @@ const rr = ({
 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: [
+const Fe = ({ size: e = "xs", icon: o, progress: n }) => !o && typeof n != "number" ? !1 : /* @__PURE__ */ O("span", { className: de.media, "data-size": e, children: [
   Ee(o) && /* @__PURE__ */ a(je, { ...o, className: de.avatar }) || Se(o) && /* @__PURE__ */ a(be, { ...o, className: de.avatarGroup }) || Re(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", _e = {
   item: cr,
   label: dr
-}, te = ({
+}, ee = ({
   as: e,
   loading: o,
   className: n,
@@ -1831,7 +1834,7 @@ const Fe = ({ size: e = "xs", icon: o, progress: n }) => !o && typeof n != "numb
       dateTime: l,
       className: K(_e.item, n),
       ...i,
-      children: /* @__PURE__ */ I(ue, { loading: o, children: [
+      children: /* @__PURE__ */ O(ue, { loading: o, children: [
         !o && c && /* @__PURE__ */ a(Fe, { size: r, icon: c }),
         /* @__PURE__ */ a("span", { className: _e.label, children: d })
       ] })
@@ -1845,7 +1848,7 @@ const Fe = ({ size: e = "xs", icon: o, progress: n }) => !o && typeof n != "numb
       dateTime: l,
       className: K(_e.item, n),
       ...i,
-      children: /* @__PURE__ */ I(ue, { loading: o, children: [
+      children: /* @__PURE__ */ O(ue, { loading: o, children: [
         !o && c && /* @__PURE__ */ a(Fe, { size: r, icon: c }),
         /* @__PURE__ */ a("span", { className: _e.label, children: d })
       ] })
@@ -1858,19 +1861,19 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
     return null;
   switch (o) {
     case "draft":
-      return /* @__PURE__ */ a(re, { tooltip: t, variant: "dotted", children: n || o });
+      return /* @__PURE__ */ a(te, { tooltip: t, variant: "dotted", children: n || o });
     case "requires-attention":
-      return /* @__PURE__ */ a(re, { tooltip: t, variant: "strong", children: n || o });
+      return /* @__PURE__ */ a(te, { tooltip: t, variant: "strong", children: n || o });
     case "not-applicable":
       return null;
     default:
-      return /* @__PURE__ */ a(re, { tooltip: t, variant: "outline", children: n || o });
+      return /* @__PURE__ */ a(te, { tooltip: t, variant: "outline", children: n || o });
   }
 }, fr = "_menu_16mue_4", pr = "_button_16mue_12", hr = "_label_16mue_16", he = {
   menu: fr,
   button: pr,
   label: hr
-}, Xr = Oe(
+}, Jr = Oe(
   ({
     disabled: e,
     label: o = "Label",
@@ -1894,7 +1897,7 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
       })),
       [r, i]
     );
-    return e ? /* @__PURE__ */ I(ve, { className: he.button, variant: n, disabled: !0, children: [
+    return e ? /* @__PURE__ */ O(ve, { className: he.button, variant: n, disabled: !0, children: [
       /* @__PURE__ */ a("span", { className: he.label, children: o }),
       /* @__PURE__ */ a(Be, { "aria-hidden": "true", focusable: "false" })
     ] }) : /* @__PURE__ */ a("span", { className: he.menu, children: /* @__PURE__ */ a(
@@ -1904,7 +1907,7 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
         variant: "drawer-dropdown",
         title: t,
         size: s,
-        trigger: /* @__PURE__ */ I(
+        trigger: /* @__PURE__ */ O(
           ve,
           {
             className: he.button,
@@ -1938,7 +1941,7 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
       }
     ) });
   }
-), Jr = Oe(
+), Zr = Oe(
   ({
     value: e,
     name: o,
@@ -1975,15 +1978,15 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
   )
 );
 export {
-  re as B,
+  te as B,
   Un as D,
   Qt as F,
   me as H,
   se as I,
   et as M,
-  Qr as R,
+  Xr as R,
   Pe as S,
-  Jr as T,
+  Zr as T,
   Zt as V,
   $n as a,
   rt as b,
@@ -1999,8 +2002,8 @@ export {
   Je as l,
   Xe as m,
   Fe as n,
-  te as o,
-  Xr as p,
+  ee as o,
+  Jr as p,
   Bt as q,
   Qe as r,
   Ae as s,