twenty-ui 2.47.0 → 2.49.0

package/dist/{navigation-itBinyPi.js → navigation-B6nka3bW.js}

@@ -1,34 +1,35 @@
 import { t as _ } from "./isDefined-fMi6eQ4r.js";
-import { Dn as Z, Xi as x } from "./icon-BdXwnJA6.js";
+import { Dn as Z, Xi as x } from "./icon-CUE-QGQK.js";
+import { t as ee } from "./doNotTranslate-BSVT8Xyd.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-DKfB0kej.js";
-import { r as ae, t as re } from "./Button-Cs07psdD.js";
-import { t as oe } from "./Tooltip-BMkznyoi.js";
-import { t as L } from "./OverflowingTextWithTooltip-Be2-wCcZ.js";
-import { t as ie } from "./ListItem-CXu35dzp.js";
-import { i as se } from "./Dropdown-CScN_olN.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-s6J5bZ3R.js";
+import { t as te } from "./mergeClassNames-ClFMR1v0.js";
+import { t as ae } from "./TintedIconTile-B1XDtGrF.js";
+import { t as ne } from "./Shortcut-Bp9iDdQg.js";
+import { r as re, t as oe } from "./Button-DIw804CX.js";
+import { t as ie } from "./Tooltip-cLCgtFBF.js";
+import { t as L } from "./OverflowingTextWithTooltip-BmUROIah.js";
+import { t as se } from "./ListItem-DizNUBT8.js";
+import { o as le } from "./Dropdown-1OAJvS1f.js";
+import { t as me } from "./Avatar-ifVlxbx_.js";
+import { t as de } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
+import { n as ue, t as ce } 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 { forwardRef as j, useContext as ve } 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();
+import { Button as _e } from "@base-ui/react/button";
+var ht = () => {
+  const { pageId: a, goToPage: r, goBack: n, canGoBack: s } = le();
   return {
-    page: n,
+    page: a,
     goToPage: (t) => r({ id: t }),
-    goBack: a,
+    goBack: n,
     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,
+}, ft = ({ color: a, selected: r, focused: n, 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(se, {
+  color: a,
   selected: r,
-  focused: a,
+  focused: n,
   indicator: s,
   startIcon: t,
   endIcon: i,
@@ -38,14 +39,14 @@ var _t = () => {
   shortcutJoinLabel: o,
   hasSubmenu: c,
   disabled: u,
-  render: /* @__PURE__ */ e(ve, {
+  render: /* @__PURE__ */ e(_e, {
     ...p,
     nativeButton: !0,
     type: v,
     disabled: u
   }),
   children: f
-}), ht = {
+}), gt = ee({
   gray: "Gray",
   tomato: "Tomato",
   red: "Red",
@@ -71,46 +72,42 @@ var _t = () => {
   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 }) => {
+}), Ie = "_iconContainer_1ivx0_1", he = "_withBackground_1ivx0_9", F = {
+  iconContainer: Ie,
+  withBackground: he
+}, M = ({ children: a, className: r, hasBackground: n = !0 }) => /* @__PURE__ */ e("div", {
+  className: I(F.iconContainer, n && F.withBackground, r),
+  children: a
+}), $ = ({ Icon: a, iconThemeColor: r, withContainer: n = !1, withContainerBackground: s = !0 }) => {
   const t = y();
-  if (!n) return null;
-  if (_(r)) return /* @__PURE__ */ e(te, {
-    icon: /* @__PURE__ */ e(n, {
+  if (!a) return null;
+  if (_(r)) return /* @__PURE__ */ e(ae, {
+    icon: /* @__PURE__ */ e(a, {
       size: t.icon.size.md,
       stroke: t.icon.stroke.sm
     }),
-    color: r,
-    style: {
-      width: t.icon.size.md,
-      height: t.icon.size.md
-    }
+    color: r
   });
-  const i = /* @__PURE__ */ e(n, {
+  const i = /* @__PURE__ */ e(a, {
     size: t.icon.size.md,
     stroke: t.icon.stroke.sm
   });
-  return a ? /* @__PURE__ */ e(M, {
+  return n ? /* @__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 }) => {
+}, fe = "_iconSwapContainer_g9ywp_1", ge = "_defaultIcon_g9ywp_8", be = "_hoverIcon_g9ywp_13", z = {
+  iconSwapContainer: fe,
+  defaultIcon: ge,
+  hoverIcon: be
+}, pe = ({ leadingContent: a, withIconContainer: r = !1, withIconContainerBackground: n = !0, gripIconColor: s }) => {
   const t = y();
-  if (!_(n)) return null;
+  if (!_(a)) return null;
   const i = /* @__PURE__ */ g("div", {
     className: z.iconSwapContainer,
     children: [/* @__PURE__ */ e("div", {
       className: I(z.defaultIcon, "grip-swap-default-icon"),
-      children: n
+      children: a
     }), /* @__PURE__ */ e("div", {
       className: I(z.hoverIcon, "grip-swap-hover-icon"),
       children: /* @__PURE__ */ e(x, {
@@ -121,47 +118,47 @@ var _t = () => {
     })]
   });
   return r ? /* @__PURE__ */ e(M, {
-    hasBackground: a,
+    hasBackground: n,
     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", {
+}, ye = "_hoverableMenuItemBase_1jkew_54", ke = "_menuItemBase_1jkew_1", Ce = "_menuItemLabel_1jkew_136", Me = "_menuItemLabelLight_1jkew_145", Se = "_noIconFiller_1jkew_155", we = "_menuItemLeftContent_1jkew_159", Le = "_menuItemRightContent_1jkew_172", Be = "_draggableItem_1jkew_183", ze = "_menuItemIconCheckContainer_1jkew_189", Ne = "_menuItemContextualText_1jkew_196", xe = "_rightMenuItemContextualText_1jkew_206", h = {
+  hoverableMenuItemBase: ye,
+  menuItemBase: ke,
+  menuItemLabel: Ce,
+  menuItemLabelLight: Me,
+  noIconFiller: Se,
+  menuItemLeftContent: we,
+  menuItemRightContent: Le,
+  draggableItem: Be,
+  menuItemIconCheckContainer: ze,
+  menuItemContextualText: Ne,
+  rightMenuItemContextualText: xe
+}, Te = j(({ accent: a, isKeySelected: r, isHoverBackgroundDisabled: n, 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-accent": a,
   "data-key-selected": r || void 0,
-  "data-hover-background-disabled": a || void 0,
+  "data-hover-background-disabled": n || 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", {
+Te.displayName = "StyledMenuItemBase";
+var b = (a, r) => {
+  const n = j(({ className: s, children: t, ...i }, m) => /* @__PURE__ */ e("div", {
     ref: m,
-    className: I(n, s),
+    className: I(a, 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", {
+  return n.displayName = r, n;
+}, je = b(h.menuItemLabel, "StyledMenuItemLabel"), bt = b(h.menuItemLabelLight, "StyledMenuItemLabelLight"), pt = b(h.noIconFiller, "StyledNoIconFiller"), H = b(h.menuItemLeftContent, "StyledMenuItemLeftContent"), T = b(h.menuItemRightContent, "StyledMenuItemRightContent"), O = b(h.draggableItem, "StyledDraggableItem"), R = j(({ accent: a, isKeySelected: r, isHoverBackgroundDisabled: n, 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-accent": a,
   "data-key-selected": r || void 0,
-  "data-hover-background-disabled": a || void 0,
+  "data-hover-background-disabled": n || void 0,
   "data-disabled": t || void 0,
   "data-focused": i || void 0,
   "data-icon-displayed-on-hover-only": m || void 0,
@@ -170,23 +167,23 @@ var b = (n, r) => {
   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;
+var Re = b(h.menuItemContextualText, "StyledMenuItemContextualText"), De = b(h.rightMenuItemContextualText, "StyledRightMenuItemContextualText"), Pe = "_mainText_d0zu3_1", Ge = "_menuItemLabelRight_d0zu3_9", q = {
+  mainText: Pe,
+  menuItemLabelRight: Ge
+}, Fe = ({ LeftComponent: a, LeftIcon: r, iconThemeColor: n }) => {
+  if (_(a)) return a;
   if (_(r)) return /* @__PURE__ */ e($, {
     Icon: r,
-    iconThemeColor: a
+    iconThemeColor: n
   });
-}, 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({
+}, D = ({ className: a, LeftComponent: r, LeftIcon: n, 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 = Fe({
     LeftComponent: r,
-    LeftIcon: a,
+    LeftIcon: n,
     iconThemeColor: s
   }), p = t && !_(s);
   return /* @__PURE__ */ g(H, {
-    className: n,
+    className: a,
     children: [
       o === "always" && (t ? /* @__PURE__ */ e(M, {
         hasBackground: i,
@@ -204,35 +201,35 @@ var je = b(h.menuItemContextualText, "StyledMenuItemContextualText"), Re = b(h.r
         hasBackground: i,
         children: f
       }) : f),
-      o === "onHover" && /* @__PURE__ */ e(be, {
+      o === "onHover" && /* @__PURE__ */ e(pe, {
         leadingContent: f,
         withIconContainer: p,
         withIconContainerBackground: i,
         gripIconColor: v
       }),
       o === "never" && /* @__PURE__ */ g(G, { children: [/* @__PURE__ */ e($, {
-        Icon: a,
+        Icon: n,
         iconThemeColor: s,
         withContainer: t,
         withContainerBackground: i
       }), r] }),
-      /* @__PURE__ */ g(Te, { children: [B(m) ? /* @__PURE__ */ e("div", {
+      /* @__PURE__ */ g(je, { 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, {
+      }) : m, d === "left" && /* @__PURE__ */ e(G, { children: B(l) ? E(l) && /* @__PURE__ */ e(Re, { 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 })
+        children: /* @__PURE__ */ e(De, { 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 }) => {
+}, Oe = "_subMenuIcon_j232v_1", qe = "_subMenuIconOpened_j232v_9", A = {
+  subMenuIcon: Oe,
+  subMenuIconOpened: qe
+}, Ae = ({ accent: a = "default", className: r, withIconContainer: n = !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,
@@ -241,7 +238,7 @@ var je = b(h.menuItemContextualText, "StyledMenuItemContextualText"), Re = b(h.r
     },
     disabled: k,
     className: r,
-    accent: n,
+    accent: a,
     isIconDisplayedOnHoverOnly: i,
     onMouseEnter: v,
     onMouseLeave: f,
@@ -250,7 +247,7 @@ var je = b(h.menuItemContextualText, "StyledMenuItemContextualText"), Re = b(h.r
       LeftIcon: m ?? void 0,
       iconThemeColor: l,
       LeftComponent: d,
-      withIconContainer: a,
+      withIconContainer: n,
       withIconContainerBackground: s,
       text: V,
       contextualText: J,
@@ -280,13 +277,13 @@ var je = b(h.menuItemContextualText, "StyledMenuItemContextualText"), Re = b(h.r
       })
     ] })]
   });
-}, 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,
+}, yt = ({ accent: a = "default", className: r, iconButtons: n, isIconDisplayedOnHoverOnly: s = !0, isTooltipOpen: t, onClick: i, onMouseEnter: m, onMouseLeave: l, testId: d, avatar: o, hasSubMenu: c = !1, text: u, contextualText: v }) => /* @__PURE__ */ e(Ae, {
+  accent: a,
   className: r,
-  iconButtons: a,
+  iconButtons: n,
   isIconDisplayedOnHoverOnly: s,
   isTooltipOpen: t,
-  LeftComponent: _(o) ? /* @__PURE__ */ e(le, {
+  LeftComponent: _(o) ? /* @__PURE__ */ e(me, {
     name: o.name,
     src: o.src,
     colorSeed: o.colorSeed,
@@ -300,50 +297,50 @@ var je = b(h.menuItemContextualText, "StyledMenuItemContextualText"), Re = b(h.r
   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, {
+}), kt = ({ LeftIcon: a, LeftComponent: r, withIconContainer: n = !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,
+    LeftIcon: a,
     LeftComponent: r,
     text: m,
     contextualText: l,
-    withIconContainer: a,
+    withIconContainer: n,
     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 }) => {
+}), Ee = "_suggestionMenuItem_1qyjt_1", $e = { suggestionMenuItem: Ee }, Ct = ({ LeftIcon: a, withIconContainer: r = !1, text: n, 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),
+    className: I($e.suggestionMenuItem, i),
     "data-selected": m || void 0,
     role: _(l) ? "button" : void 0,
     tabIndex: _(l) ? 0 : void 0,
     onClick: d,
-    onKeyDown: me,
+    onKeyDown: de,
     children: /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(D, {
-      LeftIcon: n ?? void 0,
-      text: a,
+      LeftIcon: a ?? void 0,
+      text: n,
       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 }) => {
+}, He = "_menuPicker_o8ra4_1", Ve = "_iconContainer_o8ra4_41", We = "_label_o8ra4_50", N = {
+  menuPicker: He,
+  iconContainer: Ve,
+  label: We
+}, Mt = ({ id: a, icon: r, label: n, 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, {
+  return /* @__PURE__ */ e(ie, {
     content: o,
     disabled: !E(o),
     sideOffset: u,
@@ -351,7 +348,7 @@ var je = b(h.menuItemContextualText, "StyledMenuItemContextualText"), Re = b(h.r
     positionMethod: "fixed",
     delay: c,
     children: /* @__PURE__ */ g("button", {
-      id: n,
+      id: a,
       disabled: t,
       onClick: m,
       className: I(N.menuPicker, l),
@@ -359,45 +356,45 @@ var je = b(h.menuItemContextualText, "StyledMenuItemContextualText"), Re = b(h.r
       "data-selected": s ? "" : void 0,
       "aria-pressed": s,
       "aria-disabled": t,
-      "aria-label": a,
+      "aria-label": n,
       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", {
+      }), _(n) && i && /* @__PURE__ */ e("div", {
         className: N.label,
         "data-selected": s ? "" : void 0,
         "data-disabled": t ? "" : void 0,
-        children: a
+        children: n
       })]
     })
   });
-}, 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, {
+}, Je = "_button_quwcq_1", Ke = { button: Je }, St = ({ active: a = !1, className: r, children: n, startIcon: s, endIcon: t, badge: i, size: m, ...l }) => {
+  const d = ve(re), o = m ?? d?.size ?? "sm";
+  return /* @__PURE__ */ e(oe, {
     ...l,
     variant: "ghost",
     size: o,
-    "data-active": n || void 0,
-    className: ee(I(de.tab, Je.button), r),
-    children: /* @__PURE__ */ e(ue, {
+    "data-active": a || void 0,
+    className: te(I(ue.tab, Ke.button), r),
+    children: /* @__PURE__ */ e(ce, {
       startIcon: s,
       endIcon: t,
       badge: i,
-      children: a
+      children: n
     })
   });
 };
 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
+  yt as a,
+  ft as c,
+  kt as i,
+  ht as l,
+  Mt as n,
+  Ae as o,
+  Ct as r,
+  gt as s,
+  St as t
 };

package/dist/navigation-CIVYqPc5.js

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

package/dist/navigation-CflGBYv-.cjs

@@ -0,0 +1 @@
+const g=require("./theme-1XkFz8Qu.cjs"),_=require("./isDefined-DS2Q42p5.cjs"),Z=require("./doNotTranslate-CHE7WmRS.cjs"),ee=require("./mergeClassNames-D4lshrT6.cjs"),te=require("./TintedIconTile-DO1XJXCQ.cjs"),ne=require("./Shortcut-N8TELGPI.cjs"),z=require("./Button-DTm1WDzp.cjs"),re=require("./Tooltip-Bg9Uk01p.cjs"),w=require("./OverflowingTextWithTooltip-Z2daM0_x.cjs"),ae=require("./ListItem-DwBb-I1D.cjs"),ie=require("./Dropdown-Bl4OXCf9.cjs"),oe=require("./Avatar-C6WxBgjS.cjs"),se=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"),ue=require("@base-ui/react/button"),C=require("@tabler/icons-react");var le=()=>{const{pageId:n,goToPage:a,goBack:r,canGoBack:s}=ie.useDropdownContext();return{page:n,goToPage:t=>a({id:t}),goBack:r,canGoBack:s}},de=({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:h,...x})=>(0,e.jsx)(ae.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)(ue.Button,{...x,nativeButton:!0,type:v,disabled:c}),children:h}),ce=Z.doNotTranslate({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"}),me="_iconContainer_1ivx0_1",ve="_withBackground_1ivx0_9",O={iconContainer:me,withBackground:ve},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)(te.TintedIconTile,{icon:(0,e.jsx)(n,{size:t.icon.size.md,stroke:t.icon.stroke.sm}),color:a});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},_e="_iconSwapContainer_g9ywp_1",fe="_defaultIcon_g9ywp_8",Ie="_hoverIcon_g9ywp_13",L={iconSwapContainer:_e,defaultIcon:fe,hoverIcon:Ie},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},ge="_hoverableMenuItemBase_1jkew_54",be="_menuItemBase_1jkew_1",xe="_menuItemLabel_1jkew_136",je="_menuItemLabelLight_1jkew_145",ye="_noIconFiller_1jkew_155",pe="_menuItemLeftContent_1jkew_159",Ce="_menuItemRightContent_1jkew_172",Me="_draggableItem_1jkew_183",ke="_menuItemIconCheckContainer_1jkew_189",Se="_menuItemContextualText_1jkew_196",we="_rightMenuItemContextualText_1jkew_206",I={hoverableMenuItemBase:ge,menuItemBase:be,menuItemLabel:xe,menuItemLabelLight:je,noIconFiller:ye,menuItemLeftContent:pe,menuItemRightContent:Ce,draggableItem:Me,menuItemIconCheckContainer:ke,menuItemContextualText:Se,rightMenuItemContextualText:we},Le=(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)(I.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}));Le.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},qe=b(I.menuItemLabel,"StyledMenuItemLabel"),Ye=b(I.menuItemLabelLight,"StyledMenuItemLabelLight"),Qe=b(I.noIconFiller,"StyledNoIconFiller"),F=b(I.menuItemLeftContent,"StyledMenuItemLeftContent"),T=b(I.menuItemRightContent,"StyledMenuItemRightContent"),R=b(I.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)(I.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 Te=b(I.menuItemContextualText,"StyledMenuItemContextualText"),Be=b(I.rightMenuItemContextualText,"StyledRightMenuItemContextualText"),Ne="_mainText_d0zu3_1",De="_menuItemLabelRight_d0zu3_9",G={mainText:Ne,menuItemLabelRight:De},ze=({LeftComponent:n,LeftIcon:a,iconThemeColor:r})=>{if(_.isDefined(n))return n;if(_.isDefined(a))return(0,e.jsx)(E,{Icon:a,iconThemeColor:r})},N=({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,h=ze({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(h)?(0,e.jsx)(M,{hasBackground:o,children:h}):h),i==="onHover"&&(0,e.jsx)(he,{leadingContent:h,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)(qe,{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)(Te,{children:(0,e.jsx)(w.OverflowingTextWithTooltip,{text:`· ${u}`,tooltipContent:u})}):u})]}),d==="right"&&(0,e.jsx)("div",{className:G.menuItemLabelRight,children:(0,e.jsx)(Be,{children:(0,j.isString)(u)?(0,e.jsx)(w.OverflowingTextWithTooltip,{text:u}):u})})]})},Pe="_subMenuIcon_j232v_1",Oe="_subMenuIconOpened_j232v_9",A={subMenuIcon:Pe,subMenuIconOpened:Oe},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:h,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:h,focused:U||$,children:[(0,e.jsx)(N,{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)(ne.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})})]})]})},Re=({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)(oe.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}),Ge=({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)(N,{LeftIcon:n,LeftComponent:a,text:l,contextualText:u,withIconContainer:r,disabled:d,gripMode:c}),t&&(0,e.jsx)(T,{className:"hoverable-buttons",children:t})]}),Ae="_suggestionMenuItem_1qyjt_1",Ee={suggestionMenuItem:Ae},Fe=({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)(Ee.suggestionMenuItem,o),"data-selected":l||void 0,role:_.isDefined(u)?"button":void 0,tabIndex:_.isDefined(u)?0:void 0,onClick:d,onKeyDown:se.handleClickableElementKeyDown,children:(0,e.jsx)(F,{children:(0,e.jsx)(N,{LeftIcon:n??void 0,text:r,contextualText:s,contextualTextPosition:t,withIconContainer:a})})})},Ve="_menuPicker_o8ra4_1",We="_iconContainer_o8ra4_41",He="_label_o8ra4_50",q={menuPicker:Ve,iconContainer:We,label:He},Ke=({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)(re.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})]})})},Je="_button_quwcq_1",Ue={button:Je},$e=({active:n=!1,className:a,children:r,startIcon:s,endIcon:t,badge:o,size:l,...u})=>{const d=(0,k.useContext)(z.ButtonGroupContext),i=l??d?.size??"sm";return(0,e.jsx)(z.Button,{...u,variant:"ghost",size:i,"data-active":n||void 0,className:ee.mergeClassNames((0,f.clsx)(P.Tab_module_default.tab,Ue.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 ce}});Object.defineProperty(exports,"ListItemButton",{enumerable:!0,get:function(){return de}});Object.defineProperty(exports,"MenuItem",{enumerable:!0,get:function(){return V}});Object.defineProperty(exports,"MenuItemAvatar",{enumerable:!0,get:function(){return Re}});Object.defineProperty(exports,"MenuItemDraggable",{enumerable:!0,get:function(){return Ge}});Object.defineProperty(exports,"MenuItemSuggestion",{enumerable:!0,get:function(){return Fe}});Object.defineProperty(exports,"MenuPicker",{enumerable:!0,get:function(){return Ke}});Object.defineProperty(exports,"TabButton",{enumerable:!0,get:function(){return $e}});Object.defineProperty(exports,"useDropdownPage",{enumerable:!0,get:function(){return le}});

package/dist/navigation-DoInK0Sp.cjs

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