twenty-sdk 0.3.1 → 0.4.1

package/dist/vendor/twenty-ui/navigation.mjs

@@ -0,0 +1,887 @@
+import { j as h, a as t, F as z } from "./emotion-react-jsx-runtime.browser.esm-BUNawPtg.js";
+import { useTheme as m, withTheme as te, css as f } from "@emotion/react";
+import l from "@emotion/styled";
+import { T as F, a as _, e as N, b as ne, c as re } from "./Toggle-Bd3-khQW.js";
+import oe, { useId as ie, useContext as ae } from "react";
+import { IconPoint as le, IconBrandGithub as ce, IconCheck as q, IconGripVertical as se, IconChevronRight as $ } from "@tabler/icons-react";
+import { styled as H } from "@linaria/react";
+import { Link as V } from "react-router-dom";
+import { isNonEmptyString as B, isUndefined as E, isString as M } from "@sniptt/guards";
+import { T as de } from "./ThemeContextProvider-DRVSWXAb.js";
+import { g as ge } from "./getDisplayValueByUrlType-BqPVhhu2.js";
+import { T as he, a as ue, A as fe, O as k } from "./OverflowingTextWithTooltip-F-KEqUMB.js";
+import { T as W } from "./isValidCountryCode-Dyji5s5r-B7O5eJvP.js";
+import { motion as pe } from "framer-motion";
+import { H as K } from "./HoverBackground-bYDC0iDZ.js";
+import { A as me } from "./Avatar-Cg4dvBA_.js";
+import { T as R } from "./Tag-CfX8tARK.js";
+import { S as ye } from "./ColorSample-Bp-he5lO.js";
+const be = /* @__PURE__ */ l("div", {
+  target: "eoxui2t0"
+})("align-items:center;display:flex;gap:", ({ theme: e }) => e.spacing(2), ";position:relative;height:", ({ theme: e }) => e.spacing(5), ";padding:", ({ theme: e }) => e.spacing(1), ";"), ke = /* @__PURE__ */ l("div", {
+  target: "eoxui2t1"
+})("color:", ({ theme: e }) => e.font.color.secondary, ";font-size:", ({ theme: e }) => e.font.size.sm, ";font-weight:", ({ theme: e }) => e.font.weight.medium, ";"), ve = /* @__PURE__ */ l("div", {
+  target: "eoxui2t2"
+})("align-items:center;display:flex;left:", ({ theme: e }) => e.spacing(-5), ";position:absolute;"), xe = /* @__PURE__ */ l("label", {
+  target: "eoxui2t3"
+})("align-items:center;cursor:pointer;display:flex;justify-content:space-between;width:100%;"), It = ({ isAdvancedModeEnabled: e, setIsAdvancedModeEnabled: n, label: r = "Advanced:" }) => {
+  const o = (c) => {
+    n(c);
+  }, i = ie(), a = m();
+  return /* @__PURE__ */ h(be, {
+    children: [
+      /* @__PURE__ */ t(ve, {
+        children: /* @__PURE__ */ t(le, {
+          size: 12,
+          color: a.color.yellow,
+          fill: a.color.yellow
+        })
+      }),
+      /* @__PURE__ */ h(xe, {
+        htmlFor: i,
+        children: [
+          /* @__PURE__ */ t(ke, {
+            children: r
+          }),
+          /* @__PURE__ */ t(F, {
+            id: i,
+            onChange: o,
+            color: a.color.yellow,
+            value: e
+          })
+        ]
+      })
+    ]
+  });
+}, we = /* @__PURE__ */ l("a", {
+  target: "e12cg47g0"
+})("align-items:center;color:", ({ theme: e }) => e.font.color.light, ";display:flex;font-size:", ({ theme: e }) => e.font.size.sm, ";font-weight:", ({ theme: e }) => e.font.weight.medium, ";gap:", ({ theme: e }) => e.spacing(1), ";padding:0 ", ({ theme: e }) => e.spacing(1), ";text-decoration:none;:hover{color:", ({ theme: e }) => e.font.color.tertiary, ";cursor:pointer;}"), Se = (e) => /* @__PURE__ */ t(we, {
+  className: e.className,
+  href: e.href,
+  onClick: e.onClick,
+  target: e.target,
+  rel: e.rel,
+  children: e.children
+}), Ce = () => ({
+  theme: e
+}) => e.border.color.strong, ze = () => ({
+  maxWidth: e
+}) => e ?? "100%", Ie = () => ({
+  theme: e
+}) => e.font.color.primary, Me = te(/* @__PURE__ */ H("a")({
+  name: "StyledClickableLink",
+  class: "s1dd08x",
+  propsAsIs: !1,
+  vars: {
+    "s1dd08x-0": [Ce()],
+    "s1dd08x-1": [ze()],
+    "s1dd08x-2": [Ie()]
+  }
+})), Mt = ({
+  href: e,
+  children: n,
+  onClick: r,
+  maxWidth: o
+}) => /* @__PURE__ */ t(Me, {
+  maxWidth: o,
+  target: "_blank",
+  onClick: r,
+  href: e,
+  children: n
+}), Le = "https://github.com/twentyhq/twenty", Lt = ({ version: e }) => {
+  const n = m();
+  return /* @__PURE__ */ h(Se, {
+    href: Le,
+    target: "_blank",
+    rel: "noreferrer",
+    children: [
+      /* @__PURE__ */ t(ce, {
+        size: n.icon.size.md
+      }),
+      e
+    ]
+  });
+}, $e = /* @__PURE__ */ l("div", {
+  target: "e13qyhgc0"
+})("display:flex;overflow:hidden;white-space:nowrap;a{color:inherit;overflow:hidden;text-overflow:ellipsis;}"), $t = ({ className: e, href: n, children: r, onClick: o }) => /* @__PURE__ */ t("div", {
+  children: /* @__PURE__ */ t($e, {
+    className: e,
+    children: /* @__PURE__ */ t(V, {
+      target: "_blank",
+      onClick: o,
+      to: n,
+      children: r
+    })
+  })
+}), je = () => ({
+  background: e
+}) => e, Ae = () => ({
+  border: e
+}) => e, Te = () => ({
+  color: e
+}) => e, _e = () => ({
+  backgroundHover: e
+}) => e, Ne = () => ({
+  backgroundActive: e
+}) => e, Be = /* @__PURE__ */ H("a")({
+  name: "StyledLink",
+  class: "srl6h1l",
+  propsAsIs: !1,
+  vars: {
+    "srl6h1l-0": [je()],
+    "srl6h1l-1": [Ae()],
+    "srl6h1l-2": [Te()],
+    "srl6h1l-3": [_e()],
+    "srl6h1l-4": [Ne()]
+  }
+}), Re = ({
+  label: e,
+  href: n,
+  onClick: r,
+  className: o
+}) => {
+  const {
+    theme: i
+  } = ae(de), a = i.background.transparent.lighter, c = i.background.transparent.light, d = i.background.transparent.medium, s = i.border.color.strong, g = i.font.color.primary;
+  return B(e) ? /* @__PURE__ */ t(Be, {
+    href: n,
+    target: "_blank",
+    rel: "noreferrer",
+    onClick: (p) => {
+      p.stopPropagation(), r?.(p);
+    },
+    color: g,
+    background: a,
+    backgroundHover: c,
+    backgroundActive: d,
+    border: s,
+    className: o,
+    children: e
+  }) : /* @__PURE__ */ t(z, {});
+};
+var jt = /* @__PURE__ */ function(e) {
+  return e.Url = "url", e.LinkedIn = "linkedin", e.Twitter = "twitter", e.Facebook = "facebook", e;
+}({});
+const At = ({ label: e, href: n, onClick: r, type: o }) => {
+  const i = ge({
+    type: o,
+    href: n
+  }) ?? e;
+  return /* @__PURE__ */ t(Re, {
+    href: n,
+    onClick: r,
+    label: i
+  });
+}, Oe = /* @__PURE__ */ l(
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  ({ fullWidth: e, ...n }) => /* @__PURE__ */ t(V, {
+    ...n
+  }),
+  {
+    target: "eqso5ta0"
+  }
+)("text-decoration:none;width:", ({ fullWidth: e }) => e ? "100%" : "auto", ";"), Tt = ({ children: e, to: n, replace: r = !1, onClick: o, fullWidth: i = !1 }) => /* @__PURE__ */ t(Oe, {
+  to: n,
+  replace: r,
+  onClick: o,
+  fullWidth: i,
+  children: e
+}), _t = "https://cal.com/team/twenty/talk-to-us", Nt = "https://twenty.com/pricing", Pe = /* @__PURE__ */ l("button", {
+  target: "e1goopyw0"
+})("box-sizing:border-box;background:none;font:inherit;outline:inherit;color:inherit;align-items:center;border:1px solid ", ({ theme: e }) => e.border.color.medium, ";border-radius:", ({ theme: e }) => e.border.radius.sm, ";cursor:pointer;display:flex;flex-direction:column;gap:", ({ theme: e }) => e.spacing(1), ";justify-content:center;min-height:", ({ theme: e }) => e.spacing(8), ";padding:", ({ theme: e }) => `${e.spacing(1.5)} ${e.spacing(1)}`, ";transition:all ", ({ theme: e }) => e.animation.duration.instant, "s ease;user-select:none;width:100%;", ({ theme: e, selected: n, disabled: r }) => r ? f`
+        background: ${e.background.secondary};
+        border-color: ${e.border.color.medium};
+        color: ${e.font.color.extraLight};
+        cursor: default;
+      ` : n ? f`
+        background: transparent;
+        border-color: ${e.color.blue};
+        color: ${e.color.blue};
+
+        &:hover {
+          background: ${e.background.transparent.primary};
+        }
+      ` : f`
+      background: transparent;
+      border-color: ${e.border.color.medium};
+      color: ${e.font.color.tertiary};
+
+      &:hover {
+        background: ${e.background.transparent.light};
+      }
+    `), Ge = /* @__PURE__ */ l("div", {
+  target: "e1goopyw1"
+})("align-items:center;display:flex;flex-shrink:0;height:", ({ theme: e }) => e.icon.size.md, "px;justify-content:center;width:", ({ theme: e }) => e.icon.size.md, "px;"), Ue = /* @__PURE__ */ l("div", {
+  target: "e1goopyw2"
+})("font-family:", ({ theme: e }) => e.font.family, ";font-size:", ({ theme: e }) => e.font.size.xs, ";font-weight:", ({ theme: e }) => e.font.weight.semiBold, ";max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;", ({ theme: e, selected: n, disabled: r }) => r ? f`
+        color: ${e.font.color.extraLight};
+      ` : n ? f`
+        color: ${e.color.blue};
+      ` : f`
+      color: ${e.font.color.tertiary};
+    `), Bt = ({ id: e, icon: n, label: r, selected: o = !1, disabled: i = !1, showLabel: a = !0, onClick: c, className: d, testId: s, tooltipContent: g, tooltipDelay: u = he.noDelay, tooltipOffset: p = 5 }) => {
+  const y = m();
+  return /* @__PURE__ */ h(z, {
+    children: [
+      /* @__PURE__ */ h(Pe, {
+        id: e,
+        selected: o,
+        disabled: i,
+        onClick: c,
+        className: d,
+        "data-testid": s,
+        "aria-pressed": o,
+        "aria-disabled": i,
+        "aria-label": r,
+        children: [
+          /* @__PURE__ */ t(Ge, {
+            children: /* @__PURE__ */ t(n, {
+              size: y.icon.size.md,
+              stroke: y.icon.stroke.sm
+            })
+          }),
+          W(r) && a && /* @__PURE__ */ t(Ue, {
+            selected: o,
+            disabled: i,
+            children: r
+          })
+        ]
+      }),
+      B(g) && /* @__PURE__ */ t(fe, {
+        anchorSelect: `#${e}`,
+        offset: p,
+        content: g,
+        place: ue.Bottom,
+        positionStrategy: "fixed",
+        delay: u,
+        noArrow: !0
+      })
+    ]
+  });
+}, De = /* @__PURE__ */ l("div", {
+  target: "e1ge2mj0"
+})("align-items:center;display:flex;flex-direction:row;gap:", ({ theme: e }) => e.spacing(1), ";justify-content:center;"), Fe = /* @__PURE__ */ l("div", {
+  target: "e1ge2mj1"
+})("color:", ({ theme: e }) => e.font.color.light, ";vertical-align:middle;white-space:nowrap;"), qe = /* @__PURE__ */ l("div", {
+  target: "e1ge2mj2"
+})("align-items:center;background-color:", ({ theme: e }) => e.background.secondary, ";border:1px solid ", ({ theme: e }) => e.border.color.strong, ";border-radius:", ({ theme: e }) => e.border.radius.sm, ";box-shadow:", ({ theme: e }) => e.boxShadow.underline, ";display:flex;flex-direction:column;height:18px;justify-content:center;text-align:center;width:", ({ theme: e }) => e.spacing(4), ";"), He = ({ hotKeys: e, joinLabel: n = "then" }) => /* @__PURE__ */ t(Fe, {
+  children: e && /* @__PURE__ */ t(De, {
+    children: e.map((r, o) => /* @__PURE__ */ h(oe.Fragment, {
+      children: [
+        /* @__PURE__ */ t(qe, {
+          children: r
+        }),
+        o < e.length - 1 && n
+      ]
+    }, o))
+  })
+}), x = /* @__PURE__ */ l("div", {
+  target: "e134tjdh0"
+})("--horizontal-padding:", ({ theme: e }) => e.spacing(1), ";--vertical-padding:", ({ theme: e }) => e.spacing(2), ";align-items:center;border-radius:", ({ theme: e }) => e.border.radius.sm, ";cursor:pointer;display:flex;flex-direction:row;font-size:", ({ theme: e }) => e.font.size.sm, ";gap:", ({ theme: e }) => e.spacing(2), ";height:calc(32px - 2 * var(--vertical-padding));justify-content:space-between;padding:var(--vertical-padding) var(--horizontal-padding);", ({ theme: e, isKeySelected: n }) => n ? `background: ${e.background.transparent.light};` : "", " ", ({ isHoverBackgroundDisabled: e, disabled: n }) => (n || e) ?? K, ";", ({ theme: e, accent: n, disabled: r }) => {
+  if (!E(r) && r !== !1)
+    return f`
+        color: ${e.font.color.tertiary};
+      `;
+  switch (n) {
+    case "danger":
+      return f`
+          color: ${e.font.color.danger};
+          &:hover {
+            background: ${e.background.transparent.danger};
+          }
+        `;
+    case "placeholder":
+      return f`
+          color: ${e.font.color.tertiary};
+        `;
+    case "default":
+    default:
+      return f`
+          color: ${e.font.color.secondary};
+        `;
+  }
+}, " ", ({ focused: e, theme: n }) => e && f`
+      background: ${n.background.transparent.light};
+    `, ";position:relative;user-select:none;width:calc(100% - 2 * var(--horizontal-padding));"), w = /* @__PURE__ */ l("div", {
+  target: "e134tjdh1"
+})("display:flex;flex-direction:row;font-size:", ({ theme: e }) => e.font.size.md, ";font-weight:", ({ theme: e }) => e.font.weight.regular, ";overflow:hidden;white-space:nowrap;"), L = /* @__PURE__ */ l(w, {
+  target: "e134tjdh2"
+})("color:", ({ theme: e }) => e.font.color.light, ";"), Rt = /* @__PURE__ */ l("div", {
+  target: "e134tjdh3"
+})("width:", ({ theme: e }) => e.spacing(1), ";"), b = /* @__PURE__ */ l("div", {
+  target: "e134tjdh4"
+})("align-items:center;display:flex;flex-direction:row;gap:", ({ theme: e }) => e.spacing(2), ";min-width:0;width:100%;& svg{flex-shrink:0;}"), O = /* @__PURE__ */ l("div", {
+  target: "e134tjdh5"
+})("align-items:center;display:flex;flex-direction:row;gap:", ({ theme: e }) => e.spacing(2), ";& svg{flex-shrink:0;}"), Ve = /* @__PURE__ */ l("div", {
+  target: "e134tjdh6"
+})("cursor:grab;align-items:center;display:flex;"), P = /* @__PURE__ */ l(x, {
+  target: "e134tjdh7"
+})(({ isIconDisplayedOnHoverOnly: e, theme: n }) => e && /* @__PURE__ */ f("& .hoverable-buttons{opacity:0;right:", n.spacing(2), ";}&:hover{& .hoverable-buttons{opacity:1;}}"), ";& .hoverable-buttons{transition:opacity ", ({ theme: e }) => e.animation.duration.instant, "s ease;}cursor:", ({ cursor: e, disabled: n }) => {
+  if (!E(n) && n !== !1)
+    return "default";
+  switch (e) {
+    case "drag":
+      return "grab";
+    default:
+      return "pointer";
+  }
+}, ";"), G = /* @__PURE__ */ l(q, {
+  target: "e134tjdh8"
+})("flex-shrink:0;margin-right:", ({ theme: e }) => e.spacing(1), ";"), Y = /* @__PURE__ */ l("div", {
+  target: "e134tjdh9"
+})("color:", ({ theme: e }) => e.font.color.light, ";font-family:inherit;font-size:inherit;font-weight:inherit;padding-left:", ({ theme: e }) => e.spacing(1), ";flex-shrink:1;overflow:hidden;"), J = /* @__PURE__ */ l(Y, {
+  target: "e134tjdh10"
+})("text-align:right;"), Ee = /* @__PURE__ */ l("div", {
+  target: "etfsebm0"
+})("flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;"), We = /* @__PURE__ */ l("div", {
+  target: "etfsebm1"
+})("align-items:flex-start;background:", ({ theme: e }) => e.background.transparent.light, ";border-radius:", ({ theme: e }) => e.border.radius.sm, ";display:flex;flex-direction:column;padding:", ({ theme: e }) => e.spacing(1), ";"), Ke = /* @__PURE__ */ l(w, {
+  target: "etfsebm2"
+})("margin-left:auto;"), v = ({ className: e, LeftComponent: n, LeftIcon: r, withIconContainer: o = !1, text: i, contextualText: a, contextualTextPosition: c = "left", showGrip: d = !1, disabled: s = !1 }) => {
+  const g = m();
+  return /* @__PURE__ */ h(b, {
+    className: e,
+    children: [
+      d && /* @__PURE__ */ t(Ve, {
+        children: /* @__PURE__ */ t(se, {
+          size: g.icon.size.md,
+          stroke: g.icon.stroke.sm,
+          color: o ? g.font.color.tertiary : s ? g.font.color.extraLight : g.font.color.light
+        })
+      }),
+      r && (o ? /* @__PURE__ */ t(We, {
+        children: /* @__PURE__ */ t(r, {
+          size: g.icon.size.md,
+          stroke: g.icon.stroke.sm
+        })
+      }) : /* @__PURE__ */ t(r, {
+        size: g.icon.size.md,
+        stroke: g.icon.stroke.sm
+      })),
+      n,
+      /* @__PURE__ */ h(w, {
+        children: [
+          M(i) ? /* @__PURE__ */ t(Ee, {
+            children: /* @__PURE__ */ t(k, {
+              text: i
+            })
+          }) : i,
+          c === "left" && /* @__PURE__ */ t(z, {
+            children: M(a) ? B(a) && /* @__PURE__ */ t(Y, {
+              children: /* @__PURE__ */ t(k, {
+                text: `· ${a}`
+              })
+            }) : a
+          })
+        ]
+      }),
+      c === "right" && /* @__PURE__ */ t(Ke, {
+        children: /* @__PURE__ */ t(J, {
+          children: M(a) ? /* @__PURE__ */ t(k, {
+            text: a
+          }) : a
+        })
+      })
+    ]
+  });
+}, Ye = /* @__PURE__ */ l(pe.div, {
+  target: "e1ydxzu70"
+})("display:flex;align-items:center;justify-content:center;"), Ot = ({ accent: e = "default", className: n, withIconContainer: r = !1, iconButtons: o, isIconDisplayedOnHoverOnly: i = !0, LeftIcon: a, LeftComponent: c, RightIcon: d, RightComponent: s, onClick: g, onMouseEnter: u, onMouseLeave: p, testId: y, text: A, contextualTextPosition: U = "left", contextualText: S, hasSubMenu: Q = !1, disabled: I = !1, focused: X = !1, hotKeys: D, isSubMenuOpened: Z = !1 }) => {
+  const C = m(), ee = Array.isArray(o) && o.length > 0;
+  return /* @__PURE__ */ h(P, {
+    "data-testid": y ?? void 0,
+    onClick: I ? void 0 : (T) => {
+      g && (T.preventDefault(), T.stopPropagation(), g?.(T));
+    },
+    disabled: I,
+    className: n,
+    accent: e,
+    isIconDisplayedOnHoverOnly: i,
+    onMouseEnter: u,
+    onMouseLeave: p,
+    focused: X,
+    children: [
+      /* @__PURE__ */ t(v, {
+        LeftIcon: a ?? void 0,
+        LeftComponent: c,
+        withIconContainer: r,
+        text: A,
+        contextualText: S,
+        contextualTextPosition: U,
+        disabled: I
+      }),
+      /* @__PURE__ */ h(O, {
+        children: [
+          o && /* @__PURE__ */ t("div", {
+            className: "hoverable-buttons",
+            children: ee && /* @__PURE__ */ t(_, {
+              iconButtons: o,
+              size: "small"
+            })
+          }),
+          D && /* @__PURE__ */ t(He, {
+            hotKeys: D
+          }),
+          d && /* @__PURE__ */ t(d, {
+            size: C.icon.size.md,
+            stroke: C.icon.stroke.sm
+          }),
+          s,
+          Q && !I && /* @__PURE__ */ t(Ye, {
+            animate: {
+              rotate: Z ? 90 : 0
+            },
+            transition: {
+              duration: C.animation.duration.normal
+            },
+            children: /* @__PURE__ */ t($, {
+              size: C.icon.size.sm,
+              color: C.font.color.light
+            })
+          })
+        ]
+      })
+    ]
+  });
+}, Pt = ({ accent: e = "default", className: n, iconButtons: r, isIconDisplayedOnHoverOnly: o = !0, onClick: i, onMouseEnter: a, onMouseLeave: c, testId: d, avatar: s, hasSubMenu: g = !1, text: u, contextualText: p }) => {
+  const y = m(), A = Array.isArray(r) && r.length > 0;
+  return /* @__PURE__ */ h(P, {
+    "data-testid": d ?? void 0,
+    onClick: (S) => {
+      i && (S.preventDefault(), S.stopPropagation(), i?.(S));
+    },
+    className: n,
+    accent: e,
+    isIconDisplayedOnHoverOnly: o,
+    onMouseEnter: a,
+    onMouseLeave: c,
+    children: [
+      /* @__PURE__ */ t(b, {
+        children: /* @__PURE__ */ t(v, {
+          LeftIcon: void 0,
+          LeftComponent: W(s) ? /* @__PURE__ */ t(me, {
+            placeholder: s.placeholder,
+            avatarUrl: s.avatarUrl,
+            placeholderColorSeed: s.placeholderColorSeed,
+            size: s.size,
+            type: s.type
+          }) : void 0,
+          text: u,
+          contextualText: p
+        })
+      }),
+      /* @__PURE__ */ t("div", {
+        className: "hoverable-buttons",
+        children: A && /* @__PURE__ */ t(_, {
+          iconButtons: r,
+          size: "small"
+        })
+      }),
+      g && /* @__PURE__ */ t($, {
+        size: y.icon.size.sm,
+        color: y.font.color.tertiary
+      })
+    ]
+  });
+}, Gt = ({ LeftIcon: e, withIconContainer: n = !1, accent: r = "default", iconButtons: o, onClick: i, text: a, isDragDisabled: c = !1, className: d, isIconDisplayedOnHoverOnly: s = !0, showGrip: g = !1 }) => {
+  const u = Array.isArray(o) && o.length > 0;
+  return /* @__PURE__ */ h(P, {
+    onClick: i,
+    accent: r,
+    className: d,
+    isIconDisplayedOnHoverOnly: s,
+    cursor: g ? c ? "default" : "drag" : "default",
+    children: [
+      /* @__PURE__ */ t(v, {
+        LeftIcon: e,
+        text: a,
+        withIconContainer: n,
+        disabled: c,
+        showGrip: g
+      }),
+      u && /* @__PURE__ */ t(_, {
+        className: "hoverable-buttons",
+        iconButtons: o
+      })
+    ]
+  });
+}, Je = /* @__PURE__ */ l("div", {
+  target: "e9aoect0"
+})("align-items:center;display:flex;flex-direction:row;gap:", ({ theme: e }) => e.spacing(2), ";min-width:0;overflow:hidden;"), Ut = ({ color: e, LeftIcon: n, withIconContainer: r = !1, text: o, selected: i, isKeySelected: a, className: c, onSelectChange: d }) => /* @__PURE__ */ t(x, {
+  isKeySelected: a,
+  className: c,
+  onClick: () => {
+    d?.(!i);
+  },
+  children: /* @__PURE__ */ h(Je, {
+    children: [
+      /* @__PURE__ */ t(N, {
+        checked: i
+      }),
+      e ? /* @__PURE__ */ t(R, {
+        color: e,
+        text: o,
+        Icon: n
+      }) : /* @__PURE__ */ t(v, {
+        LeftIcon: n,
+        text: o,
+        withIconContainer: r
+      })
+    ]
+  })
+}), Qe = /* @__PURE__ */ l("div", {
+  target: "e1308dg30"
+})("align-items:center;display:flex;flex-direction:row;gap:", ({ theme: e }) => e.spacing(2), ";width:100%;"), Xe = /* @__PURE__ */ l("div", {
+  target: "e1308dg31"
+})("display:flex;align-items:center;flex:1 0 0;gap:", ({ theme: e }) => e.spacing(1), ";max-width:100%;text-overflow:ellipsis;overflow:hidden;"), Dt = ({ avatar: e, text: n, selected: r, contextualText: o, className: i, isKeySelected: a, onSelectChange: c }) => /* @__PURE__ */ t(x, {
+  className: i,
+  onClick: () => {
+    c?.(!r);
+  },
+  isKeySelected: a,
+  children: /* @__PURE__ */ h(Qe, {
+    children: [
+      /* @__PURE__ */ t(N, {
+        checked: r
+      }),
+      /* @__PURE__ */ h(b, {
+        children: [
+          e,
+          /* @__PURE__ */ h(Xe, {
+            children: [
+              /* @__PURE__ */ t(w, {
+                children: /* @__PURE__ */ t(k, {
+                  text: n
+                })
+              }),
+              o && /* @__PURE__ */ h(z, {
+                children: [
+                  /* @__PURE__ */ t(L, {
+                    children: "·"
+                  }),
+                  /* @__PURE__ */ t(L, {
+                    children: /* @__PURE__ */ t(k, {
+                      text: o
+                    })
+                  })
+                ]
+              })
+            ]
+          })
+        ]
+      })
+    ]
+  })
+}), Ft = ({ color: e, selected: n, className: r, onClick: o, isKeySelected: i, text: a, Icon: c }) => /* @__PURE__ */ t(x, {
+  isKeySelected: i,
+  onClick: o,
+  className: r,
+  children: /* @__PURE__ */ h(b, {
+    children: [
+      /* @__PURE__ */ t(N, {
+        size: re.Small,
+        shape: ne.Squared,
+        checked: n
+      }),
+      /* @__PURE__ */ t(R, {
+        color: e,
+        text: a,
+        Icon: c
+      })
+    ]
+  })
+}), qt = ({ LeftIcon: e, withIconContainer: n = !1, text: r, className: o, onClick: i }) => {
+  const a = m();
+  return /* @__PURE__ */ h(x, {
+    onClick: i,
+    className: o,
+    children: [
+      /* @__PURE__ */ t(b, {
+        children: /* @__PURE__ */ t(v, {
+          LeftIcon: e,
+          text: r,
+          withIconContainer: n
+        })
+      }),
+      /* @__PURE__ */ t($, {
+        size: a.icon.size.sm,
+        color: a.font.color.tertiary
+      })
+    ]
+  });
+}, j = /* @__PURE__ */ l(x, {
+  target: "esndde70"
+})(({ theme: e, disabled: n, focused: r }) => {
+  if (n === !0)
+    return /* @__PURE__ */ f("background:inherit;&:hover{background:inherit;}color:", e.font.color.tertiary, ";cursor:default;");
+  if (r === !0)
+    return /* @__PURE__ */ f("background:", e.background.transparent.light, ";");
+}), Ht = ({ LeftIcon: e, withIconContainer: n = !1, text: r, selected: o, needIconCheck: i = !0, className: a, onClick: c, disabled: d, focused: s, hasSubMenu: g = !1, contextualText: u, contextualTextPosition: p = "left" }) => {
+  const y = m();
+  return /* @__PURE__ */ h(j, {
+    onClick: c,
+    className: a,
+    disabled: d,
+    focused: s,
+    role: "option",
+    "aria-selected": o,
+    "aria-disabled": d,
+    children: [
+      /* @__PURE__ */ t(v, {
+        LeftIcon: e,
+        text: r,
+        contextualText: p === "left" ? u : null,
+        withIconContainer: n
+      }),
+      /* @__PURE__ */ h(O, {
+        children: [
+          p === "right" && /* @__PURE__ */ t(w, {
+            children: M(u) ? /* @__PURE__ */ t(J, {
+              children: /* @__PURE__ */ t(k, {
+                text: u
+              })
+            }) : u
+          }),
+          o && i && /* @__PURE__ */ t(q, {
+            size: y.icon.size.md
+          }),
+          g && /* @__PURE__ */ t($, {
+            size: y.icon.size.sm,
+            color: y.font.color.tertiary
+          })
+        ]
+      })
+    ]
+  });
+}, Ze = /* @__PURE__ */ l("div", {
+  target: "e1uepgjk0"
+})("display:flex;align-items:center;flex:1 0 0;gap:", ({ theme: e }) => e.spacing(1), ";max-width:100%;text-overflow:ellipsis;overflow:hidden;"), Vt = ({ avatar: e, text: n, contextualText: r, selected: o, className: i, onClick: a, disabled: c, focused: d, testId: s }) => {
+  const g = m();
+  return /* @__PURE__ */ h(j, {
+    onClick: a,
+    className: i,
+    disabled: c,
+    focused: d,
+    "data-testid": s,
+    role: "option",
+    "aria-selected": o,
+    "aria-disabled": c,
+    children: [
+      /* @__PURE__ */ h(b, {
+        children: [
+          e,
+          /* @__PURE__ */ h(Ze, {
+            children: [
+              /* @__PURE__ */ t(w, {
+                children: /* @__PURE__ */ t(k, {
+                  text: n
+                })
+              }),
+              r && /* @__PURE__ */ h(z, {
+                children: [
+                  /* @__PURE__ */ t(L, {
+                    children: "·"
+                  }),
+                  /* @__PURE__ */ t(L, {
+                    children: /* @__PURE__ */ t(k, {
+                      text: r
+                    })
+                  })
+                ]
+              })
+            ]
+          })
+        ]
+      }),
+      o && /* @__PURE__ */ t(G, {
+        size: g.icon.size.md
+      })
+    ]
+  });
+}, et = {
+  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"
+}, Et = ({ color: e, selected: n, className: r, onClick: o, disabled: i, focused: a, variant: c = "default", colorLabels: d = et }) => {
+  const s = m();
+  return /* @__PURE__ */ h(j, {
+    onClick: o,
+    className: r,
+    disabled: i,
+    focused: a,
+    children: [
+      /* @__PURE__ */ h(b, {
+        children: [
+          /* @__PURE__ */ t(ye, {
+            colorName: e,
+            variant: c
+          }),
+          /* @__PURE__ */ t(w, {
+            children: d[e]
+          })
+        ]
+      }),
+      n && /* @__PURE__ */ t(G, {
+        size: s.icon.size.md
+      })
+    ]
+  });
+}, Wt = ({ color: e, selected: n, focused: r, isKeySelected: o, className: i, onClick: a, text: c, variant: d = "solid", LeftIcon: s }) => {
+  const g = m();
+  return /* @__PURE__ */ h(j, {
+    onClick: a,
+    className: i,
+    focused: r,
+    isKeySelected: o,
+    children: [
+      /* @__PURE__ */ t(b, {
+        children: /* @__PURE__ */ t(R, {
+          variant: d,
+          color: e,
+          text: c,
+          Icon: s ?? void 0
+        })
+      }),
+      n && /* @__PURE__ */ t(G, {
+        size: g.icon.size.md
+      })
+    ]
+  });
+}, tt = /* @__PURE__ */ l("li", {
+  target: "e152fctu0"
+})("--horizontal-padding:", ({ theme: e }) => e.spacing(1), ";--vertical-padding:", ({ theme: e }) => e.spacing(2), ";align-items:center;border-radius:", ({ theme: e }) => e.border.radius.sm, ";cursor:pointer;display:flex;flex-direction:row;font-size:", ({ theme: e }) => e.font.size.sm, ";gap:", ({ theme: e }) => e.spacing(2), ";height:calc(32px - 2 * var(--vertical-padding));justify-content:space-between;padding:var(--vertical-padding) var(--horizontal-padding);background:", ({ selected: e, theme: n }) => e ? n.background.transparent.medium : "", ";color:", ({ theme: e }) => e.font.color.secondary, ";", K, ";position:relative;user-select:none;width:calc(100% - 2 * var(--horizontal-padding));"), Kt = ({ LeftIcon: e, withIconContainer: n = !1, text: r, className: o, selected: i, onClick: a }) => /* @__PURE__ */ t(tt, {
+  onClick: (d) => {
+    a && (d.preventDefault(), d.stopPropagation(), a?.(d));
+  },
+  className: o,
+  selected: i,
+  children: /* @__PURE__ */ t(b, {
+    children: /* @__PURE__ */ t(v, {
+      LeftIcon: e ?? void 0,
+      text: r,
+      withIconContainer: n
+    })
+  })
+}), nt = /* @__PURE__ */ l("div", {
+  target: "e1gzux200"
+})("align-items:center;cursor:pointer;display:flex;justify-content:space-between;width:100%;"), Yt = ({ focused: e, LeftIcon: n, withIconContainer: r = !1, text: o, toggled: i, className: a, onToggleChange: c, toggleSize: d, disabled: s = !1 }) => /* @__PURE__ */ t(x, {
+  className: a,
+  focused: e,
+  disabled: s,
+  onClick: () => {
+    s || c?.(!i);
+  },
+  children: /* @__PURE__ */ h(nt, {
+    children: [
+      /* @__PURE__ */ t(v, {
+        LeftIcon: n,
+        text: o,
+        withIconContainer: r,
+        disabled: s
+      }),
+      /* @__PURE__ */ t(O, {
+        onClick: (u) => u.stopPropagation(),
+        children: /* @__PURE__ */ t(F, {
+          value: i,
+          onChange: s ? void 0 : c,
+          toggleSize: d,
+          disabled: s
+        })
+      })
+    ]
+  })
+}), rt = /* @__PURE__ */ l("div", {
+  target: "e1n2xjx60"
+})("align-items:center;background-color:", ({ isActive: e, theme: n }) => e ? n.background.transparent.light : "none", ";border-radius:", ({ theme: e }) => e.spacing(1), ";cursor:pointer;display:flex;height:", ({ theme: e }) => e.spacing(10), ";justify-content:center;transition:background-color ", ({ theme: e }) => e.animation.duration.fast, `s
+    ease;width:`, ({ theme: e }) => e.spacing(10), ";&:hover{background-color:", ({ theme: e }) => e.background.transparent.light, ";}"), ot = ({ Icon: e, isActive: n, onClick: r }) => {
+  const o = m();
+  return /* @__PURE__ */ t(rt, {
+    isActive: n,
+    onClick: r,
+    children: /* @__PURE__ */ t(e, {
+      color: o.color.gray10,
+      size: o.icon.size.lg
+    })
+  });
+}, it = /* @__PURE__ */ l("div", {
+  target: "edbv6n30"
+})("display:flex;gap:", ({ theme: e }) => e.spacing(4), ";justify-content:center;padding:", ({ theme: e }) => e.spacing(3), ";z-index:1001;"), Jt = ({ activeItemName: e, items: n }) => /* @__PURE__ */ t(it, {
+  children: n.map(({ Icon: r, name: o, onClick: i }) => /* @__PURE__ */ t(ot, {
+    Icon: r,
+    isActive: e === o,
+    onClick: i
+  }, o))
+}), at = /* @__PURE__ */ l("div", {
+  target: "ecyksfv0"
+})("width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:", ({ theme: e }) => e.font.size.xxs, ";font-weight:", ({ theme: e }) => e.font.weight.semiBold, ";background:", ({ theme: e, variant: n }) => n === "primary" ? e.color.blue : e.background.transparent.light, ";color:", ({ theme: e, variant: n }) => n === "primary" ? "white" : e.font.color.secondary, ";"), Qt = ({ count: e, variant: n = "primary", className: r }) => /* @__PURE__ */ t(at, {
+  variant: n,
+  className: r,
+  children: e
+});
+export {
+  It as AdvancedSettingsToggle,
+  _t as CAL_LINK,
+  Se as ClickToActionLink,
+  Mt as ContactLink,
+  Le as GITHUB_LINK,
+  Lt as GithubVersionLink,
+  jt as LinkType,
+  Ot as MenuItem,
+  Pt as MenuItemAvatar,
+  Gt as MenuItemDraggable,
+  He as MenuItemHotKeys,
+  v as MenuItemLeftContent,
+  Ut as MenuItemMultiSelect,
+  Dt as MenuItemMultiSelectAvatar,
+  Ft as MenuItemMultiSelectTag,
+  qt as MenuItemNavigate,
+  Ht as MenuItemSelect,
+  Vt as MenuItemSelectAvatar,
+  Et as MenuItemSelectColor,
+  Wt as MenuItemSelectTag,
+  Kt as MenuItemSuggestion,
+  Yt as MenuItemToggle,
+  Bt as MenuPicker,
+  Jt as NavigationBar,
+  ot as NavigationBarItem,
+  Qt as NotificationCounter,
+  $t as RawLink,
+  Re as RoundedLink,
+  At as SocialLink,
+  Ve as StyledDraggableItem,
+  P as StyledHoverableMenuItemBase,
+  x as StyledMenuItemBase,
+  Y as StyledMenuItemContextualText,
+  G as StyledMenuItemIconCheck,
+  w as StyledMenuItemLabel,
+  L as StyledMenuItemLabelLight,
+  b as StyledMenuItemLeftContent,
+  O as StyledMenuItemRightContent,
+  j as StyledMenuItemSelect,
+  Rt as StyledNoIconFiller,
+  J as StyledRightMenuItemContextualText,
+  Nt as TWENTY_PRICING_LINK,
+  Tt as UndecoratedLink
+};