@altinn/altinn-components 0.68.7 → 0.68.9

package/dist/{ToolbarSearch-CX_woN0c.js → ToolbarSearch-BtCd0Qph.js}

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as i, jsxs as w, Fragment as we } from "react/jsx-runtime";
 import * as q from "react";
-import O, { forwardRef as Q, useRef as J, useState as de, useMemo as fe, useEffect as U, Fragment as wt, useLayoutEffect as Xe, createContext as Ht, useContext as Ft, isValidElement as _t, useId as lt, useCallback as xt, memo as Fe, createElement as qt } from "react";
+import S, { forwardRef as Q, useRef as J, useState as ue, useMemo as me, useEffect as U, Fragment as wt, useLayoutEffect as Xe, createContext as Ht, useContext as Ft, isValidElement as _t, useId as lt, useCallback as xt, memo as Fe, createElement as qt } from "react";
 import "./tooltip-Caqi75cv.js";
-import { c as G } from "./index-p1eeF8LQ.js";
+import { c as K } from "./index-p1eeF8LQ.js";
 import { useEscapeKey as Wt } from "./hooks/useEscapeKey.js";
 import "./components/Typography/Link.js";
 import { Button as _e } from "./components/Button/Button.js";
@@ -48,11 +48,11 @@ import './assets/ToolbarSearch.css';var un = function(e, n) {
 const pn = Q((e, n) => {
   var { title: o, titleId: t } = e, r = un(e, ["title", "titleId"]);
   let a = X();
-  return a = o ? t || "title-" + a : void 0, O.createElement(
+  return a = o ? t || "title-" + a : void 0, S.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: n, "aria-labelledby": a }, r),
-    o ? O.createElement("title", { id: a }, o) : null,
-    O.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" })
+    o ? S.createElement("title", { id: a }, o) : null,
+    S.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 fn = function(e, n) {
@@ -66,11 +66,11 @@ var fn = function(e, n) {
 const mn = Q((e, n) => {
   var { title: o, titleId: t } = e, r = fn(e, ["title", "titleId"]);
   let a = X();
-  return a = o ? t || "title-" + a : void 0, O.createElement(
+  return a = o ? t || "title-" + a : void 0, S.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: n, "aria-labelledby": a }, r),
-    o ? O.createElement("title", { id: a }, o) : null,
-    O.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" })
+    o ? S.createElement("title", { id: a }, o) : null,
+    S.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 hn = function(e, n) {
@@ -84,11 +84,11 @@ var hn = function(e, n) {
 const vn = Q((e, n) => {
   var { title: o, titleId: t } = e, r = hn(e, ["title", "titleId"]);
   let a = X();
-  return a = o ? t || "title-" + a : void 0, O.createElement(
+  return a = o ? t || "title-" + a : void 0, S.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: n, "aria-labelledby": a }, r),
-    o ? O.createElement("title", { id: a }, o) : null,
-    O.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.75 2.5a.75.75 0 0 0-1.5 0v1.273c-2.222.14-3.655.92-4.499 2.186-.887 1.33-1.001 3.04-1.001 4.541v3c0 .809-.424 1.92-.92 2.915a18 18 0 0 1-.936 1.641l-.014.022-.004.006A.75.75 0 0 0 4.5 19.25h4.338a3.25 3.25 0 0 0 6.324 0H19.5a.75.75 0 0 0 .624-1.166l-.004-.006-.014-.022-.06-.091c-.05-.081-.125-.2-.215-.35-.18-.301-.42-.722-.66-1.2-.497-.994-.921-2.106-.921-2.915v-3c0-1.501-.114-3.21-1.001-4.541-.844-1.266-2.277-2.046-4.499-2.186zm-1.987 17.237a1.8 1.8 0 0 1-.344-.487h3.162a1.75 1.75 0 0 1-1.581 1 1.75 1.75 0 0 1-1.237-.513", clipRule: "evenodd" })
+    o ? S.createElement("title", { id: a }, o) : null,
+    S.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.75 2.5a.75.75 0 0 0-1.5 0v1.273c-2.222.14-3.655.92-4.499 2.186-.887 1.33-1.001 3.04-1.001 4.541v3c0 .809-.424 1.92-.92 2.915a18 18 0 0 1-.936 1.641l-.014.022-.004.006A.75.75 0 0 0 4.5 19.25h4.338a3.25 3.25 0 0 0 6.324 0H19.5a.75.75 0 0 0 .624-1.166l-.004-.006-.014-.022-.06-.091c-.05-.081-.125-.2-.215-.35-.18-.301-.42-.722-.66-1.2-.497-.994-.921-2.106-.921-2.915v-3c0-1.501-.114-3.21-1.001-4.541-.844-1.266-2.277-2.046-4.499-2.186zm-1.987 17.237a1.8 1.8 0 0 1-.344-.487h3.162a1.75 1.75 0 0 1-1.581 1 1.75 1.75 0 0 1-1.237-.513", clipRule: "evenodd" })
   );
 });
 var gn = function(e, n) {
@@ -102,11 +102,11 @@ var gn = function(e, n) {
 const Pt = Q((e, n) => {
   var { title: o, titleId: t } = e, r = gn(e, ["title", "titleId"]);
   let a = X();
-  return a = o ? t || "title-" + a : void 0, O.createElement(
+  return a = o ? t || "title-" + a : void 0, S.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: n, "aria-labelledby": a }, r),
-    o ? O.createElement("title", { id: a }, o) : null,
-    O.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" })
+    o ? S.createElement("title", { id: a }, o) : null,
+    S.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 bn = function(e, n) {
@@ -120,11 +120,11 @@ var bn = function(e, n) {
 const yn = Q((e, n) => {
   var { title: o, titleId: t } = e, r = bn(e, ["title", "titleId"]);
   let a = X();
-  return a = o ? t || "title-" + a : void 0, O.createElement(
+  return a = o ? t || "title-" + a : void 0, S.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: n, "aria-labelledby": a }, r),
-    o ? O.createElement("title", { id: a }, o) : null,
-    O.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" })
+    o ? S.createElement("title", { id: a }, o) : null,
+    S.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 wn = function(e, n) {
@@ -138,11 +138,11 @@ var wn = function(e, n) {
 const ct = Q((e, n) => {
   var { title: o, titleId: t } = e, r = wn(e, ["title", "titleId"]);
   let a = X();
-  return a = o ? t || "title-" + a : void 0, O.createElement(
+  return a = o ? t || "title-" + a : void 0, S.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: n, "aria-labelledby": a }, r),
-    o ? O.createElement("title", { id: a }, o) : null,
-    O.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" })
+    o ? S.createElement("title", { id: a }, o) : null,
+    S.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 _n = function(e, n) {
@@ -156,11 +156,11 @@ var _n = function(e, n) {
 const xn = Q((e, n) => {
   var { title: o, titleId: t } = e, r = _n(e, ["title", "titleId"]);
   let a = X();
-  return a = o ? t || "title-" + a : void 0, O.createElement(
+  return a = o ? t || "title-" + a : void 0, S.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: n, "aria-labelledby": a }, r),
-    o ? O.createElement("title", { id: a }, o) : null,
-    O.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" })
+    o ? S.createElement("title", { id: a }, o) : null,
+    S.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 In = function(e, n) {
@@ -174,11 +174,11 @@ var In = function(e, n) {
 const On = Q((e, n) => {
   var { title: o, titleId: t } = e, r = In(e, ["title", "titleId"]);
   let a = X();
-  return a = o ? t || "title-" + a : void 0, O.createElement(
+  return a = o ? t || "title-" + a : void 0, S.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: n, "aria-labelledby": a }, r),
-    o ? O.createElement("title", { id: a }, o) : null,
-    O.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" })
+    o ? S.createElement("title", { id: a }, o) : null,
+    S.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 Sn = function(e, n) {
@@ -192,11 +192,11 @@ var Sn = function(e, n) {
 const En = Q((e, n) => {
   var { title: o, titleId: t } = e, r = Sn(e, ["title", "titleId"]);
   let a = X();
-  return a = o ? t || "title-" + a : void 0, O.createElement(
+  return a = o ? t || "title-" + a : void 0, S.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: n, "aria-labelledby": a }, r),
-    o ? O.createElement("title", { id: a }, o) : null,
-    O.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" })
+    o ? S.createElement("title", { id: a }, o) : null,
+    S.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 kn = function(e, n) {
@@ -210,11 +210,11 @@ var kn = function(e, n) {
 const Pn = Q((e, n) => {
   var { title: o, titleId: t } = e, r = kn(e, ["title", "titleId"]);
   let a = X();
-  return a = o ? t || "title-" + a : void 0, O.createElement(
+  return a = o ? t || "title-" + a : void 0, S.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: n, "aria-labelledby": a }, r),
-    o ? O.createElement("title", { id: a }, o) : null,
-    O.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" })
+    o ? S.createElement("title", { id: a }, o) : null,
+    S.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 Nn = function(e, n) {
@@ -228,11 +228,11 @@ var Nn = function(e, n) {
 const Mn = Q((e, n) => {
   var { title: o, titleId: t } = e, r = Nn(e, ["title", "titleId"]);
   let a = X();
-  return a = o ? t || "title-" + a : void 0, O.createElement(
+  return a = o ? t || "title-" + a : void 0, S.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: n, "aria-labelledby": a }, r),
-    o ? O.createElement("title", { id: a }, o) : null,
-    O.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" })
+    o ? S.createElement("title", { id: a }, o) : null,
+    S.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 An = function(e, n) {
@@ -246,11 +246,11 @@ var An = function(e, n) {
 const qe = Q((e, n) => {
   var { title: o, titleId: t } = e, r = An(e, ["title", "titleId"]);
   let a = X();
-  return a = o ? t || "title-" + a : void 0, O.createElement(
+  return a = o ? t || "title-" + a : void 0, S.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: n, "aria-labelledby": a }, r),
-    o ? O.createElement("title", { id: a }, o) : null,
-    O.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" })
+    o ? S.createElement("title", { id: a }, o) : null,
+    S.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" })
   );
 }), Cn = "_badge_5li3b_1", Rn = "_label_5li3b_33", ze = {
   badge: Cn,
@@ -268,7 +268,7 @@ const qe = Q((e, n) => {
 }) => a ? /* @__PURE__ */ i(at, { content: a, children: /* @__PURE__ */ i(
   "span",
   {
-    className: G(ze.badge, d),
+    className: K(ze.badge, d),
     style: u,
     "data-color": n,
     "data-variant": o,
@@ -280,7 +280,7 @@ const qe = Q((e, n) => {
 ) }) : /* @__PURE__ */ i(
   "span",
   {
-    className: G(ze.badge, d),
+    className: K(ze.badge, d),
     style: u,
     "data-color": n,
     "data-variant": o,
@@ -294,7 +294,7 @@ const qe = Q((e, n) => {
   shape: Ln,
   svg: Tn,
   image: $n
-}, tt = (e) => typeof e == "object" && e !== null && ("svgElement" in e || "iconUrl" in e), ce = ({
+}, tt = (e) => typeof e == "object" && e !== null && ("svgElement" in e || "iconUrl" in e), de = ({
   loading: e,
   altText: n,
   svgElement: o,
@@ -304,7 +304,7 @@ const qe = Q((e, n) => {
   className: d,
   style: u,
   children: s
-}) => /* @__PURE__ */ i("span", { "data-ui": "icon", "data-size": t, "data-color": r, className: G(ke.icon, d), style: u, children: /* @__PURE__ */ w(xe, { loading: e, variant: "circle", className: ke.shape, children: [
+}) => /* @__PURE__ */ i("span", { "data-ui": "icon", "data-size": t, "data-color": r, className: K(ke.icon, d), style: u, children: /* @__PURE__ */ w(xe, { loading: e, variant: "circle", className: ke.shape, children: [
   /* @__PURE__ */ i("span", { className: ke.shape }),
   o && /* @__PURE__ */ i(o, { "aria-hidden": "true", "alt-label": n, className: ke.svg }),
   a && /* @__PURE__ */ i("img", { src: a, alt: n, className: ke.image }),
@@ -329,10 +329,10 @@ const qe = Q((e, n) => {
   combobox: l = !1,
   listId: p,
   "aria-activedescendant": c,
-  onKeyDown: h,
+  onKeyDown: m,
   onInput: v,
   onFocus: g,
-  ...N
+  ...C
 }) => {
   const _ = /* @__PURE__ */ i(
     $t,
@@ -349,8 +349,8 @@ const qe = Q((e, n) => {
       autoCorrect: "off",
       autoCapitalize: "off",
       autoFocus: !0,
-      onKeyDown: (x) => {
-        (x.key === "ArrowUp" || x.key === "ArrowDown") && (x.preventDefault(), s?.()), h?.(x);
+      onKeyDown: (b) => {
+        (b.key === "ArrowUp" || b.key === "ArrowDown") && (b.preventDefault(), s?.()), m?.(b);
       },
       onInput: v,
       onFocus: g,
@@ -362,7 +362,7 @@ const qe = Q((e, n) => {
         "aria-controls": p,
         "aria-activedescendant": c
       } : {},
-      ...N
+      ...C
     }
   );
   return l ? /* @__PURE__ */ i("div", { className: Ve.search, style: e, "data-index": n, "data-menu-search": "true", children: _ }) : /* @__PURE__ */ i("li", { className: Ve.search, style: e, "data-index": n, "data-menu-search": "true", children: _ });
@@ -379,150 +379,150 @@ const qe = Q((e, n) => {
   search: l,
   items: p,
   groups: c = {},
-  size: h,
+  size: m,
   id: v,
   color: g,
-  variant: N,
+  variant: C,
   scrollRefStyles: _ = {},
-  keyboardEvents: x = !1,
+  keyboardEvents: b = !1,
   onSelect: L = () => {
   },
-  onActiveItemIdChange: C
+  onActiveItemIdChange: x
 }) => {
   if (n && e >= n)
     return null;
-  const k = t === "combobox", f = t === "navigation", R = k && v ? `${v}-listbox` : v, I = J(r), H = J(r), [W, y] = de(!1), T = fe(
-    () => p.map((A, D) => ({
-      ...A,
-      id: `${v}-item-${D}`
+  const A = t === "combobox", h = t === "navigation", R = A && v ? `${v}-listbox` : v, O = J(r), $ = J(r), [W, I] = ue(!1), T = me(
+    () => p.map((P, j) => ({
+      ...P,
+      id: `${v}-item-${j}`
     })),
     [p, v]
-  ), M = J(null), { menu: P, setActiveIndex: m, activeItem: S } = rt({
+  ), k = J(null), { menu: M, setActiveIndex: f, activeItem: E } = rt({
     items: T,
     groups: c,
     groupByKey: "groupId",
-    keyboardEvents: x,
+    keyboardEvents: b,
     autoActivateFirstItem: d,
     onSelect: L,
-    ref: M
+    ref: k
   });
   U(() => {
-    C?.(S?.id);
-  }, [S?.id, C]), U(() => {
+    x?.(E?.id);
+  }, [E?.id, x]), U(() => {
     if (!a) {
-      I.current = r;
+      O.current = r;
       return;
     }
-    const A = I.current;
-    I.current = r, r && !A && M.current?.scrollTo({ top: 0 });
+    const P = O.current;
+    O.current = r, r && !P && k.current?.scrollTo({ top: 0 });
   }, [r, a]), U(() => {
-    const A = H.current;
-    H.current = r, !(!x || l || !u) && r && !A && requestAnimationFrame(() => M.current?.focus?.({ preventScroll: !0 }));
-  }, [r, x, l]), U(() => {
-    if (k && s) {
-      m(0), y(!0);
+    const P = $.current;
+    $.current = r, !(!b || l || !u) && r && !P && requestAnimationFrame(() => k.current?.focus?.({ preventScroll: !0 }));
+  }, [r, b, l]), U(() => {
+    if (A && s) {
+      f(0), I(!0);
       return;
     }
-  }, [s, k, m]);
+  }, [s, A, f]);
   const z = l ? /* @__PURE__ */ i(
     Nt,
     {
       ...l,
-      combobox: k,
+      combobox: A,
       listId: R,
-      "aria-activedescendant": k && W ? S?.id : void 0,
-      onNavigate: k ? () => y(!0) : void 0,
-      onChange: (A) => {
-        y(!1), l.onChange?.(A);
+      "aria-activedescendant": A && W ? E?.id : void 0,
+      onNavigate: A ? () => I(!0) : void 0,
+      onChange: (P) => {
+        I(!1), l.onChange?.(P);
       },
-      onFocus: (A) => {
-        y(!1), l.onFocus?.(A);
+      onFocus: (P) => {
+        I(!1), l.onFocus?.(P);
       },
-      onInput: (A) => {
-        y(!1), l.onInput?.(A);
+      onInput: (P) => {
+        I(!1), l.onInput?.(P);
       },
-      onKeyDown: (A) => {
-        const D = A.key === "ArrowUp" || A.key === "ArrowDown", j = A.key.length === 1 || A.key === "Backspace" || A.key === "Delete";
-        k && !D && j && y(!1), l.onKeyDown?.(A);
+      onKeyDown: (P) => {
+        const j = P.key === "ArrowUp" || P.key === "ArrowDown", F = P.key.length === 1 || P.key === "Backspace" || P.key === "Delete";
+        A && !j && F && I(!1), l.onKeyDown?.(P);
       }
     }
-  ) : null, $ = /* @__PURE__ */ w(
+  ) : null, D = /* @__PURE__ */ w(
     De,
     {
-      variant: N,
+      variant: C,
       expanded: o,
-      ref: M,
+      ref: k,
       style: _,
       id: R,
-      role: k ? "listbox" : f ? "list" : "menu",
-      tabIndex: x ? -1 : void 0,
+      role: A ? "listbox" : h ? "list" : "menu",
+      tabIndex: b ? -1 : void 0,
       children: [
-        !k && z,
-        P.map((A, D) => {
-          const j = A?.props || {}, { title: K, hidden: ve = !1, divider: Z = !0 } = j;
+        !A && z,
+        M.map((P, j) => {
+          const F = P?.props || {}, { title: G, hidden: se = !1, divider: ee = !0 } = F;
           return /* @__PURE__ */ w(wt, { children: [
-            (e > 0 || D) && Z ? /* @__PURE__ */ i(Et, {}) : "",
-            /* @__PURE__ */ i(St, { hidden: ve, children: /* @__PURE__ */ w(De, { role: "presentation", children: [
-              K && /* @__PURE__ */ i(kt, { title: K, level: e }),
-              A?.items.filter((ee) => !ee.props?.hidden).map((ee, b) => {
-                const { active: E, onMouseEnter: B } = ee, { groupId: ne, ...F } = ee.props || {}, { expanded: se } = F, le = Array.isArray(F?.items) && F.items.length > 0, Ge = F.role === "checkbox" || F.role === "radio", Ke = F.role === "radio" ? "menuitemradio" : "menuitemcheckbox", Bt = f ? void 0 : k ? "option" : Ge ? Ke : F.role;
+            (e > 0 || j) && ee ? /* @__PURE__ */ i(Et, {}) : "",
+            /* @__PURE__ */ i(St, { hidden: se, children: /* @__PURE__ */ w(De, { role: "presentation", children: [
+              G && /* @__PURE__ */ i(kt, { title: G, level: e }),
+              P?.items.filter((te) => !te.props?.hidden).map((te, y) => {
+                const { active: N, onMouseEnter: H } = te, { groupId: ne, ...B } = te.props || {}, { expanded: le } = B, ce = Array.isArray(B?.items) && B.items.length > 0, Ge = B.role === "checkbox" || B.role === "radio", Ke = B.role === "radio" ? "menuitemradio" : "menuitemcheckbox", Bt = h ? void 0 : A ? "option" : Ge ? Ke : B.role;
                 return /* @__PURE__ */ w(
                   Ot,
                   {
-                    expanded: se,
-                    onMouseLeave: () => m(-1),
-                    role: f ? "listitem" : "presentation",
+                    expanded: le,
+                    onMouseLeave: () => f(-1),
+                    role: h ? "listitem" : "presentation",
                     children: [
                       /* @__PURE__ */ i(
                         Tt,
                         {
-                          ...F,
-                          size: F?.size || j?.size || h,
-                          color: F?.color || j?.color || g,
-                          variant: F?.variant || j?.variant || N,
-                          active: E,
+                          ...B,
+                          size: B?.size || F?.size || m,
+                          color: B?.color || F?.color || g,
+                          variant: B?.variant || F?.variant || C,
+                          active: N,
                           role: Bt,
                           a11yMode: t,
-                          selected: F.selected,
-                          tabIndex: F?.disabled || x ? -1 : F.tabIndex ?? 0,
-                          onMouseEnter: B,
-                          "aria-haspopup": le && !f ? "menu" : void 0,
-                          "aria-expanded": le ? se : void 0,
-                          "aria-controls": le ? F.id + "-menu" : void 0
+                          selected: B.selected,
+                          tabIndex: B?.disabled || b ? -1 : B.tabIndex ?? 0,
+                          onMouseEnter: H,
+                          "aria-haspopup": ce && !h ? "menu" : void 0,
+                          "aria-expanded": ce ? le : void 0,
+                          "aria-controls": ce ? B.id + "-menu" : void 0
                         }
                       ),
-                      se && F?.items && /* @__PURE__ */ i(
+                      le && B?.items && /* @__PURE__ */ i(
                         Mt,
                         {
-                          id: F.id + "-menu",
-                          expanded: se,
+                          id: B.id + "-menu",
+                          expanded: le,
                           level: e + 1,
                           maxLevels: n,
-                          items: F?.items,
+                          items: B?.items,
                           groups: c,
-                          size: h,
+                          size: m,
                           color: g,
-                          variant: N,
+                          variant: C,
                           a11yMode: t
                         }
                       )
                     ]
                   },
-                  b
+                  y
                 );
               })
-            ] }) }, D)
-          ] }, D);
+            ] }) }, j)
+          ] }, j);
         })
       ]
     }
   );
-  return k && z ? /* @__PURE__ */ w(we, { children: [
+  return A && z ? /* @__PURE__ */ w(we, { children: [
     z,
-    $
-  ] }) : $;
+    D
+  ] }) : D;
 }, Hn = (e) => {
-  const n = J(null), o = J(null), [t, r] = de(0), {
+  const n = J(null), o = J(null), [t, r] = ue(0), {
     search: a,
     items: d,
     groups: u = {},
@@ -530,184 +530,184 @@ const qe = Q((e, n) => {
     color: l,
     variant: p,
     keyboardEvents: c,
-    scrollRefStyles: h = {},
+    scrollRefStyles: m = {},
     id: v,
     expanded: g,
-    a11yMode: N = "menu",
+    a11yMode: C = "menu",
     open: _,
-    scrollToTopOnOpen: x = !1,
+    scrollToTopOnOpen: b = !1,
     autoActivateFirstItem: L = !0,
-    announceNoResults: C = !1,
-    onActiveItemIdChange: k
-  } = e, f = N === "combobox", R = N === "navigation", I = f && v ? `${v}-listbox` : v, H = J(_), [W, y] = de(!1), T = fe(
-    () => d.map((b, E) => ({
-      ...b,
-      id: `${v}-item-${E}`
+    announceNoResults: x = !1,
+    onActiveItemIdChange: A
+  } = e, h = C === "combobox", R = C === "navigation", O = h && v ? `${v}-listbox` : v, $ = J(_), [W, I] = ue(!1), T = me(
+    () => d.map((y, N) => ({
+      ...y,
+      id: `${v}-item-${N}`
     })),
     [d, v]
-  ), { menu: M, activeItem: P, setActiveIndex: m, activeIndex: S } = rt({
+  ), { menu: k, activeItem: M, setActiveIndex: f, activeIndex: E } = rt({
     items: T,
     groups: u,
     groupByKey: "groupId",
     keyboardEvents: c,
     autoActivateFirstItem: L,
     ref: n
-  }), { flatMenu: z, virtualizer: $, scrollMaxHeight: A } = tn({
-    menu: M,
+  }), { flatMenu: z, virtualizer: D, scrollMaxHeight: P } = tn({
+    menu: k,
     scrollRef: n
   });
   Xe(() => {
-    const b = o.current;
-    if (!b) return;
-    const E = Math.round(b.offsetTop);
-    r((B) => B === E ? B : E);
+    const y = o.current;
+    if (!y) return;
+    const N = Math.round(y.offsetTop);
+    r((H) => H === N ? H : N);
   });
-  const D = fe(() => {
-    const b = P?.id;
-    if (b)
-      return z.findIndex((B) => B.type === "item" && B.itemProps?.id === b);
-    if (S < 0) return -1;
-    let E = -1;
-    for (let B = 0; B < z.length; B++)
-      if (z[B]?.type === "item" && (E += 1, E === S))
-        return B;
+  const j = me(() => {
+    const y = M?.id;
+    if (y)
+      return z.findIndex((H) => H.type === "item" && H.itemProps?.id === y);
+    if (E < 0) return -1;
+    let N = -1;
+    for (let H = 0; H < z.length; H++)
+      if (z[H]?.type === "item" && (N += 1, N === E))
+        return H;
     return -1;
-  }, [P?.id, S, z]), j = J(null);
+  }, [M?.id, E, z]), F = J(null);
   Xe(() => {
-    const b = j?.current, E = typeof b == "number" ? D <= b : !1;
-    j.current = D;
-    const B = E ? D : D + 2;
-    if (!E) {
-      const le = $.getOffsetForIndex(B, "auto");
-      if (!le) return;
-      const [Ge, Ke] = le;
+    const y = F?.current, N = typeof y == "number" ? j <= y : !1;
+    F.current = j;
+    const H = N ? j : j + 2;
+    if (!N) {
+      const ce = D.getOffsetForIndex(H, "auto");
+      if (!ce) return;
+      const [Ge, Ke] = ce;
       if (Ke === "auto") return;
-      $.scrollToOffset(Ge + t + 10, { align: "start" });
+      D.scrollToOffset(Ge + t + 10, { align: "start" });
       return;
     }
-    if (D <= 3) {
-      $.scrollToOffset(0);
+    if (j <= 3) {
+      D.scrollToOffset(0);
       return;
     }
-    const ne = $.getOffsetForIndex(D - 1, "auto");
+    const ne = D.getOffsetForIndex(j - 1, "auto");
     if (!ne) return;
-    const [F, se] = ne;
-    se !== "auto" && $.scrollToOffset(F + t + 10, { align: "start" });
-  }, [D, t, $, j]);
-  const K = fe(() => {
-    const b = /* @__PURE__ */ new Map();
-    let E = 0;
-    return z.forEach((B, ne) => {
-      B.type === "item" && (E += 1, b.set(ne, E));
-    }), { positions: b, total: E };
+    const [B, le] = ne;
+    le !== "auto" && D.scrollToOffset(B + t + 10, { align: "start" });
+  }, [j, t, D, F]);
+  const G = me(() => {
+    const y = /* @__PURE__ */ new Map();
+    let N = 0;
+    return z.forEach((H, ne) => {
+      H.type === "item" && (N += 1, y.set(ne, N));
+    }), { positions: y, total: N };
   }, [z]);
   U(() => {
-    k?.(P?.id);
-  }, [P?.id, k]), U(() => {
-    if (f && C) {
-      m(0), y(!0);
+    A?.(M?.id);
+  }, [M?.id, A]), U(() => {
+    if (h && x) {
+      f(0), I(!0);
       return;
     }
-  }, [C, f, m]), U(() => {
-    const b = H.current;
-    H.current = _, !(!_ || b) && ($.measure(), x && n.current?.scrollTo({ top: 0 }));
-  }, [_, x, $]);
-  const ve = {
+  }, [x, h, f]), U(() => {
+    const y = $.current;
+    $.current = _, !(!_ || y) && (D.measure(), b && n.current?.scrollTo({ top: 0 }));
+  }, [_, b, D]);
+  const se = {
     position: "relative",
-    maxHeight: h?.maxHeight || A,
+    maxHeight: m?.maxHeight || P,
     margin: "-0.5rem",
     padding: "0.5rem 0.5rem 1rem 0.5rem",
-    minWidth: h?.minWidth ?? "20rem",
+    minWidth: m?.minWidth ?? "20rem",
     overflowY: "auto",
-    ...h
-  }, Z = a ? /* @__PURE__ */ i(
+    ...m
+  }, ee = a ? /* @__PURE__ */ i(
     Nt,
     {
       ...a,
-      combobox: f,
-      listId: I,
-      "aria-activedescendant": f && W ? P?.id : void 0,
-      onNavigate: f ? () => y(!0) : void 0,
-      onChange: (b) => {
-        y(!1), a.onChange?.(b);
+      combobox: h,
+      listId: O,
+      "aria-activedescendant": h && W ? M?.id : void 0,
+      onNavigate: h ? () => I(!0) : void 0,
+      onChange: (y) => {
+        I(!1), a.onChange?.(y);
       },
-      onFocus: (b) => {
-        y(!1), a.onFocus?.(b);
+      onFocus: (y) => {
+        I(!1), a.onFocus?.(y);
       },
-      onInput: (b) => {
-        y(!1), a.onInput?.(b);
+      onInput: (y) => {
+        I(!1), a.onInput?.(y);
       },
-      onKeyDown: (b) => {
-        const E = b.key === "ArrowUp" || b.key === "ArrowDown", B = b.key.length === 1 || b.key === "Backspace" || b.key === "Delete";
-        f && !E && B && y(!1), a.onKeyDown?.(b);
+      onKeyDown: (y) => {
+        const N = y.key === "ArrowUp" || y.key === "ArrowDown", H = y.key.length === 1 || y.key === "Backspace" || y.key === "Delete";
+        h && !N && H && I(!1), a.onKeyDown?.(y);
       }
     }
-  ) : null, ee = /* @__PURE__ */ w(
+  ) : null, te = /* @__PURE__ */ w(
     De,
     {
       ref: n,
-      style: ve,
+      style: se,
       variant: p,
       color: l,
       expanded: g,
-      id: I,
-      role: f ? "listbox" : R ? "list" : "menu",
+      id: O,
+      role: h ? "listbox" : R ? "list" : "menu",
       children: [
-        !f && Z,
+        !h && ee,
         /* @__PURE__ */ i(
           St,
           {
             ref: o,
             style: {
               position: "relative",
-              height: `${$.getTotalSize()}px`,
+              height: `${D.getTotalSize()}px`,
               width: "100%"
             },
-            children: /* @__PURE__ */ i(De, { style: { width: "100%", minWidth: "100%" }, children: $.getVirtualItems().map((b) => {
-              const E = z[b.index];
-              if (!E) return null;
-              const B = {
+            children: /* @__PURE__ */ i(De, { style: { width: "100%", minWidth: "100%" }, children: D.getVirtualItems().map((y) => {
+              const N = z[y.index];
+              if (!N) return null;
+              const H = {
                 position: "absolute",
                 top: 0,
                 left: 0,
                 width: "100%",
-                transform: `translateY(${b.start}px)`
+                transform: `translateY(${y.start}px)`
               }, ne = {
-                style: B,
-                index: b.index,
-                "data-index": b.index,
-                ref: $.measureElement
+                style: H,
+                index: y.index,
+                "data-index": y.index,
+                ref: D.measureElement
               };
-              switch (E.type) {
+              switch (N.type) {
                 case "divider":
                   return /* @__PURE__ */ i(
                     Et,
                     {
                       ...ne,
-                      style: { ...B, padding: "0.25rem 0" }
+                      style: { ...H, padding: "0.25rem 0" }
                     },
-                    b.key
+                    y.key
                   );
                 case "header":
-                  return /* @__PURE__ */ i(kt, { ...ne, title: E.title || "", level: 1 }, b.key);
+                  return /* @__PURE__ */ i(kt, { ...ne, title: N.title || "", level: 1 }, y.key);
                 default: {
-                  const F = E.itemProps?.role === "checkbox" || E.itemProps?.role === "radio", se = E.itemProps?.role === "radio" ? "menuitemradio" : "menuitemcheckbox", le = R ? void 0 : f ? "option" : F ? se : E.itemProps?.role;
+                  const B = N.itemProps?.role === "checkbox" || N.itemProps?.role === "radio", le = N.itemProps?.role === "radio" ? "menuitemradio" : "menuitemcheckbox", ce = R ? void 0 : h ? "option" : B ? le : N.itemProps?.role;
                   return /* @__PURE__ */ i(Ot, { ...ne, role: R ? "listitem" : "presentation", children: /* @__PURE__ */ i(
                     Tt,
                     {
-                      ...E.itemProps || {},
-                      size: E.itemProps?.size || s,
-                      color: E.itemProps?.color || l,
-                      variant: E.itemProps?.variant || p,
-                      active: E.active,
-                      role: le,
-                      a11yMode: N,
-                      selected: E.itemProps?.selected,
-                      "aria-posinset": f ? K.positions.get(b.index) : void 0,
-                      "aria-setsize": f ? K.total : void 0,
-                      tabIndex: E.itemProps?.disabled || c ? -1 : 0
+                      ...N.itemProps || {},
+                      size: N.itemProps?.size || s,
+                      color: N.itemProps?.color || l,
+                      variant: N.itemProps?.variant || p,
+                      active: N.active,
+                      role: ce,
+                      a11yMode: C,
+                      selected: N.itemProps?.selected,
+                      "aria-posinset": h ? G.positions.get(y.index) : void 0,
+                      "aria-setsize": h ? G.total : void 0,
+                      tabIndex: N.itemProps?.disabled || c ? -1 : 0
                     }
-                  ) }, b.key);
+                  ) }, y.key);
                 }
               }
             }) })
@@ -716,10 +716,10 @@ const qe = Q((e, n) => {
       ]
     }
   );
-  return f && Z ? /* @__PURE__ */ w(we, { children: [
-    Z,
-    ee
-  ] }) : ee;
+  return h && ee ? /* @__PURE__ */ w(we, { children: [
+    ee,
+    te
+  ] }) : te;
 };
 var We = class extends Event {
   oldState;
@@ -757,9 +757,9 @@ function qn(e) {
   if (!(n instanceof HTMLElement))
     return;
   const o = je(n);
-  e.popoverTargetAction === "show" && o === "showing" || e.popoverTargetAction === "hide" && o === "hidden" || (o === "showing" ? Se(n, !0, !0) : me(n, !1) && (Be.set(n, e), nt(n)));
+  e.popoverTargetAction === "show" && o === "showing" || e.popoverTargetAction === "hide" && o === "hidden" || (o === "showing" ? Se(n, !0, !0) : he(n, !1) && (Be.set(n, e), nt(n)));
 }
-function me(e, n) {
+function he(e, n) {
   return !(e.popover !== "auto" && e.popover !== "manual" && e.popover !== "hint" || !e.isConnected || n && je(e) !== "showing" || !n && je(e) !== "hidden" || e instanceof Fn && e.hasAttribute("open") || document.fullscreenElement === e);
 }
 function ut(e) {
@@ -859,7 +859,7 @@ function Un(e) {
 }
 var He = /* @__PURE__ */ new WeakMap();
 function nt(e) {
-  if (!me(e, !1))
+  if (!he(e, !1))
     return;
   const n = e.ownerDocument;
   if (!e.dispatchEvent(
@@ -868,7 +868,7 @@ function nt(e) {
       oldState: "closed",
       newState: "open"
     })
-  ) || !me(e, !1))
+  ) || !he(e, !1))
     return;
   let o = !1;
   const t = e.popover;
@@ -884,12 +884,12 @@ function nt(e) {
     Y.get(n) || /* @__PURE__ */ new Set(),
     o,
     !0
-  ), he(a || n, o, !0), r = "auto"), t === "hint" && (d ? (he(d, o, !0), r = "hint") : (ot(
+  ), ve(a || n, o, !0), r = "auto"), t === "hint" && (d ? (ve(d, o, !0), r = "hint") : (ot(
     Y.get(n) || /* @__PURE__ */ new Set(),
     o,
     !0
-  ), a ? (he(a, o, !0), r = "auto") : r = "hint")), t === "auto" || t === "hint") {
-    if (t !== e.popover || !me(e, !1))
+  ), a ? (ve(a, o, !0), r = "auto") : r = "hint")), t === "auto" || t === "hint") {
+    if (t !== e.popover || !he(e, !1))
       return;
     Re(n) || (o = !0), r === "auto" ? (ae.has(n) || ae.set(n, /* @__PURE__ */ new Set()), ae.get(n).add(e)) : r === "hint" && (Y.has(n) || Y.set(n, /* @__PURE__ */ new Set()), Y.get(n).add(e));
   }
@@ -899,10 +899,10 @@ function nt(e) {
 }
 function Se(e, n = !1, o = !1) {
   var t, r;
-  if (!me(e, !0))
+  if (!he(e, !0))
     return;
   const a = e.ownerDocument;
-  if (["auto", "hint"].includes(e.popover) && (he(e, n, o), !me(e, !0)))
+  if (["auto", "hint"].includes(e.popover) && (ve(e, n, o), !he(e, !0)))
     return;
   const d = ae.get(a) || /* @__PURE__ */ new Set(), u = d.has(e) && Ce(d) === e;
   if (Rt(Be.get(e), !1), Be.delete(e), o && (e.dispatchEvent(
@@ -910,7 +910,7 @@ function Se(e, n = !1, o = !1) {
       oldState: "open",
       newState: "closed"
     })
-  ), u && Ce(d) !== e && he(e, n, o), !me(e, !0)))
+  ), u && Ce(d) !== e && ve(e, n, o), !he(e, !0)))
     return;
   (t = $e.get(a)) == null || t.delete(e), d.delete(e), (r = Y.get(a)) == null || r.delete(e), e.classList.remove(":popover-open"), Ie.set(e, "hidden"), o && At(e, "open", "closed");
   const s = He.get(e);
@@ -944,7 +944,7 @@ function mt(e, n, o, t) {
     n.has(e) && Ce(n) !== e && (r = !0), r && (t = !1);
   }
 }
-function he(e, n, o) {
+function ve(e, n, o) {
   var t, r;
   const a = e.ownerDocument || e;
   if (e instanceof Document)
@@ -981,7 +981,7 @@ function ht(e) {
     Ue.set(o, r);
   else if (e.type === "pointerup") {
     const a = Ue.get(o) === r;
-    Ue.delete(o), a && he(r || o, !1, !0);
+    Ue.delete(o), a && ve(r || o, !1, !0);
   }
 }
 var Ye = /* @__PURE__ */ new WeakMap();
@@ -1001,7 +1001,7 @@ var vt = globalThis.ShadowRoot || function() {
 function Qn() {
   return typeof HTMLElement < "u" && typeof HTMLElement.prototype == "object" && "popover" in HTMLElement.prototype;
 }
-function ue(e, n, o) {
+function pe(e, n, o) {
   const t = e[n];
   Object.defineProperty(e, n, {
     value(r) {
@@ -1103,7 +1103,7 @@ function eo() {
       "$1.\\:popover-open"
     )), s;
   }
-  ue(Document.prototype, "querySelector", e), ue(Document.prototype, "querySelectorAll", e), ue(Element.prototype, "querySelector", e), ue(Element.prototype, "querySelectorAll", e), ue(Element.prototype, "matches", e), ue(Element.prototype, "closest", e), ue(
+  pe(Document.prototype, "querySelector", e), pe(Document.prototype, "querySelectorAll", e), pe(Element.prototype, "querySelector", e), pe(Element.prototype, "querySelectorAll", e), pe(Element.prototype, "matches", e), pe(Element.prototype, "closest", e), pe(
     DocumentFragment.prototype,
     "querySelectorAll",
     e
@@ -1218,19 +1218,19 @@ function eo() {
     const c = Oe(p);
     if (!(c instanceof vt || c instanceof Document))
       return;
-    const h = l.find(
+    const m = l.find(
       (v) => {
         var g;
         return (g = v.matches) == null ? void 0 : g.call(v, "[popovertargetaction],[popovertarget]");
       }
     );
-    if (h) {
-      qn(h), s.preventDefault();
+    if (m) {
+      qn(m), s.preventDefault();
       return;
     }
   }, d = (s) => {
     const l = s.key, p = s.target;
-    !s.defaultPrevented && p && (l === "Escape" || l === "Esc") && he(p.ownerDocument, !0, !0);
+    !s.defaultPrevented && p && (l === "Escape" || l === "Esc") && ve(p.ownerDocument, !0, !0);
   };
   ((s) => {
     s.addEventListener("click", a), s.addEventListener("keydown", d), s.addEventListener("pointerdown", ht), s.addEventListener("pointerup", ht);
@@ -1275,8 +1275,8 @@ const so = ({
     }), p.appendChild(c)), c.textContent = "", requestAnimationFrame(() => {
       c.textContent = n;
     });
-  }, [n]), /* @__PURE__ */ i("span", { className: Pe.itemWrapper, children: /* @__PURE__ */ w(l, { className: G(Pe.item, o), "data-color": t, role: "alert", ...s, children: [
-    /* @__PURE__ */ i(ce, { svgElement: r, className: Pe.icon, "aria-hidden": "true" }),
+  }, [n]), /* @__PURE__ */ i("span", { className: Pe.itemWrapper, children: /* @__PURE__ */ w(l, { className: K(Pe.item, o), "data-color": t, role: "alert", ...s, children: [
+    /* @__PURE__ */ i(de, { svgElement: r, className: Pe.icon, "aria-hidden": "true" }),
     /* @__PURE__ */ i("div", { className: Pe.content, children: n }),
     d && /* @__PURE__ */ i("div", { className: Pe.action, children: /* @__PURE__ */ i(_e, { variant: "solid", onClick: u, "aria-label": "close", children: /* @__PURE__ */ i(qe, { style: { fontSize: "1.5em" } }) }) })
   ] }) });
@@ -1314,7 +1314,7 @@ const co = 0.3, uo = 0.4, da = ({ className: e }) => {
   },
   languageCode: "nb"
 }, zt = Ht(po), ua = ({ children: e, initialValue: n, debug: o, languageCode: t }) => {
-  const [r, a] = de(n?.currentId || ""), [d, u] = de(n?.previousId || "");
+  const [r, a] = ue(n?.currentId || ""), [d, u] = ue(n?.previousId || "");
   return /* @__PURE__ */ i(
     zt.Provider,
     {
@@ -1395,32 +1395,32 @@ const co = 0.3, uo = 0.4, da = ({ className: e }) => {
   groups: d = {}
 }) => {
   const { languageCode: u } = fo(), s = q.useMemo(() => mo(u), [u]), [l, p] = q.useState(""), c = q.useCallback(
-    (m) => {
-      p(m.target.value), o?.(m);
+    (f) => {
+      p(f.target.value), o?.(f);
     },
     [o]
-  ), h = q.useCallback(() => {
+  ), m = q.useCallback(() => {
     p(""), t?.();
-  }, [t]), v = q.useMemo(() => l.trim().replace(/\s+/g, " "), [l]), g = v.length > 0, N = q.useMemo(() => v.toLowerCase(), [v]), _ = q.useMemo(() => v ? v.split(" ") : [], [v]), x = q.useMemo(
+  }, [t]), v = q.useMemo(() => l.trim().replace(/\s+/g, " "), [l]), g = v.length > 0, C = q.useMemo(() => v.toLowerCase(), [v]), _ = q.useMemo(() => v ? v.split(" ") : [], [v]), b = q.useMemo(
     () => ({
       placeholder: e ?? s.placeholder,
       name: n ?? "search",
       value: l,
       onChange: c,
-      onClear: h,
+      onClear: m,
       clearButtonAltText: r
     }),
-    [e, s.placeholder, n, l, c, h, r]
+    [e, s.placeholder, n, l, c, m, r]
   ), L = q.useMemo(
-    () => a.map((m) => {
-      const S = m?.searchWords?.length ? m.searchWords : [m?.title, m?.description].filter(Boolean);
+    () => a.map((f) => {
+      const E = f?.searchWords?.length ? f.searchWords : [f?.title, f?.description].filter(Boolean);
       return {
-        ...m,
-        searchWords: S ?? []
+        ...f,
+        searchWords: E ?? []
       };
     }),
     [a]
-  ), C = q.useMemo(
+  ), x = q.useMemo(
     () => [
       {
         id: "emptySearch",
@@ -1433,28 +1433,28 @@ const co = 0.3, uo = 0.4, da = ({ className: e }) => {
       }
     ],
     [s.noResults]
-  ), k = q.useMemo(() => {
-    const m = a.filter((S) => S.groupId === "emptySearch").map((S) => ({ ...S, hidden: !1 }));
-    return m.length ? m : C;
-  }, [a, C]), { selectedItems: f, results: R } = q.useMemo(() => {
+  ), A = q.useMemo(() => {
+    const f = a.filter((E) => E.groupId === "emptySearch").map((E) => ({ ...E, hidden: !1 }));
+    return f.length ? f : x;
+  }, [a, x]), { selectedItems: h, results: R } = q.useMemo(() => {
     if (!g) return { selectedItems: [], results: [] };
-    const m = [], S = [];
+    const f = [], E = [];
     for (const z of L)
-      z.checked === !0 && m.push({ ...z, groupId: "selected" }), (z.searchWords ?? []).some((D) => String(D).toLowerCase().includes(N)) && S.push({
+      z.checked === !0 && f.push({ ...z, groupId: "selected" }), (z.searchWords ?? []).some((j) => String(j).toLowerCase().includes(C)) && E.push({
         ...z,
         groupId: "search",
         highlightWords: _
       });
-    return { selectedItems: m, results: S };
-  }, [g, L, N, _]), I = R.length, H = f.length, W = q.useMemo(
+    return { selectedItems: f, results: E };
+  }, [g, L, C, _]), O = R.length, $ = h.length, W = q.useMemo(
     () => ({
       search: {
         hidden: !0,
-        title: s.hits(I)
+        title: s.hits(O)
       },
       selected: {
         hidden: !0,
-        title: s.selected(H)
+        title: s.selected($)
       },
       emptySearch: {
         hidden: !0,
@@ -1462,32 +1462,32 @@ const co = 0.3, uo = 0.4, da = ({ className: e }) => {
       },
       ...d
     }),
-    [s, I, H, d]
-  ), y = q.useMemo(
+    [s, O, $, d]
+  ), I = q.useMemo(
     () => ({
       ...W,
       search: {
         hidden: !g,
-        title: s.hits(I)
+        title: s.hits(O)
       },
       selected: {
-        hidden: H === 0,
-        title: s.selected(H)
+        hidden: $ === 0,
+        title: s.selected($)
       },
       emptySearch: {
-        hidden: g && (I > 0 || H > 0),
+        hidden: g && (O > 0 || $ > 0),
         title: s.noResults
       }
     }),
-    [W, g, s, I, H]
-  ), T = q.useMemo(() => g ? ho([...R, ...f]) : [], [g, R, f]), M = q.useMemo(() => [...k || [], ...f || []], [k, f]), P = q.useMemo(() => g ? I ? T : M : a, [g, a, I, T, M]);
+    [W, g, s, O, $]
+  ), T = q.useMemo(() => g ? ho([...R, ...h]) : [], [g, R, h]), k = q.useMemo(() => [...A || [], ...h || []], [A, h]), M = q.useMemo(() => g ? O ? T : k : a, [g, a, O, T, k]);
   return {
-    search: x,
+    search: b,
     results: R,
-    resultCount: I,
+    resultCount: O,
     hasQuery: g,
-    items: P,
-    groups: y
+    items: M,
+    groups: I
   };
 }, Lt = ({
   searchable: e,
@@ -1502,21 +1502,21 @@ const co = 0.3, uo = 0.4, da = ({ className: e }) => {
   keyboardEvents: l = !1,
   scrollRefStyles: p = {},
   onActiveItemIdChange: c,
-  a11yMode: h = "menu",
+  a11yMode: m = "menu",
   open: v,
   scrollToTopOnOpen: g,
-  autoFocusList: N,
+  autoFocusList: C,
   id: _
 }) => {
-  const x = vo({ ...n, items: o, groups: t }), L = e ? { label: n?.label, hideLabel: n?.hideLabel, ...x.search } : n, C = e && x.hasQuery && x.resultCount === 0, k = e ? x.items : o, f = e ? { ...t, ...x.groups } : t, R = h !== "combobox";
+  const b = vo({ ...n, items: o, groups: t }), L = e ? { label: n?.label, hideLabel: n?.hideLabel, ...b.search } : n, x = e && b.hasQuery && b.resultCount === 0, A = e ? b.items : o, h = e ? { ...t, ...b.groups } : t, R = m !== "combobox";
   return s ? /* @__PURE__ */ i(
     Hn,
     {
       id: _,
       search: L,
-      announceNoResults: C,
-      items: k,
-      groups: f,
+      announceNoResults: x,
+      items: A,
+      groups: h,
       variant: r,
       size: a,
       level: d,
@@ -1524,20 +1524,20 @@ const co = 0.3, uo = 0.4, da = ({ className: e }) => {
       keyboardEvents: l,
       scrollRefStyles: p,
       onActiveItemIdChange: c,
-      a11yMode: h,
+      a11yMode: m,
       open: v,
       scrollToTopOnOpen: g,
       autoActivateFirstItem: R,
-      autoFocusList: N
+      autoFocusList: C
     }
   ) : /* @__PURE__ */ i(
     Mt,
     {
       id: _,
       search: L,
-      announceNoResults: C,
-      items: k,
-      groups: f,
+      announceNoResults: x,
+      items: A,
+      groups: h,
       variant: r,
       size: a,
       level: d,
@@ -1545,14 +1545,14 @@ const co = 0.3, uo = 0.4, da = ({ className: e }) => {
       keyboardEvents: l,
       scrollRefStyles: p,
       onActiveItemIdChange: c,
-      a11yMode: h,
+      a11yMode: m,
       open: v,
       scrollToTopOnOpen: g,
       autoActivateFirstItem: R,
-      autoFocusList: N
+      autoFocusList: C
     }
   );
-}, go = "_media_1089b_3", bo = "_icon_1089b_10", yo = "_avatar_1089b_14", wo = "_avatarGroup_1089b_18", pe = {
+}, go = "_media_1089b_3", bo = "_icon_1089b_10", yo = "_avatar_1089b_14", wo = "_avatarGroup_1089b_18", fe = {
   media: go,
   icon: bo,
   avatar: yo,
@@ -1565,10 +1565,10 @@ const gt = ({ className: e, loading: n, icon: o, children: t }) => {
   if (!o)
     return null;
   if (n)
-    return /* @__PURE__ */ i("div", { className: G(pe.icon, e), children: /* @__PURE__ */ i(ce, { svgElement: qe, loading: !0 }) });
+    return /* @__PURE__ */ i("div", { className: K(fe.icon, e), children: /* @__PURE__ */ i(de, { svgElement: qe, loading: !0 }) });
   const r = Je(o) ? "avatar" : Ze(o) ? "avatarGroup" : (tt(o), "icon");
-  return /* @__PURE__ */ w("div", { className: G(pe.media, e), "data-variant": r, children: [
-    Je(o) && /* @__PURE__ */ i(it, { ...o, className: pe.avatar }) || Ze(o) && /* @__PURE__ */ i(Ae, { ...o, className: pe.avatarGroup }) || tt(o) && /* @__PURE__ */ i(ce, { ...o, className: pe.icon }) || _o(o) && /* @__PURE__ */ i(ce, { className: pe.icon, children: o }) || /* @__PURE__ */ i(ce, { className: pe.icon, svgElement: o }),
+  return /* @__PURE__ */ w("div", { className: K(fe.media, e), "data-variant": r, children: [
+    Je(o) && /* @__PURE__ */ i(it, { ...o, className: fe.avatar }) || Ze(o) && /* @__PURE__ */ i(Ae, { ...o, className: fe.avatarGroup }) || tt(o) && /* @__PURE__ */ i(de, { ...o, className: fe.icon }) || _o(o) && /* @__PURE__ */ i(de, { className: fe.icon, children: o }) || /* @__PURE__ */ i(de, { className: fe.icon, svgElement: o }),
     t
   ] });
 }, xo = "_heading_ydkmu_1", Io = {
@@ -1586,14 +1586,14 @@ const gt = ({ className: e, loading: n, icon: o, children: t }) => {
   maxRows: l,
   className: p,
   style: c,
-  children: h
+  children: m
 }) => {
-  const v = t, g = Kt(h, o || []);
+  const v = t, g = Kt(m, o || []);
   return /* @__PURE__ */ i(
     v,
     {
       id: e,
-      className: G(Io.heading, p),
+      className: K(Io.heading, p),
       style: c,
       "data-size": r,
       "data-leading": a,
@@ -1615,7 +1615,7 @@ const gt = ({ className: e, loading: n, icon: o, children: t }) => {
   highlightWords: a,
   loading: d,
   children: u
-}) => /* @__PURE__ */ i("span", { className: G(So.label, e), children: u || /* @__PURE__ */ w(we, { children: [
+}) => /* @__PURE__ */ i("span", { className: K(So.label, e), children: u || /* @__PURE__ */ w(we, { children: [
   n && /* @__PURE__ */ i(Ee, { ...o, as: "span", loading: d, highlightWords: a, maxRows: 2, children: n }),
   t && /* @__PURE__ */ i(
     Ee,
@@ -1651,33 +1651,33 @@ const gt = ({ className: e, loading: n, icon: o, children: t }) => {
   size: l = "sm",
   variant: p,
   color: c,
-  checked: h,
+  checked: m,
   icon: v,
   label: g,
-  badge: N,
+  badge: C,
   controls: _,
-  title: x,
+  title: b,
   htmlTitle: L,
-  description: C,
-  highlightWords: k,
-  count: f,
+  description: x,
+  highlightWords: A,
+  count: h,
   linkIcon: R = !1,
-  disabled: I,
-  selected: H,
+  disabled: O,
+  selected: $,
   active: W,
-  tabIndex: y = 0,
+  tabIndex: I = 0,
   className: T,
-  "data-testid": M,
-  ...P
+  "data-testid": k,
+  ...M
 }) => {
-  const m = typeof g == "function" ? g() : g, S = en(P), z = o === "option";
-  if (o === "radio" || o === "checkbox" || o === "menuitemradio" || o === "menuitemcheckbox" || z && typeof h == "boolean") {
-    const j = v || (h ? Pt : Pn);
+  const f = typeof g == "function" ? g() : g, E = en(M), z = o === "option";
+  if (o === "radio" || o === "checkbox" || o === "menuitemradio" || o === "menuitemcheckbox" || z && typeof m == "boolean") {
+    const F = v || (m ? Pt : Pn);
     return /* @__PURE__ */ w(
       "div",
       {
-        ...S,
-        className: G(V.item, T),
+        ...E,
+        className: K(V.item, T),
         id: e,
         "data-id": e,
         "data-group-id": n,
@@ -1686,58 +1686,58 @@ const gt = ({ className: e, loading: n, icon: o, children: t }) => {
         "data-color": c,
         "data-active": W,
         role: o,
-        "aria-disabled": I,
-        "aria-checked": z ? void 0 : !!h,
-        "aria-selected": z ? !!h : void 0,
-        "data-selected": h,
-        "aria-label": x,
+        "aria-disabled": O,
+        "aria-checked": z ? void 0 : !!m,
+        "aria-selected": z ? !!m : void 0,
+        "data-selected": m,
+        "aria-label": b,
         title: L,
-        "data-testid": M,
-        onKeyUp: (K) => {
-          I || (K.target === K.currentTarget && K.key === "Enter" && d?.(), u?.(K));
+        "data-testid": k,
+        onKeyUp: (G) => {
+          O || (G.target === G.currentTarget && G.key === "Enter" && d?.(), u?.(G));
         },
-        onClick: I ? void 0 : d,
+        onClick: O ? void 0 : d,
         onMouseEnter: s,
-        tabIndex: y,
+        tabIndex: I,
         children: [
-          /* @__PURE__ */ i(gt, { icon: j, className: V.media }),
+          /* @__PURE__ */ i(gt, { icon: F, className: V.media }),
           /* @__PURE__ */ i(
             bt,
             {
               className: V.label,
-              highlightWords: k,
+              highlightWords: A,
               title: /* @__PURE__ */ w(we, { children: [
-                x,
+                b,
                 " ",
-                f && /* @__PURE__ */ i("i", { className: V.count, children: f })
+                h && /* @__PURE__ */ i("i", { className: V.count, children: h })
               ] }),
               titleProps: {
                 weight: "medium",
                 className: V.title
               },
-              description: C,
+              description: x,
               descriptionProps: {
                 weight: "normal",
                 variant: "subtle",
                 className: V.description
               },
-              children: m
+              children: f
             }
           ),
           /* @__PURE__ */ w(et, { children: [
-            N && /* @__PURE__ */ i(ie, { ...N }),
-            !I && _
+            C && /* @__PURE__ */ i(ie, { ...C }),
+            !O && _
           ] })
         ]
       }
     );
   }
-  const A = r || (a ? "a" : "button"), D = R && yn;
+  const P = r || (a ? "a" : "button"), j = R && yn;
   return /* @__PURE__ */ w(
-    A,
+    P,
     {
       href: a,
-      className: G(V.item, T),
+      className: K(V.item, T),
       id: e,
       "data-id": e,
       "data-group-id": n,
@@ -1745,50 +1745,50 @@ const gt = ({ className: e, loading: n, icon: o, children: t }) => {
       "data-variant": p,
       "data-color": c,
       "data-active": W,
-      "aria-disabled": I,
-      ...I ? { disabled: I } : {},
-      "aria-current": o !== "option" && H ? "page" : void 0,
-      "aria-selected": o === "option" ? H : void 0,
-      "data-selected": H,
-      "aria-label": x,
+      "aria-disabled": O,
+      ...O ? { disabled: O } : {},
+      "aria-current": o !== "option" && $ ? "page" : void 0,
+      "aria-selected": o === "option" ? $ : void 0,
+      "data-selected": $,
+      "aria-label": b,
       title: L,
-      "data-testid": M,
-      onKeyUp: (j) => {
-        I || (j.target === j.currentTarget && j.key === "Enter" && d?.(), u?.(j));
+      "data-testid": k,
+      onKeyUp: (F) => {
+        O || (F.target === F.currentTarget && F.key === "Enter" && d?.(), u?.(F));
       },
       onClick: d,
       onMouseEnter: s,
-      tabIndex: I ? -1 : y ?? 0,
+      tabIndex: O ? -1 : I ?? 0,
       role: t === "navigation" ? void 0 : o === "menuItem" ? "menuitem" : o,
-      ...S,
+      ...E,
       children: [
         v && /* @__PURE__ */ i(gt, { icon: v, className: V.media }),
         /* @__PURE__ */ i(
           bt,
           {
             className: V.label,
-            highlightWords: k,
+            highlightWords: A,
             title: /* @__PURE__ */ w(we, { children: [
-              x,
+              b,
               " ",
-              f && /* @__PURE__ */ i("i", { className: V.count, children: f })
+              h && /* @__PURE__ */ i("i", { className: V.count, children: h })
             ] }),
             titleProps: {
               weight: "medium",
               className: V.title
             },
-            description: C,
+            description: x,
             descriptionProps: {
               variant: "subtle",
               className: V.description
             },
-            children: m
+            children: f
           }
         ),
         /* @__PURE__ */ w(et, { children: [
-          N && /* @__PURE__ */ i(ie, { ...N }),
-          !I && _,
-          R && /* @__PURE__ */ i(ce, { svgElement: D, className: V.linkIcon })
+          C && /* @__PURE__ */ i(ie, { ...C }),
+          !O && _,
+          R && /* @__PURE__ */ i(de, { svgElement: j, className: V.linkIcon })
         ] })
       ]
     }
@@ -1815,51 +1815,51 @@ const gt = ({ className: e, loading: n, icon: o, children: t }) => {
   onClear: l,
   clearButtonAltText: p = "Clear search",
   menu: c,
-  minLength: h,
+  minLength: m,
   ...v
 }) => {
-  const g = lt(), [N, _] = de(!1), x = v.id || `search-field-${g}`, L = `${x}-listbox`, [C, k] = de(void 0), f = "searchfield-clear-button-" + lt(), R = fe(() => !c || !s || typeof h == "number" && typeof s == "string" && s.length < h ? !1 : N, [c, N, h, s]), I = fe(() => (c?.items ?? []).map((m) => ({
-    ...m,
+  const g = lt(), [C, _] = ue(!1), b = v.id || `search-field-${g}`, L = `${b}-listbox`, [x, A] = ue(void 0), h = "searchfield-clear-button-" + lt(), R = me(() => !c || !s || typeof m == "number" && typeof s == "string" && s.length < m ? !1 : C, [c, C, m, s]), O = me(() => (c?.items ?? []).map((f) => ({
+    ...f,
     onClick: () => {
-      m.onClick?.(), _(!1);
+      f.onClick?.(), _(!1);
     }
-  })), [c]), H = (m) => {
-    if (m.key === "Enter" && R) {
+  })), [c]), $ = (f) => {
+    if (f.key === "Enter" && R) {
       c?.items?.[0]?.onClick?.(), _(!1);
       return;
     }
-    if (m.key === "Escape" && R) {
-      m.preventDefault(), m.stopPropagation(), _(!1), c?.onClose(), document.getElementById(x)?.focus();
+    if (f.key === "Escape" && R) {
+      f.preventDefault(), f.stopPropagation(), _(!1), c?.onClose(), document.getElementById(b)?.focus();
       return;
     }
-    v.onKeyDown?.(m), _(!0);
+    v.onKeyDown?.(f), _(!0);
   }, W = () => {
     _(!0);
-  }, y = (m) => {
-    if (!N) return;
-    const S = m.relatedTarget;
-    S && m.currentTarget.contains(S) || _(!1);
-  }, T = (m) => {
-    m.preventDefault();
-  }, M = (m) => {
-    m.relatedTarget?.id === f && k(void 0), v.onBlur?.(m);
-  }, P = /* @__PURE__ */ w(
+  }, I = (f) => {
+    if (!C) return;
+    const E = f.relatedTarget;
+    E && f.currentTarget.contains(E) || _(!1);
+  }, T = (f) => {
+    f.preventDefault();
+  }, k = (f) => {
+    f.relatedTarget?.id === h && A(void 0), v.onBlur?.(f);
+  }, M = /* @__PURE__ */ w(
     Dn,
     {
       size: r,
       color: a,
       label: u ? void 0 : d,
-      htmlFor: x,
-      className: G(oe.field, e),
+      htmlFor: b,
+      className: K(oe.field, e),
       "data-collapsible": n ? !0 : void 0,
-      onBlurCapture: y,
+      onBlurCapture: I,
       children: [
         /* @__PURE__ */ i("span", { className: oe.hiddenInput, "aria-hidden": "true", children: s + " " }),
         /* @__PURE__ */ i(
           Qt,
           {
             ...v,
-            id: x,
+            id: b,
             "aria-label": u && typeof d == "string" ? d : void 0,
             inputSize: 5,
             type: "search",
@@ -1868,16 +1868,16 @@ const gt = ({ className: e, loading: n, icon: o, children: t }) => {
             "data-collapsible": n ? !0 : void 0,
             autoCapitalize: "off",
             autoComplete: "off",
-            minLength: h,
-            onKeyDown: H,
-            onBlur: M,
+            minLength: m,
+            onKeyDown: $,
+            onBlur: k,
             ...c && {
               role: "combobox",
               "aria-autocomplete": "list",
               "aria-expanded": !!R,
               "aria-haspopup": "listbox",
               "aria-controls": R ? L : void 0,
-              "aria-activedescendant": R ? C : void 0,
+              "aria-activedescendant": R ? x : void 0,
               onFocus: W
             }
           }
@@ -1886,7 +1886,7 @@ const gt = ({ className: e, loading: n, icon: o, children: t }) => {
         l && !!s && /* @__PURE__ */ i("span", { className: oe.clear, children: /* @__PURE__ */ i(
           _e,
           {
-            id: f,
+            id: h,
             "data-testid": "clear-button",
             size: "xs",
             rounded: !0,
@@ -1894,7 +1894,7 @@ const gt = ({ className: e, loading: n, icon: o, children: t }) => {
             variant: "tinted",
             className: oe.clearButton,
             onClick: () => {
-              l?.(), document.getElementById(x)?.focus();
+              l?.(), document.getElementById(b)?.focus();
             },
             "aria-label": p,
             "data-action": "clear-input",
@@ -1905,22 +1905,22 @@ const gt = ({ className: e, loading: n, icon: o, children: t }) => {
     }
   );
   return c ? /* @__PURE__ */ w("div", { className: oe.fieldContainer, children: [
-    P,
+    M,
     R && /* @__PURE__ */ i("div", { className: oe.autocomplete, "aria-hidden": !R, onMouseDown: T, children: /* @__PURE__ */ i(
       Lt,
       {
         ...c,
         id: L,
-        items: I,
+        items: O,
         groups: c?.groups,
         keyboardEvents: !0,
         a11yMode: "combobox",
         open: R,
         autoFocusList: !1,
-        onActiveItemIdChange: k
+        onActiveItemIdChange: A
       }
     ) })
-  ] }) : P;
+  ] }) : M;
 }, Ho = "_byline_fzp7k_1", Fo = "_avatar_fzp7k_7", qo = "_avatarGroup_fzp7k_12", Wo = "_label_fzp7k_26", Ne = {
   byline: Ho,
   avatar: Fo,
@@ -1978,126 +1978,126 @@ const gt = ({ className: e, loading: n, icon: o, children: t }) => {
   trigger: l,
   children: p,
   open: c,
-  onClose: h,
+  onClose: m,
   color: v,
   onSubmit: g,
-  activeDescendantId: N,
+  activeDescendantId: C,
   useFixedPosition: _ = !1,
-  expanded: x = !1
+  expanded: b = !1
 }) => {
-  const L = J(null), C = J(null), k = J(c);
+  const L = J(null), x = J(null), A = J(c);
   U(() => {
-    k.current = c;
+    A.current = c;
   }, [c]);
-  const [f, R] = de({
+  const [h, R] = ue({
     yDir: r.includes("top") ? "top" : "bottom",
     xDir: r.includes("right") ? "right" : "left",
     maxHeight: 300
-  }), I = xt(() => {
-    if (c && L.current && C.current) {
-      const y = L.current.getBoundingClientRect(), T = C.current.getBoundingClientRect(), M = window.innerHeight, P = window.innerWidth, m = 16, S = M - y.bottom, z = y.top, $ = P - y.right - T.width, A = S < 250 && z > S, D = A ? "top" : "bottom", j = (A ? z : S) - m, ve = $ < m ? "right" : "left";
-      R((Z) => ({
-        ...Z,
-        yDir: D,
-        maxHeight: j,
-        xDir: ve,
-        triggerRect: _ ? y : void 0
+  }), O = xt(() => {
+    if (c && L.current && x.current) {
+      const I = L.current.getBoundingClientRect(), T = x.current.getBoundingClientRect(), k = window.innerHeight, M = window.innerWidth, f = 16, E = k - I.bottom, z = I.top, D = M - I.right - T.width, P = E < 250 && z > E, j = P ? "top" : "bottom", F = (P ? z : E) - f, se = D < f ? "right" : "left";
+      R((ee) => ({
+        ...ee,
+        yDir: j,
+        maxHeight: F,
+        xDir: se,
+        triggerRect: _ ? I : void 0
       }));
     }
   }, [c, _]);
-  Xe(() => (I(), window.addEventListener("resize", I), _ && window.addEventListener("scroll", I, !0), () => {
-    window.removeEventListener("resize", I), _ && window.removeEventListener("scroll", I, !0);
-  }), [I, _]), U(() => {
+  Xe(() => (O(), window.addEventListener("resize", O), _ && window.addEventListener("scroll", O, !0), () => {
+    window.removeEventListener("resize", O), _ && window.removeEventListener("scroll", O, !0);
+  }), [O, _]), U(() => {
     if (!c) return;
-    const y = requestAnimationFrame(() => {
-      const T = C.current;
+    const I = requestAnimationFrame(() => {
+      const T = x.current;
       if (!T) return;
-      const M = T.querySelector(
+      const k = T.querySelector(
         'input[type="search"]:not([disabled]), input[role="searchbox"]:not([disabled]), input[data-dropdown-search]:not([disabled])'
       );
-      if (M) {
-        const P = M.value.length;
-        M.focus({ preventScroll: !0 });
+      if (k) {
+        const M = k.value.length;
+        k.focus({ preventScroll: !0 });
         try {
-          M.setSelectionRange(P, P);
+          k.setSelectionRange(M, M);
         } catch {
         }
         return;
       }
       T.focus?.({ preventScroll: !0 });
     });
-    return () => cancelAnimationFrame(y);
+    return () => cancelAnimationFrame(I);
   }, [c]), U(() => {
-    const y = (M) => {
-      M.key === "Escape" && (M.preventDefault(), h());
-    }, T = (M) => {
-      const P = M.target, m = L.current?.contains(P), S = C.current?.contains(P);
-      !m && !S && h();
+    const I = (k) => {
+      k.key === "Escape" && (k.preventDefault(), m());
+    }, T = (k) => {
+      const M = k.target, f = L.current?.contains(M), E = x.current?.contains(M);
+      !f && !E && m();
     };
-    return c && (document.addEventListener("mousedown", T), document.addEventListener("keydown", y)), () => {
-      document.removeEventListener("mousedown", T), document.removeEventListener("keydown", y);
+    return c && (document.addEventListener("mousedown", T), document.addEventListener("keydown", I)), () => {
+      document.removeEventListener("mousedown", T), document.removeEventListener("keydown", I);
     };
-  }, [c, h]), U(() => {
+  }, [c, m]), U(() => {
     if (!c) return;
-    const y = C.current;
-    if (!y) return;
-    const T = (P) => {
-      if (!k.current)
+    const I = x.current;
+    if (!I) return;
+    const T = (M) => {
+      if (!A.current)
         return;
-      const m = P.target;
-      m && !y.contains(m) && Zo(y);
-    }, M = (P) => {
-      if (P.key !== "Tab") return;
-      const m = Dt(y);
-      if (m.length === 0) {
-        P.preventDefault(), y.focus?.({ preventScroll: !0 });
+      const f = M.target;
+      f && !I.contains(f) && Zo(I);
+    }, k = (M) => {
+      if (M.key !== "Tab") return;
+      const f = Dt(I);
+      if (f.length === 0) {
+        M.preventDefault(), I.focus?.({ preventScroll: !0 });
         return;
       }
-      const S = m[0], z = m[m.length - 1], $ = document.activeElement;
-      P.shiftKey ? $ === S && (P.preventDefault(), z.focus({ preventScroll: !0 })) : $ === z && (P.preventDefault(), S.focus({ preventScroll: !0 }));
+      const E = f[0], z = f[f.length - 1], D = document.activeElement;
+      M.shiftKey ? D === E && (M.preventDefault(), z.focus({ preventScroll: !0 })) : D === z && (M.preventDefault(), E.focus({ preventScroll: !0 }));
     };
-    return document.addEventListener("focusin", T), document.addEventListener("keydown", M), () => {
-      document.removeEventListener("focusin", T), document.removeEventListener("keydown", M);
+    return document.addEventListener("focusin", T), document.addEventListener("keydown", k), () => {
+      document.removeEventListener("focusin", T), document.removeEventListener("keydown", k);
     };
   }, [c]);
-  const H = _ && f.triggerRect ? {
+  const $ = _ && h.triggerRect ? {
     position: "fixed",
     zIndex: 1e3,
     width: "max-content",
-    maxHeight: `${f.maxHeight}px`,
+    maxHeight: `${h.maxHeight}px`,
     overflowY: "auto",
-    [f.xDir === "left" ? "left" : "right"]: f.xDir === "left" ? f.triggerRect.left : window.innerWidth - f.triggerRect.right,
-    [f.yDir === "bottom" ? "top" : "bottom"]: f.yDir === "bottom" ? f.triggerRect.bottom + 8 : window.innerHeight - f.triggerRect.top + 8
+    [h.xDir === "left" ? "left" : "right"]: h.xDir === "left" ? h.triggerRect.left : window.innerWidth - h.triggerRect.right,
+    [h.yDir === "bottom" ? "top" : "bottom"]: h.yDir === "bottom" ? h.triggerRect.bottom + 8 : window.innerHeight - h.triggerRect.top + 8
   } : {
     position: "absolute",
     zIndex: 50,
     width: "max-content",
-    maxHeight: `${f.maxHeight}px`,
+    maxHeight: `${h.maxHeight}px`,
     overflowY: "auto",
-    [f.xDir]: 0,
-    [f.yDir === "bottom" ? "top" : "bottom"]: "100%"
+    [h.xDir]: 0,
+    [h.yDir === "bottom" ? "top" : "bottom"]: "100%"
   }, W = /* @__PURE__ */ w(
     "div",
     {
-      ref: C,
-      className: G(be.dropdown, o),
-      style: H,
+      ref: x,
+      className: K(be.dropdown, o),
+      style: $,
       "aria-hidden": !c,
       "data-variant": a,
       "data-color": v,
-      "data-expanded": x,
+      "data-expanded": b,
       "data-size": n,
       tabIndex: -1,
       role: c ? "menu" : void 0,
       "aria-modal": c && a === "drawer-dropdown" ? !0 : void 0,
-      "aria-activedescendant": c ? N : void 0,
+      "aria-activedescendant": c ? C : void 0,
       children: [
         /* @__PURE__ */ w("header", { className: be.header, children: [
           /* @__PURE__ */ i("h2", { className: be.title, children: d }),
-          /* @__PURE__ */ i(_e, { size: "sm", variant: "outline", onClick: h, "aria-label": u, children: /* @__PURE__ */ i(qe, {}) })
+          /* @__PURE__ */ i(_e, { size: "sm", variant: "outline", onClick: m, "aria-label": u, children: /* @__PURE__ */ i(qe, {}) })
         ] }),
         /* @__PURE__ */ i("div", { className: be.content, children: p }),
-        s && /* @__PURE__ */ i("footer", { className: be.footer, children: /* @__PURE__ */ i(_e, { size: "lg", variant: "solid", onClick: g || h, rounded: !0, children: /* @__PURE__ */ i("span", { "data-size": "md", children: s }) }) })
+        s && /* @__PURE__ */ i("footer", { className: be.footer, children: /* @__PURE__ */ i(_e, { size: "lg", variant: "solid", onClick: g || m, rounded: !0, children: /* @__PURE__ */ i("span", { "data-size": "md", children: s }) }) })
       ]
     }
   );
@@ -2130,9 +2130,9 @@ const gt = ({ className: e, loading: n, icon: o, children: t }) => {
         const p = s.props || {};
         return /* @__PURE__ */ w(wt, { children: [
           p?.title && /* @__PURE__ */ i(Ee, { as: "h2", size: "lg", children: p.title }),
-          /* @__PURE__ */ i("ul", { className: Le.list, children: s?.items.map((c, h) => {
+          /* @__PURE__ */ i("ul", { className: Le.list, children: s?.items.map((c, m) => {
             const v = c.props || {};
-            return /* @__PURE__ */ qt(jt, { ...v, highlightWords: a, key: "dialog-list-item" + h });
+            return /* @__PURE__ */ qt(jt, { ...v, highlightWords: a, key: "dialog-list-item" + m });
           }) })
         ] }, "dialog-list-item" + l);
       })
@@ -2140,7 +2140,7 @@ const gt = ({ className: e, loading: n, icon: o, children: t }) => {
   }
 );
 rr.displayName = "DialogList";
-const ar = "_item_1cw3x_3", ir = "_border_1cw3x_75", sr = "_header_1cw3x_86", lr = "_summary_1cw3x_102", cr = "_controls_1cw3x_116", dr = "_footer_1cw3x_123", ur = "_seenBy_1cw3x_128", pr = "_link_1cw3x_138", fr = "_title_1cw3x_143", te = {
+const ar = "_item_1cw3x_3", ir = "_border_1cw3x_75", sr = "_header_1cw3x_86", lr = "_summary_1cw3x_102", cr = "_controls_1cw3x_116", dr = "_footer_1cw3x_123", ur = "_seenBy_1cw3x_128", pr = "_link_1cw3x_138", fr = "_title_1cw3x_143", Z = {
   item: ar,
   border: ir,
   header: sr,
@@ -2164,68 +2164,66 @@ const ar = "_item_1cw3x_3", ir = "_border_1cw3x_75", sr = "_header_1cw3x_86", lr
     extendedStatusLabel: l,
     sender: p,
     recipient: c,
-    recipientLabel: h = "to",
+    recipientLabel: m = "to",
     grouped: v = !1,
     updatedAt: g,
-    updatedAtLabel: N,
+    updatedAtLabel: C,
     archived: _,
-    archivedAt: x,
+    archivedAt: b,
     archivedAtLabel: L,
-    trashed: C,
-    trashedAt: k,
-    trashedAtLabel: f,
+    trashed: x,
+    trashedAt: A,
+    trashedAtLabel: h,
     badge: R,
-    dueAt: I,
-    dueAtExpired: H,
-    dueAtLabel: W,
-    unread: y,
-    unreadLabel: T = "Ulest",
-    unreadItems: M,
-    unreadItemsLabel: P = "Ulest innhold",
-    seenByLog: m,
-    draftsLabel: S,
-    sentCount: z,
-    receivedCount: $,
-    attachmentsCount: A,
+    dueAt: O,
+    unread: $,
+    unreadLabel: W = "Ulest",
+    unreadItems: I,
+    unreadItemsLabel: T = "Ulest innhold",
+    seenByLog: k,
+    draftsLabel: M,
+    sentCount: f,
+    receivedCount: E,
+    attachmentsCount: z,
     attachmentsLabel: D,
-    tooltips: j = {},
-    title: K,
-    description: ve,
-    summary: Z,
-    highlightWords: ee,
-    id: b,
-    ...E
+    tooltips: P = {},
+    title: j,
+    description: F,
+    summary: G,
+    highlightWords: se,
+    id: ee,
+    ...te
   }) => {
-    const B = d ? "select" : o;
+    const y = d ? "select" : o;
     return /* @__PURE__ */ w(
       sn,
       {
         as: "li",
-        id: b,
-        className: te.item,
+        id: ee,
+        className: Z.item,
         size: n,
         color: t,
-        variant: B,
-        "data-unread": y ? "true" : "false",
+        variant: y,
+        "data-unread": $ ? "true" : "false",
         "data-selected": u,
-        "data-trashed": C,
+        "data-trashed": x,
         "data-archived": _,
         "data-loading": r,
         children: [
-          /* @__PURE__ */ i(ln, { ...E, className: te.link, as: e, children: /* @__PURE__ */ w("div", { className: te.border, children: [
-            /* @__PURE__ */ w("header", { className: te.header, children: [
+          /* @__PURE__ */ i(ln, { ...te, className: Z.link, as: e, children: /* @__PURE__ */ w("div", { className: Z.border, children: [
+            /* @__PURE__ */ w("header", { className: Z.header, children: [
               /* @__PURE__ */ w(
                 Ee,
                 {
                   as: "h2",
-                  highlightWords: ee,
-                  weight: y ? "bold" : "normal",
+                  highlightWords: se,
+                  weight: $ ? "bold" : "normal",
                   loading: r,
                   maxRows: 2,
-                  className: te.title,
+                  className: Z.title,
                   children: [
-                    K,
-                    y && /* @__PURE__ */ i(ie, { label: T, variant: "tinted", style: { marginLeft: "0.75em", marginTop: "-2px" } }) || M && /* @__PURE__ */ i(ie, { label: P, style: { marginLeft: "0.75em", marginTop: "-2px" } })
+                    j,
+                    $ && /* @__PURE__ */ i(ie, { label: W, variant: "tinted", style: { marginLeft: "0.75em", marginTop: "-2px" } }) || I && /* @__PURE__ */ i(ie, { label: T, style: { marginLeft: "0.75em", marginTop: "-2px" } })
                   ]
                 }
               ),
@@ -2236,51 +2234,49 @@ const ar = "_item_1cw3x_3", ir = "_border_1cw3x_75", sr = "_header_1cw3x_86", lr
                   loading: r,
                   sender: p,
                   recipient: c,
-                  recipientLabel: h,
+                  recipientLabel: m,
                   grouped: v
                 }
               ),
-              Z && /* @__PURE__ */ i(
+              G && /* @__PURE__ */ i(
                 Ee,
                 {
                   as: "h3",
-                  highlightWords: ee,
+                  highlightWords: se,
                   weight: "normal",
-                  className: te.summary,
+                  className: Z.summary,
                   loading: r,
                   maxRows: 2,
-                  children: Z
+                  children: G
                 }
               )
             ] }),
             /* @__PURE__ */ i(
               mr,
               {
-                className: te.footer,
+                className: Z.footer,
                 loading: r,
                 badge: R,
                 status: s,
                 extendedStatusLabel: l,
-                draftsLabel: S,
-                sentCount: z,
-                receivedCount: $,
+                draftsLabel: M,
+                sentCount: f,
+                receivedCount: E,
                 updatedAt: g,
-                updatedAtLabel: N,
-                archivedAt: x,
+                updatedAtLabel: C,
+                archivedAt: b,
                 archivedAtLabel: L,
-                trashedAt: k,
-                trashedAtLabel: f,
-                dueAt: I,
-                dueAtExpired: H,
-                dueAtLabel: W,
-                attachmentsCount: A,
+                trashedAt: A,
+                trashedAtLabel: h,
+                dueAt: O,
+                attachmentsCount: z,
                 attachmentsLabel: D,
-                tooltips: j
+                tooltips: P
               }
             ),
-            m && j?.seenBy ? /* @__PURE__ */ i(at, { placement: "bottom", content: j?.seenBy, children: /* @__PURE__ */ i("span", { className: te.seenBy, children: /* @__PURE__ */ i(Ae, { items: m.items }) }) }) : m && /* @__PURE__ */ i(Ae, { items: m.items, className: te.seenBy })
+            k && P?.seenBy ? /* @__PURE__ */ i(at, { placement: "bottom", content: P?.seenBy, children: /* @__PURE__ */ i("span", { className: Z.seenBy, children: /* @__PURE__ */ i(Ae, { items: k.items }) }) }) : k && /* @__PURE__ */ i(Ae, { items: k.items, className: Z.seenBy })
           ] }) }),
-          /* @__PURE__ */ i(et, { className: te.controls, children: a })
+          /* @__PURE__ */ i(et, { className: Z.controls, children: a })
         ]
       }
     );
@@ -2295,81 +2291,79 @@ const mr = ({
   updatedAt: r,
   updatedAtLabel: a,
   dueAt: d,
-  dueAtExpired: u,
-  dueAtLabel: s,
-  archivedAt: l,
-  archivedAtLabel: p,
-  trashedAt: c,
-  trashedAtLabel: h,
-  draftsLabel: v,
-  sentCount: g = 0,
-  receivedCount: N = 0,
-  attachmentsCount: _ = 0,
-  attachmentsLabel: x,
-  transmissionsLabel: L,
-  activityLog: C,
-  extendedStatusLabel: k,
-  tooltips: f = {}
+  archivedAt: u,
+  archivedAtLabel: s,
+  trashedAt: l,
+  trashedAtLabel: p,
+  draftsLabel: c,
+  sentCount: m = 0,
+  receivedCount: v = 0,
+  attachmentsCount: g = 0,
+  attachmentsLabel: C,
+  transmissionsLabel: _,
+  activityLog: b,
+  extendedStatusLabel: L,
+  tooltips: x = {}
 }) => /* @__PURE__ */ w(cn, { className: e, size: "xs", children: [
-  o && /* @__PURE__ */ i(Ir, { tooltip: f.status, loading: n, ...o }),
-  k && /* @__PURE__ */ i(ie, { tooltip: f.extendedStatus, variant: "outline", children: k }),
-  v && /* @__PURE__ */ i(ie, { tooltip: f.drafts, variant: "dotted", children: v }),
-  r && /* @__PURE__ */ w(re, { tooltip: f.updatedAt, loading: n, datetime: r, size: "xs", children: [
+  o && /* @__PURE__ */ i(Ir, { tooltip: x.status, loading: n, ...o }),
+  L && /* @__PURE__ */ i(ie, { tooltip: x.extendedStatus, variant: "outline", children: L }),
+  c && /* @__PURE__ */ i(ie, { tooltip: x.drafts, variant: "dotted", children: c }),
+  r && /* @__PURE__ */ w(re, { tooltip: x.updatedAt, loading: n, datetime: r, size: "xs", children: [
     /* @__PURE__ */ i("strong", { children: t && t.name + ", " }),
     a
   ] }),
-  _ > 0 && /* @__PURE__ */ i(re, { tooltip: f.attachments, loading: n, size: "xs", icon: on, children: x || _ }),
-  L && /* @__PURE__ */ i(re, { tooltip: f.transmissions, loading: n, size: "xs", icon: On, children: L }),
-  g > 0 && /* @__PURE__ */ i(re, { tooltip: f.sent, size: "xs", icon: Pt, children: g }),
-  N > 0 && /* @__PURE__ */ i(re, { tooltip: f.received, size: "xs", icon: mn, children: N }),
-  d && s && /* @__PURE__ */ i(
+  g > 0 && /* @__PURE__ */ i(re, { tooltip: x.attachments, loading: n, size: "xs", icon: on, children: C || g }),
+  _ && /* @__PURE__ */ i(re, { tooltip: x.transmissions, loading: n, size: "xs", icon: On, children: _ }),
+  m > 0 && /* @__PURE__ */ i(re, { tooltip: x.sent, size: "xs", icon: Pt, children: m }),
+  v > 0 && /* @__PURE__ */ i(re, { tooltip: x.received, size: "xs", icon: mn, children: v }),
+  d && /* @__PURE__ */ i(
     re,
     {
-      variant: "tinted",
-      color: u ? "danger" : "warning",
-      tooltip: f.dueAt,
+      variant: d.variant ?? "tinted",
+      color: d.color ?? "warning",
+      tooltip: x.dueAt,
       loading: n,
-      datetime: d,
+      datetime: d.datetime,
       size: "xs",
       icon: rn,
-      children: s
+      children: d.label
     }
   ),
-  h && /* @__PURE__ */ i(
+  p && /* @__PURE__ */ i(
     re,
     {
       variant: "tinted",
       color: "neutral",
-      tooltip: f.trashedAt,
+      tooltip: x.trashedAt,
       loading: n,
-      datetime: c,
+      datetime: l,
       size: "xs",
       icon: Mn,
-      children: h
+      children: p
     }
-  ) || p && /* @__PURE__ */ i(
+  ) || s && /* @__PURE__ */ i(
     re,
     {
       variant: "tinted",
       color: "neutral",
-      tooltip: f.archivedAt,
+      tooltip: x.archivedAt,
       loading: n,
-      datetime: l,
+      datetime: u,
       size: "xs",
       icon: pn,
-      children: p
+      children: s
     }
   ),
-  C && /* @__PURE__ */ i(
+  b && /* @__PURE__ */ i(
     re,
     {
-      tooltip: f.activityLog,
+      tooltip: x.activityLog,
       loading: n,
       size: "xs",
       icon: xn,
-      as: C?.onClick ? "button" : "span",
-      onClick: C?.onClick,
-      children: C?.label || "Activity log"
+      as: b?.onClick ? "button" : "span",
+      onClick: b?.onClick,
+      children: b?.label || "Activity log"
     }
   )
 ] }), hr = ({
@@ -2394,9 +2388,9 @@ function yr(e) {
   return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || _t(e);
 }
 const yt = ({ size: e = "xs", icon: n, progress: o }) => !n && typeof o != "number" ? !1 : /* @__PURE__ */ w("span", { className: ye.media, "data-size": e, children: [
-  Je(n) && /* @__PURE__ */ i(it, { ...n, className: ye.avatar }) || Ze(n) && /* @__PURE__ */ i(Ae, { ...n, className: ye.avatarGroup }) || tt(n) && /* @__PURE__ */ i(ce, { ...n, className: ye.icon }) || yr(n) && n || /* @__PURE__ */ i(ce, { svgElement: n, className: ye.icon }),
+  Je(n) && /* @__PURE__ */ i(it, { ...n, className: ye.avatar }) || Ze(n) && /* @__PURE__ */ i(Ae, { ...n, className: ye.avatarGroup }) || tt(n) && /* @__PURE__ */ i(de, { ...n, className: ye.icon }) || yr(n) && n || /* @__PURE__ */ i(de, { svgElement: n, className: ye.icon }),
   o && /* @__PURE__ */ i(dn, { value: o, className: ye.icon })
-] }), wr = "_item_cqtms_1", _r = "_label_cqtms_54", Te = {
+] }), wr = "_item_10b23_1", _r = "_label_10b23_65", Te = {
   item: wr,
   label: _r
 }, re = ({
@@ -2413,15 +2407,15 @@ const yt = ({ size: e = "xs", icon: n, progress: o }) => !n && typeof o != "numb
   tooltip: p,
   ...c
 }) => {
-  const h = e || (l ? "time" : "span");
+  const m = e || (l ? "time" : "span");
   return p ? /* @__PURE__ */ i(at, { content: p, placement: "bottom", children: /* @__PURE__ */ i(
-    h,
+    m,
     {
       "data-size": r,
       "data-color": d,
       "data-variant": a,
       dateTime: l,
-      className: G(Te.item, o),
+      className: K(Te.item, o),
       ...c,
       children: /* @__PURE__ */ w(xe, { loading: n, children: [
         !n && u && /* @__PURE__ */ i(yt, { size: r, icon: u }),
@@ -2429,13 +2423,13 @@ const yt = ({ size: e = "xs", icon: n, progress: o }) => !n && typeof o != "numb
       ] })
     }
   ) }) : /* @__PURE__ */ i(
-    h,
+    m,
     {
       "data-size": r,
       "data-color": d,
       "data-variant": a,
       dateTime: l,
-      className: G(Te.item, o),
+      className: K(Te.item, o),
       ...c,
       children: /* @__PURE__ */ w(xe, { loading: n, children: [
         !n && u && /* @__PURE__ */ i(yt, { size: r, icon: u }),
@@ -2475,17 +2469,17 @@ const Ir = ({ loading: e, value: n = "not-applicable", label: o, tooltip: t }) =
     onSelectId: s,
     ...l
   }) => {
-    const p = an({ id: u, returnFocusOnClose: !0 }), c = l.searchable ? "combobox" : "menu", h = xt(
+    const p = an({ id: u, returnFocusOnClose: !0 }), c = l.searchable ? "combobox" : "menu", m = xt(
       (g) => {
         s?.(g?.id ?? ""), g?.role !== "checkbox" && p.setOpen(!1);
       },
       [s, p]
-    ), v = fe(
+    ), v = me(
       () => a.map((g) => ({
         ...g,
-        onClick: () => h(g)
+        onClick: () => m(g)
       })),
-      [a, h]
+      [a, m]
     );
     return e ? /* @__PURE__ */ w(_e, { className: Me.button, variant: o, title: r, disabled: !0, children: [
       /* @__PURE__ */ i("span", { className: Me.label, children: n }),
@@ -2546,7 +2540,7 @@ const Ir = ({ loading: e, value: n = "not-applicable", label: o, tooltip: t }) =
     onClear: l,
     onKeyDown: p,
     menu: c,
-    minLength: h,
+    minLength: m,
     disabled: v,
     htmlTitle: g
   }) => /* @__PURE__ */ i(
@@ -2567,7 +2561,7 @@ const Ir = ({ loading: e, value: n = "not-applicable", label: o, tooltip: t }) =
       autoComplete: "off",
       autoCapitalize: "off",
       type: "search",
-      minLength: h,
+      minLength: m,
       loading: a,
       menu: c,
       disabled: v
@@ -2579,7 +2573,7 @@ export {
   hr as D,
   Dn as F,
   Ee as H,
-  ce as I,
+  de as I,
   Lt as M,
   ua as R,
   $t as S,