@altinn/altinn-components 0.56.34 → 0.57.3

package/dist/Section-xbt3ft20.js

@@ -0,0 +1,2265 @@
+"use client";
+import { jsx as a, jsxs as _, Fragment as pe } from "react/jsx-runtime";
+import { c as K } from "./index-p1eeF8LQ.js";
+import * as T from "react";
+import C, { forwardRef as V, useRef as te, useState as se, useMemo as ce, useEffect as X, Fragment as gt, useLayoutEffect as Me, createContext as yt, useContext as _t, isValidElement as we, useId as Ne, useCallback as Ze, memo as Ie, createElement as ze } from "react";
+import { useEscapeKey as wt } from "./hooks/useEscapeKey.js";
+import { Button as de } from "./components/Button/Button.js";
+import { createPortal as It } from "react-dom";
+import { useMenu as Le } from "./hooks/useMenu.js";
+import { Typography as et } from "./components/Typography/Typography.js";
+import { Skeleton as ke } from "./components/Skeleton/Skeleton.js";
+import { useHighlightedText as xt } from "./components/Typography/useHighlightedText.js";
+import { Badge as ye } from "./components/Badge/Badge.js";
+import { isAvatarGroupProps as Ce, AvatarGroup as he } from "./components/Avatar/AvatarGroup.js";
+import { ItemControls as De } from "./components/Item/ItemControls.js";
+import { ItemBase as Ot } from "./components/Item/ItemBase.js";
+import { ItemLink as Nt } from "./components/Item/ItemLink.js";
+import { Tooltip as kt } from "./components/Tooltip/Tooltip.js";
+import { MetaBase as Ct } from "./components/Metadata/MetaBase.js";
+import { MetaItemBase as Fe } from "./components/Metadata/MetaItemBase.js";
+import { SnackbarProvider as Et } from "./components/Snackbar/useSnackbar.js";
+import { Input as Ae } from "./components/Forms/Input.js";
+import { Field as Pt } from "./components/Forms/Field.js";
+import { Label as St } from "./components/Forms/Label.js";
+import { TypingIcon as jt } from "./components/Icon/TypingIcon.js";
+import { u as W } from "./useId-BVFxCjkq.js";
+import { isAvatarProps as Ee, Avatar as je } from "./components/Avatar/Avatar.js";
+import { pickAriaProps as $t } from "./components/Menu/aria.js";
+import { MenuList as Pe } from "./components/Menu/MenuList.js";
+import { MenuListItem as tt } from "./components/Menu/MenuListItem.js";
+import { MenuListGroup as rt } from "./components/Menu/MenuListGroup.js";
+import { MenuListDivider as nt } from "./components/Menu/MenuListDivider.js";
+import { MenuListHeading as ot } from "./components/Menu/MenuListHeading.js";
+import { a as Rt } from "./useMenuVirtualization-Cs426RCN.js";
+import { S as Mt, a as zt, b as Dt, d as At, c as Bt } from "./Trash-BG9YcGIl.js";
+import { useDropdownMenuController as Lt } from "./components/Menu/useDropdownMenuController.js";
+import { ProgressIcon as Ft } from "./components/Icon/ProgressIcon.js";
+import { MetaItemLabel as Te } from "./components/Metadata/MetaItemLabel.js";
+import { ListItemBase as Tt } from "./components/List/ListItemBase.js";
+import { ListItemLink as Gt } from "./components/List/ListItemLink.js";
+import { ListItemControls as Ht } from "./components/List/ListItemControls.js";
+import { Flex as Ge } from "./components/Page/Flex.js";
+import './assets/Section.css';var Kt = function(e, o) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
+      o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+  return r;
+};
+const qt = V((e, o) => {
+  var { title: r, titleId: t } = e, n = Kt(e, ["title", "titleId"]);
+  let s = W();
+  return s = r ? 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 }, n),
+    r ? C.createElement("title", { id: s }, r) : 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 Ut = function(e, o) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
+      o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+  return r;
+};
+const at = V((e, o) => {
+  var { title: r, titleId: t } = e, n = Ut(e, ["title", "titleId"]);
+  let s = W();
+  return s = r ? 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 }, n),
+    r ? C.createElement("title", { id: s }, r) : 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 Vt = function(e, o) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
+      o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+  return r;
+};
+const Wt = V((e, o) => {
+  var { title: r, titleId: t } = e, n = Vt(e, ["title", "titleId"]);
+  let s = W();
+  return s = r ? 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 }, n),
+    r ? C.createElement("title", { id: s }, r) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M5.97 9.47a.75.75 0 0 1 1.06 0L12 14.44l4.97-4.97a.75.75 0 1 1 1.06 1.06l-5.5 5.5a.75.75 0 0 1-1.06 0l-5.5-5.5a.75.75 0 0 1 0-1.06", clipRule: "evenodd" })
+  );
+});
+var Yt = function(e, o) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
+      o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+  return r;
+};
+const st = V((e, o) => {
+  var { title: r, titleId: t } = e, n = Yt(e, ["title", "titleId"]);
+  let s = W();
+  return s = r ? 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 }, n),
+    r ? C.createElement("title", { id: s }, r) : 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 Qt = function(e, o) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
+      o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+  return r;
+};
+const Xt = V((e, o) => {
+  var { title: r, titleId: t } = e, n = Qt(e, ["title", "titleId"]);
+  let s = W();
+  return s = r ? 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 }, n),
+    r ? C.createElement("title", { id: s }, r) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.47 7.97a.75.75 0 0 1 1.06 0l5.5 5.5a.75.75 0 1 1-1.06 1.06L12 9.56l-4.97 4.97a.75.75 0 0 1-1.06-1.06z", clipRule: "evenodd" })
+  );
+});
+var Jt = function(e, o) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
+      o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+  return r;
+};
+const Ke = V((e, o) => {
+  var { title: r, titleId: t } = e, n = Jt(e, ["title", "titleId"]);
+  let s = W();
+  return s = r ? 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 }, n),
+    r ? C.createElement("title", { id: s }, r) : 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 Zt = function(e, o) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
+      o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+  return r;
+};
+const er = V((e, o) => {
+  var { title: r, titleId: t } = e, n = Zt(e, ["title", "titleId"]);
+  let s = W();
+  return s = r ? 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 }, n),
+    r ? C.createElement("title", { id: s }, r) : 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 tr = function(e, o) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
+      o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+  return r;
+};
+const rr = V((e, o) => {
+  var { title: r, titleId: t } = e, n = tr(e, ["title", "titleId"]);
+  let s = W();
+  return s = r ? 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 }, n),
+    r ? C.createElement("title", { id: s }, r) : 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 nr = function(e, o) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
+      o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+  return r;
+};
+const or = V((e, o) => {
+  var { title: r, titleId: t } = e, n = nr(e, ["title", "titleId"]);
+  let s = W();
+  return s = r ? 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 }, n),
+    r ? C.createElement("title", { id: s }, r) : null,
+    C.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 3.25a.75.75 0 0 0 0 1.5h.315c.109 1.966.642 3.846 1.546 5.302.502.81 1.116 1.479 1.81 1.948-.694.47-1.308 1.138-1.81 1.948-.904 1.456-1.437 3.336-1.546 5.302H6a.75.75 0 0 0 0 1.5h12a.75.75 0 0 0 0-1.5h-.298c-.109-1.966-.643-3.846-1.546-5.302-.503-.81-1.116-1.479-1.81-1.948.694-.47 1.307-1.138 1.81-1.948.904-1.456 1.437-3.336 1.546-5.302H18a.75.75 0 0 0 0-1.5zm6.008 8c.972 0 2.027-.624 2.873-1.989.738-1.189 1.211-2.785 1.318-4.511H7.818c.107 1.726.58 3.322 1.318 4.511.846 1.365 1.901 1.989 2.872 1.989m0 1.5c-.971 0-2.026.624-2.872 1.989-.738 1.189-1.211 2.784-1.318 4.511h8.381c-.107-1.727-.58-3.322-1.318-4.511-.846-1.365-1.901-1.989-2.873-1.989", clipRule: "evenodd" })
+  );
+});
+var ar = function(e, o) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
+      o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+  return r;
+};
+const qe = V((e, o) => {
+  var { title: r, titleId: t } = e, n = ar(e, ["title", "titleId"]);
+  let s = W();
+  return s = r ? 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 }, n),
+    r ? C.createElement("title", { id: s }, r) : 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 sr = function(e, o) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
+      o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+  return r;
+};
+const lr = V((e, o) => {
+  var { title: r, titleId: t } = e, n = sr(e, ["title", "titleId"]);
+  let s = W();
+  return s = r ? 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 }, n),
+    r ? C.createElement("title", { id: s }, r) : 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 ir = function(e, o) {
+  var r = {};
+  for (var t in e) Object.prototype.hasOwnProperty.call(e, t) && o.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function")
+    for (var n = 0, t = Object.getOwnPropertySymbols(e); n < t.length; n++)
+      o.indexOf(t[n]) < 0 && Object.prototype.propertyIsEnumerable.call(e, t[n]) && (r[t[n]] = e[t[n]]);
+  return r;
+};
+const _e = V((e, o) => {
+  var { title: r, titleId: t } = e, n = ir(e, ["title", "titleId"]);
+  let s = W();
+  return s = r ? 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 }, n),
+    r ? C.createElement("title", { id: s }, r) : 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" })
+  );
+}), cr = "_icon_1y3dz_1", dr = "_shape_1y3dz_9", ur = "_svg_1y3dz_14", mr = "_image_1y3dz_15", ve = {
+  icon: cr,
+  shape: dr,
+  svg: ur,
+  image: mr
+}, Se = (e) => typeof e == "object" && e !== null && ("svgElement" in e || "iconUrl" in e), J = ({
+  loading: e,
+  altText: o,
+  svgElement: r,
+  size: t,
+  color: n,
+  iconUrl: s,
+  className: c,
+  style: u,
+  children: d
+}) => /* @__PURE__ */ a("span", { "data-ui": "icon", "data-size": t, "data-color": n, className: K(ve.icon, c), style: u, children: /* @__PURE__ */ _(ke, { loading: e, variant: "circle", className: ve.shape, children: [
+  /* @__PURE__ */ a("span", { className: ve.shape }),
+  r && /* @__PURE__ */ a(r, { "aria-hidden": "true", "alt-label": o, className: ve.svg }),
+  s && /* @__PURE__ */ a("img", { src: s, alt: o, className: ve.image }),
+  d
+] }) }), Ue = ({ size: e, color: o, label: r, helperText: t, children: n, ...s }) => /* @__PURE__ */ _(Pt, { size: e, color: o, ...s, children: [
+  r && /* @__PURE__ */ a(St, { size: e, children: r }),
+  n,
+  t && /* @__PURE__ */ a(et, { size: "xs", children: t })
+] }), fr = "_search_18jfe_1", pr = "_searchInput_18jfe_8", Re = {
+  search: fr,
+  searchInput: pr
+}, lt = ({
+  style: e,
+  index: o,
+  name: r,
+  value: t,
+  placeholder: n = "Search",
+  clearButtonAltText: s = "Clear search",
+  onChange: c,
+  onClear: u,
+  onNavigate: d,
+  combobox: l = !1,
+  listId: f,
+  "aria-activedescendant": i,
+  onKeyDown: g,
+  onInput: v,
+  onFocus: y,
+  ...w
+}) => /* @__PURE__ */ a("li", { className: Re.search, style: e, "data-index": o, "data-menu-search": "true", children: l ? (
+  // biome-ignore lint/a11y/useFocusableInteractive: <explanation>
+  // biome-ignore lint/a11y/useAriaPropsForRole: <explanation>
+  // biome-ignore lint/a11y/useSemanticElements: <explanation>
+  /* @__PURE__ */ a("div", { role: "combobox", "aria-expanded": !0, "aria-haspopup": "listbox", "aria-owns": f, children: /* @__PURE__ */ a(
+    Be,
+    {
+      size: "xs",
+      className: Re.searchInput,
+      name: r,
+      value: t,
+      placeholder: n,
+      onChange: c,
+      onClear: u,
+      clearButtonAltText: s,
+      autoComplete: "off",
+      autoCorrect: "off",
+      autoCapitalize: "off",
+      "aria-autocomplete": "list",
+      "aria-controls": f,
+      "aria-activedescendant": i,
+      autoFocus: !0,
+      onKeyDown: (I) => {
+        (I.key === "ArrowUp" || I.key === "ArrowDown") && (I.preventDefault(), d?.()), g?.(I);
+      },
+      onInput: v,
+      onFocus: y,
+      ...w
+    }
+  ) })
+) : /* @__PURE__ */ a(
+  Be,
+  {
+    size: "xs",
+    className: Re.searchInput,
+    name: r,
+    value: t,
+    placeholder: n,
+    onChange: c,
+    onClear: u,
+    clearButtonAltText: s,
+    autoComplete: "off",
+    autoCorrect: "off",
+    autoCapitalize: "off",
+    autoFocus: !0,
+    onKeyDown: (I) => {
+      (I.key === "ArrowUp" || I.key === "ArrowDown") && (I.preventDefault(), d?.()), g?.(I);
+    },
+    onInput: v,
+    onFocus: y,
+    ...w
+  }
+) }), it = ({
+  level: e = 0,
+  maxLevels: o,
+  expanded: r,
+  a11yMode: t = "menu",
+  open: n,
+  scrollToTopOnOpen: s = !1,
+  autoActivateFirstItem: c = !0,
+  autoFocusList: u = !0,
+  announceNoResults: d = !1,
+  search: l,
+  items: f,
+  groups: i = {},
+  size: g,
+  id: v,
+  color: y,
+  variant: w,
+  scrollRefStyles: I = {},
+  keyboardEvents: N = !1,
+  onSelect: $ = () => {
+  },
+  onActiveItemIdChange: k
+}) => {
+  if (o && e >= o)
+    return null;
+  const m = t === "combobox", O = m && v ? `${v}-listbox` : v, E = te(n), D = te(n), [M, b] = se(!1), A = ce(
+    () => f.map((h, S) => ({
+      ...h,
+      id: h.id || `${v}-item-${S}`
+    })),
+    [f, v]
+  ), R = te(null), { menu: p, setActiveIndex: z, activeItem: P } = Le({
+    items: A,
+    groups: i,
+    groupByKey: "groupId",
+    keyboardEvents: N,
+    autoActivateFirstItem: c,
+    onSelect: $,
+    ref: R
+  });
+  return X(() => {
+    k?.(P?.id);
+  }, [P?.id, k]), X(() => {
+    if (!s) {
+      E.current = n;
+      return;
+    }
+    const h = E.current;
+    E.current = n, n && !h && R.current?.scrollTo({ top: 0 });
+  }, [n, s]), X(() => {
+    const h = D.current;
+    D.current = n, !(!N || l || !u) && n && !h && requestAnimationFrame(() => R.current?.focus?.({ preventScroll: !0 }));
+  }, [n, N, l]), X(() => {
+    if (m && d) {
+      z(0), b(!0);
+      return;
+    }
+  }, [d, m, z]), /* @__PURE__ */ _(
+    Pe,
+    {
+      variant: w,
+      expanded: r,
+      ref: R,
+      style: I,
+      id: O,
+      role: m ? "listbox" : void 0,
+      tabIndex: N ? -1 : void 0,
+      children: [
+        l && /* @__PURE__ */ a(
+          lt,
+          {
+            ...l,
+            combobox: m,
+            listId: O,
+            "aria-activedescendant": m && M ? P?.id : void 0,
+            onNavigate: m ? () => b(!0) : void 0,
+            onChange: (h) => {
+              b(!1), l.onChange?.(h);
+            },
+            onFocus: (h) => {
+              b(!1), l.onFocus?.(h);
+            },
+            onInput: (h) => {
+              b(!1), l.onInput?.(h);
+            },
+            onKeyDown: (h) => {
+              const S = h.key === "ArrowUp" || h.key === "ArrowDown", G = h.key.length === 1 || h.key === "Backspace" || h.key === "Delete";
+              m && !S && G && b(!1), l.onKeyDown?.(h);
+            }
+          }
+        ),
+        p.map((h, S) => {
+          const G = h?.props || {}, { title: H, hidden: F = !1, divider: Y = !0 } = G;
+          return /* @__PURE__ */ _(gt, { children: [
+            (e > 0 || S) && Y ? /* @__PURE__ */ a(nt, {}) : "",
+            /* @__PURE__ */ a(rt, { hidden: F, children: /* @__PURE__ */ _(Pe, { role: "presentation", children: [
+              H && /* @__PURE__ */ a(ot, { title: H, level: e }),
+              h?.items.filter((Z) => !Z.props?.hidden).map((Z, x) => {
+                const { active: j, onMouseEnter: L } = Z, { groupId: re, ...B } = Z.props || {}, { expanded: ae } = B, ue = Array.isArray(B?.items) && B.items.length > 0, xe = B.role === "checkbox" || B.role === "radio", $e = m && !xe ? "option" : B.role;
+                return /* @__PURE__ */ _(
+                  tt,
+                  {
+                    expanded: ae,
+                    onMouseLeave: () => z(-1),
+                    role: m || xe ? "presentation" : void 0,
+                    children: [
+                      /* @__PURE__ */ a(
+                        ut,
+                        {
+                          ...B,
+                          size: B?.size || G?.size || g,
+                          color: B?.color || G?.color || y,
+                          variant: B?.variant || G?.variant || w,
+                          active: j,
+                          role: $e,
+                          selected: B.selected,
+                          tabIndex: B?.disabled || N ? -1 : B.tabIndex ?? 0,
+                          onMouseEnter: L,
+                          "aria-haspopup": ue ? "menu" : void 0,
+                          "aria-expanded": ue ? ae : void 0,
+                          "aria-controls": ue ? B.id + "-menu" : void 0
+                        }
+                      ),
+                      ae && B?.items && /* @__PURE__ */ a(
+                        it,
+                        {
+                          id: B.id + "-menu",
+                          expanded: ae,
+                          level: e + 1,
+                          maxLevels: o,
+                          items: B?.items,
+                          groups: i,
+                          size: g,
+                          color: y,
+                          variant: w
+                        }
+                      )
+                    ]
+                  },
+                  x
+                );
+              })
+            ] }) }, S)
+          ] }, S);
+        })
+      ]
+    }
+  );
+}, hr = (e) => {
+  const o = te(null), r = te(null), [t, n] = se(0), {
+    search: s,
+    items: c,
+    groups: u = {},
+    size: d,
+    color: l,
+    variant: f,
+    keyboardEvents: i,
+    scrollRefStyles: g = {},
+    id: v,
+    expanded: y,
+    a11yMode: w = "menu",
+    open: I,
+    scrollToTopOnOpen: N = !1,
+    autoActivateFirstItem: $ = !0,
+    announceNoResults: k = !1,
+    onActiveItemIdChange: m
+  } = e, O = w === "combobox", E = O && v ? `${v}-listbox` : v, D = te(I), [M, b] = se(!1), A = ce(
+    () => c.map((x, j) => ({
+      ...x,
+      id: x.id || `${v}-item-${j}`
+    })),
+    [c, v]
+  ), { menu: R, activeItem: p, setActiveIndex: z, activeIndex: P } = Le({
+    items: A,
+    groups: u,
+    groupByKey: "groupId",
+    keyboardEvents: i,
+    autoActivateFirstItem: $,
+    ref: o
+  }), { flatMenu: h, virtualizer: S, scrollMaxHeight: G } = Rt({
+    menu: R,
+    scrollRef: o
+  });
+  Me(() => {
+    const x = r.current;
+    if (!x) return;
+    const j = Math.round(x.offsetTop);
+    n((L) => L === j ? L : j);
+  });
+  const H = ce(() => {
+    const x = p?.id;
+    if (x)
+      return h.findIndex((L) => L.type === "item" && L.itemProps?.id === x);
+    if (P < 0) return -1;
+    let j = -1;
+    for (let L = 0; L < h.length; L++)
+      if (h[L]?.type === "item" && (j += 1, j === P))
+        return L;
+    return -1;
+  }, [p?.id, P, h]), F = te(null);
+  Me(() => {
+    const x = F?.current, j = typeof x == "number" ? H <= x : !1;
+    F.current = H;
+    const L = j ? H : H + 2;
+    if (!j) {
+      const ue = S.getOffsetForIndex(L, "auto");
+      if (!ue) return;
+      const [xe, $e] = ue;
+      if ($e === "auto") return;
+      S.scrollToOffset(xe + t + 10, { align: "start" });
+      return;
+    }
+    if (H <= 3) {
+      S.scrollToOffset(0);
+      return;
+    }
+    const re = S.getOffsetForIndex(H - 1, "auto");
+    if (!re) return;
+    const [B, ae] = re;
+    ae !== "auto" && S.scrollToOffset(B + t + 10, { align: "start" });
+  }, [H, t, S, F]);
+  const Y = ce(() => {
+    const x = /* @__PURE__ */ new Map();
+    let j = 0;
+    return h.forEach((L, re) => {
+      L.type === "item" && (j += 1, x.set(re, j));
+    }), { positions: x, total: j };
+  }, [h]);
+  X(() => {
+    m?.(p?.id);
+  }, [p?.id, m]), X(() => {
+    if (O && k) {
+      z(0), b(!0);
+      return;
+    }
+  }, [k, O, z]), X(() => {
+    if (!N) {
+      D.current = I;
+      return;
+    }
+    const x = D.current;
+    D.current = I, I && !x && o.current?.scrollTo({ top: 0 });
+  }, [I, N]);
+  const Z = {
+    position: "relative",
+    maxHeight: g?.maxHeight || G,
+    margin: "-0.5rem",
+    padding: "0.5rem",
+    minWidth: g?.minWidth ?? "20rem",
+    overflowY: "auto",
+    ...g
+  };
+  return /* @__PURE__ */ _(
+    Pe,
+    {
+      ref: o,
+      style: Z,
+      variant: f,
+      color: l,
+      expanded: y,
+      id: E,
+      role: O ? "listbox" : void 0,
+      children: [
+        s && /* @__PURE__ */ a(
+          lt,
+          {
+            ...s,
+            combobox: O,
+            listId: E,
+            "aria-activedescendant": O && M ? p?.id : void 0,
+            onNavigate: O ? () => b(!0) : void 0,
+            onChange: (x) => {
+              b(!1), s.onChange?.(x);
+            },
+            onFocus: (x) => {
+              b(!1), s.onFocus?.(x);
+            },
+            onInput: (x) => {
+              b(!1), s.onInput?.(x);
+            },
+            onKeyDown: (x) => {
+              const j = x.key === "ArrowUp" || x.key === "ArrowDown", L = x.key.length === 1 || x.key === "Backspace" || x.key === "Delete";
+              O && !j && L && b(!1), s.onKeyDown?.(x);
+            }
+          }
+        ),
+        /* @__PURE__ */ a(
+          rt,
+          {
+            ref: r,
+            style: {
+              position: "relative",
+              height: `${S.getTotalSize()}px`,
+              width: "100%"
+            },
+            children: /* @__PURE__ */ a(Pe, { style: { width: "100%", minWidth: "100%" }, children: S.getVirtualItems().map((x) => {
+              const j = h[x.index];
+              if (!j) return null;
+              const L = {
+                position: "absolute",
+                top: 0,
+                left: 0,
+                width: "100%",
+                transform: `translateY(${x.start}px)`
+              }, re = {
+                style: L,
+                index: x.index,
+                "data-index": x.index,
+                ref: S.measureElement
+              };
+              switch (j.type) {
+                case "divider":
+                  return /* @__PURE__ */ a(
+                    nt,
+                    {
+                      ...re,
+                      style: { ...L, padding: "0.25rem 0" }
+                    },
+                    x.key
+                  );
+                case "header":
+                  return /* @__PURE__ */ a(ot, { ...re, title: j.title || "", level: 1 }, x.key);
+                default: {
+                  const B = j.itemProps?.role === "checkbox" || j.itemProps?.role === "radio", ae = O && !B ? "option" : j.itemProps?.role;
+                  return /* @__PURE__ */ a(
+                    tt,
+                    {
+                      ...re,
+                      role: O || B ? "presentation" : "menuitem",
+                      children: /* @__PURE__ */ a(
+                        ut,
+                        {
+                          ...j.itemProps || {},
+                          size: j.itemProps?.size || d,
+                          color: j.itemProps?.color || l,
+                          variant: j.itemProps?.variant || f,
+                          active: j.active,
+                          role: ae,
+                          selected: j.itemProps?.selected,
+                          "aria-posinset": O ? Y.positions.get(x.index) : void 0,
+                          "aria-setsize": O ? Y.total : void 0,
+                          tabIndex: j.itemProps?.disabled || i ? -1 : 0
+                        }
+                      )
+                    },
+                    x.key
+                  );
+                }
+              }
+            }) })
+          }
+        )
+      ]
+    }
+  );
+}, vr = {
+  currentId: "",
+  previousId: "",
+  debug: !1,
+  setCurrentId: () => {
+    console.warn("setCurrentId called outside of RootProvider context");
+  },
+  setPreviousId: () => {
+    console.warn("setPreviousId called outside of RootProvider context");
+  },
+  languageCode: "nb"
+}, ct = yt(vr), Lo = ({ children: e, initialValue: o, debug: r, languageCode: t }) => {
+  const [n, s] = se(o?.currentId || ""), [c, u] = se(o?.previousId || "");
+  return /* @__PURE__ */ a(
+    ct.Provider,
+    {
+      value: {
+        currentId: n,
+        setCurrentId: s,
+        setPreviousId: u,
+        previousId: c,
+        debug: r,
+        languageCode: t
+      },
+      children: /* @__PURE__ */ a(Et, { children: e })
+    }
+  );
+}, br = () => {
+  const e = _t(ct);
+  if (!e)
+    throw new Error("useRootContext must be used within a RootProvider.");
+  const { currentId: o, setCurrentId: r, debug: t, setPreviousId: n, previousId: s, languageCode: c } = e, u = (i) => {
+    o && n(o), r(i);
+  }, d = (i) => {
+    t && console.debug(`useRootContext: toggleId called with value: ${i}`), u(o === i ? "" : i);
+  }, l = () => {
+    t && console.debug("useRootContext: closeAll called"), u("");
+  };
+  return wt(l), {
+    currentId: o,
+    previousId: s,
+    toggleId: d,
+    closeAll: l,
+    openId: (i) => {
+      t && console.debug(`useRootContext: openId called with value: ${i}`), u(i);
+    },
+    languageCode: c
+  };
+}, gr = (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"
+      };
+  }
+}, yr = (e) => {
+  const o = /* @__PURE__ */ new Set(), r = [];
+  for (const t of e) {
+    const n = t.id;
+    if (!n) {
+      r.push(t);
+      continue;
+    }
+    o.has(n) || (o.add(n), r.push(t));
+  }
+  return r;
+}, _r = ({
+  placeholder: e,
+  name: o,
+  onChange: r,
+  onClear: t,
+  clearButtonAltText: n,
+  items: s = [],
+  groups: c = {}
+}) => {
+  const { languageCode: u } = br(), d = T.useMemo(() => gr(u), [u]), [l, f] = T.useState(""), i = T.useCallback(
+    (P) => {
+      f(P.target.value), r?.(P);
+    },
+    [r]
+  ), g = T.useCallback(() => {
+    f(""), t?.();
+  }, [t]), v = T.useMemo(() => l.trim().replace(/\s+/g, " "), [l]), y = v.length > 0, w = T.useMemo(() => v.toLowerCase(), [v]), I = T.useMemo(() => v ? v.split(" ") : [], [v]), N = T.useMemo(
+    () => ({
+      placeholder: e ?? d.placeholder,
+      name: o ?? "search",
+      value: l,
+      onChange: i,
+      onClear: g,
+      clearButtonAltText: n
+    }),
+    [e, d.placeholder, o, l, i, g, n]
+  ), $ = T.useMemo(
+    () => s.map((P) => {
+      const h = P?.searchWords?.length ? P.searchWords : [P?.title, P?.description].filter(Boolean);
+      return {
+        ...P,
+        searchWords: h ?? []
+      };
+    }),
+    [s]
+  ), k = T.useMemo(
+    () => [
+      {
+        id: "emptySearch",
+        "aria-disabled": !0,
+        title: d.noResults,
+        groupId: "emptySearch",
+        icon: Mt,
+        size: "sm",
+        as: "div"
+      }
+    ],
+    [d.noResults]
+  ), m = T.useMemo(() => {
+    const P = s.filter((h) => h.groupId === "emptySearch").map((h) => ({ ...h, hidden: !1 }));
+    return P.length ? P : k;
+  }, [s, k]), { selectedItems: O, results: E } = T.useMemo(() => {
+    if (!y) return { selectedItems: [], results: [] };
+    const P = [], h = [];
+    for (const S of $)
+      S.checked === !0 && P.push({ ...S, groupId: "selected" }), (S.searchWords ?? []).some((F) => String(F).toLowerCase().includes(w)) && h.push({
+        ...S,
+        groupId: "search",
+        highlightWords: I
+      });
+    return { selectedItems: P, results: h };
+  }, [y, $, w, I]), D = E.length, M = O.length, b = T.useMemo(
+    () => ({
+      search: {
+        hidden: !0,
+        title: d.hits(D)
+      },
+      selected: {
+        hidden: !0,
+        title: d.selected(M)
+      },
+      emptySearch: {
+        hidden: !0,
+        title: d.noResults
+      },
+      ...c
+    }),
+    [d, D, M, c]
+  ), A = T.useMemo(
+    () => ({
+      ...b,
+      search: {
+        hidden: !y,
+        title: d.hits(D)
+      },
+      selected: {
+        hidden: M === 0,
+        title: d.selected(M)
+      },
+      emptySearch: {
+        hidden: y && (D > 0 || M > 0),
+        title: d.noResults
+      }
+    }),
+    [b, y, d, D, M]
+  ), R = T.useMemo(() => y ? yr([...E, ...O]) : [], [y, E, O]), p = T.useMemo(() => [...m || [], ...O || []], [m, O]), z = T.useMemo(() => y ? D ? R : p : s, [y, s, D, R, p]);
+  return {
+    search: N,
+    results: E,
+    resultCount: D,
+    hasQuery: y,
+    items: z,
+    groups: A
+  };
+}, dt = ({
+  searchable: e,
+  search: o,
+  items: r = [],
+  groups: t = {},
+  variant: n = "default",
+  size: s,
+  level: c = 0,
+  maxLevels: u = 3,
+  virtualized: d = !1,
+  keyboardEvents: l = !1,
+  scrollRefStyles: f = {},
+  onActiveItemIdChange: i,
+  a11yMode: g = "menu",
+  open: v,
+  scrollToTopOnOpen: y,
+  autoFocusList: w,
+  id: I
+}) => {
+  const N = _r({ ...o, items: r, groups: t }), $ = e ? N.search : o, k = e && N.hasQuery && N.resultCount === 0, m = e ? N.items : r, O = e ? { ...t, ...N.groups } : t, E = g !== "combobox";
+  return d ? /* @__PURE__ */ a(
+    hr,
+    {
+      id: I,
+      search: $,
+      announceNoResults: k,
+      items: m,
+      groups: O,
+      variant: n,
+      size: s,
+      level: c,
+      maxLevels: u,
+      keyboardEvents: l,
+      scrollRefStyles: f,
+      onActiveItemIdChange: i,
+      a11yMode: g,
+      open: v,
+      scrollToTopOnOpen: y,
+      autoActivateFirstItem: E,
+      autoFocusList: w
+    }
+  ) : /* @__PURE__ */ a(
+    it,
+    {
+      id: I,
+      search: $,
+      announceNoResults: k,
+      items: m,
+      groups: O,
+      variant: n,
+      size: s,
+      level: c,
+      maxLevels: u,
+      keyboardEvents: l,
+      scrollRefStyles: f,
+      onActiveItemIdChange: i,
+      a11yMode: g,
+      open: v,
+      scrollToTopOnOpen: y,
+      autoActivateFirstItem: E,
+      autoFocusList: w
+    }
+  );
+}, wr = "_media_1089b_3", Ir = "_icon_1089b_10", xr = "_avatar_1089b_14", Or = "_avatarGroup_1089b_18", le = {
+  media: wr,
+  icon: Ir,
+  avatar: xr,
+  avatarGroup: Or
+};
+function Nr(e) {
+  return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || we(e);
+}
+const Ve = ({ className: e, loading: o, icon: r, children: t }) => {
+  if (!r)
+    return null;
+  if (o)
+    return /* @__PURE__ */ a("div", { className: K(le.icon, e), children: /* @__PURE__ */ a(J, { svgElement: _e, loading: !0 }) });
+  const n = Ee(r) ? "avatar" : Ce(r) ? "avatarGroup" : (Se(r), "icon");
+  return /* @__PURE__ */ _("div", { className: K(le.media, e), "data-variant": n, children: [
+    Ee(r) && /* @__PURE__ */ a(je, { ...r, className: le.avatar }) || Ce(r) && /* @__PURE__ */ a(he, { ...r, className: le.avatarGroup }) || Se(r) && /* @__PURE__ */ a(J, { ...r, className: le.icon }) || Nr(r) && /* @__PURE__ */ a(J, { className: le.icon, children: r }) || /* @__PURE__ */ a(J, { className: le.icon, svgElement: r }),
+    t
+  ] });
+}, kr = "_heading_1dyne_1", Cr = {
+  heading: kr
+}, oe = ({
+  id: e,
+  loading: o,
+  highlightWords: r = [],
+  as: t = "h2",
+  size: n,
+  leading: s = "tight",
+  weight: c = "medium",
+  color: u,
+  variant: d,
+  maxRows: l,
+  className: f,
+  style: i,
+  children: g
+}) => {
+  const v = t, y = xt(g, r || []);
+  return /* @__PURE__ */ a(
+    v,
+    {
+      id: e,
+      className: K(Cr.heading, f),
+      style: i,
+      "data-size": n,
+      "data-leading": s,
+      "data-weight": c,
+      "data-color": u,
+      "data-variant": n === "xxs" && "default" || d,
+      "data-max-rows": l,
+      children: /* @__PURE__ */ a(ke, { loading: o, children: y })
+    }
+  );
+}, Er = "_label_e5q28_3", Pr = {
+  label: Er
+}, We = ({
+  className: e,
+  title: o,
+  titleProps: r = {},
+  description: t,
+  descriptionProps: n = {},
+  highlightWords: s,
+  loading: c,
+  children: u
+}) => /* @__PURE__ */ a("span", { className: K(Pr.label, e), children: u || /* @__PURE__ */ _(pe, { children: [
+  o && /* @__PURE__ */ a(oe, { ...r, as: "span", loading: c, highlightWords: s, maxRows: 2, children: o }),
+  t && /* @__PURE__ */ a(
+    oe,
+    {
+      ...n,
+      as: "span",
+      weight: "normal",
+      leading: "inherit",
+      loading: c,
+      highlightWords: s,
+      maxRows: 2,
+      children: t
+    }
+  )
+] }) }), Sr = ({ className: e, onClick: o, checked: r, onChange: t, ...n }) => /* @__PURE__ */ a(de, { className: e, size: "xs", variant: "ghost", icon: !0, rounded: !0, onClick: o, children: /* @__PURE__ */ a(Ae, { ...n, type: "checkbox", size: "xs", checked: r, onChange: t }) }), jr = "_item_h7sxa_3", $r = "_media_h7sxa_136", Rr = "_label_h7sxa_157", Mr = "_title_h7sxa_172", zr = "_description_h7sxa_176", Dr = "_count_h7sxa_188", Ar = "_linkIcon_h7sxa_196", q = {
+  item: jr,
+  media: $r,
+  label: Rr,
+  title: Mr,
+  description: zr,
+  count: Dr,
+  linkIcon: Ar
+}, ut = ({
+  id: e,
+  groupId: o,
+  role: r = "menuItem",
+  as: t,
+  href: n,
+  onClick: s,
+  onChange: c,
+  onKeyPress: u,
+  onMouseEnter: d,
+  size: l = "sm",
+  variant: f,
+  color: i,
+  name: g,
+  value: v,
+  checked: y,
+  icon: w,
+  label: I,
+  badge: N,
+  controls: $,
+  title: k,
+  description: m,
+  highlightWords: O,
+  count: E,
+  linkIcon: D = !1,
+  disabled: M,
+  selected: b,
+  active: A,
+  tabIndex: R = 0,
+  className: p,
+  "data-testid": z,
+  ...P
+}) => {
+  const h = typeof I == "function" ? I() : I, S = $t(P);
+  if (r === "checkbox" || r === "radio") {
+    const F = w || (y ? at : lr);
+    return /* @__PURE__ */ _(
+      "label",
+      {
+        ...S,
+        className: K(q.item, p),
+        id: e,
+        "data-id": e,
+        "data-group-id": o,
+        "data-size": l,
+        "data-variant": f,
+        "data-color": i,
+        "data-active": A,
+        role: r,
+        "aria-disabled": M,
+        "aria-checked": y,
+        "aria-selected": y,
+        "data-selected": y,
+        "aria-label": k,
+        "data-testid": z,
+        onKeyUp: (Y) => {
+          M || (Y.key === "Enter" && s?.(), u?.(Y));
+        },
+        onClick: s,
+        onMouseEnter: d,
+        tabIndex: R,
+        children: [
+          /* @__PURE__ */ a(
+            "input",
+            {
+              name: g,
+              value: v,
+              type: r,
+              checked: !!y,
+              onChange: c,
+              readOnly: !c,
+              style: { opacity: 0, position: "absolute" },
+              tabIndex: -1
+            }
+          ),
+          /* @__PURE__ */ a(Ve, { icon: F, className: q.media }),
+          /* @__PURE__ */ a(
+            We,
+            {
+              className: q.label,
+              highlightWords: O,
+              title: /* @__PURE__ */ _(pe, { children: [
+                k,
+                " ",
+                E && /* @__PURE__ */ a("i", { className: q.count, children: E })
+              ] }),
+              titleProps: {
+                weight: "medium",
+                className: q.title
+              },
+              description: m,
+              descriptionProps: {
+                weight: "normal",
+                variant: "subtle",
+                className: q.description
+              },
+              children: h
+            }
+          ),
+          /* @__PURE__ */ _(De, { children: [
+            N && /* @__PURE__ */ a(ye, { ...N }),
+            !M && $
+          ] })
+        ]
+      }
+    );
+  }
+  const G = t || (n ? "a" : "button"), H = D && st;
+  return /* @__PURE__ */ _(
+    G,
+    {
+      href: n,
+      className: K(q.item, p),
+      id: e,
+      "data-id": e,
+      "data-group-id": o,
+      "data-size": l,
+      "data-variant": f,
+      "data-color": i,
+      "data-active": A,
+      "aria-disabled": M,
+      ...M ? { disabled: M } : {},
+      "aria-selected": b,
+      "data-selected": b,
+      "aria-label": k,
+      "data-testid": z,
+      onKeyUp: (F) => {
+        M || (F.key === "Enter" && s?.(), u?.(F));
+      },
+      onClick: s,
+      onMouseEnter: d,
+      tabIndex: M ? -1 : R ?? 0,
+      role: r === "menuItem" ? "menuitem" : r,
+      ...S,
+      children: [
+        w && /* @__PURE__ */ a(Ve, { icon: w, className: q.media }),
+        /* @__PURE__ */ a(
+          We,
+          {
+            className: q.label,
+            highlightWords: O,
+            title: /* @__PURE__ */ _(pe, { children: [
+              k,
+              " ",
+              E && /* @__PURE__ */ a("i", { className: q.count, children: E })
+            ] }),
+            titleProps: {
+              weight: "medium",
+              className: q.title
+            },
+            description: m,
+            descriptionProps: {
+              variant: "subtle",
+              className: q.description
+            },
+            children: h
+          }
+        ),
+        /* @__PURE__ */ _(De, { children: [
+          N && /* @__PURE__ */ a(ye, { ...N }),
+          !M && $,
+          D && /* @__PURE__ */ a(J, { svgElement: H, className: q.linkIcon })
+        ] })
+      ]
+    }
+  );
+}, Br = "_fieldContainer_1986v_1", Lr = "_field_1986v_1", Fr = "_icon_1986v_15", Tr = "_input_1986v_9", Gr = "_clear_1986v_61", Hr = "_clearButton_1986v_74", Kr = "_autocomplete_1986v_103", U = {
+  fieldContainer: Br,
+  field: Lr,
+  icon: Fr,
+  input: Tr,
+  clear: Gr,
+  clearButton: Hr,
+  autocomplete: Kr
+}, Be = ({
+  className: e,
+  collapsible: o,
+  loading: r,
+  loadingLabel: t = "Loading ...",
+  size: n,
+  color: s = "neutral",
+  label: c,
+  value: u,
+  onClear: d,
+  clearButtonAltText: l = "Clear search",
+  menu: f,
+  minLength: i,
+  ...g
+}) => {
+  const v = Ne(), [y, w] = se(!1), I = g.id || `search-field-${v}`, N = `${I}-listbox`, [$, k] = se(void 0), m = "searchfield-clear-button-" + Ne(), O = ce(() => !f || !u || typeof i == "number" && typeof u == "string" && u.length < i ? !1 : y, [f, y, i, u]), E = ce(() => (f?.items ?? []).map((p) => ({
+    ...p,
+    onClick: () => {
+      p.onClick?.(), w(!1);
+    }
+  })), [f]), D = (p) => {
+    if (p.key === "Enter" && O) {
+      f?.items?.[0]?.onClick?.(), w(!1);
+      return;
+    }
+    if (p.key === "Escape" && O) {
+      p.preventDefault(), p.stopPropagation(), w(!1), f?.onClose(), document.getElementById(I)?.focus();
+      return;
+    }
+    g.onKeyDown?.(p), w(!0);
+  }, M = () => {
+    w(!0);
+  }, b = (p) => {
+    if (!y) return;
+    const z = p.relatedTarget;
+    z && p.currentTarget.contains(z) || w(!1);
+  }, A = (p) => {
+    p.preventDefault();
+  }, R = (p) => {
+    p.relatedTarget?.id === m && k(void 0), g.onBlur?.(p);
+  };
+  return f ? /* @__PURE__ */ _("div", { className: U.fieldContainer, children: [
+    /* @__PURE__ */ _(
+      Ue,
+      {
+        size: n,
+        color: s,
+        label: c,
+        className: K(U.field, e),
+        onBlurCapture: b,
+        children: [
+          /* @__PURE__ */ a(
+            Ae,
+            {
+              ...g,
+              id: I,
+              type: "search",
+              value: u,
+              className: U.input,
+              "data-collapsible": o,
+              autoCapitalize: "off",
+              autoComplete: "off",
+              minLength: i,
+              onKeyDown: D,
+              onBlur: R,
+              ...f && {
+                role: "combobox",
+                "aria-autocomplete": "list",
+                "aria-expanded": !!O,
+                "aria-haspopup": "listbox",
+                "aria-controls": N,
+                "aria-activedescendant": O ? $ : void 0,
+                onFocus: M
+              }
+            }
+          ),
+          /* @__PURE__ */ a(qe, { className: U.icon }),
+          d && !!u && /* @__PURE__ */ a("span", { className: U.clear, children: /* @__PURE__ */ a(
+            de,
+            {
+              id: m,
+              "data-testid": "clear-button",
+              size: "xs",
+              rounded: !0,
+              icon: !0,
+              variant: "tinted",
+              className: U.clearButton,
+              onClick: () => {
+                d?.(), document.getElementById(I)?.focus();
+              },
+              "aria-label": l,
+              "data-action": "clear-input",
+              children: /* @__PURE__ */ a(_e, {})
+            }
+          ) })
+        ]
+      }
+    ),
+    f && O && /* @__PURE__ */ a("div", { className: U.autocomplete, "aria-hidden": !O, onMouseDown: A, children: /* @__PURE__ */ a(
+      dt,
+      {
+        ...f,
+        id: N,
+        items: E,
+        groups: f?.groups,
+        keyboardEvents: !0,
+        a11yMode: "combobox",
+        open: O,
+        autoFocusList: !1,
+        onActiveItemIdChange: k
+      }
+    ) })
+  ] }) : /* @__PURE__ */ _(
+    Ue,
+    {
+      size: n,
+      color: s,
+      label: c,
+      className: K(U.field, e),
+      onBlurCapture: b,
+      children: [
+        /* @__PURE__ */ a(
+          Ae,
+          {
+            ...g,
+            id: I,
+            type: "search",
+            value: u,
+            className: U.input,
+            "data-collapsible": o,
+            autoCapitalize: "off",
+            autoComplete: "off",
+            minLength: i,
+            onKeyDown: D,
+            onBlur: R
+          }
+        ),
+        r ? /* @__PURE__ */ a(jt, { "aria-hidden": !0, className: U.icon }) : /* @__PURE__ */ a(qe, { "aria-hidden": !0, className: U.icon }),
+        d && !!u && /* @__PURE__ */ a("span", { className: U.clear, children: /* @__PURE__ */ a(
+          de,
+          {
+            id: m,
+            "data-testid": "clear-button",
+            size: "xs",
+            rounded: !0,
+            icon: !0,
+            variant: "tinted",
+            className: U.clearButton,
+            onClick: () => {
+              d?.(), document.getElementById(I)?.focus();
+            },
+            "aria-label": l,
+            "data-action": "clear-input",
+            children: /* @__PURE__ */ a(_e, {})
+          }
+        ) })
+      ]
+    }
+  );
+}, qr = "_byline_fzp7k_1", Ur = "_avatar_fzp7k_7", Vr = "_avatarGroup_fzp7k_12", Wr = "_label_fzp7k_26", be = {
+  byline: qr,
+  avatar: Ur,
+  avatarGroup: Vr,
+  label: Wr
+}, Yr = ({
+  loading: e,
+  color: o = "neutral",
+  size: r = "xs",
+  avatar: t,
+  avatarGroup: n,
+  datetime: s,
+  children: c,
+  as: u,
+  ...d
+}) => {
+  const l = u || "div", f = s ? "time" : "span";
+  return /* @__PURE__ */ _(l, { ...d, className: be.byline, "data-color": o, "data-size": r, children: [
+    (n || t) && /* @__PURE__ */ a(ke, { variant: "circle", className: be.avatar, loading: e, children: n ? /* @__PURE__ */ a(he, { ...n, size: r, className: be.avatarGroup }) : t && /* @__PURE__ */ a(je, { ...t, size: r, className: be.avatar }) }),
+    /* @__PURE__ */ a(f, { "data-size": r, dateTime: s, className: be.label, children: /* @__PURE__ */ a(ke, { loading: e, children: c }) })
+  ] });
+}, Qr = "_dropdown_1mtdm_1", Xr = "_content_1mtdm_17", Jr = "_backdrop_1mtdm_47", Zr = "_header_1mtdm_76", en = "_footer_1mtdm_77", tn = "_title_1mtdm_148", me = {
+  dropdown: Qr,
+  content: Xr,
+  backdrop: Jr,
+  header: Zr,
+  footer: en,
+  title: tn
+}, rn = "data-focus-guard", mt = (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((r) => !r.hasAttribute(rn)).filter((r) => !r.hasAttribute("disabled")).filter((r) => r.getAttribute("aria-hidden") !== "true").filter((r) => r.tabIndex !== -1).filter((r) => {
+    const t = r.getClientRects();
+    return t.length > 0 && t[0].width > 0 && t[0].height > 0;
+  });
+}, nn = (e) => {
+  mt(e)[0]?.focus({ preventScroll: !0 });
+}, on = ({
+  id: e = "dropdown",
+  size: o = "sm",
+  className: r,
+  backdrop: t = !0,
+  placement: n = "bottom-left",
+  variant: s = "dropdown",
+  title: c = "Title",
+  closeLabel: u = "Close",
+  submitLabel: d,
+  trigger: l,
+  children: f,
+  open: i,
+  onClose: g,
+  onSubmit: v,
+  activeDescendantId: y,
+  useFixedPosition: w = !1,
+  expanded: I = !1
+}) => {
+  const N = te(null), $ = te(null), k = te(i);
+  X(() => {
+    k.current = i;
+  }, [i]);
+  const [m, O] = se({
+    yDir: n.includes("top") ? "top" : "bottom",
+    xDir: n.includes("right") ? "right" : "left",
+    maxHeight: 300
+  }), E = Ze(() => {
+    if (i && N.current && $.current) {
+      const b = N.current.getBoundingClientRect(), A = $.current.getBoundingClientRect(), R = window.innerHeight, p = window.innerWidth, z = 16, P = R - b.bottom, h = b.top, S = p - b.right - A.width, G = P < 250 && h > P, H = G ? "top" : "bottom", F = (G ? h : P) - z, Z = S < z ? "right" : "left";
+      O((x) => ({
+        ...x,
+        yDir: H,
+        maxHeight: F,
+        xDir: Z,
+        triggerRect: w ? b : void 0
+      }));
+    }
+  }, [i, w]);
+  Me(() => (E(), window.addEventListener("resize", E), w && window.addEventListener("scroll", E, !0), () => {
+    window.removeEventListener("resize", E), w && window.removeEventListener("scroll", E, !0);
+  }), [E, w]), X(() => {
+    if (!i) return;
+    const b = requestAnimationFrame(() => {
+      const A = $.current;
+      if (!A) return;
+      const R = A.querySelector(
+        'input[type="search"]:not([disabled]), input[role="searchbox"]:not([disabled]), input[data-dropdown-search]:not([disabled])'
+      );
+      if (R) {
+        const p = R.value.length;
+        R.focus({ preventScroll: !0 });
+        try {
+          R.setSelectionRange(p, p);
+        } catch {
+        }
+        return;
+      }
+      A.focus?.({ preventScroll: !0 });
+    });
+    return () => cancelAnimationFrame(b);
+  }, [i]), X(() => {
+    const b = (R) => {
+      R.key === "Escape" && g();
+    }, A = (R) => {
+      const p = R.target, z = N.current?.contains(p), P = $.current?.contains(p);
+      !z && !P && g();
+    };
+    return i && (document.addEventListener("mousedown", A), document.addEventListener("keydown", b)), () => {
+      document.removeEventListener("mousedown", A), document.removeEventListener("keydown", b);
+    };
+  }, [i, g]), X(() => {
+    if (!i) return;
+    const b = $.current;
+    if (!b) return;
+    const A = (p) => {
+      if (!k.current)
+        return;
+      const z = p.target;
+      z && !b.contains(z) && nn(b);
+    }, R = (p) => {
+      if (p.key !== "Tab") return;
+      const z = mt(b);
+      if (z.length === 0) {
+        p.preventDefault(), b.focus?.({ preventScroll: !0 });
+        return;
+      }
+      const P = z[0], h = z[z.length - 1], S = document.activeElement;
+      p.shiftKey ? S === P && (p.preventDefault(), h.focus({ preventScroll: !0 })) : S === h && (p.preventDefault(), P.focus({ preventScroll: !0 }));
+    };
+    return document.addEventListener("focusin", A), document.addEventListener("keydown", R), () => {
+      document.removeEventListener("focusin", A), document.removeEventListener("keydown", R);
+    };
+  }, [i]);
+  const D = w && m.triggerRect ? {
+    position: "fixed",
+    zIndex: 1e3,
+    width: "max-content",
+    maxHeight: `${m.maxHeight}px`,
+    overflowY: "auto",
+    [m.xDir === "left" ? "left" : "right"]: m.xDir === "left" ? m.triggerRect.left : window.innerWidth - m.triggerRect.right,
+    [m.yDir === "bottom" ? "top" : "bottom"]: m.yDir === "bottom" ? m.triggerRect.bottom + 8 : window.innerHeight - m.triggerRect.top + 8
+  } : {
+    position: "absolute",
+    zIndex: 50,
+    width: "max-content",
+    maxHeight: `${m.maxHeight}px`,
+    overflowY: "auto",
+    [m.xDir]: 0,
+    [m.yDir === "bottom" ? "top" : "bottom"]: "100%"
+  }, M = /* @__PURE__ */ _(
+    "div",
+    {
+      ref: $,
+      className: K(me.dropdown, r),
+      style: D,
+      "aria-hidden": !i,
+      "data-variant": s,
+      "data-expanded": I,
+      "data-size": o,
+      tabIndex: -1,
+      role: "menu",
+      "aria-modal": s === "drawer-dropdown" ? !0 : void 0,
+      "aria-activedescendant": y,
+      children: [
+        /* @__PURE__ */ _("header", { className: me.header, children: [
+          /* @__PURE__ */ a("h2", { className: me.title, children: c }),
+          /* @__PURE__ */ a(de, { size: "sm", variant: "outline", onClick: g, "aria-label": u, children: /* @__PURE__ */ a(_e, {}) })
+        ] }),
+        /* @__PURE__ */ a("div", { className: me.content, children: f }),
+        d && /* @__PURE__ */ a("footer", { className: me.footer, children: /* @__PURE__ */ a(de, { size: "lg", variant: "solid", onClick: v || g, rounded: !0, children: /* @__PURE__ */ a("span", { "data-size": "md", children: d }) }) })
+      ]
+    }
+  );
+  return /* @__PURE__ */ _(pe, { children: [
+    t && /* @__PURE__ */ a("div", { className: me.backdrop, "aria-hidden": !i }),
+    /* @__PURE__ */ _("div", { id: e + "-root", ref: N, style: { position: "relative", display: "inline-block" }, children: [
+      l,
+      w ? It(M, document.body) : M
+    ] })
+  ] });
+}, an = Ie(({ items: e, groups: o = {}, sortGroupBy: r, highlightWords: t, isLoading: n }) => {
+  const { menu: s } = Le({
+    items: e,
+    groups: o,
+    groupByKey: "groupId",
+    keyboardEvents: !1,
+    sortGroupBy: r
+  });
+  return /* @__PURE__ */ a(bt, { spacing: 6, "aria-busy": n, children: s?.map((c, u) => {
+    const d = c.props || {};
+    return /* @__PURE__ */ ze(ft, { ...d, key: "dialog-list-item" + u }, c?.items.map((l, f) => {
+      const i = l.props || {};
+      return /* @__PURE__ */ ze(pt, { ...i, highlightWords: t, key: "dialog-list-item" + f });
+    }));
+  }) });
+});
+an.displayName = "DialogList";
+const ft = Ie(({ title: e, description: o, children: r }) => /* @__PURE__ */ _(bt, { spacing: 4, children: [
+  /* @__PURE__ */ _(Ge, { direction: "col", spacing: 2, children: [
+    e && /* @__PURE__ */ a(oe, { size: "lg", children: e }),
+    o && /* @__PURE__ */ a(et, { size: "sm", style: { marginBottom: ".5em" }, children: o })
+  ] }),
+  /* @__PURE__ */ a(Un, { spacing: 3, children: r })
+] }));
+ft.displayName = "DialogListGroup";
+const sn = "_item_e034j_3", ln = "_border_e034j_58", cn = "_header_e034j_69", dn = "_summary_e034j_85", un = "_controls_e034j_99", mn = "_footer_e034j_106", fn = "_seenBy_e034j_111", pn = "_link_e034j_121", hn = "_title_e034j_126", vn = "_badge_e034j_140", Q = {
+  item: sn,
+  border: ln,
+  header: cn,
+  summary: dn,
+  controls: un,
+  footer: mn,
+  seenBy: fn,
+  link: pn,
+  title: hn,
+  badge: vn
+}, pt = Ie(
+  ({
+    as: e = "a",
+    size: o = "xl",
+    variant: r = "default",
+    color: t,
+    loading: n,
+    controls: s,
+    selectable: c,
+    selected: u,
+    status: d,
+    extendedStatusLabel: l,
+    sender: f,
+    recipient: i,
+    recipientLabel: g = "to",
+    grouped: v = !1,
+    updatedAt: y,
+    updatedAtLabel: w,
+    archived: I,
+    archivedAt: N,
+    archivedAtLabel: $,
+    trashed: k,
+    trashedAt: m,
+    trashedAtLabel: O,
+    badge: E,
+    dueAt: D,
+    dueAtLabel: M,
+    unread: b,
+    seenByLog: A,
+    draftsLabel: R,
+    sentCount: p,
+    receivedCount: z,
+    attachmentsCount: P,
+    attachmentsLabel: h,
+    tooltips: S = {},
+    title: G,
+    description: H,
+    summary: F,
+    highlightWords: Y,
+    id: Z,
+    ...x
+  }) => {
+    const j = c ? "select" : r;
+    return /* @__PURE__ */ _(
+      Ot,
+      {
+        as: "li",
+        id: Z,
+        className: Q.item,
+        size: o,
+        color: t,
+        variant: j,
+        "data-unread": b ? "true" : "false",
+        "data-selected": u,
+        "data-trashed": k,
+        "data-archived": I,
+        "data-loading": n,
+        children: [
+          /* @__PURE__ */ a(Nt, { ...x, className: Q.link, as: e, children: /* @__PURE__ */ _("div", { className: Q.border, children: [
+            /* @__PURE__ */ _("header", { className: Q.header, children: [
+              /* @__PURE__ */ _(
+                oe,
+                {
+                  as: "h2",
+                  highlightWords: Y,
+                  weight: b ? "bold" : "normal",
+                  loading: n,
+                  maxRows: 2,
+                  className: Q.title,
+                  children: [
+                    G,
+                    E && /* @__PURE__ */ a(ye, { className: Q.badge, variant: "tinted", size: "xs", ...E })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ a(
+                gn,
+                {
+                  size: "xs",
+                  loading: n,
+                  sender: f,
+                  recipient: i,
+                  recipientLabel: g,
+                  grouped: v
+                }
+              ),
+              F && /* @__PURE__ */ a(
+                oe,
+                {
+                  as: "h3",
+                  highlightWords: Y,
+                  weight: "normal",
+                  className: Q.summary,
+                  loading: n,
+                  maxRows: 2,
+                  children: F
+                }
+              )
+            ] }),
+            /* @__PURE__ */ a(
+              bn,
+              {
+                className: Q.footer,
+                loading: n,
+                status: d,
+                extendedStatusLabel: l,
+                draftsLabel: R,
+                sentCount: p,
+                receivedCount: z,
+                updatedAt: y,
+                updatedAtLabel: w,
+                archivedAt: N,
+                archivedAtLabel: $,
+                trashedAt: m,
+                trashedAtLabel: O,
+                dueAt: D,
+                dueAtLabel: M,
+                attachmentsCount: P,
+                attachmentsLabel: h,
+                tooltips: S
+              }
+            ),
+            A && S?.seenBy ? /* @__PURE__ */ a(kt, { placement: "bottom", content: S?.seenBy, children: /* @__PURE__ */ a("span", { className: Q.seenBy, children: /* @__PURE__ */ a(he, { items: A.items }) }) }) : A && /* @__PURE__ */ a(he, { items: A.items, className: Q.seenBy })
+          ] }) }),
+          /* @__PURE__ */ a(De, { className: Q.controls, children: s })
+        ]
+      }
+    );
+  }
+);
+pt.displayName = "DialogListItem";
+const bn = ({
+  className: e,
+  loading: o,
+  status: r,
+  sender: t,
+  updatedAt: n,
+  updatedAtLabel: s,
+  dueAt: c,
+  dueAtLabel: u,
+  archivedAt: d,
+  archivedAtLabel: l,
+  trashedAt: f,
+  trashedAtLabel: i,
+  draftsLabel: g,
+  sentCount: v = 0,
+  receivedCount: y = 0,
+  attachmentsCount: w = 0,
+  attachmentsLabel: I,
+  transmissionsLabel: N,
+  activityLog: $,
+  extendedStatusLabel: k,
+  tooltips: m = {}
+}) => /* @__PURE__ */ _(Ct, { className: e, size: "xs", children: [
+  r && /* @__PURE__ */ a(On, { tooltip: m.status, loading: o, size: "xs", ...r }),
+  k && /* @__PURE__ */ a(ee, { tooltip: m.extendedStatus, size: "xs", variant: "outline", children: k }),
+  g && /* @__PURE__ */ a(ee, { tooltip: m.drafts, size: "xs", variant: "dotted", children: g }),
+  v > 0 && /* @__PURE__ */ a(ee, { tooltip: m.sent, size: "xs", variant: "outline", icon: at, children: v }),
+  y > 0 && /* @__PURE__ */ a(ee, { tooltip: m.received, size: "xs", variant: "outline", icon: qt, children: y }),
+  n && /* @__PURE__ */ _(Oe, { tooltip: m.updatedAt, loading: o, datetime: n, size: "xs", children: [
+    /* @__PURE__ */ a("strong", { children: t && t.name + ", " }),
+    s
+  ] }),
+  c && u && /* @__PURE__ */ a(Oe, { tooltip: m.dueAt, loading: o, datetime: c, size: "xs", icon: zt, children: u }),
+  w > 0 && /* @__PURE__ */ a(ee, { tooltip: m.attachments, loading: o, size: "xs", icon: Dt, children: I || w }),
+  N && /* @__PURE__ */ a(ee, { tooltip: m.transmissions, loading: o, size: "xs", icon: rr, children: N }),
+  f && i && /* @__PURE__ */ a(Oe, { tooltip: m.trashedAt, loading: o, datetime: f, size: "xs", icon: At, children: i }) || d && l && /* @__PURE__ */ a(
+    Oe,
+    {
+      tooltip: m.archivedAt,
+      loading: o,
+      datetime: d,
+      size: "xs",
+      icon: Bt,
+      children: l
+    }
+  ),
+  $ && /* @__PURE__ */ a(
+    ee,
+    {
+      tooltip: m.activityLog,
+      loading: o,
+      size: "xs",
+      icon: er,
+      as: $?.onClick ? "button" : "span",
+      onClick: $?.onClick,
+      children: $?.label || "Activity log"
+    }
+  )
+] }), gn = ({
+  sender: e,
+  recipient: o,
+  recipientLabel: r = "to",
+  grouped: t = !1,
+  loading: n,
+  size: s = "xs"
+}) => !e && !o ? null : /* @__PURE__ */ _(Yr, { loading: n, size: s, avatar: e, avatarGroup: !n && t && e && o ? {
+  items: [o, e]
+} : void 0, children: [
+  /* @__PURE__ */ a("strong", { children: e?.name }),
+  " ",
+  o && r + " " + o?.name
+] }), yn = "_media_1x8z9_1", _n = "_icon_1x8z9_10", wn = "_avatarGroup_1x8z9_17", fe = {
+  media: yn,
+  icon: _n,
+  avatarGroup: wn
+};
+function In(e) {
+  return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || we(e);
+}
+const He = ({ size: e = "xs", icon: o, progress: r }) => !o && typeof r != "number" ? !1 : /* @__PURE__ */ _("span", { className: fe.media, "data-size": e, children: [
+  Ee(o) && /* @__PURE__ */ a(je, { ...o, className: fe.avatar }) || Ce(o) && /* @__PURE__ */ a(he, { ...o, className: fe.avatarGroup }) || Se(o) && /* @__PURE__ */ a(J, { ...o, className: fe.icon }) || In(o) && o || /* @__PURE__ */ a(J, { svgElement: o, className: fe.icon }),
+  r && /* @__PURE__ */ a(Ft, { value: r, className: fe.icon })
+] }), ee = ({
+  loading: e,
+  reverse: o,
+  size: r = "xs",
+  variant: t = "text",
+  icon: n,
+  children: s,
+  tooltip: c,
+  ...u
+}) => /* @__PURE__ */ _(Fe, { loading: e, reverse: o, variant: t, tooltip: c, size: r, ...u, children: [
+  !e && n && /* @__PURE__ */ a(He, { icon: n }),
+  /* @__PURE__ */ a(Te, { variant: t, size: r, children: s })
+] }), Ye = ({ size: e = "xs", variant: o = "text", progress: r = 0, tooltip: t, children: n }) => /* @__PURE__ */ _(Fe, { variant: o, size: e, tooltip: t, children: [
+  /* @__PURE__ */ a(He, { size: e, progress: r }),
+  /* @__PURE__ */ a(Te, { variant: o, size: e, children: n })
+] }), Oe = ({
+  loading: e,
+  size: o = "xs",
+  variant: r = "text",
+  datetime: t,
+  icon: n,
+  tooltip: s,
+  children: c
+}) => /* @__PURE__ */ _(Fe, { tooltip: s, loading: e, as: "time", variant: r, datetime: t, size: o, children: [
+  !e && n && /* @__PURE__ */ a(He, { size: o, icon: n }),
+  /* @__PURE__ */ a(Te, { variant: r, size: o, children: c })
+] });
+var xn = /* @__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))(xn || {});
+const On = ({ loading: e, size: o = "xs", value: r = "not-applicable", label: t, tooltip: n }) => {
+  if (e)
+    return null;
+  switch (r) {
+    case "draft":
+      return /* @__PURE__ */ a(ee, { tooltip: n, size: o, variant: "dotted", children: t || r });
+    case "requires-attention":
+      return /* @__PURE__ */ a(ee, { tooltip: n, variant: "solid", children: t || r });
+    case "awaiting":
+      return /* @__PURE__ */ a(ee, { tooltip: n, size: o, variant: "outline", icon: or, children: t || r });
+    case "in-progress":
+      return /* @__PURE__ */ a(Ye, { tooltip: n, size: o, variant: "outline", progress: 75, children: t || r });
+    case "completed":
+      return /* @__PURE__ */ a(Ye, { tooltip: n, size: o, variant: "outline", progress: 100, children: t || r });
+    default:
+      return null;
+  }
+}, Nn = "_header_29hv7_1", kn = "_label_29hv7_27", Cn = "_link_29hv7_43", En = "_badge_29hv7_47", Pn = "_linkIcon_29hv7_51", Sn = "_linkFocus_29hv7_61", jn = "_controls_29hv7_69", ne = {
+  header: Nn,
+  label: kn,
+  link: Cn,
+  badge: En,
+  linkIcon: Pn,
+  linkFocus: Sn,
+  controls: jn
+}, $n = ({
+  as: e,
+  highlightWords: o,
+  interactive: r = !0,
+  color: t,
+  loading: n,
+  disabled: s,
+  collapsible: c,
+  linkIcon: u,
+  expanded: d,
+  select: l,
+  href: f,
+  onClick: i,
+  onKeyPress: g,
+  tabIndex: v,
+  size: y,
+  title: w,
+  description: I,
+  icon: N,
+  active: $,
+  badge: k,
+  controls: m,
+  className: O,
+  children: E,
+  ariaLabel: D,
+  ariaControlsId: M
+}) => {
+  const b = c ? d ? Xt : Wt : u ? st : void 0, A = () => k && !n && typeof k == "object" && "label" in k ? /* @__PURE__ */ a(ye, { ...k, className: ne.badge }) : we(k) ? k : null, R = D !== void 0 ? D : typeof w == "string" ? w : void 0, p = Ne();
+  return /* @__PURE__ */ _(
+    "div",
+    {
+      className: K(ne.header, O),
+      "data-color": t,
+      "data-interactive": r,
+      "data-size": y,
+      "data-has-active-child": $,
+      "aria-disabled": s,
+      children: [
+        /* @__PURE__ */ _(
+          Gt,
+          {
+            as: e,
+            href: f,
+            onClick: i,
+            onKeyPress: g,
+            tabIndex: v,
+            loading: n,
+            disabled: s || n,
+            active: $,
+            ariaLabel: R,
+            className: ne.link,
+            expanded: d,
+            ariaControlsId: M,
+            collapsible: c,
+            children: [
+              r && /* @__PURE__ */ a("div", { className: ne.linkFocus, "aria-hidden": "true" }),
+              l && /* @__PURE__ */ a(Sr, { ...l, className: ne.select }),
+              /* @__PURE__ */ a(Fn, { loading: n, icon: N }),
+              /* @__PURE__ */ a(
+                Mn,
+                {
+                  size: y,
+                  loading: n,
+                  highlightWords: o,
+                  title: w,
+                  description: I,
+                  id: p,
+                  className: ne.label,
+                  children: E
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ _(Ht, { className: ne.controls, children: [
+          m && !n && /* @__PURE__ */ a("span", { className: ne.customControls, children: m }),
+          A(),
+          b && !s && /* @__PURE__ */ a("span", { className: ne.linkIcon, children: /* @__PURE__ */ a(
+            J,
+            {
+              svgElement: b,
+              style: {
+                fontSize: "1.5rem"
+              }
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}, Rn = "_label_1tmg6_1", Qe = {
+  label: Rn
+}, ht = (e) => typeof e == "object" && e !== null && "children" in e;
+function vt(e) {
+  return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || we(e);
+}
+const Xe = (e) => {
+  const o = {
+    as: "h3",
+    size: "sm"
+  };
+  return ht(e) ? { ...o, ...e } : vt(e) ? {
+    ...o,
+    children: e
+  } : null;
+}, Je = (e) => {
+  const o = {
+    as: "span",
+    size: "xs",
+    weight: "normal",
+    variant: "subtle"
+  };
+  return ht(e) ? { ...o, ...e } : vt(e) ? {
+    ...o,
+    children: e
+  } : null;
+}, Mn = ({
+  loading: e = !1,
+  highlightWords: o,
+  size: r,
+  title: t,
+  value: n,
+  description: s,
+  children: c,
+  id: u,
+  className: d
+}) => {
+  if (t && n) {
+    const i = t && Je(t), g = n && Xe(n);
+    return /* @__PURE__ */ a("span", { className: K(Qe.label, d), id: u, "data-size": r, children: c || /* @__PURE__ */ _(pe, { children: [
+      i && /* @__PURE__ */ a(oe, { ...i, loading: e, highlightWords: o }),
+      g && /* @__PURE__ */ a(oe, { ...g, loading: e, highlightWords: o })
+    ] }) });
+  }
+  const l = t && Xe(t), f = s && Je(s);
+  return /* @__PURE__ */ a("span", { className: K(Qe.label, d), id: u, "data-size": r, children: c || /* @__PURE__ */ _(pe, { children: [
+    l && /* @__PURE__ */ a(oe, { ...l, loading: e, highlightWords: o }),
+    f && /* @__PURE__ */ a(oe, { ...f, loading: e, highlightWords: o })
+  ] }) });
+}, zn = "_wrapper_rcjve_1", Dn = "_icon_rcjve_11", An = "_avatar_rcjve_19", Bn = "_avatarGroup_rcjve_23", ie = {
+  wrapper: zn,
+  icon: Dn,
+  avatar: An,
+  avatarGroup: Bn
+};
+function Ln(e) {
+  return typeof e == "string" || typeof e == "number" || typeof e == "boolean" || e === null || we(e);
+}
+const Fn = ({ loading: e, size: o, icon: r, theme: t, badge: n }) => r ? e ? /* @__PURE__ */ a(J, { className: ie.wrapper, svgElement: _e, loading: !0 }) : /* @__PURE__ */ _("div", { className: ie.wrapper, "data-size": o, children: [
+  Ee(r) && /* @__PURE__ */ a(je, { ...r, className: ie.avatar }) || Ce(r) && /* @__PURE__ */ a(he, { ...r, className: ie.avatarGroup }) || Se(r) && /* @__PURE__ */ a(J, { ...r, theme: r.theme || t, className: ie.icon }) || Ln(r) && r || /* @__PURE__ */ a(J, { theme: t, svgElement: r, className: ie.icon }),
+  n && /* @__PURE__ */ a(ye, { ...n, className: ie.badge })
+] }) : null, Tn = "_item_1nwey_3", Gn = {
+  item: Tn
+}, Hn = ({
+  className: e,
+  color: o,
+  variant: r = "default",
+  shadow: t = "xs",
+  border: n = "none",
+  loading: s,
+  disabled: c,
+  collapsible: u,
+  expanded: d,
+  size: l,
+  icon: f,
+  label: i,
+  title: g,
+  description: v,
+  badge: y,
+  linkIcon: w = !1,
+  select: I,
+  selected: N,
+  controls: $,
+  children: k,
+  interactive: m,
+  id: O,
+  containerAs: E,
+  ...D
+}) => {
+  const M = typeof i == "function" ? i() : i, b = Ne();
+  return /* @__PURE__ */ _(
+    Tt,
+    {
+      className: K(Gn.item, e),
+      size: l,
+      color: o,
+      variant: r,
+      shadow: t,
+      border: n,
+      disabled: c,
+      selected: N,
+      expanded: d,
+      loading: s,
+      interactive: m,
+      id: O,
+      as: E,
+      children: [
+        /* @__PURE__ */ a(
+          $n,
+          {
+            color: o,
+            loading: s,
+            linkIcon: w,
+            disabled: c,
+            collapsible: u,
+            expanded: d,
+            select: I,
+            title: g,
+            size: l,
+            description: v,
+            icon: f,
+            badge: y,
+            controls: $,
+            interactive: m,
+            ariaControlsId: d ? b : void 0,
+            ...D,
+            children: M
+          }
+        ),
+        d ? /* @__PURE__ */ a("div", { id: b, children: k }) : null
+      ]
+    }
+  );
+}, Kn = "_list_14rag_1", qn = {
+  list: Kn
+}, Un = ({ children: e, className: o, spacing: r, items: t = [], ...n }) => /* @__PURE__ */ a(Ge, { direction: "col", as: "ul", spacing: r, className: K(qn.list, o), ...n, children: e || t.map((s, c) => /* @__PURE__ */ ze(Hn, { ...s, key: `item-${s.id ?? c}` })) }), Vn = "_menu_16mue_4", Wn = "_button_16mue_12", Yn = "_label_16mue_16", ge = {
+  menu: Vn,
+  button: Wn,
+  label: Yn
+}, Fo = Ie(
+  ({
+    disabled: e,
+    label: o = "Label",
+    variant: r = "solid",
+    title: t = "Title",
+    items: n = [],
+    dropdownSize: s = "sm",
+    id: c = "toolbar-menu",
+    onSelectId: u,
+    ...d
+  }) => {
+    const l = Lt({ id: c, returnFocusOnClose: !0 }), f = d.searchable ? "combobox" : "menu", i = Ze(
+      (v) => {
+        u?.(v?.id ?? ""), v?.role !== "checkbox" && l.setOpen(!1);
+      },
+      [u, l]
+    ), g = ce(
+      () => n.map((v) => ({
+        ...v,
+        onClick: () => i(v)
+      })),
+      [n, i]
+    );
+    return e ? /* @__PURE__ */ _(de, { className: ge.button, variant: r, disabled: !0, children: [
+      /* @__PURE__ */ a("span", { className: ge.label, children: o }),
+      /* @__PURE__ */ a(Ke, { "aria-hidden": "true", focusable: "false" })
+    ] }) : /* @__PURE__ */ a("span", { className: ge.menu, children: /* @__PURE__ */ a(
+      on,
+      {
+        id: c,
+        variant: "drawer-dropdown",
+        title: t,
+        size: s,
+        trigger: /* @__PURE__ */ _(
+          de,
+          {
+            className: ge.button,
+            variant: r,
+            onClick: l.toggleMenu,
+            "aria-expanded": l.open,
+            "aria-haspopup": "menu",
+            "aria-controls": l.open ? l.menuId : void 0,
+            ref: l.triggerRef,
+            children: [
+              /* @__PURE__ */ a("span", { className: ge.label, children: o }),
+              /* @__PURE__ */ a(Ke, { "aria-hidden": "true", focusable: "false" })
+            ]
+          }
+        ),
+        open: l.open,
+        onClose: () => l.setOpen(!1),
+        ...d?.searchable ? {} : l.dropdownA11yProps,
+        children: /* @__PURE__ */ a(
+          dt,
+          {
+            ...d,
+            items: g,
+            keyboardEvents: l.open,
+            a11yMode: f,
+            open: l.open,
+            scrollToTopOnOpen: d.virtualized,
+            ...f === "combobox" ? { id: l.menuId } : l.menuA11yProps
+          }
+        )
+      }
+    ) });
+  }
+), To = Ie(
+  ({
+    value: e,
+    name: o,
+    placeholder: r = "Search",
+    loading: t,
+    collapsible: n,
+    clearButtonAltText: s = "Clear search",
+    onChange: c,
+    onClear: u,
+    onKeyDown: d,
+    menu: l,
+    minLength: f,
+    disabled: i
+  }) => /* @__PURE__ */ a(
+    Be,
+    {
+      size: "xs",
+      value: e,
+      name: o,
+      placeholder: r,
+      clearButtonAltText: s,
+      onChange: c,
+      onClear: u,
+      onKeyDown: d,
+      collapsible: n,
+      autoComplete: "off",
+      autoCapitalize: "off",
+      type: "search",
+      minLength: f,
+      loading: t,
+      menu: l,
+      disabled: i
+    }
+  )
+), Qn = "_section_1w6kc_1", Xn = {
+  section: Qn
+}, bt = ({
+  as: e = "section",
+  direction: o = "col",
+  align: r = "initial",
+  variant: t,
+  className: n,
+  children: s,
+  ...c
+}) => /* @__PURE__ */ a(
+  Ge,
+  {
+    as: e,
+    align: r,
+    direction: o,
+    theme: t,
+    className: K(Xn.section, n),
+    ...c,
+    children: s
+  }
+);
+export {
+  qe as A,
+  Yr as B,
+  at as C,
+  an as D,
+  _e as E,
+  Ue as F,
+  Ke as G,
+  oe as H,
+  J as I,
+  Xt as J,
+  Wt as K,
+  $n as L,
+  dt as M,
+  st as N,
+  _r as O,
+  Lo as R,
+  bt as S,
+  To as T,
+  hr as V,
+  ft as a,
+  pt as b,
+  bn as c,
+  gn as d,
+  xn as e,
+  On as f,
+  on as g,
+  Ve as h,
+  Se as i,
+  We as j,
+  Sr as k,
+  ht as l,
+  Mn as m,
+  Fn as n,
+  Hn as o,
+  Un as p,
+  ut as q,
+  it as r,
+  lt as s,
+  He as t,
+  ee as u,
+  Ye as v,
+  Oe as w,
+  br as x,
+  Fo as y,
+  Be as z
+};