twenty-ui 2.49.0 → 2.51.1

package/dist/layout-DQcjBu08.js

@@ -1,439 +0,0 @@
-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-BmUROIah.js";
-import { t as V } from "./Popover-CWeCV7X9.js";
-import { t as Ie } from "./Heading-pXllCJCO.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
-};