twenty-ui 2.49.0 → 2.51.1

package/dist/layout-B2KvJ900.js

@@ -0,0 +1,479 @@
+import { t as f } from "./isDefined-fMi6eQ4r.js";
+import { t as Y } from "./doNotTranslate-BSVT8Xyd.js";
+import { r as de, t as Ne } from "./OverflowingTextWithTooltip-D4eZc-7P.js";
+import { t as se } from "./Separator-0LzwPfOn.js";
+import { t as B } from "./Popover-CWeCV7X9.js";
+import { t as Oe } from "./Heading-Nj5BlPqB.js";
+import { useRender as Q } from "@base-ui/react/use-render";
+import { isFunction as Z, isNonEmptyString as Le, isString as X, isUndefined as Ee } from "@sniptt/guards";
+import { clsx as S } from "clsx";
+import { cloneElement as Se, isValidElement as Me, memo as me, useCallback as J, useId as Te, useLayoutEffect as P, useRef as k, useState as q } from "react";
+import { Fragment as j, jsx as u, jsxs as M } from "react/jsx-runtime";
+import { mergeProps as xe } from "@base-ui/react/merge-props";
+import { useMergedRefs as H } from "@base-ui/utils/useMergedRefs";
+import { useControlled as De } from "@base-ui/utils/useControlled";
+import { useStableCallback as z } from "@base-ui/utils/useStableCallback";
+var Ae = "_container_1hm4x_1", Re = "_layer_1hm4x_9", ke = "_visible_1hm4x_23", ze = "_hidden_1hm4x_28", R = {
+  container: Ae,
+  layer: Re,
+  visible: ke,
+  hidden: ze
+}, Et = ({ isActive: r, activeIcon: e, inactiveIcon: t, className: n, render: o, ref: s, ...l }) => Q({
+  defaultTagName: "span",
+  render: o,
+  ref: s,
+  props: {
+    ...l,
+    className: S(R.container, n),
+    children: /* @__PURE__ */ M(j, { children: [/* @__PURE__ */ u("span", {
+      "aria-hidden": "true",
+      className: S(R.layer, r ? R.hidden : R.visible),
+      children: t
+    }), /* @__PURE__ */ u("span", {
+      "aria-hidden": "true",
+      className: S(R.layer, r ? R.visible : R.hidden),
+      children: e
+    })] })
+  }
+}), We = "_root_izvk1_1", Ue = "_rule_izvk1_14", Ke = "_line_izvk1_22", Ve = "_marker_izvk1_28", Be = "_label_izvk1_36", K = {
+  root: We,
+  rule: Ue,
+  line: Ke,
+  marker: Ve,
+  label: Be
+}, St = ({ children: r, labelPosition: e = "center", tone: t = "neutral", hasStartMarker: n = !1, className: o, render: s, ref: l, ...i }) => Q({
+  render: s,
+  ref: l,
+  props: {
+    role: "separator",
+    "aria-orientation": "horizontal",
+    "aria-label": r,
+    ...i,
+    "data-tone": t,
+    className: S(K.root, o),
+    children: /* @__PURE__ */ M(j, { children: [
+      /* @__PURE__ */ M("span", {
+        className: K.rule,
+        "aria-hidden": "true",
+        children: [n && /* @__PURE__ */ u("span", { className: K.marker }), /* @__PURE__ */ u(se, {
+          className: K.line,
+          "aria-hidden": !0
+        })]
+      }),
+      /* @__PURE__ */ u(de, {
+        render: /* @__PURE__ */ u("span", {}),
+        size: t === "danger" ? "sm" : "xs",
+        weight: t === "danger" ? "medium" : "semibold",
+        className: K.label,
+        children: r
+      }),
+      e === "center" && /* @__PURE__ */ u(se, {
+        className: K.line,
+        "aria-hidden": !0
+      })
+    ] })
+  }
+}), $e = "_root_eheyl_1", He = "_items_eheyl_11", qe = "_item_eheyl_11", je = "_popupItem_eheyl_45", Ge = "_trigger_eheyl_49", Je = "_popup_eheyl_45", V = {
+  root: $e,
+  items: He,
+  item: qe,
+  popupItem: je,
+  trigger: Ge,
+  popup: Je
+}, Qe = ({ props: r, state: e, render: t }) => {
+  const n = Me(t) ? t : void 0, o = H(r.ref, n?.props.ref);
+  if (Z(t)) return t(r, e);
+  const s = {
+    ...xe(r, n?.props),
+    children: r.children,
+    ref: o
+  };
+  return f(n) ? Se(n, s) : /* @__PURE__ */ u("div", { ...s });
+}, Xe = me(({ elementRef: r, isHidden: e, onFocusLost: t }) => (P(() => {
+  const n = r.current, o = f(n) && n.contains(n.ownerDocument.activeElement);
+  e && o && t(n);
+}, [
+  r,
+  e,
+  t
+]), null)), fe = (r) => J((e) => {
+  if (f(e))
+    return () => {
+      const t = e.ownerDocument, n = e.contains(t.activeElement);
+      queueMicrotask(() => {
+        const o = t.activeElement === t.body;
+        n && !e.isConnected && o && r(e);
+      });
+    };
+}, [r]), ie = ({ children: r, index: e, isHidden: t, isLastVisible: n, isInPopup: o, onFocusLost: s }) => {
+  const l = k(null), i = z((a) => {
+    s({
+      index: e,
+      element: a,
+      isInPopup: o
+    });
+  });
+  return /* @__PURE__ */ M(j, { children: [/* @__PURE__ */ u("div", {
+    ref: H(l, fe(i)),
+    className: o ? V.popupItem : V.item,
+    "data-item-index": e,
+    "data-hidden": t || void 0,
+    "data-last-visible": n || void 0,
+    "aria-hidden": t || void 0,
+    inert: t,
+    children: r
+  }), /* @__PURE__ */ u(Xe, {
+    elementRef: l,
+    isHidden: t,
+    onFocusLost: i
+  })] });
+}, le = ({ itemWidths: r, availableWidth: e, gap: t, includePartialItem: n }) => {
+  let o = 0, s = 0;
+  for (const l of r) {
+    const i = o + l + (s > 0 ? t : 0);
+    if (s !== 0 && i > e) {
+      const a = o + t < e;
+      return n && a ? s + 1 : s;
+    }
+    o = i, s += 1;
+  }
+  return s;
+}, Ye = ({ items: r, itemElements: e }) => {
+  r.setAttribute("data-measuring", "");
+  const t = e.map((n) => n.clientWidth);
+  return r.removeAttribute("data-measuring"), t;
+}, Ze = ({ container: r, items: e, trigger: t, itemElements: n, itemCount: o, reserveCountSpace: s }) => {
+  const l = Ye({
+    items: e,
+    itemElements: n
+  }), i = parseFloat(getComputedStyle(e).columnGap) || 0, a = r.clientWidth, d = o > le({
+    itemWidths: l,
+    availableWidth: a,
+    gap: i,
+    includePartialItem: !1
+  }), p = t?.offsetWidth ?? 0;
+  return {
+    visibleItemCount: le({
+      itemWidths: l,
+      availableWidth: s && d ? Math.max(0, a - p - i) : a,
+      gap: i,
+      includePartialItem: !0
+    }),
+    hasOverflow: d
+  };
+}, Pe = 100, et = me(({ containerRef: r, itemsRef: e, triggerRef: t, itemCount: n, inlineItemCount: o, reserveCountSpace: s, isMeasurementEnabled: l, isOpen: i, onLayoutChange: a, onOverflowUnavailable: d }) => {
+  const p = k(void 0), O = k(void 0), C = z(() => ({
+    itemCount: n,
+    inlineItemCount: o,
+    reserveCountSpace: s,
+    isOpen: i
+  })), F = z(a), T = z(d);
+  return P(() => {
+    const g = r.current, I = e.current;
+    if (!l || !f(g) || !f(I)) {
+      O.current = void 0;
+      return;
+    }
+    const L = /* @__PURE__ */ new Set(), y = () => {
+      const _ = Array.from(I.children), W = /* @__PURE__ */ new Set([g, ..._]);
+      f(t.current) && W.add(t.current);
+      for (const b of L) W.has(b) || (E?.unobserve(b), L.delete(b));
+      for (const b of W) L.has(b) || (E?.observe(b), L.add(b));
+      const D = C();
+      if (_.length !== D.inlineItemCount) return;
+      const c = Ze({
+        container: g,
+        items: I,
+        trigger: t.current,
+        itemElements: _,
+        itemCount: D.itemCount,
+        reserveCountSpace: D.reserveCountSpace
+      }), h = O.current, v = f(h) && h.isOpen && !h.layout.hasOverflow, A = D.isOpen && !c.hasOverflow;
+      O.current = {
+        layout: c,
+        isOpen: D.isOpen
+      }, F(c), A && !v && T();
+    }, E = f(globalThis.ResizeObserver) ? new ResizeObserver(y) : void 0;
+    p.current = y, y();
+    const x = new MutationObserver(y);
+    if (x.observe(I, {
+      attributes: !0,
+      attributeFilter: [
+        "class",
+        "style",
+        "hidden"
+      ],
+      characterData: !0,
+      childList: !0,
+      subtree: !0
+    }), x.observe(g, { childList: !0 }), !f(E)) {
+      const _ = setInterval(y, Pe);
+      return window.addEventListener("resize", y), () => {
+        p.current = void 0, clearInterval(_), x.disconnect(), window.removeEventListener("resize", y);
+      };
+    }
+    return () => {
+      p.current = void 0, x.disconnect(), E.disconnect();
+    };
+  }, [
+    r,
+    e,
+    t,
+    l,
+    C,
+    F,
+    T
+  ]), P(() => {
+    p.current?.();
+  }, [
+    n,
+    o,
+    s,
+    i
+  ]), null;
+}), tt = ({ itemCount: r, inlineItemCount: e }) => {
+  const t = k(null), n = k(null), o = k(null), [s, l] = q({
+    visibleItemCount: e,
+    hasOverflow: r > e
+  });
+  return {
+    containerRef: t,
+    itemsRef: n,
+    triggerRef: o,
+    updateLayout: J((i) => {
+      l((a) => a.visibleItemCount !== i.visibleItemCount || a.hasOverflow !== i.hasOverflow ? i : a);
+    }, []),
+    ...s
+  };
+}, rt = Y("button, a[href], input, select, textarea, [tabindex]"), ce = ({ items: r, popup: e, trigger: t, root: n, removedIndex: o, excludedItem: s }) => {
+  const l = [...Array.from(r?.children ?? []), ...Array.from(e?.children ?? [])].filter((i) => i !== s).sort((i, a) => Math.abs(Number(i.getAttribute("data-item-index")) - o) - Math.abs(Number(a.getAttribute("data-item-index")) - o) || Number(a.getAttribute("data-item-index")) - Number(i.getAttribute("data-item-index")));
+  for (const i of l)
+    if (!i.hasAttribute("inert")) {
+      for (const a of Array.from(i.querySelectorAll(rt))) if (!a.matches(":disabled") && !f(a.closest("[inert]")) && (a.focus(), a.ownerDocument.activeElement === a))
+        return;
+    }
+  t?.focus(), !(f(t) && t.ownerDocument.activeElement === t) && n?.focus();
+}, nt = ({ containerRef: r, itemsRef: e, triggerRef: t, popup: n, itemCount: o, canExpand: s, isPopupOpen: l, isOpen: i, isHovered: a, showOverflowCount: d, onFocusCapture: p, onBlurCapture: O }) => {
+  const [C, F] = q(!1), [T, g] = q(), I = d ?? T ?? (a || C || i), L = z(({ index: c, element: h, isInPopup: v }) => {
+    ce({
+      items: v && s ? null : e.current,
+      popup: v && l ? n : null,
+      trigger: t.current,
+      root: r.current,
+      removedIndex: c,
+      excludedItem: h
+    });
+  }), y = J(() => {
+    const c = r.current;
+    c?.focus(), F(c?.ownerDocument.activeElement === c), g(void 0);
+  }, [r]), E = z(() => {
+    if (l) return;
+    const c = r.current, h = c?.ownerDocument, v = h?.activeElement, A = f(v) && e.current?.contains(v) && !f(v.closest("[inert]")), b = f(v) && v !== h?.body && !c?.contains(v) && !n?.contains(v);
+    if (A || b) return;
+    if (!s) {
+      ce({
+        items: e.current,
+        popup: null,
+        trigger: null,
+        root: c,
+        removedIndex: o
+      });
+      return;
+    }
+    const U = t.current;
+    if (f(U) && !U.matches(":disabled")) {
+      U.focus({ preventScroll: !0 });
+      return;
+    }
+    c?.focus({ preventScroll: !0 });
+  }), x = J(() => (queueMicrotask(E), !1), [E]), _ = fe(y);
+  return {
+    hasFocus: C,
+    isCountVisible: I,
+    restoreItemFocus: L,
+    schedulePopupFocusRestoration: x,
+    resetFocusWhenFocusedTriggerUnmounts: _,
+    handleFocusCapture: (c) => {
+      F(!0), e.current?.contains(c.target) && g((h) => h ?? I), p?.(c);
+    },
+    handleBlurCapture: (c) => {
+      F(c.currentTarget.contains(c.relatedTarget) || (n?.contains(c.relatedTarget) ?? !1)), e.current?.contains(c.relatedTarget) || g(void 0), O?.(c);
+    }
+  };
+}, N = (r) => r.stopPropagation(), Mt = ({ children: r, showOverflowCount: e, maxInlineCount: t, overflowLabel: n = Y("Show all items"), open: o, defaultOpen: s = !1, onOpenChange: l, actionsRef: i, triggerProps: a, popupProps: d, className: p, onMouseEnter: O, onMouseLeave: C, onFocusCapture: F, onBlurCapture: T, ref: g, ...I }) => {
+  const [L, y] = q(!1), [E, x] = q(null), [_, W] = De({
+    controlled: o,
+    default: s,
+    name: Y("OverflowingList"),
+    state: "open"
+  }), D = k(null), c = i ?? D, h = f(t) && Number.isFinite(t) ? Math.min(r.length, Math.max(0, Math.floor(t))) : r.length, { containerRef: v, itemsRef: A, triggerRef: b, visibleItemCount: U, hasOverflow: ve, updateLayout: he } = tt({
+    itemCount: r.length,
+    inlineItemCount: h
+  }), G = ve && (_ || e !== !1), ee = _ && G, { hasFocus: _e, isCountVisible: te, restoreItemFocus: re, schedulePopupFocusRestoration: be, resetFocusWhenFocusedTriggerUnmounts: pe, handleFocusCapture: ge, handleBlurCapture: ye } = nt({
+    containerRef: v,
+    itemsRef: A,
+    triggerRef: b,
+    popup: E,
+    itemCount: r.length,
+    canExpand: G,
+    isPopupOpen: ee,
+    isOpen: _,
+    isHovered: L,
+    showOverflowCount: e,
+    onFocusCapture: F,
+    onBlurCapture: T
+  }), ne = (e ?? (L || _e)) || _, we = H(v, g), Fe = H(b, pe, a?.ref), Ce = H(x, d?.ref), ae = ne && e !== !1 ? U : h, oe = r.length - U, Ie = z(() => {
+    c.current?.close();
+  });
+  return /* @__PURE__ */ M(j, { children: [/* @__PURE__ */ M("div", {
+    ...I,
+    ref: we,
+    tabIndex: I.tabIndex ?? -1,
+    className: S(V.root, p),
+    onMouseEnter: (m) => {
+      y(!0), O?.(m);
+    },
+    onMouseLeave: (m) => {
+      y(!1), C?.(m);
+    },
+    onFocusCapture: ge,
+    onBlurCapture: ye,
+    children: [/* @__PURE__ */ u("div", {
+      ref: A,
+      className: V.items,
+      children: r.slice(0, h).map((m, w) => /* @__PURE__ */ u(ie, {
+        index: w,
+        isHidden: w >= ae,
+        isLastVisible: e !== !1 && w === ae - 1,
+        isInPopup: !1,
+        onFocusLost: re,
+        children: m
+      }, m.key ?? w))
+    }), (G || _) && /* @__PURE__ */ M(B.Root, {
+      open: ee,
+      actionsRef: c,
+      onOpenChange: (m, w) => {
+        l?.(m, w), w.isCanceled || W(m);
+      },
+      children: [G && /* @__PURE__ */ u(B.Trigger, {
+        type: "button",
+        "aria-label": `+${oe} ${n}`,
+        ...a,
+        onClick: a?.onClick ?? N,
+        onMouseDown: a?.onMouseDown ?? N,
+        onPointerDown: a?.onPointerDown ?? N,
+        onKeyDown: a?.onKeyDown ?? N,
+        onKeyUp: a?.onKeyUp ?? N,
+        ref: Fe,
+        className: (m) => S(V.trigger, Z(a?.className) ? a.className(m) : a?.className),
+        "data-visible": te || void 0,
+        children: Ee(a?.children) ? `+${oe}` : a.children
+      }), /* @__PURE__ */ u(B.Portal, { children: /* @__PURE__ */ u(B.Positioner, {
+        anchor: v,
+        align: "start",
+        sideOffset: -9,
+        alignOffset: -7,
+        children: /* @__PURE__ */ u(B.Popup, {
+          "aria-label": n,
+          ...d,
+          onClick: d?.onClick ?? N,
+          onMouseDown: d?.onMouseDown ?? N,
+          onPointerDown: d?.onPointerDown ?? N,
+          onKeyDown: d?.onKeyDown ?? N,
+          onKeyUp: d?.onKeyUp ?? N,
+          ref: Ce,
+          render: (m, w) => /* @__PURE__ */ u(Qe, {
+            props: m,
+            state: w,
+            render: d?.render
+          }),
+          finalFocus: d?.finalFocus ?? be,
+          className: (m) => S(V.popup, Z(d?.className) ? d.className(m) : d?.className),
+          "data-overflowing-list-popup": "",
+          children: r.map((m, w) => /* @__PURE__ */ u(ie, {
+            index: w,
+            isHidden: !1,
+            isLastVisible: !1,
+            isInPopup: !0,
+            onFocusLost: re,
+            children: m
+          }, m.key ?? w))
+        })
+      }) })]
+    })]
+  }), /* @__PURE__ */ u(et, {
+    containerRef: v,
+    itemsRef: A,
+    triggerRef: b,
+    itemCount: r.length,
+    inlineItemCount: h,
+    reserveCountSpace: te,
+    isMeasurementEnabled: ne,
+    isOpen: _,
+    onLayoutChange: he,
+    onOverflowUnavailable: Ie
+  })] });
+}, at = "_header_1dz7y_1", ot = "_titleRow_1dz7y_8", st = "_title_1dz7y_8", it = "_actions_1dz7y_21", lt = "_description_1dz7y_27", $ = {
+  header: at,
+  titleRow: ot,
+  title: st,
+  actions: it,
+  description: lt
+}, ct = ({ title: r, description: e, actions: t, level: n = 2, size: o = "md", color: s = "primary", descriptionLineClamp: l = 5, isDescriptionFocusable: i = !1, render: a, ref: d, className: p, ...O }) => {
+  const C = Te(), F = X(e) ? Le(e) : f(e) && e !== !1, T = X(e) && l !== !1, g = X(e) ? /* @__PURE__ */ u(de, {
+    style: { whiteSpace: "pre-wrap" },
+    children: e
+  }) : e;
+  return Q({
+    render: a,
+    ref: d,
+    props: {
+      ...O,
+      className: S($.header, p),
+      children: /* @__PURE__ */ M(j, { children: [/* @__PURE__ */ M("div", {
+        className: $.titleRow,
+        children: [/* @__PURE__ */ u(Oe, {
+          level: n,
+          size: o,
+          color: s,
+          className: $.title,
+          "aria-describedby": F ? C : void 0,
+          children: r
+        }), f(t) && /* @__PURE__ */ u("div", {
+          className: $.actions,
+          children: t
+        })]
+      }), F && /* @__PURE__ */ u("div", {
+        id: C,
+        className: $.description,
+        children: T ? /* @__PURE__ */ u(Ne, {
+          text: e,
+          lineClamp: l,
+          isTooltipMultiline: !0,
+          isFocusable: i
+        }) : g
+      })] })
+    }
+  });
+}, ut = "_root_ztxxm_1", dt = "_fullWidth_ztxxm_20", ue = {
+  root: ut,
+  fullWidth: dt
+}, mt = ({ align: r = "left", color: e = "primary", fullWidth: t = !0, className: n, render: o, ref: s, ...l }) => Q({
+  render: o,
+  ref: s,
+  props: {
+    ...l,
+    "data-align": r,
+    "data-color": e,
+    className: S(ue.root, t && ue.fullWidth, n)
+  }
+}), Tt = {
+  Root: mt,
+  Header: ct
+};
+export {
+  Et as i,
+  Mt as n,
+  St as r,
+  Tt as t
+};

package/dist/{navigation-CIVYqPc5.js → navigation-BY8X2w04.js}

@@ -1,20 +1,20 @@
 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 { n as g, t as B } from "./TabsTabContent-DPkLTBi2.js";
+import { useRender as E } 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 { clsx as I } from "clsx";
+import { jsx as d, 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 = {
+var C = "_root_1iwl8_1", O = "_list_1iwl8_14", S = "_item_1iwl8_25", D = "_content_1iwl8_36", H = "_separator_1iwl8_56", 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({
+}, P = ({ children: a, href: r, render: i, title: o, current: t, className: s, ref: e, "aria-current": n = t ? "page" : void 0, ...m }) => E({
   defaultTagName: p(r) ? "a" : "span",
   render: i,
   ref: e,
@@ -25,41 +25,41 @@ var C = "_root_ikxnr_1", O = "_list_ikxnr_13", S = "_item_ikxnr_24", D = "_conte
     title: o ?? (L(a) ? a : void 0),
     "aria-current": n,
     "data-linked": p(r) || void 0,
-    className: E(b.content, s)
+    className: I(b.content, s)
   }
-}), sa = ({ links: a, className: r, render: i, ref: o, "aria-label": t = T("Breadcrumb"), ...s }) => x({
+}), sa = ({ links: a, className: r, render: i, ref: o, "aria-label": t = T("Breadcrumb"), ...s }) => E({
   defaultTagName: "nav",
   render: i,
   ref: o,
   props: {
     ...s,
     "aria-label": t,
-    className: E(b.root, r),
-    children: /* @__PURE__ */ l("ol", {
+    className: I(b.root, r),
+    children: /* @__PURE__ */ d("ol", {
       className: b.list,
       children: a.map((e, n) => /* @__PURE__ */ R("li", {
         className: b.item,
-        children: [n > 0 && /* @__PURE__ */ l("span", {
+        children: [n > 0 && /* @__PURE__ */ d("span", {
           className: b.separator,
           "aria-hidden": "true",
           children: "/"
-        }), /* @__PURE__ */ l(P, {
+        }), /* @__PURE__ */ d(P, {
           ...e,
           current: n === a.length - 1
         })]
       }, n))
     })
   }
-}), U = ({ className: a, ...r }) => /* @__PURE__ */ l(h.Indicator, {
+}), U = ({ className: a, ...r }) => /* @__PURE__ */ d(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 }) => {
+}), j = '[role="tab"]', q = '[role="tablist"]', z = T("[hidden], [inert]"), N = (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);
+  o.querySelectorAll(j).forEach((l) => {
+    l.closest(q) === o && t.push(l);
   });
-  const s = t.findIndex((d) => d === a.target);
+  const s = t.findIndex((l) => l === 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([
@@ -68,22 +68,22 @@ var C = "_root_ikxnr_1", O = "_list_ikxnr_13", S = "_item_ikxnr_24", D = "_conte
     "Home",
     "End"
   ]).includes(a.key)) return;
-  const y = a.key === m;
-  let u = s + (y ? -1 : 1);
+  const w = a.key === m;
+  let u = s + (w ? -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;
+  const v = u < 0 || u >= t.length, k = w ? t.length - 1 : 0, y = t[v && i ? k : u];
+  if (!p(y) || !N(y)) return;
   a.preventBaseUIHandler(), a.preventDefault();
-  const f = t.filter((d) => !k(d));
+  const f = t.filter((l) => !N(l));
   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;
+    const l = w ? [...f].reverse() : f;
+    c = l.find((A) => w ? t.indexOf(A) < s : t.indexOf(A) > s), c ??= i ? l[0] : void 0;
   }
   if (!p(c) || c === a.target) return;
   a.stopPropagation();
-  const v = c;
-  queueMicrotask(() => v.focus());
+  const x = c;
+  queueMicrotask(() => x.focus());
 }, V = ({ className: a, onKeyDown: r, loopFocus: i = !0, ...o }) => {
   const t = K(), s = (e) => {
     if (r?.(e), e.defaultPrevented) {
@@ -96,24 +96,24 @@ var C = "_root_ikxnr_1", O = "_list_ikxnr_13", S = "_item_ikxnr_24", D = "_conte
       loopFocus: i
     });
   };
-  return /* @__PURE__ */ l(h.List, {
+  return /* @__PURE__ */ d(h.List, {
     ...o,
     loopFocus: i,
     onKeyDown: s,
     className: _(g.list, a)
   });
-}, $ = ({ className: a, ...r }) => /* @__PURE__ */ l(h.Panel, {
+}, $ = ({ className: a, ...r }) => /* @__PURE__ */ d(h.Panel, {
   ...r,
   className: _(g.panel, a)
-}), G = ({ className: a, ...r }) => /* @__PURE__ */ l(h.Root, {
+}), G = ({ className: a, ...r }) => /* @__PURE__ */ d(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, {
+}), J = ({ className: a, children: r, startIcon: i, endIcon: o, badge: t, highlighted: s = !1, size: e = "sm", ...n }) => /* @__PURE__ */ d(h.Tab, {
   ...n,
   className: _(g.tab, a),
   "data-size": e,
   "data-highlighted": s || void 0,
-  children: /* @__PURE__ */ l(B, {
+  children: /* @__PURE__ */ d(B, {
     startIcon: i,
     endIcon: o,
     badge: t,

package/dist/navigation-ByYN6NgX.cjs

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

package/dist/navigation-DP5Edsq_.cjs

@@ -0,0 +1 @@
+const L=require("./doNotTranslate-CHE7WmRS.cjs"),w=require("./mergeClassNames-D4lshrT6.cjs"),B=require("./Button-iVyxlrwO.cjs"),P=require("./OverflowingTextWithTooltip-ClpPsdpP.cjs"),y=require("./ListItem-B-SFWJZb.cjs"),v=require("./Dropdown-D_hFndP5.cjs"),T=require("./TabsTabContent-6rkARU9F.cjs");let I=require("@base-ui/react/use-render"),f=require("@sniptt/guards"),x=require("clsx"),h=require("react"),r=require("react/jsx-runtime"),k=require("@base-ui/react/button"),j=require("@tabler/icons-react");var O="_pager_wkox0_1",N="_position_wkox0_11",D="_icon_wkox0_21",m={pager:O,position:N,icon:D},z=({index:e,count:t,onIndexChange:o,positionText:a,previousLabel:s,nextLabel:i,disabled:n=!1,positionPlacement:u="between",render:l,ref:c,className:d,...p})=>{const _=(0,f.isInteger)(e)&&(0,f.isInteger)(t)&&e>=0&&e<t,b=n||!_||e===0,q=n||!_||e===t-1,g=(0,r.jsx)(P.Text,{render:(0,r.jsx)("span",{}),className:m.position,"aria-live":"polite","aria-atomic":"true",children:a});return(0,I.useRender)({render:l,ref:c,props:{role:"group",...p,className:(0,x.clsx)(m.pager,d),"data-position-placement":u,children:(0,r.jsxs)(r.Fragment,{children:[u==="start"&&g,(0,r.jsx)(v.LightIconButton,{size:"sm",disabled:b,onClick:()=>o(e-1),"aria-label":s,children:(0,r.jsx)(j.IconChevronLeft,{className:m.icon})}),u==="between"&&g,(0,r.jsx)(v.LightIconButton,{size:"sm",disabled:q,onClick:()=>o(e+1),"aria-label":i,children:(0,r.jsx)(j.IconChevronRight,{className:m.icon})})]})}})},A=()=>{const{pageId:e,isPageActive:t,open:o,goToPage:a,goBack:s,canGoBack:i}=v.useDropdownContext();return{page:e,isActive:t&&o,goToPage:n=>a({id:n}),goBack:s,canGoBack:i}},G=({color:e,selected:t,selectionAppearance:o,active:a,focused:s,indicator:i,startIcon:n,endIcon:u,description:l,descriptionPlacement:c,shortcut:d,shortcutJoinLabel:p,hasSubmenu:_,disabled:b=!1,type:q="button",children:g,...C})=>(0,r.jsx)(y.ListItem,{color:e,selected:t,selectionAppearance:o,active:a,focused:s,indicator:i,startIcon:n,endIcon:u,description:l,descriptionPlacement:c,shortcut:d,shortcutJoinLabel:p,hasSubmenu:_,disabled:b,render:(0,r.jsx)(k.Button,{...C,nativeButton:!0,type:q,disabled:b}),children:g}),R=L.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"}),E="_button_quwcq_1",S={button:E},F=({active:e=!1,className:t,children:o,startIcon:a,endIcon:s,badge:i,size:n,...u})=>{const l=(0,h.useContext)(B.ButtonGroupContext),c=n??l?.size??"sm";return(0,r.jsx)(B.Button,{...u,variant:"ghost",size:c,"data-active":e||void 0,className:w.mergeClassNames((0,x.clsx)(T.Tab_module_default.tab,S.button),t),children:(0,r.jsx)(T.TabsTabContent,{startIcon:a,endIcon:s,badge:i,children:o})})};Object.defineProperty(exports,"CountPager",{enumerable:!0,get:function(){return z}});Object.defineProperty(exports,"DEFAULT_COLOR_LABELS",{enumerable:!0,get:function(){return R}});Object.defineProperty(exports,"ListItemButton",{enumerable:!0,get:function(){return G}});Object.defineProperty(exports,"TabButton",{enumerable:!0,get:function(){return F}});Object.defineProperty(exports,"useDropdownPage",{enumerable:!0,get:function(){return A}});