@altinn/altinn-components 0.68.3 → 0.68.4

package/dist/ToolbarSearch-DdsPkd-G.js

@@ -0,0 +1,2014 @@
+"use client";
+import { jsx as a, jsxs as w, Fragment as pe } from "react/jsx-runtime";
+import * as G from "react";
+import C, { forwardRef as Y, useRef as ee, useState as se, useMemo as de, useEffect as W, Fragment as qe, useLayoutEffect as Se, createContext as lt, useContext as ct, isValidElement as Ke, useId as Te, useCallback as Ve, memo as ke, createElement as dt } from "react";
+import "./tooltip-Caqi75cv.js";
+import { c as U } from "./index-p1eeF8LQ.js";
+import { useEscapeKey as ut } from "./hooks/useEscapeKey.js";
+import "./components/Typography/Link.js";
+import { Button as _e } from "./components/Button/Button.js";
+import { createPortal as mt } from "react-dom";
+import { useMenu as je } from "./hooks/useMenu.js";
+import { Typography as Ue } from "./components/Typography/Typography.js";
+import { Skeleton as he } from "./components/Skeleton/Skeleton.js";
+import { useHighlightedText as ft } from "./components/Typography/useHighlightedText.js";
+import { Tooltip as Ae } from "./components/Tooltip/Tooltip.js";
+import "./components/GlobalMenu/GlobalMenuBase.js";
+import { SnackbarProvider as pt } from "./components/Snackbar/useSnackbar.js";
+import { Input as ht } from "./components/Forms/Input.js";
+import { Field as vt } from "./components/Forms/Field.js";
+import { Label as bt } from "./components/Forms/Label.js";
+import { TypingIcon as gt } from "./components/Icon/TypingIcon.js";
+import { u as Q } from "./useId-BVFxCjkq.js";
+import { isAvatarProps as Pe, Avatar as De } from "./components/Avatar/Avatar.js";
+import { isAvatarGroupProps as ze, AvatarGroup as we } from "./components/Avatar/AvatarGroup.js";
+import { ItemControls as $e } from "./components/Item/ItemControls.js";
+import { pickAriaProps as yt } from "./components/Menu/aria.js";
+import { MenuList as Ne } from "./components/Menu/MenuList.js";
+import { MenuListItem as We } from "./components/Menu/MenuListItem.js";
+import { MenuListGroup as Ye } from "./components/Menu/MenuListGroup.js";
+import { MenuListDivider as Qe } from "./components/Menu/MenuListDivider.js";
+import { MenuListHeading as Xe } from "./components/Menu/MenuListHeading.js";
+import { useMenuVirtualization as _t } from "./components/Menu/useMenuVirtualization.js";
+import { a as wt, b as xt, S as It } from "./Paperclip-DhP0Uo69.js";
+import { useDropdownMenuController as Ot } from "./components/Menu/useDropdownMenuController.js";
+import { ItemBase as Nt } from "./components/Item/ItemBase.js";
+import { ItemLink as kt } from "./components/Item/ItemLink.js";
+import { MetaBase as Ct } from "./components/Metadata/MetaBase.js";
+import { ProgressIcon as Et } from "./components/Icon/ProgressIcon.js";
+import './assets/ToolbarSearch.css';var Rt = function(e, o) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
+  return n;
+};
+const St = Y((e, o) => {
+  var { title: n, titleId: t } = e, r = Rt(e, ["title", "titleId"]);
+  let i = Q();
+  return i = n ? t || "title-" + i : 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": i }, r),
+    n ? C.createElement("title", { id: i }, 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 Pt = function(e, o) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      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) => {
+  var { title: n, titleId: t } = e, r = Pt(e, ["title", "titleId"]);
+  let i = Q();
+  return i = n ? t || "title-" + i : 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": i }, r),
+    n ? C.createElement("title", { id: i }, 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 $t = function(e, o) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
+  return n;
+};
+const Je = Y((e, o) => {
+  var { title: n, titleId: t } = e, r = $t(e, ["title", "titleId"]);
+  let i = Q();
+  return i = n ? t || "title-" + i : 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": i }, r),
+    n ? C.createElement("title", { id: i }, 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 Mt = function(e, o) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
+  return n;
+};
+const jt = Y((e, o) => {
+  var { title: n, titleId: t } = e, r = Mt(e, ["title", "titleId"]);
+  let i = Q();
+  return i = n ? t || "title-" + i : 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": i }, r),
+    n ? C.createElement("title", { id: i }, 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 At = function(e, o) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
+  return n;
+};
+const Le = Y((e, o) => {
+  var { title: n, titleId: t } = e, r = At(e, ["title", "titleId"]);
+  let i = Q();
+  return i = n ? t || "title-" + i : 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": i }, r),
+    n ? C.createElement("title", { id: i }, 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 Dt = function(e, o) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      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) => {
+  var { title: n, titleId: t } = e, r = Dt(e, ["title", "titleId"]);
+  let i = Q();
+  return i = n ? t || "title-" + i : 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": i }, r),
+    n ? C.createElement("title", { id: i }, 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 Tt = function(e, o) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      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) => {
+  var { title: n, titleId: t } = e, r = Tt(e, ["title", "titleId"]);
+  let i = Q();
+  return i = n ? t || "title-" + i : 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": i }, r),
+    n ? C.createElement("title", { id: i }, 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 Ft = function(e, o) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      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) => {
+  var { title: n, titleId: t } = e, r = Ft(e, ["title", "titleId"]);
+  let i = Q();
+  return i = n ? t || "title-" + i : 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": i }, r),
+    n ? C.createElement("title", { id: i }, 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 Gt = function(e, o) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
+  return n;
+};
+const qt = Y((e, o) => {
+  var { title: n, titleId: t } = e, r = Gt(e, ["title", "titleId"]);
+  let i = Q();
+  return i = n ? t || "title-" + i : 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": i }, r),
+    n ? C.createElement("title", { id: i }, 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 Kt = function(e, o) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      o.indexOf(t[r]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[r]) && (n[t[r]] = e[t[r]]);
+  return n;
+};
+const Vt = Y((e, o) => {
+  var { title: n, titleId: t } = e, r = Kt(e, ["title", "titleId"]);
+  let i = Q();
+  return i = n ? t || "title-" + i : 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": i }, r),
+    n ? C.createElement("title", { id: i }, 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 Ut = function(e, o) {
+  var n = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (n[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var r = 0, t = Object.getOwnPropertySymbols(e); r < t.length; r++)
+      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) => {
+  var { title: n, titleId: t } = e, r = Ut(e, ["title", "titleId"]);
+  let i = Q();
+  return i = n ? t || "title-" + i : 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": i }, r),
+    n ? C.createElement("title", { id: i }, 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" })
+  );
+}), Wt = "_badge_5li3b_1", Yt = "_label_5li3b_33", xe = {
+  badge: Wt,
+  label: Yt
+}, oe = ({
+  label: e,
+  color: o,
+  variant: n = "subtle",
+  theme: t,
+  size: r = "sm",
+  tooltip: i,
+  className: u,
+  style: f,
+  children: c
+}) => i ? /* @__PURE__ */ a(Ae, { content: i, children: /* @__PURE__ */ a(
+  "span",
+  {
+    className: U(xe.badge, u),
+    style: f,
+    "data-color": o,
+    "data-variant": n,
+    "data-theme": t,
+    "data-size": r,
+    ...r === "xs" && { "aria-hidden": !0 },
+    children: /* @__PURE__ */ a("span", { className: xe.label, children: e || c })
+  }
+) }) : /* @__PURE__ */ a(
+  "span",
+  {
+    className: U(xe.badge, u),
+    style: f,
+    "data-color": o,
+    "data-variant": n,
+    "data-theme": t,
+    "data-size": r,
+    ...r === "xs" && { "aria-hidden": !0 },
+    children: /* @__PURE__ */ a("span", { className: xe.label, children: e || c })
+  }
+), Qt = "_icon_1y3dz_1", Xt = "_shape_1y3dz_9", Jt = "_svg_1y3dz_14", Zt = "_image_1y3dz_15", be = {
+  icon: Qt,
+  shape: Xt,
+  svg: Jt,
+  image: Zt
+}, Me = (e) => typeof e == "object" && e !== null && ("svgElement" in e || "iconUrl" in e), ce = ({
+  loading: e,
+  altText: o,
+  svgElement: n,
+  size: t,
+  color: r,
+  iconUrl: i,
+  className: u,
+  style: f,
+  children: c
+}) => /* @__PURE__ */ a("span", { "data-ui": "icon", "data-size": t, "data-color": r, className: U(be.icon, u), style: f, children: /* @__PURE__ */ w(he, { loading: e, variant: "circle", className: be.shape, children: [
+  /* @__PURE__ */ a("span", { className: be.shape }),
+  n && /* @__PURE__ */ a(n, { "aria-hidden": "true", "alt-label": o, className: be.svg }),
+  i && /* @__PURE__ */ a("img", { src: i, alt: o, className: be.image }),
+  c
+] }) }), en = ({ size: e, color: o, label: n, htmlFor: t, helperText: r, children: i, ...u }) => /* @__PURE__ */ w(vt, { size: e, color: o, ...u, children: [
+  n && /* @__PURE__ */ a(bt, { size: e, htmlFor: t, children: n }),
+  i,
+  r && /* @__PURE__ */ a(Ue, { size: "xs", children: r })
+] }), tn = "_search_18jfe_1", nn = "_searchInput_18jfe_8", Re = {
+  search: tn,
+  searchInput: nn
+}, Ze = ({
+  style: e,
+  index: o,
+  name: n,
+  value: t,
+  placeholder: r = "Search",
+  clearButtonAltText: i = "Clear search",
+  onChange: u,
+  onClear: f,
+  onNavigate: c,
+  combobox: m = !1,
+  listId: p,
+  "aria-activedescendant": s,
+  onKeyDown: h,
+  onInput: v,
+  onFocus: b,
+  ...R
+}) => {
+  const _ = /* @__PURE__ */ a(
+    ot,
+    {
+      size: "xs",
+      className: Re.searchInput,
+      name: n,
+      value: t,
+      placeholder: r,
+      onChange: u,
+      onClear: f,
+      clearButtonAltText: i,
+      autoComplete: "off",
+      autoCorrect: "off",
+      autoCapitalize: "off",
+      autoFocus: !0,
+      onKeyDown: (x) => {
+        (x.key === "ArrowUp" || x.key === "ArrowDown") && (x.preventDefault(), c?.()), h?.(x);
+      },
+      onInput: v,
+      onFocus: b,
+      ...m ? {
+        role: "combobox",
+        "aria-autocomplete": "list",
+        "aria-expanded": !0,
+        "aria-haspopup": "listbox",
+        "aria-controls": p,
+        "aria-activedescendant": s
+      } : {},
+      ...R
+    }
+  );
+  return m ? /* @__PURE__ */ a("div", { className: Re.search, style: e, "data-index": o, "data-menu-search": "true", children: _ }) : /* @__PURE__ */ a("li", { className: Re.search, style: e, "data-index": o, "data-menu-search": "true", children: _ });
+}, et = ({
+  level: e = 0,
+  maxLevels: o,
+  expanded: n,
+  a11yMode: t = "menu",
+  open: r,
+  scrollToTopOnOpen: i = !1,
+  autoActivateFirstItem: u = !0,
+  autoFocusList: f = !0,
+  announceNoResults: c = !1,
+  search: m,
+  items: p,
+  groups: s = {},
+  size: h,
+  id: v,
+  color: b,
+  variant: R,
+  scrollRefStyles: _ = {},
+  keyboardEvents: x = !1,
+  onSelect: j = () => {
+  },
+  onActiveItemIdChange: z
+}) => {
+  if (o && e >= o)
+    return null;
+  const k = t === "combobox", l = t === "navigation", $ = k && v ? `${v}-listbox` : v, I = ee(r), D = ee(r), [q, y] = se(!1), A = de(
+    () => p.map((P, B) => ({
+      ...P,
+      id: `${v}-item-${B}`
+    })),
+    [p, v]
+  ), S = ee(null), { menu: E, setActiveIndex: d, activeItem: O } = je({
+    items: A,
+    groups: s,
+    groupByKey: "groupId",
+    keyboardEvents: x,
+    autoActivateFirstItem: u,
+    onSelect: j,
+    ref: S
+  });
+  W(() => {
+    z?.(O?.id);
+  }, [O?.id, z]), W(() => {
+    if (!i) {
+      I.current = r;
+      return;
+    }
+    const P = I.current;
+    I.current = r, r && !P && S.current?.scrollTo({ top: 0 });
+  }, [r, i]), W(() => {
+    const P = D.current;
+    D.current = r, !(!x || m || !f) && r && !P && requestAnimationFrame(() => S.current?.focus?.({ preventScroll: !0 }));
+  }, [r, x, m]), W(() => {
+    if (k && c) {
+      d(0), y(!0);
+      return;
+    }
+  }, [c, k, d]);
+  const M = m ? /* @__PURE__ */ a(
+    Ze,
+    {
+      ...m,
+      combobox: k,
+      listId: $,
+      "aria-activedescendant": k && q ? O?.id : void 0,
+      onNavigate: k ? () => y(!0) : void 0,
+      onChange: (P) => {
+        y(!1), m.onChange?.(P);
+      },
+      onFocus: (P) => {
+        y(!1), m.onFocus?.(P);
+      },
+      onInput: (P) => {
+        y(!1), m.onInput?.(P);
+      },
+      onKeyDown: (P) => {
+        const B = P.key === "ArrowUp" || P.key === "ArrowDown", T = P.key.length === 1 || P.key === "Backspace" || P.key === "Delete";
+        k && !B && T && y(!1), m.onKeyDown?.(P);
+      }
+    }
+  ) : null, H = /* @__PURE__ */ w(
+    Ne,
+    {
+      variant: R,
+      expanded: n,
+      ref: S,
+      style: _,
+      id: $,
+      role: k ? "listbox" : l ? "list" : "menu",
+      tabIndex: x ? -1 : void 0,
+      children: [
+        !k && M,
+        E.map((P, B) => {
+          const T = P?.props || {}, { title: K, hidden: ue = !1, divider: X = !0 } = T;
+          return /* @__PURE__ */ w(qe, { children: [
+            (e > 0 || B) && X ? /* @__PURE__ */ a(Qe, {}) : "",
+            /* @__PURE__ */ a(Ye, { hidden: ue, children: /* @__PURE__ */ w(Ne, { role: "presentation", children: [
+              K && /* @__PURE__ */ a(Xe, { title: K, level: e }),
+              P?.items.filter((J) => !J.props?.hidden).map((J, g) => {
+                const { active: N, onMouseEnter: L } = J, { groupId: te, ...F } = J.props || {}, { expanded: ae } = F, ie = Array.isArray(F?.items) && F.items.length > 0, Ce = F.role === "checkbox" || F.role === "radio", Ee = F.role === "radio" ? "menuitemradio" : "menuitemcheckbox", st = l ? void 0 : k ? "option" : Ce ? Ee : F.role;
+                return /* @__PURE__ */ w(
+                  We,
+                  {
+                    expanded: ae,
+                    onMouseLeave: () => d(-1),
+                    role: l ? "listitem" : "presentation",
+                    children: [
+                      /* @__PURE__ */ a(
+                        rt,
+                        {
+                          ...F,
+                          size: F?.size || T?.size || h,
+                          color: F?.color || T?.color || b,
+                          variant: F?.variant || T?.variant || R,
+                          active: N,
+                          role: st,
+                          a11yMode: t,
+                          selected: F.selected,
+                          tabIndex: F?.disabled || x ? -1 : F.tabIndex ?? 0,
+                          onMouseEnter: L,
+                          "aria-haspopup": ie && !l ? "menu" : void 0,
+                          "aria-expanded": ie ? ae : void 0,
+                          "aria-controls": ie ? F.id + "-menu" : void 0
+                        }
+                      ),
+                      ae && F?.items && /* @__PURE__ */ a(
+                        et,
+                        {
+                          id: F.id + "-menu",
+                          expanded: ae,
+                          level: e + 1,
+                          maxLevels: o,
+                          items: F?.items,
+                          groups: s,
+                          size: h,
+                          color: b,
+                          variant: R,
+                          a11yMode: t
+                        }
+                      )
+                    ]
+                  },
+                  g
+                );
+              })
+            ] }) }, B)
+          ] }, B);
+        })
+      ]
+    }
+  );
+  return k && M ? /* @__PURE__ */ w(pe, { children: [
+    M,
+    H
+  ] }) : H;
+}, rn = (e) => {
+  const o = ee(null), n = ee(null), [t, r] = se(0), {
+    search: i,
+    items: u,
+    groups: f = {},
+    size: c,
+    color: m,
+    variant: p,
+    keyboardEvents: s,
+    scrollRefStyles: h = {},
+    id: v,
+    expanded: b,
+    a11yMode: R = "menu",
+    open: _,
+    scrollToTopOnOpen: x = !1,
+    autoActivateFirstItem: j = !0,
+    announceNoResults: z = !1,
+    onActiveItemIdChange: k
+  } = e, l = R === "combobox", $ = R === "navigation", I = l && v ? `${v}-listbox` : v, D = ee(_), [q, y] = se(!1), A = de(
+    () => u.map((g, N) => ({
+      ...g,
+      id: `${v}-item-${N}`
+    })),
+    [u, v]
+  ), { menu: S, activeItem: E, setActiveIndex: d, activeIndex: O } = je({
+    items: A,
+    groups: f,
+    groupByKey: "groupId",
+    keyboardEvents: s,
+    autoActivateFirstItem: j,
+    ref: o
+  }), { flatMenu: M, virtualizer: H, scrollMaxHeight: P } = _t({
+    menu: S,
+    scrollRef: o
+  });
+  Se(() => {
+    const g = n.current;
+    if (!g) return;
+    const N = Math.round(g.offsetTop);
+    r((L) => L === N ? L : N);
+  });
+  const B = de(() => {
+    const g = E?.id;
+    if (g)
+      return M.findIndex((L) => L.type === "item" && L.itemProps?.id === g);
+    if (O < 0) return -1;
+    let N = -1;
+    for (let L = 0; L < M.length; L++)
+      if (M[L]?.type === "item" && (N += 1, N === O))
+        return L;
+    return -1;
+  }, [E?.id, O, M]), T = ee(null);
+  Se(() => {
+    const g = T?.current, N = typeof g == "number" ? B <= g : !1;
+    T.current = B;
+    const L = N ? B : B + 2;
+    if (!N) {
+      const ie = H.getOffsetForIndex(L, "auto");
+      if (!ie) return;
+      const [Ce, Ee] = ie;
+      if (Ee === "auto") return;
+      H.scrollToOffset(Ce + t + 10, { align: "start" });
+      return;
+    }
+    if (B <= 3) {
+      H.scrollToOffset(0);
+      return;
+    }
+    const te = H.getOffsetForIndex(B - 1, "auto");
+    if (!te) return;
+    const [F, ae] = te;
+    ae !== "auto" && H.scrollToOffset(F + t + 10, { align: "start" });
+  }, [B, t, H, T]);
+  const K = de(() => {
+    const g = /* @__PURE__ */ new Map();
+    let N = 0;
+    return M.forEach((L, te) => {
+      L.type === "item" && (N += 1, g.set(te, N));
+    }), { positions: g, total: N };
+  }, [M]);
+  W(() => {
+    k?.(E?.id);
+  }, [E?.id, k]), W(() => {
+    if (l && z) {
+      d(0), y(!0);
+      return;
+    }
+  }, [z, l, d]), W(() => {
+    if (!x) {
+      D.current = _;
+      return;
+    }
+    const g = D.current;
+    D.current = _, _ && !g && o.current?.scrollTo({ top: 0 });
+  }, [_, x]);
+  const ue = {
+    position: "relative",
+    maxHeight: h?.maxHeight || P,
+    margin: "-0.5rem",
+    padding: "0.5rem 0.5rem 1rem 0.5rem",
+    minWidth: h?.minWidth ?? "20rem",
+    overflowY: "auto",
+    ...h
+  }, X = i ? /* @__PURE__ */ a(
+    Ze,
+    {
+      ...i,
+      combobox: l,
+      listId: I,
+      "aria-activedescendant": l && q ? E?.id : void 0,
+      onNavigate: l ? () => y(!0) : void 0,
+      onChange: (g) => {
+        y(!1), i.onChange?.(g);
+      },
+      onFocus: (g) => {
+        y(!1), i.onFocus?.(g);
+      },
+      onInput: (g) => {
+        y(!1), i.onInput?.(g);
+      },
+      onKeyDown: (g) => {
+        const N = g.key === "ArrowUp" || g.key === "ArrowDown", L = g.key.length === 1 || g.key === "Backspace" || g.key === "Delete";
+        l && !N && L && y(!1), i.onKeyDown?.(g);
+      }
+    }
+  ) : null, J = /* @__PURE__ */ w(
+    Ne,
+    {
+      ref: o,
+      style: ue,
+      variant: p,
+      color: m,
+      expanded: b,
+      id: I,
+      role: l ? "listbox" : $ ? "list" : "menu",
+      children: [
+        !l && X,
+        /* @__PURE__ */ a(
+          Ye,
+          {
+            ref: n,
+            style: {
+              position: "relative",
+              height: `${H.getTotalSize()}px`,
+              width: "100%"
+            },
+            children: /* @__PURE__ */ a(Ne, { style: { width: "100%", minWidth: "100%" }, children: H.getVirtualItems().map((g) => {
+              const N = M[g.index];
+              if (!N) return null;
+              const L = {
+                position: "absolute",
+                top: 0,
+                left: 0,
+                width: "100%",
+                transform: `translateY(${g.start}px)`
+              }, te = {
+                style: L,
+                index: g.index,
+                "data-index": g.index,
+                ref: H.measureElement
+              };
+              switch (N.type) {
+                case "divider":
+                  return /* @__PURE__ */ a(
+                    Qe,
+                    {
+                      ...te,
+                      style: { ...L, padding: "0.25rem 0" }
+                    },
+                    g.key
+                  );
+                case "header":
+                  return /* @__PURE__ */ a(Xe, { ...te, title: N.title || "", level: 1 }, g.key);
+                default: {
+                  const F = N.itemProps?.role === "checkbox" || N.itemProps?.role === "radio", ae = N.itemProps?.role === "radio" ? "menuitemradio" : "menuitemcheckbox", ie = $ ? void 0 : l ? "option" : F ? ae : N.itemProps?.role;
+                  return /* @__PURE__ */ a(We, { ...te, role: $ ? "listitem" : "presentation", children: /* @__PURE__ */ a(
+                    rt,
+                    {
+                      ...N.itemProps || {},
+                      size: N.itemProps?.size || c,
+                      color: N.itemProps?.color || m,
+                      variant: N.itemProps?.variant || p,
+                      active: N.active,
+                      role: ie,
+                      a11yMode: R,
+                      selected: N.itemProps?.selected,
+                      "aria-posinset": l ? K.positions.get(g.index) : void 0,
+                      "aria-setsize": l ? K.total : void 0,
+                      tabIndex: N.itemProps?.disabled || s ? -1 : 0
+                    }
+                  ) }, g.key);
+                }
+              }
+            }) })
+          }
+        )
+      ]
+    }
+  );
+  return l && X ? /* @__PURE__ */ w(pe, { children: [
+    X,
+    J
+  ] }) : J;
+}, on = {
+  currentId: "",
+  previousId: "",
+  debug: !1,
+  setCurrentId: () => {
+    console.warn("setCurrentId called outside of RootProvider context");
+  },
+  setPreviousId: () => {
+    console.warn("setPreviousId called outside of RootProvider context");
+  },
+  languageCode: "nb"
+}, tt = lt(on), no = ({ children: e, initialValue: o, debug: n, languageCode: t }) => {
+  const [r, i] = se(o?.currentId || ""), [u, f] = se(o?.previousId || "");
+  return /* @__PURE__ */ a(
+    tt.Provider,
+    {
+      value: {
+        currentId: r,
+        setCurrentId: i,
+        setPreviousId: f,
+        previousId: u,
+        debug: n,
+        languageCode: t
+      },
+      children: /* @__PURE__ */ a(pt, { children: e })
+    }
+  );
+}, an = () => {
+  const e = ct(tt);
+  if (!e)
+    throw new Error("useRootContext must be used within a RootProvider.");
+  const { currentId: o, setCurrentId: n, debug: t, setPreviousId: r, previousId: i, languageCode: u } = e, f = (s) => {
+    o && r(o), n(s);
+  }, c = (s) => {
+    t && console.debug(`useRootContext: toggleId called with value: ${s}`), f(o === s ? "" : s);
+  }, m = () => {
+    t && console.debug("useRootContext: closeAll called"), f("");
+  };
+  return ut(m), {
+    currentId: o,
+    previousId: i,
+    toggleId: c,
+    closeAll: m,
+    openId: (s) => {
+      t && console.debug(`useRootContext: openId called with value: ${s}`), f(s);
+    },
+    languageCode: u
+  };
+}, sn = (e) => {
+  switch (e) {
+    case "nn":
+      return {
+        placeholder: "Søk ...",
+        hits: (o) => `${o} treff`,
+        selected: (o) => `${o} valt`,
+        noResults: "Ingen treff"
+      };
+    case "en":
+      return {
+        placeholder: "Search ...",
+        hits: (o) => `${o} hit${o === 1 ? "" : "s"}`,
+        selected: (o) => `${o} selected`,
+        noResults: "No results"
+      };
+    default:
+      return {
+        placeholder: "Søk ...",
+        hits: (o) => `${o} treff`,
+        selected: (o) => `${o} valgt`,
+        noResults: "Ingen treff"
+      };
+  }
+}, ln = (e) => {
+  const o = /* @__PURE__ */ new Set(), n = [];
+  for (const t of e) {
+    const r = t.id;
+    if (!r) {
+      n.push(t);
+      continue;
+    }
+    o.has(r) || (o.add(r), n.push(t));
+  }
+  return n;
+}, cn = ({
+  placeholder: e,
+  name: o,
+  onChange: n,
+  onClear: t,
+  clearButtonAltText: r,
+  items: i = [],
+  groups: u = {}
+}) => {
+  const { languageCode: f } = an(), c = G.useMemo(() => sn(f), [f]), [m, p] = G.useState(""), s = G.useCallback(
+    (d) => {
+      p(d.target.value), n?.(d);
+    },
+    [n]
+  ), h = G.useCallback(() => {
+    p(""), t?.();
+  }, [t]), v = G.useMemo(() => m.trim().replace(/\s+/g, " "), [m]), b = v.length > 0, R = G.useMemo(() => v.toLowerCase(), [v]), _ = G.useMemo(() => v ? v.split(" ") : [], [v]), x = G.useMemo(
+    () => ({
+      placeholder: e ?? c.placeholder,
+      name: o ?? "search",
+      value: m,
+      onChange: s,
+      onClear: h,
+      clearButtonAltText: r
+    }),
+    [e, c.placeholder, o, m, s, h, r]
+  ), j = G.useMemo(
+    () => i.map((d) => {
+      const O = d?.searchWords?.length ? d.searchWords : [d?.title, d?.description].filter(Boolean);
+      return {
+        ...d,
+        searchWords: O ?? []
+      };
+    }),
+    [i]
+  ), z = G.useMemo(
+    () => [
+      {
+        id: "emptySearch",
+        "aria-disabled": !0,
+        title: c.noResults,
+        groupId: "emptySearch",
+        icon: wt,
+        size: "sm",
+        as: "div"
+      }
+    ],
+    [c.noResults]
+  ), k = G.useMemo(() => {
+    const d = i.filter((O) => O.groupId === "emptySearch").map((O) => ({ ...O, hidden: !1 }));
+    return d.length ? d : z;
+  }, [i, z]), { selectedItems: l, results: $ } = G.useMemo(() => {
+    if (!b) return { selectedItems: [], results: [] };
+    const d = [], O = [];
+    for (const M of j)
+      M.checked === !0 && d.push({ ...M, groupId: "selected" }), (M.searchWords ?? []).some((B) => String(B).toLowerCase().includes(R)) && O.push({
+        ...M,
+        groupId: "search",
+        highlightWords: _
+      });
+    return { selectedItems: d, results: O };
+  }, [b, j, R, _]), I = $.length, D = l.length, q = G.useMemo(
+    () => ({
+      search: {
+        hidden: !0,
+        title: c.hits(I)
+      },
+      selected: {
+        hidden: !0,
+        title: c.selected(D)
+      },
+      emptySearch: {
+        hidden: !0,
+        title: c.noResults
+      },
+      ...u
+    }),
+    [c, I, D, u]
+  ), y = G.useMemo(
+    () => ({
+      ...q,
+      search: {
+        hidden: !b,
+        title: c.hits(I)
+      },
+      selected: {
+        hidden: D === 0,
+        title: c.selected(D)
+      },
+      emptySearch: {
+        hidden: b && (I > 0 || D > 0),
+        title: c.noResults
+      }
+    }),
+    [q, b, c, I, D]
+  ), A = G.useMemo(() => b ? ln([...$, ...l]) : [], [b, $, l]), S = G.useMemo(() => [...k || [], ...l || []], [k, l]), E = G.useMemo(() => b ? I ? A : S : i, [b, i, I, A, S]);
+  return {
+    search: x,
+    results: $,
+    resultCount: I,
+    hasQuery: b,
+    items: E,
+    groups: y
+  };
+}, nt = ({
+  searchable: e,
+  search: o,
+  items: n = [],
+  groups: t = {},
+  variant: r = "default",
+  size: i,
+  level: u = 0,
+  maxLevels: f = 3,
+  virtualized: c = !1,
+  keyboardEvents: m = !1,
+  scrollRefStyles: p = {},
+  onActiveItemIdChange: s,
+  a11yMode: h = "menu",
+  open: v,
+  scrollToTopOnOpen: b,
+  autoFocusList: R,
+  id: _
+}) => {
+  const x = cn({ ...o, items: n, groups: t }), j = e ? { label: o?.label, hideLabel: o?.hideLabel, ...x.search } : o, z = e && x.hasQuery && x.resultCount === 0, k = e ? x.items : n, l = e ? { ...t, ...x.groups } : t, $ = h !== "combobox";
+  return c ? /* @__PURE__ */ a(
+    rn,
+    {
+      id: _,
+      search: j,
+      announceNoResults: z,
+      items: k,
+      groups: l,
+      variant: r,
+      size: i,
+      level: u,
+      maxLevels: f,
+      keyboardEvents: m,
+      scrollRefStyles: p,
+      onActiveItemIdChange: s,
+      a11yMode: h,
+      open: v,
+      scrollToTopOnOpen: b,
+      autoActivateFirstItem: $,
+      autoFocusList: R
+    }
+  ) : /* @__PURE__ */ a(
+    et,
+    {
+      id: _,
+      search: j,
+      announceNoResults: z,
+      items: k,
+      groups: l,
+      variant: r,
+      size: i,
+      level: u,
+      maxLevels: f,
+      keyboardEvents: m,
+      scrollRefStyles: p,
+      onActiveItemIdChange: s,
+      a11yMode: h,
+      open: v,
+      scrollToTopOnOpen: b,
+      autoActivateFirstItem: $,
+      autoFocusList: R
+    }
+  );
+}, dn = "_media_1089b_3", un = "_icon_1089b_10", mn = "_avatar_1089b_14", fn = "_avatarGroup_1089b_18", le = {
+  media: dn,
+  icon: un,
+  avatar: mn,
+  avatarGroup: fn
+};
+function pn(e) {
+  return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || Ke(e);
+}
+const Fe = ({ className: e, loading: o, icon: n, children: t }) => {
+  if (!n)
+    return null;
+  if (o)
+    return /* @__PURE__ */ a("div", { className: U(le.icon, e), children: /* @__PURE__ */ a(ce, { svgElement: Be, loading: !0 }) });
+  const r = Pe(n) ? "avatar" : ze(n) ? "avatarGroup" : (Me(n), "icon");
+  return /* @__PURE__ */ w("div", { className: U(le.media, e), "data-variant": r, children: [
+    Pe(n) && /* @__PURE__ */ a(De, { ...n, className: le.avatar }) || ze(n) && /* @__PURE__ */ a(we, { ...n, className: le.avatarGroup }) || Me(n) && /* @__PURE__ */ a(ce, { ...n, className: le.icon }) || pn(n) && /* @__PURE__ */ a(ce, { className: le.icon, children: n }) || /* @__PURE__ */ a(ce, { className: le.icon, svgElement: n }),
+    t
+  ] });
+}, hn = "_heading_ydkmu_1", vn = {
+  heading: hn
+}, ve = ({
+  id: e,
+  loading: o,
+  highlightWords: n = [],
+  as: t = "h2",
+  size: r,
+  leading: i = "tight",
+  weight: u = "medium",
+  color: f,
+  variant: c,
+  maxRows: m,
+  className: p,
+  style: s,
+  children: h
+}) => {
+  const v = t, b = ft(h, n || []);
+  return /* @__PURE__ */ a(
+    v,
+    {
+      id: e,
+      className: U(vn.heading, p),
+      style: s,
+      "data-size": r,
+      "data-leading": i,
+      "data-weight": u,
+      "data-color": f,
+      "data-variant": r === "xxs" && "default" || c,
+      "data-max-rows": m,
+      children: /* @__PURE__ */ a(he, { loading: o, children: b })
+    }
+  );
+}, bn = "_label_e5q28_3", gn = {
+  label: bn
+}, He = ({
+  className: e,
+  title: o,
+  titleProps: n = {},
+  description: t,
+  descriptionProps: r = {},
+  highlightWords: i,
+  loading: u,
+  children: f
+}) => /* @__PURE__ */ a("span", { className: U(gn.label, e), children: f || /* @__PURE__ */ w(pe, { children: [
+  o && /* @__PURE__ */ a(ve, { ...n, as: "span", loading: u, highlightWords: i, maxRows: 2, children: o }),
+  t && /* @__PURE__ */ a(
+    ve,
+    {
+      ...r,
+      as: "span",
+      weight: "normal",
+      leading: "inherit",
+      loading: u,
+      highlightWords: i,
+      maxRows: 2,
+      children: t
+    }
+  )
+] }) }), yn = "_item_h7sxa_3", _n = "_media_h7sxa_136", wn = "_label_h7sxa_157", xn = "_title_h7sxa_172", In = "_description_h7sxa_176", On = "_count_h7sxa_188", Nn = "_linkIcon_h7sxa_196", V = {
+  item: yn,
+  media: _n,
+  label: wn,
+  title: xn,
+  description: In,
+  count: On,
+  linkIcon: Nn
+}, rt = ({
+  id: e,
+  groupId: o,
+  role: n = "menuItem",
+  a11yMode: t,
+  as: r,
+  href: i,
+  onClick: u,
+  onKeyPress: f,
+  onMouseEnter: c,
+  size: m = "sm",
+  variant: p,
+  color: s,
+  checked: h,
+  icon: v,
+  label: b,
+  badge: R,
+  controls: _,
+  title: x,
+  htmlTitle: j,
+  description: z,
+  highlightWords: k,
+  count: l,
+  linkIcon: $ = !1,
+  disabled: I,
+  selected: D,
+  active: q,
+  tabIndex: y = 0,
+  className: A,
+  "data-testid": S,
+  ...E
+}) => {
+  const d = typeof b == "function" ? b() : b, O = yt(E), M = n === "option";
+  if (n === "radio" || n === "checkbox" || n === "menuitemradio" || n === "menuitemcheckbox" || M && typeof h == "boolean") {
+    const T = v || (h ? Je : qt);
+    return /* @__PURE__ */ w(
+      "div",
+      {
+        ...O,
+        className: U(V.item, A),
+        id: e,
+        "data-id": e,
+        "data-group-id": o,
+        "data-size": m,
+        "data-variant": p,
+        "data-color": s,
+        "data-active": q,
+        role: n,
+        "aria-disabled": I,
+        "aria-checked": M ? void 0 : !!h,
+        "aria-selected": M ? !!h : void 0,
+        "data-selected": h,
+        "aria-label": x,
+        title: j,
+        "data-testid": S,
+        onKeyUp: (K) => {
+          I || (K.target === K.currentTarget && K.key === "Enter" && u?.(), f?.(K));
+        },
+        onClick: I ? void 0 : u,
+        onMouseEnter: c,
+        tabIndex: y,
+        children: [
+          /* @__PURE__ */ a(Fe, { icon: T, className: V.media }),
+          /* @__PURE__ */ a(
+            He,
+            {
+              className: V.label,
+              highlightWords: k,
+              title: /* @__PURE__ */ w(pe, { children: [
+                x,
+                " ",
+                l && /* @__PURE__ */ a("i", { className: V.count, children: l })
+              ] }),
+              titleProps: {
+                weight: "medium",
+                className: V.title
+              },
+              description: z,
+              descriptionProps: {
+                weight: "normal",
+                variant: "subtle",
+                className: V.description
+              },
+              children: d
+            }
+          ),
+          /* @__PURE__ */ w($e, { children: [
+            R && /* @__PURE__ */ a(oe, { ...R }),
+            !I && _
+          ] })
+        ]
+      }
+    );
+  }
+  const P = r || (i ? "a" : "button"), B = $ && jt;
+  return /* @__PURE__ */ w(
+    P,
+    {
+      href: i,
+      className: U(V.item, A),
+      id: e,
+      "data-id": e,
+      "data-group-id": o,
+      "data-size": m,
+      "data-variant": p,
+      "data-color": s,
+      "data-active": q,
+      "aria-disabled": I,
+      ...I ? { disabled: I } : {},
+      "aria-current": n !== "option" && D ? "page" : void 0,
+      "aria-selected": n === "option" ? D : void 0,
+      "data-selected": D,
+      "aria-label": x,
+      title: j,
+      "data-testid": S,
+      onKeyUp: (T) => {
+        I || (T.target === T.currentTarget && T.key === "Enter" && u?.(), f?.(T));
+      },
+      onClick: u,
+      onMouseEnter: c,
+      tabIndex: I ? -1 : y ?? 0,
+      role: t === "navigation" ? void 0 : n === "menuItem" ? "menuitem" : n,
+      ...O,
+      children: [
+        v && /* @__PURE__ */ a(Fe, { icon: v, className: V.media }),
+        /* @__PURE__ */ a(
+          He,
+          {
+            className: V.label,
+            highlightWords: k,
+            title: /* @__PURE__ */ w(pe, { children: [
+              x,
+              " ",
+              l && /* @__PURE__ */ a("i", { className: V.count, children: l })
+            ] }),
+            titleProps: {
+              weight: "medium",
+              className: V.title
+            },
+            description: z,
+            descriptionProps: {
+              variant: "subtle",
+              className: V.description
+            },
+            children: d
+          }
+        ),
+        /* @__PURE__ */ w($e, { children: [
+          R && /* @__PURE__ */ a(oe, { ...R }),
+          !I && _,
+          $ && /* @__PURE__ */ a(ce, { svgElement: B, className: V.linkIcon })
+        ] })
+      ]
+    }
+  );
+}, kn = "_fieldContainer_kk0vx_13", Cn = "_field_kk0vx_13", En = "_input_kk0vx_28", Rn = "_hiddenInput_kk0vx_29", Sn = "_icon_kk0vx_62", Pn = "_clear_kk0vx_80", zn = "_clearButton_kk0vx_93", $n = "_autocomplete_kk0vx_120", ne = {
+  fieldContainer: kn,
+  field: Cn,
+  input: En,
+  hiddenInput: Rn,
+  icon: Sn,
+  clear: Pn,
+  clearButton: zn,
+  autocomplete: $n
+}, ot = ({
+  className: e,
+  collapsible: o,
+  loading: n,
+  loadingLabel: t = "Loading ...",
+  size: r,
+  color: i = "neutral",
+  label: u,
+  hideLabel: f,
+  value: c,
+  onClear: m,
+  clearButtonAltText: p = "Clear search",
+  menu: s,
+  minLength: h,
+  ...v
+}) => {
+  const b = Te(), [R, _] = se(!1), x = v.id || `search-field-${b}`, j = `${x}-listbox`, [z, k] = se(void 0), l = "searchfield-clear-button-" + Te(), $ = de(() => !s || !c || typeof h == "number" && typeof c == "string" && c.length < h ? !1 : R, [s, R, h, c]), I = de(() => (s?.items ?? []).map((d) => ({
+    ...d,
+    onClick: () => {
+      d.onClick?.(), _(!1);
+    }
+  })), [s]), D = (d) => {
+    if (d.key === "Enter" && $) {
+      s?.items?.[0]?.onClick?.(), _(!1);
+      return;
+    }
+    if (d.key === "Escape" && $) {
+      d.preventDefault(), d.stopPropagation(), _(!1), s?.onClose(), document.getElementById(x)?.focus();
+      return;
+    }
+    v.onKeyDown?.(d), _(!0);
+  }, q = () => {
+    _(!0);
+  }, y = (d) => {
+    if (!R) return;
+    const O = d.relatedTarget;
+    O && d.currentTarget.contains(O) || _(!1);
+  }, A = (d) => {
+    d.preventDefault();
+  }, S = (d) => {
+    d.relatedTarget?.id === l && k(void 0), v.onBlur?.(d);
+  }, E = /* @__PURE__ */ w(
+    en,
+    {
+      size: r,
+      color: i,
+      label: f ? void 0 : u,
+      htmlFor: x,
+      className: U(ne.field, e),
+      "data-collapsible": o ? !0 : void 0,
+      onBlurCapture: y,
+      children: [
+        /* @__PURE__ */ a("span", { className: ne.hiddenInput, "aria-hidden": "true", children: c + " " }),
+        /* @__PURE__ */ a(
+          ht,
+          {
+            ...v,
+            id: x,
+            "aria-label": f && typeof u == "string" ? u : void 0,
+            inputSize: 5,
+            type: "search",
+            value: c,
+            className: ne.input,
+            "data-collapsible": o ? !0 : void 0,
+            autoCapitalize: "off",
+            autoComplete: "off",
+            minLength: h,
+            onKeyDown: D,
+            onBlur: S,
+            ...s && {
+              role: "combobox",
+              "aria-autocomplete": "list",
+              "aria-expanded": !!$,
+              "aria-haspopup": "listbox",
+              "aria-controls": $ ? j : void 0,
+              "aria-activedescendant": $ ? z : void 0,
+              onFocus: q
+            }
+          }
+        ),
+        n ? /* @__PURE__ */ a(gt, { "aria-hidden": !0, className: ne.icon }) : /* @__PURE__ */ a(Ht, { "aria-hidden": !0, className: ne.icon }),
+        m && !!c && /* @__PURE__ */ a("span", { className: ne.clear, children: /* @__PURE__ */ a(
+          _e,
+          {
+            id: l,
+            "data-testid": "clear-button",
+            size: "xs",
+            rounded: !0,
+            icon: !0,
+            variant: "tinted",
+            className: ne.clearButton,
+            onClick: () => {
+              m?.(), document.getElementById(x)?.focus();
+            },
+            "aria-label": p,
+            "data-action": "clear-input",
+            children: /* @__PURE__ */ a(Be, {})
+          }
+        ) })
+      ]
+    }
+  );
+  return s ? /* @__PURE__ */ w("div", { className: ne.fieldContainer, children: [
+    E,
+    $ && /* @__PURE__ */ a("div", { className: ne.autocomplete, "aria-hidden": !$, onMouseDown: A, children: /* @__PURE__ */ a(
+      nt,
+      {
+        ...s,
+        id: j,
+        items: I,
+        groups: s?.groups,
+        keyboardEvents: !0,
+        a11yMode: "combobox",
+        open: $,
+        autoFocusList: !1,
+        onActiveItemIdChange: k
+      }
+    ) })
+  ] }) : E;
+}, Mn = "_byline_fzp7k_1", jn = "_avatar_fzp7k_7", An = "_avatarGroup_fzp7k_12", Dn = "_label_fzp7k_26", ge = {
+  byline: Mn,
+  avatar: jn,
+  avatarGroup: An,
+  label: Dn
+}, Bn = ({
+  loading: e,
+  color: o = "neutral",
+  size: n = "xs",
+  avatar: t,
+  avatarGroup: r,
+  datetime: i,
+  children: u,
+  as: f,
+  ...c
+}) => {
+  const m = f || "div", p = i ? "time" : "span";
+  return /* @__PURE__ */ w(m, { ...c, className: ge.byline, "data-color": o, "data-size": n, children: [
+    (r || t) && /* @__PURE__ */ a(he, { variant: "circle", className: ge.avatar, loading: e, children: r ? /* @__PURE__ */ a(we, { ...r, size: n, className: ge.avatarGroup }) : t && /* @__PURE__ */ a(De, { ...t, size: n, className: ge.avatar }) }),
+    /* @__PURE__ */ a(p, { "data-size": n, dateTime: i, className: ge.label, children: /* @__PURE__ */ a(he, { loading: e, children: u }) })
+  ] });
+}, Tn = "_dropdown_11cza_1", Ln = "_content_11cza_17", Fn = "_backdrop_11cza_47", Hn = "_header_11cza_76", Gn = "_footer_11cza_77", qn = "_title_11cza_156", me = {
+  dropdown: Tn,
+  content: Ln,
+  backdrop: Fn,
+  header: Hn,
+  footer: Gn,
+  title: qn
+}, Kn = "data-focus-guard", at = (e) => {
+  const o = [
+    "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(o)).filter((n) => !n.hasAttribute(Kn)).filter((n) => !n.hasAttribute("disabled")).filter((n) => n.getAttribute("aria-hidden") !== "true").filter((n) => n.tabIndex !== -1).filter((n) => {
+    const t = n.getClientRects();
+    return t.length > 0 && t[0].width > 0 && t[0].height > 0;
+  });
+}, Vn = (e) => {
+  at(e)[0]?.focus({ preventScroll: !0 });
+}, Un = ({
+  id: e = "dropdown",
+  size: o = "sm",
+  className: n,
+  backdrop: t = !0,
+  placement: r = "bottom-left",
+  variant: i = "dropdown",
+  title: u = "Title",
+  closeLabel: f = "Close",
+  submitLabel: c,
+  trigger: m,
+  children: p,
+  open: s,
+  onClose: h,
+  color: v,
+  onSubmit: b,
+  activeDescendantId: R,
+  useFixedPosition: _ = !1,
+  expanded: x = !1
+}) => {
+  const j = ee(null), z = ee(null), k = ee(s);
+  W(() => {
+    k.current = s;
+  }, [s]);
+  const [l, $] = se({
+    yDir: r.includes("top") ? "top" : "bottom",
+    xDir: r.includes("right") ? "right" : "left",
+    maxHeight: 300
+  }), I = Ve(() => {
+    if (s && j.current && z.current) {
+      const y = j.current.getBoundingClientRect(), A = z.current.getBoundingClientRect(), S = window.innerHeight, E = window.innerWidth, d = 16, O = S - y.bottom, M = y.top, H = E - y.right - A.width, P = O < 250 && M > O, B = P ? "top" : "bottom", T = (P ? M : O) - d, ue = H < d ? "right" : "left";
+      $((X) => ({
+        ...X,
+        yDir: B,
+        maxHeight: T,
+        xDir: ue,
+        triggerRect: _ ? y : void 0
+      }));
+    }
+  }, [s, _]);
+  Se(() => (I(), window.addEventListener("resize", I), _ && window.addEventListener("scroll", I, !0), () => {
+    window.removeEventListener("resize", I), _ && window.removeEventListener("scroll", I, !0);
+  }), [I, _]), W(() => {
+    if (!s) return;
+    const y = requestAnimationFrame(() => {
+      const A = z.current;
+      if (!A) return;
+      const S = A.querySelector(
+        'input[type="search"]:not([disabled]), input[role="searchbox"]:not([disabled]), input[data-dropdown-search]:not([disabled])'
+      );
+      if (S) {
+        const E = S.value.length;
+        S.focus({ preventScroll: !0 });
+        try {
+          S.setSelectionRange(E, E);
+        } catch {
+        }
+        return;
+      }
+      A.focus?.({ preventScroll: !0 });
+    });
+    return () => cancelAnimationFrame(y);
+  }, [s]), W(() => {
+    const y = (S) => {
+      S.key === "Escape" && (S.preventDefault(), h());
+    }, A = (S) => {
+      const E = S.target, d = j.current?.contains(E), O = z.current?.contains(E);
+      !d && !O && h();
+    };
+    return s && (document.addEventListener("mousedown", A), document.addEventListener("keydown", y)), () => {
+      document.removeEventListener("mousedown", A), document.removeEventListener("keydown", y);
+    };
+  }, [s, h]), W(() => {
+    if (!s) return;
+    const y = z.current;
+    if (!y) return;
+    const A = (E) => {
+      if (!k.current)
+        return;
+      const d = E.target;
+      d && !y.contains(d) && Vn(y);
+    }, S = (E) => {
+      if (E.key !== "Tab") return;
+      const d = at(y);
+      if (d.length === 0) {
+        E.preventDefault(), y.focus?.({ preventScroll: !0 });
+        return;
+      }
+      const O = d[0], M = d[d.length - 1], H = document.activeElement;
+      E.shiftKey ? H === O && (E.preventDefault(), M.focus({ preventScroll: !0 })) : H === M && (E.preventDefault(), O.focus({ preventScroll: !0 }));
+    };
+    return document.addEventListener("focusin", A), document.addEventListener("keydown", S), () => {
+      document.removeEventListener("focusin", A), document.removeEventListener("keydown", S);
+    };
+  }, [s]);
+  const D = _ && l.triggerRect ? {
+    position: "fixed",
+    zIndex: 1e3,
+    width: "max-content",
+    maxHeight: `${l.maxHeight}px`,
+    overflowY: "auto",
+    [l.xDir === "left" ? "left" : "right"]: l.xDir === "left" ? l.triggerRect.left : window.innerWidth - l.triggerRect.right,
+    [l.yDir === "bottom" ? "top" : "bottom"]: l.yDir === "bottom" ? l.triggerRect.bottom + 8 : window.innerHeight - l.triggerRect.top + 8
+  } : {
+    position: "absolute",
+    zIndex: 50,
+    width: "max-content",
+    maxHeight: `${l.maxHeight}px`,
+    overflowY: "auto",
+    [l.xDir]: 0,
+    [l.yDir === "bottom" ? "top" : "bottom"]: "100%"
+  }, q = /* @__PURE__ */ w(
+    "div",
+    {
+      ref: z,
+      className: U(me.dropdown, n),
+      style: D,
+      "aria-hidden": !s,
+      "data-variant": i,
+      "data-color": v,
+      "data-expanded": x,
+      "data-size": o,
+      tabIndex: -1,
+      role: s ? "menu" : void 0,
+      "aria-modal": s && i === "drawer-dropdown" ? !0 : void 0,
+      "aria-activedescendant": s ? R : void 0,
+      children: [
+        /* @__PURE__ */ w("header", { className: me.header, children: [
+          /* @__PURE__ */ a("h2", { className: me.title, children: u }),
+          /* @__PURE__ */ a(_e, { size: "sm", variant: "outline", onClick: h, "aria-label": f, children: /* @__PURE__ */ a(Be, {}) })
+        ] }),
+        /* @__PURE__ */ a("div", { className: me.content, children: p }),
+        c && /* @__PURE__ */ a("footer", { className: me.footer, children: /* @__PURE__ */ a(_e, { size: "lg", variant: "solid", onClick: b || h, rounded: !0, children: /* @__PURE__ */ a("span", { "data-size": "md", children: c }) }) })
+      ]
+    }
+  );
+  return /* @__PURE__ */ w(pe, { children: [
+    t && /* @__PURE__ */ a("div", { className: me.backdrop, "aria-hidden": !s }),
+    /* @__PURE__ */ w("div", { id: e + "-root", ref: j, style: { position: "relative", display: "inline-block" }, children: [
+      m,
+      _ ? mt(q, document.body) : q
+    ] })
+  ] });
+}, Wn = "_section_1v20z_1", Yn = "_header_1v20z_7", Qn = "_list_1v20z_13", Ie = {
+  section: Wn,
+  header: Yn,
+  list: Qn
+}, Xn = ke(
+  ({ title: e, description: o, items: n, groups: t = {}, sortGroupBy: r, highlightWords: i, isLoading: u }) => {
+    const { menu: f } = je({
+      items: n,
+      groups: t,
+      groupByKey: "groupId",
+      keyboardEvents: !1,
+      sortGroupBy: r
+    });
+    return /* @__PURE__ */ w("section", { className: Ie.section, "aria-busy": u, children: [
+      e || o ? /* @__PURE__ */ w("header", { className: Ie.header, children: [
+        e && /* @__PURE__ */ a(ve, { as: "h1", size: "lg", children: e }),
+        o && /* @__PURE__ */ a(Ue, { as: "p", size: "sm", variant: "subtle", className: Ie.description, children: o })
+      ] }) : null,
+      f?.map((c, m) => {
+        const p = c.props || {};
+        return /* @__PURE__ */ w(qe, { children: [
+          p?.title && /* @__PURE__ */ a(ve, { as: "h2", size: "lg", children: p.title }),
+          /* @__PURE__ */ a("ul", { className: Ie.list, children: c?.items.map((s, h) => {
+            const v = s.props || {};
+            return /* @__PURE__ */ dt(it, { ...v, highlightWords: i, key: "dialog-list-item" + h });
+          }) })
+        ] }, "dialog-list-item" + m);
+      })
+    ] });
+  }
+);
+Xn.displayName = "DialogList";
+const Jn = "_item_1cw3x_3", Zn = "_border_1cw3x_75", er = "_header_1cw3x_86", tr = "_summary_1cw3x_102", nr = "_controls_1cw3x_116", rr = "_footer_1cw3x_123", or = "_seenBy_1cw3x_128", ar = "_link_1cw3x_138", ir = "_title_1cw3x_143", Z = {
+  item: Jn,
+  border: Zn,
+  header: er,
+  summary: tr,
+  controls: nr,
+  footer: rr,
+  seenBy: or,
+  link: ar,
+  title: ir
+}, it = ke(
+  ({
+    as: e = "a",
+    size: o = "xl",
+    variant: n = "default",
+    color: t,
+    loading: r,
+    controls: i,
+    selectable: u,
+    selected: f,
+    status: c,
+    extendedStatusLabel: m,
+    sender: p,
+    recipient: s,
+    recipientLabel: h = "to",
+    grouped: v = !1,
+    updatedAt: b,
+    updatedAtLabel: R,
+    archived: _,
+    archivedAt: x,
+    archivedAtLabel: j,
+    trashed: z,
+    trashedAt: k,
+    trashedAtLabel: l,
+    badge: $,
+    dueAt: I,
+    dueAtExpired: D,
+    dueAtLabel: q,
+    unread: y,
+    unreadLabel: A = "Ulest",
+    unreadItems: S,
+    unreadItemsLabel: E = "Ulest innhold",
+    seenByLog: d,
+    draftsLabel: O,
+    sentCount: M,
+    receivedCount: H,
+    attachmentsCount: P,
+    attachmentsLabel: B,
+    tooltips: T = {},
+    title: K,
+    description: ue,
+    summary: X,
+    highlightWords: J,
+    id: g,
+    ...N
+  }) => {
+    const L = u ? "select" : n;
+    return /* @__PURE__ */ w(
+      Nt,
+      {
+        as: "li",
+        id: g,
+        className: Z.item,
+        size: o,
+        color: t,
+        variant: L,
+        "data-unread": y ? "true" : "false",
+        "data-selected": f,
+        "data-trashed": z,
+        "data-archived": _,
+        "data-loading": r,
+        children: [
+          /* @__PURE__ */ a(kt, { ...N, className: Z.link, as: e, children: /* @__PURE__ */ w("div", { className: Z.border, children: [
+            /* @__PURE__ */ w("header", { className: Z.header, children: [
+              /* @__PURE__ */ w(
+                ve,
+                {
+                  as: "h2",
+                  highlightWords: J,
+                  weight: y ? "bold" : "normal",
+                  loading: r,
+                  maxRows: 2,
+                  className: Z.title,
+                  children: [
+                    K,
+                    y && /* @__PURE__ */ a(oe, { label: A, variant: "tinted", style: { marginLeft: "0.75em", marginTop: "-2px" } }) || S && /* @__PURE__ */ a(oe, { label: E, style: { marginLeft: "0.75em", marginTop: "-2px" } })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ a(
+                lr,
+                {
+                  size: "xs",
+                  loading: r,
+                  sender: p,
+                  recipient: s,
+                  recipientLabel: h,
+                  grouped: v
+                }
+              ),
+              X && /* @__PURE__ */ a(
+                ve,
+                {
+                  as: "h3",
+                  highlightWords: J,
+                  weight: "normal",
+                  className: Z.summary,
+                  loading: r,
+                  maxRows: 2,
+                  children: X
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a(
+              sr,
+              {
+                className: Z.footer,
+                loading: r,
+                badge: $,
+                status: c,
+                extendedStatusLabel: m,
+                draftsLabel: O,
+                sentCount: M,
+                receivedCount: H,
+                updatedAt: b,
+                updatedAtLabel: R,
+                archivedAt: x,
+                archivedAtLabel: j,
+                trashedAt: k,
+                trashedAtLabel: l,
+                dueAt: I,
+                dueAtExpired: D,
+                dueAtLabel: q,
+                attachmentsCount: P,
+                attachmentsLabel: B,
+                tooltips: T
+              }
+            ),
+            d && T?.seenBy ? /* @__PURE__ */ a(Ae, { placement: "bottom", content: T?.seenBy, children: /* @__PURE__ */ a("span", { className: Z.seenBy, children: /* @__PURE__ */ a(we, { items: d.items }) }) }) : d && /* @__PURE__ */ a(we, { items: d.items, className: Z.seenBy })
+          ] }) }),
+          /* @__PURE__ */ a($e, { className: Z.controls, children: i })
+        ]
+      }
+    );
+  }
+);
+it.displayName = "DialogListItem";
+const sr = ({
+  className: e,
+  loading: o,
+  status: n,
+  sender: t,
+  updatedAt: r,
+  updatedAtLabel: i,
+  dueAt: u,
+  dueAtExpired: f,
+  dueAtLabel: c,
+  archivedAt: m,
+  archivedAtLabel: p,
+  trashedAt: s,
+  trashedAtLabel: h,
+  draftsLabel: v,
+  sentCount: b = 0,
+  receivedCount: R = 0,
+  attachmentsCount: _ = 0,
+  attachmentsLabel: x,
+  transmissionsLabel: j,
+  activityLog: z,
+  extendedStatusLabel: k,
+  tooltips: l = {}
+}) => /* @__PURE__ */ w(Ct, { className: e, size: "xs", children: [
+  n && /* @__PURE__ */ a(vr, { tooltip: l.status, loading: o, ...n }),
+  k && /* @__PURE__ */ a(oe, { tooltip: l.extendedStatus, variant: "outline", children: k }),
+  v && /* @__PURE__ */ a(oe, { tooltip: l.drafts, variant: "dotted", children: v }),
+  r && /* @__PURE__ */ w(re, { tooltip: l.updatedAt, loading: o, datetime: r, size: "xs", children: [
+    /* @__PURE__ */ a("strong", { children: t && t.name + ", " }),
+    i
+  ] }),
+  _ > 0 && /* @__PURE__ */ a(re, { tooltip: l.attachments, loading: o, size: "xs", icon: xt, children: x || _ }),
+  j && /* @__PURE__ */ a(re, { tooltip: l.transmissions, loading: o, size: "xs", icon: Lt, children: j }),
+  b > 0 && /* @__PURE__ */ a(re, { tooltip: l.sent, size: "xs", icon: Je, children: b }),
+  R > 0 && /* @__PURE__ */ a(re, { tooltip: l.received, size: "xs", icon: zt, children: R }),
+  u && c && /* @__PURE__ */ a(
+    re,
+    {
+      variant: "tinted",
+      color: f ? "danger" : "warning",
+      tooltip: l.dueAt,
+      loading: o,
+      datetime: u,
+      size: "xs",
+      icon: It,
+      children: c
+    }
+  ),
+  h && /* @__PURE__ */ a(
+    re,
+    {
+      variant: "tinted",
+      color: "neutral",
+      tooltip: l.trashedAt,
+      loading: o,
+      datetime: s,
+      size: "xs",
+      icon: Vt,
+      children: h
+    }
+  ) || p && /* @__PURE__ */ a(
+    re,
+    {
+      variant: "tinted",
+      color: "neutral",
+      tooltip: l.archivedAt,
+      loading: o,
+      datetime: m,
+      size: "xs",
+      icon: St,
+      children: p
+    }
+  ),
+  z && /* @__PURE__ */ a(
+    re,
+    {
+      tooltip: l.activityLog,
+      loading: o,
+      size: "xs",
+      icon: Bt,
+      as: z?.onClick ? "button" : "span",
+      onClick: z?.onClick,
+      children: z?.label || "Activity log"
+    }
+  )
+] }), lr = ({
+  sender: e,
+  recipient: o,
+  recipientLabel: n = "to",
+  grouped: t = !1,
+  loading: r,
+  size: i = "xs"
+}) => !e && !o ? null : /* @__PURE__ */ w(Bn, { loading: r, size: i, avatar: e, avatarGroup: !r && t && e && o ? {
+  items: [o, e]
+} : void 0, children: [
+  /* @__PURE__ */ a("strong", { children: e?.name }),
+  " ",
+  o && n + " " + o?.name
+] }), cr = "_media_1x8z9_1", dr = "_icon_1x8z9_10", ur = "_avatarGroup_1x8z9_17", fe = {
+  media: cr,
+  icon: dr,
+  avatarGroup: ur
+};
+function mr(e) {
+  return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || Ke(e);
+}
+const Ge = ({ size: e = "xs", icon: o, progress: n }) => !o && typeof n != "number" ? !1 : /* @__PURE__ */ w("span", { className: fe.media, "data-size": e, children: [
+  Pe(o) && /* @__PURE__ */ a(De, { ...o, className: fe.avatar }) || ze(o) && /* @__PURE__ */ a(we, { ...o, className: fe.avatarGroup }) || Me(o) && /* @__PURE__ */ a(ce, { ...o, className: fe.icon }) || mr(o) && o || /* @__PURE__ */ a(ce, { svgElement: o, className: fe.icon }),
+  n && /* @__PURE__ */ a(Et, { value: n, className: fe.icon })
+] }), fr = "_item_cqtms_1", pr = "_label_cqtms_54", Oe = {
+  item: fr,
+  label: pr
+}, re = ({
+  as: e,
+  loading: o,
+  className: n,
+  reverse: t,
+  size: r = "xs",
+  variant: i,
+  color: u,
+  icon: f,
+  children: c,
+  datetime: m,
+  tooltip: p,
+  ...s
+}) => {
+  const h = e || (m ? "time" : "span");
+  return p ? /* @__PURE__ */ a(Ae, { content: p, placement: "bottom", children: /* @__PURE__ */ a(
+    h,
+    {
+      "data-size": r,
+      "data-color": u,
+      "data-variant": i,
+      dateTime: m,
+      className: U(Oe.item, n),
+      ...s,
+      children: /* @__PURE__ */ w(he, { loading: o, children: [
+        !o && f && /* @__PURE__ */ a(Ge, { size: r, icon: f }),
+        /* @__PURE__ */ a("span", { className: Oe.label, children: c })
+      ] })
+    }
+  ) }) : /* @__PURE__ */ a(
+    h,
+    {
+      "data-size": r,
+      "data-color": u,
+      "data-variant": i,
+      dateTime: m,
+      className: U(Oe.item, n),
+      ...s,
+      children: /* @__PURE__ */ w(he, { loading: o, children: [
+        !o && f && /* @__PURE__ */ a(Ge, { size: r, icon: f }),
+        /* @__PURE__ */ a("span", { className: Oe.label, children: c })
+      ] })
+    }
+  );
+};
+var hr = /* @__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))(hr || {});
+const vr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) => {
+  if (e)
+    return null;
+  switch (o) {
+    case "draft":
+      return /* @__PURE__ */ a(oe, { tooltip: t, variant: "dotted", children: n || o });
+    case "requires-attention":
+      return /* @__PURE__ */ a(oe, { tooltip: t, variant: "strong", children: n || o });
+    case "not-applicable":
+      return null;
+    default:
+      return /* @__PURE__ */ a(oe, { tooltip: t, variant: "outline", children: n || o });
+  }
+}, br = "_menu_16mue_4", gr = "_button_16mue_12", yr = "_label_16mue_16", ye = {
+  menu: br,
+  button: gr,
+  label: yr
+}, ro = ke(
+  ({
+    disabled: e,
+    label: o = "Label",
+    variant: n = "solid",
+    title: t = "Title",
+    htmlTitle: r,
+    items: i = [],
+    dropdownSize: u = "sm",
+    id: f = "toolbar-menu",
+    onSelectId: c,
+    ...m
+  }) => {
+    const p = Ot({ id: f, returnFocusOnClose: !0 }), s = m.searchable ? "combobox" : "menu", h = Ve(
+      (b) => {
+        c?.(b?.id ?? ""), b?.role !== "checkbox" && p.setOpen(!1);
+      },
+      [c, p]
+    ), v = de(
+      () => i.map((b) => ({
+        ...b,
+        onClick: () => h(b)
+      })),
+      [i, h]
+    );
+    return e ? /* @__PURE__ */ w(_e, { className: ye.button, variant: n, title: r, disabled: !0, children: [
+      /* @__PURE__ */ a("span", { className: ye.label, children: o }),
+      /* @__PURE__ */ a(Le, { "aria-hidden": "true", focusable: "false" })
+    ] }) : /* @__PURE__ */ a("span", { className: ye.menu, children: /* @__PURE__ */ a(
+      Un,
+      {
+        id: f,
+        variant: "drawer-dropdown",
+        title: t,
+        size: u,
+        trigger: /* @__PURE__ */ w(
+          _e,
+          {
+            className: ye.button,
+            variant: n,
+            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__ */ a("span", { className: ye.label, children: o }),
+              /* @__PURE__ */ a(Le, { "aria-hidden": "true", focusable: "false" })
+            ]
+          }
+        ),
+        open: p.open,
+        onClose: () => p.setOpen(!1),
+        ...m?.searchable ? {} : p.dropdownA11yProps,
+        children: /* @__PURE__ */ a(
+          nt,
+          {
+            ...m,
+            items: v,
+            keyboardEvents: p.open,
+            a11yMode: s,
+            open: p.open,
+            scrollToTopOnOpen: m.virtualized,
+            ...s === "combobox" ? { id: p.menuId } : p.menuA11yProps
+          }
+        )
+      }
+    ) });
+  }
+), oo = ke(
+  ({
+    label: e,
+    hideLabel: o = !0,
+    value: n,
+    name: t,
+    placeholder: r = "Search",
+    loading: i,
+    collapsible: u,
+    clearButtonAltText: f = "Clear search",
+    onChange: c,
+    onClear: m,
+    onKeyDown: p,
+    menu: s,
+    minLength: h,
+    disabled: v,
+    htmlTitle: b
+  }) => /* @__PURE__ */ a(
+    ot,
+    {
+      size: "xs",
+      label: e,
+      hideLabel: o,
+      value: n,
+      name: t,
+      title: b,
+      placeholder: r,
+      clearButtonAltText: f,
+      onChange: c,
+      onClear: m,
+      onKeyDown: p,
+      collapsible: u,
+      autoComplete: "off",
+      autoCapitalize: "off",
+      type: "search",
+      minLength: h,
+      loading: i,
+      menu: s,
+      disabled: v
+    }
+  )
+);
+export {
+  oe as B,
+  lr as D,
+  en as F,
+  ve as H,
+  ce as I,
+  nt as M,
+  no as R,
+  ot as S,
+  ro as T,
+  rn as V,
+  Bn as a,
+  Xn as b,
+  it as c,
+  sr as d,
+  vr as e,
+  hr as f,
+  Un as g,
+  He as h,
+  Fe as i,
+  rt as j,
+  et as k,
+  Ze as l,
+  re as m,
+  Ge as n,
+  Je as o,
+  jt as p,
+  Le as q,
+  Ht as r,
+  Be as s,
+  oo as t,
+  Me as u,
+  cn as v,
+  an as w
+};