@rpcbase/ui 0.279.0 → 0.281.0

package/dist/index261.js

@@ -1,46 +1,100 @@
-import { useStore as e } from "./index260.js";
-//#region ../../node_modules/@base-ui/utils/store/Store.mjs
-var t = class {
-	constructor(e) {
-		this.state = e, this.listeners = /* @__PURE__ */ new Set(), this.updateTick = 0;
-	}
-	subscribe = (e) => (this.listeners.add(e), () => {
-		this.listeners.delete(e);
-	});
-	getSnapshot = () => this.state;
-	setState(e) {
-		if (this.state === e) return;
-		this.state = e, this.updateTick += 1;
-		let t = this.updateTick;
-		for (let n of this.listeners) {
-			if (t !== this.updateTick) return;
-			n(e);
+"use client";
+import { NOOP as e } from "./index191.js";
+import { useStableCallback as t } from "./index202.js";
+import { useIsoLayoutEffect as n } from "./index204.js";
+import { useStore as r } from "./index259.js";
+import { Store as i } from "./index260.js";
+import * as a from "react";
+//#region ../../node_modules/@base-ui/utils/store/ReactStore.mjs
+var o = class extends i {
+	constructor(e, t = {}, n) {
+		super(e), this.context = t, this.selectors = n;
+	}
+	useSyncedValue(e, t) {
+		a.useDebugValue(e);
+		let r = this;
+		n(() => {
+			r.state[e] !== t && r.set(e, t);
+		}, [
+			r,
+			e,
+			t
+		]);
+	}
+	useSyncedValueWithCleanup(e, t) {
+		let r = this;
+		n(() => (r.state[e] !== t && r.set(e, t), () => {
+			r.set(e, void 0);
+		}), [
+			r,
+			e,
+			t
+		]);
+	}
+	useSyncedValues(e) {
+		let t = this;
+		if (process.env.NODE_ENV !== "production") {
+			a.useDebugValue(e, (e) => Object.keys(e));
+			let t = a.useRef(Object.keys(e)).current, n = Object.keys(e);
+			(t.length !== n.length || t.some((e, t) => e !== n[t])) && console.error("ReactStore.useSyncedValues expects the same prop keys on every render. Keys should be stable.");
 		}
+		let r = Object.values(e);
+		n(() => {
+			t.update(e);
+		}, [t, ...r]);
 	}
-	update(e) {
-		for (let t in e) if (!Object.is(this.state[t], e[t])) {
-			this.setState({
-				...this.state,
-				...e
+	useControlledProp(e, t) {
+		a.useDebugValue(e);
+		let r = this, i = t !== void 0;
+		if (n(() => {
+			i && !Object.is(r.state[e], t) && r.setState({
+				...r.state,
+				[e]: t
 			});
-			return;
+		}, [
+			r,
+			e,
+			t,
+			i
+		]), process.env.NODE_ENV !== "production") {
+			let t = this.controlledValues ??= /* @__PURE__ */ new Map();
+			t.has(e) || t.set(e, i);
+			let n = t.get(e);
+			n !== void 0 && n !== i && console.error(`A component is changing the ${i ? "" : "un"}controlled state of ${e.toString()} to be ${i ? "un" : ""}controlled. Elements should not switch from uncontrolled to controlled (or vice versa).`);
 		}
 	}
-	set(e, t) {
-		Object.is(this.state[e], t) || this.setState({
-			...this.state,
-			[e]: t
-		});
+	select(e, t, n, r) {
+		let i = this.selectors[e];
+		return i(this.state, t, n, r);
 	}
-	notifyAll() {
-		let e = { ...this.state };
-		this.setState(e);
+	useState(e, t, n, i) {
+		return a.useDebugValue(e), r(this, this.selectors[e], t, n, i);
 	}
-	use(t, n, r, i) {
-		return e(this, t, n, r, i);
+	useContextCallback(n, r) {
+		a.useDebugValue(n);
+		let i = t(r ?? e);
+		this.context[n] = i;
+	}
+	useStateSetter(e) {
+		let t = a.useRef(void 0);
+		return t.current === void 0 && (t.current = (t) => {
+			this.set(e, t);
+		}), t.current;
+	}
+	observe(e, t) {
+		let n;
+		n = typeof e == "function" ? e : this.selectors[e];
+		let r = n(this.state);
+		return t(r, r, this), this.subscribe((e) => {
+			let i = n(e);
+			if (!Object.is(r, i)) {
+				let e = r;
+				r = i, t(i, e, this);
+			}
+		});
 	}
 };
 //#endregion
-export { t as Store };
+export { o as ReactStore };
 
 //# sourceMappingURL=index261.js.map

package/dist/index261.js.map

@@ -1 +1 @@
-{"version":3,"file":"index261.js","names":[],"sources":["../../../node_modules/@base-ui/utils/store/Store.mjs"],"sourcesContent":["import { useStore } from \"./useStore.mjs\";\n/**\n * A data store implementation that allows subscribing to state changes and updating the state.\n * It uses an observer pattern to notify subscribers when the state changes.\n */\nexport class Store {\n  /**\n   * The current state of the store.\n   * This property is updated immediately when the state changes as a result of calling {@link setState}, {@link update}, or {@link set}.\n   * To subscribe to state changes, use the {@link useState} method. The value returned by {@link useState} is updated after the component renders (similarly to React's useState).\n   * The values can be used directly (to avoid subscribing to the store) in effects or event handlers.\n   *\n   * Do not modify properties in state directly. Instead, use the provided methods to ensure proper state management and listener notification.\n   */\n\n  // Internal state to handle recursive `setState()` calls\n\n  constructor(state) {\n    this.state = state;\n    this.listeners = new Set();\n    this.updateTick = 0;\n  }\n\n  /**\n   * Registers a listener that will be called whenever the store's state changes.\n   *\n   * @param fn The listener function to be called on state changes.\n   * @returns A function to unsubscribe the listener.\n   */\n  subscribe = fn => {\n    this.listeners.add(fn);\n    return () => {\n      this.listeners.delete(fn);\n    };\n  };\n\n  /**\n   * Returns the current state of the store.\n   */\n  getSnapshot = () => {\n    return this.state;\n  };\n\n  /**\n   * Updates the entire store's state and notifies all registered listeners.\n   *\n   * @param newState The new state to set for the store.\n   */\n  setState(newState) {\n    if (this.state === newState) {\n      return;\n    }\n    this.state = newState;\n    this.updateTick += 1;\n    const currentTick = this.updateTick;\n    for (const listener of this.listeners) {\n      if (currentTick !== this.updateTick) {\n        // If the tick has changed, a recursive `setState` call has been made,\n        // and it has already notified all listeners.\n        return;\n      }\n      listener(newState);\n    }\n  }\n\n  /**\n   * Merges the provided changes into the current state and notifies listeners if there are changes.\n   *\n   * @param changes An object containing the changes to apply to the current state.\n   */\n  update(changes) {\n    for (const key in changes) {\n      if (!Object.is(this.state[key], changes[key])) {\n        this.setState({\n          ...this.state,\n          ...changes\n        });\n        return;\n      }\n    }\n  }\n\n  /**\n   * Sets a specific key in the store's state to a new value and notifies listeners if the value has changed.\n   *\n   * @param key The key in the store's state to update.\n   * @param value The new value to set for the specified key.\n   */\n  set(key, value) {\n    if (!Object.is(this.state[key], value)) {\n      this.setState({\n        ...this.state,\n        [key]: value\n      });\n    }\n  }\n\n  /**\n   * Gives the state a new reference and updates all registered listeners.\n   */\n  notifyAll() {\n    const newState = {\n      ...this.state\n    };\n    this.setState(newState);\n  }\n  use(selector, a1, a2, a3) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    return useStore(this, selector, a1, a2, a3);\n  }\n}"],"x_google_ignoreList":[0],"mappings":";;AAKA,IAAa,IAAb,MAAmB;CAYjB,YAAY,GAAO;EAGjB,AAFA,KAAK,QAAQ,GACb,KAAK,4BAAY,IAAI,IAAI,GACzB,KAAK,aAAa;CACpB;CAQA,aAAY,OACV,KAAK,UAAU,IAAI,CAAE,SACR;EACX,KAAK,UAAU,OAAO,CAAE;CAC1B;CAMF,oBACS,KAAK;CAQd,SAAS,GAAU;EACjB,IAAI,KAAK,UAAU,GACjB;EAGF,AADA,KAAK,QAAQ,GACb,KAAK,cAAc;EACnB,IAAM,IAAc,KAAK;EACzB,KAAK,IAAM,KAAY,KAAK,WAAW;GACrC,IAAI,MAAgB,KAAK,YAGvB;GAEF,EAAS,CAAQ;EACnB;CACF;CAOA,OAAO,GAAS;EACd,KAAK,IAAM,KAAO,GAChB,IAAI,CAAC,OAAO,GAAG,KAAK,MAAM,IAAM,EAAQ,EAAI,GAAG;GAC7C,KAAK,SAAS;IACZ,GAAG,KAAK;IACR,GAAG;GACL,CAAC;GACD;EACF;CAEJ;CAQA,IAAI,GAAK,GAAO;EACd,AAAK,OAAO,GAAG,KAAK,MAAM,IAAM,CAAK,KACnC,KAAK,SAAS;GACZ,GAAG,KAAK;IACP,IAAM;EACT,CAAC;CAEL;CAKA,YAAY;EACV,IAAM,IAAW,EACf,GAAG,KAAK,MACV;EACA,KAAK,SAAS,CAAQ;CACxB;CACA,IAAI,GAAU,GAAI,GAAI,GAAI;EAExB,OAAO,EAAS,MAAM,GAAU,GAAI,GAAI,CAAE;CAC5C;AACF"}
+{"version":3,"file":"index261.js","names":["React"],"sources":["../../../node_modules/@base-ui/utils/store/ReactStore.mjs"],"sourcesContent":["/* False positives - ESLint thinks we're calling a hook from a class component. */\n/* eslint-disable react-hooks/rules-of-hooks */\n'use client';\n\nimport * as React from 'react';\nimport { Store } from \"./Store.mjs\";\nimport { useStore } from \"./useStore.mjs\";\nimport { useStableCallback } from \"../useStableCallback.mjs\";\nimport { useIsoLayoutEffect } from \"../useIsoLayoutEffect.mjs\";\nimport { NOOP } from \"../empty.mjs\";\n\n/**\n * A Store that supports controlled state keys, non-reactive values and provides utility methods for React.\n */\nexport class ReactStore extends Store {\n  /**\n   * Creates a new ReactStore instance.\n   *\n   * @param state Initial state of the store.\n   * @param context Non-reactive context values.\n   * @param selectors Optional selectors for use with `useState`.\n   */\n  constructor(state, context = {}, selectors) {\n    super(state);\n    this.context = context;\n    this.selectors = selectors;\n  }\n\n  /**\n   * Non-reactive values such as refs, callbacks, etc.\n   */\n\n  /**\n   * Synchronizes a single external value into the store.\n   *\n   * Note that the while the value in `state` is updated immediately, the value returned\n   * by `useState` is updated before the next render (similarly to React's `useState`).\n   */\n  useSyncedValue(key, value) {\n    React.useDebugValue(key);\n    // eslint-disable-next-line consistent-this\n    const store = this;\n    useIsoLayoutEffect(() => {\n      if (store.state[key] !== value) {\n        store.set(key, value);\n      }\n    }, [store, key, value]);\n  }\n\n  /**\n   * Synchronizes a single external value into the store and\n   * cleans it up (sets to `undefined`) on unmount.\n   *\n   * Note that the while the value in `state` is updated immediately, the value returned\n   * by `useState` is updated before the next render (similarly to React's `useState`).\n   */\n  useSyncedValueWithCleanup(key, value) {\n    // eslint-disable-next-line consistent-this\n    const store = this;\n    useIsoLayoutEffect(() => {\n      if (store.state[key] !== value) {\n        store.set(key, value);\n      }\n      return () => {\n        store.set(key, undefined);\n      };\n    }, [store, key, value]);\n  }\n\n  /**\n   * Synchronizes multiple external values into the store.\n   *\n   * Note that the while the values in `state` are updated immediately, the values returned\n   * by `useState` are updated before the next render (similarly to React's `useState`).\n   */\n  useSyncedValues(statePart) {\n    // eslint-disable-next-line consistent-this\n    const store = this;\n    if (process.env.NODE_ENV !== 'production') {\n      // Check that an object with the same shape is passed on every render\n      React.useDebugValue(statePart, p => Object.keys(p));\n      const keys = React.useRef(Object.keys(statePart)).current;\n      const nextKeys = Object.keys(statePart);\n      if (keys.length !== nextKeys.length || keys.some((key, index) => key !== nextKeys[index])) {\n        console.error('ReactStore.useSyncedValues expects the same prop keys on every render. Keys should be stable.');\n      }\n    }\n    const dependencies = Object.values(statePart);\n    useIsoLayoutEffect(() => {\n      store.update(statePart);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [store, ...dependencies]);\n  }\n\n  /**\n   * Registers a controllable prop pair (`controlled`, `defaultValue`) for a specific key. If `controlled`\n   * is non-undefined, the store's state at `key` is updated to match `controlled`.\n   */\n  useControlledProp(key, controlled) {\n    React.useDebugValue(key);\n    // eslint-disable-next-line consistent-this\n    const store = this;\n    const isControlled = controlled !== undefined;\n    useIsoLayoutEffect(() => {\n      if (isControlled && !Object.is(store.state[key], controlled)) {\n        // Set the internal state to match the controlled value.\n        store.setState({\n          ...store.state,\n          [key]: controlled\n        });\n      }\n    }, [store, key, controlled, isControlled]);\n    if (process.env.NODE_ENV !== 'production') {\n      // eslint-disable-next-line\n      const cache = this.controlledValues ??= new Map();\n      if (!cache.has(key)) {\n        cache.set(key, isControlled);\n      }\n      const previouslyControlled = cache.get(key);\n      if (previouslyControlled !== undefined && previouslyControlled !== isControlled) {\n        console.error(`A component is changing the ${isControlled ? '' : 'un'}controlled state of ${key.toString()} to be ${isControlled ? 'un' : ''}controlled. Elements should not switch from uncontrolled to controlled (or vice versa).`);\n      }\n    }\n  }\n\n  /** Gets the current value from the store using a selector with the provided key.\n   *\n   * @param key Key of the selector to use.\n   */\n\n  select(key, a1, a2, a3) {\n    const selector = this.selectors[key];\n    return selector(this.state, a1, a2, a3);\n  }\n\n  /**\n   * Returns a value from the store's state using a selector function.\n   * Used to subscribe to specific parts of the state.\n   * This methods causes a rerender whenever the selected state changes.\n   *\n   * @param key Key of the selector to use.\n   */\n\n  useState(key, a1, a2, a3) {\n    React.useDebugValue(key);\n    return useStore(this, this.selectors[key], a1, a2, a3);\n  }\n\n  /**\n   * Wraps a function with `useStableCallback` to ensure it has a stable reference\n   * and assigns it to the context.\n   *\n   * @param key Key of the event callback. Must be a function in the context.\n   * @param fn Function to assign.\n   */\n  useContextCallback(key, fn) {\n    React.useDebugValue(key);\n    const stableFunction = useStableCallback(fn ?? NOOP);\n    this.context[key] = stableFunction;\n  }\n\n  /**\n   * Returns a stable setter function for a specific key in the store's state.\n   * It's commonly used to pass as a ref callback to React elements.\n   *\n   * @param key Key of the state to set.\n   */\n  useStateSetter(key) {\n    const ref = React.useRef(undefined);\n    if (ref.current === undefined) {\n      ref.current = value => {\n        this.set(key, value);\n      };\n    }\n    return ref.current;\n  }\n\n  /**\n   * Observes changes derived from the store's selectors and calls the listener when the selected value changes.\n   *\n   * @param key Key of the selector to observe.\n   * @param listener Listener function called when the selector result changes.\n   */\n\n  observe(selector, listener) {\n    let selectFn;\n    if (typeof selector === 'function') {\n      selectFn = selector;\n    } else {\n      selectFn = this.selectors[selector];\n    }\n    let prevValue = selectFn(this.state);\n    listener(prevValue, prevValue, this);\n    return this.subscribe(nextState => {\n      const nextValue = selectFn(nextState);\n      if (!Object.is(prevValue, nextValue)) {\n        const oldValue = prevValue;\n        prevValue = nextValue;\n        listener(nextValue, oldValue, this);\n      }\n    });\n  }\n}"],"x_google_ignoreList":[0],"mappings":";;;;;;;;AAcA,IAAa,IAAb,cAAgC,EAAM;CAQpC,YAAY,GAAO,IAAU,CAAC,GAAG,GAAW;EAG1C,AAFA,MAAM,CAAK,GACX,KAAK,UAAU,GACf,KAAK,YAAY;CACnB;CAYA,eAAe,GAAK,GAAO;EACzB,EAAM,cAAc,CAAG;EAEvB,IAAM,IAAQ;EACd,QAAyB;GACvB,AAAI,EAAM,MAAM,OAAS,KACvB,EAAM,IAAI,GAAK,CAAK;EAExB,GAAG;GAAC;GAAO;GAAK;EAAK,CAAC;CACxB;CASA,0BAA0B,GAAK,GAAO;EAEpC,IAAM,IAAQ;EACd,SACM,EAAM,MAAM,OAAS,KACvB,EAAM,IAAI,GAAK,CAAK,SAET;GACX,EAAM,IAAI,GAAK,KAAA,CAAS;EAC1B,IACC;GAAC;GAAO;GAAK;EAAK,CAAC;CACxB;CAQA,gBAAgB,GAAW;EAEzB,IAAM,IAAQ;EACd,IAAA,QAAA,IAAA,aAA6B,cAAc;GAEzC,EAAM,cAAc,IAAW,MAAK,OAAO,KAAK,CAAC,CAAC;GAClD,IAAM,IAAOA,EAAM,OAAO,OAAO,KAAK,CAAS,CAAC,CAAC,CAAC,SAC5C,IAAW,OAAO,KAAK,CAAS;GACtC,CAAI,EAAK,WAAW,EAAS,UAAU,EAAK,MAAM,GAAK,MAAU,MAAQ,EAAS,EAAM,MACtF,QAAQ,MAAM,+FAA+F;EAEjH;EACA,IAAM,IAAe,OAAO,OAAO,CAAS;EAC5C,QAAyB;GACvB,EAAM,OAAO,CAAS;EAExB,GAAG,CAAC,GAAO,GAAG,CAAY,CAAC;CAC7B;CAMA,kBAAkB,GAAK,GAAY;EACjC,EAAM,cAAc,CAAG;EAEvB,IAAM,IAAQ,MACR,IAAe,MAAe,KAAA;EAUpC,IATA,QAAyB;GACvB,AAAI,KAAgB,CAAC,OAAO,GAAG,EAAM,MAAM,IAAM,CAAU,KAEzD,EAAM,SAAS;IACb,GAAG,EAAM;KACR,IAAM;GACT,CAAC;EAEL,GAAG;GAAC;GAAO;GAAK;GAAY;EAAY,CAAC,GACzC,QAAA,IAAA,aAA6B,cAAc;GAEzC,IAAM,IAAQ,KAAK,qCAAqB,IAAI,IAAI;GAChD,AAAK,EAAM,IAAI,CAAG,KAChB,EAAM,IAAI,GAAK,CAAY;GAE7B,IAAM,IAAuB,EAAM,IAAI,CAAG;GAC1C,AAAI,MAAyB,KAAA,KAAa,MAAyB,KACjE,QAAQ,MAAM,+BAA+B,IAAe,KAAK,KAAK,sBAAsB,EAAI,SAAS,EAAE,SAAS,IAAe,OAAO,GAAG,wFAAwF;EAEzO;CACF;CAOA,OAAO,GAAK,GAAI,GAAI,GAAI;EACtB,IAAM,IAAW,KAAK,UAAU;EAChC,OAAO,EAAS,KAAK,OAAO,GAAI,GAAI,CAAE;CACxC;CAUA,SAAS,GAAK,GAAI,GAAI,GAAI;EAExB,OADA,EAAM,cAAc,CAAG,GAChB,EAAS,MAAM,KAAK,UAAU,IAAM,GAAI,GAAI,CAAE;CACvD;CASA,mBAAmB,GAAK,GAAI;EAC1B,EAAM,cAAc,CAAG;EACvB,IAAM,IAAiB,EAAkB,KAAM,CAAI;EACnD,KAAK,QAAQ,KAAO;CACtB;CAQA,eAAe,GAAK;EAClB,IAAM,IAAMA,EAAM,OAAO,KAAA,CAAS;EAMlC,OALI,EAAI,YAAY,KAAA,MAClB,EAAI,WAAU,MAAS;GACrB,KAAK,IAAI,GAAK,CAAK;EACrB,IAEK,EAAI;CACb;CASA,QAAQ,GAAU,GAAU;EAC1B,IAAI;EACJ,AAGE,IAHE,OAAO,KAAa,aACX,IAEA,KAAK,UAAU;EAE5B,IAAI,IAAY,EAAS,KAAK,KAAK;EAEnC,OADA,EAAS,GAAW,GAAW,IAAI,GAC5B,KAAK,WAAU,MAAa;GACjC,IAAM,IAAY,EAAS,CAAS;GACpC,IAAI,CAAC,OAAO,GAAG,GAAW,CAAS,GAAG;IACpC,IAAM,IAAW;IAEjB,AADA,IAAY,GACZ,EAAS,GAAW,GAAU,IAAI;GACpC;EACF,CAAC;CACH;AACF"}

package/dist/index262.js

@@ -1,99 +1,52 @@
-"use client";
-import { NOOP as e } from "./index191.js";
-import { useStableCallback as t } from "./index202.js";
-import { useIsoLayoutEffect as n } from "./index204.js";
-import { useStore as r } from "./index260.js";
-import { Store as i } from "./index261.js";
-import * as a from "react";
-//#region ../../node_modules/@base-ui/utils/store/ReactStore.mjs
-var o = class extends i {
-	constructor(e, t = {}, n) {
-		super(e), this.context = t, this.selectors = n;
-	}
-	useSyncedValue(e, t) {
-		a.useDebugValue(e);
-		let r = this;
-		n(() => {
-			r.state[e] !== t && r.set(e, t);
-		}, [
-			r,
-			e,
-			t
-		]);
-	}
-	useSyncedValueWithCleanup(e, t) {
-		let r = this;
-		n(() => (r.state[e] !== t && r.set(e, t), () => {
-			r.set(e, void 0);
-		}), [
-			r,
-			e,
-			t
-		]);
-	}
-	useSyncedValues(e) {
-		let t = this;
-		if (process.env.NODE_ENV !== "production") {
-			a.useDebugValue(e, (e) => Object.keys(e));
-			let t = a.useRef(Object.keys(e)).current, n = Object.keys(e);
-			(t.length !== n.length || t.some((e, t) => e !== n[t])) && console.error("ReactStore.useSyncedValues expects the same prop keys on every render. Keys should be stable.");
+import { isClickLikeEvent as e } from "./index223.js";
+import { createEventEmitter as t } from "./index242.js";
+import { ReactStore as n } from "./index261.js";
+//#region ../../node_modules/@base-ui/react/floating-ui-react/components/FloatingRootStore.mjs
+var r = {
+	open: (e) => e.open,
+	transitionStatus: (e) => e.transitionStatus,
+	domReferenceElement: (e) => e.domReferenceElement,
+	referenceElement: (e) => e.positionReference ?? e.referenceElement,
+	floatingElement: (e) => e.floatingElement,
+	floatingId: (e) => e.floatingId
+}, i = class extends n {
+	constructor(e) {
+		let { syncOnly: n, nested: i, onOpenChange: a, triggerElements: o, ...s } = e;
+		super({
+			...s,
+			positionReference: s.referenceElement,
+			domReferenceElement: s.referenceElement
+		}, {
+			onOpenChange: a,
+			dataRef: { current: {} },
+			events: t(),
+			nested: i,
+			triggerElements: o
+		}, r), this.syncOnly = n;
+	}
+	syncOpenEvent = (t, n) => {
+		(!t || !this.state.open || n != null && e(n)) && (this.context.dataRef.current.openEvent = t ? n : void 0);
+	};
+	dispatchOpenChange = (e, t) => {
+		this.syncOpenEvent(e, t.event);
+		let n = {
+			open: e,
+			reason: t.reason,
+			nativeEvent: t.event,
+			nested: this.context.nested,
+			triggerElement: t.trigger
+		};
+		this.context.events.emit("openchange", n);
+	};
+	setOpen = (e, t) => {
+		if (this.syncOnly) {
+			this.context.onOpenChange?.(e, t);
+			return;
 		}
-		n(() => {
-			t.update(e);
-		}, [t, ...Object.values(e)]);
-	}
-	useControlledProp(e, t) {
-		a.useDebugValue(e);
-		let r = this, i = t !== void 0;
-		if (n(() => {
-			i && !Object.is(r.state[e], t) && r.setState({
-				...r.state,
-				[e]: t
-			});
-		}, [
-			r,
-			e,
-			t,
-			i
-		]), process.env.NODE_ENV !== "production") {
-			let t = this.controlledValues ??= /* @__PURE__ */ new Map();
-			t.has(e) || t.set(e, i);
-			let n = t.get(e);
-			n !== void 0 && n !== i && console.error(`A component is changing the ${i ? "" : "un"}controlled state of ${e.toString()} to be ${i ? "un" : ""}controlled. Elements should not switch from uncontrolled to controlled (or vice versa).`);
-		}
-	}
-	select(e, t, n, r) {
-		let i = this.selectors[e];
-		return i(this.state, t, n, r);
-	}
-	useState(e, t, n, i) {
-		return a.useDebugValue(e), r(this, this.selectors[e], t, n, i);
-	}
-	useContextCallback(n, r) {
-		a.useDebugValue(n);
-		let i = t(r ?? e);
-		this.context[n] = i;
-	}
-	useStateSetter(e) {
-		let t = a.useRef(void 0);
-		return t.current === void 0 && (t.current = (t) => {
-			this.set(e, t);
-		}), t.current;
-	}
-	observe(e, t) {
-		let n;
-		n = typeof e == "function" ? e : this.selectors[e];
-		let r = n(this.state);
-		return t(r, r, this), this.subscribe((e) => {
-			let i = n(e);
-			if (!Object.is(r, i)) {
-				let e = r;
-				r = i, t(i, e, this);
-			}
-		});
-	}
+		this.dispatchOpenChange(e, t), this.context.onOpenChange?.(e, t);
+	};
 };
 //#endregion
-export { o as ReactStore };
+export { i as FloatingRootStore };
 
 //# sourceMappingURL=index262.js.map

package/dist/index262.js.map

@@ -1 +1 @@
-{"version":3,"file":"index262.js","names":["React"],"sources":["../../../node_modules/@base-ui/utils/store/ReactStore.mjs"],"sourcesContent":["/* False positives - ESLint thinks we're calling a hook from a class component. */\n/* eslint-disable react-hooks/rules-of-hooks */\n'use client';\n\nimport * as React from 'react';\nimport { Store } from \"./Store.mjs\";\nimport { useStore } from \"./useStore.mjs\";\nimport { useStableCallback } from \"../useStableCallback.mjs\";\nimport { useIsoLayoutEffect } from \"../useIsoLayoutEffect.mjs\";\nimport { NOOP } from \"../empty.mjs\";\n\n/**\n * A Store that supports controlled state keys, non-reactive values and provides utility methods for React.\n */\nexport class ReactStore extends Store {\n  /**\n   * Creates a new ReactStore instance.\n   *\n   * @param state Initial state of the store.\n   * @param context Non-reactive context values.\n   * @param selectors Optional selectors for use with `useState`.\n   */\n  constructor(state, context = {}, selectors) {\n    super(state);\n    this.context = context;\n    this.selectors = selectors;\n  }\n\n  /**\n   * Non-reactive values such as refs, callbacks, etc.\n   */\n\n  /**\n   * Synchronizes a single external value into the store.\n   *\n   * Note that the while the value in `state` is updated immediately, the value returned\n   * by `useState` is updated before the next render (similarly to React's `useState`).\n   */\n  useSyncedValue(key, value) {\n    React.useDebugValue(key);\n    // eslint-disable-next-line consistent-this\n    const store = this;\n    useIsoLayoutEffect(() => {\n      if (store.state[key] !== value) {\n        store.set(key, value);\n      }\n    }, [store, key, value]);\n  }\n\n  /**\n   * Synchronizes a single external value into the store and\n   * cleans it up (sets to `undefined`) on unmount.\n   *\n   * Note that the while the value in `state` is updated immediately, the value returned\n   * by `useState` is updated before the next render (similarly to React's `useState`).\n   */\n  useSyncedValueWithCleanup(key, value) {\n    // eslint-disable-next-line consistent-this\n    const store = this;\n    useIsoLayoutEffect(() => {\n      if (store.state[key] !== value) {\n        store.set(key, value);\n      }\n      return () => {\n        store.set(key, undefined);\n      };\n    }, [store, key, value]);\n  }\n\n  /**\n   * Synchronizes multiple external values into the store.\n   *\n   * Note that the while the values in `state` are updated immediately, the values returned\n   * by `useState` are updated before the next render (similarly to React's `useState`).\n   */\n  useSyncedValues(statePart) {\n    // eslint-disable-next-line consistent-this\n    const store = this;\n    if (process.env.NODE_ENV !== 'production') {\n      // Check that an object with the same shape is passed on every render\n      React.useDebugValue(statePart, p => Object.keys(p));\n      const keys = React.useRef(Object.keys(statePart)).current;\n      const nextKeys = Object.keys(statePart);\n      if (keys.length !== nextKeys.length || keys.some((key, index) => key !== nextKeys[index])) {\n        console.error('ReactStore.useSyncedValues expects the same prop keys on every render. Keys should be stable.');\n      }\n    }\n    const dependencies = Object.values(statePart);\n    useIsoLayoutEffect(() => {\n      store.update(statePart);\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [store, ...dependencies]);\n  }\n\n  /**\n   * Registers a controllable prop pair (`controlled`, `defaultValue`) for a specific key. If `controlled`\n   * is non-undefined, the store's state at `key` is updated to match `controlled`.\n   */\n  useControlledProp(key, controlled) {\n    React.useDebugValue(key);\n    // eslint-disable-next-line consistent-this\n    const store = this;\n    const isControlled = controlled !== undefined;\n    useIsoLayoutEffect(() => {\n      if (isControlled && !Object.is(store.state[key], controlled)) {\n        // Set the internal state to match the controlled value.\n        store.setState({\n          ...store.state,\n          [key]: controlled\n        });\n      }\n    }, [store, key, controlled, isControlled]);\n    if (process.env.NODE_ENV !== 'production') {\n      // eslint-disable-next-line\n      const cache = this.controlledValues ??= new Map();\n      if (!cache.has(key)) {\n        cache.set(key, isControlled);\n      }\n      const previouslyControlled = cache.get(key);\n      if (previouslyControlled !== undefined && previouslyControlled !== isControlled) {\n        console.error(`A component is changing the ${isControlled ? '' : 'un'}controlled state of ${key.toString()} to be ${isControlled ? 'un' : ''}controlled. Elements should not switch from uncontrolled to controlled (or vice versa).`);\n      }\n    }\n  }\n\n  /** Gets the current value from the store using a selector with the provided key.\n   *\n   * @param key Key of the selector to use.\n   */\n\n  select(key, a1, a2, a3) {\n    const selector = this.selectors[key];\n    return selector(this.state, a1, a2, a3);\n  }\n\n  /**\n   * Returns a value from the store's state using a selector function.\n   * Used to subscribe to specific parts of the state.\n   * This methods causes a rerender whenever the selected state changes.\n   *\n   * @param key Key of the selector to use.\n   */\n\n  useState(key, a1, a2, a3) {\n    React.useDebugValue(key);\n    return useStore(this, this.selectors[key], a1, a2, a3);\n  }\n\n  /**\n   * Wraps a function with `useStableCallback` to ensure it has a stable reference\n   * and assigns it to the context.\n   *\n   * @param key Key of the event callback. Must be a function in the context.\n   * @param fn Function to assign.\n   */\n  useContextCallback(key, fn) {\n    React.useDebugValue(key);\n    const stableFunction = useStableCallback(fn ?? NOOP);\n    this.context[key] = stableFunction;\n  }\n\n  /**\n   * Returns a stable setter function for a specific key in the store's state.\n   * It's commonly used to pass as a ref callback to React elements.\n   *\n   * @param key Key of the state to set.\n   */\n  useStateSetter(key) {\n    const ref = React.useRef(undefined);\n    if (ref.current === undefined) {\n      ref.current = value => {\n        this.set(key, value);\n      };\n    }\n    return ref.current;\n  }\n\n  /**\n   * Observes changes derived from the store's selectors and calls the listener when the selected value changes.\n   *\n   * @param key Key of the selector to observe.\n   * @param listener Listener function called when the selector result changes.\n   */\n\n  observe(selector, listener) {\n    let selectFn;\n    if (typeof selector === 'function') {\n      selectFn = selector;\n    } else {\n      selectFn = this.selectors[selector];\n    }\n    let prevValue = selectFn(this.state);\n    listener(prevValue, prevValue, this);\n    return this.subscribe(nextState => {\n      const nextValue = selectFn(nextState);\n      if (!Object.is(prevValue, nextValue)) {\n        const oldValue = prevValue;\n        prevValue = nextValue;\n        listener(nextValue, oldValue, this);\n      }\n    });\n  }\n}"],"x_google_ignoreList":[0],"mappings":"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"}
+{"version":3,"file":"index262.js","names":[],"sources":["../../../node_modules/@base-ui/react/floating-ui-react/components/FloatingRootStore.mjs"],"sourcesContent":["import { ReactStore } from '@base-ui/utils/store';\nimport { createEventEmitter } from \"../utils/createEventEmitter.mjs\";\nimport { isClickLikeEvent } from \"../utils.mjs\";\nconst selectors = {\n  open: state => state.open,\n  transitionStatus: state => state.transitionStatus,\n  domReferenceElement: state => state.domReferenceElement,\n  referenceElement: state => state.positionReference ?? state.referenceElement,\n  floatingElement: state => state.floatingElement,\n  floatingId: state => state.floatingId\n};\nexport class FloatingRootStore extends ReactStore {\n  constructor(options) {\n    const {\n      syncOnly,\n      nested,\n      onOpenChange,\n      triggerElements,\n      ...initialState\n    } = options;\n    super({\n      ...initialState,\n      positionReference: initialState.referenceElement,\n      domReferenceElement: initialState.referenceElement\n    }, {\n      onOpenChange,\n      dataRef: {\n        current: {}\n      },\n      events: createEventEmitter(),\n      nested,\n      triggerElements\n    }, selectors);\n    this.syncOnly = syncOnly;\n  }\n\n  /**\n   * Syncs the event used by hover logic to distinguish hover-open from click-like interaction.\n   */\n  syncOpenEvent = (newOpen, event) => {\n    if (!newOpen || !this.state.open ||\n    // Prevent a pending hover-open from overwriting a click-open event, while allowing\n    // click events to upgrade a hover-open.\n    event != null && isClickLikeEvent(event)) {\n      this.context.dataRef.current.openEvent = newOpen ? event : undefined;\n    }\n  };\n\n  /**\n   * Runs the root-owned side effects for an open state change.\n   */\n  dispatchOpenChange = (newOpen, eventDetails) => {\n    this.syncOpenEvent(newOpen, eventDetails.event);\n    const details = {\n      open: newOpen,\n      reason: eventDetails.reason,\n      nativeEvent: eventDetails.event,\n      nested: this.context.nested,\n      triggerElement: eventDetails.trigger\n    };\n    this.context.events.emit('openchange', details);\n  };\n\n  /**\n   * Emits the `openchange` event through the internal event emitter and calls the `onOpenChange` handler with the provided arguments.\n   *\n   * @param newOpen The new open state.\n   * @param eventDetails Details about the event that triggered the open state change.\n   */\n  setOpen = (newOpen, eventDetails) => {\n    if (this.syncOnly) {\n      this.context.onOpenChange?.(newOpen, eventDetails);\n      return;\n    }\n    this.dispatchOpenChange(newOpen, eventDetails);\n    this.context.onOpenChange?.(newOpen, eventDetails);\n  };\n}"],"x_google_ignoreList":[0],"mappings":";;;;AAGA,IAAM,IAAY;CAChB,OAAM,MAAS,EAAM;CACrB,mBAAkB,MAAS,EAAM;CACjC,sBAAqB,MAAS,EAAM;CACpC,mBAAkB,MAAS,EAAM,qBAAqB,EAAM;CAC5D,kBAAiB,MAAS,EAAM;CAChC,aAAY,MAAS,EAAM;AAC7B,GACa,IAAb,cAAuC,EAAW;CAChD,YAAY,GAAS;EACnB,IAAM,EACJ,aACA,WACA,iBACA,oBACA,GAAG,MACD;EAcJ,AAbA,MAAM;GACJ,GAAG;GACH,mBAAmB,EAAa;GAChC,qBAAqB,EAAa;EACpC,GAAG;GACD;GACA,SAAS,EACP,SAAS,CAAC,EACZ;GACA,QAAQ,EAAmB;GAC3B;GACA;EACF,GAAG,CAAS,GACZ,KAAK,WAAW;CAClB;CAKA,iBAAiB,GAAS,MAAU;EAClC,CAAI,CAAC,KAAW,CAAC,KAAK,MAAM,QAG5B,KAAS,QAAQ,EAAiB,CAAK,OACrC,KAAK,QAAQ,QAAQ,QAAQ,YAAY,IAAU,IAAQ,KAAA;CAE/D;CAKA,sBAAsB,GAAS,MAAiB;EAC9C,KAAK,cAAc,GAAS,EAAa,KAAK;EAC9C,IAAM,IAAU;GACd,MAAM;GACN,QAAQ,EAAa;GACrB,aAAa,EAAa;GAC1B,QAAQ,KAAK,QAAQ;GACrB,gBAAgB,EAAa;EAC/B;EACA,KAAK,QAAQ,OAAO,KAAK,cAAc,CAAO;CAChD;CAQA,WAAW,GAAS,MAAiB;EACnC,IAAI,KAAK,UAAU;GACjB,KAAK,QAAQ,eAAe,GAAS,CAAY;GACjD;EACF;EAEA,AADA,KAAK,mBAAmB,GAAS,CAAY,GAC7C,KAAK,QAAQ,eAAe,GAAS,CAAY;CACnD;AACF"}

package/dist/index263.js

@@ -1,53 +1,40 @@
-import { isClickLikeEvent as e } from "./index221.js";
-import { createEventEmitter as t } from "./index241.js";
-import { createSelector as n } from "./index251.js";
-import { ReactStore as r } from "./index262.js";
-//#region ../../node_modules/@base-ui/react/floating-ui-react/components/FloatingRootStore.mjs
-var i = {
-	open: n((e) => e.open),
-	transitionStatus: n((e) => e.transitionStatus),
-	domReferenceElement: n((e) => e.domReferenceElement),
-	referenceElement: n((e) => e.positionReference ?? e.referenceElement),
-	floatingElement: n((e) => e.floatingElement),
-	floatingId: n((e) => e.floatingId)
-}, a = class extends r {
-	constructor(e) {
-		let { syncOnly: n, nested: r, onOpenChange: a, triggerElements: o, ...s } = e;
-		super({
-			...s,
-			positionReference: s.referenceElement,
-			domReferenceElement: s.referenceElement
-		}, {
-			onOpenChange: a,
-			dataRef: { current: {} },
-			events: t(),
-			nested: r,
-			triggerElements: o
-		}, i), this.syncOnly = n;
-	}
-	syncOpenEvent = (t, n) => {
-		(!t || !this.state.open || n != null && e(n)) && (this.context.dataRef.current.openEvent = t ? n : void 0);
-	};
-	dispatchOpenChange = (e, t) => {
-		this.syncOpenEvent(e, t.event);
-		let n = {
-			open: e,
-			reason: t.reason,
-			nativeEvent: t.event,
-			nested: this.context.nested,
-			triggerElement: t.trigger
+"use client";
+import { isElement as e } from "./index200.js";
+import { useIsoLayoutEffect as t } from "./index204.js";
+import { FloatingRootStore as n } from "./index262.js";
+import * as r from "react";
+//#region ../../node_modules/@base-ui/react/floating-ui-react/hooks/useSyncedFloatingRootContext.mjs
+function i(i) {
+	let { popupStore: a, treatPopupAsFloatingElement: o = !1, floatingRootContext: s, floatingId: c, nested: l, onOpenChange: u } = i, d = a.useState("open"), f = a.useState("activeTriggerElement"), p = a.useState(o ? "popupElement" : "positionerElement"), m = a.context.triggerElements, h = u, g = r.useRef(null);
+	s === void 0 && g.current === null && (g.current = new n({
+		open: d,
+		transitionStatus: void 0,
+		referenceElement: f,
+		floatingElement: p,
+		triggerElements: m,
+		onOpenChange: h,
+		floatingId: c,
+		syncOnly: !0,
+		nested: l
+	}));
+	let _ = s ?? g.current;
+	return a.useSyncedValue("floatingId", c), t(() => {
+		let t = {
+			open: d,
+			floatingId: c,
+			referenceElement: f,
+			floatingElement: p
 		};
-		this.context.events.emit("openchange", n);
-	};
-	setOpen = (e, t) => {
-		if (this.syncOnly) {
-			this.context.onOpenChange?.(e, t);
-			return;
-		}
-		this.dispatchOpenChange(e, t), this.context.onOpenChange?.(e, t);
-	};
-};
+		e(f) && (t.domReferenceElement = f), _.state.positionReference === _.state.referenceElement && (t.positionReference = f), _.update(t);
+	}, [
+		d,
+		c,
+		f,
+		p,
+		_
+	]), _.context.onOpenChange = h, _.context.nested = l, _;
+}
 //#endregion
-export { a as FloatingRootStore };
+export { i as useSyncedFloatingRootContext };
 
 //# sourceMappingURL=index263.js.map

package/dist/index263.js.map

@@ -1 +1 @@
-{"version":3,"file":"index263.js","names":[],"sources":["../../../node_modules/@base-ui/react/floating-ui-react/components/FloatingRootStore.mjs"],"sourcesContent":["import { createSelector, ReactStore } from '@base-ui/utils/store';\nimport { createEventEmitter } from \"../utils/createEventEmitter.mjs\";\nimport { isClickLikeEvent } from \"../utils.mjs\";\nconst selectors = {\n  open: createSelector(state => state.open),\n  transitionStatus: createSelector(state => state.transitionStatus),\n  domReferenceElement: createSelector(state => state.domReferenceElement),\n  referenceElement: createSelector(state => state.positionReference ?? state.referenceElement),\n  floatingElement: createSelector(state => state.floatingElement),\n  floatingId: createSelector(state => state.floatingId)\n};\nexport class FloatingRootStore extends ReactStore {\n  constructor(options) {\n    const {\n      syncOnly,\n      nested,\n      onOpenChange,\n      triggerElements,\n      ...initialState\n    } = options;\n    super({\n      ...initialState,\n      positionReference: initialState.referenceElement,\n      domReferenceElement: initialState.referenceElement\n    }, {\n      onOpenChange,\n      dataRef: {\n        current: {}\n      },\n      events: createEventEmitter(),\n      nested,\n      triggerElements\n    }, selectors);\n    this.syncOnly = syncOnly;\n  }\n\n  /**\n   * Syncs the event used by hover logic to distinguish hover-open from click-like interaction.\n   */\n  syncOpenEvent = (newOpen, event) => {\n    if (!newOpen || !this.state.open ||\n    // Prevent a pending hover-open from overwriting a click-open event, while allowing\n    // click events to upgrade a hover-open.\n    event != null && isClickLikeEvent(event)) {\n      this.context.dataRef.current.openEvent = newOpen ? event : undefined;\n    }\n  };\n\n  /**\n   * Runs the root-owned side effects for an open state change.\n   */\n  dispatchOpenChange = (newOpen, eventDetails) => {\n    this.syncOpenEvent(newOpen, eventDetails.event);\n    const details = {\n      open: newOpen,\n      reason: eventDetails.reason,\n      nativeEvent: eventDetails.event,\n      nested: this.context.nested,\n      triggerElement: eventDetails.trigger\n    };\n    this.context.events.emit('openchange', details);\n  };\n\n  /**\n   * Emits the `openchange` event through the internal event emitter and calls the `onOpenChange` handler with the provided arguments.\n   *\n   * @param newOpen The new open state.\n   * @param eventDetails Details about the event that triggered the open state change.\n   */\n  setOpen = (newOpen, eventDetails) => {\n    if (this.syncOnly) {\n      this.context.onOpenChange?.(newOpen, eventDetails);\n      return;\n    }\n    this.dispatchOpenChange(newOpen, eventDetails);\n    this.context.onOpenChange?.(newOpen, eventDetails);\n  };\n}"],"x_google_ignoreList":[0],"mappings":";;;;;AAGA,IAAM,IAAY;CAChB,MAAM,GAAe,MAAS,EAAM,IAAI;CACxC,kBAAkB,GAAe,MAAS,EAAM,gBAAgB;CAChE,qBAAqB,GAAe,MAAS,EAAM,mBAAmB;CACtE,kBAAkB,GAAe,MAAS,EAAM,qBAAqB,EAAM,gBAAgB;CAC3F,iBAAiB,GAAe,MAAS,EAAM,eAAe;CAC9D,YAAY,GAAe,MAAS,EAAM,UAAU;AACtD,GACa,IAAb,cAAuC,EAAW;CAChD,YAAY,GAAS;EACnB,IAAM,EACJ,aACA,WACA,iBACA,oBACA,GAAG,MACD;EAcJ,AAbA,MAAM;GACJ,GAAG;GACH,mBAAmB,EAAa;GAChC,qBAAqB,EAAa;EACpC,GAAG;GACD;GACA,SAAS,EACP,SAAS,CAAC,EACZ;GACA,QAAQ,EAAmB;GAC3B;GACA;EACF,GAAG,CAAS,GACZ,KAAK,WAAW;CAClB;CAKA,iBAAiB,GAAS,MAAU;EAClC,CAAI,CAAC,KAAW,CAAC,KAAK,MAAM,QAG5B,KAAS,QAAQ,EAAiB,CAAK,OACrC,KAAK,QAAQ,QAAQ,QAAQ,YAAY,IAAU,IAAQ,KAAA;CAE/D;CAKA,sBAAsB,GAAS,MAAiB;EAC9C,KAAK,cAAc,GAAS,EAAa,KAAK;EAC9C,IAAM,IAAU;GACd,MAAM;GACN,QAAQ,EAAa;GACrB,aAAa,EAAa;GAC1B,QAAQ,KAAK,QAAQ;GACrB,gBAAgB,EAAa;EAC/B;EACA,KAAK,QAAQ,OAAO,KAAK,cAAc,CAAO;CAChD;CAQA,WAAW,GAAS,MAAiB;EACnC,IAAI,KAAK,UAAU;GACjB,KAAK,QAAQ,eAAe,GAAS,CAAY;GACjD;EACF;EAEA,AADA,KAAK,mBAAmB,GAAS,CAAY,GAC7C,KAAK,QAAQ,eAAe,GAAS,CAAY;CACnD;AACF"}
+{"version":3,"file":"index263.js","names":["React"],"sources":["../../../node_modules/@base-ui/react/floating-ui-react/hooks/useSyncedFloatingRootContext.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { isElement } from '@floating-ui/utils/dom';\nimport { FloatingRootStore } from \"../components/FloatingRootStore.mjs\";\n/**\n * Keeps a FloatingRootStore in sync with the provided PopupStore.\n * Uses the provided FloatingRootStore when one exists, otherwise creates one once and updates it on every render.\n */\nexport function useSyncedFloatingRootContext(options) {\n  const {\n    popupStore,\n    treatPopupAsFloatingElement = false,\n    floatingRootContext: floatingRootContextProp,\n    floatingId,\n    nested,\n    onOpenChange\n  } = options;\n  const open = popupStore.useState('open');\n  const referenceElement = popupStore.useState('activeTriggerElement');\n  const floatingElement = popupStore.useState(treatPopupAsFloatingElement ? 'popupElement' : 'positionerElement');\n  const triggerElements = popupStore.context.triggerElements;\n  const handleOpenChange = onOpenChange;\n  const internalStoreRef = React.useRef(null);\n  if (floatingRootContextProp === undefined && internalStoreRef.current === null) {\n    internalStoreRef.current = new FloatingRootStore({\n      open,\n      transitionStatus: undefined,\n      referenceElement,\n      floatingElement,\n      triggerElements,\n      onOpenChange: handleOpenChange,\n      floatingId,\n      syncOnly: true,\n      nested\n    });\n  }\n  const store = floatingRootContextProp ?? internalStoreRef.current;\n  popupStore.useSyncedValue('floatingId', floatingId);\n  useIsoLayoutEffect(() => {\n    const valuesToSync = {\n      open,\n      floatingId,\n      referenceElement,\n      floatingElement\n    };\n    if (isElement(referenceElement)) {\n      valuesToSync.domReferenceElement = referenceElement;\n    }\n    if (store.state.positionReference === store.state.referenceElement) {\n      valuesToSync.positionReference = referenceElement;\n    }\n    store.update(valuesToSync);\n  }, [open, floatingId, referenceElement, floatingElement, store]);\n\n  // Keep non-reactive context values fresh for interactions that call `store.setOpen`.\n  store.context.onOpenChange = handleOpenChange;\n  store.context.nested = nested;\n  return store;\n}"],"x_google_ignoreList":[0],"mappings":";;;;;;AAUA,SAAgB,EAA6B,GAAS;CACpD,IAAM,EACJ,eACA,iCAA8B,IAC9B,qBAAqB,GACrB,eACA,WACA,oBACE,GACE,IAAO,EAAW,SAAS,MAAM,GACjC,IAAmB,EAAW,SAAS,sBAAsB,GAC7D,IAAkB,EAAW,SAAS,IAA8B,iBAAiB,mBAAmB,GACxG,IAAkB,EAAW,QAAQ,iBACrC,IAAmB,GACnB,IAAmBA,EAAM,OAAO,IAAI;CAC1C,AAAI,MAA4B,KAAA,KAAa,EAAiB,YAAY,SACxE,EAAiB,UAAU,IAAI,EAAkB;EAC/C;EACA,kBAAkB,KAAA;EAClB;EACA;EACA;EACA,cAAc;EACd;EACA,UAAU;EACV;CACF,CAAC;CAEH,IAAM,IAAQ,KAA2B,EAAiB;CAqB1D,OApBA,EAAW,eAAe,cAAc,CAAU,GAClD,QAAyB;EACvB,IAAM,IAAe;GACnB;GACA;GACA;GACA;EACF;EAOA,AANI,EAAU,CAAgB,MAC5B,EAAa,sBAAsB,IAEjC,EAAM,MAAM,sBAAsB,EAAM,MAAM,qBAChD,EAAa,oBAAoB,IAEnC,EAAM,OAAO,CAAY;CAC3B,GAAG;EAAC;EAAM;EAAY;EAAkB;EAAiB;CAAK,CAAC,GAG/D,EAAM,QAAQ,eAAe,GAC7B,EAAM,QAAQ,SAAS,GAChB;AACT"}

package/dist/index264.js

@@ -1,40 +1,53 @@
 "use client";
-import { isElement as e } from "./index200.js";
-import { useIsoLayoutEffect as t } from "./index204.js";
-import { FloatingRootStore as n } from "./index263.js";
-import * as r from "react";
-//#region ../../node_modules/@base-ui/react/floating-ui-react/hooks/useSyncedFloatingRootContext.mjs
-function i(i) {
-	let { popupStore: a, treatPopupAsFloatingElement: o = !1, floatingRootContext: s, floatingId: c, nested: l, onOpenChange: u } = i, d = a.useState("open"), f = a.useState("activeTriggerElement"), p = a.useState(o ? "popupElement" : "positionerElement"), m = a.context.triggerElements, h = u, g = r.useRef(null);
-	s === void 0 && g.current === null && (g.current = new n({
-		open: d,
-		transitionStatus: void 0,
-		referenceElement: f,
-		floatingElement: p,
-		triggerElements: m,
-		onOpenChange: h,
-		floatingId: c,
-		syncOnly: !0,
-		nested: l
-	}));
-	let _ = s ?? g.current;
-	return a.useSyncedValue("floatingId", c), t(() => {
-		let t = {
-			open: d,
-			floatingId: c,
-			referenceElement: f,
-			floatingElement: p
+import { useIsoLayoutEffect as e } from "./index204.js";
+import { AnimationFrame as t } from "./index230.js";
+import * as n from "react";
+//#region ../../node_modules/@base-ui/react/internals/useTransitionStatus.mjs
+function r(r, i = !1, a = !1) {
+	let [o, s] = n.useState(r && i ? "idle" : void 0), [c, l] = n.useState(r);
+	return r && !c && (l(!0), s("starting")), !r && c && o !== "ending" && !a && s("ending"), !r && !c && o === "ending" && s(void 0), e(() => {
+		if (!r && c && o !== "ending" && a) {
+			let e = t.request(() => {
+				s("ending");
+			});
+			return () => {
+				t.cancel(e);
+			};
+		}
+	}, [
+		r,
+		c,
+		o,
+		a
+	]), e(() => {
+		if (!r || i) return;
+		let e = t.request(() => {
+			s(void 0);
+		});
+		return () => {
+			t.cancel(e);
+		};
+	}, [i, r]), e(() => {
+		if (!r || !i) return;
+		r && c && o !== "idle" && s("starting");
+		let e = t.request(() => {
+			s("idle");
+		});
+		return () => {
+			t.cancel(e);
 		};
-		e(f) && (t.domReferenceElement = f), _.state.positionReference === _.state.referenceElement && (t.positionReference = f), _.update(t);
 	}, [
-		d,
+		i,
+		r,
 		c,
-		f,
-		p,
-		_
-	]), _.context.onOpenChange = h, _.context.nested = l, _;
+		o
+	]), {
+		mounted: c,
+		setMounted: l,
+		transitionStatus: o
+	};
 }
 //#endregion
-export { i as useSyncedFloatingRootContext };
+export { r as useTransitionStatus };
 
 //# sourceMappingURL=index264.js.map