twenty-ui 1.0.0-alpha.2 → 2.41.0

package/dist/navigation-BtjiCRRV.js

@@ -1,721 +0,0 @@
-import { t as Ie } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
-import { c as A, r as I, s as g } from "./theme-constants-Bpkh40Q_.js";
-import { E as be, c as E, g as ke, t as te } from "./data-display-CID60EMx.js";
-import { t as ge } from "./utilities-Ba96imFW.js";
-import { n as re } from "./linkifyText-DVk8e0sw.js";
-import { J as Ce, Ot as W, Zr as U, wt as ne } from "./TablerIcons-CSp0ySKT.js";
-import { i as ye, n as pe, r as Me, t as C } from "./OverflowingTextWithTooltip-D2ri4HNc.js";
-import { D as ie, Z as Se, b as we } from "./feedback-4pPehd1L.js";
-import { d as Ne, v as j } from "./surfaces-CMiB6au_.js";
-import { Fragment as N, jsx as e, jsxs as m } from "react/jsx-runtime";
-import { clsx as f } from "clsx";
-import { forwardRef as D } from "react";
-import { isBoolean as Le, isNonEmptyString as P, isString as x } from "@sniptt/guards";
-import { Link as oe } from "react-router-dom";
-import { useDirection as ze } from "@base-ui/react/direction-provider";
-import { Tabs as w } from "@base-ui/react/tabs";
-var Be = "_root_5ahh0_1", Te = { root: Be }, Ae = (a) => /* @__PURE__ */ e("a", {
-  className: f(Te.root, a.className),
-  href: a.href,
-  onClick: a.onClick,
-  target: a.target,
-  rel: a.rel,
-  children: a.children
-}), xe = "_root_1d4p2_1", Re = { root: xe }, vt = ({ href: a, children: r, onClick: i, maxWidth: n }) => /* @__PURE__ */ e("a", {
-  className: Re.root,
-  style: { "--contact-link-max-width": n ?? "100%" },
-  target: "_blank",
-  onClick: i,
-  href: re(a),
-  children: r
-}), je = "https://github.com/twentyhq/twenty", _t = ({ version: a }) => /* @__PURE__ */ m(Ae, {
-  href: je,
-  target: "_blank",
-  rel: "noreferrer",
-  children: [/* @__PURE__ */ e(Ce, { size: I().icon.size.md }), a]
-}), ft = "https://cal.com/team/twenty/talk-to-us", It = "https://twenty.com/pricing", De = {
-  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"
-}, Pe = "_iconContainer_1ivx0_1", Oe = "_withBackground_1ivx0_9", Y = {
-  iconContainer: Pe,
-  withBackground: Oe
-}, $ = ({ children: a, className: r, hasBackground: i = !0 }) => /* @__PURE__ */ e("div", {
-  className: f(Y.iconContainer, i && Y.withBackground, r),
-  children: a
-}), Ke = ({ Icon: a, iconThemeColor: r, withContainer: i = !1, withContainerBackground: n = !0 }) => {
-  const t = I();
-  if (!a) return null;
-  if (g(r)) return /* @__PURE__ */ e(te, {
-    Icon: a,
-    color: r,
-    size: t.icon.size.md,
-    stroke: t.icon.stroke.sm
-  });
-  const o = /* @__PURE__ */ e(a, {
-    size: t.icon.size.md,
-    stroke: t.icon.stroke.sm
-  });
-  return i ? /* @__PURE__ */ e($, {
-    hasBackground: n,
-    children: o
-  }) : o;
-}, Ge = "_iconSwapContainer_g9ywp_1", Ue = "_defaultIcon_g9ywp_8", Ee = "_hoverIcon_g9ywp_13", K = {
-  iconSwapContainer: Ge,
-  defaultIcon: Ue,
-  hoverIcon: Ee
-}, We = ({ LeftIcon: a, iconThemeColor: r, withIconContainer: i = !1, gripIconColor: n }) => {
-  const t = I();
-  if (!a) return null;
-  const o = /* @__PURE__ */ m("div", {
-    className: K.iconSwapContainer,
-    children: [/* @__PURE__ */ e("div", {
-      className: f(K.defaultIcon, "grip-swap-default-icon"),
-      children: g(r) ? /* @__PURE__ */ e(te, {
-        Icon: a,
-        color: r,
-        size: t.icon.size.md,
-        stroke: t.icon.stroke.sm
-      }) : /* @__PURE__ */ e(a, {
-        size: t.icon.size.md,
-        stroke: t.icon.stroke.sm
-      })
-    }), /* @__PURE__ */ e("div", {
-      className: f(K.hoverIcon, "grip-swap-hover-icon"),
-      children: /* @__PURE__ */ e(U, {
-        size: t.icon.size.md,
-        stroke: t.icon.stroke.sm,
-        color: n
-      })
-    })]
-  });
-  return i && !g(r) ? /* @__PURE__ */ e($, { children: o }) : o;
-}, $e = "_menuItemBase_1jkew_1", He = "_hoverableMenuItemBase_1jkew_54", qe = "_menuItemLabel_1jkew_136", Fe = "_menuItemLabelLight_1jkew_145", Ve = "_noIconFiller_1jkew_155", Je = "_menuItemLeftContent_1jkew_159", Ye = "_menuItemRightContent_1jkew_172", Ze = "_draggableItem_1jkew_183", Qe = "_menuItemIconCheckContainer_1jkew_189", Xe = "_menuItemContextualText_1jkew_196", ea = "_rightMenuItemContextualText_1jkew_206", b = {
-  menuItemBase: $e,
-  hoverableMenuItemBase: He,
-  menuItemLabel: qe,
-  menuItemLabelLight: Fe,
-  noIconFiller: Ve,
-  menuItemLeftContent: Je,
-  menuItemRightContent: Ye,
-  draggableItem: Ze,
-  menuItemIconCheckContainer: Qe,
-  menuItemContextualText: Xe,
-  rightMenuItemContextualText: ea
-}, S = D(({ accent: a, isKeySelected: r, isHoverBackgroundDisabled: i, hovered: n, disabled: t, focused: o, className: s, children: l, ...c }, d) => /* @__PURE__ */ e("div", {
-  ref: d,
-  className: f(b.menuItemBase, s),
-  "data-accent": a,
-  "data-key-selected": r || void 0,
-  "data-hover-background-disabled": i || void 0,
-  "data-disabled": t || void 0,
-  "data-focused": o || void 0,
-  ...c,
-  children: l
-}));
-S.displayName = "StyledMenuItemBase";
-var y = (a, r) => {
-  const i = D(({ className: n, children: t, ...o }, s) => /* @__PURE__ */ e("div", {
-    ref: s,
-    className: f(a, n),
-    ...o,
-    children: t
-  }));
-  return i.displayName = r, i;
-}, L = y(b.menuItemLabel, "StyledMenuItemLabel"), R = y(b.menuItemLabelLight, "StyledMenuItemLabelLight"), bt = y(b.noIconFiller, "StyledNoIconFiller"), p = y(b.menuItemLeftContent, "StyledMenuItemLeftContent"), H = y(b.menuItemRightContent, "StyledMenuItemRightContent"), Z = y(b.draggableItem, "StyledDraggableItem"), q = D(({ accent: a, isKeySelected: r, isHoverBackgroundDisabled: i, hovered: n, disabled: t, focused: o, isIconDisplayedOnHoverOnly: s, cursor: l, className: c, children: d, ...h }, u) => /* @__PURE__ */ e("div", {
-  ref: u,
-  className: f(b.hoverableMenuItemBase, c),
-  "data-accent": a,
-  "data-key-selected": r || void 0,
-  "data-hover-background-disabled": i || void 0,
-  "data-disabled": t || void 0,
-  "data-focused": o || void 0,
-  "data-icon-displayed-on-hover-only": s || void 0,
-  "data-cursor": l,
-  ...h,
-  children: d
-}));
-q.displayName = "StyledHoverableMenuItemBase";
-var F = ({ size: a }) => /* @__PURE__ */ e("div", {
-  className: b.menuItemIconCheckContainer,
-  children: /* @__PURE__ */ e(ne, { size: a })
-}), aa = y(b.menuItemContextualText, "StyledMenuItemContextualText"), le = y(b.rightMenuItemContextualText, "StyledRightMenuItemContextualText"), ta = "_mainText_d0zu3_1", ra = "_menuItemLabelRight_d0zu3_9", Q = {
-  mainText: ta,
-  menuItemLabelRight: ra
-}, M = ({ className: a, LeftComponent: r, LeftIcon: i, iconThemeColor: n, withIconContainer: t = !1, withIconContainerBackground: o = !0, text: s, contextualText: l, contextualTextPosition: c = "left", gripMode: d = "never", disabled: h = !1 }) => {
-  const u = I(), _ = t ? A.font.color.tertiary : h ? A.font.color.extraLight : A.font.color.light;
-  return /* @__PURE__ */ m(p, {
-    className: a,
-    children: [
-      d === "always" && (t ? /* @__PURE__ */ e($, {
-        hasBackground: o,
-        children: /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(U, {
-          size: u.icon.size.md,
-          stroke: u.icon.stroke.sm,
-          color: _
-        }) })
-      }) : /* @__PURE__ */ e(Z, { children: /* @__PURE__ */ e(U, {
-        size: u.icon.size.md,
-        stroke: u.icon.stroke.sm,
-        color: _
-      }) })),
-      d === "onHover" ? /* @__PURE__ */ e(We, {
-        LeftIcon: i,
-        iconThemeColor: n,
-        withIconContainer: t,
-        gripIconColor: _
-      }) : /* @__PURE__ */ e(Ke, {
-        Icon: i,
-        iconThemeColor: n,
-        withContainer: t,
-        withContainerBackground: o
-      }),
-      r,
-      /* @__PURE__ */ m(L, { children: [x(s) ? /* @__PURE__ */ e("div", {
-        className: Q.mainText,
-        children: /* @__PURE__ */ e(C, { text: s })
-      }) : s, c === "left" && /* @__PURE__ */ e(N, { children: x(l) ? P(l) && /* @__PURE__ */ e(aa, { children: /* @__PURE__ */ e(C, {
-        text: `· ${l}`,
-        tooltipContent: l
-      }) }) : l })] }),
-      c === "right" && /* @__PURE__ */ e("div", {
-        className: Q.menuItemLabelRight,
-        children: /* @__PURE__ */ e(le, { children: x(l) ? /* @__PURE__ */ e(C, { text: l }) : l })
-      })
-    ]
-  });
-}, na = "_subMenuIcon_j232v_1", ia = "_subMenuIconOpened_j232v_9", X = {
-  subMenuIcon: na,
-  subMenuIconOpened: ia
-}, oa = ({ accent: a = "default", className: r, withIconContainer: i = !1, withIconContainerBackground: n = !0, iconButtons: t, isIconDisplayedOnHoverOnly: o = !0, LeftIcon: s, iconThemeColor: l, LeftComponent: c, RightIcon: d, RightComponent: h, onClick: u, onMouseEnter: _, onMouseLeave: v, testId: se, text: de, contextualTextPosition: ce = "left", contextualText: me, hasSubMenu: ue = !1, disabled: B = !1, focused: he = !1, selected: ve = !1, hotKeys: J, isSubMenuOpened: _e = !1 }) => {
-  const T = I(), fe = Array.isArray(t) && t.length > 0;
-  return /* @__PURE__ */ m(q, {
-    "data-testid": se ?? void 0,
-    onClick: B ? void 0 : (O) => {
-      u && (O.preventDefault(), O.stopPropagation(), u?.(O));
-    },
-    disabled: B,
-    className: r,
-    accent: a,
-    isIconDisplayedOnHoverOnly: o,
-    onMouseEnter: _,
-    onMouseLeave: v,
-    focused: he || ve,
-    children: [/* @__PURE__ */ e(M, {
-      LeftIcon: s ?? void 0,
-      iconThemeColor: l,
-      LeftComponent: c,
-      withIconContainer: i,
-      withIconContainerBackground: n,
-      text: de,
-      contextualText: me,
-      contextualTextPosition: ce,
-      disabled: B
-    }), /* @__PURE__ */ m(H, { children: [
-      t && /* @__PURE__ */ e("div", {
-        className: "hoverable-buttons",
-        children: fe && /* @__PURE__ */ e(ie, {
-          iconButtons: t,
-          size: "small"
-        })
-      }),
-      J && /* @__PURE__ */ e(Ne, { hotKeys: J }),
-      d && /* @__PURE__ */ e(d, {
-        size: T.icon.size.md,
-        stroke: T.icon.stroke.sm
-      }),
-      h,
-      ue && /* @__PURE__ */ e("div", {
-        className: f(X.subMenuIcon, _e && X.subMenuIconOpened),
-        style: { visibility: B ? "hidden" : "visible" },
-        children: /* @__PURE__ */ e(W, {
-          size: T.icon.size.sm,
-          color: T.font.color.light
-        })
-      })
-    ] })]
-  });
-}, kt = ({ accent: a = "default", className: r, iconButtons: i, isIconDisplayedOnHoverOnly: n = !0, isTooltipOpen: t, onClick: o, onMouseEnter: s, onMouseLeave: l, testId: c, avatar: d, hasSubMenu: h = !1, text: u, contextualText: _ }) => /* @__PURE__ */ e(oa, {
-  accent: a,
-  className: r,
-  iconButtons: i,
-  isIconDisplayedOnHoverOnly: n,
-  isTooltipOpen: t,
-  LeftComponent: g(d) ? /* @__PURE__ */ e(be, {
-    placeholder: d.placeholder,
-    avatarUrl: d.avatarUrl,
-    placeholderColorSeed: d.placeholderColorSeed,
-    size: d.size,
-    type: d.type
-  }) : void 0,
-  onClick: o,
-  onMouseEnter: s,
-  onMouseLeave: l,
-  testId: c,
-  text: u,
-  contextualText: _,
-  hasSubMenu: h
-}), gt = ({ LeftIcon: a, withIconContainer: r = !1, accent: i = "default", iconButtons: n, onClick: t, text: o, contextualText: s, isDragDisabled: l = !1, className: c, isIconDisplayedOnHoverOnly: d = !0, gripMode: h = "never" }) => {
-  const u = Array.isArray(n) && n.length > 0;
-  return /* @__PURE__ */ m(q, {
-    onClick: t,
-    accent: i,
-    className: c,
-    isIconDisplayedOnHoverOnly: d,
-    cursor: h !== "never" ? l ? "default" : "drag" : "default",
-    children: [/* @__PURE__ */ e(M, {
-      LeftIcon: a,
-      text: o,
-      contextualText: s,
-      withIconContainer: r,
-      disabled: l,
-      gripMode: h
-    }), u && /* @__PURE__ */ e(ie, {
-      className: "hoverable-buttons",
-      iconButtons: n
-    })]
-  });
-}, la = "_container_gnyb3_1", sa = { container: la }, V = ({ selected: a, onSelectChange: r, ariaLabel: i }) => /* @__PURE__ */ e("div", {
-  className: sa.container,
-  onClick: (n) => n.stopPropagation(),
-  children: /* @__PURE__ */ e(Se, {
-    checked: a,
-    onCheckedChange: (n) => r?.(n),
-    "aria-label": i
-  })
-}), da = "_leftContentWithCheckboxContainer_18kjc_1", ca = { leftContentWithCheckboxContainer: da }, Ct = ({ color: a, LeftIcon: r, iconThemeColor: i, withIconContainer: n = !1, text: t, selected: o, isKeySelected: s, className: l, onSelectChange: c }) => /* @__PURE__ */ e(S, {
-  isKeySelected: s,
-  className: l,
-  onClick: () => {
-    c?.(!o);
-  },
-  children: /* @__PURE__ */ m("div", {
-    className: ca.leftContentWithCheckboxContainer,
-    children: [/* @__PURE__ */ e(V, {
-      selected: o,
-      onSelectChange: c,
-      ariaLabel: t
-    }), a ? /* @__PURE__ */ e(E, {
-      color: a,
-      text: t,
-      Icon: r
-    }) : /* @__PURE__ */ e(M, {
-      LeftIcon: r,
-      iconThemeColor: i,
-      text: t,
-      withIconContainer: n
-    })]
-  })
-}), ma = "_leftContentWithCheckboxContainer_ikfhb_1", ua = "_textContainer_ikfhb_9", ee = {
-  leftContentWithCheckboxContainer: ma,
-  textContainer: ua
-}, yt = ({ avatar: a, text: r, selected: i, contextualText: n, className: t, isKeySelected: o, onSelectChange: s }) => /* @__PURE__ */ e(S, {
-  className: t,
-  onClick: () => {
-    s?.(!i);
-  },
-  isKeySelected: o,
-  children: /* @__PURE__ */ m("div", {
-    className: ee.leftContentWithCheckboxContainer,
-    children: [/* @__PURE__ */ e(V, {
-      selected: i,
-      onSelectChange: s,
-      ariaLabel: r ?? n ?? "Select item"
-    }), /* @__PURE__ */ m(p, { children: [a, /* @__PURE__ */ m("div", {
-      className: ee.textContainer,
-      children: [/* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(C, { text: r }) }), n && /* @__PURE__ */ m(N, { children: [/* @__PURE__ */ e(R, { children: "·" }), /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(C, { text: n }) })] })]
-    })] })]
-  })
-}), pt = ({ color: a, selected: r, className: i, onClick: n, isKeySelected: t, text: o, Icon: s }) => /* @__PURE__ */ e(S, {
-  isKeySelected: t,
-  onClick: n,
-  className: i,
-  children: /* @__PURE__ */ m(p, { children: [/* @__PURE__ */ e(V, {
-    selected: r,
-    onSelectChange: () => n?.(),
-    ariaLabel: o
-  }), /* @__PURE__ */ e(E, {
-    color: a,
-    text: o,
-    Icon: s
-  })] })
-}), Mt = ({ LeftIcon: a, withIconContainer: r = !1, text: i, className: n, onClick: t }) => {
-  const o = I();
-  return /* @__PURE__ */ m(S, {
-    onClick: t,
-    className: n,
-    children: [/* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(M, {
-      LeftIcon: a,
-      text: i,
-      withIconContainer: r
-    }) }), /* @__PURE__ */ e(W, {
-      size: o.icon.size.sm,
-      color: o.font.color.tertiary
-    })]
-  });
-}, ha = "_menuItemSelect_rqblm_1", va = { menuItemSelect: ha }, z = D(({ disabled: a, focused: r, isKeySelected: i, className: n, children: t, ...o }, s) => /* @__PURE__ */ e("div", {
-  ref: s,
-  className: f(va.menuItemSelect, n),
-  "data-disabled": a || void 0,
-  "data-focused": r || void 0,
-  "data-key-selected": i || void 0,
-  ...o,
-  children: t
-}));
-z.displayName = "StyledMenuItemSelect";
-var St = ({ LeftIcon: a, leftIconColor: r, withIconContainer: i = !1, text: n, selected: t, needIconCheck: o = !0, className: s, onClick: l, disabled: c, focused: d, hasSubMenu: h = !1, contextualText: u, contextualTextPosition: _ = "left" }) => {
-  const v = I();
-  return /* @__PURE__ */ m(z, {
-    onClick: l,
-    className: s,
-    disabled: c,
-    focused: d,
-    role: "option",
-    "aria-selected": t,
-    "aria-disabled": c,
-    children: [/* @__PURE__ */ e(M, {
-      LeftIcon: a,
-      iconThemeColor: r,
-      text: n,
-      contextualText: _ === "left" ? u : null,
-      withIconContainer: i
-    }), /* @__PURE__ */ m(H, { children: [
-      _ === "right" && /* @__PURE__ */ e(L, { children: x(u) ? /* @__PURE__ */ e(le, { children: /* @__PURE__ */ e(C, { text: u }) }) : u }),
-      t && o && /* @__PURE__ */ e(ne, { size: v.icon.size.md }),
-      h && /* @__PURE__ */ e(W, {
-        size: v.icon.size.sm,
-        color: v.font.color.tertiary
-      })
-    ] })]
-  });
-}, _a = "_textContainer_y4rc7_1", fa = { textContainer: _a }, wt = ({ avatar: a, text: r, contextualText: i, selected: n, className: t, onClick: o, disabled: s, focused: l, testId: c }) => {
-  const d = I();
-  return /* @__PURE__ */ m(z, {
-    onClick: o,
-    className: t,
-    disabled: s,
-    focused: l,
-    "data-testid": c,
-    role: "option",
-    "aria-selected": n,
-    "aria-disabled": s,
-    children: [/* @__PURE__ */ m(p, { children: [a, /* @__PURE__ */ m("div", {
-      className: fa.textContainer,
-      children: [/* @__PURE__ */ e(L, { children: /* @__PURE__ */ e(C, { text: r }) }), i && /* @__PURE__ */ m(N, { children: [/* @__PURE__ */ e(R, { children: "·" }), /* @__PURE__ */ e(R, { children: /* @__PURE__ */ e(C, { text: i }) })] })]
-    })] }), n && /* @__PURE__ */ e(F, { size: d.icon.size.md })]
-  });
-}, Nt = ({ color: a, selected: r, className: i, onClick: n, disabled: t, focused: o, variant: s = "default", colorLabels: l = De }) => {
-  const c = I();
-  return /* @__PURE__ */ m(z, {
-    onClick: n,
-    className: i,
-    disabled: t,
-    focused: o,
-    children: [/* @__PURE__ */ m(p, { children: [/* @__PURE__ */ e(ke, {
-      colorName: a,
-      variant: s
-    }), /* @__PURE__ */ e(L, { children: l[a] })] }), r && /* @__PURE__ */ e(F, { size: c.icon.size.md })]
-  });
-}, Lt = ({ color: a, selected: r, focused: i, isKeySelected: n, className: t, onClick: o, text: s, variant: l = "solid", LeftIcon: c }) => {
-  const d = I();
-  return /* @__PURE__ */ m(z, {
-    onClick: o,
-    className: t,
-    focused: i,
-    isKeySelected: n,
-    children: [/* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(E, {
-      variant: l,
-      color: a,
-      text: s,
-      Icon: c ?? void 0
-    }) }), r && /* @__PURE__ */ e(F, { size: d.icon.size.md })]
-  });
-}, Ia = "_suggestionMenuItem_1qyjt_1", ba = { suggestionMenuItem: Ia }, zt = ({ LeftIcon: a, withIconContainer: r = !1, text: i, contextualText: n = void 0, contextualTextPosition: t = "left", className: o, selected: s, onClick: l }) => {
-  const c = (d) => {
-    l && (d.preventDefault(), d.stopPropagation(), l?.(d));
-  };
-  return /* @__PURE__ */ e("li", {
-    className: f(ba.suggestionMenuItem, o),
-    "data-selected": s || void 0,
-    role: g(l) ? "button" : void 0,
-    tabIndex: g(l) ? 0 : void 0,
-    onClick: c,
-    onKeyDown: Ie,
-    children: /* @__PURE__ */ e(p, { children: /* @__PURE__ */ e(M, {
-      LeftIcon: a ?? void 0,
-      text: i,
-      contextualText: n,
-      contextualTextPosition: t,
-      withIconContainer: r
-    }) })
-  });
-}, ka = "_switchContainer_1l580_1", ga = { switchContainer: ka }, Bt = ({ focused: a, LeftIcon: r, withIconContainer: i = !1, text: n, checked: t, className: o, onCheckedChange: s, size: l = "md", disabled: c = !1 }) => /* @__PURE__ */ e(S, {
-  className: o,
-  focused: a,
-  disabled: c,
-  onClick: () => {
-    c || s?.(!t);
-  },
-  children: /* @__PURE__ */ m("div", {
-    className: ga.switchContainer,
-    children: [/* @__PURE__ */ e(M, {
-      LeftIcon: r,
-      text: n,
-      withIconContainer: i,
-      disabled: c
-    }), /* @__PURE__ */ e(H, {
-      onClick: (h) => h.stopPropagation(),
-      children: /* @__PURE__ */ e(we, {
-        checked: t,
-        onCheckedChange: c ? void 0 : s,
-        size: l,
-        disabled: c,
-        "aria-label": n
-      })
-    })]
-  })
-}), Ca = "_menuPicker_o8ra4_1", ya = "_iconContainer_o8ra4_41", pa = "_label_o8ra4_50", G = {
-  menuPicker: Ca,
-  iconContainer: ya,
-  label: pa
-}, Tt = ({ id: a, icon: r, label: i, selected: n = !1, disabled: t = !1, showLabel: o = !0, onClick: s, className: l, testId: c, tooltipContent: d, tooltipDelay: h = Me.noDelay, tooltipOffset: u = 5 }) => {
-  const _ = I();
-  return /* @__PURE__ */ m(N, { children: [/* @__PURE__ */ m("button", {
-    id: a,
-    disabled: t,
-    onClick: s,
-    className: f(G.menuPicker, l),
-    "data-testid": c,
-    "data-selected": n ? "" : void 0,
-    "aria-pressed": n,
-    "aria-disabled": t,
-    "aria-label": i,
-    children: [/* @__PURE__ */ e("div", {
-      className: G.iconContainer,
-      children: /* @__PURE__ */ e(r, {
-        size: _.icon.size.md,
-        stroke: _.icon.stroke.sm
-      })
-    }), g(i) && o && /* @__PURE__ */ e("div", {
-      className: G.label,
-      "data-selected": n ? "" : void 0,
-      "data-disabled": t ? "" : void 0,
-      children: i
-    })]
-  }), P(d) && /* @__PURE__ */ e(pe, {
-    anchorSelect: `#${a}`,
-    offset: u,
-    title: d,
-    place: ye.Bottom,
-    positionStrategy: "fixed",
-    delay: h,
-    noArrow: !0
-  })] });
-}, Ma = "_iconButton_19i33_1", Sa = { iconButton: Ma }, wa = ({ Icon: a, isActive: r, onClick: i, ariaLabel: n }) => {
-  const t = I();
-  return /* @__PURE__ */ e("button", {
-    type: "button",
-    className: Sa.iconButton,
-    "data-active": r ? "" : void 0,
-    "aria-label": n,
-    "aria-pressed": r,
-    onClick: i,
-    children: /* @__PURE__ */ e(a, {
-      color: A.grayScale.gray10,
-      size: t.icon.size.lg,
-      "aria-hidden": !0
-    })
-  });
-}, Na = "_container_vsk1i_1", La = { container: Na }, At = ({ activeItemName: a, isHidden: r = !1, items: i }) => /* @__PURE__ */ e("nav", {
-  className: La.container,
-  "data-hidden": r ? "" : void 0,
-  "aria-hidden": r,
-  children: i.map(({ Icon: n, name: t, label: o, onClick: s }) => /* @__PURE__ */ e(wa, {
-    Icon: n,
-    isActive: a === t,
-    onClick: s,
-    ariaLabel: o
-  }, t))
-}), za = "_clickable_1d60u_1", Ba = { clickable: za }, xt = ({ className: a, href: r, children: i, onClick: n }) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", {
-  className: f(Ba.clickable, a),
-  children: /* @__PURE__ */ e(oe, {
-    target: "_blank",
-    onClick: n,
-    to: r,
-    children: i
-  })
-}) }), Ta = "_root_os1x1_1", Aa = { root: Ta }, xa = ({ label: a, href: r, onClick: i, className: n }) => {
-  if (!P(a)) return /* @__PURE__ */ e(N, {});
-  const t = (o) => {
-    o.stopPropagation(), i?.(o);
-  };
-  return /* @__PURE__ */ e("a", {
-    href: re(r),
-    target: "_blank",
-    rel: "noreferrer",
-    onClick: t,
-    className: f(Aa.root, n),
-    children: a
-  });
-}, Rt = ({ label: a, href: r, onClick: i, type: n }) => /* @__PURE__ */ e(xa, {
-  href: r,
-  onClick: i,
-  label: P(a) ? a : ge({
-    type: n,
-    href: r
-  }) ?? r
-}), Ra = "_root_o0irp_1", ja = "_list_o0irp_10", Da = "_tab_o0irp_37", Pa = "_content_o0irp_89", Oa = "_label_o0irp_102", Ka = "_startIcon_o0irp_108", Ga = "_badge_o0irp_109", Ua = "_panel_o0irp_124", Ea = "_indicator_o0irp_133", k = {
-  root: Ra,
-  list: ja,
-  tab: Da,
-  content: Pa,
-  label: Oa,
-  startIcon: Ka,
-  badge: Ga,
-  panel: Ua,
-  indicator: Ea
-}, Wa = ({ event: a, direction: r, loopFocus: i }) => {
-  if (a.altKey || a.ctrlKey || a.metaKey || a.shiftKey) return;
-  const n = a.currentTarget, t = Array.from(n.querySelectorAll('[role="tab"]')).filter((v) => v.closest('[role="tablist"]') === n), o = t.findIndex((v) => v === a.target);
-  if (o === -1) return;
-  const s = r === "rtl" ? ["ArrowLeft", "ArrowRight"] : ["ArrowRight", "ArrowLeft"], [l, c] = n.getAttribute("aria-orientation") === "vertical" ? ["ArrowDown", "ArrowUp"] : s;
-  if (![
-    l,
-    c,
-    "Home",
-    "End"
-  ].includes(a.key)) return;
-  a.preventBaseUIHandler(), a.preventDefault();
-  const d = t.filter((v) => !v.hasAttribute("data-disabled") && !v.hasAttribute("disabled") && v.getAttribute("aria-disabled") !== "true" && !v.closest("[hidden], [inert]"));
-  if (a.key === "Home") {
-    d[0]?.focus();
-    return;
-  }
-  if (a.key === "End") {
-    d[d.length - 1]?.focus();
-    return;
-  }
-  const h = a.key === c, u = h ? [...d].reverse() : d, _ = u.find((v) => h ? t.indexOf(v) < o : t.indexOf(v) > o);
-  if (g(_)) {
-    _.focus();
-    return;
-  }
-  i && u[0]?.focus();
-}, $a = ({ className: a, children: r, onKeyDown: i, loopFocus: n = !0, ...t }) => {
-  const o = ze(), s = (l) => {
-    if (i?.(l), l.defaultPrevented) {
-      l.preventBaseUIHandler();
-      return;
-    }
-    l.baseUIHandlerPrevented || Wa({
-      event: l,
-      direction: o,
-      loopFocus: n
-    });
-  };
-  return /* @__PURE__ */ m(w.List, {
-    ...t,
-    loopFocus: n,
-    onKeyDown: s,
-    className: j(k.list, a),
-    children: [r, /* @__PURE__ */ e(w.Indicator, { className: k.indicator })]
-  });
-}, Ha = ({ className: a, ...r }) => /* @__PURE__ */ e(w.Panel, {
-  ...r,
-  className: j(k.panel, a)
-}), qa = ({ className: a, ...r }) => /* @__PURE__ */ e(w.Root, {
-  ...r,
-  className: j(k.root, a)
-}), ae = (a) => g(a) && !Le(a) && a !== "", Fa = ({ className: a, children: r, startIcon: i, badge: n, size: t = "sm", ...o }) => /* @__PURE__ */ e(w.Tab, {
-  ...o,
-  className: j(k.tab, a),
-  "data-size": t,
-  children: /* @__PURE__ */ m("span", {
-    className: k.content,
-    children: [
-      ae(i) && /* @__PURE__ */ e("span", {
-        className: k.startIcon,
-        "aria-hidden": !0,
-        children: i
-      }),
-      /* @__PURE__ */ e("span", {
-        className: k.label,
-        children: r
-      }),
-      ae(n) && /* @__PURE__ */ e("span", {
-        className: k.badge,
-        children: n
-      })
-    ]
-  })
-}), jt = {
-  Root: qa,
-  List: $a,
-  Tab: Fa,
-  Panel: Ha
-}, Va = "_undecoratedLink_1uam7_1", Ja = { undecoratedLink: Va }, Dt = ({ children: a, to: r, replace: i = !1, onClick: n, fullWidth: t = !1 }) => /* @__PURE__ */ e(oe, {
-  to: r,
-  replace: i,
-  onClick: n,
-  className: Ja.undecoratedLink,
-  style: t ? { width: "100%" } : void 0,
-  children: a
-});
-export {
-  ft as A,
-  M as C,
-  p as D,
-  L as E,
-  je as M,
-  vt as N,
-  De as O,
-  Ae as P,
-  oa as S,
-  F as T,
-  pt as _,
-  xt as a,
-  gt as b,
-  Tt as c,
-  Lt as d,
-  Nt as f,
-  Mt as g,
-  z as h,
-  xa as i,
-  _t as j,
-  It as k,
-  Bt as l,
-  St as m,
-  jt as n,
-  At as o,
-  wt as p,
-  Rt as r,
-  wa as s,
-  Dt as t,
-  zt as u,
-  yt as v,
-  q as w,
-  kt as x,
-  Ct as y
-};