@rpcbase/ui 0.260.0 → 0.262.0

package/dist/index406.js

@@ -1,34 +1,247 @@
 "use client";
 import { useRenderElement as e } from "./index196.js";
-import { useStableCallback as t } from "./index202.js";
-import { useStore as n } from "./index260.js";
-import { useSelectRootContext as r } from "./index366.js";
-import { selectors as i } from "./index376.js";
-import { useSelectPositionerContext as a } from "./index396.js";
-import { LIST_FUNCTIONAL_STYLES as o } from "./index397.js";
-import { styleDisableScrollbar as s } from "./index402.js";
-import * as c from "react";
-//#region ../../node_modules/@base-ui/react/select/list/SelectList.mjs
-var l = /*#__PURE__*/ c.forwardRef(function(c, l) {
-	let { render: u, className: d, style: f, ...p } = c, { store: m, scrollHandlerRef: h } = r(), { alignItemWithTriggerActive: g } = a(), _ = n(m, i.hasScrollArrows), v = n(m, i.openMethod), y = n(m, i.multiple), b = {
-		id: `${n(m, i.id)}-list`,
-		role: "listbox",
-		"aria-multiselectable": y || void 0,
+import { transitionStatusMapping as t } from "./index197.js";
+import { popupStateMapping as n } from "./index198.js";
+import { getWindow as r } from "./index200.js";
+import { useStableCallback as i } from "./index202.js";
+import { useIsoLayoutEffect as a } from "./index204.js";
+import { windowResize as o } from "./index208.js";
+import { createChangeEventDetails as s } from "./index209.js";
+import { webkit as c } from "./index218.js";
+import { addEventListener as l } from "./index225.js";
+import { useAnimationFrame as u } from "./index228.js";
+import { ownerDocument as ee } from "./index229.js";
+import { rectToClientRect as d } from "./index232.js";
+import { FloatingFocusManager as f } from "./index244.js";
+import { platform as p } from "./index248.js";
+import { useStore as m } from "./index260.js";
+import { useOpenChangeComplete as h } from "./index267.js";
+import { COMPOSITE_KEYS as g } from "./index279.js";
+import { useSelectFloatingContext as _, useSelectRootContext as v } from "./index367.js";
+import { selectors as y } from "./index377.js";
+import { clamp as b } from "./index380.js";
+import { getMaxScrollOffset as x } from "./index381.js";
+import { useDirection as S } from "./index392.js";
+import { useSelectPositionerContext as C } from "./index397.js";
+import { LIST_FUNCTIONAL_STYLES as te, clearStyles as w } from "./index398.js";
+import { getDisabledMountTransitionStyles as T } from "./index399.js";
+import { styleDisableScrollbar as E } from "./index403.js";
+import { useToolbarRootContext as D } from "./index404.js";
+import { useCSPContext as O } from "./index405.js";
+import * as k from "react";
+import { jsx as ne, jsxs as A } from "react/jsx-runtime";
+//#region ../../node_modules/@base-ui/react/select/popup/SelectPopup.mjs
+var re = {
+	...n,
+	...t
+}, j = /*#__PURE__*/ k.forwardRef(function(t, n) {
+	let { render: d, className: p, style: x, finalFocus: j, ...F } = t, { store: L, popupRef: R, onOpenChangeComplete: oe, setOpen: se, valueRef: ce, firstItemTextRef: z, selectedItemTextRef: le, multiple: ue, handleScrollArrowVisibility: B, scrollHandlerRef: de, listRef: V, highlightItemOnHover: H } = v(), { side: fe, align: pe, alignItemWithTriggerActive: U, isPositioned: W, setControlledAlignItemWithTrigger: me } = C(), he = D(!0) != null, ge = _(), G = S(), { nonce: _e, disableStyleElements: ve } = O(), ye = m(L, y.id), K = m(L, y.open), be = m(L, y.openMethod), xe = m(L, y.mounted), Se = m(L, y.popupProps), Ce = m(L, y.transitionStatus), q = m(L, y.triggerElement), J = m(L, y.positionerElement), Y = m(L, y.listElement), X = k.useRef(!1), Z = k.useRef(!1), Q = k.useRef({}), we = u(), $ = i((e) => {
+		if (!J || !R.current || !Z.current) return;
+		if (X.current || !U) {
+			B();
+			return;
+		}
+		let t = J.style.top === "0px", n = J.style.bottom === "0px";
+		if (!t && !n) {
+			B();
+			return;
+		}
+		let i = ae(J), a = N(J.getBoundingClientRect().height, "y", i), o = ee(J), s = r(J), c = s.getComputedStyle(J), l = parseFloat(c.marginTop), u = parseFloat(c.marginBottom), d = ie(s.getComputedStyle(R.current)), f = Math.min(o.documentElement.clientHeight - l - u, d), p = e.scrollTop, m = M(e), h = 0, g = null, _ = !1, v = !1, y = (e) => {
+			J.style.height = `${e}px`;
+		}, x = (t, n) => {
+			let r = b(t, 0, f - a);
+			r > 0 && y(a + r), e.scrollTop = n, f - (a + r) <= 1 && (X.current = !0), B();
+		}, S = t ? m - p : p, C = Math.min(a + S, f);
+		if (h = C, S <= 1) {
+			x(S, t ? m : 0);
+			return;
+		}
+		if (f - C > 1 ? t ? v = !0 : g = 0 : (_ = !0, n && p < m && (g = p - (S - (a + S - f)))), h = Math.ceil(h), h !== 0 && y(h), v || g != null) {
+			let t = M(e), n = v ? t : b(g, 0, t);
+			Math.abs(e.scrollTop - n) > 1 && (e.scrollTop = n);
+		}
+		(_ || h >= f - 1) && (X.current = !0), B();
+	});
+	k.useImperativeHandle(de, () => $, [$]), h({
+		open: K,
+		ref: R,
+		onComplete() {
+			K && oe?.(!0);
+		}
+	});
+	let Te = {
+		open: K,
+		transitionStatus: Ce,
+		side: fe,
+		align: pe
+	};
+	a(() => {
+		!J || !R.current || Object.keys(Q.current).length || (Q.current = {
+			top: J.style.top || "0",
+			left: J.style.left || "0",
+			right: J.style.right,
+			height: J.style.height,
+			bottom: J.style.bottom,
+			minHeight: J.style.minHeight,
+			maxHeight: J.style.maxHeight,
+			marginTop: J.style.marginTop,
+			marginBottom: J.style.marginBottom
+		});
+	}, [R, J]), a(() => {
+		K || U || (Z.current = !1, X.current = !1, w(J, Q.current));
+	}, [
+		K,
+		U,
+		J,
+		R
+	]), a(() => {
+		let e = R.current;
+		if (!K || !q || !J || !e || U && !W || L.state.transitionStatus === "ending") return;
+		if (!U) {
+			Z.current = !0, we.request(B), e.style.removeProperty("--transform-origin");
+			return;
+		}
+		let t = I(e);
+		e.style.removeProperty("--transform-origin");
+		try {
+			let t = le.current;
+			t?.isConnected || (t = !y.hasSelectedValue(L.state) && z.current?.isConnected ? z.current : null);
+			let n = ce.current, i = r(J), a = i.getComputedStyle(J), o = i.getComputedStyle(e), s = ee(q), l = ae(q), u = P(q.getBoundingClientRect(), l), d = P(J.getBoundingClientRect(), l), f = u.height, p = Y || e, m = p.scrollHeight, h = parseFloat(o.borderBottomWidth), g = parseFloat(a.marginTop) || 10, _ = parseFloat(a.marginBottom) || 10, v = parseFloat(a.minHeight) || 100, x = ie(o), S = s.documentElement.clientHeight - g - _, C = s.documentElement.clientWidth, te = S - u.bottom + f, T, E = G === "rtl" ? u.right - d.width : u.left, D = 0;
+			if (t && n) {
+				let e = P(n.getBoundingClientRect(), l);
+				T = P(t.getBoundingClientRect(), l), E = d.left + (G === "rtl" ? e.right - T.right : e.left - T.left);
+				let r = e.top - u.top + e.height / 2;
+				D = T.top - d.top + T.height / 2 - r;
+			}
+			let O = te + D + _ + h, k = Math.min(S, O), ne = S - g - _, A = O - k, re = C - 5;
+			J.style.left = `${b(E, 5, re - d.width)}px`, J.style.height = `${k}px`, J.style.maxHeight = "none", J.style.marginTop = `${g}px`, J.style.marginBottom = `${_}px`, e.style.height = "100%";
+			let j = M(p), N = A >= j - 1;
+			N && (k = Math.min(S, d.height) - (A - j));
+			let F = u.top < 20 || u.bottom > S - 20 || Math.ceil(k) + 1 < Math.min(m, v), I = (i.visualViewport?.scale ?? 1) !== 1 && c;
+			if (F || I) {
+				Z.current = !0, w(J, Q.current), me(!1);
+				return;
+			}
+			let R = Math.max(v, k);
+			if (N) {
+				let e = Math.max(0, S - O);
+				J.style.top = d.height >= ne ? "0" : `${e}px`, J.style.height = `${k}px`, p.scrollTop = M(p);
+			} else J.style.bottom = "0", p.scrollTop = A;
+			if (T) {
+				let t = d.top, n = d.height, r = T.top + T.height / 2, i = b(n > 0 ? (r - t) / n * 100 : 50, 0, 100);
+				e.style.setProperty("--transform-origin", `50% ${i}%`);
+			}
+			(R === S || k >= x) && (X.current = !0), B(), H && L.state.selectedIndex === null && L.state.activeIndex === null && V.current[0] != null && L.set("activeIndex", 0), Z.current = !0;
+		} finally {
+			t();
+		}
+	}, [
+		L,
+		K,
+		J,
+		q,
+		ce,
+		z,
+		le,
+		R,
+		B,
+		U,
+		me,
+		we,
+		Y,
+		V,
+		H,
+		G,
+		W
+	]), k.useEffect(() => {
+		if (!U || !J || !K) return;
+		let e = r(J);
+		function t(e) {
+			se(!1, s(o, e));
+		}
+		return l(e, "resize", t);
+	}, [
+		se,
+		U,
+		J,
+		K
+	]);
+	let Ee = {
+		...Y ? {
+			role: "presentation",
+			"aria-orientation": void 0
+		} : {
+			role: "listbox",
+			"aria-multiselectable": ue || void 0,
+			id: `${ye}-list`
+		},
+		onKeyDown(e) {
+			he && g.has(e.key) && e.stopPropagation();
+		},
 		onScroll(e) {
-			h.current?.(e.currentTarget);
+			Y || $(e.currentTarget);
 		},
-		...g && { style: o },
-		className: _ && v !== "touch" ? s.className : void 0
-	};
-	return e("div", c, {
-		ref: [l, t((e) => {
-			m.set("listElement", e);
-		})],
-		props: [b, p]
+		...U && { style: Y ? { height: "100%" } : te }
+	}, De = e("div", t, {
+		ref: [n, R],
+		state: Te,
+		stateAttributesMapping: re,
+		props: [
+			Se,
+			Ee,
+			T(Ce),
+			{ className: !Y && U ? E.className : void 0 },
+			F
+		]
 	});
+	return /*#__PURE__*/ A(k.Fragment, { children: [!ve && E.getElement(_e), /*#__PURE__*/ ne(f, {
+		context: ge,
+		modal: !1,
+		disabled: !xe,
+		openInteractionType: be,
+		returnFocus: j,
+		restoreFocus: !0,
+		children: De
+	})] });
 });
-process.env.NODE_ENV !== "production" && (l.displayName = "SelectList");
+process.env.NODE_ENV !== "production" && (j.displayName = "SelectPopup");
+function ie(e) {
+	let t = e.maxHeight || "";
+	return t.endsWith("px") && parseFloat(t) || Infinity;
+}
+function M(e) {
+	return x(e.scrollHeight, e.clientHeight);
+}
+function ae(e) {
+	return p.getScale(e);
+}
+function N(e, t, n) {
+	return e / n[t];
+}
+function P(e, t) {
+	return d({
+		x: N(e.x, "x", t),
+		y: N(e.y, "y", t),
+		width: N(e.width, "x", t),
+		height: N(e.height, "y", t)
+	});
+}
+var F = [
+	["transform", "none"],
+	["scale", "1"],
+	["translate", "0 0"]
+];
+function I(e) {
+	let { style: t } = e, n = {};
+	for (let [e, r] of F) n[e] = t.getPropertyValue(e), t.setProperty(e, r, "important");
+	return () => {
+		for (let [e] of F) {
+			let r = n[e];
+			r ? t.setProperty(e, r) : t.removeProperty(e);
+		}
+	};
+}
 //#endregion
-export { l as SelectList };
+export { j as SelectPopup };
 
 //# sourceMappingURL=index406.js.map

package/dist/index406.js.map

@@ -1 +1 @@
-{"version":3,"file":"index406.js","names":[],"sources":["../../../node_modules/@base-ui/react/select/list/SelectList.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useStore } from '@base-ui/utils/store';\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { useSelectPositionerContext } from \"../positioner/SelectPositionerContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { styleDisableScrollbar } from \"../../utils/styles.mjs\";\nimport { LIST_FUNCTIONAL_STYLES } from \"../popup/utils.mjs\";\nimport { selectors } from \"../store.mjs\";\n\n/**\n * A container for the select items.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectList = /*#__PURE__*/React.forwardRef(function SelectList(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    ...elementProps\n  } = componentProps;\n  const {\n    store,\n    scrollHandlerRef\n  } = useSelectRootContext();\n  const {\n    alignItemWithTriggerActive\n  } = useSelectPositionerContext();\n  const hasScrollArrows = useStore(store, selectors.hasScrollArrows);\n  const openMethod = useStore(store, selectors.openMethod);\n  const multiple = useStore(store, selectors.multiple);\n  const id = useStore(store, selectors.id);\n  const defaultProps = {\n    id: `${id}-list`,\n    role: 'listbox',\n    'aria-multiselectable': multiple || undefined,\n    onScroll(event) {\n      scrollHandlerRef.current?.(event.currentTarget);\n    },\n    ...(alignItemWithTriggerActive && {\n      style: LIST_FUNCTIONAL_STYLES\n    }),\n    className: hasScrollArrows && openMethod !== 'touch' ? styleDisableScrollbar.className : undefined\n  };\n  const setListElement = useStableCallback(element => {\n    store.set('listElement', element);\n  });\n  return useRenderElement('div', componentProps, {\n    ref: [forwardedRef, setListElement],\n    props: [defaultProps, elementProps]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SelectList.displayName = \"SelectList\";"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;;AAkBA,IAAa,IAA0B,gBAAM,WAAW,SAAoB,GAAgB,GAAc;CACxG,IAAM,EACJ,WACA,cACA,UACA,GAAG,MACD,GACE,EACJ,UACA,wBACE,EAAqB,GACnB,EACJ,kCACE,EAA2B,GACzB,IAAkB,EAAS,GAAO,EAAU,eAAe,GAC3D,IAAa,EAAS,GAAO,EAAU,UAAU,GACjD,IAAW,EAAS,GAAO,EAAU,QAAQ,GAE7C,IAAe;EACnB,IAAI,GAFK,EAAS,GAAO,EAAU,EAE3B,EAAE;EACV,MAAM;EACN,wBAAwB,KAAY,KAAA;EACpC,SAAS,GAAO;GACd,EAAiB,UAAU,EAAM,aAAa;EAChD;EACA,GAAI,KAA8B,EAChC,OAAO,EACT;EACA,WAAW,KAAmB,MAAe,UAAU,EAAsB,YAAY,KAAA;CAC3F;CAIA,OAAO,EAAiB,OAAO,GAAgB;EAC7C,KAAK,CAAC,GAJe,GAAkB,MAAW;GAClD,EAAM,IAAI,eAAe,CAAO;EAClC,CAEmC,CAAC;EAClC,OAAO,CAAC,GAAc,CAAY;CACpC,CAAC;AACH,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc"}
+{"version":3,"file":"index406.js","names":["React","ownerWindow","platform.engine.webkit","REASONS.windowResize","floatingPlatform"],"sources":["../../../node_modules/@base-ui/react/select/popup/SelectPopup.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { rectToClientRect } from '@floating-ui/utils';\nimport { addEventListener } from '@base-ui/utils/addEventListener';\nimport { platform } from '@base-ui/utils/platform';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { ownerDocument, ownerWindow } from '@base-ui/utils/owner';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useStore } from '@base-ui/utils/store';\nimport { useAnimationFrame } from '@base-ui/utils/useAnimationFrame';\nimport { FloatingFocusManager, platform as floatingPlatform } from \"../../floating-ui-react/index.mjs\";\nimport { useSelectFloatingContext, useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { popupStateMapping } from \"../../utils/popupStateMapping.mjs\";\nimport { useSelectPositionerContext } from \"../positioner/SelectPositionerContext.mjs\";\nimport { styleDisableScrollbar } from \"../../utils/styles.mjs\";\nimport { transitionStatusMapping } from \"../../internals/stateAttributesMapping.mjs\";\nimport { useOpenChangeComplete } from \"../../internals/useOpenChangeComplete.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { selectors } from \"../store.mjs\";\nimport { clearStyles, LIST_FUNCTIONAL_STYLES } from \"./utils.mjs\";\nimport { createChangeEventDetails } from \"../../internals/createBaseUIEventDetails.mjs\";\nimport { REASONS } from \"../../internals/reasons.mjs\";\nimport { useToolbarRootContext } from \"../../toolbar/root/ToolbarRootContext.mjs\";\nimport { COMPOSITE_KEYS } from \"../../internals/composite/composite.mjs\";\nimport { getDisabledMountTransitionStyles } from \"../../utils/getDisabledMountTransitionStyles.mjs\";\nimport { clamp } from \"../../internals/clamp.mjs\";\nimport { getMaxScrollOffset, SCROLL_EDGE_TOLERANCE_PX } from \"../../utils/scrollEdges.mjs\";\nimport { useCSPContext } from \"../../internals/csp-context/CSPContext.mjs\";\nimport { useDirection } from \"../../internals/direction-context/DirectionContext.mjs\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst stateAttributesMapping = {\n  ...popupStateMapping,\n  ...transitionStatusMapping\n};\n\n/**\n * A container for the select list.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectPopup = /*#__PURE__*/React.forwardRef(function SelectPopup(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    finalFocus,\n    ...elementProps\n  } = componentProps;\n  const {\n    store,\n    popupRef,\n    onOpenChangeComplete,\n    setOpen,\n    valueRef,\n    firstItemTextRef,\n    selectedItemTextRef,\n    multiple,\n    handleScrollArrowVisibility,\n    scrollHandlerRef,\n    listRef,\n    highlightItemOnHover\n  } = useSelectRootContext();\n  const {\n    side,\n    align,\n    alignItemWithTriggerActive,\n    isPositioned,\n    setControlledAlignItemWithTrigger\n  } = useSelectPositionerContext();\n  const insideToolbar = useToolbarRootContext(true) != null;\n  const floatingRootContext = useSelectFloatingContext();\n  const direction = useDirection();\n  const {\n    nonce,\n    disableStyleElements\n  } = useCSPContext();\n  const id = useStore(store, selectors.id);\n  const open = useStore(store, selectors.open);\n  const openMethod = useStore(store, selectors.openMethod);\n  const mounted = useStore(store, selectors.mounted);\n  const popupProps = useStore(store, selectors.popupProps);\n  const transitionStatus = useStore(store, selectors.transitionStatus);\n  const triggerElement = useStore(store, selectors.triggerElement);\n  const positionerElement = useStore(store, selectors.positionerElement);\n  const listElement = useStore(store, selectors.listElement);\n  const reachedMaxHeightRef = React.useRef(false);\n  const initialPlacedRef = React.useRef(false);\n  const originalPositionerStylesRef = React.useRef({});\n  const scrollArrowFrame = useAnimationFrame();\n  const handleScroll = useStableCallback(scroller => {\n    if (!positionerElement || !popupRef.current || !initialPlacedRef.current) {\n      return;\n    }\n    if (reachedMaxHeightRef.current || !alignItemWithTriggerActive) {\n      handleScrollArrowVisibility();\n      return;\n    }\n    const isTopPositioned = positionerElement.style.top === '0px';\n    const isBottomPositioned = positionerElement.style.bottom === '0px';\n    if (!isTopPositioned && !isBottomPositioned) {\n      handleScrollArrowVisibility();\n      return;\n    }\n    const scale = getScale(positionerElement);\n    const currentHeight = normalizeSize(positionerElement.getBoundingClientRect().height, 'y', scale);\n    const doc = ownerDocument(positionerElement);\n    const win = ownerWindow(positionerElement);\n    const positionerStyles = win.getComputedStyle(positionerElement);\n    const marginTop = parseFloat(positionerStyles.marginTop);\n    const marginBottom = parseFloat(positionerStyles.marginBottom);\n    const maxPopupHeight = getMaxPopupHeight(win.getComputedStyle(popupRef.current));\n    const maxAvailableHeight = Math.min(doc.documentElement.clientHeight - marginTop - marginBottom, maxPopupHeight);\n    const scrollTop = scroller.scrollTop;\n    const maxScrollTop = getMaxScrollTop(scroller);\n    let nextPositionerHeight = 0;\n    let nextScrollTop = null;\n    let setReachedMax = false;\n    let scrollToMax = false;\n    const setHeight = height => {\n      positionerElement.style.height = `${height}px`;\n    };\n    const handleSmallDiff = (diff, targetScrollTop) => {\n      const heightDelta = clamp(diff, 0, maxAvailableHeight - currentHeight);\n      if (heightDelta > 0) {\n        // Consume the remaining scroll in height.\n        setHeight(currentHeight + heightDelta);\n      }\n      scroller.scrollTop = targetScrollTop;\n      if (maxAvailableHeight - (currentHeight + heightDelta) <= SCROLL_EDGE_TOLERANCE_PX) {\n        reachedMaxHeightRef.current = true;\n      }\n      handleScrollArrowVisibility();\n    };\n    const diff = isTopPositioned ? maxScrollTop - scrollTop : scrollTop;\n    const nextHeight = Math.min(currentHeight + diff, maxAvailableHeight);\n    nextPositionerHeight = nextHeight;\n    if (diff <= SCROLL_EDGE_TOLERANCE_PX) {\n      handleSmallDiff(diff, isTopPositioned ? maxScrollTop : 0);\n      return;\n    }\n    if (maxAvailableHeight - nextHeight > SCROLL_EDGE_TOLERANCE_PX) {\n      if (isTopPositioned) {\n        scrollToMax = true;\n      } else {\n        nextScrollTop = 0;\n      }\n    } else {\n      setReachedMax = true;\n      if (isBottomPositioned && scrollTop < maxScrollTop) {\n        const overshoot = currentHeight + diff - maxAvailableHeight;\n        nextScrollTop = scrollTop - (diff - overshoot);\n      }\n    }\n    nextPositionerHeight = Math.ceil(nextPositionerHeight);\n    if (nextPositionerHeight !== 0) {\n      setHeight(nextPositionerHeight);\n    }\n    if (scrollToMax || nextScrollTop != null) {\n      // Recompute bounds after resizing (clientHeight likely changed).\n      const nextMaxScrollTop = getMaxScrollTop(scroller);\n      const target = scrollToMax ? nextMaxScrollTop : clamp(nextScrollTop, 0, nextMaxScrollTop);\n\n      // Avoid adjustments that re-trigger scroll events forever.\n      if (Math.abs(scroller.scrollTop - target) > SCROLL_EDGE_TOLERANCE_PX) {\n        scroller.scrollTop = target;\n      }\n    }\n    if (setReachedMax || nextPositionerHeight >= maxAvailableHeight - SCROLL_EDGE_TOLERANCE_PX) {\n      reachedMaxHeightRef.current = true;\n    }\n    handleScrollArrowVisibility();\n  });\n  React.useImperativeHandle(scrollHandlerRef, () => handleScroll, [handleScroll]);\n  useOpenChangeComplete({\n    open,\n    ref: popupRef,\n    onComplete() {\n      if (open) {\n        onOpenChangeComplete?.(true);\n      }\n    }\n  });\n  const state = {\n    open,\n    transitionStatus,\n    side,\n    align\n  };\n  useIsoLayoutEffect(() => {\n    if (!positionerElement || !popupRef.current || Object.keys(originalPositionerStylesRef.current).length) {\n      return;\n    }\n    originalPositionerStylesRef.current = {\n      top: positionerElement.style.top || '0',\n      left: positionerElement.style.left || '0',\n      right: positionerElement.style.right,\n      height: positionerElement.style.height,\n      bottom: positionerElement.style.bottom,\n      minHeight: positionerElement.style.minHeight,\n      maxHeight: positionerElement.style.maxHeight,\n      marginTop: positionerElement.style.marginTop,\n      marginBottom: positionerElement.style.marginBottom\n    };\n  }, [popupRef, positionerElement]);\n  useIsoLayoutEffect(() => {\n    if (open || alignItemWithTriggerActive) {\n      return;\n    }\n    initialPlacedRef.current = false;\n    reachedMaxHeightRef.current = false;\n    clearStyles(positionerElement, originalPositionerStylesRef.current);\n  }, [open, alignItemWithTriggerActive, positionerElement, popupRef]);\n  useIsoLayoutEffect(() => {\n    const popupElement = popupRef.current;\n\n    // Wait for Floating UI's first positioning pass before reading DOM geometry.\n    // We replace the final coordinates for aligned selects, but still need middleware\n    // like `size()` to set CSS variables such as `--anchor-width`.\n    if (!open || !triggerElement || !positionerElement || !popupElement || alignItemWithTriggerActive && !isPositioned || store.state.transitionStatus === 'ending') {\n      return;\n    }\n    if (!alignItemWithTriggerActive) {\n      initialPlacedRef.current = true;\n      scrollArrowFrame.request(handleScrollArrowVisibility);\n      popupElement.style.removeProperty('--transform-origin');\n      return;\n    }\n\n    // Ensure we remove any transforms that can affect the location of the popup\n    // and therefore the calculations.\n    const restoreTransformStyles = unsetTransformStyles(popupElement);\n    popupElement.style.removeProperty('--transform-origin');\n    try {\n      let textElement = selectedItemTextRef.current;\n      if (!textElement?.isConnected) {\n        const hasSelectedValue = selectors.hasSelectedValue(store.state);\n        textElement = !hasSelectedValue && firstItemTextRef.current?.isConnected ? firstItemTextRef.current : null;\n      }\n      const valueElement = valueRef.current;\n      const win = ownerWindow(positionerElement);\n      const positionerStyles = win.getComputedStyle(positionerElement);\n      const popupStyles = win.getComputedStyle(popupElement);\n      const doc = ownerDocument(triggerElement);\n      const scale = getScale(triggerElement);\n      const triggerRect = normalizeRect(triggerElement.getBoundingClientRect(), scale);\n      const positionerRect = normalizeRect(positionerElement.getBoundingClientRect(), scale);\n      const triggerHeight = triggerRect.height;\n      const scroller = listElement || popupElement;\n      const scrollHeight = scroller.scrollHeight;\n      const borderBottom = parseFloat(popupStyles.borderBottomWidth);\n      // The `|| N` fallbacks cover an unset/`auto` value (parses to `NaN`). Note a literal `0`\n      // also resolves to the fallback, so an explicit `margin: 0` or `min-height: 0` still takes\n      // the default below.\n      const marginTop = parseFloat(positionerStyles.marginTop) || 10;\n      const marginBottom = parseFloat(positionerStyles.marginBottom) || 10;\n      const minHeight = parseFloat(positionerStyles.minHeight) || 100;\n      const maxPopupHeight = getMaxPopupHeight(popupStyles);\n      const paddingLeft = 5;\n      const paddingRight = 5;\n      const triggerCollisionThreshold = 20;\n      const viewportHeight = doc.documentElement.clientHeight - marginTop - marginBottom;\n      const viewportWidth = doc.documentElement.clientWidth;\n      const availableSpaceBeneathTrigger = viewportHeight - triggerRect.bottom + triggerHeight;\n      let textRect;\n      let alignedLeft = direction === 'rtl' ? triggerRect.right - positionerRect.width : triggerRect.left;\n      let offsetY = 0;\n      if (textElement && valueElement) {\n        const valueRect = normalizeRect(valueElement.getBoundingClientRect(), scale);\n        textRect = normalizeRect(textElement.getBoundingClientRect(), scale);\n        alignedLeft = positionerRect.left + (direction === 'rtl' ? valueRect.right - textRect.right : valueRect.left - textRect.left);\n        const valueCenterFromTriggerTop = valueRect.top - triggerRect.top + valueRect.height / 2;\n        const textCenterFromPositionerTop = textRect.top - positionerRect.top + textRect.height / 2;\n        offsetY = textCenterFromPositionerTop - valueCenterFromTriggerTop;\n      }\n      const idealHeight = availableSpaceBeneathTrigger + offsetY + marginBottom + borderBottom;\n      let height = Math.min(viewportHeight, idealHeight);\n      const maxHeight = viewportHeight - marginTop - marginBottom;\n      const scrollTop = idealHeight - height;\n      const maxRight = viewportWidth - paddingRight;\n      positionerElement.style.left = `${clamp(alignedLeft, paddingLeft, maxRight - positionerRect.width)}px`;\n      positionerElement.style.height = `${height}px`;\n      // `none` (not the invalid `auto`) so the explicit height governs in align mode and isn't\n      // clamped by a `max-height` from user CSS.\n      positionerElement.style.maxHeight = 'none';\n      positionerElement.style.marginTop = `${marginTop}px`;\n      positionerElement.style.marginBottom = `${marginBottom}px`;\n      popupElement.style.height = '100%';\n      const maxScrollTop = getMaxScrollTop(scroller);\n      const isTopPositioned = scrollTop >= maxScrollTop - SCROLL_EDGE_TOLERANCE_PX;\n      if (isTopPositioned) {\n        height = Math.min(viewportHeight, positionerRect.height) - (scrollTop - maxScrollTop);\n      }\n\n      // When the trigger is too close to the top or bottom of the viewport, or the minHeight is\n      // reached, we fallback to aligning the popup to the trigger as the UX is poor otherwise.\n      const fallbackToAlignPopupToTrigger = triggerRect.top < triggerCollisionThreshold || triggerRect.bottom > viewportHeight - triggerCollisionThreshold || Math.ceil(height) + SCROLL_EDGE_TOLERANCE_PX < Math.min(scrollHeight, minHeight);\n\n      // Safari doesn't position the popup correctly when pinch-zoomed.\n      const isPinchZoomed = (win.visualViewport?.scale ?? 1) !== 1 && platform.engine.webkit;\n      if (fallbackToAlignPopupToTrigger || isPinchZoomed) {\n        initialPlacedRef.current = true;\n        clearStyles(positionerElement, originalPositionerStylesRef.current);\n        setControlledAlignItemWithTrigger(false);\n        return;\n      }\n      const initialHeight = Math.max(minHeight, height);\n      if (isTopPositioned) {\n        const topOffset = Math.max(0, viewportHeight - idealHeight);\n        positionerElement.style.top = positionerRect.height >= maxHeight ? '0' : `${topOffset}px`;\n        positionerElement.style.height = `${height}px`;\n        scroller.scrollTop = getMaxScrollTop(scroller);\n      } else {\n        positionerElement.style.bottom = '0';\n        scroller.scrollTop = scrollTop;\n      }\n      if (textRect) {\n        const popupTop = positionerRect.top;\n        const popupHeight = positionerRect.height;\n        const textCenterY = textRect.top + textRect.height / 2;\n        const transformOriginY = popupHeight > 0 ? (textCenterY - popupTop) / popupHeight * 100 : 50;\n        const clampedY = clamp(transformOriginY, 0, 100);\n        popupElement.style.setProperty('--transform-origin', `50% ${clampedY}%`);\n      }\n      if (initialHeight === viewportHeight || height >= maxPopupHeight) {\n        reachedMaxHeightRef.current = true;\n      }\n      handleScrollArrowVisibility();\n      if (highlightItemOnHover && store.state.selectedIndex === null && store.state.activeIndex === null && listRef.current[0] != null) {\n        store.set('activeIndex', 0);\n      }\n      initialPlacedRef.current = true;\n    } finally {\n      restoreTransformStyles();\n    }\n  }, [store, open, positionerElement, triggerElement, valueRef, firstItemTextRef, selectedItemTextRef, popupRef, handleScrollArrowVisibility, alignItemWithTriggerActive, setControlledAlignItemWithTrigger, scrollArrowFrame, listElement, listRef, highlightItemOnHover, direction, isPositioned]);\n  React.useEffect(() => {\n    if (!alignItemWithTriggerActive || !positionerElement || !open) {\n      return undefined;\n    }\n    const win = ownerWindow(positionerElement);\n    function handleResize(event) {\n      setOpen(false, createChangeEventDetails(REASONS.windowResize, event));\n    }\n    return addEventListener(win, 'resize', handleResize);\n  }, [setOpen, alignItemWithTriggerActive, positionerElement, open]);\n  const defaultProps = {\n    ...(listElement ? {\n      role: 'presentation',\n      'aria-orientation': undefined\n    } : {\n      role: 'listbox',\n      'aria-multiselectable': multiple || undefined,\n      id: `${id}-list`\n    }),\n    onKeyDown(event) {\n      if (insideToolbar && COMPOSITE_KEYS.has(event.key)) {\n        event.stopPropagation();\n      }\n    },\n    onScroll(event) {\n      if (listElement) {\n        return;\n      }\n      handleScroll(event.currentTarget);\n    },\n    ...(alignItemWithTriggerActive && {\n      style: listElement ? {\n        height: '100%'\n      } : LIST_FUNCTIONAL_STYLES\n    })\n  };\n  const element = useRenderElement('div', componentProps, {\n    ref: [forwardedRef, popupRef],\n    state,\n    stateAttributesMapping,\n    props: [popupProps, defaultProps, getDisabledMountTransitionStyles(transitionStatus), {\n      className: !listElement && alignItemWithTriggerActive ? styleDisableScrollbar.className : undefined\n    }, elementProps]\n  });\n  return /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [!disableStyleElements && styleDisableScrollbar.getElement(nonce), /*#__PURE__*/_jsx(FloatingFocusManager, {\n      context: floatingRootContext,\n      modal: false,\n      disabled: !mounted,\n      openInteractionType: openMethod,\n      returnFocus: finalFocus,\n      restoreFocus: true,\n      children: element\n    })]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SelectPopup.displayName = \"SelectPopup\";\nfunction getMaxPopupHeight(popupStyles) {\n  const maxHeightStyle = popupStyles.maxHeight || '';\n  return maxHeightStyle.endsWith('px') ? parseFloat(maxHeightStyle) || Infinity : Infinity;\n}\nfunction getMaxScrollTop(scroller) {\n  return getMaxScrollOffset(scroller.scrollHeight, scroller.clientHeight);\n}\nfunction getScale(element) {\n  // The platform API is async-capable, but the DOM platform returns a plain scale object.\n  return floatingPlatform.getScale(element);\n}\nfunction normalizeSize(size, axis, scale) {\n  return size / scale[axis];\n}\nfunction normalizeRect(rect, scale) {\n  return rectToClientRect({\n    x: normalizeSize(rect.x, 'x', scale),\n    y: normalizeSize(rect.y, 'y', scale),\n    width: normalizeSize(rect.width, 'x', scale),\n    height: normalizeSize(rect.height, 'y', scale)\n  });\n}\nconst TRANSFORM_STYLE_RESETS = [['transform', 'none'], ['scale', '1'], ['translate', '0 0']];\nfunction unsetTransformStyles(popupElement) {\n  const {\n    style\n  } = popupElement;\n  const originalStyles = {};\n  for (const [property, value] of TRANSFORM_STYLE_RESETS) {\n    originalStyles[property] = style.getPropertyValue(property);\n    style.setProperty(property, value, 'important');\n  }\n  return () => {\n    for (const [property] of TRANSFORM_STYLE_RESETS) {\n      const originalValue = originalStyles[property];\n      if (originalValue) {\n        style.setProperty(property, originalValue);\n      } else {\n        style.removeProperty(property);\n      }\n    }\n  };\n}"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/index407.js

@@ -1,56 +1,34 @@
 "use client";
-import { useIsoLayoutEffect as e } from "./index204.js";
-import { useCompositeListContext as t } from "./index389.js";
-import * as n from "react";
-//#region ../../node_modules/@base-ui/react/internals/composite/list/useCompositeListItem.mjs
-var r = /*#__PURE__*/ function(e) {
-	return e[e.None = 0] = "None", e[e.GuessFromOrder = 1] = "GuessFromOrder", e;
-}({});
-function i(i = {}) {
-	let { label: a, metadata: o, textRef: s, indexGuessBehavior: c, index: l } = i, { register: u, unregister: d, subscribeMapChange: f, elementsRef: p, labelsRef: m, nextIndexRef: h } = t(), g = n.useRef(-1), [_, v] = n.useState(l ?? (c === r.GuessFromOrder ? () => {
-		if (g.current === -1) {
-			let e = h.current;
-			h.current += 1, g.current = e;
-		}
-		return g.current;
-	} : -1)), y = n.useRef(null), b = n.useCallback((e) => {
-		if (y.current = e, _ !== -1 && e !== null && (p.current[_] = e, m)) {
-			let t = a !== void 0;
-			m.current[_] = t ? a : s?.current?.textContent ?? e.textContent;
-		}
-	}, [
-		_,
-		p,
-		m,
-		a,
-		s
-	]);
-	return e(() => {
-		if (l != null) return;
-		let e = y.current;
-		if (e) return u(e, o), () => {
-			d(e);
-		};
-	}, [
-		l,
-		u,
-		d,
-		o
-	]), e(() => {
-		if (l == null) return f((e) => {
-			let t = y.current ? e.get(y.current)?.index : null;
-			t != null && v(t);
-		});
-	}, [
-		l,
-		f,
-		v
-	]), {
-		ref: b,
-		index: _
+import { useRenderElement as e } from "./index196.js";
+import { useStableCallback as t } from "./index202.js";
+import { useStore as n } from "./index260.js";
+import { useSelectRootContext as r } from "./index367.js";
+import { selectors as i } from "./index377.js";
+import { useSelectPositionerContext as a } from "./index397.js";
+import { LIST_FUNCTIONAL_STYLES as o } from "./index398.js";
+import { styleDisableScrollbar as s } from "./index403.js";
+import * as c from "react";
+//#region ../../node_modules/@base-ui/react/select/list/SelectList.mjs
+var l = /*#__PURE__*/ c.forwardRef(function(c, l) {
+	let { render: u, className: d, style: f, ...p } = c, { store: m, scrollHandlerRef: h } = r(), { alignItemWithTriggerActive: g } = a(), _ = n(m, i.hasScrollArrows), v = n(m, i.openMethod), y = n(m, i.multiple), b = {
+		id: `${n(m, i.id)}-list`,
+		role: "listbox",
+		"aria-multiselectable": y || void 0,
+		onScroll(e) {
+			h.current?.(e.currentTarget);
+		},
+		...g && { style: o },
+		className: _ && v !== "touch" ? s.className : void 0
 	};
-}
+	return e("div", c, {
+		ref: [l, t((e) => {
+			m.set("listElement", e);
+		})],
+		props: [b, p]
+	});
+});
+process.env.NODE_ENV !== "production" && (l.displayName = "SelectList");
 //#endregion
-export { r as IndexGuessBehavior, i as useCompositeListItem };
+export { l as SelectList };
 
 //# sourceMappingURL=index407.js.map

package/dist/index407.js.map

@@ -1 +1 @@
-{"version":3,"file":"index407.js","names":["React"],"sources":["../../../node_modules/@base-ui/react/internals/composite/list/useCompositeListItem.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useCompositeListContext } from \"./CompositeListContext.mjs\";\nexport let IndexGuessBehavior = /*#__PURE__*/function (IndexGuessBehavior) {\n  IndexGuessBehavior[IndexGuessBehavior[\"None\"] = 0] = \"None\";\n  IndexGuessBehavior[IndexGuessBehavior[\"GuessFromOrder\"] = 1] = \"GuessFromOrder\";\n  return IndexGuessBehavior;\n}({});\n\n/**\n * Used to register a list item and its index (DOM position) in the `CompositeList`.\n */\nexport function useCompositeListItem(params = {}) {\n  const {\n    label,\n    metadata,\n    textRef,\n    indexGuessBehavior,\n    index: externalIndex\n  } = params;\n  const {\n    register,\n    unregister,\n    subscribeMapChange,\n    elementsRef,\n    labelsRef,\n    nextIndexRef\n  } = useCompositeListContext();\n  const indexRef = React.useRef(-1);\n  const [index, setIndex] = React.useState(externalIndex ?? (indexGuessBehavior === IndexGuessBehavior.GuessFromOrder ? () => {\n    if (indexRef.current === -1) {\n      const newIndex = nextIndexRef.current;\n      nextIndexRef.current += 1;\n      indexRef.current = newIndex;\n    }\n    return indexRef.current;\n  } : -1));\n  const componentRef = React.useRef(null);\n  const ref = React.useCallback(node => {\n    componentRef.current = node;\n    if (index !== -1 && node !== null) {\n      elementsRef.current[index] = node;\n      if (labelsRef) {\n        const isLabelDefined = label !== undefined;\n        labelsRef.current[index] = isLabelDefined ? label : textRef?.current?.textContent ?? node.textContent;\n      }\n    }\n  }, [index, elementsRef, labelsRef, label, textRef]);\n  useIsoLayoutEffect(() => {\n    if (externalIndex != null) {\n      return undefined;\n    }\n    const node = componentRef.current;\n    if (node) {\n      register(node, metadata);\n      return () => {\n        unregister(node);\n      };\n    }\n    return undefined;\n  }, [externalIndex, register, unregister, metadata]);\n  useIsoLayoutEffect(() => {\n    if (externalIndex != null) {\n      return undefined;\n    }\n    return subscribeMapChange(map => {\n      const i = componentRef.current ? map.get(componentRef.current)?.index : null;\n      if (i != null) {\n        setIndex(i);\n      }\n    });\n  }, [externalIndex, subscribeMapChange, setIndex]);\n  return {\n    ref,\n    index\n  };\n}"],"x_google_ignoreList":[0],"mappings":";;;;;AAKA,IAAW,IAAkC,uBAAU,GAAoB;CAGzE,OAFA,EAAmB,EAAmB,OAAU,KAAK,QACrD,EAAmB,EAAmB,iBAAoB,KAAK,kBACxD;AACT,EAAE,CAAC,CAAC;AAKJ,SAAgB,EAAqB,IAAS,CAAC,GAAG;CAChD,IAAM,EACJ,UACA,aACA,YACA,uBACA,OAAO,MACL,GACE,EACJ,aACA,eACA,uBACA,gBACA,cACA,oBACE,EAAwB,GACtB,IAAWA,EAAM,OAAO,EAAE,GAC1B,CAAC,GAAO,KAAYA,EAAM,SAAS,MAAkB,MAAuB,EAAmB,uBAAuB;EAC1H,IAAI,EAAS,YAAY,IAAI;GAC3B,IAAM,IAAW,EAAa;GAE9B,AADA,EAAa,WAAW,GACxB,EAAS,UAAU;EACrB;EACA,OAAO,EAAS;CAClB,IAAI,GAAG,GACD,IAAeA,EAAM,OAAO,IAAI,GAChC,IAAMA,EAAM,aAAY,MAAQ;EAEpC,IADA,EAAa,UAAU,GACnB,MAAU,MAAM,MAAS,SAC3B,EAAY,QAAQ,KAAS,GACzB,IAAW;GACb,IAAM,IAAiB,MAAU,KAAA;GACjC,EAAU,QAAQ,KAAS,IAAiB,IAAQ,GAAS,SAAS,eAAe,EAAK;EAC5F;CAEJ,GAAG;EAAC;EAAO;EAAa;EAAW;EAAO;CAAO,CAAC;CAyBlD,OAxBA,QAAyB;EACvB,IAAI,KAAiB,MACnB;EAEF,IAAM,IAAO,EAAa;EAC1B,IAAI,GAEF,OADA,EAAS,GAAM,CAAQ,SACV;GACX,EAAW,CAAI;EACjB;CAGJ,GAAG;EAAC;EAAe;EAAU;EAAY;CAAQ,CAAC,GAClD,QAAyB;EACnB,SAAiB,MAGrB,OAAO,GAAmB,MAAO;GAC/B,IAAM,IAAI,EAAa,UAAU,EAAI,IAAI,EAAa,OAAO,CAAC,EAAE,QAAQ;GACxE,AAAI,KAAK,QACP,EAAS,CAAC;EAEd,CAAC;CACH,GAAG;EAAC;EAAe;EAAoB;CAAQ,CAAC,GACzC;EACL;EACA;CACF;AACF"}
+{"version":3,"file":"index407.js","names":[],"sources":["../../../node_modules/@base-ui/react/select/list/SelectList.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useStore } from '@base-ui/utils/store';\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { useSelectPositionerContext } from \"../positioner/SelectPositionerContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { styleDisableScrollbar } from \"../../utils/styles.mjs\";\nimport { LIST_FUNCTIONAL_STYLES } from \"../popup/utils.mjs\";\nimport { selectors } from \"../store.mjs\";\n\n/**\n * A container for the select items.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectList = /*#__PURE__*/React.forwardRef(function SelectList(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    ...elementProps\n  } = componentProps;\n  const {\n    store,\n    scrollHandlerRef\n  } = useSelectRootContext();\n  const {\n    alignItemWithTriggerActive\n  } = useSelectPositionerContext();\n  const hasScrollArrows = useStore(store, selectors.hasScrollArrows);\n  const openMethod = useStore(store, selectors.openMethod);\n  const multiple = useStore(store, selectors.multiple);\n  const id = useStore(store, selectors.id);\n  const defaultProps = {\n    id: `${id}-list`,\n    role: 'listbox',\n    'aria-multiselectable': multiple || undefined,\n    onScroll(event) {\n      scrollHandlerRef.current?.(event.currentTarget);\n    },\n    ...(alignItemWithTriggerActive && {\n      style: LIST_FUNCTIONAL_STYLES\n    }),\n    className: hasScrollArrows && openMethod !== 'touch' ? styleDisableScrollbar.className : undefined\n  };\n  const setListElement = useStableCallback(element => {\n    store.set('listElement', element);\n  });\n  return useRenderElement('div', componentProps, {\n    ref: [forwardedRef, setListElement],\n    props: [defaultProps, elementProps]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SelectList.displayName = \"SelectList\";"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;;AAkBA,IAAa,IAA0B,gBAAM,WAAW,SAAoB,GAAgB,GAAc;CACxG,IAAM,EACJ,WACA,cACA,UACA,GAAG,MACD,GACE,EACJ,UACA,wBACE,EAAqB,GACnB,EACJ,kCACE,EAA2B,GACzB,IAAkB,EAAS,GAAO,EAAU,eAAe,GAC3D,IAAa,EAAS,GAAO,EAAU,UAAU,GACjD,IAAW,EAAS,GAAO,EAAU,QAAQ,GAE7C,IAAe;EACnB,IAAI,GAFK,EAAS,GAAO,EAAU,EAE3B,EAAE;EACV,MAAM;EACN,wBAAwB,KAAY,KAAA;EACpC,SAAS,GAAO;GACd,EAAiB,UAAU,EAAM,aAAa;EAChD;EACA,GAAI,KAA8B,EAChC,OAAO,EACT;EACA,WAAW,KAAmB,MAAe,UAAU,EAAsB,YAAY,KAAA;CAC3F;CAIA,OAAO,EAAiB,OAAO,GAAgB;EAC7C,KAAK,CAAC,GAJe,GAAkB,MAAW;GAClD,EAAM,IAAI,eAAe,CAAO;EAClC,CAEmC,CAAC;EAClC,OAAO,CAAC,GAAc,CAAY;CACpC,CAAC;AACH,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc"}

package/dist/index408.js

@@ -1,15 +1,56 @@
 "use client";
-import e from "./index183.js";
-import * as t from "react";
-//#region ../../node_modules/@base-ui/react/select/item/SelectItemContext.mjs
-var n = /*#__PURE__*/ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (n.displayName = "SelectItemContext");
-function r() {
-	let r = t.useContext(n);
-	if (!r) throw Error(process.env.NODE_ENV === "production" ? e(57) : "Base UI: SelectItemContext is missing. SelectItem parts must be placed within <Select.Item>.");
-	return r;
+import { useIsoLayoutEffect as e } from "./index204.js";
+import { useCompositeListContext as t } from "./index390.js";
+import * as n from "react";
+//#region ../../node_modules/@base-ui/react/internals/composite/list/useCompositeListItem.mjs
+var r = /*#__PURE__*/ function(e) {
+	return e[e.None = 0] = "None", e[e.GuessFromOrder = 1] = "GuessFromOrder", e;
+}({});
+function i(i = {}) {
+	let { label: a, metadata: o, textRef: s, indexGuessBehavior: c, index: l } = i, { register: u, unregister: d, subscribeMapChange: f, elementsRef: p, labelsRef: m, nextIndexRef: h } = t(), g = n.useRef(-1), [_, v] = n.useState(l ?? (c === r.GuessFromOrder ? () => {
+		if (g.current === -1) {
+			let e = h.current;
+			h.current += 1, g.current = e;
+		}
+		return g.current;
+	} : -1)), y = n.useRef(null), b = n.useCallback((e) => {
+		if (y.current = e, _ !== -1 && e !== null && (p.current[_] = e, m)) {
+			let t = a !== void 0;
+			m.current[_] = t ? a : s?.current?.textContent ?? e.textContent;
+		}
+	}, [
+		_,
+		p,
+		m,
+		a,
+		s
+	]);
+	return e(() => {
+		if (l != null) return;
+		let e = y.current;
+		if (e) return u(e, o), () => {
+			d(e);
+		};
+	}, [
+		l,
+		u,
+		d,
+		o
+	]), e(() => {
+		if (l == null) return f((e) => {
+			let t = y.current ? e.get(y.current)?.index : null;
+			t != null && v(t);
+		});
+	}, [
+		l,
+		f,
+		v
+	]), {
+		ref: b,
+		index: _
+	};
 }
 //#endregion
-export { n as SelectItemContext, r as useSelectItemContext };
+export { r as IndexGuessBehavior, i as useCompositeListItem };
 
 //# sourceMappingURL=index408.js.map

package/dist/index408.js.map

@@ -1 +1 @@
-{"version":3,"file":"index408.js","names":["React","_formatErrorMessage"],"sources":["../../../node_modules/@base-ui/react/select/item/SelectItemContext.mjs"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const SelectItemContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") SelectItemContext.displayName = \"SelectItemContext\";\nexport function useSelectItemContext() {\n  const context = React.useContext(SelectItemContext);\n  if (!context) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: SelectItemContext is missing. SelectItem parts must be placed within <Select.Item>.' : _formatErrorMessage(57));\n  }\n  return context;\n}"],"x_google_ignoreList":[0],"mappings":";;;;AAIA,IAAa,IAAiC,gBAAM,cAAc,KAAA,CAAS;AAC3E,QAAA,IAAA,aAA6B,iBAAc,EAAkB,cAAc;AAC3E,SAAgB,IAAuB;CACrC,IAAM,IAAUA,EAAM,WAAW,CAAiB;CAClD,IAAI,CAAC,GACH,MAAU,MAAA,QAAA,IAAA,aAA+B,eAAgHC,EAAoB,EAAE,IAAvH,8FAAwH;CAElL,OAAO;AACT"}
+{"version":3,"file":"index408.js","names":["React"],"sources":["../../../node_modules/@base-ui/react/internals/composite/list/useCompositeListItem.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useCompositeListContext } from \"./CompositeListContext.mjs\";\nexport let IndexGuessBehavior = /*#__PURE__*/function (IndexGuessBehavior) {\n  IndexGuessBehavior[IndexGuessBehavior[\"None\"] = 0] = \"None\";\n  IndexGuessBehavior[IndexGuessBehavior[\"GuessFromOrder\"] = 1] = \"GuessFromOrder\";\n  return IndexGuessBehavior;\n}({});\n\n/**\n * Used to register a list item and its index (DOM position) in the `CompositeList`.\n */\nexport function useCompositeListItem(params = {}) {\n  const {\n    label,\n    metadata,\n    textRef,\n    indexGuessBehavior,\n    index: externalIndex\n  } = params;\n  const {\n    register,\n    unregister,\n    subscribeMapChange,\n    elementsRef,\n    labelsRef,\n    nextIndexRef\n  } = useCompositeListContext();\n  const indexRef = React.useRef(-1);\n  const [index, setIndex] = React.useState(externalIndex ?? (indexGuessBehavior === IndexGuessBehavior.GuessFromOrder ? () => {\n    if (indexRef.current === -1) {\n      const newIndex = nextIndexRef.current;\n      nextIndexRef.current += 1;\n      indexRef.current = newIndex;\n    }\n    return indexRef.current;\n  } : -1));\n  const componentRef = React.useRef(null);\n  const ref = React.useCallback(node => {\n    componentRef.current = node;\n    if (index !== -1 && node !== null) {\n      elementsRef.current[index] = node;\n      if (labelsRef) {\n        const isLabelDefined = label !== undefined;\n        labelsRef.current[index] = isLabelDefined ? label : textRef?.current?.textContent ?? node.textContent;\n      }\n    }\n  }, [index, elementsRef, labelsRef, label, textRef]);\n  useIsoLayoutEffect(() => {\n    if (externalIndex != null) {\n      return undefined;\n    }\n    const node = componentRef.current;\n    if (node) {\n      register(node, metadata);\n      return () => {\n        unregister(node);\n      };\n    }\n    return undefined;\n  }, [externalIndex, register, unregister, metadata]);\n  useIsoLayoutEffect(() => {\n    if (externalIndex != null) {\n      return undefined;\n    }\n    return subscribeMapChange(map => {\n      const i = componentRef.current ? map.get(componentRef.current)?.index : null;\n      if (i != null) {\n        setIndex(i);\n      }\n    });\n  }, [externalIndex, subscribeMapChange, setIndex]);\n  return {\n    ref,\n    index\n  };\n}"],"x_google_ignoreList":[0],"mappings":";;;;;AAKA,IAAW,IAAkC,uBAAU,GAAoB;CAGzE,OAFA,EAAmB,EAAmB,OAAU,KAAK,QACrD,EAAmB,EAAmB,iBAAoB,KAAK,kBACxD;AACT,EAAE,CAAC,CAAC;AAKJ,SAAgB,EAAqB,IAAS,CAAC,GAAG;CAChD,IAAM,EACJ,UACA,aACA,YACA,uBACA,OAAO,MACL,GACE,EACJ,aACA,eACA,uBACA,gBACA,cACA,oBACE,EAAwB,GACtB,IAAWA,EAAM,OAAO,EAAE,GAC1B,CAAC,GAAO,KAAYA,EAAM,SAAS,MAAkB,MAAuB,EAAmB,uBAAuB;EAC1H,IAAI,EAAS,YAAY,IAAI;GAC3B,IAAM,IAAW,EAAa;GAE9B,AADA,EAAa,WAAW,GACxB,EAAS,UAAU;EACrB;EACA,OAAO,EAAS;CAClB,IAAI,GAAG,GACD,IAAeA,EAAM,OAAO,IAAI,GAChC,IAAMA,EAAM,aAAY,MAAQ;EAEpC,IADA,EAAa,UAAU,GACnB,MAAU,MAAM,MAAS,SAC3B,EAAY,QAAQ,KAAS,GACzB,IAAW;GACb,IAAM,IAAiB,MAAU,KAAA;GACjC,EAAU,QAAQ,KAAS,IAAiB,IAAQ,GAAS,SAAS,eAAe,EAAK;EAC5F;CAEJ,GAAG;EAAC;EAAO;EAAa;EAAW;EAAO;CAAO,CAAC;CAyBlD,OAxBA,QAAyB;EACvB,IAAI,KAAiB,MACnB;EAEF,IAAM,IAAO,EAAa;EAC1B,IAAI,GAEF,OADA,EAAS,GAAM,CAAQ,SACV;GACX,EAAW,CAAI;EACjB;CAGJ,GAAG;EAAC;EAAe;EAAU;EAAY;CAAQ,CAAC,GAClD,QAAyB;EACnB,SAAiB,MAGrB,OAAO,GAAmB,MAAO;GAC/B,IAAM,IAAI,EAAa,UAAU,EAAI,IAAI,EAAa,OAAO,CAAC,EAAE,QAAQ;GACxE,AAAI,KAAK,QACP,EAAS,CAAC;EAEd,CAAC;CACH,GAAG;EAAC;EAAe;EAAoB;CAAQ,CAAC,GACzC;EACL;EACA;CACF;AACF"}