twenty-ui 2.42.0 → 2.44.0

package/dist/components-kaERZ89J.js

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