@altinn/altinn-components 0.59.1 → 0.60.1

package/dist/Section-BEuICoay.js

@@ -1,2309 +0,0 @@
-"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 ke, 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 Ce, Avatar as $e } from "./components/Avatar/Avatar.js";
-import { isAvatarGroupProps as Ee, 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 kt } from "./useMenuVirtualization-Cs426RCN.js";
-import { S as Ct, a as Et, 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: _,
-  ...k
-}) => /* @__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: _,
-      ...k
-    }
-  ) })
-) : /* @__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: _,
-    ...k
-  }
-) }), 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: k,
-  scrollRefStyles: b = {},
-  keyboardEvents: E = !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: E,
-    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, !(!E || l || !u) && r && !p && requestAnimationFrame(() => S.current?.focus?.({ preventScroll: !0 }));
-  }, [r, E, l]), Y(() => {
-    if (h && c) {
-      y(0), P(!0);
-      return;
-    }
-  }, [c, h, y]), /* @__PURE__ */ x(
-    ze,
-    {
-      variant: k,
-      expanded: n,
-      ref: S,
-      style: b,
-      id: f,
-      role: h ? "listbox" : void 0,
-      tabIndex: E ? -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: C, 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 || k,
-                          active: C,
-                          role: Re,
-                          selected: L.selected,
-                          tabIndex: L?.disabled || E ? -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: k
-                        }
-                      )
-                    ]
-                  },
-                  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: k = "menu",
-    open: b,
-    scrollToTopOnOpen: E = !1,
-    autoActivateFirstItem: j = !0,
-    announceNoResults: O = !1,
-    onActiveItemIdChange: h
-  } = e, f = k === "combobox", D = f && g ? `${g}-listbox` : g, z = Z(b), [M, P] = le(!1), A = de(
-    () => d.map((I, C) => ({
-      ...I,
-      id: I.id || `${g}-item-${C}`
-    })),
-    [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 } = kt({
-    menu: S,
-    scrollRef: o
-  });
-  Me(() => {
-    const I = n.current;
-    if (!I) return;
-    const C = Math.round(I.offsetTop);
-    r((B) => B === C ? B : C);
-  });
-  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 C = -1;
-    for (let B = 0; B < p.length; B++)
-      if (p[B]?.type === "item" && (C += 1, C === w))
-        return B;
-    return -1;
-  }, [$?.id, w, p]), K = Z(null);
-  Me(() => {
-    const I = K?.current, C = typeof I == "number" ? G <= I : !1;
-    K.current = G;
-    const B = C ? G : G + 2;
-    if (!C) {
-      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 C = 0;
-    return p.forEach((B, te) => {
-      B.type === "item" && (C += 1, I.set(te, C));
-    }), { positions: I, total: C };
-  }, [p]);
-  Y(() => {
-    h?.($?.id);
-  }, [$?.id, h]), Y(() => {
-    if (f && O) {
-      y(0), P(!0);
-      return;
-    }
-  }, [O, f, y]), Y(() => {
-    if (!E) {
-      z.current = b;
-      return;
-    }
-    const I = z.current;
-    z.current = b, b && !I && o.current?.scrollTo({ top: 0 });
-  }, [b, E]);
-  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 C = I.key === "ArrowUp" || I.key === "ArrowDown", B = I.key.length === 1 || I.key === "Backspace" || I.key === "Delete";
-              f && !C && 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 C = p[I.index];
-              if (!C) 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 (C.type) {
-                case "divider":
-                  return /* @__PURE__ */ a(
-                    et,
-                    {
-                      ...te,
-                      style: { ...B, padding: "0.25rem 0" }
-                    },
-                    I.key
-                  );
-                case "header":
-                  return /* @__PURE__ */ a(tt, { ...te, title: C.title || "", level: 1 }, I.key);
-                default: {
-                  const L = C.itemProps?.role === "checkbox" || C.itemProps?.role === "radio", se = f && !L ? "option" : C.itemProps?.role;
-                  return /* @__PURE__ */ a(
-                    Je,
-                    {
-                      ...te,
-                      role: f || L ? "presentation" : "menuitem",
-                      children: /* @__PURE__ */ a(
-                        it,
-                        {
-                          ...C.itemProps || {},
-                          size: C.itemProps?.size || c,
-                          color: C.itemProps?.color || l,
-                          variant: C.itemProps?.variant || m,
-                          active: C.active,
-                          role: se,
-                          selected: C.itemProps?.selected,
-                          "aria-posinset": f ? W.positions.get(I.index) : void 0,
-                          "aria-setsize": f ? W.total : void 0,
-                          tabIndex: C.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, k = H.useMemo(() => g.toLowerCase(), [g]), b = H.useMemo(() => g ? g.split(" ") : [], [g]), E = 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: Ct,
-        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(k)) && p.push({
-        ...R,
-        groupId: "search",
-        highlightWords: b
-      });
-    return { selectedItems: w, results: p };
-  }, [_, j, k, 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: E,
-    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: k,
-  id: b
-}) => {
-  const E = wn({ ...o, items: n, groups: t }), j = e ? E.search : o, O = e && E.hasQuery && E.resultCount === 0, h = e ? E.items : n, f = e ? { ...t, ...E.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: k
-    }
-  ) : /* @__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: k
-    }
-  );
-}, 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 kn(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 = Ce(n) ? "avatar" : Ee(n) ? "avatarGroup" : (Pe(n), "icon");
-  return /* @__PURE__ */ x("div", { className: T(ie.media, e), "data-variant": r, children: [
-    Ce(n) && /* @__PURE__ */ a($e, { ...n, className: ie.avatar }) || Ee(n) && /* @__PURE__ */ a(be, { ...n, className: ie.avatarGroup }) || Pe(n) && /* @__PURE__ */ a(Q, { ...n, className: ie.icon }) || kn(n) && /* @__PURE__ */ a(Q, { className: ie.icon, children: n }) || /* @__PURE__ */ a(Q, { className: ie.icon, svgElement: n }),
-    t
-  ] });
-}, Cn = "_heading_1dyne_1", En = {
-  heading: Cn
-}, 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(En.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: k,
-  label: b,
-  badge: E,
-  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 = k || (_ ? 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: [
-            E && /* @__PURE__ */ a(ee, { ...E }),
-            !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: [
-        k && /* @__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: {
-              variant: "subtle",
-              className: q.description
-            },
-            children: p
-          }
-        ),
-        /* @__PURE__ */ x(De, { children: [
-          E && /* @__PURE__ */ a(ee, { ...E }),
-          !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 = ke(), [_, k] = le(!1), b = v.id || `search-field-${g}`, E = `${b}-listbox`, [j, O] = le(void 0), h = "searchfield-clear-button-" + ke(), 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?.(), k(!1);
-    }
-  })), [m]), z = (y) => {
-    if (y.key === "Enter" && f) {
-      m?.items?.[0]?.onClick?.(), k(!1);
-      return;
-    }
-    if (y.key === "Escape" && f) {
-      y.preventDefault(), y.stopPropagation(), k(!1), m?.onClose(), document.getElementById(b)?.focus();
-      return;
-    }
-    v.onKeyDown?.(y), k(!0);
-  }, M = () => {
-    k(!0);
-  }, P = (y) => {
-    if (!_) return;
-    const w = y.relatedTarget;
-    w && y.currentTarget.contains(w) || k(!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": E,
-              "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: E,
-        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: k,
-  useFixedPosition: b = !1,
-  expanded: E = !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((C) => ({
-        ...C,
-        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": E,
-      "data-size": o,
-      tabIndex: -1,
-      role: "menu",
-      "aria-modal": s === "drawer-dropdown" ? !0 : void 0,
-      "aria-activedescendant": k,
-      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: k,
-    archived: b,
-    archivedAt: E,
-    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,
-    ...C
-  }) => {
-    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, { ...C, 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: k,
-                archivedAt: E,
-                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: k = 0,
-  attachmentsLabel: b,
-  transmissionsLabel: E,
-  activityLog: j,
-  extendedStatusLabel: O,
-  tooltips: h = {}
-}) => /* @__PURE__ */ x(Rt, { className: e, size: "xs", children: [
-  n && /* @__PURE__ */ a(kr, { 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: Et, children: u }),
-  k > 0 && /* @__PURE__ */ a(re, { tooltip: h.attachments, loading: o, size: "xs", icon: zt, children: b || k }),
-  E && /* @__PURE__ */ a(re, { tooltip: h.transmissions, loading: o, size: "xs", icon: Jt, children: E }),
-  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: [
-  Ce(o) && /* @__PURE__ */ a($e, { ...o, className: fe.avatar }) || Ee(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_ugak2_1", Or = "_label_ugak2_53", 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 kr = ({ 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 });
-  }
-}, Cr = "_header_29hv7_1", Er = "_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: Cr,
-  label: Er,
-  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: k,
-  description: b,
-  icon: E,
-  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 k == "string" ? k : void 0, $ = ke();
-  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: E }),
-              /* @__PURE__ */ a(
-                Ar,
-                {
-                  size: _,
-                  loading: r,
-                  highlightWords: o,
-                  title: k,
-                  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: [
-  Ce(n) && /* @__PURE__ */ a($e, { ...n, className: ce.avatar }) || Ee(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: k = !1,
-  select: b,
-  selected: E,
-  controls: j,
-  children: O,
-  interactive: h,
-  id: f,
-  containerAs: D,
-  ...z
-}) => {
-  const M = typeof i == "function" ? i() : i, P = ke();
-  return /* @__PURE__ */ x(
-    Mt,
-    {
-      className: T(Kr.item, e),
-      size: l,
-      color: o,
-      variant: n,
-      shadow: t,
-      border: r,
-      disabled: d,
-      selected: E,
-      expanded: c,
-      loading: s,
-      interactive: h,
-      id: f,
-      as: D,
-      children: [
-        /* @__PURE__ */ a(
-          jr,
-          {
-            color: o,
-            loading: s,
-            linkIcon: k,
-            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,
-  kr 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
-};