twenty-ui 1.0.0-alpha.1 → 2.41.0

package/dist/navigation/MenuItemToggle/MenuItemToggle.d.ts

@@ -1,14 +0,0 @@
-import { IconComponent } from '../../icon';
-import { ToggleSize } from '../../input';
-export type MenuItemToggleProps = {
-    focused?: boolean;
-    LeftIcon?: IconComponent;
-    withIconContainer?: boolean;
-    toggled: boolean;
-    text: string;
-    className?: string;
-    onToggleChange?: (toggled: boolean) => void;
-    toggleSize?: ToggleSize;
-    disabled?: boolean;
-};
-export declare const MenuItemToggle: ({ focused, LeftIcon, withIconContainer, text, toggled, className, onToggleChange, toggleSize, disabled, }: MenuItemToggleProps) => import("react").JSX.Element;

package/dist/navigation/NavigationBar/NavigationBar.d.ts

@@ -1,12 +0,0 @@
-import { IconComponent } from '../../icon/types/IconComponent';
-type NavigationBarProps = {
-    activeItemName: string;
-    items: {
-        name: string;
-        label: string;
-        Icon: IconComponent;
-        onClick: () => void;
-    }[];
-};
-export declare const NavigationBar: ({ activeItemName, items, }: NavigationBarProps) => import("react").JSX.Element;
-export {};

package/dist/navigation-BFrUsV-P.js

@@ -1,630 +0,0 @@
-import { t as he } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
-import { c as w, r as I, s as y } from "./theme-constants-D9oV4GU4.js";
-import { d as _e, r as W, t as Z, x as Ie } from "./data-display-rTFC5PIU.js";
-import { t as fe } from "./utilities-B_4WqR8H.js";
-import { n as ee } from "./linkifyText-DVk8e0sw.js";
-import { Et as j, J as Ce, Kr as O, St as te } from "./TablerIcons-fqK82OLw.js";
-import { i as ge, n as ke, r as ye, t as C } from "./OverflowingTextWithTooltip-BHAWIWMc.js";
-import { B as U, H as be, S as ae, U as pe, h as Me } from "./feedback-1SmKiqUb.js";
-import { Fragment as S, jsx as e, jsxs as m } from "react/jsx-runtime";
-import { clsx as _ } from "clsx";
-import Se, { forwardRef as R } from "react";
-import { isNonEmptyString as E, isString as B } from "@sniptt/guards";
-import { Link as ne } from "react-router-dom";
-var Ne = "_root_5ahh0_1", Le = { root: Ne }, ze = (t) => /* @__PURE__ */ e("a", {
-  className: _(Le.root, t.className),
-  href: t.href,
-  onClick: t.onClick,
-  target: t.target,
-  rel: t.rel,
-  children: t.children
-}), xe = "_root_1d4p2_1", we = { root: xe }, qt = ({ href: t, children: n, onClick: o, maxWidth: r }) => /* @__PURE__ */ e("a", {
-  className: we.root,
-  style: { "--contact-link-max-width": r ?? "100%" },
-  target: "_blank",
-  onClick: o,
-  href: ee(t),
-  children: n
-}), Be = "https://github.com/twentyhq/twenty", Jt = ({ version: t }) => /* @__PURE__ */ m(ze, {
-  href: Be,
-  target: "_blank",
-  rel: "noreferrer",
-  children: [/* @__PURE__ */ e(Ce, { size: I().icon.size.md }), t]
-}), Yt = "https://cal.com/team/twenty/talk-to-us", Qt = "https://twenty.com/pricing", Te = {
-  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"
-}, Re = "_commandTextContainer_1f3tr_1", Ae = "_commandText_1f3tr_1", De = "_commandKey_1f3tr_15", D = {
-  commandTextContainer: Re,
-  commandText: Ae,
-  commandKey: De
-}, Pe = ({ hotKeys: t, joinLabel: n = "then" }) => /* @__PURE__ */ e("div", {
-  className: D.commandText,
-  children: t && /* @__PURE__ */ e("div", {
-    className: D.commandTextContainer,
-    children: t.map((o, r) => /* @__PURE__ */ m(Se.Fragment, { children: [/* @__PURE__ */ e("div", {
-      className: D.commandKey,
-      children: o
-    }), r < t.length - 1 && n] }, r))
-  })
-}), Ge = "_iconContainer_1ivx0_1", Oe = "_withBackground_1ivx0_9", q = {
-  iconContainer: Ge,
-  withBackground: Oe
-}, F = ({ children: t, className: n, hasBackground: o = !0 }) => /* @__PURE__ */ e("div", {
-  className: _(q.iconContainer, o && q.withBackground, n),
-  children: t
-}), We = ({ Icon: t, iconThemeColor: n, withContainer: o = !1, withContainerBackground: r = !0 }) => {
-  const a = I();
-  if (!t) return null;
-  if (y(n)) return /* @__PURE__ */ e(Z, {
-    Icon: t,
-    color: n,
-    size: a.icon.size.md,
-    stroke: a.icon.stroke.sm
-  });
-  const i = /* @__PURE__ */ e(t, {
-    size: a.icon.size.md,
-    stroke: a.icon.stroke.sm
-  });
-  return o ? /* @__PURE__ */ e(F, {
-    hasBackground: r,
-    children: i
-  }) : i;
-}, je = "_iconSwapContainer_g9ywp_1", Ue = "_defaultIcon_g9ywp_8", Ee = "_hoverIcon_g9ywp_13", P = {
-  iconSwapContainer: je,
-  defaultIcon: Ue,
-  hoverIcon: Ee
-}, Fe = ({ LeftIcon: t, iconThemeColor: n, withIconContainer: o = !1, gripIconColor: r }) => {
-  const a = I();
-  if (!t) return null;
-  const i = /* @__PURE__ */ m("div", {
-    className: P.iconSwapContainer,
-    children: [/* @__PURE__ */ e("div", {
-      className: _(P.defaultIcon, "grip-swap-default-icon"),
-      children: y(n) ? /* @__PURE__ */ e(Z, {
-        Icon: t,
-        color: n,
-        size: a.icon.size.md,
-        stroke: a.icon.stroke.sm
-      }) : /* @__PURE__ */ e(t, {
-        size: a.icon.size.md,
-        stroke: a.icon.stroke.sm
-      })
-    }), /* @__PURE__ */ e("div", {
-      className: _(P.hoverIcon, "grip-swap-hover-icon"),
-      children: /* @__PURE__ */ e(O, {
-        size: a.icon.size.md,
-        stroke: a.icon.stroke.sm,
-        color: r
-      })
-    })]
-  });
-  return o && !y(n) ? /* @__PURE__ */ e(F, { children: i }) : i;
-}, Ke = "_menuItemBase_176at_1", He = "_hoverableMenuItemBase_176at_54", $e = "_menuItemLabel_176at_136", Ve = "_menuItemLabelLight_176at_145", qe = "_noIconFiller_176at_155", Je = "_menuItemLeftContent_176at_159", Ye = "_menuItemRightContent_176at_172", Qe = "_draggableItem_176at_183", Xe = "_menuItemIconCheckContainer_176at_189", Ze = "_menuItemContextualText_176at_196", et = "_rightMenuItemContextualText_176at_206", f = {
-  menuItemBase: Ke,
-  hoverableMenuItemBase: He,
-  menuItemLabel: $e,
-  menuItemLabelLight: Ve,
-  noIconFiller: qe,
-  menuItemLeftContent: Je,
-  menuItemRightContent: Ye,
-  draggableItem: Qe,
-  menuItemIconCheckContainer: Xe,
-  menuItemContextualText: Ze,
-  rightMenuItemContextualText: et
-}, p = R(({ accent: t, isKeySelected: n, isHoverBackgroundDisabled: o, hovered: r, disabled: a, focused: i, className: l, children: d, ...c }, s) => /* @__PURE__ */ e("div", {
-  ref: s,
-  className: _(f.menuItemBase, l),
-  "data-accent": t,
-  "data-key-selected": n || void 0,
-  "data-hover-background-disabled": o || void 0,
-  "data-disabled": a || void 0,
-  "data-focused": i || void 0,
-  ...c,
-  children: d
-}));
-p.displayName = "StyledMenuItemBase";
-var g = (t, n) => {
-  const o = R(({ className: r, children: a, ...i }, l) => /* @__PURE__ */ e("div", {
-    ref: l,
-    className: _(t, r),
-    ...i,
-    children: a
-  }));
-  return o.displayName = n, o;
-}, N = g(f.menuItemLabel, "StyledMenuItemLabel"), T = g(f.menuItemLabelLight, "StyledMenuItemLabelLight"), Xt = g(f.noIconFiller, "StyledNoIconFiller"), k = g(f.menuItemLeftContent, "StyledMenuItemLeftContent"), K = g(f.menuItemRightContent, "StyledMenuItemRightContent"), J = g(f.draggableItem, "StyledDraggableItem"), H = R(({ accent: t, isKeySelected: n, isHoverBackgroundDisabled: o, hovered: r, disabled: a, focused: i, isIconDisplayedOnHoverOnly: l, cursor: d, className: c, children: s, ...v }, u) => /* @__PURE__ */ e("div", {
-  ref: u,
-  className: _(f.hoverableMenuItemBase, c),
-  "data-accent": t,
-  "data-key-selected": n || void 0,
-  "data-hover-background-disabled": o || void 0,
-  "data-disabled": a || void 0,
-  "data-focused": i || void 0,
-  "data-icon-displayed-on-hover-only": l || void 0,
-  "data-cursor": d,
-  ...v,
-  children: s
-}));
-H.displayName = "StyledHoverableMenuItemBase";
-var $ = ({ size: t }) => /* @__PURE__ */ e("div", {
-  className: f.menuItemIconCheckContainer,
-  children: /* @__PURE__ */ e(te, { size: t })
-}), tt = g(f.menuItemContextualText, "StyledMenuItemContextualText"), re = g(f.rightMenuItemContextualText, "StyledRightMenuItemContextualText"), at = "_mainText_d0zu3_1", nt = "_menuItemLabelRight_d0zu3_9", Y = {
-  mainText: at,
-  menuItemLabelRight: nt
-}, b = ({ className: t, LeftComponent: n, LeftIcon: o, iconThemeColor: r, withIconContainer: a = !1, withIconContainerBackground: i = !0, text: l, contextualText: d, contextualTextPosition: c = "left", gripMode: s = "never", disabled: v = !1 }) => {
-  const u = I(), h = a ? w.font.color.tertiary : v ? w.font.color.extraLight : w.font.color.light;
-  return /* @__PURE__ */ m(k, {
-    className: t,
-    children: [
-      s === "always" && (a ? /* @__PURE__ */ e(F, {
-        hasBackground: i,
-        children: /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(O, {
-          size: u.icon.size.md,
-          stroke: u.icon.stroke.sm,
-          color: h
-        }) })
-      }) : /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(O, {
-        size: u.icon.size.md,
-        stroke: u.icon.stroke.sm,
-        color: h
-      }) })),
-      s === "onHover" ? /* @__PURE__ */ e(Fe, {
-        LeftIcon: o,
-        iconThemeColor: r,
-        withIconContainer: a,
-        gripIconColor: h
-      }) : /* @__PURE__ */ e(We, {
-        Icon: o,
-        iconThemeColor: r,
-        withContainer: a,
-        withContainerBackground: i
-      }),
-      n,
-      /* @__PURE__ */ m(N, { children: [B(l) ? /* @__PURE__ */ e("div", {
-        className: Y.mainText,
-        children: /* @__PURE__ */ e(C, { text: l })
-      }) : l, c === "left" && /* @__PURE__ */ e(S, { children: B(d) ? E(d) && /* @__PURE__ */ e(tt, { children: /* @__PURE__ */ e(C, {
-        text: `· ${d}`,
-        tooltipContent: d
-      }) }) : d })] }),
-      c === "right" && /* @__PURE__ */ e("div", {
-        className: Y.menuItemLabelRight,
-        children: /* @__PURE__ */ e(re, { children: B(d) ? /* @__PURE__ */ e(C, { text: d }) : d })
-      })
-    ]
-  });
-}, rt = "_subMenuIcon_j232v_1", ot = "_subMenuIconOpened_j232v_9", Q = {
-  subMenuIcon: rt,
-  subMenuIconOpened: ot
-}, it = ({ accent: t = "default", className: n, withIconContainer: o = !1, withIconContainerBackground: r = !0, iconButtons: a, isIconDisplayedOnHoverOnly: i = !0, LeftIcon: l, iconThemeColor: d, LeftComponent: c, RightIcon: s, RightComponent: v, onClick: u, onMouseEnter: h, onMouseLeave: M, testId: oe, text: ie, contextualTextPosition: le = "left", contextualText: de, hasSubMenu: ce = !1, disabled: z = !1, focused: se = !1, selected: me = !1, hotKeys: V, isSubMenuOpened: ue = !1 }) => {
-  const x = I(), ve = Array.isArray(a) && a.length > 0;
-  return /* @__PURE__ */ m(H, {
-    "data-testid": oe ?? void 0,
-    onClick: z ? void 0 : (A) => {
-      u && (A.preventDefault(), A.stopPropagation(), u?.(A));
-    },
-    disabled: z,
-    className: n,
-    accent: t,
-    isIconDisplayedOnHoverOnly: i,
-    onMouseEnter: h,
-    onMouseLeave: M,
-    focused: se || me,
-    children: [/* @__PURE__ */ e(b, {
-      LeftIcon: l ?? void 0,
-      iconThemeColor: d,
-      LeftComponent: c,
-      withIconContainer: o,
-      withIconContainerBackground: r,
-      text: ie,
-      contextualText: de,
-      contextualTextPosition: le,
-      disabled: z
-    }), /* @__PURE__ */ m(K, { children: [
-      a && /* @__PURE__ */ e("div", {
-        className: "hoverable-buttons",
-        children: ve && /* @__PURE__ */ e(ae, {
-          iconButtons: a,
-          size: "small"
-        })
-      }),
-      V && /* @__PURE__ */ e(Pe, { hotKeys: V }),
-      s && /* @__PURE__ */ e(s, {
-        size: x.icon.size.md,
-        stroke: x.icon.stroke.sm
-      }),
-      v,
-      ce && /* @__PURE__ */ e("div", {
-        className: _(Q.subMenuIcon, ue && Q.subMenuIconOpened),
-        style: { visibility: z ? "hidden" : "visible" },
-        children: /* @__PURE__ */ e(j, {
-          size: x.icon.size.sm,
-          color: x.font.color.light
-        })
-      })
-    ] })]
-  });
-}, Zt = ({ accent: t = "default", className: n, iconButtons: o, isIconDisplayedOnHoverOnly: r = !0, isTooltipOpen: a, onClick: i, onMouseEnter: l, onMouseLeave: d, testId: c, avatar: s, hasSubMenu: v = !1, text: u, contextualText: h }) => /* @__PURE__ */ e(it, {
-  accent: t,
-  className: n,
-  iconButtons: o,
-  isIconDisplayedOnHoverOnly: r,
-  isTooltipOpen: a,
-  LeftComponent: y(s) ? /* @__PURE__ */ e(Ie, {
-    placeholder: s.placeholder,
-    avatarUrl: s.avatarUrl,
-    placeholderColorSeed: s.placeholderColorSeed,
-    size: s.size,
-    type: s.type
-  }) : void 0,
-  onClick: i,
-  onMouseEnter: l,
-  onMouseLeave: d,
-  testId: c,
-  text: u,
-  contextualText: h,
-  hasSubMenu: v
-}), ea = ({ LeftIcon: t, withIconContainer: n = !1, accent: o = "default", iconButtons: r, onClick: a, text: i, contextualText: l, isDragDisabled: d = !1, className: c, isIconDisplayedOnHoverOnly: s = !0, gripMode: v = "never" }) => {
-  const u = Array.isArray(r) && r.length > 0;
-  return /* @__PURE__ */ m(H, {
-    onClick: a,
-    accent: o,
-    className: c,
-    isIconDisplayedOnHoverOnly: s,
-    cursor: v !== "never" ? d ? "default" : "drag" : "default",
-    children: [/* @__PURE__ */ e(b, {
-      LeftIcon: t,
-      text: i,
-      contextualText: l,
-      withIconContainer: n,
-      disabled: d,
-      gripMode: v
-    }), u && /* @__PURE__ */ e(ae, {
-      className: "hoverable-buttons",
-      iconButtons: r
-    })]
-  });
-}, lt = "_leftContentWithCheckboxContainer_18kjc_1", dt = { leftContentWithCheckboxContainer: lt }, ta = ({ color: t, LeftIcon: n, iconThemeColor: o, withIconContainer: r = !1, text: a, selected: i, isKeySelected: l, className: d, onSelectChange: c }) => /* @__PURE__ */ e(p, {
-  isKeySelected: l,
-  className: d,
-  onClick: () => {
-    c?.(!i);
-  },
-  children: /* @__PURE__ */ m("div", {
-    className: dt.leftContentWithCheckboxContainer,
-    children: [/* @__PURE__ */ e(U, {
-      checked: i,
-      "aria-label": a
-    }), t ? /* @__PURE__ */ e(W, {
-      color: t,
-      text: a,
-      Icon: n
-    }) : /* @__PURE__ */ e(b, {
-      LeftIcon: n,
-      iconThemeColor: o,
-      text: a,
-      withIconContainer: r
-    })]
-  })
-}), ct = "_leftContentWithCheckboxContainer_ikfhb_1", st = "_textContainer_ikfhb_9", X = {
-  leftContentWithCheckboxContainer: ct,
-  textContainer: st
-}, aa = ({ avatar: t, text: n, selected: o, contextualText: r, className: a, isKeySelected: i, onSelectChange: l }) => /* @__PURE__ */ e(p, {
-  className: a,
-  onClick: () => {
-    l?.(!o);
-  },
-  isKeySelected: i,
-  children: /* @__PURE__ */ m("div", {
-    className: X.leftContentWithCheckboxContainer,
-    children: [/* @__PURE__ */ e(U, {
-      checked: o,
-      "aria-label": n ?? r ?? "Select item"
-    }), /* @__PURE__ */ m(k, { children: [t, /* @__PURE__ */ m("div", {
-      className: X.textContainer,
-      children: [/* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(C, { text: n }) }), r && /* @__PURE__ */ m(S, { children: [/* @__PURE__ */ e(T, { children: "·" }), /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(C, { text: r }) })] })]
-    })] })]
-  })
-}), na = ({ color: t, selected: n, className: o, onClick: r, isKeySelected: a, text: i, Icon: l }) => /* @__PURE__ */ e(p, {
-  isKeySelected: a,
-  onClick: r,
-  className: o,
-  children: /* @__PURE__ */ m(k, { children: [/* @__PURE__ */ e(U, {
-    size: pe.Small,
-    shape: be.Squared,
-    checked: n
-  }), /* @__PURE__ */ e(W, {
-    color: t,
-    text: i,
-    Icon: l
-  })] })
-}), ra = ({ LeftIcon: t, withIconContainer: n = !1, text: o, className: r, onClick: a }) => {
-  const i = I();
-  return /* @__PURE__ */ m(p, {
-    onClick: a,
-    className: r,
-    children: [/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(b, {
-      LeftIcon: t,
-      text: o,
-      withIconContainer: n
-    }) }), /* @__PURE__ */ e(j, {
-      size: i.icon.size.sm,
-      color: i.font.color.tertiary
-    })]
-  });
-}, mt = "_menuItemSelect_1uu38_1", ut = { menuItemSelect: mt }, L = R(({ disabled: t, focused: n, isKeySelected: o, className: r, children: a, ...i }, l) => /* @__PURE__ */ e("div", {
-  ref: l,
-  className: _(ut.menuItemSelect, r),
-  "data-disabled": t || void 0,
-  "data-focused": n || void 0,
-  "data-key-selected": o || void 0,
-  ...i,
-  children: a
-}));
-L.displayName = "StyledMenuItemSelect";
-var oa = ({ LeftIcon: t, leftIconColor: n, withIconContainer: o = !1, text: r, selected: a, needIconCheck: i = !0, className: l, onClick: d, disabled: c, focused: s, hasSubMenu: v = !1, contextualText: u, contextualTextPosition: h = "left" }) => {
-  const M = I();
-  return /* @__PURE__ */ m(L, {
-    onClick: d,
-    className: l,
-    disabled: c,
-    focused: s,
-    role: "option",
-    "aria-selected": a,
-    "aria-disabled": c,
-    children: [/* @__PURE__ */ e(b, {
-      LeftIcon: t,
-      iconThemeColor: n,
-      text: r,
-      contextualText: h === "left" ? u : null,
-      withIconContainer: o
-    }), /* @__PURE__ */ m(K, { children: [
-      h === "right" && /* @__PURE__ */ e(N, { children: B(u) ? /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(C, { text: u }) }) : u }),
-      a && i && /* @__PURE__ */ e(te, { size: M.icon.size.md }),
-      v && /* @__PURE__ */ e(j, {
-        size: M.icon.size.sm,
-        color: M.font.color.tertiary
-      })
-    ] })]
-  });
-}, vt = "_textContainer_y4rc7_1", ht = { textContainer: vt }, ia = ({ avatar: t, text: n, contextualText: o, selected: r, className: a, onClick: i, disabled: l, focused: d, testId: c }) => {
-  const s = I();
-  return /* @__PURE__ */ m(L, {
-    onClick: i,
-    className: a,
-    disabled: l,
-    focused: d,
-    "data-testid": c,
-    role: "option",
-    "aria-selected": r,
-    "aria-disabled": l,
-    children: [/* @__PURE__ */ m(k, { children: [t, /* @__PURE__ */ m("div", {
-      className: ht.textContainer,
-      children: [/* @__PURE__ */ e(N, { children: /* @__PURE__ */ e(C, { text: n }) }), o && /* @__PURE__ */ m(S, { children: [/* @__PURE__ */ e(T, { children: "·" }), /* @__PURE__ */ e(T, { children: /* @__PURE__ */ e(C, { text: o }) })] })]
-    })] }), r && /* @__PURE__ */ e($, { size: s.icon.size.md })]
-  });
-}, la = ({ color: t, selected: n, className: o, onClick: r, disabled: a, focused: i, variant: l = "default", colorLabels: d = Te }) => {
-  const c = I();
-  return /* @__PURE__ */ m(L, {
-    onClick: r,
-    className: o,
-    disabled: a,
-    focused: i,
-    children: [/* @__PURE__ */ m(k, { children: [/* @__PURE__ */ e(_e, {
-      colorName: t,
-      variant: l
-    }), /* @__PURE__ */ e(N, { children: d[t] })] }), n && /* @__PURE__ */ e($, { size: c.icon.size.md })]
-  });
-}, da = ({ color: t, selected: n, focused: o, isKeySelected: r, className: a, onClick: i, text: l, variant: d = "solid", LeftIcon: c }) => {
-  const s = I();
-  return /* @__PURE__ */ m(L, {
-    onClick: i,
-    className: a,
-    focused: o,
-    isKeySelected: r,
-    children: [/* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(W, {
-      variant: d,
-      color: t,
-      text: l,
-      Icon: c ?? void 0
-    }) }), n && /* @__PURE__ */ e($, { size: s.icon.size.md })]
-  });
-}, _t = "_suggestionMenuItem_co414_1", It = { suggestionMenuItem: _t }, ca = ({ LeftIcon: t, withIconContainer: n = !1, text: o, contextualText: r = void 0, contextualTextPosition: a = "left", className: i, selected: l, onClick: d }) => {
-  const c = (s) => {
-    d && (s.preventDefault(), s.stopPropagation(), d?.(s));
-  };
-  return /* @__PURE__ */ e("li", {
-    className: _(It.suggestionMenuItem, i),
-    "data-selected": l || void 0,
-    role: y(d) ? "button" : void 0,
-    tabIndex: y(d) ? 0 : void 0,
-    onClick: c,
-    onKeyDown: he,
-    children: /* @__PURE__ */ e(k, { children: /* @__PURE__ */ e(b, {
-      LeftIcon: t ?? void 0,
-      text: o,
-      contextualText: r,
-      contextualTextPosition: a,
-      withIconContainer: n
-    }) })
-  });
-}, ft = "_toggleContainer_fwrkx_1", Ct = { toggleContainer: ft }, sa = ({ focused: t, LeftIcon: n, withIconContainer: o = !1, text: r, toggled: a, className: i, onToggleChange: l, toggleSize: d, disabled: c = !1 }) => /* @__PURE__ */ e(p, {
-  className: i,
-  focused: t,
-  disabled: c,
-  onClick: () => {
-    c || l?.(!a);
-  },
-  children: /* @__PURE__ */ m("div", {
-    className: Ct.toggleContainer,
-    children: [/* @__PURE__ */ e(b, {
-      LeftIcon: n,
-      text: r,
-      withIconContainer: o,
-      disabled: c
-    }), /* @__PURE__ */ e(K, {
-      onClick: (v) => v.stopPropagation(),
-      children: /* @__PURE__ */ e(Me, {
-        value: a,
-        onChange: c ? void 0 : l,
-        toggleSize: d,
-        disabled: c,
-        "aria-label": r
-      })
-    })]
-  })
-}), gt = "_menuPicker_ixdhf_1", kt = "_iconContainer_ixdhf_41", yt = "_label_ixdhf_50", G = {
-  menuPicker: gt,
-  iconContainer: kt,
-  label: yt
-}, ma = ({ id: t, icon: n, label: o, selected: r = !1, disabled: a = !1, showLabel: i = !0, onClick: l, className: d, testId: c, tooltipContent: s, tooltipDelay: v = ye.noDelay, tooltipOffset: u = 5 }) => {
-  const h = I();
-  return /* @__PURE__ */ m(S, { children: [/* @__PURE__ */ m("button", {
-    id: t,
-    disabled: a,
-    onClick: l,
-    className: _(G.menuPicker, d),
-    "data-testid": c,
-    "data-selected": r ? "" : void 0,
-    "aria-pressed": r,
-    "aria-disabled": a,
-    "aria-label": o,
-    children: [/* @__PURE__ */ e("div", {
-      className: G.iconContainer,
-      children: /* @__PURE__ */ e(n, {
-        size: h.icon.size.md,
-        stroke: h.icon.stroke.sm
-      })
-    }), y(o) && i && /* @__PURE__ */ e("div", {
-      className: G.label,
-      "data-selected": r ? "" : void 0,
-      "data-disabled": a ? "" : void 0,
-      children: o
-    })]
-  }), E(s) && /* @__PURE__ */ e(ke, {
-    anchorSelect: `#${t}`,
-    offset: u,
-    content: s,
-    place: ge.Bottom,
-    positionStrategy: "fixed",
-    delay: v,
-    noArrow: !0
-  })] });
-}, bt = "_iconButton_1jkg0_1", pt = { iconButton: bt }, Mt = ({ Icon: t, isActive: n, onClick: o, ariaLabel: r }) => {
-  const a = I();
-  return /* @__PURE__ */ e("button", {
-    type: "button",
-    className: pt.iconButton,
-    "data-active": n ? "" : void 0,
-    "aria-label": r,
-    "aria-pressed": n,
-    onClick: o,
-    children: /* @__PURE__ */ e(t, {
-      color: w.grayScale.gray10,
-      size: a.icon.size.lg,
-      "aria-hidden": !0
-    })
-  });
-}, St = "_container_1pc3j_1", Nt = { container: St }, ua = ({ activeItemName: t, items: n }) => /* @__PURE__ */ e("div", {
-  className: Nt.container,
-  children: n.map(({ Icon: o, name: r, label: a, onClick: i }) => /* @__PURE__ */ e(Mt, {
-    Icon: o,
-    isActive: t === r,
-    onClick: i,
-    ariaLabel: a
-  }, r))
-}), Lt = "_clickable_1d60u_1", zt = { clickable: Lt }, va = ({ className: t, href: n, children: o, onClick: r }) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e("div", {
-  className: _(zt.clickable, t),
-  children: /* @__PURE__ */ e(ne, {
-    target: "_blank",
-    onClick: r,
-    to: n,
-    children: o
-  })
-}) }), xt = "_root_1ob8i_1", wt = { root: xt }, Bt = ({ label: t, href: n, onClick: o, className: r }) => {
-  if (!E(t)) return /* @__PURE__ */ e(S, {});
-  const a = (i) => {
-    i.stopPropagation(), o?.(i);
-  };
-  return /* @__PURE__ */ e("a", {
-    href: ee(n),
-    target: "_blank",
-    rel: "noreferrer",
-    onClick: a,
-    className: _(wt.root, r),
-    children: t
-  });
-}, ha = ({ label: t, href: n, onClick: o, type: r }) => /* @__PURE__ */ e(Bt, {
-  href: n,
-  onClick: o,
-  label: fe({
-    type: r,
-    href: n
-  }) ?? t
-}), Tt = "_undecoratedLink_1uam7_1", Rt = { undecoratedLink: Tt }, _a = ({ children: t, to: n, replace: o = !1, onClick: r, fullWidth: a = !1 }) => /* @__PURE__ */ e(ne, {
-  to: n,
-  replace: o,
-  onClick: r,
-  className: Rt.undecoratedLink,
-  style: a ? { width: "100%" } : void 0,
-  children: t
-});
-export {
-  Yt as A,
-  H as C,
-  Pe as D,
-  k as E,
-  Be as M,
-  qt as N,
-  Te as O,
-  ze as P,
-  b as S,
-  N as T,
-  aa as _,
-  ua as a,
-  Zt as b,
-  sa as c,
-  la as d,
-  ia as f,
-  na as g,
-  ra as h,
-  va as i,
-  Jt as j,
-  Qt as k,
-  ca as l,
-  L as m,
-  ha as n,
-  Mt as o,
-  oa as p,
-  Bt as r,
-  ma as s,
-  _a as t,
-  da as u,
-  ta as v,
-  $ as w,
-  it as x,
-  ea as y
-};