npm - @px-ui/core - Versions diffs - 1.23.0 → 1.25.0 - Mend

@px-ui/core 1.23.0 → 1.25.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (379) hide show

package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/index.parts.js ADDED Viewed

@@ -0,0 +1,38 @@
+import { SelectRoot as e } from "./root/SelectRoot.js";
+import { SelectTrigger as l } from "./trigger/SelectTrigger.js";
+import { SelectValue as a } from "./value/SelectValue.js";
+import { SelectIcon as m } from "./icon/SelectIcon.js";
+import { SelectPortal as s } from "./portal/SelectPortal.js";
+import { SelectBackdrop as f } from "./backdrop/SelectBackdrop.js";
+import { SelectPositioner as I } from "./positioner/SelectPositioner.js";
+import { SelectPopup as u } from "./popup/SelectPopup.js";
+import { SelectList as A } from "./list/SelectList.js";
+import { SelectItem as d } from "./item/SelectItem.js";
+import { SelectItemIndicator as G } from "./item-indicator/SelectItemIndicator.js";
+import { SelectItemText as T } from "./item-text/SelectItemText.js";
+import { SelectArrow as k } from "./arrow/SelectArrow.js";
+import { SelectScrollDownArrow as D } from "./scroll-down-arrow/SelectScrollDownArrow.js";
+import { SelectScrollUpArrow as U } from "./scroll-up-arrow/SelectScrollUpArrow.js";
+import { SelectGroup as h } from "./group/SelectGroup.js";
+import { SelectGroupLabel as q } from "./group-label/SelectGroupLabel.js";
+import { Separator as y } from "../separator/Separator.js";
+export {
+  k as Arrow,
+  f as Backdrop,
+  h as Group,
+  q as GroupLabel,
+  m as Icon,
+  d as Item,
+  G as ItemIndicator,
+  T as ItemText,
+  A as List,
+  u as Popup,
+  s as Portal,
+  I as Positioner,
+  e as Root,
+  D as ScrollDownArrow,
+  U as ScrollUpArrow,
+  y as Separator,
+  l as Trigger,
+  a as Value
+};

package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/item/SelectItem.js ADDED Viewed

@@ -0,0 +1,140 @@
+import * as s from "react";
+import { useIsoLayoutEffect as T } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useIsoLayoutEffect.js";
+import { useLatestRef as H } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useLatestRef.js";
+import { isMouseWithinBounds as J } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/isMouseWithinBounds.js";
+import { useTimeout as Q } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useTimeout.js";
+import { useSelectRootContext as X } from "../root/SelectRootContext.js";
+import { useCompositeListItem as Y, IndexGuessBehavior as Z } from "../../composite/list/useCompositeListItem.js";
+import { useRenderElement as $ } from "../../utils/useRenderElement.js";
+import { SelectItemContext as ee } from "./SelectItemContext.js";
+import { selectors as a } from "../store.js";
+import { createChangeEventDetails as w } from "../../utils/createBaseUIEventDetails.js";
+import { itemIncludes as te, compareItemEquality as re, removeItem as oe } from "../../utils/itemEquality.js";
+import { j as ne } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { useButton as se } from "../../use-button/useButton.js";
+import { useStore as d } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/store/useStore.js";
+const ie = /* @__PURE__ */ s.memo(/* @__PURE__ */ s.forwardRef(function(g, A) {
+  const {
+    render: ce,
+    className: le,
+    value: o = null,
+    label: D,
+    disabled: u = !1,
+    nativeButton: C = !1,
+    ...F
+  } = g, R = s.useRef(null), t = Y({
+    label: D,
+    textRef: R,
+    indexGuessBehavior: Z.GuessFromOrder
+  }), {
+    store: r,
+    getItemProps: k,
+    setOpen: L,
+    setValue: U,
+    selectionRef: y,
+    typingRef: N,
+    valuesRef: V,
+    registerItemIndex: h,
+    keyboardActiveRef: b,
+    multiple: S
+  } = X(), j = Q(), c = d(r, a.isActive, t.index), n = d(r, a.isSelected, t.index, o), l = d(r, a.value), B = d(r, a.isSelectedByFocus, t.index), f = d(r, a.isItemEqualToValue), q = s.useRef(null), i = H(t.index), m = t.index !== -1;
+  T(() => {
+    if (!m)
+      return;
+    const e = V.current;
+    return e[t.index] = o, () => {
+      delete e[t.index];
+    };
+  }, [m, t.index, o, V]), T(() => {
+    m && (S ? Array.isArray(l) && te(l, o, f) && h(t.index) : re(l, o, f) && h(t.index));
+  }, [m, t.index, h, o, l, S, f]);
+  const G = s.useMemo(() => ({
+    disabled: u,
+    selected: n,
+    highlighted: c
+  }), [u, n, c]), M = k({
+    active: c,
+    selected: n
+  });
+  delete M.onFocus, delete M.id;
+  const p = s.useRef(null), x = s.useRef("mouse"), v = s.useRef(!1), {
+    getButtonProps: O,
+    buttonRef: K
+  } = se({
+    disabled: u,
+    focusableWhenDisabled: !0,
+    native: C
+  });
+  function P(e) {
+    if (S) {
+      const I = Array.isArray(l) ? l : [], E = n ? oe(I, o, f) : [...I, o];
+      U(E, w("item-press", e));
+    } else
+      U(o, w("item-press", e)), L(!1, w("item-press", e));
+  }
+  const W = {
+    role: "option",
+    "aria-selected": n,
+    "aria-disabled": u || void 0,
+    tabIndex: c ? 0 : -1,
+    onFocus() {
+      r.set("activeIndex", i.current);
+    },
+    onMouseEnter() {
+      !b.current && r.state.selectedIndex === null && r.set("activeIndex", i.current);
+    },
+    onMouseMove() {
+      r.set("activeIndex", i.current);
+    },
+    onMouseLeave(e) {
+      b.current || J(e) || j.start(0, () => {
+        r.state.activeIndex === i.current && r.set("activeIndex", null);
+      });
+    },
+    onTouchStart() {
+      y.current = {
+        allowSelectedMouseUp: !1,
+        allowUnselectedMouseUp: !1
+      };
+    },
+    onKeyDown(e) {
+      p.current = e.key, r.set("activeIndex", i.current);
+    },
+    onClick(e) {
+      v.current = !1, !(e.type === "keydown" && p.current === null) && (u || p.current === " " && N.current || x.current !== "touch" && !c || (p.current = null, P(e.nativeEvent)));
+    },
+    onPointerEnter(e) {
+      x.current = e.pointerType;
+    },
+    onPointerDown(e) {
+      x.current = e.pointerType, v.current = !0;
+    },
+    onMouseUp(e) {
+      if (u)
+        return;
+      if (v.current) {
+        v.current = !1;
+        return;
+      }
+      const I = !y.current.allowSelectedMouseUp && n, E = !y.current.allowUnselectedMouseUp && !n;
+      I || E || x.current !== "touch" && !c || P(e.nativeEvent);
+    }
+  }, _ = $("div", g, {
+    ref: [K, A, t.ref, q],
+    state: G,
+    props: [M, W, F, O]
+  }), z = s.useMemo(() => ({
+    selected: n,
+    indexRef: i,
+    textRef: R,
+    selectedByFocus: B
+  }), [n, i, R, B]);
+  return /* @__PURE__ */ ne.jsx(ee.Provider, {
+    value: z,
+    children: _
+  });
+}));
+process.env.NODE_ENV !== "production" && (ie.displayName = "SelectItem");
+export {
+  ie as SelectItem
+};

@@ -0,0 +1,13 @@
+import * as t from "react";
+const n = /* @__PURE__ */ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "SelectItemContext");
+function o() {
+  const e = t.useContext(n);
+  if (!e)
+    throw new Error("Base UI: SelectItemContext is missing. SelectItem parts must be placed within <Select.Item>.");
+  return e;
+}
+export {
+  n as SelectItemContext,
+  o as useSelectItemContext
+};

@@ -0,0 +1,54 @@
+import * as t from "react";
+import { useSelectItemContext as c } from "../item/SelectItemContext.js";
+import { useTransitionStatus as R } from "../../utils/useTransitionStatus.js";
+import { useOpenChangeComplete as M } from "../../utils/useOpenChangeComplete.js";
+import { useRenderElement as N } from "../../utils/useRenderElement.js";
+import { transitionStatusMapping as S } from "../../utils/stateAttributesMapping.js";
+import { j as h } from "../../../../../../../../../_virtual/jsx-runtime.js";
+const E = /* @__PURE__ */ t.forwardRef(function(n, r) {
+  const s = n.keepMounted ?? !1, {
+    selected: i
+  } = c();
+  return s || i ? /* @__PURE__ */ h.jsx(u, {
+    ...n,
+    ref: r
+  }) : null;
+});
+process.env.NODE_ENV !== "production" && (E.displayName = "SelectItemIndicator");
+const u = /* @__PURE__ */ t.memo(/* @__PURE__ */ t.forwardRef((o, n) => {
+  const {
+    render: r,
+    className: s,
+    keepMounted: i,
+    ...a
+  } = o, {
+    selected: e
+  } = c(), m = t.useRef(null), {
+    mounted: p,
+    transitionStatus: d,
+    setMounted: f
+  } = R(e), l = t.useMemo(() => ({
+    selected: e,
+    transitionStatus: d
+  }), [e, d]), I = N("span", o, {
+    ref: [n, m],
+    state: l,
+    props: [{
+      hidden: !p,
+      "aria-hidden": !0,
+      children: "✔️"
+    }, a],
+    stateAttributesMapping: S
+  });
+  return M({
+    open: e,
+    ref: m,
+    onComplete() {
+      e || f(!1);
+    }
+  }), I;
+}));
+process.env.NODE_ENV !== "production" && (u.displayName = "Inner");
+export {
+  E as SelectItemIndicator
+};

@@ -0,0 +1,30 @@
+import * as t from "react";
+import { useSelectRootContext as i } from "../root/SelectRootContext.js";
+import { useSelectItemContext as a } from "../item/SelectItemContext.js";
+import { useRenderElement as d } from "../../utils/useRenderElement.js";
+const x = /* @__PURE__ */ t.memo(/* @__PURE__ */ t.forwardRef(function(r, s) {
+  const {
+    indexRef: o,
+    textRef: m,
+    selectedByFocus: c
+  } = a(), {
+    selectedItemTextRef: e
+  } = i(), {
+    className: R,
+    render: I,
+    ...l
+  } = r, u = t.useCallback((n) => {
+    n && queueMicrotask(() => {
+      const f = e.current === null || !e.current.isConnected;
+      (c || f && o.current === 0) && (e.current = n);
+    });
+  }, [e, o, c]);
+  return d("div", r, {
+    ref: [u, s, m],
+    props: l
+  });
+}));
+process.env.NODE_ENV !== "production" && (x.displayName = "SelectItemText");
+export {
+  x as SelectItemText
+};

@@ -0,0 +1,43 @@
+import * as S from "react";
+import { useEventCallback as N } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useEventCallback.js";
+import { useSelectRootContext as E } from "../root/SelectRootContext.js";
+import { useSelectPositionerContext as L } from "../positioner/SelectPositionerContext.js";
+import { useRenderElement as b } from "../../utils/useRenderElement.js";
+import { styleDisableScrollbar as h } from "../../utils/styles.js";
+import { LIST_FUNCTIONAL_STYLES as y } from "../popup/utils.js";
+import { selectors as e } from "../store.js";
+import { useStore as o } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/store/useStore.js";
+const T = /* @__PURE__ */ S.forwardRef(function(i, c) {
+  const {
+    className: v,
+    render: x,
+    ...n
+  } = i, {
+    store: t,
+    scrollHandlerRef: r
+  } = E(), {
+    alignItemWithTriggerActive: m
+  } = L(), a = o(t, e.hasScrollArrows), u = o(t, e.touchModality), p = o(t, e.multiple), d = {
+    id: `${o(t, e.id)}-list`,
+    role: "listbox",
+    "aria-multiselectable": p || void 0,
+    onScroll(s) {
+      var l;
+      (l = r.current) == null || l.call(r, s.currentTarget);
+    },
+    ...m && {
+      style: y
+    },
+    className: a && !u ? h.className : void 0
+  }, f = N((s) => {
+    t.set("listElement", s);
+  });
+  return b("div", i, {
+    ref: [c, f],
+    props: [d, n]
+  });
+});
+process.env.NODE_ENV !== "production" && (T.displayName = "SelectList");
+export {
+  T as SelectList
+};

@@ -0,0 +1,201 @@
+import * as i from "react";
+import * as $t from "react-dom";
+import { useTimeout as Wt } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useTimeout.js";
+import { isWebKit as kt } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/detectBrowser.js";
+import { useEventCallback as _t } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useEventCallback.js";
+import { ownerDocument as st } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/owner.js";
+import { isMouseWithinBounds as jt } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/isMouseWithinBounds.js";
+import { useIsoLayoutEffect as k } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useIsoLayoutEffect.js";
+import { useAnimationFrame as zt } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/useAnimationFrame.js";
+import { useSelectRootContext as Yt } from "../root/SelectRootContext.js";
+import { popupStateMapping as Kt } from "../../utils/popupStateMapping.js";
+import { useSelectPositionerContext as Vt } from "../positioner/SelectPositionerContext.js";
+import { styleDisableScrollbar as lt } from "../../utils/styles.js";
+import { transitionStatusMapping as qt } from "../../utils/stateAttributesMapping.js";
+import { useOpenChangeComplete as Ut } from "../../utils/useOpenChangeComplete.js";
+import { useRenderElement as Xt } from "../../utils/useRenderElement.js";
+import { selectors as p } from "../store.js";
+import { clearStyles as ct, LIST_FUNCTIONAL_STYLES as Zt } from "./utils.js";
+import { DISABLED_TRANSITIONS_STYLE as Gt } from "../../utils/constants.js";
+import { createChangeEventDetails as Jt } from "../../utils/createBaseUIEventDetails.js";
+import { useToolbarRootContext as Qt } from "../../toolbar/root/ToolbarRootContext.js";
+import { COMPOSITE_KEYS as te } from "../../composite/composite.js";
+import { j as mt } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { getWindow as at } from "../../../../../../../@floating-ui_utils@0.2.10/node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.js";
+import { FloatingFocusManager as ee } from "../../floating-ui-react/components/FloatingFocusManager.js";
+import { useStore as u } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/store/useStore.js";
+const oe = {
+  ...Kt,
+  ...qt
+}, ne = /* @__PURE__ */ i.forwardRef(function(_, pt) {
+  const {
+    render: ie,
+    className: se,
+    ...ut
+  } = _, {
+    store: n,
+    popupRef: m,
+    onOpenChangeComplete: I,
+    setOpen: j,
+    valueRef: z,
+    selectedItemTextRef: Y,
+    keyboardActiveRef: K,
+    multiple: gt,
+    handleScrollArrowVisibility: R,
+    scrollHandlerRef: w
+  } = Yt(), {
+    side: V,
+    align: q,
+    context: ft,
+    alignItemWithTriggerActive: s,
+    setControlledAlignItemWithTrigger: U,
+    scrollDownArrowRef: ht,
+    scrollUpArrowRef: dt
+  } = Vt(), Tt = Qt() != null, xt = Wt(), yt = u(n, p.id), P = u(n, p.open), g = u(n, p.mounted), St = u(n, p.popupProps), N = u(n, p.transitionStatus), B = u(n, p.triggerElement), t = u(n, p.positionerElement), S = u(n, p.listElement), F = i.useRef(0), H = i.useRef(!1), Rt = i.useRef(0), E = i.useRef(!1), L = i.useRef({}), X = zt(), Z = _t((e) => {
+    if (!t || !m.current || !E.current)
+      return;
+    if (H.current || !s) {
+      R();
+      return;
+    }
+    const o = t.style.top === "0px", M = t.style.bottom === "0px", f = t.getBoundingClientRect().height, O = st(t), l = getComputedStyle(t), h = parseFloat(l.marginTop), A = parseFloat(l.marginBottom), c = O.documentElement.clientHeight - h - A;
+    if (o) {
+      const r = e.scrollTop, b = e.scrollHeight - e.clientHeight, a = b - r, d = Math.min(f + a, c);
+      t.style.height = `${Math.min(f + a, c)}px`, d !== c ? e.scrollTop = b : H.current = !0;
+    } else if (M) {
+      const a = e.scrollTop - 0, d = Math.min(f + a, c), T = f + a, v = T - c;
+      t.style.height = `${Math.min(T, c)}px`, d !== c ? e.scrollTop = 0 : (H.current = !0, e.scrollTop < e.scrollHeight - e.clientHeight && (e.scrollTop -= a - v));
+    }
+    R();
+  });
+  i.useImperativeHandle(w, () => Z, [Z]), Ut({
+    open: P,
+    ref: m,
+    onComplete() {
+      P && (I == null || I(!0));
+    }
+  });
+  const Ht = i.useMemo(() => ({
+    open: P,
+    transitionStatus: N,
+    side: V,
+    align: q
+  }), [P, N, V, q]);
+  k(() => {
+    !t || !m.current || Object.keys(L.current).length || (L.current = {
+      top: t.style.top || "0",
+      left: t.style.left || "0",
+      right: t.style.right,
+      height: t.style.height,
+      bottom: t.style.bottom,
+      minHeight: t.style.minHeight,
+      maxHeight: t.style.maxHeight,
+      marginTop: t.style.marginTop,
+      marginBottom: t.style.marginBottom
+    });
+  }, [m, t]), k(() => {
+    g || s || (E.current = !1, H.current = !1, F.current = 0, Rt.current = 0, ct(t, L.current));
+  }, [g, s, t, m]), k(() => {
+    const e = m.current;
+    if (!(!g || !B || !t || !e)) {
+      if (!s) {
+        E.current = !0, X.request(R);
+        return;
+      }
+      queueMicrotask(() => {
+        var it;
+        const o = getComputedStyle(t), M = getComputedStyle(e), f = st(B), O = at(t), l = B.getBoundingClientRect(), h = t.getBoundingClientRect(), A = l.left, c = l.height, r = S || e, b = r.scrollHeight, a = parseFloat(M.borderBottomWidth), d = parseFloat(o.marginTop) || 10, T = parseFloat(o.marginBottom) || 10, v = parseFloat(o.minHeight) || 100, bt = 5, vt = 5, G = 20, x = f.documentElement.clientHeight - d - T, Ct = f.documentElement.clientWidth, wt = x - l.bottom + c, J = Y.current, Q = z.current;
+        let tt = 0, et = 0;
+        if (J && Q) {
+          const C = Q.getBoundingClientRect(), W = J.getBoundingClientRect(), It = C.left - A, Nt = W.left - h.left, Ot = C.top - l.top + C.height / 2, Dt = W.top - h.top + W.height / 2;
+          tt = It - Nt, et = Dt - Ot;
+        }
+        const D = wt + et + T + a;
+        let y = Math.min(x, D);
+        const Pt = x - d - T, $ = D - y, ot = Math.max(bt, A + tt), Bt = Ct - vt, Ft = Math.max(0, ot + h.width - Bt);
+        t.style.left = `${ot - Ft}px`, t.style.height = `${y}px`, t.style.maxHeight = "auto", t.style.marginTop = `${d}px`, t.style.marginBottom = `${T}px`, e.style.height = "100%";
+        const nt = r.scrollHeight - r.clientHeight, rt = $ >= nt;
+        rt && (y = Math.min(x, h.height) - ($ - nt));
+        const Lt = l.top < G || l.bottom > x - G || y < Math.min(b, v), At = (((it = O.visualViewport) == null ? void 0 : it.scale) ?? 1) !== 1 && kt;
+        if (Lt || At) {
+          E.current = !0, ct(t, L.current), $t.flushSync(() => U(!1));
+          return;
+        }
+        if (rt) {
+          const C = Math.max(0, x - D);
+          t.style.top = h.height >= Pt ? "0" : `${C}px`, t.style.height = `${y}px`, r.scrollTop = r.scrollHeight - r.clientHeight, F.current = Math.max(v, y);
+        } else
+          t.style.bottom = "0", F.current = Math.max(v, y), r.scrollTop = $;
+        F.current === x && (H.current = !0), R(), setTimeout(() => {
+          E.current = !0;
+        });
+      });
+    }
+  }, [n, g, t, B, z, Y, m, R, s, U, X, ht, dt, S]), i.useEffect(() => {
+    if (!s || !t || !g)
+      return;
+    const e = at(t);
+    function o(M) {
+      j(!1, Jt("window-resize", M));
+    }
+    return e.addEventListener("resize", o), () => {
+      e.removeEventListener("resize", o);
+    };
+  }, [j, s, t, g]);
+  const Et = {
+    ...S ? {
+      role: "presentation",
+      "aria-orientation": void 0
+    } : {
+      role: "listbox",
+      "aria-multiselectable": gt || void 0,
+      id: `${yt}-list`
+    },
+    onKeyDown(e) {
+      K.current = !0, Tt && te.has(e.key) && e.stopPropagation();
+    },
+    onMouseMove() {
+      K.current = !1;
+    },
+    onPointerLeave(e) {
+      if (jt(e) || e.pointerType === "touch")
+        return;
+      const o = e.currentTarget;
+      xt.start(0, () => {
+        n.set("activeIndex", null), o.focus({
+          preventScroll: !0
+        });
+      });
+    },
+    onScroll(e) {
+      var o;
+      S || (o = w.current) == null || o.call(w, e.currentTarget);
+    },
+    ...s && {
+      style: S ? {
+        height: "100%"
+      } : Zt
+    }
+  }, Mt = Xt("div", _, {
+    ref: [pt, m],
+    state: Ht,
+    stateAttributesMapping: oe,
+    props: [St, Et, {
+      style: N === "starting" ? Gt.style : void 0,
+      className: !S && s ? lt.className : void 0
+    }, ut]
+  });
+  return /* @__PURE__ */ mt.jsxs(i.Fragment, {
+    children: [lt.element, /* @__PURE__ */ mt.jsx(ee, {
+      context: ft,
+      modal: !1,
+      disabled: !g,
+      restoreFocus: !0,
+      children: Mt
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (ne.displayName = "SelectPopup");
+export {
+  ne as SelectPopup
+};

package/dist/node_modules/.pnpm/@base-ui-components_react@1.0.0-beta.4_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/react/esm/select/popup/utils.js ADDED Viewed

@@ -0,0 +1,13 @@
+function e(o, t) {
+  o && Object.assign(o.style, t);
+}
+const i = {
+  position: "relative",
+  maxHeight: "100%",
+  overflowX: "hidden",
+  overflowY: "auto"
+};
+export {
+  i as LIST_FUNCTIONAL_STYLES,
+  e as clearStyles
+};

@@ -0,0 +1,25 @@
+import "react";
+import { SelectPortalContext as m } from "./SelectPortalContext.js";
+import { useSelectRootContext as u } from "../root/SelectRootContext.js";
+import { selectors as t } from "../store.js";
+import { j as r } from "../../../../../../../../../_virtual/jsx-runtime.js";
+import { FloatingPortal as d } from "../../floating-ui-react/components/FloatingPortal.js";
+import { useStore as e } from "../../../../../../../@base-ui-components_utils@0.1.2_@types_react@19.2.0_react-dom@19.2.0_react@19.2.0/node_modules/@base-ui-components/utils/esm/store/useStore.js";
+function S(n) {
+  const {
+    children: s,
+    container: c
+  } = n, {
+    store: o
+  } = u(), i = e(o, t.mounted), l = e(o, t.forceMount);
+  return i || l ? /* @__PURE__ */ r.jsx(m.Provider, {
+    value: !0,
+    children: /* @__PURE__ */ r.jsx(d, {
+      root: c,
+      children: s
+    })
+  }) : null;
+}
+export {
+  S as SelectPortal
+};

@@ -0,0 +1,6 @@
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "SelectPortalContext");
+export {
+  t as SelectPortalContext
+};