twenty-ui 2.46.0 → 2.48.0

package/dist/navigation-B1SRvzKK.js

@@ -0,0 +1,403 @@
+import { t as _ } from "./isDefined-fMi6eQ4r.js";
+import { Dn as Z, Xi as x } from "./icon-CUE-QGQK.js";
+import { a as w, r as y } from "./theme-B2EaXhye.js";
+import { t as ee } from "./mergeClassNames-ClFMR1v0.js";
+import { t as te } from "./TintedIconTile-4BGa8g8n.js";
+import { t as ne } from "./Shortcut-BvWUZ3pb.js";
+import { r as ae, t as re } from "./Button-D5enZ0Qz.js";
+import { t as oe } from "./Tooltip-cLCgtFBF.js";
+import { t as L } from "./OverflowingTextWithTooltip-BmUROIah.js";
+import { t as ie } from "./ListItem-CjnrSbka.js";
+import { i as se } from "./Dropdown-C2hXrjvD.js";
+import { t as le } from "./Avatar-D-QA0RE5.js";
+import { t as me } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
+import { n as de, t as ue } from "./TabsTabContent-DVcObDp6.js";
+import { isNonEmptyString as E, isString as B } from "@sniptt/guards";
+import { clsx as I } from "clsx";
+import { forwardRef as j, useContext as ce } from "react";
+import { Fragment as G, jsx as e, jsxs as g } from "react/jsx-runtime";
+import { Button as ve } from "@base-ui/react/button";
+var _t = () => {
+  const { pageId: n, goToPage: r, goBack: a, canGoBack: s } = se();
+  return {
+    page: n,
+    goToPage: (t) => r({ id: t }),
+    goBack: a,
+    canGoBack: s
+  };
+}, It = ({ color: n, selected: r, focused: a, indicator: s, startIcon: t, endIcon: i, description: m, descriptionPlacement: l, shortcut: d, shortcutJoinLabel: o, hasSubmenu: c, disabled: u = !1, type: v = "button", children: f, ...p }) => /* @__PURE__ */ e(ie, {
+  color: n,
+  selected: r,
+  focused: a,
+  indicator: s,
+  startIcon: t,
+  endIcon: i,
+  description: m,
+  descriptionPlacement: l,
+  shortcut: d,
+  shortcutJoinLabel: o,
+  hasSubmenu: c,
+  disabled: u,
+  render: /* @__PURE__ */ e(ve, {
+    ...p,
+    nativeButton: !0,
+    type: v,
+    disabled: u
+  }),
+  children: f
+}), ht = {
+  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"
+}, _e = "_iconContainer_1ivx0_1", Ie = "_withBackground_1ivx0_9", F = {
+  iconContainer: _e,
+  withBackground: Ie
+}, M = ({ children: n, className: r, hasBackground: a = !0 }) => /* @__PURE__ */ e("div", {
+  className: I(F.iconContainer, a && F.withBackground, r),
+  children: n
+}), $ = ({ Icon: n, iconThemeColor: r, withContainer: a = !1, withContainerBackground: s = !0 }) => {
+  const t = y();
+  if (!n) return null;
+  if (_(r)) return /* @__PURE__ */ e(te, {
+    icon: /* @__PURE__ */ e(n, {
+      size: t.icon.size.md,
+      stroke: t.icon.stroke.sm
+    }),
+    color: r,
+    style: {
+      width: t.icon.size.md,
+      height: t.icon.size.md
+    }
+  });
+  const i = /* @__PURE__ */ e(n, {
+    size: t.icon.size.md,
+    stroke: t.icon.stroke.sm
+  });
+  return a ? /* @__PURE__ */ e(M, {
+    hasBackground: s,
+    children: i
+  }) : i;
+}, he = "_iconSwapContainer_g9ywp_1", fe = "_defaultIcon_g9ywp_8", ge = "_hoverIcon_g9ywp_13", z = {
+  iconSwapContainer: he,
+  defaultIcon: fe,
+  hoverIcon: ge
+}, be = ({ leadingContent: n, withIconContainer: r = !1, withIconContainerBackground: a = !0, gripIconColor: s }) => {
+  const t = y();
+  if (!_(n)) return null;
+  const i = /* @__PURE__ */ g("div", {
+    className: z.iconSwapContainer,
+    children: [/* @__PURE__ */ e("div", {
+      className: I(z.defaultIcon, "grip-swap-default-icon"),
+      children: n
+    }), /* @__PURE__ */ e("div", {
+      className: I(z.hoverIcon, "grip-swap-hover-icon"),
+      children: /* @__PURE__ */ e(x, {
+        size: t.icon.size.md,
+        stroke: t.icon.stroke.sm,
+        color: s
+      })
+    })]
+  });
+  return r ? /* @__PURE__ */ e(M, {
+    hasBackground: a,
+    children: i
+  }) : i;
+}, pe = "_hoverableMenuItemBase_1jkew_54", ye = "_menuItemBase_1jkew_1", ke = "_menuItemLabel_1jkew_136", Ce = "_menuItemLabelLight_1jkew_145", Me = "_noIconFiller_1jkew_155", Se = "_menuItemLeftContent_1jkew_159", we = "_menuItemRightContent_1jkew_172", Le = "_draggableItem_1jkew_183", Be = "_menuItemIconCheckContainer_1jkew_189", ze = "_menuItemContextualText_1jkew_196", Ne = "_rightMenuItemContextualText_1jkew_206", h = {
+  hoverableMenuItemBase: pe,
+  menuItemBase: ye,
+  menuItemLabel: ke,
+  menuItemLabelLight: Ce,
+  noIconFiller: Me,
+  menuItemLeftContent: Se,
+  menuItemRightContent: we,
+  draggableItem: Le,
+  menuItemIconCheckContainer: Be,
+  menuItemContextualText: ze,
+  rightMenuItemContextualText: Ne
+}, xe = j(({ accent: n, isKeySelected: r, isHoverBackgroundDisabled: a, hovered: s, disabled: t, focused: i, className: m, children: l, ...d }, o) => /* @__PURE__ */ e("div", {
+  ref: o,
+  className: I(h.menuItemBase, m),
+  "data-accent": n,
+  "data-key-selected": r || void 0,
+  "data-hover-background-disabled": a || void 0,
+  "data-disabled": t || void 0,
+  "data-focused": i || void 0,
+  ...d,
+  children: l
+}));
+xe.displayName = "StyledMenuItemBase";
+var b = (n, r) => {
+  const a = j(({ className: s, children: t, ...i }, m) => /* @__PURE__ */ e("div", {
+    ref: m,
+    className: I(n, s),
+    ...i,
+    children: t
+  }));
+  return a.displayName = r, a;
+}, Te = b(h.menuItemLabel, "StyledMenuItemLabel"), ft = b(h.menuItemLabelLight, "StyledMenuItemLabelLight"), gt = b(h.noIconFiller, "StyledNoIconFiller"), H = b(h.menuItemLeftContent, "StyledMenuItemLeftContent"), T = b(h.menuItemRightContent, "StyledMenuItemRightContent"), O = b(h.draggableItem, "StyledDraggableItem"), R = j(({ accent: n, isKeySelected: r, isHoverBackgroundDisabled: a, hovered: s, disabled: t, focused: i, isIconDisplayedOnHoverOnly: m, cursor: l, className: d, children: o, ...c }, u) => /* @__PURE__ */ e("div", {
+  ref: u,
+  className: I(h.hoverableMenuItemBase, d),
+  "data-accent": n,
+  "data-key-selected": r || void 0,
+  "data-hover-background-disabled": a || void 0,
+  "data-disabled": t || void 0,
+  "data-focused": i || void 0,
+  "data-icon-displayed-on-hover-only": m || void 0,
+  "data-cursor": l,
+  ...c,
+  children: o
+}));
+R.displayName = "StyledHoverableMenuItemBase";
+var je = b(h.menuItemContextualText, "StyledMenuItemContextualText"), Re = b(h.rightMenuItemContextualText, "StyledRightMenuItemContextualText"), De = "_mainText_d0zu3_1", Pe = "_menuItemLabelRight_d0zu3_9", q = {
+  mainText: De,
+  menuItemLabelRight: Pe
+}, Ge = ({ LeftComponent: n, LeftIcon: r, iconThemeColor: a }) => {
+  if (_(n)) return n;
+  if (_(r)) return /* @__PURE__ */ e($, {
+    Icon: r,
+    iconThemeColor: a
+  });
+}, D = ({ className: n, LeftComponent: r, LeftIcon: a, iconThemeColor: s, withIconContainer: t = !1, withIconContainerBackground: i = !0, text: m, contextualText: l, contextualTextPosition: d = "left", gripMode: o = "never", disabled: c = !1 }) => {
+  const u = y(), v = t ? w.font.color.tertiary : c ? w.font.color.extraLight : w.font.color.light, f = Ge({
+    LeftComponent: r,
+    LeftIcon: a,
+    iconThemeColor: s
+  }), p = t && !_(s);
+  return /* @__PURE__ */ g(H, {
+    className: n,
+    children: [
+      o === "always" && (t ? /* @__PURE__ */ e(M, {
+        hasBackground: i,
+        children: /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(x, {
+          size: u.icon.size.md,
+          stroke: u.icon.stroke.sm,
+          color: v
+        }) })
+      }) : /* @__PURE__ */ e(O, { children: /* @__PURE__ */ e(x, {
+        size: u.icon.size.md,
+        stroke: u.icon.stroke.sm,
+        color: v
+      }) })),
+      o === "always" && (p && _(f) ? /* @__PURE__ */ e(M, {
+        hasBackground: i,
+        children: f
+      }) : f),
+      o === "onHover" && /* @__PURE__ */ e(be, {
+        leadingContent: f,
+        withIconContainer: p,
+        withIconContainerBackground: i,
+        gripIconColor: v
+      }),
+      o === "never" && /* @__PURE__ */ g(G, { children: [/* @__PURE__ */ e($, {
+        Icon: a,
+        iconThemeColor: s,
+        withContainer: t,
+        withContainerBackground: i
+      }), r] }),
+      /* @__PURE__ */ g(Te, { children: [B(m) ? /* @__PURE__ */ e("div", {
+        className: q.mainText,
+        children: /* @__PURE__ */ e(L, { text: m })
+      }) : m, d === "left" && /* @__PURE__ */ e(G, { children: B(l) ? E(l) && /* @__PURE__ */ e(je, { children: /* @__PURE__ */ e(L, {
+        text: `· ${l}`,
+        tooltipContent: l
+      }) }) : l })] }),
+      d === "right" && /* @__PURE__ */ e("div", {
+        className: q.menuItemLabelRight,
+        children: /* @__PURE__ */ e(Re, { children: B(l) ? /* @__PURE__ */ e(L, { text: l }) : l })
+      })
+    ]
+  });
+}, Fe = "_subMenuIcon_j232v_1", Oe = "_subMenuIconOpened_j232v_9", A = {
+  subMenuIcon: Fe,
+  subMenuIconOpened: Oe
+}, qe = ({ accent: n = "default", className: r, withIconContainer: a = !1, withIconContainerBackground: s = !0, iconButtons: t, isIconDisplayedOnHoverOnly: i = !0, LeftIcon: m, iconThemeColor: l, LeftComponent: d, RightIcon: o, RightComponent: c, onClick: u, onMouseEnter: v, onMouseLeave: f, testId: p, text: V, contextualTextPosition: W = "left", contextualText: J, hasSubMenu: K = !1, disabled: k = !1, focused: U = !1, selected: X = !1, shortcut: P, shortcutJoinLabel: Y, isSubMenuOpened: Q = !1 }) => {
+  const C = y();
+  return /* @__PURE__ */ g(R, {
+    "data-testid": p ?? void 0,
+    onClick: k ? void 0 : (S) => {
+      u && (S.preventDefault(), S.stopPropagation(), u?.(S));
+    },
+    disabled: k,
+    className: r,
+    accent: n,
+    isIconDisplayedOnHoverOnly: i,
+    onMouseEnter: v,
+    onMouseLeave: f,
+    focused: U || X,
+    children: [/* @__PURE__ */ e(D, {
+      LeftIcon: m ?? void 0,
+      iconThemeColor: l,
+      LeftComponent: d,
+      withIconContainer: a,
+      withIconContainerBackground: s,
+      text: V,
+      contextualText: J,
+      contextualTextPosition: W,
+      disabled: k
+    }), /* @__PURE__ */ g(T, { children: [
+      t && /* @__PURE__ */ e(T, {
+        className: "hoverable-buttons",
+        children: t
+      }),
+      _(P) && /* @__PURE__ */ e(ne, {
+        shortcut: P,
+        sequenceJoinLabel: Y
+      }),
+      o && /* @__PURE__ */ e(o, {
+        size: C.icon.size.md,
+        stroke: C.icon.stroke.sm
+      }),
+      c,
+      K && /* @__PURE__ */ e("div", {
+        className: I(A.subMenuIcon, Q && A.subMenuIconOpened),
+        style: { visibility: k ? "hidden" : "visible" },
+        children: /* @__PURE__ */ e(Z, {
+          size: C.icon.size.sm,
+          color: C.font.color.light
+        })
+      })
+    ] })]
+  });
+}, bt = ({ accent: n = "default", className: r, iconButtons: a, isIconDisplayedOnHoverOnly: s = !0, isTooltipOpen: t, onClick: i, onMouseEnter: m, onMouseLeave: l, testId: d, avatar: o, hasSubMenu: c = !1, text: u, contextualText: v }) => /* @__PURE__ */ e(qe, {
+  accent: n,
+  className: r,
+  iconButtons: a,
+  isIconDisplayedOnHoverOnly: s,
+  isTooltipOpen: t,
+  LeftComponent: _(o) ? /* @__PURE__ */ e(le, {
+    name: o.name,
+    src: o.src,
+    colorSeed: o.colorSeed,
+    size: o.size,
+    shape: o.shape
+  }) : void 0,
+  onClick: i,
+  onMouseEnter: m,
+  onMouseLeave: l,
+  testId: d,
+  text: u,
+  contextualText: v,
+  hasSubMenu: c
+}), pt = ({ LeftIcon: n, LeftComponent: r, withIconContainer: a = !1, accent: s = "default", iconButtons: t, onClick: i, text: m, contextualText: l, isDragDisabled: d = !1, className: o, isIconDisplayedOnHoverOnly: c = !0, gripMode: u = "never" }) => /* @__PURE__ */ g(R, {
+  onClick: i,
+  accent: s,
+  className: o,
+  isIconDisplayedOnHoverOnly: c,
+  cursor: u !== "never" ? d ? "default" : "drag" : "default",
+  children: [/* @__PURE__ */ e(D, {
+    LeftIcon: n,
+    LeftComponent: r,
+    text: m,
+    contextualText: l,
+    withIconContainer: a,
+    disabled: d,
+    gripMode: u
+  }), t && /* @__PURE__ */ e(T, {
+    className: "hoverable-buttons",
+    children: t
+  })]
+}), Ae = "_suggestionMenuItem_1qyjt_1", Ee = { suggestionMenuItem: Ae }, yt = ({ LeftIcon: n, withIconContainer: r = !1, text: a, contextualText: s = void 0, contextualTextPosition: t = "left", className: i, selected: m, onClick: l }) => {
+  const d = (o) => {
+    l && (o.preventDefault(), o.stopPropagation(), l?.(o));
+  };
+  return /* @__PURE__ */ e("li", {
+    className: I(Ee.suggestionMenuItem, i),
+    "data-selected": m || void 0,
+    role: _(l) ? "button" : void 0,
+    tabIndex: _(l) ? 0 : void 0,
+    onClick: d,
+    onKeyDown: me,
+    children: /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(D, {
+      LeftIcon: n ?? void 0,
+      text: a,
+      contextualText: s,
+      contextualTextPosition: t,
+      withIconContainer: r
+    }) })
+  });
+}, $e = "_menuPicker_o8ra4_1", He = "_iconContainer_o8ra4_41", Ve = "_label_o8ra4_50", N = {
+  menuPicker: $e,
+  iconContainer: He,
+  label: Ve
+}, kt = ({ id: n, icon: r, label: a, selected: s = !1, disabled: t = !1, showLabel: i = !0, onClick: m, className: l, testId: d, tooltipContent: o, tooltipDelay: c = 0, tooltipOffset: u = 5 }) => {
+  const v = y();
+  return /* @__PURE__ */ e(oe, {
+    content: o,
+    disabled: !E(o),
+    sideOffset: u,
+    side: "bottom",
+    positionMethod: "fixed",
+    delay: c,
+    children: /* @__PURE__ */ g("button", {
+      id: n,
+      disabled: t,
+      onClick: m,
+      className: I(N.menuPicker, l),
+      "data-testid": d,
+      "data-selected": s ? "" : void 0,
+      "aria-pressed": s,
+      "aria-disabled": t,
+      "aria-label": a,
+      children: [/* @__PURE__ */ e("div", {
+        className: N.iconContainer,
+        children: /* @__PURE__ */ e(r, {
+          size: v.icon.size.md,
+          stroke: v.icon.stroke.sm
+        })
+      }), _(a) && i && /* @__PURE__ */ e("div", {
+        className: N.label,
+        "data-selected": s ? "" : void 0,
+        "data-disabled": t ? "" : void 0,
+        children: a
+      })]
+    })
+  });
+}, We = "_button_quwcq_1", Je = { button: We }, Ct = ({ active: n = !1, className: r, children: a, startIcon: s, endIcon: t, badge: i, size: m, ...l }) => {
+  const d = ce(ae), o = m ?? d?.size ?? "sm";
+  return /* @__PURE__ */ e(re, {
+    ...l,
+    variant: "ghost",
+    size: o,
+    "data-active": n || void 0,
+    className: ee(I(de.tab, Je.button), r),
+    children: /* @__PURE__ */ e(ue, {
+      startIcon: s,
+      endIcon: t,
+      badge: i,
+      children: a
+    })
+  });
+};
+export {
+  bt as a,
+  It as c,
+  pt as i,
+  _t as l,
+  kt as n,
+  qe as o,
+  yt as r,
+  ht as s,
+  Ct as t
+};

package/dist/navigation-CYAs2LnR.js

@@ -0,0 +1,131 @@
+import { t as T } from "./isDefined-fMi6eQ4r.js";
+import { t as p } from "./mergeClassNames-ClFMR1v0.js";
+import { n as _, t as v } from "./TabsTabContent-DVcObDp6.js";
+import { useRender as x } from "@base-ui/react/use-render";
+import { isString as B } from "@sniptt/guards";
+import { clsx as N } from "clsx";
+import { jsx as l, jsxs as L } from "react/jsx-runtime";
+import { useDirection as R } from "@base-ui/react/direction-provider";
+import { Tabs as g } from "@base-ui/react/tabs";
+var K = "_root_ikxnr_1", C = "_list_ikxnr_13", O = "_item_ikxnr_24", S = "_content_ikxnr_35", D = "_separator_ikxnr_55", b = {
+  root: K,
+  list: C,
+  item: O,
+  content: S,
+  separator: D
+}, H = ({ children: a, href: r, render: i, title: o, current: t, className: s, ref: e, "aria-current": n = t ? "page" : void 0, ...m }) => x({
+  defaultTagName: T(r) ? "a" : "span",
+  render: i,
+  ref: e,
+  props: {
+    ...m,
+    children: a,
+    href: r,
+    title: o ?? (B(a) ? a : void 0),
+    "aria-current": n,
+    "data-linked": T(r) || void 0,
+    className: N(b.content, s)
+  }
+}), ta = ({ links: a, className: r, render: i, ref: o, "aria-label": t = "Breadcrumb", ...s }) => x({
+  defaultTagName: "nav",
+  render: i,
+  ref: o,
+  props: {
+    ...s,
+    "aria-label": t,
+    className: N(b.root, r),
+    children: /* @__PURE__ */ l("ol", {
+      className: b.list,
+      children: a.map((e, n) => /* @__PURE__ */ L("li", {
+        className: b.item,
+        children: [n > 0 && /* @__PURE__ */ l("span", {
+          className: b.separator,
+          "aria-hidden": "true",
+          children: "/"
+        }), /* @__PURE__ */ l(H, {
+          ...e,
+          current: n === a.length - 1
+        })]
+      }, n))
+    })
+  }
+}), P = ({ className: a, ...r }) => /* @__PURE__ */ l(g.Indicator, {
+  ...r,
+  className: p(_.indicator, a)
+}), U = '[role="tab"]', j = '[role="tablist"]', q = "[hidden], [inert]", k = (a) => a.hasAttribute("data-disabled") || a.hasAttribute("disabled") || a.getAttribute("aria-disabled") === "true" || T(a.closest(q)), z = ({ event: a, direction: r, loopFocus: i }) => {
+  if (a.altKey || a.ctrlKey || a.metaKey || a.shiftKey) return;
+  const o = a.currentTarget, t = [];
+  o.querySelectorAll(U).forEach((d) => {
+    d.closest(j) === o && t.push(d);
+  });
+  const s = t.findIndex((d) => d === a.target);
+  if (s === -1) return;
+  const e = r === "rtl" ? ["ArrowLeft", "ArrowRight"] : ["ArrowRight", "ArrowLeft"], [n, m] = o.getAttribute("data-orientation") === "vertical" ? ["ArrowDown", "ArrowUp"] : e;
+  if (![
+    n,
+    m,
+    "Home",
+    "End"
+  ].includes(a.key)) return;
+  const h = a.key === m;
+  let u = s + (h ? -1 : 1);
+  a.key === "Home" && (u = 0), a.key === "End" && (u = t.length - 1);
+  const E = u < 0 || u >= t.length, w = h ? t.length - 1 : 0, y = t[E && i ? w : u];
+  if (!T(y) || !k(y)) return;
+  a.preventBaseUIHandler(), a.preventDefault();
+  const f = t.filter((d) => !k(d));
+  let c;
+  if (a.key === "Home" && (c = f[0]), a.key === "End" && (c = f[f.length - 1]), a.key === n || a.key === m) {
+    const d = h ? [...f].reverse() : f;
+    c = d.find((A) => h ? t.indexOf(A) < s : t.indexOf(A) > s), c ??= i ? d[0] : void 0;
+  }
+  if (!T(c) || c === a.target) return;
+  a.stopPropagation();
+  const I = c;
+  queueMicrotask(() => I.focus());
+}, M = ({ className: a, onKeyDown: r, loopFocus: i = !0, ...o }) => {
+  const t = R(), s = (e) => {
+    if (r?.(e), e.defaultPrevented) {
+      e.preventBaseUIHandler();
+      return;
+    }
+    e.baseUIHandlerPrevented || z({
+      event: e,
+      direction: t,
+      loopFocus: i
+    });
+  };
+  return /* @__PURE__ */ l(g.List, {
+    ...o,
+    loopFocus: i,
+    onKeyDown: s,
+    className: p(_.list, a)
+  });
+}, V = ({ className: a, ...r }) => /* @__PURE__ */ l(g.Panel, {
+  ...r,
+  className: p(_.panel, a)
+}), $ = ({ className: a, ...r }) => /* @__PURE__ */ l(g.Root, {
+  ...r,
+  className: p(_.root, a)
+}), G = ({ className: a, children: r, startIcon: i, endIcon: o, badge: t, highlighted: s = !1, size: e = "sm", ...n }) => /* @__PURE__ */ l(g.Tab, {
+  ...n,
+  className: p(_.tab, a),
+  "data-size": e,
+  "data-highlighted": s || void 0,
+  children: /* @__PURE__ */ l(v, {
+    startIcon: i,
+    endIcon: o,
+    badge: t,
+    children: r
+  })
+}), ea = {
+  Root: $,
+  List: M,
+  Tab: G,
+  Indicator: P,
+  Panel: V
+};
+export {
+  ta as n,
+  ea as t
+};

package/dist/navigation-CthkGHJ8.cjs

@@ -0,0 +1 @@
+const T=require("./isDefined-DS2Q42p5.cjs"),g=require("./mergeClassNames-D4lshrT6.cjs"),c=require("./TabsTabContent-Co27Y2TU.cjs");let A=require("@base-ui/react/use-render"),v=require("@sniptt/guards"),k=require("clsx"),d=require("react/jsx-runtime"),w=require("@base-ui/react/direction-provider"),x=require("@base-ui/react/tabs");var C="_root_ikxnr_1",I="_list_ikxnr_13",B="_item_ikxnr_24",D="_content_ikxnr_35",L="_separator_ikxnr_55",f={root:C,list:I,item:B,content:D,separator:L},R=({children:e,href:r,render:i,title:n,current:a,className:s,ref:t,"aria-current":l=a?"page":void 0,...b})=>(0,A.useRender)({defaultTagName:T.isDefined(r)?"a":"span",render:i,ref:t,props:{...b,children:e,href:r,title:n??((0,v.isString)(e)?e:void 0),"aria-current":l,"data-linked":T.isDefined(r)||void 0,className:(0,k.clsx)(f.content,s)}}),K=({links:e,className:r,render:i,ref:n,"aria-label":a="Breadcrumb",...s})=>(0,A.useRender)({defaultTagName:"nav",render:i,ref:n,props:{...s,"aria-label":a,className:(0,k.clsx)(f.root,r),children:(0,d.jsx)("ol",{className:f.list,children:e.map((t,l)=>(0,d.jsxs)("li",{className:f.item,children:[l>0&&(0,d.jsx)("span",{className:f.separator,"aria-hidden":"true",children:"/"}),(0,d.jsx)(R,{...t,current:l===e.length-1})]},l))})}}),O=({className:e,...r})=>(0,d.jsx)(x.Tabs.Indicator,{...r,className:g.mergeClassNames(c.Tab_module_default.indicator,e)}),P='[role="tab"]',S='[role="tablist"]',H="[hidden], [inert]",y=e=>e.hasAttribute("data-disabled")||e.hasAttribute("disabled")||e.getAttribute("aria-disabled")==="true"||T.isDefined(e.closest(H)),U=({event:e,direction:r,loopFocus:i})=>{if(e.altKey||e.ctrlKey||e.metaKey||e.shiftKey)return;const n=e.currentTarget,a=[];n.querySelectorAll(P).forEach(o=>{o.closest(S)===n&&a.push(o)});const s=a.findIndex(o=>o===e.target);if(s===-1)return;const t=r==="rtl"?["ArrowLeft","ArrowRight"]:["ArrowRight","ArrowLeft"],[l,b]=n.getAttribute("data-orientation")==="vertical"?["ArrowDown","ArrowUp"]:t;if(![l,b,"Home","End"].includes(e.key))return;const p=e.key===b;let _=s+(p?-1:1);e.key==="Home"&&(_=0),e.key==="End"&&(_=a.length-1);const q=_<0||_>=a.length,E=p?a.length-1:0,N=a[q&&i?E:_];if(!T.isDefined(N)||!y(N))return;e.preventBaseUIHandler(),e.preventDefault();const m=a.filter(o=>!y(o));let u;if(e.key==="Home"&&(u=m[0]),e.key==="End"&&(u=m[m.length-1]),e.key===l||e.key===b){const o=p?[...m].reverse():m;u=o.find(h=>p?a.indexOf(h)<s:a.indexOf(h)>s),u??=i?o[0]:void 0}if(!T.isDefined(u)||u===e.target)return;e.stopPropagation();const j=u;queueMicrotask(()=>j.focus())},z=({className:e,onKeyDown:r,loopFocus:i=!0,...n})=>{const a=(0,w.useDirection)(),s=t=>{if(r?.(t),t.defaultPrevented){t.preventBaseUIHandler();return}t.baseUIHandlerPrevented||U({event:t,direction:a,loopFocus:i})};return(0,d.jsx)(x.Tabs.List,{...n,loopFocus:i,onKeyDown:s,className:g.mergeClassNames(c.Tab_module_default.list,e)})},M=({className:e,...r})=>(0,d.jsx)(x.Tabs.Panel,{...r,className:g.mergeClassNames(c.Tab_module_default.panel,e)}),V=({className:e,...r})=>(0,d.jsx)(x.Tabs.Root,{...r,className:g.mergeClassNames(c.Tab_module_default.root,e)}),G=({className:e,children:r,startIcon:i,endIcon:n,badge:a,highlighted:s=!1,size:t="sm",...l})=>(0,d.jsx)(x.Tabs.Tab,{...l,className:g.mergeClassNames(c.Tab_module_default.tab,e),"data-size":t,"data-highlighted":s||void 0,children:(0,d.jsx)(c.TabsTabContent,{startIcon:i,endIcon:n,badge:a,children:r})}),J={Root:V,List:z,Tab:G,Indicator:O,Panel:M};Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:function(){return K}});Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return J}});

package/dist/navigation-DrOV5E67.cjs

@@ -0,0 +1 @@
+const g=require("./theme-1XkFz8Qu.cjs"),_=require("./isDefined-DS2Q42p5.cjs"),Z=require("./mergeClassNames-D4lshrT6.cjs"),ee=require("./TintedIconTile-CU2hCerq.cjs"),te=require("./Shortcut-CgrdLv_L.cjs"),N=require("./Button-Dbi5P05r.cjs"),ne=require("./Tooltip-Bg9Uk01p.cjs"),w=require("./OverflowingTextWithTooltip-Z2daM0_x.cjs"),re=require("./ListItem-CHTR-GLd.cjs"),ae=require("./Dropdown-BKjAaZS0.cjs"),ie=require("./Avatar-CQhIEazb.cjs"),oe=require("./handleClickableElementKeyDown-CByqtBhO.cjs"),P=require("./TabsTabContent-Co27Y2TU.cjs");let j=require("@sniptt/guards"),f=require("clsx"),k=require("react"),e=require("react/jsx-runtime"),se=require("@base-ui/react/button"),C=require("@tabler/icons-react");var ue=()=>{const{pageId:n,goToPage:a,goBack:r,canGoBack:s}=ae.useDropdownContext();return{page:n,goToPage:t=>a({id:t}),goBack:r,canGoBack:s}},le=({color:n,selected:a,focused:r,indicator:s,startIcon:t,endIcon:o,description:l,descriptionPlacement:u,shortcut:d,shortcutJoinLabel:i,hasSubmenu:m,disabled:c=!1,type:v="button",children:I,...x})=>(0,e.jsx)(re.ListItem,{color:n,selected:a,focused:r,indicator:s,startIcon:t,endIcon:o,description:l,descriptionPlacement:u,shortcut:d,shortcutJoinLabel:i,hasSubmenu:m,disabled:c,render:(0,e.jsx)(se.Button,{...x,nativeButton:!0,type:v,disabled:c}),children:I}),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"},ce="_iconContainer_1ivx0_1",me="_withBackground_1ivx0_9",O={iconContainer:ce,withBackground:me},M=({children:n,className:a,hasBackground:r=!0})=>(0,e.jsx)("div",{className:(0,f.clsx)(O.iconContainer,r&&O.withBackground,a),children:n}),E=({Icon:n,iconThemeColor:a,withContainer:r=!1,withContainerBackground:s=!0})=>{const t=g.useTheme();if(!n)return null;if(_.isDefined(a))return(0,e.jsx)(ee.TintedIconTile,{icon:(0,e.jsx)(n,{size:t.icon.size.md,stroke:t.icon.stroke.sm}),color:a,style:{width:t.icon.size.md,height:t.icon.size.md}});const o=(0,e.jsx)(n,{size:t.icon.size.md,stroke:t.icon.stroke.sm});return r?(0,e.jsx)(M,{hasBackground:s,children:o}):o},ve="_iconSwapContainer_g9ywp_1",_e="_defaultIcon_g9ywp_8",fe="_hoverIcon_g9ywp_13",L={iconSwapContainer:ve,defaultIcon:_e,hoverIcon:fe},he=({leadingContent:n,withIconContainer:a=!1,withIconContainerBackground:r=!0,gripIconColor:s})=>{const t=g.useTheme();if(!_.isDefined(n))return null;const o=(0,e.jsxs)("div",{className:L.iconSwapContainer,children:[(0,e.jsx)("div",{className:(0,f.clsx)(L.defaultIcon,"grip-swap-default-icon"),children:n}),(0,e.jsx)("div",{className:(0,f.clsx)(L.hoverIcon,"grip-swap-hover-icon"),children:(0,e.jsx)(C.IconGripVertical,{size:t.icon.size.md,stroke:t.icon.stroke.sm,color:s})})]});return a?(0,e.jsx)(M,{hasBackground:r,children:o}):o},Ie="_hoverableMenuItemBase_1jkew_54",ge="_menuItemBase_1jkew_1",be="_menuItemLabel_1jkew_136",xe="_menuItemLabelLight_1jkew_145",je="_noIconFiller_1jkew_155",ye="_menuItemLeftContent_1jkew_159",pe="_menuItemRightContent_1jkew_172",Ce="_draggableItem_1jkew_183",Me="_menuItemIconCheckContainer_1jkew_189",ke="_menuItemContextualText_1jkew_196",Se="_rightMenuItemContextualText_1jkew_206",h={hoverableMenuItemBase:Ie,menuItemBase:ge,menuItemLabel:be,menuItemLabelLight:xe,noIconFiller:je,menuItemLeftContent:ye,menuItemRightContent:pe,draggableItem:Ce,menuItemIconCheckContainer:Me,menuItemContextualText:ke,rightMenuItemContextualText:Se},we=(0,k.forwardRef)(({accent:n,isKeySelected:a,isHoverBackgroundDisabled:r,hovered:s,disabled:t,focused:o,className:l,children:u,...d},i)=>(0,e.jsx)("div",{ref:i,className:(0,f.clsx)(h.menuItemBase,l),"data-accent":n,"data-key-selected":a||void 0,"data-hover-background-disabled":r||void 0,"data-disabled":t||void 0,"data-focused":o||void 0,...d,children:u}));we.displayName="StyledMenuItemBase";var b=(n,a)=>{const r=(0,k.forwardRef)(({className:s,children:t,...o},l)=>(0,e.jsx)("div",{ref:l,className:(0,f.clsx)(n,s),...o,children:t}));return r.displayName=a,r},Le=b(h.menuItemLabel,"StyledMenuItemLabel"),$e=b(h.menuItemLabelLight,"StyledMenuItemLabelLight"),Ye=b(h.noIconFiller,"StyledNoIconFiller"),F=b(h.menuItemLeftContent,"StyledMenuItemLeftContent"),T=b(h.menuItemRightContent,"StyledMenuItemRightContent"),R=b(h.draggableItem,"StyledDraggableItem"),B=(0,k.forwardRef)(({accent:n,isKeySelected:a,isHoverBackgroundDisabled:r,hovered:s,disabled:t,focused:o,isIconDisplayedOnHoverOnly:l,cursor:u,className:d,children:i,...m},c)=>(0,e.jsx)("div",{ref:c,className:(0,f.clsx)(h.hoverableMenuItemBase,d),"data-accent":n,"data-key-selected":a||void 0,"data-hover-background-disabled":r||void 0,"data-disabled":t||void 0,"data-focused":o||void 0,"data-icon-displayed-on-hover-only":l||void 0,"data-cursor":u,...m,children:i}));B.displayName="StyledHoverableMenuItemBase";var qe=b(h.menuItemContextualText,"StyledMenuItemContextualText"),Te=b(h.rightMenuItemContextualText,"StyledRightMenuItemContextualText"),Be="_mainText_d0zu3_1",ze="_menuItemLabelRight_d0zu3_9",G={mainText:Be,menuItemLabelRight:ze},De=({LeftComponent:n,LeftIcon:a,iconThemeColor:r})=>{if(_.isDefined(n))return n;if(_.isDefined(a))return(0,e.jsx)(E,{Icon:a,iconThemeColor:r})},z=({className:n,LeftComponent:a,LeftIcon:r,iconThemeColor:s,withIconContainer:t=!1,withIconContainerBackground:o=!0,text:l,contextualText:u,contextualTextPosition:d="left",gripMode:i="never",disabled:m=!1})=>{const c=g.useTheme(),v=t?g.themeCssVariables.font.color.tertiary:m?g.themeCssVariables.font.color.extraLight:g.themeCssVariables.font.color.light,I=De({LeftComponent:a,LeftIcon:r,iconThemeColor:s}),x=t&&!_.isDefined(s);return(0,e.jsxs)(F,{className:n,children:[i==="always"&&(t?(0,e.jsx)(M,{hasBackground:o,children:(0,e.jsx)(R,{children:(0,e.jsx)(C.IconGripVertical,{size:c.icon.size.md,stroke:c.icon.stroke.sm,color:v})})}):(0,e.jsx)(R,{children:(0,e.jsx)(C.IconGripVertical,{size:c.icon.size.md,stroke:c.icon.stroke.sm,color:v})})),i==="always"&&(x&&_.isDefined(I)?(0,e.jsx)(M,{hasBackground:o,children:I}):I),i==="onHover"&&(0,e.jsx)(he,{leadingContent:I,withIconContainer:x,withIconContainerBackground:o,gripIconColor:v}),i==="never"&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(E,{Icon:r,iconThemeColor:s,withContainer:t,withContainerBackground:o}),a]}),(0,e.jsxs)(Le,{children:[(0,j.isString)(l)?(0,e.jsx)("div",{className:G.mainText,children:(0,e.jsx)(w.OverflowingTextWithTooltip,{text:l})}):l,d==="left"&&(0,e.jsx)(e.Fragment,{children:(0,j.isString)(u)?(0,j.isNonEmptyString)(u)&&(0,e.jsx)(qe,{children:(0,e.jsx)(w.OverflowingTextWithTooltip,{text:`· ${u}`,tooltipContent:u})}):u})]}),d==="right"&&(0,e.jsx)("div",{className:G.menuItemLabelRight,children:(0,e.jsx)(Te,{children:(0,j.isString)(u)?(0,e.jsx)(w.OverflowingTextWithTooltip,{text:u}):u})})]})},Ne="_subMenuIcon_j232v_1",Pe="_subMenuIconOpened_j232v_9",A={subMenuIcon:Ne,subMenuIconOpened:Pe},V=({accent:n="default",className:a,withIconContainer:r=!1,withIconContainerBackground:s=!0,iconButtons:t,isIconDisplayedOnHoverOnly:o=!0,LeftIcon:l,iconThemeColor:u,LeftComponent:d,RightIcon:i,RightComponent:m,onClick:c,onMouseEnter:v,onMouseLeave:I,testId:x,text:W,contextualTextPosition:H="left",contextualText:K,hasSubMenu:J=!1,disabled:y=!1,focused:U=!1,selected:$=!1,shortcut:D,shortcutJoinLabel:Y,isSubMenuOpened:Q=!1})=>{const p=g.useTheme(),X=S=>{c&&(S.preventDefault(),S.stopPropagation(),c?.(S))};return(0,e.jsxs)(B,{"data-testid":x??void 0,onClick:y?void 0:X,disabled:y,className:a,accent:n,isIconDisplayedOnHoverOnly:o,onMouseEnter:v,onMouseLeave:I,focused:U||$,children:[(0,e.jsx)(z,{LeftIcon:l??void 0,iconThemeColor:u,LeftComponent:d,withIconContainer:r,withIconContainerBackground:s,text:W,contextualText:K,contextualTextPosition:H,disabled:y}),(0,e.jsxs)(T,{children:[t&&(0,e.jsx)(T,{className:"hoverable-buttons",children:t}),_.isDefined(D)&&(0,e.jsx)(te.Shortcut,{shortcut:D,sequenceJoinLabel:Y}),i&&(0,e.jsx)(i,{size:p.icon.size.md,stroke:p.icon.stroke.sm}),m,J&&(0,e.jsx)("div",{className:(0,f.clsx)(A.subMenuIcon,Q&&A.subMenuIconOpened),style:{visibility:y?"hidden":"visible"},children:(0,e.jsx)(C.IconChevronRight,{size:p.icon.size.sm,color:p.font.color.light})})]})]})},Oe=({accent:n="default",className:a,iconButtons:r,isIconDisplayedOnHoverOnly:s=!0,isTooltipOpen:t,onClick:o,onMouseEnter:l,onMouseLeave:u,testId:d,avatar:i,hasSubMenu:m=!1,text:c,contextualText:v})=>(0,e.jsx)(V,{accent:n,className:a,iconButtons:r,isIconDisplayedOnHoverOnly:s,isTooltipOpen:t,LeftComponent:_.isDefined(i)?(0,e.jsx)(ie.Avatar,{name:i.name,src:i.src,colorSeed:i.colorSeed,size:i.size,shape:i.shape}):void 0,onClick:o,onMouseEnter:l,onMouseLeave:u,testId:d,text:c,contextualText:v,hasSubMenu:m}),Re=({LeftIcon:n,LeftComponent:a,withIconContainer:r=!1,accent:s="default",iconButtons:t,onClick:o,text:l,contextualText:u,isDragDisabled:d=!1,className:i,isIconDisplayedOnHoverOnly:m=!0,gripMode:c="never"})=>(0,e.jsxs)(B,{onClick:o,accent:s,className:i,isIconDisplayedOnHoverOnly:m,cursor:c!=="never"?d?"default":"drag":"default",children:[(0,e.jsx)(z,{LeftIcon:n,LeftComponent:a,text:l,contextualText:u,withIconContainer:r,disabled:d,gripMode:c}),t&&(0,e.jsx)(T,{className:"hoverable-buttons",children:t})]}),Ge="_suggestionMenuItem_1qyjt_1",Ae={suggestionMenuItem:Ge},Ee=({LeftIcon:n,withIconContainer:a=!1,text:r,contextualText:s=void 0,contextualTextPosition:t="left",className:o,selected:l,onClick:u})=>{const d=i=>{u&&(i.preventDefault(),i.stopPropagation(),u?.(i))};return(0,e.jsx)("li",{className:(0,f.clsx)(Ae.suggestionMenuItem,o),"data-selected":l||void 0,role:_.isDefined(u)?"button":void 0,tabIndex:_.isDefined(u)?0:void 0,onClick:d,onKeyDown:oe.handleClickableElementKeyDown,children:(0,e.jsx)(F,{children:(0,e.jsx)(z,{LeftIcon:n??void 0,text:r,contextualText:s,contextualTextPosition:t,withIconContainer:a})})})},Fe="_menuPicker_o8ra4_1",Ve="_iconContainer_o8ra4_41",We="_label_o8ra4_50",q={menuPicker:Fe,iconContainer:Ve,label:We},He=({id:n,icon:a,label:r,selected:s=!1,disabled:t=!1,showLabel:o=!0,onClick:l,className:u,testId:d,tooltipContent:i,tooltipDelay:m=0,tooltipOffset:c=5})=>{const v=g.useTheme();return(0,e.jsx)(ne.Tooltip,{content:i,disabled:!(0,j.isNonEmptyString)(i),sideOffset:c,side:"bottom",positionMethod:"fixed",delay:m,children:(0,e.jsxs)("button",{id:n,disabled:t,onClick:l,className:(0,f.clsx)(q.menuPicker,u),"data-testid":d,"data-selected":s?"":void 0,"aria-pressed":s,"aria-disabled":t,"aria-label":r,children:[(0,e.jsx)("div",{className:q.iconContainer,children:(0,e.jsx)(a,{size:v.icon.size.md,stroke:v.icon.stroke.sm})}),_.isDefined(r)&&o&&(0,e.jsx)("div",{className:q.label,"data-selected":s?"":void 0,"data-disabled":t?"":void 0,children:r})]})})},Ke="_button_quwcq_1",Je={button:Ke},Ue=({active:n=!1,className:a,children:r,startIcon:s,endIcon:t,badge:o,size:l,...u})=>{const d=(0,k.useContext)(N.ButtonGroupContext),i=l??d?.size??"sm";return(0,e.jsx)(N.Button,{...u,variant:"ghost",size:i,"data-active":n||void 0,className:Z.mergeClassNames((0,f.clsx)(P.Tab_module_default.tab,Je.button),a),children:(0,e.jsx)(P.TabsTabContent,{startIcon:s,endIcon:t,badge:o,children:r})})};Object.defineProperty(exports,"DEFAULT_COLOR_LABELS",{enumerable:!0,get:function(){return de}});Object.defineProperty(exports,"ListItemButton",{enumerable:!0,get:function(){return le}});Object.defineProperty(exports,"MenuItem",{enumerable:!0,get:function(){return V}});Object.defineProperty(exports,"MenuItemAvatar",{enumerable:!0,get:function(){return Oe}});Object.defineProperty(exports,"MenuItemDraggable",{enumerable:!0,get:function(){return Re}});Object.defineProperty(exports,"MenuItemSuggestion",{enumerable:!0,get:function(){return Ee}});Object.defineProperty(exports,"MenuPicker",{enumerable:!0,get:function(){return He}});Object.defineProperty(exports,"TabButton",{enumerable:!0,get:function(){return Ue}});Object.defineProperty(exports,"useDropdownPage",{enumerable:!0,get:function(){return ue}});

package/dist/preventDismissingClickActivation-CzWqpjiX.js

@@ -0,0 +1,44 @@
+import { t as C } from "./isDefined-fMi6eQ4r.js";
+var L = /[·ʻʼ´¨ˆ˜΄ˇ˘˙˚˛˝¯¸^`]/g, l = new RegExp("([\\p{Script=Latin}\\p{Script=Greek}\\p{Script_Extensions=Arabic}\\p{Script=Hebrew}])\\p{Mark}+", "gu"), p = new RegExp("(\\p{Script=Cyrillic})(\\p{Mark}+)", "gu"), T = /[\u0300\u0301]/g, S = ["г", "к"], I = /[가-힣]+/g, A = /[ㄱ-ㆎ]/g, E = {
+  ø: "o",
+  æ: "ae",
+  ß: "ss",
+  ð: "d",
+  þ: "th",
+  ł: "l",
+  œ: "oe",
+  đ: "d",
+  ı: "i",
+  ŋ: "ng",
+  ς: "σ",
+  ё: "е"
+}, u = new RegExp(`[${Object.keys(E).join("")}]`, "g"), R = (e, r, o) => S.includes(r) ? `${r}${o}` : `${r}${o.replace(T, "")}`, v = (e) => C(e) ? e.toLowerCase().normalize("NFD").replace(L, "").replace(l, "$1").replace(p, R).normalize("NFC").replace(I, (r) => r.normalize("NFD")).replace(A, (r) => r.normalize("NFKD")).replace(u, (r) => E[r] ?? r) : "", N = [
+  "pointerdown",
+  "mousedown",
+  "touchend",
+  "focusout"
+], s = ["pointerdown", "keydown"], g = [
+  ...s,
+  "keyup",
+  "mousedown"
+], c = (e) => {
+  e.preventDefault(), e.stopPropagation();
+}, m = (e) => {
+  if (e.type === "click") {
+    c(e);
+    return;
+  }
+  if (!N.includes(e.type)) return;
+  const r = e.target instanceof Node ? e.target.ownerDocument ?? document : document, o = r.defaultView ?? r, t = new AbortController(), i = () => t.abort(), a = {
+    capture: !0,
+    signal: t.signal
+  }, _ = e.type === "focusout" ? g : s;
+  o.addEventListener("click", (n) => {
+    c(n), i();
+  }, a);
+  for (const n of _) o.addEventListener(n, i, a);
+};
+export {
+  v as n,
+  m as t
+};

package/dist/preventDismissingClickActivation-DZxTSLV3.cjs

@@ -0,0 +1 @@
+const l=require("./isDefined-DS2Q42p5.cjs");var C=/[·ʻʼ´¨ˆ˜΄ˇ˘˙˚˛˝¯¸^`]/g,p=new RegExp("([\\p{Script=Latin}\\p{Script=Greek}\\p{Script_Extensions=Arabic}\\p{Script=Hebrew}])\\p{Mark}+","gu"),L=new RegExp("(\\p{Script=Cyrillic})(\\p{Mark}+)","gu"),u=/[\u0300\u0301]/g,T=["г","к"],S=/[가-힣]+/g,A=/[ㄱ-ㆎ]/g,s={ø:"o",æ:"ae",ß:"ss",ð:"d",þ:"th",ł:"l",œ:"oe",đ:"d",ı:"i",ŋ:"ng",ς:"σ",ё:"е"},I=new RegExp(`[${Object.keys(s).join("")}]`,"g"),g=(e,r,n)=>T.includes(r)?`${r}${n}`:`${r}${n.replace(u,"")}`,R=e=>l.isDefined(e)?e.toLowerCase().normalize("NFD").replace(C,"").replace(p,"$1").replace(L,g).normalize("NFC").replace(S,r=>r.normalize("NFD")).replace(A,r=>r.normalize("NFKD")).replace(I,r=>s[r]??r):"",d=["pointerdown","mousedown","touchend","focusout"],E=["pointerdown","keydown"],N=[...E,"keyup","mousedown"],c=e=>{e.preventDefault(),e.stopPropagation()},v=e=>{if(e.type==="click"){c(e);return}if(!d.includes(e.type))return;const r=e.target instanceof Node?e.target.ownerDocument??document:document,n=r.defaultView??r,i=new AbortController,o=()=>i.abort(),a={capture:!0,signal:i.signal},_=e.type==="focusout"?N:E;n.addEventListener("click",t=>{c(t),o()},a);for(const t of _)n.addEventListener(t,o,a)};Object.defineProperty(exports,"normalizeSearchText",{enumerable:!0,get:function(){return R}});Object.defineProperty(exports,"preventDismissingClickActivation",{enumerable:!0,get:function(){return v}});

package/dist/primitives/data-display/Badge/Badge.d.ts

@@ -0,0 +1,2 @@
+import { BadgeProps } from './types/BadgeProps';
+export declare const Badge: ({ size, color, shape, className, render, ref, ...props }: BadgeProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/data-display/Badge/types/BadgeColor.d.ts

@@ -0,0 +1 @@
+export type BadgeColor = 'tertiary' | 'inherit' | 'primary' | 'secondary';

package/dist/primitives/data-display/Badge/types/BadgeProps.d.ts

@@ -0,0 +1,9 @@
+import { useRender } from '@base-ui/react/use-render';
+import { BadgeColor } from './BadgeColor';
+import { BadgeShape } from './BadgeShape';
+import { BadgeSize } from './BadgeSize';
+export type BadgeProps = Omit<useRender.ComponentProps<'span'>, 'color'> & {
+    size?: BadgeSize;
+    color?: BadgeColor;
+    shape?: BadgeShape;
+};

package/dist/primitives/data-display/Badge/types/BadgeShape.d.ts

@@ -0,0 +1 @@
+export type BadgeShape = 'pill' | 'circle';

package/dist/primitives/data-display/Badge/types/BadgeSize.d.ts

@@ -0,0 +1 @@
+export type BadgeSize = 'xs' | 'sm' | 'md';

package/dist/primitives/data-display/index.d.ts

@@ -10,6 +10,11 @@ export type { AvatarRootProps } from './Avatar/types/AvatarRootProps';
 export type { AvatarRootState } from './Avatar/types/AvatarRootState';
 export type { AvatarShape } from './Avatar/types/AvatarShape';
 export type { AvatarSize } from './Avatar/types/AvatarSize';
+export { Badge } from './Badge/Badge';
+export type { BadgeColor } from './Badge/types/BadgeColor';
+export type { BadgeProps } from './Badge/types/BadgeProps';
+export type { BadgeShape } from './Badge/types/BadgeShape';
+export type { BadgeSize } from './Badge/types/BadgeSize';
 export { Chip } from './Chip/Chip';
 export type { ChipProps } from './Chip/types/ChipProps';
 export type { ChipSize } from './Chip/types/ChipSize';
@@ -17,7 +22,6 @@ export type { ChipVariant } from './Chip/types/ChipVariant';
 export { ColorSample } from './ColorSample/ColorSample';
 export type { ColorSampleProps } from './ColorSample/types/ColorSampleProps';
 export type { ColorSampleVariant } from './ColorSample/types/ColorSampleVariant';
-export { Pill } from './Pill/Pill';
 export { Status } from './Status/Status';
 export type { StatusProps } from './Status/types/StatusProps';
 export type { StatusState } from './Status/types/StatusState';