twenty-ui 2.42.0 → 2.44.0

package/dist/components-B2Pdf_yn.js

@@ -1,1459 +0,0 @@
-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
-};