@altinn/altinn-components 0.57.2 → 0.58.0

package/dist/Section-DPj8jAL1.js

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