@altinn/altinn-components 0.59.0 → 0.60.1

package/dist/ToolbarSearch-56Sm2j7P.js

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