twenty-ui 2.43.0 → 2.45.0

package/dist/components-CC-3jXEq.js

@@ -0,0 +1,2144 @@
+import { As as jt, Bt as pt, Cn as Ht, Ei as Vt, En as Gt, Hc as Jt, Mo as Kt, Nn as Ut, Tn as Yt, Uo as Xt, Xc as Qt, Yi as qe, ca as Zt, mc as er, nr as tr, nt as De, pl as Se, qc as rr, wa as ft, wn as nr } from "./icon-B7aZ6RxF.js";
+import { t as u } from "./isDefined-fMi6eQ4r.js";
+import { a as ee, h as or, r as H, t as ar } from "./theme-CjHovJAZ.js";
+import { n as sr, t as ir } from "./handleClickableElementKeyDown-CJ_JsX2K.js";
+import { t as cr } from "./isRenderableSlot-DT_depzM.js";
+import { n as lr, r as dr, t as ur } from "./ProgressBar-21MXyySH.js";
+import { o as mr } from "./utilities-CJKPcDM4.js";
+import { t as vr } from "./Shortcut-CRCVbA2m.js";
+import { a as j, n as _r, o as pr, r as ht, t as fr } from "./Switch-BQp0t6JZ.js";
+import { n as te, t as hr } from "./useProvidedTextDirection-P1dtjUtE.js";
+import { n as gt, r as bt, t as Ce } from "./OverflowingTextWithTooltip-CNpmkBvJ.js";
+import { t as gr } from "./HorizontalSeparator-JwV0dB5W.js";
+import { t as Ae } from "./ListItem-D8BQRK1W.js";
+import { a as ie, n as br, r as Ir, t as Cr } from "./MenuSeparator-CyUYx1nk.js";
+import { t as yr } from "./Heading-DvxTKEaL.js";
+import { t as wr } from "./Avatar-C0FtFpJC.js";
+import { n as Tr, t as Nr } from "./TabsTabContent-s6J5bZ3R.js";
+import { clsx as g } from "clsx";
+import { Fragment as J, jsx as n, jsxs as h } from "react/jsx-runtime";
+import { isArray as kr, isBoolean as Sr, isFunction as Ar, isNonEmptyArray as xr, isNonEmptyString as z, isNumber as Lr, isPositiveInteger as Er, isString as ce } from "@sniptt/guards";
+import { Collapsible as Ze } from "@base-ui/react/collapsible";
+import { createContext as je, forwardRef as He, useCallback as le, useContext as ye, useEffect as Dr, useId as re, useLayoutEffect as me, useMemo as Mr, useRef as X, useState as M } from "react";
+import { useRender as de } from "@base-ui/react/use-render";
+import { Button as It } from "@base-ui/react/button";
+import { Store as Pr, useStore as Rr } from "@base-ui/utils/store";
+import { createPortal as Or } from "react-dom";
+import { useMergedRefs as ve } from "@base-ui/utils/useMergedRefs";
+import { Popover as Ct } from "@base-ui/react/popover";
+import { useDirection as yt } from "@base-ui/react/direction-provider";
+var Br = "_container_5cu4g_1", zr = "_itemContainer_5cu4g_6", Fr = "_overflowCountContainer_5cu4g_22", qr = "_overflowCount_5cu4g_22", ue = {
+  container: Br,
+  itemContainer: zr,
+  overflowCountContainer: Fr,
+  overflowCount: qr
+}, $r = 4, Ci = ({ avatars: e, className: t, maxVisible: r = $r, overflowAvatar: o, overflowCount: a = 0, overflowShape: s = "square", overlap: i = "right", overlapOffset: c = "3px" }) => {
+  const l = e.slice(0, r), d = !o && a > 0;
+  if (!l.length && !o && !d) return null;
+  const m = { "--avatar-group-overlap-offset": c };
+  return /* @__PURE__ */ h("div", {
+    className: g(ue.container, t),
+    children: [
+      l.map((v, _) => /* @__PURE__ */ n("div", {
+        className: ue.itemContainer,
+        "data-overlap": i,
+        style: m,
+        children: v
+      }, _)),
+      o && /* @__PURE__ */ n("div", {
+        className: ue.itemContainer,
+        "data-overlap": i,
+        style: m,
+        children: o
+      }),
+      d && /* @__PURE__ */ n("div", {
+        className: g(ue.itemContainer, ue.overflowCountContainer),
+        "data-overlap": i,
+        style: m,
+        children: /* @__PURE__ */ h("div", {
+          className: ue.overflowCount,
+          "data-shape": s,
+          children: ["+", a]
+        })
+      })
+    ]
+  });
+}, Wr = "_container_stu26_1", jr = "_commandContain_stu26_12", Hr = "_buttonContainer_stu26_16", Vr = "_lineStartSpan_stu26_20", Gr = "_lineSpan_stu26_24", fe = {
+  container: Wr,
+  commandContain: jr,
+  buttonContainer: Hr,
+  lineStartSpan: Vr,
+  lineSpan: Gr
+}, yi = ({ commands: e, button: t }) => /* @__PURE__ */ h("div", {
+  className: fe.container,
+  children: [/* @__PURE__ */ n("div", {
+    className: fe.commandContain,
+    children: /* @__PURE__ */ n(J, { children: e.map((r, o) => /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ n("span", {
+      className: fe.lineStartSpan,
+      children: "> "
+    }), /* @__PURE__ */ n("span", {
+      className: fe.lineSpan,
+      children: r
+    })] }, o)) })
+  }), t && /* @__PURE__ */ n("div", {
+    className: fe.buttonContainer,
+    children: t
+  })]
+}), Jr = "_list_1i4lv_1", Kr = "_nested_1i4lv_8", et = {
+  list: Jr,
+  nested: Kr
+}, Ur = ({ depth: e, className: t, children: r }) => /* @__PURE__ */ n("ul", {
+  className: g(et.list, e > 0 && et.nested, t),
+  children: r
+}), wt = je(void 0), _e = () => {
+  const e = ye(wt);
+  if (!u(e)) throw new Error("useJsonTreeContextOrThrow must be used within a JsonTreeContextProvider");
+  return e;
+}, Yr = "_button_1e3ij_1", Xr = "_red_1e3ij_17", Qr = "_chevron_1e3ij_22", Me = {
+  button: Yr,
+  red: Xr,
+  chevron: Qr
+}, Zr = ({ isOpen: e, onClick: t, variant: r }) => {
+  const o = H(), { arrowButtonCollapsedLabel: a, arrowButtonExpandedLabel: s } = _e(), i = r === "blue" ? ee.color.blue : r === "red" ? ee.font.color.danger : ee.font.color.secondary;
+  return /* @__PURE__ */ h("button", {
+    className: g(Me.button, r === "red" && Me.red),
+    onClick: t,
+    children: [/* @__PURE__ */ n(sr, { children: e ? s : a }), /* @__PURE__ */ n("div", {
+      className: Me.chevron,
+      "data-open": e || void 0,
+      children: /* @__PURE__ */ n(nr, {
+        size: o.icon.size.md,
+        color: i
+      })
+    })]
+  });
+}, en = ({ label: e, value: t, depth: r, keyPath: o, highlighting: a }) => {
+  const { emptyArrayLabel: s } = _e();
+  return /* @__PURE__ */ n(Ve, {
+    elements: [...t.entries()].map(([i, c]) => ({
+      id: i,
+      label: String(i),
+      value: c
+    })),
+    renderElementsCount: (i) => `[${i}]`,
+    label: e,
+    Icon: pt,
+    depth: r,
+    emptyElementsText: s,
+    keyPath: o,
+    highlighting: a
+  });
+}, tn = ({ label: e, value: t, depth: r, keyPath: o, highlighting: a }) => {
+  const { emptyObjectLabel: s } = _e();
+  return /* @__PURE__ */ n(Ve, {
+    elements: Object.entries(t).map(([i, c]) => ({
+      id: i,
+      label: i,
+      value: c
+    })),
+    renderElementsCount: (i) => `{${i}}`,
+    label: e,
+    Icon: tr,
+    depth: r,
+    emptyElementsText: s,
+    keyPath: o,
+    highlighting: a
+  });
+}, rn = "_labelContainer_1pq94_1", nn = "_blue_1pq94_23", on = "_red_1pq94_29", Pe = {
+  labelContainer: rn,
+  blue: nn,
+  red: on
+}, Tt = ({ label: e, Icon: t, highlighting: r }) => {
+  const o = H();
+  return /* @__PURE__ */ h("span", {
+    className: g(Pe.labelContainer, r === "blue" && Pe.blue, r === "red" && Pe.red),
+    children: [/* @__PURE__ */ n(t, {
+      size: o.icon.size.md,
+      color: r === "blue" ? o.color.blue : r === "red" ? o.font.color.danger : o.font.color.tertiary
+    }), /* @__PURE__ */ n("span", { children: e })]
+  });
+}, an = "_text_1ot24_1", sn = "_blue_1ot24_10", cn = "_red_1ot24_14", ln = "_button_1ot24_18", Te = {
+  text: an,
+  blue: sn,
+  red: cn,
+  button: ln
+}, dn = ({ valueAsString: e, highlighting: t }) => {
+  const { onNodeValueClick: r } = _e(), o = u(r), a = () => {
+    r?.(e);
+  }, s = g(Te.text, t === "blue" && Te.blue, t === "red" && Te.red);
+  return o ? /* @__PURE__ */ n("button", {
+    className: g(s, Te.button),
+    type: "button",
+    onClick: a,
+    children: e
+  }) : /* @__PURE__ */ n("span", {
+    className: s,
+    children: e
+  });
+}, un = "_listItem_1i7if_1", mn = { listItem: un }, be = (e) => /* @__PURE__ */ h("li", {
+  className: mn.listItem,
+  children: [e.label && /* @__PURE__ */ n(Tt, {
+    label: e.label,
+    Icon: e.Icon,
+    highlighting: e.highlighting
+  }), /* @__PURE__ */ n(dn, {
+    valueAsString: e.valueAsString,
+    highlighting: e.highlighting
+  })]
+}), vn = (e) => kr(e), Nt = ({ label: e, value: t, depth: r, keyPath: o }) => {
+  const { getNodeHighlighting: a, emptyStringLabel: s } = _e(), i = a?.(o);
+  return u(t) ? ce(t) ? /* @__PURE__ */ n(be, {
+    label: e,
+    valueAsString: z(t) ? t : s,
+    Icon: rr,
+    highlighting: i
+  }) : Lr(t) ? /* @__PURE__ */ n(be, {
+    label: e,
+    valueAsString: String(t),
+    Icon: Kt,
+    highlighting: i
+  }) : Sr(t) ? /* @__PURE__ */ n(be, {
+    label: e,
+    valueAsString: String(t),
+    Icon: Ht,
+    highlighting: i
+  }) : vn(t) ? /* @__PURE__ */ n(en, {
+    label: e,
+    value: t,
+    depth: r,
+    keyPath: o,
+    highlighting: i
+  }) : /* @__PURE__ */ n(tn, {
+    label: e,
+    value: t,
+    depth: r,
+    keyPath: o,
+    highlighting: i
+  }) : /* @__PURE__ */ n(be, {
+    label: e,
+    valueAsString: "null",
+    Icon: Ut,
+    highlighting: i
+  });
+}, _n = "_container_d0cqx_1", pn = "_labelContainer_d0cqx_6", fn = "_elementsCount_d0cqx_12", hn = "_elementsCountRed_d0cqx_16", gn = "_panel_d0cqx_20", bn = "_list_d0cqx_30", In = "_nested_d0cqx_37", Q = {
+  container: _n,
+  labelContainer: pn,
+  elementsCount: fn,
+  elementsCountRed: hn,
+  panel: gn,
+  list: bn,
+  nested: In
+}, Ve = ({ label: e, Icon: t, elements: r, renderElementsCount: o, emptyElementsText: a, depth: s, keyPath: i, highlighting: c }) => {
+  const { shouldExpandNodeInitially: l } = _e(), d = !u(e), [m, v] = M(l({
+    keyPath: i,
+    depth: s
+  })), _ = /* @__PURE__ */ n("ul", {
+    className: g(Q.list, s > 0 && Q.nested),
+    children: r.length === 0 ? /* @__PURE__ */ n(be, {
+      valueAsString: a,
+      highlighting: void 0
+    }) : r.map(({ id: b, label: p, value: k }) => {
+      const C = z(i) ? `${i}.${b}` : String(b);
+      return /* @__PURE__ */ n(Nt, {
+        label: p,
+        value: k,
+        depth: s + 1,
+        keyPath: C
+      }, b);
+    })
+  }), f = () => {
+    v(!m);
+  };
+  return d ? /* @__PURE__ */ n("li", {
+    className: Q.container,
+    children: _
+  }) : /* @__PURE__ */ h(Ze.Root, {
+    className: Q.container,
+    open: m,
+    render: /* @__PURE__ */ n("li", {}),
+    children: [/* @__PURE__ */ h("div", {
+      className: Q.labelContainer,
+      children: [
+        /* @__PURE__ */ n(Zr, {
+          isOpen: m,
+          onClick: f,
+          variant: c === "partial-blue" ? "blue" : c === "red" ? c : void 0
+        }),
+        /* @__PURE__ */ n(Tt, {
+          label: e,
+          Icon: t,
+          highlighting: c === "red" ? c : void 0
+        }),
+        o && /* @__PURE__ */ n("span", {
+          className: g(Q.elementsCount, c === "red" && Q.elementsCountRed),
+          children: o(r.length)
+        })
+      ]
+    }), /* @__PURE__ */ n(Ze.Panel, {
+      className: Q.panel,
+      children: _
+    })]
+  });
+}, Cn = ({ value: e, children: t }) => /* @__PURE__ */ n(wt.Provider, {
+  value: e,
+  children: t
+}), yn = ({ depth: e }) => e <= 1, wi = ({ value: e, entries: t, shouldExpandNodeInitially: r = yn, ...o }) => /* @__PURE__ */ n(Cn, {
+  value: {
+    ...o,
+    shouldExpandNodeInitially: r
+  },
+  children: /* @__PURE__ */ n(Ur, {
+    depth: 0,
+    children: u(t) ? /* @__PURE__ */ n(Ve, {
+      elements: t,
+      Icon: pt,
+      depth: 0,
+      keyPath: "",
+      emptyElementsText: o.emptyObjectLabel
+    }) : /* @__PURE__ */ n(Nt, {
+      value: e ?? null,
+      depth: 0,
+      keyPath: ""
+    })
+  })
+}), wn = "_row_1rw90_1", Tn = "_label_1rw90_11", tt = {
+  row: wn,
+  label: Tn
+}, Ti = ({ children: e, startIcon: t, value: r, progress: o, progressColor: a, progressValueText: s, render: i, ref: c, className: l, ...d }) => {
+  const m = re();
+  return de({
+    render: i,
+    ref: c,
+    props: {
+      ...d,
+      className: g(tt.row, l),
+      children: /* @__PURE__ */ h(J, { children: [/* @__PURE__ */ h("div", {
+        className: tt.label,
+        children: [u(t) && /* @__PURE__ */ n(t, {
+          size: 14,
+          "aria-hidden": !0
+        }), /* @__PURE__ */ n("span", {
+          id: m,
+          children: e
+        })]
+      }), u(o) ? /* @__PURE__ */ n(dr, {
+        value: o,
+        size: "sm",
+        barColor: a,
+        "aria-labelledby": m,
+        "aria-valuetext": s ?? (ce(r) ? r : void 0),
+        children: r
+      }) : /* @__PURE__ */ n("span", { children: r })] })
+    }
+  });
+}, Nn = "_notificationCounter_1lalu_1", kn = "_primary_1lalu_13", Sn = "_secondary_1lalu_18", rt = {
+  notificationCounter: Nn,
+  primary: kn,
+  secondary: Sn
+}, Ni = ({ count: e, variant: t = "primary", className: r }) => /* @__PURE__ */ n("div", {
+  className: g(rt.notificationCounter, rt[t], r),
+  children: e
+}), An = "_root_j2xk4_1", xn = { root: An }, Ln = ({ $backgroundColor: e, $borderColor: t, $dimension: r, className: o, style: a, ...s }) => /* @__PURE__ */ n("div", {
+  ...s,
+  className: g(xn.root, o),
+  style: {
+    "--tinted-icon-tile-background-color": e,
+    "--tinted-icon-tile-border": t ? `1px solid ${t}` : void 0,
+    "--tinted-icon-tile-dimension": r,
+    ...a
+  }
+}), Re = {
+  background: 4,
+  border: 6,
+  icon: 10
+}, Oe = (e, t) => ee.color[`${e}${t}`] ?? ee.tag.text[e], En = (e) => {
+  const t = mr(e);
+  return {
+    backgroundColor: Oe(t, Re.background),
+    iconColor: Oe(t, Re.icon),
+    borderColor: Oe(t, Re.border)
+  };
+}, kt = ({ Icon: e, color: t = or, size: r, stroke: o }) => {
+  const a = H(), s = En(t), i = r ?? a.icon.size.md, c = o ?? a.icon.stroke.md, l = u(r) ? `${r}px` : void 0;
+  return /* @__PURE__ */ n(Ln, {
+    $backgroundColor: s.backgroundColor,
+    $dimension: l,
+    children: /* @__PURE__ */ n(e, {
+      size: i,
+      stroke: c,
+      color: s.iconColor
+    })
+  });
+}, Dn = "_container_101hq_1", Mn = "_containerFullWidth_101hq_14", Pn = "_containerInfo_101hq_18", Rn = "_containerWarning_101hq_23", On = "_containerSuccess_101hq_28", Bn = "_containerError_101hq_33", zn = "_containerNeutral_101hq_38", Fn = "_header_101hq_43", qn = "_iconContainer_101hq_52", $n = "_iconContainerInfo_101hq_61", Wn = "_iconContainerWarning_101hq_65", jn = "_iconContainerSuccess_101hq_69", Hn = "_iconContainerError_101hq_73", Vn = "_iconContainerNeutral_101hq_77", Gn = "_title_101hq_81", Jn = "_descriptionWrapper_101hq_93", Kn = "_descriptionWrapperWithAction_101hq_101", Un = "_description_101hq_93", Yn = "_footer_101hq_114", Xn = "_closeButton_101hq_121", O = {
+  container: Dn,
+  containerFullWidth: Mn,
+  containerInfo: Pn,
+  containerWarning: Rn,
+  containerSuccess: On,
+  containerError: Bn,
+  containerNeutral: zn,
+  header: Fn,
+  iconContainer: qn,
+  iconContainerInfo: $n,
+  iconContainerWarning: Wn,
+  iconContainerSuccess: jn,
+  iconContainerError: Hn,
+  iconContainerNeutral: Vn,
+  title: Gn,
+  descriptionWrapper: Jn,
+  descriptionWrapperWithAction: Kn,
+  description: Un,
+  footer: Yn,
+  closeButton: Xn
+}, Qn = {
+  info: O.containerInfo,
+  warning: O.containerWarning,
+  error: O.containerError,
+  neutral: O.containerNeutral,
+  success: O.containerSuccess
+}, Zn = {
+  info: O.iconContainerInfo,
+  warning: O.iconContainerWarning,
+  error: O.iconContainerError,
+  neutral: O.iconContainerNeutral,
+  success: O.iconContainerSuccess
+}, ki = ({ variant: e, title: t, description: r, fullWidth: o = !1, Icon: a = Zt, action: s, isClosable: i = !1, closeLabel: c = "Close", onClose: l }) => {
+  const [d, m] = M(!0), v = () => {
+    i && (m(!1), l?.());
+  };
+  return d ? /* @__PURE__ */ h("div", {
+    className: g(O.container, Qn[e], o && O.containerFullWidth),
+    children: [
+      /* @__PURE__ */ h("div", {
+        className: O.header,
+        children: [
+          /* @__PURE__ */ n("div", {
+            className: g(O.iconContainer, Zn[e]),
+            children: /* @__PURE__ */ n(a, { size: 16 })
+          }),
+          /* @__PURE__ */ n("div", {
+            className: O.title,
+            children: t
+          }),
+          i && /* @__PURE__ */ n(j, {
+            startIcon: /* @__PURE__ */ n(Se, {}),
+            className: O.closeButton,
+            variant: "ghost",
+            size: "sm",
+            "aria-label": c,
+            onClick: v
+          })
+        ]
+      }),
+      z(r) && /* @__PURE__ */ n("div", {
+        className: g(O.descriptionWrapper, u(s) && O.descriptionWrapperWithAction),
+        children: /* @__PURE__ */ n("div", {
+          className: O.description,
+          children: r
+        })
+      }),
+      u(s) && /* @__PURE__ */ n("div", {
+        className: O.footer,
+        children: /* @__PURE__ */ n(j, {
+          type: "button",
+          onClick: s.onClick,
+          size: "sm",
+          variant: "ghost",
+          style: { fontWeight: "var(--t-font-weight-regular)" },
+          children: s.label
+        })
+      })
+    ]
+  }) : null;
+}, eo = "_banner_1w4g2_1", to = "_embedded_1w4g2_6", ro = "_bannerContent_1w4g2_10", no = "_bannerText_1w4g2_21", oo = "_compact_1w4g2_26", ao = "_compactBlue_1w4g2_43", so = "_compactDanger_1w4g2_48", ae = {
+  banner: eo,
+  embedded: to,
+  bannerContent: ro,
+  bannerText: no,
+  compact: oo,
+  compactBlue: ao,
+  compactDanger: so
+}, io = ({ color: e, title: t, Icon: r, hidden: o, onClick: a, href: s, render: i, target: c, rel: l, download: d, disabled: m, "aria-label": v }) => o ? null : /* @__PURE__ */ n(j, {
+  onClick: a,
+  href: s,
+  render: i,
+  target: c,
+  rel: l,
+  download: d,
+  disabled: m,
+  "aria-label": v,
+  size: "sm",
+  startIcon: u(r) ? /* @__PURE__ */ n(r, {}) : void 0,
+  variant: "outline",
+  color: e === "danger" ? "danger" : "accent",
+  children: t
+}), Si = ({ color: e = "blue", message: t, variant: r = "standard", embedded: o = !1, button: a, LeftIcon: s = ft, className: i }) => {
+  const c = H(), l = r === "compact";
+  return /* @__PURE__ */ h(lr, {
+    className: g(ae.banner, l && ae.compact, l && (e === "danger" ? ae.compactDanger : ae.compactBlue), o && ae.embedded, i),
+    color: e,
+    variant: "secondary",
+    children: [/* @__PURE__ */ h("div", {
+      className: ae.bannerContent,
+      children: [/* @__PURE__ */ n(s, { size: c.icon.size.md }), /* @__PURE__ */ n("div", {
+        className: ae.bannerText,
+        children: l ? t : /* @__PURE__ */ n(Ce, {
+          isFocusable: !0,
+          text: /* @__PURE__ */ n(J, { children: t }),
+          tooltipContent: t
+        })
+      })]
+    }), u(a) && /* @__PURE__ */ n(io, {
+      ...a,
+      color: e
+    })]
+  });
+}, xe = (e) => e.status === "visible", St = ({ store: e, toastsToClose: t, nextToasts: r = e.state.toasts }) => {
+  const o = r.map((s) => t.includes(s) ? {
+    ...s,
+    status: "closing"
+  } : s), a = e.state.mountedToasterCount > 0;
+  e.set("toasts", a ? o : o.filter(xe));
+  for (const s of t) s.notification.onClose?.();
+}, At = je(void 0), we = () => {
+  const e = ye(At);
+  if (!u(e)) throw new Error("Toast components must be used within a ToastProvider.");
+  return e;
+}, xt = () => {
+  const e = we();
+  return { closeToast: (r) => {
+    const o = e.state.toasts.filter((a) => xe(a) && (!u(r) || a.notification.id === r));
+    xr(o) && St({
+      store: e,
+      toastsToClose: o
+    });
+  } };
+}, nt = 0, co = () => {
+  const e = we();
+  return { enqueueToast: Mr(() => {
+    function t(r) {
+      if (!u(r)) return;
+      const { dedupeKey: o, ...a } = r, { toasts: s, limit: i } = e.state, c = s.filter(xe), l = u(o) ? c.find((v) => v.dedupeKey === o) : void 0;
+      if (u(l)) return l.notification.id;
+      nt += 1;
+      const d = `toast-${nt}`, m = Math.max(0, c.length - i + 1);
+      return St({
+        store: e,
+        toastsToClose: c.slice(0, m),
+        nextToasts: [...s, {
+          notification: {
+            ...a,
+            id: d
+          },
+          dedupeKey: o,
+          status: "visible"
+        }]
+      }), d;
+    }
+    return t;
+  }, [e]) };
+}, Ai = () => {
+  const { closeToast: e } = xt(), { enqueueToast: t } = co();
+  return {
+    enqueueToast: t,
+    closeToast: e
+  };
+}, lo = "_root_181ka_1", uo = "_progress_181ka_19", mo = "_header_181ka_30", vo = "_message_181ka_40", _o = "_icon_181ka_45", po = "_actions_181ka_50", fo = "_description_181ka_56", ho = "_footer_181ka_65", go = "_footerAction_181ka_69", bo = "_closeButton_181ka_76", U = {
+  root: lo,
+  progress: uo,
+  header: mo,
+  message: vo,
+  icon: _o,
+  actions: po,
+  description: fo,
+  footer: ho,
+  footerAction: go,
+  closeButton: bo
+}, Io = "_countdown_1njr8_1", Co = "_toastCountdown_1njr8_1", yo = {
+  countdown: Io,
+  toastCountdown: Co
+}, wo = ({ progress: e, duration: t, isPaused: r, barColor: o, onClose: a }) => u(e) ? /* @__PURE__ */ n(ur, {
+  value: e,
+  barColor: o
+}) : /* @__PURE__ */ n("div", {
+  className: yo.countdown,
+  "data-paused": r || void 0,
+  onAnimationEnd: a,
+  style: {
+    "--toast-countdown-color": o,
+    "--toast-countdown-duration": `${t}ms`
+  }
+}), To = {
+  default: De,
+  error: De,
+  success: er,
+  info: ft,
+  warning: De
+}, No = ({ children: e, description: t, icon: r, iconLabel: o, action: a, progress: s, duration: i = 6e3, onCancel: c, onClose: l, cancelLabel: d = "Cancel", closeLabel: m = "Close", variant: v = "default", role: _ = "status", className: f, onMouseEnter: b, onMouseLeave: p, onFocus: k, onBlur: C, render: I, ref: w, ...T }) => {
+  const y = H(), [L, D] = M(!1), [N, S] = M(!1), R = To[v];
+  return de({
+    render: I,
+    ref: w,
+    props: {
+      role: _,
+      "aria-live": _ === "alert" ? "assertive" : "polite",
+      ...T,
+      className: g(U.root, f),
+      onMouseEnter: (A) => {
+        D(!0), b?.(A);
+      },
+      onMouseLeave: (A) => {
+        D(!1), p?.(A);
+      },
+      onFocus: (A) => {
+        S(!0), k?.(A);
+      },
+      onBlur: (A) => {
+        A.currentTarget.contains(A.relatedTarget) || S(!1), C?.(A);
+      },
+      children: /* @__PURE__ */ h(J, { children: [
+        /* @__PURE__ */ n("div", {
+          className: U.progress,
+          "aria-hidden": !0,
+          children: /* @__PURE__ */ n(wo, {
+            barColor: y.snackBar[v].backgroundColor,
+            progress: s,
+            duration: i,
+            isPaused: L || N,
+            onClose: l
+          })
+        }),
+        /* @__PURE__ */ h("div", {
+          className: U.header,
+          children: [
+            /* @__PURE__ */ n("div", {
+              className: U.icon,
+              children: r ?? /* @__PURE__ */ n(R, {
+                "aria-label": o,
+                "aria-hidden": !u(o),
+                color: y.snackBar[v].color,
+                size: y.icon.size.md
+              })
+            }),
+            /* @__PURE__ */ n("div", {
+              className: U.message,
+              children: e
+            }),
+            /* @__PURE__ */ h("div", {
+              className: U.actions,
+              children: [u(c) && /* @__PURE__ */ n(j, {
+                onClick: c,
+                size: "sm",
+                variant: "ghost",
+                style: { fontWeight: "var(--t-font-weight-regular)" },
+                children: d
+              }), u(l) && /* @__PURE__ */ n(j, {
+                title: m,
+                "aria-label": m,
+                startIcon: /* @__PURE__ */ n(Se, {}),
+                className: U.closeButton,
+                variant: "ghost",
+                size: "sm",
+                onClick: l
+              })]
+            })
+          ]
+        }),
+        u(t) && /* @__PURE__ */ n("div", {
+          className: U.description,
+          children: t
+        }),
+        u(a) && /* @__PURE__ */ h("div", {
+          className: U.footer,
+          children: [/* @__PURE__ */ n(gr, { noMargin: !0 }), /* @__PURE__ */ n("div", {
+            className: U.footerAction,
+            children: a
+          })]
+        })
+      ] })
+    }
+  });
+}, ko = (e = 3) => {
+  if (!Er(e)) throw new Error("Toast limit must be a positive integer.");
+  return new Pr({
+    toasts: [],
+    limit: e,
+    mountedToasterCount: 0
+  });
+}, xi = ({ children: e, limit: t = 3 }) => {
+  const [r] = M(() => ko(t));
+  return /* @__PURE__ */ n(At.Provider, {
+    value: r,
+    children: e
+  });
+}, So = "_root_1q2cc_1", Ao = "_item_1q2cc_20", xo = "_itemContent_1q2cc_47", $e = {
+  root: So,
+  item: Ao,
+  itemContent: xo
+}, Lo = () => Rr(we(), (e) => e.toasts), ot = ({ store: e, toast: t }) => {
+  const { toasts: r } = e.state;
+  t.status === "closing" && r.includes(t) && e.set("toasts", r.filter((o) => o !== t));
+}, Eo = ({ elementRef: e, toastEntry: t }) => {
+  const r = we();
+  return me(() => {
+    if (t.status === "visible") return;
+    const o = e.current?.getAnimations?.() ?? [];
+    if (o.length === 0) {
+      ot({
+        store: r,
+        toast: t
+      });
+      return;
+    }
+    let a = !1;
+    return Promise.allSettled(o.map((s) => s.finished)).then(() => {
+      a || ot({
+        store: r,
+        toast: t
+      });
+    }), () => {
+      a = !0;
+    };
+  }, [
+    e,
+    t,
+    r
+  ]), /* @__PURE__ */ n(J, {});
+}, Do = ({ toastEntry: e, getToastProps: t, onClose: r }) => {
+  const { notification: o, status: a } = e, { id: s, ...i } = o, c = X(null);
+  return /* @__PURE__ */ h(J, { children: [/* @__PURE__ */ n("div", {
+    ref: c,
+    className: $e.item,
+    "data-exiting": a === "closing" || void 0,
+    inert: a === "closing",
+    children: /* @__PURE__ */ n("div", {
+      className: $e.itemContent,
+      children: /* @__PURE__ */ n(No, {
+        ...i,
+        ...t?.(o),
+        id: s,
+        onClose: () => r(s)
+      })
+    })
+  }), /* @__PURE__ */ n(Eo, {
+    elementRef: c,
+    toastEntry: e
+  })] });
+}, Mo = ({ getToastProps: e }) => {
+  const t = Lo(), { closeToast: r } = xt();
+  return t.map((o) => /* @__PURE__ */ n(Do, {
+    toastEntry: o,
+    getToastProps: e,
+    onClose: r
+  }, o.notification.id));
+}, Po = () => {
+  const e = we();
+  return me(() => (e.set("mountedToasterCount", e.state.mountedToasterCount + 1), () => {
+    e.set("mountedToasterCount", e.state.mountedToasterCount - 1), !(e.state.mountedToasterCount > 0) && e.set("toasts", e.state.toasts.filter(xe));
+  }), [e]), null;
+}, Li = ({ container: e, getToastProps: t, className: r, render: o, ref: a, ...s }) => {
+  const i = ar(), c = hr(), l = e === void 0 ? i ?? (typeof document > "u" ? null : document.body) : e, d = de({
+    render: o,
+    ref: a,
+    props: {
+      role: "region",
+      dir: c,
+      "aria-label": "Notifications",
+      ...s,
+      className: g($e.root, r),
+      children: /* @__PURE__ */ h(J, { children: [/* @__PURE__ */ n(Po, {}), /* @__PURE__ */ n(Mo, { getToastProps: t })] })
+    }
+  });
+  return u(l) ? Or(d, l) : null;
+}, Ro = "_button_1qwl0_1", Oo = "_tooltipAnchor_1qwl0_29", Bo = "_icon_1qwl0_33", Be = {
+  button: Ro,
+  tooltipAnchor: Oo,
+  icon: Bo
+}, zo = ({ children: e, size: t = "md", shape: r = "square", className: o, tooltip: a, tooltipPlace: s = "bottom", tooltipDelay: i = 1e3, tooltipOffset: c = 5, disabled: l, loading: d, ...m }) => {
+  const v = ye(pr)?.size ?? t, _ = z(a), f = l || d, b = /* @__PURE__ */ n(j, {
+    ...m,
+    size: t === "xs" ? "sm" : t,
+    "data-icon-size": v,
+    "data-shape": r,
+    disabled: l,
+    loading: d,
+    startIcon: /* @__PURE__ */ n("span", {
+      className: Be.icon,
+      children: e
+    }),
+    className: te(Be.button, o)
+  });
+  return _ ? /* @__PURE__ */ n(bt, {
+    content: a,
+    delay: i,
+    side: s,
+    sideOffset: c,
+    children: f ? /* @__PURE__ */ n("span", {
+      className: Be.tooltipAnchor,
+      children: b
+    }) : b
+  }) : b;
+}, Fo = "_root_u3myi_1", qo = "_preview_u3myi_6", $o = "_image_u3myi_35", Wo = "_fileInput_u3myi_48", jo = "_content_u3myi_58", Ho = "_actions_u3myi_67", Vo = "_helperText_u3myi_73", Go = "_errorMessage_u3myi_78", Z = {
+  root: Fo,
+  preview: qo,
+  image: $o,
+  fileInput: Wo,
+  content: jo,
+  actions: Ho,
+  helperText: Vo,
+  errorMessage: Go
+}, Jo = ({ src: e }) => {
+  const t = H(), [r, o] = M(!1);
+  return !z(e) || r ? /* @__PURE__ */ n(Xt, {
+    size: t.icon.size.lg,
+    "aria-hidden": !0
+  }) : /* @__PURE__ */ n("img", {
+    className: Z.image,
+    src: e,
+    alt: "",
+    onError: () => o(!0)
+  });
+}, Ei = ({ src: e, onUpload: t, onRemove: r, onAbort: o, disabled: a = !1, isUploading: s = !1, helperText: i, errorMessage: c, uploadLabel: l = "Upload", removeLabel: d = "Remove", abortLabel: m = "Abort", accept: v = "image/*", className: _, render: f, ref: b, ...p }) => {
+  const k = X(null), C = re(), I = `${C}-helper`, w = `${C}-error`, T = z(e), y = z(i), L = z(c), D = a || !u(t), N = a || !T || !u(r), S = D || s, R = N || s, A = s && u(o), F = [y && I, L && w].filter(z).join(" ") || void 0, E = () => {
+    S || k.current?.click();
+  }, P = (B) => {
+    const $ = B.currentTarget.files?.[0];
+    B.currentTarget.value = "", !(S || !u($)) && t?.($);
+  };
+  return de({
+    render: f,
+    ref: b,
+    props: {
+      ...p,
+      className: g(Z.root, _),
+      "aria-busy": s || p["aria-busy"],
+      children: /* @__PURE__ */ h(J, { children: [/* @__PURE__ */ n("button", {
+        className: Z.preview,
+        type: "button",
+        disabled: D,
+        "aria-disabled": s || void 0,
+        "aria-label": l,
+        "aria-describedby": F,
+        onClick: E,
+        children: /* @__PURE__ */ n(Jo, { src: e }, e)
+      }), /* @__PURE__ */ h("div", {
+        className: Z.content,
+        children: [
+          /* @__PURE__ */ h("div", {
+            className: Z.actions,
+            children: [
+              /* @__PURE__ */ n("input", {
+                ref: k,
+                className: Z.fileInput,
+                type: "file",
+                accept: v,
+                disabled: S,
+                hidden: !0,
+                onChange: P
+              }),
+              A ? /* @__PURE__ */ n(j, {
+                type: "button",
+                startIcon: /* @__PURE__ */ n(Se, {}),
+                onClick: o,
+                disabled: a,
+                variant: "outline",
+                children: m
+              }) : /* @__PURE__ */ n(j, {
+                type: "button",
+                startIcon: /* @__PURE__ */ n(Qt, {}),
+                onClick: E,
+                disabled: S,
+                focusableWhenDisabled: s && !D,
+                "aria-describedby": F,
+                variant: "outline",
+                children: l
+              }),
+              /* @__PURE__ */ n(j, {
+                type: "button",
+                startIcon: /* @__PURE__ */ n(Jt, {}),
+                onClick: r,
+                disabled: R,
+                focusableWhenDisabled: s && !N,
+                variant: "outline",
+                children: d
+              })
+            ]
+          }),
+          y && /* @__PURE__ */ n("span", {
+            className: Z.helperText,
+            id: I,
+            children: i
+          }),
+          L && /* @__PURE__ */ n("span", {
+            className: Z.errorMessage,
+            id: w,
+            role: "alert",
+            children: c
+          })
+        ]
+      })] })
+    }
+  });
+}, Ko = "_button_k3e4y_1", Uo = { button: Ko }, Di = ({ className: e, emphasis: t = "standard", size: r = "sm", variant: o = "ghost", ...a }) => /* @__PURE__ */ n(j, {
+  ...a,
+  size: r,
+  variant: o,
+  "data-emphasis": t,
+  className: te(Uo.button, e)
+}), Yo = "_button_prhtf_1", Xo = { button: Yo }, Qo = ({ className: e, emphasis: t = "standard", size: r = "sm", variant: o = "ghost", ...a }) => /* @__PURE__ */ n(zo, {
+  ...a,
+  size: r,
+  variant: o,
+  "data-emphasis": t,
+  className: te(Xo.button, e)
+}), Zo = "_button_1fwx7_1", ea = { button: Zo }, Mi = ({ className: e, elevated: t = !0, variant: r = "solid", ...o }) => /* @__PURE__ */ n(j, {
+  ...o,
+  elevated: t,
+  variant: r,
+  className: te(ea.button, e)
+}), ta = "_wrapper_fz4xu_1", ra = "_filterButton_fz4xu_8", na = "_inputGroup_fz4xu_17", oa = "_searchIcon_fz4xu_23", Ne = {
+  wrapper: ta,
+  filterButton: ra,
+  inputGroup: na,
+  searchIcon: oa
+}, Pi = ({ placeholder: e, filterDropdown: t, size: r = "md", id: o, filterButtonAriaLabel: a = "Filter", "aria-label": s, "aria-labelledby": i, ...c }) => {
+  const l = H(), d = re(), m = o ?? d, v = /* @__PURE__ */ n(j, {
+    variant: "outline",
+    size: r,
+    "aria-label": a,
+    startIcon: /* @__PURE__ */ n(Vt, { size: l.icon.size.md }),
+    className: Ne.filterButton
+  });
+  return /* @__PURE__ */ h("div", {
+    className: Ne.wrapper,
+    children: [/* @__PURE__ */ n(_r, {
+      className: Ne.inputGroup,
+      size: r,
+      startElement: /* @__PURE__ */ n(jt, {
+        className: Ne.searchIcon,
+        size: l.icon.size.md,
+        "aria-hidden": !0
+      }),
+      children: /* @__PURE__ */ n(ht, {
+        ...c,
+        id: m,
+        placeholder: e,
+        "aria-label": z(i) ? void 0 : s ?? e,
+        "aria-labelledby": i
+      })
+    }), t?.(v)]
+  });
+}, Ri = ({ children: e, startIcon: t, description: r, focused: o = !1, checked: a, defaultChecked: s, onCheckedChange: i, disabled: c = !1, readOnly: l = !1, size: d = "sm", name: m, value: v, required: _, className: f, style: b, ref: p, ...k }) => {
+  const C = re(), I = `${C}-label`, w = `${C}-description`, T = cr(r);
+  return /* @__PURE__ */ n(Ae, {
+    className: f,
+    style: b,
+    startIcon: t,
+    focused: o,
+    disabled: c,
+    description: T && /* @__PURE__ */ n("span", {
+      id: w,
+      children: r
+    }),
+    render: (y) => /* @__PURE__ */ n("label", {
+      ...k,
+      ...y,
+      htmlFor: C,
+      ref: p
+    }),
+    endIcon: /* @__PURE__ */ n(fr, {
+      id: C,
+      "aria-labelledby": I,
+      "aria-describedby": T ? w : void 0,
+      checked: a,
+      defaultChecked: s,
+      onCheckedChange: i,
+      disabled: c,
+      readOnly: l,
+      size: d,
+      name: m,
+      value: v,
+      required: _
+    }),
+    children: /* @__PURE__ */ n("span", {
+      id: I,
+      children: e
+    })
+  });
+}, aa = "_container_gwbng_1", sa = "_layer_gwbng_8", ia = "_visible_gwbng_22", ca = "_hidden_gwbng_27", se = {
+  container: aa,
+  layer: sa,
+  visible: ia,
+  hidden: ca
+}, Oi = ({ isActive: e, ActiveIcon: t, InactiveIcon: r, size: o }) => {
+  const a = H(), s = o ?? a.icon.size.sm;
+  return /* @__PURE__ */ h("div", {
+    className: se.container,
+    style: { "--animated-icon-crossfade-size": `${s}px` },
+    children: [/* @__PURE__ */ n("div", {
+      className: g(se.layer, e ? se.hidden : se.visible),
+      children: /* @__PURE__ */ n(r, { size: s })
+    }), /* @__PURE__ */ n("div", {
+      className: g(se.layer, e ? se.visible : se.hidden),
+      children: /* @__PURE__ */ n(t, { size: s })
+    })]
+  });
+}, la = "_root_1yq9n_1", da = "_items_1yq9n_11", ua = "_item_1yq9n_11", ma = "_trigger_1yq9n_45", va = "_popup_1yq9n_72", Ie = {
+  root: la,
+  items: da,
+  item: ua,
+  trigger: ma,
+  popup: va
+}, Lt = (e) => le((t) => {
+  if (u(t))
+    return () => {
+      t.contains(t.ownerDocument.activeElement) && e();
+    };
+}, [e]), _a = ({ children: e, isHidden: t, isLastVisible: r, onFocusedItemUnmount: o }) => /* @__PURE__ */ n("div", {
+  ref: Lt(o),
+  className: Ie.item,
+  "data-hidden": t || void 0,
+  "data-last-visible": r || void 0,
+  "aria-hidden": t || void 0,
+  inert: t,
+  children: e
+}), at = ({ itemWidths: e, availableWidth: t, gap: r, includePartialItem: o }) => {
+  let a = 0, s = 0;
+  for (const i of e) {
+    const c = a + i + (s > 0 ? r : 0);
+    if (s !== 0 && c > t) {
+      const l = a + r < t;
+      return o && l ? s + 1 : s;
+    }
+    a = c, s += 1;
+  }
+  return s;
+}, pa = ({ items: e, itemElements: t, supportsSynchronousLayout: r }) => {
+  if (!r) return t.map((a) => a.scrollWidth);
+  e.setAttribute("data-measuring", "");
+  const o = t.map((a) => a.clientWidth);
+  return e.removeAttribute("data-measuring"), o;
+}, fa = 100, ha = ({ itemCount: e, inlineItemCount: t, reserveCountSpace: r, isMeasurementEnabled: o }) => {
+  const a = X(null), s = X(null), i = X(null), c = X(void 0), l = X({
+    itemCount: e,
+    reserveCountSpace: r
+  }), [d, m] = M(t), [v, _] = M(e > t);
+  return me(() => {
+    l.current = {
+      itemCount: e,
+      reserveCountSpace: r
+    }, c.current?.();
+  }, [
+    e,
+    t,
+    r
+  ]), me(() => {
+    const f = a.current, b = s.current;
+    if (!o || !u(f) || !u(b)) return;
+    const p = u(globalThis.ResizeObserver), k = /* @__PURE__ */ new Set(), C = () => {
+      const T = Array.from(b.children), y = /* @__PURE__ */ new Set([f, ...T]);
+      u(i.current) && y.add(i.current);
+      for (const P of k) y.has(P) || (I?.unobserve(P), k.delete(P));
+      for (const P of y) k.has(P) || (I?.observe(P), k.add(P));
+      const L = l.current, D = pa({
+        items: b,
+        itemElements: T,
+        supportsSynchronousLayout: p
+      }), N = parseFloat(getComputedStyle(b).columnGap) || 0, S = f.clientWidth, R = at({
+        itemWidths: D,
+        availableWidth: S,
+        gap: N,
+        includePartialItem: !1
+      }), A = L.itemCount > R, F = i.current?.offsetWidth ?? 0, E = L.reserveCountSpace && A ? Math.max(0, S - F - N) : S;
+      _(A), m(at({
+        itemWidths: D,
+        availableWidth: E,
+        gap: N,
+        includePartialItem: !L.reserveCountSpace
+      }));
+    }, I = p ? new ResizeObserver(C) : void 0;
+    c.current = C, C();
+    const w = new MutationObserver(C);
+    if (w.observe(b, {
+      attributes: !0,
+      attributeFilter: [
+        "class",
+        "style",
+        "hidden"
+      ],
+      characterData: !0,
+      childList: !0,
+      subtree: !0
+    }), w.observe(f, { childList: !0 }), !u(I)) {
+      const T = setInterval(C, fa);
+      return window.addEventListener("resize", C), () => {
+        c.current = void 0, clearInterval(T), w.disconnect(), window.removeEventListener("resize", C);
+      };
+    }
+    return () => {
+      c.current = void 0, w.disconnect(), I.disconnect();
+    };
+  }, [o]), {
+    containerRef: a,
+    itemsRef: s,
+    triggerRef: i,
+    visibleItemCount: d,
+    hasOverflow: v
+  };
+}, he = (e) => e.stopPropagation(), st = {
+  onClick: he,
+  onMouseDown: he,
+  onPointerDown: he,
+  onKeyDown: he,
+  onKeyUp: he
+}, Bi = ({ children: e, showOverflowCount: t, maxInlineCount: r, overflowLabel: o = "Show all items", className: a, onMouseEnter: s, onMouseLeave: i, onFocusCapture: c, onBlurCapture: l, ref: d, ...m }) => {
+  const [v, _] = M(!1), [f, b] = M(!1), [p, k] = M(!1), [C, I] = M(), w = t ?? C ?? (v || f || p), T = u(r) && Number.isFinite(r) ? Math.min(e.length, Math.max(0, Math.floor(r))) : e.length, { containerRef: y, itemsRef: L, triggerRef: D, visibleItemCount: N, hasOverflow: S } = ha({
+    itemCount: e.length,
+    inlineItemCount: T,
+    reserveCountSpace: w,
+    isMeasurementEnabled: t !== !1 || p
+  }), R = le(() => {
+    b(!1), I(void 0);
+  }, []), A = Lt(R), F = ve(y, d), E = ve(D, A), P = t === !1 ? T : N, B = e.length - N, $ = S && (p || t !== !1);
+  return p && !$ && k(!1), /* @__PURE__ */ n(ie.Root, {
+    open: p && $,
+    onOpenChange: k,
+    children: /* @__PURE__ */ h("div", {
+      ...m,
+      ref: F,
+      className: g(Ie.root, a),
+      onMouseEnter: (x) => {
+        _(!0), s?.(x);
+      },
+      onMouseLeave: (x) => {
+        _(!1), i?.(x);
+      },
+      onFocusCapture: (x) => {
+        b(!0), L.current?.contains(x.target) && I((oe) => oe ?? w), c?.(x);
+      },
+      onBlurCapture: (x) => {
+        b(x.currentTarget.contains(x.relatedTarget)), L.current?.contains(x.relatedTarget) || I(void 0), l?.(x);
+      },
+      children: [
+        /* @__PURE__ */ n("div", {
+          ref: L,
+          className: Ie.items,
+          children: e.slice(0, T).map((x, oe) => /* @__PURE__ */ n(_a, {
+            isHidden: oe >= P,
+            isLastVisible: t !== !1 && oe === P - 1,
+            onFocusedItemUnmount: R,
+            children: x
+          }, x.key ?? oe))
+        }),
+        $ && /* @__PURE__ */ h(ie.Trigger, {
+          ref: E,
+          type: "button",
+          className: Ie.trigger,
+          "data-visible": w || void 0,
+          "aria-label": `+${B} ${o}`,
+          ...st,
+          children: ["+", B]
+        }),
+        /* @__PURE__ */ n(ie.Popup, {
+          anchor: y,
+          align: "start",
+          sideOffset: -9,
+          alignOffset: -7,
+          "aria-label": o,
+          className: Ie.popup,
+          "data-overflowing-list-popup": "",
+          ...st,
+          children: e
+        })
+      ]
+    })
+  });
+}, ga = "_header_1r38k_1", ba = "_titleRow_1r38k_8", Ia = "_title_1r38k_8", Ca = "_adornment_1r38k_21", ya = "_description_1r38k_27", ge = {
+  header: ga,
+  titleRow: ba,
+  title: Ia,
+  adornment: Ca,
+  description: ya
+}, wa = ({ title: e, description: t, adornment: r, level: o = 2, size: a = "md", color: s = "primary", descriptionLineClamp: i = 5, render: c, ref: l, className: d, ...m }) => {
+  const v = re(), _ = ce(t) ? z(t) : u(t) && t !== !1;
+  return de({
+    render: c,
+    ref: l,
+    props: {
+      ...m,
+      className: g(ge.header, d),
+      children: /* @__PURE__ */ h(J, { children: [/* @__PURE__ */ h("div", {
+        className: ge.titleRow,
+        children: [/* @__PURE__ */ n(yr, {
+          level: o,
+          size: a,
+          color: s,
+          className: ge.title,
+          "aria-describedby": _ ? v : void 0,
+          children: e
+        }), u(r) && /* @__PURE__ */ n("div", {
+          className: ge.adornment,
+          children: r
+        })]
+      }), _ && /* @__PURE__ */ n("div", {
+        id: v,
+        className: ge.description,
+        children: ce(t) ? /* @__PURE__ */ n(Ce, {
+          text: t,
+          displayedMaxRows: i,
+          isTooltipMultiline: !0,
+          isFocusable: !0
+        }) : t
+      })] })
+    }
+  });
+}, Ta = "_root_ztxxm_1", Na = "_fullWidth_ztxxm_20", it = {
+  root: Ta,
+  fullWidth: Na
+}, ka = ({ align: e = "left", color: t = "primary", fullWidth: r = !0, className: o, render: a, ref: s, ...i }) => de({
+  render: a,
+  ref: s,
+  props: {
+    ...i,
+    "data-align": e,
+    "data-color": t,
+    className: g(it.root, r && it.fullWidth, o)
+  }
+}), zi = {
+  Root: ka,
+  Header: wa
+}, Ge = (e) => e.getAttribute("aria-label") ?? e.textContent ?? "", Le = (e) => Array.from(e.querySelectorAll("[data-dropdown-item]")).filter((t) => t.getAttribute("aria-disabled") !== "true" && !t.hasAttribute("disabled") && t.closest("[data-dropdown-content]") === e), ke = je(void 0), V = () => {
+  const e = ye(ke);
+  if (!u(e)) throw new Error("Dropdown components must be inside Dropdown.Root");
+  return e;
+}, Je = ({ id: e, isSubmenuTrigger: t = !1 }) => {
+  const r = V(), o = t ? r.parentType : r.type, a = t ? r.parentActiveItemId : r.activeItemId, s = t ? r.setParentActiveItemId : r.setActiveItemId;
+  return {
+    tabIndex: o === "menu" && a !== e ? -1 : 0,
+    activate: () => s?.(e)
+  };
+}, Et = ({ color: e, startIcon: t, endIcon: r, description: o, descriptionPlacement: a, shortcut: s, shortcutJoinLabel: i, hasSubmenu: c, children: l, render: d, disabled: m = !1, nativeButton: v = !u(d), closeOnClick: _ = !0, onClick: f, onFocus: b, page: p, id: k, ...C }) => {
+  const { type: I, closeTree: w, goToPage: T } = V(), y = re(), L = k ?? y, D = Je({ id: L });
+  return /* @__PURE__ */ n(It, {
+    ...C,
+    id: L,
+    disabled: m,
+    nativeButton: v,
+    role: C.role ?? (I === "menu" ? "menuitem" : void 0),
+    tabIndex: D.tabIndex,
+    onFocus: (N) => {
+      D.activate(), b?.(N);
+    },
+    "data-dropdown-item": "",
+    "data-dropdown-page": p,
+    onClick: (N) => {
+      if (f?.(N), !N.defaultPrevented) {
+        if (u(p)) {
+          const S = N.currentTarget.closest("[data-dropdown-content]");
+          if (!u(S)) return;
+          T({
+            id: p,
+            trigger: {
+              id: k,
+              index: Le(S).indexOf(N.currentTarget),
+              page: p,
+              label: Ge(N.currentTarget)
+            }
+          });
+          return;
+        }
+        _ && w();
+      }
+    },
+    render: (N) => /* @__PURE__ */ n(Ae, {
+      ...N,
+      render: d ?? /* @__PURE__ */ n("button", { type: "button" }),
+      disabled: m,
+      color: e,
+      startIcon: t,
+      endIcon: r,
+      description: o,
+      descriptionPlacement: a,
+      shortcut: s,
+      shortcutJoinLabel: i,
+      hasSubmenu: c ?? u(p),
+      children: l
+    })
+  });
+}, Sa = "_content_rrrph_1", Aa = "_page_rrrph_12", xa = "_section_rrrph_16", La = "_separator_rrrph_28", Ea = "_back_rrrph_36", Da = "_backIcon_rrrph_48", Ma = "_searchContainer_rrrph_52", Pa = "_search_rrrph_52", Ra = "_status_rrrph_69", Oa = "_header_rrrph_75", Ba = "_title_rrrph_88", G = {
+  content: Sa,
+  page: Aa,
+  section: xa,
+  separator: La,
+  back: Ea,
+  backIcon: Da,
+  searchContainer: Ma,
+  search: Pa,
+  status: Ra,
+  header: Oa,
+  title: Ba
+}, za = ({ children: e = "Back", className: t, onClick: r, ...o }) => {
+  const { goBack: a, canGoBack: s } = V();
+  return /* @__PURE__ */ n(Et, {
+    ...o,
+    className: g(G.back, t),
+    "data-dropdown-back": "",
+    disabled: o.disabled || !s,
+    startIcon: /* @__PURE__ */ n(Yt, { className: G.backIcon }),
+    closeOnClick: !1,
+    onClick: (i) => {
+      r?.(i), !i.defaultPrevented && a();
+    },
+    children: e
+  });
+}, Fa = ({ render: e, children: t, "aria-label": r, ...o }) => /* @__PURE__ */ n(Ct.Close, {
+  ...o,
+  "aria-label": r,
+  render: e ?? /* @__PURE__ */ n(Qo, {
+    size: "sm",
+    "aria-label": r,
+    children: t ?? /* @__PURE__ */ n(Se, {})
+  }),
+  children: u(e) ? t : void 0
+}), Ke = ({ content: e, target: t, edge: r = "first", type: o }) => {
+  const a = u(t?.id) ? e.ownerDocument.getElementById(t.id) : null;
+  if (u(a) && e.contains(a)) return a;
+  const s = Le(e), i = u(t) ? s.filter((f) => f.dataset.dropdownPage === t.page) : [], [c] = i;
+  if (i.length === 1 && u(c)) return c;
+  const l = z(t?.label) ? i.filter((f) => Ge(f) === t?.label) : [], [d] = l;
+  if (l.length === 1 && u(d)) return d;
+  const m = u(t) ? s[t.index] : void 0;
+  if (u(m)) return m;
+  const v = e.querySelector('input:not(:disabled):not([type="hidden"]),button:not(:disabled),textarea:not(:disabled),select:not(:disabled),a[href],[tabindex="0"]');
+  if ((Array.from(e.querySelectorAll("[data-dropdown-page-type]")).find((f) => f.closest("[data-dropdown-content]") === e)?.dataset.dropdownPageType ?? o ?? e.dataset.type) === "panel") return v ?? e;
+  const _ = e.querySelector("[data-dropdown-search]:not(:disabled)");
+  return u(_) ? _ : r === "last" ? s[s.length - 1] ?? v ?? e : s.find((f) => !f.hasAttribute("data-dropdown-back")) ?? s[0] ?? v ?? e;
+}, qa = ({ contentRef: e }) => {
+  const { open: t, pageId: r, pageFocusRequest: o, setPageFocusRequest: a } = V();
+  return me(() => {
+    u(o) && (a(void 0), !(!t || o.pageId !== r || !u(e.current)) && Ke({
+      content: e.current,
+      target: o.target
+    }).focus());
+  }, [
+    e,
+    t,
+    r,
+    o,
+    a
+  ]), null;
+}, Dt = (e) => {
+  if (e.dataset.type === "panel") return;
+  const t = e.querySelector("[data-dropdown-search]:not(:disabled)");
+  if (!(!u(t) || !z(t.value.trim())))
+    return Le(e).find((r) => r.hasAttribute("data-dropdown-option-item"));
+}, $a = ({ content: e }) => {
+  const { setSearchTargetId: t } = V();
+  return me(() => {
+    if (!u(e)) return;
+    const r = () => t(Dt(e)?.id);
+    r();
+    const o = new MutationObserver(r);
+    return o.observe(e, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: ["disabled", "aria-disabled"]
+    }), e.addEventListener("input", r), () => {
+      o.disconnect(), e.removeEventListener("input", r), t(void 0);
+    };
+  }, [e, t]), null;
+}, Wa = (e) => (e.ctrlKey || e.metaKey) && !e.defaultPrevented, ja = (e) => Array.from(e.ownerDocument.querySelectorAll("[data-dropdown-item][aria-controls]")).find((t) => t.getAttribute("aria-controls") === e.id), Ha = ({ key: e, items: t, currentIndex: r, search: o, isSearch: a }) => {
+  const s = t.length - 1;
+  if (e === "ArrowDown") return t[r === s ? 0 : r + 1];
+  if (e === "ArrowUp" && r === 0 && u(o)) return o;
+  if (e === "ArrowUp") return t[r <= 0 ? s : r - 1];
+  if (!a && e === "Home") return t[0];
+  if (!a && e === "End") return t[s];
+}, Va = 500, Ga = ({ type: e, isSubmenu: t, setOpen: r }) => {
+  const o = yt(), [a, s] = M({
+    text: "",
+    timestamp: 0
+  });
+  return (i) => {
+    if (i.defaultPrevented) return;
+    const c = i.currentTarget, l = i.target;
+    if (!(l instanceof HTMLElement) || l.closest("[data-dropdown-content]") !== c) return;
+    const d = l.matches('input,textarea,select,[contenteditable="true"]'), m = o === "rtl" ? "ArrowRight" : "ArrowLeft";
+    if (t && (i.key === "Escape" || !d && i.key === m)) {
+      i.preventDefault(), i.stopPropagation(), ja(c)?.focus(), r(!1);
+      return;
+    }
+    if (e === "panel") return;
+    const v = c.querySelector("[data-dropdown-search]:not(:disabled)"), _ = l === v;
+    if (d && !_) return;
+    const f = Le(c).filter((y) => !u(v) || !y.hasAttribute("data-dropdown-back")), b = _ && i.key === "Enter" && !i.nativeEvent.isComposing ? Dt(c) : void 0;
+    if (u(b)) {
+      i.preventDefault(), b.click();
+      return;
+    }
+    const p = f.indexOf(l), k = Ha({
+      key: i.key,
+      items: f,
+      currentIndex: p,
+      search: v,
+      isSearch: _
+    });
+    if (u(k)) {
+      i.preventDefault(), k.focus();
+      return;
+    }
+    if (d || i.key.length !== 1 || i.key === " " || i.altKey || i.ctrlKey || i.metaKey) return;
+    const C = Date.now(), I = C - a.timestamp > Va ? i.key : a.text + i.key;
+    s({
+      text: I,
+      timestamp: C
+    });
+    const w = ([...I].every((y) => y === I[0]) ? i.key : I).toLocaleLowerCase(), T = [...f.slice(p + 1), ...f.slice(0, p + 1)].find((y) => Ge(y).trim().toLocaleLowerCase().startsWith(w));
+    u(T) && (i.preventDefault(), T.focus());
+  };
+}, Ja = ({ side: e, align: t = "start", sideOffset: r = 0, alignOffset: o, anchor: a, container: s, keepMounted: i, width: c = 200, className: l, style: d, children: m, initialFocus: v, onKeyDown: _, onClick: f, onMouseDown: b, onPointerDown: p, "aria-label": k, "aria-labelledby": C, ref: I, ...w }) => {
+  const { type: T, isSubmenu: y, setOpen: L, initialFocusEdge: D, focusOnOpen: N, triggerId: S, titleId: R } = V(), A = X(null), [F, E] = M(null), P = ve(A, I, E), B = Ga({
+    type: T,
+    isSubmenu: y,
+    setOpen: L
+  }), $ = u(k) ? void 0 : R ?? S;
+  return /* @__PURE__ */ h(J, { children: [
+    /* @__PURE__ */ n(ie.Popup, {
+      ...w,
+      ref: P,
+      side: e ?? (y ? "inline-end" : "bottom"),
+      align: t,
+      sideOffset: r,
+      alignOffset: o,
+      anchor: a,
+      container: s,
+      keepMounted: i,
+      role: T === "menu" ? "menu" : "dialog",
+      "aria-label": k,
+      "aria-labelledby": C ?? $,
+      "data-dropdown-content": "",
+      "data-type": T,
+      className: te(G.content, l),
+      style: (x) => ({
+        width: c,
+        ...Ar(d) ? d(x) : d
+      }),
+      initialFocus: v ?? (() => N ? u(A.current) ? Ke({
+        content: A.current,
+        edge: D,
+        type: T
+      }) : !0 : !1),
+      onKeyDown: (x) => {
+        _?.(x), B(x), Wa(x) || x.stopPropagation();
+      },
+      onClick: (x) => {
+        x.stopPropagation(), f?.(x);
+      },
+      onMouseDown: (x) => {
+        x.stopPropagation(), b?.(x);
+      },
+      onPointerDown: (x) => {
+        x.stopPropagation(), p?.(x);
+      },
+      children: m
+    }),
+    /* @__PURE__ */ n(qa, { contentRef: A }),
+    /* @__PURE__ */ n($a, { content: F })
+  ] });
+}, Ka = ({ className: e, ...t }) => /* @__PURE__ */ n(gt, {
+  ...t,
+  role: "status",
+  "aria-live": "polite",
+  className: g(G.status, e)
+}), Ua = ({ render: e, ref: t, className: r, ...o }) => de({
+  render: e,
+  ref: t,
+  props: {
+    ...o,
+    className: g(G.header, r)
+  }
+}), Ya = ({ className: e, ...t }) => /* @__PURE__ */ n(gt, {
+  ...t,
+  role: "status",
+  "aria-live": "polite",
+  "aria-busy": "true",
+  className: g(G.status, e)
+}), Xa = ({ selected: e, indicator: t, onSelect: r, closeOnSelect: o, color: a, startIcon: s, endIcon: i, description: c, descriptionPlacement: l, shortcut: d, shortcutJoinLabel: m, hasSubmenu: v, children: _, render: f, disabled: b = !1, nativeButton: p = !u(f), onClick: k, onFocus: C, id: I, ...w }) => {
+  const { type: T, multiple: y, closeTree: L, searchTargetId: D } = V(), N = T === "menu", S = u(e), R = S ? y ? "menuitemcheckbox" : "menuitemradio" : "menuitem", A = y ? "checkbox" : "check", F = re(), E = I ?? F, P = Je({ id: E });
+  return /* @__PURE__ */ n(It, {
+    ...w,
+    id: E,
+    disabled: b,
+    nativeButton: p,
+    role: N ? R : void 0,
+    "aria-checked": N && S ? e : void 0,
+    "aria-pressed": !N && S ? e : void 0,
+    tabIndex: P.tabIndex,
+    onFocus: (B) => {
+      P.activate(), C?.(B);
+    },
+    "data-dropdown-item": "",
+    "data-dropdown-option-item": "",
+    onClick: (B) => {
+      k?.(B), !B.defaultPrevented && (r?.(), (o ?? !y) && L());
+    },
+    render: (B) => /* @__PURE__ */ n(Ae, {
+      ...B,
+      render: f ?? /* @__PURE__ */ n("button", { type: "button" }),
+      disabled: b,
+      selected: e,
+      focused: D === E,
+      indicator: t ?? (S ? A : "none"),
+      color: a,
+      startIcon: s,
+      endIcon: i,
+      description: c,
+      descriptionPlacement: l,
+      shortcut: d,
+      shortcutJoinLabel: m,
+      hasSubmenu: v,
+      children: _
+    })
+  });
+}, Qa = ({ id: e, type: t, children: r }) => {
+  const o = V(), { registerPage: a } = o, s = le((i) => {
+    u(i) && a({
+      id: e,
+      type: t
+    });
+  }, [
+    e,
+    t,
+    a
+  ]);
+  return o.pageId !== e ? null : /* @__PURE__ */ n(ke.Provider, {
+    value: {
+      ...o,
+      type: t ?? o.rootType
+    },
+    children: /* @__PURE__ */ n("div", {
+      ref: s,
+      className: G.page,
+      "data-dropdown-page-type": t ?? o.rootType,
+      children: r
+    })
+  });
+}, Za = ({ open: e, registerOpenNestedRoot: t }) => (Dr(() => {
+  if (e)
+    return t?.();
+}, [e, t]), null), es = (e) => e instanceof FocusEvent ? e.type === "focusout" && e.relatedTarget instanceof Element ? e.relatedTarget : null : e.target instanceof Element ? e.target : null, ct = ({ onDismiss: e, event: t }) => {
+  if (!u(e)) return !1;
+  let r = !1;
+  return e({
+    target: es(t),
+    preventDefault: () => {
+      r = !0;
+    }
+  }), r;
+}, ts = [
+  "mousedown",
+  "touchend",
+  "focusout"
+], Mt = ["pointerdown", "keydown"], rs = [
+  ...Mt,
+  "keyup",
+  "mousedown"
+], lt = (e) => {
+  e.preventDefault(), e.stopPropagation();
+}, ns = (e) => {
+  if (e.type === "click") {
+    lt(e);
+    return;
+  }
+  if (!ts.includes(e.type)) return;
+  const t = e.target instanceof Node ? e.target.ownerDocument ?? document : document, r = t.defaultView ?? t, o = new AbortController(), a = () => o.abort(), s = {
+    capture: !0,
+    signal: o.signal
+  }, i = e.type === "focusout" ? rs : Mt;
+  r.addEventListener("click", (c) => {
+    lt(c), a();
+  }, s);
+  for (const c of i) r.addEventListener(c, a, s);
+}, dt = () => {
+  const [e, t] = M();
+  return [e, le((r) => (t(r), () => t((o) => o === r ? void 0 : o)), [])];
+}, Pt = ({ children: e, type: t, open: r, defaultOpen: o = !1, onOpenChange: a, onEscapeKeyDown: s, onInteractOutside: i, multiple: c = !1, defaultPage: l = "root", isSubmenu: d = !1 }) => {
+  const m = ye(ke), v = X(0), _ = le(() => (v.current += 1, () => {
+    v.current -= 1;
+  }), []), [f, b] = M(o), p = r ?? f, [k, C] = M(p), [I, w] = M([{ id: l }]), [T, y] = M(), [L, D] = M(), N = I[I.length - 1]?.id, [S, R] = M(), [A, F] = M("first"), [E, P] = M(!0), [B, $] = M(), [x, oe] = dt(), [Ot, Bt] = dt();
+  k !== p && (C(p), p || (w([{ id: l }]), y(void 0), R(void 0), F("first"), P(!0), $(void 0)));
+  const Ee = (W) => {
+    u(r) || b(W), a?.(W);
+  }, zt = () => {
+    Ee(!1), d && m?.closeTree();
+  }, Ft = ({ id: W, trigger: q }) => {
+    R({ pageId: W }), w((K) => [...K, {
+      id: W,
+      trigger: q
+    }]);
+  }, qt = () => {
+    const W = I[I.length - 2];
+    if (!u(W)) return;
+    const q = I[I.length - 1]?.trigger;
+    R({
+      pageId: W.id,
+      target: q
+    }), w((K) => K.slice(0, -1));
+  }, $t = le(({ id: W, type: q }) => {
+    if (!p) return;
+    const K = q ?? t;
+    y((pe) => pe?.id === W && pe.type === K ? pe : {
+      id: W,
+      type: K
+    });
+  }, [p, t]);
+  return /* @__PURE__ */ n(ie.Root, {
+    open: p,
+    onOpenChange: (W, q) => {
+      const K = q.reason === "outside-press" || q.reason === "focus-out";
+      if (K && v.current > 0) {
+        q.cancel();
+        return;
+      }
+      const pe = q.reason === "escape-key" && ct({
+        onDismiss: s,
+        event: q.event
+      }), Wt = K && ct({
+        onDismiss: i,
+        event: q.event
+      });
+      if (pe || Wt) {
+        q.cancel();
+        return;
+      }
+      K && ns(q.event), P(q.reason !== "trigger-hover"), Ee(W);
+    },
+    children: /* @__PURE__ */ h(ke.Provider, {
+      value: {
+        type: u(T) && T.id === N ? T.type : t,
+        rootType: t,
+        open: p,
+        multiple: c,
+        isSubmenu: d,
+        parentType: m?.type,
+        activeItemId: L,
+        parentActiveItemId: m?.activeItemId,
+        setActiveItemId: D,
+        setParentActiveItemId: m?.setActiveItemId,
+        pageId: N,
+        pageFocusRequest: S,
+        setPageFocusRequest: R,
+        canGoBack: I.length > 1,
+        initialFocusEdge: A,
+        setInitialFocusEdge: F,
+        focusOnOpen: E,
+        setFocusOnOpen: P,
+        setOpen: Ee,
+        closeTree: zt,
+        goToPage: Ft,
+        goBack: qt,
+        registerPage: $t,
+        registerOpenNestedRoot: _,
+        searchTargetId: B,
+        setSearchTargetId: $,
+        triggerId: x,
+        registerTrigger: oe,
+        titleId: Ot,
+        registerTitle: Bt
+      },
+      children: [/* @__PURE__ */ n(Za, {
+        open: p,
+        registerOpenNestedRoot: d ? void 0 : m?.registerOpenNestedRoot
+      }), e]
+    })
+  });
+}, os = ({ onValueChange: e, className: t, ...r }) => {
+  const { searchTargetId: o } = V();
+  return /* @__PURE__ */ n("div", {
+    className: G.searchContainer,
+    children: /* @__PURE__ */ n(ht, {
+      type: "search",
+      autoComplete: "off",
+      "aria-activedescendant": o,
+      ...r,
+      "data-dropdown-search": "",
+      className: te(G.search, t),
+      onValueChange: (a) => e?.(a)
+    })
+  });
+}, as = ({ label: e, scrollable: t, className: r, children: o, ...a }) => /* @__PURE__ */ h(Ir, {
+  ...a,
+  "data-scrollable": t || void 0,
+  className: g(G.section, r),
+  children: [u(e) && /* @__PURE__ */ n(br, { children: e }), o]
+}), ss = ({ className: e, ...t }) => /* @__PURE__ */ n(Cr, {
+  ...t,
+  role: "separator",
+  "data-dropdown-separator": "",
+  className: g(G.separator, e)
+}), is = ({ type: e = "menu", ...t }) => /* @__PURE__ */ n(Pt, {
+  ...t,
+  type: e,
+  isSubmenu: !0
+}), Ue = (e) => le((t) => {
+  if (!(!u(t) || !z(t.id)))
+    return e(t.id);
+}, [e]), cs = ({ color: e, startIcon: t, endIcon: r, description: o, descriptionPlacement: a, shortcut: s, shortcutJoinLabel: i, hasSubmenu: c = !0, children: l, render: d, disabled: m = !1, nativeButton: v = !u(d), openOnHover: _ = !0, onKeyDown: f, onFocus: b, id: p, ref: k, ...C }) => {
+  const I = yt(), { type: w, parentType: T, open: y, setOpen: L, setFocusOnOpen: D, registerTrigger: N } = V(), S = re(), R = p ?? S, A = Je({
+    id: R,
+    isSubmenuTrigger: !0
+  }), F = ve(k, Ue(N));
+  return /* @__PURE__ */ n(ie.Trigger, {
+    ...C,
+    ref: F,
+    id: R,
+    disabled: m,
+    nativeButton: v,
+    openOnHover: _,
+    role: T === "menu" ? "menuitem" : void 0,
+    "aria-haspopup": w === "menu" ? "menu" : "dialog",
+    tabIndex: A.tabIndex,
+    onFocus: (E) => {
+      A.activate(), b?.(E);
+    },
+    "data-dropdown-item": "",
+    onKeyDown: (E) => {
+      if (f?.(E), E.defaultPrevented || m) return;
+      const P = I === "rtl" ? "ArrowLeft" : "ArrowRight";
+      if (E.key === P) {
+        E.preventDefault(), E.stopPropagation(), D(!0);
+        const B = E.currentTarget.getAttribute("aria-controls"), $ = u(B) ? E.currentTarget.ownerDocument.getElementById(B) : null;
+        if (y && u($)) {
+          Ke({
+            content: $,
+            type: w
+          }).focus();
+          return;
+        }
+        L(!0);
+      }
+    },
+    render: (E) => /* @__PURE__ */ n(Ae, {
+      ...E,
+      render: d ?? /* @__PURE__ */ n("button", { type: "button" }),
+      disabled: m,
+      color: e,
+      startIcon: t,
+      endIcon: r,
+      description: o,
+      descriptionPlacement: a,
+      shortcut: s,
+      shortcutJoinLabel: i,
+      hasSubmenu: c,
+      children: l
+    })
+  });
+}, ls = ({ className: e, render: t, ref: r, ...o }) => {
+  const { registerTitle: a } = V(), s = ve(r, Ue(a));
+  return /* @__PURE__ */ n(Ct.Title, {
+    ...o,
+    ref: s,
+    render: t ?? /* @__PURE__ */ n("div", {}),
+    className: te(G.title, e)
+  });
+}, ds = ({ onKeyDown: e, onClick: t, ref: r, ...o }) => {
+  const { type: a, setOpen: s, setInitialFocusEdge: i, setFocusOnOpen: c, registerTrigger: l } = V(), d = ve(r, Ue(l));
+  return /* @__PURE__ */ n(ie.Trigger, {
+    ...o,
+    ref: d,
+    "aria-haspopup": a === "menu" ? "menu" : "dialog",
+    onClick: (m) => {
+      m.stopPropagation(), m.preventDefault(), t?.(m);
+    },
+    onKeyDown: (m) => {
+      e?.(m), !(m.defaultPrevented || o.disabled || a === "panel") && (m.key !== "ArrowDown" && m.key !== "ArrowUp" || (m.preventDefault(), c(!0), i(m.key === "ArrowUp" ? "last" : "first"), s(!0)));
+    }
+  });
+}, us = Pt, Fi = {
+  Root: us,
+  Trigger: ds,
+  Content: Ja,
+  ActionItem: Et,
+  OptionItem: Xa,
+  Search: os,
+  Header: Ua,
+  Title: ls,
+  Close: Fa,
+  Page: Qa,
+  Back: za,
+  Submenu: is,
+  SubmenuTrigger: cs,
+  Section: as,
+  Separator: ss,
+  Loading: Ya,
+  Empty: Ka
+}, qi = () => {
+  const { pageId: e, goToPage: t, goBack: r, canGoBack: o } = V();
+  return {
+    page: e,
+    goToPage: (a) => t({ id: a }),
+    goBack: r,
+    canGoBack: o
+  };
+}, $i = {
+  gray: "Gray",
+  tomato: "Tomato",
+  red: "Red",
+  ruby: "Ruby",
+  crimson: "Crimson",
+  pink: "Pink",
+  plum: "Plum",
+  purple: "Purple",
+  violet: "Violet",
+  iris: "Iris",
+  cyan: "Cyan",
+  turquoise: "Turquoise",
+  sky: "Sky",
+  blue: "Blue",
+  jade: "Jade",
+  green: "Green",
+  grass: "Grass",
+  mint: "Mint",
+  lime: "Lime",
+  bronze: "Bronze",
+  gold: "Gold",
+  brown: "Brown",
+  orange: "Orange",
+  amber: "Amber",
+  yellow: "Yellow"
+}, ms = "_iconContainer_1ivx0_1", vs = "_withBackground_1ivx0_9", ut = {
+  iconContainer: ms,
+  withBackground: vs
+}, Ye = ({ children: e, className: t, hasBackground: r = !0 }) => /* @__PURE__ */ n("div", {
+  className: g(ut.iconContainer, r && ut.withBackground, t),
+  children: e
+}), _s = ({ Icon: e, iconThemeColor: t, withContainer: r = !1, withContainerBackground: o = !0 }) => {
+  const a = H();
+  if (!e) return null;
+  if (u(t)) return /* @__PURE__ */ n(kt, {
+    Icon: e,
+    color: t,
+    size: a.icon.size.md,
+    stroke: a.icon.stroke.sm
+  });
+  const s = /* @__PURE__ */ n(e, {
+    size: a.icon.size.md,
+    stroke: a.icon.stroke.sm
+  });
+  return r ? /* @__PURE__ */ n(Ye, {
+    hasBackground: o,
+    children: s
+  }) : s;
+}, ps = "_iconSwapContainer_g9ywp_1", fs = "_defaultIcon_g9ywp_8", hs = "_hoverIcon_g9ywp_13", ze = {
+  iconSwapContainer: ps,
+  defaultIcon: fs,
+  hoverIcon: hs
+}, gs = ({ LeftIcon: e, iconThemeColor: t, withIconContainer: r = !1, gripIconColor: o }) => {
+  const a = H();
+  if (!e) return null;
+  const s = /* @__PURE__ */ h("div", {
+    className: ze.iconSwapContainer,
+    children: [/* @__PURE__ */ n("div", {
+      className: g(ze.defaultIcon, "grip-swap-default-icon"),
+      children: u(t) ? /* @__PURE__ */ n(kt, {
+        Icon: e,
+        color: t,
+        size: a.icon.size.md,
+        stroke: a.icon.stroke.sm
+      }) : /* @__PURE__ */ n(e, {
+        size: a.icon.size.md,
+        stroke: a.icon.stroke.sm
+      })
+    }), /* @__PURE__ */ n("div", {
+      className: g(ze.hoverIcon, "grip-swap-hover-icon"),
+      children: /* @__PURE__ */ n(qe, {
+        size: a.icon.size.md,
+        stroke: a.icon.stroke.sm,
+        color: o
+      })
+    })]
+  });
+  return r && !u(t) ? /* @__PURE__ */ n(Ye, { children: s }) : s;
+}, bs = "_menuItemBase_1jkew_1", Is = "_hoverableMenuItemBase_1jkew_54", Cs = "_menuItemLabel_1jkew_136", ys = "_menuItemLabelLight_1jkew_145", ws = "_noIconFiller_1jkew_155", Ts = "_menuItemLeftContent_1jkew_159", Ns = "_menuItemRightContent_1jkew_172", ks = "_draggableItem_1jkew_183", Ss = "_menuItemIconCheckContainer_1jkew_189", As = "_menuItemContextualText_1jkew_196", xs = "_rightMenuItemContextualText_1jkew_206", Y = {
+  menuItemBase: bs,
+  hoverableMenuItemBase: Is,
+  menuItemLabel: Cs,
+  menuItemLabelLight: ys,
+  noIconFiller: ws,
+  menuItemLeftContent: Ts,
+  menuItemRightContent: Ns,
+  draggableItem: ks,
+  menuItemIconCheckContainer: Ss,
+  menuItemContextualText: As,
+  rightMenuItemContextualText: xs
+}, Ls = He(({ accent: e, isKeySelected: t, isHoverBackgroundDisabled: r, hovered: o, disabled: a, focused: s, className: i, children: c, ...l }, d) => /* @__PURE__ */ n("div", {
+  ref: d,
+  className: g(Y.menuItemBase, i),
+  "data-accent": e,
+  "data-key-selected": t || void 0,
+  "data-hover-background-disabled": r || void 0,
+  "data-disabled": a || void 0,
+  "data-focused": s || void 0,
+  ...l,
+  children: c
+}));
+Ls.displayName = "StyledMenuItemBase";
+var ne = (e, t) => {
+  const r = He(({ className: o, children: a, ...s }, i) => /* @__PURE__ */ n("div", {
+    ref: i,
+    className: g(e, o),
+    ...s,
+    children: a
+  }));
+  return r.displayName = t, r;
+}, Es = ne(Y.menuItemLabel, "StyledMenuItemLabel"), Wi = ne(Y.menuItemLabelLight, "StyledMenuItemLabelLight"), ji = ne(Y.noIconFiller, "StyledNoIconFiller"), Rt = ne(Y.menuItemLeftContent, "StyledMenuItemLeftContent"), We = ne(Y.menuItemRightContent, "StyledMenuItemRightContent"), mt = ne(Y.draggableItem, "StyledDraggableItem"), Xe = He(({ accent: e, isKeySelected: t, isHoverBackgroundDisabled: r, hovered: o, disabled: a, focused: s, isIconDisplayedOnHoverOnly: i, cursor: c, className: l, children: d, ...m }, v) => /* @__PURE__ */ n("div", {
+  ref: v,
+  className: g(Y.hoverableMenuItemBase, l),
+  "data-accent": e,
+  "data-key-selected": t || void 0,
+  "data-hover-background-disabled": r || void 0,
+  "data-disabled": a || void 0,
+  "data-focused": s || void 0,
+  "data-icon-displayed-on-hover-only": i || void 0,
+  "data-cursor": c,
+  ...m,
+  children: d
+}));
+Xe.displayName = "StyledHoverableMenuItemBase";
+var Ds = ne(Y.menuItemContextualText, "StyledMenuItemContextualText"), Ms = ne(Y.rightMenuItemContextualText, "StyledRightMenuItemContextualText"), Ps = "_mainText_d0zu3_1", Rs = "_menuItemLabelRight_d0zu3_9", vt = {
+  mainText: Ps,
+  menuItemLabelRight: Rs
+}, Qe = ({ className: e, LeftComponent: t, LeftIcon: r, iconThemeColor: o, withIconContainer: a = !1, withIconContainerBackground: s = !0, text: i, contextualText: c, contextualTextPosition: l = "left", gripMode: d = "never", disabled: m = !1 }) => {
+  const v = H(), _ = a ? ee.font.color.tertiary : m ? ee.font.color.extraLight : ee.font.color.light;
+  return /* @__PURE__ */ h(Rt, {
+    className: e,
+    children: [
+      d === "always" && (a ? /* @__PURE__ */ n(Ye, {
+        hasBackground: s,
+        children: /* @__PURE__ */ n(mt, { children: /* @__PURE__ */ n(qe, {
+          size: v.icon.size.md,
+          stroke: v.icon.stroke.sm,
+          color: _
+        }) })
+      }) : /* @__PURE__ */ n(mt, { children: /* @__PURE__ */ n(qe, {
+        size: v.icon.size.md,
+        stroke: v.icon.stroke.sm,
+        color: _
+      }) })),
+      d === "onHover" ? /* @__PURE__ */ n(gs, {
+        LeftIcon: r,
+        iconThemeColor: o,
+        withIconContainer: a,
+        gripIconColor: _
+      }) : /* @__PURE__ */ n(_s, {
+        Icon: r,
+        iconThemeColor: o,
+        withContainer: a,
+        withContainerBackground: s
+      }),
+      t,
+      /* @__PURE__ */ h(Es, { children: [ce(i) ? /* @__PURE__ */ n("div", {
+        className: vt.mainText,
+        children: /* @__PURE__ */ n(Ce, { text: i })
+      }) : i, l === "left" && /* @__PURE__ */ n(J, { children: ce(c) ? z(c) && /* @__PURE__ */ n(Ds, { children: /* @__PURE__ */ n(Ce, {
+        text: `· ${c}`,
+        tooltipContent: c
+      }) }) : c })] }),
+      l === "right" && /* @__PURE__ */ n("div", {
+        className: vt.menuItemLabelRight,
+        children: /* @__PURE__ */ n(Ms, { children: ce(c) ? /* @__PURE__ */ n(Ce, { text: c }) : c })
+      })
+    ]
+  });
+}, Os = "_subMenuIcon_j232v_1", Bs = "_subMenuIconOpened_j232v_9", _t = {
+  subMenuIcon: Os,
+  subMenuIconOpened: Bs
+}, zs = ({ accent: e = "default", className: t, withIconContainer: r = !1, withIconContainerBackground: o = !0, iconButtons: a, isIconDisplayedOnHoverOnly: s = !0, LeftIcon: i, iconThemeColor: c, LeftComponent: l, RightIcon: d, RightComponent: m, onClick: v, onMouseEnter: _, onMouseLeave: f, testId: b, text: p, contextualTextPosition: k = "left", contextualText: C, hasSubMenu: I = !1, disabled: w = !1, focused: T = !1, selected: y = !1, shortcut: L, shortcutJoinLabel: D, isSubMenuOpened: N = !1 }) => {
+  const S = H();
+  return /* @__PURE__ */ h(Xe, {
+    "data-testid": b ?? void 0,
+    onClick: w ? void 0 : (A) => {
+      v && (A.preventDefault(), A.stopPropagation(), v?.(A));
+    },
+    disabled: w,
+    className: t,
+    accent: e,
+    isIconDisplayedOnHoverOnly: s,
+    onMouseEnter: _,
+    onMouseLeave: f,
+    focused: T || y,
+    children: [/* @__PURE__ */ n(Qe, {
+      LeftIcon: i ?? void 0,
+      iconThemeColor: c,
+      LeftComponent: l,
+      withIconContainer: r,
+      withIconContainerBackground: o,
+      text: p,
+      contextualText: C,
+      contextualTextPosition: k,
+      disabled: w
+    }), /* @__PURE__ */ h(We, { children: [
+      a && /* @__PURE__ */ n(We, {
+        className: "hoverable-buttons",
+        children: a
+      }),
+      u(L) && /* @__PURE__ */ n(vr, {
+        shortcut: L,
+        sequenceJoinLabel: D
+      }),
+      d && /* @__PURE__ */ n(d, {
+        size: S.icon.size.md,
+        stroke: S.icon.stroke.sm
+      }),
+      m,
+      I && /* @__PURE__ */ n("div", {
+        className: g(_t.subMenuIcon, N && _t.subMenuIconOpened),
+        style: { visibility: w ? "hidden" : "visible" },
+        children: /* @__PURE__ */ n(Gt, {
+          size: S.icon.size.sm,
+          color: S.font.color.light
+        })
+      })
+    ] })]
+  });
+}, Hi = ({ accent: e = "default", className: t, iconButtons: r, isIconDisplayedOnHoverOnly: o = !0, isTooltipOpen: a, onClick: s, onMouseEnter: i, onMouseLeave: c, testId: l, avatar: d, hasSubMenu: m = !1, text: v, contextualText: _ }) => /* @__PURE__ */ n(zs, {
+  accent: e,
+  className: t,
+  iconButtons: r,
+  isIconDisplayedOnHoverOnly: o,
+  isTooltipOpen: a,
+  LeftComponent: u(d) ? /* @__PURE__ */ n(wr, {
+    name: d.name,
+    src: d.src,
+    colorSeed: d.colorSeed,
+    size: d.size,
+    shape: d.shape
+  }) : void 0,
+  onClick: s,
+  onMouseEnter: i,
+  onMouseLeave: c,
+  testId: l,
+  text: v,
+  contextualText: _,
+  hasSubMenu: m
+}), Vi = ({ LeftIcon: e, withIconContainer: t = !1, accent: r = "default", iconButtons: o, onClick: a, text: s, contextualText: i, isDragDisabled: c = !1, className: l, isIconDisplayedOnHoverOnly: d = !0, gripMode: m = "never" }) => /* @__PURE__ */ h(Xe, {
+  onClick: a,
+  accent: r,
+  className: l,
+  isIconDisplayedOnHoverOnly: d,
+  cursor: m !== "never" ? c ? "default" : "drag" : "default",
+  children: [/* @__PURE__ */ n(Qe, {
+    LeftIcon: e,
+    text: s,
+    contextualText: i,
+    withIconContainer: t,
+    disabled: c,
+    gripMode: m
+  }), o && /* @__PURE__ */ n(We, {
+    className: "hoverable-buttons",
+    children: o
+  })]
+}), Fs = "_suggestionMenuItem_1qyjt_1", qs = { suggestionMenuItem: Fs }, Gi = ({ LeftIcon: e, withIconContainer: t = !1, text: r, contextualText: o = void 0, contextualTextPosition: a = "left", className: s, selected: i, onClick: c }) => {
+  const l = (d) => {
+    c && (d.preventDefault(), d.stopPropagation(), c?.(d));
+  };
+  return /* @__PURE__ */ n("li", {
+    className: g(qs.suggestionMenuItem, s),
+    "data-selected": i || void 0,
+    role: u(c) ? "button" : void 0,
+    tabIndex: u(c) ? 0 : void 0,
+    onClick: l,
+    onKeyDown: ir,
+    children: /* @__PURE__ */ n(Rt, { children: /* @__PURE__ */ n(Qe, {
+      LeftIcon: e ?? void 0,
+      text: r,
+      contextualText: o,
+      contextualTextPosition: a,
+      withIconContainer: t
+    }) })
+  });
+}, $s = "_menuPicker_o8ra4_1", Ws = "_iconContainer_o8ra4_41", js = "_label_o8ra4_50", Fe = {
+  menuPicker: $s,
+  iconContainer: Ws,
+  label: js
+}, Ji = ({ id: e, icon: t, label: r, selected: o = !1, disabled: a = !1, showLabel: s = !0, onClick: i, className: c, testId: l, tooltipContent: d, tooltipDelay: m = 0, tooltipOffset: v = 5 }) => {
+  const _ = H();
+  return /* @__PURE__ */ n(bt, {
+    content: d,
+    disabled: !z(d),
+    sideOffset: v,
+    side: "bottom",
+    positionMethod: "fixed",
+    delay: m,
+    children: /* @__PURE__ */ h("button", {
+      id: e,
+      disabled: a,
+      onClick: i,
+      className: g(Fe.menuPicker, c),
+      "data-testid": l,
+      "data-selected": o ? "" : void 0,
+      "aria-pressed": o,
+      "aria-disabled": a,
+      "aria-label": r,
+      children: [/* @__PURE__ */ n("div", {
+        className: Fe.iconContainer,
+        children: /* @__PURE__ */ n(t, {
+          size: _.icon.size.md,
+          stroke: _.icon.stroke.sm
+        })
+      }), u(r) && s && /* @__PURE__ */ n("div", {
+        className: Fe.label,
+        "data-selected": o ? "" : void 0,
+        "data-disabled": a ? "" : void 0,
+        children: r
+      })]
+    })
+  });
+}, Hs = "_button_quwcq_1", Vs = { button: Hs }, Ki = ({ active: e = !1, className: t, children: r, startIcon: o, endIcon: a, badge: s, size: i = "sm", ...c }) => /* @__PURE__ */ n(j, {
+  ...c,
+  variant: "ghost",
+  size: i,
+  "data-active": e || void 0,
+  className: te(g(Tr.tab, Vs.button), t),
+  children: /* @__PURE__ */ n(Nr, {
+    startIcon: o,
+    endIcon: a,
+    badge: s,
+    children: r
+  })
+});
+export {
+  wi as A,
+  Ai as C,
+  En as D,
+  kt as E,
+  Ci as M,
+  Ni as O,
+  No as S,
+  ki as T,
+  Di as _,
+  Hi as a,
+  Li as b,
+  qi as c,
+  Bi as d,
+  Oi as f,
+  Qo as g,
+  Mi as h,
+  Vi as i,
+  yi as j,
+  Ti as k,
+  Fi as l,
+  Pi as m,
+  Ji as n,
+  zs as o,
+  Ri as p,
+  Gi as r,
+  $i as s,
+  Ki as t,
+  zi as u,
+  Ei as v,
+  Si as w,
+  xi as x,
+  zo as y
+};