@rpcbase/ui 0.287.0 → 0.289.0

package/dist/index413.js

@@ -1,21 +1,232 @@
 "use client";
-import { useRenderElement as e } from "./index196.js";
-import { useIsoLayoutEffect as t } from "./index204.js";
-import { useBaseUiId as n } from "./index214.js";
-import { useSelectGroupContext as r } from "./index411.js";
-import * as i from "react";
-//#region ../../node_modules/@base-ui/react/select/group-label/SelectGroupLabel.mjs
-var a = /*#__PURE__*/ i.forwardRef(function(i, a) {
-	let { render: o, className: s, style: c, id: l, ...u } = i, { setLabelId: d } = r(), f = n(l);
-	return t(() => (d(f), () => {
-		d((e) => e === f ? void 0 : e);
-	}), [f, d]), e("div", i, {
-		ref: a,
-		props: [{ id: f }, u]
+import { useRenderElement as e } from "./index197.js";
+import { transitionStatusMapping as t } from "./index199.js";
+import { popupStateMapping as n } from "./index202.js";
+import { getWindow as r } from "./index204.js";
+import { useStableCallback as i } from "./index206.js";
+import { useIsoLayoutEffect as a } from "./index208.js";
+import { ownerDocument as o } from "./index211.js";
+import { windowResize as s } from "./index214.js";
+import { createChangeEventDetails as c } from "./index215.js";
+import { webkit as l } from "./index224.js";
+import { addEventListener as u } from "./index231.js";
+import { useAnimationFrame as d } from "./index234.js";
+import { rectToClientRect as f } from "./index237.js";
+import { FloatingFocusManager as p } from "./index249.js";
+import { platform as m } from "./index253.js";
+import { useOpenChangeComplete as h } from "./index270.js";
+import { COMPOSITE_KEYS as g } from "./index280.js";
+import { useSelectFloatingContext as _, useSelectRootContext as v, useSelectRootPropsContext as y } from "./index372.js";
+import { clamp as b } from "./index385.js";
+import { getMaxScrollOffset as x } from "./index386.js";
+import { useDirection as S } from "./index397.js";
+import { useSelectPositionerContext as ee } from "./index403.js";
+import { LIST_FUNCTIONAL_STYLES as te, clearStyles as C } from "./index404.js";
+import { getDisabledMountTransitionStyles as w } from "./index405.js";
+import { styleDisableScrollbar as T } from "./index409.js";
+import { useToolbarRootContext as E } from "./index410.js";
+import { useCSPContext as D } from "./index411.js";
+import { transformOrigin as O } from "./index412.js";
+import * as k from "react";
+import { jsx as A, jsxs as j } from "react/jsx-runtime";
+//#region ../../node_modules/@base-ui/react/select/popup/SelectPopup.mjs
+var M = {
+	...n,
+	...t
+}, N = /*#__PURE__*/ k.forwardRef(function(t, n) {
+	let { render: f, className: m, style: x, finalFocus: N, ...R } = t, z = v(), { multiple: ie, readOnly: ae, highlightItemOnHover: B } = y(), oe = _(), { side: se, align: ce, alignItemWithTriggerActive: V, isPositioned: H, setControlledAlignItemWithTrigger: U } = ee(), le = E(!0) != null, W = S(), { nonce: ue, disableStyleElements: de } = D(), fe = z.useState("id"), G = z.useState("open"), pe = z.useState("openMethod"), me = z.useState("mounted"), he = z.useState("popupProps"), K = z.useState("transitionStatus"), q = z.useState("triggerElement"), J = z.useState("positionerElement"), Y = z.useState("listElement"), X = k.useRef(!1), Z = k.useRef(!1), Q = k.useRef({}), ge = d(), $ = i((e) => {
+		if (!J || !z.context.popupRef.current || !Z.current) return;
+		let t = J.style.top === "0px", n = J.style.bottom === "0px";
+		if (X.current || !V || !t && !n) {
+			z.context.handleScrollArrowVisibility(e);
+			return;
+		}
+		let i = F(J), a = I(J.getBoundingClientRect().height, "y", i), s = o(J), c = r(J), l = c.getComputedStyle(J), u = parseFloat(l.marginTop), d = parseFloat(l.marginBottom), f = ne(c.getComputedStyle(z.context.popupRef.current)), p = Math.min(s.documentElement.clientHeight - u - d, f), m = e.scrollTop, h = P(e), g = null, _ = (e) => {
+			J.style.height = `${e}px`;
+		}, v = t ? h - m : m, y = Math.min(a + v, p);
+		if (v <= 1) {
+			let n = b(v, 0, p - a);
+			n > 0 && _(a + n), e.scrollTop = t ? h : 0, p - (a + n) <= 1 && (X.current = !0), z.context.handleScrollArrowVisibility(e);
+			return;
+		}
+		p - y > 1 ? g = t ? Infinity : 0 : n && m < h && (g = m - (v - (a + v - p)));
+		let x = Math.ceil(y);
+		if (x !== 0 && _(x), g != null) {
+			let t = b(g, 0, P(e));
+			Math.abs(e.scrollTop - t) > 1 && (e.scrollTop = t);
+		}
+		x >= p - 1 && (X.current = !0), z.context.handleScrollArrowVisibility(e);
 	});
+	k.useImperativeHandle(z.context.scrollHandlerRef, () => $, [$]), h({
+		open: G,
+		ref: z.context.popupRef,
+		onComplete() {
+			G && z.context.onOpenChangeComplete(!0);
+		}
+	});
+	let _e = {
+		open: G,
+		transitionStatus: K,
+		side: se,
+		align: ce
+	};
+	a(() => {
+		J && z.context.popupRef.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
+		});
+	}, [z, J]), a(() => {
+		G || V || (Z.current = !1, X.current = !1, C(J, Q.current));
+	}, [
+		G,
+		V,
+		J
+	]), a(() => {
+		let e = z.context.popupRef.current;
+		if (!G || !q || !J || !e || V && !H || z.state.transitionStatus === "ending") return;
+		if (Z.current = !0, e.style.removeProperty(O), !V) {
+			ge.request(() => z.context.handleScrollArrowVisibility(Y || e));
+			return;
+		}
+		let t = re(e);
+		try {
+			let t = z.context.selectedItemTextRef.current;
+			t?.isConnected || (t = !z.select("hasSelectedValue") && z.context.firstItemTextRef.current?.isConnected ? z.context.firstItemTextRef.current : null);
+			let n = z.context.valueRef.current, i = r(J), a = i.getComputedStyle(J), s = i.getComputedStyle(e), c = o(q), u = F(q), d = L(q.getBoundingClientRect(), u), f = L(J.getBoundingClientRect(), u), p = d.height, m = Y || e, h = m.scrollHeight, g = parseFloat(s.borderBottomWidth), _ = parseFloat(a.marginTop) || 10, v = parseFloat(a.marginBottom) || 10, y = parseFloat(a.minHeight) || 100, x = ne(s), S = c.documentElement.clientHeight - _ - v, ee = c.documentElement.clientWidth, te = S - d.bottom + p, w, T = W === "rtl" ? d.right - f.width : d.left, E = 0;
+			if (t && n) {
+				let e = L(n.getBoundingClientRect(), u);
+				w = L(t.getBoundingClientRect(), u), T = f.left + (W === "rtl" ? e.right - w.right : e.left - w.left);
+				let r = e.top - d.top + e.height / 2;
+				E = w.top - f.top + w.height / 2 - r;
+			}
+			let D = te + E + v + g, k = Math.min(S, D), A = S - _ - v, j = D - k, M = ee - 5;
+			J.style.left = `${b(T, 5, M - f.width)}px`, J.style.height = `${k}px`, J.style.maxHeight = "none", J.style.marginTop = `${_}px`, J.style.marginBottom = `${v}px`, e.style.height = "100%";
+			let N = P(m), I = j >= N - 1;
+			I && (k = Math.min(S, f.height) - (j - N));
+			let R = d.top < 20 || d.bottom > S - 20 || Math.ceil(k) + 1 < Math.min(h, y), re = (i.visualViewport?.scale ?? 1) !== 1 && l;
+			if (R || re) {
+				C(J, Q.current), U(!1);
+				return;
+			}
+			let ie = Math.max(y, k);
+			if (I) {
+				let e = Math.max(0, S - D);
+				J.style.top = f.height >= A ? "0" : `${e}px`, J.style.height = `${k}px`, m.scrollTop = P(m);
+			} else J.style.bottom = "0", m.scrollTop = j;
+			if (w) {
+				let t = f.top, n = f.height, r = w.top + w.height / 2, i = b(n > 0 ? (r - t) / n * 100 : 50, 0, 100);
+				e.style.setProperty(O, `50% ${i}%`);
+			}
+			(ie === S || k >= x) && (X.current = !0), z.context.handleScrollArrowVisibility(m), B && z.state.selectedIndex === null && z.state.activeIndex === null && z.context.listRef.current[0] != null && z.set("activeIndex", 0);
+		} finally {
+			t();
+		}
+	}, [
+		z,
+		G,
+		J,
+		q,
+		V,
+		U,
+		ge,
+		Y,
+		B,
+		W,
+		H
+	]), k.useEffect(() => {
+		if (!V || !J || !G) return;
+		let e = r(J);
+		function t(e) {
+			z.context.setOpen(!1, c(s, e));
+		}
+		return u(e, "resize", t);
+	}, [
+		z,
+		V,
+		J,
+		G
+	]);
+	let ve = {
+		...Y ? { role: "presentation" } : {
+			role: "listbox",
+			"aria-multiselectable": ie || void 0,
+			"aria-readonly": ae || void 0,
+			id: `${fe}-list`
+		},
+		onKeyDown(e) {
+			le && g.has(e.key) && e.stopPropagation();
+		},
+		onScroll(e) {
+			Y || $(e.currentTarget);
+		},
+		...V && { style: Y ? { height: "100%" } : te },
+		className: !Y && V ? T.className : void 0
+	}, ye = e("div", t, {
+		ref: [n, z.context.popupRef],
+		state: _e,
+		stateAttributesMapping: M,
+		props: [
+			he,
+			ve,
+			w(K),
+			R
+		]
+	});
+	return /*#__PURE__*/ j(k.Fragment, { children: [!de && T.getElement(ue), /*#__PURE__*/ A(p, {
+		context: oe,
+		modal: !1,
+		disabled: !me,
+		openInteractionType: pe,
+		returnFocus: N,
+		restoreFocus: !0,
+		children: ye
+	})] });
 });
-process.env.NODE_ENV !== "production" && (a.displayName = "SelectGroupLabel");
+process.env.NODE_ENV !== "production" && (N.displayName = "SelectPopup");
+function ne(e) {
+	let t = e.maxHeight;
+	return t.endsWith("px") && parseFloat(t) || Infinity;
+}
+function P(e) {
+	return x(e.scrollHeight, e.clientHeight);
+}
+function F(e) {
+	return m.getScale(e);
+}
+function I(e, t, n) {
+	return e / n[t];
+}
+function L(e, t) {
+	return f({
+		x: I(e.x, "x", t),
+		y: I(e.y, "y", t),
+		width: I(e.width, "x", t),
+		height: I(e.height, "y", t)
+	});
+}
+var R = [
+	["transform", "none"],
+	["scale", "1"],
+	["translate", "0 0"]
+];
+function re(e) {
+	let { style: t } = e, n = {};
+	for (let [e, r] of R) n[e] = t.getPropertyValue(e), t.setProperty(e, r, "important");
+	return () => {
+		for (let [e] of R) {
+			let r = n[e];
+			r ? t.setProperty(e, r) : t.removeProperty(e);
+		}
+	};
+}
 //#endregion
-export { a as SelectGroupLabel };
+export { N as SelectPopup };
 
 //# sourceMappingURL=index413.js.map

package/dist/index413.js.map

@@ -1 +1 @@
-{"version":3,"file":"index413.js","names":[],"sources":["../../../node_modules/@base-ui/react/select/group-label/SelectGroupLabel.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useBaseUiId } from \"../../internals/useBaseUiId.mjs\";\nimport { useSelectGroupContext } from \"../group/SelectGroupContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\n\n/**\n * An accessible label that is automatically associated with its parent group.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectGroupLabel = /*#__PURE__*/React.forwardRef(function SelectGroupLabel(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    id: idProp,\n    ...elementProps\n  } = componentProps;\n  const {\n    setLabelId\n  } = useSelectGroupContext();\n  const id = useBaseUiId(idProp);\n  useIsoLayoutEffect(() => {\n    setLabelId(id);\n    return () => {\n      setLabelId(currentId => currentId === id ? undefined : currentId);\n    };\n  }, [id, setLabelId]);\n  const element = useRenderElement('div', componentProps, {\n    ref: forwardedRef,\n    props: [{\n      id\n    }, elementProps]\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") SelectGroupLabel.displayName = \"SelectGroupLabel\";"],"x_google_ignoreList":[0],"mappings":";;;;;;;AAcA,IAAa,IAAgC,gBAAM,WAAW,SAA0B,GAAgB,GAAc;CACpH,IAAM,EACJ,WACA,cACA,UACA,IAAI,GACJ,GAAG,MACD,GACE,EACJ,kBACE,EAAsB,GACpB,IAAK,EAAY,CAAM;CAa7B,OAZA,SACE,EAAW,CAAE,SACA;EACX,GAAW,MAAa,MAAc,IAAK,KAAA,IAAY,CAAS;CAClE,IACC,CAAC,GAAI,CAAU,CAAC,GACH,EAAiB,OAAO,GAAgB;EACtD,KAAK;EACL,OAAO,CAAC,EACN,MACF,GAAG,CAAY;CACjB,CACa;AACf,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAiB,cAAc"}
+{"version":3,"file":"index413.js","names":["React","ownerWindow","SelectPositionerCssVars.transformOrigin","platform.engine.webkit","REASONS.windowResize","floatingPlatform","React$1","stateAttributesMapping","popupStateMapping","transitionStatusMapping","SelectPopup","elementProps","componentProps","store","useSelectRootContext","useSelectRootPropsContext","floatingRootContext","useSelectFloatingContext","useSelectPositionerContext","insideToolbar","useToolbarRootContext","direction","useDirection","useCSPContext","id","open","openMethod","mounted","popupProps","transitionStatus","triggerElement","positionerElement","listElement","reachedMaxHeightRef","initialPlacedRef","originalPositionerStylesRef","scrollArrowFrame","useAnimationFrame","handleScroll","useStableCallback","isTopPositioned","isBottomPositioned","alignItemWithTriggerActive","scroller","scale","getScale","currentHeight","normalizeSize","doc","ownerDocument","win","getWindow","positionerStyles","marginTop","marginBottom","maxPopupHeight","getMaxPopupHeight","maxAvailableHeight","scrollTop","maxScrollTop","getMaxScrollTop","nextScrollTop","setHeight","height","diff","nextHeight","heightDelta","clamp","nextPositionerHeight","target","useOpenChangeComplete","state","useIsoLayoutEffect","clearStyles","popupElement","isPositioned","transformOrigin","restoreTransformStyles","unsetTransformStyles","textElement","valueElement","popupStyles","triggerRect","normalizeRect","positionerRect","triggerHeight","scrollHeight","borderBottom","minHeight","viewportHeight","viewportWidth","availableSpaceBeneathTrigger","textRect","alignedLeft","offsetY","valueRect","valueCenterFromTriggerTop","idealHeight","maxHeight","maxRight","fallbackToAlignPopupToTrigger","isPinchZoomed","webkit","setControlledAlignItemWithTrigger","initialHeight","topOffset","popupTop","popupHeight","textCenterY","clampedY","highlightItemOnHover","handleResize","createChangeEventDetails","windowResize","event","addEventListener","defaultProps","multiple","readOnly","COMPOSITE_KEYS","LIST_FUNCTIONAL_STYLES","styleDisableScrollbar","element","useRenderElement","forwardedRef","getDisabledMountTransitionStyles","disableStyleElements","nonce","FloatingFocusManager","finalFocus","maxHeightStyle","getMaxScrollOffset","platform","size","axis","rectToClientRect","rect","TRANSFORM_STYLE_RESETS","originalStyles","property","value","style","originalValue"],"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 { useAnimationFrame } from '@base-ui/utils/useAnimationFrame';\nimport { clamp } from '@base-ui/utils/clamp';\nimport { FloatingFocusManager, platform as floatingPlatform } from \"../../floating-ui-react/index.mjs\";\nimport { useSelectFloatingContext, useSelectRootContext, useSelectRootPropsContext } 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 { 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 \"../../internals/getDisabledMountTransitionStyles.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 * as SelectPositionerCssVars from \"../positioner/SelectPositionerCssVars.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 store = useSelectRootContext();\n  const {\n    multiple,\n    readOnly,\n    highlightItemOnHover\n  } = useSelectRootPropsContext();\n  const floatingRootContext = useSelectFloatingContext();\n  const {\n    side,\n    align,\n    alignItemWithTriggerActive,\n    isPositioned,\n    setControlledAlignItemWithTrigger\n  } = useSelectPositionerContext();\n  const insideToolbar = useToolbarRootContext(true) != null;\n  const direction = useDirection();\n  const {\n    nonce,\n    disableStyleElements\n  } = useCSPContext();\n  const id = store.useState('id');\n  const open = store.useState('open');\n  const openMethod = store.useState('openMethod');\n  const mounted = store.useState('mounted');\n  const popupProps = store.useState('popupProps');\n  const transitionStatus = store.useState('transitionStatus');\n  const triggerElement = store.useState('triggerElement');\n  const positionerElement = store.useState('positionerElement');\n  const listElement = store.useState('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 || !store.context.popupRef.current || !initialPlacedRef.current) {\n      return;\n    }\n    const isTopPositioned = positionerElement.style.top === '0px';\n    const isBottomPositioned = positionerElement.style.bottom === '0px';\n    if (reachedMaxHeightRef.current || !alignItemWithTriggerActive || !isTopPositioned && !isBottomPositioned) {\n      store.context.handleScrollArrowVisibility(scroller);\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(store.context.popupRef.current));\n    const maxAvailableHeight = Math.min(doc.documentElement.clientHeight - marginTop - marginBottom, maxPopupHeight);\n    const scrollTop = scroller.scrollTop;\n    const maxScrollTop = getMaxScrollTop(scroller);\n\n    // `Infinity` requests a scroll to the recomputed maximum offset.\n    let nextScrollTop = null;\n    const setHeight = height => {\n      positionerElement.style.height = `${height}px`;\n    };\n    const diff = isTopPositioned ? maxScrollTop - scrollTop : scrollTop;\n    const nextHeight = Math.min(currentHeight + diff, maxAvailableHeight);\n    if (diff <= SCROLL_EDGE_TOLERANCE_PX) {\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 = isTopPositioned ? maxScrollTop : 0;\n      if (maxAvailableHeight - (currentHeight + heightDelta) <= SCROLL_EDGE_TOLERANCE_PX) {\n        reachedMaxHeightRef.current = true;\n      }\n      store.context.handleScrollArrowVisibility(scroller);\n      return;\n    }\n    if (maxAvailableHeight - nextHeight > SCROLL_EDGE_TOLERANCE_PX) {\n      nextScrollTop = isTopPositioned ? Infinity : 0;\n    } else if (isBottomPositioned && scrollTop < maxScrollTop) {\n      const overshoot = currentHeight + diff - maxAvailableHeight;\n      nextScrollTop = scrollTop - (diff - overshoot);\n    }\n    const nextPositionerHeight = Math.ceil(nextHeight);\n    if (nextPositionerHeight !== 0) {\n      setHeight(nextPositionerHeight);\n    }\n    if (nextScrollTop != null) {\n      // Recompute bounds after resizing (clientHeight likely changed).\n      const target = clamp(nextScrollTop, 0, getMaxScrollTop(scroller));\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 (nextPositionerHeight >= maxAvailableHeight - SCROLL_EDGE_TOLERANCE_PX) {\n      reachedMaxHeightRef.current = true;\n    }\n    store.context.handleScrollArrowVisibility(scroller);\n  });\n  React.useImperativeHandle(store.context.scrollHandlerRef, () => handleScroll, [handleScroll]);\n  useOpenChangeComplete({\n    open,\n    ref: store.context.popupRef,\n    onComplete() {\n      if (open) {\n        store.context.onOpenChangeComplete(true);\n      }\n    }\n  });\n  const state = {\n    open,\n    transitionStatus,\n    side,\n    align\n  };\n  useIsoLayoutEffect(() => {\n    if (!positionerElement || !store.context.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  }, [store, 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]);\n  useIsoLayoutEffect(() => {\n    const popupElement = store.context.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    initialPlacedRef.current = true;\n    popupElement.style.removeProperty(SelectPositionerCssVars.transformOrigin);\n    if (!alignItemWithTriggerActive) {\n      // The wrapper supplies the scroller: the list owns scrolling once it has mounted, and\n      // this effect re-runs (cancelling the stale frame) when that happens.\n      scrollArrowFrame.request(() => store.context.handleScrollArrowVisibility(listElement || popupElement));\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    try {\n      let textElement = store.context.selectedItemTextRef.current;\n      if (!textElement?.isConnected) {\n        const hasSelectedValue = store.select('hasSelectedValue');\n        textElement = !hasSelectedValue && store.context.firstItemTextRef.current?.isConnected ? store.context.firstItemTextRef.current : null;\n      }\n      const valueElement = store.context.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        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 clampedY = clamp(popupHeight > 0 ? (textCenterY - popupTop) / popupHeight * 100 : 50, 0, 100);\n        popupElement.style.setProperty(SelectPositionerCssVars.transformOrigin, `50% ${clampedY}%`);\n      }\n      if (initialHeight === viewportHeight || height >= maxPopupHeight) {\n        reachedMaxHeightRef.current = true;\n      }\n      store.context.handleScrollArrowVisibility(scroller);\n      if (highlightItemOnHover && store.state.selectedIndex === null && store.state.activeIndex === null && store.context.listRef.current[0] != null) {\n        store.set('activeIndex', 0);\n      }\n    } finally {\n      restoreTransformStyles();\n    }\n  }, [store, open, positionerElement, triggerElement, alignItemWithTriggerActive, setControlledAlignItemWithTrigger, scrollArrowFrame, listElement, 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      store.context.setOpen(false, createChangeEventDetails(REASONS.windowResize, event));\n    }\n    return addEventListener(win, 'resize', handleResize);\n  }, [store, alignItemWithTriggerActive, positionerElement, open]);\n  const defaultProps = {\n    ...(listElement ? {\n      role: 'presentation'\n    } : {\n      role: 'listbox',\n      'aria-multiselectable': multiple || undefined,\n      'aria-readonly': readOnly || 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    className: !listElement && alignItemWithTriggerActive ? styleDisableScrollbar.className : undefined\n  };\n  const element = useRenderElement('div', componentProps, {\n    ref: [forwardedRef, store.context.popupRef],\n    state,\n    stateAttributesMapping,\n    props: [popupProps, defaultProps, getDisabledMountTransitionStyles(transitionStatus), 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}"],"ignoreList":[0],"mappings":"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"}

package/dist/index414.js

@@ -1,17 +1,30 @@
 "use client";
-import { useRenderElement as e } from "./index196.js";
-import * as t from "react";
-//#region ../../node_modules/@base-ui/react/utils/listbox-separator/ListboxSeparator.mjs
-var n = /*#__PURE__*/ t.forwardRef(function(t, n) {
-	let { className: r, render: i, orientation: a = "horizontal", style: o, ...s } = t;
-	return e("div", t, {
-		state: { orientation: a },
-		ref: n,
-		props: [{ role: "presentation" }, s]
+import { useRenderElement as e } from "./index197.js";
+import { useSelectRootContext as t, useSelectRootPropsContext as n } from "./index372.js";
+import { useSelectPositionerContext as r } from "./index403.js";
+import { LIST_FUNCTIONAL_STYLES as i } from "./index404.js";
+import { styleDisableScrollbar as a } from "./index409.js";
+import * as o from "react";
+//#region ../../node_modules/@base-ui/react/select/list/SelectList.mjs
+var s = /*#__PURE__*/ o.forwardRef(function(o, s) {
+	let { render: c, className: l, style: u, ...d } = o, f = t(), { multiple: p, readOnly: m } = n(), { alignItemWithTriggerActive: h } = r(), g = f.useState("hasScrollArrows"), _ = f.useState("openMethod"), v = {
+		id: `${f.useState("id")}-list`,
+		role: "listbox",
+		"aria-multiselectable": p || void 0,
+		"aria-readonly": m || void 0,
+		onScroll(e) {
+			f.context.scrollHandlerRef.current?.(e.currentTarget);
+		},
+		...h && { style: i },
+		className: g && _ !== "touch" ? a.className : void 0
+	}, y = f.useStateSetter("listElement");
+	return e("div", o, {
+		ref: [s, y],
+		props: [v, d]
 	});
 });
-process.env.NODE_ENV !== "production" && (n.displayName = "ListboxSeparator");
+process.env.NODE_ENV !== "production" && (s.displayName = "SelectList");
 //#endregion
-export { n as ListboxSeparator };
+export { s as SelectList };
 
 //# sourceMappingURL=index414.js.map

package/dist/index414.js.map

@@ -1 +1 @@
-{"version":3,"file":"index414.js","names":[],"sources":["../../../node_modules/@base-ui/react/utils/listbox-separator/ListboxSeparator.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\n\n/**\n * A visual separator between items.\n * Renders a `<div>` element.\n *\n * @internal\n */\nexport const ListboxSeparator = /*#__PURE__*/React.forwardRef(function ListboxSeparator(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    orientation = 'horizontal',\n    style,\n    ...elementProps\n  } = componentProps;\n  const state = {\n    orientation\n  };\n  return useRenderElement('div', componentProps, {\n    state,\n    ref: forwardedRef,\n    props: [{\n      role: 'presentation'\n    }, elementProps]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") ListboxSeparator.displayName = \"ListboxSeparator\";"],"x_google_ignoreList":[0],"mappings":";;;;AAWA,IAAa,IAAgC,gBAAM,WAAW,SAA0B,GAAgB,GAAc;CACpH,IAAM,EACJ,cACA,WACA,iBAAc,cACd,UACA,GAAG,MACD;CAIJ,OAAO,EAAiB,OAAO,GAAgB;EAC7C,OAAA,EAHA,eAGI;EACJ,KAAK;EACL,OAAO,CAAC,EACN,MAAM,eACR,GAAG,CAAY;CACjB,CAAC;AACH,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAiB,cAAc"}
+{"version":3,"file":"index414.js","names":["React$1","SelectList","elementProps","componentProps","store","useSelectRootContext","useSelectRootPropsContext","useSelectPositionerContext","hasScrollArrows","openMethod","defaultProps","multiple","readOnly","event","alignItemWithTriggerActive","LIST_FUNCTIONAL_STYLES","styleDisableScrollbar","setListElement","useRenderElement","forwardedRef"],"sources":["../../../node_modules/@base-ui/react/select/list/SelectList.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useSelectRootContext, useSelectRootPropsContext } 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\";\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 store = useSelectRootContext();\n  const {\n    multiple,\n    readOnly\n  } = useSelectRootPropsContext();\n  const {\n    alignItemWithTriggerActive\n  } = useSelectPositionerContext();\n  const hasScrollArrows = store.useState('hasScrollArrows');\n  const openMethod = store.useState('openMethod');\n  const id = store.useState('id');\n  const defaultProps = {\n    id: `${id}-list`,\n    role: 'listbox',\n    'aria-multiselectable': multiple || undefined,\n    'aria-readonly': readOnly || undefined,\n    onScroll(event) {\n      store.context.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 = store.useStateSetter('listElement');\n  return useRenderElement('div', componentProps, {\n    ref: [forwardedRef, setListElement],\n    props: [defaultProps, elementProps]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SelectList.displayName = \"SelectList\";"],"ignoreList":[0],"mappings":";;;;;;;;AAeA,IAAaC,IAA0B,gBAAM,WAAW,SAAoB,GAAgB,GAAc;CACxG,IAAM,EACJ,WACA,cACA,UACA,GAAGC,MACDC,GACEC,IAAQC,EAAqB,GAC7B,EACJ,aACA,gBACEC,EAA0B,GACxB,EACJ,kCACEC,EAA2B,GACzBC,IAAkBJ,EAAM,SAAS,iBAAiB,GAClDK,IAAaL,EAAM,SAAS,YAAY,GAExCM,IAAe;EACnB,IAAI,GAFKN,EAAM,SAAS,IAEhB,EAAE;EACV,MAAM;EACN,wBAAwBO,KAAY,KAAA;EACpC,iBAAiBC,KAAY,KAAA;EAC7B,SAAS,GAAO;GACd,EAAM,QAAQ,iBAAiB,UAAUC,EAAM,aAAa;EAC9D;EACA,GAAIC,KAA8B,EAChC,OAAOC,EACT;EACA,WAAWP,KAAmBC,MAAe,UAAUO,EAAsB,YAAY,KAAA;CAC3F,GACMC,IAAiBb,EAAM,eAAe,aAAa;CACzD,OAAOc,EAAiB,OAAOf,GAAgB;EAC7C,KAAK,CAACgB,GAAcF,CAAc;EAClC,OAAO,CAACP,GAAcR,CAAY;CACpC,CAAC;AACH,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc"}

package/dist/index415.js

@@ -1,8 +1,42 @@
 "use client";
-import { ListboxSeparator as e } from "./index414.js";
-//#region ../../node_modules/@base-ui/react/select/separator/SelectSeparator.mjs
-var t = e;
+import { useIsoLayoutEffect as e } from "./index208.js";
+import { useCompositeListContext as t } from "./index395.js";
+import * as n from "react";
+//#region ../../node_modules/@base-ui/react/internals/composite/list/useCompositeListItem.mjs
+function r(r = {}) {
+	let { guess: i, label: a, metadata: o, textRef: s, index: c } = r, { register: l, unregister: u, subscribeMapChange: d, nextIndexRef: f } = t(), p = n.useRef(-1), [m, h] = n.useState(c == null && i ? () => {
+		if (p.current === -1) {
+			let e = f.current;
+			f.current += 1, p.current = e;
+		}
+		return p.current;
+	} : -1), g = c ?? m, _ = n.useRef(null), v = n.useCallback((e) => {
+		let t = _.current;
+		t && u(t), _.current = e, e && l(e, {
+			metadata: o ?? null,
+			index: c ?? null,
+			label: a,
+			textRef: s
+		});
+	}, [
+		c,
+		l,
+		u,
+		o,
+		a,
+		s
+	]);
+	return e(() => {
+		if (c == null) return d((e) => {
+			let t = _.current ? e.get(_.current)?.index : null;
+			t != null && h(t);
+		});
+	}, [c, d]), {
+		ref: v,
+		index: g
+	};
+}
 //#endregion
-export { t as SelectSeparator };
+export { r as useCompositeListItem };
 
 //# sourceMappingURL=index415.js.map

package/dist/index415.js.map

@@ -1 +1 @@
-{"version":3,"file":"index415.js","names":[],"sources":["../../../node_modules/@base-ui/react/select/separator/SelectSeparator.mjs"],"sourcesContent":["'use client';\n\nimport { ListboxSeparator } from \"../../utils/listbox-separator/ListboxSeparator.mjs\";\n/**\n * A visual separator between items or groups.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectSeparator = ListboxSeparator;"],"x_google_ignoreList":[0],"mappings":";;;AASA,IAAa,IAAkB"}
+{"version":3,"file":"index415.js","names":["React","React$1","useCompositeListItem","externalIndex","params","useCompositeListContext","indexRef","internalIndex","setInternalIndex","guess","newIndex","nextIndexRef","index","componentRef","ref","previousNode","unregister","node","register","metadata","label","textRef","useIsoLayoutEffect","subscribeMapChange","i","map"],"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\";\n/**\n * Used to register a list item and its index (DOM position) in the `CompositeList`.\n */\nexport function useCompositeListItem(params = {}) {\n  const {\n    guess,\n    label,\n    metadata,\n    textRef,\n    index: externalIndex\n  } = params;\n  const {\n    register,\n    unregister,\n    subscribeMapChange,\n    nextIndexRef\n  } = useCompositeListContext();\n\n  // Guess the index from the render order. This avoids a re-render after mount for\n  // flat lists rendered in DOM order; when the guess is wrong (grouped or out-of-order\n  // rendering), the commit flush corrects it before paint.\n  const indexRef = React.useRef(-1);\n  const [internalIndex, setInternalIndex] = React.useState(externalIndex == null && guess ? () => {\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 index = externalIndex ?? internalIndex;\n  const componentRef = React.useRef(null);\n\n  // Deliberately identity-sensitive: nested items sharing one DOM node rely on ref attachment\n  // order to decide which registration wins, and republishing from an effect instead would let\n  // an inner item's later update silently take ownership from the outer one.\n  const ref = React.useCallback(node => {\n    const previousNode = componentRef.current;\n    if (previousNode) {\n      unregister(previousNode);\n    }\n    componentRef.current = node;\n    if (node) {\n      register(node, {\n        metadata: metadata ?? null,\n        index: externalIndex ?? null,\n        label,\n        textRef\n      });\n    }\n  }, [externalIndex, register, unregister, metadata, label, textRef]);\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        setInternalIndex(i);\n      }\n    });\n  }, [externalIndex, subscribeMapChange]);\n  return {\n    ref,\n    index\n  };\n}"],"ignoreList":[0],"mappings":";;;;;AAQA,SAAgBE,EAAqB,IAAS,CAAC,GAAG;CAChD,IAAM,EACJ,UACA,UACA,aACA,YACA,OAAOC,MACLC,GACE,EACJ,aACA,eACA,uBACA,oBACEC,EAAwB,GAKtBC,IAAWN,EAAM,OAAO,EAAE,GAC1B,CAACO,GAAeC,KAAoBR,EAAM,SAASG,KAAiB,QAAQM,UAAc;EAC9F,IAAIH,EAAS,YAAY,IAAI;GAC3B,IAAMI,IAAWC,EAAa;GAE9B,AADA,EAAa,WAAW,GACxB,EAAS,UAAUD;EACrB;EACA,OAAOJ,EAAS;CAClB,IAAI,EAAE,GACAM,IAAQT,KAAiBI,GACzBM,IAAeb,EAAM,OAAO,IAAI,GAKhCc,IAAMd,EAAM,aAAY,MAAQ;EACpC,IAAMe,IAAeF,EAAa;EAKlC,AAJIE,KACFC,EAAWD,CAAY,GAEzB,EAAa,UAAUE,GACnBA,KACFC,EAASD,GAAM;GACb,UAAUE,KAAY;GACtB,OAAOhB,KAAiB;GACxB;GACA;EACF,CAAC;CAEL,GAAG;EAACA;EAAee;EAAUF;EAAYG;EAAUC;EAAOC;CAAO,CAAC;CAYlE,OAXAC,QAAyB;EACvB,IAAInB,KAAiB,MAGrB,OAAOoB,GAAmB,MAAO;GAC/B,IAAMC,IAAIX,EAAa,UAAUY,EAAI,IAAIZ,EAAa,OAAO,CAAC,EAAE,QAAQ;GACxE,AAAIW,KAAK,QACPhB,EAAiBgB,CAAC;EAEtB,CAAC;CACH,GAAG,CAACrB,GAAeoB,CAAkB,CAAC,GAC/B;EACL;EACA;CACF;AACF"}