twenty-ui 2.41.0 → 2.42.0

package/dist/components-B2Pdf_yn.js

@@ -0,0 +1,1459 @@
+import { Bt as Oe, Cn as Qe, Ei as Ze, En as et, Kc as tt, Nn as rt, Sn as at, Yi as fe, ca as nt, fl as Pe, jo as ot, ks as it, nr as st, nt as ne, pc as lt, wa as be, wn as ct } from "./icon-CDy3-hqV.js";
+import { t as v } from "./isDefined-fMi6eQ4r.js";
+import { r as b, s as L, t as dt } from "./theme-constants-CrrgAYWN.js";
+import { n as ut, t as ee } from "./handleClickableElementKeyDown-CJ_JsX2K.js";
+import { l as mt } from "./utilities-FXsKnNbt.js";
+import { c as _t, o as vt, s as ht } from "./theme-OwFrow8b.js";
+import { n as ft } from "./linkifyText-BINRNP9w.js";
+import { i as Ct, n as pt, r as N, t as bt } from "./Switch-BvVP6vjR.js";
+import { t as q } from "./mergeClassNames-BHKm1BNi.js";
+import { n as gt, t as It } from "./ProgressBar-RWLNIkzm.js";
+import { r as qe, t as G } from "./OverflowingTextWithTooltip-BXWJtb0f.js";
+import { t as Nt } from "./HorizontalSeparator-JwV0dB5W.js";
+import { r as St } from "./ListItem.module-DBhzbt9-.js";
+import { n as yt, t as kt } from "./ListItem-C08r49UJ.js";
+import { t as Tt } from "./Heading-DvxTKEaL.js";
+import { t as wt } from "./Avatar-C_TzSJBe.js";
+import { n as xt, t as Bt } from "./TabsTabContent-BWQCg7Ua.js";
+import { clsx as m } from "clsx";
+import { Fragment as T, jsx as t, jsxs as u } from "react/jsx-runtime";
+import { isArray as Lt, isBoolean as Mt, isNonEmptyArray as zt, isNonEmptyString as A, isNumber as At, isPositiveInteger as Rt, isString as P } from "@sniptt/guards";
+import { Collapsible as we } from "@base-ui/react/collapsible";
+import { createContext as We, forwardRef as ge, useContext as Ie, useId as Ne, useLayoutEffect as Fe, useMemo as $t, useRef as Et, useState as U } from "react";
+import { useRender as te } from "@base-ui/react/use-render";
+import { Store as jt, useStore as Dt } from "@base-ui/utils/store";
+import { useDirection as Ot } from "@base-ui/react/direction-provider";
+import { createPortal as Pt } from "react-dom";
+import { Input as qt } from "@base-ui/react/input";
+var Wt = "_container_2aram_1", Ft = "_itemContainer_2aram_6", oe = {
+  container: Wt,
+  itemContainer: Ft
+}, Jt = 4, jo = ({ avatars: e, className: r, maxVisible: a = Jt, overflowAvatar: n, overlap: o = "right", overlapOffset: i = "3px" }) => {
+  const s = e.slice(0, a);
+  if (!s.length && !n) return null;
+  const l = { "--avatar-group-overlap-offset": i };
+  return /* @__PURE__ */ u("div", {
+    className: m(oe.container, r),
+    children: [s.map((d, c) => /* @__PURE__ */ t("div", {
+      className: oe.itemContainer,
+      "data-overlap": o,
+      style: l,
+      children: d
+    }, c)), n && /* @__PURE__ */ t("div", {
+      className: oe.itemContainer,
+      "data-overlap": o,
+      style: l,
+      children: n
+    })]
+  });
+}, Vt = "_container_stu26_1", Ht = "_commandContain_stu26_12", Gt = "_buttonContainer_stu26_16", Kt = "_lineStartSpan_stu26_20", Ut = "_lineSpan_stu26_24", J = {
+  container: Vt,
+  commandContain: Ht,
+  buttonContainer: Gt,
+  lineStartSpan: Kt,
+  lineSpan: Ut
+}, Do = ({ commands: e, button: r }) => /* @__PURE__ */ u("div", {
+  className: J.container,
+  children: [/* @__PURE__ */ t("div", {
+    className: J.commandContain,
+    children: /* @__PURE__ */ t(T, { children: e.map((a, n) => /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ t("span", {
+      className: J.lineStartSpan,
+      children: "> "
+    }), /* @__PURE__ */ t("span", {
+      className: J.lineSpan,
+      children: a
+    })] }, n)) })
+  }), r && /* @__PURE__ */ t("div", {
+    className: J.buttonContainer,
+    children: r
+  })]
+}), Yt = "_list_80v6h_1", Xt = "_nested_80v6h_8", xe = {
+  list: Yt,
+  nested: Xt
+}, Qt = ({ depth: e, className: r, children: a }) => /* @__PURE__ */ t("ul", {
+  className: m(xe.list, e > 0 && xe.nested, r),
+  children: a
+}), Je = We(void 0), W = () => {
+  const e = Ie(Je);
+  if (!v(e)) throw new Error("useJsonTreeContextOrThrow must be used within a JsonTreeContextProvider");
+  return e;
+}, Zt = "_button_1ix33_1", er = "_red_1ix33_17", tr = "_chevron_1ix33_22", ie = {
+  button: Zt,
+  red: er,
+  chevron: tr
+}, rr = ({ isOpen: e, onClick: r, variant: a }) => {
+  const n = b(), { arrowButtonCollapsedLabel: o, arrowButtonExpandedLabel: i } = W(), s = a === "blue" ? L.color.blue : a === "red" ? L.font.color.danger : L.font.color.secondary;
+  return /* @__PURE__ */ u("button", {
+    className: m(ie.button, a === "red" && ie.red),
+    onClick: r,
+    children: [/* @__PURE__ */ t(ut, { children: e ? i : o }), /* @__PURE__ */ t("div", {
+      className: ie.chevron,
+      "data-open": e || void 0,
+      children: /* @__PURE__ */ t(ct, {
+        size: n.icon.size.md,
+        color: s
+      })
+    })]
+  });
+}, ar = ({ label: e, value: r, depth: a, keyPath: n, highlighting: o }) => {
+  const { emptyArrayLabel: i } = W();
+  return /* @__PURE__ */ t(Se, {
+    elements: [...r.entries()].map(([s, l]) => ({
+      id: s,
+      label: String(s),
+      value: l
+    })),
+    renderElementsCount: (s) => `[${s}]`,
+    label: e,
+    Icon: Oe,
+    depth: a,
+    emptyElementsText: i,
+    keyPath: n,
+    highlighting: o
+  });
+}, nr = ({ label: e, value: r, depth: a, keyPath: n, highlighting: o }) => {
+  const { emptyObjectLabel: i } = W();
+  return /* @__PURE__ */ t(Se, {
+    elements: Object.entries(r).map(([s, l]) => ({
+      id: s,
+      label: s,
+      value: l
+    })),
+    renderElementsCount: (s) => `{${s}}`,
+    label: e,
+    Icon: st,
+    depth: a,
+    emptyElementsText: i,
+    keyPath: n,
+    highlighting: o
+  });
+}, or = "_labelContainer_1pq94_1", ir = "_blue_1pq94_23", sr = "_red_1pq94_29", se = {
+  labelContainer: or,
+  blue: ir,
+  red: sr
+}, Ve = ({ label: e, Icon: r, highlighting: a }) => {
+  const n = b();
+  return /* @__PURE__ */ u("span", {
+    className: m(se.labelContainer, a === "blue" && se.blue, a === "red" && se.red),
+    children: [/* @__PURE__ */ t(r, {
+      size: n.icon.size.md,
+      color: a === "blue" ? n.color.blue : a === "red" ? n.font.color.danger : n.font.color.tertiary
+    }), /* @__PURE__ */ t("span", { children: e })]
+  });
+}, lr = "_text_3y2ep_1", cr = "_blue_3y2ep_10", dr = "_red_3y2ep_14", le = {
+  text: lr,
+  blue: cr,
+  red: dr
+}, ur = ({ valueAsString: e, highlighting: r }) => {
+  const { onNodeValueClick: a } = W(), n = v(a), o = () => {
+    a?.(e);
+  }, i = m(le.text, r === "blue" && le.blue, r === "red" && le.red);
+  return n ? /* @__PURE__ */ t("span", {
+    className: i,
+    role: "button",
+    tabIndex: 0,
+    onClick: o,
+    onKeyDown: ee,
+    children: e
+  }) : /* @__PURE__ */ t("span", {
+    className: i,
+    children: e
+  });
+}, mr = "_listItem_1i7if_1", _r = { listItem: mr }, H = (e) => /* @__PURE__ */ u("li", {
+  className: _r.listItem,
+  children: [e.label && /* @__PURE__ */ t(Ve, {
+    label: e.label,
+    Icon: e.Icon,
+    highlighting: e.highlighting
+  }), /* @__PURE__ */ t(ur, {
+    valueAsString: e.valueAsString,
+    highlighting: e.highlighting
+  })]
+}), vr = (e) => Lt(e), He = ({ label: e, value: r, depth: a, keyPath: n }) => {
+  const { getNodeHighlighting: o, emptyStringLabel: i } = W(), s = o?.(n);
+  return v(r) ? P(r) ? /* @__PURE__ */ t(H, {
+    label: e,
+    valueAsString: A(r) ? r : i,
+    Icon: tt,
+    highlighting: s
+  }) : At(r) ? /* @__PURE__ */ t(H, {
+    label: e,
+    valueAsString: String(r),
+    Icon: ot,
+    highlighting: s
+  }) : Mt(r) ? /* @__PURE__ */ t(H, {
+    label: e,
+    valueAsString: String(r),
+    Icon: Qe,
+    highlighting: s
+  }) : vr(r) ? /* @__PURE__ */ t(ar, {
+    label: e,
+    value: r,
+    depth: a,
+    keyPath: n,
+    highlighting: s
+  }) : /* @__PURE__ */ t(nr, {
+    label: e,
+    value: r,
+    depth: a,
+    keyPath: n,
+    highlighting: s
+  }) : /* @__PURE__ */ t(H, {
+    label: e,
+    valueAsString: "null",
+    Icon: rt,
+    highlighting: s
+  });
+}, hr = "_container_1c6yj_1", fr = "_labelContainer_1c6yj_6", Cr = "_elementsCount_1c6yj_12", pr = "_elementsCountRed_1c6yj_16", br = "_panel_1c6yj_20", gr = "_list_1c6yj_30", Ir = "_nested_1c6yj_37", M = {
+  container: hr,
+  labelContainer: fr,
+  elementsCount: Cr,
+  elementsCountRed: pr,
+  panel: br,
+  list: gr,
+  nested: Ir
+}, Se = ({ label: e, Icon: r, elements: a, renderElementsCount: n, emptyElementsText: o, depth: i, keyPath: s, highlighting: l }) => {
+  const { shouldExpandNodeInitially: d } = W(), c = !v(e), [_, h] = U(d({
+    keyPath: s,
+    depth: i
+  })), f = /* @__PURE__ */ t("ul", {
+    className: m(M.list, i > 0 && M.nested),
+    children: a.length === 0 ? /* @__PURE__ */ t(H, {
+      valueAsString: o,
+      highlighting: void 0
+    }) : a.map(({ id: p, label: x, value: B }) => {
+      const I = A(s) ? `${s}.${p}` : String(p);
+      return /* @__PURE__ */ t(He, {
+        label: x,
+        value: B,
+        depth: i + 1,
+        keyPath: I
+      }, p);
+    })
+  }), g = () => {
+    h(!_);
+  };
+  return c ? /* @__PURE__ */ t("li", {
+    className: M.container,
+    children: f
+  }) : /* @__PURE__ */ u(we.Root, {
+    className: M.container,
+    open: _,
+    render: /* @__PURE__ */ t("li", {}),
+    children: [/* @__PURE__ */ u("div", {
+      className: M.labelContainer,
+      children: [
+        /* @__PURE__ */ t(rr, {
+          isOpen: _,
+          onClick: g,
+          variant: l === "partial-blue" ? "blue" : l === "red" ? l : void 0
+        }),
+        /* @__PURE__ */ t(Ve, {
+          label: e,
+          Icon: r,
+          highlighting: l === "red" ? l : void 0
+        }),
+        n && /* @__PURE__ */ t("span", {
+          className: m(M.elementsCount, l === "red" && M.elementsCountRed),
+          children: n(a.length)
+        })
+      ]
+    }), /* @__PURE__ */ t(we.Panel, {
+      className: M.panel,
+      children: f
+    })]
+  });
+}, Nr = ({ value: e, children: r }) => /* @__PURE__ */ t(Je.Provider, {
+  value: e,
+  children: r
+}), Sr = ({ depth: e }) => e <= 1, Oo = ({ value: e, entries: r, shouldExpandNodeInitially: a = Sr, ...n }) => /* @__PURE__ */ t(Nr, {
+  value: {
+    ...n,
+    shouldExpandNodeInitially: a
+  },
+  children: /* @__PURE__ */ t(Qt, {
+    depth: 0,
+    children: v(r) ? /* @__PURE__ */ t(Se, {
+      elements: r,
+      Icon: Oe,
+      depth: 0,
+      keyPath: "",
+      emptyElementsText: n.emptyObjectLabel
+    }) : /* @__PURE__ */ t(He, {
+      value: e ?? null,
+      depth: 0,
+      keyPath: ""
+    })
+  })
+}), yr = "_notificationCounter_1lalu_1", kr = "_primary_1lalu_13", Tr = "_secondary_1lalu_18", Be = {
+  notificationCounter: yr,
+  primary: kr,
+  secondary: Tr
+}, Po = ({ count: e, variant: r = "primary", className: a }) => /* @__PURE__ */ t("div", {
+  className: m(Be.notificationCounter, Be[r], a),
+  children: e
+}), wr = "_root_j2xk4_1", xr = { root: wr }, Br = ({ $backgroundColor: e, $borderColor: r, $dimension: a, className: n, style: o, ...i }) => /* @__PURE__ */ t("div", {
+  ...i,
+  className: m(xr.root, n),
+  style: {
+    "--tinted-icon-tile-background-color": e,
+    "--tinted-icon-tile-border": r ? `1px solid ${r}` : void 0,
+    "--tinted-icon-tile-dimension": a,
+    ...o
+  }
+}), ce = {
+  background: 4,
+  border: 6,
+  icon: 10
+}, de = (e, r) => {
+  const a = L.color, n = L.tag.text;
+  return a[`${e}${r}`] ?? n[e];
+}, Lr = (e) => {
+  const r = mt(e);
+  return {
+    backgroundColor: de(r, ce.background),
+    iconColor: de(r, ce.icon),
+    borderColor: de(r, ce.border)
+  };
+}, Ge = ({ Icon: e, color: r = _t, size: a, stroke: n }) => {
+  const o = b(), i = Lr(r), s = a ?? o.icon.size.md, l = n ?? o.icon.stroke.md, d = v(a) ? `${a}px` : void 0;
+  return /* @__PURE__ */ t(Br, {
+    $backgroundColor: i.backgroundColor,
+    $dimension: d,
+    children: /* @__PURE__ */ t(e, {
+      size: s,
+      stroke: l,
+      color: i.iconColor
+    })
+  });
+}, Mr = "_container_h4v7r_1", zr = "_containerFullWidth_h4v7r_14", Ar = "_containerInfo_h4v7r_18", Rr = "_containerWarning_h4v7r_23", $r = "_containerSuccess_h4v7r_28", Er = "_containerError_h4v7r_33", jr = "_containerNeutral_h4v7r_38", Dr = "_header_h4v7r_43", Or = "_iconContainer_h4v7r_52", Pr = "_iconContainerInfo_h4v7r_61", qr = "_iconContainerWarning_h4v7r_65", Wr = "_iconContainerSuccess_h4v7r_69", Fr = "_iconContainerError_h4v7r_73", Jr = "_iconContainerNeutral_h4v7r_77", Vr = "_title_h4v7r_81", Hr = "_descriptionWrapper_h4v7r_93", Gr = "_descriptionWrapperWithAction_h4v7r_101", Kr = "_description_h4v7r_93", Ur = "_footer_h4v7r_114", Yr = "_closeButton_h4v7r_121", C = {
+  container: Mr,
+  containerFullWidth: zr,
+  containerInfo: Ar,
+  containerWarning: Rr,
+  containerSuccess: $r,
+  containerError: Er,
+  containerNeutral: jr,
+  header: Dr,
+  iconContainer: Or,
+  iconContainerInfo: Pr,
+  iconContainerWarning: qr,
+  iconContainerSuccess: Wr,
+  iconContainerError: Fr,
+  iconContainerNeutral: Jr,
+  title: Vr,
+  descriptionWrapper: Hr,
+  descriptionWrapperWithAction: Gr,
+  description: Kr,
+  footer: Ur,
+  closeButton: Yr
+}, Xr = {
+  info: C.containerInfo,
+  warning: C.containerWarning,
+  error: C.containerError,
+  neutral: C.containerNeutral,
+  success: C.containerSuccess
+}, Qr = {
+  info: C.iconContainerInfo,
+  warning: C.iconContainerWarning,
+  error: C.iconContainerError,
+  neutral: C.iconContainerNeutral,
+  success: C.iconContainerSuccess
+}, qo = ({ variant: e, title: r, description: a, fullWidth: n = !1, Icon: o = nt, action: i, isClosable: s = !1, onClose: l }) => {
+  const [d, c] = U(!0), _ = () => {
+    s && (c(!1), l?.());
+  };
+  return d ? /* @__PURE__ */ u("div", {
+    className: m(C.container, Xr[e], n && C.containerFullWidth),
+    children: [
+      /* @__PURE__ */ u("div", {
+        className: C.header,
+        children: [
+          /* @__PURE__ */ t("div", {
+            className: m(C.iconContainer, Qr[e]),
+            children: /* @__PURE__ */ t(o, { size: 16 })
+          }),
+          /* @__PURE__ */ t("div", {
+            className: C.title,
+            children: r
+          }),
+          s && /* @__PURE__ */ t(N, {
+            startIcon: /* @__PURE__ */ t(Pe, {}),
+            className: C.closeButton,
+            variant: "ghost",
+            size: "sm",
+            "aria-label": "Close",
+            onClick: _
+          })
+        ]
+      }),
+      A(a) && /* @__PURE__ */ t("div", {
+        className: m(C.descriptionWrapper, v(i) && C.descriptionWrapperWithAction),
+        children: /* @__PURE__ */ t("div", {
+          className: C.description,
+          children: a
+        })
+      }),
+      v(i) && /* @__PURE__ */ t("div", {
+        className: C.footer,
+        children: /* @__PURE__ */ t(N, {
+          type: "button",
+          onClick: i.onClick,
+          size: "sm",
+          variant: "ghost",
+          style: { fontWeight: "var(--t-font-weight-regular)" },
+          children: i.label
+        })
+      })
+    ]
+  }) : null;
+}, Zr = "_info_phgej_1", ea = "_accentBlue_phgej_14", ta = "_accentDanger_phgej_19", ra = "_textContainer_phgej_24", aa = "_linkContainer_phgej_33", K = {
+  info: Zr,
+  accentBlue: ea,
+  accentDanger: ta,
+  textContainer: ra,
+  linkContainer: aa
+}, na = {
+  blue: K.accentBlue,
+  danger: K.accentDanger
+}, Wo = ({ accent: e = "blue", text: r, buttonTitle: a, onClick: n, href: o, render: i }) => {
+  const s = b();
+  return /* @__PURE__ */ u("div", {
+    className: m(K.info, na[e]),
+    children: [
+      /* @__PURE__ */ u("div", {
+        className: K.textContainer,
+        children: [/* @__PURE__ */ t(be, { size: s.icon.size.md }), r]
+      }),
+      a && o && /* @__PURE__ */ t("span", {
+        className: K.linkContainer,
+        children: /* @__PURE__ */ t(N, {
+          href: o,
+          render: i,
+          size: "sm",
+          variant: "outline",
+          color: e === "blue" ? "accent" : "danger",
+          children: a
+        })
+      }),
+      a && n && !o && /* @__PURE__ */ t(N, {
+        onClick: n,
+        size: "sm",
+        variant: "outline",
+        color: e === "blue" ? "accent" : "danger",
+        children: a
+      })
+    ]
+  });
+}, oa = "_banner_j76tb_1", ia = "_embedded_j76tb_6", sa = "_bannerContent_j76tb_10", la = "_bannerText_j76tb_21", Z = {
+  banner: oa,
+  embedded: ia,
+  bannerContent: sa,
+  bannerText: la
+}, Fo = ({ color: e, message: r, embedded: a = !1, button: n, LeftIcon: o = be, className: i }) => {
+  const s = b();
+  return /* @__PURE__ */ u(gt, {
+    className: m(Z.banner, a && Z.embedded, i),
+    color: e,
+    variant: "secondary",
+    children: [/* @__PURE__ */ u("div", {
+      className: Z.bannerContent,
+      children: [/* @__PURE__ */ t(o, { size: s.icon.size.md }), /* @__PURE__ */ t("div", {
+        className: Z.bannerText,
+        children: /* @__PURE__ */ t(G, {
+          isFocusable: !0,
+          text: /* @__PURE__ */ t(T, { children: r }),
+          tooltipContent: r
+        })
+      })]
+    }), n && !n.hidden && /* @__PURE__ */ t(N, {
+      size: "sm",
+      onClick: n?.onClick,
+      disabled: n.disabled,
+      startIcon: v(n.Icon) ? /* @__PURE__ */ t(n.Icon, {}) : void 0,
+      variant: "outline",
+      color: e === "danger" ? "danger" : "accent",
+      children: n?.title
+    })]
+  });
+}, Jo = 3, Ke = We(void 0), re = (e) => e.status === "visible", Ue = ({ store: e, toastsToClose: r, nextToasts: a = e.state.toasts }) => {
+  const n = a.map((i) => r.includes(i) ? {
+    ...i,
+    status: "closing"
+  } : i), o = e.state.mountedToasterCount > 0;
+  e.set("toasts", o ? n : n.filter(re));
+  for (const i of r) i.notification.onClose?.();
+}, Y = () => {
+  const e = Ie(Ke);
+  if (!v(e)) throw new Error("Toast components must be used within a ToastProvider.");
+  return e;
+}, Ye = () => {
+  const e = Y();
+  return { closeToast: (a) => {
+    const n = e.state.toasts.filter((o) => re(o) && (!v(a) || o.notification.id === a));
+    zt(n) && Ue({
+      store: e,
+      toastsToClose: n
+    });
+  } };
+}, Le = 0, ca = () => {
+  const e = Y();
+  return { enqueueToast: $t(() => {
+    function r(a) {
+      if (!v(a)) return;
+      const { dedupeKey: n, ...o } = a, { toasts: i, limit: s } = e.state, l = i.filter(re), d = v(n) ? l.find((h) => h.dedupeKey === n) : void 0;
+      if (v(d)) return d.notification.id;
+      Le += 1;
+      const c = `toast-${Le}`, _ = Math.max(0, l.length - s + 1);
+      return Ue({
+        store: e,
+        toastsToClose: l.slice(0, _),
+        nextToasts: [...i, {
+          notification: {
+            ...o,
+            id: c
+          },
+          dedupeKey: n,
+          status: "visible"
+        }]
+      }), c;
+    }
+    return r;
+  }, [e]) };
+}, Vo = () => {
+  const { closeToast: e } = Ye(), { enqueueToast: r } = ca();
+  return {
+    enqueueToast: r,
+    closeToast: e
+  };
+}, da = () => Dt(Y(), (e) => e.toasts), ua = (e = 3) => {
+  if (!Rt(e)) throw new Error("Toast limit must be a positive integer.");
+  return new jt({
+    toasts: [],
+    limit: e,
+    mountedToasterCount: 0
+  });
+}, ma = "_root_1h3ss_1", _a = "_progress_1h3ss_19", va = "_header_1h3ss_30", ha = "_message_1h3ss_39", fa = "_icon_1h3ss_44", Ca = "_actions_1h3ss_49", pa = "_description_1h3ss_55", ba = "_footer_1h3ss_64", ga = "_footerAction_1h3ss_68", Ia = "_closeButton_1h3ss_75", y = {
+  root: ma,
+  progress: _a,
+  header: va,
+  message: ha,
+  icon: fa,
+  actions: Ca,
+  description: pa,
+  footer: ba,
+  footerAction: ga,
+  closeButton: Ia
+}, Na = {
+  default: ne,
+  error: ne,
+  success: lt,
+  info: be,
+  warning: ne
+}, Sa = ({ children: e, description: r, icon: a, iconLabel: n, action: o, progress: i, duration: s = 6e3, onCancel: l, onClose: d, cancelLabel: c = "Cancel", closeLabel: _ = "Close", variant: h = "default", role: f = "status", className: g, onMouseEnter: p, onMouseLeave: x, render: B, ref: I, ...E }) => {
+  const S = b(), [j, D] = U(!1), X = Na[h];
+  return te({
+    render: B,
+    ref: I,
+    props: {
+      role: f,
+      "aria-live": f === "alert" ? "assertive" : "polite",
+      ...E,
+      className: m(y.root, g),
+      onMouseEnter: (F) => {
+        D(!0), p?.(F);
+      },
+      onMouseLeave: (F) => {
+        D(!1), x?.(F);
+      },
+      children: /* @__PURE__ */ u(T, { children: [
+        /* @__PURE__ */ t("div", {
+          className: y.progress,
+          "aria-hidden": !0,
+          children: /* @__PURE__ */ t(It, {
+            barColor: S.snackBar[h].backgroundColor,
+            value: i ?? 100,
+            countdownDurationInMs: v(i) ? void 0 : s,
+            isCountdownPaused: j,
+            onCountdownComplete: d
+          })
+        }),
+        /* @__PURE__ */ u("div", {
+          className: y.header,
+          children: [
+            /* @__PURE__ */ t("div", {
+              className: y.icon,
+              children: a ?? /* @__PURE__ */ t(X, {
+                "aria-label": n,
+                "aria-hidden": !v(n),
+                color: S.snackBar[h].color,
+                size: S.icon.size.md
+              })
+            }),
+            /* @__PURE__ */ t("div", {
+              className: y.message,
+              children: e
+            }),
+            /* @__PURE__ */ u("div", {
+              className: y.actions,
+              children: [v(l) && /* @__PURE__ */ t(N, {
+                onClick: l,
+                size: "sm",
+                variant: "ghost",
+                style: { fontWeight: "var(--t-font-weight-regular)" },
+                children: c
+              }), v(d) && /* @__PURE__ */ t(N, {
+                title: _,
+                "aria-label": _,
+                startIcon: /* @__PURE__ */ t(Pe, {}),
+                className: y.closeButton,
+                variant: "ghost",
+                size: "sm",
+                onClick: d
+              })]
+            })
+          ]
+        }),
+        v(r) && /* @__PURE__ */ t("div", {
+          className: y.description,
+          children: r
+        }),
+        v(o) && /* @__PURE__ */ u("div", {
+          className: y.footer,
+          children: [/* @__PURE__ */ t(Nt, { noMargin: !0 }), /* @__PURE__ */ t("div", {
+            className: y.footerAction,
+            children: o
+          })]
+        })
+      ] })
+    }
+  });
+}, Ho = ({ children: e, limit: r = 3 }) => {
+  const [a] = U(() => ua(r));
+  return /* @__PURE__ */ t(Ke.Provider, {
+    value: a,
+    children: e
+  });
+}, Me = ({ store: e, toast: r }) => {
+  const { toasts: a } = e.state;
+  r.status === "closing" && a.includes(r) && e.set("toasts", a.filter((n) => n !== r));
+}, ya = "_root_1q2cc_1", ka = "_item_1q2cc_20", Ta = "_itemContent_1q2cc_47", Ce = {
+  root: ya,
+  item: ka,
+  itemContent: Ta
+}, wa = ({ elementRef: e, toastEntry: r }) => {
+  const a = Y();
+  return Fe(() => {
+    if (r.status === "visible") return;
+    const n = e.current?.getAnimations?.() ?? [];
+    if (n.length === 0) {
+      Me({
+        store: a,
+        toast: r
+      });
+      return;
+    }
+    let o = !1;
+    return Promise.allSettled(n.map((i) => i.finished)).then(() => {
+      o || Me({
+        store: a,
+        toast: r
+      });
+    }), () => {
+      o = !0;
+    };
+  }, [
+    e,
+    r,
+    a
+  ]), /* @__PURE__ */ t(T, {});
+}, xa = ({ toastEntry: e, getToastProps: r, onClose: a }) => {
+  const { notification: n, status: o } = e, { id: i, ...s } = n, l = Et(null);
+  return /* @__PURE__ */ u(T, { children: [/* @__PURE__ */ t("div", {
+    ref: l,
+    className: Ce.item,
+    "data-exiting": o === "closing" || void 0,
+    inert: o === "closing",
+    children: /* @__PURE__ */ t("div", {
+      className: Ce.itemContent,
+      children: /* @__PURE__ */ t(Sa, {
+        ...s,
+        ...r?.(n),
+        id: i,
+        onClose: () => a(i)
+      })
+    })
+  }), /* @__PURE__ */ t(wa, {
+    elementRef: l,
+    toastEntry: e
+  })] });
+}, Ba = ({ getToastProps: e }) => {
+  const r = da(), { closeToast: a } = Ye();
+  return r.map((n) => /* @__PURE__ */ t(xa, {
+    toastEntry: n,
+    getToastProps: e,
+    onClose: a
+  }, n.notification.id));
+}, La = () => {
+  const e = Y();
+  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(re));
+  }), [e]), null;
+}, Go = ({ container: e, getToastProps: r, className: a, render: n, ref: o, ...i }) => {
+  const s = dt(), l = Ot(), d = e === void 0 ? s ?? (typeof document > "u" ? null : document.body) : e, c = te({
+    render: n,
+    ref: o,
+    props: {
+      role: "region",
+      dir: l,
+      "aria-label": "Notifications",
+      ...i,
+      className: m(Ce.root, a),
+      children: /* @__PURE__ */ u(T, { children: [/* @__PURE__ */ t(La, {}), /* @__PURE__ */ t(Ba, { getToastProps: r })] })
+    }
+  });
+  return v(d) ? Pt(c, d) : null;
+}, Ma = "_container_1gape_1", za = "_cardInner_1gape_23", ze = {
+  container: Ma,
+  cardInner: za
+}, Ko = ({ children: e, className: r, ...a }) => /* @__PURE__ */ t(pt, {
+  render: /* @__PURE__ */ t("div", {}),
+  ...a,
+  className: q(ze.container, r),
+  children: /* @__PURE__ */ t("div", {
+    className: ze.cardInner,
+    children: e
+  })
+}), Aa = "_root_16neu_1", Ra = { root: Aa }, Ae = ({ className: e }) => {
+  const r = b();
+  return /* @__PURE__ */ t("div", {
+    className: m(Ra.root, e),
+    children: /* @__PURE__ */ t(at, {
+      color: r.grayScale.gray1,
+      size: 14
+    })
+  });
+}, $a = "_container_qsmue_1", Ea = "_colorSchemeBackground_qsmue_6", ja = "_colorSchemeContent_qsmue_22", Da = "_mixedColorSchemeSegment_qsmue_39", Oa = "_checkmarkContainer_qsmue_54", z = {
+  container: $a,
+  colorSchemeBackground: Ea,
+  colorSchemeContent: ja,
+  mixedColorSchemeSegment: Da,
+  checkmarkContainer: Oa
+}, ue = ({ variant: e, style: r, className: a, onClick: n, onMouseEnter: o, onMouseLeave: i }) => {
+  const s = e === "Dark" ? ht : vt, l = m(z.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,
+    ...r
+  }, c = /* @__PURE__ */ t("div", {
+    className: z.colorSchemeContent,
+    children: "Aa"
+  });
+  return v(n) ? /* @__PURE__ */ t("div", {
+    className: l,
+    style: d,
+    role: "button",
+    tabIndex: 0,
+    "aria-label": e,
+    onClick: n,
+    onKeyDown: ee,
+    onMouseEnter: o,
+    onMouseLeave: i,
+    children: c
+  }) : /* @__PURE__ */ t("div", {
+    className: l,
+    style: d,
+    onMouseEnter: o,
+    onMouseLeave: i,
+    children: c
+  });
+}, me = ({ variant: e, selected: r, onClick: a, className: n }) => {
+  const o = /* @__PURE__ */ u(T, { children: [/* @__PURE__ */ t(ue, {
+    style: {
+      borderTopRightRadius: 0,
+      borderBottomRightRadius: 0
+    },
+    variant: "Light"
+  }), /* @__PURE__ */ t(ue, {
+    style: {
+      borderTopLeftRadius: 0,
+      borderBottomLeftRadius: 0
+    },
+    variant: "Dark"
+  })] });
+  return e === "System" ? /* @__PURE__ */ u("div", {
+    className: m(z.container, n),
+    children: [v(a) ? /* @__PURE__ */ t("div", {
+      className: z.mixedColorSchemeSegment,
+      role: "button",
+      tabIndex: 0,
+      "aria-label": e,
+      onClick: a,
+      onKeyDown: ee,
+      children: o
+    }) : /* @__PURE__ */ t("div", {
+      className: z.mixedColorSchemeSegment,
+      children: o
+    }), /* @__PURE__ */ t("div", {
+      className: z.checkmarkContainer,
+      "data-selected": r || void 0,
+      children: /* @__PURE__ */ t(Ae, {})
+    })]
+  }) : /* @__PURE__ */ u("div", {
+    className: m(z.container, n),
+    children: [/* @__PURE__ */ t(ue, {
+      variant: e,
+      onClick: a
+    }), /* @__PURE__ */ t("div", {
+      className: z.checkmarkContainer,
+      "data-selected": r || void 0,
+      children: /* @__PURE__ */ t(Ae, {})
+    })]
+  });
+}, Pa = "_container_pqcwk_1", qa = "_cardContainer_pqcwk_13", Wa = "_card_pqcwk_13", Fa = "_label_pqcwk_29", k = {
+  container: Pa,
+  cardContainer: qa,
+  card: Wa,
+  label: Fa
+}, Uo = ({ value: e, onChange: r, className: a, lightLabel: n, darkLabel: o, systemLabel: i }) => /* @__PURE__ */ u("div", {
+  className: m(k.container, a),
+  children: [
+    /* @__PURE__ */ u("div", {
+      className: k.cardContainer,
+      children: [/* @__PURE__ */ t(me, {
+        className: k.card,
+        onClick: () => r("Light"),
+        variant: "Light",
+        selected: e === "Light"
+      }), /* @__PURE__ */ t("span", {
+        className: k.label,
+        children: n
+      })]
+    }),
+    /* @__PURE__ */ u("div", {
+      className: k.cardContainer,
+      children: [/* @__PURE__ */ t(me, {
+        className: k.card,
+        onClick: () => r("Dark"),
+        variant: "Dark",
+        selected: e === "Dark"
+      }), /* @__PURE__ */ t("span", {
+        className: k.label,
+        children: o
+      })]
+    }),
+    /* @__PURE__ */ u("div", {
+      className: k.cardContainer,
+      children: [/* @__PURE__ */ t(me, {
+        className: k.card,
+        onClick: () => r("System"),
+        variant: "System",
+        selected: e === "System"
+      }), /* @__PURE__ */ t("span", {
+        className: k.label,
+        children: i
+      })]
+    })
+  ]
+}), Ja = "_button_190l2_1", Va = "_tooltipAnchor_190l2_28", Ha = "_icon_190l2_32", _e = {
+  button: Ja,
+  tooltipAnchor: Va,
+  icon: Ha
+}, Ga = ({ children: e, size: r = "md", shape: a = "square", className: n, tooltip: o, tooltipPlace: i = "bottom", tooltipDelay: s = 1e3, tooltipOffset: l = 5, disabled: d, loading: c, ..._ }) => {
+  const h = Ie(Ct)?.size ?? r, f = A(o), g = d || c, p = /* @__PURE__ */ t(N, {
+    ..._,
+    size: r === "xs" ? "sm" : r,
+    "data-icon-size": h,
+    "data-shape": a,
+    disabled: d,
+    loading: c,
+    startIcon: /* @__PURE__ */ t("span", {
+      className: _e.icon,
+      children: e
+    }),
+    className: q(_e.button, n)
+  });
+  return f ? /* @__PURE__ */ t(qe, {
+    content: o,
+    delay: s,
+    side: i,
+    sideOffset: l,
+    children: g ? /* @__PURE__ */ t("span", {
+      className: _e.tooltipAnchor,
+      children: p
+    }) : p
+  }) : p;
+}, Ka = "_button_k3e4y_1", Ua = { button: Ka }, Yo = ({ className: e, emphasis: r = "standard", size: a = "sm", variant: n = "ghost", ...o }) => /* @__PURE__ */ t(N, {
+  ...o,
+  size: a,
+  variant: n,
+  "data-emphasis": r,
+  className: q(Ua.button, e)
+}), Ya = "_button_prhtf_1", Xa = { button: Ya }, Xo = ({ className: e, emphasis: r = "standard", size: a = "sm", variant: n = "ghost", ...o }) => /* @__PURE__ */ t(Ga, {
+  ...o,
+  size: a,
+  variant: n,
+  "data-emphasis": r,
+  className: q(Xa.button, e)
+}), Qa = "_button_1fwx7_1", Za = { button: Qa }, Qo = ({ className: e, elevated: r = !0, variant: a = "solid", ...n }) => /* @__PURE__ */ t(N, {
+  ...n,
+  elevated: r,
+  variant: a,
+  className: q(Za.button, e)
+}), en = "_wrapper_1c0v5_1", tn = "_filterButton_1c0v5_8", rn = "_filterIcon_1c0v5_16", an = "_inputContainer_1c0v5_20", nn = "_iconContainer_1c0v5_37", on = "_input_1c0v5_20", O = {
+  wrapper: en,
+  filterButton: tn,
+  filterIcon: rn,
+  inputContainer: an,
+  iconContainer: nn,
+  input: on
+}, Zo = ({ value: e, onChange: r, placeholder: a, filterDropdown: n, autoFocus: o, disabled: i, className: s, id: l, filterButtonAriaLabel: d = "Filter", "aria-label": c, "aria-labelledby": _ }) => {
+  const h = b(), [f, g] = U(!1), p = Ne(), x = l ?? p, B = /* @__PURE__ */ t(N, {
+    variant: "outline",
+    "aria-label": d,
+    startIcon: /* @__PURE__ */ t("span", {
+      className: O.filterIcon,
+      children: /* @__PURE__ */ t(Ze, { size: h.icon.size.md })
+    }),
+    className: O.filterButton
+  });
+  return /* @__PURE__ */ u("div", {
+    className: m(O.wrapper, s),
+    children: [/* @__PURE__ */ u("div", {
+      className: O.inputContainer,
+      children: [/* @__PURE__ */ t("div", {
+        className: O.iconContainer,
+        "data-focused": f || void 0,
+        "aria-hidden": !0,
+        children: /* @__PURE__ */ t(it, { size: h.icon.size.md })
+      }), /* @__PURE__ */ t(qt, {
+        id: x,
+        className: O.input,
+        value: e,
+        onValueChange: (I) => r(I),
+        onFocus: () => g(!0),
+        onBlur: () => g(!1),
+        placeholder: a,
+        autoFocus: o,
+        disabled: i,
+        "aria-label": _ ? void 0 : c ?? a,
+        "aria-labelledby": _
+      })]
+    }), n && n(B)]
+  });
+}, ei = ({ children: e, startIcon: r, description: a, focused: n = !1, checked: o, defaultChecked: i, onCheckedChange: s, disabled: l = !1, readOnly: d = !1, size: c = "sm", name: _, value: h, required: f, className: g, style: p, ref: x, ...B }) => {
+  const I = Ne(), E = `${I}-label`, S = `${I}-description`, j = St(a);
+  return /* @__PURE__ */ t(kt, {
+    className: g,
+    style: p,
+    startIcon: r,
+    focused: n,
+    disabled: l,
+    description: j && /* @__PURE__ */ t("span", {
+      id: S,
+      children: a
+    }),
+    render: (D) => /* @__PURE__ */ t("label", {
+      ...B,
+      ...D,
+      htmlFor: I,
+      ref: x
+    }),
+    endIcon: /* @__PURE__ */ t(bt, {
+      id: I,
+      "aria-labelledby": E,
+      "aria-describedby": j ? S : void 0,
+      checked: o,
+      defaultChecked: i,
+      onCheckedChange: s,
+      disabled: l,
+      readOnly: d,
+      size: c,
+      name: _,
+      value: h,
+      required: f
+    }),
+    children: /* @__PURE__ */ t("span", {
+      id: E,
+      children: e
+    })
+  });
+}, sn = "_container_gwbng_1", ln = "_layer_gwbng_8", cn = "_visible_gwbng_22", dn = "_hidden_gwbng_27", $ = {
+  container: sn,
+  layer: ln,
+  visible: cn,
+  hidden: dn
+}, ti = ({ isActive: e, ActiveIcon: r, InactiveIcon: a, size: n }) => {
+  const o = b(), i = n ?? o.icon.size.sm;
+  return /* @__PURE__ */ u("div", {
+    className: $.container,
+    style: { "--animated-icon-crossfade-size": `${i}px` },
+    children: [/* @__PURE__ */ t("div", {
+      className: m($.layer, e ? $.hidden : $.visible),
+      children: /* @__PURE__ */ t(a, { size: i })
+    }), /* @__PURE__ */ t("div", {
+      className: m($.layer, e ? $.visible : $.hidden),
+      children: /* @__PURE__ */ t(r, { size: i })
+    })]
+  });
+}, un = "_header_1r38k_1", mn = "_titleRow_1r38k_8", _n = "_title_1r38k_8", vn = "_adornment_1r38k_21", hn = "_description_1r38k_27", V = {
+  header: un,
+  titleRow: mn,
+  title: _n,
+  adornment: vn,
+  description: hn
+}, fn = ({ title: e, description: r, adornment: a, level: n = 2, size: o = "md", color: i = "primary", descriptionLineClamp: s = 5, render: l, ref: d, className: c, ..._ }) => {
+  const h = Ne(), f = P(r) ? A(r) : v(r) && r !== !1;
+  return te({
+    render: l,
+    ref: d,
+    props: {
+      ..._,
+      className: m(V.header, c),
+      children: /* @__PURE__ */ u(T, { children: [/* @__PURE__ */ u("div", {
+        className: V.titleRow,
+        children: [/* @__PURE__ */ t(Tt, {
+          level: n,
+          size: o,
+          color: i,
+          className: V.title,
+          "aria-describedby": f ? h : void 0,
+          children: e
+        }), v(a) && /* @__PURE__ */ t("div", {
+          className: V.adornment,
+          children: a
+        })]
+      }), f && /* @__PURE__ */ t("div", {
+        id: h,
+        className: V.description,
+        children: P(r) ? /* @__PURE__ */ t(G, {
+          text: r,
+          displayedMaxRows: s,
+          isTooltipMultiline: !0,
+          isFocusable: !0
+        }) : r
+      })] })
+    }
+  });
+}, Cn = "_root_ztxxm_1", pn = "_fullWidth_ztxxm_20", Re = {
+  root: Cn,
+  fullWidth: pn
+}, bn = ({ align: e = "left", color: r = "primary", fullWidth: a = !0, className: n, render: o, ref: i, ...s }) => te({
+  render: o,
+  ref: i,
+  props: {
+    ...s,
+    "data-align": e,
+    "data-color": r,
+    className: m(Re.root, a && Re.fullWidth, n)
+  }
+}), ri = {
+  Root: bn,
+  Header: fn
+}, ai = {
+  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"
+}, gn = "_iconContainer_1ivx0_1", In = "_withBackground_1ivx0_9", $e = {
+  iconContainer: gn,
+  withBackground: In
+}, ye = ({ children: e, className: r, hasBackground: a = !0 }) => /* @__PURE__ */ t("div", {
+  className: m($e.iconContainer, a && $e.withBackground, r),
+  children: e
+}), Nn = ({ Icon: e, iconThemeColor: r, withContainer: a = !1, withContainerBackground: n = !0 }) => {
+  const o = b();
+  if (!e) return null;
+  if (v(r)) return /* @__PURE__ */ t(Ge, {
+    Icon: e,
+    color: r,
+    size: o.icon.size.md,
+    stroke: o.icon.stroke.sm
+  });
+  const i = /* @__PURE__ */ t(e, {
+    size: o.icon.size.md,
+    stroke: o.icon.stroke.sm
+  });
+  return a ? /* @__PURE__ */ t(ye, {
+    hasBackground: n,
+    children: i
+  }) : i;
+}, Sn = "_iconSwapContainer_g9ywp_1", yn = "_defaultIcon_g9ywp_8", kn = "_hoverIcon_g9ywp_13", ve = {
+  iconSwapContainer: Sn,
+  defaultIcon: yn,
+  hoverIcon: kn
+}, Tn = ({ LeftIcon: e, iconThemeColor: r, withIconContainer: a = !1, gripIconColor: n }) => {
+  const o = b();
+  if (!e) return null;
+  const i = /* @__PURE__ */ u("div", {
+    className: ve.iconSwapContainer,
+    children: [/* @__PURE__ */ t("div", {
+      className: m(ve.defaultIcon, "grip-swap-default-icon"),
+      children: v(r) ? /* @__PURE__ */ t(Ge, {
+        Icon: e,
+        color: r,
+        size: o.icon.size.md,
+        stroke: o.icon.stroke.sm
+      }) : /* @__PURE__ */ t(e, {
+        size: o.icon.size.md,
+        stroke: o.icon.stroke.sm
+      })
+    }), /* @__PURE__ */ t("div", {
+      className: m(ve.hoverIcon, "grip-swap-hover-icon"),
+      children: /* @__PURE__ */ t(fe, {
+        size: o.icon.size.md,
+        stroke: o.icon.stroke.sm,
+        color: n
+      })
+    })]
+  });
+  return a && !v(r) ? /* @__PURE__ */ t(ye, { children: i }) : i;
+}, wn = "_menuItemBase_1jkew_1", xn = "_hoverableMenuItemBase_1jkew_54", Bn = "_menuItemLabel_1jkew_136", Ln = "_menuItemLabelLight_1jkew_145", Mn = "_noIconFiller_1jkew_155", zn = "_menuItemLeftContent_1jkew_159", An = "_menuItemRightContent_1jkew_172", Rn = "_draggableItem_1jkew_183", $n = "_menuItemIconCheckContainer_1jkew_189", En = "_menuItemContextualText_1jkew_196", jn = "_rightMenuItemContextualText_1jkew_206", w = {
+  menuItemBase: wn,
+  hoverableMenuItemBase: xn,
+  menuItemLabel: Bn,
+  menuItemLabelLight: Ln,
+  noIconFiller: Mn,
+  menuItemLeftContent: zn,
+  menuItemRightContent: An,
+  draggableItem: Rn,
+  menuItemIconCheckContainer: $n,
+  menuItemContextualText: En,
+  rightMenuItemContextualText: jn
+}, Dn = ge(({ accent: e, isKeySelected: r, isHoverBackgroundDisabled: a, hovered: n, disabled: o, focused: i, className: s, children: l, ...d }, c) => /* @__PURE__ */ t("div", {
+  ref: c,
+  className: m(w.menuItemBase, s),
+  "data-accent": e,
+  "data-key-selected": r || void 0,
+  "data-hover-background-disabled": a || void 0,
+  "data-disabled": o || void 0,
+  "data-focused": i || void 0,
+  ...d,
+  children: l
+}));
+Dn.displayName = "StyledMenuItemBase";
+var R = (e, r) => {
+  const a = ge(({ className: n, children: o, ...i }, s) => /* @__PURE__ */ t("div", {
+    ref: s,
+    className: m(e, n),
+    ...i,
+    children: o
+  }));
+  return a.displayName = r, a;
+}, On = R(w.menuItemLabel, "StyledMenuItemLabel"), ni = R(w.menuItemLabelLight, "StyledMenuItemLabelLight"), oi = R(w.noIconFiller, "StyledNoIconFiller"), Xe = R(w.menuItemLeftContent, "StyledMenuItemLeftContent"), pe = R(w.menuItemRightContent, "StyledMenuItemRightContent"), Ee = R(w.draggableItem, "StyledDraggableItem"), ke = ge(({ accent: e, isKeySelected: r, isHoverBackgroundDisabled: a, hovered: n, disabled: o, focused: i, isIconDisplayedOnHoverOnly: s, cursor: l, className: d, children: c, ..._ }, h) => /* @__PURE__ */ t("div", {
+  ref: h,
+  className: m(w.hoverableMenuItemBase, d),
+  "data-accent": e,
+  "data-key-selected": r || 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": l,
+  ..._,
+  children: c
+}));
+ke.displayName = "StyledHoverableMenuItemBase";
+var Pn = R(w.menuItemContextualText, "StyledMenuItemContextualText"), qn = R(w.rightMenuItemContextualText, "StyledRightMenuItemContextualText"), Wn = "_mainText_d0zu3_1", Fn = "_menuItemLabelRight_d0zu3_9", je = {
+  mainText: Wn,
+  menuItemLabelRight: Fn
+}, Te = ({ className: e, LeftComponent: r, LeftIcon: a, iconThemeColor: n, withIconContainer: o = !1, withIconContainerBackground: i = !0, text: s, contextualText: l, contextualTextPosition: d = "left", gripMode: c = "never", disabled: _ = !1 }) => {
+  const h = b(), f = o ? L.font.color.tertiary : _ ? L.font.color.extraLight : L.font.color.light;
+  return /* @__PURE__ */ u(Xe, {
+    className: e,
+    children: [
+      c === "always" && (o ? /* @__PURE__ */ t(ye, {
+        hasBackground: i,
+        children: /* @__PURE__ */ t(Ee, { children: /* @__PURE__ */ t(fe, {
+          size: h.icon.size.md,
+          stroke: h.icon.stroke.sm,
+          color: f
+        }) })
+      }) : /* @__PURE__ */ t(Ee, { children: /* @__PURE__ */ t(fe, {
+        size: h.icon.size.md,
+        stroke: h.icon.stroke.sm,
+        color: f
+      }) })),
+      c === "onHover" ? /* @__PURE__ */ t(Tn, {
+        LeftIcon: a,
+        iconThemeColor: n,
+        withIconContainer: o,
+        gripIconColor: f
+      }) : /* @__PURE__ */ t(Nn, {
+        Icon: a,
+        iconThemeColor: n,
+        withContainer: o,
+        withContainerBackground: i
+      }),
+      r,
+      /* @__PURE__ */ u(On, { children: [P(s) ? /* @__PURE__ */ t("div", {
+        className: je.mainText,
+        children: /* @__PURE__ */ t(G, { text: s })
+      }) : s, d === "left" && /* @__PURE__ */ t(T, { children: P(l) ? A(l) && /* @__PURE__ */ t(Pn, { children: /* @__PURE__ */ t(G, {
+        text: `· ${l}`,
+        tooltipContent: l
+      }) }) : l })] }),
+      d === "right" && /* @__PURE__ */ t("div", {
+        className: je.menuItemLabelRight,
+        children: /* @__PURE__ */ t(qn, { children: P(l) ? /* @__PURE__ */ t(G, { text: l }) : l })
+      })
+    ]
+  });
+}, Jn = "_subMenuIcon_j232v_1", Vn = "_subMenuIconOpened_j232v_9", De = {
+  subMenuIcon: Jn,
+  subMenuIconOpened: Vn
+}, Hn = ({ accent: e = "default", className: r, withIconContainer: a = !1, withIconContainerBackground: n = !0, iconButtons: o, isIconDisplayedOnHoverOnly: i = !0, LeftIcon: s, iconThemeColor: l, LeftComponent: d, RightIcon: c, RightComponent: _, onClick: h, onMouseEnter: f, onMouseLeave: g, testId: p, text: x, contextualTextPosition: B = "left", contextualText: I, hasSubMenu: E = !1, disabled: S = !1, focused: j = !1, selected: D = !1, hotKeys: X, isSubMenuOpened: F = !1 }) => {
+  const Q = b();
+  return /* @__PURE__ */ u(ke, {
+    "data-testid": p ?? void 0,
+    onClick: S ? void 0 : (ae) => {
+      h && (ae.preventDefault(), ae.stopPropagation(), h?.(ae));
+    },
+    disabled: S,
+    className: r,
+    accent: e,
+    isIconDisplayedOnHoverOnly: i,
+    onMouseEnter: f,
+    onMouseLeave: g,
+    focused: j || D,
+    children: [/* @__PURE__ */ t(Te, {
+      LeftIcon: s ?? void 0,
+      iconThemeColor: l,
+      LeftComponent: d,
+      withIconContainer: a,
+      withIconContainerBackground: n,
+      text: x,
+      contextualText: I,
+      contextualTextPosition: B,
+      disabled: S
+    }), /* @__PURE__ */ u(pe, { children: [
+      o && /* @__PURE__ */ t(pe, {
+        className: "hoverable-buttons",
+        children: o
+      }),
+      X && /* @__PURE__ */ t(yt, { hotKeys: X }),
+      c && /* @__PURE__ */ t(c, {
+        size: Q.icon.size.md,
+        stroke: Q.icon.stroke.sm
+      }),
+      _,
+      E && /* @__PURE__ */ t("div", {
+        className: m(De.subMenuIcon, F && De.subMenuIconOpened),
+        style: { visibility: S ? "hidden" : "visible" },
+        children: /* @__PURE__ */ t(et, {
+          size: Q.icon.size.sm,
+          color: Q.font.color.light
+        })
+      })
+    ] })]
+  });
+}, ii = ({ accent: e = "default", className: r, iconButtons: a, isIconDisplayedOnHoverOnly: n = !0, isTooltipOpen: o, onClick: i, onMouseEnter: s, onMouseLeave: l, testId: d, avatar: c, hasSubMenu: _ = !1, text: h, contextualText: f }) => /* @__PURE__ */ t(Hn, {
+  accent: e,
+  className: r,
+  iconButtons: a,
+  isIconDisplayedOnHoverOnly: n,
+  isTooltipOpen: o,
+  LeftComponent: v(c) ? /* @__PURE__ */ t(wt, {
+    name: c.name,
+    src: c.src,
+    colorSeed: c.colorSeed,
+    size: c.size,
+    shape: c.shape
+  }) : void 0,
+  onClick: i,
+  onMouseEnter: s,
+  onMouseLeave: l,
+  testId: d,
+  text: h,
+  contextualText: f,
+  hasSubMenu: _
+}), si = ({ LeftIcon: e, withIconContainer: r = !1, accent: a = "default", iconButtons: n, onClick: o, text: i, contextualText: s, isDragDisabled: l = !1, className: d, isIconDisplayedOnHoverOnly: c = !0, gripMode: _ = "never" }) => /* @__PURE__ */ u(ke, {
+  onClick: o,
+  accent: a,
+  className: d,
+  isIconDisplayedOnHoverOnly: c,
+  cursor: _ !== "never" ? l ? "default" : "drag" : "default",
+  children: [/* @__PURE__ */ t(Te, {
+    LeftIcon: e,
+    text: i,
+    contextualText: s,
+    withIconContainer: r,
+    disabled: l,
+    gripMode: _
+  }), n && /* @__PURE__ */ t(pe, {
+    className: "hoverable-buttons",
+    children: n
+  })]
+}), Gn = "_suggestionMenuItem_1qyjt_1", Kn = { suggestionMenuItem: Gn }, li = ({ LeftIcon: e, withIconContainer: r = !1, text: a, contextualText: n = void 0, contextualTextPosition: o = "left", className: i, selected: s, onClick: l }) => {
+  const d = (c) => {
+    l && (c.preventDefault(), c.stopPropagation(), l?.(c));
+  };
+  return /* @__PURE__ */ t("li", {
+    className: m(Kn.suggestionMenuItem, i),
+    "data-selected": s || void 0,
+    role: v(l) ? "button" : void 0,
+    tabIndex: v(l) ? 0 : void 0,
+    onClick: d,
+    onKeyDown: ee,
+    children: /* @__PURE__ */ t(Xe, { children: /* @__PURE__ */ t(Te, {
+      LeftIcon: e ?? void 0,
+      text: a,
+      contextualText: n,
+      contextualTextPosition: o,
+      withIconContainer: r
+    }) })
+  });
+}, Un = "_menuPicker_o8ra4_1", Yn = "_iconContainer_o8ra4_41", Xn = "_label_o8ra4_50", he = {
+  menuPicker: Un,
+  iconContainer: Yn,
+  label: Xn
+}, ci = ({ id: e, icon: r, label: a, selected: n = !1, disabled: o = !1, showLabel: i = !0, onClick: s, className: l, testId: d, tooltipContent: c, tooltipDelay: _ = 0, tooltipOffset: h = 5 }) => {
+  const f = b();
+  return /* @__PURE__ */ t(qe, {
+    content: c,
+    disabled: !A(c),
+    sideOffset: h,
+    side: "bottom",
+    positionMethod: "fixed",
+    delay: _,
+    children: /* @__PURE__ */ u("button", {
+      id: e,
+      disabled: o,
+      onClick: s,
+      className: m(he.menuPicker, l),
+      "data-testid": d,
+      "data-selected": n ? "" : void 0,
+      "aria-pressed": n,
+      "aria-disabled": o,
+      "aria-label": a,
+      children: [/* @__PURE__ */ t("div", {
+        className: he.iconContainer,
+        children: /* @__PURE__ */ t(r, {
+          size: f.icon.size.md,
+          stroke: f.icon.stroke.sm
+        })
+      }), v(a) && i && /* @__PURE__ */ t("div", {
+        className: he.label,
+        "data-selected": n ? "" : void 0,
+        "data-disabled": o ? "" : void 0,
+        children: a
+      })]
+    })
+  });
+}, Qn = "_iconButton_19i33_1", Zn = { iconButton: Qn }, eo = ({ Icon: e, isActive: r, onClick: a, ariaLabel: n }) => {
+  const o = b();
+  return /* @__PURE__ */ t("button", {
+    type: "button",
+    className: Zn.iconButton,
+    "data-active": r ? "" : void 0,
+    "aria-label": n,
+    "aria-pressed": r,
+    onClick: a,
+    children: /* @__PURE__ */ t(e, {
+      color: L.grayScale.gray10,
+      size: o.icon.size.lg,
+      "aria-hidden": !0
+    })
+  });
+}, to = "_container_vsk1i_1", ro = { container: to }, di = ({ activeItemName: e, isHidden: r = !1, items: a }) => /* @__PURE__ */ t("nav", {
+  className: ro.container,
+  "data-hidden": r ? "" : void 0,
+  "aria-hidden": r,
+  children: a.map(({ Icon: n, name: o, label: i, onClick: s }) => /* @__PURE__ */ t(eo, {
+    Icon: n,
+    isActive: e === o,
+    onClick: s,
+    ariaLabel: i
+  }, o))
+}), ao = "_root_os1x1_1", no = { root: ao }, ui = ({ label: e, href: r, onClick: a, className: n }) => {
+  if (!A(e)) return /* @__PURE__ */ t(T, {});
+  const o = (i) => {
+    i.stopPropagation(), a?.(i);
+  };
+  return /* @__PURE__ */ t("a", {
+    href: ft(r),
+    target: "_blank",
+    rel: "noreferrer",
+    onClick: o,
+    className: m(no.root, n),
+    children: e
+  });
+}, oo = "_button_quwcq_1", io = { button: oo }, mi = ({ active: e = !1, className: r, children: a, startIcon: n, endIcon: o, badge: i, size: s = "sm", ...l }) => /* @__PURE__ */ t(N, {
+  ...l,
+  variant: "ghost",
+  size: s,
+  "data-active": e || void 0,
+  className: q(m(xt.tab, io.button), r),
+  children: /* @__PURE__ */ t(Bt, {
+    startIcon: n,
+    endIcon: o,
+    badge: i,
+    children: a
+  })
+});
+export {
+  Ue as A,
+  Oo as B,
+  Sa as C,
+  ca as D,
+  Vo as E,
+  Wo as F,
+  jo as H,
+  qo as I,
+  Ge as L,
+  Ke as M,
+  Jo as N,
+  Ye as O,
+  Fo as P,
+  Lr as R,
+  Ho as S,
+  da as T,
+  Do as V,
+  Ga as _,
+  li as a,
+  Go as b,
+  Hn as c,
+  ti as d,
+  ei as f,
+  Yo as g,
+  Xo as h,
+  ci as i,
+  re as j,
+  Y as k,
+  ai as l,
+  Qo as m,
+  ui as n,
+  si as o,
+  Zo as p,
+  di as r,
+  ii as s,
+  mi as t,
+  ri as u,
+  Uo as v,
+  ua as w,
+  Me as x,
+  Ko as y,
+  Po as z
+};