@rpcbase/ui 0.261.0 → 0.262.0

package/dist/index409.js

@@ -1,132 +1,15 @@
 "use client";
-import { useRenderElement as e } from "./index196.js";
-import { useIsoLayoutEffect as t } from "./index204.js";
-import { useButton as n } from "./index207.js";
-import { itemPress as r } from "./index208.js";
-import { createChangeEventDetails as i } from "./index209.js";
-import { isVirtualClick as a } from "./index221.js";
-import { useStore as o } from "./index260.js";
-import { useSelectRootContext as s } from "./index366.js";
-import { compareItemEquality as c, removeItem as l } from "./index373.js";
-import { selectors as u } from "./index376.js";
-import { IndexGuessBehavior as d, useCompositeListItem as f } from "./index407.js";
-import { SelectItemContext as p } from "./index408.js";
-import * as m from "react";
-import { jsx as h } from "react/jsx-runtime";
-//#region ../../node_modules/@base-ui/react/select/item/SelectItem.mjs
-var g = /*#__PURE__*/ m.memo(/*#__PURE__*/ m.forwardRef(function(g, _) {
-	let { render: ee, className: te, style: ne, value: v = null, label: y, disabled: b = !1, nativeButton: x = !1, ...S } = g, C = m.useRef(null), w = f({
-		label: y,
-		textRef: C,
-		indexGuessBehavior: d.GuessFromOrder
-	}), { store: T, itemProps: E, setOpen: D, setValue: O, selectionRef: k, typingRef: A, valuesRef: j, multiple: M, selectedItemTextRef: N, disabled: P, readOnly: F } = s(), I = o(T, u.isActive, w.index), L = o(T, u.open), R = o(T, u.isSelected, v), z = o(T, u.isSelectedByFocus, w.index), B = o(T, u.isItemEqualToValue), V = w.index, H = V !== -1, U = m.useRef(null);
-	t(() => {
-		if (!H) return;
-		let e = j.current;
-		return e[V] = v, () => {
-			delete e[V];
-		};
-	}, [
-		H,
-		V,
-		v,
-		j
-	]), t(() => {
-		if (!H) return;
-		let e = T.state.value, t = e;
-		M && Array.isArray(e) && (t = e.length > 0 ? e[e.length - 1] : void 0), t !== void 0 && c(v, t, B) && (T.set("selectedIndex", V), C.current && (N.current = C.current));
-	}, [
-		H,
-		V,
-		M,
-		B,
-		T,
-		v,
-		N
-	]);
-	let W = m.useRef(null), G = m.useRef("mouse"), K = m.useRef(!1), { getButtonProps: q, buttonRef: J } = n({
-		disabled: b,
-		focusableWhenDisabled: !0,
-		native: x,
-		composite: !0
-	}), Y = {
-		disabled: b,
-		selected: R,
-		highlighted: I
-	};
-	function X(e) {
-		if (P || F) return;
-		let t = T.state.value;
-		if (M) {
-			let n = Array.isArray(t) ? t : [], a = R ? l(n, v, B) : [...n, v];
-			O(a, i(r, e));
-		} else O(v, i(r, e)), D(!1, i(r, e));
-	}
-	function Z() {
-		k.current.dragY = 0;
-	}
-	let Q = {
-		role: "option",
-		"aria-selected": R,
-		tabIndex: L && I ? 0 : -1,
-		onKeyDown(e) {
-			W.current = e.key, T.set("activeIndex", V), e.key === " " && A.current && e.preventDefault();
-		},
-		onClick(e) {
-			let t = e.type === "click" && G.current !== "touch", n = e.nativeEvent.pointerType, r = t && a(e.nativeEvent) && (n !== void 0 || I), i = t && !r && !K.current;
-			K.current = !1, !(e.type === "keydown" && W.current === null) && (b || e.type === "keydown" && W.current === " " && A.current || i || (W.current = null, X(e.nativeEvent)));
-		},
-		onPointerEnter(e) {
-			G.current = e.pointerType;
-		},
-		onPointerMove(e) {
-			if (e.pointerType === "mouse" && e.buttons === 1) {
-				let t = k.current;
-				t.dragY += e.movementY, t.dragY ** 2 >= 64 && (t.allowUnselectedMouseUp = !0);
-			}
-		},
-		onPointerDown(e) {
-			G.current = e.pointerType, K.current = !0, Z();
-		},
-		onMouseUp() {
-			if (Z(), b || G.current === "touch" || K.current) return;
-			let e = !k.current.allowSelectedMouseUp && R, t = !k.current.allowUnselectedMouseUp && !R;
-			e || t || (K.current = !0, U.current?.click(), K.current = !1);
-		}
-	}, $ = e("div", g, {
-		ref: [
-			J,
-			_,
-			w.ref,
-			U
-		],
-		state: Y,
-		props: [
-			E,
-			Q,
-			S,
-			q
-		]
-	}), re = m.useMemo(() => ({
-		selected: R,
-		index: V,
-		textRef: C,
-		selectedByFocus: z,
-		hasRegistered: H
-	}), [
-		R,
-		V,
-		C,
-		z,
-		H
-	]);
-	return /*#__PURE__*/ h(p.Provider, {
-		value: re,
-		children: $
-	});
-}));
-process.env.NODE_ENV !== "production" && (g.displayName = "SelectItem");
+import e from "./index183.js";
+import * as t from "react";
+//#region ../../node_modules/@base-ui/react/select/item/SelectItemContext.mjs
+var n = /*#__PURE__*/ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "SelectItemContext");
+function r() {
+	let r = t.useContext(n);
+	if (!r) throw Error(process.env.NODE_ENV === "production" ? e(57) : "Base UI: SelectItemContext is missing. SelectItem parts must be placed within <Select.Item>.");
+	return r;
+}
 //#endregion
-export { g as SelectItem };
+export { n as SelectItemContext, r as useSelectItemContext };
 
 //# sourceMappingURL=index409.js.map

package/dist/index409.js.map

@@ -1 +1 @@
-{"version":3,"file":"index409.js","names":["React","REASONS.itemPress"],"sources":["../../../node_modules/@base-ui/react/select/item/SelectItem.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useStore } from '@base-ui/utils/store';\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { useCompositeListItem, IndexGuessBehavior } from \"../../internals/composite/list/useCompositeListItem.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { SelectItemContext } from \"./SelectItemContext.mjs\";\nimport { selectors } from \"../store.mjs\";\nimport { useButton } from \"../../internals/use-button/index.mjs\";\nimport { createChangeEventDetails } from \"../../internals/createBaseUIEventDetails.mjs\";\nimport { REASONS } from \"../../internals/reasons.mjs\";\nimport { compareItemEquality, removeItem } from \"../../internals/itemEquality.mjs\";\nimport { isVirtualClick } from \"../../floating-ui-react/utils/event.mjs\";\n\n/**\n * An individual option in the select popup.\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 SelectItem = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function SelectItem(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    value: itemValue = null,\n    label,\n    disabled = false,\n    nativeButton = false,\n    ...elementProps\n  } = componentProps;\n  const textRef = React.useRef(null);\n  const listItem = useCompositeListItem({\n    label,\n    textRef,\n    indexGuessBehavior: IndexGuessBehavior.GuessFromOrder\n  });\n  const {\n    store,\n    itemProps,\n    setOpen,\n    setValue,\n    selectionRef,\n    typingRef,\n    valuesRef,\n    multiple,\n    selectedItemTextRef,\n    disabled: selectDisabled,\n    readOnly\n  } = useSelectRootContext();\n  const highlighted = useStore(store, selectors.isActive, listItem.index);\n  const open = useStore(store, selectors.open);\n  const selected = useStore(store, selectors.isSelected, itemValue);\n  const selectedByFocus = useStore(store, selectors.isSelectedByFocus, listItem.index);\n  const isItemEqualToValue = useStore(store, selectors.isItemEqualToValue);\n  const index = listItem.index;\n  const hasRegistered = index !== -1;\n  const itemRef = React.useRef(null);\n  useIsoLayoutEffect(() => {\n    if (!hasRegistered) {\n      return undefined;\n    }\n    const values = valuesRef.current;\n    values[index] = itemValue;\n    return () => {\n      delete values[index];\n    };\n  }, [hasRegistered, index, itemValue, valuesRef]);\n  useIsoLayoutEffect(() => {\n    if (!hasRegistered) {\n      return;\n    }\n    const selectedValue = store.state.value;\n    let selectedCandidate = selectedValue;\n    if (multiple && Array.isArray(selectedValue)) {\n      // Compare against the last selected item, or `undefined` when nothing is selected — never\n      // the raw array, which a custom `isItemEqualToValue` isn't expected to receive.\n      selectedCandidate = selectedValue.length > 0 ? selectedValue[selectedValue.length - 1] : undefined;\n    }\n    if (selectedCandidate !== undefined && compareItemEquality(itemValue, selectedCandidate, isItemEqualToValue)) {\n      store.set('selectedIndex', index);\n      // Make sure SelectPopup can measure the selected item on first open.\n      // SelectItemText can still update this ref later when focus moves.\n      if (textRef.current) {\n        selectedItemTextRef.current = textRef.current;\n      }\n    }\n  }, [hasRegistered, index, multiple, isItemEqualToValue, store, itemValue, selectedItemTextRef]);\n  const lastKeyRef = React.useRef(null);\n  const pointerTypeRef = React.useRef('mouse');\n  const allowMouseSelectionRef = React.useRef(false);\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    focusableWhenDisabled: true,\n    native: nativeButton,\n    composite: true\n  });\n  const state = {\n    disabled,\n    selected,\n    highlighted\n  };\n  function commitSelection(event) {\n    // A forced-open select (`open`/`defaultOpen`) can still receive item activations even\n    // when the root is disabled or read-only, so guard the commit here too.\n    if (selectDisabled || readOnly) {\n      return;\n    }\n    const selectedValue = store.state.value;\n    if (multiple) {\n      const currentValue = Array.isArray(selectedValue) ? selectedValue : [];\n      const nextValue = selected ? removeItem(currentValue, itemValue, isItemEqualToValue) : [...currentValue, itemValue];\n      setValue(nextValue, createChangeEventDetails(REASONS.itemPress, event));\n    } else {\n      setValue(itemValue, createChangeEventDetails(REASONS.itemPress, event));\n      setOpen(false, createChangeEventDetails(REASONS.itemPress, event));\n    }\n  }\n  function resetDragMovement() {\n    selectionRef.current.dragY = 0;\n  }\n  const defaultProps = {\n    role: 'option',\n    'aria-selected': selected,\n    tabIndex: open && highlighted ? 0 : -1,\n    onKeyDown(event) {\n      lastKeyRef.current = event.key;\n      store.set('activeIndex', index);\n      if (event.key === ' ' && typingRef.current) {\n        event.preventDefault();\n      }\n    },\n    onClick(event) {\n      const isMouseClick = event.type === 'click' && pointerTypeRef.current !== 'touch';\n      const clickPointerType = event.nativeEvent.pointerType;\n      const isVirtualMouseClick = isMouseClick && isVirtualClick(event.nativeEvent) && (\n      // Generic no-pointer `detail === 0` clicks stay tied to highlight state. Virtual\n      // clicks that carry browser pointer data, including an empty string from assistive\n      // technology, can activate unhighlighted items.\n      clickPointerType !== undefined || highlighted);\n      // With alignItemWithTrigger, opening can place an item under the cursor. Real mouse\n      // clicks must start on the item, while virtual clicks represent explicit keyboard or\n      // assistive technology activation.\n      const isInvalidMouseClick = isMouseClick && !isVirtualMouseClick && !allowMouseSelectionRef.current;\n      allowMouseSelectionRef.current = false;\n\n      // Prevent double commit on {Enter}\n      if (event.type === 'keydown' && lastKeyRef.current === null) {\n        return;\n      }\n      if (disabled || event.type === 'keydown' && lastKeyRef.current === ' ' && typingRef.current || isInvalidMouseClick) {\n        return;\n      }\n      lastKeyRef.current = null;\n      commitSelection(event.nativeEvent);\n    },\n    onPointerEnter(event) {\n      pointerTypeRef.current = event.pointerType;\n    },\n    onPointerMove(event) {\n      if (event.pointerType === 'mouse' && event.buttons === 1) {\n        const selection = selectionRef.current;\n        selection.dragY += event.movementY;\n        if (selection.dragY ** 2 >= 64) {\n          selection.allowUnselectedMouseUp = true;\n        }\n      }\n    },\n    onPointerDown(event) {\n      pointerTypeRef.current = event.pointerType;\n      allowMouseSelectionRef.current = true;\n      resetDragMovement();\n    },\n    onMouseUp() {\n      resetDragMovement();\n      if (disabled || pointerTypeRef.current === 'touch') {\n        return;\n      }\n\n      // Regular clicks are committed by the click event.\n      if (allowMouseSelectionRef.current) {\n        return;\n      }\n      const disallowSelectedMouseUp = !selectionRef.current.allowSelectedMouseUp && selected;\n      const disallowUnselectedMouseUp = !selectionRef.current.allowUnselectedMouseUp && !selected;\n      if (disallowSelectedMouseUp || disallowUnselectedMouseUp) {\n        return;\n      }\n      allowMouseSelectionRef.current = true;\n      itemRef.current?.click();\n      allowMouseSelectionRef.current = false;\n    }\n  };\n  const element = useRenderElement('div', componentProps, {\n    ref: [buttonRef, forwardedRef, listItem.ref, itemRef],\n    state,\n    props: [itemProps, defaultProps, elementProps, getButtonProps]\n  });\n  const contextValue = React.useMemo(() => ({\n    selected,\n    index,\n    textRef,\n    selectedByFocus,\n    hasRegistered\n  }), [selected, index, textRef, selectedByFocus, hasRegistered]);\n  return /*#__PURE__*/_jsx(SelectItemContext.Provider, {\n    value: contextValue,\n    children: element\n  });\n}));\nif (process.env.NODE_ENV !== \"production\") SelectItem.displayName = \"SelectItem\";"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;;;;;;;;AAuBA,IAAa,IAA0B,gBAAM,KAAkB,gBAAM,WAAW,SAAoB,GAAgB,GAAc;CAChI,IAAM,EACJ,YACA,eACA,WACA,OAAO,IAAY,MACnB,UACA,cAAW,IACX,kBAAe,IACf,GAAG,MACD,GACE,IAAUA,EAAM,OAAO,IAAI,GAC3B,IAAW,EAAqB;EACpC;EACA;EACA,oBAAoB,EAAmB;CACzC,CAAC,GACK,EACJ,UACA,cACA,YACA,aACA,iBACA,cACA,cACA,aACA,wBACA,UAAU,GACV,gBACE,EAAqB,GACnB,IAAc,EAAS,GAAO,EAAU,UAAU,EAAS,KAAK,GAChE,IAAO,EAAS,GAAO,EAAU,IAAI,GACrC,IAAW,EAAS,GAAO,EAAU,YAAY,CAAS,GAC1D,IAAkB,EAAS,GAAO,EAAU,mBAAmB,EAAS,KAAK,GAC7E,IAAqB,EAAS,GAAO,EAAU,kBAAkB,GACjE,IAAQ,EAAS,OACjB,IAAgB,MAAU,IAC1B,IAAUA,EAAM,OAAO,IAAI;CAWjC,AAVA,QAAyB;EACvB,IAAI,CAAC,GACH;EAEF,IAAM,IAAS,EAAU;EAEzB,OADA,EAAO,KAAS,SACH;GACX,OAAO,EAAO;EAChB;CACF,GAAG;EAAC;EAAe;EAAO;EAAW;CAAS,CAAC,GAC/C,QAAyB;EACvB,IAAI,CAAC,GACH;EAEF,IAAM,IAAgB,EAAM,MAAM,OAC9B,IAAoB;EAMxB,AALI,KAAY,MAAM,QAAQ,CAAa,MAGzC,IAAoB,EAAc,SAAS,IAAI,EAAc,EAAc,SAAS,KAAK,KAAA,IAEvF,MAAsB,KAAA,KAAa,EAAoB,GAAW,GAAmB,CAAkB,MACzG,EAAM,IAAI,iBAAiB,CAAK,GAG5B,EAAQ,YACV,EAAoB,UAAU,EAAQ;CAG5C,GAAG;EAAC;EAAe;EAAO;EAAU;EAAoB;EAAO;EAAW;CAAmB,CAAC;CAC9F,IAAM,IAAaA,EAAM,OAAO,IAAI,GAC9B,IAAiBA,EAAM,OAAO,OAAO,GACrC,IAAyBA,EAAM,OAAO,EAAK,GAC3C,EACJ,mBACA,iBACE,EAAU;EACZ;EACA,uBAAuB;EACvB,QAAQ;EACR,WAAW;CACb,CAAC,GACK,IAAQ;EACZ;EACA;EACA;CACF;CACA,SAAS,EAAgB,GAAO;EAG9B,IAAI,KAAkB,GACpB;EAEF,IAAM,IAAgB,EAAM,MAAM;EAClC,IAAI,GAAU;GACZ,IAAM,IAAe,MAAM,QAAQ,CAAa,IAAI,IAAgB,CAAC,GAC/D,IAAY,IAAW,EAAW,GAAc,GAAW,CAAkB,IAAI,CAAC,GAAG,GAAc,CAAS;GAClH,EAAS,GAAW,EAAyBC,GAAmB,CAAK,CAAC;EACxE,OAEE,AADA,EAAS,GAAW,EAAyBA,GAAmB,CAAK,CAAC,GACtE,EAAQ,IAAO,EAAyBA,GAAmB,CAAK,CAAC;CAErE;CACA,SAAS,IAAoB;EAC3B,EAAa,QAAQ,QAAQ;CAC/B;CACA,IAAM,IAAe;EACnB,MAAM;EACN,iBAAiB;EACjB,UAAU,KAAQ,IAAc,IAAI;EACpC,UAAU,GAAO;GAGf,AAFA,EAAW,UAAU,EAAM,KAC3B,EAAM,IAAI,eAAe,CAAK,GAC1B,EAAM,QAAQ,OAAO,EAAU,WACjC,EAAM,eAAe;EAEzB;EACA,QAAQ,GAAO;GACb,IAAM,IAAe,EAAM,SAAS,WAAW,EAAe,YAAY,SACpE,IAAmB,EAAM,YAAY,aACrC,IAAsB,KAAgB,EAAe,EAAM,WAAW,MAI5E,MAAqB,KAAA,KAAa,IAI5B,IAAsB,KAAgB,CAAC,KAAuB,CAAC,EAAuB;GAC5F,EAAuB,UAAU,IAG7B,IAAM,SAAS,aAAa,EAAW,YAAY,UAGnD,KAAY,EAAM,SAAS,aAAa,EAAW,YAAY,OAAO,EAAU,WAAW,MAG/F,EAAW,UAAU,MACrB,EAAgB,EAAM,WAAW;EACnC;EACA,eAAe,GAAO;GACpB,EAAe,UAAU,EAAM;EACjC;EACA,cAAc,GAAO;GACnB,IAAI,EAAM,gBAAgB,WAAW,EAAM,YAAY,GAAG;IACxD,IAAM,IAAY,EAAa;IAE/B,AADA,EAAU,SAAS,EAAM,WACrB,EAAU,SAAS,KAAK,OAC1B,EAAU,yBAAyB;GAEvC;EACF;EACA,cAAc,GAAO;GAGnB,AAFA,EAAe,UAAU,EAAM,aAC/B,EAAuB,UAAU,IACjC,EAAkB;EACpB;EACA,YAAY;GAOV,IANA,EAAkB,GACd,KAAY,EAAe,YAAY,WAKvC,EAAuB,SACzB;GAEF,IAAM,IAA0B,CAAC,EAAa,QAAQ,wBAAwB,GACxE,IAA4B,CAAC,EAAa,QAAQ,0BAA0B,CAAC;GAC/E,KAA2B,MAG/B,EAAuB,UAAU,IACjC,EAAQ,SAAS,MAAM,GACvB,EAAuB,UAAU;EACnC;CACF,GACM,IAAU,EAAiB,OAAO,GAAgB;EACtD,KAAK;GAAC;GAAW;GAAc,EAAS;GAAK;EAAO;EACpD;EACA,OAAO;GAAC;GAAW;GAAc;GAAc;EAAc;CAC/D,CAAC,GACK,KAAeD,EAAM,eAAe;EACxC;EACA;EACA;EACA;EACA;CACF,IAAI;EAAC;EAAU;EAAO;EAAS;EAAiB;CAAa,CAAC;CAC9D,OAAoB,gBAAK,EAAkB,UAAU;EACnD,OAAO;EACP,UAAU;CACZ,CAAC;AACH,CAAC,CAAC;AACF,QAAA,IAAA,aAA6B,iBAAc,EAAW,cAAc"}
+{"version":3,"file":"index409.js","names":["React","_formatErrorMessage"],"sources":["../../../node_modules/@base-ui/react/select/item/SelectItemContext.mjs"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const SelectItemContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") SelectItemContext.displayName = \"SelectItemContext\";\nexport function useSelectItemContext() {\n  const context = React.useContext(SelectItemContext);\n  if (!context) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: SelectItemContext is missing. SelectItem parts must be placed within <Select.Item>.' : _formatErrorMessage(57));\n  }\n  return context;\n}"],"x_google_ignoreList":[0],"mappings":";;;;AAIA,IAAa,IAAiC,gBAAM,cAAc,KAAA,CAAS;AAC3E,QAAA,IAAA,aAA6B,iBAAc,EAAkB,cAAc;AAC3E,SAAgB,IAAuB;CACrC,IAAM,IAAUA,EAAM,WAAW,CAAiB;CAClD,IAAI,CAAC,GACH,MAAU,MAAA,QAAA,IAAA,aAA+B,eAAgHC,EAAoB,EAAE,IAAvH,8FAAwH;CAElL,OAAO;AACT"}

package/dist/index410.js

@@ -1,43 +1,132 @@
 "use client";
 import { useRenderElement as e } from "./index196.js";
-import { transitionStatusMapping as t } from "./index197.js";
-import { useTransitionStatus as n } from "./index265.js";
-import { useOpenChangeComplete as r } from "./index267.js";
-import { useSelectItemContext as i } from "./index408.js";
-import * as a from "react";
-import { jsx as o } from "react/jsx-runtime";
-//#region ../../node_modules/@base-ui/react/select/item-indicator/SelectItemIndicator.mjs
-var s = /*#__PURE__*/ a.forwardRef(function(e, t) {
-	let n = e.keepMounted ?? !1, { selected: r } = i();
-	return n || r ? /*#__PURE__*/ o(c, {
-		...e,
-		ref: t
-	}) : null;
-});
-process.env.NODE_ENV !== "production" && (s.displayName = "SelectItemIndicator");
-var c = /*#__PURE__*/ a.memo(/*#__PURE__*/ a.forwardRef((o, s) => {
-	let { render: c, className: l, style: u, keepMounted: d, ...f } = o, { selected: p } = i(), m = a.useRef(null), { transitionStatus: h, setMounted: g } = n(p), _ = e("span", o, {
-		ref: [s, m],
-		state: {
-			selected: p,
-			transitionStatus: h
+import { useIsoLayoutEffect as t } from "./index204.js";
+import { useButton as n } from "./index207.js";
+import { itemPress as r } from "./index208.js";
+import { createChangeEventDetails as i } from "./index209.js";
+import { isVirtualClick as a } from "./index221.js";
+import { useStore as o } from "./index260.js";
+import { useSelectRootContext as s } from "./index367.js";
+import { compareItemEquality as c, removeItem as l } from "./index374.js";
+import { selectors as u } from "./index377.js";
+import { IndexGuessBehavior as d, useCompositeListItem as f } from "./index408.js";
+import { SelectItemContext as p } from "./index409.js";
+import * as m from "react";
+import { jsx as h } from "react/jsx-runtime";
+//#region ../../node_modules/@base-ui/react/select/item/SelectItem.mjs
+var g = /*#__PURE__*/ m.memo(/*#__PURE__*/ m.forwardRef(function(g, _) {
+	let { render: ee, className: te, style: ne, value: v = null, label: y, disabled: b = !1, nativeButton: x = !1, ...S } = g, C = m.useRef(null), w = f({
+		label: y,
+		textRef: C,
+		indexGuessBehavior: d.GuessFromOrder
+	}), { store: T, itemProps: E, setOpen: D, setValue: O, selectionRef: k, typingRef: A, valuesRef: j, multiple: M, selectedItemTextRef: N, disabled: P, readOnly: F } = s(), I = o(T, u.isActive, w.index), L = o(T, u.open), R = o(T, u.isSelected, v), z = o(T, u.isSelectedByFocus, w.index), B = o(T, u.isItemEqualToValue), V = w.index, H = V !== -1, U = m.useRef(null);
+	t(() => {
+		if (!H) return;
+		let e = j.current;
+		return e[V] = v, () => {
+			delete e[V];
+		};
+	}, [
+		H,
+		V,
+		v,
+		j
+	]), t(() => {
+		if (!H) return;
+		let e = T.state.value, t = e;
+		M && Array.isArray(e) && (t = e.length > 0 ? e[e.length - 1] : void 0), t !== void 0 && c(v, t, B) && (T.set("selectedIndex", V), C.current && (N.current = C.current));
+	}, [
+		H,
+		V,
+		M,
+		B,
+		T,
+		v,
+		N
+	]);
+	let W = m.useRef(null), G = m.useRef("mouse"), K = m.useRef(!1), { getButtonProps: q, buttonRef: J } = n({
+		disabled: b,
+		focusableWhenDisabled: !0,
+		native: x,
+		composite: !0
+	}), Y = {
+		disabled: b,
+		selected: R,
+		highlighted: I
+	};
+	function X(e) {
+		if (P || F) return;
+		let t = T.state.value;
+		if (M) {
+			let n = Array.isArray(t) ? t : [], a = R ? l(n, v, B) : [...n, v];
+			O(a, i(r, e));
+		} else O(v, i(r, e)), D(!1, i(r, e));
+	}
+	function Z() {
+		k.current.dragY = 0;
+	}
+	let Q = {
+		role: "option",
+		"aria-selected": R,
+		tabIndex: L && I ? 0 : -1,
+		onKeyDown(e) {
+			W.current = e.key, T.set("activeIndex", V), e.key === " " && A.current && e.preventDefault();
 		},
-		props: [{
-			"aria-hidden": !0,
-			children: "✔️"
-		}, f],
-		stateAttributesMapping: t
-	});
-	return r({
-		open: p,
-		ref: m,
-		onComplete() {
-			p || g(!1);
+		onClick(e) {
+			let t = e.type === "click" && G.current !== "touch", n = e.nativeEvent.pointerType, r = t && a(e.nativeEvent) && (n !== void 0 || I), i = t && !r && !K.current;
+			K.current = !1, !(e.type === "keydown" && W.current === null) && (b || e.type === "keydown" && W.current === " " && A.current || i || (W.current = null, X(e.nativeEvent)));
+		},
+		onPointerEnter(e) {
+			G.current = e.pointerType;
+		},
+		onPointerMove(e) {
+			if (e.pointerType === "mouse" && e.buttons === 1) {
+				let t = k.current;
+				t.dragY += e.movementY, t.dragY ** 2 >= 64 && (t.allowUnselectedMouseUp = !0);
+			}
+		},
+		onPointerDown(e) {
+			G.current = e.pointerType, K.current = !0, Z();
+		},
+		onMouseUp() {
+			if (Z(), b || G.current === "touch" || K.current) return;
+			let e = !k.current.allowSelectedMouseUp && R, t = !k.current.allowUnselectedMouseUp && !R;
+			e || t || (K.current = !0, U.current?.click(), K.current = !1);
 		}
-	}), _;
+	}, $ = e("div", g, {
+		ref: [
+			J,
+			_,
+			w.ref,
+			U
+		],
+		state: Y,
+		props: [
+			E,
+			Q,
+			S,
+			q
+		]
+	}), re = m.useMemo(() => ({
+		selected: R,
+		index: V,
+		textRef: C,
+		selectedByFocus: z,
+		hasRegistered: H
+	}), [
+		R,
+		V,
+		C,
+		z,
+		H
+	]);
+	return /*#__PURE__*/ h(p.Provider, {
+		value: re,
+		children: $
+	});
 }));
-process.env.NODE_ENV !== "production" && (c.displayName = "Inner");
+process.env.NODE_ENV !== "production" && (g.displayName = "SelectItem");
 //#endregion
-export { s as SelectItemIndicator };
+export { g as SelectItem };
 
 //# sourceMappingURL=index410.js.map

package/dist/index410.js.map

@@ -1 +1 @@
-{"version":3,"file":"index410.js","names":["React"],"sources":["../../../node_modules/@base-ui/react/select/item-indicator/SelectItemIndicator.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useSelectItemContext } from \"../item/SelectItemContext.mjs\";\nimport { useTransitionStatus } from \"../../internals/useTransitionStatus.mjs\";\nimport { useOpenChangeComplete } from \"../../internals/useOpenChangeComplete.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { transitionStatusMapping } from \"../../internals/stateAttributesMapping.mjs\";\n\n/**\n * Indicates whether the select item is selected.\n * Renders a `<span>` 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 SelectItemIndicator = /*#__PURE__*/React.forwardRef(function SelectItemIndicator(componentProps, forwardedRef) {\n  const keepMounted = componentProps.keepMounted ?? false;\n  const {\n    selected\n  } = useSelectItemContext();\n  const shouldRender = keepMounted || selected;\n  if (!shouldRender) {\n    return null;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-use-before-define\n  return /*#__PURE__*/_jsx(Inner, {\n    ...componentProps,\n    ref: forwardedRef\n  });\n});\n\n// Split the core implementation to avoid paying the hook costs unless the element needs to mount.\nif (process.env.NODE_ENV !== \"production\") SelectItemIndicator.displayName = \"SelectItemIndicator\";\nconst Inner = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef((componentProps, forwardedRef) => {\n  const {\n    render,\n    className,\n    style,\n    keepMounted,\n    ...elementProps\n  } = componentProps;\n  const {\n    selected\n  } = useSelectItemContext();\n  const indicatorRef = React.useRef(null);\n  const {\n    transitionStatus,\n    setMounted\n  } = useTransitionStatus(selected);\n  const state = {\n    selected,\n    transitionStatus\n  };\n  const element = useRenderElement('span', componentProps, {\n    ref: [forwardedRef, indicatorRef],\n    state,\n    props: [{\n      'aria-hidden': true,\n      children: '✔️'\n    }, elementProps],\n    stateAttributesMapping: transitionStatusMapping\n  });\n  useOpenChangeComplete({\n    open: selected,\n    ref: indicatorRef,\n    onComplete() {\n      if (!selected) {\n        setMounted(false);\n      }\n    }\n  });\n  return element;\n}));\nif (process.env.NODE_ENV !== \"production\") Inner.displayName = \"Inner\";"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;AAgBA,IAAa,IAAmC,gBAAM,WAAW,SAA6B,GAAgB,GAAc;CAC1H,IAAM,IAAc,EAAe,eAAe,IAC5C,EACJ,gBACE,EAAqB;CAOzB,OANqB,KAAe,IAMhB,gBAAK,GAAO;EAC9B,GAAG;EACH,KAAK;CACP,CAAC,IAPQ;AAQX,CAAC;AAGD,QAAA,IAAA,aAA6B,iBAAc,EAAoB,cAAc;AAC7E,IAAM,IAAqB,gBAAM,KAAkB,gBAAM,YAAY,GAAgB,MAAiB;CACpG,IAAM,EACJ,WACA,cACA,UACA,gBACA,GAAG,MACD,GACE,EACJ,gBACE,EAAqB,GACnB,IAAeA,EAAM,OAAO,IAAI,GAChC,EACJ,qBACA,kBACE,EAAoB,CAAQ,GAK1B,IAAU,EAAiB,QAAQ,GAAgB;EACvD,KAAK,CAAC,GAAc,CAAY;EAChC,OAAA;GALA;GACA;EAII;EACJ,OAAO,CAAC;GACN,eAAe;GACf,UAAU;EACZ,GAAG,CAAY;EACf,wBAAwB;CAC1B,CAAC;CAUD,OATA,EAAsB;EACpB,MAAM;EACN,KAAK;EACL,aAAa;GACX,AAAK,KACH,EAAW,EAAK;EAEpB;CACF,CAAC,GACM;AACT,CAAC,CAAC;AACF,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc"}
+{"version":3,"file":"index410.js","names":["React","REASONS.itemPress"],"sources":["../../../node_modules/@base-ui/react/select/item/SelectItem.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useStore } from '@base-ui/utils/store';\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { useCompositeListItem, IndexGuessBehavior } from \"../../internals/composite/list/useCompositeListItem.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { SelectItemContext } from \"./SelectItemContext.mjs\";\nimport { selectors } from \"../store.mjs\";\nimport { useButton } from \"../../internals/use-button/index.mjs\";\nimport { createChangeEventDetails } from \"../../internals/createBaseUIEventDetails.mjs\";\nimport { REASONS } from \"../../internals/reasons.mjs\";\nimport { compareItemEquality, removeItem } from \"../../internals/itemEquality.mjs\";\nimport { isVirtualClick } from \"../../floating-ui-react/utils/event.mjs\";\n\n/**\n * An individual option in the select popup.\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 SelectItem = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function SelectItem(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    value: itemValue = null,\n    label,\n    disabled = false,\n    nativeButton = false,\n    ...elementProps\n  } = componentProps;\n  const textRef = React.useRef(null);\n  const listItem = useCompositeListItem({\n    label,\n    textRef,\n    indexGuessBehavior: IndexGuessBehavior.GuessFromOrder\n  });\n  const {\n    store,\n    itemProps,\n    setOpen,\n    setValue,\n    selectionRef,\n    typingRef,\n    valuesRef,\n    multiple,\n    selectedItemTextRef,\n    disabled: selectDisabled,\n    readOnly\n  } = useSelectRootContext();\n  const highlighted = useStore(store, selectors.isActive, listItem.index);\n  const open = useStore(store, selectors.open);\n  const selected = useStore(store, selectors.isSelected, itemValue);\n  const selectedByFocus = useStore(store, selectors.isSelectedByFocus, listItem.index);\n  const isItemEqualToValue = useStore(store, selectors.isItemEqualToValue);\n  const index = listItem.index;\n  const hasRegistered = index !== -1;\n  const itemRef = React.useRef(null);\n  useIsoLayoutEffect(() => {\n    if (!hasRegistered) {\n      return undefined;\n    }\n    const values = valuesRef.current;\n    values[index] = itemValue;\n    return () => {\n      delete values[index];\n    };\n  }, [hasRegistered, index, itemValue, valuesRef]);\n  useIsoLayoutEffect(() => {\n    if (!hasRegistered) {\n      return;\n    }\n    const selectedValue = store.state.value;\n    let selectedCandidate = selectedValue;\n    if (multiple && Array.isArray(selectedValue)) {\n      // Compare against the last selected item, or `undefined` when nothing is selected — never\n      // the raw array, which a custom `isItemEqualToValue` isn't expected to receive.\n      selectedCandidate = selectedValue.length > 0 ? selectedValue[selectedValue.length - 1] : undefined;\n    }\n    if (selectedCandidate !== undefined && compareItemEquality(itemValue, selectedCandidate, isItemEqualToValue)) {\n      store.set('selectedIndex', index);\n      // Make sure SelectPopup can measure the selected item on first open.\n      // SelectItemText can still update this ref later when focus moves.\n      if (textRef.current) {\n        selectedItemTextRef.current = textRef.current;\n      }\n    }\n  }, [hasRegistered, index, multiple, isItemEqualToValue, store, itemValue, selectedItemTextRef]);\n  const lastKeyRef = React.useRef(null);\n  const pointerTypeRef = React.useRef('mouse');\n  const allowMouseSelectionRef = React.useRef(false);\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    focusableWhenDisabled: true,\n    native: nativeButton,\n    composite: true\n  });\n  const state = {\n    disabled,\n    selected,\n    highlighted\n  };\n  function commitSelection(event) {\n    // A forced-open select (`open`/`defaultOpen`) can still receive item activations even\n    // when the root is disabled or read-only, so guard the commit here too.\n    if (selectDisabled || readOnly) {\n      return;\n    }\n    const selectedValue = store.state.value;\n    if (multiple) {\n      const currentValue = Array.isArray(selectedValue) ? selectedValue : [];\n      const nextValue = selected ? removeItem(currentValue, itemValue, isItemEqualToValue) : [...currentValue, itemValue];\n      setValue(nextValue, createChangeEventDetails(REASONS.itemPress, event));\n    } else {\n      setValue(itemValue, createChangeEventDetails(REASONS.itemPress, event));\n      setOpen(false, createChangeEventDetails(REASONS.itemPress, event));\n    }\n  }\n  function resetDragMovement() {\n    selectionRef.current.dragY = 0;\n  }\n  const defaultProps = {\n    role: 'option',\n    'aria-selected': selected,\n    tabIndex: open && highlighted ? 0 : -1,\n    onKeyDown(event) {\n      lastKeyRef.current = event.key;\n      store.set('activeIndex', index);\n      if (event.key === ' ' && typingRef.current) {\n        event.preventDefault();\n      }\n    },\n    onClick(event) {\n      const isMouseClick = event.type === 'click' && pointerTypeRef.current !== 'touch';\n      const clickPointerType = event.nativeEvent.pointerType;\n      const isVirtualMouseClick = isMouseClick && isVirtualClick(event.nativeEvent) && (\n      // Generic no-pointer `detail === 0` clicks stay tied to highlight state. Virtual\n      // clicks that carry browser pointer data, including an empty string from assistive\n      // technology, can activate unhighlighted items.\n      clickPointerType !== undefined || highlighted);\n      // With alignItemWithTrigger, opening can place an item under the cursor. Real mouse\n      // clicks must start on the item, while virtual clicks represent explicit keyboard or\n      // assistive technology activation.\n      const isInvalidMouseClick = isMouseClick && !isVirtualMouseClick && !allowMouseSelectionRef.current;\n      allowMouseSelectionRef.current = false;\n\n      // Prevent double commit on {Enter}\n      if (event.type === 'keydown' && lastKeyRef.current === null) {\n        return;\n      }\n      if (disabled || event.type === 'keydown' && lastKeyRef.current === ' ' && typingRef.current || isInvalidMouseClick) {\n        return;\n      }\n      lastKeyRef.current = null;\n      commitSelection(event.nativeEvent);\n    },\n    onPointerEnter(event) {\n      pointerTypeRef.current = event.pointerType;\n    },\n    onPointerMove(event) {\n      if (event.pointerType === 'mouse' && event.buttons === 1) {\n        const selection = selectionRef.current;\n        selection.dragY += event.movementY;\n        if (selection.dragY ** 2 >= 64) {\n          selection.allowUnselectedMouseUp = true;\n        }\n      }\n    },\n    onPointerDown(event) {\n      pointerTypeRef.current = event.pointerType;\n      allowMouseSelectionRef.current = true;\n      resetDragMovement();\n    },\n    onMouseUp() {\n      resetDragMovement();\n      if (disabled || pointerTypeRef.current === 'touch') {\n        return;\n      }\n\n      // Regular clicks are committed by the click event.\n      if (allowMouseSelectionRef.current) {\n        return;\n      }\n      const disallowSelectedMouseUp = !selectionRef.current.allowSelectedMouseUp && selected;\n      const disallowUnselectedMouseUp = !selectionRef.current.allowUnselectedMouseUp && !selected;\n      if (disallowSelectedMouseUp || disallowUnselectedMouseUp) {\n        return;\n      }\n      allowMouseSelectionRef.current = true;\n      itemRef.current?.click();\n      allowMouseSelectionRef.current = false;\n    }\n  };\n  const element = useRenderElement('div', componentProps, {\n    ref: [buttonRef, forwardedRef, listItem.ref, itemRef],\n    state,\n    props: [itemProps, defaultProps, elementProps, getButtonProps]\n  });\n  const contextValue = React.useMemo(() => ({\n    selected,\n    index,\n    textRef,\n    selectedByFocus,\n    hasRegistered\n  }), [selected, index, textRef, selectedByFocus, hasRegistered]);\n  return /*#__PURE__*/_jsx(SelectItemContext.Provider, {\n    value: contextValue,\n    children: element\n  });\n}));\nif (process.env.NODE_ENV !== \"production\") SelectItem.displayName = \"SelectItem\";"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/index411.js

@@ -1,30 +1,43 @@
 "use client";
 import { useRenderElement as e } from "./index196.js";
-import { useSelectRootContext as t } from "./index366.js";
-import { useSelectItemContext as n } from "./index408.js";
-import * as r from "react";
-//#region ../../node_modules/@base-ui/react/select/item-text/SelectItemText.mjs
-var i = /*#__PURE__*/ r.memo(/*#__PURE__*/ r.forwardRef(function(i, a) {
-	let { index: o, textRef: s, selectedByFocus: c, hasRegistered: l } = n(), { firstItemTextRef: u, selectedItemTextRef: d } = t(), { render: f, className: p, style: m, ...h } = i;
-	return e("div", i, {
-		ref: [
-			r.useCallback((e) => {
-				e && (l && o === 0 && (u.current = e), l && c && (d.current = e));
-			}, [
-				u,
-				d,
-				o,
-				c,
-				l
-			]),
-			a,
-			s
-		],
-		props: h
+import { transitionStatusMapping as t } from "./index197.js";
+import { useTransitionStatus as n } from "./index265.js";
+import { useOpenChangeComplete as r } from "./index267.js";
+import { useSelectItemContext as i } from "./index409.js";
+import * as a from "react";
+import { jsx as o } from "react/jsx-runtime";
+//#region ../../node_modules/@base-ui/react/select/item-indicator/SelectItemIndicator.mjs
+var s = /*#__PURE__*/ a.forwardRef(function(e, t) {
+	let n = e.keepMounted ?? !1, { selected: r } = i();
+	return n || r ? /*#__PURE__*/ o(c, {
+		...e,
+		ref: t
+	}) : null;
+});
+process.env.NODE_ENV !== "production" && (s.displayName = "SelectItemIndicator");
+var c = /*#__PURE__*/ a.memo(/*#__PURE__*/ a.forwardRef((o, s) => {
+	let { render: c, className: l, style: u, keepMounted: d, ...f } = o, { selected: p } = i(), m = a.useRef(null), { transitionStatus: h, setMounted: g } = n(p), _ = e("span", o, {
+		ref: [s, m],
+		state: {
+			selected: p,
+			transitionStatus: h
+		},
+		props: [{
+			"aria-hidden": !0,
+			children: "✔️"
+		}, f],
+		stateAttributesMapping: t
 	});
+	return r({
+		open: p,
+		ref: m,
+		onComplete() {
+			p || g(!1);
+		}
+	}), _;
 }));
-process.env.NODE_ENV !== "production" && (i.displayName = "SelectItemText");
+process.env.NODE_ENV !== "production" && (c.displayName = "Inner");
 //#endregion
-export { i as SelectItemText };
+export { s as SelectItemIndicator };
 
 //# sourceMappingURL=index411.js.map

package/dist/index411.js.map

@@ -1 +1 @@
-{"version":3,"file":"index411.js","names":["React"],"sources":["../../../node_modules/@base-ui/react/select/item-text/SelectItemText.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { useSelectItemContext } from \"../item/SelectItemContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\n\n/**\n * A text label of the select item.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectItemText = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function SelectItemText(componentProps, forwardedRef) {\n  const {\n    index,\n    textRef,\n    selectedByFocus,\n    hasRegistered\n  } = useSelectItemContext();\n  const {\n    firstItemTextRef,\n    selectedItemTextRef\n  } = useSelectRootContext();\n  const {\n    render,\n    className,\n    style,\n    ...elementProps\n  } = componentProps;\n  const localRef = React.useCallback(node => {\n    if (!node) {\n      return;\n    }\n    if (hasRegistered && index === 0) {\n      firstItemTextRef.current = node;\n    }\n    if (hasRegistered && selectedByFocus) {\n      selectedItemTextRef.current = node;\n    }\n  }, [firstItemTextRef, selectedItemTextRef, index, selectedByFocus, hasRegistered]);\n  const element = useRenderElement('div', componentProps, {\n    ref: [localRef, forwardedRef, textRef],\n    props: elementProps\n  });\n  return element;\n}));\nif (process.env.NODE_ENV !== \"production\") SelectItemText.displayName = \"SelectItemText\";"],"x_google_ignoreList":[0],"mappings":";;;;;;AAaA,IAAa,IAA8B,gBAAM,KAAkB,gBAAM,WAAW,SAAwB,GAAgB,GAAc;CACxI,IAAM,EACJ,UACA,YACA,oBACA,qBACE,EAAqB,GACnB,EACJ,qBACA,2BACE,EAAqB,GACnB,EACJ,WACA,cACA,UACA,GAAG,MACD;CAgBJ,OAJgB,EAAiB,OAAO,GAAgB;EACtD,KAAK;GAZUA,EAAM,aAAY,MAAQ;IACpC,MAGD,KAAiB,MAAU,MAC7B,EAAiB,UAAU,IAEzB,KAAiB,MACnB,EAAoB,UAAU;GAElC,GAAG;IAAC;IAAkB;IAAqB;IAAO;IAAiB;GAAa,CAEjE;GAAG;GAAc;EAAO;EACrC,OAAO;CACT,CACa;AACf,CAAC,CAAC;AACF,QAAA,IAAA,aAA6B,iBAAc,EAAe,cAAc"}
+{"version":3,"file":"index411.js","names":["React"],"sources":["../../../node_modules/@base-ui/react/select/item-indicator/SelectItemIndicator.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useSelectItemContext } from \"../item/SelectItemContext.mjs\";\nimport { useTransitionStatus } from \"../../internals/useTransitionStatus.mjs\";\nimport { useOpenChangeComplete } from \"../../internals/useOpenChangeComplete.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { transitionStatusMapping } from \"../../internals/stateAttributesMapping.mjs\";\n\n/**\n * Indicates whether the select item is selected.\n * Renders a `<span>` 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 SelectItemIndicator = /*#__PURE__*/React.forwardRef(function SelectItemIndicator(componentProps, forwardedRef) {\n  const keepMounted = componentProps.keepMounted ?? false;\n  const {\n    selected\n  } = useSelectItemContext();\n  const shouldRender = keepMounted || selected;\n  if (!shouldRender) {\n    return null;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-use-before-define\n  return /*#__PURE__*/_jsx(Inner, {\n    ...componentProps,\n    ref: forwardedRef\n  });\n});\n\n// Split the core implementation to avoid paying the hook costs unless the element needs to mount.\nif (process.env.NODE_ENV !== \"production\") SelectItemIndicator.displayName = \"SelectItemIndicator\";\nconst Inner = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef((componentProps, forwardedRef) => {\n  const {\n    render,\n    className,\n    style,\n    keepMounted,\n    ...elementProps\n  } = componentProps;\n  const {\n    selected\n  } = useSelectItemContext();\n  const indicatorRef = React.useRef(null);\n  const {\n    transitionStatus,\n    setMounted\n  } = useTransitionStatus(selected);\n  const state = {\n    selected,\n    transitionStatus\n  };\n  const element = useRenderElement('span', componentProps, {\n    ref: [forwardedRef, indicatorRef],\n    state,\n    props: [{\n      'aria-hidden': true,\n      children: '✔️'\n    }, elementProps],\n    stateAttributesMapping: transitionStatusMapping\n  });\n  useOpenChangeComplete({\n    open: selected,\n    ref: indicatorRef,\n    onComplete() {\n      if (!selected) {\n        setMounted(false);\n      }\n    }\n  });\n  return element;\n}));\nif (process.env.NODE_ENV !== \"production\") Inner.displayName = \"Inner\";"],"x_google_ignoreList":[0],"mappings":";;;;;;;;;AAgBA,IAAa,IAAmC,gBAAM,WAAW,SAA6B,GAAgB,GAAc;CAC1H,IAAM,IAAc,EAAe,eAAe,IAC5C,EACJ,gBACE,EAAqB;CAOzB,OANqB,KAAe,IAMhB,gBAAK,GAAO;EAC9B,GAAG;EACH,KAAK;CACP,CAAC,IAPQ;AAQX,CAAC;AAGD,QAAA,IAAA,aAA6B,iBAAc,EAAoB,cAAc;AAC7E,IAAM,IAAqB,gBAAM,KAAkB,gBAAM,YAAY,GAAgB,MAAiB;CACpG,IAAM,EACJ,WACA,cACA,UACA,gBACA,GAAG,MACD,GACE,EACJ,gBACE,EAAqB,GACnB,IAAeA,EAAM,OAAO,IAAI,GAChC,EACJ,qBACA,kBACE,EAAoB,CAAQ,GAK1B,IAAU,EAAiB,QAAQ,GAAgB;EACvD,KAAK,CAAC,GAAc,CAAY;EAChC,OAAA;GALA;GACA;EAII;EACJ,OAAO,CAAC;GACN,eAAe;GACf,UAAU;EACZ,GAAG,CAAY;EACf,wBAAwB;CAC1B,CAAC;CAUD,OATA,EAAsB;EACpB,MAAM;EACN,KAAK;EACL,aAAa;GACX,AAAK,KACH,EAAW,EAAK;EAEpB;CACF,CAAC,GACM;AACT,CAAC,CAAC;AACF,QAAA,IAAA,aAA6B,iBAAc,EAAM,cAAc"}

package/dist/index412.js

@@ -1,15 +1,30 @@
 "use client";
-import e from "./index183.js";
-import * as t from "react";
-//#region ../../node_modules/@base-ui/react/select/group/SelectGroupContext.mjs
-var n = /*#__PURE__*/ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (n.displayName = "SelectGroupContext");
-function r() {
-	let r = t.useContext(n);
-	if (r === void 0) throw Error(process.env.NODE_ENV === "production" ? e(56) : "Base UI: SelectGroupContext is missing. SelectGroup parts must be placed within <Select.Group>.");
-	return r;
-}
+import { useRenderElement as e } from "./index196.js";
+import { useSelectRootContext as t } from "./index367.js";
+import { useSelectItemContext as n } from "./index409.js";
+import * as r from "react";
+//#region ../../node_modules/@base-ui/react/select/item-text/SelectItemText.mjs
+var i = /*#__PURE__*/ r.memo(/*#__PURE__*/ r.forwardRef(function(i, a) {
+	let { index: o, textRef: s, selectedByFocus: c, hasRegistered: l } = n(), { firstItemTextRef: u, selectedItemTextRef: d } = t(), { render: f, className: p, style: m, ...h } = i;
+	return e("div", i, {
+		ref: [
+			r.useCallback((e) => {
+				e && (l && o === 0 && (u.current = e), l && c && (d.current = e));
+			}, [
+				u,
+				d,
+				o,
+				c,
+				l
+			]),
+			a,
+			s
+		],
+		props: h
+	});
+}));
+process.env.NODE_ENV !== "production" && (i.displayName = "SelectItemText");
 //#endregion
-export { n as SelectGroupContext, r as useSelectGroupContext };
+export { i as SelectItemText };
 
 //# sourceMappingURL=index412.js.map

package/dist/index412.js.map

@@ -1 +1 @@
-{"version":3,"file":"index412.js","names":["React","_formatErrorMessage"],"sources":["../../../node_modules/@base-ui/react/select/group/SelectGroupContext.mjs"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const SelectGroupContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") SelectGroupContext.displayName = \"SelectGroupContext\";\nexport function useSelectGroupContext() {\n  const context = React.useContext(SelectGroupContext);\n  if (context === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: SelectGroupContext is missing. SelectGroup parts must be placed within <Select.Group>.' : _formatErrorMessage(56));\n  }\n  return context;\n}"],"x_google_ignoreList":[0],"mappings":";;;;AAIA,IAAa,IAAkC,gBAAM,cAAc,KAAA,CAAS;AAC5E,QAAA,IAAA,aAA6B,iBAAc,EAAmB,cAAc;AAC5E,SAAgB,IAAwB;CACtC,IAAM,IAAUA,EAAM,WAAW,CAAkB;CACnD,IAAI,MAAY,KAAA,GACd,MAAU,MAAA,QAAA,IAAA,aAA+B,eAAmHC,EAAoB,EAAE,IAA1H,iGAA2H;CAErL,OAAO;AACT"}
+{"version":3,"file":"index412.js","names":["React"],"sources":["../../../node_modules/@base-ui/react/select/item-text/SelectItemText.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useSelectRootContext } from \"../root/SelectRootContext.mjs\";\nimport { useSelectItemContext } from \"../item/SelectItemContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\n\n/**\n * A text label of the select item.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Select](https://base-ui.com/react/components/select)\n */\nexport const SelectItemText = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function SelectItemText(componentProps, forwardedRef) {\n  const {\n    index,\n    textRef,\n    selectedByFocus,\n    hasRegistered\n  } = useSelectItemContext();\n  const {\n    firstItemTextRef,\n    selectedItemTextRef\n  } = useSelectRootContext();\n  const {\n    render,\n    className,\n    style,\n    ...elementProps\n  } = componentProps;\n  const localRef = React.useCallback(node => {\n    if (!node) {\n      return;\n    }\n    if (hasRegistered && index === 0) {\n      firstItemTextRef.current = node;\n    }\n    if (hasRegistered && selectedByFocus) {\n      selectedItemTextRef.current = node;\n    }\n  }, [firstItemTextRef, selectedItemTextRef, index, selectedByFocus, hasRegistered]);\n  const element = useRenderElement('div', componentProps, {\n    ref: [localRef, forwardedRef, textRef],\n    props: elementProps\n  });\n  return element;\n}));\nif (process.env.NODE_ENV !== \"production\") SelectItemText.displayName = \"SelectItemText\";"],"x_google_ignoreList":[0],"mappings":";;;;;;AAaA,IAAa,IAA8B,gBAAM,KAAkB,gBAAM,WAAW,SAAwB,GAAgB,GAAc;CACxI,IAAM,EACJ,UACA,YACA,oBACA,qBACE,EAAqB,GACnB,EACJ,qBACA,2BACE,EAAqB,GACnB,EACJ,WACA,cACA,UACA,GAAG,MACD;CAgBJ,OAJgB,EAAiB,OAAO,GAAgB;EACtD,KAAK;GAZUA,EAAM,aAAY,MAAQ;IACpC,MAGD,KAAiB,MAAU,MAC7B,EAAiB,UAAU,IAEzB,KAAiB,MACnB,EAAoB,UAAU;GAElC,GAAG;IAAC;IAAkB;IAAqB;IAAO;IAAiB;GAAa,CAEjE;GAAG;GAAc;EAAO;EACrC,OAAO;CACT,CACa;AACf,CAAC,CAAC;AACF,QAAA,IAAA,aAA6B,iBAAc,EAAe,cAAc"}

package/dist/index413.js

@@ -1,27 +1,15 @@
 "use client";
-import { useRenderElement as e } from "./index196.js";
-import { SelectGroupContext as t } from "./index412.js";
-import * as n from "react";
-import { jsx as r } from "react/jsx-runtime";
-//#region ../../node_modules/@base-ui/react/select/group/SelectGroup.mjs
-var i = /*#__PURE__*/ n.forwardRef(function(i, a) {
-	let { render: o, className: s, style: c, ...l } = i, [u, d] = n.useState(), f = n.useMemo(() => ({
-		labelId: u,
-		setLabelId: d
-	}), [u, d]), p = e("div", i, {
-		ref: a,
-		props: [{
-			role: "group",
-			"aria-labelledby": u
-		}, l]
-	});
-	return /*#__PURE__*/ r(t.Provider, {
-		value: f,
-		children: p
-	});
-});
-process.env.NODE_ENV !== "production" && (i.displayName = "SelectGroup");
+import e from "./index183.js";
+import * as t from "react";
+//#region ../../node_modules/@base-ui/react/select/group/SelectGroupContext.mjs
+var n = /*#__PURE__*/ t.createContext(void 0);
+process.env.NODE_ENV !== "production" && (n.displayName = "SelectGroupContext");
+function r() {
+	let r = t.useContext(n);
+	if (r === void 0) throw Error(process.env.NODE_ENV === "production" ? e(56) : "Base UI: SelectGroupContext is missing. SelectGroup parts must be placed within <Select.Group>.");
+	return r;
+}
 //#endregion
-export { i as SelectGroup };
+export { n as SelectGroupContext, r as useSelectGroupContext };
 
 //# sourceMappingURL=index413.js.map

package/dist/index413.js.map

@@ -1 +1 @@
-{"version":3,"file":"index413.js","names":["React"],"sources":["../../../node_modules/@base-ui/react/select/group/SelectGroup.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { SelectGroupContext } from \"./SelectGroupContext.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\n\n/**\n * Groups related select items with the corresponding label.\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 SelectGroup = /*#__PURE__*/React.forwardRef(function SelectGroup(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    ...elementProps\n  } = componentProps;\n  const [labelId, setLabelId] = React.useState();\n  const contextValue = React.useMemo(() => ({\n    labelId,\n    setLabelId\n  }), [labelId, setLabelId]);\n  const element = useRenderElement('div', componentProps, {\n    ref: forwardedRef,\n    props: [{\n      role: 'group',\n      'aria-labelledby': labelId\n    }, elementProps]\n  });\n  return /*#__PURE__*/_jsx(SelectGroupContext.Provider, {\n    value: contextValue,\n    children: element\n  });\n});\nif (process.env.NODE_ENV !== \"production\") SelectGroup.displayName = \"SelectGroup\";"],"x_google_ignoreList":[0],"mappings":";;;;;;AAaA,IAAa,IAA2B,gBAAM,WAAW,SAAqB,GAAgB,GAAc;CAC1G,IAAM,EACJ,WACA,cACA,UACA,GAAG,MACD,GACE,CAAC,GAAS,KAAcA,EAAM,SAAS,GACvC,IAAeA,EAAM,eAAe;EACxC;EACA;CACF,IAAI,CAAC,GAAS,CAAU,CAAC,GACnB,IAAU,EAAiB,OAAO,GAAgB;EACtD,KAAK;EACL,OAAO,CAAC;GACN,MAAM;GACN,mBAAmB;EACrB,GAAG,CAAY;CACjB,CAAC;CACD,OAAoB,gBAAK,EAAmB,UAAU;EACpD,OAAO;EACP,UAAU;CACZ,CAAC;AACH,CAAC;AACD,QAAA,IAAA,aAA6B,iBAAc,EAAY,cAAc"}
+{"version":3,"file":"index413.js","names":["React","_formatErrorMessage"],"sources":["../../../node_modules/@base-ui/react/select/group/SelectGroupContext.mjs"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const SelectGroupContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") SelectGroupContext.displayName = \"SelectGroupContext\";\nexport function useSelectGroupContext() {\n  const context = React.useContext(SelectGroupContext);\n  if (context === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: SelectGroupContext is missing. SelectGroup parts must be placed within <Select.Group>.' : _formatErrorMessage(56));\n  }\n  return context;\n}"],"x_google_ignoreList":[0],"mappings":";;;;AAIA,IAAa,IAAkC,gBAAM,cAAc,KAAA,CAAS;AAC5E,QAAA,IAAA,aAA6B,iBAAc,EAAmB,cAAc;AAC5E,SAAgB,IAAwB;CACtC,IAAM,IAAUA,EAAM,WAAW,CAAkB;CACnD,IAAI,MAAY,KAAA,GACd,MAAU,MAAA,QAAA,IAAA,aAA+B,eAAmHC,EAAoB,EAAE,IAA1H,iGAA2H;CAErL,OAAO;AACT"}

package/dist/index414.js

@@ -1,21 +1,27 @@
 "use client";
 import { useRenderElement as e } from "./index196.js";
-import { useIsoLayoutEffect as t } from "./index204.js";
-import { useBaseUiId as n } from "./index212.js";
-import { useSelectGroupContext as r } from "./index412.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);
-	}, [f, d]), e("div", i, {
+import { SelectGroupContext as t } from "./index413.js";
+import * as n from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region ../../node_modules/@base-ui/react/select/group/SelectGroup.mjs
+var i = /*#__PURE__*/ n.forwardRef(function(i, a) {
+	let { render: o, className: s, style: c, ...l } = i, [u, d] = n.useState(), f = n.useMemo(() => ({
+		labelId: u,
+		setLabelId: d
+	}), [u, d]), p = e("div", i, {
 		ref: a,
-		props: [{ id: f }, u]
+		props: [{
+			role: "group",
+			"aria-labelledby": u
+		}, l]
+	});
+	return /*#__PURE__*/ r(t.Provider, {
+		value: f,
+		children: p
 	});
 });
-process.env.NODE_ENV !== "production" && (a.displayName = "SelectGroupLabel");
+process.env.NODE_ENV !== "production" && (i.displayName = "SelectGroup");
 //#endregion
-export { a as SelectGroupLabel };
+export { i as SelectGroup };
 
 //# sourceMappingURL=index414.js.map