@altinn/altinn-components 0.63.5 → 0.63.7

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

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as a, jsxs as I, Fragment as xe } from "react/jsx-runtime";
 import * as G from "react";
-import E, { forwardRef as Y, useRef as J, useState as oe, useMemo as le, useEffect as W, Fragment as He, useLayoutEffect as Ee, createContext as ot, useContext as at, isValidElement as Ge, useId as De, useCallback as qe, memo as Oe, createElement as st } from "react";
-import "./tooltip-B5zQ3zF0.js";
+import C, { 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 "./tooltip-Ct39-719.js";
 import { c as V } from "./index-p1eeF8LQ.js";
 import { useEscapeKey as lt } from "./hooks/useEscapeKey.js";
 import "./components/Typography/Link.js";
@@ -20,8 +20,8 @@ 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 Q } from "./useId-BVFxCjkq.js";
-import { isAvatarProps as Se, Avatar as je } from "./components/Avatar/Avatar.js";
-import { isAvatarGroupProps as ke, AvatarGroup as be } from "./components/Avatar/AvatarGroup.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 Re } from "./components/Item/ItemControls.js";
 import { pickAriaProps as ht } from "./components/Menu/aria.js";
 import { MenuList as Ie } from "./components/Menu/MenuList.js";
@@ -29,8 +29,8 @@ import { MenuListItem as Ve } from "./components/Menu/MenuListItem.js";
 import { MenuListGroup as Ue } from "./components/Menu/MenuListGroup.js";
 import { MenuListDivider as We } from "./components/Menu/MenuListDivider.js";
 import { MenuListHeading as Ye } from "./components/Menu/MenuListHeading.js";
-import { a as vt } from "./useMenuVirtualization-Cs426RCN.js";
-import { S as bt, a as gt, b as yt } from "./Paperclip-DjN7qVfQ.js";
+import { u as vt } from "./useMenuVirtualization-DpvWCsyD.js";
+import { a as bt, b as gt, S as yt } from "./Paperclip-DhP0Uo69.js";
 import { useDropdownMenuController as _t } from "./components/Menu/useDropdownMenuController.js";
 import { ItemBase as wt } from "./components/Item/ItemBase.js";
 import { ItemLink as xt } from "./components/Item/ItemLink.js";
@@ -44,17 +44,17 @@ 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 Ct = Y((e, o) => {
+const kt = Y((e, o) => {
   var { title: n, titleId: t } = e, r = Nt(e, ["title", "titleId"]);
   let s = Q();
-  return s = n ? t || "title-" + s : void 0, E.createElement(
+  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),
-    n ? E.createElement("title", { id: s }, n) : null,
-    E.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4 3.25a.75.75 0 0 0-.75.75v3.5c0 .414.336.75.75.75h16a.75.75 0 0 0 .75-.75V4a.75.75 0 0 0-.75-.75zm15.5 6a.25.25 0 0 1 .25.25V19A1.75 1.75 0 0 1 18 20.75H6A1.75 1.75 0 0 1 4.25 19V9.5a.25.25 0 0 1 .25-.25zm-4.75 3.25a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h4a.75.75 0 0 1 .75.75", clipRule: "evenodd" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4 3.25a.75.75 0 0 0-.75.75v3.5c0 .414.336.75.75.75h16a.75.75 0 0 0 .75-.75V4a.75.75 0 0 0-.75-.75zm15.5 6a.25.25 0 0 1 .25.25V19A1.75 1.75 0 0 1 18 20.75H6A1.75 1.75 0 0 1 4.25 19V9.5a.25.25 0 0 1 .25-.25zm-4.75 3.25a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h4a.75.75 0 0 1 .75.75", clipRule: "evenodd" })
   );
 });
-var Et = function(e, o) {
+var Ct = function(e, o) {
   var n = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -62,17 +62,17 @@ var Et = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const St = Y((e, o) => {
-  var { title: n, titleId: t } = e, r = Et(e, ["title", "titleId"]);
+const Et = Y((e, o) => {
+  var { title: n, titleId: t } = e, r = Ct(e, ["title", "titleId"]);
   let s = Q();
-  return s = n ? t || "title-" + s : void 0, E.createElement(
+  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),
-    n ? E.createElement("title", { id: s }, n) : null,
-    E.createElement("path", { fill: "currentColor", d: "M12.75 5a.75.75 0 0 0-1.5 0v12.19l-3.22-3.22a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l4.5-4.5a.75.75 0 1 0-1.06-1.06l-3.22 3.22z" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", d: "M12.75 5a.75.75 0 0 0-1.5 0v12.19l-3.22-3.22a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l4.5-4.5a.75.75 0 1 0-1.06-1.06l-3.22 3.22z" })
   );
 });
-var kt = function(e, o) {
+var St = function(e, o) {
   var n = {};
   for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
   if (e != null && typeof Object.getOwnPropertySymbols == "function")
@@ -81,13 +81,13 @@ var kt = function(e, o) {
   return n;
 };
 const Qe = Y((e, o) => {
-  var { title: n, titleId: t } = e, r = kt(e, ["title", "titleId"]);
+  var { title: n, titleId: t } = e, r = St(e, ["title", "titleId"]);
   let s = Q();
-  return s = n ? t || "title-" + s : void 0, E.createElement(
+  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),
-    n ? E.createElement("title", { id: s }, n) : null,
-    E.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939", clipRule: "evenodd" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939", clipRule: "evenodd" })
   );
 });
 var Rt = function(e, o) {
@@ -101,11 +101,11 @@ var Rt = function(e, o) {
 const zt = Y((e, o) => {
   var { title: n, titleId: t } = e, r = Rt(e, ["title", "titleId"]);
   let s = Q();
-  return s = n ? t || "title-" + s : void 0, E.createElement(
+  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),
-    n ? E.createElement("title", { id: s }, n) : null,
-    E.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.47 5.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 1 1-1.06-1.06L14.44 12 9.47 7.03a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.47 5.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 1 1-1.06-1.06L14.44 12 9.47 7.03a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
   );
 });
 var Pt = function(e, o) {
@@ -119,11 +119,11 @@ var Pt = function(e, o) {
 const Be = Y((e, o) => {
   var { title: n, titleId: t } = e, r = Pt(e, ["title", "titleId"]);
   let s = Q();
-  return s = n ? t || "title-" + s : void 0, E.createElement(
+  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),
-    n ? E.createElement("title", { id: s }, n) : null,
-    E.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z", clipRule: "evenodd" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z", clipRule: "evenodd" })
   );
 });
 var Mt = function(e, o) {
@@ -137,11 +137,11 @@ var Mt = function(e, o) {
 const $t = Y((e, o) => {
   var { title: n, titleId: t } = e, r = Mt(e, ["title", "titleId"]);
   let s = Q();
-  return s = n ? t || "title-" + s : void 0, E.createElement(
+  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),
-    n ? E.createElement("title", { id: s }, n) : null,
-    E.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.5 1.75a.75.75 0 0 1 .75.75v2.464a9.75 9.75 0 1 1 12.342 15.023.75.75 0 1 1-.86-1.229A8.251 8.251 0 1 0 6.084 6.25H9a.75.75 0 0 1 0 1.5H4.5A.75.75 0 0 1 3.75 7V2.5a.75.75 0 0 1 .75-.75M12.75 6a.75.75 0 0 0-1.5 0v6c0 .199.079.39.22.53l2.5 2.5a.75.75 0 1 0 1.06-1.06l-2.28-2.28zM3 11.25a.75.75 0 0 1 .75.75q0 .66.105 1.31a.75.75 0 0 1-1.481.24A10 10 0 0 1 2.25 12a.75.75 0 0 1 .75-.75m1.855 4.875a.75.75 0 0 0-1.299.75q.39.675.882 1.28a.75.75 0 1 0 1.163-.947 8 8 0 0 1-.746-1.083m1.995 3.294a.75.75 0 0 1 1.025-.274q.57.33 1.188.564a.75.75 0 1 1-.535 1.402 10 10 0 0 1-1.403-.667.75.75 0 0 1-.275-1.025m6.7 2.207a.75.75 0 1 0-.24-1.48q-.65.104-1.31.104a.75.75 0 0 0 0 1.5q.78 0 1.55-.124", clipRule: "evenodd" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.5 1.75a.75.75 0 0 1 .75.75v2.464a9.75 9.75 0 1 1 12.342 15.023.75.75 0 1 1-.86-1.229A8.251 8.251 0 1 0 6.084 6.25H9a.75.75 0 0 1 0 1.5H4.5A.75.75 0 0 1 3.75 7V2.5a.75.75 0 0 1 .75-.75M12.75 6a.75.75 0 0 0-1.5 0v6c0 .199.079.39.22.53l2.5 2.5a.75.75 0 1 0 1.06-1.06l-2.28-2.28zM3 11.25a.75.75 0 0 1 .75.75q0 .66.105 1.31a.75.75 0 0 1-1.481.24A10 10 0 0 1 2.25 12a.75.75 0 0 1 .75-.75m1.855 4.875a.75.75 0 0 0-1.299.75q.39.675.882 1.28a.75.75 0 1 0 1.163-.947 8 8 0 0 1-.746-1.083m1.995 3.294a.75.75 0 0 1 1.025-.274q.57.33 1.188.564a.75.75 0 1 1-.535 1.402 10 10 0 0 1-1.403-.667.75.75 0 0 1-.275-1.025m6.7 2.207a.75.75 0 1 0-.24-1.48q-.65.104-1.31.104a.75.75 0 0 0 0 1.5q.78 0 1.55-.124", clipRule: "evenodd" })
   );
 });
 var jt = function(e, o) {
@@ -155,11 +155,11 @@ var jt = function(e, o) {
 const At = Y((e, o) => {
   var { title: n, titleId: t } = e, r = jt(e, ["title", "titleId"]);
   let s = Q();
-  return s = n ? t || "title-" + s : void 0, E.createElement(
+  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),
-    n ? E.createElement("title", { id: s }, n) : null,
-    E.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5", clipRule: "evenodd" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5", clipRule: "evenodd" })
   );
 });
 var Dt = function(e, o) {
@@ -173,11 +173,11 @@ var Dt = function(e, o) {
 const Bt = Y((e, o) => {
   var { title: n, titleId: t } = e, r = Dt(e, ["title", "titleId"]);
   let s = Q();
-  return s = n ? t || "title-" + s : void 0, E.createElement(
+  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),
-    n ? E.createElement("title", { id: s }, n) : null,
-    E.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.5 3.25a7.25 7.25 0 1 0 4.569 12.88l5.411 5.41a.75.75 0 1 0 1.06-1.06l-5.41-5.411A7.25 7.25 0 0 0 10.5 3.25M4.75 10.5a5.75 5.75 0 1 1 11.5 0 5.75 5.75 0 0 1-11.5 0", clipRule: "evenodd" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.5 3.25a7.25 7.25 0 1 0 4.569 12.88l5.411 5.41a.75.75 0 1 0 1.06-1.06l-5.41-5.411A7.25 7.25 0 0 0 10.5 3.25M4.75 10.5a5.75 5.75 0 1 1 11.5 0 5.75 5.75 0 0 1-11.5 0", clipRule: "evenodd" })
   );
 });
 var Tt = function(e, o) {
@@ -191,11 +191,11 @@ var Tt = function(e, o) {
 const Lt = Y((e, o) => {
   var { title: n, titleId: t } = e, r = Tt(e, ["title", "titleId"]);
   let s = Q();
-  return s = n ? t || "title-" + s : void 0, E.createElement(
+  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),
-    n ? E.createElement("title", { id: s }, n) : null,
-    E.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.75 12a.75.75 0 0 1 .75-.75h13a.75.75 0 1 1 0 1.5h-13a.75.75 0 0 1-.75-.75", clipRule: "evenodd" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.75 12a.75.75 0 0 1 .75-.75h13a.75.75 0 1 1 0 1.5h-13a.75.75 0 0 1-.75-.75", clipRule: "evenodd" })
   );
 });
 var Ft = function(e, o) {
@@ -209,11 +209,11 @@ var Ft = function(e, o) {
 const Ht = Y((e, o) => {
   var { title: n, titleId: t } = e, r = Ft(e, ["title", "titleId"]);
   let s = Q();
-  return s = n ? t || "title-" + s : void 0, E.createElement(
+  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),
-    n ? E.createElement("title", { id: s }, n) : null,
-    E.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10 4.75c-.69 0-1.25.56-1.25 1.25v.25h6.5V6c0-.69-.56-1.25-1.25-1.25zm6.75 1.5V6A2.75 2.75 0 0 0 14 3.25h-4A2.75 2.75 0 0 0 7.25 6v.25H4.5a.75.75 0 0 0 0 1.5h.805l.876 11.384a1.75 1.75 0 0 0 1.745 1.616h8.148a1.75 1.75 0 0 0 1.745-1.616l.875-11.384h.806a.75.75 0 0 0 0-1.5h-2.75m-6 4.25a.75.75 0 0 0-1.5 0v6a.75.75 0 0 0 1.5 0zM14 9.75a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75", clipRule: "evenodd" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10 4.75c-.69 0-1.25.56-1.25 1.25v.25h6.5V6c0-.69-.56-1.25-1.25-1.25zm6.75 1.5V6A2.75 2.75 0 0 0 14 3.25h-4A2.75 2.75 0 0 0 7.25 6v.25H4.5a.75.75 0 0 0 0 1.5h.805l.876 11.384a1.75 1.75 0 0 0 1.745 1.616h8.148a1.75 1.75 0 0 0 1.745-1.616l.875-11.384h.806a.75.75 0 0 0 0-1.5h-2.75m-6 4.25a.75.75 0 0 0-1.5 0v6a.75.75 0 0 0 1.5 0zM14 9.75a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75", clipRule: "evenodd" })
   );
 });
 var Gt = function(e, o) {
@@ -227,11 +227,11 @@ var Gt = function(e, o) {
 const Ae = Y((e, o) => {
   var { title: n, titleId: t } = e, r = Gt(e, ["title", "titleId"]);
   let s = Q();
-  return s = n ? t || "title-" + s : void 0, E.createElement(
+  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),
-    n ? E.createElement("title", { id: s }, n) : null,
-    E.createElement("path", { fill: "currentColor", d: "M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", d: "M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z" })
   );
 }), qt = "_badge_5li3b_1", Kt = "_label_5li3b_33", ye = {
   badge: qt,
@@ -294,7 +294,7 @@ const Ae = Y((e, o) => {
   n && /* @__PURE__ */ a(ft, { size: e, htmlFor: t, children: n }),
   s,
   r && /* @__PURE__ */ a(Ke, { size: "xs", children: r })
-] }), Xt = "_search_18jfe_1", Jt = "_searchInput_18jfe_8", Ce = {
+] }), Xt = "_search_18jfe_1", Jt = "_searchInput_18jfe_8", ke = {
   search: Xt,
   searchInput: Jt
 }, Xe = ({
@@ -314,7 +314,7 @@ const Ae = Y((e, o) => {
   onInput: p,
   onFocus: w,
   ...z
-}) => /* @__PURE__ */ a("li", { className: Ce.search, style: e, "data-index": o, "data-menu-search": "true", children: c ? (
+}) => /* @__PURE__ */ a("li", { className: ke.search, style: e, "data-index": o, "data-menu-search": "true", children: c ? (
   // biome-ignore lint/a11y/useFocusableInteractive: <explanation>
   // biome-ignore lint/a11y/useAriaPropsForRole: <explanation>
   // biome-ignore lint/a11y/useSemanticElements: <explanation>
@@ -322,7 +322,7 @@ const Ae = Y((e, o) => {
     Pe,
     {
       size: "xs",
-      className: Ce.searchInput,
+      className: ke.searchInput,
       name: n,
       value: t,
       placeholder: r,
@@ -348,7 +348,7 @@ const Ae = Y((e, o) => {
   Pe,
   {
     size: "xs",
-    className: Ce.searchInput,
+    className: ke.searchInput,
     name: n,
     value: t,
     placeholder: r,
@@ -391,13 +391,13 @@ const Ae = Y((e, o) => {
 }) => {
   if (o && e >= o)
     return null;
-  const y = t === "combobox", v = y && p ? `${p}-listbox` : p, k = J(r), P = J(r), [D, M] = oe(!1), $ = le(
-    () => _.map((d, C) => ({
+  const y = t === "combobox", v = y && p ? `${p}-listbox` : p, S = J(r), P = J(r), [D, M] = oe(!1), $ = le(
+    () => _.map((d, k) => ({
       ...d,
-      id: d.id || `${p}-item-${C}`
+      id: d.id || `${p}-item-${k}`
     })),
     [_, p]
-  ), j = J(null), { menu: S, setActiveIndex: O, activeItem: m } = Me({
+  ), j = J(null), { menu: E, setActiveIndex: O, activeItem: m } = Me({
     items: $,
     groups: l,
     groupByKey: "groupId",
@@ -410,11 +410,11 @@ const Ae = Y((e, o) => {
     R?.(m?.id);
   }, [m?.id, R]), W(() => {
     if (!s) {
-      k.current = r;
+      S.current = r;
       return;
     }
-    const d = k.current;
-    k.current = r, r && !d && j.current?.scrollTo({ top: 0 });
+    const d = S.current;
+    S.current = r, r && !d && j.current?.scrollTo({ top: 0 });
   }, [r, s]), W(() => {
     const d = P.current;
     P.current = r, !(!N || c || !f) && r && !d && requestAnimationFrame(() => j.current?.focus?.({ preventScroll: !0 }));
@@ -452,15 +452,15 @@ const Ae = Y((e, o) => {
               M(!1), c.onInput?.(d);
             },
             onKeyDown: (d) => {
-              const C = d.key === "ArrowUp" || d.key === "ArrowDown", F = d.key.length === 1 || d.key === "Backspace" || d.key === "Delete";
-              y && !C && F && M(!1), c.onKeyDown?.(d);
+              const k = d.key === "ArrowUp" || d.key === "ArrowDown", F = d.key.length === 1 || d.key === "Backspace" || d.key === "Delete";
+              y && !k && F && M(!1), c.onKeyDown?.(d);
             }
           }
         ),
-        S.map((d, C) => {
+        E.map((d, k) => {
           const F = d?.props || {}, { title: H, hidden: L = !1, divider: q = !0 } = F;
           return /* @__PURE__ */ I(He, { children: [
-            (e > 0 || C) && q ? /* @__PURE__ */ a(We, {}) : "",
+            (e > 0 || k) && q ? /* @__PURE__ */ a(We, {}) : "",
             /* @__PURE__ */ a(Ue, { hidden: L, children: /* @__PURE__ */ I(Ie, { role: "presentation", children: [
               H && /* @__PURE__ */ a(Ye, { title: H, level: e }),
               d?.items.filter((ne) => !ne.props?.hidden).map((ne, g) => {
@@ -508,8 +508,8 @@ const Ae = Y((e, o) => {
                   g
                 );
               })
-            ] }) }, C)
-          ] }, C);
+            ] }) }, k)
+          ] }, k);
         })
       ]
     }
@@ -532,31 +532,31 @@ const Ae = Y((e, o) => {
     autoActivateFirstItem: A = !0,
     announceNoResults: R = !1,
     onActiveItemIdChange: y
-  } = e, v = z === "combobox", k = v && p ? `${p}-listbox` : p, P = J(h), [D, M] = oe(!1), $ = le(
+  } = e, v = z === "combobox", S = v && p ? `${p}-listbox` : p, P = J(h), [D, M] = oe(!1), $ = le(
     () => u.map((g, x) => ({
       ...g,
       id: g.id || `${p}-item-${x}`
     })),
     [u, p]
-  ), { menu: j, activeItem: S, setActiveIndex: O, activeIndex: m } = Me({
+  ), { menu: j, activeItem: E, setActiveIndex: O, activeIndex: m } = Me({
     items: $,
     groups: f,
     groupByKey: "groupId",
     keyboardEvents: l,
     autoActivateFirstItem: A,
     ref: o
-  }), { flatMenu: d, virtualizer: C, scrollMaxHeight: F } = vt({
+  }), { flatMenu: d, virtualizer: k, scrollMaxHeight: F } = vt({
     menu: j,
     scrollRef: o
   });
-  Ee(() => {
+  Ce(() => {
     const g = n.current;
     if (!g) return;
     const x = Math.round(g.offsetTop);
     r((T) => T === x ? T : x);
   });
   const H = le(() => {
-    const g = S?.id;
+    const g = E?.id;
     if (g)
       return d.findIndex((T) => T.type === "item" && T.itemProps?.id === g);
     if (m < 0) return -1;
@@ -565,28 +565,28 @@ const Ae = Y((e, o) => {
       if (d[T]?.type === "item" && (x += 1, x === m))
         return T;
     return -1;
-  }, [S?.id, m, d]), L = J(null);
-  Ee(() => {
+  }, [E?.id, m, d]), L = J(null);
+  Ce(() => {
     const g = L?.current, x = typeof g == "number" ? H <= g : !1;
     L.current = H;
     const T = x ? H : H + 2;
     if (!x) {
-      const ie = C.getOffsetForIndex(T, "auto");
+      const ie = k.getOffsetForIndex(T, "auto");
       if (!ie) return;
       const [ge, Ne] = ie;
       if (Ne === "auto") return;
-      C.scrollToOffset(ge + t + 10, { align: "start" });
+      k.scrollToOffset(ge + t + 10, { align: "start" });
       return;
     }
     if (H <= 3) {
-      C.scrollToOffset(0);
+      k.scrollToOffset(0);
       return;
     }
-    const U = C.getOffsetForIndex(H - 1, "auto");
+    const U = k.getOffsetForIndex(H - 1, "auto");
     if (!U) return;
     const [B, re] = U;
-    re !== "auto" && C.scrollToOffset(B + t + 10, { align: "start" });
-  }, [H, t, C, L]);
+    re !== "auto" && k.scrollToOffset(B + t + 10, { align: "start" });
+  }, [H, t, k, L]);
   const q = le(() => {
     const g = /* @__PURE__ */ new Map();
     let x = 0;
@@ -595,8 +595,8 @@ const Ae = Y((e, o) => {
     }), { positions: g, total: x };
   }, [d]);
   W(() => {
-    y?.(S?.id);
-  }, [S?.id, y]), W(() => {
+    y?.(E?.id);
+  }, [E?.id, y]), W(() => {
     if (v && R) {
       O(0), M(!0);
       return;
@@ -626,7 +626,7 @@ const Ae = Y((e, o) => {
       variant: _,
       color: c,
       expanded: w,
-      id: k,
+      id: S,
       role: v ? "listbox" : void 0,
       children: [
         s && /* @__PURE__ */ a(
@@ -634,8 +634,8 @@ const Ae = Y((e, o) => {
           {
             ...s,
             combobox: v,
-            listId: k,
-            "aria-activedescendant": v && D ? S?.id : void 0,
+            listId: S,
+            "aria-activedescendant": v && D ? E?.id : void 0,
             onNavigate: v ? () => M(!0) : void 0,
             onChange: (g) => {
               M(!1), s.onChange?.(g);
@@ -658,10 +658,10 @@ const Ae = Y((e, o) => {
             ref: n,
             style: {
               position: "relative",
-              height: `${C.getTotalSize()}px`,
+              height: `${k.getTotalSize()}px`,
               width: "100%"
             },
-            children: /* @__PURE__ */ a(Ie, { style: { width: "100%", minWidth: "100%" }, children: C.getVirtualItems().map((g) => {
+            children: /* @__PURE__ */ a(Ie, { style: { width: "100%", minWidth: "100%" }, children: k.getVirtualItems().map((g) => {
               const x = d[g.index];
               if (!x) return null;
               const T = {
@@ -674,7 +674,7 @@ const Ae = Y((e, o) => {
                 style: T,
                 index: g.index,
                 "data-index": g.index,
-                ref: C.measureElement
+                ref: k.measureElement
               };
               switch (x.type) {
                 case "divider":
@@ -855,17 +855,17 @@ const Ae = Y((e, o) => {
   ), y = G.useMemo(() => {
     const m = s.filter((d) => d.groupId === "emptySearch").map((d) => ({ ...d, hidden: !1 }));
     return m.length ? m : R;
-  }, [s, R]), { selectedItems: v, results: k } = G.useMemo(() => {
+  }, [s, R]), { selectedItems: v, results: S } = G.useMemo(() => {
     if (!w) return { selectedItems: [], results: [] };
     const m = [], d = [];
-    for (const C of A)
-      C.checked === !0 && m.push({ ...C, groupId: "selected" }), (C.searchWords ?? []).some((L) => String(L).toLowerCase().includes(z)) && d.push({
-        ...C,
+    for (const k of A)
+      k.checked === !0 && m.push({ ...k, groupId: "selected" }), (k.searchWords ?? []).some((L) => String(L).toLowerCase().includes(z)) && d.push({
+        ...k,
         groupId: "search",
         highlightWords: h
       });
     return { selectedItems: m, results: d };
-  }, [w, A, z, h]), P = k.length, D = v.length, M = G.useMemo(
+  }, [w, A, z, h]), P = S.length, D = v.length, M = G.useMemo(
     () => ({
       search: {
         hidden: !0,
@@ -899,10 +899,10 @@ const Ae = Y((e, o) => {
       }
     }),
     [M, w, i, P, D]
-  ), j = G.useMemo(() => w ? rn([...k, ...v]) : [], [w, k, v]), S = G.useMemo(() => [...y || [], ...v || []], [y, v]), O = G.useMemo(() => w ? P ? j : S : s, [w, s, P, j, S]);
+  ), j = G.useMemo(() => w ? rn([...S, ...v]) : [], [w, S, v]), E = G.useMemo(() => [...y || [], ...v || []], [y, v]), O = G.useMemo(() => w ? P ? j : E : s, [w, s, P, j, E]);
   return {
     search: N,
-    results: k,
+    results: S,
     resultCount: P,
     hasQuery: w,
     items: O,
@@ -927,7 +927,7 @@ const Ae = Y((e, o) => {
   autoFocusList: z,
   id: h
 }) => {
-  const N = on({ ...o, items: n, groups: t }), A = e ? N.search : o, R = e && N.hasQuery && N.resultCount === 0, y = e ? N.items : n, v = e ? { ...t, ...N.groups } : t, k = b !== "combobox";
+  const N = on({ ...o, items: n, groups: t }), A = e ? N.search : o, R = e && N.hasQuery && N.resultCount === 0, y = e ? N.items : n, v = e ? { ...t, ...N.groups } : t, S = b !== "combobox";
   return i ? /* @__PURE__ */ a(
     Zt,
     {
@@ -946,7 +946,7 @@ const Ae = Y((e, o) => {
       a11yMode: b,
       open: p,
       scrollToTopOnOpen: w,
-      autoActivateFirstItem: k,
+      autoActivateFirstItem: S,
       autoFocusList: z
     }
   ) : /* @__PURE__ */ a(
@@ -967,7 +967,7 @@ const Ae = Y((e, o) => {
       a11yMode: b,
       open: p,
       scrollToTopOnOpen: w,
-      autoActivateFirstItem: k,
+      autoActivateFirstItem: S,
       autoFocusList: z
     }
   );
@@ -985,9 +985,9 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
     return null;
   if (o)
     return /* @__PURE__ */ a("div", { className: V(ae.icon, e), children: /* @__PURE__ */ a(se, { svgElement: Ae, loading: !0 }) });
-  const r = Se(n) ? "avatar" : ke(n) ? "avatarGroup" : (ze(n), "icon");
+  const r = Ee(n) ? "avatar" : Se(n) ? "avatarGroup" : (ze(n), "icon");
   return /* @__PURE__ */ I("div", { className: V(ae.media, e), "data-variant": r, children: [
-    Se(n) && /* @__PURE__ */ a(je, { ...n, className: ae.avatar }) || ke(n) && /* @__PURE__ */ a(be, { ...n, className: ae.avatarGroup }) || ze(n) && /* @__PURE__ */ a(se, { ...n, className: ae.icon }) || dn(n) && /* @__PURE__ */ a(se, { className: ae.icon, children: n }) || /* @__PURE__ */ a(se, { className: ae.icon, svgElement: n }),
+    Ee(n) && /* @__PURE__ */ a(je, { ...n, className: ae.avatar }) || Se(n) && /* @__PURE__ */ a(be, { ...n, className: ae.avatarGroup }) || ze(n) && /* @__PURE__ */ a(se, { ...n, className: ae.icon }) || dn(n) && /* @__PURE__ */ a(se, { className: ae.icon, children: n }) || /* @__PURE__ */ a(se, { className: ae.icon, svgElement: n }),
     t
   ] });
 }, un = "_heading_ydkmu_1", mn = {
@@ -1080,24 +1080,24 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   title: R,
   description: y,
   highlightWords: v,
-  count: k,
+  count: S,
   linkIcon: P = !1,
   disabled: D,
   selected: M,
   active: $,
   tabIndex: j = 0,
-  className: S,
+  className: E,
   "data-testid": O,
   ...m
 }) => {
-  const d = typeof h == "function" ? h() : h, C = ht(m);
+  const d = typeof h == "function" ? h() : h, k = ht(m);
   if (n === "checkbox" || n === "radio") {
     const L = z || (w ? Qe : Lt);
     return /* @__PURE__ */ I(
       "label",
       {
-        ...C,
-        className: V(K.item, S),
+        ...k,
+        className: V(K.item, E),
         id: e,
         "data-id": e,
         "data-group-id": o,
@@ -1141,7 +1141,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
               title: /* @__PURE__ */ I(xe, { children: [
                 R,
                 " ",
-                k && /* @__PURE__ */ a("i", { className: K.count, children: k })
+                S && /* @__PURE__ */ a("i", { className: K.count, children: S })
               ] }),
               titleProps: {
                 weight: "medium",
@@ -1169,7 +1169,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
     F,
     {
       href: r,
-      className: V(K.item, S),
+      className: V(K.item, E),
       id: e,
       "data-id": e,
       "data-group-id": o,
@@ -1191,7 +1191,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       onMouseEnter: i,
       tabIndex: D ? -1 : j ?? 0,
       role: n === "menuItem" ? "menuitem" : n,
-      ...C,
+      ...k,
       children: [
         z && /* @__PURE__ */ a(Te, { icon: z, className: K.media }),
         /* @__PURE__ */ a(
@@ -1202,7 +1202,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
             title: /* @__PURE__ */ I(xe, { children: [
               R,
               " ",
-              k && /* @__PURE__ */ a("i", { className: K.count, children: k })
+              S && /* @__PURE__ */ a("i", { className: K.count, children: S })
             ] }),
             titleProps: {
               weight: "medium",
@@ -1224,15 +1224,15 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       ]
     }
   );
-}, xn = "_fieldContainer_1g9fo_13", In = "_field_1g9fo_13", On = "_input_1g9fo_28", Nn = "_hiddenInput_1g9fo_29", Cn = "_icon_1g9fo_62", En = "_clear_1g9fo_80", Sn = "_clearButton_1g9fo_93", kn = "_autocomplete_1g9fo_120", Z = {
+}, xn = "_fieldContainer_kk0vx_13", In = "_field_kk0vx_13", On = "_input_kk0vx_28", Nn = "_hiddenInput_kk0vx_29", kn = "_icon_kk0vx_62", Cn = "_clear_kk0vx_80", En = "_clearButton_kk0vx_93", Sn = "_autocomplete_kk0vx_120", Z = {
   fieldContainer: xn,
   field: In,
   input: On,
   hiddenInput: Nn,
-  icon: Cn,
-  clear: En,
-  clearButton: Sn,
-  autocomplete: kn
+  icon: kn,
+  clear: Cn,
+  clearButton: En,
+  autocomplete: Sn
 }, Pe = ({
   className: e,
   collapsible: o,
@@ -1249,17 +1249,17 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   minLength: b,
   ...p
 }) => {
-  const w = De(), [z, h] = oe(!1), N = p.id || `search-field-${w}`, A = `${N}-listbox`, [R, y] = oe(void 0), v = "searchfield-clear-button-" + De(), k = le(() => !l || !i || typeof b == "number" && typeof i == "string" && i.length < b ? !1 : z, [l, z, b, i]), P = le(() => (l?.items ?? []).map((m) => ({
+  const w = De(), [z, h] = oe(!1), N = p.id || `search-field-${w}`, A = `${N}-listbox`, [R, y] = oe(void 0), v = "searchfield-clear-button-" + De(), S = le(() => !l || !i || typeof b == "number" && typeof i == "string" && i.length < b ? !1 : z, [l, z, b, i]), P = le(() => (l?.items ?? []).map((m) => ({
     ...m,
     onClick: () => {
       m.onClick?.(), h(!1);
     }
   })), [l]), D = (m) => {
-    if (m.key === "Enter" && k) {
+    if (m.key === "Enter" && S) {
       l?.items?.[0]?.onClick?.(), h(!1);
       return;
     }
-    if (m.key === "Escape" && k) {
+    if (m.key === "Escape" && S) {
       m.preventDefault(), m.stopPropagation(), h(!1), l?.onClose(), document.getElementById(N)?.focus();
       return;
     }
@@ -1272,7 +1272,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
     d && m.currentTarget.contains(d) || h(!1);
   }, j = (m) => {
     m.preventDefault();
-  }, S = (m) => {
+  }, E = (m) => {
     m.relatedTarget?.id === v && y(void 0), p.onBlur?.(m);
   }, O = /* @__PURE__ */ I(
     Qt,
@@ -1282,7 +1282,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       label: f ? void 0 : u,
       htmlFor: N,
       className: V(Z.field, e),
-      "data-collapsible": o,
+      "data-collapsible": o ? !0 : void 0,
       onBlurCapture: $,
       children: [
         /* @__PURE__ */ a("span", { className: Z.hiddenInput, "aria-hidden": "true", children: i + " " }),
@@ -1296,19 +1296,19 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
             type: "search",
             value: i,
             className: Z.input,
-            "data-collapsible": o,
+            "data-collapsible": o ? !0 : void 0,
             autoCapitalize: "off",
             autoComplete: "off",
             minLength: b,
             onKeyDown: D,
-            onBlur: S,
+            onBlur: E,
             ...l && {
               role: "combobox",
               "aria-autocomplete": "list",
-              "aria-expanded": !!k,
+              "aria-expanded": !!S,
               "aria-haspopup": "listbox",
               "aria-controls": A,
-              "aria-activedescendant": k ? R : void 0,
+              "aria-activedescendant": S ? R : void 0,
               onFocus: M
             }
           }
@@ -1337,7 +1337,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   );
   return l ? /* @__PURE__ */ I("div", { className: Z.fieldContainer, children: [
     O,
-    k && /* @__PURE__ */ a("div", { className: Z.autocomplete, "aria-hidden": !k, onMouseDown: j, children: /* @__PURE__ */ a(
+    S && /* @__PURE__ */ a("div", { className: Z.autocomplete, "aria-hidden": !S, onMouseDown: j, children: /* @__PURE__ */ a(
       et,
       {
         ...l,
@@ -1346,7 +1346,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
         groups: l?.groups,
         keyboardEvents: !0,
         a11yMode: "combobox",
-        open: k,
+        open: S,
         autoFocusList: !1,
         onActiveItemIdChange: y
       }
@@ -1420,14 +1420,14 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   W(() => {
     y.current = l;
   }, [l]);
-  const [v, k] = oe({
+  const [v, S] = oe({
     yDir: r.includes("top") ? "top" : "bottom",
     xDir: r.includes("right") ? "right" : "left",
     maxHeight: 300
   }), P = qe(() => {
     if (l && A.current && R.current) {
-      const $ = A.current.getBoundingClientRect(), j = R.current.getBoundingClientRect(), S = window.innerHeight, O = window.innerWidth, m = 16, d = S - $.bottom, C = $.top, F = O - $.right - j.width, H = d < 250 && C > d, L = H ? "top" : "bottom", q = (H ? C : d) - m, g = F < m ? "right" : "left";
-      k((x) => ({
+      const $ = A.current.getBoundingClientRect(), j = R.current.getBoundingClientRect(), E = window.innerHeight, O = window.innerWidth, m = 16, d = E - $.bottom, k = $.top, F = O - $.right - j.width, H = d < 250 && k > d, L = H ? "top" : "bottom", q = (H ? k : d) - m, g = F < m ? "right" : "left";
+      S((x) => ({
         ...x,
         yDir: L,
         maxHeight: q,
@@ -1436,21 +1436,21 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       }));
     }
   }, [l, h]);
-  Ee(() => (P(), window.addEventListener("resize", P), h && window.addEventListener("scroll", P, !0), () => {
+  Ce(() => (P(), window.addEventListener("resize", P), h && window.addEventListener("scroll", P, !0), () => {
     window.removeEventListener("resize", P), h && window.removeEventListener("scroll", P, !0);
   }), [P, h]), W(() => {
     if (!l) return;
     const $ = requestAnimationFrame(() => {
       const j = R.current;
       if (!j) return;
-      const S = j.querySelector(
+      const E = j.querySelector(
         'input[type="search"]:not([disabled]), input[role="searchbox"]:not([disabled]), input[data-dropdown-search]:not([disabled])'
       );
-      if (S) {
-        const O = S.value.length;
-        S.focus({ preventScroll: !0 });
+      if (E) {
+        const O = E.value.length;
+        E.focus({ preventScroll: !0 });
         try {
-          S.setSelectionRange(O, O);
+          E.setSelectionRange(O, O);
         } catch {
         }
         return;
@@ -1459,10 +1459,10 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
     });
     return () => cancelAnimationFrame($);
   }, [l]), W(() => {
-    const $ = (S) => {
-      S.key === "Escape" && (S.preventDefault(), b());
-    }, j = (S) => {
-      const O = S.target, m = A.current?.contains(O), d = R.current?.contains(O);
+    const $ = (E) => {
+      E.key === "Escape" && (E.preventDefault(), b());
+    }, j = (E) => {
+      const O = E.target, m = A.current?.contains(O), d = R.current?.contains(O);
       !m && !d && b();
     };
     return l && (document.addEventListener("mousedown", j), document.addEventListener("keydown", $)), () => {
@@ -1477,18 +1477,18 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
         return;
       const m = O.target;
       m && !$.contains(m) && Hn($);
-    }, S = (O) => {
+    }, E = (O) => {
       if (O.key !== "Tab") return;
       const m = nt($);
       if (m.length === 0) {
         O.preventDefault(), $.focus?.({ preventScroll: !0 });
         return;
       }
-      const d = m[0], C = m[m.length - 1], F = document.activeElement;
-      O.shiftKey ? F === d && (O.preventDefault(), C.focus({ preventScroll: !0 })) : F === C && (O.preventDefault(), d.focus({ preventScroll: !0 }));
+      const d = m[0], k = m[m.length - 1], F = document.activeElement;
+      O.shiftKey ? F === d && (O.preventDefault(), k.focus({ preventScroll: !0 })) : F === k && (O.preventDefault(), d.focus({ preventScroll: !0 }));
     };
-    return document.addEventListener("focusin", j), document.addEventListener("keydown", S), () => {
-      document.removeEventListener("focusin", j), document.removeEventListener("keydown", S);
+    return document.addEventListener("focusin", j), document.addEventListener("keydown", E), () => {
+      document.removeEventListener("focusin", j), document.removeEventListener("keydown", E);
     };
   }, [l]);
   const D = h && v.triggerRect ? {
@@ -1605,17 +1605,17 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
     trashed: R,
     trashedAt: y,
     trashedAtLabel: v,
-    badge: k,
+    badge: S,
     dueAt: P,
     dueAtLabel: D,
     unread: M,
     unreadLabel: $ = "Ulest",
     unreadItems: j,
-    unreadItemsLabel: S = "Ulest innhold",
+    unreadItemsLabel: E = "Ulest innhold",
     seenByLog: O,
     draftsLabel: m,
     sentCount: d,
-    receivedCount: C,
+    receivedCount: k,
     attachmentsCount: F,
     attachmentsLabel: H,
     tooltips: L = {},
@@ -1655,7 +1655,7 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
                   className: X.title,
                   children: [
                     q,
-                    M && /* @__PURE__ */ a(te, { label: $, variant: "tinted", style: { marginLeft: "0.75em", marginTop: "-2px" } }) || j && /* @__PURE__ */ a(te, { label: S, style: { marginLeft: "0.75em", marginTop: "-2px" } })
+                    M && /* @__PURE__ */ a(te, { label: $, variant: "tinted", style: { marginLeft: "0.75em", marginTop: "-2px" } }) || j && /* @__PURE__ */ a(te, { label: E, style: { marginLeft: "0.75em", marginTop: "-2px" } })
                   ]
                 }
               ),
@@ -1688,12 +1688,12 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
               {
                 className: X.footer,
                 loading: r,
-                badge: k,
+                badge: S,
                 status: i,
                 extendedStatusLabel: c,
                 draftsLabel: m,
                 sentCount: d,
-                receivedCount: C,
+                receivedCount: k,
                 updatedAt: w,
                 updatedAtLabel: z,
                 archivedAt: N,
@@ -1746,11 +1746,23 @@ const rr = ({
     /* @__PURE__ */ a("strong", { children: t && t.name + ", " }),
     s
   ] }),
-  u && f && /* @__PURE__ */ a(ee, { tooltip: y.dueAt, loading: o, datetime: u, size: "xs", icon: gt, children: f }),
-  z > 0 && /* @__PURE__ */ a(ee, { tooltip: y.attachments, loading: o, size: "xs", icon: yt, children: h || z }),
+  z > 0 && /* @__PURE__ */ a(ee, { tooltip: y.attachments, loading: o, size: "xs", icon: gt, children: h || z }),
   N && /* @__PURE__ */ a(ee, { tooltip: y.transmissions, loading: o, size: "xs", icon: At, children: N }),
   p > 0 && /* @__PURE__ */ a(ee, { tooltip: y.sent, size: "xs", icon: Qe, children: p }),
-  w > 0 && /* @__PURE__ */ a(ee, { tooltip: y.received, size: "xs", icon: St, children: w }),
+  w > 0 && /* @__PURE__ */ a(ee, { tooltip: y.received, size: "xs", icon: Et, children: w }),
+  u && f && /* @__PURE__ */ a(
+    ee,
+    {
+      variant: "tinted",
+      color: "warning",
+      tooltip: y.dueAt,
+      loading: o,
+      datetime: u,
+      size: "xs",
+      icon: yt,
+      children: f
+    }
+  ),
   l && /* @__PURE__ */ a(
     ee,
     {
@@ -1772,7 +1784,7 @@ const rr = ({
       loading: o,
       datetime: i,
       size: "xs",
-      icon: Ct,
+      icon: kt,
       children: c
     }
   ),
@@ -1810,9 +1822,9 @@ function ir(e) {
   return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || Ge(e);
 }
 const Fe = ({ size: e = "xs", icon: o, progress: n }) => !o && typeof n != "number" ? !1 : /* @__PURE__ */ I("span", { className: de.media, "data-size": e, children: [
-  Se(o) && /* @__PURE__ */ a(je, { ...o, className: de.avatar }) || ke(o) && /* @__PURE__ */ a(be, { ...o, className: de.avatarGroup }) || ze(o) && /* @__PURE__ */ a(se, { ...o, className: de.icon }) || ir(o) && o || /* @__PURE__ */ a(se, { svgElement: o, className: de.icon }),
+  Ee(o) && /* @__PURE__ */ a(je, { ...o, className: de.avatar }) || Se(o) && /* @__PURE__ */ a(be, { ...o, className: de.avatarGroup }) || ze(o) && /* @__PURE__ */ a(se, { ...o, className: de.icon }) || ir(o) && o || /* @__PURE__ */ a(se, { svgElement: o, className: de.icon }),
   n && /* @__PURE__ */ a(Ot, { value: n, className: de.icon })
-] }), cr = "_item_ugak2_1", dr = "_label_ugak2_53", we = {
+] }), cr = "_item_cqtms_1", dr = "_label_cqtms_54", we = {
   item: cr,
   label: dr
 }, ee = ({
@@ -1988,36 +2000,36 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
 );
 export {
   te as B,
-  Un as D,
+  or as D,
   Qt as F,
   me as H,
   se as I,
   et as M,
   Jr as R,
   Pe as S,
-  eo as T,
+  Zr as T,
   Zt as V,
   $n as a,
-  rt as b,
-  rr as c,
-  or as d,
-  ur as e,
-  mr as f,
+  Un as b,
+  rt as c,
+  rr as d,
+  mr as e,
+  ur as f,
   Gn as g,
-  Te as h,
-  ze as i,
-  Le as j,
-  tt as k,
-  Je as l,
-  Xe as m,
+  Le as h,
+  Te as i,
+  tt as j,
+  Je as k,
+  Xe as l,
+  ee as m,
   Fe as n,
-  ee as o,
-  Zr as p,
-  Bt as q,
-  Qe as r,
+  Qe as o,
+  zt as p,
+  Be as q,
+  Bt as r,
   Ae as s,
-  Be as t,
-  tn as u,
-  zt as v,
-  on as w
+  eo as t,
+  ze as u,
+  on as v,
+  tn as w
 };