twenty-ui 2.41.0 → 2.43.0

package/dist/components-C96xU59U.js

@@ -0,0 +1,1996 @@
+import { Bt as lt, Cn as Lt, Ei as Dt, En as Bt, Kc as Mt, Nn as Et, Sn as Rt, Tn as Pt, Yi as Me, ca as zt, fl as ze, jo as Ot, ks as $t, nr as qt, nt as ye, pc as Ft, wa as Oe, wn as jt } from "./icon-Bd81r48z.js";
+import { t as u } from "./isDefined-fMi6eQ4r.js";
+import { a as J, h as Wt, m as Kt, p as Ht, r as M, t as Jt } from "./theme-DBro6iwF.js";
+import { n as Vt, t as ve } from "./handleClickableElementKeyDown-CJ_JsX2K.js";
+import { d as Gt } from "./utilities-C5Tt2HLT.js";
+import { n as Ut } from "./linkifyText-BINRNP9w.js";
+import { a as Yt, i as Xt, o as R, s as Qt, t as Zt } from "./Input-DHfmRBq5.js";
+import { t as V } from "./mergeClassNames-BHKm1BNi.js";
+import { n as er, t as tr } from "./ProgressBar-RWLNIkzm.js";
+import { n as dt, r as ut, t as se } from "./OverflowingTextWithTooltip-CqEkoH6t.js";
+import { t as rr } from "./HorizontalSeparator-JwV0dB5W.js";
+import { r as ar } from "./ListItem.module-DtIGiTDL.js";
+import { n as nr, t as pe } from "./ListItem-D6DvFIbl.js";
+import { t as or } from "./Heading-DvxTKEaL.js";
+import { a as he, n as ir, r as sr, t as cr } from "./MenuSeparator-dNx4JE6C.js";
+import { t as lr } from "./Avatar-BSHgTxt-.js";
+import { n as dr, t as ur } from "./TabsTabContent-_NCTxoP6.js";
+import { clsx as v } from "clsx";
+import { Fragment as O, jsx as r, jsxs as h } from "react/jsx-runtime";
+import { isArray as mr, isBoolean as _r, isFunction as vr, isNonEmptyArray as pr, isNonEmptyString as j, isNumber as hr, isPositiveInteger as fr, isString as te } from "@sniptt/guards";
+import { Collapsible as Ye } from "@base-ui/react/collapsible";
+import { createContext as $e, forwardRef as qe, useCallback as Ee, useContext as le, useEffect as gr, useId as re, useLayoutEffect as fe, useMemo as br, useRef as Fe, useState as D } from "react";
+import { Button as mt } from "@base-ui/react/button";
+import { useRender as de } from "@base-ui/react/use-render";
+import { Store as Cr, useStore as Ir } from "@base-ui/utils/store";
+import { useDirection as yr } from "@base-ui/react/direction-provider";
+import { createPortal as Nr } from "react-dom";
+import { Input as wr } from "@base-ui/react/input";
+import { Popover as _t } from "@base-ui/react/popover";
+import { useMergedRefs as kr } from "@base-ui/utils/useMergedRefs";
+var Sr = "_container_q2iju_1", Tr = "_itemContainer_q2iju_6", xr = "_overflowCountContainer_q2iju_22", Ar = "_overflowCount_q2iju_22", Z = {
+  container: Sr,
+  itemContainer: Tr,
+  overflowCountContainer: xr,
+  overflowCount: Ar
+}, Lr = 4, cs = ({ avatars: e, className: t, maxVisible: a = Lr, overflowAvatar: n, overflowCount: o = 0, overflowShape: i = "square", overlap: s = "right", overlapOffset: c = "3px" }) => {
+  const d = e.slice(0, a), l = !n && o > 0;
+  if (!d.length && !n && !l) return null;
+  const m = { "--avatar-group-overlap-offset": c };
+  return /* @__PURE__ */ h("div", {
+    className: v(Z.container, t),
+    children: [
+      d.map((_, p) => /* @__PURE__ */ r("div", {
+        className: Z.itemContainer,
+        "data-overlap": s,
+        style: m,
+        children: _
+      }, p)),
+      n && /* @__PURE__ */ r("div", {
+        className: Z.itemContainer,
+        "data-overlap": s,
+        style: m,
+        children: n
+      }),
+      l && /* @__PURE__ */ r("div", {
+        className: v(Z.itemContainer, Z.overflowCountContainer),
+        "data-overlap": s,
+        style: m,
+        children: /* @__PURE__ */ h("div", {
+          className: Z.overflowCount,
+          "data-shape": i,
+          children: ["+", o]
+        })
+      })
+    ]
+  });
+}, Dr = "_container_stu26_1", Br = "_commandContain_stu26_12", Mr = "_buttonContainer_stu26_16", Er = "_lineStartSpan_stu26_20", Rr = "_lineSpan_stu26_24", ne = {
+  container: Dr,
+  commandContain: Br,
+  buttonContainer: Mr,
+  lineStartSpan: Er,
+  lineSpan: Rr
+}, ls = ({ commands: e, button: t }) => /* @__PURE__ */ h("div", {
+  className: ne.container,
+  children: [/* @__PURE__ */ r("div", {
+    className: ne.commandContain,
+    children: /* @__PURE__ */ r(O, { children: e.map((a, n) => /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ r("span", {
+      className: ne.lineStartSpan,
+      children: "> "
+    }), /* @__PURE__ */ r("span", {
+      className: ne.lineSpan,
+      children: a
+    })] }, n)) })
+  }), t && /* @__PURE__ */ r("div", {
+    className: ne.buttonContainer,
+    children: t
+  })]
+}), Pr = "_list_80v6h_1", zr = "_nested_80v6h_8", Xe = {
+  list: Pr,
+  nested: zr
+}, Or = ({ depth: e, className: t, children: a }) => /* @__PURE__ */ r("ul", {
+  className: v(Xe.list, e > 0 && Xe.nested, t),
+  children: a
+}), vt = $e(void 0), ae = () => {
+  const e = le(vt);
+  if (!u(e)) throw new Error("useJsonTreeContextOrThrow must be used within a JsonTreeContextProvider");
+  return e;
+}, $r = "_button_1ix33_1", qr = "_red_1ix33_17", Fr = "_chevron_1ix33_22", Ne = {
+  button: $r,
+  red: qr,
+  chevron: Fr
+}, jr = ({ isOpen: e, onClick: t, variant: a }) => {
+  const n = M(), { arrowButtonCollapsedLabel: o, arrowButtonExpandedLabel: i } = ae(), s = a === "blue" ? J.color.blue : a === "red" ? J.font.color.danger : J.font.color.secondary;
+  return /* @__PURE__ */ h("button", {
+    className: v(Ne.button, a === "red" && Ne.red),
+    onClick: t,
+    children: [/* @__PURE__ */ r(Vt, { children: e ? i : o }), /* @__PURE__ */ r("div", {
+      className: Ne.chevron,
+      "data-open": e || void 0,
+      children: /* @__PURE__ */ r(jt, {
+        size: n.icon.size.md,
+        color: s
+      })
+    })]
+  });
+}, Wr = ({ label: e, value: t, depth: a, keyPath: n, highlighting: o }) => {
+  const { emptyArrayLabel: i } = ae();
+  return /* @__PURE__ */ r(je, {
+    elements: [...t.entries()].map(([s, c]) => ({
+      id: s,
+      label: String(s),
+      value: c
+    })),
+    renderElementsCount: (s) => `[${s}]`,
+    label: e,
+    Icon: lt,
+    depth: a,
+    emptyElementsText: i,
+    keyPath: n,
+    highlighting: o
+  });
+}, Kr = ({ label: e, value: t, depth: a, keyPath: n, highlighting: o }) => {
+  const { emptyObjectLabel: i } = ae();
+  return /* @__PURE__ */ r(je, {
+    elements: Object.entries(t).map(([s, c]) => ({
+      id: s,
+      label: s,
+      value: c
+    })),
+    renderElementsCount: (s) => `{${s}}`,
+    label: e,
+    Icon: qt,
+    depth: a,
+    emptyElementsText: i,
+    keyPath: n,
+    highlighting: o
+  });
+}, Hr = "_labelContainer_1pq94_1", Jr = "_blue_1pq94_23", Vr = "_red_1pq94_29", we = {
+  labelContainer: Hr,
+  blue: Jr,
+  red: Vr
+}, pt = ({ label: e, Icon: t, highlighting: a }) => {
+  const n = M();
+  return /* @__PURE__ */ h("span", {
+    className: v(we.labelContainer, a === "blue" && we.blue, a === "red" && we.red),
+    children: [/* @__PURE__ */ r(t, {
+      size: n.icon.size.md,
+      color: a === "blue" ? n.color.blue : a === "red" ? n.font.color.danger : n.font.color.tertiary
+    }), /* @__PURE__ */ r("span", { children: e })]
+  });
+}, Gr = "_text_3y2ep_1", Ur = "_blue_3y2ep_10", Yr = "_red_3y2ep_14", ke = {
+  text: Gr,
+  blue: Ur,
+  red: Yr
+}, Xr = ({ valueAsString: e, highlighting: t }) => {
+  const { onNodeValueClick: a } = ae(), n = u(a), o = () => {
+    a?.(e);
+  }, i = v(ke.text, t === "blue" && ke.blue, t === "red" && ke.red);
+  return n ? /* @__PURE__ */ r("span", {
+    className: i,
+    role: "button",
+    tabIndex: 0,
+    onClick: o,
+    onKeyDown: ve,
+    children: e
+  }) : /* @__PURE__ */ r("span", {
+    className: i,
+    children: e
+  });
+}, Qr = "_listItem_1i7if_1", Zr = { listItem: Qr }, ie = (e) => /* @__PURE__ */ h("li", {
+  className: Zr.listItem,
+  children: [e.label && /* @__PURE__ */ r(pt, {
+    label: e.label,
+    Icon: e.Icon,
+    highlighting: e.highlighting
+  }), /* @__PURE__ */ r(Xr, {
+    valueAsString: e.valueAsString,
+    highlighting: e.highlighting
+  })]
+}), ea = (e) => mr(e), ht = ({ label: e, value: t, depth: a, keyPath: n }) => {
+  const { getNodeHighlighting: o, emptyStringLabel: i } = ae(), s = o?.(n);
+  return u(t) ? te(t) ? /* @__PURE__ */ r(ie, {
+    label: e,
+    valueAsString: j(t) ? t : i,
+    Icon: Mt,
+    highlighting: s
+  }) : hr(t) ? /* @__PURE__ */ r(ie, {
+    label: e,
+    valueAsString: String(t),
+    Icon: Ot,
+    highlighting: s
+  }) : _r(t) ? /* @__PURE__ */ r(ie, {
+    label: e,
+    valueAsString: String(t),
+    Icon: Lt,
+    highlighting: s
+  }) : ea(t) ? /* @__PURE__ */ r(Wr, {
+    label: e,
+    value: t,
+    depth: a,
+    keyPath: n,
+    highlighting: s
+  }) : /* @__PURE__ */ r(Kr, {
+    label: e,
+    value: t,
+    depth: a,
+    keyPath: n,
+    highlighting: s
+  }) : /* @__PURE__ */ r(ie, {
+    label: e,
+    valueAsString: "null",
+    Icon: Et,
+    highlighting: s
+  });
+}, ta = "_container_1c6yj_1", ra = "_labelContainer_1c6yj_6", aa = "_elementsCount_1c6yj_12", na = "_elementsCountRed_1c6yj_16", oa = "_panel_1c6yj_20", ia = "_list_1c6yj_30", sa = "_nested_1c6yj_37", U = {
+  container: ta,
+  labelContainer: ra,
+  elementsCount: aa,
+  elementsCountRed: na,
+  panel: oa,
+  list: ia,
+  nested: sa
+}, je = ({ label: e, Icon: t, elements: a, renderElementsCount: n, emptyElementsText: o, depth: i, keyPath: s, highlighting: c }) => {
+  const { shouldExpandNodeInitially: d } = ae(), l = !u(e), [m, _] = D(d({
+    keyPath: s,
+    depth: i
+  })), p = /* @__PURE__ */ r("ul", {
+    className: v(U.list, i > 0 && U.nested),
+    children: a.length === 0 ? /* @__PURE__ */ r(ie, {
+      valueAsString: o,
+      highlighting: void 0
+    }) : a.map(({ id: g, label: S, value: b }) => {
+      const C = j(s) ? `${s}.${g}` : String(g);
+      return /* @__PURE__ */ r(ht, {
+        label: S,
+        value: b,
+        depth: i + 1,
+        keyPath: C
+      }, g);
+    })
+  }), f = () => {
+    _(!m);
+  };
+  return l ? /* @__PURE__ */ r("li", {
+    className: U.container,
+    children: p
+  }) : /* @__PURE__ */ h(Ye.Root, {
+    className: U.container,
+    open: m,
+    render: /* @__PURE__ */ r("li", {}),
+    children: [/* @__PURE__ */ h("div", {
+      className: U.labelContainer,
+      children: [
+        /* @__PURE__ */ r(jr, {
+          isOpen: m,
+          onClick: f,
+          variant: c === "partial-blue" ? "blue" : c === "red" ? c : void 0
+        }),
+        /* @__PURE__ */ r(pt, {
+          label: e,
+          Icon: t,
+          highlighting: c === "red" ? c : void 0
+        }),
+        n && /* @__PURE__ */ r("span", {
+          className: v(U.elementsCount, c === "red" && U.elementsCountRed),
+          children: n(a.length)
+        })
+      ]
+    }), /* @__PURE__ */ r(Ye.Panel, {
+      className: U.panel,
+      children: p
+    })]
+  });
+}, ca = ({ value: e, children: t }) => /* @__PURE__ */ r(vt.Provider, {
+  value: e,
+  children: t
+}), la = ({ depth: e }) => e <= 1, ds = ({ value: e, entries: t, shouldExpandNodeInitially: a = la, ...n }) => /* @__PURE__ */ r(ca, {
+  value: {
+    ...n,
+    shouldExpandNodeInitially: a
+  },
+  children: /* @__PURE__ */ r(Or, {
+    depth: 0,
+    children: u(t) ? /* @__PURE__ */ r(je, {
+      elements: t,
+      Icon: lt,
+      depth: 0,
+      keyPath: "",
+      emptyElementsText: n.emptyObjectLabel
+    }) : /* @__PURE__ */ r(ht, {
+      value: e ?? null,
+      depth: 0,
+      keyPath: ""
+    })
+  })
+}), da = "_notificationCounter_1lalu_1", ua = "_primary_1lalu_13", ma = "_secondary_1lalu_18", Qe = {
+  notificationCounter: da,
+  primary: ua,
+  secondary: ma
+}, us = ({ count: e, variant: t = "primary", className: a }) => /* @__PURE__ */ r("div", {
+  className: v(Qe.notificationCounter, Qe[t], a),
+  children: e
+}), _a = "_root_j2xk4_1", va = { root: _a }, pa = ({ $backgroundColor: e, $borderColor: t, $dimension: a, className: n, style: o, ...i }) => /* @__PURE__ */ r("div", {
+  ...i,
+  className: v(va.root, n),
+  style: {
+    "--tinted-icon-tile-background-color": e,
+    "--tinted-icon-tile-border": t ? `1px solid ${t}` : void 0,
+    "--tinted-icon-tile-dimension": a,
+    ...o
+  }
+}), Se = {
+  background: 4,
+  border: 6,
+  icon: 10
+}, Te = (e, t) => {
+  const a = J.color, n = J.tag.text;
+  return a[`${e}${t}`] ?? n[e];
+}, ha = (e) => {
+  const t = Gt(e);
+  return {
+    backgroundColor: Te(t, Se.background),
+    iconColor: Te(t, Se.icon),
+    borderColor: Te(t, Se.border)
+  };
+}, ft = ({ Icon: e, color: t = Wt, size: a, stroke: n }) => {
+  const o = M(), i = ha(t), s = a ?? o.icon.size.md, c = n ?? o.icon.stroke.md, d = u(a) ? `${a}px` : void 0;
+  return /* @__PURE__ */ r(pa, {
+    $backgroundColor: i.backgroundColor,
+    $dimension: d,
+    children: /* @__PURE__ */ r(e, {
+      size: s,
+      stroke: c,
+      color: i.iconColor
+    })
+  });
+}, fa = "_container_14oh4_1", ga = "_containerFullWidth_14oh4_14", ba = "_containerInfo_14oh4_18", Ca = "_containerWarning_14oh4_23", Ia = "_containerSuccess_14oh4_28", ya = "_containerError_14oh4_33", Na = "_containerNeutral_14oh4_38", wa = "_header_14oh4_43", ka = "_iconContainer_14oh4_52", Sa = "_iconContainerInfo_14oh4_61", Ta = "_iconContainerWarning_14oh4_65", xa = "_iconContainerSuccess_14oh4_69", Aa = "_iconContainerError_14oh4_73", La = "_iconContainerNeutral_14oh4_77", Da = "_title_14oh4_81", Ba = "_descriptionWrapper_14oh4_93", Ma = "_descriptionWrapperWithAction_14oh4_101", Ea = "_description_14oh4_93", Ra = "_footer_14oh4_114", Pa = "_closeButton_14oh4_121", x = {
+  container: fa,
+  containerFullWidth: ga,
+  containerInfo: ba,
+  containerWarning: Ca,
+  containerSuccess: Ia,
+  containerError: ya,
+  containerNeutral: Na,
+  header: wa,
+  iconContainer: ka,
+  iconContainerInfo: Sa,
+  iconContainerWarning: Ta,
+  iconContainerSuccess: xa,
+  iconContainerError: Aa,
+  iconContainerNeutral: La,
+  title: Da,
+  descriptionWrapper: Ba,
+  descriptionWrapperWithAction: Ma,
+  description: Ea,
+  footer: Ra,
+  closeButton: Pa
+}, za = {
+  info: x.containerInfo,
+  warning: x.containerWarning,
+  error: x.containerError,
+  neutral: x.containerNeutral,
+  success: x.containerSuccess
+}, Oa = {
+  info: x.iconContainerInfo,
+  warning: x.iconContainerWarning,
+  error: x.iconContainerError,
+  neutral: x.iconContainerNeutral,
+  success: x.iconContainerSuccess
+}, ms = ({ variant: e, title: t, description: a, fullWidth: n = !1, Icon: o = zt, action: i, isClosable: s = !1, onClose: c }) => {
+  const [d, l] = D(!0), m = () => {
+    s && (l(!1), c?.());
+  };
+  return d ? /* @__PURE__ */ h("div", {
+    className: v(x.container, za[e], n && x.containerFullWidth),
+    children: [
+      /* @__PURE__ */ h("div", {
+        className: x.header,
+        children: [
+          /* @__PURE__ */ r("div", {
+            className: v(x.iconContainer, Oa[e]),
+            children: /* @__PURE__ */ r(o, { size: 16 })
+          }),
+          /* @__PURE__ */ r("div", {
+            className: x.title,
+            children: t
+          }),
+          s && /* @__PURE__ */ r(R, {
+            startIcon: /* @__PURE__ */ r(ze, {}),
+            className: x.closeButton,
+            variant: "ghost",
+            size: "sm",
+            "aria-label": "Close",
+            onClick: m
+          })
+        ]
+      }),
+      j(a) && /* @__PURE__ */ r("div", {
+        className: v(x.descriptionWrapper, u(i) && x.descriptionWrapperWithAction),
+        children: /* @__PURE__ */ r("div", {
+          className: x.description,
+          children: a
+        })
+      }),
+      u(i) && /* @__PURE__ */ r("div", {
+        className: x.footer,
+        children: /* @__PURE__ */ r(R, {
+          type: "button",
+          onClick: i.onClick,
+          size: "sm",
+          variant: "ghost",
+          style: { fontWeight: "var(--t-font-weight-regular)" },
+          children: i.label
+        })
+      })
+    ]
+  }) : null;
+}, $a = "_info_phgej_1", qa = "_accentBlue_phgej_14", Fa = "_accentDanger_phgej_19", ja = "_textContainer_phgej_24", Wa = "_linkContainer_phgej_33", ce = {
+  info: $a,
+  accentBlue: qa,
+  accentDanger: Fa,
+  textContainer: ja,
+  linkContainer: Wa
+}, Ka = {
+  blue: ce.accentBlue,
+  danger: ce.accentDanger
+}, _s = ({ accent: e = "blue", text: t, buttonTitle: a, onClick: n, href: o, render: i }) => {
+  const s = M();
+  return /* @__PURE__ */ h("div", {
+    className: v(ce.info, Ka[e]),
+    children: [
+      /* @__PURE__ */ h("div", {
+        className: ce.textContainer,
+        children: [/* @__PURE__ */ r(Oe, { size: s.icon.size.md }), t]
+      }),
+      a && o && /* @__PURE__ */ r("span", {
+        className: ce.linkContainer,
+        children: /* @__PURE__ */ r(R, {
+          href: o,
+          render: i,
+          size: "sm",
+          variant: "outline",
+          color: e === "blue" ? "accent" : "danger",
+          children: a
+        })
+      }),
+      a && n && !o && /* @__PURE__ */ r(R, {
+        onClick: n,
+        size: "sm",
+        variant: "outline",
+        color: e === "blue" ? "accent" : "danger",
+        children: a
+      })
+    ]
+  });
+}, Ha = "_banner_j76tb_1", Ja = "_embedded_j76tb_6", Va = "_bannerContent_j76tb_10", Ga = "_bannerText_j76tb_21", me = {
+  banner: Ha,
+  embedded: Ja,
+  bannerContent: Va,
+  bannerText: Ga
+}, vs = ({ color: e, message: t, embedded: a = !1, button: n, LeftIcon: o = Oe, className: i }) => {
+  const s = M();
+  return /* @__PURE__ */ h(er, {
+    className: v(me.banner, a && me.embedded, i),
+    color: e,
+    variant: "secondary",
+    children: [/* @__PURE__ */ h("div", {
+      className: me.bannerContent,
+      children: [/* @__PURE__ */ r(o, { size: s.icon.size.md }), /* @__PURE__ */ r("div", {
+        className: me.bannerText,
+        children: /* @__PURE__ */ r(se, {
+          isFocusable: !0,
+          text: /* @__PURE__ */ r(O, { children: t }),
+          tooltipContent: t
+        })
+      })]
+    }), n && !n.hidden && /* @__PURE__ */ r(R, {
+      size: "sm",
+      onClick: n?.onClick,
+      disabled: n.disabled,
+      startIcon: u(n.Icon) ? /* @__PURE__ */ r(n.Icon, {}) : void 0,
+      variant: "outline",
+      color: e === "danger" ? "danger" : "accent",
+      children: n?.title
+    })]
+  });
+}, ps = 3, gt = $e(void 0), ge = (e) => e.status === "visible", bt = ({ store: e, toastsToClose: t, nextToasts: a = e.state.toasts }) => {
+  const n = a.map((i) => t.includes(i) ? {
+    ...i,
+    status: "closing"
+  } : i), o = e.state.mountedToasterCount > 0;
+  e.set("toasts", o ? n : n.filter(ge));
+  for (const i of t) i.notification.onClose?.();
+}, ue = () => {
+  const e = le(gt);
+  if (!u(e)) throw new Error("Toast components must be used within a ToastProvider.");
+  return e;
+}, Ct = () => {
+  const e = ue();
+  return { closeToast: (a) => {
+    const n = e.state.toasts.filter((o) => ge(o) && (!u(a) || o.notification.id === a));
+    pr(n) && bt({
+      store: e,
+      toastsToClose: n
+    });
+  } };
+}, Ze = 0, Ua = () => {
+  const e = ue();
+  return { enqueueToast: br(() => {
+    function t(a) {
+      if (!u(a)) return;
+      const { dedupeKey: n, ...o } = a, { toasts: i, limit: s } = e.state, c = i.filter(ge), d = u(n) ? c.find((_) => _.dedupeKey === n) : void 0;
+      if (u(d)) return d.notification.id;
+      Ze += 1;
+      const l = `toast-${Ze}`, m = Math.max(0, c.length - s + 1);
+      return bt({
+        store: e,
+        toastsToClose: c.slice(0, m),
+        nextToasts: [...i, {
+          notification: {
+            ...o,
+            id: l
+          },
+          dedupeKey: n,
+          status: "visible"
+        }]
+      }), l;
+    }
+    return t;
+  }, [e]) };
+}, hs = () => {
+  const { closeToast: e } = Ct(), { enqueueToast: t } = Ua();
+  return {
+    enqueueToast: t,
+    closeToast: e
+  };
+}, Ya = () => Ir(ue(), (e) => e.toasts), Xa = (e = 3) => {
+  if (!fr(e)) throw new Error("Toast limit must be a positive integer.");
+  return new Cr({
+    toasts: [],
+    limit: e,
+    mountedToasterCount: 0
+  });
+}, Qa = "_root_o4q1b_1", Za = "_progress_o4q1b_19", en = "_header_o4q1b_30", tn = "_message_o4q1b_39", rn = "_icon_o4q1b_44", an = "_actions_o4q1b_49", nn = "_description_o4q1b_55", on = "_footer_o4q1b_64", sn = "_footerAction_o4q1b_68", cn = "_closeButton_o4q1b_75", q = {
+  root: Qa,
+  progress: Za,
+  header: en,
+  message: tn,
+  icon: rn,
+  actions: an,
+  description: nn,
+  footer: on,
+  footerAction: sn,
+  closeButton: cn
+}, ln = {
+  default: ye,
+  error: ye,
+  success: Ft,
+  info: Oe,
+  warning: ye
+}, dn = ({ children: e, description: t, icon: a, iconLabel: n, action: o, progress: i, duration: s = 6e3, onCancel: c, onClose: d, cancelLabel: l = "Cancel", closeLabel: m = "Close", variant: _ = "default", role: p = "status", className: f, onMouseEnter: g, onMouseLeave: S, render: b, ref: C, ...T }) => {
+  const N = M(), [k, A] = D(!1), L = ln[_];
+  return de({
+    render: b,
+    ref: C,
+    props: {
+      role: p,
+      "aria-live": p === "alert" ? "assertive" : "polite",
+      ...T,
+      className: v(q.root, f),
+      onMouseEnter: (I) => {
+        A(!0), g?.(I);
+      },
+      onMouseLeave: (I) => {
+        A(!1), S?.(I);
+      },
+      children: /* @__PURE__ */ h(O, { children: [
+        /* @__PURE__ */ r("div", {
+          className: q.progress,
+          "aria-hidden": !0,
+          children: /* @__PURE__ */ r(tr, {
+            barColor: N.snackBar[_].backgroundColor,
+            value: i ?? 100,
+            countdownDurationInMs: u(i) ? void 0 : s,
+            isCountdownPaused: k,
+            onCountdownComplete: d
+          })
+        }),
+        /* @__PURE__ */ h("div", {
+          className: q.header,
+          children: [
+            /* @__PURE__ */ r("div", {
+              className: q.icon,
+              children: a ?? /* @__PURE__ */ r(L, {
+                "aria-label": n,
+                "aria-hidden": !u(n),
+                color: N.snackBar[_].color,
+                size: N.icon.size.md
+              })
+            }),
+            /* @__PURE__ */ r("div", {
+              className: q.message,
+              children: e
+            }),
+            /* @__PURE__ */ h("div", {
+              className: q.actions,
+              children: [u(c) && /* @__PURE__ */ r(R, {
+                onClick: c,
+                size: "sm",
+                variant: "ghost",
+                style: { fontWeight: "var(--t-font-weight-regular)" },
+                children: l
+              }), u(d) && /* @__PURE__ */ r(R, {
+                title: m,
+                "aria-label": m,
+                startIcon: /* @__PURE__ */ r(ze, {}),
+                className: q.closeButton,
+                variant: "ghost",
+                size: "sm",
+                onClick: d
+              })]
+            })
+          ]
+        }),
+        u(t) && /* @__PURE__ */ r("div", {
+          className: q.description,
+          children: t
+        }),
+        u(o) && /* @__PURE__ */ h("div", {
+          className: q.footer,
+          children: [/* @__PURE__ */ r(rr, { noMargin: !0 }), /* @__PURE__ */ r("div", {
+            className: q.footerAction,
+            children: o
+          })]
+        })
+      ] })
+    }
+  });
+}, fs = ({ children: e, limit: t = 3 }) => {
+  const [a] = D(() => Xa(t));
+  return /* @__PURE__ */ r(gt.Provider, {
+    value: a,
+    children: e
+  });
+}, et = ({ store: e, toast: t }) => {
+  const { toasts: a } = e.state;
+  t.status === "closing" && a.includes(t) && e.set("toasts", a.filter((n) => n !== t));
+}, un = "_root_1q2cc_1", mn = "_item_1q2cc_20", _n = "_itemContent_1q2cc_47", Re = {
+  root: un,
+  item: mn,
+  itemContent: _n
+}, vn = ({ elementRef: e, toastEntry: t }) => {
+  const a = ue();
+  return fe(() => {
+    if (t.status === "visible") return;
+    const n = e.current?.getAnimations?.() ?? [];
+    if (n.length === 0) {
+      et({
+        store: a,
+        toast: t
+      });
+      return;
+    }
+    let o = !1;
+    return Promise.allSettled(n.map((i) => i.finished)).then(() => {
+      o || et({
+        store: a,
+        toast: t
+      });
+    }), () => {
+      o = !0;
+    };
+  }, [
+    e,
+    t,
+    a
+  ]), /* @__PURE__ */ r(O, {});
+}, pn = ({ toastEntry: e, getToastProps: t, onClose: a }) => {
+  const { notification: n, status: o } = e, { id: i, ...s } = n, c = Fe(null);
+  return /* @__PURE__ */ h(O, { children: [/* @__PURE__ */ r("div", {
+    ref: c,
+    className: Re.item,
+    "data-exiting": o === "closing" || void 0,
+    inert: o === "closing",
+    children: /* @__PURE__ */ r("div", {
+      className: Re.itemContent,
+      children: /* @__PURE__ */ r(dn, {
+        ...s,
+        ...t?.(n),
+        id: i,
+        onClose: () => a(i)
+      })
+    })
+  }), /* @__PURE__ */ r(vn, {
+    elementRef: c,
+    toastEntry: e
+  })] });
+}, hn = ({ getToastProps: e }) => {
+  const t = Ya(), { closeToast: a } = Ct();
+  return t.map((n) => /* @__PURE__ */ r(pn, {
+    toastEntry: n,
+    getToastProps: e,
+    onClose: a
+  }, n.notification.id));
+}, fn = () => {
+  const e = ue();
+  return fe(() => (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(ge));
+  }), [e]), null;
+}, gs = ({ container: e, getToastProps: t, className: a, render: n, ref: o, ...i }) => {
+  const s = Jt(), c = yr(), d = e === void 0 ? s ?? (typeof document > "u" ? null : document.body) : e, l = de({
+    render: n,
+    ref: o,
+    props: {
+      role: "region",
+      dir: c,
+      "aria-label": "Notifications",
+      ...i,
+      className: v(Re.root, a),
+      children: /* @__PURE__ */ h(O, { children: [/* @__PURE__ */ r(fn, {}), /* @__PURE__ */ r(hn, { getToastProps: t })] })
+    }
+  });
+  return u(d) ? Nr(l, d) : null;
+}, gn = "_container_1gape_1", bn = "_cardInner_1gape_23", tt = {
+  container: gn,
+  cardInner: bn
+}, bs = ({ children: e, className: t, ...a }) => /* @__PURE__ */ r(Yt, {
+  render: /* @__PURE__ */ r("div", {}),
+  ...a,
+  className: V(tt.container, t),
+  children: /* @__PURE__ */ r("div", {
+    className: tt.cardInner,
+    children: e
+  })
+}), Cn = "_root_16neu_1", In = { root: Cn }, rt = ({ className: e }) => {
+  const t = M();
+  return /* @__PURE__ */ r("div", {
+    className: v(In.root, e),
+    children: /* @__PURE__ */ r(Rt, {
+      color: t.grayScale.gray1,
+      size: 14
+    })
+  });
+}, yn = "_container_qsmue_1", Nn = "_colorSchemeBackground_qsmue_6", wn = "_colorSchemeContent_qsmue_22", kn = "_mixedColorSchemeSegment_qsmue_39", Sn = "_checkmarkContainer_qsmue_54", Y = {
+  container: yn,
+  colorSchemeBackground: Nn,
+  colorSchemeContent: wn,
+  mixedColorSchemeSegment: kn,
+  checkmarkContainer: Sn
+}, xe = ({ variant: e, style: t, className: a, onClick: n, onMouseEnter: o, onMouseLeave: i }) => {
+  const s = e === "Dark" ? Kt : Ht, c = v(Y.colorSchemeBackground, a), d = {
+    "--color-scheme-card-background": s.gray4,
+    "--color-scheme-card-border-color": s.gray5,
+    "--color-scheme-card-content-background": s.gray1,
+    "--color-scheme-card-content-color": s.gray12,
+    ...t
+  }, l = /* @__PURE__ */ r("div", {
+    className: Y.colorSchemeContent,
+    children: "Aa"
+  });
+  return u(n) ? /* @__PURE__ */ r("div", {
+    className: c,
+    style: d,
+    role: "button",
+    tabIndex: 0,
+    "aria-label": e,
+    onClick: n,
+    onKeyDown: ve,
+    onMouseEnter: o,
+    onMouseLeave: i,
+    children: l
+  }) : /* @__PURE__ */ r("div", {
+    className: c,
+    style: d,
+    onMouseEnter: o,
+    onMouseLeave: i,
+    children: l
+  });
+}, Ae = ({ variant: e, selected: t, onClick: a, className: n }) => {
+  const o = /* @__PURE__ */ h(O, { children: [/* @__PURE__ */ r(xe, {
+    style: {
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0
+    },
+    variant: "Light"
+  }), /* @__PURE__ */ r(xe, {
+    style: {
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0
+    },
+    variant: "Dark"
+  })] });
+  return e === "System" ? /* @__PURE__ */ h("div", {
+    className: v(Y.container, n),
+    children: [u(a) ? /* @__PURE__ */ r("div", {
+      className: Y.mixedColorSchemeSegment,
+      role: "button",
+      tabIndex: 0,
+      "aria-label": e,
+      onClick: a,
+      onKeyDown: ve,
+      children: o
+    }) : /* @__PURE__ */ r("div", {
+      className: Y.mixedColorSchemeSegment,
+      children: o
+    }), /* @__PURE__ */ r("div", {
+      className: Y.checkmarkContainer,
+      "data-selected": t || void 0,
+      children: /* @__PURE__ */ r(rt, {})
+    })]
+  }) : /* @__PURE__ */ h("div", {
+    className: v(Y.container, n),
+    children: [/* @__PURE__ */ r(xe, {
+      variant: e,
+      onClick: a
+    }), /* @__PURE__ */ r("div", {
+      className: Y.checkmarkContainer,
+      "data-selected": t || void 0,
+      children: /* @__PURE__ */ r(rt, {})
+    })]
+  });
+}, Tn = "_container_pqcwk_1", xn = "_cardContainer_pqcwk_13", An = "_card_pqcwk_13", Ln = "_label_pqcwk_29", F = {
+  container: Tn,
+  cardContainer: xn,
+  card: An,
+  label: Ln
+}, Cs = ({ value: e, onChange: t, className: a, lightLabel: n, darkLabel: o, systemLabel: i }) => /* @__PURE__ */ h("div", {
+  className: v(F.container, a),
+  children: [
+    /* @__PURE__ */ h("div", {
+      className: F.cardContainer,
+      children: [/* @__PURE__ */ r(Ae, {
+        className: F.card,
+        onClick: () => t("Light"),
+        variant: "Light",
+        selected: e === "Light"
+      }), /* @__PURE__ */ r("span", {
+        className: F.label,
+        children: n
+      })]
+    }),
+    /* @__PURE__ */ h("div", {
+      className: F.cardContainer,
+      children: [/* @__PURE__ */ r(Ae, {
+        className: F.card,
+        onClick: () => t("Dark"),
+        variant: "Dark",
+        selected: e === "Dark"
+      }), /* @__PURE__ */ r("span", {
+        className: F.label,
+        children: o
+      })]
+    }),
+    /* @__PURE__ */ h("div", {
+      className: F.cardContainer,
+      children: [/* @__PURE__ */ r(Ae, {
+        className: F.card,
+        onClick: () => t("System"),
+        variant: "System",
+        selected: e === "System"
+      }), /* @__PURE__ */ r("span", {
+        className: F.label,
+        children: i
+      })]
+    })
+  ]
+}), Dn = "_button_1qwl0_1", Bn = "_tooltipAnchor_1qwl0_29", Mn = "_icon_1qwl0_33", Le = {
+  button: Dn,
+  tooltipAnchor: Bn,
+  icon: Mn
+}, En = ({ children: e, size: t = "md", shape: a = "square", className: n, tooltip: o, tooltipPlace: i = "bottom", tooltipDelay: s = 1e3, tooltipOffset: c = 5, disabled: d, loading: l, ...m }) => {
+  const _ = le(Qt)?.size ?? t, p = j(o), f = d || l, g = /* @__PURE__ */ r(R, {
+    ...m,
+    size: t === "xs" ? "sm" : t,
+    "data-icon-size": _,
+    "data-shape": a,
+    disabled: d,
+    loading: l,
+    startIcon: /* @__PURE__ */ r("span", {
+      className: Le.icon,
+      children: e
+    }),
+    className: V(Le.button, n)
+  });
+  return p ? /* @__PURE__ */ r(ut, {
+    content: o,
+    delay: s,
+    side: i,
+    sideOffset: c,
+    children: f ? /* @__PURE__ */ r("span", {
+      className: Le.tooltipAnchor,
+      children: g
+    }) : g
+  }) : g;
+}, Rn = "_button_k3e4y_1", Pn = { button: Rn }, Is = ({ className: e, emphasis: t = "standard", size: a = "sm", variant: n = "ghost", ...o }) => /* @__PURE__ */ r(R, {
+  ...o,
+  size: a,
+  variant: n,
+  "data-emphasis": t,
+  className: V(Pn.button, e)
+}), zn = "_button_prhtf_1", On = { button: zn }, $n = ({ className: e, emphasis: t = "standard", size: a = "sm", variant: n = "ghost", ...o }) => /* @__PURE__ */ r(En, {
+  ...o,
+  size: a,
+  variant: n,
+  "data-emphasis": t,
+  className: V(On.button, e)
+}), qn = "_button_1fwx7_1", Fn = { button: qn }, ys = ({ className: e, elevated: t = !0, variant: a = "solid", ...n }) => /* @__PURE__ */ r(R, {
+  ...n,
+  elevated: t,
+  variant: a,
+  className: V(Fn.button, e)
+}), jn = "_wrapper_kimh6_1", Wn = "_filterButton_kimh6_8", Kn = "_filterIcon_kimh6_17", Hn = "_inputContainer_kimh6_21", Jn = "_iconContainer_kimh6_38", Vn = "_input_kimh6_21", ee = {
+  wrapper: jn,
+  filterButton: Wn,
+  filterIcon: Kn,
+  inputContainer: Hn,
+  iconContainer: Jn,
+  input: Vn
+}, Ns = ({ value: e, onChange: t, placeholder: a, filterDropdown: n, autoFocus: o, disabled: i, className: s, id: c, filterButtonAriaLabel: d = "Filter", "aria-label": l, "aria-labelledby": m }) => {
+  const _ = M(), [p, f] = D(!1), g = re(), S = c ?? g, b = /* @__PURE__ */ r(R, {
+    variant: "outline",
+    "aria-label": d,
+    startIcon: /* @__PURE__ */ r("span", {
+      className: ee.filterIcon,
+      children: /* @__PURE__ */ r(Dt, { size: _.icon.size.md })
+    }),
+    className: ee.filterButton
+  });
+  return /* @__PURE__ */ h("div", {
+    className: v(ee.wrapper, s),
+    children: [/* @__PURE__ */ h("div", {
+      className: ee.inputContainer,
+      children: [/* @__PURE__ */ r("div", {
+        className: ee.iconContainer,
+        "data-focused": p || void 0,
+        "aria-hidden": !0,
+        children: /* @__PURE__ */ r($t, { size: _.icon.size.md })
+      }), /* @__PURE__ */ r(wr, {
+        id: S,
+        className: ee.input,
+        value: e,
+        onValueChange: (C) => t(C),
+        onFocus: () => f(!0),
+        onBlur: () => f(!1),
+        placeholder: a,
+        autoFocus: o,
+        disabled: i,
+        "aria-label": m ? void 0 : l ?? a,
+        "aria-labelledby": m
+      })]
+    }), n && n(b)]
+  });
+}, ws = ({ children: e, startIcon: t, description: a, focused: n = !1, checked: o, defaultChecked: i, onCheckedChange: s, disabled: c = !1, readOnly: d = !1, size: l = "sm", name: m, value: _, required: p, className: f, style: g, ref: S, ...b }) => {
+  const C = re(), T = `${C}-label`, N = `${C}-description`, k = ar(a);
+  return /* @__PURE__ */ r(pe, {
+    className: f,
+    style: g,
+    startIcon: t,
+    focused: n,
+    disabled: c,
+    description: k && /* @__PURE__ */ r("span", {
+      id: N,
+      children: a
+    }),
+    render: (A) => /* @__PURE__ */ r("label", {
+      ...b,
+      ...A,
+      htmlFor: C,
+      ref: S
+    }),
+    endIcon: /* @__PURE__ */ r(Xt, {
+      id: C,
+      "aria-labelledby": T,
+      "aria-describedby": k ? N : void 0,
+      checked: o,
+      defaultChecked: i,
+      onCheckedChange: s,
+      disabled: c,
+      readOnly: d,
+      size: l,
+      name: m,
+      value: _,
+      required: p
+    }),
+    children: /* @__PURE__ */ r("span", {
+      id: T,
+      children: e
+    })
+  });
+}, Gn = "_container_gwbng_1", Un = "_layer_gwbng_8", Yn = "_visible_gwbng_22", Xn = "_hidden_gwbng_27", Q = {
+  container: Gn,
+  layer: Un,
+  visible: Yn,
+  hidden: Xn
+}, ks = ({ isActive: e, ActiveIcon: t, InactiveIcon: a, size: n }) => {
+  const o = M(), i = n ?? o.icon.size.sm;
+  return /* @__PURE__ */ h("div", {
+    className: Q.container,
+    style: { "--animated-icon-crossfade-size": `${i}px` },
+    children: [/* @__PURE__ */ r("div", {
+      className: v(Q.layer, e ? Q.hidden : Q.visible),
+      children: /* @__PURE__ */ r(a, { size: i })
+    }), /* @__PURE__ */ r("div", {
+      className: v(Q.layer, e ? Q.visible : Q.hidden),
+      children: /* @__PURE__ */ r(t, { size: i })
+    })]
+  });
+}, Qn = "_header_1r38k_1", Zn = "_titleRow_1r38k_8", eo = "_title_1r38k_8", to = "_adornment_1r38k_21", ro = "_description_1r38k_27", oe = {
+  header: Qn,
+  titleRow: Zn,
+  title: eo,
+  adornment: to,
+  description: ro
+}, ao = ({ title: e, description: t, adornment: a, level: n = 2, size: o = "md", color: i = "primary", descriptionLineClamp: s = 5, render: c, ref: d, className: l, ...m }) => {
+  const _ = re(), p = te(t) ? j(t) : u(t) && t !== !1;
+  return de({
+    render: c,
+    ref: d,
+    props: {
+      ...m,
+      className: v(oe.header, l),
+      children: /* @__PURE__ */ h(O, { children: [/* @__PURE__ */ h("div", {
+        className: oe.titleRow,
+        children: [/* @__PURE__ */ r(or, {
+          level: n,
+          size: o,
+          color: i,
+          className: oe.title,
+          "aria-describedby": p ? _ : void 0,
+          children: e
+        }), u(a) && /* @__PURE__ */ r("div", {
+          className: oe.adornment,
+          children: a
+        })]
+      }), p && /* @__PURE__ */ r("div", {
+        id: _,
+        className: oe.description,
+        children: te(t) ? /* @__PURE__ */ r(se, {
+          text: t,
+          displayedMaxRows: s,
+          isTooltipMultiline: !0,
+          isFocusable: !0
+        }) : t
+      })] })
+    }
+  });
+}, no = "_root_ztxxm_1", oo = "_fullWidth_ztxxm_20", at = {
+  root: no,
+  fullWidth: oo
+}, io = ({ align: e = "left", color: t = "primary", fullWidth: a = !0, className: n, render: o, ref: i, ...s }) => de({
+  render: o,
+  ref: i,
+  props: {
+    ...s,
+    "data-align": e,
+    "data-color": t,
+    className: v(at.root, a && at.fullWidth, n)
+  }
+}), Ss = {
+  Root: io,
+  Header: ao
+}, We = (e) => e.getAttribute("aria-label") ?? e.textContent ?? "", be = (e) => Array.from(e.querySelectorAll("[data-dropdown-item]")).filter((t) => t.getAttribute("aria-disabled") !== "true" && !t.hasAttribute("disabled") && t.closest("[data-dropdown-content]") === e), _e = $e(void 0), $ = () => {
+  const e = le(_e);
+  if (!u(e)) throw new Error("Dropdown components must be inside Dropdown.Root");
+  return e;
+}, Ke = ({ id: e, isSubmenuTrigger: t = !1 }) => {
+  const a = $(), n = t ? a.parentType : a.type, o = t ? a.parentActiveItemId : a.activeItemId, i = t ? a.setParentActiveItemId : a.setActiveItemId;
+  return {
+    tabIndex: n === "menu" && o !== e ? -1 : 0,
+    activate: () => i?.(e)
+  };
+}, It = ({ color: e, startIcon: t, endIcon: a, description: n, descriptionPlacement: o, hotkeys: i, hasSubmenu: s, children: c, render: d, disabled: l = !1, nativeButton: m = !u(d), closeOnClick: _ = !0, onClick: p, onFocus: f, page: g, id: S, ...b }) => {
+  const { type: C, closeTree: T, goToPage: N } = $(), k = re(), A = S ?? k, L = Ke({ id: A });
+  return /* @__PURE__ */ r(mt, {
+    ...b,
+    id: A,
+    disabled: l,
+    nativeButton: m,
+    role: b.role ?? (C === "menu" ? "menuitem" : void 0),
+    tabIndex: L.tabIndex,
+    onFocus: (I) => {
+      L.activate(), f?.(I);
+    },
+    "data-dropdown-item": "",
+    "data-dropdown-page": g,
+    onClick: (I) => {
+      if (p?.(I), !I.defaultPrevented) {
+        if (u(g)) {
+          const y = I.currentTarget.closest("[data-dropdown-content]");
+          if (!u(y)) return;
+          N({
+            id: g,
+            trigger: {
+              id: S,
+              index: be(y).indexOf(I.currentTarget),
+              page: g,
+              label: We(I.currentTarget)
+            }
+          });
+          return;
+        }
+        _ && T();
+      }
+    },
+    render: (I) => /* @__PURE__ */ r(pe, {
+      ...I,
+      render: d ?? /* @__PURE__ */ r("button", { type: "button" }),
+      disabled: l,
+      color: e,
+      startIcon: t,
+      endIcon: a,
+      description: n,
+      descriptionPlacement: o,
+      hotkeys: i,
+      hasSubmenu: s ?? u(g),
+      children: c
+    })
+  });
+}, so = "_content_7a4p5_1", co = "_page_7a4p5_12", lo = "_section_7a4p5_16", uo = "_separator_7a4p5_24", mo = "_back_7a4p5_32", _o = "_searchContainer_7a4p5_47", vo = "_search_7a4p5_47", po = "_status_7a4p5_64", ho = "_header_7a4p5_70", fo = "_title_7a4p5_86", z = {
+  content: so,
+  page: co,
+  section: lo,
+  separator: uo,
+  back: mo,
+  searchContainer: _o,
+  search: vo,
+  status: po,
+  header: ho,
+  title: fo
+}, go = ({ children: e = "Back", className: t, onClick: a, ...n }) => {
+  const { goBack: o, canGoBack: i } = $();
+  return /* @__PURE__ */ r(It, {
+    ...n,
+    className: v(z.back, t),
+    "data-dropdown-back": "",
+    disabled: n.disabled || !i,
+    startIcon: /* @__PURE__ */ r(Pt, {}),
+    closeOnClick: !1,
+    onClick: (s) => {
+      a?.(s), !s.defaultPrevented && o();
+    },
+    children: e
+  });
+}, bo = ({ render: e, children: t, "aria-label": a, ...n }) => /* @__PURE__ */ r(_t.Close, {
+  ...n,
+  "aria-label": a,
+  render: e ?? /* @__PURE__ */ r($n, {
+    size: "sm",
+    "aria-label": a,
+    children: t ?? /* @__PURE__ */ r(ze, {})
+  }),
+  children: u(e) ? t : void 0
+}), He = ({ content: e, target: t, edge: a = "first", type: n }) => {
+  const o = u(t?.id) ? e.ownerDocument.getElementById(t.id) : null;
+  if (u(o) && e.contains(o)) return o;
+  const i = be(e), s = u(t) ? i.filter((_) => _.dataset.dropdownPage === t.page) : [];
+  if (s.length === 1) return s[0];
+  const c = j(t?.label) ? s.filter((_) => We(_) === t?.label) : [];
+  if (c.length === 1) return c[0];
+  const d = u(t) ? i[t.index] : void 0;
+  if (u(d)) return d;
+  const l = 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((_) => _.closest("[data-dropdown-content]") === e)?.dataset.dropdownPageType ?? n ?? e.dataset.type) === "panel") return l ?? e;
+  const m = e.querySelector("[data-dropdown-search]:not(:disabled)");
+  return u(m) ? m : (a === "last" ? i[i.length - 1] : i[0]) ?? l ?? e;
+}, Co = ({ contentRef: e }) => {
+  const { open: t, pageId: a, pageFocusRequest: n, setPageFocusRequest: o } = $();
+  return fe(() => {
+    u(n) && (o(void 0), !(!t || n.pageId !== a || !u(e.current)) && He({
+      content: e.current,
+      target: n.target
+    }).focus());
+  }, [
+    e,
+    t,
+    a,
+    n,
+    o
+  ]), null;
+}, yt = (e) => {
+  if (e.dataset.type === "panel") return;
+  const t = e.querySelector("[data-dropdown-search]:not(:disabled)");
+  if (!(!u(t) || !j(t.value.trim())))
+    return be(e).find((a) => a.hasAttribute("data-dropdown-option-item"));
+}, Io = ({ content: e }) => {
+  const { setSearchTargetId: t } = $();
+  return fe(() => {
+    if (!u(e)) return;
+    const a = () => t(yt(e)?.id);
+    a();
+    const n = new MutationObserver(a);
+    return n.observe(e, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: ["disabled", "aria-disabled"]
+    }), e.addEventListener("input", a), () => {
+      n.disconnect(), e.removeEventListener("input", a), t(void 0);
+    };
+  }, [e, t]), null;
+}, yo = (e) => (e.ctrlKey || e.metaKey) && !e.defaultPrevented, No = (e) => Array.from(e.ownerDocument.querySelectorAll("[data-dropdown-item][aria-controls]")).find((t) => t.getAttribute("aria-controls") === e.id), wo = ({ key: e, items: t, currentIndex: a, search: n, isSearch: o }) => {
+  const i = t.length - 1;
+  if (e === "ArrowDown") return t[a === i ? 0 : a + 1];
+  if (e === "ArrowUp" && a === 0 && u(n)) return n;
+  if (e === "ArrowUp") return t[a <= 0 ? i : a - 1];
+  if (!o && e === "Home") return t[0];
+  if (!o && e === "End") return t[i];
+}, ko = 500, So = ({ type: e, isSubmenu: t, setOpen: a }) => {
+  const [n, o] = D({
+    text: "",
+    timestamp: 0
+  });
+  return (i) => {
+    if (i.defaultPrevented) return;
+    const s = i.currentTarget, c = i.target;
+    if (!(c instanceof HTMLElement) || c.closest("[data-dropdown-content]") !== s) return;
+    const d = c.matches('input,textarea,select,[contenteditable="true"]'), l = getComputedStyle(s).direction === "rtl" ? "ArrowRight" : "ArrowLeft";
+    if (t && (i.key === "Escape" || !d && i.key === l)) {
+      i.preventDefault(), i.stopPropagation(), No(s)?.focus(), a(!1);
+      return;
+    }
+    if (e === "panel") return;
+    const m = s.querySelector("[data-dropdown-search]:not(:disabled)"), _ = c === m;
+    if (d && !_) return;
+    const p = be(s).filter((k) => !u(m) || !k.hasAttribute("data-dropdown-back")), f = _ && i.key === "Enter" && !i.nativeEvent.isComposing ? yt(s) : void 0;
+    if (u(f)) {
+      i.preventDefault(), f.click();
+      return;
+    }
+    const g = p.indexOf(c), S = wo({
+      key: i.key,
+      items: p,
+      currentIndex: g,
+      search: m,
+      isSearch: _
+    });
+    if (u(S)) {
+      i.preventDefault(), S.focus();
+      return;
+    }
+    if (d || i.key.length !== 1 || i.key === " " || i.altKey || i.ctrlKey || i.metaKey) return;
+    const b = Date.now(), C = b - n.timestamp > ko ? i.key : n.text + i.key;
+    o({
+      text: C,
+      timestamp: b
+    });
+    const T = ([...C].every((k) => k === C[0]) ? i.key : C).toLocaleLowerCase(), N = [...p.slice(g + 1), ...p.slice(0, g + 1)].find((k) => We(k).trim().toLocaleLowerCase().startsWith(T));
+    u(N) && (i.preventDefault(), N.focus());
+  };
+}, To = ({ side: e, align: t = "start", sideOffset: a = 0, alignOffset: n, anchor: o, container: i, keepMounted: s, width: c = 200, className: d, style: l, children: m, initialFocus: _, onKeyDown: p, onClick: f, onMouseDown: g, onPointerDown: S, ref: b, ...C }) => {
+  const { type: T, isSubmenu: N, setOpen: k, initialFocusEdge: A, focusOnOpen: L } = $(), I = Fe(null), [y, G] = D(null), B = kr(I, b, G), K = So({
+    type: T,
+    isSubmenu: N,
+    setOpen: k
+  });
+  return /* @__PURE__ */ h(O, { children: [
+    /* @__PURE__ */ r(he.Popup, {
+      ...C,
+      ref: B,
+      side: e ?? (N ? "inline-end" : "bottom"),
+      align: t,
+      sideOffset: a,
+      alignOffset: n,
+      anchor: o,
+      container: i,
+      keepMounted: s,
+      role: T === "menu" ? "menu" : "dialog",
+      "data-dropdown-content": "",
+      "data-type": T,
+      className: V(z.content, d),
+      style: (w) => ({
+        width: c,
+        ...vr(l) ? l(w) : l
+      }),
+      initialFocus: _ ?? (() => L ? u(I.current) ? He({
+        content: I.current,
+        edge: A,
+        type: T
+      }) : !0 : !1),
+      onKeyDown: (w) => {
+        p?.(w), K(w), yo(w) || w.stopPropagation();
+      },
+      onClick: (w) => {
+        w.stopPropagation(), f?.(w);
+      },
+      onMouseDown: (w) => {
+        w.stopPropagation(), g?.(w);
+      },
+      onPointerDown: (w) => {
+        w.stopPropagation(), S?.(w);
+      },
+      children: m
+    }),
+    /* @__PURE__ */ r(Co, { contentRef: I }),
+    /* @__PURE__ */ r(Io, { content: y })
+  ] });
+}, xo = ({ className: e, ...t }) => /* @__PURE__ */ r(dt, {
+  ...t,
+  role: "status",
+  "aria-live": "polite",
+  className: v(z.status, e)
+}), Ao = ({ render: e, ref: t, className: a, ...n }) => de({
+  render: e,
+  ref: t,
+  props: {
+    ...n,
+    className: v(z.header, a)
+  }
+}), Lo = ({ className: e, ...t }) => /* @__PURE__ */ r(dt, {
+  ...t,
+  role: "status",
+  "aria-live": "polite",
+  "aria-busy": "true",
+  className: v(z.status, e)
+}), Do = ({ selected: e, indicator: t, onSelect: a, closeOnSelect: n, color: o, startIcon: i, endIcon: s, description: c, descriptionPlacement: d, hotkeys: l, hasSubmenu: m, children: _, render: p, disabled: f = !1, nativeButton: g = !u(p), onClick: S, onFocus: b, id: C, ...T }) => {
+  const { type: N, multiple: k, closeTree: A, searchTargetId: L } = $(), I = N === "menu", y = k ? "menuitemcheckbox" : "menuitemradio", G = re(), B = C ?? G, K = Ke({ id: B });
+  return /* @__PURE__ */ r(mt, {
+    ...T,
+    id: B,
+    disabled: f,
+    nativeButton: g,
+    role: I ? y : void 0,
+    "aria-checked": I ? e : void 0,
+    "aria-pressed": I ? void 0 : e,
+    tabIndex: K.tabIndex,
+    onFocus: (w) => {
+      K.activate(), b?.(w);
+    },
+    "data-dropdown-item": "",
+    "data-dropdown-option-item": "",
+    onClick: (w) => {
+      S?.(w), !w.defaultPrevented && (a?.(), (n ?? !k) && A());
+    },
+    render: (w) => /* @__PURE__ */ r(pe, {
+      ...w,
+      render: p ?? /* @__PURE__ */ r("button", { type: "button" }),
+      disabled: f,
+      selected: e,
+      focused: L === B,
+      indicator: t ?? (k ? "checkbox" : "check"),
+      color: o,
+      startIcon: i,
+      endIcon: s,
+      description: c,
+      descriptionPlacement: d,
+      hotkeys: l,
+      hasSubmenu: m,
+      children: _
+    })
+  });
+}, Bo = ({ id: e, type: t, children: a }) => {
+  const n = $(), { registerPage: o } = n, i = Ee((s) => {
+    u(s) && o({
+      id: e,
+      type: t
+    });
+  }, [
+    e,
+    t,
+    o
+  ]);
+  return n.pageId !== e ? null : /* @__PURE__ */ r(_e.Provider, {
+    value: {
+      ...n,
+      type: t ?? n.rootType
+    },
+    children: /* @__PURE__ */ r("div", {
+      ref: i,
+      className: z.page,
+      "data-dropdown-page-type": t ?? n.rootType,
+      children: a
+    })
+  });
+}, Mo = ({ open: e, registerOpenNestedRoot: t }) => (gr(() => {
+  if (e)
+    return t?.();
+}, [e, t]), null), Eo = [
+  "mousedown",
+  "touchend",
+  "focusout"
+], nt = (e) => {
+  e.preventDefault(), e.stopPropagation();
+}, Ro = (e) => {
+  if (e.type === "click") {
+    nt(e);
+    return;
+  }
+  if (!Eo.includes(e.type)) return;
+  const t = e.target instanceof Node ? e.target.ownerDocument ?? document : document, a = new AbortController(), n = () => a.abort(), o = {
+    capture: !0,
+    signal: a.signal
+  };
+  t.addEventListener("click", (i) => {
+    nt(i), n();
+  }, o), t.addEventListener("pointerdown", n, o), t.addEventListener("keydown", n, o);
+}, Nt = ({ children: e, type: t, open: a, defaultOpen: n = !1, onOpenChange: o, multiple: i = !1, defaultPage: s = "root", isSubmenu: c = !1 }) => {
+  const d = le(_e), l = Fe(0), m = Ee(() => (l.current += 1, () => {
+    l.current -= 1;
+  }), []), [_, p] = D(n), f = a ?? _, [g, S] = D(f), [b, C] = D([{ id: s }]), [T, N] = D(), [k, A] = D(), L = b[b.length - 1]?.id, [I, y] = D(), [G, B] = D("first"), [K, w] = D(!0), [kt, Ue] = D();
+  g !== f && (S(f), f || (C([{ id: s }]), N(void 0), y(void 0), B("first"), w(!0), Ue(void 0)));
+  const Ce = (E) => {
+    u(a) || p(E), o?.(E);
+  }, St = () => {
+    Ce(!1), c && d?.closeTree();
+  }, Tt = ({ id: E, trigger: P }) => {
+    y({ pageId: E }), C((H) => [...H, {
+      id: E,
+      trigger: P
+    }]);
+  }, xt = () => {
+    if (b.length < 2) return;
+    const E = b[b.length - 2], P = b[b.length - 1]?.trigger;
+    y({
+      pageId: E.id,
+      target: P
+    }), C((H) => H.slice(0, -1));
+  }, At = Ee(({ id: E, type: P }) => {
+    if (!f) return;
+    const H = P ?? t;
+    N((Ie) => Ie?.id === E && Ie.type === H ? Ie : {
+      id: E,
+      type: H
+    });
+  }, [f, t]);
+  return /* @__PURE__ */ r(he.Root, {
+    open: f,
+    onOpenChange: (E, P) => {
+      const H = P.reason === "outside-press" || P.reason === "focus-out";
+      if (H && l.current > 0) {
+        P.cancel();
+        return;
+      }
+      H && Ro(P.event), w(P.reason !== "trigger-hover"), Ce(E);
+    },
+    children: /* @__PURE__ */ h(_e.Provider, {
+      value: {
+        type: u(T) && T.id === L ? T.type : t,
+        rootType: t,
+        open: f,
+        multiple: i,
+        isSubmenu: c,
+        parentType: d?.type,
+        activeItemId: k,
+        parentActiveItemId: d?.activeItemId,
+        setActiveItemId: A,
+        setParentActiveItemId: d?.setActiveItemId,
+        pageId: L,
+        pageFocusRequest: I,
+        setPageFocusRequest: y,
+        canGoBack: b.length > 1,
+        initialFocusEdge: G,
+        setInitialFocusEdge: B,
+        focusOnOpen: K,
+        setFocusOnOpen: w,
+        setOpen: Ce,
+        closeTree: St,
+        goToPage: Tt,
+        goBack: xt,
+        registerPage: At,
+        registerOpenNestedRoot: m,
+        searchTargetId: kt,
+        setSearchTargetId: Ue
+      },
+      children: [/* @__PURE__ */ r(Mo, {
+        open: f,
+        registerOpenNestedRoot: c ? void 0 : d?.registerOpenNestedRoot
+      }), e]
+    })
+  });
+}, Po = ({ onValueChange: e, className: t, ...a }) => {
+  const { searchTargetId: n } = $();
+  return /* @__PURE__ */ r("div", {
+    className: z.searchContainer,
+    children: /* @__PURE__ */ r(Zt, {
+      type: "search",
+      autoComplete: "off",
+      "aria-activedescendant": n,
+      ...a,
+      "data-dropdown-search": "",
+      className: V(z.search, t),
+      onValueChange: (o) => e?.(o)
+    })
+  });
+}, zo = ({ label: e, scrollable: t, className: a, children: n, ...o }) => /* @__PURE__ */ h(sr, {
+  ...o,
+  "data-scrollable": t || void 0,
+  className: v(z.section, a),
+  children: [u(e) && /* @__PURE__ */ r(ir, { children: e }), n]
+}), Oo = ({ className: e, ...t }) => /* @__PURE__ */ r(cr, {
+  ...t,
+  role: "separator",
+  "data-dropdown-separator": "",
+  className: v(z.separator, e)
+}), $o = ({ type: e = "menu", ...t }) => /* @__PURE__ */ r(Nt, {
+  ...t,
+  type: e,
+  isSubmenu: !0
+}), qo = ({ color: e, startIcon: t, endIcon: a, description: n, descriptionPlacement: o, hotkeys: i, hasSubmenu: s = !0, children: c, render: d, disabled: l = !1, nativeButton: m = !u(d), openOnHover: _ = !0, onKeyDown: p, onFocus: f, id: g, ...S }) => {
+  const { type: b, parentType: C, open: T, setOpen: N, setFocusOnOpen: k } = $(), A = re(), L = g ?? A, I = Ke({
+    id: L,
+    isSubmenuTrigger: !0
+  });
+  return /* @__PURE__ */ r(he.Trigger, {
+    ...S,
+    id: L,
+    disabled: l,
+    nativeButton: m,
+    openOnHover: _,
+    role: C === "menu" ? "menuitem" : void 0,
+    "aria-haspopup": b === "menu" ? "menu" : "dialog",
+    tabIndex: I.tabIndex,
+    onFocus: (y) => {
+      I.activate(), f?.(y);
+    },
+    "data-dropdown-item": "",
+    onKeyDown: (y) => {
+      if (p?.(y), y.defaultPrevented || l) return;
+      const G = getComputedStyle(y.currentTarget).direction === "rtl" ? "ArrowLeft" : "ArrowRight";
+      if (y.key === G) {
+        y.preventDefault(), y.stopPropagation(), k(!0);
+        const B = y.currentTarget.getAttribute("aria-controls"), K = u(B) ? y.currentTarget.ownerDocument.getElementById(B) : null;
+        if (T && u(K)) {
+          He({
+            content: K,
+            type: b
+          }).focus();
+          return;
+        }
+        N(!0);
+      }
+    },
+    render: (y) => /* @__PURE__ */ r(pe, {
+      ...y,
+      render: d ?? /* @__PURE__ */ r("button", { type: "button" }),
+      disabled: l,
+      color: e,
+      startIcon: t,
+      endIcon: a,
+      description: n,
+      descriptionPlacement: o,
+      hotkeys: i,
+      hasSubmenu: s,
+      children: c
+    })
+  });
+}, Fo = ({ className: e, render: t, ...a }) => /* @__PURE__ */ r(_t.Title, {
+  ...a,
+  render: t ?? /* @__PURE__ */ r("div", {}),
+  className: V(z.title, e)
+}), jo = ({ onKeyDown: e, onClick: t, ...a }) => {
+  const { type: n, setOpen: o, setInitialFocusEdge: i, setFocusOnOpen: s } = $();
+  return /* @__PURE__ */ r(he.Trigger, {
+    ...a,
+    "aria-haspopup": n === "menu" ? "menu" : "dialog",
+    onClick: (c) => {
+      c.stopPropagation(), c.preventDefault(), t?.(c);
+    },
+    onKeyDown: (c) => {
+      e?.(c), !(c.defaultPrevented || a.disabled || n === "panel") && (c.key !== "ArrowDown" && c.key !== "ArrowUp" || (c.preventDefault(), s(!0), i(c.key === "ArrowUp" ? "last" : "first"), o(!0)));
+    }
+  });
+}, Wo = Nt, Ts = {
+  Root: Wo,
+  Trigger: jo,
+  Content: To,
+  ActionItem: It,
+  OptionItem: Do,
+  Search: Po,
+  Header: Ao,
+  Title: Fo,
+  Close: bo,
+  Page: Bo,
+  Back: go,
+  Submenu: $o,
+  SubmenuTrigger: qo,
+  Section: zo,
+  Separator: Oo,
+  Loading: Lo,
+  Empty: xo
+}, xs = {
+  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"
+}, Ko = "_iconContainer_1ivx0_1", Ho = "_withBackground_1ivx0_9", ot = {
+  iconContainer: Ko,
+  withBackground: Ho
+}, Je = ({ children: e, className: t, hasBackground: a = !0 }) => /* @__PURE__ */ r("div", {
+  className: v(ot.iconContainer, a && ot.withBackground, t),
+  children: e
+}), Jo = ({ Icon: e, iconThemeColor: t, withContainer: a = !1, withContainerBackground: n = !0 }) => {
+  const o = M();
+  if (!e) return null;
+  if (u(t)) return /* @__PURE__ */ r(ft, {
+    Icon: e,
+    color: t,
+    size: o.icon.size.md,
+    stroke: o.icon.stroke.sm
+  });
+  const i = /* @__PURE__ */ r(e, {
+    size: o.icon.size.md,
+    stroke: o.icon.stroke.sm
+  });
+  return a ? /* @__PURE__ */ r(Je, {
+    hasBackground: n,
+    children: i
+  }) : i;
+}, Vo = "_iconSwapContainer_g9ywp_1", Go = "_defaultIcon_g9ywp_8", Uo = "_hoverIcon_g9ywp_13", De = {
+  iconSwapContainer: Vo,
+  defaultIcon: Go,
+  hoverIcon: Uo
+}, Yo = ({ LeftIcon: e, iconThemeColor: t, withIconContainer: a = !1, gripIconColor: n }) => {
+  const o = M();
+  if (!e) return null;
+  const i = /* @__PURE__ */ h("div", {
+    className: De.iconSwapContainer,
+    children: [/* @__PURE__ */ r("div", {
+      className: v(De.defaultIcon, "grip-swap-default-icon"),
+      children: u(t) ? /* @__PURE__ */ r(ft, {
+        Icon: e,
+        color: t,
+        size: o.icon.size.md,
+        stroke: o.icon.stroke.sm
+      }) : /* @__PURE__ */ r(e, {
+        size: o.icon.size.md,
+        stroke: o.icon.stroke.sm
+      })
+    }), /* @__PURE__ */ r("div", {
+      className: v(De.hoverIcon, "grip-swap-hover-icon"),
+      children: /* @__PURE__ */ r(Me, {
+        size: o.icon.size.md,
+        stroke: o.icon.stroke.sm,
+        color: n
+      })
+    })]
+  });
+  return a && !u(t) ? /* @__PURE__ */ r(Je, { children: i }) : i;
+}, Xo = "_menuItemBase_1jkew_1", Qo = "_hoverableMenuItemBase_1jkew_54", Zo = "_menuItemLabel_1jkew_136", ei = "_menuItemLabelLight_1jkew_145", ti = "_noIconFiller_1jkew_155", ri = "_menuItemLeftContent_1jkew_159", ai = "_menuItemRightContent_1jkew_172", ni = "_draggableItem_1jkew_183", oi = "_menuItemIconCheckContainer_1jkew_189", ii = "_menuItemContextualText_1jkew_196", si = "_rightMenuItemContextualText_1jkew_206", W = {
+  menuItemBase: Xo,
+  hoverableMenuItemBase: Qo,
+  menuItemLabel: Zo,
+  menuItemLabelLight: ei,
+  noIconFiller: ti,
+  menuItemLeftContent: ri,
+  menuItemRightContent: ai,
+  draggableItem: ni,
+  menuItemIconCheckContainer: oi,
+  menuItemContextualText: ii,
+  rightMenuItemContextualText: si
+}, ci = qe(({ accent: e, isKeySelected: t, isHoverBackgroundDisabled: a, hovered: n, disabled: o, focused: i, className: s, children: c, ...d }, l) => /* @__PURE__ */ r("div", {
+  ref: l,
+  className: v(W.menuItemBase, s),
+  "data-accent": e,
+  "data-key-selected": t || void 0,
+  "data-hover-background-disabled": a || void 0,
+  "data-disabled": o || void 0,
+  "data-focused": i || void 0,
+  ...d,
+  children: c
+}));
+ci.displayName = "StyledMenuItemBase";
+var X = (e, t) => {
+  const a = qe(({ className: n, children: o, ...i }, s) => /* @__PURE__ */ r("div", {
+    ref: s,
+    className: v(e, n),
+    ...i,
+    children: o
+  }));
+  return a.displayName = t, a;
+}, li = X(W.menuItemLabel, "StyledMenuItemLabel"), As = X(W.menuItemLabelLight, "StyledMenuItemLabelLight"), Ls = X(W.noIconFiller, "StyledNoIconFiller"), wt = X(W.menuItemLeftContent, "StyledMenuItemLeftContent"), Pe = X(W.menuItemRightContent, "StyledMenuItemRightContent"), it = X(W.draggableItem, "StyledDraggableItem"), Ve = qe(({ accent: e, isKeySelected: t, isHoverBackgroundDisabled: a, hovered: n, disabled: o, focused: i, isIconDisplayedOnHoverOnly: s, cursor: c, className: d, children: l, ...m }, _) => /* @__PURE__ */ r("div", {
+  ref: _,
+  className: v(W.hoverableMenuItemBase, d),
+  "data-accent": e,
+  "data-key-selected": t || void 0,
+  "data-hover-background-disabled": a || void 0,
+  "data-disabled": o || void 0,
+  "data-focused": i || void 0,
+  "data-icon-displayed-on-hover-only": s || void 0,
+  "data-cursor": c,
+  ...m,
+  children: l
+}));
+Ve.displayName = "StyledHoverableMenuItemBase";
+var di = X(W.menuItemContextualText, "StyledMenuItemContextualText"), ui = X(W.rightMenuItemContextualText, "StyledRightMenuItemContextualText"), mi = "_mainText_d0zu3_1", _i = "_menuItemLabelRight_d0zu3_9", st = {
+  mainText: mi,
+  menuItemLabelRight: _i
+}, Ge = ({ className: e, LeftComponent: t, LeftIcon: a, iconThemeColor: n, withIconContainer: o = !1, withIconContainerBackground: i = !0, text: s, contextualText: c, contextualTextPosition: d = "left", gripMode: l = "never", disabled: m = !1 }) => {
+  const _ = M(), p = o ? J.font.color.tertiary : m ? J.font.color.extraLight : J.font.color.light;
+  return /* @__PURE__ */ h(wt, {
+    className: e,
+    children: [
+      l === "always" && (o ? /* @__PURE__ */ r(Je, {
+        hasBackground: i,
+        children: /* @__PURE__ */ r(it, { children: /* @__PURE__ */ r(Me, {
+          size: _.icon.size.md,
+          stroke: _.icon.stroke.sm,
+          color: p
+        }) })
+      }) : /* @__PURE__ */ r(it, { children: /* @__PURE__ */ r(Me, {
+        size: _.icon.size.md,
+        stroke: _.icon.stroke.sm,
+        color: p
+      }) })),
+      l === "onHover" ? /* @__PURE__ */ r(Yo, {
+        LeftIcon: a,
+        iconThemeColor: n,
+        withIconContainer: o,
+        gripIconColor: p
+      }) : /* @__PURE__ */ r(Jo, {
+        Icon: a,
+        iconThemeColor: n,
+        withContainer: o,
+        withContainerBackground: i
+      }),
+      t,
+      /* @__PURE__ */ h(li, { children: [te(s) ? /* @__PURE__ */ r("div", {
+        className: st.mainText,
+        children: /* @__PURE__ */ r(se, { text: s })
+      }) : s, d === "left" && /* @__PURE__ */ r(O, { children: te(c) ? j(c) && /* @__PURE__ */ r(di, { children: /* @__PURE__ */ r(se, {
+        text: `· ${c}`,
+        tooltipContent: c
+      }) }) : c })] }),
+      d === "right" && /* @__PURE__ */ r("div", {
+        className: st.menuItemLabelRight,
+        children: /* @__PURE__ */ r(ui, { children: te(c) ? /* @__PURE__ */ r(se, { text: c }) : c })
+      })
+    ]
+  });
+}, vi = "_subMenuIcon_j232v_1", pi = "_subMenuIconOpened_j232v_9", ct = {
+  subMenuIcon: vi,
+  subMenuIconOpened: pi
+}, hi = ({ accent: e = "default", className: t, withIconContainer: a = !1, withIconContainerBackground: n = !0, iconButtons: o, isIconDisplayedOnHoverOnly: i = !0, LeftIcon: s, iconThemeColor: c, LeftComponent: d, RightIcon: l, RightComponent: m, onClick: _, onMouseEnter: p, onMouseLeave: f, testId: g, text: S, contextualTextPosition: b = "left", contextualText: C, hasSubMenu: T = !1, disabled: N = !1, focused: k = !1, selected: A = !1, hotKeys: L, isSubMenuOpened: I = !1 }) => {
+  const y = M();
+  return /* @__PURE__ */ h(Ve, {
+    "data-testid": g ?? void 0,
+    onClick: N ? void 0 : (B) => {
+      _ && (B.preventDefault(), B.stopPropagation(), _?.(B));
+    },
+    disabled: N,
+    className: t,
+    accent: e,
+    isIconDisplayedOnHoverOnly: i,
+    onMouseEnter: p,
+    onMouseLeave: f,
+    focused: k || A,
+    children: [/* @__PURE__ */ r(Ge, {
+      LeftIcon: s ?? void 0,
+      iconThemeColor: c,
+      LeftComponent: d,
+      withIconContainer: a,
+      withIconContainerBackground: n,
+      text: S,
+      contextualText: C,
+      contextualTextPosition: b,
+      disabled: N
+    }), /* @__PURE__ */ h(Pe, { children: [
+      o && /* @__PURE__ */ r(Pe, {
+        className: "hoverable-buttons",
+        children: o
+      }),
+      L && /* @__PURE__ */ r(nr, { hotKeys: L }),
+      l && /* @__PURE__ */ r(l, {
+        size: y.icon.size.md,
+        stroke: y.icon.stroke.sm
+      }),
+      m,
+      T && /* @__PURE__ */ r("div", {
+        className: v(ct.subMenuIcon, I && ct.subMenuIconOpened),
+        style: { visibility: N ? "hidden" : "visible" },
+        children: /* @__PURE__ */ r(Bt, {
+          size: y.icon.size.sm,
+          color: y.font.color.light
+        })
+      })
+    ] })]
+  });
+}, Ds = ({ accent: e = "default", className: t, iconButtons: a, isIconDisplayedOnHoverOnly: n = !0, isTooltipOpen: o, onClick: i, onMouseEnter: s, onMouseLeave: c, testId: d, avatar: l, hasSubMenu: m = !1, text: _, contextualText: p }) => /* @__PURE__ */ r(hi, {
+  accent: e,
+  className: t,
+  iconButtons: a,
+  isIconDisplayedOnHoverOnly: n,
+  isTooltipOpen: o,
+  LeftComponent: u(l) ? /* @__PURE__ */ r(lr, {
+    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: p,
+  hasSubMenu: m
+}), Bs = ({ LeftIcon: e, withIconContainer: t = !1, accent: a = "default", iconButtons: n, onClick: o, text: i, contextualText: s, isDragDisabled: c = !1, className: d, isIconDisplayedOnHoverOnly: l = !0, gripMode: m = "never" }) => /* @__PURE__ */ h(Ve, {
+  onClick: o,
+  accent: a,
+  className: d,
+  isIconDisplayedOnHoverOnly: l,
+  cursor: m !== "never" ? c ? "default" : "drag" : "default",
+  children: [/* @__PURE__ */ r(Ge, {
+    LeftIcon: e,
+    text: i,
+    contextualText: s,
+    withIconContainer: t,
+    disabled: c,
+    gripMode: m
+  }), n && /* @__PURE__ */ r(Pe, {
+    className: "hoverable-buttons",
+    children: n
+  })]
+}), fi = "_suggestionMenuItem_1qyjt_1", gi = { suggestionMenuItem: fi }, Ms = ({ LeftIcon: e, withIconContainer: t = !1, text: a, contextualText: n = void 0, contextualTextPosition: o = "left", className: i, selected: s, onClick: c }) => {
+  const d = (l) => {
+    c && (l.preventDefault(), l.stopPropagation(), c?.(l));
+  };
+  return /* @__PURE__ */ r("li", {
+    className: v(gi.suggestionMenuItem, i),
+    "data-selected": s || void 0,
+    role: u(c) ? "button" : void 0,
+    tabIndex: u(c) ? 0 : void 0,
+    onClick: d,
+    onKeyDown: ve,
+    children: /* @__PURE__ */ r(wt, { children: /* @__PURE__ */ r(Ge, {
+      LeftIcon: e ?? void 0,
+      text: a,
+      contextualText: n,
+      contextualTextPosition: o,
+      withIconContainer: t
+    }) })
+  });
+}, bi = "_menuPicker_o8ra4_1", Ci = "_iconContainer_o8ra4_41", Ii = "_label_o8ra4_50", Be = {
+  menuPicker: bi,
+  iconContainer: Ci,
+  label: Ii
+}, Es = ({ id: e, icon: t, label: a, selected: n = !1, disabled: o = !1, showLabel: i = !0, onClick: s, className: c, testId: d, tooltipContent: l, tooltipDelay: m = 0, tooltipOffset: _ = 5 }) => {
+  const p = M();
+  return /* @__PURE__ */ r(ut, {
+    content: l,
+    disabled: !j(l),
+    sideOffset: _,
+    side: "bottom",
+    positionMethod: "fixed",
+    delay: m,
+    children: /* @__PURE__ */ h("button", {
+      id: e,
+      disabled: o,
+      onClick: s,
+      className: v(Be.menuPicker, c),
+      "data-testid": d,
+      "data-selected": n ? "" : void 0,
+      "aria-pressed": n,
+      "aria-disabled": o,
+      "aria-label": a,
+      children: [/* @__PURE__ */ r("div", {
+        className: Be.iconContainer,
+        children: /* @__PURE__ */ r(t, {
+          size: p.icon.size.md,
+          stroke: p.icon.stroke.sm
+        })
+      }), u(a) && i && /* @__PURE__ */ r("div", {
+        className: Be.label,
+        "data-selected": n ? "" : void 0,
+        "data-disabled": o ? "" : void 0,
+        children: a
+      })]
+    })
+  });
+}, yi = "_iconButton_19i33_1", Ni = { iconButton: yi }, wi = ({ Icon: e, isActive: t, onClick: a, ariaLabel: n }) => {
+  const o = M();
+  return /* @__PURE__ */ r("button", {
+    type: "button",
+    className: Ni.iconButton,
+    "data-active": t ? "" : void 0,
+    "aria-label": n,
+    "aria-pressed": t,
+    onClick: a,
+    children: /* @__PURE__ */ r(e, {
+      color: J.grayScale.gray10,
+      size: o.icon.size.lg,
+      "aria-hidden": !0
+    })
+  });
+}, ki = "_container_vsk1i_1", Si = { container: ki }, Rs = ({ activeItemName: e, isHidden: t = !1, items: a }) => /* @__PURE__ */ r("nav", {
+  className: Si.container,
+  "data-hidden": t ? "" : void 0,
+  "aria-hidden": t,
+  children: a.map(({ Icon: n, name: o, label: i, onClick: s }) => /* @__PURE__ */ r(wi, {
+    Icon: n,
+    isActive: e === o,
+    onClick: s,
+    ariaLabel: i
+  }, o))
+}), Ti = "_root_os1x1_1", xi = { root: Ti }, Ps = ({ label: e, href: t, onClick: a, className: n }) => {
+  if (!j(e)) return /* @__PURE__ */ r(O, {});
+  const o = (i) => {
+    i.stopPropagation(), a?.(i);
+  };
+  return /* @__PURE__ */ r("a", {
+    href: Ut(t),
+    target: "_blank",
+    rel: "noreferrer",
+    onClick: o,
+    className: v(xi.root, n),
+    children: e
+  });
+}, Ai = "_button_quwcq_1", Li = { button: Ai }, zs = ({ active: e = !1, className: t, children: a, startIcon: n, endIcon: o, badge: i, size: s = "sm", ...c }) => /* @__PURE__ */ r(R, {
+  ...c,
+  variant: "ghost",
+  size: s,
+  "data-active": e || void 0,
+  className: V(v(dr.tab, Li.button), t),
+  children: /* @__PURE__ */ r(ur, {
+    startIcon: n,
+    endIcon: o,
+    badge: i,
+    children: a
+  })
+});
+export {
+  ue as A,
+  us as B,
+  fs as C,
+  hs as D,
+  Ya as E,
+  vs as F,
+  ls as H,
+  _s as I,
+  ms as L,
+  ge as M,
+  gt as N,
+  Ua as O,
+  ps as P,
+  ft as R,
+  et as S,
+  Xa as T,
+  cs as U,
+  ds as V,
+  Is as _,
+  Ms as a,
+  bs as b,
+  hi as c,
+  Ss as d,
+  ks as f,
+  $n as g,
+  ys as h,
+  Es as i,
+  bt as j,
+  Ct as k,
+  xs as l,
+  Ns as m,
+  Ps as n,
+  Bs as o,
+  ws as p,
+  Rs as r,
+  Ds as s,
+  zs as t,
+  Ts as u,
+  En as v,
+  dn as w,
+  gs as x,
+  Cs as y,
+  ha as z
+};