@rpcbase/ui 0.260.0 → 0.262.0

package/dist/index385.js

@@ -1,25 +1,115 @@
 "use client";
-import { useRenderElement as e } from "./index196.js";
-import { useStore as t } from "./index260.js";
-import { useSelectRootContext as n } from "./index366.js";
-import { resolveMultipleLabels as r, resolveSelectedLabel as i } from "./index375.js";
-import { selectors as a } from "./index376.js";
-import * as o from "react";
-//#region ../../node_modules/@base-ui/react/select/value/SelectValue.mjs
-var s = { value: () => null }, c = /*#__PURE__*/ o.forwardRef(function(o, c) {
-	let { className: l, render: u, children: d, placeholder: f, style: p, ...m } = o, { store: h, valueRef: g } = n(), _ = t(h, a.value), v = t(h, a.items), y = t(h, a.itemToStringLabel), b = t(h, a.hasSelectedValue), x = !b && f != null && d == null, S = t(h, a.hasNullItemLabel, x), C = {
-		value: _,
-		placeholder: !b
-	}, w = null;
-	return w = typeof d == "function" ? d(_) : d ?? (!b && f != null && !S ? f : Array.isArray(_) ? r(_, v, y) : i(_, v, y)), e("span", o, {
-		state: C,
-		ref: [c, g],
-		props: [{ children: w }, m],
-		stateAttributesMapping: s
+import { mergeProps as e } from "./index195.js";
+import { useRenderElement as t } from "./index196.js";
+import { pressableTriggerOpenStateMapping as n } from "./index198.js";
+import { useStableCallback as r } from "./index202.js";
+import { useButton as i } from "./index207.js";
+import { cancelOpen as ee, none as a } from "./index208.js";
+import { createChangeEventDetails as o } from "./index209.js";
+import { useTimeout as s } from "./index215.js";
+import { contains as c } from "./index223.js";
+import { getFloatingFocusElement as l } from "./index224.js";
+import { useValueAsRef as u } from "./index227.js";
+import { ownerDocument as d } from "./index229.js";
+import { useStore as f } from "./index260.js";
+import { useSelectRootContext as p } from "./index367.js";
+import { fieldValidityMapping as m } from "./index369.js";
+import { useFieldRootContext as te } from "./index370.js";
+import { useLabelableContext as ne } from "./index372.js";
+import { useLabelableId as re } from "./index373.js";
+import { selectors as h } from "./index377.js";
+import { resolveAriaLabelledBy as g } from "./index383.js";
+import { getPseudoElementBounds as ie } from "./index384.js";
+import * as _ from "react";
+//#region ../../node_modules/@base-ui/react/select/trigger/SelectTrigger.mjs
+var v = 2, y = 400, b = {
+	...n,
+	...m,
+	popupSide: (e) => e ? { "data-popup-side": e } : null,
+	value: () => null
+}, x = /*#__PURE__*/ _.forwardRef(function(n, m) {
+	let { render: x, className: ae, id: oe, disabled: S = !1, nativeButton: C = !0, style: se, ...w } = n, { setTouched: T, setFocused: E, validationMode: D, state: O, disabled: k } = te(), { labelId: A } = ne(), { store: j, setOpen: M, selectionRef: N, validation: P, readOnly: F, required: I, alignItemWithTriggerActiveRef: L, disabled: R } = p(), z = k || R || S, B = f(j, h.open), V = f(j, h.mounted), H = f(j, h.value), U = f(j, h.triggerProps), W = f(j, h.positionerElement), G = f(j, h.listElement), K = f(j, h.popupSide), q = f(j, h.id), ce = f(j, h.labelId), le = f(j, h.hasSelectedValue), ue = V && W ? K : null, J = oe ?? q, Y = g(A, ce);
+	re({ id: J });
+	let de = u(W), X = _.useRef(null), { getButtonProps: fe, buttonRef: pe } = i({
+		disabled: z,
+		native: C
+	}), me = r((e) => {
+		j.set("triggerElement", e);
+	}), he = s(), Z = s(), Q = s();
+	_.useEffect(() => {
+		if (B) return Q.start(y, () => {
+			N.current.allowUnselectedMouseUp = !0, N.current.allowSelectedMouseUp = !0;
+		}), () => {
+			Q.clear();
+		};
+		N.current = {
+			allowSelectedMouseUp: !1,
+			allowUnselectedMouseUp: !1,
+			dragY: 0
+		}, Z.clear();
+	}, [
+		B,
+		N,
+		Z,
+		Q
+	]);
+	let ge = e(U, {
+		id: J,
+		role: "combobox",
+		"aria-expanded": B ? "true" : "false",
+		"aria-haspopup": "listbox",
+		"aria-controls": B ? G?.id ?? l(W)?.id : void 0,
+		"aria-labelledby": Y,
+		"aria-readonly": F || void 0,
+		"aria-required": I || void 0,
+		tabIndex: z ? -1 : 0,
+		onFocus(e) {
+			E(!0), B && L.current && M(!1, o(a, e.nativeEvent)), he.start(0, () => {
+				j.set("forceMount", !0);
+			});
+		},
+		onBlur(e) {
+			c(W, e.relatedTarget) || (T(!0), E(!1), D === "onBlur" && P.commit(H));
+		},
+		onMouseDown(e) {
+			if (B) return;
+			let t = d(e.currentTarget);
+			function n(e) {
+				if (!X.current) return;
+				let t = e.target;
+				if (c(X.current, t) || c(de.current, t)) return;
+				let n = ie(X.current);
+				e.clientX >= n.left - v && e.clientX <= n.right + v && e.clientY >= n.top - v && e.clientY <= n.bottom + v || M(!1, o(ee, e));
+			}
+			Z.start(0, () => {
+				t.addEventListener("mouseup", n, { once: !0 });
+			});
+		}
+	}, w, fe), $ = P.getValidationProps(z, ge);
+	$.role = "combobox";
+	let _e = {
+		...O,
+		open: B,
+		disabled: z,
+		value: H,
+		readOnly: F,
+		popupSide: ue,
+		placeholder: !le
+	};
+	return t("button", n, {
+		ref: [
+			m,
+			X,
+			pe,
+			me
+		],
+		state: _e,
+		stateAttributesMapping: b,
+		props: $
 	});
 });
-process.env.NODE_ENV !== "production" && (c.displayName = "SelectValue");
+process.env.NODE_ENV !== "production" && (x.displayName = "SelectTrigger");
 //#endregion
-export { c as SelectValue };
+export { x as SelectTrigger };
 
 //# sourceMappingURL=index385.js.map

package/dist/index385.js.map

@@ -1 +1 @@
-{"version":3,"file":"index385.js","names":[],"sources":["../../../node_modules/@base-ui/react/select/value/SelectValue.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStore } from '@base-ui/utils/store';\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { resolveMultipleLabels, resolveSelectedLabel } from \"../../internals/resolveValueLabel.mjs\";\nimport { selectors } from \"../store.mjs\";\nconst stateAttributesMapping = {\n  value: () => null\n};\n\n/**\n * A text label of the currently selected item.\n * Renders a `<span>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectValue = /*#__PURE__*/React.forwardRef(function SelectValue(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    children: childrenProp,\n    placeholder,\n    style,\n    ...elementProps\n  } = componentProps;\n  const {\n    store,\n    valueRef\n  } = useSelectRootContext();\n  const value = useStore(store, selectors.value);\n  const items = useStore(store, selectors.items);\n  const itemToStringLabel = useStore(store, selectors.itemToStringLabel);\n  const hasSelectedValue = useStore(store, selectors.hasSelectedValue);\n  const shouldCheckNullItemLabel = !hasSelectedValue && placeholder != null && childrenProp == null;\n  const hasNullLabel = useStore(store, selectors.hasNullItemLabel, shouldCheckNullItemLabel);\n  const state = {\n    value,\n    placeholder: !hasSelectedValue\n  };\n  let children = null;\n  if (typeof childrenProp === 'function') {\n    children = childrenProp(value);\n  } else if (childrenProp != null) {\n    children = childrenProp;\n  } else if (!hasSelectedValue && placeholder != null && !hasNullLabel) {\n    children = placeholder;\n  } else if (Array.isArray(value)) {\n    children = resolveMultipleLabels(value, items, itemToStringLabel);\n  } else {\n    children = resolveSelectedLabel(value, items, itemToStringLabel);\n  }\n  const element = useRenderElement('span', componentProps, {\n    state,\n    ref: [forwardedRef, valueRef],\n    props: [{\n      children\n    }, elementProps],\n    stateAttributesMapping\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") SelectValue.displayName = \"SelectValue\";"],"x_google_ignoreList":[0],"mappings":";;;;;;;;AAQA,IAAM,IAAyB,EAC7B,aAAa,KACf,GAQa,IAA2B,gBAAM,WAAW,SAAqB,GAAgB,GAAc;CAC1G,IAAM,EACJ,cACA,WACA,UAAU,GACV,gBACA,UACA,GAAG,MACD,GACE,EACJ,UACA,gBACE,EAAqB,GACnB,IAAQ,EAAS,GAAO,EAAU,KAAK,GACvC,IAAQ,EAAS,GAAO,EAAU,KAAK,GACvC,IAAoB,EAAS,GAAO,EAAU,iBAAiB,GAC/D,IAAmB,EAAS,GAAO,EAAU,gBAAgB,GAC7D,IAA2B,CAAC,KAAoB,KAAe,QAAQ,KAAgB,MACvF,IAAe,EAAS,GAAO,EAAU,kBAAkB,CAAwB,GACnF,IAAQ;EACZ;EACA,aAAa,CAAC;CAChB,GACI,IAAW;CAoBf,OAnBA,AAGE,IAHE,OAAO,KAAiB,aACf,EAAa,CAAK,IACpB,MAEA,CAAC,KAAoB,KAAe,QAAQ,CAAC,IAC3C,IACF,MAAM,QAAQ,CAAK,IACjB,EAAsB,GAAO,GAAO,CAAiB,IAErD,EAAqB,GAAO,GAAO,CAAiB,IAEjD,EAAiB,QAAQ,GAAgB;EACvD;EACA,KAAK,CAAC,GAAc,CAAQ;EAC5B,OAAO,CAAC,EACN,YACF,GAAG,CAAY;EACf;CACF,CACa;AACf,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc"}
+{"version":3,"file":"index385.js","names":["React","REASONS.none","REASONS.cancelOpen"],"sources":["../../../node_modules/@base-ui/react/select/trigger/SelectTrigger.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ownerDocument } from '@base-ui/utils/owner';\nimport { useTimeout } from '@base-ui/utils/useTimeout';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useValueAsRef } from '@base-ui/utils/useValueAsRef';\nimport { useStore } from '@base-ui/utils/store';\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { useFieldRootContext } from \"../../internals/field-root-context/FieldRootContext.mjs\";\nimport { useLabelableContext } from \"../../internals/labelable-provider/LabelableContext.mjs\";\nimport { pressableTriggerOpenStateMapping } from \"../../utils/popupStateMapping.mjs\";\nimport { fieldValidityMapping } from \"../../internals/field-constants/constants.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { selectors } from \"../store.mjs\";\nimport { getPseudoElementBounds } from \"../../utils/getPseudoElementBounds.mjs\";\nimport { contains, getFloatingFocusElement } from \"../../floating-ui-react/utils.mjs\";\nimport { mergeProps } from \"../../merge-props/index.mjs\";\nimport { useButton } from \"../../internals/use-button/index.mjs\";\nimport { createChangeEventDetails } from \"../../internals/createBaseUIEventDetails.mjs\";\nimport { REASONS } from \"../../internals/reasons.mjs\";\nimport { useLabelableId } from \"../../internals/labelable-provider/useLabelableId.mjs\";\nimport { resolveAriaLabelledBy } from \"../../utils/resolveAriaLabelledBy.mjs\";\nconst BOUNDARY_OFFSET = 2;\nconst SELECTED_DELAY = 400;\nconst stateAttributesMapping = {\n  ...pressableTriggerOpenStateMapping,\n  ...fieldValidityMapping,\n  popupSide: side => side ? {\n    'data-popup-side': side\n  } : null,\n  value: () => null\n};\n\n/**\n * A button that opens the select popup.\n * Renders a `<button>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectTrigger = /*#__PURE__*/React.forwardRef(function SelectTrigger(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    id: idProp,\n    disabled: disabledProp = false,\n    nativeButton = true,\n    style,\n    ...elementProps\n  } = componentProps;\n  const {\n    setTouched,\n    setFocused,\n    validationMode,\n    state: fieldState,\n    disabled: fieldDisabled\n  } = useFieldRootContext();\n  const {\n    labelId: fieldLabelId\n  } = useLabelableContext();\n  const {\n    store,\n    setOpen,\n    selectionRef,\n    validation,\n    readOnly,\n    required,\n    alignItemWithTriggerActiveRef,\n    disabled: selectDisabled\n  } = useSelectRootContext();\n  const disabled = fieldDisabled || selectDisabled || disabledProp;\n  const open = useStore(store, selectors.open);\n  const mounted = useStore(store, selectors.mounted);\n  const value = useStore(store, selectors.value);\n  const triggerProps = useStore(store, selectors.triggerProps);\n  const positionerElement = useStore(store, selectors.positionerElement);\n  const listElement = useStore(store, selectors.listElement);\n  const popupSideValue = useStore(store, selectors.popupSide);\n  const rootId = useStore(store, selectors.id);\n  const selectLabelId = useStore(store, selectors.labelId);\n  const hasSelectedValue = useStore(store, selectors.hasSelectedValue);\n  const popupSide = mounted && positionerElement ? popupSideValue : null;\n  const id = idProp ?? rootId;\n  const ariaLabelledBy = resolveAriaLabelledBy(fieldLabelId, selectLabelId);\n  useLabelableId({\n    id\n  });\n  const positionerRef = useValueAsRef(positionerElement);\n  const triggerRef = React.useRef(null);\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    native: nativeButton\n  });\n  const setTriggerElement = useStableCallback(element => {\n    store.set('triggerElement', element);\n  });\n  const timeoutFocus = useTimeout();\n  const timeoutMouseDown = useTimeout();\n  const selectedDelayTimeout = useTimeout();\n  React.useEffect(() => {\n    if (open) {\n      // A mousedown on the trigger can open the popup under the cursor. Keep mouseup selection\n      // disabled briefly so releasing over either the selected item or a neighboring item doesn't\n      // commit an accidental selection. SelectItem can still opt into unselected mouseup sooner\n      // after a real drag over the item.\n      selectedDelayTimeout.start(SELECTED_DELAY, () => {\n        selectionRef.current.allowUnselectedMouseUp = true;\n        selectionRef.current.allowSelectedMouseUp = true;\n      });\n      return () => {\n        selectedDelayTimeout.clear();\n      };\n    }\n    selectionRef.current = {\n      allowSelectedMouseUp: false,\n      allowUnselectedMouseUp: false,\n      dragY: 0\n    };\n    timeoutMouseDown.clear();\n    return undefined;\n  }, [open, selectionRef, timeoutMouseDown, selectedDelayTimeout]);\n  const mergedProps = mergeProps(triggerProps, {\n    id,\n    role: 'combobox',\n    'aria-expanded': open ? 'true' : 'false',\n    'aria-haspopup': 'listbox',\n    'aria-controls': open ? listElement?.id ?? getFloatingFocusElement(positionerElement)?.id : undefined,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-readonly': readOnly || undefined,\n    'aria-required': required || undefined,\n    tabIndex: disabled ? -1 : 0,\n    onFocus(event) {\n      setFocused(true);\n\n      // The popup element shouldn't obscure the focused trigger.\n      if (open && alignItemWithTriggerActiveRef.current) {\n        setOpen(false, createChangeEventDetails(REASONS.none, event.nativeEvent));\n      }\n\n      // Saves a re-render on initial click: `forceMount === true` mounts\n      // the items before `open === true`. We could sync those cycles better\n      // without a timeout, but this is enough for now.\n      timeoutFocus.start(0, () => {\n        store.set('forceMount', true);\n      });\n    },\n    onBlur(event) {\n      // If focus is moving into the popup, don't count it as a blur.\n      if (contains(positionerElement, event.relatedTarget)) {\n        return;\n      }\n      setTouched(true);\n      setFocused(false);\n      if (validationMode === 'onBlur') {\n        validation.commit(value);\n      }\n    },\n    onMouseDown(event) {\n      if (open) {\n        return;\n      }\n      const doc = ownerDocument(event.currentTarget);\n      function handleMouseUp(mouseEvent) {\n        if (!triggerRef.current) {\n          return;\n        }\n        const mouseUpTarget = mouseEvent.target;\n\n        // Don't treat the release as an outside press when it lands on the trigger or inside\n        // the popup positioner (or their children).\n        if (contains(triggerRef.current, mouseUpTarget) || contains(positionerRef.current, mouseUpTarget)) {\n          return;\n        }\n        const bounds = getPseudoElementBounds(triggerRef.current);\n        if (mouseEvent.clientX >= bounds.left - BOUNDARY_OFFSET && mouseEvent.clientX <= bounds.right + BOUNDARY_OFFSET && mouseEvent.clientY >= bounds.top - BOUNDARY_OFFSET && mouseEvent.clientY <= bounds.bottom + BOUNDARY_OFFSET) {\n          return;\n        }\n        setOpen(false, createChangeEventDetails(REASONS.cancelOpen, mouseEvent));\n      }\n\n      // Firefox can fire this upon mousedown\n      timeoutMouseDown.start(0, () => {\n        doc.addEventListener('mouseup', handleMouseUp, {\n          once: true\n        });\n      });\n    }\n  }, elementProps, getButtonProps);\n  const props = validation.getValidationProps(disabled, mergedProps);\n\n  // ensure nested useButton does not overwrite the combobox role:\n  // <Toolbar.Button render={<Select.Trigger />} />\n  props.role = 'combobox';\n  const state = {\n    ...fieldState,\n    open,\n    disabled,\n    value,\n    readOnly,\n    popupSide,\n    placeholder: !hasSelectedValue\n  };\n  return useRenderElement('button', componentProps, {\n    ref: [forwardedRef, triggerRef, buttonRef, setTriggerElement],\n    state,\n    stateAttributesMapping,\n    props\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SelectTrigger.displayName = \"SelectTrigger\";"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/index386.js

@@ -1,25 +1,25 @@
 "use client";
 import { useRenderElement as e } from "./index196.js";
-import { triggerOpenStateMapping as t } from "./index198.js";
-import { useStore as n } from "./index260.js";
-import { useSelectRootContext as r } from "./index366.js";
-import { selectors as i } from "./index376.js";
-import * as a from "react";
-//#region ../../node_modules/@base-ui/react/select/icon/SelectIcon.mjs
-var o = /*#__PURE__*/ a.forwardRef(function(a, o) {
-	let { render: s, className: c, style: l, ...u } = a, { store: d } = r();
-	return e("span", a, {
-		state: { open: n(d, i.open) },
-		ref: o,
-		props: [{
-			"aria-hidden": !0,
-			children: "▼"
-		}, u],
-		stateAttributesMapping: t
+import { useStore as t } from "./index260.js";
+import { useSelectRootContext as n } from "./index367.js";
+import { resolveMultipleLabels as r, resolveSelectedLabel as i } from "./index376.js";
+import { selectors as a } from "./index377.js";
+import * as o from "react";
+//#region ../../node_modules/@base-ui/react/select/value/SelectValue.mjs
+var s = { value: () => null }, c = /*#__PURE__*/ o.forwardRef(function(o, c) {
+	let { className: l, render: u, children: d, placeholder: f, style: p, ...m } = o, { store: h, valueRef: g } = n(), _ = t(h, a.value), v = t(h, a.items), y = t(h, a.itemToStringLabel), b = t(h, a.hasSelectedValue), x = !b && f != null && d == null, S = t(h, a.hasNullItemLabel, x), C = {
+		value: _,
+		placeholder: !b
+	}, w = null;
+	return w = typeof d == "function" ? d(_) : d ?? (!b && f != null && !S ? f : Array.isArray(_) ? r(_, v, y) : i(_, v, y)), e("span", o, {
+		state: C,
+		ref: [c, g],
+		props: [{ children: w }, m],
+		stateAttributesMapping: s
 	});
 });
-process.env.NODE_ENV !== "production" && (o.displayName = "SelectIcon");
+process.env.NODE_ENV !== "production" && (c.displayName = "SelectValue");
 //#endregion
-export { o as SelectIcon };
+export { c as SelectValue };
 
 //# sourceMappingURL=index386.js.map

package/dist/index386.js.map

@@ -1 +1 @@
-{"version":3,"file":"index386.js","names":[],"sources":["../../../node_modules/@base-ui/react/select/icon/SelectIcon.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStore } from '@base-ui/utils/store';\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { triggerOpenStateMapping } from \"../../utils/popupStateMapping.mjs\";\nimport { selectors } from \"../store.mjs\";\n\n/**\n * An icon that indicates that the trigger button opens a select popup.\n * Renders a `<span>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectIcon = /*#__PURE__*/React.forwardRef(function SelectIcon(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    ...elementProps\n  } = componentProps;\n  const {\n    store\n  } = useSelectRootContext();\n  const open = useStore(store, selectors.open);\n  const state = {\n    open\n  };\n  const element = useRenderElement('span', componentProps, {\n    state,\n    ref: forwardedRef,\n    props: [{\n      'aria-hidden': true,\n      children: '▼'\n    }, elementProps],\n    stateAttributesMapping: triggerOpenStateMapping\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") SelectIcon.displayName = \"SelectIcon\";"],"x_google_ignoreList":[0],"mappings":";;;;;;;;AAeA,IAAa,IAA0B,gBAAM,WAAW,SAAoB,GAAgB,GAAc;CACxG,IAAM,EACJ,WACA,cACA,UACA,GAAG,MACD,GACE,EACJ,aACE,EAAqB;CAczB,OATgB,EAAiB,QAAQ,GAAgB;EACvD,OAAA,EAHA,MAFW,EAAS,GAAO,EAAU,IAElC,EAGC;EACJ,KAAK;EACL,OAAO,CAAC;GACN,eAAe;GACf,UAAU;EACZ,GAAG,CAAY;EACf,wBAAwB;CAC1B,CACa;AACf,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc"}
+{"version":3,"file":"index386.js","names":[],"sources":["../../../node_modules/@base-ui/react/select/value/SelectValue.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStore } from '@base-ui/utils/store';\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { resolveMultipleLabels, resolveSelectedLabel } from \"../../internals/resolveValueLabel.mjs\";\nimport { selectors } from \"../store.mjs\";\nconst stateAttributesMapping = {\n  value: () => null\n};\n\n/**\n * A text label of the currently selected item.\n * Renders a `<span>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectValue = /*#__PURE__*/React.forwardRef(function SelectValue(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    children: childrenProp,\n    placeholder,\n    style,\n    ...elementProps\n  } = componentProps;\n  const {\n    store,\n    valueRef\n  } = useSelectRootContext();\n  const value = useStore(store, selectors.value);\n  const items = useStore(store, selectors.items);\n  const itemToStringLabel = useStore(store, selectors.itemToStringLabel);\n  const hasSelectedValue = useStore(store, selectors.hasSelectedValue);\n  const shouldCheckNullItemLabel = !hasSelectedValue && placeholder != null && childrenProp == null;\n  const hasNullLabel = useStore(store, selectors.hasNullItemLabel, shouldCheckNullItemLabel);\n  const state = {\n    value,\n    placeholder: !hasSelectedValue\n  };\n  let children = null;\n  if (typeof childrenProp === 'function') {\n    children = childrenProp(value);\n  } else if (childrenProp != null) {\n    children = childrenProp;\n  } else if (!hasSelectedValue && placeholder != null && !hasNullLabel) {\n    children = placeholder;\n  } else if (Array.isArray(value)) {\n    children = resolveMultipleLabels(value, items, itemToStringLabel);\n  } else {\n    children = resolveSelectedLabel(value, items, itemToStringLabel);\n  }\n  const element = useRenderElement('span', componentProps, {\n    state,\n    ref: [forwardedRef, valueRef],\n    props: [{\n      children\n    }, elementProps],\n    stateAttributesMapping\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") SelectValue.displayName = \"SelectValue\";"],"x_google_ignoreList":[0],"mappings":";;;;;;;;AAQA,IAAM,IAAyB,EAC7B,aAAa,KACf,GAQa,IAA2B,gBAAM,WAAW,SAAqB,GAAgB,GAAc;CAC1G,IAAM,EACJ,cACA,WACA,UAAU,GACV,gBACA,UACA,GAAG,MACD,GACE,EACJ,UACA,gBACE,EAAqB,GACnB,IAAQ,EAAS,GAAO,EAAU,KAAK,GACvC,IAAQ,EAAS,GAAO,EAAU,KAAK,GACvC,IAAoB,EAAS,GAAO,EAAU,iBAAiB,GAC/D,IAAmB,EAAS,GAAO,EAAU,gBAAgB,GAC7D,IAA2B,CAAC,KAAoB,KAAe,QAAQ,KAAgB,MACvF,IAAe,EAAS,GAAO,EAAU,kBAAkB,CAAwB,GACnF,IAAQ;EACZ;EACA,aAAa,CAAC;CAChB,GACI,IAAW;CAoBf,OAnBA,AAGE,IAHE,OAAO,KAAiB,aACf,EAAa,CAAK,IACpB,MAEA,CAAC,KAAoB,KAAe,QAAQ,CAAC,IAC3C,IACF,MAAM,QAAQ,CAAK,IACjB,EAAsB,GAAO,GAAO,CAAiB,IAErD,EAAqB,GAAO,GAAO,CAAiB,IAEjD,EAAiB,QAAQ,GAAgB;EACvD;EACA,KAAK,CAAC,GAAc,CAAQ;EAC5B,OAAO,CAAC,EACN,YACF,GAAG,CAAY;EACf;CACF,CACa;AACf,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc"}

package/dist/index387.js

@@ -1,9 +1,25 @@
 "use client";
-import * as e from "react";
-//#region ../../node_modules/@base-ui/react/select/portal/SelectPortalContext.mjs
-var t = /*#__PURE__*/ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "SelectPortalContext");
+import { useRenderElement as e } from "./index196.js";
+import { triggerOpenStateMapping as t } from "./index198.js";
+import { useStore as n } from "./index260.js";
+import { useSelectRootContext as r } from "./index367.js";
+import { selectors as i } from "./index377.js";
+import * as a from "react";
+//#region ../../node_modules/@base-ui/react/select/icon/SelectIcon.mjs
+var o = /*#__PURE__*/ a.forwardRef(function(a, o) {
+	let { render: s, className: c, style: l, ...u } = a, { store: d } = r();
+	return e("span", a, {
+		state: { open: n(d, i.open) },
+		ref: o,
+		props: [{
+			"aria-hidden": !0,
+			children: "▼"
+		}, u],
+		stateAttributesMapping: t
+	});
+});
+process.env.NODE_ENV !== "production" && (o.displayName = "SelectIcon");
 //#endregion
-export { t as SelectPortalContext };
+export { o as SelectIcon };
 
 //# sourceMappingURL=index387.js.map

package/dist/index387.js.map

@@ -1 +1 @@
-{"version":3,"file":"index387.js","names":[],"sources":["../../../node_modules/@base-ui/react/select/portal/SelectPortalContext.mjs"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const SelectPortalContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") SelectPortalContext.displayName = \"SelectPortalContext\";\nexport function useSelectPortalContext() {\n  const value = React.useContext(SelectPortalContext);\n  if (value === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: <Select.Portal> is missing.' : _formatErrorMessage(58));\n  }\n  return value;\n}"],"x_google_ignoreList":[0],"mappings":";;;AAIA,IAAa,IAAmC,gBAAM,cAAc,KAAA,CAAS;AAC7E,QAAA,IAAA,aAA6B,iBAAc,EAAoB,cAAc"}
+{"version":3,"file":"index387.js","names":[],"sources":["../../../node_modules/@base-ui/react/select/icon/SelectIcon.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStore } from '@base-ui/utils/store';\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { triggerOpenStateMapping } from \"../../utils/popupStateMapping.mjs\";\nimport { selectors } from \"../store.mjs\";\n\n/**\n * An icon that indicates that the trigger button opens a select popup.\n * Renders a `<span>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectIcon = /*#__PURE__*/React.forwardRef(function SelectIcon(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    ...elementProps\n  } = componentProps;\n  const {\n    store\n  } = useSelectRootContext();\n  const open = useStore(store, selectors.open);\n  const state = {\n    open\n  };\n  const element = useRenderElement('span', componentProps, {\n    state,\n    ref: forwardedRef,\n    props: [{\n      'aria-hidden': true,\n      children: '▼'\n    }, elementProps],\n    stateAttributesMapping: triggerOpenStateMapping\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") SelectIcon.displayName = \"SelectIcon\";"],"x_google_ignoreList":[0],"mappings":";;;;;;;;AAeA,IAAa,IAA0B,gBAAM,WAAW,SAAoB,GAAgB,GAAc;CACxG,IAAM,EACJ,WACA,cACA,UACA,GAAG,MACD,GACE,EACJ,aACE,EAAqB;CAczB,OATgB,EAAiB,QAAQ,GAAgB;EACvD,OAAA,EAHA,MAFW,EAAS,GAAO,EAAU,IAElC,EAGC;EACJ,KAAK;EACL,OAAO,CAAC;GACN,eAAe;GACf,UAAU;EACZ,GAAG,CAAY;EACf,wBAAwB;CAC1B,CACa;AACf,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc"}

package/dist/index388.js

@@ -1,24 +1,9 @@
 "use client";
-import { FloatingPortal as e } from "./index240.js";
-import { useStore as t } from "./index260.js";
-import { useSelectRootContext as n } from "./index366.js";
-import { selectors as r } from "./index376.js";
-import { SelectPortalContext as i } from "./index387.js";
-import * as a from "react";
-import { jsx as o } from "react/jsx-runtime";
-//#region ../../node_modules/@base-ui/react/select/portal/SelectPortal.mjs
-var s = /*#__PURE__*/ a.forwardRef(function(a, s) {
-	let { store: c } = n(), l = t(c, r.mounted), u = t(c, r.forceMount);
-	return l || u ? /*#__PURE__*/ o(i.Provider, {
-		value: !0,
-		children: /*#__PURE__*/ o(e, {
-			ref: s,
-			...a
-		})
-	}) : null;
-});
-process.env.NODE_ENV !== "production" && (s.displayName = "SelectPortal");
+import * as e from "react";
+//#region ../../node_modules/@base-ui/react/select/portal/SelectPortalContext.mjs
+var t = /*#__PURE__*/ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "SelectPortalContext");
 //#endregion
-export { s as SelectPortal };
+export { t as SelectPortalContext };
 
 //# sourceMappingURL=index388.js.map

package/dist/index388.js.map

@@ -1 +1 @@
-{"version":3,"file":"index388.js","names":[],"sources":["../../../node_modules/@base-ui/react/select/portal/SelectPortal.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStore } from '@base-ui/utils/store';\nimport { FloatingPortal } from \"../../floating-ui-react/index.mjs\";\nimport { SelectPortalContext } from \"./SelectPortalContext.mjs\";\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { selectors } from \"../store.mjs\";\n\n/**\n * A portal element that moves the popup to a different part of the DOM.\n * By default, the portal element is appended to `<body>`.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const SelectPortal = /*#__PURE__*/React.forwardRef(function SelectPortal(portalProps, forwardedRef) {\n  const {\n    store\n  } = useSelectRootContext();\n  const mounted = useStore(store, selectors.mounted);\n  const forceMount = useStore(store, selectors.forceMount);\n  const shouldRender = mounted || forceMount;\n  if (!shouldRender) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(SelectPortalContext.Provider, {\n    value: true,\n    children: /*#__PURE__*/_jsx(FloatingPortal, {\n      ref: forwardedRef,\n      ...portalProps\n    })\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SelectPortal.displayName = \"SelectPortal\";"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;AAiBA,IAAa,IAA4B,gBAAM,WAAW,SAAsB,GAAa,GAAc;CACzG,IAAM,EACJ,aACE,EAAqB,GACnB,IAAU,EAAS,GAAO,EAAU,OAAO,GAC3C,IAAa,EAAS,GAAO,EAAU,UAAU;CAKvD,OAJqB,KAAW,IAIZ,gBAAK,EAAoB,UAAU;EACrD,OAAO;EACP,UAAuB,gBAAK,GAAgB;GAC1C,KAAK;GACL,GAAG;EACL,CAAC;CACH,CAAC,IARQ;AASX,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAa,cAAc"}
+{"version":3,"file":"index388.js","names":[],"sources":["../../../node_modules/@base-ui/react/select/portal/SelectPortalContext.mjs"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const SelectPortalContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") SelectPortalContext.displayName = \"SelectPortalContext\";\nexport function useSelectPortalContext() {\n  const value = React.useContext(SelectPortalContext);\n  if (value === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: <Select.Portal> is missing.' : _formatErrorMessage(58));\n  }\n  return value;\n}"],"x_google_ignoreList":[0],"mappings":";;;AAIA,IAAa,IAAmC,gBAAM,cAAc,KAAA,CAAS;AAC7E,QAAA,IAAA,aAA6B,iBAAc,EAAoB,cAAc"}

package/dist/index389.js

@@ -1,18 +1,24 @@
 "use client";
-import * as e from "react";
-//#region ../../node_modules/@base-ui/react/internals/composite/list/CompositeListContext.mjs
-var t = /*#__PURE__*/ e.createContext({
-	register: () => {},
-	unregister: () => {},
-	subscribeMapChange: () => () => {},
-	elementsRef: { current: [] },
-	nextIndexRef: { current: 0 }
+import { FloatingPortal as e } from "./index240.js";
+import { useStore as t } from "./index260.js";
+import { useSelectRootContext as n } from "./index367.js";
+import { selectors as r } from "./index377.js";
+import { SelectPortalContext as i } from "./index388.js";
+import * as a from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region ../../node_modules/@base-ui/react/select/portal/SelectPortal.mjs
+var s = /*#__PURE__*/ a.forwardRef(function(a, s) {
+	let { store: c } = n(), l = t(c, r.mounted), u = t(c, r.forceMount);
+	return l || u ? /*#__PURE__*/ o(i.Provider, {
+		value: !0,
+		children: /*#__PURE__*/ o(e, {
+			ref: s,
+			...a
+		})
+	}) : null;
 });
-process.env.NODE_ENV !== "production" && (t.displayName = "CompositeListContext");
-function n() {
-	return e.useContext(t);
-}
+process.env.NODE_ENV !== "production" && (s.displayName = "SelectPortal");
 //#endregion
-export { t as CompositeListContext, n as useCompositeListContext };
+export { s as SelectPortal };
 
 //# sourceMappingURL=index389.js.map

package/dist/index389.js.map

@@ -1 +1 @@
-{"version":3,"file":"index389.js","names":["React"],"sources":["../../../node_modules/@base-ui/react/internals/composite/list/CompositeListContext.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nexport const CompositeListContext = /*#__PURE__*/React.createContext({\n  register: () => {},\n  unregister: () => {},\n  subscribeMapChange: () => {\n    return () => {};\n  },\n  elementsRef: {\n    current: []\n  },\n  nextIndexRef: {\n    current: 0\n  }\n});\nif (process.env.NODE_ENV !== \"production\") CompositeListContext.displayName = \"CompositeListContext\";\nexport function useCompositeListContext() {\n  return React.useContext(CompositeListContext);\n}"],"x_google_ignoreList":[0],"mappings":";;;AAGA,IAAa,IAAoC,gBAAM,cAAc;CACnE,gBAAgB,CAAC;CACjB,kBAAkB,CAAC;CACnB,gCACe,CAAC;CAEhB,aAAa,EACX,SAAS,CAAC,EACZ;CACA,cAAc,EACZ,SAAS,EACX;AACF,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAqB,cAAc;AAC9E,SAAgB,IAA0B;CACxC,OAAOA,EAAM,WAAW,CAAoB;AAC9C"}
+{"version":3,"file":"index389.js","names":[],"sources":["../../../node_modules/@base-ui/react/select/portal/SelectPortal.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStore } from '@base-ui/utils/store';\nimport { FloatingPortal } from \"../../floating-ui-react/index.mjs\";\nimport { SelectPortalContext } from \"./SelectPortalContext.mjs\";\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { selectors } from \"../store.mjs\";\n\n/**\n * A portal element that moves the popup to a different part of the DOM.\n * By default, the portal element is appended to `<body>`.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const SelectPortal = /*#__PURE__*/React.forwardRef(function SelectPortal(portalProps, forwardedRef) {\n  const {\n    store\n  } = useSelectRootContext();\n  const mounted = useStore(store, selectors.mounted);\n  const forceMount = useStore(store, selectors.forceMount);\n  const shouldRender = mounted || forceMount;\n  if (!shouldRender) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(SelectPortalContext.Provider, {\n    value: true,\n    children: /*#__PURE__*/_jsx(FloatingPortal, {\n      ref: forwardedRef,\n      ...portalProps\n    })\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SelectPortal.displayName = \"SelectPortal\";"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;AAiBA,IAAa,IAA4B,gBAAM,WAAW,SAAsB,GAAa,GAAc;CACzG,IAAM,EACJ,aACE,EAAqB,GACnB,IAAU,EAAS,GAAO,EAAU,OAAO,GAC3C,IAAa,EAAS,GAAO,EAAU,UAAU;CAKvD,OAJqB,KAAW,IAIZ,gBAAK,EAAoB,UAAU;EACrD,OAAO;EACP,UAAuB,gBAAK,GAAgB;GAC1C,KAAK;GACL,GAAG;EACL,CAAC;CACH,CAAC,IARQ;AASX,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAa,cAAc"}

package/dist/index390.js

@@ -1,89 +1,18 @@
 "use client";
-import { useRefWithInit as e } from "./index185.js";
-import { useStableCallback as t } from "./index202.js";
-import { useIsoLayoutEffect as n } from "./index204.js";
-import { CompositeListContext as r } from "./index389.js";
-import * as i from "react";
-import { jsx as a } from "react/jsx-runtime";
-//#region ../../node_modules/@base-ui/react/internals/composite/list/CompositeList.mjs
-function o(o) {
-	let { children: u, elementsRef: d, labelsRef: f, onMapChange: p } = o, m = t(p), h = i.useRef(0), g = e(c).current, _ = e(s).current, [v, y] = i.useState(0), b = i.useRef(v), x = t((e, t) => {
-		_.set(e, t ?? null), b.current += 1, y(b.current);
-	}), S = t((e) => {
-		_.delete(e), b.current += 1, y(b.current);
-	}), C = i.useMemo(() => {
-		let e = /* @__PURE__ */ new Map();
-		return Array.from(_.keys()).filter((e) => e.isConnected).sort(l).forEach((t, n) => {
-			let r = _.get(t) ?? {};
-			e.set(t, {
-				...r,
-				index: n
-			});
-		}), e;
-	}, [_, v]);
-	n(() => {
-		if (typeof MutationObserver != "function" || C.size === 0) return;
-		let e = new MutationObserver((e) => {
-			let t = /* @__PURE__ */ new Set(), n = (e) => t.has(e) ? t.delete(e) : t.add(e);
-			e.forEach((e) => {
-				e.removedNodes.forEach(n), e.addedNodes.forEach(n);
-			}), t.size === 0 && (b.current += 1, y(b.current));
-		});
-		return C.forEach((t, n) => {
-			n.parentElement && e.observe(n.parentElement, { childList: !0 });
-		}), () => {
-			e.disconnect();
-		};
-	}, [C]), n(() => {
-		b.current === v && (d.current.length !== C.size && (d.current.length = C.size), f && f.current.length !== C.size && (f.current.length = C.size), h.current = C.size), m(C);
-	}, [
-		m,
-		C,
-		d,
-		f,
-		v
-	]), n(() => () => {
-		d.current = [];
-	}, [d]), n(() => () => {
-		f && (f.current = []);
-	}, [f]);
-	let w = t((e) => (g.add(e), () => {
-		g.delete(e);
-	}));
-	n(() => {
-		g.forEach((e) => e(C));
-	}, [g, C]);
-	let T = i.useMemo(() => ({
-		register: x,
-		unregister: S,
-		subscribeMapChange: w,
-		elementsRef: d,
-		labelsRef: f,
-		nextIndexRef: h
-	}), [
-		x,
-		S,
-		w,
-		d,
-		f,
-		h
-	]);
-	return /*#__PURE__*/ a(r.Provider, {
-		value: T,
-		children: u
-	});
-}
-function s() {
-	return /* @__PURE__ */ new Map();
-}
-function c() {
-	return /* @__PURE__ */ new Set();
-}
-function l(e, t) {
-	let n = e.compareDocumentPosition(t);
-	return n & Node.DOCUMENT_POSITION_FOLLOWING || n & Node.DOCUMENT_POSITION_CONTAINED_BY ? -1 : n & Node.DOCUMENT_POSITION_PRECEDING || n & Node.DOCUMENT_POSITION_CONTAINS ? 1 : 0;
+import * as e from "react";
+//#region ../../node_modules/@base-ui/react/internals/composite/list/CompositeListContext.mjs
+var t = /*#__PURE__*/ e.createContext({
+	register: () => {},
+	unregister: () => {},
+	subscribeMapChange: () => () => {},
+	elementsRef: { current: [] },
+	nextIndexRef: { current: 0 }
+});
+process.env.NODE_ENV !== "production" && (t.displayName = "CompositeListContext");
+function n() {
+	return e.useContext(t);
 }
 //#endregion
-export { o as CompositeList };
+export { t as CompositeListContext, n as useCompositeListContext };
 
 //# sourceMappingURL=index390.js.map

package/dist/index390.js.map

@@ -1 +1 @@
-{"version":3,"file":"index390.js","names":["React"],"sources":["../../../node_modules/@base-ui/react/internals/composite/list/CompositeList.mjs"],"sourcesContent":["/* eslint-disable no-bitwise */\n'use client';\n\nimport * as React from 'react';\nimport { useRefWithInit } from '@base-ui/utils/useRefWithInit';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { CompositeListContext } from \"./CompositeListContext.mjs\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Provides context for a list of items in a composite component.\n * @internal\n */\nexport function CompositeList(props) {\n  const {\n    children,\n    elementsRef,\n    labelsRef,\n    onMapChange: onMapChangeProp\n  } = props;\n  const onMapChange = useStableCallback(onMapChangeProp);\n  const nextIndexRef = React.useRef(0);\n  const listeners = useRefWithInit(createListeners).current;\n\n  // We use a stable `map` to avoid O(n^2) re-allocation costs for large lists.\n  // `mapTick` is our re-render trigger mechanism. We also need to update the\n  // elements and label refs, but there's a lot of async work going on and sometimes\n  // the effect that handles `onMapChange` gets called after those refs have been\n  // filled, and we don't want to lose those values by setting their lengths to `0`.\n  // We also need to have them at the proper length because floating-ui uses that\n  // information for list navigation.\n\n  const map = useRefWithInit(createMap).current;\n  // `mapTick` uses a counter rather than objects for low precision-loss risk and better memory efficiency\n  const [mapTick, setMapTick] = React.useState(0);\n  const lastTickRef = React.useRef(mapTick);\n  const register = useStableCallback((node, metadata) => {\n    map.set(node, metadata ?? null);\n    lastTickRef.current += 1;\n    setMapTick(lastTickRef.current);\n  });\n  const unregister = useStableCallback(node => {\n    map.delete(node);\n    lastTickRef.current += 1;\n    setMapTick(lastTickRef.current);\n  });\n  const sortedMap = React.useMemo(() => {\n    // `mapTick` is the `useMemo` trigger as `map` is stable.\n    disableEslintWarning(mapTick);\n    const newMap = new Map();\n    // Filter out disconnected elements before sorting to avoid inconsistent\n    // compareDocumentPosition results when elements are detached from the DOM.\n    const sortedNodes = Array.from(map.keys()).filter(node => node.isConnected).sort(sortByDocumentPosition);\n    sortedNodes.forEach((node, index) => {\n      const metadata = map.get(node) ?? {};\n      newMap.set(node, {\n        ...metadata,\n        index\n      });\n    });\n    return newMap;\n  }, [map, mapTick]);\n  useIsoLayoutEffect(() => {\n    if (typeof MutationObserver !== 'function' || sortedMap.size === 0) {\n      return undefined;\n    }\n    const mutationObserver = new MutationObserver(entries => {\n      const diff = new Set();\n      const updateDiff = node => diff.has(node) ? diff.delete(node) : diff.add(node);\n      entries.forEach(entry => {\n        entry.removedNodes.forEach(updateDiff);\n        entry.addedNodes.forEach(updateDiff);\n      });\n      if (diff.size === 0) {\n        lastTickRef.current += 1;\n        setMapTick(lastTickRef.current);\n      }\n    });\n    sortedMap.forEach((_, node) => {\n      if (node.parentElement) {\n        mutationObserver.observe(node.parentElement, {\n          childList: true\n        });\n      }\n    });\n    return () => {\n      mutationObserver.disconnect();\n    };\n  }, [sortedMap]);\n  useIsoLayoutEffect(() => {\n    const shouldUpdateLengths = lastTickRef.current === mapTick;\n    if (shouldUpdateLengths) {\n      if (elementsRef.current.length !== sortedMap.size) {\n        elementsRef.current.length = sortedMap.size;\n      }\n      if (labelsRef && labelsRef.current.length !== sortedMap.size) {\n        labelsRef.current.length = sortedMap.size;\n      }\n      nextIndexRef.current = sortedMap.size;\n    }\n    onMapChange(sortedMap);\n  }, [onMapChange, sortedMap, elementsRef, labelsRef, mapTick]);\n  useIsoLayoutEffect(() => {\n    return () => {\n      elementsRef.current = [];\n    };\n  }, [elementsRef]);\n  useIsoLayoutEffect(() => {\n    return () => {\n      if (labelsRef) {\n        labelsRef.current = [];\n      }\n    };\n  }, [labelsRef]);\n  const subscribeMapChange = useStableCallback(fn => {\n    listeners.add(fn);\n    return () => {\n      listeners.delete(fn);\n    };\n  });\n  useIsoLayoutEffect(() => {\n    listeners.forEach(l => l(sortedMap));\n  }, [listeners, sortedMap]);\n  const contextValue = React.useMemo(() => ({\n    register,\n    unregister,\n    subscribeMapChange,\n    elementsRef,\n    labelsRef,\n    nextIndexRef\n  }), [register, unregister, subscribeMapChange, elementsRef, labelsRef, nextIndexRef]);\n  return /*#__PURE__*/_jsx(CompositeListContext.Provider, {\n    value: contextValue,\n    children: children\n  });\n}\nfunction createMap() {\n  return new Map();\n}\nfunction createListeners() {\n  return new Set();\n}\nfunction sortByDocumentPosition(a, b) {\n  const position = a.compareDocumentPosition(b);\n  if (position & Node.DOCUMENT_POSITION_FOLLOWING || position & Node.DOCUMENT_POSITION_CONTAINED_BY) {\n    return -1;\n  }\n  if (position & Node.DOCUMENT_POSITION_PRECEDING || position & Node.DOCUMENT_POSITION_CONTAINS) {\n    return 1;\n  }\n  return 0;\n}\nfunction disableEslintWarning(_) {}"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"index390.js","names":["React"],"sources":["../../../node_modules/@base-ui/react/internals/composite/list/CompositeListContext.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nexport const CompositeListContext = /*#__PURE__*/React.createContext({\n  register: () => {},\n  unregister: () => {},\n  subscribeMapChange: () => {\n    return () => {};\n  },\n  elementsRef: {\n    current: []\n  },\n  nextIndexRef: {\n    current: 0\n  }\n});\nif (process.env.NODE_ENV !== \"production\") CompositeListContext.displayName = \"CompositeListContext\";\nexport function useCompositeListContext() {\n  return React.useContext(CompositeListContext);\n}"],"x_google_ignoreList":[0],"mappings":";;;AAGA,IAAa,IAAoC,gBAAM,cAAc;CACnE,gBAAgB,CAAC;CACjB,kBAAkB,CAAC;CACnB,gCACe,CAAC;CAEhB,aAAa,EACX,SAAS,CAAC,EACZ;CACA,cAAc,EACZ,SAAS,EACX;AACF,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAqB,cAAc;AAC9E,SAAgB,IAA0B;CACxC,OAAOA,EAAM,WAAW,CAAoB;AAC9C"}

package/dist/index391.js

@@ -1,12 +1,89 @@
 "use client";
-import * as e from "react";
-//#region ../../node_modules/@base-ui/react/internals/direction-context/DirectionContext.mjs
-var t = /*#__PURE__*/ e.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "DirectionContext");
-function n() {
-	return e.useContext(t)?.direction ?? "ltr";
+import { useRefWithInit as e } from "./index185.js";
+import { useStableCallback as t } from "./index202.js";
+import { useIsoLayoutEffect as n } from "./index204.js";
+import { CompositeListContext as r } from "./index390.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
+//#region ../../node_modules/@base-ui/react/internals/composite/list/CompositeList.mjs
+function o(o) {
+	let { children: u, elementsRef: d, labelsRef: f, onMapChange: p } = o, m = t(p), h = i.useRef(0), g = e(c).current, _ = e(s).current, [v, y] = i.useState(0), b = i.useRef(v), x = t((e, t) => {
+		_.set(e, t ?? null), b.current += 1, y(b.current);
+	}), S = t((e) => {
+		_.delete(e), b.current += 1, y(b.current);
+	}), C = i.useMemo(() => {
+		let e = /* @__PURE__ */ new Map();
+		return Array.from(_.keys()).filter((e) => e.isConnected).sort(l).forEach((t, n) => {
+			let r = _.get(t) ?? {};
+			e.set(t, {
+				...r,
+				index: n
+			});
+		}), e;
+	}, [_, v]);
+	n(() => {
+		if (typeof MutationObserver != "function" || C.size === 0) return;
+		let e = new MutationObserver((e) => {
+			let t = /* @__PURE__ */ new Set(), n = (e) => t.has(e) ? t.delete(e) : t.add(e);
+			e.forEach((e) => {
+				e.removedNodes.forEach(n), e.addedNodes.forEach(n);
+			}), t.size === 0 && (b.current += 1, y(b.current));
+		});
+		return C.forEach((t, n) => {
+			n.parentElement && e.observe(n.parentElement, { childList: !0 });
+		}), () => {
+			e.disconnect();
+		};
+	}, [C]), n(() => {
+		b.current === v && (d.current.length !== C.size && (d.current.length = C.size), f && f.current.length !== C.size && (f.current.length = C.size), h.current = C.size), m(C);
+	}, [
+		m,
+		C,
+		d,
+		f,
+		v
+	]), n(() => () => {
+		d.current = [];
+	}, [d]), n(() => () => {
+		f && (f.current = []);
+	}, [f]);
+	let w = t((e) => (g.add(e), () => {
+		g.delete(e);
+	}));
+	n(() => {
+		g.forEach((e) => e(C));
+	}, [g, C]);
+	let T = i.useMemo(() => ({
+		register: x,
+		unregister: S,
+		subscribeMapChange: w,
+		elementsRef: d,
+		labelsRef: f,
+		nextIndexRef: h
+	}), [
+		x,
+		S,
+		w,
+		d,
+		f,
+		h
+	]);
+	return /*#__PURE__*/ a(r.Provider, {
+		value: T,
+		children: u
+	});
+}
+function s() {
+	return /* @__PURE__ */ new Map();
+}
+function c() {
+	return /* @__PURE__ */ new Set();
+}
+function l(e, t) {
+	let n = e.compareDocumentPosition(t);
+	return n & Node.DOCUMENT_POSITION_FOLLOWING || n & Node.DOCUMENT_POSITION_CONTAINED_BY ? -1 : n & Node.DOCUMENT_POSITION_PRECEDING || n & Node.DOCUMENT_POSITION_CONTAINS ? 1 : 0;
 }
 //#endregion
-export { t as DirectionContext, n as useDirection };
+export { o as CompositeList };
 
 //# sourceMappingURL=index391.js.map