twenty-ui 2.46.0 → 2.47.0

package/dist/input-vl6yK36n.js

@@ -0,0 +1,421 @@
+import { t as u } from "./isDefined-fMi6eQ4r.js";
+import { Cn as j, So as ue, Tn as de } from "./icon-BdXwnJA6.js";
+import { t as q } from "./theme-B2EaXhye.js";
+import { t } from "./mergeClassNames-ClFMR1v0.js";
+import { r as pe } from "./Button-Cs07psdD.js";
+import { t as T } from "./isRenderableSlot-DT_depzM.js";
+import { t as G } from "./useProvidedTextDirection-Dk8LBQeF.js";
+import { n as f, t as c } from "./ListItem.module-Ar-vZ7Qu.js";
+import { n as k, r as ve } from "./Input-DZWl81G_.js";
+import { i as h } from "./Radio-BMoQHDe7.js";
+import { useRender as z } from "@base-ui/react/use-render";
+import { isFunction as R, isNumber as _e, isUndefined as W } from "@sniptt/guards";
+import { clsx as d } from "clsx";
+import { forwardRef as F, useContext as fe, useLayoutEffect as B, useMemo as he, useRef as be, useState as Ne } from "react";
+import { jsx as o, jsxs as L } from "react/jsx-runtime";
+import { mergeProps as Se } from "@base-ui/react/merge-props";
+import { Input as Ie } from "@base-ui/react/input";
+import { RadioGroup as ge } from "@base-ui/react/radio-group";
+import { Autocomplete as s } from "@base-ui/react/autocomplete";
+import { Checkbox as O } from "@base-ui/react/checkbox";
+import { Field as N } from "@base-ui/react/field";
+import { Select as n } from "@base-ui/react/select";
+import { Slider as S } from "@base-ui/react/slider";
+var Ce = "_inputGroup_17li0_1", Ae = "_positioner_17li0_8", we = "_popup_17li0_12", xe = "_arrow_17li0_31", Te = "_separator_17li0_72", Pe = "_list_17li0_86", ke = "_empty_17li0_93", I = {
+  inputGroup: Ce,
+  positioner: Ae,
+  popup: we,
+  arrow: xe,
+  separator: Te,
+  list: Pe,
+  empty: ke
+}, Le = ({ className: e, ...r }) => /* @__PURE__ */ o(s.Arrow, {
+  ...r,
+  className: t(I.arrow, e)
+}), Ge = ({ className: e, ...r }) => /* @__PURE__ */ o(s.Empty, {
+  ...r,
+  className: t(I.empty, e)
+}), Re = ({ size: e, className: r, ...a }) => {
+  const i = fe(ve), l = e ?? i?.size ?? "md";
+  return /* @__PURE__ */ o(s.Input, {
+    ...a,
+    className: t(d(k.input, k[l]), r),
+    "data-grouped": u(i) || void 0
+  });
+}, Fe = ({ className: e, ...r }) => /* @__PURE__ */ o(s.InputGroup, {
+  ...r,
+  className: t(I.inputGroup, e)
+}), ye = ({ className: e, children: r, startIcon: a, endIcon: i, description: l, descriptionPlacement: m = "inline", ...p }) => /* @__PURE__ */ L(s.Item, {
+  ...p,
+  className: t(c.root, e),
+  "data-color": "neutral",
+  children: [
+    T(a) && /* @__PURE__ */ o("div", {
+      className: c.startIcon,
+      "aria-hidden": !0,
+      children: a
+    }),
+    /* @__PURE__ */ L("div", {
+      className: c.label,
+      children: [/* @__PURE__ */ o("div", {
+        className: c.text,
+        children: r
+      }), T(l) && m === "inline" && /* @__PURE__ */ o("div", {
+        className: d(c.description, c.inlineDescription),
+        children: l
+      })]
+    }),
+    T(l) && m === "end" && /* @__PURE__ */ o("div", {
+      className: d(c.description, c.endDescription),
+      children: l
+    }),
+    T(i) && /* @__PURE__ */ o("div", {
+      className: c.endIcon,
+      "aria-hidden": !0,
+      children: i
+    })
+  ]
+}), De = ({ className: e, ...r }) => /* @__PURE__ */ o(s.List, {
+  ...r,
+  className: t(I.list, e)
+}), Ee = ({ width: e, style: r, className: a, ...i }) => /* @__PURE__ */ o(s.Popup, {
+  ...i,
+  className: t(I.popup, a),
+  style: (l) => ({
+    width: e,
+    minInlineSize: u(e) ? 0 : void 0,
+    ...R(r) ? r(l) : r
+  })
+}), Be = ({ container: e, ...r }) => {
+  const a = q(), i = G();
+  return /* @__PURE__ */ o(s.Portal, {
+    dir: i,
+    ...r,
+    container: W(e) ? a ?? void 0 : e
+  });
+}, Ve = ({ className: e, align: r = "start", sideOffset: a = 8, ...i }) => {
+  const l = G();
+  return /* @__PURE__ */ o(s.Positioner, {
+    dir: l,
+    align: r,
+    sideOffset: a,
+    ...i,
+    className: t(I.positioner, e)
+  });
+}, $e = ({ className: e, ...r }) => /* @__PURE__ */ o(s.Separator, {
+  ...r,
+  className: t(I.separator, e)
+}), je = () => ({
+  Root: s.Root,
+  Value: s.Value,
+  Trigger: s.Trigger,
+  InputGroup: Fe,
+  Input: Re,
+  Icon: s.Icon,
+  Clear: s.Clear,
+  Portal: Be,
+  Backdrop: s.Backdrop,
+  Positioner: Ve,
+  Popup: Ee,
+  Arrow: Le,
+  List: De,
+  Status: s.Status,
+  Group: s.Group,
+  GroupLabel: s.GroupLabel,
+  Item: ye,
+  Row: s.Row,
+  Collection: s.Collection,
+  Empty: Ge,
+  Separator: $e,
+  useFilter: s.useFilter,
+  useFilteredItems: s.useFilteredItems
+}), oo = /* @__PURE__ */ je(), qe = "_container_262rx_1", ze = { container: qe }, ao = ({ attached: e = !0, framed: r = !1, className: a, children: i, variant: l, size: m, color: p, render: g, ref: C, ...A }) => {
+  const w = z({
+    render: g,
+    ref: C,
+    props: {
+      role: "group",
+      "data-attached": e || void 0,
+      "data-framed": r || void 0,
+      ...A,
+      className: d(ze.container, a),
+      children: i
+    }
+  });
+  return /* @__PURE__ */ o(pe.Provider, {
+    value: {
+      variant: l,
+      color: p,
+      size: m
+    },
+    children: w
+  });
+}, H = ({ className: e, ...r }) => /* @__PURE__ */ o(O.Indicator, {
+  ...r,
+  className: t(f.indicator, e)
+}), U = ({ size: e = "sm", variant: r = "solid", shape: a = "square", color: i = "accent", hoverable: l = !0, className: m, ...p }) => /* @__PURE__ */ o(O.Root, {
+  ...p,
+  className: t(d(f.root, f[e], f[r], f[a], f[i], l && f.hoverable), m)
+}), We = ({ children: e, ...r }) => /* @__PURE__ */ L(U, {
+  ...r,
+  children: [/* @__PURE__ */ L(H, { children: [/* @__PURE__ */ o(j, {
+    className: f.check,
+    "aria-hidden": !0
+  }), /* @__PURE__ */ o(ue, {
+    className: f.minus,
+    "aria-hidden": !0
+  })] }), e]
+}), to = Object.assign(We, {
+  Root: U,
+  Indicator: H
+}), Oe = "_description_yrj5x_1", He = { description: Oe }, M = F(({ className: e, ...r }, a) => /* @__PURE__ */ o(N.Description, {
+  ref: a,
+  className: t(He.description, e),
+  ...r
+}));
+M.displayName = "FieldDescription";
+var Ue = "_error_179et_1", Me = { error: Ue }, J = F(({ className: e, ...r }, a) => /* @__PURE__ */ o(N.Error, {
+  ref: a,
+  className: t(Me.error, e),
+  ...r
+}));
+J.displayName = "FieldError";
+var Je = "_label_1yxve_1", Ke = { label: Je }, K = F(({ className: e, ...r }, a) => /* @__PURE__ */ o(N.Label, {
+  ref: a,
+  className: t(Ke.label, e),
+  ...r
+}));
+K.displayName = "FieldLabel";
+var io = {
+  Root: N.Root,
+  Item: N.Item,
+  Label: K,
+  Control: N.Control,
+  Description: M,
+  Error: J,
+  Validity: N.Validity
+}, Qe = "_root_1h79s_1", Xe = { root: Qe }, lo = ({ className: e, ...r }) => /* @__PURE__ */ o(ge, {
+  ...r,
+  className: t(Xe.root, e)
+}), Ye = ({ className: e, ...r }) => /* @__PURE__ */ o(n.GroupLabel, {
+  ...r,
+  className: t(h.groupLabel, e)
+}), Ze = ({ className: e, children: r = /* @__PURE__ */ o(de, {}), ...a }) => /* @__PURE__ */ o(n.Icon, {
+  ...a,
+  className: t(h.icon, e),
+  children: r
+}), er = ({ className: e, ...r }) => /* @__PURE__ */ o(n.Item, {
+  "data-color": "neutral",
+  "data-indicator": "check",
+  ...r,
+  className: t(d(c.root, h.item), e)
+}), rr = ({ className: e, children: r = /* @__PURE__ */ o(j, { className: c.checkIndicator }), ...a }) => /* @__PURE__ */ o(n.ItemIndicator, {
+  ...a,
+  className: t(h.indicator, e),
+  children: r
+}), or = ({ className: e, ...r }) => /* @__PURE__ */ o(n.ItemText, {
+  ...r,
+  className: t(d(c.label, c.text), e)
+}), ar = ({ className: e, ...r }) => /* @__PURE__ */ o(n.Popup, {
+  ...r,
+  className: t(h.popup, e)
+}), tr = ({ container: e, ...r }) => {
+  const a = q(), i = G();
+  return /* @__PURE__ */ o(n.Portal, {
+    dir: i,
+    ...r,
+    container: W(e) ? a ?? void 0 : e
+  });
+}, ir = ({ className: e, ...r }) => {
+  const a = G();
+  return /* @__PURE__ */ o(n.Positioner, {
+    dir: a,
+    ...r,
+    className: t(h.positioner, e)
+  });
+}, lr = ({ className: e, ...r }) => /* @__PURE__ */ o(n.Separator, {
+  ...r,
+  className: t(h.separator, e)
+}), sr = ({ size: e = "md", className: r, ...a }) => /* @__PURE__ */ o(n.Trigger, {
+  ...a,
+  className: t(d(k.input, k[e], h.trigger), r)
+}), nr = ({ className: e, ...r }) => /* @__PURE__ */ o(n.Value, {
+  ...r,
+  className: t(h.value, e)
+}), cr = () => ({
+  Root: n.Root,
+  Label: n.Label,
+  Trigger: sr,
+  Value: nr,
+  Icon: Ze,
+  Portal: tr,
+  Backdrop: n.Backdrop,
+  Positioner: ir,
+  Popup: ar,
+  List: n.List,
+  Item: er,
+  ItemIndicator: rr,
+  ItemText: or,
+  Arrow: n.Arrow,
+  ScrollDownArrow: n.ScrollDownArrow,
+  ScrollUpArrow: n.ScrollUpArrow,
+  Group: n.Group,
+  GroupLabel: Ye,
+  Separator: lr
+}), so = /* @__PURE__ */ cr(), mr = "_root_1mh0w_1", ur = "_accent_1mh0w_16", dr = "_success_1mh0w_20", pr = "_control_1mh0w_24", vr = "_track_1mh0w_42", _r = "_indicator_1mh0w_55", fr = "_thumb_1mh0w_66", hr = "_label_1mh0w_80", br = "_value_1mh0w_81", b = {
+  root: mr,
+  accent: ur,
+  success: dr,
+  control: pr,
+  track: vr,
+  indicator: _r,
+  thumb: fr,
+  label: hr,
+  value: br
+}, Nr = ({ className: e, color: r = "accent", thumbAlignment: a = "edge", ...i }) => /* @__PURE__ */ o(S.Root, {
+  ...i,
+  thumbAlignment: a,
+  className: t(d(b.root, b[r]), e)
+}), Sr = ({ className: e, ...r }) => /* @__PURE__ */ o(S.Control, {
+  ...r,
+  className: t(b.control, e)
+}), Ir = ({ className: e, ...r }) => /* @__PURE__ */ o(S.Track, {
+  ...r,
+  className: t(b.track, e)
+}), gr = ({ className: e, ...r }) => /* @__PURE__ */ o(S.Indicator, {
+  ...r,
+  className: t(b.indicator, e)
+}), Cr = ({ className: e, ...r }) => /* @__PURE__ */ o(S.Thumb, {
+  ...r,
+  className: t(b.thumb, e)
+}), Ar = ({ className: e, ...r }) => /* @__PURE__ */ o(S.Label, {
+  ...r,
+  className: t(b.label, e)
+}), wr = ({ className: e, ...r }) => /* @__PURE__ */ o(S.Value, {
+  ...r,
+  className: t(b.value, e)
+}), no = {
+  Root: Nr,
+  Control: Sr,
+  Track: Ir,
+  Indicator: gr,
+  Thumb: Cr,
+  Label: Ar,
+  Value: wr
+}, xr = ({ controlProps: e, nativeProps: r, state: a, render: i }) => {
+  const { ref: l, ...m } = e, { ref: p, ...g } = r;
+  return z({
+    defaultTagName: "textarea",
+    render: i,
+    state: { ...a },
+    ref: [l ?? null, p ?? null],
+    props: Se(m, g)
+  });
+}, Tr = (e) => u(e) ? _e(e) ? `${e}px` : String(e) : "", V = (e, r) => {
+  if (u(e)) {
+    if (R(e)) return e(r);
+    e.current = r;
+  }
+}, Pr = (...e) => (r) => {
+  const a = e.map((i) => {
+    const l = V(i, r);
+    return R(l) ? l : () => V(i, null);
+  });
+  return () => {
+    for (const i of a) i();
+  };
+}, P = (e) => {
+  e.style.blockSize = "auto";
+  const r = e.offsetHeight - e.clientHeight;
+  e.style.blockSize = `${e.scrollHeight + r}px`;
+}, kr = (e) => {
+  if (!u(globalThis.ResizeObserver)) return;
+  let r, a = e.clientWidth;
+  const i = new ResizeObserver(() => {
+    const l = e.clientWidth;
+    l !== a && (a = l, u(r) && cancelAnimationFrame(r), r = requestAnimationFrame(() => {
+      r = void 0, P(e);
+    }));
+  });
+  return i.observe(e), () => {
+    i.disconnect(), u(r) && cancelAnimationFrame(r);
+  };
+}, Lr = "_textarea_1qcvj_1", Gr = "_sm_1qcvj_38", Rr = "_md_1qcvj_42", $ = {
+  textarea: Lr,
+  sm: Gr,
+  md: Rr
+}, co = ({ size: e = "md", autoResize: r = !1, maxRows: a, className: i, style: l, ref: m, render: p, onChange: g, value: C, rows: A, ...w }) => {
+  const [v, Q] = Ne(null), X = he(() => Pr(m, Q), [m]), Y = u(C), y = l?.blockSize, D = be(!1);
+  B(() => {
+    if (!u(v)) return;
+    const _ = D.current;
+    if (D.current = r, r) {
+      P(v);
+      return;
+    }
+    _ && (v.style.blockSize = Tr(y));
+  }, [
+    v,
+    r,
+    C,
+    a,
+    A,
+    e,
+    y
+  ]), B(() => {
+    if (!r || !u(v)) return;
+    let _ = !0;
+    const x = (me) => {
+      requestAnimationFrame(() => {
+        _ && !me.defaultPrevented && P(v);
+      });
+    }, E = v.form, ce = kr(v);
+    return E?.addEventListener("reset", x), () => {
+      _ = !1, E?.removeEventListener("reset", x), ce?.();
+    };
+  }, [
+    v,
+    r,
+    w.form
+  ]);
+  const Z = (_) => {
+    r && !Y && P(_.currentTarget), g?.(_);
+  }, ee = u(a) ? {
+    ...l,
+    "--tw-textarea-max-rows": a
+  } : l, { "aria-describedby": re, id: oe, name: ae, disabled: te, autoFocus: ie, defaultValue: le, onValueChange: se, ...ne } = w;
+  return /* @__PURE__ */ o(Ie, {
+    "aria-describedby": re,
+    id: oe,
+    name: ae,
+    disabled: te,
+    autoFocus: ie,
+    defaultValue: le,
+    onValueChange: se,
+    render: (_, x) => /* @__PURE__ */ o(xr, {
+      controlProps: _,
+      nativeProps: {
+        ...ne,
+        rows: A,
+        onChange: Z,
+        ref: X
+      },
+      state: x,
+      render: p
+    }),
+    value: C,
+    className: t(d($.textarea, $[e]), i),
+    style: ee,
+    "data-auto-resize": r || void 0
+  });
+};
+export {
+  io as a,
+  oo as c,
+  lo as i,
+  no as n,
+  to as o,
+  so as r,
+  ao as s,
+  co as t
+};

package/dist/layout-BKHabkTu.js

@@ -0,0 +1,267 @@
+import { t as h } from "./isDefined-fMi6eQ4r.js";
+import { n as se, t as ae } from "./OverflowingTextWithTooltip-Be2-wCcZ.js";
+import { t as M } from "./Popover-CWeCV7X9.js";
+import { t as oe } from "./Heading-pXllCJCO.js";
+import { useRender as j } from "@base-ui/react/use-render";
+import { isNonEmptyString as ne, isString as K } from "@sniptt/guards";
+import { clsx as T } from "clsx";
+import { useCallback as ee, useId as ie, useLayoutEffect as J, useRef as z, useState as W } from "react";
+import { Fragment as te, jsx as l, jsxs as V } from "react/jsx-runtime";
+import { useMergedRefs as Q } from "@base-ui/utils/useMergedRefs";
+var le = "_container_1hm4x_1", ce = "_layer_1hm4x_9", de = "_visible_1hm4x_23", ue = "_hidden_1hm4x_28", I = {
+  container: le,
+  layer: ce,
+  visible: de,
+  hidden: ue
+}, Ve = ({ isActive: t, activeIcon: e, inactiveIcon: r, className: a, render: s, ref: o, ...n }) => j({
+  defaultTagName: "span",
+  render: s,
+  ref: o,
+  props: {
+    ...n,
+    className: T(I.container, a),
+    children: /* @__PURE__ */ V(te, { children: [/* @__PURE__ */ l("span", {
+      "aria-hidden": "true",
+      className: T(I.layer, t ? I.hidden : I.visible),
+      children: r
+    }), /* @__PURE__ */ l("span", {
+      "aria-hidden": "true",
+      className: T(I.layer, t ? I.visible : I.hidden),
+      children: e
+    })] })
+  }
+}), me = "_root_1yq9n_1", fe = "_items_1yq9n_11", ve = "_item_1yq9n_11", he = "_trigger_1yq9n_45", pe = "_popup_1yq9n_72", H = {
+  root: me,
+  items: fe,
+  item: ve,
+  trigger: he,
+  popup: pe
+}, re = (t) => ee((e) => {
+  if (h(e))
+    return () => {
+      e.contains(e.ownerDocument.activeElement) && t();
+    };
+}, [t]), _e = ({ children: t, isHidden: e, isLastVisible: r, onFocusedItemUnmount: a }) => /* @__PURE__ */ l("div", {
+  ref: re(a),
+  className: H.item,
+  "data-hidden": e || void 0,
+  "data-last-visible": r || void 0,
+  "aria-hidden": e || void 0,
+  inert: e,
+  children: t
+}), X = ({ itemWidths: t, availableWidth: e, gap: r, includePartialItem: a }) => {
+  let s = 0, o = 0;
+  for (const n of t) {
+    const c = s + n + (o > 0 ? r : 0);
+    if (o !== 0 && c > e) {
+      const p = s + r < e;
+      return a && p ? o + 1 : o;
+    }
+    s = c, o += 1;
+  }
+  return o;
+}, ge = ({ items: t, itemElements: e, supportsSynchronousLayout: r }) => {
+  if (!r) return e.map((s) => s.scrollWidth);
+  t.setAttribute("data-measuring", "");
+  const a = e.map((s) => s.clientWidth);
+  return t.removeAttribute("data-measuring"), a;
+}, be = 100, ye = ({ itemCount: t, inlineItemCount: e, reserveCountSpace: r, isMeasurementEnabled: a }) => {
+  const s = z(null), o = z(null), n = z(null), c = z(void 0), p = z({
+    itemCount: t,
+    reserveCountSpace: r
+  }), [x, F] = W(e), [w, y] = W(t > e);
+  return J(() => {
+    p.current = {
+      itemCount: t,
+      reserveCountSpace: r
+    }, c.current?.();
+  }, [
+    t,
+    e,
+    r
+  ]), J(() => {
+    const u = s.current, d = o.current;
+    if (!a || !h(u) || !h(d)) return;
+    const m = h(globalThis.ResizeObserver), R = /* @__PURE__ */ new Set(), f = () => {
+      const b = Array.from(d.children), N = /* @__PURE__ */ new Set([u, ...b]);
+      h(n.current) && N.add(n.current);
+      for (const v of R) N.has(v) || (_?.unobserve(v), R.delete(v));
+      for (const v of N) R.has(v) || (_?.observe(v), R.add(v));
+      const L = p.current, O = ge({
+        items: d,
+        itemElements: b,
+        supportsSynchronousLayout: m
+      }), C = parseFloat(getComputedStyle(d).columnGap) || 0, S = u.clientWidth, q = X({
+        itemWidths: O,
+        availableWidth: S,
+        gap: C,
+        includePartialItem: !1
+      }), P = L.itemCount > q, U = n.current?.offsetWidth ?? 0, $ = L.reserveCountSpace && P ? Math.max(0, S - U - C) : S;
+      y(P), F(X({
+        itemWidths: O,
+        availableWidth: $,
+        gap: C,
+        includePartialItem: !0
+      }));
+    }, _ = m ? new ResizeObserver(f) : void 0;
+    c.current = f, f();
+    const g = new MutationObserver(f);
+    if (g.observe(d, {
+      attributes: !0,
+      attributeFilter: [
+        "class",
+        "style",
+        "hidden"
+      ],
+      characterData: !0,
+      childList: !0,
+      subtree: !0
+    }), g.observe(u, { childList: !0 }), !h(_)) {
+      const b = setInterval(f, be);
+      return window.addEventListener("resize", f), () => {
+        c.current = void 0, clearInterval(b), g.disconnect(), window.removeEventListener("resize", f);
+      };
+    }
+    return () => {
+      c.current = void 0, g.disconnect(), _.disconnect();
+    };
+  }, [a]), {
+    containerRef: s,
+    itemsRef: o,
+    triggerRef: n,
+    visibleItemCount: x,
+    hasOverflow: w
+  };
+}, A = (t) => t.stopPropagation(), Y = {
+  onClick: A,
+  onMouseDown: A,
+  onPointerDown: A,
+  onKeyDown: A,
+  onKeyUp: A
+}, qe = ({ children: t, showOverflowCount: e, maxInlineCount: r, overflowLabel: a = "Show all items", className: s, onMouseEnter: o, onMouseLeave: n, onFocusCapture: c, onBlurCapture: p, ref: x, ...F }) => {
+  const [w, y] = W(!1), [u, d] = W(!1), [m, R] = W(!1), [f, _] = W(), g = e ?? f ?? (w || u || m), b = h(r) && Number.isFinite(r) ? Math.min(t.length, Math.max(0, Math.floor(r))) : t.length, N = e ?? (w || u || m), { containerRef: L, itemsRef: O, triggerRef: C, visibleItemCount: S, hasOverflow: q } = ye({
+    itemCount: t.length,
+    inlineItemCount: b,
+    reserveCountSpace: g,
+    isMeasurementEnabled: N
+  }), P = ee(() => {
+    d(!1), _(void 0);
+  }, []), U = re(P), $ = Q(L, x), v = Q(C, U), B = N ? S : b, G = t.length - S, k = q && (m || e !== !1);
+  return m && !k && R(!1), /* @__PURE__ */ l(M.Root, {
+    open: m && k,
+    onOpenChange: R,
+    children: /* @__PURE__ */ V("div", {
+      ...F,
+      ref: $,
+      className: T(H.root, s),
+      onMouseEnter: (i) => {
+        y(!0), o?.(i);
+      },
+      onMouseLeave: (i) => {
+        y(!1), n?.(i);
+      },
+      onFocusCapture: (i) => {
+        d(!0), O.current?.contains(i.target) && _((E) => E ?? g), c?.(i);
+      },
+      onBlurCapture: (i) => {
+        d(i.currentTarget.contains(i.relatedTarget)), O.current?.contains(i.relatedTarget) || _(void 0), p?.(i);
+      },
+      children: [
+        /* @__PURE__ */ l("div", {
+          ref: O,
+          className: H.items,
+          children: t.slice(0, b).map((i, E) => /* @__PURE__ */ l(_e, {
+            isHidden: E >= B,
+            isLastVisible: e !== !1 && E === B - 1,
+            onFocusedItemUnmount: P,
+            children: i
+          }, i.key ?? E))
+        }),
+        k && /* @__PURE__ */ V(M.Trigger, {
+          ref: v,
+          type: "button",
+          className: H.trigger,
+          "data-visible": g || void 0,
+          "aria-label": `+${G} ${a}`,
+          ...Y,
+          children: ["+", G]
+        }),
+        /* @__PURE__ */ l(M.Portal, { children: /* @__PURE__ */ l(M.Positioner, {
+          anchor: L,
+          align: "start",
+          sideOffset: -9,
+          alignOffset: -7,
+          children: /* @__PURE__ */ l(M.Popup, {
+            "aria-label": a,
+            className: H.popup,
+            "data-overflowing-list-popup": "",
+            ...Y,
+            children: t
+          })
+        }) })
+      ]
+    })
+  });
+}, Re = "_header_1dz7y_1", Ie = "_titleRow_1dz7y_8", we = "_title_1dz7y_8", Ne = "_actions_1dz7y_21", Oe = "_description_1dz7y_27", D = {
+  header: Re,
+  titleRow: Ie,
+  title: we,
+  actions: Ne,
+  description: Oe
+}, Se = ({ title: t, description: e, actions: r, level: a = 2, size: s = "md", color: o = "primary", descriptionLineClamp: n = 5, isDescriptionFocusable: c = !1, render: p, ref: x, className: F, ...w }) => {
+  const y = ie(), u = K(e) ? ne(e) : h(e) && e !== !1, d = K(e) && n !== !1, m = K(e) ? /* @__PURE__ */ l(se, {
+    style: { whiteSpace: "pre-wrap" },
+    children: e
+  }) : e;
+  return j({
+    render: p,
+    ref: x,
+    props: {
+      ...w,
+      className: T(D.header, F),
+      children: /* @__PURE__ */ V(te, { children: [/* @__PURE__ */ V("div", {
+        className: D.titleRow,
+        children: [/* @__PURE__ */ l(oe, {
+          level: a,
+          size: s,
+          color: o,
+          className: D.title,
+          "aria-describedby": u ? y : void 0,
+          children: t
+        }), h(r) && /* @__PURE__ */ l("div", {
+          className: D.actions,
+          children: r
+        })]
+      }), u && /* @__PURE__ */ l("div", {
+        id: y,
+        className: D.description,
+        children: d ? /* @__PURE__ */ l(ae, {
+          text: e,
+          lineClamp: n,
+          isTooltipMultiline: !0,
+          isFocusable: c
+        }) : m
+      })] })
+    }
+  });
+}, We = "_root_ztxxm_1", Te = "_fullWidth_ztxxm_20", Z = {
+  root: We,
+  fullWidth: Te
+}, xe = ({ align: t = "left", color: e = "primary", fullWidth: r = !0, className: a, render: s, ref: o, ...n }) => j({
+  render: s,
+  ref: o,
+  props: {
+    ...n,
+    "data-align": t,
+    "data-color": e,
+    className: T(Z.root, r && Z.fullWidth, a)
+  }
+}), Ue = {
+  Root: xe,
+  Header: Se
+};
+export {
+  qe as n,
+  Ve as r,
+  Ue as t
+};

package/dist/layout-wuIu4rJ3.cjs

@@ -0,0 +1 @@
+const h=require("./isDefined-DS2Q42p5.cjs"),B=require("./OverflowingTextWithTooltip-BlufG-6n.cjs"),C=require("./Popover-CneCJTvD.cjs"),Z=require("./Heading-CTRYClCO.cjs");let U=require("@base-ui/react/use-render"),z=require("@sniptt/guards"),P=require("clsx"),o=require("react"),s=require("react/jsx-runtime"),G=require("@base-ui/utils/useMergedRefs");var ee="_container_1hm4x_1",te="_layer_1hm4x_9",re="_visible_1hm4x_23",se="_hidden_1hm4x_28",I={container:ee,layer:te,visible:re,hidden:se},ie=({isActive:t,activeIcon:e,inactiveIcon:r,className:n,render:i,ref:a,...c})=>(0,U.useRender)({defaultTagName:"span",render:i,ref:a,props:{...c,className:(0,P.clsx)(I.container,n),children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{"aria-hidden":"true",className:(0,P.clsx)(I.layer,t?I.hidden:I.visible),children:r}),(0,s.jsx)("span",{"aria-hidden":"true",className:(0,P.clsx)(I.layer,t?I.visible:I.hidden),children:e})]})}}),ne="_root_1yq9n_1",ae="_items_1yq9n_11",oe="_item_1yq9n_11",ce="_trigger_1yq9n_45",le="_popup_1yq9n_72",E={root:ne,items:ae,item:oe,trigger:ce,popup:le},Y=t=>(0,o.useCallback)(e=>{if(h.isDefined(e))return()=>{e.contains(e.ownerDocument.activeElement)&&t()}},[t]),ue=({children:t,isHidden:e,isLastVisible:r,onFocusedItemUnmount:n})=>(0,s.jsx)("div",{ref:Y(n),className:E.item,"data-hidden":e||void 0,"data-last-visible":r||void 0,"aria-hidden":e||void 0,inert:e,children:t}),J=({itemWidths:t,availableWidth:e,gap:r,includePartialItem:n})=>{let i=0,a=0;for(const c of t){const u=i+c+(a>0?r:0);if(a!==0&&u>e){const p=i+r<e;return n&&p?a+1:a}i=u,a+=1}return a},de=({items:t,itemElements:e,supportsSynchronousLayout:r})=>{if(!r)return e.map(i=>i.scrollWidth);t.setAttribute("data-measuring","");const n=e.map(i=>i.clientWidth);return t.removeAttribute("data-measuring"),n},fe=100,ve=({itemCount:t,inlineItemCount:e,reserveCountSpace:r,isMeasurementEnabled:n})=>{const i=(0,o.useRef)(null),a=(0,o.useRef)(null),c=(0,o.useRef)(null),u=(0,o.useRef)(void 0),p=(0,o.useRef)({itemCount:t,reserveCountSpace:r}),[N,q]=(0,o.useState)(e),[S,y]=(0,o.useState)(t>e);return(0,o.useLayoutEffect)(()=>{p.current={itemCount:t,reserveCountSpace:r},u.current?.()},[t,e,r]),(0,o.useLayoutEffect)(()=>{const f=i.current,d=a.current;if(!n||!h.isDefined(f)||!h.isDefined(d))return;const v=h.isDefined(globalThis.ResizeObserver),R=new Set,m=()=>{const x=Array.from(d.children),O=new Set([f,...x]);h.isDefined(c.current)&&O.add(c.current);for(const _ of R)O.has(_)||(g?.unobserve(_),R.delete(_));for(const _ of O)R.has(_)||(g?.observe(_),R.add(_));const T=p.current,j=de({items:d,itemElements:x,supportsSynchronousLayout:v}),W=parseFloat(getComputedStyle(d).columnGap)||0,w=f.clientWidth,A=J({itemWidths:j,availableWidth:w,gap:W,includePartialItem:!1}),D=T.itemCount>A,H=c.current?.offsetWidth??0,V=T.reserveCountSpace&&D?Math.max(0,w-H-W):w;y(D),q(J({itemWidths:j,availableWidth:V,gap:W,includePartialItem:!0}))},g=v?new ResizeObserver(m):void 0;u.current=m,m();const b=new MutationObserver(m);if(b.observe(d,{attributes:!0,attributeFilter:["class","style","hidden"],characterData:!0,childList:!0,subtree:!0}),b.observe(f,{childList:!0}),!h.isDefined(g)){const x=setInterval(m,fe);return window.addEventListener("resize",m),()=>{u.current=void 0,clearInterval(x),b.disconnect(),window.removeEventListener("resize",m)}}return()=>{u.current=void 0,b.disconnect(),g.disconnect()}},[n]),{containerRef:i,itemsRef:a,triggerRef:c,visibleItemCount:N,hasOverflow:S}},F=t=>t.stopPropagation(),Q={onClick:F,onMouseDown:F,onPointerDown:F,onKeyDown:F,onKeyUp:F},me=({children:t,showOverflowCount:e,maxInlineCount:r,overflowLabel:n="Show all items",className:i,onMouseEnter:a,onMouseLeave:c,onFocusCapture:u,onBlurCapture:p,ref:N,...q})=>{const[S,y]=(0,o.useState)(!1),[f,d]=(0,o.useState)(!1),[v,R]=(0,o.useState)(!1),[m,g]=(0,o.useState)(),b=e??m??(S||f||v),x=h.isDefined(r)&&Number.isFinite(r)?Math.min(t.length,Math.max(0,Math.floor(r))):t.length,O=e??(S||f||v),{containerRef:T,itemsRef:j,triggerRef:W,visibleItemCount:w,hasOverflow:A}=ve({itemCount:t.length,inlineItemCount:x,reserveCountSpace:b,isMeasurementEnabled:O}),D=(0,o.useCallback)(()=>{d(!1),g(void 0)},[]),H=Y(D),V=(0,G.useMergedRefs)(T,N),_=(0,G.useMergedRefs)(W,H),K=O?w:x,$=t.length-w,k=A&&(v||e!==!1);return v&&!k&&R(!1),(0,s.jsx)(C.Popover.Root,{open:v&&k,onOpenChange:R,children:(0,s.jsxs)("div",{...q,ref:V,className:(0,P.clsx)(E.root,i),onMouseEnter:l=>{y(!0),a?.(l)},onMouseLeave:l=>{y(!1),c?.(l)},onFocusCapture:l=>{d(!0),j.current?.contains(l.target)&&g(L=>L??b),u?.(l)},onBlurCapture:l=>{d(l.currentTarget.contains(l.relatedTarget)),j.current?.contains(l.relatedTarget)||g(void 0),p?.(l)},children:[(0,s.jsx)("div",{ref:j,className:E.items,children:t.slice(0,x).map((l,L)=>(0,s.jsx)(ue,{isHidden:L>=K,isLastVisible:e!==!1&&L===K-1,onFocusedItemUnmount:D,children:l},l.key??L))}),k&&(0,s.jsxs)(C.Popover.Trigger,{ref:_,type:"button",className:E.trigger,"data-visible":b||void 0,"aria-label":`+${$} ${n}`,...Q,children:["+",$]}),(0,s.jsx)(C.Popover.Portal,{children:(0,s.jsx)(C.Popover.Positioner,{anchor:T,align:"start",sideOffset:-9,alignOffset:-7,children:(0,s.jsx)(C.Popover.Popup,{"aria-label":n,className:E.popup,"data-overflowing-list-popup":"",...Q,children:t})})})]})})},_e="_header_1dz7y_1",he="_titleRow_1dz7y_8",pe="_title_1dz7y_8",ge="_actions_1dz7y_21",be="_description_1dz7y_27",M={header:_e,titleRow:he,title:pe,actions:ge,description:be},xe=({title:t,description:e,actions:r,level:n=2,size:i="md",color:a="primary",descriptionLineClamp:c=5,isDescriptionFocusable:u=!1,render:p,ref:N,className:q,...S})=>{const y=(0,o.useId)(),f=(0,z.isString)(e)?(0,z.isNonEmptyString)(e):h.isDefined(e)&&e!==!1,d=(0,z.isString)(e)&&c!==!1,v=(0,z.isString)(e)?(0,s.jsx)(B.Text,{style:{whiteSpace:"pre-wrap"},children:e}):e;return(0,U.useRender)({render:p,ref:N,props:{...S,className:(0,P.clsx)(M.header,q),children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:M.titleRow,children:[(0,s.jsx)(Z.Heading,{level:n,size:i,color:a,className:M.title,"aria-describedby":f?y:void 0,children:t}),h.isDefined(r)&&(0,s.jsx)("div",{className:M.actions,children:r})]}),f&&(0,s.jsx)("div",{id:y,className:M.description,children:d?(0,s.jsx)(B.OverflowingTextWithTooltip,{text:e,lineClamp:c,isTooltipMultiline:!0,isFocusable:u}):v})]})}})},ye="_root_ztxxm_1",Re="_fullWidth_ztxxm_20",X={root:ye,fullWidth:Re},Ie=({align:t="left",color:e="primary",fullWidth:r=!0,className:n,render:i,ref:a,...c})=>(0,U.useRender)({render:i,ref:a,props:{...c,"data-align":t,"data-color":e,className:(0,P.clsx)(X.root,r&&X.fullWidth,n)}}),Se={Root:Ie,Header:xe};Object.defineProperty(exports,"AnimatedIconCrossfade",{enumerable:!0,get:function(){return ie}});Object.defineProperty(exports,"OverflowingList",{enumerable:!0,get:function(){return me}});Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return Se}});