@rpcbase/ui 0.249.0 → 0.250.0

package/dist/index350.js

@@ -1,65 +1,70 @@
-import * as r from "react";
-import { useScrollLock as P } from "./index372.js";
-import { EMPTY_OBJECT as f } from "./index204.js";
-import { createChangeEventDetails as C } from "./index175.js";
-import { usePopupRootSync as S, useImplicitActiveTrigger as k, useOpenStateTransitions as E, usePopupInteractionProps as T } from "./index184.js";
-import { useDismiss as h } from "./index219.js";
-import { getTarget as w, contains as x } from "./index231.js";
-import { imperativeAction as I } from "./index177.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 * as p from "react";
+import { ReactStore as l } from "./index358.js";
+import { createPopupFloatingRootContext as d, popupStoreSelectors as u, createInitialPopupStoreState as c } from "./index359.js";
+import { PopupTriggerMap as m } from "./index360.js";
+import { setPopupOpenState as f, usePopupStore as g } from "./index184.js";
+import { createSelector as o } from "./index361.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);
+  }
+  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;
+  }
 }
-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
-  });
-  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;
+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 {
-  M as DialogInteractions,
-  L as useDialogRoot
+  a as DialogStore
 };
 //# sourceMappingURL=index350.js.map

package/dist/index350.js.map

@@ -1 +1 @@
-{"version":3,"file":"index350.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":"index350.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]}

package/dist/index351.js

@@ -1,70 +1,21 @@
-import * as p from "react";
-import { ReactStore as l } from "./index352.js";
-import { createPopupFloatingRootContext as d, popupStoreSelectors as u, createInitialPopupStoreState as c } from "./index353.js";
-import { PopupTriggerMap as m } from "./index354.js";
-import { setPopupOpenState as f, usePopupStore as g } from "./index184.js";
-import { createSelector as o } from "./index355.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);
-  }
-  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;
-  }
+import * as n from "react";
+import { SafeReact as f } from "./index353.js";
+let o = 0;
+function l(u, t = "mui") {
+  const [e, s] = n.useState(u), c = u || e;
+  return n.useEffect(() => {
+    e == null && (o += 1, s(`${t}-${o}`));
+  }, [e, t]), c;
 }
-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
-  };
+const a = f.useId;
+function I(u, t) {
+  if (a !== void 0) {
+    const e = a();
+    return u ?? (t ? `${t}-${e}` : e);
+  }
+  return l(u, t);
 }
 export {
-  a as DialogStore
+  I as useId
 };
 //# sourceMappingURL=index351.js.map

package/dist/index351.js.map

@@ -1 +1 @@
-{"version":3,"file":"index351.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":"index351.js","sources":["../../../node_modules/@base-ui/utils/useId.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { SafeReact } from \"./safeReact.mjs\";\nlet globalId = 0;\n\n// TODO React 17: Remove `useGlobalId` once React 17 support is removed\nfunction useGlobalId(idOverride, prefix = 'mui') {\n  const [defaultId, setDefaultId] = React.useState(idOverride);\n  const id = idOverride || defaultId;\n  React.useEffect(() => {\n    if (defaultId == null) {\n      // Fallback to this default id when possible.\n      // Use the incrementing value for client-side rendering only.\n      // We can't use it server-side.\n      // If you want to use random values please consider the Birthday Problem: https://en.wikipedia.org/wiki/Birthday_problem\n      globalId += 1;\n      setDefaultId(`${prefix}-${globalId}`);\n    }\n  }, [defaultId, prefix]);\n  return id;\n}\nconst maybeReactUseId = SafeReact.useId;\n\n/**\n *\n * @example <div id={useId()} />\n * @param idOverride\n * @returns {string}\n */\nexport function useId(idOverride, prefix) {\n  // React.useId() is only available from React 17.0.0.\n  if (maybeReactUseId !== undefined) {\n    const reactId = maybeReactUseId();\n    return idOverride ?? (prefix ? `${prefix}-${reactId}` : reactId);\n  }\n\n  // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler\n  // eslint-disable-next-line react-hooks/rules-of-hooks -- `React.useId` is invariant at runtime.\n  return useGlobalId(idOverride, prefix);\n}"],"names":["globalId","useGlobalId","idOverride","prefix","defaultId","setDefaultId","React","id","maybeReactUseId","SafeReact","useId","reactId"],"mappings":";;AAIA,IAAIA,IAAW;AAGf,SAASC,EAAYC,GAAYC,IAAS,OAAO;AAC/C,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAAM,SAASJ,CAAU,GACrDK,IAAKL,KAAcE;AACzB,SAAAE,EAAM,UAAU,MAAM;AACpB,IAAIF,KAAa,SAKfJ,KAAY,GACZK,EAAa,GAAGF,CAAM,IAAIH,CAAQ,EAAE;AAAA,EAExC,GAAG,CAACI,GAAWD,CAAM,CAAC,GACfI;AACT;AACA,MAAMC,IAAkBC,EAAU;AAQ3B,SAASC,EAAMR,GAAYC,GAAQ;AAExC,MAAIK,MAAoB,QAAW;AACjC,UAAMG,IAAUH,EAAe;AAC/B,WAAON,MAAeC,IAAS,GAAGA,CAAM,IAAIQ,CAAO,KAAKA;AAAA,EAC1D;AAIA,SAAOV,EAAYC,GAAYC,CAAM;AACvC;","x_google_ignoreList":[0]}

package/dist/index352.js

@@ -1,148 +1,12 @@
-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.");
-    }
-    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).`);
-    }
-  }
-  /** 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);
-      }
-    });
+let o;
+process.env.NODE_ENV !== "production" && (o = /* @__PURE__ */ new Set());
+function s(...r) {
+  if (process.env.NODE_ENV !== "production") {
+    const e = r.join(" ");
+    o.has(e) || (o.add(e), console.error(`Base UI: ${e}`));
   }
 }
 export {
-  g as ReactStore
+  s as error
 };
 //# sourceMappingURL=index352.js.map

package/dist/index352.js.map

@@ -1 +1 @@
-{"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":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index352.js","sources":["../../../node_modules/@base-ui/utils/error.mjs"],"sourcesContent":["let set;\nif (process.env.NODE_ENV !== 'production') {\n  set = new Set();\n}\nexport function error(...messages) {\n  if (process.env.NODE_ENV !== 'production') {\n    const messageKey = messages.join(' ');\n    if (!set.has(messageKey)) {\n      set.add(messageKey);\n      console.error(`Base UI: ${messageKey}`);\n    }\n  }\n}\nexport function reset() {\n  set?.clear();\n}"],"names":["set","error","messages","messageKey"],"mappings":"AAAA,IAAIA;AACA,QAAQ,IAAI,aAAa,iBAC3BA,IAAM,oBAAI,IAAG;AAER,SAASC,KAASC,GAAU;AACjC,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,UAAMC,IAAaD,EAAS,KAAK,GAAG;AACpC,IAAKF,EAAI,IAAIG,CAAU,MACrBH,EAAI,IAAIG,CAAU,GAClB,QAAQ,MAAM,YAAYA,CAAU,EAAE;AAAA,EAE1C;AACF;","x_google_ignoreList":[0]}

package/dist/index353.js

@@ -1,83 +1,8 @@
-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 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
-  });
-}
-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)
+import * as t from "react";
+const a = {
+  ...t
 };
 export {
-  P as createInitialPopupStoreState,
-  T as createPopupFloatingRootContext,
-  v as popupStoreSelectors
+  a as SafeReact
 };
 //# sourceMappingURL=index353.js.map

package/dist/index353.js.map

@@ -1 +1 @@
-{"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]}
+{"version":3,"file":"index353.js","sources":["../../../node_modules/@base-ui/utils/safeReact.mjs"],"sourcesContent":["import * as React from 'react';\n\n/**\n * A clone of the React namespace for reading APIs that may be missing in older\n * supported React versions. Bundlers can rewrite direct `React.someNewApi`\n * reads into named imports, which breaks React 17. Reading from this cloned\n * object keeps those lookups optional.\n *\n * @see https://github.com/mui/material-ui/issues/41190#issuecomment-2040873379\n */\nexport const SafeReact = {\n  ...React\n};"],"names":["SafeReact","React"],"mappings":";AAUY,MAACA,IAAY;AAAA,EACvB,GAAGC;AACL;","x_google_ignoreList":[0]}