@altinn/altinn-components 0.68.6 → 0.68.7

package/dist/ToolbarSearch-CX_woN0c.js

@@ -0,0 +1,2614 @@
+"use client";
+import { jsx as i, jsxs as w, Fragment as we } from "react/jsx-runtime";
+import * as q from "react";
+import O, { forwardRef as Q, useRef as J, useState as de, useMemo as fe, useEffect as U, Fragment as wt, useLayoutEffect as Xe, createContext as Ht, useContext as Ft, isValidElement as _t, useId as lt, useCallback as xt, memo as Fe, createElement as qt } from "react";
+import "./tooltip-Caqi75cv.js";
+import { c as G } from "./index-p1eeF8LQ.js";
+import { useEscapeKey as Wt } from "./hooks/useEscapeKey.js";
+import "./components/Typography/Link.js";
+import { Button as _e } from "./components/Button/Button.js";
+import { createPortal as Gt } from "react-dom";
+import { useMenu as rt } from "./hooks/useMenu.js";
+import { Typography as It } from "./components/Typography/Typography.js";
+import { Skeleton as xe } from "./components/Skeleton/Skeleton.js";
+import { useHighlightedText as Kt } from "./components/Typography/useHighlightedText.js";
+import { Tooltip as at } from "./components/Tooltip/Tooltip.js";
+import "./components/GlobalMenu/GlobalMenuBase.js";
+import { SnackbarBase as Vt } from "./components/Snackbar/SnackbarBase.js";
+import { useSnackbar as Ut, SnackbarProvider as Yt } from "./components/Snackbar/useSnackbar.js";
+import { Input as Qt } from "./components/Forms/Input.js";
+import { Field as Xt } from "./components/Forms/Field.js";
+import { Label as Jt } from "./components/Forms/Label.js";
+import { TypingIcon as Zt } from "./components/Icon/TypingIcon.js";
+import { u as X } from "./useId-BVFxCjkq.js";
+import { isAvatarProps as Je, Avatar as it } from "./components/Avatar/Avatar.js";
+import { isAvatarGroupProps as Ze, AvatarGroup as Ae } from "./components/Avatar/AvatarGroup.js";
+import { ItemControls as et } from "./components/Item/ItemControls.js";
+import { pickAriaProps as en } from "./components/Menu/aria.js";
+import { MenuList as De } from "./components/Menu/MenuList.js";
+import { MenuListItem as Ot } from "./components/Menu/MenuListItem.js";
+import { MenuListGroup as St } from "./components/Menu/MenuListGroup.js";
+import { MenuListDivider as Et } from "./components/Menu/MenuListDivider.js";
+import { MenuListHeading as kt } from "./components/Menu/MenuListHeading.js";
+import { useMenuVirtualization as tn } from "./components/Menu/useMenuVirtualization.js";
+import { a as nn, b as on, S as rn } from "./Paperclip-DhP0Uo69.js";
+import { useDropdownMenuController as an } from "./components/Menu/useDropdownMenuController.js";
+import { ItemBase as sn } from "./components/Item/ItemBase.js";
+import { ItemLink as ln } from "./components/Item/ItemLink.js";
+import { MetaBase as cn } from "./components/Metadata/MetaBase.js";
+import { ProgressIcon as dn } from "./components/Icon/ProgressIcon.js";
+import './assets/ToolbarSearch.css';var un = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
+  return o;
+};
+const pn = Q((e, n) => {
+  var { title: o, titleId: t } = e, r = un(e, ["title", "titleId"]);
+  let a = X();
+  return a = o ? t || "title-" + a : void 0, O.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": a }, r),
+    o ? O.createElement("title", { id: a }, o) : null,
+    O.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4 3.25a.75.75 0 0 0-.75.75v3.5c0 .414.336.75.75.75h16a.75.75 0 0 0 .75-.75V4a.75.75 0 0 0-.75-.75zm15.5 6a.25.25 0 0 1 .25.25V19A1.75 1.75 0 0 1 18 20.75H6A1.75 1.75 0 0 1 4.25 19V9.5a.25.25 0 0 1 .25-.25zm-4.75 3.25a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h4a.75.75 0 0 1 .75.75", clipRule: "evenodd" })
+  );
+});
+var fn = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
+  return o;
+};
+const mn = Q((e, n) => {
+  var { title: o, titleId: t } = e, r = fn(e, ["title", "titleId"]);
+  let a = X();
+  return a = o ? t || "title-" + a : void 0, O.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": a }, r),
+    o ? O.createElement("title", { id: a }, o) : null,
+    O.createElement("path", { fill: "currentColor", d: "M12.75 5a.75.75 0 0 0-1.5 0v12.19l-3.22-3.22a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l4.5-4.5a.75.75 0 1 0-1.06-1.06l-3.22 3.22z" })
+  );
+});
+var hn = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
+  return o;
+};
+const vn = Q((e, n) => {
+  var { title: o, titleId: t } = e, r = hn(e, ["title", "titleId"]);
+  let a = X();
+  return a = o ? t || "title-" + a : void 0, O.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": a }, r),
+    o ? O.createElement("title", { id: a }, o) : null,
+    O.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.75 2.5a.75.75 0 0 0-1.5 0v1.273c-2.222.14-3.655.92-4.499 2.186-.887 1.33-1.001 3.04-1.001 4.541v3c0 .809-.424 1.92-.92 2.915a18 18 0 0 1-.936 1.641l-.014.022-.004.006A.75.75 0 0 0 4.5 19.25h4.338a3.25 3.25 0 0 0 6.324 0H19.5a.75.75 0 0 0 .624-1.166l-.004-.006-.014-.022-.06-.091c-.05-.081-.125-.2-.215-.35-.18-.301-.42-.722-.66-1.2-.497-.994-.921-2.106-.921-2.915v-3c0-1.501-.114-3.21-1.001-4.541-.844-1.266-2.277-2.046-4.499-2.186zm-1.987 17.237a1.8 1.8 0 0 1-.344-.487h3.162a1.75 1.75 0 0 1-1.581 1 1.75 1.75 0 0 1-1.237-.513", clipRule: "evenodd" })
+  );
+});
+var gn = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
+  return o;
+};
+const Pt = Q((e, n) => {
+  var { title: o, titleId: t } = e, r = gn(e, ["title", "titleId"]);
+  let a = X();
+  return a = o ? t || "title-" + a : void 0, O.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": a }, r),
+    o ? O.createElement("title", { id: a }, o) : null,
+    O.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939", clipRule: "evenodd" })
+  );
+});
+var bn = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
+  return o;
+};
+const yn = Q((e, n) => {
+  var { title: o, titleId: t } = e, r = bn(e, ["title", "titleId"]);
+  let a = X();
+  return a = o ? t || "title-" + a : void 0, O.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": a }, r),
+    o ? O.createElement("title", { id: a }, o) : null,
+    O.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.47 5.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 1 1-1.06-1.06L14.44 12 9.47 7.03a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
+  );
+});
+var wn = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
+  return o;
+};
+const ct = Q((e, n) => {
+  var { title: o, titleId: t } = e, r = wn(e, ["title", "titleId"]);
+  let a = X();
+  return a = o ? t || "title-" + a : void 0, O.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": a }, r),
+    o ? O.createElement("title", { id: a }, o) : null,
+    O.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z", clipRule: "evenodd" })
+  );
+});
+var _n = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
+  return o;
+};
+const xn = Q((e, n) => {
+  var { title: o, titleId: t } = e, r = _n(e, ["title", "titleId"]);
+  let a = X();
+  return a = o ? t || "title-" + a : void 0, O.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": a }, r),
+    o ? O.createElement("title", { id: a }, o) : null,
+    O.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.5 1.75a.75.75 0 0 1 .75.75v2.464a9.75 9.75 0 1 1 12.342 15.023.75.75 0 1 1-.86-1.229A8.251 8.251 0 1 0 6.084 6.25H9a.75.75 0 0 1 0 1.5H4.5A.75.75 0 0 1 3.75 7V2.5a.75.75 0 0 1 .75-.75M12.75 6a.75.75 0 0 0-1.5 0v6c0 .199.079.39.22.53l2.5 2.5a.75.75 0 1 0 1.06-1.06l-2.28-2.28zM3 11.25a.75.75 0 0 1 .75.75q0 .66.105 1.31a.75.75 0 0 1-1.481.24A10 10 0 0 1 2.25 12a.75.75 0 0 1 .75-.75m1.855 4.875a.75.75 0 0 0-1.299.75q.39.675.882 1.28a.75.75 0 1 0 1.163-.947 8 8 0 0 1-.746-1.083m1.995 3.294a.75.75 0 0 1 1.025-.274q.57.33 1.188.564a.75.75 0 1 1-.535 1.402 10 10 0 0 1-1.403-.667.75.75 0 0 1-.275-1.025m6.7 2.207a.75.75 0 1 0-.24-1.48q-.65.104-1.31.104a.75.75 0 0 0 0 1.5q.78 0 1.55-.124", clipRule: "evenodd" })
+  );
+});
+var In = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
+  return o;
+};
+const On = Q((e, n) => {
+  var { title: o, titleId: t } = e, r = In(e, ["title", "titleId"]);
+  let a = X();
+  return a = o ? t || "title-" + a : void 0, O.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": a }, r),
+    o ? O.createElement("title", { id: a }, o) : null,
+    O.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5", clipRule: "evenodd" })
+  );
+});
+var Sn = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
+  return o;
+};
+const En = Q((e, n) => {
+  var { title: o, titleId: t } = e, r = Sn(e, ["title", "titleId"]);
+  let a = X();
+  return a = o ? t || "title-" + a : void 0, O.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": a }, r),
+    o ? O.createElement("title", { id: a }, o) : null,
+    O.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.5 3.25a7.25 7.25 0 1 0 4.569 12.88l5.411 5.41a.75.75 0 1 0 1.06-1.06l-5.41-5.411A7.25 7.25 0 0 0 10.5 3.25M4.75 10.5a5.75 5.75 0 1 1 11.5 0 5.75 5.75 0 0 1-11.5 0", clipRule: "evenodd" })
+  );
+});
+var kn = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
+  return o;
+};
+const Pn = Q((e, n) => {
+  var { title: o, titleId: t } = e, r = kn(e, ["title", "titleId"]);
+  let a = X();
+  return a = o ? t || "title-" + a : void 0, O.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": a }, r),
+    o ? O.createElement("title", { id: a }, o) : null,
+    O.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.75 12a.75.75 0 0 1 .75-.75h13a.75.75 0 1 1 0 1.5h-13a.75.75 0 0 1-.75-.75", clipRule: "evenodd" })
+  );
+});
+var Nn = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
+  return o;
+};
+const Mn = Q((e, n) => {
+  var { title: o, titleId: t } = e, r = Nn(e, ["title", "titleId"]);
+  let a = X();
+  return a = o ? t || "title-" + a : void 0, O.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": a }, r),
+    o ? O.createElement("title", { id: a }, o) : null,
+    O.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10 4.75c-.69 0-1.25.56-1.25 1.25v.25h6.5V6c0-.69-.56-1.25-1.25-1.25zm6.75 1.5V6A2.75 2.75 0 0 0 14 3.25h-4A2.75 2.75 0 0 0 7.25 6v.25H4.5a.75.75 0 0 0 0 1.5h.805l.876 11.384a1.75 1.75 0 0 0 1.745 1.616h8.148a1.75 1.75 0 0 0 1.745-1.616l.875-11.384h.806a.75.75 0 0 0 0-1.5h-2.75m-6 4.25a.75.75 0 0 0-1.5 0v6a.75.75 0 0 0 1.5 0zM14 9.75a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75", clipRule: "evenodd" })
+  );
+});
+var An = function(e, n) {
+  var o = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && n.indexOf(t) < 0 && (o[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      n.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (o[t[r]] = e[t[r]]);
+  return o;
+};
+const qe = Q((e, n) => {
+  var { title: o, titleId: t } = e, r = An(e, ["title", "titleId"]);
+  let a = X();
+  return a = o ? t || "title-" + a : void 0, O.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: n, "aria-labelledby": a }, r),
+    o ? O.createElement("title", { id: a }, o) : null,
+    O.createElement("path", { fill: "currentColor", d: "M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z" })
+  );
+}), Cn = "_badge_5li3b_1", Rn = "_label_5li3b_33", ze = {
+  badge: Cn,
+  label: Rn
+}, ie = ({
+  label: e,
+  color: n,
+  variant: o = "subtle",
+  theme: t,
+  size: r = "sm",
+  tooltip: a,
+  className: d,
+  style: u,
+  children: s
+}) => a ? /* @__PURE__ */ i(at, { content: a, children: /* @__PURE__ */ i(
+  "span",
+  {
+    className: G(ze.badge, d),
+    style: u,
+    "data-color": n,
+    "data-variant": o,
+    "data-theme": t,
+    "data-size": r,
+    ...r === "xs" && { "aria-hidden": !0 },
+    children: /* @__PURE__ */ i("span", { className: ze.label, children: e || s })
+  }
+) }) : /* @__PURE__ */ i(
+  "span",
+  {
+    className: G(ze.badge, d),
+    style: u,
+    "data-color": n,
+    "data-variant": o,
+    "data-theme": t,
+    "data-size": r,
+    ...r === "xs" && { "aria-hidden": !0 },
+    children: /* @__PURE__ */ i("span", { className: ze.label, children: e || s })
+  }
+), zn = "_icon_1y3dz_1", Ln = "_shape_1y3dz_9", Tn = "_svg_1y3dz_14", $n = "_image_1y3dz_15", ke = {
+  icon: zn,
+  shape: Ln,
+  svg: Tn,
+  image: $n
+}, tt = (e) => typeof e == "object" && e !== null && ("svgElement" in e || "iconUrl" in e), ce = ({
+  loading: e,
+  altText: n,
+  svgElement: o,
+  size: t,
+  color: r,
+  iconUrl: a,
+  className: d,
+  style: u,
+  children: s
+}) => /* @__PURE__ */ i("span", { "data-ui": "icon", "data-size": t, "data-color": r, className: G(ke.icon, d), style: u, children: /* @__PURE__ */ w(xe, { loading: e, variant: "circle", className: ke.shape, children: [
+  /* @__PURE__ */ i("span", { className: ke.shape }),
+  o && /* @__PURE__ */ i(o, { "aria-hidden": "true", "alt-label": n, className: ke.svg }),
+  a && /* @__PURE__ */ i("img", { src: a, alt: n, className: ke.image }),
+  s
+] }) }), Dn = ({ size: e, color: n, label: o, htmlFor: t, helperText: r, children: a, ...d }) => /* @__PURE__ */ w(Xt, { size: e, color: n, ...d, children: [
+  o && /* @__PURE__ */ i(Jt, { size: e, htmlFor: t, children: o }),
+  a,
+  r && /* @__PURE__ */ i(It, { size: "xs", children: r })
+] }), jn = "_search_18jfe_1", Bn = "_searchInput_18jfe_8", Ve = {
+  search: jn,
+  searchInput: Bn
+}, Nt = ({
+  style: e,
+  index: n,
+  name: o,
+  value: t,
+  placeholder: r = "Search",
+  clearButtonAltText: a = "Clear search",
+  onChange: d,
+  onClear: u,
+  onNavigate: s,
+  combobox: l = !1,
+  listId: p,
+  "aria-activedescendant": c,
+  onKeyDown: h,
+  onInput: v,
+  onFocus: g,
+  ...N
+}) => {
+  const _ = /* @__PURE__ */ i(
+    $t,
+    {
+      size: "xs",
+      className: Ve.searchInput,
+      name: o,
+      value: t,
+      placeholder: r,
+      onChange: d,
+      onClear: u,
+      clearButtonAltText: a,
+      autoComplete: "off",
+      autoCorrect: "off",
+      autoCapitalize: "off",
+      autoFocus: !0,
+      onKeyDown: (x) => {
+        (x.key === "ArrowUp" || x.key === "ArrowDown") && (x.preventDefault(), s?.()), h?.(x);
+      },
+      onInput: v,
+      onFocus: g,
+      ...l ? {
+        role: "combobox",
+        "aria-autocomplete": "list",
+        "aria-expanded": !0,
+        "aria-haspopup": "listbox",
+        "aria-controls": p,
+        "aria-activedescendant": c
+      } : {},
+      ...N
+    }
+  );
+  return l ? /* @__PURE__ */ i("div", { className: Ve.search, style: e, "data-index": n, "data-menu-search": "true", children: _ }) : /* @__PURE__ */ i("li", { className: Ve.search, style: e, "data-index": n, "data-menu-search": "true", children: _ });
+}, Mt = ({
+  level: e = 0,
+  maxLevels: n,
+  expanded: o,
+  a11yMode: t = "menu",
+  open: r,
+  scrollToTopOnOpen: a = !1,
+  autoActivateFirstItem: d = !0,
+  autoFocusList: u = !0,
+  announceNoResults: s = !1,
+  search: l,
+  items: p,
+  groups: c = {},
+  size: h,
+  id: v,
+  color: g,
+  variant: N,
+  scrollRefStyles: _ = {},
+  keyboardEvents: x = !1,
+  onSelect: L = () => {
+  },
+  onActiveItemIdChange: C
+}) => {
+  if (n && e >= n)
+    return null;
+  const k = t === "combobox", f = t === "navigation", R = k && v ? `${v}-listbox` : v, I = J(r), H = J(r), [W, y] = de(!1), T = fe(
+    () => p.map((A, D) => ({
+      ...A,
+      id: `${v}-item-${D}`
+    })),
+    [p, v]
+  ), M = J(null), { menu: P, setActiveIndex: m, activeItem: S } = rt({
+    items: T,
+    groups: c,
+    groupByKey: "groupId",
+    keyboardEvents: x,
+    autoActivateFirstItem: d,
+    onSelect: L,
+    ref: M
+  });
+  U(() => {
+    C?.(S?.id);
+  }, [S?.id, C]), U(() => {
+    if (!a) {
+      I.current = r;
+      return;
+    }
+    const A = I.current;
+    I.current = r, r && !A && M.current?.scrollTo({ top: 0 });
+  }, [r, a]), U(() => {
+    const A = H.current;
+    H.current = r, !(!x || l || !u) && r && !A && requestAnimationFrame(() => M.current?.focus?.({ preventScroll: !0 }));
+  }, [r, x, l]), U(() => {
+    if (k && s) {
+      m(0), y(!0);
+      return;
+    }
+  }, [s, k, m]);
+  const z = l ? /* @__PURE__ */ i(
+    Nt,
+    {
+      ...l,
+      combobox: k,
+      listId: R,
+      "aria-activedescendant": k && W ? S?.id : void 0,
+      onNavigate: k ? () => y(!0) : void 0,
+      onChange: (A) => {
+        y(!1), l.onChange?.(A);
+      },
+      onFocus: (A) => {
+        y(!1), l.onFocus?.(A);
+      },
+      onInput: (A) => {
+        y(!1), l.onInput?.(A);
+      },
+      onKeyDown: (A) => {
+        const D = A.key === "ArrowUp" || A.key === "ArrowDown", j = A.key.length === 1 || A.key === "Backspace" || A.key === "Delete";
+        k && !D && j && y(!1), l.onKeyDown?.(A);
+      }
+    }
+  ) : null, $ = /* @__PURE__ */ w(
+    De,
+    {
+      variant: N,
+      expanded: o,
+      ref: M,
+      style: _,
+      id: R,
+      role: k ? "listbox" : f ? "list" : "menu",
+      tabIndex: x ? -1 : void 0,
+      children: [
+        !k && z,
+        P.map((A, D) => {
+          const j = A?.props || {}, { title: K, hidden: ve = !1, divider: Z = !0 } = j;
+          return /* @__PURE__ */ w(wt, { children: [
+            (e > 0 || D) && Z ? /* @__PURE__ */ i(Et, {}) : "",
+            /* @__PURE__ */ i(St, { hidden: ve, children: /* @__PURE__ */ w(De, { role: "presentation", children: [
+              K && /* @__PURE__ */ i(kt, { title: K, level: e }),
+              A?.items.filter((ee) => !ee.props?.hidden).map((ee, b) => {
+                const { active: E, onMouseEnter: B } = ee, { groupId: ne, ...F } = ee.props || {}, { expanded: se } = F, le = Array.isArray(F?.items) && F.items.length > 0, Ge = F.role === "checkbox" || F.role === "radio", Ke = F.role === "radio" ? "menuitemradio" : "menuitemcheckbox", Bt = f ? void 0 : k ? "option" : Ge ? Ke : F.role;
+                return /* @__PURE__ */ w(
+                  Ot,
+                  {
+                    expanded: se,
+                    onMouseLeave: () => m(-1),
+                    role: f ? "listitem" : "presentation",
+                    children: [
+                      /* @__PURE__ */ i(
+                        Tt,
+                        {
+                          ...F,
+                          size: F?.size || j?.size || h,
+                          color: F?.color || j?.color || g,
+                          variant: F?.variant || j?.variant || N,
+                          active: E,
+                          role: Bt,
+                          a11yMode: t,
+                          selected: F.selected,
+                          tabIndex: F?.disabled || x ? -1 : F.tabIndex ?? 0,
+                          onMouseEnter: B,
+                          "aria-haspopup": le && !f ? "menu" : void 0,
+                          "aria-expanded": le ? se : void 0,
+                          "aria-controls": le ? F.id + "-menu" : void 0
+                        }
+                      ),
+                      se && F?.items && /* @__PURE__ */ i(
+                        Mt,
+                        {
+                          id: F.id + "-menu",
+                          expanded: se,
+                          level: e + 1,
+                          maxLevels: n,
+                          items: F?.items,
+                          groups: c,
+                          size: h,
+                          color: g,
+                          variant: N,
+                          a11yMode: t
+                        }
+                      )
+                    ]
+                  },
+                  b
+                );
+              })
+            ] }) }, D)
+          ] }, D);
+        })
+      ]
+    }
+  );
+  return k && z ? /* @__PURE__ */ w(we, { children: [
+    z,
+    $
+  ] }) : $;
+}, Hn = (e) => {
+  const n = J(null), o = J(null), [t, r] = de(0), {
+    search: a,
+    items: d,
+    groups: u = {},
+    size: s,
+    color: l,
+    variant: p,
+    keyboardEvents: c,
+    scrollRefStyles: h = {},
+    id: v,
+    expanded: g,
+    a11yMode: N = "menu",
+    open: _,
+    scrollToTopOnOpen: x = !1,
+    autoActivateFirstItem: L = !0,
+    announceNoResults: C = !1,
+    onActiveItemIdChange: k
+  } = e, f = N === "combobox", R = N === "navigation", I = f && v ? `${v}-listbox` : v, H = J(_), [W, y] = de(!1), T = fe(
+    () => d.map((b, E) => ({
+      ...b,
+      id: `${v}-item-${E}`
+    })),
+    [d, v]
+  ), { menu: M, activeItem: P, setActiveIndex: m, activeIndex: S } = rt({
+    items: T,
+    groups: u,
+    groupByKey: "groupId",
+    keyboardEvents: c,
+    autoActivateFirstItem: L,
+    ref: n
+  }), { flatMenu: z, virtualizer: $, scrollMaxHeight: A } = tn({
+    menu: M,
+    scrollRef: n
+  });
+  Xe(() => {
+    const b = o.current;
+    if (!b) return;
+    const E = Math.round(b.offsetTop);
+    r((B) => B === E ? B : E);
+  });
+  const D = fe(() => {
+    const b = P?.id;
+    if (b)
+      return z.findIndex((B) => B.type === "item" && B.itemProps?.id === b);
+    if (S < 0) return -1;
+    let E = -1;
+    for (let B = 0; B < z.length; B++)
+      if (z[B]?.type === "item" && (E += 1, E === S))
+        return B;
+    return -1;
+  }, [P?.id, S, z]), j = J(null);
+  Xe(() => {
+    const b = j?.current, E = typeof b == "number" ? D <= b : !1;
+    j.current = D;
+    const B = E ? D : D + 2;
+    if (!E) {
+      const le = $.getOffsetForIndex(B, "auto");
+      if (!le) return;
+      const [Ge, Ke] = le;
+      if (Ke === "auto") return;
+      $.scrollToOffset(Ge + t + 10, { align: "start" });
+      return;
+    }
+    if (D <= 3) {
+      $.scrollToOffset(0);
+      return;
+    }
+    const ne = $.getOffsetForIndex(D - 1, "auto");
+    if (!ne) return;
+    const [F, se] = ne;
+    se !== "auto" && $.scrollToOffset(F + t + 10, { align: "start" });
+  }, [D, t, $, j]);
+  const K = fe(() => {
+    const b = /* @__PURE__ */ new Map();
+    let E = 0;
+    return z.forEach((B, ne) => {
+      B.type === "item" && (E += 1, b.set(ne, E));
+    }), { positions: b, total: E };
+  }, [z]);
+  U(() => {
+    k?.(P?.id);
+  }, [P?.id, k]), U(() => {
+    if (f && C) {
+      m(0), y(!0);
+      return;
+    }
+  }, [C, f, m]), U(() => {
+    const b = H.current;
+    H.current = _, !(!_ || b) && ($.measure(), x && n.current?.scrollTo({ top: 0 }));
+  }, [_, x, $]);
+  const ve = {
+    position: "relative",
+    maxHeight: h?.maxHeight || A,
+    margin: "-0.5rem",
+    padding: "0.5rem 0.5rem 1rem 0.5rem",
+    minWidth: h?.minWidth ?? "20rem",
+    overflowY: "auto",
+    ...h
+  }, Z = a ? /* @__PURE__ */ i(
+    Nt,
+    {
+      ...a,
+      combobox: f,
+      listId: I,
+      "aria-activedescendant": f && W ? P?.id : void 0,
+      onNavigate: f ? () => y(!0) : void 0,
+      onChange: (b) => {
+        y(!1), a.onChange?.(b);
+      },
+      onFocus: (b) => {
+        y(!1), a.onFocus?.(b);
+      },
+      onInput: (b) => {
+        y(!1), a.onInput?.(b);
+      },
+      onKeyDown: (b) => {
+        const E = b.key === "ArrowUp" || b.key === "ArrowDown", B = b.key.length === 1 || b.key === "Backspace" || b.key === "Delete";
+        f && !E && B && y(!1), a.onKeyDown?.(b);
+      }
+    }
+  ) : null, ee = /* @__PURE__ */ w(
+    De,
+    {
+      ref: n,
+      style: ve,
+      variant: p,
+      color: l,
+      expanded: g,
+      id: I,
+      role: f ? "listbox" : R ? "list" : "menu",
+      children: [
+        !f && Z,
+        /* @__PURE__ */ i(
+          St,
+          {
+            ref: o,
+            style: {
+              position: "relative",
+              height: `${$.getTotalSize()}px`,
+              width: "100%"
+            },
+            children: /* @__PURE__ */ i(De, { style: { width: "100%", minWidth: "100%" }, children: $.getVirtualItems().map((b) => {
+              const E = z[b.index];
+              if (!E) return null;
+              const B = {
+                position: "absolute",
+                top: 0,
+                left: 0,
+                width: "100%",
+                transform: `translateY(${b.start}px)`
+              }, ne = {
+                style: B,
+                index: b.index,
+                "data-index": b.index,
+                ref: $.measureElement
+              };
+              switch (E.type) {
+                case "divider":
+                  return /* @__PURE__ */ i(
+                    Et,
+                    {
+                      ...ne,
+                      style: { ...B, padding: "0.25rem 0" }
+                    },
+                    b.key
+                  );
+                case "header":
+                  return /* @__PURE__ */ i(kt, { ...ne, title: E.title || "", level: 1 }, b.key);
+                default: {
+                  const F = E.itemProps?.role === "checkbox" || E.itemProps?.role === "radio", se = E.itemProps?.role === "radio" ? "menuitemradio" : "menuitemcheckbox", le = R ? void 0 : f ? "option" : F ? se : E.itemProps?.role;
+                  return /* @__PURE__ */ i(Ot, { ...ne, role: R ? "listitem" : "presentation", children: /* @__PURE__ */ i(
+                    Tt,
+                    {
+                      ...E.itemProps || {},
+                      size: E.itemProps?.size || s,
+                      color: E.itemProps?.color || l,
+                      variant: E.itemProps?.variant || p,
+                      active: E.active,
+                      role: le,
+                      a11yMode: N,
+                      selected: E.itemProps?.selected,
+                      "aria-posinset": f ? K.positions.get(b.index) : void 0,
+                      "aria-setsize": f ? K.total : void 0,
+                      tabIndex: E.itemProps?.disabled || c ? -1 : 0
+                    }
+                  ) }, b.key);
+                }
+              }
+            }) })
+          }
+        )
+      ]
+    }
+  );
+  return f && Z ? /* @__PURE__ */ w(we, { children: [
+    Z,
+    ee
+  ] }) : ee;
+};
+var We = class extends Event {
+  oldState;
+  newState;
+  constructor(e, { oldState: n = "", newState: o = "", ...t } = {}) {
+    super(e, t), this.oldState = String(n || ""), this.newState = String(o || "");
+  }
+}, dt = /* @__PURE__ */ new WeakMap();
+function At(e, n, o) {
+  dt.set(
+    e,
+    setTimeout(() => {
+      dt.has(e) && e.dispatchEvent(
+        new We("toggle", {
+          cancelable: !1,
+          oldState: n,
+          newState: o
+        })
+      );
+    }, 0)
+  );
+}
+var st = globalThis.ShadowRoot || function() {
+}, Fn = globalThis.HTMLDialogElement || function() {
+}, $e = /* @__PURE__ */ new WeakMap(), ae = /* @__PURE__ */ new WeakMap(), Y = /* @__PURE__ */ new WeakMap(), Ie = /* @__PURE__ */ new WeakMap();
+function je(e) {
+  return Ie.get(e) || "hidden";
+}
+var Be = /* @__PURE__ */ new WeakMap();
+function Ce(e) {
+  return [...e].pop();
+}
+function qn(e) {
+  const n = e.popoverTargetElement;
+  if (!(n instanceof HTMLElement))
+    return;
+  const o = je(n);
+  e.popoverTargetAction === "show" && o === "showing" || e.popoverTargetAction === "hide" && o === "hidden" || (o === "showing" ? Se(n, !0, !0) : me(n, !1) && (Be.set(n, e), nt(n)));
+}
+function me(e, n) {
+  return !(e.popover !== "auto" && e.popover !== "manual" && e.popover !== "hint" || !e.isConnected || n && je(e) !== "showing" || !n && je(e) !== "hidden" || e instanceof Fn && e.hasAttribute("open") || document.fullscreenElement === e);
+}
+function ut(e) {
+  if (!e) return 0;
+  const n = ae.get(document) || /* @__PURE__ */ new Set(), o = Y.get(document) || /* @__PURE__ */ new Set();
+  return o.has(e) ? [...o].indexOf(e) + n.size + 1 : n.has(e) ? [...n].indexOf(e) + 1 : 0;
+}
+function Wn(e) {
+  const n = Ct(e), o = Gn(e);
+  return ut(n) > ut(o) ? n : o;
+}
+function Re(e) {
+  let n;
+  const o = Y.get(e) || /* @__PURE__ */ new Set(), t = ae.get(e) || /* @__PURE__ */ new Set(), r = o.size > 0 ? o : t.size > 0 ? t : null;
+  return r ? (n = Ce(r), n.isConnected ? n : (r.delete(n), Re(e))) : null;
+}
+function pt(e) {
+  for (const n of e || [])
+    if (!n.isConnected)
+      e.delete(n);
+    else
+      return n;
+  return null;
+}
+function Oe(e) {
+  return typeof e.getRootNode == "function" ? e.getRootNode() : e.parentNode ? Oe(e.parentNode) : e;
+}
+function Ct(e) {
+  for (; e; ) {
+    if (e instanceof HTMLElement && e.popover === "auto" && Ie.get(e) === "showing")
+      return e;
+    if (e = e instanceof Element && e.assignedSlot || e.parentElement || Oe(e), e instanceof st && (e = e.host), e instanceof Document) return;
+  }
+}
+function Gn(e) {
+  for (; e; ) {
+    const n = e.popoverTargetElement;
+    if (n instanceof HTMLElement) return n;
+    if (e = e.parentElement || Oe(e), e instanceof st && (e = e.host), e instanceof Document) return;
+  }
+}
+function ft(e, n) {
+  const o = /* @__PURE__ */ new Map();
+  let t = 0;
+  for (const d of n || [])
+    o.set(d, t), t += 1;
+  o.set(e, t), t += 1;
+  let r = null;
+  function a(d) {
+    if (!d) return;
+    let u = !1, s = null, l = null;
+    for (; !u; ) {
+      if (s = Ct(d) || null, s === null || !o.has(s)) return;
+      (e.popover === "hint" || s.popover === "auto") && (u = !0), u || (d = s.parentElement);
+    }
+    l = o.get(s), (r === null || o.get(r) < l) && (r = s);
+  }
+  return a(e.parentElement || Oe(e)), r;
+}
+function Kn(e) {
+  return e.hidden || e instanceof st || (e instanceof HTMLButtonElement || e instanceof HTMLInputElement || e instanceof HTMLSelectElement || e instanceof HTMLTextAreaElement || e instanceof HTMLOptGroupElement || e instanceof HTMLOptionElement || e instanceof HTMLFieldSetElement) && e.disabled || e instanceof HTMLInputElement && e.type === "hidden" || e instanceof HTMLAnchorElement && e.href === "" ? !1 : typeof e.tabIndex == "number" && e.tabIndex !== -1;
+}
+function Vn(e) {
+  if (e.shadowRoot && e.shadowRoot.delegatesFocus !== !0)
+    return null;
+  let n = e;
+  n.shadowRoot && (n = n.shadowRoot);
+  let o = n.querySelector("[autofocus]");
+  if (o)
+    return o;
+  {
+    const a = n.querySelectorAll("slot");
+    for (const d of a) {
+      const u = d.assignedElements({ flatten: !0 });
+      for (const s of u) {
+        if (s.hasAttribute("autofocus"))
+          return s;
+        if (o = s.querySelector("[autofocus]"), o)
+          return o;
+      }
+    }
+  }
+  const t = e.ownerDocument.createTreeWalker(
+    n,
+    NodeFilter.SHOW_ELEMENT
+  );
+  let r = t.currentNode;
+  for (; r; ) {
+    if (Kn(r))
+      return r;
+    r = t.nextNode();
+  }
+}
+function Un(e) {
+  var n;
+  (n = Vn(e)) == null || n.focus();
+}
+var He = /* @__PURE__ */ new WeakMap();
+function nt(e) {
+  if (!me(e, !1))
+    return;
+  const n = e.ownerDocument;
+  if (!e.dispatchEvent(
+    new We("beforetoggle", {
+      cancelable: !0,
+      oldState: "closed",
+      newState: "open"
+    })
+  ) || !me(e, !1))
+    return;
+  let o = !1;
+  const t = e.popover;
+  let r = null;
+  const a = ft(
+    e,
+    ae.get(n) || /* @__PURE__ */ new Set()
+  ), d = ft(
+    e,
+    Y.get(n) || /* @__PURE__ */ new Set()
+  );
+  if (t === "auto" && (ot(
+    Y.get(n) || /* @__PURE__ */ new Set(),
+    o,
+    !0
+  ), he(a || n, o, !0), r = "auto"), t === "hint" && (d ? (he(d, o, !0), r = "hint") : (ot(
+    Y.get(n) || /* @__PURE__ */ new Set(),
+    o,
+    !0
+  ), a ? (he(a, o, !0), r = "auto") : r = "hint")), t === "auto" || t === "hint") {
+    if (t !== e.popover || !me(e, !1))
+      return;
+    Re(n) || (o = !0), r === "auto" ? (ae.has(n) || ae.set(n, /* @__PURE__ */ new Set()), ae.get(n).add(e)) : r === "hint" && (Y.has(n) || Y.set(n, /* @__PURE__ */ new Set()), Y.get(n).add(e));
+  }
+  He.delete(e);
+  const u = n.activeElement;
+  e.classList.add(":popover-open"), Ie.set(e, "showing"), $e.has(n) || $e.set(n, /* @__PURE__ */ new Set()), $e.get(n).add(e), Rt(Be.get(e), !0), Un(e), o && u && e.popover === "auto" && He.set(e, u), At(e, "closed", "open");
+}
+function Se(e, n = !1, o = !1) {
+  var t, r;
+  if (!me(e, !0))
+    return;
+  const a = e.ownerDocument;
+  if (["auto", "hint"].includes(e.popover) && (he(e, n, o), !me(e, !0)))
+    return;
+  const d = ae.get(a) || /* @__PURE__ */ new Set(), u = d.has(e) && Ce(d) === e;
+  if (Rt(Be.get(e), !1), Be.delete(e), o && (e.dispatchEvent(
+    new We("beforetoggle", {
+      oldState: "open",
+      newState: "closed"
+    })
+  ), u && Ce(d) !== e && he(e, n, o), !me(e, !0)))
+    return;
+  (t = $e.get(a)) == null || t.delete(e), d.delete(e), (r = Y.get(a)) == null || r.delete(e), e.classList.remove(":popover-open"), Ie.set(e, "hidden"), o && At(e, "open", "closed");
+  const s = He.get(e);
+  s && (He.delete(e), n && s.focus());
+}
+function Yn(e, n = !1, o = !1) {
+  let t = Re(e);
+  for (; t; )
+    Se(t, n, o), t = Re(e);
+}
+function ot(e, n = !1, o = !1) {
+  let t = pt(e);
+  for (; t; )
+    Se(t, n, o), t = pt(e);
+}
+function mt(e, n, o, t) {
+  let r = !1, a = !1;
+  for (; r || !a; ) {
+    a = !0;
+    let d = null, u = !1;
+    for (const s of n)
+      if (s === e)
+        u = !0;
+      else if (u) {
+        d = s;
+        break;
+      }
+    if (!d) return;
+    for (; je(d) === "showing" && n.size; )
+      Se(Ce(n), o, t);
+    n.has(e) && Ce(n) !== e && (r = !0), r && (t = !1);
+  }
+}
+function he(e, n, o) {
+  var t, r;
+  const a = e.ownerDocument || e;
+  if (e instanceof Document)
+    return Yn(a, n, o);
+  if ((t = Y.get(a)) != null && t.has(e)) {
+    mt(
+      e,
+      Y.get(a),
+      n,
+      o
+    );
+    return;
+  }
+  ot(
+    Y.get(a) || /* @__PURE__ */ new Set(),
+    n,
+    o
+  ), (r = ae.get(a)) != null && r.has(e) && mt(
+    e,
+    ae.get(a),
+    n,
+    o
+  );
+}
+var Ue = /* @__PURE__ */ new WeakMap();
+function ht(e) {
+  if (!e.isTrusted) return;
+  const n = e.composedPath()[0];
+  if (!n) return;
+  const o = n.ownerDocument;
+  if (!Re(o)) return;
+  const r = Wn(n);
+  if (r && e.type === "pointerdown")
+    Ue.set(o, r);
+  else if (e.type === "pointerup") {
+    const a = Ue.get(o) === r;
+    Ue.delete(o), a && he(r || o, !1, !0);
+  }
+}
+var Ye = /* @__PURE__ */ new WeakMap();
+function Rt(e, n = !1) {
+  if (!e) return;
+  Ye.has(e) || Ye.set(e, e.getAttribute("aria-expanded"));
+  const o = e.popoverTargetElement;
+  if (o instanceof HTMLElement && o.popover === "auto")
+    e.setAttribute("aria-expanded", String(n));
+  else {
+    const t = Ye.get(e);
+    t ? e.setAttribute("aria-expanded", t) : e.removeAttribute("aria-expanded");
+  }
+}
+var vt = globalThis.ShadowRoot || function() {
+};
+function Qn() {
+  return typeof HTMLElement < "u" && typeof HTMLElement.prototype == "object" && "popover" in HTMLElement.prototype;
+}
+function ue(e, n, o) {
+  const t = e[n];
+  Object.defineProperty(e, n, {
+    value(r) {
+      return t.call(this, o(r));
+    }
+  });
+}
+var Xn = /(^|[^\\]):popover-open\b/g;
+function Jn() {
+  return typeof globalThis.CSSLayerBlockRule == "function";
+}
+function Zn() {
+  const e = Jn();
+  return `
+${e ? "@layer popover-polyfill {" : ""}
+  :where([popover]) {
+    position: fixed;
+    z-index: 2147483647;
+    inset: 0;
+    padding: 0.25em;
+    width: fit-content;
+    height: fit-content;
+    border-width: initial;
+    border-color: initial;
+    border-image: initial;
+    border-style: solid;
+    background-color: canvas;
+    color: canvastext;
+    overflow: auto;
+    margin: auto;
+  }
+
+  :where([popover]:not(.\\:popover-open)) {
+    display: none;
+  }
+
+  :where(dialog[popover].\\:popover-open) {
+    display: block;
+  }
+
+  :where(dialog[popover][open]) {
+    display: revert;
+  }
+
+  :where([anchor].\\:popover-open) {
+    inset: auto;
+  }
+
+  :where([anchor]:popover-open) {
+    inset: auto;
+  }
+
+  @supports not (background-color: canvas) {
+    :where([popover]) {
+      background-color: white;
+      color: black;
+    }
+  }
+
+  @supports (width: -moz-fit-content) {
+    :where([popover]) {
+      width: -moz-fit-content;
+      height: -moz-fit-content;
+    }
+  }
+
+  @supports not (inset: 0) {
+    :where([popover]) {
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+    }
+  }
+${e ? "}" : ""}
+`;
+}
+var ge = null;
+function Qe(e) {
+  const n = Zn();
+  if (ge === null)
+    try {
+      ge = new CSSStyleSheet(), ge.replaceSync(n);
+    } catch {
+      ge = !1;
+    }
+  if (ge === !1) {
+    const o = document.createElement("style");
+    o.textContent = n, e instanceof Document ? e.head.prepend(o) : e.prepend(o);
+  } else
+    e.adoptedStyleSheets = [ge, ...e.adoptedStyleSheets];
+}
+function eo() {
+  if (typeof window > "u") return;
+  window.ToggleEvent = window.ToggleEvent || We;
+  function e(s) {
+    return s?.includes(":popover-open") && (s = s.replace(
+      Xn,
+      "$1.\\:popover-open"
+    )), s;
+  }
+  ue(Document.prototype, "querySelector", e), ue(Document.prototype, "querySelectorAll", e), ue(Element.prototype, "querySelector", e), ue(Element.prototype, "querySelectorAll", e), ue(Element.prototype, "matches", e), ue(Element.prototype, "closest", e), ue(
+    DocumentFragment.prototype,
+    "querySelectorAll",
+    e
+  ), Object.defineProperties(HTMLElement.prototype, {
+    popover: {
+      enumerable: !0,
+      configurable: !0,
+      get() {
+        if (!this.hasAttribute("popover")) return null;
+        const s = (this.getAttribute("popover") || "").toLowerCase();
+        return s === "" || s == "auto" ? "auto" : s == "hint" ? "hint" : "manual";
+      },
+      set(s) {
+        s === null ? this.removeAttribute("popover") : this.setAttribute("popover", s);
+      }
+    },
+    showPopover: {
+      enumerable: !0,
+      configurable: !0,
+      // eslint-disable-next-line @typescript-eslint/no-unused-vars
+      value(s = {}) {
+        nt(this);
+      }
+    },
+    hidePopover: {
+      enumerable: !0,
+      configurable: !0,
+      value() {
+        Se(this, !0, !0);
+      }
+    },
+    togglePopover: {
+      enumerable: !0,
+      configurable: !0,
+      value(s = {}) {
+        return typeof s == "boolean" && (s = { force: s }), Ie.get(this) === "showing" && s.force === void 0 || s.force === !1 ? Se(this, !0, !0) : (s.force === void 0 || s.force === !0) && nt(this), Ie.get(this) === "showing";
+      }
+    }
+  });
+  const n = Element.prototype.attachShadow;
+  n && Object.defineProperties(Element.prototype, {
+    attachShadow: {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value(s) {
+        const l = n.call(this, s);
+        return Qe(l), l;
+      }
+    }
+  });
+  const o = HTMLElement.prototype.attachInternals;
+  o && Object.defineProperties(HTMLElement.prototype, {
+    attachInternals: {
+      enumerable: !0,
+      configurable: !0,
+      writable: !0,
+      value() {
+        const s = o.call(this);
+        return s.shadowRoot && Qe(s.shadowRoot), s;
+      }
+    }
+  });
+  const t = /* @__PURE__ */ new WeakMap();
+  function r(s) {
+    Object.defineProperties(s.prototype, {
+      popoverTargetElement: {
+        enumerable: !0,
+        configurable: !0,
+        set(l) {
+          if (l === null)
+            this.removeAttribute("popovertarget"), t.delete(this);
+          else if (l instanceof Element)
+            this.setAttribute("popovertarget", ""), t.set(this, l);
+          else
+            throw new TypeError(
+              "popoverTargetElement must be an element or null"
+            );
+        },
+        get() {
+          if (this.localName !== "button" && this.localName !== "input" || this.localName === "input" && this.type !== "reset" && this.type !== "image" && this.type !== "button" || this.disabled || this.form && this.type === "submit")
+            return null;
+          const l = t.get(this);
+          if (l && l.isConnected)
+            return l;
+          if (l && !l.isConnected)
+            return t.delete(this), null;
+          const p = Oe(this), c = this.getAttribute("popovertarget");
+          return (p instanceof Document || p instanceof vt) && c && p.getElementById(c) || null;
+        }
+      },
+      popoverTargetAction: {
+        enumerable: !0,
+        configurable: !0,
+        get() {
+          const l = (this.getAttribute("popovertargetaction") || "").toLowerCase();
+          return l === "show" || l === "hide" ? l : "toggle";
+        },
+        set(l) {
+          this.setAttribute("popovertargetaction", l);
+        }
+      }
+    });
+  }
+  r(HTMLButtonElement), r(HTMLInputElement);
+  const a = (s) => {
+    if (s.defaultPrevented)
+      return;
+    const l = s.composedPath(), p = l[0];
+    if (!(p instanceof Element) || p?.shadowRoot)
+      return;
+    const c = Oe(p);
+    if (!(c instanceof vt || c instanceof Document))
+      return;
+    const h = l.find(
+      (v) => {
+        var g;
+        return (g = v.matches) == null ? void 0 : g.call(v, "[popovertargetaction],[popovertarget]");
+      }
+    );
+    if (h) {
+      qn(h), s.preventDefault();
+      return;
+    }
+  }, d = (s) => {
+    const l = s.key, p = s.target;
+    !s.defaultPrevented && p && (l === "Escape" || l === "Esc") && he(p.ownerDocument, !0, !0);
+  };
+  ((s) => {
+    s.addEventListener("click", a), s.addEventListener("keydown", d), s.addEventListener("pointerdown", ht), s.addEventListener("pointerup", ht);
+  })(document), Qe(document);
+}
+const to = "_item_18ro3_1", no = "_itemWrapper_18ro3_24", oo = "_icon_18ro3_29", ro = "_content_18ro3_39", ao = "_action_18ro3_47", Pe = {
+  item: to,
+  itemWrapper: no,
+  icon: oo,
+  content: ro,
+  action: ao
+};
+var io = /* @__PURE__ */ ((e) => (e.company = "company", e.success = "success", e.warning = "warning", e.danger = "danger", e.info = "info", e))(io || {});
+const so = ({
+  as: e,
+  message: n,
+  className: o,
+  color: t,
+  icon: r = vn,
+  iconAltText: a = "Bell icon",
+  dismissable: d = !0,
+  onDismiss: u,
+  ...s
+}) => {
+  const l = e || "div";
+  return U(() => {
+    if (!n)
+      return;
+    const p = document.querySelector("dialog[open]");
+    if (!p)
+      return;
+    let c = p.querySelector("[data-snackbar-live]");
+    c || (c = document.createElement("div"), c.setAttribute("data-snackbar-live", ""), c.setAttribute("aria-live", "polite"), c.setAttribute("aria-atomic", "true"), Object.assign(c.style, {
+      position: "absolute",
+      width: "1px",
+      height: "1px",
+      padding: "0",
+      overflow: "hidden",
+      clip: "rect(0,0,0,0)",
+      whiteSpace: "nowrap",
+      border: "0"
+    }), p.appendChild(c)), c.textContent = "", requestAnimationFrame(() => {
+      c.textContent = n;
+    });
+  }, [n]), /* @__PURE__ */ i("span", { className: Pe.itemWrapper, children: /* @__PURE__ */ w(l, { className: G(Pe.item, o), "data-color": t, role: "alert", ...s, children: [
+    /* @__PURE__ */ i(ce, { svgElement: r, className: Pe.icon, "aria-hidden": "true" }),
+    /* @__PURE__ */ i("div", { className: Pe.content, children: n }),
+    d && /* @__PURE__ */ i("div", { className: Pe.action, children: /* @__PURE__ */ i(_e, { variant: "solid", onClick: u, "aria-label": "close", children: /* @__PURE__ */ i(qe, { style: { fontSize: "1.5em" } }) }) })
+  ] }) });
+}, lo = () => typeof window < "u" && typeof document < "u";
+lo() && !Qn() && eo();
+const co = 0.3, uo = 0.4, da = ({ className: e }) => {
+  const { storedMessages: n, open: o, closeSnackbarItem: t } = Ut(), r = J(null);
+  U(() => {
+    const u = r.current;
+    u && (o ? u.showPopover() : u.matches(":popover-open") && u.hidePopover());
+  }, [o]);
+  const a = n || [], d = a.length - 1;
+  return /* @__PURE__ */ i(Vt, { ref: r, className: e, children: a.map((u, s) => {
+    const l = d - s, p = Math.max(uo, 1 - l * co);
+    return /* @__PURE__ */ i(
+      so,
+      {
+        onDismiss: () => t(u.id),
+        dismissable: u.dismissable,
+        style: { opacity: p },
+        ...u
+      },
+      u.id
+    );
+  }) });
+}, po = {
+  currentId: "",
+  previousId: "",
+  debug: !1,
+  setCurrentId: () => {
+    console.warn("setCurrentId called outside of RootProvider context");
+  },
+  setPreviousId: () => {
+    console.warn("setPreviousId called outside of RootProvider context");
+  },
+  languageCode: "nb"
+}, zt = Ht(po), ua = ({ children: e, initialValue: n, debug: o, languageCode: t }) => {
+  const [r, a] = de(n?.currentId || ""), [d, u] = de(n?.previousId || "");
+  return /* @__PURE__ */ i(
+    zt.Provider,
+    {
+      value: {
+        currentId: r,
+        setCurrentId: a,
+        setPreviousId: u,
+        previousId: d,
+        debug: o,
+        languageCode: t
+      },
+      children: /* @__PURE__ */ i(Yt, { children: e })
+    }
+  );
+}, fo = () => {
+  const e = Ft(zt);
+  if (!e)
+    throw new Error("useRootContext must be used within a RootProvider.");
+  const { currentId: n, setCurrentId: o, debug: t, setPreviousId: r, previousId: a, languageCode: d } = e, u = (c) => {
+    n && r(n), o(c);
+  }, s = (c) => {
+    t && console.debug(`useRootContext: toggleId called with value: ${c}`), u(n === c ? "" : c);
+  }, l = () => {
+    t && console.debug("useRootContext: closeAll called"), u("");
+  };
+  return Wt(l), {
+    currentId: n,
+    previousId: a,
+    toggleId: s,
+    closeAll: l,
+    openId: (c) => {
+      t && console.debug(`useRootContext: openId called with value: ${c}`), u(c);
+    },
+    languageCode: d
+  };
+}, mo = (e) => {
+  switch (e) {
+    case "nn":
+      return {
+        placeholder: "Søk ...",
+        hits: (n) => `${n} treff`,
+        selected: (n) => `${n} valt`,
+        noResults: "Ingen treff"
+      };
+    case "en":
+      return {
+        placeholder: "Search ...",
+        hits: (n) => `${n} hit${n === 1 ? "" : "s"}`,
+        selected: (n) => `${n} selected`,
+        noResults: "No results"
+      };
+    default:
+      return {
+        placeholder: "Søk ...",
+        hits: (n) => `${n} treff`,
+        selected: (n) => `${n} valgt`,
+        noResults: "Ingen treff"
+      };
+  }
+}, ho = (e) => {
+  const n = /* @__PURE__ */ new Set(), o = [];
+  for (const t of e) {
+    const r = t.id;
+    if (!r) {
+      o.push(t);
+      continue;
+    }
+    n.has(r) || (n.add(r), o.push(t));
+  }
+  return o;
+}, vo = ({
+  placeholder: e,
+  name: n,
+  onChange: o,
+  onClear: t,
+  clearButtonAltText: r,
+  items: a = [],
+  groups: d = {}
+}) => {
+  const { languageCode: u } = fo(), s = q.useMemo(() => mo(u), [u]), [l, p] = q.useState(""), c = q.useCallback(
+    (m) => {
+      p(m.target.value), o?.(m);
+    },
+    [o]
+  ), h = q.useCallback(() => {
+    p(""), t?.();
+  }, [t]), v = q.useMemo(() => l.trim().replace(/\s+/g, " "), [l]), g = v.length > 0, N = q.useMemo(() => v.toLowerCase(), [v]), _ = q.useMemo(() => v ? v.split(" ") : [], [v]), x = q.useMemo(
+    () => ({
+      placeholder: e ?? s.placeholder,
+      name: n ?? "search",
+      value: l,
+      onChange: c,
+      onClear: h,
+      clearButtonAltText: r
+    }),
+    [e, s.placeholder, n, l, c, h, r]
+  ), L = q.useMemo(
+    () => a.map((m) => {
+      const S = m?.searchWords?.length ? m.searchWords : [m?.title, m?.description].filter(Boolean);
+      return {
+        ...m,
+        searchWords: S ?? []
+      };
+    }),
+    [a]
+  ), C = q.useMemo(
+    () => [
+      {
+        id: "emptySearch",
+        "aria-disabled": !0,
+        title: s.noResults,
+        groupId: "emptySearch",
+        icon: nn,
+        size: "sm",
+        as: "div"
+      }
+    ],
+    [s.noResults]
+  ), k = q.useMemo(() => {
+    const m = a.filter((S) => S.groupId === "emptySearch").map((S) => ({ ...S, hidden: !1 }));
+    return m.length ? m : C;
+  }, [a, C]), { selectedItems: f, results: R } = q.useMemo(() => {
+    if (!g) return { selectedItems: [], results: [] };
+    const m = [], S = [];
+    for (const z of L)
+      z.checked === !0 && m.push({ ...z, groupId: "selected" }), (z.searchWords ?? []).some((D) => String(D).toLowerCase().includes(N)) && S.push({
+        ...z,
+        groupId: "search",
+        highlightWords: _
+      });
+    return { selectedItems: m, results: S };
+  }, [g, L, N, _]), I = R.length, H = f.length, W = q.useMemo(
+    () => ({
+      search: {
+        hidden: !0,
+        title: s.hits(I)
+      },
+      selected: {
+        hidden: !0,
+        title: s.selected(H)
+      },
+      emptySearch: {
+        hidden: !0,
+        title: s.noResults
+      },
+      ...d
+    }),
+    [s, I, H, d]
+  ), y = q.useMemo(
+    () => ({
+      ...W,
+      search: {
+        hidden: !g,
+        title: s.hits(I)
+      },
+      selected: {
+        hidden: H === 0,
+        title: s.selected(H)
+      },
+      emptySearch: {
+        hidden: g && (I > 0 || H > 0),
+        title: s.noResults
+      }
+    }),
+    [W, g, s, I, H]
+  ), T = q.useMemo(() => g ? ho([...R, ...f]) : [], [g, R, f]), M = q.useMemo(() => [...k || [], ...f || []], [k, f]), P = q.useMemo(() => g ? I ? T : M : a, [g, a, I, T, M]);
+  return {
+    search: x,
+    results: R,
+    resultCount: I,
+    hasQuery: g,
+    items: P,
+    groups: y
+  };
+}, Lt = ({
+  searchable: e,
+  search: n,
+  items: o = [],
+  groups: t = {},
+  variant: r = "default",
+  size: a,
+  level: d = 0,
+  maxLevels: u = 3,
+  virtualized: s = !1,
+  keyboardEvents: l = !1,
+  scrollRefStyles: p = {},
+  onActiveItemIdChange: c,
+  a11yMode: h = "menu",
+  open: v,
+  scrollToTopOnOpen: g,
+  autoFocusList: N,
+  id: _
+}) => {
+  const x = vo({ ...n, items: o, groups: t }), L = e ? { label: n?.label, hideLabel: n?.hideLabel, ...x.search } : n, C = e && x.hasQuery && x.resultCount === 0, k = e ? x.items : o, f = e ? { ...t, ...x.groups } : t, R = h !== "combobox";
+  return s ? /* @__PURE__ */ i(
+    Hn,
+    {
+      id: _,
+      search: L,
+      announceNoResults: C,
+      items: k,
+      groups: f,
+      variant: r,
+      size: a,
+      level: d,
+      maxLevels: u,
+      keyboardEvents: l,
+      scrollRefStyles: p,
+      onActiveItemIdChange: c,
+      a11yMode: h,
+      open: v,
+      scrollToTopOnOpen: g,
+      autoActivateFirstItem: R,
+      autoFocusList: N
+    }
+  ) : /* @__PURE__ */ i(
+    Mt,
+    {
+      id: _,
+      search: L,
+      announceNoResults: C,
+      items: k,
+      groups: f,
+      variant: r,
+      size: a,
+      level: d,
+      maxLevels: u,
+      keyboardEvents: l,
+      scrollRefStyles: p,
+      onActiveItemIdChange: c,
+      a11yMode: h,
+      open: v,
+      scrollToTopOnOpen: g,
+      autoActivateFirstItem: R,
+      autoFocusList: N
+    }
+  );
+}, go = "_media_1089b_3", bo = "_icon_1089b_10", yo = "_avatar_1089b_14", wo = "_avatarGroup_1089b_18", pe = {
+  media: go,
+  icon: bo,
+  avatar: yo,
+  avatarGroup: wo
+};
+function _o(e) {
+  return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || _t(e);
+}
+const gt = ({ className: e, loading: n, icon: o, children: t }) => {
+  if (!o)
+    return null;
+  if (n)
+    return /* @__PURE__ */ i("div", { className: G(pe.icon, e), children: /* @__PURE__ */ i(ce, { svgElement: qe, loading: !0 }) });
+  const r = Je(o) ? "avatar" : Ze(o) ? "avatarGroup" : (tt(o), "icon");
+  return /* @__PURE__ */ w("div", { className: G(pe.media, e), "data-variant": r, children: [
+    Je(o) && /* @__PURE__ */ i(it, { ...o, className: pe.avatar }) || Ze(o) && /* @__PURE__ */ i(Ae, { ...o, className: pe.avatarGroup }) || tt(o) && /* @__PURE__ */ i(ce, { ...o, className: pe.icon }) || _o(o) && /* @__PURE__ */ i(ce, { className: pe.icon, children: o }) || /* @__PURE__ */ i(ce, { className: pe.icon, svgElement: o }),
+    t
+  ] });
+}, xo = "_heading_ydkmu_1", Io = {
+  heading: xo
+}, Ee = ({
+  id: e,
+  loading: n,
+  highlightWords: o = [],
+  as: t = "h2",
+  size: r,
+  leading: a = "tight",
+  weight: d = "medium",
+  color: u,
+  variant: s,
+  maxRows: l,
+  className: p,
+  style: c,
+  children: h
+}) => {
+  const v = t, g = Kt(h, o || []);
+  return /* @__PURE__ */ i(
+    v,
+    {
+      id: e,
+      className: G(Io.heading, p),
+      style: c,
+      "data-size": r,
+      "data-leading": a,
+      "data-weight": d,
+      "data-color": u,
+      "data-variant": r === "xxs" && "default" || s,
+      "data-max-rows": l,
+      children: /* @__PURE__ */ i(xe, { loading: n, children: g })
+    }
+  );
+}, Oo = "_label_e5q28_3", So = {
+  label: Oo
+}, bt = ({
+  className: e,
+  title: n,
+  titleProps: o = {},
+  description: t,
+  descriptionProps: r = {},
+  highlightWords: a,
+  loading: d,
+  children: u
+}) => /* @__PURE__ */ i("span", { className: G(So.label, e), children: u || /* @__PURE__ */ w(we, { children: [
+  n && /* @__PURE__ */ i(Ee, { ...o, as: "span", loading: d, highlightWords: a, maxRows: 2, children: n }),
+  t && /* @__PURE__ */ i(
+    Ee,
+    {
+      ...r,
+      as: "span",
+      weight: "normal",
+      leading: "inherit",
+      loading: d,
+      highlightWords: a,
+      maxRows: 2,
+      children: t
+    }
+  )
+] }) }), Eo = "_item_h7sxa_3", ko = "_media_h7sxa_136", Po = "_label_h7sxa_157", No = "_title_h7sxa_172", Mo = "_description_h7sxa_176", Ao = "_count_h7sxa_188", Co = "_linkIcon_h7sxa_196", V = {
+  item: Eo,
+  media: ko,
+  label: Po,
+  title: No,
+  description: Mo,
+  count: Ao,
+  linkIcon: Co
+}, Tt = ({
+  id: e,
+  groupId: n,
+  role: o = "menuItem",
+  a11yMode: t,
+  as: r,
+  href: a,
+  onClick: d,
+  onKeyPress: u,
+  onMouseEnter: s,
+  size: l = "sm",
+  variant: p,
+  color: c,
+  checked: h,
+  icon: v,
+  label: g,
+  badge: N,
+  controls: _,
+  title: x,
+  htmlTitle: L,
+  description: C,
+  highlightWords: k,
+  count: f,
+  linkIcon: R = !1,
+  disabled: I,
+  selected: H,
+  active: W,
+  tabIndex: y = 0,
+  className: T,
+  "data-testid": M,
+  ...P
+}) => {
+  const m = typeof g == "function" ? g() : g, S = en(P), z = o === "option";
+  if (o === "radio" || o === "checkbox" || o === "menuitemradio" || o === "menuitemcheckbox" || z && typeof h == "boolean") {
+    const j = v || (h ? Pt : Pn);
+    return /* @__PURE__ */ w(
+      "div",
+      {
+        ...S,
+        className: G(V.item, T),
+        id: e,
+        "data-id": e,
+        "data-group-id": n,
+        "data-size": l,
+        "data-variant": p,
+        "data-color": c,
+        "data-active": W,
+        role: o,
+        "aria-disabled": I,
+        "aria-checked": z ? void 0 : !!h,
+        "aria-selected": z ? !!h : void 0,
+        "data-selected": h,
+        "aria-label": x,
+        title: L,
+        "data-testid": M,
+        onKeyUp: (K) => {
+          I || (K.target === K.currentTarget && K.key === "Enter" && d?.(), u?.(K));
+        },
+        onClick: I ? void 0 : d,
+        onMouseEnter: s,
+        tabIndex: y,
+        children: [
+          /* @__PURE__ */ i(gt, { icon: j, className: V.media }),
+          /* @__PURE__ */ i(
+            bt,
+            {
+              className: V.label,
+              highlightWords: k,
+              title: /* @__PURE__ */ w(we, { children: [
+                x,
+                " ",
+                f && /* @__PURE__ */ i("i", { className: V.count, children: f })
+              ] }),
+              titleProps: {
+                weight: "medium",
+                className: V.title
+              },
+              description: C,
+              descriptionProps: {
+                weight: "normal",
+                variant: "subtle",
+                className: V.description
+              },
+              children: m
+            }
+          ),
+          /* @__PURE__ */ w(et, { children: [
+            N && /* @__PURE__ */ i(ie, { ...N }),
+            !I && _
+          ] })
+        ]
+      }
+    );
+  }
+  const A = r || (a ? "a" : "button"), D = R && yn;
+  return /* @__PURE__ */ w(
+    A,
+    {
+      href: a,
+      className: G(V.item, T),
+      id: e,
+      "data-id": e,
+      "data-group-id": n,
+      "data-size": l,
+      "data-variant": p,
+      "data-color": c,
+      "data-active": W,
+      "aria-disabled": I,
+      ...I ? { disabled: I } : {},
+      "aria-current": o !== "option" && H ? "page" : void 0,
+      "aria-selected": o === "option" ? H : void 0,
+      "data-selected": H,
+      "aria-label": x,
+      title: L,
+      "data-testid": M,
+      onKeyUp: (j) => {
+        I || (j.target === j.currentTarget && j.key === "Enter" && d?.(), u?.(j));
+      },
+      onClick: d,
+      onMouseEnter: s,
+      tabIndex: I ? -1 : y ?? 0,
+      role: t === "navigation" ? void 0 : o === "menuItem" ? "menuitem" : o,
+      ...S,
+      children: [
+        v && /* @__PURE__ */ i(gt, { icon: v, className: V.media }),
+        /* @__PURE__ */ i(
+          bt,
+          {
+            className: V.label,
+            highlightWords: k,
+            title: /* @__PURE__ */ w(we, { children: [
+              x,
+              " ",
+              f && /* @__PURE__ */ i("i", { className: V.count, children: f })
+            ] }),
+            titleProps: {
+              weight: "medium",
+              className: V.title
+            },
+            description: C,
+            descriptionProps: {
+              variant: "subtle",
+              className: V.description
+            },
+            children: m
+          }
+        ),
+        /* @__PURE__ */ w(et, { children: [
+          N && /* @__PURE__ */ i(ie, { ...N }),
+          !I && _,
+          R && /* @__PURE__ */ i(ce, { svgElement: D, className: V.linkIcon })
+        ] })
+      ]
+    }
+  );
+}, Ro = "_fieldContainer_kk0vx_13", zo = "_field_kk0vx_13", Lo = "_input_kk0vx_28", To = "_hiddenInput_kk0vx_29", $o = "_icon_kk0vx_62", Do = "_clear_kk0vx_80", jo = "_clearButton_kk0vx_93", Bo = "_autocomplete_kk0vx_120", oe = {
+  fieldContainer: Ro,
+  field: zo,
+  input: Lo,
+  hiddenInput: To,
+  icon: $o,
+  clear: Do,
+  clearButton: jo,
+  autocomplete: Bo
+}, $t = ({
+  className: e,
+  collapsible: n,
+  loading: o,
+  loadingLabel: t = "Loading ...",
+  size: r,
+  color: a = "neutral",
+  label: d,
+  hideLabel: u,
+  value: s,
+  onClear: l,
+  clearButtonAltText: p = "Clear search",
+  menu: c,
+  minLength: h,
+  ...v
+}) => {
+  const g = lt(), [N, _] = de(!1), x = v.id || `search-field-${g}`, L = `${x}-listbox`, [C, k] = de(void 0), f = "searchfield-clear-button-" + lt(), R = fe(() => !c || !s || typeof h == "number" && typeof s == "string" && s.length < h ? !1 : N, [c, N, h, s]), I = fe(() => (c?.items ?? []).map((m) => ({
+    ...m,
+    onClick: () => {
+      m.onClick?.(), _(!1);
+    }
+  })), [c]), H = (m) => {
+    if (m.key === "Enter" && R) {
+      c?.items?.[0]?.onClick?.(), _(!1);
+      return;
+    }
+    if (m.key === "Escape" && R) {
+      m.preventDefault(), m.stopPropagation(), _(!1), c?.onClose(), document.getElementById(x)?.focus();
+      return;
+    }
+    v.onKeyDown?.(m), _(!0);
+  }, W = () => {
+    _(!0);
+  }, y = (m) => {
+    if (!N) return;
+    const S = m.relatedTarget;
+    S && m.currentTarget.contains(S) || _(!1);
+  }, T = (m) => {
+    m.preventDefault();
+  }, M = (m) => {
+    m.relatedTarget?.id === f && k(void 0), v.onBlur?.(m);
+  }, P = /* @__PURE__ */ w(
+    Dn,
+    {
+      size: r,
+      color: a,
+      label: u ? void 0 : d,
+      htmlFor: x,
+      className: G(oe.field, e),
+      "data-collapsible": n ? !0 : void 0,
+      onBlurCapture: y,
+      children: [
+        /* @__PURE__ */ i("span", { className: oe.hiddenInput, "aria-hidden": "true", children: s + " " }),
+        /* @__PURE__ */ i(
+          Qt,
+          {
+            ...v,
+            id: x,
+            "aria-label": u && typeof d == "string" ? d : void 0,
+            inputSize: 5,
+            type: "search",
+            value: s,
+            className: oe.input,
+            "data-collapsible": n ? !0 : void 0,
+            autoCapitalize: "off",
+            autoComplete: "off",
+            minLength: h,
+            onKeyDown: H,
+            onBlur: M,
+            ...c && {
+              role: "combobox",
+              "aria-autocomplete": "list",
+              "aria-expanded": !!R,
+              "aria-haspopup": "listbox",
+              "aria-controls": R ? L : void 0,
+              "aria-activedescendant": R ? C : void 0,
+              onFocus: W
+            }
+          }
+        ),
+        o ? /* @__PURE__ */ i(Zt, { "aria-hidden": !0, className: oe.icon }) : /* @__PURE__ */ i(En, { "aria-hidden": !0, className: oe.icon }),
+        l && !!s && /* @__PURE__ */ i("span", { className: oe.clear, children: /* @__PURE__ */ i(
+          _e,
+          {
+            id: f,
+            "data-testid": "clear-button",
+            size: "xs",
+            rounded: !0,
+            icon: !0,
+            variant: "tinted",
+            className: oe.clearButton,
+            onClick: () => {
+              l?.(), document.getElementById(x)?.focus();
+            },
+            "aria-label": p,
+            "data-action": "clear-input",
+            children: /* @__PURE__ */ i(qe, {})
+          }
+        ) })
+      ]
+    }
+  );
+  return c ? /* @__PURE__ */ w("div", { className: oe.fieldContainer, children: [
+    P,
+    R && /* @__PURE__ */ i("div", { className: oe.autocomplete, "aria-hidden": !R, onMouseDown: T, children: /* @__PURE__ */ i(
+      Lt,
+      {
+        ...c,
+        id: L,
+        items: I,
+        groups: c?.groups,
+        keyboardEvents: !0,
+        a11yMode: "combobox",
+        open: R,
+        autoFocusList: !1,
+        onActiveItemIdChange: k
+      }
+    ) })
+  ] }) : P;
+}, Ho = "_byline_fzp7k_1", Fo = "_avatar_fzp7k_7", qo = "_avatarGroup_fzp7k_12", Wo = "_label_fzp7k_26", Ne = {
+  byline: Ho,
+  avatar: Fo,
+  avatarGroup: qo,
+  label: Wo
+}, Go = ({
+  loading: e,
+  color: n = "neutral",
+  size: o = "xs",
+  avatar: t,
+  avatarGroup: r,
+  datetime: a,
+  children: d,
+  as: u,
+  ...s
+}) => {
+  const l = u || "div", p = a ? "time" : "span";
+  return /* @__PURE__ */ w(l, { ...s, className: Ne.byline, "data-color": n, "data-size": o, children: [
+    (r || t) && /* @__PURE__ */ i(xe, { variant: "circle", className: Ne.avatar, loading: e, children: r ? /* @__PURE__ */ i(Ae, { ...r, size: o, className: Ne.avatarGroup }) : t && /* @__PURE__ */ i(it, { ...t, size: o, className: Ne.avatar }) }),
+    /* @__PURE__ */ i(p, { "data-size": o, dateTime: a, className: Ne.label, children: /* @__PURE__ */ i(xe, { loading: e, children: d }) })
+  ] });
+}, Ko = "_dropdown_11cza_1", Vo = "_content_11cza_17", Uo = "_backdrop_11cza_47", Yo = "_header_11cza_76", Qo = "_footer_11cza_77", Xo = "_title_11cza_156", be = {
+  dropdown: Ko,
+  content: Vo,
+  backdrop: Uo,
+  header: Yo,
+  footer: Qo,
+  title: Xo
+}, Jo = "data-focus-guard", Dt = (e) => {
+  const n = [
+    "a[href]",
+    "button:not([disabled])",
+    "input:not([disabled])",
+    "select:not([disabled])",
+    "textarea:not([disabled])",
+    '[tabindex]:not([tabindex="-1"])',
+    '[contenteditable="true"]'
+  ].join(",");
+  return Array.from(e.querySelectorAll(n)).filter((o) => !o.hasAttribute(Jo)).filter((o) => !o.hasAttribute("disabled")).filter((o) => o.getAttribute("aria-hidden") !== "true").filter((o) => o.tabIndex !== -1).filter((o) => {
+    const t = o.getClientRects();
+    return t.length > 0 && t[0].width > 0 && t[0].height > 0;
+  });
+}, Zo = (e) => {
+  Dt(e)[0]?.focus({ preventScroll: !0 });
+}, er = ({
+  id: e = "dropdown",
+  size: n = "sm",
+  className: o,
+  backdrop: t = !0,
+  placement: r = "bottom-left",
+  variant: a = "dropdown",
+  title: d = "Title",
+  closeLabel: u = "Close",
+  submitLabel: s,
+  trigger: l,
+  children: p,
+  open: c,
+  onClose: h,
+  color: v,
+  onSubmit: g,
+  activeDescendantId: N,
+  useFixedPosition: _ = !1,
+  expanded: x = !1
+}) => {
+  const L = J(null), C = J(null), k = J(c);
+  U(() => {
+    k.current = c;
+  }, [c]);
+  const [f, R] = de({
+    yDir: r.includes("top") ? "top" : "bottom",
+    xDir: r.includes("right") ? "right" : "left",
+    maxHeight: 300
+  }), I = xt(() => {
+    if (c && L.current && C.current) {
+      const y = L.current.getBoundingClientRect(), T = C.current.getBoundingClientRect(), M = window.innerHeight, P = window.innerWidth, m = 16, S = M - y.bottom, z = y.top, $ = P - y.right - T.width, A = S < 250 && z > S, D = A ? "top" : "bottom", j = (A ? z : S) - m, ve = $ < m ? "right" : "left";
+      R((Z) => ({
+        ...Z,
+        yDir: D,
+        maxHeight: j,
+        xDir: ve,
+        triggerRect: _ ? y : void 0
+      }));
+    }
+  }, [c, _]);
+  Xe(() => (I(), window.addEventListener("resize", I), _ && window.addEventListener("scroll", I, !0), () => {
+    window.removeEventListener("resize", I), _ && window.removeEventListener("scroll", I, !0);
+  }), [I, _]), U(() => {
+    if (!c) return;
+    const y = requestAnimationFrame(() => {
+      const T = C.current;
+      if (!T) return;
+      const M = T.querySelector(
+        'input[type="search"]:not([disabled]), input[role="searchbox"]:not([disabled]), input[data-dropdown-search]:not([disabled])'
+      );
+      if (M) {
+        const P = M.value.length;
+        M.focus({ preventScroll: !0 });
+        try {
+          M.setSelectionRange(P, P);
+        } catch {
+        }
+        return;
+      }
+      T.focus?.({ preventScroll: !0 });
+    });
+    return () => cancelAnimationFrame(y);
+  }, [c]), U(() => {
+    const y = (M) => {
+      M.key === "Escape" && (M.preventDefault(), h());
+    }, T = (M) => {
+      const P = M.target, m = L.current?.contains(P), S = C.current?.contains(P);
+      !m && !S && h();
+    };
+    return c && (document.addEventListener("mousedown", T), document.addEventListener("keydown", y)), () => {
+      document.removeEventListener("mousedown", T), document.removeEventListener("keydown", y);
+    };
+  }, [c, h]), U(() => {
+    if (!c) return;
+    const y = C.current;
+    if (!y) return;
+    const T = (P) => {
+      if (!k.current)
+        return;
+      const m = P.target;
+      m && !y.contains(m) && Zo(y);
+    }, M = (P) => {
+      if (P.key !== "Tab") return;
+      const m = Dt(y);
+      if (m.length === 0) {
+        P.preventDefault(), y.focus?.({ preventScroll: !0 });
+        return;
+      }
+      const S = m[0], z = m[m.length - 1], $ = document.activeElement;
+      P.shiftKey ? $ === S && (P.preventDefault(), z.focus({ preventScroll: !0 })) : $ === z && (P.preventDefault(), S.focus({ preventScroll: !0 }));
+    };
+    return document.addEventListener("focusin", T), document.addEventListener("keydown", M), () => {
+      document.removeEventListener("focusin", T), document.removeEventListener("keydown", M);
+    };
+  }, [c]);
+  const H = _ && f.triggerRect ? {
+    position: "fixed",
+    zIndex: 1e3,
+    width: "max-content",
+    maxHeight: `${f.maxHeight}px`,
+    overflowY: "auto",
+    [f.xDir === "left" ? "left" : "right"]: f.xDir === "left" ? f.triggerRect.left : window.innerWidth - f.triggerRect.right,
+    [f.yDir === "bottom" ? "top" : "bottom"]: f.yDir === "bottom" ? f.triggerRect.bottom + 8 : window.innerHeight - f.triggerRect.top + 8
+  } : {
+    position: "absolute",
+    zIndex: 50,
+    width: "max-content",
+    maxHeight: `${f.maxHeight}px`,
+    overflowY: "auto",
+    [f.xDir]: 0,
+    [f.yDir === "bottom" ? "top" : "bottom"]: "100%"
+  }, W = /* @__PURE__ */ w(
+    "div",
+    {
+      ref: C,
+      className: G(be.dropdown, o),
+      style: H,
+      "aria-hidden": !c,
+      "data-variant": a,
+      "data-color": v,
+      "data-expanded": x,
+      "data-size": n,
+      tabIndex: -1,
+      role: c ? "menu" : void 0,
+      "aria-modal": c && a === "drawer-dropdown" ? !0 : void 0,
+      "aria-activedescendant": c ? N : void 0,
+      children: [
+        /* @__PURE__ */ w("header", { className: be.header, children: [
+          /* @__PURE__ */ i("h2", { className: be.title, children: d }),
+          /* @__PURE__ */ i(_e, { size: "sm", variant: "outline", onClick: h, "aria-label": u, children: /* @__PURE__ */ i(qe, {}) })
+        ] }),
+        /* @__PURE__ */ i("div", { className: be.content, children: p }),
+        s && /* @__PURE__ */ i("footer", { className: be.footer, children: /* @__PURE__ */ i(_e, { size: "lg", variant: "solid", onClick: g || h, rounded: !0, children: /* @__PURE__ */ i("span", { "data-size": "md", children: s }) }) })
+      ]
+    }
+  );
+  return /* @__PURE__ */ w(we, { children: [
+    t && /* @__PURE__ */ i("div", { className: be.backdrop, "aria-hidden": !c }),
+    /* @__PURE__ */ w("div", { id: e + "-root", ref: L, style: { position: "relative", display: "inline-block" }, children: [
+      l,
+      _ ? Gt(W, document.body) : W
+    ] })
+  ] });
+}, tr = "_section_1v20z_1", nr = "_header_1v20z_7", or = "_list_1v20z_13", Le = {
+  section: tr,
+  header: nr,
+  list: or
+}, rr = Fe(
+  ({ title: e, description: n, items: o, groups: t = {}, sortGroupBy: r, highlightWords: a, isLoading: d }) => {
+    const { menu: u } = rt({
+      items: o,
+      groups: t,
+      groupByKey: "groupId",
+      keyboardEvents: !1,
+      sortGroupBy: r
+    });
+    return /* @__PURE__ */ w("section", { className: Le.section, "aria-busy": d, children: [
+      e || n ? /* @__PURE__ */ w("header", { className: Le.header, children: [
+        e && /* @__PURE__ */ i(Ee, { as: "h1", size: "lg", children: e }),
+        n && /* @__PURE__ */ i(It, { as: "p", size: "sm", variant: "subtle", className: Le.description, children: n })
+      ] }) : null,
+      u?.map((s, l) => {
+        const p = s.props || {};
+        return /* @__PURE__ */ w(wt, { children: [
+          p?.title && /* @__PURE__ */ i(Ee, { as: "h2", size: "lg", children: p.title }),
+          /* @__PURE__ */ i("ul", { className: Le.list, children: s?.items.map((c, h) => {
+            const v = c.props || {};
+            return /* @__PURE__ */ qt(jt, { ...v, highlightWords: a, key: "dialog-list-item" + h });
+          }) })
+        ] }, "dialog-list-item" + l);
+      })
+    ] });
+  }
+);
+rr.displayName = "DialogList";
+const ar = "_item_1cw3x_3", ir = "_border_1cw3x_75", sr = "_header_1cw3x_86", lr = "_summary_1cw3x_102", cr = "_controls_1cw3x_116", dr = "_footer_1cw3x_123", ur = "_seenBy_1cw3x_128", pr = "_link_1cw3x_138", fr = "_title_1cw3x_143", te = {
+  item: ar,
+  border: ir,
+  header: sr,
+  summary: lr,
+  controls: cr,
+  footer: dr,
+  seenBy: ur,
+  link: pr,
+  title: fr
+}, jt = Fe(
+  ({
+    as: e = "a",
+    size: n = "xl",
+    variant: o = "default",
+    color: t,
+    loading: r,
+    controls: a,
+    selectable: d,
+    selected: u,
+    status: s,
+    extendedStatusLabel: l,
+    sender: p,
+    recipient: c,
+    recipientLabel: h = "to",
+    grouped: v = !1,
+    updatedAt: g,
+    updatedAtLabel: N,
+    archived: _,
+    archivedAt: x,
+    archivedAtLabel: L,
+    trashed: C,
+    trashedAt: k,
+    trashedAtLabel: f,
+    badge: R,
+    dueAt: I,
+    dueAtExpired: H,
+    dueAtLabel: W,
+    unread: y,
+    unreadLabel: T = "Ulest",
+    unreadItems: M,
+    unreadItemsLabel: P = "Ulest innhold",
+    seenByLog: m,
+    draftsLabel: S,
+    sentCount: z,
+    receivedCount: $,
+    attachmentsCount: A,
+    attachmentsLabel: D,
+    tooltips: j = {},
+    title: K,
+    description: ve,
+    summary: Z,
+    highlightWords: ee,
+    id: b,
+    ...E
+  }) => {
+    const B = d ? "select" : o;
+    return /* @__PURE__ */ w(
+      sn,
+      {
+        as: "li",
+        id: b,
+        className: te.item,
+        size: n,
+        color: t,
+        variant: B,
+        "data-unread": y ? "true" : "false",
+        "data-selected": u,
+        "data-trashed": C,
+        "data-archived": _,
+        "data-loading": r,
+        children: [
+          /* @__PURE__ */ i(ln, { ...E, className: te.link, as: e, children: /* @__PURE__ */ w("div", { className: te.border, children: [
+            /* @__PURE__ */ w("header", { className: te.header, children: [
+              /* @__PURE__ */ w(
+                Ee,
+                {
+                  as: "h2",
+                  highlightWords: ee,
+                  weight: y ? "bold" : "normal",
+                  loading: r,
+                  maxRows: 2,
+                  className: te.title,
+                  children: [
+                    K,
+                    y && /* @__PURE__ */ i(ie, { label: T, variant: "tinted", style: { marginLeft: "0.75em", marginTop: "-2px" } }) || M && /* @__PURE__ */ i(ie, { label: P, style: { marginLeft: "0.75em", marginTop: "-2px" } })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ i(
+                hr,
+                {
+                  size: "xs",
+                  loading: r,
+                  sender: p,
+                  recipient: c,
+                  recipientLabel: h,
+                  grouped: v
+                }
+              ),
+              Z && /* @__PURE__ */ i(
+                Ee,
+                {
+                  as: "h3",
+                  highlightWords: ee,
+                  weight: "normal",
+                  className: te.summary,
+                  loading: r,
+                  maxRows: 2,
+                  children: Z
+                }
+              )
+            ] }),
+            /* @__PURE__ */ i(
+              mr,
+              {
+                className: te.footer,
+                loading: r,
+                badge: R,
+                status: s,
+                extendedStatusLabel: l,
+                draftsLabel: S,
+                sentCount: z,
+                receivedCount: $,
+                updatedAt: g,
+                updatedAtLabel: N,
+                archivedAt: x,
+                archivedAtLabel: L,
+                trashedAt: k,
+                trashedAtLabel: f,
+                dueAt: I,
+                dueAtExpired: H,
+                dueAtLabel: W,
+                attachmentsCount: A,
+                attachmentsLabel: D,
+                tooltips: j
+              }
+            ),
+            m && j?.seenBy ? /* @__PURE__ */ i(at, { placement: "bottom", content: j?.seenBy, children: /* @__PURE__ */ i("span", { className: te.seenBy, children: /* @__PURE__ */ i(Ae, { items: m.items }) }) }) : m && /* @__PURE__ */ i(Ae, { items: m.items, className: te.seenBy })
+          ] }) }),
+          /* @__PURE__ */ i(et, { className: te.controls, children: a })
+        ]
+      }
+    );
+  }
+);
+jt.displayName = "DialogListItem";
+const mr = ({
+  className: e,
+  loading: n,
+  status: o,
+  sender: t,
+  updatedAt: r,
+  updatedAtLabel: a,
+  dueAt: d,
+  dueAtExpired: u,
+  dueAtLabel: s,
+  archivedAt: l,
+  archivedAtLabel: p,
+  trashedAt: c,
+  trashedAtLabel: h,
+  draftsLabel: v,
+  sentCount: g = 0,
+  receivedCount: N = 0,
+  attachmentsCount: _ = 0,
+  attachmentsLabel: x,
+  transmissionsLabel: L,
+  activityLog: C,
+  extendedStatusLabel: k,
+  tooltips: f = {}
+}) => /* @__PURE__ */ w(cn, { className: e, size: "xs", children: [
+  o && /* @__PURE__ */ i(Ir, { tooltip: f.status, loading: n, ...o }),
+  k && /* @__PURE__ */ i(ie, { tooltip: f.extendedStatus, variant: "outline", children: k }),
+  v && /* @__PURE__ */ i(ie, { tooltip: f.drafts, variant: "dotted", children: v }),
+  r && /* @__PURE__ */ w(re, { tooltip: f.updatedAt, loading: n, datetime: r, size: "xs", children: [
+    /* @__PURE__ */ i("strong", { children: t && t.name + ", " }),
+    a
+  ] }),
+  _ > 0 && /* @__PURE__ */ i(re, { tooltip: f.attachments, loading: n, size: "xs", icon: on, children: x || _ }),
+  L && /* @__PURE__ */ i(re, { tooltip: f.transmissions, loading: n, size: "xs", icon: On, children: L }),
+  g > 0 && /* @__PURE__ */ i(re, { tooltip: f.sent, size: "xs", icon: Pt, children: g }),
+  N > 0 && /* @__PURE__ */ i(re, { tooltip: f.received, size: "xs", icon: mn, children: N }),
+  d && s && /* @__PURE__ */ i(
+    re,
+    {
+      variant: "tinted",
+      color: u ? "danger" : "warning",
+      tooltip: f.dueAt,
+      loading: n,
+      datetime: d,
+      size: "xs",
+      icon: rn,
+      children: s
+    }
+  ),
+  h && /* @__PURE__ */ i(
+    re,
+    {
+      variant: "tinted",
+      color: "neutral",
+      tooltip: f.trashedAt,
+      loading: n,
+      datetime: c,
+      size: "xs",
+      icon: Mn,
+      children: h
+    }
+  ) || p && /* @__PURE__ */ i(
+    re,
+    {
+      variant: "tinted",
+      color: "neutral",
+      tooltip: f.archivedAt,
+      loading: n,
+      datetime: l,
+      size: "xs",
+      icon: pn,
+      children: p
+    }
+  ),
+  C && /* @__PURE__ */ i(
+    re,
+    {
+      tooltip: f.activityLog,
+      loading: n,
+      size: "xs",
+      icon: xn,
+      as: C?.onClick ? "button" : "span",
+      onClick: C?.onClick,
+      children: C?.label || "Activity log"
+    }
+  )
+] }), hr = ({
+  sender: e,
+  recipient: n,
+  recipientLabel: o = "to",
+  grouped: t = !1,
+  loading: r,
+  size: a = "xs"
+}) => !e && !n ? null : /* @__PURE__ */ w(Go, { loading: r, size: a, avatar: e, avatarGroup: !r && t && e && n ? {
+  items: [n, e]
+} : void 0, children: [
+  /* @__PURE__ */ i("strong", { children: e?.name }),
+  " ",
+  n && o + " " + n?.name
+] }), vr = "_media_1x8z9_1", gr = "_icon_1x8z9_10", br = "_avatarGroup_1x8z9_17", ye = {
+  media: vr,
+  icon: gr,
+  avatarGroup: br
+};
+function yr(e) {
+  return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || _t(e);
+}
+const yt = ({ size: e = "xs", icon: n, progress: o }) => !n && typeof o != "number" ? !1 : /* @__PURE__ */ w("span", { className: ye.media, "data-size": e, children: [
+  Je(n) && /* @__PURE__ */ i(it, { ...n, className: ye.avatar }) || Ze(n) && /* @__PURE__ */ i(Ae, { ...n, className: ye.avatarGroup }) || tt(n) && /* @__PURE__ */ i(ce, { ...n, className: ye.icon }) || yr(n) && n || /* @__PURE__ */ i(ce, { svgElement: n, className: ye.icon }),
+  o && /* @__PURE__ */ i(dn, { value: o, className: ye.icon })
+] }), wr = "_item_cqtms_1", _r = "_label_cqtms_54", Te = {
+  item: wr,
+  label: _r
+}, re = ({
+  as: e,
+  loading: n,
+  className: o,
+  reverse: t,
+  size: r = "xs",
+  variant: a,
+  color: d,
+  icon: u,
+  children: s,
+  datetime: l,
+  tooltip: p,
+  ...c
+}) => {
+  const h = e || (l ? "time" : "span");
+  return p ? /* @__PURE__ */ i(at, { content: p, placement: "bottom", children: /* @__PURE__ */ i(
+    h,
+    {
+      "data-size": r,
+      "data-color": d,
+      "data-variant": a,
+      dateTime: l,
+      className: G(Te.item, o),
+      ...c,
+      children: /* @__PURE__ */ w(xe, { loading: n, children: [
+        !n && u && /* @__PURE__ */ i(yt, { size: r, icon: u }),
+        /* @__PURE__ */ i("span", { className: Te.label, children: s })
+      ] })
+    }
+  ) }) : /* @__PURE__ */ i(
+    h,
+    {
+      "data-size": r,
+      "data-color": d,
+      "data-variant": a,
+      dateTime: l,
+      className: G(Te.item, o),
+      ...c,
+      children: /* @__PURE__ */ w(xe, { loading: n, children: [
+        !n && u && /* @__PURE__ */ i(yt, { size: r, icon: u }),
+        /* @__PURE__ */ i("span", { className: Te.label, children: s })
+      ] })
+    }
+  );
+};
+var xr = /* @__PURE__ */ ((e) => (e["not-applicable"] = "NOT_APPLICABLE", e.draft = "DRAFT", e.awaiting = "AWAITING", e.completed = "COMPLETED", e["in-progress"] = "IN_PROGRESS", e["requires-attention"] = "REQUIRES_ATTENTION", e))(xr || {});
+const Ir = ({ loading: e, value: n = "not-applicable", label: o, tooltip: t }) => {
+  if (e)
+    return null;
+  switch (n) {
+    case "draft":
+      return /* @__PURE__ */ i(ie, { tooltip: t, variant: "dotted", children: o || n });
+    case "requires-attention":
+      return /* @__PURE__ */ i(ie, { tooltip: t, variant: "strong", children: o || n });
+    case "not-applicable":
+      return null;
+    default:
+      return /* @__PURE__ */ i(ie, { tooltip: t, variant: "outline", children: o || n });
+  }
+}, Or = "_menu_16mue_4", Sr = "_button_16mue_12", Er = "_label_16mue_16", Me = {
+  menu: Or,
+  button: Sr,
+  label: Er
+}, pa = Fe(
+  ({
+    disabled: e,
+    label: n = "Label",
+    variant: o = "solid",
+    title: t = "Title",
+    htmlTitle: r,
+    items: a = [],
+    dropdownSize: d = "sm",
+    id: u = "toolbar-menu",
+    onSelectId: s,
+    ...l
+  }) => {
+    const p = an({ id: u, returnFocusOnClose: !0 }), c = l.searchable ? "combobox" : "menu", h = xt(
+      (g) => {
+        s?.(g?.id ?? ""), g?.role !== "checkbox" && p.setOpen(!1);
+      },
+      [s, p]
+    ), v = fe(
+      () => a.map((g) => ({
+        ...g,
+        onClick: () => h(g)
+      })),
+      [a, h]
+    );
+    return e ? /* @__PURE__ */ w(_e, { className: Me.button, variant: o, title: r, disabled: !0, children: [
+      /* @__PURE__ */ i("span", { className: Me.label, children: n }),
+      /* @__PURE__ */ i(ct, { "aria-hidden": "true", focusable: "false" })
+    ] }) : /* @__PURE__ */ i("span", { className: Me.menu, children: /* @__PURE__ */ i(
+      er,
+      {
+        id: u,
+        variant: "drawer-dropdown",
+        title: t,
+        size: d,
+        trigger: /* @__PURE__ */ w(
+          _e,
+          {
+            className: Me.button,
+            variant: o,
+            title: r,
+            onClick: p.toggleMenu,
+            "aria-expanded": p.open,
+            "aria-haspopup": "menu",
+            "aria-controls": p.open ? p.menuId : void 0,
+            ref: p.triggerRef,
+            children: [
+              /* @__PURE__ */ i("span", { className: Me.label, children: n }),
+              /* @__PURE__ */ i(ct, { "aria-hidden": "true", focusable: "false" })
+            ]
+          }
+        ),
+        open: p.open,
+        onClose: () => p.setOpen(!1),
+        ...l?.searchable ? {} : p.dropdownA11yProps,
+        children: /* @__PURE__ */ i(
+          Lt,
+          {
+            ...l,
+            items: v,
+            keyboardEvents: p.open,
+            a11yMode: c,
+            open: p.open,
+            scrollToTopOnOpen: l.virtualized,
+            ...c === "combobox" ? { id: p.menuId } : p.menuA11yProps
+          }
+        )
+      }
+    ) });
+  }
+), fa = Fe(
+  ({
+    label: e,
+    hideLabel: n = !0,
+    value: o,
+    name: t,
+    placeholder: r = "Search",
+    loading: a,
+    collapsible: d,
+    clearButtonAltText: u = "Clear search",
+    onChange: s,
+    onClear: l,
+    onKeyDown: p,
+    menu: c,
+    minLength: h,
+    disabled: v,
+    htmlTitle: g
+  }) => /* @__PURE__ */ i(
+    $t,
+    {
+      size: "xs",
+      label: e,
+      hideLabel: n,
+      value: o,
+      name: t,
+      title: g,
+      placeholder: r,
+      clearButtonAltText: u,
+      onChange: s,
+      onClear: l,
+      onKeyDown: p,
+      collapsible: d,
+      autoComplete: "off",
+      autoCapitalize: "off",
+      type: "search",
+      minLength: h,
+      loading: a,
+      menu: c,
+      disabled: v
+    }
+  )
+);
+export {
+  ie as B,
+  hr as D,
+  Dn as F,
+  Ee as H,
+  ce as I,
+  Lt as M,
+  ua as R,
+  $t as S,
+  pa as T,
+  Hn as V,
+  Go as a,
+  rr as b,
+  jt as c,
+  mr as d,
+  Ir as e,
+  xr as f,
+  er as g,
+  bt as h,
+  gt as i,
+  Tt as j,
+  Mt as k,
+  Nt as l,
+  re as m,
+  yt as n,
+  da as o,
+  io as p,
+  so as q,
+  Pt as r,
+  yn as s,
+  ct as t,
+  En as u,
+  qe as v,
+  fa as w,
+  tt as x,
+  vo as y,
+  fo as z
+};