@altinn/altinn-components 0.63.7 → 0.64.0

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

@@ -1,13 +1,13 @@
 "use client";
-import { jsx as a, jsxs as I, Fragment as xe } from "react/jsx-runtime";
+import { jsx as a, jsxs as x, 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 k, { forwardRef as Y, useRef as Z, useState as oe, useMemo as ie, 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 { useEscapeKey as it } from "./hooks/useEscapeKey.js";
 import "./components/Typography/Link.js";
 import { Button as ve } from "./components/Button/Button.js";
-import { createPortal as it } from "react-dom";
+import { createPortal as lt } from "react-dom";
 import { useMenu as Me } from "./hooks/useMenu.js";
 import { Typography as Ke } from "./components/Typography/Typography.js";
 import { Skeleton as ue } from "./components/Skeleton/Skeleton.js";
@@ -47,11 +47,11 @@ import './assets/ToolbarSearch.css';var Nt = function(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, C.createElement(
+  return s = n ? t || "title-" + s : void 0, k.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 ? 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" })
+    n ? k.createElement("title", { id: s }, n) : null,
+    k.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 Ct = function(e, o) {
@@ -65,11 +65,11 @@ var Ct = function(e, o) {
 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, C.createElement(
+  return s = n ? t || "title-" + s : void 0, k.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 ? 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" })
+    n ? k.createElement("title", { id: s }, n) : null,
+    k.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 St = function(e, o) {
@@ -83,11 +83,11 @@ var St = function(e, o) {
 const Qe = Y((e, o) => {
   var { title: n, titleId: t } = e, r = St(e, ["title", "titleId"]);
   let s = Q();
-  return s = n ? t || "title-" + s : void 0, C.createElement(
+  return s = n ? t || "title-" + s : void 0, k.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 ? 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" })
+    n ? k.createElement("title", { id: s }, n) : null,
+    k.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, C.createElement(
+  return s = n ? t || "title-" + s : void 0, k.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 ? 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" })
+    n ? k.createElement("title", { id: s }, n) : null,
+    k.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, C.createElement(
+  return s = n ? t || "title-" + s : void 0, k.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 ? 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" })
+    n ? k.createElement("title", { id: s }, n) : null,
+    k.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, C.createElement(
+  return s = n ? t || "title-" + s : void 0, k.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 ? 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" })
+    n ? k.createElement("title", { id: s }, n) : null,
+    k.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, C.createElement(
+  return s = n ? t || "title-" + s : void 0, k.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 ? 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" })
+    n ? k.createElement("title", { id: s }, n) : null,
+    k.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, C.createElement(
+  return s = n ? t || "title-" + s : void 0, k.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 ? 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" })
+    n ? k.createElement("title", { id: s }, n) : null,
+    k.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, C.createElement(
+  return s = n ? t || "title-" + s : void 0, k.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 ? 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" })
+    n ? k.createElement("title", { id: s }, n) : null,
+    k.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, C.createElement(
+  return s = n ? t || "title-" + s : void 0, k.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 ? 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" })
+    n ? k.createElement("title", { id: s }, n) : null,
+    k.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,48 +227,48 @@ 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, C.createElement(
+  return s = n ? t || "title-" + s : void 0, k.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 ? 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" })
+    n ? k.createElement("title", { id: s }, n) : null,
+    k.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,
   label: Kt
-}, te = ({
+}, re = ({
   label: e,
   color: o,
   variant: n = "subtle",
   theme: t,
   size: r = "sm",
   tooltip: s,
-  className: u,
-  style: f,
-  children: i
+  className: f,
+  style: p,
+  children: l
 }) => s ? /* @__PURE__ */ a($e, { content: s, children: /* @__PURE__ */ a(
   "span",
   {
-    className: V(ye.badge, u),
-    style: f,
+    className: V(ye.badge, f),
+    style: p,
     "data-color": o,
     "data-variant": n,
     "data-theme": t,
     "data-size": r,
     ...r === "xs" && { "aria-hidden": !0 },
-    children: /* @__PURE__ */ a("span", { className: ye.label, children: e || i })
+    children: /* @__PURE__ */ a("span", { className: ye.label, children: e || l })
   }
 ) }) : /* @__PURE__ */ a(
   "span",
   {
-    className: V(ye.badge, u),
-    style: f,
+    className: V(ye.badge, f),
+    style: p,
     "data-color": o,
     "data-variant": n,
     "data-theme": t,
     "data-size": r,
     ...r === "xs" && { "aria-hidden": !0 },
-    children: /* @__PURE__ */ a("span", { className: ye.label, children: e || i })
+    children: /* @__PURE__ */ a("span", { className: ye.label, children: e || l })
   }
 ), Vt = "_icon_1y3dz_1", Ut = "_shape_1y3dz_9", Wt = "_svg_1y3dz_14", Yt = "_image_1y3dz_15", fe = {
   icon: Vt,
@@ -282,15 +282,15 @@ const Ae = Y((e, o) => {
   size: t,
   color: r,
   iconUrl: s,
-  className: u,
-  style: f,
-  children: i
-}) => /* @__PURE__ */ a("span", { "data-ui": "icon", "data-size": t, "data-color": r, className: V(fe.icon, u), style: f, children: /* @__PURE__ */ I(ue, { loading: e, variant: "circle", className: fe.shape, children: [
+  className: f,
+  style: p,
+  children: l
+}) => /* @__PURE__ */ a("span", { "data-ui": "icon", "data-size": t, "data-color": r, className: V(fe.icon, f), style: p, children: /* @__PURE__ */ x(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 }),
-  i
-] }) }), Qt = ({ size: e, color: o, label: n, htmlFor: t, helperText: r, children: s, ...u }) => /* @__PURE__ */ I(mt, { size: e, color: o, ...u, children: [
+  l
+] }) }), Qt = ({ size: e, color: o, label: n, htmlFor: t, helperText: r, children: s, ...f }) => /* @__PURE__ */ x(mt, { size: e, color: o, ...f, children: [
   n && /* @__PURE__ */ a(ft, { size: e, htmlFor: t, children: n }),
   s,
   r && /* @__PURE__ */ a(Ke, { size: "xs", children: r })
@@ -304,21 +304,21 @@ const Ae = Y((e, o) => {
   value: t,
   placeholder: r = "Search",
   clearButtonAltText: s = "Clear search",
-  onChange: u,
-  onClear: f,
-  onNavigate: i,
+  onChange: f,
+  onClear: p,
+  onNavigate: l,
   combobox: c = !1,
-  listId: _,
-  "aria-activedescendant": l,
+  listId: y,
+  "aria-activedescendant": i,
   onKeyDown: b,
-  onInput: p,
-  onFocus: w,
-  ...z
+  onInput: h,
+  onFocus: _,
+  ...P
 }) => /* @__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>
-  /* @__PURE__ */ a("div", { role: "combobox", "aria-expanded": !0, "aria-haspopup": "listbox", "aria-owns": _, children: /* @__PURE__ */ a(
+  /* @__PURE__ */ a("div", { role: "combobox", "aria-expanded": !0, "aria-haspopup": "listbox", "aria-owns": y, children: /* @__PURE__ */ a(
     Pe,
     {
       size: "xs",
@@ -326,22 +326,22 @@ const Ae = Y((e, o) => {
       name: n,
       value: t,
       placeholder: r,
-      onChange: u,
-      onClear: f,
+      onChange: f,
+      onClear: p,
       clearButtonAltText: s,
       autoComplete: "off",
       autoCorrect: "off",
       autoCapitalize: "off",
       "aria-autocomplete": "list",
-      "aria-controls": _,
-      "aria-activedescendant": l,
+      "aria-controls": y,
+      "aria-activedescendant": i,
       autoFocus: !0,
-      onKeyDown: (h) => {
-        (h.key === "ArrowUp" || h.key === "ArrowDown") && (h.preventDefault(), i?.()), b?.(h);
+      onKeyDown: (v) => {
+        (v.key === "ArrowUp" || v.key === "ArrowDown") && (v.preventDefault(), l?.()), b?.(v);
       },
-      onInput: p,
-      onFocus: w,
-      ...z
+      onInput: h,
+      onFocus: _,
+      ...P
     }
   ) })
 ) : /* @__PURE__ */ a(
@@ -352,19 +352,19 @@ const Ae = Y((e, o) => {
     name: n,
     value: t,
     placeholder: r,
-    onChange: u,
-    onClear: f,
+    onChange: f,
+    onClear: p,
     clearButtonAltText: s,
     autoComplete: "off",
     autoCorrect: "off",
     autoCapitalize: "off",
     autoFocus: !0,
-    onKeyDown: (h) => {
-      (h.key === "ArrowUp" || h.key === "ArrowDown") && (h.preventDefault(), i?.()), b?.(h);
+    onKeyDown: (v) => {
+      (v.key === "ArrowUp" || v.key === "ArrowDown") && (v.preventDefault(), l?.()), b?.(v);
     },
-    onInput: p,
-    onFocus: w,
-    ...z
+    onInput: h,
+    onFocus: _,
+    ...P
   }
 ) }), Je = ({
   level: e = 0,
@@ -373,134 +373,134 @@ const Ae = Y((e, o) => {
   a11yMode: t = "menu",
   open: r,
   scrollToTopOnOpen: s = !1,
-  autoActivateFirstItem: u = !0,
-  autoFocusList: f = !0,
-  announceNoResults: i = !1,
+  autoActivateFirstItem: f = !0,
+  autoFocusList: p = !0,
+  announceNoResults: l = !1,
   search: c,
-  items: _,
-  groups: l = {},
+  items: y,
+  groups: i = {},
   size: b,
-  id: p,
-  color: w,
-  variant: z,
-  scrollRefStyles: h = {},
-  keyboardEvents: N = !1,
-  onSelect: A = () => {
+  id: h,
+  color: _,
+  variant: P,
+  scrollRefStyles: v = {},
+  keyboardEvents: I = !1,
+  onSelect: D = () => {
   },
-  onActiveItemIdChange: R
+  onActiveItemIdChange: C
 }) => {
   if (o && e >= o)
     return null;
-  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-${k}`
+  const O = t === "combobox", d = O && h ? `${h}-listbox` : h, R = Z(r), M = Z(r), [A, j] = oe(!1), z = ie(
+    () => y.map((m, N) => ({
+      ...m,
+      id: m.id || `${h}-item-${N}`
     })),
-    [_, p]
-  ), j = J(null), { menu: E, setActiveIndex: O, activeItem: m } = Me({
-    items: $,
-    groups: l,
+    [y, h]
+  ), $ = Z(null), { menu: E, setActiveIndex: S, activeItem: u } = Me({
+    items: z,
+    groups: i,
     groupByKey: "groupId",
-    keyboardEvents: N,
-    autoActivateFirstItem: u,
-    onSelect: A,
-    ref: j
+    keyboardEvents: I,
+    autoActivateFirstItem: f,
+    onSelect: D,
+    ref: $
   });
   return W(() => {
-    R?.(m?.id);
-  }, [m?.id, R]), W(() => {
+    C?.(u?.id);
+  }, [u?.id, C]), W(() => {
     if (!s) {
-      S.current = r;
+      R.current = r;
       return;
     }
-    const d = S.current;
-    S.current = r, r && !d && j.current?.scrollTo({ top: 0 });
+    const m = R.current;
+    R.current = r, r && !m && $.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 }));
-  }, [r, N, c]), W(() => {
-    if (y && i) {
-      O(0), M(!0);
+    const m = M.current;
+    M.current = r, !(!I || c || !p) && r && !m && requestAnimationFrame(() => $.current?.focus?.({ preventScroll: !0 }));
+  }, [r, I, c]), W(() => {
+    if (O && l) {
+      S(0), j(!0);
       return;
     }
-  }, [i, y, O]), /* @__PURE__ */ I(
+  }, [l, O, S]), /* @__PURE__ */ x(
     Ie,
     {
-      variant: z,
+      variant: P,
       expanded: n,
-      ref: j,
-      style: h,
-      id: v,
-      role: y ? "listbox" : void 0,
-      tabIndex: N ? -1 : void 0,
+      ref: $,
+      style: v,
+      id: d,
+      role: O ? "listbox" : void 0,
+      tabIndex: I ? -1 : void 0,
       children: [
         c && /* @__PURE__ */ a(
           Xe,
           {
             ...c,
-            combobox: y,
-            listId: v,
-            "aria-activedescendant": y && D ? m?.id : void 0,
-            onNavigate: y ? () => M(!0) : void 0,
-            onChange: (d) => {
-              M(!1), c.onChange?.(d);
+            combobox: O,
+            listId: d,
+            "aria-activedescendant": O && A ? u?.id : void 0,
+            onNavigate: O ? () => j(!0) : void 0,
+            onChange: (m) => {
+              j(!1), c.onChange?.(m);
             },
-            onFocus: (d) => {
-              M(!1), c.onFocus?.(d);
+            onFocus: (m) => {
+              j(!1), c.onFocus?.(m);
             },
-            onInput: (d) => {
-              M(!1), c.onInput?.(d);
+            onInput: (m) => {
+              j(!1), c.onInput?.(m);
             },
-            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);
+            onKeyDown: (m) => {
+              const N = m.key === "ArrowUp" || m.key === "ArrowDown", L = m.key.length === 1 || m.key === "Backspace" || m.key === "Delete";
+              O && !N && L && j(!1), c.onKeyDown?.(m);
             }
           }
         ),
-        E.map((d, k) => {
-          const F = d?.props || {}, { title: H, hidden: L = !1, divider: q = !0 } = F;
-          return /* @__PURE__ */ I(He, { children: [
-            (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) => {
-                const { active: x, 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 = y && !ge ? "option" : B.role;
-                return /* @__PURE__ */ I(
+        E.map((m, N) => {
+          const L = m?.props || {}, { title: F, hidden: H = !1, divider: q = !0 } = L;
+          return /* @__PURE__ */ x(He, { children: [
+            (e > 0 || N) && q ? /* @__PURE__ */ a(We, {}) : "",
+            /* @__PURE__ */ a(Ue, { hidden: H, children: /* @__PURE__ */ x(Ie, { role: "presentation", children: [
+              F && /* @__PURE__ */ a(Ye, { title: F, level: e }),
+              m?.items.filter((ee) => !ee.props?.hidden).map((ee, g) => {
+                const { active: w, onMouseEnter: B } = ee, { groupId: U, ...T } = ee.props || {}, { expanded: X } = T, le = Array.isArray(T?.items) && T.items.length > 0, ge = T.role === "checkbox" || T.role === "radio", Ne = O && !ge ? "option" : T.role;
+                return /* @__PURE__ */ x(
                   Ve,
                   {
-                    expanded: re,
-                    onMouseLeave: () => O(-1),
-                    role: y || ge ? "presentation" : void 0,
+                    expanded: X,
+                    onMouseLeave: () => S(-1),
+                    role: O || ge ? "presentation" : void 0,
                     children: [
                       /* @__PURE__ */ a(
                         tt,
                         {
-                          ...B,
-                          size: B?.size || F?.size || b,
-                          color: B?.color || F?.color || w,
-                          variant: B?.variant || F?.variant || z,
-                          active: x,
+                          ...T,
+                          size: T?.size || L?.size || b,
+                          color: T?.color || L?.color || _,
+                          variant: T?.variant || L?.variant || P,
+                          active: w,
                           role: Ne,
-                          selected: B.selected,
-                          tabIndex: B?.disabled || N ? -1 : B.tabIndex ?? 0,
-                          onMouseEnter: T,
-                          "aria-haspopup": ie ? "menu" : void 0,
-                          "aria-expanded": ie ? re : void 0,
-                          "aria-controls": ie ? B.id + "-menu" : void 0
+                          selected: T.selected,
+                          tabIndex: T?.disabled || I ? -1 : T.tabIndex ?? 0,
+                          onMouseEnter: B,
+                          "aria-haspopup": le ? "menu" : void 0,
+                          "aria-expanded": le ? X : void 0,
+                          "aria-controls": le ? T.id + "-menu" : void 0
                         }
                       ),
-                      re && B?.items && /* @__PURE__ */ a(
+                      X && T?.items && /* @__PURE__ */ a(
                         Je,
                         {
-                          id: B.id + "-menu",
-                          expanded: re,
+                          id: T.id + "-menu",
+                          expanded: X,
                           level: e + 1,
                           maxLevels: o,
-                          items: B?.items,
-                          groups: l,
+                          items: T?.items,
+                          groups: i,
                           size: b,
-                          color: w,
-                          variant: z
+                          color: _,
+                          variant: P
                         }
                       )
                     ]
@@ -508,147 +508,147 @@ const Ae = Y((e, o) => {
                   g
                 );
               })
-            ] }) }, k)
-          ] }, k);
+            ] }) }, N)
+          ] }, N);
         })
       ]
     }
   );
 }, Zt = (e) => {
-  const o = J(null), n = J(null), [t, r] = oe(0), {
+  const o = Z(null), n = Z(null), [t, r] = oe(0), {
     search: s,
-    items: u,
-    groups: f = {},
-    size: i,
+    items: f,
+    groups: p = {},
+    size: l,
     color: c,
-    variant: _,
-    keyboardEvents: l,
+    variant: y,
+    keyboardEvents: i,
     scrollRefStyles: b = {},
-    id: p,
-    expanded: w,
-    a11yMode: z = "menu",
-    open: h,
-    scrollToTopOnOpen: N = !1,
-    autoActivateFirstItem: A = !0,
-    announceNoResults: R = !1,
-    onActiveItemIdChange: y
-  } = e, v = z === "combobox", S = v && p ? `${p}-listbox` : p, P = J(h), [D, M] = oe(!1), $ = le(
-    () => u.map((g, x) => ({
+    id: h,
+    expanded: _,
+    a11yMode: P = "menu",
+    open: v,
+    scrollToTopOnOpen: I = !1,
+    autoActivateFirstItem: D = !0,
+    announceNoResults: C = !1,
+    onActiveItemIdChange: O
+  } = e, d = P === "combobox", R = d && h ? `${h}-listbox` : h, M = Z(v), [A, j] = oe(!1), z = ie(
+    () => f.map((g, w) => ({
       ...g,
-      id: g.id || `${p}-item-${x}`
+      id: g.id || `${h}-item-${w}`
     })),
-    [u, p]
-  ), { menu: j, activeItem: E, setActiveIndex: O, activeIndex: m } = Me({
-    items: $,
-    groups: f,
+    [f, h]
+  ), { menu: $, activeItem: E, setActiveIndex: S, activeIndex: u } = Me({
+    items: z,
+    groups: p,
     groupByKey: "groupId",
-    keyboardEvents: l,
-    autoActivateFirstItem: A,
+    keyboardEvents: i,
+    autoActivateFirstItem: D,
     ref: o
-  }), { flatMenu: d, virtualizer: k, scrollMaxHeight: F } = vt({
-    menu: j,
+  }), { flatMenu: m, virtualizer: N, scrollMaxHeight: L } = vt({
+    menu: $,
     scrollRef: o
   });
   Ce(() => {
     const g = n.current;
     if (!g) return;
-    const x = Math.round(g.offsetTop);
-    r((T) => T === x ? T : x);
+    const w = Math.round(g.offsetTop);
+    r((B) => B === w ? B : w);
   });
-  const H = le(() => {
+  const F = ie(() => {
     const g = E?.id;
     if (g)
-      return d.findIndex((T) => T.type === "item" && T.itemProps?.id === g);
-    if (m < 0) return -1;
-    let x = -1;
-    for (let T = 0; T < d.length; T++)
-      if (d[T]?.type === "item" && (x += 1, x === m))
-        return T;
+      return m.findIndex((B) => B.type === "item" && B.itemProps?.id === g);
+    if (u < 0) return -1;
+    let w = -1;
+    for (let B = 0; B < m.length; B++)
+      if (m[B]?.type === "item" && (w += 1, w === u))
+        return B;
     return -1;
-  }, [E?.id, m, d]), L = J(null);
+  }, [E?.id, u, m]), H = Z(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 = k.getOffsetForIndex(T, "auto");
-      if (!ie) return;
-      const [ge, Ne] = ie;
+    const g = H?.current, w = typeof g == "number" ? F <= g : !1;
+    H.current = F;
+    const B = w ? F : F + 2;
+    if (!w) {
+      const le = N.getOffsetForIndex(B, "auto");
+      if (!le) return;
+      const [ge, Ne] = le;
       if (Ne === "auto") return;
-      k.scrollToOffset(ge + t + 10, { align: "start" });
+      N.scrollToOffset(ge + t + 10, { align: "start" });
       return;
     }
-    if (H <= 3) {
-      k.scrollToOffset(0);
+    if (F <= 3) {
+      N.scrollToOffset(0);
       return;
     }
-    const U = k.getOffsetForIndex(H - 1, "auto");
+    const U = N.getOffsetForIndex(F - 1, "auto");
     if (!U) return;
-    const [B, re] = U;
-    re !== "auto" && k.scrollToOffset(B + t + 10, { align: "start" });
-  }, [H, t, k, L]);
-  const q = le(() => {
+    const [T, X] = U;
+    X !== "auto" && N.scrollToOffset(T + t + 10, { align: "start" });
+  }, [F, t, N, H]);
+  const q = ie(() => {
     const g = /* @__PURE__ */ new Map();
-    let x = 0;
-    return d.forEach((T, U) => {
-      T.type === "item" && (x += 1, g.set(U, x));
-    }), { positions: g, total: x };
-  }, [d]);
+    let w = 0;
+    return m.forEach((B, U) => {
+      B.type === "item" && (w += 1, g.set(U, w));
+    }), { positions: g, total: w };
+  }, [m]);
   W(() => {
-    y?.(E?.id);
-  }, [E?.id, y]), W(() => {
-    if (v && R) {
-      O(0), M(!0);
+    O?.(E?.id);
+  }, [E?.id, O]), W(() => {
+    if (d && C) {
+      S(0), j(!0);
       return;
     }
-  }, [R, v, O]), W(() => {
-    if (!N) {
-      P.current = h;
+  }, [C, d, S]), W(() => {
+    if (!I) {
+      M.current = v;
       return;
     }
-    const g = P.current;
-    P.current = h, h && !g && o.current?.scrollTo({ top: 0 });
-  }, [h, N]);
-  const ne = {
+    const g = M.current;
+    M.current = v, v && !g && o.current?.scrollTo({ top: 0 });
+  }, [v, I]);
+  const ee = {
     position: "relative",
-    maxHeight: b?.maxHeight || F,
+    maxHeight: b?.maxHeight || L,
     margin: "-0.5rem",
     padding: "0.5rem 0.5rem 1rem 0.5rem",
     minWidth: b?.minWidth ?? "20rem",
     overflowY: "auto",
     ...b
   };
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ x(
     Ie,
     {
       ref: o,
-      style: ne,
-      variant: _,
+      style: ee,
+      variant: y,
       color: c,
-      expanded: w,
-      id: S,
-      role: v ? "listbox" : void 0,
+      expanded: _,
+      id: R,
+      role: d ? "listbox" : void 0,
       children: [
         s && /* @__PURE__ */ a(
           Xe,
           {
             ...s,
-            combobox: v,
-            listId: S,
-            "aria-activedescendant": v && D ? E?.id : void 0,
-            onNavigate: v ? () => M(!0) : void 0,
+            combobox: d,
+            listId: R,
+            "aria-activedescendant": d && A ? E?.id : void 0,
+            onNavigate: d ? () => j(!0) : void 0,
             onChange: (g) => {
-              M(!1), s.onChange?.(g);
+              j(!1), s.onChange?.(g);
             },
             onFocus: (g) => {
-              M(!1), s.onFocus?.(g);
+              j(!1), s.onFocus?.(g);
             },
             onInput: (g) => {
-              M(!1), s.onInput?.(g);
+              j(!1), s.onInput?.(g);
             },
             onKeyDown: (g) => {
-              const x = g.key === "ArrowUp" || g.key === "ArrowDown", T = g.key.length === 1 || g.key === "Backspace" || g.key === "Delete";
-              v && !x && T && M(!1), s.onKeyDown?.(g);
+              const w = g.key === "ArrowUp" || g.key === "ArrowDown", B = g.key.length === 1 || g.key === "Backspace" || g.key === "Delete";
+              d && !w && B && j(!1), s.onKeyDown?.(g);
             }
           }
         ),
@@ -658,56 +658,56 @@ const Ae = Y((e, o) => {
             ref: n,
             style: {
               position: "relative",
-              height: `${k.getTotalSize()}px`,
+              height: `${N.getTotalSize()}px`,
               width: "100%"
             },
-            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 = {
+            children: /* @__PURE__ */ a(Ie, { style: { width: "100%", minWidth: "100%" }, children: N.getVirtualItems().map((g) => {
+              const w = m[g.index];
+              if (!w) return null;
+              const B = {
                 position: "absolute",
                 top: 0,
                 left: 0,
                 width: "100%",
                 transform: `translateY(${g.start}px)`
               }, U = {
-                style: T,
+                style: B,
                 index: g.index,
                 "data-index": g.index,
-                ref: k.measureElement
+                ref: N.measureElement
               };
-              switch (x.type) {
+              switch (w.type) {
                 case "divider":
                   return /* @__PURE__ */ a(
                     We,
                     {
                       ...U,
-                      style: { ...T, padding: "0.25rem 0" }
+                      style: { ...B, padding: "0.25rem 0" }
                     },
                     g.key
                   );
                 case "header":
-                  return /* @__PURE__ */ a(Ye, { ...U, title: x.title || "", level: 1 }, g.key);
+                  return /* @__PURE__ */ a(Ye, { ...U, title: w.title || "", level: 1 }, g.key);
                 default: {
-                  const B = x.itemProps?.role === "checkbox" || x.itemProps?.role === "radio", re = v && !B ? "option" : x.itemProps?.role;
+                  const T = w.itemProps?.role === "checkbox" || w.itemProps?.role === "radio", X = d && !T ? "option" : w.itemProps?.role;
                   return /* @__PURE__ */ a(
                     Ve,
                     {
                       ...U,
-                      role: v || B ? "presentation" : "menuitem",
+                      role: d || T ? "presentation" : "menuitem",
                       children: /* @__PURE__ */ a(
                         tt,
                         {
-                          ...x.itemProps || {},
-                          size: x.itemProps?.size || i,
-                          color: x.itemProps?.color || c,
-                          variant: x.itemProps?.variant || _,
-                          active: x.active,
-                          role: re,
-                          selected: x.itemProps?.selected,
-                          "aria-posinset": v ? q.positions.get(g.index) : void 0,
-                          "aria-setsize": v ? q.total : void 0,
-                          tabIndex: x.itemProps?.disabled || l ? -1 : 0
+                          ...w.itemProps || {},
+                          size: w.itemProps?.size || l,
+                          color: w.itemProps?.color || c,
+                          variant: w.itemProps?.variant || y,
+                          active: w.active,
+                          role: X,
+                          selected: w.itemProps?.selected,
+                          "aria-posinset": d ? q.positions.get(g.index) : void 0,
+                          "aria-setsize": d ? q.total : void 0,
+                          tabIndex: w.itemProps?.disabled || i ? -1 : 0
                         }
                       )
                     },
@@ -733,15 +733,15 @@ const Ae = Y((e, o) => {
   },
   languageCode: "nb"
 }, Ze = ot(en), Jr = ({ children: e, initialValue: o, debug: n, languageCode: t }) => {
-  const [r, s] = oe(o?.currentId || ""), [u, f] = oe(o?.previousId || "");
+  const [r, s] = oe(o?.currentId || ""), [f, p] = oe(o?.previousId || "");
   return /* @__PURE__ */ a(
     Ze.Provider,
     {
       value: {
         currentId: r,
         setCurrentId: s,
-        setPreviousId: f,
-        previousId: u,
+        setPreviousId: p,
+        previousId: f,
         debug: n,
         languageCode: t
       },
@@ -752,22 +752,22 @@ const Ae = Y((e, o) => {
   const e = at(Ze);
   if (!e)
     throw new Error("useRootContext must be used within a RootProvider.");
-  const { currentId: o, setCurrentId: n, debug: t, setPreviousId: r, previousId: s, languageCode: u } = e, f = (l) => {
-    o && r(o), n(l);
-  }, i = (l) => {
-    t && console.debug(`useRootContext: toggleId called with value: ${l}`), f(o === l ? "" : l);
+  const { currentId: o, setCurrentId: n, debug: t, setPreviousId: r, previousId: s, languageCode: f } = e, p = (i) => {
+    o && r(o), n(i);
+  }, l = (i) => {
+    t && console.debug(`useRootContext: toggleId called with value: ${i}`), p(o === i ? "" : i);
   }, c = () => {
-    t && console.debug("useRootContext: closeAll called"), f("");
+    t && console.debug("useRootContext: closeAll called"), p("");
   };
-  return lt(c), {
+  return it(c), {
     currentId: o,
     previousId: s,
-    toggleId: i,
+    toggleId: l,
     closeAll: c,
-    openId: (l) => {
-      t && console.debug(`useRootContext: openId called with value: ${l}`), f(l);
+    openId: (i) => {
+      t && console.debug(`useRootContext: openId called with value: ${i}`), p(i);
     },
-    languageCode: u
+    languageCode: f
   };
 }, nn = (e) => {
   switch (e) {
@@ -811,102 +811,102 @@ const Ae = Y((e, o) => {
   onClear: t,
   clearButtonAltText: r,
   items: s = [],
-  groups: u = {}
+  groups: f = {}
 }) => {
-  const { languageCode: f } = tn(), i = G.useMemo(() => nn(f), [f]), [c, _] = G.useState(""), l = G.useCallback(
-    (m) => {
-      _(m.target.value), n?.(m);
+  const { languageCode: p } = tn(), l = G.useMemo(() => nn(p), [p]), [c, y] = G.useState(""), i = G.useCallback(
+    (u) => {
+      y(u.target.value), n?.(u);
     },
     [n]
   ), b = G.useCallback(() => {
-    _(""), t?.();
-  }, [t]), p = G.useMemo(() => c.trim().replace(/\s+/g, " "), [c]), w = p.length > 0, z = G.useMemo(() => p.toLowerCase(), [p]), h = G.useMemo(() => p ? p.split(" ") : [], [p]), N = G.useMemo(
+    y(""), t?.();
+  }, [t]), h = G.useMemo(() => c.trim().replace(/\s+/g, " "), [c]), _ = h.length > 0, P = G.useMemo(() => h.toLowerCase(), [h]), v = G.useMemo(() => h ? h.split(" ") : [], [h]), I = G.useMemo(
     () => ({
-      placeholder: e ?? i.placeholder,
+      placeholder: e ?? l.placeholder,
       name: o ?? "search",
       value: c,
-      onChange: l,
+      onChange: i,
       onClear: b,
       clearButtonAltText: r
     }),
-    [e, i.placeholder, o, c, l, b, r]
-  ), A = G.useMemo(
-    () => s.map((m) => {
-      const d = m?.searchWords?.length ? m.searchWords : [m?.title, m?.description].filter(Boolean);
+    [e, l.placeholder, o, c, i, b, r]
+  ), D = G.useMemo(
+    () => s.map((u) => {
+      const m = u?.searchWords?.length ? u.searchWords : [u?.title, u?.description].filter(Boolean);
       return {
-        ...m,
-        searchWords: d ?? []
+        ...u,
+        searchWords: m ?? []
       };
     }),
     [s]
-  ), R = G.useMemo(
+  ), C = G.useMemo(
     () => [
       {
         id: "emptySearch",
         "aria-disabled": !0,
-        title: i.noResults,
+        title: l.noResults,
         groupId: "emptySearch",
         icon: bt,
         size: "sm",
         as: "div"
       }
     ],
-    [i.noResults]
-  ), 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: S } = G.useMemo(() => {
-    if (!w) return { selectedItems: [], results: [] };
-    const m = [], d = [];
-    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,
+    [l.noResults]
+  ), O = G.useMemo(() => {
+    const u = s.filter((m) => m.groupId === "emptySearch").map((m) => ({ ...m, hidden: !1 }));
+    return u.length ? u : C;
+  }, [s, C]), { selectedItems: d, results: R } = G.useMemo(() => {
+    if (!_) return { selectedItems: [], results: [] };
+    const u = [], m = [];
+    for (const N of D)
+      N.checked === !0 && u.push({ ...N, groupId: "selected" }), (N.searchWords ?? []).some((H) => String(H).toLowerCase().includes(P)) && m.push({
+        ...N,
         groupId: "search",
-        highlightWords: h
+        highlightWords: v
       });
-    return { selectedItems: m, results: d };
-  }, [w, A, z, h]), P = S.length, D = v.length, M = G.useMemo(
+    return { selectedItems: u, results: m };
+  }, [_, D, P, v]), M = R.length, A = d.length, j = G.useMemo(
     () => ({
       search: {
         hidden: !0,
-        title: i.hits(P)
+        title: l.hits(M)
       },
       selected: {
         hidden: !0,
-        title: i.selected(D)
+        title: l.selected(A)
       },
       emptySearch: {
         hidden: !0,
-        title: i.noResults
+        title: l.noResults
       },
-      ...u
+      ...f
     }),
-    [i, P, D, u]
-  ), $ = G.useMemo(
+    [l, M, A, f]
+  ), z = G.useMemo(
     () => ({
-      ...M,
+      ...j,
       search: {
-        hidden: !w,
-        title: i.hits(P)
+        hidden: !_,
+        title: l.hits(M)
       },
       selected: {
-        hidden: D === 0,
-        title: i.selected(D)
+        hidden: A === 0,
+        title: l.selected(A)
       },
       emptySearch: {
-        hidden: w && (P > 0 || D > 0),
-        title: i.noResults
+        hidden: _ && (M > 0 || A > 0),
+        title: l.noResults
       }
     }),
-    [M, w, i, P, D]
-  ), 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]);
+    [j, _, l, M, A]
+  ), $ = G.useMemo(() => _ ? rn([...R, ...d]) : [], [_, R, d]), E = G.useMemo(() => [...O || [], ...d || []], [O, d]), S = G.useMemo(() => _ ? M ? $ : E : s, [_, s, M, $, E]);
   return {
-    search: N,
-    results: S,
-    resultCount: P,
-    hasQuery: w,
-    items: O,
-    groups: $
+    search: I,
+    results: R,
+    resultCount: M,
+    hasQuery: _,
+    items: S,
+    groups: z
   };
 }, et = ({
   searchable: e,
@@ -915,60 +915,60 @@ const Ae = Y((e, o) => {
   groups: t = {},
   variant: r = "default",
   size: s,
-  level: u = 0,
-  maxLevels: f = 3,
-  virtualized: i = !1,
+  level: f = 0,
+  maxLevels: p = 3,
+  virtualized: l = !1,
   keyboardEvents: c = !1,
-  scrollRefStyles: _ = {},
-  onActiveItemIdChange: l,
+  scrollRefStyles: y = {},
+  onActiveItemIdChange: i,
   a11yMode: b = "menu",
-  open: p,
-  scrollToTopOnOpen: w,
-  autoFocusList: z,
-  id: h
+  open: h,
+  scrollToTopOnOpen: _,
+  autoFocusList: P,
+  id: v
 }) => {
-  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(
+  const I = on({ ...o, items: n, groups: t }), D = e ? I.search : o, C = e && I.hasQuery && I.resultCount === 0, O = e ? I.items : n, d = e ? { ...t, ...I.groups } : t, R = b !== "combobox";
+  return l ? /* @__PURE__ */ a(
     Zt,
     {
-      id: h,
-      search: A,
-      announceNoResults: R,
-      items: y,
-      groups: v,
+      id: v,
+      search: D,
+      announceNoResults: C,
+      items: O,
+      groups: d,
       variant: r,
       size: s,
-      level: u,
-      maxLevels: f,
+      level: f,
+      maxLevels: p,
       keyboardEvents: c,
-      scrollRefStyles: _,
-      onActiveItemIdChange: l,
+      scrollRefStyles: y,
+      onActiveItemIdChange: i,
       a11yMode: b,
-      open: p,
-      scrollToTopOnOpen: w,
-      autoActivateFirstItem: S,
-      autoFocusList: z
+      open: h,
+      scrollToTopOnOpen: _,
+      autoActivateFirstItem: R,
+      autoFocusList: P
     }
   ) : /* @__PURE__ */ a(
     Je,
     {
-      id: h,
-      search: A,
-      announceNoResults: R,
-      items: y,
-      groups: v,
+      id: v,
+      search: D,
+      announceNoResults: C,
+      items: O,
+      groups: d,
       variant: r,
       size: s,
-      level: u,
-      maxLevels: f,
+      level: f,
+      maxLevels: p,
       keyboardEvents: c,
-      scrollRefStyles: _,
-      onActiveItemIdChange: l,
+      scrollRefStyles: y,
+      onActiveItemIdChange: i,
       a11yMode: b,
-      open: p,
-      scrollToTopOnOpen: w,
-      autoActivateFirstItem: S,
-      autoFocusList: z
+      open: h,
+      scrollToTopOnOpen: _,
+      autoActivateFirstItem: R,
+      autoFocusList: P
     }
   );
 }, an = "_media_1089b_3", sn = "_icon_1089b_10", ln = "_avatar_1089b_14", cn = "_avatarGroup_1089b_18", ae = {
@@ -986,7 +986,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   if (o)
     return /* @__PURE__ */ a("div", { className: V(ae.icon, e), children: /* @__PURE__ */ a(se, { svgElement: Ae, loading: !0 }) });
   const r = Ee(n) ? "avatar" : Se(n) ? "avatarGroup" : (ze(n), "icon");
-  return /* @__PURE__ */ I("div", { className: V(ae.media, e), "data-variant": r, children: [
+  return /* @__PURE__ */ x("div", { className: V(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 }) || 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
   ] });
@@ -999,28 +999,28 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   as: t = "h2",
   size: r,
   leading: s = "tight",
-  weight: u = "medium",
-  color: f,
-  variant: i,
+  weight: f = "medium",
+  color: p,
+  variant: l,
   maxRows: c,
-  className: _,
-  style: l,
+  className: y,
+  style: i,
   children: b
 }) => {
-  const p = t, w = ct(b, n || []);
+  const h = t, _ = ct(b, n || []);
   return /* @__PURE__ */ a(
-    p,
+    h,
     {
       id: e,
-      className: V(mn.heading, _),
-      style: l,
+      className: V(mn.heading, y),
+      style: i,
       "data-size": r,
       "data-leading": s,
-      "data-weight": u,
-      "data-color": f,
-      "data-variant": r === "xxs" && "default" || i,
+      "data-weight": f,
+      "data-color": p,
+      "data-variant": r === "xxs" && "default" || l,
       "data-max-rows": c,
-      children: /* @__PURE__ */ a(ue, { loading: o, children: w })
+      children: /* @__PURE__ */ a(ue, { loading: o, children: _ })
     }
   );
 }, fn = "_label_e5q28_3", pn = {
@@ -1032,10 +1032,10 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   description: t,
   descriptionProps: r = {},
   highlightWords: s,
-  loading: u,
-  children: f
-}) => /* @__PURE__ */ a("span", { className: V(pn.label, e), children: f || /* @__PURE__ */ I(xe, { children: [
-  o && /* @__PURE__ */ a(me, { ...n, as: "span", loading: u, highlightWords: s, maxRows: 2, children: o }),
+  loading: f,
+  children: p
+}) => /* @__PURE__ */ a("span", { className: V(pn.label, e), children: p || /* @__PURE__ */ x(xe, { children: [
+  o && /* @__PURE__ */ a(me, { ...n, as: "span", loading: f, highlightWords: s, maxRows: 2, children: o }),
   t && /* @__PURE__ */ a(
     me,
     {
@@ -1043,7 +1043,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       as: "span",
       weight: "normal",
       leading: "inherit",
-      loading: u,
+      loading: f,
       highlightWords: s,
       maxRows: 2,
       children: t
@@ -1064,109 +1064,109 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   as: t,
   href: r,
   onClick: s,
-  onChange: u,
-  onKeyPress: f,
-  onMouseEnter: i,
+  onChange: f,
+  onKeyPress: p,
+  onMouseEnter: l,
   size: c = "sm",
-  variant: _,
-  color: l,
+  variant: y,
+  color: i,
   name: b,
-  value: p,
-  checked: w,
-  icon: z,
-  label: h,
-  badge: N,
-  controls: A,
-  title: R,
-  description: y,
-  highlightWords: v,
-  count: S,
-  linkIcon: P = !1,
-  disabled: D,
-  selected: M,
-  active: $,
-  tabIndex: j = 0,
+  value: h,
+  checked: _,
+  icon: P,
+  label: v,
+  badge: I,
+  controls: D,
+  title: C,
+  description: O,
+  highlightWords: d,
+  count: R,
+  linkIcon: M = !1,
+  disabled: A,
+  selected: j,
+  active: z,
+  tabIndex: $ = 0,
   className: E,
-  "data-testid": O,
-  ...m
+  "data-testid": S,
+  ...u
 }) => {
-  const d = typeof h == "function" ? h() : h, k = ht(m);
+  const m = typeof v == "function" ? v() : v, N = ht(u);
   if (n === "checkbox" || n === "radio") {
-    const L = z || (w ? Qe : Lt);
-    return /* @__PURE__ */ I(
+    const H = P || (_ ? Qe : Lt);
+    return /* @__PURE__ */ x(
       "label",
       {
-        ...k,
+        ...N,
         className: V(K.item, E),
         id: e,
         "data-id": e,
         "data-group-id": o,
         "data-size": c,
-        "data-variant": _,
-        "data-color": l,
-        "data-active": $,
+        "data-variant": y,
+        "data-color": i,
+        "data-active": z,
         role: n,
-        "aria-disabled": D,
-        "aria-checked": w,
-        "aria-selected": w,
-        "data-selected": w,
-        "aria-label": R,
-        "data-testid": O,
+        "aria-disabled": A,
+        "aria-checked": _,
+        "aria-selected": _,
+        "data-selected": _,
+        "aria-label": C,
+        "data-testid": S,
         onKeyUp: (q) => {
-          D || (q.target === q.currentTarget && q.key === "Enter" && s?.(), f?.(q));
+          A || (q.target === q.currentTarget && q.key === "Enter" && s?.(), p?.(q));
         },
         onClick: s,
-        onMouseEnter: i,
-        tabIndex: j,
+        onMouseEnter: l,
+        tabIndex: $,
         children: [
           /* @__PURE__ */ a(
             "input",
             {
               name: b,
-              value: p,
+              value: h,
               type: n,
-              checked: !!w,
-              onChange: u,
-              readOnly: !u,
+              checked: !!_,
+              onChange: f,
+              readOnly: !f,
               style: { opacity: 0, position: "absolute" },
               tabIndex: -1
             }
           ),
-          /* @__PURE__ */ a(Te, { icon: L, className: K.media }),
+          /* @__PURE__ */ a(Te, { icon: H, className: K.media }),
           /* @__PURE__ */ a(
             Le,
             {
               className: K.label,
-              highlightWords: v,
-              title: /* @__PURE__ */ I(xe, { children: [
-                R,
+              highlightWords: d,
+              title: /* @__PURE__ */ x(xe, { children: [
+                C,
                 " ",
-                S && /* @__PURE__ */ a("i", { className: K.count, children: S })
+                R && /* @__PURE__ */ a("i", { className: K.count, children: R })
               ] }),
               titleProps: {
                 weight: "medium",
                 className: K.title
               },
-              description: y,
+              description: O,
               descriptionProps: {
                 weight: "normal",
                 variant: "subtle",
                 className: K.description
               },
-              children: d
+              children: m
             }
           ),
-          /* @__PURE__ */ I(Re, { children: [
-            N && /* @__PURE__ */ a(te, { ...N }),
-            !D && A
+          /* @__PURE__ */ x(Re, { children: [
+            I && /* @__PURE__ */ a(re, { ...I }),
+            !A && D
           ] })
         ]
       }
     );
   }
-  const F = t || (r ? "a" : "button"), H = P && zt;
-  return /* @__PURE__ */ I(
-    F,
+  const L = t || (r ? "a" : "button"), F = M && zt;
+  return /* @__PURE__ */ x(
+    L,
     {
       href: r,
       className: V(K.item, E),
@@ -1174,57 +1174,57 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       "data-id": e,
       "data-group-id": o,
       "data-size": c,
-      "data-variant": _,
-      "data-color": l,
-      "data-active": $,
-      "aria-disabled": D,
-      ...D ? { disabled: D } : {},
-      "aria-current": r && M ? "page" : void 0,
-      "aria-selected": r ? void 0 : M,
-      "data-selected": M,
-      "aria-label": R,
-      "data-testid": O,
-      onKeyUp: (L) => {
-        D || (L.target === L.currentTarget && L.key === "Enter" && s?.(), f?.(L));
+      "data-variant": y,
+      "data-color": i,
+      "data-active": z,
+      "aria-disabled": A,
+      ...A ? { disabled: A } : {},
+      "aria-current": n !== "option" && j ? "page" : void 0,
+      "aria-selected": n === "option" ? j : void 0,
+      "data-selected": j,
+      "aria-label": C,
+      "data-testid": S,
+      onKeyUp: (H) => {
+        A || (H.target === H.currentTarget && H.key === "Enter" && s?.(), p?.(H));
       },
       onClick: s,
-      onMouseEnter: i,
-      tabIndex: D ? -1 : j ?? 0,
+      onMouseEnter: l,
+      tabIndex: A ? -1 : $ ?? 0,
       role: n === "menuItem" ? "menuitem" : n,
-      ...k,
+      ...N,
       children: [
-        z && /* @__PURE__ */ a(Te, { icon: z, className: K.media }),
+        P && /* @__PURE__ */ a(Te, { icon: P, className: K.media }),
         /* @__PURE__ */ a(
           Le,
           {
             className: K.label,
-            highlightWords: v,
-            title: /* @__PURE__ */ I(xe, { children: [
-              R,
+            highlightWords: d,
+            title: /* @__PURE__ */ x(xe, { children: [
+              C,
               " ",
-              S && /* @__PURE__ */ a("i", { className: K.count, children: S })
+              R && /* @__PURE__ */ a("i", { className: K.count, children: R })
             ] }),
             titleProps: {
               weight: "medium",
               className: K.title
             },
-            description: y,
+            description: O,
             descriptionProps: {
               variant: "subtle",
               className: K.description
             },
-            children: d
+            children: m
           }
         ),
-        /* @__PURE__ */ I(Re, { children: [
-          N && /* @__PURE__ */ a(te, { ...N }),
-          !D && A,
-          P && /* @__PURE__ */ a(se, { svgElement: H, className: K.linkIcon })
+        /* @__PURE__ */ x(Re, { children: [
+          I && /* @__PURE__ */ a(re, { ...I }),
+          !A && D,
+          M && /* @__PURE__ */ a(se, { svgElement: F, className: K.linkIcon })
         ] })
       ]
     }
   );
-}, 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 = {
+}, 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", te = {
   fieldContainer: xn,
   field: In,
   input: On,
@@ -1240,94 +1240,94 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   loadingLabel: t = "Loading ...",
   size: r,
   color: s = "neutral",
-  label: u,
-  hideLabel: f,
-  value: i,
+  label: f,
+  hideLabel: p,
+  value: l,
   onClear: c,
-  clearButtonAltText: _ = "Clear search",
-  menu: l,
+  clearButtonAltText: y = "Clear search",
+  menu: i,
   minLength: b,
-  ...p
+  ...h
 }) => {
-  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,
+  const _ = De(), [P, v] = oe(!1), I = h.id || `search-field-${_}`, D = `${I}-listbox`, [C, O] = oe(void 0), d = "searchfield-clear-button-" + De(), R = ie(() => !i || !l || typeof b == "number" && typeof l == "string" && l.length < b ? !1 : P, [i, P, b, l]), M = ie(() => (i?.items ?? []).map((u) => ({
+    ...u,
     onClick: () => {
-      m.onClick?.(), h(!1);
+      u.onClick?.(), v(!1);
     }
-  })), [l]), D = (m) => {
-    if (m.key === "Enter" && S) {
-      l?.items?.[0]?.onClick?.(), h(!1);
+  })), [i]), A = (u) => {
+    if (u.key === "Enter" && R) {
+      i?.items?.[0]?.onClick?.(), v(!1);
       return;
     }
-    if (m.key === "Escape" && S) {
-      m.preventDefault(), m.stopPropagation(), h(!1), l?.onClose(), document.getElementById(N)?.focus();
+    if (u.key === "Escape" && R) {
+      u.preventDefault(), u.stopPropagation(), v(!1), i?.onClose(), document.getElementById(I)?.focus();
       return;
     }
-    p.onKeyDown?.(m), h(!0);
-  }, M = () => {
-    h(!0);
-  }, $ = (m) => {
-    if (!z) return;
-    const d = m.relatedTarget;
-    d && m.currentTarget.contains(d) || h(!1);
-  }, j = (m) => {
-    m.preventDefault();
-  }, E = (m) => {
-    m.relatedTarget?.id === v && y(void 0), p.onBlur?.(m);
-  }, O = /* @__PURE__ */ I(
+    h.onKeyDown?.(u), v(!0);
+  }, j = () => {
+    v(!0);
+  }, z = (u) => {
+    if (!P) return;
+    const m = u.relatedTarget;
+    m && u.currentTarget.contains(m) || v(!1);
+  }, $ = (u) => {
+    u.preventDefault();
+  }, E = (u) => {
+    u.relatedTarget?.id === d && O(void 0), h.onBlur?.(u);
+  }, S = /* @__PURE__ */ x(
     Qt,
     {
       size: r,
       color: s,
-      label: f ? void 0 : u,
-      htmlFor: N,
-      className: V(Z.field, e),
+      label: p ? void 0 : f,
+      htmlFor: I,
+      className: V(te.field, e),
       "data-collapsible": o ? !0 : void 0,
-      onBlurCapture: $,
+      onBlurCapture: z,
       children: [
-        /* @__PURE__ */ a("span", { className: Z.hiddenInput, "aria-hidden": "true", children: i + " " }),
+        /* @__PURE__ */ a("span", { className: te.hiddenInput, "aria-hidden": "true", children: l + " " }),
         /* @__PURE__ */ a(
           ut,
           {
-            ...p,
-            id: N,
-            "aria-label": f && typeof u == "string" ? u : void 0,
+            ...h,
+            id: I,
+            "aria-label": p && typeof f == "string" ? f : void 0,
             inputSize: 5,
             type: "search",
-            value: i,
-            className: Z.input,
+            value: l,
+            className: te.input,
             "data-collapsible": o ? !0 : void 0,
             autoCapitalize: "off",
             autoComplete: "off",
             minLength: b,
-            onKeyDown: D,
+            onKeyDown: A,
             onBlur: E,
-            ...l && {
+            ...i && {
               role: "combobox",
               "aria-autocomplete": "list",
-              "aria-expanded": !!S,
+              "aria-expanded": !!R,
               "aria-haspopup": "listbox",
-              "aria-controls": A,
-              "aria-activedescendant": S ? R : void 0,
-              onFocus: M
+              "aria-controls": D,
+              "aria-activedescendant": R ? C : void 0,
+              onFocus: j
             }
           }
         ),
-        n ? /* @__PURE__ */ a(pt, { "aria-hidden": !0, className: Z.icon }) : /* @__PURE__ */ a(Bt, { "aria-hidden": !0, className: Z.icon }),
-        c && !!i && /* @__PURE__ */ a("span", { className: Z.clear, children: /* @__PURE__ */ a(
+        n ? /* @__PURE__ */ a(pt, { "aria-hidden": !0, className: te.icon }) : /* @__PURE__ */ a(Bt, { "aria-hidden": !0, className: te.icon }),
+        c && !!l && /* @__PURE__ */ a("span", { className: te.clear, children: /* @__PURE__ */ a(
           ve,
           {
-            id: v,
+            id: d,
             "data-testid": "clear-button",
             size: "xs",
             rounded: !0,
             icon: !0,
             variant: "tinted",
-            className: Z.clearButton,
+            className: te.clearButton,
             onClick: () => {
-              c?.(), document.getElementById(N)?.focus();
+              c?.(), document.getElementById(I)?.focus();
             },
-            "aria-label": _,
+            "aria-label": y,
             "data-action": "clear-input",
             children: /* @__PURE__ */ a(Ae, {})
           }
@@ -1335,23 +1335,23 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       ]
     }
   );
-  return l ? /* @__PURE__ */ I("div", { className: Z.fieldContainer, children: [
-    O,
-    S && /* @__PURE__ */ a("div", { className: Z.autocomplete, "aria-hidden": !S, onMouseDown: j, children: /* @__PURE__ */ a(
+  return i ? /* @__PURE__ */ x("div", { className: te.fieldContainer, children: [
+    S,
+    R && /* @__PURE__ */ a("div", { className: te.autocomplete, "aria-hidden": !R, onMouseDown: $, children: /* @__PURE__ */ a(
       et,
       {
-        ...l,
-        id: A,
-        items: P,
-        groups: l?.groups,
+        ...i,
+        id: D,
+        items: M,
+        groups: i?.groups,
         keyboardEvents: !0,
         a11yMode: "combobox",
-        open: S,
+        open: R,
         autoFocusList: !1,
-        onActiveItemIdChange: y
+        onActiveItemIdChange: O
       }
     ) })
-  ] }) : O;
+  ] }) : S;
 }, Rn = "_byline_fzp7k_1", zn = "_avatar_fzp7k_7", Pn = "_avatarGroup_fzp7k_12", Mn = "_label_fzp7k_26", pe = {
   byline: Rn,
   avatar: zn,
@@ -1364,14 +1364,14 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   avatar: t,
   avatarGroup: r,
   datetime: s,
-  children: u,
-  as: f,
-  ...i
+  children: f,
+  as: p,
+  ...l
 }) => {
-  const c = f || "div", _ = s ? "time" : "span";
-  return /* @__PURE__ */ I(c, { ...i, className: pe.byline, "data-color": o, "data-size": n, children: [
+  const c = p || "div", y = s ? "time" : "span";
+  return /* @__PURE__ */ x(c, { ...l, 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(_, { "data-size": n, dateTime: s, className: pe.label, children: /* @__PURE__ */ a(ue, { loading: e, children: u }) })
+    /* @__PURE__ */ a(y, { "data-size": n, dateTime: s, className: pe.label, children: /* @__PURE__ */ a(ue, { loading: e, children: f }) })
   ] });
 }, jn = "_dropdown_11cza_1", An = "_content_11cza_17", Dn = "_backdrop_11cza_47", Bn = "_header_11cza_76", Tn = "_footer_11cza_77", Ln = "_title_11cza_156", ce = {
   dropdown: jn,
@@ -1403,140 +1403,140 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   backdrop: t = !0,
   placement: r = "bottom-left",
   variant: s = "dropdown",
-  title: u = "Title",
-  closeLabel: f = "Close",
-  submitLabel: i,
+  title: f = "Title",
+  closeLabel: p = "Close",
+  submitLabel: l,
   trigger: c,
-  children: _,
-  open: l,
+  children: y,
+  open: i,
   onClose: b,
-  color: p,
-  onSubmit: w,
-  activeDescendantId: z,
-  useFixedPosition: h = !1,
-  expanded: N = !1
+  color: h,
+  onSubmit: _,
+  activeDescendantId: P,
+  useFixedPosition: v = !1,
+  expanded: I = !1
 }) => {
-  const A = J(null), R = J(null), y = J(l);
+  const D = Z(null), C = Z(null), O = Z(i);
   W(() => {
-    y.current = l;
-  }, [l]);
-  const [v, S] = oe({
+    O.current = i;
+  }, [i]);
+  const [d, R] = 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(), 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,
+  }), M = qe(() => {
+    if (i && D.current && C.current) {
+      const z = D.current.getBoundingClientRect(), $ = C.current.getBoundingClientRect(), E = window.innerHeight, S = window.innerWidth, u = 16, m = E - z.bottom, N = z.top, L = S - z.right - $.width, F = m < 250 && N > m, H = F ? "top" : "bottom", q = (F ? N : m) - u, g = L < u ? "right" : "left";
+      R((w) => ({
+        ...w,
+        yDir: H,
         maxHeight: q,
         xDir: g,
-        triggerRect: h ? $ : void 0
+        triggerRect: v ? z : void 0
       }));
     }
-  }, [l, h]);
-  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 E = j.querySelector(
+  }, [i, v]);
+  Ce(() => (M(), window.addEventListener("resize", M), v && window.addEventListener("scroll", M, !0), () => {
+    window.removeEventListener("resize", M), v && window.removeEventListener("scroll", M, !0);
+  }), [M, v]), W(() => {
+    if (!i) return;
+    const z = requestAnimationFrame(() => {
+      const $ = C.current;
+      if (!$) return;
+      const E = $.querySelector(
         'input[type="search"]:not([disabled]), input[role="searchbox"]:not([disabled]), input[data-dropdown-search]:not([disabled])'
       );
       if (E) {
-        const O = E.value.length;
+        const S = E.value.length;
         E.focus({ preventScroll: !0 });
         try {
-          E.setSelectionRange(O, O);
+          E.setSelectionRange(S, S);
         } catch {
         }
         return;
       }
-      j.focus?.({ preventScroll: !0 });
+      $.focus?.({ preventScroll: !0 });
     });
-    return () => cancelAnimationFrame($);
-  }, [l]), W(() => {
-    const $ = (E) => {
+    return () => cancelAnimationFrame(z);
+  }, [i]), W(() => {
+    const z = (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();
+    }, $ = (E) => {
+      const S = E.target, u = D.current?.contains(S), m = C.current?.contains(S);
+      !u && !m && b();
     };
-    return l && (document.addEventListener("mousedown", j), document.addEventListener("keydown", $)), () => {
-      document.removeEventListener("mousedown", j), document.removeEventListener("keydown", $);
+    return i && (document.addEventListener("mousedown", $), document.addEventListener("keydown", z)), () => {
+      document.removeEventListener("mousedown", $), document.removeEventListener("keydown", z);
     };
-  }, [l, b]), W(() => {
-    if (!l) return;
-    const $ = R.current;
-    if (!$) return;
-    const j = (O) => {
-      if (!y.current)
+  }, [i, b]), W(() => {
+    if (!i) return;
+    const z = C.current;
+    if (!z) return;
+    const $ = (S) => {
+      if (!O.current)
         return;
-      const m = O.target;
-      m && !$.contains(m) && Hn($);
-    }, E = (O) => {
-      if (O.key !== "Tab") return;
-      const m = nt($);
-      if (m.length === 0) {
-        O.preventDefault(), $.focus?.({ preventScroll: !0 });
+      const u = S.target;
+      u && !z.contains(u) && Hn(z);
+    }, E = (S) => {
+      if (S.key !== "Tab") return;
+      const u = nt(z);
+      if (u.length === 0) {
+        S.preventDefault(), z.focus?.({ preventScroll: !0 });
         return;
       }
-      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 }));
+      const m = u[0], N = u[u.length - 1], L = document.activeElement;
+      S.shiftKey ? L === m && (S.preventDefault(), N.focus({ preventScroll: !0 })) : L === N && (S.preventDefault(), m.focus({ preventScroll: !0 }));
     };
-    return document.addEventListener("focusin", j), document.addEventListener("keydown", E), () => {
-      document.removeEventListener("focusin", j), document.removeEventListener("keydown", E);
+    return document.addEventListener("focusin", $), document.addEventListener("keydown", E), () => {
+      document.removeEventListener("focusin", $), document.removeEventListener("keydown", E);
     };
-  }, [l]);
-  const D = h && v.triggerRect ? {
+  }, [i]);
+  const A = v && d.triggerRect ? {
     position: "fixed",
     zIndex: 1e3,
     width: "max-content",
-    maxHeight: `${v.maxHeight}px`,
+    maxHeight: `${d.maxHeight}px`,
     overflowY: "auto",
-    [v.xDir === "left" ? "left" : "right"]: v.xDir === "left" ? v.triggerRect.left : window.innerWidth - v.triggerRect.right,
-    [v.yDir === "bottom" ? "top" : "bottom"]: v.yDir === "bottom" ? v.triggerRect.bottom + 8 : window.innerHeight - v.triggerRect.top + 8
+    [d.xDir === "left" ? "left" : "right"]: d.xDir === "left" ? d.triggerRect.left : window.innerWidth - d.triggerRect.right,
+    [d.yDir === "bottom" ? "top" : "bottom"]: d.yDir === "bottom" ? d.triggerRect.bottom + 8 : window.innerHeight - d.triggerRect.top + 8
   } : {
     position: "absolute",
     zIndex: 50,
     width: "max-content",
-    maxHeight: `${v.maxHeight}px`,
+    maxHeight: `${d.maxHeight}px`,
     overflowY: "auto",
-    [v.xDir]: 0,
-    [v.yDir === "bottom" ? "top" : "bottom"]: "100%"
-  }, M = /* @__PURE__ */ I(
+    [d.xDir]: 0,
+    [d.yDir === "bottom" ? "top" : "bottom"]: "100%"
+  }, j = /* @__PURE__ */ x(
     "div",
     {
-      ref: R,
+      ref: C,
       className: V(ce.dropdown, n),
-      style: D,
-      "aria-hidden": !l,
+      style: A,
+      "aria-hidden": !i,
       "data-variant": s,
-      "data-color": p,
-      "data-expanded": N,
+      "data-color": h,
+      "data-expanded": I,
       "data-size": o,
       tabIndex: -1,
       role: "menu",
       "aria-modal": s === "drawer-dropdown" ? !0 : void 0,
-      "aria-activedescendant": z,
+      "aria-activedescendant": P,
       children: [
-        /* @__PURE__ */ I("header", { className: ce.header, children: [
-          /* @__PURE__ */ a("h2", { className: ce.title, children: u }),
-          /* @__PURE__ */ a(ve, { size: "sm", variant: "outline", onClick: b, "aria-label": f, children: /* @__PURE__ */ a(Ae, {}) })
+        /* @__PURE__ */ x("header", { className: ce.header, children: [
+          /* @__PURE__ */ a("h2", { className: ce.title, children: f }),
+          /* @__PURE__ */ a(ve, { size: "sm", variant: "outline", onClick: b, "aria-label": p, children: /* @__PURE__ */ a(Ae, {}) })
         ] }),
-        /* @__PURE__ */ a("div", { className: ce.content, children: _ }),
-        i && /* @__PURE__ */ a("footer", { className: ce.footer, children: /* @__PURE__ */ a(ve, { size: "lg", variant: "solid", onClick: w || b, rounded: !0, children: /* @__PURE__ */ a("span", { "data-size": "md", children: i }) }) })
+        /* @__PURE__ */ a("div", { className: ce.content, children: y }),
+        l && /* @__PURE__ */ a("footer", { className: ce.footer, children: /* @__PURE__ */ a(ve, { size: "lg", variant: "solid", onClick: _ || b, rounded: !0, children: /* @__PURE__ */ a("span", { "data-size": "md", children: l }) }) })
       ]
     }
   );
-  return /* @__PURE__ */ I(xe, { children: [
-    t && /* @__PURE__ */ a("div", { className: ce.backdrop, "aria-hidden": !l }),
-    /* @__PURE__ */ I("div", { id: e + "-root", ref: A, style: { position: "relative", display: "inline-block" }, children: [
+  return /* @__PURE__ */ x(xe, { children: [
+    t && /* @__PURE__ */ a("div", { className: ce.backdrop, "aria-hidden": !i }),
+    /* @__PURE__ */ x("div", { id: e + "-root", ref: D, style: { position: "relative", display: "inline-block" }, children: [
       c,
-      h ? it(M, document.body) : M
+      v ? lt(j, document.body) : j
     ] })
   ] });
 }, qn = "_section_1v20z_1", Kn = "_header_1v20z_7", Vn = "_list_1v20z_13", _e = {
@@ -1544,26 +1544,26 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   header: Kn,
   list: Vn
 }, Un = Oe(
-  ({ title: e, description: o, items: n, groups: t = {}, sortGroupBy: r, highlightWords: s, isLoading: u }) => {
-    const { menu: f } = Me({
+  ({ title: e, description: o, items: n, groups: t = {}, sortGroupBy: r, highlightWords: s, isLoading: f }) => {
+    const { menu: p } = Me({
       items: n,
       groups: t,
       groupByKey: "groupId",
       keyboardEvents: !1,
       sortGroupBy: r
     });
-    return /* @__PURE__ */ I("section", { className: _e.section, "aria-busy": u, children: [
-      e || o ? /* @__PURE__ */ I("header", { className: _e.header, children: [
+    return /* @__PURE__ */ x("section", { className: _e.section, "aria-busy": f, children: [
+      e || o ? /* @__PURE__ */ x("header", { className: _e.header, children: [
         e && /* @__PURE__ */ a(me, { as: "h1", size: "lg", children: e }),
         o && /* @__PURE__ */ a(Ke, { as: "p", size: "sm", variant: "subtle", className: _e.description, children: o })
       ] }) : null,
-      f?.map((i, c) => {
-        const _ = i.props || {};
-        return /* @__PURE__ */ I(He, { children: [
-          _?.title && /* @__PURE__ */ a(me, { as: "h2", size: "lg", children: _.title }),
-          /* @__PURE__ */ a("ul", { className: _e.list, children: i?.items.map((l, b) => {
-            const p = l.props || {};
-            return /* @__PURE__ */ st(rt, { ...p, highlightWords: s, key: "dialog-list-item" + b });
+      p?.map((l, c) => {
+        const y = l.props || {};
+        return /* @__PURE__ */ x(He, { children: [
+          y?.title && /* @__PURE__ */ a(me, { as: "h2", size: "lg", children: y.title }),
+          /* @__PURE__ */ a("ul", { className: _e.list, children: l?.items.map((i, b) => {
+            const h = i.props || {};
+            return /* @__PURE__ */ st(rt, { ...h, highlightWords: s, key: "dialog-list-item" + b });
           }) })
         ] }, "dialog-list-item" + c);
       })
@@ -1571,7 +1571,7 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   }
 );
 Un.displayName = "DialogList";
-const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn = "_summary_1cw3x_102", Jn = "_controls_1cw3x_116", Zn = "_footer_1cw3x_123", er = "_seenBy_1cw3x_128", tr = "_link_1cw3x_138", nr = "_title_1cw3x_143", X = {
+const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn = "_summary_1cw3x_102", Jn = "_controls_1cw3x_116", Zn = "_footer_1cw3x_123", er = "_seenBy_1cw3x_128", tr = "_link_1cw3x_138", nr = "_title_1cw3x_143", J = {
   item: Wn,
   border: Yn,
   header: Qn,
@@ -1589,73 +1589,74 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
     color: t,
     loading: r,
     controls: s,
-    selectable: u,
-    selected: f,
-    status: i,
+    selectable: f,
+    selected: p,
+    status: l,
     extendedStatusLabel: c,
-    sender: _,
-    recipient: l,
+    sender: y,
+    recipient: i,
     recipientLabel: b = "to",
-    grouped: p = !1,
-    updatedAt: w,
-    updatedAtLabel: z,
-    archived: h,
-    archivedAt: N,
-    archivedAtLabel: A,
-    trashed: R,
-    trashedAt: y,
-    trashedAtLabel: v,
-    badge: S,
-    dueAt: P,
-    dueAtLabel: D,
-    unread: M,
+    grouped: h = !1,
+    updatedAt: _,
+    updatedAtLabel: P,
+    archived: v,
+    archivedAt: I,
+    archivedAtLabel: D,
+    trashed: C,
+    trashedAt: O,
+    trashedAtLabel: d,
+    badge: R,
+    dueAt: M,
+    dueAtExpired: A,
+    dueAtLabel: j,
+    unread: z,
     unreadLabel: $ = "Ulest",
-    unreadItems: j,
-    unreadItemsLabel: E = "Ulest innhold",
-    seenByLog: O,
+    unreadItems: E,
+    unreadItemsLabel: S = "Ulest innhold",
+    seenByLog: u,
     draftsLabel: m,
-    sentCount: d,
-    receivedCount: k,
+    sentCount: N,
+    receivedCount: L,
     attachmentsCount: F,
     attachmentsLabel: H,
-    tooltips: L = {},
-    title: q,
-    description: ne,
-    summary: g,
-    highlightWords: x,
-    id: T,
-    ...U
+    tooltips: q = {},
+    title: ee,
+    description: g,
+    summary: w,
+    highlightWords: B,
+    id: U,
+    ...T
   }) => {
-    const B = u ? "select" : n;
-    return /* @__PURE__ */ I(
+    const X = f ? "select" : n;
+    return /* @__PURE__ */ x(
       wt,
       {
         as: "li",
-        id: T,
-        className: X.item,
+        id: U,
+        className: J.item,
         size: o,
         color: t,
-        variant: B,
-        "data-unread": M ? "true" : "false",
-        "data-selected": f,
-        "data-trashed": R,
-        "data-archived": h,
+        variant: X,
+        "data-unread": z ? "true" : "false",
+        "data-selected": p,
+        "data-trashed": C,
+        "data-archived": v,
         "data-loading": r,
         children: [
-          /* @__PURE__ */ a(xt, { ...U, 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, { ...T, className: J.link, as: e, children: /* @__PURE__ */ x("div", { className: J.border, children: [
+            /* @__PURE__ */ x("header", { className: J.header, children: [
+              /* @__PURE__ */ x(
                 me,
                 {
                   as: "h2",
-                  highlightWords: x,
-                  weight: M ? "bold" : "normal",
+                  highlightWords: B,
+                  weight: z ? "bold" : "normal",
                   loading: r,
                   maxRows: 2,
-                  className: X.title,
+                  className: J.title,
                   children: [
-                    q,
-                    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" } })
+                    ee,
+                    z && /* @__PURE__ */ a(re, { label: $, variant: "tinted", style: { marginLeft: "0.75em", marginTop: "-2px" } }) || E && /* @__PURE__ */ a(re, { label: S, style: { marginLeft: "0.75em", marginTop: "-2px" } })
                   ]
                 }
               ),
@@ -1664,52 +1665,53 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
                 {
                   size: "xs",
                   loading: r,
-                  sender: _,
-                  recipient: l,
+                  sender: y,
+                  recipient: i,
                   recipientLabel: b,
-                  grouped: p
+                  grouped: h
                 }
               ),
-              g && /* @__PURE__ */ a(
+              w && /* @__PURE__ */ a(
                 me,
                 {
                   as: "h3",
-                  highlightWords: x,
+                  highlightWords: B,
                   weight: "normal",
-                  className: X.summary,
+                  className: J.summary,
                   loading: r,
                   maxRows: 2,
-                  children: g
+                  children: w
                 }
               )
             ] }),
             /* @__PURE__ */ a(
               rr,
               {
-                className: X.footer,
+                className: J.footer,
                 loading: r,
-                badge: S,
-                status: i,
+                badge: R,
+                status: l,
                 extendedStatusLabel: c,
                 draftsLabel: m,
-                sentCount: d,
-                receivedCount: k,
-                updatedAt: w,
-                updatedAtLabel: z,
-                archivedAt: N,
-                archivedAtLabel: A,
-                trashedAt: y,
-                trashedAtLabel: v,
-                dueAt: P,
-                dueAtLabel: D,
+                sentCount: N,
+                receivedCount: L,
+                updatedAt: _,
+                updatedAtLabel: P,
+                archivedAt: I,
+                archivedAtLabel: D,
+                trashedAt: O,
+                trashedAtLabel: d,
+                dueAt: M,
+                dueAtExpired: A,
+                dueAtLabel: j,
                 attachmentsCount: F,
                 attachmentsLabel: H,
-                tooltips: L
+                tooltips: q
               }
             ),
-            O && L?.seenBy ? /* @__PURE__ */ a($e, { placement: "bottom", content: L?.seenBy, children: /* @__PURE__ */ a("span", { className: X.seenBy, children: /* @__PURE__ */ a(be, { items: O.items }) }) }) : O && /* @__PURE__ */ a(be, { items: O.items, className: X.seenBy })
+            u && q?.seenBy ? /* @__PURE__ */ a($e, { placement: "bottom", content: q?.seenBy, children: /* @__PURE__ */ a("span", { className: J.seenBy, children: /* @__PURE__ */ a(be, { items: u.items }) }) }) : u && /* @__PURE__ */ a(be, { items: u.items, className: J.seenBy })
           ] }) }),
-          /* @__PURE__ */ a(Re, { className: X.controls, children: s })
+          /* @__PURE__ */ a(Re, { className: J.controls, children: s })
         ]
       }
     );
@@ -1723,81 +1725,82 @@ const rr = ({
   sender: t,
   updatedAt: r,
   updatedAtLabel: s,
-  dueAt: u,
-  dueAtLabel: f,
-  archivedAt: i,
-  archivedAtLabel: c,
-  trashedAt: _,
-  trashedAtLabel: l,
-  draftsLabel: b,
-  sentCount: p = 0,
-  receivedCount: w = 0,
-  attachmentsCount: z = 0,
-  attachmentsLabel: h,
-  transmissionsLabel: N,
-  activityLog: A,
-  extendedStatusLabel: R,
-  tooltips: y = {}
-}) => /* @__PURE__ */ I(It, { className: e, size: "xs", children: [
-  n && /* @__PURE__ */ a(mr, { tooltip: y.status, loading: o, ...n }),
-  R && /* @__PURE__ */ a(te, { tooltip: y.extendedStatus, variant: "outline", children: R }),
-  b && /* @__PURE__ */ a(te, { tooltip: y.drafts, variant: "dotted", children: b }),
-  r && /* @__PURE__ */ I(ee, { tooltip: y.updatedAt, loading: o, datetime: r, size: "xs", children: [
+  dueAt: f,
+  dueAtExpired: p,
+  dueAtLabel: l,
+  archivedAt: c,
+  archivedAtLabel: y,
+  trashedAt: i,
+  trashedAtLabel: b,
+  draftsLabel: h,
+  sentCount: _ = 0,
+  receivedCount: P = 0,
+  attachmentsCount: v = 0,
+  attachmentsLabel: I,
+  transmissionsLabel: D,
+  activityLog: C,
+  extendedStatusLabel: O,
+  tooltips: d = {}
+}) => /* @__PURE__ */ x(It, { className: e, size: "xs", children: [
+  n && /* @__PURE__ */ a(mr, { tooltip: d.status, loading: o, ...n }),
+  O && /* @__PURE__ */ a(re, { tooltip: d.extendedStatus, variant: "outline", children: O }),
+  h && /* @__PURE__ */ a(re, { tooltip: d.drafts, variant: "dotted", children: h }),
+  r && /* @__PURE__ */ x(ne, { tooltip: d.updatedAt, loading: o, datetime: r, size: "xs", children: [
     /* @__PURE__ */ a("strong", { children: t && t.name + ", " }),
     s
   ] }),
-  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: Et, children: w }),
-  u && f && /* @__PURE__ */ a(
-    ee,
+  v > 0 && /* @__PURE__ */ a(ne, { tooltip: d.attachments, loading: o, size: "xs", icon: gt, children: I || v }),
+  D && /* @__PURE__ */ a(ne, { tooltip: d.transmissions, loading: o, size: "xs", icon: At, children: D }),
+  _ > 0 && /* @__PURE__ */ a(ne, { tooltip: d.sent, size: "xs", icon: Qe, children: _ }),
+  P > 0 && /* @__PURE__ */ a(ne, { tooltip: d.received, size: "xs", icon: Et, children: P }),
+  f && l && /* @__PURE__ */ a(
+    ne,
     {
       variant: "tinted",
-      color: "warning",
-      tooltip: y.dueAt,
+      color: p ? "danger" : "warning",
+      tooltip: d.dueAt,
       loading: o,
-      datetime: u,
+      datetime: f,
       size: "xs",
       icon: yt,
-      children: f
+      children: l
     }
   ),
-  l && /* @__PURE__ */ a(
-    ee,
+  b && /* @__PURE__ */ a(
+    ne,
     {
       variant: "tinted",
       color: "neutral",
-      tooltip: y.trashedAt,
+      tooltip: d.trashedAt,
       loading: o,
-      datetime: _,
+      datetime: i,
       size: "xs",
       icon: Ht,
-      children: l
+      children: b
     }
-  ) || c && /* @__PURE__ */ a(
-    ee,
+  ) || y && /* @__PURE__ */ a(
+    ne,
     {
       variant: "tinted",
       color: "neutral",
-      tooltip: y.archivedAt,
+      tooltip: d.archivedAt,
       loading: o,
-      datetime: i,
+      datetime: c,
       size: "xs",
       icon: kt,
-      children: c
+      children: y
     }
   ),
-  A && /* @__PURE__ */ a(
-    ee,
+  C && /* @__PURE__ */ a(
+    ne,
     {
-      tooltip: y.activityLog,
+      tooltip: d.activityLog,
       loading: o,
       size: "xs",
       icon: $t,
-      as: A?.onClick ? "button" : "span",
-      onClick: A?.onClick,
-      children: A?.label || "Activity log"
+      as: C?.onClick ? "button" : "span",
+      onClick: C?.onClick,
+      children: C?.label || "Activity log"
     }
   )
 ] }), or = ({
@@ -1807,67 +1810,67 @@ 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__ */ x($n, { loading: r, size: s, avatar: e, avatarGroup: !r && t && e && o ? {
   items: [o, e]
 } : void 0, children: [
   /* @__PURE__ */ a("strong", { children: e?.name }),
   " ",
   o && n + " " + o?.name
-] }), ar = "_media_1x8z9_1", sr = "_icon_1x8z9_10", lr = "_avatarGroup_1x8z9_17", de = {
+] }), ar = "_media_1x8z9_1", sr = "_icon_1x8z9_10", ir = "_avatarGroup_1x8z9_17", de = {
   media: ar,
   icon: sr,
-  avatarGroup: lr
+  avatarGroup: ir
 };
-function ir(e) {
+function lr(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: [
-  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 }),
+const Fe = ({ size: e = "xs", icon: o, progress: n }) => !o && typeof n != "number" ? !1 : /* @__PURE__ */ x("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 }) || ze(o) && /* @__PURE__ */ a(se, { ...o, className: de.icon }) || lr(o) && o || /* @__PURE__ */ a(se, { svgElement: o, className: de.icon }),
   n && /* @__PURE__ */ a(Ot, { value: n, className: de.icon })
 ] }), cr = "_item_cqtms_1", dr = "_label_cqtms_54", we = {
   item: cr,
   label: dr
-}, ee = ({
+}, ne = ({
   as: e,
   loading: o,
   className: n,
   reverse: t,
   size: r = "xs",
   variant: s,
-  color: u,
-  icon: f,
-  children: i,
+  color: f,
+  icon: p,
+  children: l,
   datetime: c,
-  tooltip: _,
-  ...l
+  tooltip: y,
+  ...i
 }) => {
   const b = e || (c ? "time" : "span");
-  return _ ? /* @__PURE__ */ a($e, { content: _, placement: "bottom", children: /* @__PURE__ */ a(
+  return y ? /* @__PURE__ */ a($e, { content: y, placement: "bottom", children: /* @__PURE__ */ a(
     b,
     {
       "data-size": r,
-      "data-color": u,
+      "data-color": f,
       "data-variant": s,
       dateTime: c,
       className: V(we.item, n),
-      ...l,
-      children: /* @__PURE__ */ I(ue, { loading: o, children: [
-        !o && f && /* @__PURE__ */ a(Fe, { size: r, icon: f }),
-        /* @__PURE__ */ a("span", { className: we.label, children: i })
+      ...i,
+      children: /* @__PURE__ */ x(ue, { loading: o, children: [
+        !o && p && /* @__PURE__ */ a(Fe, { size: r, icon: p }),
+        /* @__PURE__ */ a("span", { className: we.label, children: l })
       ] })
     }
   ) }) : /* @__PURE__ */ a(
     b,
     {
       "data-size": r,
-      "data-color": u,
+      "data-color": f,
       "data-variant": s,
       dateTime: c,
       className: V(we.item, n),
-      ...l,
-      children: /* @__PURE__ */ I(ue, { loading: o, children: [
-        !o && f && /* @__PURE__ */ a(Fe, { size: r, icon: f }),
-        /* @__PURE__ */ a("span", { className: we.label, children: i })
+      ...i,
+      children: /* @__PURE__ */ x(ue, { loading: o, children: [
+        !o && p && /* @__PURE__ */ a(Fe, { size: r, icon: p }),
+        /* @__PURE__ */ a("span", { className: we.label, children: l })
       ] })
     }
   );
@@ -1878,13 +1881,13 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
     return null;
   switch (o) {
     case "draft":
-      return /* @__PURE__ */ a(te, { tooltip: t, variant: "dotted", children: n || o });
+      return /* @__PURE__ */ a(re, { tooltip: t, variant: "dotted", children: n || o });
     case "requires-attention":
-      return /* @__PURE__ */ a(te, { tooltip: t, variant: "strong", children: n || o });
+      return /* @__PURE__ */ a(re, { tooltip: t, variant: "strong", children: n || o });
     case "not-applicable":
       return null;
     default:
-      return /* @__PURE__ */ a(te, { tooltip: t, variant: "outline", children: n || o });
+      return /* @__PURE__ */ a(re, { tooltip: t, variant: "outline", children: n || o });
   }
 }, fr = "_menu_16mue_4", pr = "_button_16mue_12", hr = "_label_16mue_16", he = {
   menu: fr,
@@ -1898,33 +1901,33 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
     title: t = "Title",
     items: r = [],
     dropdownSize: s = "sm",
-    id: u = "toolbar-menu",
-    onSelectId: f,
-    ...i
+    id: f = "toolbar-menu",
+    onSelectId: p,
+    ...l
   }) => {
-    const c = _t({ id: u, returnFocusOnClose: !0 }), _ = i.searchable ? "combobox" : "menu", l = qe(
-      (p) => {
-        f?.(p?.id ?? ""), p?.role !== "checkbox" && c.setOpen(!1);
+    const c = _t({ id: f, returnFocusOnClose: !0 }), y = l.searchable ? "combobox" : "menu", i = qe(
+      (h) => {
+        p?.(h?.id ?? ""), h?.role !== "checkbox" && c.setOpen(!1);
       },
-      [f, c]
-    ), b = le(
-      () => r.map((p) => ({
-        ...p,
-        onClick: () => l(p)
+      [p, c]
+    ), b = ie(
+      () => r.map((h) => ({
+        ...h,
+        onClick: () => i(h)
       })),
-      [r, l]
+      [r, i]
     );
-    return e ? /* @__PURE__ */ I(ve, { className: he.button, variant: n, disabled: !0, children: [
+    return e ? /* @__PURE__ */ x(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(
       Gn,
       {
-        id: u,
+        id: f,
         variant: "drawer-dropdown",
         title: t,
         size: s,
-        trigger: /* @__PURE__ */ I(
+        trigger: /* @__PURE__ */ x(
           ve,
           {
             className: he.button,
@@ -1942,17 +1945,17 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
         ),
         open: c.open,
         onClose: () => c.setOpen(!1),
-        ...i?.searchable ? {} : c.dropdownA11yProps,
+        ...l?.searchable ? {} : c.dropdownA11yProps,
         children: /* @__PURE__ */ a(
           et,
           {
-            ...i,
+            ...l,
             items: b,
             keyboardEvents: c.open,
-            a11yMode: _,
+            a11yMode: y,
             open: c.open,
-            scrollToTopOnOpen: i.virtualized,
-            ..._ === "combobox" ? { id: c.menuId } : c.menuA11yProps
+            scrollToTopOnOpen: l.virtualized,
+            ...y === "combobox" ? { id: c.menuId } : c.menuA11yProps
           }
         )
       }
@@ -1966,14 +1969,14 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
     name: t,
     placeholder: r = "Search",
     loading: s,
-    collapsible: u,
-    clearButtonAltText: f = "Clear search",
-    onChange: i,
+    collapsible: f,
+    clearButtonAltText: p = "Clear search",
+    onChange: l,
     onClear: c,
-    onKeyDown: _,
-    menu: l,
+    onKeyDown: y,
+    menu: i,
     minLength: b,
-    disabled: p
+    disabled: h
   }) => /* @__PURE__ */ a(
     Pe,
     {
@@ -1983,23 +1986,23 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
       value: n,
       name: t,
       placeholder: r,
-      clearButtonAltText: f,
-      onChange: i,
+      clearButtonAltText: p,
+      onChange: l,
       onClear: c,
-      onKeyDown: _,
-      collapsible: u,
+      onKeyDown: y,
+      collapsible: f,
       autoComplete: "off",
       autoCapitalize: "off",
       type: "search",
       minLength: b,
       loading: s,
-      menu: l,
-      disabled: p
+      menu: i,
+      disabled: h
     }
   )
 );
 export {
-  te as B,
+  re as B,
   or as D,
   Qt as F,
   me as H,
@@ -2021,7 +2024,7 @@ export {
   tt as j,
   Je as k,
   Xe as l,
-  ee as m,
+  ne as m,
   Fe as n,
   Qe as o,
   zt as p,