@altinn/altinn-components 0.58.7 → 0.59.0

package/dist/Section-gR5R233Z.js

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