@altinn/altinn-components 0.65.0 → 0.66.0

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

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as a, jsxs as x, Fragment as xe } from "react/jsx-runtime";
 import * as G 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 C, { forwardRef as Q, useRef as ee, useState as oe, useMemo as ie, useEffect as Y, 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 { c as U } from "./index-p1eeF8LQ.js";
 import { useEscapeKey as it } from "./hooks/useEscapeKey.js";
 import "./components/Typography/Link.js";
 import { Button as ve } from "./components/Button/Button.js";
@@ -19,7 +19,7 @@ import { Input as ut } from "./components/Forms/Input.js";
 import { Field as mt } from "./components/Forms/Field.js";
 import { Label as ft } from "./components/Forms/Label.js";
 import { TypingIcon as pt } from "./components/Icon/TypingIcon.js";
-import { u as Q } from "./useId-BVFxCjkq.js";
+import { u as X } from "./useId-BVFxCjkq.js";
 import { isAvatarProps as Ee, Avatar as je } from "./components/Avatar/Avatar.js";
 import { isAvatarGroupProps as Se, AvatarGroup as be } from "./components/Avatar/AvatarGroup.js";
 import { ItemControls as Re } from "./components/Item/ItemControls.js";
@@ -44,14 +44,14 @@ import './assets/ToolbarSearch.css';var Nt = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const kt = Y((e, o) => {
+const kt = Q((e, o) => {
   var { title: n, titleId: t } = e, r = Nt(e, ["title", "titleId"]);
-  let s = Q();
-  return s = n ? t || "title-" + s : void 0, k.createElement(
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
-    n ? 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" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4 3.25a.75.75 0 0 0-.75.75v3.5c0 .414.336.75.75.75h16a.75.75 0 0 0 .75-.75V4a.75.75 0 0 0-.75-.75zm15.5 6a.25.25 0 0 1 .25.25V19A1.75 1.75 0 0 1 18 20.75H6A1.75 1.75 0 0 1 4.25 19V9.5a.25.25 0 0 1 .25-.25zm-4.75 3.25a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h4a.75.75 0 0 1 .75.75", clipRule: "evenodd" })
   );
 });
 var Ct = function(e, o) {
@@ -62,14 +62,14 @@ var Ct = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const Et = Y((e, o) => {
+const Et = Q((e, o) => {
   var { title: n, titleId: t } = e, r = Ct(e, ["title", "titleId"]);
-  let s = Q();
-  return s = n ? t || "title-" + s : void 0, k.createElement(
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
-    n ? 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" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", d: "M12.75 5a.75.75 0 0 0-1.5 0v12.19l-3.22-3.22a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l4.5-4.5a.75.75 0 1 0-1.06-1.06l-3.22 3.22z" })
   );
 });
 var St = function(e, o) {
@@ -80,14 +80,14 @@ var St = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const Qe = Y((e, o) => {
+const Qe = Q((e, o) => {
   var { title: n, titleId: t } = e, r = St(e, ["title", "titleId"]);
-  let s = Q();
-  return s = n ? t || "title-" + s : void 0, k.createElement(
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
-    n ? 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" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939", clipRule: "evenodd" })
   );
 });
 var Rt = function(e, o) {
@@ -98,14 +98,14 @@ var Rt = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const zt = Y((e, o) => {
+const zt = Q((e, o) => {
   var { title: n, titleId: t } = e, r = Rt(e, ["title", "titleId"]);
-  let s = Q();
-  return s = n ? t || "title-" + s : void 0, k.createElement(
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
-    n ? 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" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.47 5.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 1 1-1.06-1.06L14.44 12 9.47 7.03a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
   );
 });
 var Pt = function(e, o) {
@@ -116,14 +116,14 @@ var Pt = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const Be = Y((e, o) => {
+const Be = Q((e, o) => {
   var { title: n, titleId: t } = e, r = Pt(e, ["title", "titleId"]);
-  let s = Q();
-  return s = n ? t || "title-" + s : void 0, k.createElement(
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
-    n ? 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" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z", clipRule: "evenodd" })
   );
 });
 var Mt = function(e, o) {
@@ -134,14 +134,14 @@ var Mt = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const $t = Y((e, o) => {
+const $t = Q((e, o) => {
   var { title: n, titleId: t } = e, r = Mt(e, ["title", "titleId"]);
-  let s = Q();
-  return s = n ? t || "title-" + s : void 0, k.createElement(
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
-    n ? 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" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.5 1.75a.75.75 0 0 1 .75.75v2.464a9.75 9.75 0 1 1 12.342 15.023.75.75 0 1 1-.86-1.229A8.251 8.251 0 1 0 6.084 6.25H9a.75.75 0 0 1 0 1.5H4.5A.75.75 0 0 1 3.75 7V2.5a.75.75 0 0 1 .75-.75M12.75 6a.75.75 0 0 0-1.5 0v6c0 .199.079.39.22.53l2.5 2.5a.75.75 0 1 0 1.06-1.06l-2.28-2.28zM3 11.25a.75.75 0 0 1 .75.75q0 .66.105 1.31a.75.75 0 0 1-1.481.24A10 10 0 0 1 2.25 12a.75.75 0 0 1 .75-.75m1.855 4.875a.75.75 0 0 0-1.299.75q.39.675.882 1.28a.75.75 0 1 0 1.163-.947 8 8 0 0 1-.746-1.083m1.995 3.294a.75.75 0 0 1 1.025-.274q.57.33 1.188.564a.75.75 0 1 1-.535 1.402 10 10 0 0 1-1.403-.667.75.75 0 0 1-.275-1.025m6.7 2.207a.75.75 0 1 0-.24-1.48q-.65.104-1.31.104a.75.75 0 0 0 0 1.5q.78 0 1.55-.124", clipRule: "evenodd" })
   );
 });
 var jt = function(e, o) {
@@ -152,14 +152,14 @@ var jt = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const At = Y((e, o) => {
+const At = Q((e, o) => {
   var { title: n, titleId: t } = e, r = jt(e, ["title", "titleId"]);
-  let s = Q();
-  return s = n ? t || "title-" + s : void 0, k.createElement(
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
-    n ? 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" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5", clipRule: "evenodd" })
   );
 });
 var Dt = function(e, o) {
@@ -170,14 +170,14 @@ var Dt = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const Bt = Y((e, o) => {
+const Bt = Q((e, o) => {
   var { title: n, titleId: t } = e, r = Dt(e, ["title", "titleId"]);
-  let s = Q();
-  return s = n ? t || "title-" + s : void 0, k.createElement(
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
-    n ? 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" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.5 3.25a7.25 7.25 0 1 0 4.569 12.88l5.411 5.41a.75.75 0 1 0 1.06-1.06l-5.41-5.411A7.25 7.25 0 0 0 10.5 3.25M4.75 10.5a5.75 5.75 0 1 1 11.5 0 5.75 5.75 0 0 1-11.5 0", clipRule: "evenodd" })
   );
 });
 var Tt = function(e, o) {
@@ -188,14 +188,14 @@ var Tt = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const Lt = Y((e, o) => {
+const Lt = Q((e, o) => {
   var { title: n, titleId: t } = e, r = Tt(e, ["title", "titleId"]);
-  let s = Q();
-  return s = n ? t || "title-" + s : void 0, k.createElement(
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
-    n ? 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" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.75 12a.75.75 0 0 1 .75-.75h13a.75.75 0 1 1 0 1.5h-13a.75.75 0 0 1-.75-.75", clipRule: "evenodd" })
   );
 });
 var Ft = function(e, o) {
@@ -206,14 +206,14 @@ var Ft = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const Ht = Y((e, o) => {
+const Ht = Q((e, o) => {
   var { title: n, titleId: t } = e, r = Ft(e, ["title", "titleId"]);
-  let s = Q();
-  return s = n ? t || "title-" + s : void 0, k.createElement(
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
-    n ? 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" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10 4.75c-.69 0-1.25.56-1.25 1.25v.25h6.5V6c0-.69-.56-1.25-1.25-1.25zm6.75 1.5V6A2.75 2.75 0 0 0 14 3.25h-4A2.75 2.75 0 0 0 7.25 6v.25H4.5a.75.75 0 0 0 0 1.5h.805l.876 11.384a1.75 1.75 0 0 0 1.745 1.616h8.148a1.75 1.75 0 0 0 1.745-1.616l.875-11.384h.806a.75.75 0 0 0 0-1.5h-2.75m-6 4.25a.75.75 0 0 0-1.5 0v6a.75.75 0 0 0 1.5 0zM14 9.75a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75", clipRule: "evenodd" })
   );
 });
 var Gt = function(e, o) {
@@ -224,14 +224,14 @@ var Gt = function(e, o) {
       o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
   return n;
 };
-const Ae = Y((e, o) => {
+const Ae = Q((e, o) => {
   var { title: n, titleId: t } = e, r = Gt(e, ["title", "titleId"]);
-  let s = Q();
-  return s = n ? t || "title-" + s : void 0, k.createElement(
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
     "svg",
     Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
-    n ? 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" })
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", d: "M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z" })
   );
 }), qt = "_badge_5li3b_1", Kt = "_label_5li3b_33", ye = {
   badge: qt,
@@ -243,14 +243,14 @@ const Ae = Y((e, o) => {
   theme: t,
   size: r = "sm",
   tooltip: s,
-  className: f,
-  style: p,
+  className: m,
+  style: f,
   children: l
 }) => s ? /* @__PURE__ */ a($e, { content: s, children: /* @__PURE__ */ a(
   "span",
   {
-    className: V(ye.badge, f),
-    style: p,
+    className: U(ye.badge, m),
+    style: f,
     "data-color": o,
     "data-variant": n,
     "data-theme": t,
@@ -261,8 +261,8 @@ const Ae = Y((e, o) => {
 ) }) : /* @__PURE__ */ a(
   "span",
   {
-    className: V(ye.badge, f),
-    style: p,
+    className: U(ye.badge, m),
+    style: f,
     "data-color": o,
     "data-variant": n,
     "data-theme": t,
@@ -282,15 +282,15 @@ const Ae = Y((e, o) => {
   size: t,
   color: r,
   iconUrl: s,
-  className: f,
-  style: p,
+  className: m,
+  style: f,
   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", { "data-ui": "icon", "data-size": t, "data-color": r, className: U(fe.icon, m), style: f, 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 }),
   l
-] }) }), Qt = ({ size: e, color: o, label: n, htmlFor: t, helperText: r, children: s, ...f }) => /* @__PURE__ */ x(mt, { size: e, color: o, ...f, children: [
+] }) }), Qt = ({ size: e, color: o, label: n, htmlFor: t, helperText: r, children: s, ...m }) => /* @__PURE__ */ x(mt, { size: e, color: o, ...m, 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: f,
-  onClear: p,
+  onChange: m,
+  onClear: f,
   onNavigate: l,
-  combobox: c = !1,
-  listId: y,
+  combobox: h = !1,
+  listId: p,
   "aria-activedescendant": i,
   onKeyDown: b,
-  onInput: h,
-  onFocus: _,
-  ...P
-}) => /* @__PURE__ */ a("li", { className: ke.search, style: e, "data-index": o, "data-menu-search": "true", children: c ? (
+  onInput: g,
+  onFocus: y,
+  ...M
+}) => /* @__PURE__ */ a("li", { className: ke.search, style: e, "data-index": o, "data-menu-search": "true", children: h ? (
   // 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": y, children: /* @__PURE__ */ a(
+  /* @__PURE__ */ a("div", { role: "combobox", "aria-expanded": !0, "aria-haspopup": "listbox", "aria-owns": p, children: /* @__PURE__ */ a(
     Pe,
     {
       size: "xs",
@@ -326,22 +326,22 @@ const Ae = Y((e, o) => {
       name: n,
       value: t,
       placeholder: r,
-      onChange: f,
-      onClear: p,
+      onChange: m,
+      onClear: f,
       clearButtonAltText: s,
       autoComplete: "off",
       autoCorrect: "off",
       autoCapitalize: "off",
       "aria-autocomplete": "list",
-      "aria-controls": y,
+      "aria-controls": p,
       "aria-activedescendant": i,
       autoFocus: !0,
       onKeyDown: (v) => {
         (v.key === "ArrowUp" || v.key === "ArrowDown") && (v.preventDefault(), l?.()), b?.(v);
       },
-      onInput: h,
-      onFocus: _,
-      ...P
+      onInput: g,
+      onFocus: y,
+      ...M
     }
   ) })
 ) : /* @__PURE__ */ a(
@@ -352,8 +352,8 @@ const Ae = Y((e, o) => {
     name: n,
     value: t,
     placeholder: r,
-    onChange: f,
-    onClear: p,
+    onChange: m,
+    onClear: f,
     clearButtonAltText: s,
     autoComplete: "off",
     autoCorrect: "off",
@@ -362,9 +362,9 @@ const Ae = Y((e, o) => {
     onKeyDown: (v) => {
       (v.key === "ArrowUp" || v.key === "ArrowDown") && (v.preventDefault(), l?.()), b?.(v);
     },
-    onInput: h,
-    onFocus: _,
-    ...P
+    onInput: g,
+    onFocus: y,
+    ...M
   }
 ) }), Je = ({
   level: e = 0,
@@ -373,243 +373,243 @@ const Ae = Y((e, o) => {
   a11yMode: t = "menu",
   open: r,
   scrollToTopOnOpen: s = !1,
-  autoActivateFirstItem: f = !0,
-  autoFocusList: p = !0,
+  autoActivateFirstItem: m = !0,
+  autoFocusList: f = !0,
   announceNoResults: l = !1,
-  search: c,
-  items: y,
+  search: h,
+  items: p,
   groups: i = {},
   size: b,
-  id: h,
-  color: _,
-  variant: P,
+  id: g,
+  color: y,
+  variant: M,
   scrollRefStyles: v = {},
   keyboardEvents: I = !1,
-  onSelect: D = () => {
+  onSelect: A = () => {
   },
-  onActiveItemIdChange: C
+  onActiveItemIdChange: E
 }) => {
   if (o && e >= o)
     return null;
-  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}`
+  const O = t === "combobox", d = O && g ? `${g}-listbox` : g, $ = ee(r), z = ee(r), [T, N] = oe(!1), P = ie(
+    () => p.map((u, k) => ({
+      ...u,
+      id: u.id || `${g}-item-${k}`
     })),
-    [y, h]
-  ), $ = Z(null), { menu: E, setActiveIndex: S, activeItem: u } = Me({
-    items: z,
+    [p, g]
+  ), j = ee(null), { menu: S, setActiveIndex: R, activeItem: c } = Me({
+    items: P,
     groups: i,
     groupByKey: "groupId",
     keyboardEvents: I,
-    autoActivateFirstItem: f,
-    onSelect: D,
-    ref: $
+    autoActivateFirstItem: m,
+    onSelect: A,
+    ref: j
   });
-  return W(() => {
-    C?.(u?.id);
-  }, [u?.id, C]), W(() => {
+  return Y(() => {
+    E?.(c?.id);
+  }, [c?.id, E]), Y(() => {
     if (!s) {
-      R.current = r;
+      $.current = r;
       return;
     }
-    const m = R.current;
-    R.current = r, r && !m && $.current?.scrollTo({ top: 0 });
-  }, [r, s]), W(() => {
-    const m = M.current;
-    M.current = r, !(!I || c || !p) && r && !m && requestAnimationFrame(() => $.current?.focus?.({ preventScroll: !0 }));
-  }, [r, I, c]), W(() => {
+    const u = $.current;
+    $.current = r, r && !u && j.current?.scrollTo({ top: 0 });
+  }, [r, s]), Y(() => {
+    const u = z.current;
+    z.current = r, !(!I || h || !f) && r && !u && requestAnimationFrame(() => j.current?.focus?.({ preventScroll: !0 }));
+  }, [r, I, h]), Y(() => {
     if (O && l) {
-      S(0), j(!0);
+      R(0), N(!0);
       return;
     }
-  }, [l, O, S]), /* @__PURE__ */ x(
+  }, [l, O, R]), /* @__PURE__ */ x(
     Ie,
     {
-      variant: P,
+      variant: M,
       expanded: n,
-      ref: $,
+      ref: j,
       style: v,
       id: d,
       role: O ? "listbox" : void 0,
       tabIndex: I ? -1 : void 0,
       children: [
-        c && /* @__PURE__ */ a(
+        h && /* @__PURE__ */ a(
           Xe,
           {
-            ...c,
+            ...h,
             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);
+            "aria-activedescendant": O && T ? c?.id : void 0,
+            onNavigate: O ? () => N(!0) : void 0,
+            onChange: (u) => {
+              N(!1), h.onChange?.(u);
             },
-            onFocus: (m) => {
-              j(!1), c.onFocus?.(m);
+            onFocus: (u) => {
+              N(!1), h.onFocus?.(u);
             },
-            onInput: (m) => {
-              j(!1), c.onInput?.(m);
+            onInput: (u) => {
+              N(!1), h.onInput?.(u);
             },
-            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);
+            onKeyDown: (u) => {
+              const k = u.key === "ArrowUp" || u.key === "ArrowDown", L = u.key.length === 1 || u.key === "Backspace" || u.key === "Delete";
+              O && !k && L && N(!1), h.onKeyDown?.(u);
             }
           }
         ),
-        E.map((m, N) => {
-          const L = m?.props || {}, { title: F, hidden: H = !1, divider: q = !0 } = L;
+        S.map((u, k) => {
+          const L = u?.props || {}, { title: F, hidden: K = !1, divider: H = !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: [
+            (e > 0 || k) && H ? /* @__PURE__ */ a(We, {}) : "",
+            /* @__PURE__ */ a(Ue, { hidden: K, 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;
+              u?.items.filter((q) => !q.props?.hidden).map((q, _) => {
+                const { active: w, onMouseEnter: D } = q, { groupId: W, ...B } = q.props || {}, { expanded: J } = B, le = Array.isArray(B?.items) && B.items.length > 0, ge = B.role === "checkbox" || B.role === "radio", Ne = O && !ge ? "option" : B.role;
                 return /* @__PURE__ */ x(
                   Ve,
                   {
-                    expanded: X,
-                    onMouseLeave: () => S(-1),
+                    expanded: J,
+                    onMouseLeave: () => R(-1),
                     role: O || ge ? "presentation" : void 0,
                     children: [
                       /* @__PURE__ */ a(
                         tt,
                         {
-                          ...T,
-                          size: T?.size || L?.size || b,
-                          color: T?.color || L?.color || _,
-                          variant: T?.variant || L?.variant || P,
+                          ...B,
+                          size: B?.size || L?.size || b,
+                          color: B?.color || L?.color || y,
+                          variant: B?.variant || L?.variant || M,
                           active: w,
                           role: Ne,
-                          selected: T.selected,
-                          tabIndex: T?.disabled || I ? -1 : T.tabIndex ?? 0,
-                          onMouseEnter: B,
+                          selected: B.selected,
+                          tabIndex: B?.disabled || I ? -1 : B.tabIndex ?? 0,
+                          onMouseEnter: D,
                           "aria-haspopup": le ? "menu" : void 0,
-                          "aria-expanded": le ? X : void 0,
-                          "aria-controls": le ? T.id + "-menu" : void 0
+                          "aria-expanded": le ? J : void 0,
+                          "aria-controls": le ? B.id + "-menu" : void 0
                         }
                       ),
-                      X && T?.items && /* @__PURE__ */ a(
+                      J && B?.items && /* @__PURE__ */ a(
                         Je,
                         {
-                          id: T.id + "-menu",
-                          expanded: X,
+                          id: B.id + "-menu",
+                          expanded: J,
                           level: e + 1,
                           maxLevels: o,
-                          items: T?.items,
+                          items: B?.items,
                           groups: i,
                           size: b,
-                          color: _,
-                          variant: P
+                          color: y,
+                          variant: M
                         }
                       )
                     ]
                   },
-                  g
+                  _
                 );
               })
-            ] }) }, N)
-          ] }, N);
+            ] }) }, k)
+          ] }, k);
         })
       ]
     }
   );
 }, Zt = (e) => {
-  const o = Z(null), n = Z(null), [t, r] = oe(0), {
+  const o = ee(null), n = ee(null), [t, r] = oe(0), {
     search: s,
-    items: f,
-    groups: p = {},
+    items: m,
+    groups: f = {},
     size: l,
-    color: c,
-    variant: y,
+    color: h,
+    variant: p,
     keyboardEvents: i,
     scrollRefStyles: b = {},
-    id: h,
-    expanded: _,
-    a11yMode: P = "menu",
+    id: g,
+    expanded: y,
+    a11yMode: M = "menu",
     open: v,
     scrollToTopOnOpen: I = !1,
-    autoActivateFirstItem: D = !0,
-    announceNoResults: C = !1,
+    autoActivateFirstItem: A = !0,
+    announceNoResults: E = !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 || `${h}-item-${w}`
+  } = e, d = M === "combobox", $ = d && g ? `${g}-listbox` : g, z = ee(v), [T, N] = oe(!1), P = ie(
+    () => m.map((_, w) => ({
+      ..._,
+      id: _.id || `${g}-item-${w}`
     })),
-    [f, h]
-  ), { menu: $, activeItem: E, setActiveIndex: S, activeIndex: u } = Me({
-    items: z,
-    groups: p,
+    [m, g]
+  ), { menu: j, activeItem: S, setActiveIndex: R, activeIndex: c } = Me({
+    items: P,
+    groups: f,
     groupByKey: "groupId",
     keyboardEvents: i,
-    autoActivateFirstItem: D,
+    autoActivateFirstItem: A,
     ref: o
-  }), { flatMenu: m, virtualizer: N, scrollMaxHeight: L } = vt({
-    menu: $,
+  }), { flatMenu: u, virtualizer: k, scrollMaxHeight: L } = vt({
+    menu: j,
     scrollRef: o
   });
   Ce(() => {
-    const g = n.current;
-    if (!g) return;
-    const w = Math.round(g.offsetTop);
-    r((B) => B === w ? B : w);
+    const _ = n.current;
+    if (!_) return;
+    const w = Math.round(_.offsetTop);
+    r((D) => D === w ? D : w);
   });
   const F = ie(() => {
-    const g = E?.id;
-    if (g)
-      return m.findIndex((B) => B.type === "item" && B.itemProps?.id === g);
-    if (u < 0) return -1;
+    const _ = S?.id;
+    if (_)
+      return u.findIndex((D) => D.type === "item" && D.itemProps?.id === _);
+    if (c < 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;
+    for (let D = 0; D < u.length; D++)
+      if (u[D]?.type === "item" && (w += 1, w === c))
+        return D;
     return -1;
-  }, [E?.id, u, m]), H = Z(null);
+  }, [S?.id, c, u]), K = ee(null);
   Ce(() => {
-    const g = H?.current, w = typeof g == "number" ? F <= g : !1;
-    H.current = F;
-    const B = w ? F : F + 2;
+    const _ = K?.current, w = typeof _ == "number" ? F <= _ : !1;
+    K.current = F;
+    const D = w ? F : F + 2;
     if (!w) {
-      const le = N.getOffsetForIndex(B, "auto");
+      const le = k.getOffsetForIndex(D, "auto");
       if (!le) return;
       const [ge, Ne] = le;
       if (Ne === "auto") return;
-      N.scrollToOffset(ge + t + 10, { align: "start" });
+      k.scrollToOffset(ge + t + 10, { align: "start" });
       return;
     }
     if (F <= 3) {
-      N.scrollToOffset(0);
+      k.scrollToOffset(0);
       return;
     }
-    const U = N.getOffsetForIndex(F - 1, "auto");
-    if (!U) return;
-    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();
+    const W = k.getOffsetForIndex(F - 1, "auto");
+    if (!W) return;
+    const [B, J] = W;
+    J !== "auto" && k.scrollToOffset(B + t + 10, { align: "start" });
+  }, [F, t, k, K]);
+  const H = ie(() => {
+    const _ = /* @__PURE__ */ new Map();
     let w = 0;
-    return m.forEach((B, U) => {
-      B.type === "item" && (w += 1, g.set(U, w));
-    }), { positions: g, total: w };
-  }, [m]);
-  W(() => {
-    O?.(E?.id);
-  }, [E?.id, O]), W(() => {
-    if (d && C) {
-      S(0), j(!0);
+    return u.forEach((D, W) => {
+      D.type === "item" && (w += 1, _.set(W, w));
+    }), { positions: _, total: w };
+  }, [u]);
+  Y(() => {
+    O?.(S?.id);
+  }, [S?.id, O]), Y(() => {
+    if (d && E) {
+      R(0), N(!0);
       return;
     }
-  }, [C, d, S]), W(() => {
+  }, [E, d, R]), Y(() => {
     if (!I) {
-      M.current = v;
+      z.current = v;
       return;
     }
-    const g = M.current;
-    M.current = v, v && !g && o.current?.scrollTo({ top: 0 });
+    const _ = z.current;
+    z.current = v, v && !_ && o.current?.scrollTo({ top: 0 });
   }, [v, I]);
-  const ee = {
+  const q = {
     position: "relative",
     maxHeight: b?.maxHeight || L,
     margin: "-0.5rem",
@@ -622,11 +622,11 @@ const Ae = Y((e, o) => {
     Ie,
     {
       ref: o,
-      style: ee,
-      variant: y,
-      color: c,
-      expanded: _,
-      id: R,
+      style: q,
+      variant: p,
+      color: h,
+      expanded: y,
+      id: $,
       role: d ? "listbox" : void 0,
       children: [
         s && /* @__PURE__ */ a(
@@ -634,21 +634,21 @@ const Ae = Y((e, o) => {
           {
             ...s,
             combobox: d,
-            listId: R,
-            "aria-activedescendant": d && A ? E?.id : void 0,
-            onNavigate: d ? () => j(!0) : void 0,
-            onChange: (g) => {
-              j(!1), s.onChange?.(g);
+            listId: $,
+            "aria-activedescendant": d && T ? S?.id : void 0,
+            onNavigate: d ? () => N(!0) : void 0,
+            onChange: (_) => {
+              N(!1), s.onChange?.(_);
             },
-            onFocus: (g) => {
-              j(!1), s.onFocus?.(g);
+            onFocus: (_) => {
+              N(!1), s.onFocus?.(_);
             },
-            onInput: (g) => {
-              j(!1), s.onInput?.(g);
+            onInput: (_) => {
+              N(!1), s.onInput?.(_);
             },
-            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);
+            onKeyDown: (_) => {
+              const w = _.key === "ArrowUp" || _.key === "ArrowDown", D = _.key.length === 1 || _.key === "Backspace" || _.key === "Delete";
+              d && !w && D && N(!1), s.onKeyDown?.(_);
             }
           }
         ),
@@ -658,60 +658,60 @@ const Ae = Y((e, o) => {
             ref: n,
             style: {
               position: "relative",
-              height: `${N.getTotalSize()}px`,
+              height: `${k.getTotalSize()}px`,
               width: "100%"
             },
-            children: /* @__PURE__ */ a(Ie, { style: { width: "100%", minWidth: "100%" }, children: N.getVirtualItems().map((g) => {
-              const w = m[g.index];
+            children: /* @__PURE__ */ a(Ie, { style: { width: "100%", minWidth: "100%" }, children: k.getVirtualItems().map((_) => {
+              const w = u[_.index];
               if (!w) return null;
-              const B = {
+              const D = {
                 position: "absolute",
                 top: 0,
                 left: 0,
                 width: "100%",
-                transform: `translateY(${g.start}px)`
-              }, U = {
-                style: B,
-                index: g.index,
-                "data-index": g.index,
-                ref: N.measureElement
+                transform: `translateY(${_.start}px)`
+              }, W = {
+                style: D,
+                index: _.index,
+                "data-index": _.index,
+                ref: k.measureElement
               };
               switch (w.type) {
                 case "divider":
                   return /* @__PURE__ */ a(
                     We,
                     {
-                      ...U,
-                      style: { ...B, padding: "0.25rem 0" }
+                      ...W,
+                      style: { ...D, padding: "0.25rem 0" }
                     },
-                    g.key
+                    _.key
                   );
                 case "header":
-                  return /* @__PURE__ */ a(Ye, { ...U, title: w.title || "", level: 1 }, g.key);
+                  return /* @__PURE__ */ a(Ye, { ...W, title: w.title || "", level: 1 }, _.key);
                 default: {
-                  const T = w.itemProps?.role === "checkbox" || w.itemProps?.role === "radio", X = d && !T ? "option" : w.itemProps?.role;
+                  const B = w.itemProps?.role === "checkbox" || w.itemProps?.role === "radio", J = d && !B ? "option" : w.itemProps?.role;
                   return /* @__PURE__ */ a(
                     Ve,
                     {
-                      ...U,
-                      role: d || T ? "presentation" : "menuitem",
+                      ...W,
+                      role: d || B ? "presentation" : "menuitem",
                       children: /* @__PURE__ */ a(
                         tt,
                         {
                           ...w.itemProps || {},
                           size: w.itemProps?.size || l,
-                          color: w.itemProps?.color || c,
-                          variant: w.itemProps?.variant || y,
+                          color: w.itemProps?.color || h,
+                          variant: w.itemProps?.variant || p,
                           active: w.active,
-                          role: X,
+                          role: J,
                           selected: w.itemProps?.selected,
-                          "aria-posinset": d ? q.positions.get(g.index) : void 0,
-                          "aria-setsize": d ? q.total : void 0,
+                          "aria-posinset": d ? H.positions.get(_.index) : void 0,
+                          "aria-setsize": d ? H.total : void 0,
                           tabIndex: w.itemProps?.disabled || i ? -1 : 0
                         }
                       )
                     },
-                    g.key
+                    _.key
                   );
                 }
               }
@@ -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 || ""), [f, p] = oe(o?.previousId || "");
+  const [r, s] = oe(o?.currentId || ""), [m, f] = oe(o?.previousId || "");
   return /* @__PURE__ */ a(
     Ze.Provider,
     {
       value: {
         currentId: r,
         setCurrentId: s,
-        setPreviousId: p,
-        previousId: f,
+        setPreviousId: f,
+        previousId: m,
         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: f } = e, p = (i) => {
+  const { currentId: o, setCurrentId: n, debug: t, setPreviousId: r, previousId: s, languageCode: m } = e, f = (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"), p("");
+    t && console.debug(`useRootContext: toggleId called with value: ${i}`), f(o === i ? "" : i);
+  }, h = () => {
+    t && console.debug("useRootContext: closeAll called"), f("");
   };
-  return it(c), {
+  return it(h), {
     currentId: o,
     previousId: s,
     toggleId: l,
-    closeAll: c,
+    closeAll: h,
     openId: (i) => {
-      t && console.debug(`useRootContext: openId called with value: ${i}`), p(i);
+      t && console.debug(`useRootContext: openId called with value: ${i}`), f(i);
     },
-    languageCode: f
+    languageCode: m
   };
 }, nn = (e) => {
   switch (e) {
@@ -811,35 +811,35 @@ const Ae = Y((e, o) => {
   onClear: t,
   clearButtonAltText: r,
   items: s = [],
-  groups: f = {}
+  groups: 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);
+  const { languageCode: f } = tn(), l = G.useMemo(() => nn(f), [f]), [h, p] = G.useState(""), i = G.useCallback(
+    (c) => {
+      p(c.target.value), n?.(c);
     },
     [n]
   ), b = G.useCallback(() => {
-    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(
+    p(""), t?.();
+  }, [t]), g = G.useMemo(() => h.trim().replace(/\s+/g, " "), [h]), y = g.length > 0, M = G.useMemo(() => g.toLowerCase(), [g]), v = G.useMemo(() => g ? g.split(" ") : [], [g]), I = G.useMemo(
     () => ({
       placeholder: e ?? l.placeholder,
       name: o ?? "search",
-      value: c,
+      value: h,
       onChange: i,
       onClear: b,
       clearButtonAltText: r
     }),
-    [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);
+    [e, l.placeholder, o, h, i, b, r]
+  ), A = G.useMemo(
+    () => s.map((c) => {
+      const u = c?.searchWords?.length ? c.searchWords : [c?.title, c?.description].filter(Boolean);
       return {
-        ...u,
-        searchWords: m ?? []
+        ...c,
+        searchWords: u ?? []
       };
     }),
     [s]
-  ), C = G.useMemo(
+  ), E = G.useMemo(
     () => [
       {
         id: "emptySearch",
@@ -853,60 +853,60 @@ const Ae = Y((e, o) => {
     ],
     [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,
+    const c = s.filter((u) => u.groupId === "emptySearch").map((u) => ({ ...u, hidden: !1 }));
+    return c.length ? c : E;
+  }, [s, E]), { selectedItems: d, results: $ } = G.useMemo(() => {
+    if (!y) return { selectedItems: [], results: [] };
+    const c = [], u = [];
+    for (const k of A)
+      k.checked === !0 && c.push({ ...k, groupId: "selected" }), (k.searchWords ?? []).some((K) => String(K).toLowerCase().includes(M)) && u.push({
+        ...k,
         groupId: "search",
         highlightWords: v
       });
-    return { selectedItems: u, results: m };
-  }, [_, D, P, v]), M = R.length, A = d.length, j = G.useMemo(
+    return { selectedItems: c, results: u };
+  }, [y, A, M, v]), z = $.length, T = d.length, N = G.useMemo(
     () => ({
       search: {
         hidden: !0,
-        title: l.hits(M)
+        title: l.hits(z)
       },
       selected: {
         hidden: !0,
-        title: l.selected(A)
+        title: l.selected(T)
       },
       emptySearch: {
         hidden: !0,
         title: l.noResults
       },
-      ...f
+      ...m
     }),
-    [l, M, A, f]
-  ), z = G.useMemo(
+    [l, z, T, m]
+  ), P = G.useMemo(
     () => ({
-      ...j,
+      ...N,
       search: {
-        hidden: !_,
-        title: l.hits(M)
+        hidden: !y,
+        title: l.hits(z)
       },
       selected: {
-        hidden: A === 0,
-        title: l.selected(A)
+        hidden: T === 0,
+        title: l.selected(T)
       },
       emptySearch: {
-        hidden: _ && (M > 0 || A > 0),
+        hidden: y && (z > 0 || T > 0),
         title: l.noResults
       }
     }),
-    [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]);
+    [N, y, l, z, T]
+  ), j = G.useMemo(() => y ? rn([...$, ...d]) : [], [y, $, d]), S = G.useMemo(() => [...O || [], ...d || []], [O, d]), R = G.useMemo(() => y ? z ? j : S : s, [y, s, z, j, S]);
   return {
     search: I,
-    results: R,
-    resultCount: M,
-    hasQuery: _,
-    items: S,
-    groups: z
+    results: $,
+    resultCount: z,
+    hasQuery: y,
+    items: R,
+    groups: P
   };
 }, et = ({
   searchable: e,
@@ -915,60 +915,60 @@ const Ae = Y((e, o) => {
   groups: t = {},
   variant: r = "default",
   size: s,
-  level: f = 0,
-  maxLevels: p = 3,
+  level: m = 0,
+  maxLevels: f = 3,
   virtualized: l = !1,
-  keyboardEvents: c = !1,
-  scrollRefStyles: y = {},
+  keyboardEvents: h = !1,
+  scrollRefStyles: p = {},
   onActiveItemIdChange: i,
   a11yMode: b = "menu",
-  open: h,
-  scrollToTopOnOpen: _,
-  autoFocusList: P,
+  open: g,
+  scrollToTopOnOpen: y,
+  autoFocusList: M,
   id: v
 }) => {
-  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";
+  const I = on({ ...o, items: n, groups: t }), A = e ? I.search : o, E = e && I.hasQuery && I.resultCount === 0, O = e ? I.items : n, d = e ? { ...t, ...I.groups } : t, $ = b !== "combobox";
   return l ? /* @__PURE__ */ a(
     Zt,
     {
       id: v,
-      search: D,
-      announceNoResults: C,
+      search: A,
+      announceNoResults: E,
       items: O,
       groups: d,
       variant: r,
       size: s,
-      level: f,
-      maxLevels: p,
-      keyboardEvents: c,
-      scrollRefStyles: y,
+      level: m,
+      maxLevels: f,
+      keyboardEvents: h,
+      scrollRefStyles: p,
       onActiveItemIdChange: i,
       a11yMode: b,
-      open: h,
-      scrollToTopOnOpen: _,
-      autoActivateFirstItem: R,
-      autoFocusList: P
+      open: g,
+      scrollToTopOnOpen: y,
+      autoActivateFirstItem: $,
+      autoFocusList: M
     }
   ) : /* @__PURE__ */ a(
     Je,
     {
       id: v,
-      search: D,
-      announceNoResults: C,
+      search: A,
+      announceNoResults: E,
       items: O,
       groups: d,
       variant: r,
       size: s,
-      level: f,
-      maxLevels: p,
-      keyboardEvents: c,
-      scrollRefStyles: y,
+      level: m,
+      maxLevels: f,
+      keyboardEvents: h,
+      scrollRefStyles: p,
       onActiveItemIdChange: i,
       a11yMode: b,
-      open: h,
-      scrollToTopOnOpen: _,
-      autoActivateFirstItem: R,
-      autoFocusList: P
+      open: g,
+      scrollToTopOnOpen: y,
+      autoActivateFirstItem: $,
+      autoFocusList: M
     }
   );
 }, an = "_media_1089b_3", sn = "_icon_1089b_10", ln = "_avatar_1089b_14", cn = "_avatarGroup_1089b_18", ae = {
@@ -984,9 +984,9 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   if (!n)
     return null;
   if (o)
-    return /* @__PURE__ */ a("div", { className: V(ae.icon, e), children: /* @__PURE__ */ a(se, { svgElement: Ae, loading: !0 }) });
+    return /* @__PURE__ */ a("div", { className: U(ae.icon, e), children: /* @__PURE__ */ a(se, { svgElement: Ae, loading: !0 }) });
   const r = Ee(n) ? "avatar" : Se(n) ? "avatarGroup" : (ze(n), "icon");
-  return /* @__PURE__ */ x("div", { className: V(ae.media, e), "data-variant": r, children: [
+  return /* @__PURE__ */ x("div", { className: U(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: f = "medium",
-  color: p,
+  weight: m = "medium",
+  color: f,
   variant: l,
-  maxRows: c,
-  className: y,
+  maxRows: h,
+  className: p,
   style: i,
   children: b
 }) => {
-  const h = t, _ = ct(b, n || []);
+  const g = t, y = ct(b, n || []);
   return /* @__PURE__ */ a(
-    h,
+    g,
     {
       id: e,
-      className: V(mn.heading, y),
+      className: U(mn.heading, p),
       style: i,
       "data-size": r,
       "data-leading": s,
-      "data-weight": f,
-      "data-color": p,
+      "data-weight": m,
+      "data-color": f,
       "data-variant": r === "xxs" && "default" || l,
-      "data-max-rows": c,
-      children: /* @__PURE__ */ a(ue, { loading: o, children: _ })
+      "data-max-rows": h,
+      children: /* @__PURE__ */ a(ue, { loading: o, children: y })
     }
   );
 }, 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: 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 }),
+  loading: m,
+  children: f
+}) => /* @__PURE__ */ a("span", { className: U(pn.label, e), children: f || /* @__PURE__ */ x(xe, { children: [
+  o && /* @__PURE__ */ a(me, { ...n, as: "span", loading: m, highlightWords: s, maxRows: 2, children: o }),
   t && /* @__PURE__ */ a(
     me,
     {
@@ -1043,13 +1043,13 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
       as: "span",
       weight: "normal",
       leading: "inherit",
-      loading: f,
+      loading: m,
       highlightWords: s,
       maxRows: 2,
       children: t
     }
   )
-] }) }), hn = "_item_h7sxa_3", vn = "_media_h7sxa_136", bn = "_label_h7sxa_157", gn = "_title_h7sxa_172", yn = "_description_h7sxa_176", _n = "_count_h7sxa_188", wn = "_linkIcon_h7sxa_196", K = {
+] }) }), hn = "_item_h7sxa_3", vn = "_media_h7sxa_136", bn = "_label_h7sxa_157", gn = "_title_h7sxa_172", yn = "_description_h7sxa_176", _n = "_count_h7sxa_188", wn = "_linkIcon_h7sxa_196", V = {
   item: hn,
   media: vn,
   label: bn,
@@ -1064,162 +1064,165 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   as: t,
   href: r,
   onClick: s,
-  onChange: f,
-  onKeyPress: p,
+  onChange: m,
+  onKeyPress: f,
   onMouseEnter: l,
-  size: c = "sm",
-  variant: y,
+  size: h = "sm",
+  variant: p,
   color: i,
   name: b,
-  value: h,
-  checked: _,
-  icon: P,
+  value: g,
+  checked: y,
+  icon: M,
   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": S,
+  controls: A,
+  title: E,
+  htmlTitle: O,
+  description: d,
+  highlightWords: $,
+  count: z,
+  linkIcon: T = !1,
+  disabled: N,
+  selected: P,
+  active: j,
+  tabIndex: S = 0,
+  className: R,
+  "data-testid": c,
   ...u
 }) => {
-  const m = typeof v == "function" ? v() : v, N = ht(u);
+  const k = typeof v == "function" ? v() : v, L = ht(u);
   if (n === "checkbox" || n === "radio") {
-    const H = P || (_ ? Qe : Lt);
+    const H = M || (y ? Qe : Lt);
     return /* @__PURE__ */ x(
       "label",
       {
-        ...N,
-        className: V(K.item, E),
+        ...L,
+        className: U(V.item, R),
         id: e,
         "data-id": e,
         "data-group-id": o,
-        "data-size": c,
-        "data-variant": y,
+        "data-size": h,
+        "data-variant": p,
         "data-color": i,
-        "data-active": z,
+        "data-active": j,
         role: n,
-        "aria-disabled": A,
-        "aria-checked": _,
-        "aria-selected": _,
-        "data-selected": _,
-        "aria-label": C,
-        "data-testid": S,
+        "aria-disabled": N,
+        "aria-checked": y,
+        "aria-selected": y,
+        "data-selected": y,
+        "aria-label": E,
+        title: O,
+        "data-testid": c,
         onKeyUp: (q) => {
-          A || (q.target === q.currentTarget && q.key === "Enter" && s?.(), p?.(q));
+          N || (q.target === q.currentTarget && q.key === "Enter" && s?.(), f?.(q));
         },
         onClick: s,
         onMouseEnter: l,
-        tabIndex: $,
+        tabIndex: S,
         children: [
           /* @__PURE__ */ a(
             "input",
             {
               name: b,
-              value: h,
+              value: g,
               type: n,
-              checked: !!_,
-              onChange: f,
-              readOnly: !f,
+              checked: !!y,
+              onChange: m,
+              readOnly: !m,
               style: { opacity: 0, position: "absolute" },
               tabIndex: -1
             }
           ),
-          /* @__PURE__ */ a(Te, { icon: H, className: K.media }),
+          /* @__PURE__ */ a(Te, { icon: H, className: V.media }),
           /* @__PURE__ */ a(
             Le,
             {
-              className: K.label,
-              highlightWords: d,
+              className: V.label,
+              highlightWords: $,
               title: /* @__PURE__ */ x(xe, { children: [
-                C,
+                E,
                 " ",
-                R && /* @__PURE__ */ a("i", { className: K.count, children: R })
+                z && /* @__PURE__ */ a("i", { className: V.count, children: z })
               ] }),
               titleProps: {
                 weight: "medium",
-                className: K.title
+                className: V.title
               },
-              description: O,
+              description: d,
               descriptionProps: {
                 weight: "normal",
                 variant: "subtle",
-                className: K.description
+                className: V.description
               },
-              children: m
+              children: k
             }
           ),
           /* @__PURE__ */ x(Re, { children: [
             I && /* @__PURE__ */ a(re, { ...I }),
-            !A && D
+            !N && A
           ] })
         ]
       }
     );
   }
-  const L = t || (r ? "a" : "button"), F = M && zt;
+  const F = t || (r ? "a" : "button"), K = T && zt;
   return /* @__PURE__ */ x(
-    L,
+    F,
     {
       href: r,
-      className: V(K.item, E),
+      className: U(V.item, R),
       id: e,
       "data-id": e,
       "data-group-id": o,
-      "data-size": c,
-      "data-variant": y,
+      "data-size": h,
+      "data-variant": p,
       "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,
+      "data-active": j,
+      "aria-disabled": N,
+      ...N ? { disabled: N } : {},
+      "aria-current": n !== "option" && P ? "page" : void 0,
+      "aria-selected": n === "option" ? P : void 0,
+      "data-selected": P,
+      "aria-label": E,
+      title: O,
+      "data-testid": c,
       onKeyUp: (H) => {
-        A || (H.target === H.currentTarget && H.key === "Enter" && s?.(), p?.(H));
+        N || (H.target === H.currentTarget && H.key === "Enter" && s?.(), f?.(H));
       },
       onClick: s,
       onMouseEnter: l,
-      tabIndex: A ? -1 : $ ?? 0,
+      tabIndex: N ? -1 : S ?? 0,
       role: n === "menuItem" ? "menuitem" : n,
-      ...N,
+      ...L,
       children: [
-        P && /* @__PURE__ */ a(Te, { icon: P, className: K.media }),
+        M && /* @__PURE__ */ a(Te, { icon: M, className: V.media }),
         /* @__PURE__ */ a(
           Le,
           {
-            className: K.label,
-            highlightWords: d,
+            className: V.label,
+            highlightWords: $,
             title: /* @__PURE__ */ x(xe, { children: [
-              C,
+              E,
               " ",
-              R && /* @__PURE__ */ a("i", { className: K.count, children: R })
+              z && /* @__PURE__ */ a("i", { className: V.count, children: z })
             ] }),
             titleProps: {
               weight: "medium",
-              className: K.title
+              className: V.title
             },
-            description: O,
+            description: d,
             descriptionProps: {
               variant: "subtle",
-              className: K.description
+              className: V.description
             },
-            children: m
+            children: k
           }
         ),
         /* @__PURE__ */ x(Re, { children: [
           I && /* @__PURE__ */ a(re, { ...I }),
-          !A && D,
-          M && /* @__PURE__ */ a(se, { svgElement: F, className: K.linkIcon })
+          !N && A,
+          T && /* @__PURE__ */ a(se, { svgElement: K, className: V.linkIcon })
         ] })
       ]
     }
@@ -1240,58 +1243,58 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   loadingLabel: t = "Loading ...",
   size: r,
   color: s = "neutral",
-  label: f,
-  hideLabel: p,
+  label: m,
+  hideLabel: f,
   value: l,
-  onClear: c,
-  clearButtonAltText: y = "Clear search",
+  onClear: h,
+  clearButtonAltText: p = "Clear search",
   menu: i,
   minLength: b,
-  ...h
+  ...g
 }) => {
-  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,
+  const y = De(), [M, v] = oe(!1), I = g.id || `search-field-${y}`, A = `${I}-listbox`, [E, O] = oe(void 0), d = "searchfield-clear-button-" + De(), $ = ie(() => !i || !l || typeof b == "number" && typeof l == "string" && l.length < b ? !1 : M, [i, M, b, l]), z = ie(() => (i?.items ?? []).map((c) => ({
+    ...c,
     onClick: () => {
-      u.onClick?.(), v(!1);
+      c.onClick?.(), v(!1);
     }
-  })), [i]), A = (u) => {
-    if (u.key === "Enter" && R) {
+  })), [i]), T = (c) => {
+    if (c.key === "Enter" && $) {
       i?.items?.[0]?.onClick?.(), v(!1);
       return;
     }
-    if (u.key === "Escape" && R) {
-      u.preventDefault(), u.stopPropagation(), v(!1), i?.onClose(), document.getElementById(I)?.focus();
+    if (c.key === "Escape" && $) {
+      c.preventDefault(), c.stopPropagation(), v(!1), i?.onClose(), document.getElementById(I)?.focus();
       return;
     }
-    h.onKeyDown?.(u), v(!0);
-  }, j = () => {
+    g.onKeyDown?.(c), v(!0);
+  }, N = () => {
     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(
+  }, P = (c) => {
+    if (!M) return;
+    const u = c.relatedTarget;
+    u && c.currentTarget.contains(u) || v(!1);
+  }, j = (c) => {
+    c.preventDefault();
+  }, S = (c) => {
+    c.relatedTarget?.id === d && O(void 0), g.onBlur?.(c);
+  }, R = /* @__PURE__ */ x(
     Qt,
     {
       size: r,
       color: s,
-      label: p ? void 0 : f,
+      label: f ? void 0 : m,
       htmlFor: I,
-      className: V(te.field, e),
+      className: U(te.field, e),
       "data-collapsible": o ? !0 : void 0,
-      onBlurCapture: z,
+      onBlurCapture: P,
       children: [
         /* @__PURE__ */ a("span", { className: te.hiddenInput, "aria-hidden": "true", children: l + " " }),
         /* @__PURE__ */ a(
           ut,
           {
-            ...h,
+            ...g,
             id: I,
-            "aria-label": p && typeof f == "string" ? f : void 0,
+            "aria-label": f && typeof m == "string" ? m : void 0,
             inputSize: 5,
             type: "search",
             value: l,
@@ -1300,21 +1303,21 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
             autoCapitalize: "off",
             autoComplete: "off",
             minLength: b,
-            onKeyDown: A,
-            onBlur: E,
+            onKeyDown: T,
+            onBlur: S,
             ...i && {
               role: "combobox",
               "aria-autocomplete": "list",
-              "aria-expanded": !!R,
+              "aria-expanded": !!$,
               "aria-haspopup": "listbox",
-              "aria-controls": D,
-              "aria-activedescendant": R ? C : void 0,
-              onFocus: j
+              "aria-controls": A,
+              "aria-activedescendant": $ ? E : void 0,
+              onFocus: N
             }
           }
         ),
         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(
+        h && !!l && /* @__PURE__ */ a("span", { className: te.clear, children: /* @__PURE__ */ a(
           ve,
           {
             id: d,
@@ -1325,9 +1328,9 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
             variant: "tinted",
             className: te.clearButton,
             onClick: () => {
-              c?.(), document.getElementById(I)?.focus();
+              h?.(), document.getElementById(I)?.focus();
             },
-            "aria-label": y,
+            "aria-label": p,
             "data-action": "clear-input",
             children: /* @__PURE__ */ a(Ae, {})
           }
@@ -1336,22 +1339,22 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
     }
   );
   return i ? /* @__PURE__ */ x("div", { className: te.fieldContainer, children: [
-    S,
-    R && /* @__PURE__ */ a("div", { className: te.autocomplete, "aria-hidden": !R, onMouseDown: $, children: /* @__PURE__ */ a(
+    R,
+    $ && /* @__PURE__ */ a("div", { className: te.autocomplete, "aria-hidden": !$, onMouseDown: j, children: /* @__PURE__ */ a(
       et,
       {
         ...i,
-        id: D,
-        items: M,
+        id: A,
+        items: z,
         groups: i?.groups,
         keyboardEvents: !0,
         a11yMode: "combobox",
-        open: R,
+        open: $,
         autoFocusList: !1,
         onActiveItemIdChange: O
       }
     ) })
-  ] }) : S;
+  ] }) : R;
 }, Rn = "_byline_fzp7k_1", zn = "_avatar_fzp7k_7", Pn = "_avatarGroup_fzp7k_12", Mn = "_label_fzp7k_26", pe = {
   byline: Rn,
   avatar: zn,
@@ -1364,14 +1367,14 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   avatar: t,
   avatarGroup: r,
   datetime: s,
-  children: f,
-  as: p,
+  children: m,
+  as: f,
   ...l
 }) => {
-  const c = p || "div", y = s ? "time" : "span";
-  return /* @__PURE__ */ x(c, { ...l, className: pe.byline, "data-color": o, "data-size": n, children: [
+  const h = f || "div", p = s ? "time" : "span";
+  return /* @__PURE__ */ x(h, { ...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(y, { "data-size": n, dateTime: s, className: pe.label, children: /* @__PURE__ */ a(ue, { loading: e, children: f }) })
+    /* @__PURE__ */ a(p, { "data-size": n, dateTime: s, className: pe.label, children: /* @__PURE__ */ a(ue, { loading: e, children: m }) })
   ] });
 }, 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,95 +1406,95 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
   backdrop: t = !0,
   placement: r = "bottom-left",
   variant: s = "dropdown",
-  title: f = "Title",
-  closeLabel: p = "Close",
+  title: m = "Title",
+  closeLabel: f = "Close",
   submitLabel: l,
-  trigger: c,
-  children: y,
+  trigger: h,
+  children: p,
   open: i,
   onClose: b,
-  color: h,
-  onSubmit: _,
-  activeDescendantId: P,
+  color: g,
+  onSubmit: y,
+  activeDescendantId: M,
   useFixedPosition: v = !1,
   expanded: I = !1
 }) => {
-  const D = Z(null), C = Z(null), O = Z(i);
-  W(() => {
+  const A = ee(null), E = ee(null), O = ee(i);
+  Y(() => {
     O.current = i;
   }, [i]);
-  const [d, R] = oe({
+  const [d, $] = oe({
     yDir: r.includes("top") ? "top" : "bottom",
     xDir: r.includes("right") ? "right" : "left",
     maxHeight: 300
-  }), 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) => ({
+  }), z = qe(() => {
+    if (i && A.current && E.current) {
+      const P = A.current.getBoundingClientRect(), j = E.current.getBoundingClientRect(), S = window.innerHeight, R = window.innerWidth, c = 16, u = S - P.bottom, k = P.top, L = R - P.right - j.width, F = u < 250 && k > u, K = F ? "top" : "bottom", H = (F ? k : u) - c, _ = L < c ? "right" : "left";
+      $((w) => ({
         ...w,
-        yDir: H,
-        maxHeight: q,
-        xDir: g,
-        triggerRect: v ? z : void 0
+        yDir: K,
+        maxHeight: H,
+        xDir: _,
+        triggerRect: v ? P : void 0
       }));
     }
   }, [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(() => {
+  Ce(() => (z(), window.addEventListener("resize", z), v && window.addEventListener("scroll", z, !0), () => {
+    window.removeEventListener("resize", z), v && window.removeEventListener("scroll", z, !0);
+  }), [z, v]), Y(() => {
     if (!i) return;
-    const z = requestAnimationFrame(() => {
-      const $ = C.current;
-      if (!$) return;
-      const E = $.querySelector(
+    const P = requestAnimationFrame(() => {
+      const j = E.current;
+      if (!j) return;
+      const S = j.querySelector(
         'input[type="search"]:not([disabled]), input[role="searchbox"]:not([disabled]), input[data-dropdown-search]:not([disabled])'
       );
-      if (E) {
-        const S = E.value.length;
-        E.focus({ preventScroll: !0 });
+      if (S) {
+        const R = S.value.length;
+        S.focus({ preventScroll: !0 });
         try {
-          E.setSelectionRange(S, S);
+          S.setSelectionRange(R, R);
         } catch {
         }
         return;
       }
-      $.focus?.({ preventScroll: !0 });
+      j.focus?.({ preventScroll: !0 });
     });
-    return () => cancelAnimationFrame(z);
-  }, [i]), W(() => {
-    const z = (E) => {
-      E.key === "Escape" && (E.preventDefault(), b());
-    }, $ = (E) => {
-      const S = E.target, u = D.current?.contains(S), m = C.current?.contains(S);
-      !u && !m && b();
+    return () => cancelAnimationFrame(P);
+  }, [i]), Y(() => {
+    const P = (S) => {
+      S.key === "Escape" && (S.preventDefault(), b());
+    }, j = (S) => {
+      const R = S.target, c = A.current?.contains(R), u = E.current?.contains(R);
+      !c && !u && b();
     };
-    return i && (document.addEventListener("mousedown", $), document.addEventListener("keydown", z)), () => {
-      document.removeEventListener("mousedown", $), document.removeEventListener("keydown", z);
+    return i && (document.addEventListener("mousedown", j), document.addEventListener("keydown", P)), () => {
+      document.removeEventListener("mousedown", j), document.removeEventListener("keydown", P);
     };
-  }, [i, b]), W(() => {
+  }, [i, b]), Y(() => {
     if (!i) return;
-    const z = C.current;
-    if (!z) return;
-    const $ = (S) => {
+    const P = E.current;
+    if (!P) return;
+    const j = (R) => {
       if (!O.current)
         return;
-      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 });
+      const c = R.target;
+      c && !P.contains(c) && Hn(P);
+    }, S = (R) => {
+      if (R.key !== "Tab") return;
+      const c = nt(P);
+      if (c.length === 0) {
+        R.preventDefault(), P.focus?.({ preventScroll: !0 });
         return;
       }
-      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 }));
+      const u = c[0], k = c[c.length - 1], L = document.activeElement;
+      R.shiftKey ? L === u && (R.preventDefault(), k.focus({ preventScroll: !0 })) : L === k && (R.preventDefault(), u.focus({ preventScroll: !0 }));
     };
-    return document.addEventListener("focusin", $), document.addEventListener("keydown", E), () => {
-      document.removeEventListener("focusin", $), document.removeEventListener("keydown", E);
+    return document.addEventListener("focusin", j), document.addEventListener("keydown", S), () => {
+      document.removeEventListener("focusin", j), document.removeEventListener("keydown", S);
     };
   }, [i]);
-  const A = v && d.triggerRect ? {
+  const T = v && d.triggerRect ? {
     position: "fixed",
     zIndex: 1e3,
     width: "max-content",
@@ -1507,36 +1510,36 @@ const Te = ({ className: e, loading: o, icon: n, children: t }) => {
     overflowY: "auto",
     [d.xDir]: 0,
     [d.yDir === "bottom" ? "top" : "bottom"]: "100%"
-  }, j = /* @__PURE__ */ x(
+  }, N = /* @__PURE__ */ x(
     "div",
     {
-      ref: C,
-      className: V(ce.dropdown, n),
-      style: A,
+      ref: E,
+      className: U(ce.dropdown, n),
+      style: T,
       "aria-hidden": !i,
       "data-variant": s,
-      "data-color": h,
+      "data-color": g,
       "data-expanded": I,
       "data-size": o,
       tabIndex: -1,
       role: "menu",
       "aria-modal": s === "drawer-dropdown" ? !0 : void 0,
-      "aria-activedescendant": P,
+      "aria-activedescendant": M,
       children: [
         /* @__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("h2", { className: ce.title, children: m }),
+          /* @__PURE__ */ a(ve, { size: "sm", variant: "outline", onClick: b, "aria-label": f, children: /* @__PURE__ */ a(Ae, {}) })
         ] }),
-        /* @__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 }) }) })
+        /* @__PURE__ */ a("div", { className: ce.content, children: p }),
+        l && /* @__PURE__ */ a("footer", { className: ce.footer, children: /* @__PURE__ */ a(ve, { size: "lg", variant: "solid", onClick: y || b, rounded: !0, children: /* @__PURE__ */ a("span", { "data-size": "md", children: l }) }) })
       ]
     }
   );
   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,
-      v ? lt(j, document.body) : j
+    /* @__PURE__ */ x("div", { id: e + "-root", ref: A, style: { position: "relative", display: "inline-block" }, children: [
+      h,
+      v ? lt(N, document.body) : N
     ] })
   ] });
 }, qn = "_section_1v20z_1", Kn = "_header_1v20z_7", Vn = "_list_1v20z_13", _e = {
@@ -1544,34 +1547,34 @@ 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: f }) => {
-    const { menu: p } = Me({
+  ({ title: e, description: o, items: n, groups: t = {}, sortGroupBy: r, highlightWords: s, isLoading: m }) => {
+    const { menu: f } = Me({
       items: n,
       groups: t,
       groupByKey: "groupId",
       keyboardEvents: !1,
       sortGroupBy: r
     });
-    return /* @__PURE__ */ x("section", { className: _e.section, "aria-busy": f, children: [
+    return /* @__PURE__ */ x("section", { className: _e.section, "aria-busy": m, 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,
-      p?.map((l, c) => {
-        const y = l.props || {};
+      f?.map((l, h) => {
+        const p = l.props || {};
         return /* @__PURE__ */ x(He, { children: [
-          y?.title && /* @__PURE__ */ a(me, { as: "h2", size: "lg", children: y.title }),
+          p?.title && /* @__PURE__ */ a(me, { as: "h2", size: "lg", children: p.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 });
+            const g = i.props || {};
+            return /* @__PURE__ */ st(rt, { ...g, highlightWords: s, key: "dialog-list-item" + b });
           }) })
-        ] }, "dialog-list-item" + c);
+        ] }, "dialog-list-item" + h);
       })
     ] });
   }
 );
 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", J = {
+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", Z = {
   item: Wn,
   border: Yn,
   header: Qn,
@@ -1589,74 +1592,74 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
     color: t,
     loading: r,
     controls: s,
-    selectable: f,
-    selected: p,
+    selectable: m,
+    selected: f,
     status: l,
-    extendedStatusLabel: c,
-    sender: y,
+    extendedStatusLabel: h,
+    sender: p,
     recipient: i,
     recipientLabel: b = "to",
-    grouped: h = !1,
-    updatedAt: _,
-    updatedAtLabel: P,
+    grouped: g = !1,
+    updatedAt: y,
+    updatedAtLabel: M,
     archived: v,
     archivedAt: I,
-    archivedAtLabel: D,
-    trashed: C,
+    archivedAtLabel: A,
+    trashed: E,
     trashedAt: O,
     trashedAtLabel: d,
-    badge: R,
-    dueAt: M,
-    dueAtExpired: A,
-    dueAtLabel: j,
-    unread: z,
-    unreadLabel: $ = "Ulest",
-    unreadItems: E,
-    unreadItemsLabel: S = "Ulest innhold",
-    seenByLog: u,
-    draftsLabel: m,
-    sentCount: N,
+    badge: $,
+    dueAt: z,
+    dueAtExpired: T,
+    dueAtLabel: N,
+    unread: P,
+    unreadLabel: j = "Ulest",
+    unreadItems: S,
+    unreadItemsLabel: R = "Ulest innhold",
+    seenByLog: c,
+    draftsLabel: u,
+    sentCount: k,
     receivedCount: L,
     attachmentsCount: F,
-    attachmentsLabel: H,
-    tooltips: q = {},
-    title: ee,
-    description: g,
+    attachmentsLabel: K,
+    tooltips: H = {},
+    title: q,
+    description: _,
     summary: w,
-    highlightWords: B,
-    id: U,
-    ...T
+    highlightWords: D,
+    id: W,
+    ...B
   }) => {
-    const X = f ? "select" : n;
+    const J = m ? "select" : n;
     return /* @__PURE__ */ x(
       wt,
       {
         as: "li",
-        id: U,
-        className: J.item,
+        id: W,
+        className: Z.item,
         size: o,
         color: t,
-        variant: X,
-        "data-unread": z ? "true" : "false",
-        "data-selected": p,
-        "data-trashed": C,
+        variant: J,
+        "data-unread": P ? "true" : "false",
+        "data-selected": f,
+        "data-trashed": E,
         "data-archived": v,
         "data-loading": r,
         children: [
-          /* @__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__ */ a(xt, { ...B, className: Z.link, as: e, children: /* @__PURE__ */ x("div", { className: Z.border, children: [
+            /* @__PURE__ */ x("header", { className: Z.header, children: [
               /* @__PURE__ */ x(
                 me,
                 {
                   as: "h2",
-                  highlightWords: B,
-                  weight: z ? "bold" : "normal",
+                  highlightWords: D,
+                  weight: P ? "bold" : "normal",
                   loading: r,
                   maxRows: 2,
-                  className: J.title,
+                  className: Z.title,
                   children: [
-                    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" } })
+                    q,
+                    P && /* @__PURE__ */ a(re, { label: j, variant: "tinted", style: { marginLeft: "0.75em", marginTop: "-2px" } }) || S && /* @__PURE__ */ a(re, { label: R, style: { marginLeft: "0.75em", marginTop: "-2px" } })
                   ]
                 }
               ),
@@ -1665,19 +1668,19 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
                 {
                   size: "xs",
                   loading: r,
-                  sender: y,
+                  sender: p,
                   recipient: i,
                   recipientLabel: b,
-                  grouped: h
+                  grouped: g
                 }
               ),
               w && /* @__PURE__ */ a(
                 me,
                 {
                   as: "h3",
-                  highlightWords: B,
+                  highlightWords: D,
                   weight: "normal",
-                  className: J.summary,
+                  className: Z.summary,
                   loading: r,
                   maxRows: 2,
                   children: w
@@ -1687,31 +1690,31 @@ const Wn = "_item_1cw3x_3", Yn = "_border_1cw3x_75", Qn = "_header_1cw3x_86", Xn
             /* @__PURE__ */ a(
               rr,
               {
-                className: J.footer,
+                className: Z.footer,
                 loading: r,
-                badge: R,
+                badge: $,
                 status: l,
-                extendedStatusLabel: c,
-                draftsLabel: m,
-                sentCount: N,
+                extendedStatusLabel: h,
+                draftsLabel: u,
+                sentCount: k,
                 receivedCount: L,
-                updatedAt: _,
-                updatedAtLabel: P,
+                updatedAt: y,
+                updatedAtLabel: M,
                 archivedAt: I,
-                archivedAtLabel: D,
+                archivedAtLabel: A,
                 trashedAt: O,
                 trashedAtLabel: d,
-                dueAt: M,
-                dueAtExpired: A,
-                dueAtLabel: j,
+                dueAt: z,
+                dueAtExpired: T,
+                dueAtLabel: N,
                 attachmentsCount: F,
-                attachmentsLabel: H,
-                tooltips: q
+                attachmentsLabel: K,
+                tooltips: H
               }
             ),
-            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 })
+            c && H?.seenBy ? /* @__PURE__ */ a($e, { placement: "bottom", content: H?.seenBy, children: /* @__PURE__ */ a("span", { className: Z.seenBy, children: /* @__PURE__ */ a(be, { items: c.items }) }) }) : c && /* @__PURE__ */ a(be, { items: c.items, className: Z.seenBy })
           ] }) }),
-          /* @__PURE__ */ a(Re, { className: J.controls, children: s })
+          /* @__PURE__ */ a(Re, { className: Z.controls, children: s })
         ]
       }
     );
@@ -1725,42 +1728,42 @@ const rr = ({
   sender: t,
   updatedAt: r,
   updatedAtLabel: s,
-  dueAt: f,
-  dueAtExpired: p,
+  dueAt: m,
+  dueAtExpired: f,
   dueAtLabel: l,
-  archivedAt: c,
-  archivedAtLabel: y,
+  archivedAt: h,
+  archivedAtLabel: p,
   trashedAt: i,
   trashedAtLabel: b,
-  draftsLabel: h,
-  sentCount: _ = 0,
-  receivedCount: P = 0,
+  draftsLabel: g,
+  sentCount: y = 0,
+  receivedCount: M = 0,
   attachmentsCount: v = 0,
   attachmentsLabel: I,
-  transmissionsLabel: D,
-  activityLog: C,
+  transmissionsLabel: A,
+  activityLog: E,
   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 }),
+  g && /* @__PURE__ */ a(re, { tooltip: d.drafts, variant: "dotted", children: g }),
   r && /* @__PURE__ */ x(ne, { tooltip: d.updatedAt, loading: o, datetime: r, size: "xs", children: [
     /* @__PURE__ */ a("strong", { children: t && t.name + ", " }),
     s
   ] }),
   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(
+  A && /* @__PURE__ */ a(ne, { tooltip: d.transmissions, loading: o, size: "xs", icon: At, children: A }),
+  y > 0 && /* @__PURE__ */ a(ne, { tooltip: d.sent, size: "xs", icon: Qe, children: y }),
+  M > 0 && /* @__PURE__ */ a(ne, { tooltip: d.received, size: "xs", icon: Et, children: M }),
+  m && l && /* @__PURE__ */ a(
     ne,
     {
       variant: "tinted",
-      color: p ? "danger" : "warning",
+      color: f ? "danger" : "warning",
       tooltip: d.dueAt,
       loading: o,
-      datetime: f,
+      datetime: m,
       size: "xs",
       icon: yt,
       children: l
@@ -1778,29 +1781,29 @@ const rr = ({
       icon: Ht,
       children: b
     }
-  ) || y && /* @__PURE__ */ a(
+  ) || p && /* @__PURE__ */ a(
     ne,
     {
       variant: "tinted",
       color: "neutral",
       tooltip: d.archivedAt,
       loading: o,
-      datetime: c,
+      datetime: h,
       size: "xs",
       icon: kt,
-      children: y
+      children: p
     }
   ),
-  C && /* @__PURE__ */ a(
+  E && /* @__PURE__ */ a(
     ne,
     {
       tooltip: d.activityLog,
       loading: o,
       size: "xs",
       icon: $t,
-      as: C?.onClick ? "button" : "span",
-      onClick: C?.onClick,
-      children: C?.label || "Activity log"
+      as: E?.onClick ? "button" : "span",
+      onClick: E?.onClick,
+      children: E?.label || "Activity log"
     }
   )
 ] }), or = ({
@@ -1837,25 +1840,25 @@ const Fe = ({ size: e = "xs", icon: o, progress: n }) => !o && typeof n != "numb
   reverse: t,
   size: r = "xs",
   variant: s,
-  color: f,
-  icon: p,
+  color: m,
+  icon: f,
   children: l,
-  datetime: c,
-  tooltip: y,
+  datetime: h,
+  tooltip: p,
   ...i
 }) => {
-  const b = e || (c ? "time" : "span");
-  return y ? /* @__PURE__ */ a($e, { content: y, placement: "bottom", children: /* @__PURE__ */ a(
+  const b = e || (h ? "time" : "span");
+  return p ? /* @__PURE__ */ a($e, { content: p, placement: "bottom", children: /* @__PURE__ */ a(
     b,
     {
       "data-size": r,
-      "data-color": f,
+      "data-color": m,
       "data-variant": s,
-      dateTime: c,
-      className: V(we.item, n),
+      dateTime: h,
+      className: U(we.item, n),
       ...i,
       children: /* @__PURE__ */ x(ue, { loading: o, children: [
-        !o && p && /* @__PURE__ */ a(Fe, { size: r, icon: p }),
+        !o && f && /* @__PURE__ */ a(Fe, { size: r, icon: f }),
         /* @__PURE__ */ a("span", { className: we.label, children: l })
       ] })
     }
@@ -1863,13 +1866,13 @@ const Fe = ({ size: e = "xs", icon: o, progress: n }) => !o && typeof n != "numb
     b,
     {
       "data-size": r,
-      "data-color": f,
+      "data-color": m,
       "data-variant": s,
-      dateTime: c,
-      className: V(we.item, n),
+      dateTime: h,
+      className: U(we.item, n),
       ...i,
       children: /* @__PURE__ */ x(ue, { loading: o, children: [
-        !o && p && /* @__PURE__ */ a(Fe, { size: r, icon: p }),
+        !o && f && /* @__PURE__ */ a(Fe, { size: r, icon: f }),
         /* @__PURE__ */ a("span", { className: we.label, children: l })
       ] })
     }
@@ -1899,25 +1902,26 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
     label: o = "Label",
     variant: n = "solid",
     title: t = "Title",
-    items: r = [],
-    dropdownSize: s = "sm",
+    htmlTitle: r,
+    items: s = [],
+    dropdownSize: m = "sm",
     id: f = "toolbar-menu",
-    onSelectId: p,
-    ...l
+    onSelectId: l,
+    ...h
   }) => {
-    const c = _t({ id: f, returnFocusOnClose: !0 }), y = l.searchable ? "combobox" : "menu", i = qe(
-      (h) => {
-        p?.(h?.id ?? ""), h?.role !== "checkbox" && c.setOpen(!1);
+    const p = _t({ id: f, returnFocusOnClose: !0 }), i = h.searchable ? "combobox" : "menu", b = qe(
+      (y) => {
+        l?.(y?.id ?? ""), y?.role !== "checkbox" && p.setOpen(!1);
       },
-      [p, c]
-    ), b = ie(
-      () => r.map((h) => ({
-        ...h,
-        onClick: () => i(h)
+      [l, p]
+    ), g = ie(
+      () => s.map((y) => ({
+        ...y,
+        onClick: () => b(y)
       })),
-      [r, i]
+      [s, b]
     );
-    return e ? /* @__PURE__ */ x(ve, { className: he.button, variant: n, disabled: !0, children: [
+    return e ? /* @__PURE__ */ x(ve, { className: he.button, variant: n, title: r, 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(
@@ -1926,36 +1930,37 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
         id: f,
         variant: "drawer-dropdown",
         title: t,
-        size: s,
+        size: m,
         trigger: /* @__PURE__ */ x(
           ve,
           {
             className: he.button,
             variant: n,
-            onClick: c.toggleMenu,
-            "aria-expanded": c.open,
+            title: r,
+            onClick: p.toggleMenu,
+            "aria-expanded": p.open,
             "aria-haspopup": "menu",
-            "aria-controls": c.open ? c.menuId : void 0,
-            ref: c.triggerRef,
+            "aria-controls": p.open ? p.menuId : void 0,
+            ref: p.triggerRef,
             children: [
               /* @__PURE__ */ a("span", { className: he.label, children: o }),
               /* @__PURE__ */ a(Be, { "aria-hidden": "true", focusable: "false" })
             ]
           }
         ),
-        open: c.open,
-        onClose: () => c.setOpen(!1),
-        ...l?.searchable ? {} : c.dropdownA11yProps,
+        open: p.open,
+        onClose: () => p.setOpen(!1),
+        ...h?.searchable ? {} : p.dropdownA11yProps,
         children: /* @__PURE__ */ a(
           et,
           {
-            ...l,
-            items: b,
-            keyboardEvents: c.open,
-            a11yMode: y,
-            open: c.open,
-            scrollToTopOnOpen: l.virtualized,
-            ...y === "combobox" ? { id: c.menuId } : c.menuA11yProps
+            ...h,
+            items: g,
+            keyboardEvents: p.open,
+            a11yMode: i,
+            open: p.open,
+            scrollToTopOnOpen: h.virtualized,
+            ...i === "combobox" ? { id: p.menuId } : p.menuA11yProps
           }
         )
       }
@@ -1969,14 +1974,15 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
     name: t,
     placeholder: r = "Search",
     loading: s,
-    collapsible: f,
-    clearButtonAltText: p = "Clear search",
+    collapsible: m,
+    clearButtonAltText: f = "Clear search",
     onChange: l,
-    onClear: c,
-    onKeyDown: y,
+    onClear: h,
+    onKeyDown: p,
     menu: i,
     minLength: b,
-    disabled: h
+    disabled: g,
+    htmlTitle: y
   }) => /* @__PURE__ */ a(
     Pe,
     {
@@ -1985,19 +1991,20 @@ const mr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) =
       hideLabel: o,
       value: n,
       name: t,
+      title: y,
       placeholder: r,
-      clearButtonAltText: p,
+      clearButtonAltText: f,
       onChange: l,
-      onClear: c,
-      onKeyDown: y,
-      collapsible: f,
+      onClear: h,
+      onKeyDown: p,
+      collapsible: m,
       autoComplete: "off",
       autoCapitalize: "off",
       type: "search",
       minLength: b,
       loading: s,
       menu: i,
-      disabled: h
+      disabled: g
     }
   )
 );