@altinn/altinn-components 0.68.0 → 0.68.1

package/dist/ToolbarSearch-CpAUv-Lw.js

@@ -0,0 +1,2010 @@
+"use client";
+import { jsx as a, jsxs as w, Fragment as fe } from "react/jsx-runtime";
+import * as G from "react";
+import C, { forwardRef as Q, useRef as Z, useState as se, useMemo as ce, useEffect as Y, Fragment as Ge, useLayoutEffect as Re, createContext as lt, useContext as it, isValidElement as qe, useId as Be, useCallback as Ke, memo as Ne, createElement as ct } from "react";
+import "./tooltip-Ct39-719.js";
+import { c as V } from "./index-p1eeF8LQ.js";
+import { useEscapeKey as dt } from "./hooks/useEscapeKey.js";
+import "./components/Typography/Link.js";
+import { Button as ye } from "./components/Button/Button.js";
+import { createPortal as ut } from "react-dom";
+import { useMenu as $e } from "./hooks/useMenu.js";
+import { Typography as Ve } from "./components/Typography/Typography.js";
+import { Skeleton as pe } from "./components/Skeleton/Skeleton.js";
+import { useHighlightedText as mt } from "./components/Typography/useHighlightedText.js";
+import { Tooltip as je } from "./components/Tooltip/Tooltip.js";
+import "./components/GlobalMenu/GlobalMenuBase.js";
+import { SnackbarProvider as ft } from "./components/Snackbar/useSnackbar.js";
+import { Input as pt } from "./components/Forms/Input.js";
+import { Field as ht } from "./components/Forms/Field.js";
+import { Label as vt } from "./components/Forms/Label.js";
+import { TypingIcon as bt } from "./components/Icon/TypingIcon.js";
+import { u as X } from "./useId-BVFxCjkq.js";
+import { isAvatarProps as Se, Avatar as Ae } from "./components/Avatar/Avatar.js";
+import { isAvatarGroupProps as Pe, AvatarGroup as _e } from "./components/Avatar/AvatarGroup.js";
+import { ItemControls as ze } from "./components/Item/ItemControls.js";
+import { pickAriaProps as gt } from "./components/Menu/aria.js";
+import { MenuList as Oe } from "./components/Menu/MenuList.js";
+import { MenuListItem as Ue } from "./components/Menu/MenuListItem.js";
+import { MenuListGroup as We } from "./components/Menu/MenuListGroup.js";
+import { MenuListDivider as Ye } from "./components/Menu/MenuListDivider.js";
+import { MenuListHeading as Qe } from "./components/Menu/MenuListHeading.js";
+import { u as yt } from "./useMenuVirtualization-DpvWCsyD.js";
+import { a as _t, b as wt, S as xt } from "./Paperclip-DhP0Uo69.js";
+import { useDropdownMenuController as It } from "./components/Menu/useDropdownMenuController.js";
+import { ItemBase as Ot } from "./components/Item/ItemBase.js";
+import { ItemLink as Nt } from "./components/Item/ItemLink.js";
+import { MetaBase as kt } from "./components/Metadata/MetaBase.js";
+import { ProgressIcon as Ct } from "./components/Icon/ProgressIcon.js";
+import './assets/ToolbarSearch.css';var Et = 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 Rt = Q((e, o) => {
+  var { title: n, titleId: t } = e, r = Et(e, ["title", "titleId"]);
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4 3.25a.75.75 0 0 0-.75.75v3.5c0 .414.336.75.75.75h16a.75.75 0 0 0 .75-.75V4a.75.75 0 0 0-.75-.75zm15.5 6a.25.25 0 0 1 .25.25V19A1.75 1.75 0 0 1 18 20.75H6A1.75 1.75 0 0 1 4.25 19V9.5a.25.25 0 0 1 .25-.25zm-4.75 3.25a.75.75 0 0 1-.75.75h-4a.75.75 0 0 1 0-1.5h4a.75.75 0 0 1 .75.75", clipRule: "evenodd" })
+  );
+});
+var St = 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 Pt = Q((e, o) => {
+  var { title: n, titleId: t } = e, r = St(e, ["title", "titleId"]);
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", d: "M12.75 5a.75.75 0 0 0-1.5 0v12.19l-3.22-3.22a.75.75 0 0 0-1.06 1.06l4.5 4.5a.75.75 0 0 0 1.06 0l4.5-4.5a.75.75 0 1 0-1.06-1.06l-3.22 3.22z" })
+  );
+});
+var zt = 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 Xe = Q((e, o) => {
+  var { title: n, titleId: t } = e, r = zt(e, ["title", "titleId"]);
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M18.998 6.94a.75.75 0 0 1 .063 1.058l-8 9a.75.75 0 0 1-1.091.032l-5-5a.75.75 0 1 1 1.06-1.06l4.438 4.437 7.471-8.405A.75.75 0 0 1 19 6.939", clipRule: "evenodd" })
+  );
+});
+var 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 $t = Q((e, o) => {
+  var { title: n, titleId: t } = e, r = Mt(e, ["title", "titleId"]);
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M9.47 5.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 0 1 0 1.06l-5.5 5.5a.75.75 0 1 1-1.06-1.06L14.44 12 9.47 7.03a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
+  );
+});
+var jt = 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 Te = Q((e, o) => {
+  var { title: n, titleId: t } = e, r = jt(e, ["title", "titleId"]);
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M12.53 4.47a.75.75 0 0 0-1.06 0l-3.5 3.5a.75.75 0 0 0 1.06 1.06L12 6.06l2.97 2.97a.75.75 0 1 0 1.06-1.06zm-3.5 10.5a.75.75 0 0 0-1.06 1.06l3.5 3.5a.75.75 0 0 0 1.06 0l3.5-3.5a.75.75 0 1 0-1.06-1.06L12 17.94z", clipRule: "evenodd" })
+  );
+});
+var 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 Dt = Q((e, o) => {
+  var { title: n, titleId: t } = e, r = At(e, ["title", "titleId"]);
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.5 1.75a.75.75 0 0 1 .75.75v2.464a9.75 9.75 0 1 1 12.342 15.023.75.75 0 1 1-.86-1.229A8.251 8.251 0 1 0 6.084 6.25H9a.75.75 0 0 1 0 1.5H4.5A.75.75 0 0 1 3.75 7V2.5a.75.75 0 0 1 .75-.75M12.75 6a.75.75 0 0 0-1.5 0v6c0 .199.079.39.22.53l2.5 2.5a.75.75 0 1 0 1.06-1.06l-2.28-2.28zM3 11.25a.75.75 0 0 1 .75.75q0 .66.105 1.31a.75.75 0 0 1-1.481.24A10 10 0 0 1 2.25 12a.75.75 0 0 1 .75-.75m1.855 4.875a.75.75 0 0 0-1.299.75q.39.675.882 1.28a.75.75 0 1 0 1.163-.947 8 8 0 0 1-.746-1.083m1.995 3.294a.75.75 0 0 1 1.025-.274q.57.33 1.188.564a.75.75 0 1 1-.535 1.402 10 10 0 0 1-1.403-.667.75.75 0 0 1-.275-1.025m6.7 2.207a.75.75 0 1 0-.24-1.48q-.65.104-1.31.104a.75.75 0 0 0 0 1.5q.78 0 1.55-.124", clipRule: "evenodd" })
+  );
+});
+var Bt = 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 Tt = Q((e, o) => {
+  var { title: n, titleId: t } = e, r = Bt(e, ["title", "titleId"]);
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.25 3.5c0-.69.56-1.25 1.25-1.25H14a.75.75 0 0 1 .53.22l5 5c.141.14.22.331.22.53v8.5c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25zm6.25 5.25c-.69 0-1.25-.56-1.25-1.25V3.75h-3.5v12.5h8.5v-7.5zm.25-3.94 2.44 2.44h-2.44zM6.502 7.75H5.75v12.5h8.5v-.748a.75.75 0 0 1 1.5 0v.998c0 .69-.56 1.25-1.25 1.25h-9c-.69 0-1.25-.56-1.25-1.25v-13c0-.69.56-1.25 1.25-1.25h1.002a.75.75 0 1 1 0 1.5", clipRule: "evenodd" })
+  );
+});
+var Lt = 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 Ft = Q((e, o) => {
+  var { title: n, titleId: t } = e, r = Lt(e, ["title", "titleId"]);
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.5 3.25a7.25 7.25 0 1 0 4.569 12.88l5.411 5.41a.75.75 0 1 0 1.06-1.06l-5.41-5.411A7.25 7.25 0 0 0 10.5 3.25M4.75 10.5a5.75 5.75 0 1 1 11.5 0 5.75 5.75 0 0 1-11.5 0", clipRule: "evenodd" })
+  );
+});
+var Ht = 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 Gt = Q((e, o) => {
+  var { title: n, titleId: t } = e, r = Ht(e, ["title", "titleId"]);
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M4.75 12a.75.75 0 0 1 .75-.75h13a.75.75 0 1 1 0 1.5h-13a.75.75 0 0 1-.75-.75", clipRule: "evenodd" })
+  );
+});
+var qt = 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 Kt = Q((e, o) => {
+  var { title: n, titleId: t } = e, r = qt(e, ["title", "titleId"]);
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M10 4.75c-.69 0-1.25.56-1.25 1.25v.25h6.5V6c0-.69-.56-1.25-1.25-1.25zm6.75 1.5V6A2.75 2.75 0 0 0 14 3.25h-4A2.75 2.75 0 0 0 7.25 6v.25H4.5a.75.75 0 0 0 0 1.5h.805l.876 11.384a1.75 1.75 0 0 0 1.745 1.616h8.148a1.75 1.75 0 0 0 1.745-1.616l.875-11.384h.806a.75.75 0 0 0 0-1.5h-2.75m-6 4.25a.75.75 0 0 0-1.5 0v6a.75.75 0 0 0 1.5 0zM14 9.75a.75.75 0 0 1 .75.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 .75-.75", clipRule: "evenodd" })
+  );
+});
+var Vt = 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 De = Q((e, o) => {
+  var { title: n, titleId: t } = e, r = Vt(e, ["title", "titleId"]);
+  let s = X();
+  return s = n ? t || "title-" + s : void 0, C.createElement(
+    "svg",
+    Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 24 24", focusable: !1, role: "img", ref: o, "aria-labelledby": s }, r),
+    n ? C.createElement("title", { id: s }, n) : null,
+    C.createElement("path", { fill: "currentColor", d: "M6.53 5.47a.75.75 0 0 0-1.06 1.06L10.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06L12 13.06l5.47 5.47a.75.75 0 1 0 1.06-1.06L13.06 12l5.47-5.47a.75.75 0 0 0-1.06-1.06L12 10.94z" })
+  );
+}), Ut = "_badge_5li3b_1", Wt = "_label_5li3b_33", we = {
+  badge: Ut,
+  label: Wt
+}, ne = ({
+  label: e,
+  color: o,
+  variant: n = "subtle",
+  theme: t,
+  size: r = "sm",
+  tooltip: s,
+  className: u,
+  style: f,
+  children: i
+}) => s ? /* @__PURE__ */ a(je, { content: s, children: /* @__PURE__ */ a(
+  "span",
+  {
+    className: V(we.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: we.label, children: e || i })
+  }
+) }) : /* @__PURE__ */ a(
+  "span",
+  {
+    className: V(we.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: we.label, children: e || i })
+  }
+), Yt = "_icon_1y3dz_1", Qt = "_shape_1y3dz_9", Xt = "_svg_1y3dz_14", Jt = "_image_1y3dz_15", ve = {
+  icon: Yt,
+  shape: Qt,
+  svg: Xt,
+  image: Jt
+}, Me = (e) => typeof e == "object" && e !== null && ("svgElement" in e || "iconUrl" in e), ie = ({
+  loading: e,
+  altText: o,
+  svgElement: n,
+  size: t,
+  color: r,
+  iconUrl: s,
+  className: u,
+  style: f,
+  children: i
+}) => /* @__PURE__ */ a("span", { "data-ui": "icon", "data-size": t, "data-color": r, className: V(ve.icon, u), style: f, children: /* @__PURE__ */ w(pe, { loading: e, variant: "circle", className: ve.shape, children: [
+  /* @__PURE__ */ a("span", { className: ve.shape }),
+  n && /* @__PURE__ */ a(n, { "aria-hidden": "true", "alt-label": o, className: ve.svg }),
+  s && /* @__PURE__ */ a("img", { src: s, alt: o, className: ve.image }),
+  i
+] }) }), Zt = ({ size: e, color: o, label: n, htmlFor: t, helperText: r, children: s, ...u }) => /* @__PURE__ */ w(ht, { size: e, color: o, ...u, children: [
+  n && /* @__PURE__ */ a(vt, { size: e, htmlFor: t, children: n }),
+  s,
+  r && /* @__PURE__ */ a(Ve, { size: "xs", children: r })
+] }), en = "_search_18jfe_1", tn = "_searchInput_18jfe_8", Ee = {
+  search: en,
+  searchInput: tn
+}, Je = ({
+  style: e,
+  index: o,
+  name: n,
+  value: t,
+  placeholder: r = "Search",
+  clearButtonAltText: s = "Clear search",
+  onChange: u,
+  onClear: f,
+  onNavigate: i,
+  combobox: m = !1,
+  listId: p,
+  "aria-activedescendant": l,
+  onKeyDown: h,
+  onInput: v,
+  onFocus: b,
+  ...$
+}) => {
+  const y = /* @__PURE__ */ a(
+    rt,
+    {
+      size: "xs",
+      className: Ee.searchInput,
+      name: n,
+      value: t,
+      placeholder: r,
+      onChange: u,
+      onClear: f,
+      clearButtonAltText: s,
+      autoComplete: "off",
+      autoCorrect: "off",
+      autoCapitalize: "off",
+      autoFocus: !0,
+      onKeyDown: (I) => {
+        (I.key === "ArrowUp" || I.key === "ArrowDown") && (I.preventDefault(), i?.()), h?.(I);
+      },
+      onInput: v,
+      onFocus: b,
+      ...m ? {
+        role: "combobox",
+        "aria-autocomplete": "list",
+        "aria-expanded": !0,
+        "aria-haspopup": "listbox",
+        "aria-controls": p,
+        "aria-activedescendant": l
+      } : {},
+      ...$
+    }
+  );
+  return m ? /* @__PURE__ */ a("div", { className: Ee.search, style: e, "data-index": o, "data-menu-search": "true", children: y }) : /* @__PURE__ */ a("li", { className: Ee.search, style: e, "data-index": o, "data-menu-search": "true", children: y });
+}, Ze = ({
+  level: e = 0,
+  maxLevels: o,
+  expanded: n,
+  a11yMode: t = "menu",
+  open: r,
+  scrollToTopOnOpen: s = !1,
+  autoActivateFirstItem: u = !0,
+  autoFocusList: f = !0,
+  announceNoResults: i = !1,
+  search: m,
+  items: p,
+  groups: l = {},
+  size: h,
+  id: v,
+  color: b,
+  variant: $,
+  scrollRefStyles: y = {},
+  keyboardEvents: I = !1,
+  onSelect: D = () => {
+  },
+  onActiveItemIdChange: S
+}) => {
+  if (o && e >= o)
+    return null;
+  const O = t === "combobox", c = O && v ? `${v}-listbox` : v, x = Z(r), P = Z(r), [H, j] = se(!1), z = ce(
+    () => p.map((k, B) => ({
+      ...k,
+      id: `${v}-item-${B}`
+    })),
+    [p, v]
+  ), M = Z(null), { menu: R, setActiveIndex: E, activeItem: d } = $e({
+    items: z,
+    groups: l,
+    groupByKey: "groupId",
+    keyboardEvents: I,
+    autoActivateFirstItem: u,
+    onSelect: D,
+    ref: M
+  });
+  Y(() => {
+    S?.(d?.id);
+  }, [d?.id, S]), Y(() => {
+    if (!s) {
+      x.current = r;
+      return;
+    }
+    const k = x.current;
+    x.current = r, r && !k && M.current?.scrollTo({ top: 0 });
+  }, [r, s]), Y(() => {
+    const k = P.current;
+    P.current = r, !(!I || m || !f) && r && !k && requestAnimationFrame(() => M.current?.focus?.({ preventScroll: !0 }));
+  }, [r, I, m]), Y(() => {
+    if (O && i) {
+      E(0), j(!0);
+      return;
+    }
+  }, [i, O, E]);
+  const _ = m ? /* @__PURE__ */ a(
+    Je,
+    {
+      ...m,
+      combobox: O,
+      listId: c,
+      "aria-activedescendant": O && H ? d?.id : void 0,
+      onNavigate: O ? () => j(!0) : void 0,
+      onChange: (k) => {
+        j(!1), m.onChange?.(k);
+      },
+      onFocus: (k) => {
+        j(!1), m.onFocus?.(k);
+      },
+      onInput: (k) => {
+        j(!1), m.onInput?.(k);
+      },
+      onKeyDown: (k) => {
+        const B = k.key === "ArrowUp" || k.key === "ArrowDown", T = k.key.length === 1 || k.key === "Backspace" || k.key === "Delete";
+        O && !B && T && j(!1), m.onKeyDown?.(k);
+      }
+    }
+  ) : null, A = /* @__PURE__ */ w(
+    Oe,
+    {
+      variant: $,
+      expanded: n,
+      ref: M,
+      style: y,
+      id: c,
+      role: O ? "listbox" : "menu",
+      tabIndex: I ? -1 : void 0,
+      children: [
+        !O && _,
+        R.map((k, B) => {
+          const T = k?.props || {}, { title: q, hidden: de = !1, divider: re = !0 } = T;
+          return /* @__PURE__ */ w(Ge, { children: [
+            (e > 0 || B) && re ? /* @__PURE__ */ a(Ye, {}) : "",
+            /* @__PURE__ */ a(We, { hidden: de, children: /* @__PURE__ */ w(Oe, { role: "presentation", children: [
+              q && /* @__PURE__ */ a(Qe, { title: q, level: e }),
+              k?.items.filter((U) => !U.props?.hidden).map((U, g) => {
+                const { active: N, onMouseEnter: L } = U, { groupId: W, ...F } = U.props || {}, { expanded: oe } = F, ae = Array.isArray(F?.items) && F.items.length > 0, ke = F.role === "checkbox" || F.role === "radio", Ce = F.role === "radio" ? "menuitemradio" : "menuitemcheckbox", st = O ? "option" : ke ? Ce : F.role;
+                return /* @__PURE__ */ w(
+                  Ue,
+                  {
+                    expanded: oe,
+                    onMouseLeave: () => E(-1),
+                    role: "presentation",
+                    children: [
+                      /* @__PURE__ */ a(
+                        nt,
+                        {
+                          ...F,
+                          size: F?.size || T?.size || h,
+                          color: F?.color || T?.color || b,
+                          variant: F?.variant || T?.variant || $,
+                          active: N,
+                          role: st,
+                          selected: F.selected,
+                          tabIndex: F?.disabled || I ? -1 : F.tabIndex ?? 0,
+                          onMouseEnter: L,
+                          "aria-haspopup": ae ? "menu" : void 0,
+                          "aria-expanded": ae ? oe : void 0,
+                          "aria-controls": ae ? F.id + "-menu" : void 0
+                        }
+                      ),
+                      oe && F?.items && /* @__PURE__ */ a(
+                        Ze,
+                        {
+                          id: F.id + "-menu",
+                          expanded: oe,
+                          level: e + 1,
+                          maxLevels: o,
+                          items: F?.items,
+                          groups: l,
+                          size: h,
+                          color: b,
+                          variant: $
+                        }
+                      )
+                    ]
+                  },
+                  g
+                );
+              })
+            ] }) }, B)
+          ] }, B);
+        })
+      ]
+    }
+  );
+  return O && _ ? /* @__PURE__ */ w(fe, { children: [
+    _,
+    A
+  ] }) : A;
+}, nn = (e) => {
+  const o = Z(null), n = Z(null), [t, r] = se(0), {
+    search: s,
+    items: u,
+    groups: f = {},
+    size: i,
+    color: m,
+    variant: p,
+    keyboardEvents: l,
+    scrollRefStyles: h = {},
+    id: v,
+    expanded: b,
+    a11yMode: $ = "menu",
+    open: y,
+    scrollToTopOnOpen: I = !1,
+    autoActivateFirstItem: D = !0,
+    announceNoResults: S = !1,
+    onActiveItemIdChange: O
+  } = e, c = $ === "combobox", x = c && v ? `${v}-listbox` : v, P = Z(y), [H, j] = se(!1), z = ce(
+    () => u.map((g, N) => ({
+      ...g,
+      id: `${v}-item-${N}`
+    })),
+    [u, v]
+  ), { menu: M, activeItem: R, setActiveIndex: E, activeIndex: d } = $e({
+    items: z,
+    groups: f,
+    groupByKey: "groupId",
+    keyboardEvents: l,
+    autoActivateFirstItem: D,
+    ref: o
+  }), { flatMenu: _, virtualizer: A, scrollMaxHeight: k } = yt({
+    menu: M,
+    scrollRef: o
+  });
+  Re(() => {
+    const g = n.current;
+    if (!g) return;
+    const N = Math.round(g.offsetTop);
+    r((L) => L === N ? L : N);
+  });
+  const B = ce(() => {
+    const g = R?.id;
+    if (g)
+      return _.findIndex((L) => L.type === "item" && L.itemProps?.id === g);
+    if (d < 0) return -1;
+    let N = -1;
+    for (let L = 0; L < _.length; L++)
+      if (_[L]?.type === "item" && (N += 1, N === d))
+        return L;
+    return -1;
+  }, [R?.id, d, _]), T = Z(null);
+  Re(() => {
+    const g = T?.current, N = typeof g == "number" ? B <= g : !1;
+    T.current = B;
+    const L = N ? B : B + 2;
+    if (!N) {
+      const ae = A.getOffsetForIndex(L, "auto");
+      if (!ae) return;
+      const [ke, Ce] = ae;
+      if (Ce === "auto") return;
+      A.scrollToOffset(ke + t + 10, { align: "start" });
+      return;
+    }
+    if (B <= 3) {
+      A.scrollToOffset(0);
+      return;
+    }
+    const W = A.getOffsetForIndex(B - 1, "auto");
+    if (!W) return;
+    const [F, oe] = W;
+    oe !== "auto" && A.scrollToOffset(F + t + 10, { align: "start" });
+  }, [B, t, A, T]);
+  const q = ce(() => {
+    const g = /* @__PURE__ */ new Map();
+    let N = 0;
+    return _.forEach((L, W) => {
+      L.type === "item" && (N += 1, g.set(W, N));
+    }), { positions: g, total: N };
+  }, [_]);
+  Y(() => {
+    O?.(R?.id);
+  }, [R?.id, O]), Y(() => {
+    if (c && S) {
+      E(0), j(!0);
+      return;
+    }
+  }, [S, c, E]), Y(() => {
+    if (!I) {
+      P.current = y;
+      return;
+    }
+    const g = P.current;
+    P.current = y, y && !g && o.current?.scrollTo({ top: 0 });
+  }, [y, I]);
+  const de = {
+    position: "relative",
+    maxHeight: h?.maxHeight || k,
+    margin: "-0.5rem",
+    padding: "0.5rem 0.5rem 1rem 0.5rem",
+    minWidth: h?.minWidth ?? "20rem",
+    overflowY: "auto",
+    ...h
+  }, re = s ? /* @__PURE__ */ a(
+    Je,
+    {
+      ...s,
+      combobox: c,
+      listId: x,
+      "aria-activedescendant": c && H ? R?.id : void 0,
+      onNavigate: c ? () => j(!0) : void 0,
+      onChange: (g) => {
+        j(!1), s.onChange?.(g);
+      },
+      onFocus: (g) => {
+        j(!1), s.onFocus?.(g);
+      },
+      onInput: (g) => {
+        j(!1), s.onInput?.(g);
+      },
+      onKeyDown: (g) => {
+        const N = g.key === "ArrowUp" || g.key === "ArrowDown", L = g.key.length === 1 || g.key === "Backspace" || g.key === "Delete";
+        c && !N && L && j(!1), s.onKeyDown?.(g);
+      }
+    }
+  ) : null, U = /* @__PURE__ */ w(
+    Oe,
+    {
+      ref: o,
+      style: de,
+      variant: p,
+      color: m,
+      expanded: b,
+      id: x,
+      role: c ? "listbox" : "menu",
+      children: [
+        !c && re,
+        /* @__PURE__ */ a(
+          We,
+          {
+            ref: n,
+            style: {
+              position: "relative",
+              height: `${A.getTotalSize()}px`,
+              width: "100%"
+            },
+            children: /* @__PURE__ */ a(Oe, { style: { width: "100%", minWidth: "100%" }, children: A.getVirtualItems().map((g) => {
+              const N = _[g.index];
+              if (!N) return null;
+              const L = {
+                position: "absolute",
+                top: 0,
+                left: 0,
+                width: "100%",
+                transform: `translateY(${g.start}px)`
+              }, W = {
+                style: L,
+                index: g.index,
+                "data-index": g.index,
+                ref: A.measureElement
+              };
+              switch (N.type) {
+                case "divider":
+                  return /* @__PURE__ */ a(
+                    Ye,
+                    {
+                      ...W,
+                      style: { ...L, padding: "0.25rem 0" }
+                    },
+                    g.key
+                  );
+                case "header":
+                  return /* @__PURE__ */ a(Qe, { ...W, title: N.title || "", level: 1 }, g.key);
+                default: {
+                  const F = N.itemProps?.role === "checkbox" || N.itemProps?.role === "radio", oe = N.itemProps?.role === "radio" ? "menuitemradio" : "menuitemcheckbox", ae = c ? "option" : F ? oe : N.itemProps?.role;
+                  return /* @__PURE__ */ a(Ue, { ...W, role: "presentation", children: /* @__PURE__ */ a(
+                    nt,
+                    {
+                      ...N.itemProps || {},
+                      size: N.itemProps?.size || i,
+                      color: N.itemProps?.color || m,
+                      variant: N.itemProps?.variant || p,
+                      active: N.active,
+                      role: ae,
+                      selected: N.itemProps?.selected,
+                      "aria-posinset": c ? q.positions.get(g.index) : void 0,
+                      "aria-setsize": c ? q.total : void 0,
+                      tabIndex: N.itemProps?.disabled || l ? -1 : 0
+                    }
+                  ) }, g.key);
+                }
+              }
+            }) })
+          }
+        )
+      ]
+    }
+  );
+  return c && re ? /* @__PURE__ */ w(fe, { children: [
+    re,
+    U
+  ] }) : U;
+}, rn = {
+  currentId: "",
+  previousId: "",
+  debug: !1,
+  setCurrentId: () => {
+    console.warn("setCurrentId called outside of RootProvider context");
+  },
+  setPreviousId: () => {
+    console.warn("setPreviousId called outside of RootProvider context");
+  },
+  languageCode: "nb"
+}, et = lt(rn), to = ({ children: e, initialValue: o, debug: n, languageCode: t }) => {
+  const [r, s] = se(o?.currentId || ""), [u, f] = se(o?.previousId || "");
+  return /* @__PURE__ */ a(
+    et.Provider,
+    {
+      value: {
+        currentId: r,
+        setCurrentId: s,
+        setPreviousId: f,
+        previousId: u,
+        debug: n,
+        languageCode: t
+      },
+      children: /* @__PURE__ */ a(ft, { children: e })
+    }
+  );
+}, on = () => {
+  const e = it(et);
+  if (!e)
+    throw new Error("useRootContext must be used within a RootProvider.");
+  const { currentId: o, setCurrentId: n, debug: t, setPreviousId: r, previousId: s, languageCode: u } = e, f = (l) => {
+    o && r(o), n(l);
+  }, i = (l) => {
+    t && console.debug(`useRootContext: toggleId called with value: ${l}`), f(o === l ? "" : l);
+  }, m = () => {
+    t && console.debug("useRootContext: closeAll called"), f("");
+  };
+  return dt(m), {
+    currentId: o,
+    previousId: s,
+    toggleId: i,
+    closeAll: m,
+    openId: (l) => {
+      t && console.debug(`useRootContext: openId called with value: ${l}`), f(l);
+    },
+    languageCode: u
+  };
+}, an = (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"
+      };
+  }
+}, sn = (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;
+}, ln = ({
+  placeholder: e,
+  name: o,
+  onChange: n,
+  onClear: t,
+  clearButtonAltText: r,
+  items: s = [],
+  groups: u = {}
+}) => {
+  const { languageCode: f } = on(), i = G.useMemo(() => an(f), [f]), [m, p] = G.useState(""), l = 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, $ = G.useMemo(() => v.toLowerCase(), [v]), y = G.useMemo(() => v ? v.split(" ") : [], [v]), I = G.useMemo(
+    () => ({
+      placeholder: e ?? i.placeholder,
+      name: o ?? "search",
+      value: m,
+      onChange: l,
+      onClear: h,
+      clearButtonAltText: r
+    }),
+    [e, i.placeholder, o, m, l, h, r]
+  ), D = G.useMemo(
+    () => s.map((d) => {
+      const _ = d?.searchWords?.length ? d.searchWords : [d?.title, d?.description].filter(Boolean);
+      return {
+        ...d,
+        searchWords: _ ?? []
+      };
+    }),
+    [s]
+  ), S = G.useMemo(
+    () => [
+      {
+        id: "emptySearch",
+        "aria-disabled": !0,
+        title: i.noResults,
+        groupId: "emptySearch",
+        icon: _t,
+        size: "sm",
+        as: "div"
+      }
+    ],
+    [i.noResults]
+  ), O = G.useMemo(() => {
+    const d = s.filter((_) => _.groupId === "emptySearch").map((_) => ({ ..._, hidden: !1 }));
+    return d.length ? d : S;
+  }, [s, S]), { selectedItems: c, results: x } = G.useMemo(() => {
+    if (!b) return { selectedItems: [], results: [] };
+    const d = [], _ = [];
+    for (const A of D)
+      A.checked === !0 && d.push({ ...A, groupId: "selected" }), (A.searchWords ?? []).some((T) => String(T).toLowerCase().includes($)) && _.push({
+        ...A,
+        groupId: "search",
+        highlightWords: y
+      });
+    return { selectedItems: d, results: _ };
+  }, [b, D, $, y]), P = x.length, H = c.length, j = G.useMemo(
+    () => ({
+      search: {
+        hidden: !0,
+        title: i.hits(P)
+      },
+      selected: {
+        hidden: !0,
+        title: i.selected(H)
+      },
+      emptySearch: {
+        hidden: !0,
+        title: i.noResults
+      },
+      ...u
+    }),
+    [i, P, H, u]
+  ), z = G.useMemo(
+    () => ({
+      ...j,
+      search: {
+        hidden: !b,
+        title: i.hits(P)
+      },
+      selected: {
+        hidden: H === 0,
+        title: i.selected(H)
+      },
+      emptySearch: {
+        hidden: b && (P > 0 || H > 0),
+        title: i.noResults
+      }
+    }),
+    [j, b, i, P, H]
+  ), M = G.useMemo(() => b ? sn([...x, ...c]) : [], [b, x, c]), R = G.useMemo(() => [...O || [], ...c || []], [O, c]), E = G.useMemo(() => b ? P ? M : R : s, [b, s, P, M, R]);
+  return {
+    search: I,
+    results: x,
+    resultCount: P,
+    hasQuery: b,
+    items: E,
+    groups: z
+  };
+}, tt = ({
+  searchable: e,
+  search: o,
+  items: n = [],
+  groups: t = {},
+  variant: r = "default",
+  size: s,
+  level: u = 0,
+  maxLevels: f = 3,
+  virtualized: i = !1,
+  keyboardEvents: m = !1,
+  scrollRefStyles: p = {},
+  onActiveItemIdChange: l,
+  a11yMode: h = "menu",
+  open: v,
+  scrollToTopOnOpen: b,
+  autoFocusList: $,
+  id: y
+}) => {
+  const I = ln({ ...o, items: n, groups: t }), D = e ? { label: o?.label, hideLabel: o?.hideLabel, ...I.search } : o, S = e && I.hasQuery && I.resultCount === 0, O = e ? I.items : n, c = e ? { ...t, ...I.groups } : t, x = h !== "combobox";
+  return i ? /* @__PURE__ */ a(
+    nn,
+    {
+      id: y,
+      search: D,
+      announceNoResults: S,
+      items: O,
+      groups: c,
+      variant: r,
+      size: s,
+      level: u,
+      maxLevels: f,
+      keyboardEvents: m,
+      scrollRefStyles: p,
+      onActiveItemIdChange: l,
+      a11yMode: h,
+      open: v,
+      scrollToTopOnOpen: b,
+      autoActivateFirstItem: x,
+      autoFocusList: $
+    }
+  ) : /* @__PURE__ */ a(
+    Ze,
+    {
+      id: y,
+      search: D,
+      announceNoResults: S,
+      items: O,
+      groups: c,
+      variant: r,
+      size: s,
+      level: u,
+      maxLevels: f,
+      keyboardEvents: m,
+      scrollRefStyles: p,
+      onActiveItemIdChange: l,
+      a11yMode: h,
+      open: v,
+      scrollToTopOnOpen: b,
+      autoActivateFirstItem: x,
+      autoFocusList: $
+    }
+  );
+}, cn = "_media_1089b_3", dn = "_icon_1089b_10", un = "_avatar_1089b_14", mn = "_avatarGroup_1089b_18", le = {
+  media: cn,
+  icon: dn,
+  avatar: un,
+  avatarGroup: mn
+};
+function fn(e) {
+  return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || qe(e);
+}
+const Le = ({ className: e, loading: o, icon: n, children: t }) => {
+  if (!n)
+    return null;
+  if (o)
+    return /* @__PURE__ */ a("div", { className: V(le.icon, e), children: /* @__PURE__ */ a(ie, { svgElement: De, loading: !0 }) });
+  const r = Se(n) ? "avatar" : Pe(n) ? "avatarGroup" : (Me(n), "icon");
+  return /* @__PURE__ */ w("div", { className: V(le.media, e), "data-variant": r, children: [
+    Se(n) && /* @__PURE__ */ a(Ae, { ...n, className: le.avatar }) || Pe(n) && /* @__PURE__ */ a(_e, { ...n, className: le.avatarGroup }) || Me(n) && /* @__PURE__ */ a(ie, { ...n, className: le.icon }) || fn(n) && /* @__PURE__ */ a(ie, { className: le.icon, children: n }) || /* @__PURE__ */ a(ie, { className: le.icon, svgElement: n }),
+    t
+  ] });
+}, pn = "_heading_ydkmu_1", hn = {
+  heading: pn
+}, he = ({
+  id: e,
+  loading: o,
+  highlightWords: n = [],
+  as: t = "h2",
+  size: r,
+  leading: s = "tight",
+  weight: u = "medium",
+  color: f,
+  variant: i,
+  maxRows: m,
+  className: p,
+  style: l,
+  children: h
+}) => {
+  const v = t, b = mt(h, n || []);
+  return /* @__PURE__ */ a(
+    v,
+    {
+      id: e,
+      className: V(hn.heading, p),
+      style: l,
+      "data-size": r,
+      "data-leading": s,
+      "data-weight": u,
+      "data-color": f,
+      "data-variant": r === "xxs" && "default" || i,
+      "data-max-rows": m,
+      children: /* @__PURE__ */ a(pe, { loading: o, children: b })
+    }
+  );
+}, vn = "_label_e5q28_3", bn = {
+  label: vn
+}, Fe = ({
+  className: e,
+  title: o,
+  titleProps: n = {},
+  description: t,
+  descriptionProps: r = {},
+  highlightWords: s,
+  loading: u,
+  children: f
+}) => /* @__PURE__ */ a("span", { className: V(bn.label, e), children: f || /* @__PURE__ */ w(fe, { children: [
+  o && /* @__PURE__ */ a(he, { ...n, as: "span", loading: u, highlightWords: s, maxRows: 2, children: o }),
+  t && /* @__PURE__ */ a(
+    he,
+    {
+      ...r,
+      as: "span",
+      weight: "normal",
+      leading: "inherit",
+      loading: u,
+      highlightWords: s,
+      maxRows: 2,
+      children: t
+    }
+  )
+] }) }), gn = "_item_h7sxa_3", yn = "_media_h7sxa_136", _n = "_label_h7sxa_157", wn = "_title_h7sxa_172", xn = "_description_h7sxa_176", In = "_count_h7sxa_188", On = "_linkIcon_h7sxa_196", K = {
+  item: gn,
+  media: yn,
+  label: _n,
+  title: wn,
+  description: xn,
+  count: In,
+  linkIcon: On
+}, nt = ({
+  id: e,
+  groupId: o,
+  role: n = "menuItem",
+  as: t,
+  href: r,
+  onClick: s,
+  onKeyPress: u,
+  onMouseEnter: f,
+  size: i = "sm",
+  variant: m,
+  color: p,
+  checked: l,
+  icon: h,
+  label: v,
+  badge: b,
+  controls: $,
+  title: y,
+  htmlTitle: I,
+  description: D,
+  highlightWords: S,
+  count: O,
+  linkIcon: c = !1,
+  disabled: x,
+  selected: P,
+  active: H,
+  tabIndex: j = 0,
+  className: z,
+  "data-testid": M,
+  ...R
+}) => {
+  const E = typeof v == "function" ? v() : v, d = gt(R), _ = n === "option";
+  if (n === "radio" || n === "checkbox" || n === "menuitemradio" || n === "menuitemcheckbox" || _ && typeof l == "boolean") {
+    const T = h || (l ? Xe : Gt);
+    return /* @__PURE__ */ w(
+      "div",
+      {
+        ...d,
+        className: V(K.item, z),
+        id: e,
+        "data-id": e,
+        "data-group-id": o,
+        "data-size": i,
+        "data-variant": m,
+        "data-color": p,
+        "data-active": H,
+        role: n,
+        "aria-disabled": x,
+        "aria-checked": _ ? void 0 : !!l,
+        "aria-selected": _ ? !!l : void 0,
+        "data-selected": l,
+        "aria-label": y,
+        title: I,
+        "data-testid": M,
+        onKeyUp: (q) => {
+          x || (q.target === q.currentTarget && q.key === "Enter" && s?.(), u?.(q));
+        },
+        onClick: x ? void 0 : s,
+        onMouseEnter: f,
+        tabIndex: j,
+        children: [
+          /* @__PURE__ */ a(Le, { icon: T, className: K.media }),
+          /* @__PURE__ */ a(
+            Fe,
+            {
+              className: K.label,
+              highlightWords: S,
+              title: /* @__PURE__ */ w(fe, { children: [
+                y,
+                " ",
+                O && /* @__PURE__ */ a("i", { className: K.count, children: O })
+              ] }),
+              titleProps: {
+                weight: "medium",
+                className: K.title
+              },
+              description: D,
+              descriptionProps: {
+                weight: "normal",
+                variant: "subtle",
+                className: K.description
+              },
+              children: E
+            }
+          ),
+          /* @__PURE__ */ w(ze, { children: [
+            b && /* @__PURE__ */ a(ne, { ...b }),
+            !x && $
+          ] })
+        ]
+      }
+    );
+  }
+  const k = t || (r ? "a" : "button"), B = c && $t;
+  return /* @__PURE__ */ w(
+    k,
+    {
+      href: r,
+      className: V(K.item, z),
+      id: e,
+      "data-id": e,
+      "data-group-id": o,
+      "data-size": i,
+      "data-variant": m,
+      "data-color": p,
+      "data-active": H,
+      "aria-disabled": x,
+      ...x ? { disabled: x } : {},
+      "aria-current": n !== "option" && P ? "page" : void 0,
+      "aria-selected": n === "option" ? P : void 0,
+      "data-selected": P,
+      "aria-label": y,
+      title: I,
+      "data-testid": M,
+      onKeyUp: (T) => {
+        x || (T.target === T.currentTarget && T.key === "Enter" && s?.(), u?.(T));
+      },
+      onClick: s,
+      onMouseEnter: f,
+      tabIndex: x ? -1 : j ?? 0,
+      role: n === "menuItem" ? "menuitem" : n,
+      ...d,
+      children: [
+        h && /* @__PURE__ */ a(Le, { icon: h, className: K.media }),
+        /* @__PURE__ */ a(
+          Fe,
+          {
+            className: K.label,
+            highlightWords: S,
+            title: /* @__PURE__ */ w(fe, { children: [
+              y,
+              " ",
+              O && /* @__PURE__ */ a("i", { className: K.count, children: O })
+            ] }),
+            titleProps: {
+              weight: "medium",
+              className: K.title
+            },
+            description: D,
+            descriptionProps: {
+              variant: "subtle",
+              className: K.description
+            },
+            children: E
+          }
+        ),
+        /* @__PURE__ */ w(ze, { children: [
+          b && /* @__PURE__ */ a(ne, { ...b }),
+          !x && $,
+          c && /* @__PURE__ */ a(ie, { svgElement: B, className: K.linkIcon })
+        ] })
+      ]
+    }
+  );
+}, Nn = "_fieldContainer_kk0vx_13", kn = "_field_kk0vx_13", Cn = "_input_kk0vx_28", En = "_hiddenInput_kk0vx_29", Rn = "_icon_kk0vx_62", Sn = "_clear_kk0vx_80", Pn = "_clearButton_kk0vx_93", zn = "_autocomplete_kk0vx_120", ee = {
+  fieldContainer: Nn,
+  field: kn,
+  input: Cn,
+  hiddenInput: En,
+  icon: Rn,
+  clear: Sn,
+  clearButton: Pn,
+  autocomplete: zn
+}, rt = ({
+  className: e,
+  collapsible: o,
+  loading: n,
+  loadingLabel: t = "Loading ...",
+  size: r,
+  color: s = "neutral",
+  label: u,
+  hideLabel: f,
+  value: i,
+  onClear: m,
+  clearButtonAltText: p = "Clear search",
+  menu: l,
+  minLength: h,
+  ...v
+}) => {
+  const b = Be(), [$, y] = se(!1), I = v.id || `search-field-${b}`, D = `${I}-listbox`, [S, O] = se(void 0), c = "searchfield-clear-button-" + Be(), x = ce(() => !l || !i || typeof h == "number" && typeof i == "string" && i.length < h ? !1 : $, [l, $, h, i]), P = ce(() => (l?.items ?? []).map((d) => ({
+    ...d,
+    onClick: () => {
+      d.onClick?.(), y(!1);
+    }
+  })), [l]), H = (d) => {
+    if (d.key === "Enter" && x) {
+      l?.items?.[0]?.onClick?.(), y(!1);
+      return;
+    }
+    if (d.key === "Escape" && x) {
+      d.preventDefault(), d.stopPropagation(), y(!1), l?.onClose(), document.getElementById(I)?.focus();
+      return;
+    }
+    v.onKeyDown?.(d), y(!0);
+  }, j = () => {
+    y(!0);
+  }, z = (d) => {
+    if (!$) return;
+    const _ = d.relatedTarget;
+    _ && d.currentTarget.contains(_) || y(!1);
+  }, M = (d) => {
+    d.preventDefault();
+  }, R = (d) => {
+    d.relatedTarget?.id === c && O(void 0), v.onBlur?.(d);
+  }, E = /* @__PURE__ */ w(
+    Zt,
+    {
+      size: r,
+      color: s,
+      label: f ? void 0 : u,
+      htmlFor: I,
+      className: V(ee.field, e),
+      "data-collapsible": o ? !0 : void 0,
+      onBlurCapture: z,
+      children: [
+        /* @__PURE__ */ a("span", { className: ee.hiddenInput, "aria-hidden": "true", children: i + " " }),
+        /* @__PURE__ */ a(
+          pt,
+          {
+            ...v,
+            id: I,
+            "aria-label": f && typeof u == "string" ? u : void 0,
+            inputSize: 5,
+            type: "search",
+            value: i,
+            className: ee.input,
+            "data-collapsible": o ? !0 : void 0,
+            autoCapitalize: "off",
+            autoComplete: "off",
+            minLength: h,
+            onKeyDown: H,
+            onBlur: R,
+            ...l && {
+              role: "combobox",
+              "aria-autocomplete": "list",
+              "aria-expanded": !!x,
+              "aria-haspopup": "listbox",
+              "aria-controls": x ? D : void 0,
+              "aria-activedescendant": x ? S : void 0,
+              onFocus: j
+            }
+          }
+        ),
+        n ? /* @__PURE__ */ a(bt, { "aria-hidden": !0, className: ee.icon }) : /* @__PURE__ */ a(Ft, { "aria-hidden": !0, className: ee.icon }),
+        m && !!i && /* @__PURE__ */ a("span", { className: ee.clear, children: /* @__PURE__ */ a(
+          ye,
+          {
+            id: c,
+            "data-testid": "clear-button",
+            size: "xs",
+            rounded: !0,
+            icon: !0,
+            variant: "tinted",
+            className: ee.clearButton,
+            onClick: () => {
+              m?.(), document.getElementById(I)?.focus();
+            },
+            "aria-label": p,
+            "data-action": "clear-input",
+            children: /* @__PURE__ */ a(De, {})
+          }
+        ) })
+      ]
+    }
+  );
+  return l ? /* @__PURE__ */ w("div", { className: ee.fieldContainer, children: [
+    E,
+    x && /* @__PURE__ */ a("div", { className: ee.autocomplete, "aria-hidden": !x, onMouseDown: M, children: /* @__PURE__ */ a(
+      tt,
+      {
+        ...l,
+        id: D,
+        items: P,
+        groups: l?.groups,
+        keyboardEvents: !0,
+        a11yMode: "combobox",
+        open: x,
+        autoFocusList: !1,
+        onActiveItemIdChange: O
+      }
+    ) })
+  ] }) : E;
+}, Mn = "_byline_fzp7k_1", $n = "_avatar_fzp7k_7", jn = "_avatarGroup_fzp7k_12", An = "_label_fzp7k_26", be = {
+  byline: Mn,
+  avatar: $n,
+  avatarGroup: jn,
+  label: An
+}, Dn = ({
+  loading: e,
+  color: o = "neutral",
+  size: n = "xs",
+  avatar: t,
+  avatarGroup: r,
+  datetime: s,
+  children: u,
+  as: f,
+  ...i
+}) => {
+  const m = f || "div", p = s ? "time" : "span";
+  return /* @__PURE__ */ w(m, { ...i, className: be.byline, "data-color": o, "data-size": n, children: [
+    (r || t) && /* @__PURE__ */ a(pe, { variant: "circle", className: be.avatar, loading: e, children: r ? /* @__PURE__ */ a(_e, { ...r, size: n, className: be.avatarGroup }) : t && /* @__PURE__ */ a(Ae, { ...t, size: n, className: be.avatar }) }),
+    /* @__PURE__ */ a(p, { "data-size": n, dateTime: s, className: be.label, children: /* @__PURE__ */ a(pe, { loading: e, children: u }) })
+  ] });
+}, Bn = "_dropdown_11cza_1", Tn = "_content_11cza_17", Ln = "_backdrop_11cza_47", Fn = "_header_11cza_76", Hn = "_footer_11cza_77", Gn = "_title_11cza_156", ue = {
+  dropdown: Bn,
+  content: Tn,
+  backdrop: Ln,
+  header: Fn,
+  footer: Hn,
+  title: Gn
+}, qn = "data-focus-guard", ot = (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(qn)).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;
+  });
+}, Kn = (e) => {
+  ot(e)[0]?.focus({ preventScroll: !0 });
+}, Vn = ({
+  id: e = "dropdown",
+  size: o = "sm",
+  className: n,
+  backdrop: t = !0,
+  placement: r = "bottom-left",
+  variant: s = "dropdown",
+  title: u = "Title",
+  closeLabel: f = "Close",
+  submitLabel: i,
+  trigger: m,
+  children: p,
+  open: l,
+  onClose: h,
+  color: v,
+  onSubmit: b,
+  activeDescendantId: $,
+  useFixedPosition: y = !1,
+  expanded: I = !1
+}) => {
+  const D = Z(null), S = Z(null), O = Z(l);
+  Y(() => {
+    O.current = l;
+  }, [l]);
+  const [c, x] = se({
+    yDir: r.includes("top") ? "top" : "bottom",
+    xDir: r.includes("right") ? "right" : "left",
+    maxHeight: 300
+  }), P = Ke(() => {
+    if (l && D.current && S.current) {
+      const z = D.current.getBoundingClientRect(), M = S.current.getBoundingClientRect(), R = window.innerHeight, E = window.innerWidth, d = 16, _ = R - z.bottom, A = z.top, k = E - z.right - M.width, B = _ < 250 && A > _, T = B ? "top" : "bottom", q = (B ? A : _) - d, re = k < d ? "right" : "left";
+      x((U) => ({
+        ...U,
+        yDir: T,
+        maxHeight: q,
+        xDir: re,
+        triggerRect: y ? z : void 0
+      }));
+    }
+  }, [l, y]);
+  Re(() => (P(), window.addEventListener("resize", P), y && window.addEventListener("scroll", P, !0), () => {
+    window.removeEventListener("resize", P), y && window.removeEventListener("scroll", P, !0);
+  }), [P, y]), Y(() => {
+    if (!l) return;
+    const z = requestAnimationFrame(() => {
+      const M = S.current;
+      if (!M) return;
+      const R = M.querySelector(
+        'input[type="search"]:not([disabled]), input[role="searchbox"]:not([disabled]), input[data-dropdown-search]:not([disabled])'
+      );
+      if (R) {
+        const E = R.value.length;
+        R.focus({ preventScroll: !0 });
+        try {
+          R.setSelectionRange(E, E);
+        } catch {
+        }
+        return;
+      }
+      M.focus?.({ preventScroll: !0 });
+    });
+    return () => cancelAnimationFrame(z);
+  }, [l]), Y(() => {
+    const z = (R) => {
+      R.key === "Escape" && (R.preventDefault(), h());
+    }, M = (R) => {
+      const E = R.target, d = D.current?.contains(E), _ = S.current?.contains(E);
+      !d && !_ && h();
+    };
+    return l && (document.addEventListener("mousedown", M), document.addEventListener("keydown", z)), () => {
+      document.removeEventListener("mousedown", M), document.removeEventListener("keydown", z);
+    };
+  }, [l, h]), Y(() => {
+    if (!l) return;
+    const z = S.current;
+    if (!z) return;
+    const M = (E) => {
+      if (!O.current)
+        return;
+      const d = E.target;
+      d && !z.contains(d) && Kn(z);
+    }, R = (E) => {
+      if (E.key !== "Tab") return;
+      const d = ot(z);
+      if (d.length === 0) {
+        E.preventDefault(), z.focus?.({ preventScroll: !0 });
+        return;
+      }
+      const _ = d[0], A = d[d.length - 1], k = document.activeElement;
+      E.shiftKey ? k === _ && (E.preventDefault(), A.focus({ preventScroll: !0 })) : k === A && (E.preventDefault(), _.focus({ preventScroll: !0 }));
+    };
+    return document.addEventListener("focusin", M), document.addEventListener("keydown", R), () => {
+      document.removeEventListener("focusin", M), document.removeEventListener("keydown", R);
+    };
+  }, [l]);
+  const H = y && c.triggerRect ? {
+    position: "fixed",
+    zIndex: 1e3,
+    width: "max-content",
+    maxHeight: `${c.maxHeight}px`,
+    overflowY: "auto",
+    [c.xDir === "left" ? "left" : "right"]: c.xDir === "left" ? c.triggerRect.left : window.innerWidth - c.triggerRect.right,
+    [c.yDir === "bottom" ? "top" : "bottom"]: c.yDir === "bottom" ? c.triggerRect.bottom + 8 : window.innerHeight - c.triggerRect.top + 8
+  } : {
+    position: "absolute",
+    zIndex: 50,
+    width: "max-content",
+    maxHeight: `${c.maxHeight}px`,
+    overflowY: "auto",
+    [c.xDir]: 0,
+    [c.yDir === "bottom" ? "top" : "bottom"]: "100%"
+  }, j = /* @__PURE__ */ w(
+    "div",
+    {
+      ref: S,
+      className: V(ue.dropdown, n),
+      style: H,
+      "aria-hidden": !l,
+      "data-variant": s,
+      "data-color": v,
+      "data-expanded": I,
+      "data-size": o,
+      tabIndex: -1,
+      role: l ? "menu" : void 0,
+      "aria-modal": l && s === "drawer-dropdown" ? !0 : void 0,
+      "aria-activedescendant": l ? $ : void 0,
+      children: [
+        /* @__PURE__ */ w("header", { className: ue.header, children: [
+          /* @__PURE__ */ a("h2", { className: ue.title, children: u }),
+          /* @__PURE__ */ a(ye, { size: "sm", variant: "outline", onClick: h, "aria-label": f, children: /* @__PURE__ */ a(De, {}) })
+        ] }),
+        /* @__PURE__ */ a("div", { className: ue.content, children: p }),
+        i && /* @__PURE__ */ a("footer", { className: ue.footer, children: /* @__PURE__ */ a(ye, { size: "lg", variant: "solid", onClick: b || h, rounded: !0, children: /* @__PURE__ */ a("span", { "data-size": "md", children: i }) }) })
+      ]
+    }
+  );
+  return /* @__PURE__ */ w(fe, { children: [
+    t && /* @__PURE__ */ a("div", { className: ue.backdrop, "aria-hidden": !l }),
+    /* @__PURE__ */ w("div", { id: e + "-root", ref: D, style: { position: "relative", display: "inline-block" }, children: [
+      m,
+      y ? ut(j, document.body) : j
+    ] })
+  ] });
+}, Un = "_section_1v20z_1", Wn = "_header_1v20z_7", Yn = "_list_1v20z_13", xe = {
+  section: Un,
+  header: Wn,
+  list: Yn
+}, Qn = Ne(
+  ({ title: e, description: o, items: n, groups: t = {}, sortGroupBy: r, highlightWords: s, isLoading: u }) => {
+    const { menu: f } = $e({
+      items: n,
+      groups: t,
+      groupByKey: "groupId",
+      keyboardEvents: !1,
+      sortGroupBy: r
+    });
+    return /* @__PURE__ */ w("section", { className: xe.section, "aria-busy": u, children: [
+      e || o ? /* @__PURE__ */ w("header", { className: xe.header, children: [
+        e && /* @__PURE__ */ a(he, { as: "h1", size: "lg", children: e }),
+        o && /* @__PURE__ */ a(Ve, { as: "p", size: "sm", variant: "subtle", className: xe.description, children: o })
+      ] }) : null,
+      f?.map((i, m) => {
+        const p = i.props || {};
+        return /* @__PURE__ */ w(Ge, { children: [
+          p?.title && /* @__PURE__ */ a(he, { as: "h2", size: "lg", children: p.title }),
+          /* @__PURE__ */ a("ul", { className: xe.list, children: i?.items.map((l, h) => {
+            const v = l.props || {};
+            return /* @__PURE__ */ ct(at, { ...v, highlightWords: s, key: "dialog-list-item" + h });
+          }) })
+        ] }, "dialog-list-item" + m);
+      })
+    ] });
+  }
+);
+Qn.displayName = "DialogList";
+const Xn = "_item_1cw3x_3", Jn = "_border_1cw3x_75", Zn = "_header_1cw3x_86", er = "_summary_1cw3x_102", tr = "_controls_1cw3x_116", nr = "_footer_1cw3x_123", rr = "_seenBy_1cw3x_128", or = "_link_1cw3x_138", ar = "_title_1cw3x_143", J = {
+  item: Xn,
+  border: Jn,
+  header: Zn,
+  summary: er,
+  controls: tr,
+  footer: nr,
+  seenBy: rr,
+  link: or,
+  title: ar
+}, at = Ne(
+  ({
+    as: e = "a",
+    size: o = "xl",
+    variant: n = "default",
+    color: t,
+    loading: r,
+    controls: s,
+    selectable: u,
+    selected: f,
+    status: i,
+    extendedStatusLabel: m,
+    sender: p,
+    recipient: l,
+    recipientLabel: h = "to",
+    grouped: v = !1,
+    updatedAt: b,
+    updatedAtLabel: $,
+    archived: y,
+    archivedAt: I,
+    archivedAtLabel: D,
+    trashed: S,
+    trashedAt: O,
+    trashedAtLabel: c,
+    badge: x,
+    dueAt: P,
+    dueAtExpired: H,
+    dueAtLabel: j,
+    unread: z,
+    unreadLabel: M = "Ulest",
+    unreadItems: R,
+    unreadItemsLabel: E = "Ulest innhold",
+    seenByLog: d,
+    draftsLabel: _,
+    sentCount: A,
+    receivedCount: k,
+    attachmentsCount: B,
+    attachmentsLabel: T,
+    tooltips: q = {},
+    title: de,
+    description: re,
+    summary: U,
+    highlightWords: g,
+    id: N,
+    ...L
+  }) => {
+    const W = u ? "select" : n;
+    return /* @__PURE__ */ w(
+      Ot,
+      {
+        as: "li",
+        id: N,
+        className: J.item,
+        size: o,
+        color: t,
+        variant: W,
+        "data-unread": z ? "true" : "false",
+        "data-selected": f,
+        "data-trashed": S,
+        "data-archived": y,
+        "data-loading": r,
+        children: [
+          /* @__PURE__ */ a(Nt, { ...L, className: J.link, as: e, children: /* @__PURE__ */ w("div", { className: J.border, children: [
+            /* @__PURE__ */ w("header", { className: J.header, children: [
+              /* @__PURE__ */ w(
+                he,
+                {
+                  as: "h2",
+                  highlightWords: g,
+                  weight: z ? "bold" : "normal",
+                  loading: r,
+                  maxRows: 2,
+                  className: J.title,
+                  children: [
+                    de,
+                    z && /* @__PURE__ */ a(ne, { label: M, variant: "tinted", style: { marginLeft: "0.75em", marginTop: "-2px" } }) || R && /* @__PURE__ */ a(ne, { label: E, style: { marginLeft: "0.75em", marginTop: "-2px" } })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ a(
+                lr,
+                {
+                  size: "xs",
+                  loading: r,
+                  sender: p,
+                  recipient: l,
+                  recipientLabel: h,
+                  grouped: v
+                }
+              ),
+              U && /* @__PURE__ */ a(
+                he,
+                {
+                  as: "h3",
+                  highlightWords: g,
+                  weight: "normal",
+                  className: J.summary,
+                  loading: r,
+                  maxRows: 2,
+                  children: U
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a(
+              sr,
+              {
+                className: J.footer,
+                loading: r,
+                badge: x,
+                status: i,
+                extendedStatusLabel: m,
+                draftsLabel: _,
+                sentCount: A,
+                receivedCount: k,
+                updatedAt: b,
+                updatedAtLabel: $,
+                archivedAt: I,
+                archivedAtLabel: D,
+                trashedAt: O,
+                trashedAtLabel: c,
+                dueAt: P,
+                dueAtExpired: H,
+                dueAtLabel: j,
+                attachmentsCount: B,
+                attachmentsLabel: T,
+                tooltips: q
+              }
+            ),
+            d && q?.seenBy ? /* @__PURE__ */ a(je, { placement: "bottom", content: q?.seenBy, children: /* @__PURE__ */ a("span", { className: J.seenBy, children: /* @__PURE__ */ a(_e, { items: d.items }) }) }) : d && /* @__PURE__ */ a(_e, { items: d.items, className: J.seenBy })
+          ] }) }),
+          /* @__PURE__ */ a(ze, { className: J.controls, children: s })
+        ]
+      }
+    );
+  }
+);
+at.displayName = "DialogListItem";
+const sr = ({
+  className: e,
+  loading: o,
+  status: n,
+  sender: t,
+  updatedAt: r,
+  updatedAtLabel: s,
+  dueAt: u,
+  dueAtExpired: f,
+  dueAtLabel: i,
+  archivedAt: m,
+  archivedAtLabel: p,
+  trashedAt: l,
+  trashedAtLabel: h,
+  draftsLabel: v,
+  sentCount: b = 0,
+  receivedCount: $ = 0,
+  attachmentsCount: y = 0,
+  attachmentsLabel: I,
+  transmissionsLabel: D,
+  activityLog: S,
+  extendedStatusLabel: O,
+  tooltips: c = {}
+}) => /* @__PURE__ */ w(kt, { className: e, size: "xs", children: [
+  n && /* @__PURE__ */ a(hr, { tooltip: c.status, loading: o, ...n }),
+  O && /* @__PURE__ */ a(ne, { tooltip: c.extendedStatus, variant: "outline", children: O }),
+  v && /* @__PURE__ */ a(ne, { tooltip: c.drafts, variant: "dotted", children: v }),
+  r && /* @__PURE__ */ w(te, { tooltip: c.updatedAt, loading: o, datetime: r, size: "xs", children: [
+    /* @__PURE__ */ a("strong", { children: t && t.name + ", " }),
+    s
+  ] }),
+  y > 0 && /* @__PURE__ */ a(te, { tooltip: c.attachments, loading: o, size: "xs", icon: wt, children: I || y }),
+  D && /* @__PURE__ */ a(te, { tooltip: c.transmissions, loading: o, size: "xs", icon: Tt, children: D }),
+  b > 0 && /* @__PURE__ */ a(te, { tooltip: c.sent, size: "xs", icon: Xe, children: b }),
+  $ > 0 && /* @__PURE__ */ a(te, { tooltip: c.received, size: "xs", icon: Pt, children: $ }),
+  u && i && /* @__PURE__ */ a(
+    te,
+    {
+      variant: "tinted",
+      color: f ? "danger" : "warning",
+      tooltip: c.dueAt,
+      loading: o,
+      datetime: u,
+      size: "xs",
+      icon: xt,
+      children: i
+    }
+  ),
+  h && /* @__PURE__ */ a(
+    te,
+    {
+      variant: "tinted",
+      color: "neutral",
+      tooltip: c.trashedAt,
+      loading: o,
+      datetime: l,
+      size: "xs",
+      icon: Kt,
+      children: h
+    }
+  ) || p && /* @__PURE__ */ a(
+    te,
+    {
+      variant: "tinted",
+      color: "neutral",
+      tooltip: c.archivedAt,
+      loading: o,
+      datetime: m,
+      size: "xs",
+      icon: Rt,
+      children: p
+    }
+  ),
+  S && /* @__PURE__ */ a(
+    te,
+    {
+      tooltip: c.activityLog,
+      loading: o,
+      size: "xs",
+      icon: Dt,
+      as: S?.onClick ? "button" : "span",
+      onClick: S?.onClick,
+      children: S?.label || "Activity log"
+    }
+  )
+] }), lr = ({
+  sender: e,
+  recipient: o,
+  recipientLabel: n = "to",
+  grouped: t = !1,
+  loading: r,
+  size: s = "xs"
+}) => !e && !o ? null : /* @__PURE__ */ w(Dn, { loading: r, size: s, avatar: e, avatarGroup: !r && t && e && o ? {
+  items: [o, e]
+} : void 0, children: [
+  /* @__PURE__ */ a("strong", { children: e?.name }),
+  " ",
+  o && n + " " + o?.name
+] }), ir = "_media_1x8z9_1", cr = "_icon_1x8z9_10", dr = "_avatarGroup_1x8z9_17", me = {
+  media: ir,
+  icon: cr,
+  avatarGroup: dr
+};
+function ur(e) {
+  return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || qe(e);
+}
+const He = ({ size: e = "xs", icon: o, progress: n }) => !o && typeof n != "number" ? !1 : /* @__PURE__ */ w("span", { className: me.media, "data-size": e, children: [
+  Se(o) && /* @__PURE__ */ a(Ae, { ...o, className: me.avatar }) || Pe(o) && /* @__PURE__ */ a(_e, { ...o, className: me.avatarGroup }) || Me(o) && /* @__PURE__ */ a(ie, { ...o, className: me.icon }) || ur(o) && o || /* @__PURE__ */ a(ie, { svgElement: o, className: me.icon }),
+  n && /* @__PURE__ */ a(Ct, { value: n, className: me.icon })
+] }), mr = "_item_cqtms_1", fr = "_label_cqtms_54", Ie = {
+  item: mr,
+  label: fr
+}, te = ({
+  as: e,
+  loading: o,
+  className: n,
+  reverse: t,
+  size: r = "xs",
+  variant: s,
+  color: u,
+  icon: f,
+  children: i,
+  datetime: m,
+  tooltip: p,
+  ...l
+}) => {
+  const h = e || (m ? "time" : "span");
+  return p ? /* @__PURE__ */ a(je, { content: p, placement: "bottom", children: /* @__PURE__ */ a(
+    h,
+    {
+      "data-size": r,
+      "data-color": u,
+      "data-variant": s,
+      dateTime: m,
+      className: V(Ie.item, n),
+      ...l,
+      children: /* @__PURE__ */ w(pe, { loading: o, children: [
+        !o && f && /* @__PURE__ */ a(He, { size: r, icon: f }),
+        /* @__PURE__ */ a("span", { className: Ie.label, children: i })
+      ] })
+    }
+  ) }) : /* @__PURE__ */ a(
+    h,
+    {
+      "data-size": r,
+      "data-color": u,
+      "data-variant": s,
+      dateTime: m,
+      className: V(Ie.item, n),
+      ...l,
+      children: /* @__PURE__ */ w(pe, { loading: o, children: [
+        !o && f && /* @__PURE__ */ a(He, { size: r, icon: f }),
+        /* @__PURE__ */ a("span", { className: Ie.label, children: i })
+      ] })
+    }
+  );
+};
+var pr = /* @__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))(pr || {});
+const hr = ({ loading: e, value: o = "not-applicable", label: n, tooltip: t }) => {
+  if (e)
+    return null;
+  switch (o) {
+    case "draft":
+      return /* @__PURE__ */ a(ne, { tooltip: t, variant: "dotted", children: n || o });
+    case "requires-attention":
+      return /* @__PURE__ */ a(ne, { tooltip: t, variant: "strong", children: n || o });
+    case "not-applicable":
+      return null;
+    default:
+      return /* @__PURE__ */ a(ne, { tooltip: t, variant: "outline", children: n || o });
+  }
+}, vr = "_menu_16mue_4", br = "_button_16mue_12", gr = "_label_16mue_16", ge = {
+  menu: vr,
+  button: br,
+  label: gr
+}, no = Ne(
+  ({
+    disabled: e,
+    label: o = "Label",
+    variant: n = "solid",
+    title: t = "Title",
+    htmlTitle: r,
+    items: s = [],
+    dropdownSize: u = "sm",
+    id: f = "toolbar-menu",
+    onSelectId: i,
+    ...m
+  }) => {
+    const p = It({ id: f, returnFocusOnClose: !0 }), l = m.searchable ? "combobox" : "menu", h = Ke(
+      (b) => {
+        i?.(b?.id ?? ""), b?.role !== "checkbox" && p.setOpen(!1);
+      },
+      [i, p]
+    ), v = ce(
+      () => s.map((b) => ({
+        ...b,
+        onClick: () => h(b)
+      })),
+      [s, h]
+    );
+    return e ? /* @__PURE__ */ w(ye, { className: ge.button, variant: n, title: r, disabled: !0, children: [
+      /* @__PURE__ */ a("span", { className: ge.label, children: o }),
+      /* @__PURE__ */ a(Te, { "aria-hidden": "true", focusable: "false" })
+    ] }) : /* @__PURE__ */ a("span", { className: ge.menu, children: /* @__PURE__ */ a(
+      Vn,
+      {
+        id: f,
+        variant: "drawer-dropdown",
+        title: t,
+        size: u,
+        trigger: /* @__PURE__ */ w(
+          ye,
+          {
+            className: ge.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: ge.label, children: o }),
+              /* @__PURE__ */ a(Te, { "aria-hidden": "true", focusable: "false" })
+            ]
+          }
+        ),
+        open: p.open,
+        onClose: () => p.setOpen(!1),
+        ...m?.searchable ? {} : p.dropdownA11yProps,
+        children: /* @__PURE__ */ a(
+          tt,
+          {
+            ...m,
+            items: v,
+            keyboardEvents: p.open,
+            a11yMode: l,
+            open: p.open,
+            scrollToTopOnOpen: m.virtualized,
+            ...l === "combobox" ? { id: p.menuId } : p.menuA11yProps
+          }
+        )
+      }
+    ) });
+  }
+), ro = Ne(
+  ({
+    label: e,
+    hideLabel: o = !0,
+    value: n,
+    name: t,
+    placeholder: r = "Search",
+    loading: s,
+    collapsible: u,
+    clearButtonAltText: f = "Clear search",
+    onChange: i,
+    onClear: m,
+    onKeyDown: p,
+    menu: l,
+    minLength: h,
+    disabled: v,
+    htmlTitle: b
+  }) => /* @__PURE__ */ a(
+    rt,
+    {
+      size: "xs",
+      label: e,
+      hideLabel: o,
+      value: n,
+      name: t,
+      title: b,
+      placeholder: r,
+      clearButtonAltText: f,
+      onChange: i,
+      onClear: m,
+      onKeyDown: p,
+      collapsible: u,
+      autoComplete: "off",
+      autoCapitalize: "off",
+      type: "search",
+      minLength: h,
+      loading: s,
+      menu: l,
+      disabled: v
+    }
+  )
+);
+export {
+  ne as B,
+  lr as D,
+  Zt as F,
+  he as H,
+  ie as I,
+  tt as M,
+  to as R,
+  rt as S,
+  no as T,
+  nn as V,
+  Dn as a,
+  Qn as b,
+  at as c,
+  sr as d,
+  hr as e,
+  pr as f,
+  Vn as g,
+  Fe as h,
+  Le as i,
+  nt as j,
+  Ze as k,
+  Je as l,
+  te as m,
+  He as n,
+  Xe as o,
+  $t as p,
+  Te as q,
+  Ft as r,
+  De as s,
+  ro as t,
+  Me as u,
+  ln as v,
+  on as w
+};