@rpcbase/ui 0.247.0 → 0.249.0

package/dist/index352.js

@@ -1,55 +1,148 @@
-import * as l from "react-dom";
-import { useAnimationFrame as b } from "./index327.js";
-import { useStableCallback as A } from "./index288.js";
-import { resolveRef as d } from "./index404.js";
-import { TransitionStatusDataAttributes as h } from "./index234.js";
-function y(c, f = !1, m = !0) {
-  const o = b();
-  return A((s, n = null) => {
-    o.cancel();
-    const a = d(c);
-    if (a == null)
-      return;
-    const e = a, u = () => {
-      l.flushSync(s);
-    };
-    if (typeof e.getAnimations != "function" || globalThis.BASE_UI_ANIMATIONS_DISABLED) {
-      s();
-      return;
+import * as c from "react";
+import { Store as l } from "./index223.js";
+import { useStore as a } from "./index217.js";
+import { useStableCallback as f } from "./index202.js";
+import { useIsoLayoutEffect as u } from "./index201.js";
+import { NOOP as d } from "./index204.js";
+class g extends l {
+  /**
+   * Creates a new ReactStore instance.
+   *
+   * @param state Initial state of the store.
+   * @param context Non-reactive context values.
+   * @param selectors Optional selectors for use with `useState`.
+   */
+  constructor(e, t = {}, s) {
+    super(e), this.context = t, this.selectors = s;
+  }
+  /**
+   * Non-reactive values such as refs, callbacks, etc.
+   */
+  /**
+   * Synchronizes a single external value into the store.
+   *
+   * Note that the while the value in `state` is updated immediately, the value returned
+   * by `useState` is updated before the next render (similarly to React's `useState`).
+   */
+  useSyncedValue(e, t) {
+    c.useDebugValue(e);
+    const s = this;
+    u(() => {
+      s.state[e] !== t && s.set(e, t);
+    }, [s, e, t]);
+  }
+  /**
+   * Synchronizes a single external value into the store and
+   * cleans it up (sets to `undefined`) on unmount.
+   *
+   * Note that the while the value in `state` is updated immediately, the value returned
+   * by `useState` is updated before the next render (similarly to React's `useState`).
+   */
+  useSyncedValueWithCleanup(e, t) {
+    const s = this;
+    u(() => (s.state[e] !== t && s.set(e, t), () => {
+      s.set(e, void 0);
+    }), [s, e, t]);
+  }
+  /**
+   * Synchronizes multiple external values into the store.
+   *
+   * Note that the while the values in `state` are updated immediately, the values returned
+   * by `useState` are updated before the next render (similarly to React's `useState`).
+   */
+  useSyncedValues(e) {
+    const t = this;
+    if (process.env.NODE_ENV !== "production") {
+      c.useDebugValue(e, (r) => Object.keys(r));
+      const o = c.useRef(Object.keys(e)).current, n = Object.keys(e);
+      (o.length !== n.length || o.some((r, i) => r !== n[i])) && console.error("ReactStore.useSyncedValues expects the same prop keys on every render. Keys should be stable.");
     }
-    function i() {
-      Promise.all(e.getAnimations().map((t) => t.finished)).then(() => {
-        n?.aborted || u();
-      }).catch(() => {
-        if (m) {
-          n?.aborted || u();
-          return;
-        }
-        const t = e.getAnimations();
-        !n?.aborted && t.length > 0 && t.some((r) => r.pending || r.playState !== "finished") && i();
+    const s = Object.values(e);
+    u(() => {
+      t.update(e);
+    }, [t, ...s]);
+  }
+  /**
+   * Registers a controllable prop pair (`controlled`, `defaultValue`) for a specific key. If `controlled`
+   * is non-undefined, the store's state at `key` is updated to match `controlled`.
+   */
+  useControlledProp(e, t) {
+    c.useDebugValue(e);
+    const s = this, o = t !== void 0;
+    if (u(() => {
+      o && !Object.is(s.state[e], t) && s.setState({
+        ...s.state,
+        [e]: t
       });
+    }, [s, e, t, o]), process.env.NODE_ENV !== "production") {
+      const n = this.controlledValues ??= /* @__PURE__ */ new Map();
+      n.has(e) || n.set(e, o);
+      const r = n.get(e);
+      r !== void 0 && r !== o && console.error(`A component is changing the ${o ? "" : "un"}controlled state of ${e.toString()} to be ${o ? "un" : ""}controlled. Elements should not switch from uncontrolled to controlled (or vice versa).`);
     }
-    if (f) {
-      const t = h.startingStyle;
-      if (!e.hasAttribute(t)) {
-        o.request(i);
-        return;
+  }
+  /** Gets the current value from the store using a selector with the provided key.
+   *
+   * @param key Key of the selector to use.
+   */
+  select(e, t, s, o) {
+    const n = this.selectors[e];
+    return n(this.state, t, s, o);
+  }
+  /**
+   * Returns a value from the store's state using a selector function.
+   * Used to subscribe to specific parts of the state.
+   * This methods causes a rerender whenever the selected state changes.
+   *
+   * @param key Key of the selector to use.
+   */
+  useState(e, t, s, o) {
+    return c.useDebugValue(e), a(this, this.selectors[e], t, s, o);
+  }
+  /**
+   * Wraps a function with `useStableCallback` to ensure it has a stable reference
+   * and assigns it to the context.
+   *
+   * @param key Key of the event callback. Must be a function in the context.
+   * @param fn Function to assign.
+   */
+  useContextCallback(e, t) {
+    c.useDebugValue(e);
+    const s = f(t ?? d);
+    this.context[e] = s;
+  }
+  /**
+   * Returns a stable setter function for a specific key in the store's state.
+   * It's commonly used to pass as a ref callback to React elements.
+   *
+   * @param key Key of the state to set.
+   */
+  useStateSetter(e) {
+    const t = c.useRef(void 0);
+    return t.current === void 0 && (t.current = (s) => {
+      this.set(e, s);
+    }), t.current;
+  }
+  /**
+   * Observes changes derived from the store's selectors and calls the listener when the selected value changes.
+   *
+   * @param key Key of the selector to observe.
+   * @param listener Listener function called when the selector result changes.
+   */
+  observe(e, t) {
+    let s;
+    typeof e == "function" ? s = e : s = this.selectors[e];
+    let o = s(this.state);
+    return t(o, o, this), this.subscribe((n) => {
+      const r = s(n);
+      if (!Object.is(o, r)) {
+        const i = o;
+        o = r, t(r, i, this);
       }
-      const r = new MutationObserver(() => {
-        e.hasAttribute(t) || (r.disconnect(), i());
-      });
-      r.observe(e, {
-        attributes: !0,
-        attributeFilter: [t]
-      }), n?.addEventListener("abort", () => r.disconnect(), {
-        once: !0
-      });
-      return;
-    }
-    o.request(i);
-  });
+    });
+  }
 }
 export {
-  y as useAnimationsFinished
+  g as ReactStore
 };
 //# sourceMappingURL=index352.js.map

package/dist/index352.js.map

@@ -1 +1 @@
-{"version":3,"file":"index352.js","sources":["../../../node_modules/@base-ui/react/internals/useAnimationsFinished.mjs"],"sourcesContent":["'use client';\n\nimport * as ReactDOM from 'react-dom';\nimport { useAnimationFrame } from '@base-ui/utils/useAnimationFrame';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { resolveRef } from \"../utils/resolveRef.mjs\";\nimport { TransitionStatusDataAttributes } from \"./stateAttributesMapping.mjs\";\n\n/**\n * Executes a function once all animations have finished on the provided element.\n * @param elementOrRef - The element to watch for animations.\n * @param waitForStartingStyleRemoved - Whether to wait for [data-starting-style] to be removed before checking for animations.\n * @param treatAbortedAsFinished - Whether to treat aborted animations as finished. If `false`, and there are aborted animations,\n *   the function will check again if any new animations have started and wait for them to finish.\n * @returns A function that takes a callback to execute once all animations have finished, and an optional AbortSignal to abort the callback\n */\nexport function useAnimationsFinished(elementOrRef, waitForStartingStyleRemoved = false, treatAbortedAsFinished = true) {\n  const frame = useAnimationFrame();\n  return useStableCallback((fnToExecute,\n  /**\n   * An optional [AbortSignal](https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal) that\n   * can be used to abort `fnToExecute` before all the animations have finished.\n   * @default null\n   */\n  signal = null) => {\n    frame.cancel();\n    const element = resolveRef(elementOrRef);\n    if (element == null) {\n      return;\n    }\n    const resolvedElement = element;\n    const done = () => {\n      // Synchronously flush the unmounting of the component so that the browser doesn't\n      // paint: https://github.com/mui/base-ui/issues/979\n      ReactDOM.flushSync(fnToExecute);\n    };\n    if (typeof resolvedElement.getAnimations !== 'function' || globalThis.BASE_UI_ANIMATIONS_DISABLED) {\n      fnToExecute();\n      return;\n    }\n    function exec() {\n      Promise.all(resolvedElement.getAnimations().map(animation => animation.finished)).then(() => {\n        if (!signal?.aborted) {\n          done();\n        }\n      }).catch(() => {\n        if (treatAbortedAsFinished) {\n          if (!signal?.aborted) {\n            done();\n          }\n          return;\n        }\n        const currentAnimations = resolvedElement.getAnimations();\n        if (!signal?.aborted && currentAnimations.length > 0 && currentAnimations.some(animation => animation.pending || animation.playState !== 'finished')) {\n          // Sometimes animations can be aborted because a property they depend on changes while the animation plays.\n          // In such cases, we need to re-check if any new animations have started.\n          exec();\n        }\n      });\n    }\n    if (waitForStartingStyleRemoved) {\n      const startingStyleAttribute = TransitionStatusDataAttributes.startingStyle;\n\n      // If `[data-starting-style]` isn't present, fall back to waiting one more frame\n      // to give \"open\" animations a chance to be registered.\n      if (!resolvedElement.hasAttribute(startingStyleAttribute)) {\n        frame.request(exec);\n        return;\n      }\n\n      // Wait for `[data-starting-style]` to have been removed.\n      const attributeObserver = new MutationObserver(() => {\n        if (!resolvedElement.hasAttribute(startingStyleAttribute)) {\n          attributeObserver.disconnect();\n          exec();\n        }\n      });\n      attributeObserver.observe(resolvedElement, {\n        attributes: true,\n        attributeFilter: [startingStyleAttribute]\n      });\n      signal?.addEventListener('abort', () => attributeObserver.disconnect(), {\n        once: true\n      });\n      return;\n    }\n    frame.request(exec);\n  });\n}"],"names":["useAnimationsFinished","elementOrRef","waitForStartingStyleRemoved","treatAbortedAsFinished","frame","useAnimationFrame","useStableCallback","fnToExecute","signal","element","resolveRef","resolvedElement","done","ReactDOM","exec","animation","currentAnimations","startingStyleAttribute","TransitionStatusDataAttributes","attributeObserver"],"mappings":";;;;;AAgBO,SAASA,EAAsBC,GAAcC,IAA8B,IAAOC,IAAyB,IAAM;AACtH,QAAMC,IAAQC,EAAiB;AAC/B,SAAOC,EAAkB,CAACC,GAM1BC,IAAS,SAAS;AAChB,IAAAJ,EAAM,OAAM;AACZ,UAAMK,IAAUC,EAAWT,CAAY;AACvC,QAAIQ,KAAW;AACb;AAEF,UAAME,IAAkBF,GAClBG,IAAO,MAAM;AAGjB,MAAAC,EAAS,UAAUN,CAAW;AAAA,IAChC;AACA,QAAI,OAAOI,EAAgB,iBAAkB,cAAc,WAAW,6BAA6B;AACjG,MAAAJ,EAAW;AACX;AAAA,IACF;AACA,aAASO,IAAO;AACd,cAAQ,IAAIH,EAAgB,gBAAgB,IAAI,CAAAI,MAAaA,EAAU,QAAQ,CAAC,EAAE,KAAK,MAAM;AAC3F,QAAKP,GAAQ,WACXI,EAAI;AAAA,MAER,CAAC,EAAE,MAAM,MAAM;AACb,YAAIT,GAAwB;AAC1B,UAAKK,GAAQ,WACXI,EAAI;AAEN;AAAA,QACF;AACA,cAAMI,IAAoBL,EAAgB,cAAa;AACvD,QAAI,CAACH,GAAQ,WAAWQ,EAAkB,SAAS,KAAKA,EAAkB,KAAK,CAAAD,MAAaA,EAAU,WAAWA,EAAU,cAAc,UAAU,KAGjJD,EAAI;AAAA,MAER,CAAC;AAAA,IACH;AACA,QAAIZ,GAA6B;AAC/B,YAAMe,IAAyBC,EAA+B;AAI9D,UAAI,CAACP,EAAgB,aAAaM,CAAsB,GAAG;AACzD,QAAAb,EAAM,QAAQU,CAAI;AAClB;AAAA,MACF;AAGA,YAAMK,IAAoB,IAAI,iBAAiB,MAAM;AACnD,QAAKR,EAAgB,aAAaM,CAAsB,MACtDE,EAAkB,WAAU,GAC5BL,EAAI;AAAA,MAER,CAAC;AACD,MAAAK,EAAkB,QAAQR,GAAiB;AAAA,QACzC,YAAY;AAAA,QACZ,iBAAiB,CAACM,CAAsB;AAAA,MAChD,CAAO,GACDT,GAAQ,iBAAiB,SAAS,MAAMW,EAAkB,WAAU,GAAI;AAAA,QACtE,MAAM;AAAA,MACd,CAAO;AACD;AAAA,IACF;AACA,IAAAf,EAAM,QAAQU,CAAI;AAAA,EACpB,CAAC;AACH;","x_google_ignoreList":[0]}
+{"version":3,"file":"index352.js","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}"],"names":["ReactStore","Store","state","context","selectors","key","value","React","store","useIsoLayoutEffect","statePart","p","keys","nextKeys","index","dependencies","controlled","isControlled","cache","previouslyControlled","a1","a2","a3","selector","useStore","fn","stableFunction","useStableCallback","NOOP","ref","listener","selectFn","prevValue","nextState","nextValue","oldValue"],"mappings":";;;;;;AAcO,MAAMA,UAAmBC,EAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQpC,YAAYC,GAAOC,IAAU,CAAA,GAAIC,GAAW;AAC1C,UAAMF,CAAK,GACX,KAAK,UAAUC,GACf,KAAK,YAAYC;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYA,eAAeC,GAAKC,GAAO;AACzB,IAAAC,EAAM,cAAcF,CAAG;AAEvB,UAAMG,IAAQ;AACd,IAAAC,EAAmB,MAAM;AACvB,MAAID,EAAM,MAAMH,CAAG,MAAMC,KACvBE,EAAM,IAAIH,GAAKC,CAAK;AAAA,IAExB,GAAG,CAACE,GAAOH,GAAKC,CAAK,CAAC;AAAA,EACxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,0BAA0BD,GAAKC,GAAO;AAEpC,UAAME,IAAQ;AACd,IAAAC,EAAmB,OACbD,EAAM,MAAMH,CAAG,MAAMC,KACvBE,EAAM,IAAIH,GAAKC,CAAK,GAEf,MAAM;AACX,MAAAE,EAAM,IAAIH,GAAK,MAAS;AAAA,IAC1B,IACC,CAACG,GAAOH,GAAKC,CAAK,CAAC;AAAA,EACxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,gBAAgBI,GAAW;AAEzB,UAAMF,IAAQ;AACd,QAAI,QAAQ,IAAI,aAAa,cAAc;AAEzC,MAAAD,EAAM,cAAcG,GAAW,CAAAC,MAAK,OAAO,KAAKA,CAAC,CAAC;AAClD,YAAMC,IAAOL,EAAM,OAAO,OAAO,KAAKG,CAAS,CAAC,EAAE,SAC5CG,IAAW,OAAO,KAAKH,CAAS;AACtC,OAAIE,EAAK,WAAWC,EAAS,UAAUD,EAAK,KAAK,CAACP,GAAKS,MAAUT,MAAQQ,EAASC,CAAK,CAAC,MACtF,QAAQ,MAAM,+FAA+F;AAAA,IAEjH;AACA,UAAMC,IAAe,OAAO,OAAOL,CAAS;AAC5C,IAAAD,EAAmB,MAAM;AACvB,MAAAD,EAAM,OAAOE,CAAS;AAAA,IAExB,GAAG,CAACF,GAAO,GAAGO,CAAY,CAAC;AAAA,EAC7B;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,kBAAkBV,GAAKW,GAAY;AACjC,IAAAT,EAAM,cAAcF,CAAG;AAEvB,UAAMG,IAAQ,MACRS,IAAeD,MAAe;AAUpC,QATAP,EAAmB,MAAM;AACvB,MAAIQ,KAAgB,CAAC,OAAO,GAAGT,EAAM,MAAMH,CAAG,GAAGW,CAAU,KAEzDR,EAAM,SAAS;AAAA,QACb,GAAGA,EAAM;AAAA,QACT,CAACH,CAAG,GAAGW;AAAA,MACjB,CAAS;AAAA,IAEL,GAAG,CAACR,GAAOH,GAAKW,GAAYC,CAAY,CAAC,GACrC,QAAQ,IAAI,aAAa,cAAc;AAEzC,YAAMC,IAAQ,KAAK,qBAAqB,oBAAI,IAAG;AAC/C,MAAKA,EAAM,IAAIb,CAAG,KAChBa,EAAM,IAAIb,GAAKY,CAAY;AAE7B,YAAME,IAAuBD,EAAM,IAAIb,CAAG;AAC1C,MAAIc,MAAyB,UAAaA,MAAyBF,KACjE,QAAQ,MAAM,+BAA+BA,IAAe,KAAK,IAAI,uBAAuBZ,EAAI,SAAQ,CAAE,UAAUY,IAAe,OAAO,EAAE,yFAAyF;AAAA,IAEzO;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,OAAOZ,GAAKe,GAAIC,GAAIC,GAAI;AACtB,UAAMC,IAAW,KAAK,UAAUlB,CAAG;AACnC,WAAOkB,EAAS,KAAK,OAAOH,GAAIC,GAAIC,CAAE;AAAA,EACxC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUA,SAASjB,GAAKe,GAAIC,GAAIC,GAAI;AACxB,WAAAf,EAAM,cAAcF,CAAG,GAChBmB,EAAS,MAAM,KAAK,UAAUnB,CAAG,GAAGe,GAAIC,GAAIC,CAAE;AAAA,EACvD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,mBAAmBjB,GAAKoB,GAAI;AAC1B,IAAAlB,EAAM,cAAcF,CAAG;AACvB,UAAMqB,IAAiBC,EAAkBF,KAAMG,CAAI;AACnD,SAAK,QAAQvB,CAAG,IAAIqB;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQA,eAAerB,GAAK;AAClB,UAAMwB,IAAMtB,EAAM,OAAO,MAAS;AAClC,WAAIsB,EAAI,YAAY,WAClBA,EAAI,UAAU,CAAAvB,MAAS;AACrB,WAAK,IAAID,GAAKC,CAAK;AAAA,IACrB,IAEKuB,EAAI;AAAA,EACb;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASA,QAAQN,GAAUO,GAAU;AAC1B,QAAIC;AACJ,IAAI,OAAOR,KAAa,aACtBQ,IAAWR,IAEXQ,IAAW,KAAK,UAAUR,CAAQ;AAEpC,QAAIS,IAAYD,EAAS,KAAK,KAAK;AACnC,WAAAD,EAASE,GAAWA,GAAW,IAAI,GAC5B,KAAK,UAAU,CAAAC,MAAa;AACjC,YAAMC,IAAYH,EAASE,CAAS;AACpC,UAAI,CAAC,OAAO,GAAGD,GAAWE,CAAS,GAAG;AACpC,cAAMC,IAAWH;AACjB,QAAAA,IAAYE,GACZJ,EAASI,GAAWC,GAAU,IAAI;AAAA,MACpC;AAAA,IACF,CAAC;AAAA,EACH;AACF;","x_google_ignoreList":[0]}

package/dist/index353.js

@@ -1,65 +1,83 @@
-import * as r from "react";
-import { useScrollLock as P } from "./index377.js";
-import { EMPTY_OBJECT as f } from "./index290.js";
-import { createChangeEventDetails as C } from "./index235.js";
-import { usePopupRootSync as S, useImplicitActiveTrigger as k, useOpenStateTransitions as E, usePopupInteractionProps as T } from "./index244.js";
-import { useDismiss as h } from "./index305.js";
-import { getTarget as w, contains as x } from "./index317.js";
-import { imperativeAction as I } from "./index237.js";
-function L(e) {
-  const {
-    store: t,
-    actionsRef: a
-  } = e, o = t.useState("open");
-  S(t, o), k(t);
-  const {
-    forceUnmount: c
-  } = E(o, t), s = r.useCallback(() => {
-    t.setOpen(!1, C(I));
-  }, [t]);
-  r.useImperativeHandle(a, () => ({
-    unmount: c,
-    close: s
-  }), [c, s]);
+import { EMPTY_OBJECT as r } from "./index204.js";
+import { FloatingRootStore as l } from "./index388.js";
+import { getEmptyRootContext as d } from "./index391.js";
+import { createSelector as o } from "./index355.js";
+function P() {
+  return {
+    open: !1,
+    openProp: void 0,
+    mounted: !1,
+    transitionStatus: void 0,
+    floatingRootContext: d(),
+    floatingId: void 0,
+    triggerCount: 0,
+    preventUnmountingOnClose: !1,
+    payload: void 0,
+    activeTriggerId: null,
+    activeTriggerElement: null,
+    triggerIdProp: void 0,
+    popupElement: null,
+    positionerElement: null,
+    activeTriggerProps: r,
+    inactiveTriggerProps: r,
+    popupProps: r
+  };
 }
-function M({
-  store: e,
-  parentContext: t,
-  isDrawer: a
-}) {
-  const o = e.useState("open"), c = e.useState("disablePointerDismissal"), s = e.useState("modal"), d = e.useState("popupElement"), O = e.useState("floatingRootContext"), [u, m] = r.useState(0), [l, g] = r.useState(0), D = u === 0, p = h(O, {
-    outsidePressEvent() {
-      return e.context.internalBackdropRef.current || e.context.backdropRef.current ? "intentional" : {
-        mouse: s === "trap-focus" ? "sloppy" : "intentional",
-        touch: "sloppy"
-      };
-    },
-    outsidePress(n) {
-      if (!e.context.outsidePressEnabledRef.current || "button" in n && n.button !== 0 || "touches" in n && n.touches.length !== 1)
-        return !1;
-      const i = w(n);
-      return D && !c ? s && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === i || e.context.backdropRef.current === i || x(i, d) && !i?.hasAttribute("data-base-ui-portal") : !0 : !1;
-    },
-    escapeKey: D
+function T(e, n, g = !1) {
+  return new l({
+    open: !1,
+    transitionStatus: void 0,
+    floatingElement: null,
+    referenceElement: null,
+    triggerElements: e,
+    floatingId: n,
+    syncOnly: !0,
+    nested: g,
+    onOpenChange: void 0
   });
-  P(o && s === !0, d), e.useContextCallback("onNestedDialogOpen", (n, i) => {
-    m(n), g(i);
-  }), e.useContextCallback("onNestedDialogClose", () => {
-    m(0), g(0);
-  }), r.useEffect(() => (t?.onNestedDialogOpen && o && t.onNestedDialogOpen(u + 1, l + (a ? 1 : 0)), t?.onNestedDialogClose && !o && t.onNestedDialogClose(), () => {
-    t?.onNestedDialogClose && o && t.onNestedDialogClose();
-  }), [a, o, u, l, t]);
-  const b = p.reference ?? f, R = p.trigger ?? f, N = p.floating ?? f;
-  return T(e, {
-    activeTriggerProps: b,
-    inactiveTriggerProps: R,
-    popupProps: N,
-    nestedOpenDialogCount: u,
-    nestedOpenDrawerCount: l
-  }), null;
 }
+const t = o((e) => e.triggerIdProp ?? e.activeTriggerId), i = o((e) => e.openProp ?? e.open), p = o((e) => (e.popupElement?.id ?? e.floatingId) || void 0);
+function u(e, n) {
+  return n !== void 0 && i(e) && t(e) === n;
+}
+function f(e, n) {
+  return u(e, n) ? !0 : n !== void 0 && i(e) && t(e) == null && e.triggerCount === 1;
+}
+const v = {
+  open: i,
+  mounted: o((e) => e.mounted),
+  transitionStatus: o((e) => e.transitionStatus),
+  floatingRootContext: o((e) => e.floatingRootContext),
+  triggerCount: o((e) => e.triggerCount),
+  preventUnmountingOnClose: o((e) => e.preventUnmountingOnClose),
+  payload: o((e) => e.payload),
+  activeTriggerId: t,
+  activeTriggerElement: o((e) => e.mounted ? e.activeTriggerElement : null),
+  popupId: p,
+  /**
+   * Whether the trigger with the given ID was used to open the popup.
+   */
+  isTriggerActive: o((e, n) => n !== void 0 && t(e) === n),
+  /**
+   * Whether the popup is open and was activated by a trigger with the given ID.
+   */
+  isOpenedByTrigger: o((e, n) => u(e, n)),
+  /**
+   * Whether the popup is mounted and was activated by a trigger with the given ID.
+   */
+  isMountedByTrigger: o((e, n) => n !== void 0 && t(e) === n && e.mounted),
+  triggerProps: o((e, n) => n ? e.activeTriggerProps : e.inactiveTriggerProps),
+  /**
+   * Popup id for the trigger that currently owns the open popup.
+   */
+  triggerPopupId: o((e, n) => f(e, n) ? p(e) : void 0),
+  popupProps: o((e) => e.popupProps),
+  popupElement: o((e) => e.popupElement),
+  positionerElement: o((e) => e.positionerElement)
+};
 export {
-  M as DialogInteractions,
-  L as useDialogRoot
+  P as createInitialPopupStoreState,
+  T as createPopupFloatingRootContext,
+  v as popupStoreSelectors
 };
 //# sourceMappingURL=index353.js.map

package/dist/index353.js.map

@@ -1 +1 @@
-{"version":3,"file":"index353.js","sources":["../../../node_modules/@base-ui/react/dialog/root/useDialogRoot.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useScrollLock } from '@base-ui/utils/useScrollLock';\nimport { EMPTY_OBJECT } from '@base-ui/utils/empty';\nimport { useDismiss } from \"../../floating-ui-react/index.mjs\";\nimport { contains, getTarget } from \"../../floating-ui-react/utils.mjs\";\nimport { createChangeEventDetails } from \"../../internals/createBaseUIEventDetails.mjs\";\nimport { REASONS } from \"../../internals/reasons.mjs\";\nimport { useImplicitActiveTrigger, useOpenStateTransitions, usePopupInteractionProps, usePopupRootSync } from \"../../utils/popups/index.mjs\";\nexport function useDialogRoot(params) {\n  const {\n    store,\n    actionsRef\n  } = params;\n  const open = store.useState('open');\n  usePopupRootSync(store, open);\n  useImplicitActiveTrigger(store);\n  const {\n    forceUnmount\n  } = useOpenStateTransitions(open, store);\n  const handleImperativeClose = React.useCallback(() => {\n    store.setOpen(false, createChangeEventDetails(REASONS.imperativeAction));\n  }, [store]);\n  React.useImperativeHandle(actionsRef, () => ({\n    unmount: forceUnmount,\n    close: handleImperativeClose\n  }), [forceUnmount, handleImperativeClose]);\n}\nexport function DialogInteractions({\n  store,\n  parentContext,\n  isDrawer\n}) {\n  const open = store.useState('open');\n  const disablePointerDismissal = store.useState('disablePointerDismissal');\n  const modal = store.useState('modal');\n  const popupElement = store.useState('popupElement');\n  const floatingRootContext = store.useState('floatingRootContext');\n  const [ownNestedOpenDialogs, setOwnNestedOpenDialogs] = React.useState(0);\n  const [ownNestedOpenDrawers, setOwnNestedOpenDrawers] = React.useState(0);\n  const isTopmost = ownNestedOpenDialogs === 0;\n  const dismiss = useDismiss(floatingRootContext, {\n    outsidePressEvent() {\n      if (store.context.internalBackdropRef.current || store.context.backdropRef.current) {\n        return 'intentional';\n      }\n      // Ensure `aria-hidden` on outside elements is removed immediately\n      // on outside press when trapping focus.\n      return {\n        mouse: modal === 'trap-focus' ? 'sloppy' : 'intentional',\n        touch: 'sloppy'\n      };\n    },\n    outsidePress(event) {\n      if (!store.context.outsidePressEnabledRef.current) {\n        return false;\n      }\n\n      // For mouse events, only accept left button (button 0)\n      // For touch events, a single touch is equivalent to left button\n      if ('button' in event && event.button !== 0) {\n        return false;\n      }\n      if ('touches' in event && event.touches.length !== 1) {\n        return false;\n      }\n      const target = getTarget(event);\n      if (isTopmost && !disablePointerDismissal) {\n        // Only close if the click occurred on the dialog's owning backdrop.\n        // This supports multiple modal dialogs that aren't nested in the React tree:\n        // https://github.com/mui/base-ui/issues/1320\n        if (modal) {\n          return store.context.internalBackdropRef.current || store.context.backdropRef.current ? store.context.internalBackdropRef.current === target || store.context.backdropRef.current === target || contains(target, popupElement) && !target?.hasAttribute('data-base-ui-portal') : true;\n        }\n        return true;\n      }\n      return false;\n    },\n    escapeKey: isTopmost\n  });\n  useScrollLock(open && modal === true, popupElement);\n\n  // Listen for nested open/close events on this store to maintain the counts.\n  store.useContextCallback('onNestedDialogOpen', (dialogCount, drawerCount) => {\n    setOwnNestedOpenDialogs(dialogCount);\n    setOwnNestedOpenDrawers(drawerCount);\n  });\n  store.useContextCallback('onNestedDialogClose', () => {\n    setOwnNestedOpenDialogs(0);\n    setOwnNestedOpenDrawers(0);\n  });\n\n  // Notify parent of our open/close state using parent callbacks, if any\n  React.useEffect(() => {\n    if (parentContext?.onNestedDialogOpen && open) {\n      parentContext.onNestedDialogOpen(ownNestedOpenDialogs + 1, ownNestedOpenDrawers + (isDrawer ? 1 : 0));\n    }\n    if (parentContext?.onNestedDialogClose && !open) {\n      parentContext.onNestedDialogClose();\n    }\n    return () => {\n      if (parentContext?.onNestedDialogClose && open) {\n        parentContext.onNestedDialogClose();\n      }\n    };\n  }, [isDrawer, open, ownNestedOpenDialogs, ownNestedOpenDrawers, parentContext]);\n  const activeTriggerProps = dismiss.reference ?? EMPTY_OBJECT;\n  const inactiveTriggerProps = dismiss.trigger ?? EMPTY_OBJECT;\n  // Consumers (DialogPopup/DrawerPopup) already spread `FOCUSABLE_POPUP_PROPS`\n  // directly, so the popup props only need to carry the dismiss handlers.\n  const popupProps = dismiss.floating ?? EMPTY_OBJECT;\n  usePopupInteractionProps(store, {\n    activeTriggerProps,\n    inactiveTriggerProps,\n    popupProps,\n    nestedOpenDialogCount: ownNestedOpenDialogs,\n    nestedOpenDrawerCount: ownNestedOpenDrawers\n  });\n  return null;\n}"],"names":["useDialogRoot","params","store","actionsRef","open","usePopupRootSync","useImplicitActiveTrigger","forceUnmount","useOpenStateTransitions","handleImperativeClose","React","createChangeEventDetails","REASONS.imperativeAction","DialogInteractions","parentContext","isDrawer","disablePointerDismissal","modal","popupElement","floatingRootContext","ownNestedOpenDialogs","setOwnNestedOpenDialogs","ownNestedOpenDrawers","setOwnNestedOpenDrawers","isTopmost","dismiss","useDismiss","event","target","getTarget","contains","useScrollLock","dialogCount","drawerCount","activeTriggerProps","EMPTY_OBJECT","inactiveTriggerProps","popupProps","usePopupInteractionProps"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index353.js","sources":["../../../node_modules/@base-ui/react/utils/popups/store.mjs"],"sourcesContent":["import { createSelector } from '@base-ui/utils/store';\nimport { EMPTY_OBJECT } from '@base-ui/utils/empty';\nimport { FloatingRootStore } from \"../../floating-ui-react/components/FloatingRootStore.mjs\";\nimport { getEmptyRootContext } from \"../../floating-ui-react/utils/getEmptyRootContext.mjs\";\n\n/**\n * State common to all popup stores.\n */\n\nexport function createInitialPopupStoreState() {\n  return {\n    open: false,\n    openProp: undefined,\n    mounted: false,\n    transitionStatus: undefined,\n    floatingRootContext: getEmptyRootContext(),\n    floatingId: undefined,\n    triggerCount: 0,\n    preventUnmountingOnClose: false,\n    payload: undefined,\n    activeTriggerId: null,\n    activeTriggerElement: null,\n    triggerIdProp: undefined,\n    popupElement: null,\n    positionerElement: null,\n    activeTriggerProps: EMPTY_OBJECT,\n    inactiveTriggerProps: EMPTY_OBJECT,\n    popupProps: EMPTY_OBJECT\n  };\n}\nexport function createPopupFloatingRootContext(triggerElements, floatingId, nested = false) {\n  return new FloatingRootStore({\n    open: false,\n    transitionStatus: undefined,\n    floatingElement: null,\n    referenceElement: null,\n    triggerElements,\n    floatingId,\n    syncOnly: true,\n    nested,\n    onOpenChange: undefined\n  });\n}\nconst activeTriggerIdSelector = createSelector(state => state.triggerIdProp ?? state.activeTriggerId);\nconst openSelector = createSelector(state => state.openProp ?? state.open);\nconst popupIdSelector = createSelector(state => {\n  const popupId = state.popupElement?.id ?? state.floatingId;\n  return popupId || undefined;\n});\nfunction triggerOwnsOpenPopup(state, triggerId) {\n  return triggerId !== undefined && openSelector(state) && activeTriggerIdSelector(state) === triggerId;\n}\nfunction triggerOwnsOpenPopupOrIsOnlyTrigger(state, triggerId) {\n  if (triggerOwnsOpenPopup(state, triggerId)) {\n    return true;\n  }\n  return triggerId !== undefined && openSelector(state) && activeTriggerIdSelector(state) == null && state.triggerCount === 1;\n}\nexport const popupStoreSelectors = {\n  open: openSelector,\n  mounted: createSelector(state => state.mounted),\n  transitionStatus: createSelector(state => state.transitionStatus),\n  floatingRootContext: createSelector(state => state.floatingRootContext),\n  triggerCount: createSelector(state => state.triggerCount),\n  preventUnmountingOnClose: createSelector(state => state.preventUnmountingOnClose),\n  payload: createSelector(state => state.payload),\n  activeTriggerId: activeTriggerIdSelector,\n  activeTriggerElement: createSelector(state => state.mounted ? state.activeTriggerElement : null),\n  popupId: popupIdSelector,\n  /**\n   * Whether the trigger with the given ID was used to open the popup.\n   */\n  isTriggerActive: createSelector((state, triggerId) => triggerId !== undefined && activeTriggerIdSelector(state) === triggerId),\n  /**\n   * Whether the popup is open and was activated by a trigger with the given ID.\n   */\n  isOpenedByTrigger: createSelector((state, triggerId) => triggerOwnsOpenPopup(state, triggerId)),\n  /**\n   * Whether the popup is mounted and was activated by a trigger with the given ID.\n   */\n  isMountedByTrigger: createSelector((state, triggerId) => triggerId !== undefined && activeTriggerIdSelector(state) === triggerId && state.mounted),\n  triggerProps: createSelector((state, isActive) => isActive ? state.activeTriggerProps : state.inactiveTriggerProps),\n  /**\n   * Popup id for the trigger that currently owns the open popup.\n   */\n  triggerPopupId: createSelector((state, triggerId) => triggerOwnsOpenPopupOrIsOnlyTrigger(state, triggerId) ? popupIdSelector(state) : undefined),\n  popupProps: createSelector(state => state.popupProps),\n  popupElement: createSelector(state => state.popupElement),\n  positionerElement: createSelector(state => state.positionerElement)\n};"],"names":["createInitialPopupStoreState","getEmptyRootContext","EMPTY_OBJECT","createPopupFloatingRootContext","triggerElements","floatingId","nested","FloatingRootStore","activeTriggerIdSelector","createSelector","state","openSelector","popupIdSelector","triggerOwnsOpenPopup","triggerId","triggerOwnsOpenPopupOrIsOnlyTrigger","popupStoreSelectors","isActive"],"mappings":";;;;AASO,SAASA,IAA+B;AAC7C,SAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,qBAAqBC,EAAmB;AAAA,IACxC,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,0BAA0B;AAAA,IAC1B,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoBC;AAAA,IACpB,sBAAsBA;AAAA,IACtB,YAAYA;AAAA,EAChB;AACA;AACO,SAASC,EAA+BC,GAAiBC,GAAYC,IAAS,IAAO;AAC1F,SAAO,IAAIC,EAAkB;AAAA,IAC3B,MAAM;AAAA,IACN,kBAAkB;AAAA,IAClB,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,iBAAAH;AAAA,IACA,YAAAC;AAAA,IACA,UAAU;AAAA,IACV,QAAAC;AAAA,IACA,cAAc;AAAA,EAClB,CAAG;AACH;AACA,MAAME,IAA0BC,EAAe,CAAAC,MAASA,EAAM,iBAAiBA,EAAM,eAAe,GAC9FC,IAAeF,EAAe,CAAAC,MAASA,EAAM,YAAYA,EAAM,IAAI,GACnEE,IAAkBH,EAAe,CAAAC,OACrBA,EAAM,cAAc,MAAMA,EAAM,eAC9B,MACnB;AACD,SAASG,EAAqBH,GAAOI,GAAW;AAC9C,SAAOA,MAAc,UAAaH,EAAaD,CAAK,KAAKF,EAAwBE,CAAK,MAAMI;AAC9F;AACA,SAASC,EAAoCL,GAAOI,GAAW;AAC7D,SAAID,EAAqBH,GAAOI,CAAS,IAChC,KAEFA,MAAc,UAAaH,EAAaD,CAAK,KAAKF,EAAwBE,CAAK,KAAK,QAAQA,EAAM,iBAAiB;AAC5H;AACY,MAACM,IAAsB;AAAA,EACjC,MAAML;AAAA,EACN,SAASF,EAAe,CAAAC,MAASA,EAAM,OAAO;AAAA,EAC9C,kBAAkBD,EAAe,CAAAC,MAASA,EAAM,gBAAgB;AAAA,EAChE,qBAAqBD,EAAe,CAAAC,MAASA,EAAM,mBAAmB;AAAA,EACtE,cAAcD,EAAe,CAAAC,MAASA,EAAM,YAAY;AAAA,EACxD,0BAA0BD,EAAe,CAAAC,MAASA,EAAM,wBAAwB;AAAA,EAChF,SAASD,EAAe,CAAAC,MAASA,EAAM,OAAO;AAAA,EAC9C,iBAAiBF;AAAA,EACjB,sBAAsBC,EAAe,CAAAC,MAASA,EAAM,UAAUA,EAAM,uBAAuB,IAAI;AAAA,EAC/F,SAASE;AAAA;AAAA;AAAA;AAAA,EAIT,iBAAiBH,EAAe,CAACC,GAAOI,MAAcA,MAAc,UAAaN,EAAwBE,CAAK,MAAMI,CAAS;AAAA;AAAA;AAAA;AAAA,EAI7H,mBAAmBL,EAAe,CAACC,GAAOI,MAAcD,EAAqBH,GAAOI,CAAS,CAAC;AAAA;AAAA;AAAA;AAAA,EAI9F,oBAAoBL,EAAe,CAACC,GAAOI,MAAcA,MAAc,UAAaN,EAAwBE,CAAK,MAAMI,KAAaJ,EAAM,OAAO;AAAA,EACjJ,cAAcD,EAAe,CAACC,GAAOO,MAAaA,IAAWP,EAAM,qBAAqBA,EAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA,EAIlH,gBAAgBD,EAAe,CAACC,GAAOI,MAAcC,EAAoCL,GAAOI,CAAS,IAAIF,EAAgBF,CAAK,IAAI,MAAS;AAAA,EAC/I,YAAYD,EAAe,CAAAC,MAASA,EAAM,UAAU;AAAA,EACpD,cAAcD,EAAe,CAAAC,MAASA,EAAM,YAAY;AAAA,EACxD,mBAAmBD,EAAe,CAAAC,MAASA,EAAM,iBAAiB;AACpE;","x_google_ignoreList":[0]}

package/dist/index354.js

@@ -1,70 +1,65 @@
-import * as p from "react";
-import { ReactStore as l } from "./index361.js";
-import { createPopupFloatingRootContext as d, popupStoreSelectors as u, createInitialPopupStoreState as c } from "./index362.js";
-import { PopupTriggerMap as m } from "./index363.js";
-import { setPopupOpenState as f, usePopupStore as g } from "./index244.js";
-import { createSelector as o } from "./index364.js";
-const C = {
-  ...u,
-  modal: o((e) => e.modal),
-  nested: o((e) => e.nested),
-  nestedOpenDialogCount: o((e) => e.nestedOpenDialogCount),
-  nestedOpenDrawerCount: o((e) => e.nestedOpenDrawerCount),
-  disablePointerDismissal: o((e) => e.disablePointerDismissal),
-  openMethod: o((e) => e.openMethod),
-  descriptionElementId: o((e) => e.descriptionElementId),
-  titleElementId: o((e) => e.titleElementId),
-  viewportElement: o((e) => e.viewportElement),
-  role: o((e) => e.role)
-};
-class a extends l {
-  constructor(n, t, r = !1) {
-    const i = new m(), s = h(n);
-    s.floatingRootContext = d(i, t, r), super(s, {
-      popupRef: /* @__PURE__ */ p.createRef(),
-      backdropRef: /* @__PURE__ */ p.createRef(),
-      internalBackdropRef: /* @__PURE__ */ p.createRef(),
-      outsidePressEnabledRef: {
-        current: !0
-      },
-      triggerElements: i,
-      onOpenChange: void 0,
-      onOpenChangeComplete: void 0
-    }, C);
+class n {
+  constructor() {
+    this.elementsSet = /* @__PURE__ */ new Set(), this.idMap = /* @__PURE__ */ new Map();
   }
-  setOpen = (n, t) => {
-    if (t.preventUnmountOnClose = () => {
-      this.set("preventUnmountingOnClose", !0);
-    }, !n && t.trigger == null && this.state.activeTriggerId != null && (t.trigger = this.state.activeTriggerElement ?? void 0), this.context.onOpenChange?.(n, t), t.isCanceled)
-      return;
-    this.state.floatingRootContext.dispatchOpenChange(n, t);
-    const r = {
-      open: n
-    };
-    f(r, n, t.trigger), this.update(r);
-  };
-  static useStore(n, t) {
-    return g(n, (i, s) => new a(t, i, s), !0).store;
+  /**
+   * Adds a trigger element with the given ID.
+   *
+   * Note: The provided element is assumed to not be registered under multiple IDs.
+   */
+  add(e, t) {
+    const s = this.idMap.get(e);
+    if (s !== t && (s !== void 0 && this.elementsSet.delete(s), this.elementsSet.add(t), this.idMap.set(e, t), process.env.NODE_ENV !== "production" && this.elementsSet.size !== this.idMap.size))
+      throw new Error("Base UI: A trigger element cannot be registered under multiple IDs in PopupTriggerMap.");
+  }
+  /**
+   * Removes the trigger element with the given ID.
+   */
+  delete(e) {
+    const t = this.idMap.get(e);
+    t && (this.elementsSet.delete(t), this.idMap.delete(e));
+  }
+  /**
+   * Whether the given element is registered as a trigger.
+   */
+  hasElement(e) {
+    return this.elementsSet.has(e);
+  }
+  /**
+   * Whether there is a registered trigger element matching the given predicate.
+   */
+  hasMatchingElement(e) {
+    for (const t of this.elementsSet)
+      if (e(t))
+        return !0;
+    return !1;
+  }
+  /**
+   * Returns the trigger element associated with the given ID, or undefined if no such element exists.
+   */
+  getById(e) {
+    return this.idMap.get(e);
+  }
+  /**
+   * Returns an iterable of all registered trigger entries, where each entry is a tuple of [id, element].
+   */
+  entries() {
+    return this.idMap.entries();
+  }
+  /**
+   * Returns an iterable of all registered trigger elements.
+   */
+  elements() {
+    return this.elementsSet.values();
+  }
+  /**
+   * Returns the number of registered trigger elements.
+   */
+  get size() {
+    return this.idMap.size;
   }
-}
-function h(e = {}) {
-  return {
-    ...c(),
-    modal: !0,
-    disablePointerDismissal: !1,
-    popupElement: null,
-    viewportElement: null,
-    descriptionElementId: void 0,
-    titleElementId: void 0,
-    openMethod: null,
-    nested: !1,
-    nestedOpenDialogCount: 0,
-    nestedOpenDrawerCount: 0,
-    role: "dialog",
-    ...e
-  };
 }
 export {
-  a as DialogStore
+  n as PopupTriggerMap
 };
 //# sourceMappingURL=index354.js.map

package/dist/index354.js.map

@@ -1 +1 @@
-{"version":3,"file":"index354.js","sources":["../../../node_modules/@base-ui/react/dialog/store/DialogStore.mjs"],"sourcesContent":["import * as React from 'react';\nimport { createSelector, ReactStore } from '@base-ui/utils/store';\nimport { createPopupFloatingRootContext, createInitialPopupStoreState, popupStoreSelectors, PopupTriggerMap, setPopupOpenState, usePopupStore } from \"../../utils/popups/index.mjs\";\nconst selectors = {\n  ...popupStoreSelectors,\n  modal: createSelector(state => state.modal),\n  nested: createSelector(state => state.nested),\n  nestedOpenDialogCount: createSelector(state => state.nestedOpenDialogCount),\n  nestedOpenDrawerCount: createSelector(state => state.nestedOpenDrawerCount),\n  disablePointerDismissal: createSelector(state => state.disablePointerDismissal),\n  openMethod: createSelector(state => state.openMethod),\n  descriptionElementId: createSelector(state => state.descriptionElementId),\n  titleElementId: createSelector(state => state.titleElementId),\n  viewportElement: createSelector(state => state.viewportElement),\n  role: createSelector(state => state.role)\n};\nexport class DialogStore extends ReactStore {\n  constructor(initialState, floatingId, nested = false) {\n    const triggerElements = new PopupTriggerMap();\n    const state = createInitialState(initialState);\n    state.floatingRootContext = createPopupFloatingRootContext(triggerElements, floatingId, nested);\n    super(state, {\n      popupRef: /*#__PURE__*/React.createRef(),\n      backdropRef: /*#__PURE__*/React.createRef(),\n      internalBackdropRef: /*#__PURE__*/React.createRef(),\n      outsidePressEnabledRef: {\n        current: true\n      },\n      triggerElements,\n      onOpenChange: undefined,\n      onOpenChangeComplete: undefined\n    }, selectors);\n  }\n  setOpen = (nextOpen, eventDetails) => {\n    eventDetails.preventUnmountOnClose = () => {\n      this.set('preventUnmountingOnClose', true);\n    };\n    if (!nextOpen && eventDetails.trigger == null && this.state.activeTriggerId != null) {\n      // When closing the dialog, pass the old trigger to the onOpenChange event\n      // so it's not reset too early (potentially causing focus issues in controlled scenarios).\n      eventDetails.trigger = this.state.activeTriggerElement ?? undefined;\n    }\n    this.context.onOpenChange?.(nextOpen, eventDetails);\n    if (eventDetails.isCanceled) {\n      return;\n    }\n    this.state.floatingRootContext.dispatchOpenChange(nextOpen, eventDetails);\n    const updatedState = {\n      open: nextOpen\n    };\n    setPopupOpenState(updatedState, nextOpen, eventDetails.trigger);\n    this.update(updatedState);\n  };\n  static useStore(externalStore, initialState) {\n    /* eslint-disable react-hooks/rules-of-hooks */\n    const store = usePopupStore(externalStore, (floatingId, nested) => new DialogStore(initialState, floatingId, nested), true).store;\n    /* eslint-enable react-hooks/rules-of-hooks */\n\n    return store;\n  }\n}\nfunction createInitialState(initialState = {}) {\n  return {\n    ...createInitialPopupStoreState(),\n    modal: true,\n    disablePointerDismissal: false,\n    popupElement: null,\n    viewportElement: null,\n    descriptionElementId: undefined,\n    titleElementId: undefined,\n    openMethod: null,\n    nested: false,\n    nestedOpenDialogCount: 0,\n    nestedOpenDrawerCount: 0,\n    role: 'dialog',\n    ...initialState\n  };\n}"],"names":["selectors","popupStoreSelectors","createSelector","state","DialogStore","ReactStore","initialState","floatingId","nested","triggerElements","PopupTriggerMap","createInitialState","createPopupFloatingRootContext","React","nextOpen","eventDetails","updatedState","setPopupOpenState","externalStore","usePopupStore","createInitialPopupStoreState"],"mappings":";;;;;;AAGA,MAAMA,IAAY;AAAA,EAChB,GAAGC;AAAA,EACH,OAAOC,EAAe,CAAAC,MAASA,EAAM,KAAK;AAAA,EAC1C,QAAQD,EAAe,CAAAC,MAASA,EAAM,MAAM;AAAA,EAC5C,uBAAuBD,EAAe,CAAAC,MAASA,EAAM,qBAAqB;AAAA,EAC1E,uBAAuBD,EAAe,CAAAC,MAASA,EAAM,qBAAqB;AAAA,EAC1E,yBAAyBD,EAAe,CAAAC,MAASA,EAAM,uBAAuB;AAAA,EAC9E,YAAYD,EAAe,CAAAC,MAASA,EAAM,UAAU;AAAA,EACpD,sBAAsBD,EAAe,CAAAC,MAASA,EAAM,oBAAoB;AAAA,EACxE,gBAAgBD,EAAe,CAAAC,MAASA,EAAM,cAAc;AAAA,EAC5D,iBAAiBD,EAAe,CAAAC,MAASA,EAAM,eAAe;AAAA,EAC9D,MAAMD,EAAe,CAAAC,MAASA,EAAM,IAAI;AAC1C;AACO,MAAMC,UAAoBC,EAAW;AAAA,EAC1C,YAAYC,GAAcC,GAAYC,IAAS,IAAO;AACpD,UAAMC,IAAkB,IAAIC,EAAe,GACrCP,IAAQQ,EAAmBL,CAAY;AAC7C,IAAAH,EAAM,sBAAsBS,EAA+BH,GAAiBF,GAAYC,CAAM,GAC9F,MAAML,GAAO;AAAA,MACX,UAAuB,gBAAAU,EAAM,UAAS;AAAA,MACtC,aAA0B,gBAAAA,EAAM,UAAS;AAAA,MACzC,qBAAkC,gBAAAA,EAAM,UAAS;AAAA,MACjD,wBAAwB;AAAA,QACtB,SAAS;AAAA,MACjB;AAAA,MACM,iBAAAJ;AAAA,MACA,cAAc;AAAA,MACd,sBAAsB;AAAA,IAC5B,GAAOT,CAAS;AAAA,EACd;AAAA,EACA,UAAU,CAACc,GAAUC,MAAiB;AAUpC,QATAA,EAAa,wBAAwB,MAAM;AACzC,WAAK,IAAI,4BAA4B,EAAI;AAAA,IAC3C,GACI,CAACD,KAAYC,EAAa,WAAW,QAAQ,KAAK,MAAM,mBAAmB,SAG7EA,EAAa,UAAU,KAAK,MAAM,wBAAwB,SAE5D,KAAK,QAAQ,eAAeD,GAAUC,CAAY,GAC9CA,EAAa;AACf;AAEF,SAAK,MAAM,oBAAoB,mBAAmBD,GAAUC,CAAY;AACxE,UAAMC,IAAe;AAAA,MACnB,MAAMF;AAAA,IACZ;AACI,IAAAG,EAAkBD,GAAcF,GAAUC,EAAa,OAAO,GAC9D,KAAK,OAAOC,CAAY;AAAA,EAC1B;AAAA,EACA,OAAO,SAASE,GAAeZ,GAAc;AAK3C,WAHca,EAAcD,GAAe,CAACX,GAAYC,MAAW,IAAIJ,EAAYE,GAAcC,GAAYC,CAAM,GAAG,EAAI,EAAE;AAAA,EAI9H;AACF;AACA,SAASG,EAAmBL,IAAe,IAAI;AAC7C,SAAO;AAAA,IACL,GAAGc,EAA4B;AAAA,IAC/B,OAAO;AAAA,IACP,yBAAyB;AAAA,IACzB,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,IACvB,MAAM;AAAA,IACN,GAAGd;AAAA,EACP;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"index354.js","sources":["../../../node_modules/@base-ui/react/utils/popups/popupTriggerMap.mjs"],"sourcesContent":["/**\n * Data structure to keep track of popup trigger elements by their IDs.\n * Uses both a set of Elements and a map of IDs to Elements for efficient lookups.\n */\nexport class PopupTriggerMap {\n  constructor() {\n    this.elementsSet = new Set();\n    this.idMap = new Map();\n  }\n\n  /**\n   * Adds a trigger element with the given ID.\n   *\n   * Note: The provided element is assumed to not be registered under multiple IDs.\n   */\n  add(id, element) {\n    const existingElement = this.idMap.get(id);\n    if (existingElement === element) {\n      return;\n    }\n    if (existingElement !== undefined) {\n      // We assume that the same element won't be registered under multiple ids.\n      // This is safe considering how useTriggerRegistration is implemented.\n      this.elementsSet.delete(existingElement);\n    }\n    this.elementsSet.add(element);\n    this.idMap.set(id, element);\n    if (process.env.NODE_ENV !== 'production') {\n      if (this.elementsSet.size !== this.idMap.size) {\n        // TODO: fix mui/no-guarded-throw\n        // eslint-disable-next-line mui/no-guarded-throw\n        throw new Error('Base UI: A trigger element cannot be registered under multiple IDs in PopupTriggerMap.');\n      }\n    }\n  }\n\n  /**\n   * Removes the trigger element with the given ID.\n   */\n  delete(id) {\n    const element = this.idMap.get(id);\n    if (element) {\n      this.elementsSet.delete(element);\n      this.idMap.delete(id);\n    }\n  }\n\n  /**\n   * Whether the given element is registered as a trigger.\n   */\n  hasElement(element) {\n    return this.elementsSet.has(element);\n  }\n\n  /**\n   * Whether there is a registered trigger element matching the given predicate.\n   */\n  hasMatchingElement(predicate) {\n    for (const element of this.elementsSet) {\n      if (predicate(element)) {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  /**\n   * Returns the trigger element associated with the given ID, or undefined if no such element exists.\n   */\n  getById(id) {\n    return this.idMap.get(id);\n  }\n\n  /**\n   * Returns an iterable of all registered trigger entries, where each entry is a tuple of [id, element].\n   */\n  entries() {\n    return this.idMap.entries();\n  }\n\n  /**\n   * Returns an iterable of all registered trigger elements.\n   */\n  elements() {\n    return this.elementsSet.values();\n  }\n\n  /**\n   * Returns the number of registered trigger elements.\n   */\n  get size() {\n    return this.idMap.size;\n  }\n}"],"names":["PopupTriggerMap","id","element","existingElement","predicate"],"mappings":"AAIO,MAAMA,EAAgB;AAAA,EAC3B,cAAc;AACZ,SAAK,cAAc,oBAAI,IAAG,GAC1B,KAAK,QAAQ,oBAAI,IAAG;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,IAAIC,GAAIC,GAAS;AACf,UAAMC,IAAkB,KAAK,MAAM,IAAIF,CAAE;AACzC,QAAIE,MAAoBD,MAGpBC,MAAoB,UAGtB,KAAK,YAAY,OAAOA,CAAe,GAEzC,KAAK,YAAY,IAAID,CAAO,GAC5B,KAAK,MAAM,IAAID,GAAIC,CAAO,GACtB,QAAQ,IAAI,aAAa,gBACvB,KAAK,YAAY,SAAS,KAAK,MAAM;AAGvC,YAAM,IAAI,MAAM,wFAAwF;AAAA,EAG9G;AAAA;AAAA;AAAA;AAAA,EAKA,OAAOD,GAAI;AACT,UAAMC,IAAU,KAAK,MAAM,IAAID,CAAE;AACjC,IAAIC,MACF,KAAK,YAAY,OAAOA,CAAO,GAC/B,KAAK,MAAM,OAAOD,CAAE;AAAA,EAExB;AAAA;AAAA;AAAA;AAAA,EAKA,WAAWC,GAAS;AAClB,WAAO,KAAK,YAAY,IAAIA,CAAO;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA,EAKA,mBAAmBE,GAAW;AAC5B,eAAWF,KAAW,KAAK;AACzB,UAAIE,EAAUF,CAAO;AACnB,eAAO;AAGX,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,QAAQD,GAAI;AACV,WAAO,KAAK,MAAM,IAAIA,CAAE;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACR,WAAO,KAAK,MAAM,QAAO;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA,EAKA,WAAW;AACT,WAAO,KAAK,YAAY,OAAM;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,OAAO;AACT,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;","x_google_ignoreList":[0]}