twenty-ui 2.48.0 → 2.50.0

package/dist/layout-DDqeMgFv.js

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

package/dist/layout-iSfGrMrH.cjs

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

package/dist/navigation-7Y6gHFlj.cjs

@@ -0,0 +1 @@
+const B=require("./doNotTranslate-CHE7WmRS.cjs"),T=require("./mergeClassNames-D4lshrT6.cjs"),m=require("./Button-iVyxlrwO.cjs"),y=require("./ListItem-C6Xl00m1.cjs"),L=require("./Dropdown-DlItz8Gh.cjs"),d=require("./TabsTabContent-6rkARU9F.cjs");let f=require("clsx"),v=require("react"),u=require("react/jsx-runtime"),C=require("@base-ui/react/button");var P=()=>{const{pageId:e,goToPage:t,goBack:r,canGoBack:n}=L.useDropdownContext();return{page:e,goToPage:o=>t({id:o}),goBack:r,canGoBack:n}},j=({color:e,selected:t,focused:r,indicator:n,startIcon:o,endIcon:a,description:s,descriptionPlacement:i,shortcut:l,shortcutJoinLabel:c,hasSubmenu:_,disabled:b=!1,type:g="button",children:q,...p})=>(0,u.jsx)(y.ListItem,{color:e,selected:t,focused:r,indicator:n,startIcon:o,endIcon:a,description:s,descriptionPlacement:i,shortcut:l,shortcutJoinLabel:c,hasSubmenu:_,disabled:b,render:(0,u.jsx)(C.Button,{...p,nativeButton:!0,type:g,disabled:b}),children:q}),x=B.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"}),w="_button_quwcq_1",O={button:w},G=({active:e=!1,className:t,children:r,startIcon:n,endIcon:o,badge:a,size:s,...i})=>{const l=(0,v.useContext)(m.ButtonGroupContext),c=s??l?.size??"sm";return(0,u.jsx)(m.Button,{...i,variant:"ghost",size:c,"data-active":e||void 0,className:T.mergeClassNames((0,f.clsx)(d.Tab_module_default.tab,O.button),t),children:(0,u.jsx)(d.TabsTabContent,{startIcon:n,endIcon:o,badge:a,children:r})})};Object.defineProperty(exports,"DEFAULT_COLOR_LABELS",{enumerable:!0,get:function(){return x}});Object.defineProperty(exports,"ListItemButton",{enumerable:!0,get:function(){return j}});Object.defineProperty(exports,"TabButton",{enumerable:!0,get:function(){return G}});Object.defineProperty(exports,"useDropdownPage",{enumerable:!0,get:function(){return P}});

package/dist/navigation-BY8X2w04.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-DPkLTBi2.js";
+import { useRender as E } from "@base-ui/react/use-render";
+import { isString as L } from "@sniptt/guards";
+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_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 }) => E({
+  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: I(b.content, s)
+  }
+}), 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: 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__ */ d("span", {
+          className: b.separator,
+          "aria-hidden": "true",
+          children: "/"
+        }), /* @__PURE__ */ d(P, {
+          ...e,
+          current: n === a.length - 1
+        })]
+      }, n))
+    })
+  }
+}), U = ({ className: a, ...r }) => /* @__PURE__ */ d(h.Indicator, {
+  ...r,
+  className: _(g.indicator, a)
+}), 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((l) => {
+    l.closest(q) === o && t.push(l);
+  });
+  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([
+    n,
+    m,
+    "Home",
+    "End"
+  ]).includes(a.key)) return;
+  const w = a.key === m;
+  let u = s + (w ? -1 : 1);
+  a.key === "Home" && (u = 0), a.key === "End" && (u = t.length - 1);
+  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((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 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 x = c;
+  queueMicrotask(() => x.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__ */ d(h.List, {
+    ...o,
+    loopFocus: i,
+    onKeyDown: s,
+    className: _(g.list, a)
+  });
+}, $ = ({ className: a, ...r }) => /* @__PURE__ */ d(h.Panel, {
+  ...r,
+  className: _(g.panel, a)
+}), 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__ */ d(h.Tab, {
+  ...n,
+  className: _(g.tab, a),
+  "data-size": e,
+  "data-highlighted": s || void 0,
+  children: /* @__PURE__ */ d(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-BcXCiLE1.js

@@ -0,0 +1,86 @@
+import { t as c } from "./doNotTranslate-BSVT8Xyd.js";
+import { t as B } from "./mergeClassNames-ClFMR1v0.js";
+import { r as v, t as T } from "./Button-CU8BS-Yd.js";
+import { t as y } from "./ListItem-C84ANa76.js";
+import { o as _ } from "./Dropdown-ChTVyesF.js";
+import { n as C, t as w } from "./TabsTabContent-DPkLTBi2.js";
+import { clsx as G } from "clsx";
+import { useContext as L } from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { Button as k } from "@base-ui/react/button";
+var j = () => {
+  const { pageId: o, goToPage: t, goBack: r, canGoBack: e } = _();
+  return {
+    page: o,
+    goToPage: (a) => t({ id: a }),
+    goBack: r,
+    canGoBack: e
+  };
+}, E = ({ color: o, selected: t, focused: r, indicator: e, startIcon: a, endIcon: s, description: m, descriptionPlacement: u, shortcut: i, shortcutJoinLabel: l, hasSubmenu: d, disabled: p = !1, type: b = "button", children: g, ...f }) => /* @__PURE__ */ n(y, {
+  color: o,
+  selected: t,
+  focused: r,
+  indicator: e,
+  startIcon: a,
+  endIcon: s,
+  description: m,
+  descriptionPlacement: u,
+  shortcut: i,
+  shortcutJoinLabel: l,
+  hasSubmenu: d,
+  disabled: p,
+  render: /* @__PURE__ */ n(k, {
+    ...f,
+    nativeButton: !0,
+    type: b,
+    disabled: p
+  }),
+  children: g
+}), F = c({
+  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"
+}), x = "_button_quwcq_1", P = { button: x }, J = ({ active: o = !1, className: t, children: r, startIcon: e, endIcon: a, badge: s, size: m, ...u }) => {
+  const i = L(v), l = m ?? i?.size ?? "sm";
+  return /* @__PURE__ */ n(T, {
+    ...u,
+    variant: "ghost",
+    size: l,
+    "data-active": o || void 0,
+    className: B(G(C.tab, P.button), t),
+    children: /* @__PURE__ */ n(w, {
+      startIcon: e,
+      endIcon: a,
+      badge: s,
+      children: r
+    })
+  });
+};
+export {
+  j as i,
+  F as n,
+  E as r,
+  J as t
+};