@rpcbase/ui 0.238.0 → 0.240.0

package/dist/index347.js.map

@@ -1 +1 @@
-{"version":3,"file":"index347.js","sources":["../../../node_modules/@base-ui/utils/esm/useScrollLock.js"],"sourcesContent":["'use client';\n\nimport { isOverflowElement } from '@floating-ui/utils/dom';\nimport { addEventListener } from \"./addEventListener.js\";\nimport { isIOS, isWebKit } from \"./detectBrowser.js\";\nimport { ownerDocument, ownerWindow } from \"./owner.js\";\nimport { useIsoLayoutEffect } from \"./useIsoLayoutEffect.js\";\nimport { Timeout } from \"./useTimeout.js\";\nimport { AnimationFrame } from \"./useAnimationFrame.js\";\nimport { NOOP } from \"./empty.js\";\nlet originalHtmlStyles = {};\nlet originalBodyStyles = {};\nlet originalHtmlScrollBehavior = '';\nfunction hasInsetScrollbars(referenceElement) {\n  if (typeof document === 'undefined') {\n    return false;\n  }\n  const doc = ownerDocument(referenceElement);\n  const win = ownerWindow(doc);\n  return win.innerWidth - doc.documentElement.clientWidth > 0;\n}\nfunction supportsStableScrollbarGutter(referenceElement) {\n  const supported = typeof CSS !== 'undefined' && CSS.supports && CSS.supports('scrollbar-gutter', 'stable');\n  if (!supported || typeof document === 'undefined') {\n    return false;\n  }\n  const doc = ownerDocument(referenceElement);\n  const html = doc.documentElement;\n  const body = doc.body;\n  const scrollContainer = isOverflowElement(html) ? html : body;\n  const originalScrollContainerOverflowY = scrollContainer.style.overflowY;\n  const originalHtmlStyleGutter = html.style.scrollbarGutter;\n  html.style.scrollbarGutter = 'stable';\n  scrollContainer.style.overflowY = 'scroll';\n  const before = scrollContainer.offsetWidth;\n  scrollContainer.style.overflowY = 'hidden';\n  const after = scrollContainer.offsetWidth;\n  scrollContainer.style.overflowY = originalScrollContainerOverflowY;\n  html.style.scrollbarGutter = originalHtmlStyleGutter;\n  return before === after;\n}\nfunction preventScrollOverlayScrollbars(referenceElement) {\n  const doc = ownerDocument(referenceElement);\n  const html = doc.documentElement;\n  const body = doc.body;\n\n  // If an `overflow` style is present on <html>, we need to lock it, because a lock on <body>\n  // won't have any effect.\n  // But if <body> has an `overflow` style (like `overflow-x: hidden`), we need to lock it\n  // instead, as sticky elements shift otherwise.\n  const elementToLock = isOverflowElement(html) ? html : body;\n  const originalElementToLockStyles = {\n    overflowY: elementToLock.style.overflowY,\n    overflowX: elementToLock.style.overflowX\n  };\n  Object.assign(elementToLock.style, {\n    overflowY: 'hidden',\n    overflowX: 'hidden'\n  });\n  return () => {\n    Object.assign(elementToLock.style, originalElementToLockStyles);\n  };\n}\nfunction preventScrollInsetScrollbars(referenceElement) {\n  const doc = ownerDocument(referenceElement);\n  const html = doc.documentElement;\n  const body = doc.body;\n  const win = ownerWindow(html);\n  let scrollTop = 0;\n  let scrollLeft = 0;\n  let updateGutterOnly = false;\n  const resizeFrame = AnimationFrame.create();\n\n  // Pinch-zoom in Safari causes a shift. Just don't lock scroll if there's any pinch-zoom.\n  if (isWebKit && (win.visualViewport?.scale ?? 1) !== 1) {\n    return () => {};\n  }\n  function lockScroll() {\n    /* DOM reads: */\n\n    const htmlStyles = win.getComputedStyle(html);\n    const bodyStyles = win.getComputedStyle(body);\n    const htmlScrollbarGutterValue = htmlStyles.scrollbarGutter || '';\n    const hasBothEdges = htmlScrollbarGutterValue.includes('both-edges');\n    const scrollbarGutterValue = hasBothEdges ? 'stable both-edges' : 'stable';\n    scrollTop = html.scrollTop;\n    scrollLeft = html.scrollLeft;\n    originalHtmlStyles = {\n      scrollbarGutter: html.style.scrollbarGutter,\n      overflowY: html.style.overflowY,\n      overflowX: html.style.overflowX\n    };\n    originalHtmlScrollBehavior = html.style.scrollBehavior;\n    originalBodyStyles = {\n      position: body.style.position,\n      height: body.style.height,\n      width: body.style.width,\n      boxSizing: body.style.boxSizing,\n      overflowY: body.style.overflowY,\n      overflowX: body.style.overflowX,\n      scrollBehavior: body.style.scrollBehavior\n    };\n    const isScrollableY = html.scrollHeight > html.clientHeight;\n    const isScrollableX = html.scrollWidth > html.clientWidth;\n    const hasConstantOverflowY = htmlStyles.overflowY === 'scroll' || bodyStyles.overflowY === 'scroll';\n    const hasConstantOverflowX = htmlStyles.overflowX === 'scroll' || bodyStyles.overflowX === 'scroll';\n\n    // Values can be negative in Firefox\n    const scrollbarWidth = Math.max(0, win.innerWidth - body.clientWidth);\n    const scrollbarHeight = Math.max(0, win.innerHeight - body.clientHeight);\n\n    // Avoid shift due to the default <body> margin. This does cause elements to be clipped\n    // with whitespace. Warn if <body> has margins?\n    const marginY = parseFloat(bodyStyles.marginTop) + parseFloat(bodyStyles.marginBottom);\n    const marginX = parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight);\n    const elementToLock = isOverflowElement(html) ? html : body;\n    updateGutterOnly = supportsStableScrollbarGutter(referenceElement);\n\n    /*\n     * DOM writes:\n     * Do not read the DOM past this point!\n     */\n\n    if (updateGutterOnly) {\n      html.style.scrollbarGutter = scrollbarGutterValue;\n      elementToLock.style.overflowY = 'hidden';\n      elementToLock.style.overflowX = 'hidden';\n      return;\n    }\n    Object.assign(html.style, {\n      scrollbarGutter: scrollbarGutterValue,\n      overflowY: 'hidden',\n      overflowX: 'hidden'\n    });\n    if (isScrollableY || hasConstantOverflowY) {\n      html.style.overflowY = 'scroll';\n    }\n    if (isScrollableX || hasConstantOverflowX) {\n      html.style.overflowX = 'scroll';\n    }\n    Object.assign(body.style, {\n      position: 'relative',\n      height: marginY || scrollbarHeight ? `calc(100dvh - ${marginY + scrollbarHeight}px)` : '100dvh',\n      width: marginX || scrollbarWidth ? `calc(100vw - ${marginX + scrollbarWidth}px)` : '100vw',\n      boxSizing: 'border-box',\n      overflow: 'hidden',\n      scrollBehavior: 'unset'\n    });\n    body.scrollTop = scrollTop;\n    body.scrollLeft = scrollLeft;\n    html.setAttribute('data-base-ui-scroll-locked', '');\n    html.style.scrollBehavior = 'unset';\n  }\n  function cleanup() {\n    Object.assign(html.style, originalHtmlStyles);\n    Object.assign(body.style, originalBodyStyles);\n    if (!updateGutterOnly) {\n      html.scrollTop = scrollTop;\n      html.scrollLeft = scrollLeft;\n      html.removeAttribute('data-base-ui-scroll-locked');\n      html.style.scrollBehavior = originalHtmlScrollBehavior;\n    }\n  }\n  function handleResize() {\n    cleanup();\n    resizeFrame.request(lockScroll);\n  }\n  lockScroll();\n  const unsubscribeResize = addEventListener(win, 'resize', handleResize);\n  return () => {\n    resizeFrame.cancel();\n    cleanup();\n    // Sometimes this cleanup can run after test teardown because it is called\n    // in a `setTimeout(fn, 0)`. Guard the returned cleanup to avoid calling\n    // `removeEventListener` when it is no longer available in tests.\n    if (typeof win.removeEventListener === 'function') {\n      unsubscribeResize();\n    }\n  };\n}\nclass ScrollLocker {\n  lockCount = 0;\n  restore = null;\n  timeoutLock = Timeout.create();\n  timeoutUnlock = Timeout.create();\n  acquire(referenceElement) {\n    this.lockCount += 1;\n    if (this.lockCount === 1 && this.restore === null) {\n      this.timeoutLock.start(0, () => this.lock(referenceElement));\n    }\n    return this.release;\n  }\n  release = () => {\n    this.lockCount -= 1;\n    if (this.lockCount === 0 && this.restore) {\n      this.timeoutUnlock.start(0, this.unlock);\n    }\n  };\n  unlock = () => {\n    if (this.lockCount === 0 && this.restore) {\n      this.restore?.();\n      this.restore = null;\n    }\n  };\n  lock(referenceElement) {\n    if (this.lockCount === 0 || this.restore !== null) {\n      return;\n    }\n    const doc = ownerDocument(referenceElement);\n    const html = doc.documentElement;\n    const htmlOverflowY = ownerWindow(html).getComputedStyle(html).overflowY;\n\n    // If the site author already hid overflow on <html>, respect it and bail out.\n    if (htmlOverflowY === 'hidden' || htmlOverflowY === 'clip') {\n      this.restore = NOOP;\n      return;\n    }\n    const hasOverlayScrollbars = isIOS || !hasInsetScrollbars(referenceElement);\n\n    // On iOS, scroll locking does not work if the navbar is collapsed. Due to numerous\n    // side effects and bugs that arise on iOS, it must be researched extensively before\n    // being enabled to ensure it doesn't cause the following issues:\n    // - Textboxes must scroll into view when focused, nor cause a glitchy scroll animation.\n    // - The navbar must not force itself into view and cause layout shift.\n    // - Scroll containers must not flicker upon closing a popup when it has an exit animation.\n    this.restore = hasOverlayScrollbars ? preventScrollOverlayScrollbars(referenceElement) : preventScrollInsetScrollbars(referenceElement);\n  }\n}\nconst SCROLL_LOCKER = new ScrollLocker();\n\n/**\n * Locks the scroll of the document when enabled.\n *\n * @param enabled - Whether to enable the scroll lock.\n * @param referenceElement - Element to use as a reference for lock calculations.\n */\nexport function useScrollLock(enabled = true, referenceElement = null) {\n  useIsoLayoutEffect(() => {\n    if (!enabled) {\n      return undefined;\n    }\n    return SCROLL_LOCKER.acquire(referenceElement);\n  }, [enabled, referenceElement]);\n}"],"names":["originalHtmlStyles","originalBodyStyles","originalHtmlScrollBehavior","hasInsetScrollbars","referenceElement","doc","ownerDocument","ownerWindow","supportsStableScrollbarGutter","html","body","scrollContainer","isOverflowElement","originalScrollContainerOverflowY","originalHtmlStyleGutter","before","after","preventScrollOverlayScrollbars","elementToLock","originalElementToLockStyles","preventScrollInsetScrollbars","win","scrollTop","scrollLeft","updateGutterOnly","resizeFrame","AnimationFrame","isWebKit","lockScroll","htmlStyles","bodyStyles","scrollbarGutterValue","isScrollableY","isScrollableX","hasConstantOverflowY","hasConstantOverflowX","scrollbarWidth","scrollbarHeight","marginY","marginX","cleanup","handleResize","unsubscribeResize","addEventListener","ScrollLocker","Timeout","htmlOverflowY","NOOP","hasOverlayScrollbars","isIOS","SCROLL_LOCKER","useScrollLock","enabled","useIsoLayoutEffect"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index347.js","sources":["../../../node_modules/@base-ui/utils/esm/reactVersion.js"],"sourcesContent":["import * as React from 'react';\nconst majorVersion = parseInt(React.version, 10);\nexport function isReactVersionAtLeast(reactVersionToCheck) {\n  return majorVersion >= reactVersionToCheck;\n}"],"names":["majorVersion","React","isReactVersionAtLeast","reactVersionToCheck"],"mappings":";AACA,MAAMA,IAAe,SAASC,EAAM,SAAS,EAAE;AACxC,SAASC,EAAsBC,GAAqB;AACzD,SAAOH,KAAgBG;AACzB;","x_google_ignoreList":[0]}

package/dist/index348.js

@@ -1,36 +1,126 @@
-import { useId as f } from "./index345.js";
-import { useRefWithInit as u } from "./index258.js";
-import { useIsoLayoutEffect as g } from "./index261.js";
-import { isElement as E } from "./index309.js";
-import { useFloatingParentNodeId as d } from "./index382.js";
-import { FloatingRootStore as S } from "./index384.js";
-function C(p) {
-  const {
-    popupStore: n,
-    treatPopupAsFloatingElement: a = !1,
-    onOpenChange: c
-  } = p, o = f(), m = d() != null, r = n.useState("open"), t = n.useState("activeTriggerElement"), s = n.useState(a ? "popupElement" : "positionerElement"), l = n.context.triggerElements, e = u(() => new S({
-    open: r,
-    transitionStatus: void 0,
-    referenceElement: t,
-    floatingElement: s,
-    triggerElements: l,
-    onOpenChange: c,
-    floatingId: o,
-    syncOnly: !0,
-    nested: m
-  })).current;
-  return g(() => {
-    const i = {
-      open: r,
-      floatingId: o,
-      referenceElement: t,
-      floatingElement: s
+import { getWindow as d, isOverflowElement as m } from "./index249.js";
+import { addEventListener as T } from "./index240.js";
+import { isIOS as E, isWebKit as H } from "./index241.js";
+import { ownerDocument as a } from "./index224.js";
+import { useIsoLayoutEffect as z } from "./index201.js";
+import { Timeout as k } from "./index225.js";
+import { AnimationFrame as j } from "./index242.js";
+import { NOOP as F } from "./index204.js";
+let Y = {}, C = {}, O = "";
+function R(s) {
+  if (typeof document > "u")
+    return !1;
+  const e = a(s);
+  return d(e).innerWidth - e.documentElement.clientWidth > 0;
+}
+function I(s) {
+  if (!(typeof CSS < "u" && CSS.supports && CSS.supports("scrollbar-gutter", "stable")) || typeof document > "u")
+    return !1;
+  const t = a(s), o = t.documentElement, l = t.body, r = m(o) ? o : l, i = r.style.overflowY, c = o.style.scrollbarGutter;
+  o.style.scrollbarGutter = "stable", r.style.overflowY = "scroll";
+  const u = r.offsetWidth;
+  r.style.overflowY = "hidden";
+  const f = r.offsetWidth;
+  return r.style.overflowY = i, o.style.scrollbarGutter = c, u === f;
+}
+function V(s) {
+  const e = a(s), t = e.documentElement, o = e.body, l = m(t) ? t : o, r = {
+    overflowY: l.style.overflowY,
+    overflowX: l.style.overflowX
+  };
+  return Object.assign(l.style, {
+    overflowY: "hidden",
+    overflowX: "hidden"
+  }), () => {
+    Object.assign(l.style, r);
+  };
+}
+function q(s) {
+  const e = a(s), t = e.documentElement, o = e.body, l = d(t);
+  let r = 0, i = 0, c = !1;
+  const u = j.create();
+  if (H && (l.visualViewport?.scale ?? 1) !== 1)
+    return () => {
     };
-    E(t) && (i.domReferenceElement = t), e.state.positionReference === e.state.referenceElement && (i.positionReference = t), e.update(i);
-  }, [r, o, t, s, e]), e.context.onOpenChange = c, e.context.nested = m, e;
+  function f() {
+    const h = l.getComputedStyle(t), n = l.getComputedStyle(o), v = (h.scrollbarGutter || "").includes("both-edges") ? "stable both-edges" : "stable";
+    r = t.scrollTop, i = t.scrollLeft, Y = {
+      scrollbarGutter: t.style.scrollbarGutter,
+      overflowY: t.style.overflowY,
+      overflowX: t.style.overflowX
+    }, O = t.style.scrollBehavior, C = {
+      position: o.style.position,
+      height: o.style.height,
+      width: o.style.width,
+      boxSizing: o.style.boxSizing,
+      overflowY: o.style.overflowY,
+      overflowX: o.style.overflowX,
+      scrollBehavior: o.style.scrollBehavior
+    };
+    const G = t.scrollHeight > t.clientHeight, B = t.scrollWidth > t.clientWidth, W = h.overflowY === "scroll" || n.overflowY === "scroll", x = h.overflowX === "scroll" || n.overflowX === "scroll", b = Math.max(0, l.innerWidth - o.clientWidth), w = Math.max(0, l.innerHeight - o.clientHeight), p = parseFloat(n.marginTop) + parseFloat(n.marginBottom), g = parseFloat(n.marginLeft) + parseFloat(n.marginRight), S = m(t) ? t : o;
+    if (c = I(s), c) {
+      t.style.scrollbarGutter = v, S.style.overflowY = "hidden", S.style.overflowX = "hidden";
+      return;
+    }
+    Object.assign(t.style, {
+      scrollbarGutter: v,
+      overflowY: "hidden",
+      overflowX: "hidden"
+    }), (G || W) && (t.style.overflowY = "scroll"), (B || x) && (t.style.overflowX = "scroll"), Object.assign(o.style, {
+      position: "relative",
+      height: p || w ? `calc(100dvh - ${p + w}px)` : "100dvh",
+      width: g || b ? `calc(100vw - ${g + b}px)` : "100vw",
+      boxSizing: "border-box",
+      overflow: "hidden",
+      scrollBehavior: "unset"
+    }), o.scrollTop = r, o.scrollLeft = i, t.setAttribute("data-base-ui-scroll-locked", ""), t.style.scrollBehavior = "unset";
+  }
+  function y() {
+    Object.assign(t.style, Y), Object.assign(o.style, C), c || (t.scrollTop = r, t.scrollLeft = i, t.removeAttribute("data-base-ui-scroll-locked"), t.style.scrollBehavior = O);
+  }
+  function L() {
+    y(), u.request(f);
+  }
+  f();
+  const X = T(l, "resize", L);
+  return () => {
+    u.cancel(), y(), typeof l.removeEventListener == "function" && X();
+  };
+}
+class A {
+  lockCount = 0;
+  restore = null;
+  timeoutLock = k.create();
+  timeoutUnlock = k.create();
+  acquire(e) {
+    return this.lockCount += 1, this.lockCount === 1 && this.restore === null && this.timeoutLock.start(0, () => this.lock(e)), this.release;
+  }
+  release = () => {
+    this.lockCount -= 1, this.lockCount === 0 && this.restore && this.timeoutUnlock.start(0, this.unlock);
+  };
+  unlock = () => {
+    this.lockCount === 0 && this.restore && (this.restore?.(), this.restore = null);
+  };
+  lock(e) {
+    if (this.lockCount === 0 || this.restore !== null)
+      return;
+    const o = a(e).documentElement, l = d(o).getComputedStyle(o).overflowY;
+    if (l === "hidden" || l === "clip") {
+      this.restore = F;
+      return;
+    }
+    const r = E || !R(e);
+    this.restore = r ? V(e) : q(e);
+  }
+}
+const K = new A();
+function tt(s = !0, e = null) {
+  z(() => {
+    if (s)
+      return K.acquire(e);
+  }, [s, e]);
 }
 export {
-  C as useSyncedFloatingRootContext
+  tt as useScrollLock
 };
 //# sourceMappingURL=index348.js.map

package/dist/index348.js.map

@@ -1 +1 @@
-{"version":3,"file":"index348.js","sources":["../../../node_modules/@base-ui/react/esm/floating-ui-react/hooks/useSyncedFloatingRootContext.js"],"sourcesContent":["'use client';\n\nimport { useId } from '@base-ui/utils/useId';\nimport { useRefWithInit } from '@base-ui/utils/useRefWithInit';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { isElement } from '@floating-ui/utils/dom';\nimport { useFloatingParentNodeId } from \"../components/FloatingTree.js\";\nimport { FloatingRootStore } from \"../components/FloatingRootStore.js\";\n/**\n * Initializes a FloatingRootStore that is kept in sync with the provided PopupStore.\n * The new instance is created only once and updated on every render.\n */\nexport function useSyncedFloatingRootContext(options) {\n  const {\n    popupStore,\n    treatPopupAsFloatingElement = false,\n    onOpenChange\n  } = options;\n  const floatingId = useId();\n  const nested = useFloatingParentNodeId() != null;\n  const open = popupStore.useState('open');\n  const referenceElement = popupStore.useState('activeTriggerElement');\n  const floatingElement = popupStore.useState(treatPopupAsFloatingElement ? 'popupElement' : 'positionerElement');\n  const triggerElements = popupStore.context.triggerElements;\n  const store = useRefWithInit(() => new FloatingRootStore({\n    open,\n    transitionStatus: undefined,\n    referenceElement,\n    floatingElement,\n    triggerElements,\n    onOpenChange,\n    floatingId,\n    syncOnly: true,\n    nested\n  })).current;\n  useIsoLayoutEffect(() => {\n    const valuesToSync = {\n      open,\n      floatingId,\n      referenceElement,\n      floatingElement\n    };\n    if (isElement(referenceElement)) {\n      valuesToSync.domReferenceElement = referenceElement;\n    }\n    if (store.state.positionReference === store.state.referenceElement) {\n      valuesToSync.positionReference = referenceElement;\n    }\n    store.update(valuesToSync);\n  }, [open, floatingId, referenceElement, floatingElement, store]);\n\n  // TODO: When `setOpen` is a part of the PopupStore API, we don't need to sync it.\n  store.context.onOpenChange = onOpenChange;\n  store.context.nested = nested;\n  return store;\n}"],"names":["useSyncedFloatingRootContext","options","popupStore","treatPopupAsFloatingElement","onOpenChange","floatingId","useId","nested","useFloatingParentNodeId","open","referenceElement","floatingElement","triggerElements","store","useRefWithInit","FloatingRootStore","useIsoLayoutEffect","valuesToSync","isElement"],"mappings":";;;;;;AAYO,SAASA,EAA6BC,GAAS;AACpD,QAAM;AAAA,IACJ,YAAAC;AAAA,IACA,6BAAAC,IAA8B;AAAA,IAC9B,cAAAC;AAAA,EACJ,IAAMH,GACEI,IAAaC,EAAK,GAClBC,IAASC,EAAuB,KAAM,MACtCC,IAAOP,EAAW,SAAS,MAAM,GACjCQ,IAAmBR,EAAW,SAAS,sBAAsB,GAC7DS,IAAkBT,EAAW,SAASC,IAA8B,iBAAiB,mBAAmB,GACxGS,IAAkBV,EAAW,QAAQ,iBACrCW,IAAQC,EAAe,MAAM,IAAIC,EAAkB;AAAA,IACvD,MAAAN;AAAA,IACA,kBAAkB;AAAA,IAClB,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAR;AAAA,IACA,YAAAC;AAAA,IACA,UAAU;AAAA,IACV,QAAAE;AAAA,EACJ,CAAG,CAAC,EAAE;AACJ,SAAAS,EAAmB,MAAM;AACvB,UAAMC,IAAe;AAAA,MACnB,MAAAR;AAAA,MACA,YAAAJ;AAAA,MACA,kBAAAK;AAAA,MACA,iBAAAC;AAAA,IACN;AACI,IAAIO,EAAUR,CAAgB,MAC5BO,EAAa,sBAAsBP,IAEjCG,EAAM,MAAM,sBAAsBA,EAAM,MAAM,qBAChDI,EAAa,oBAAoBP,IAEnCG,EAAM,OAAOI,CAAY;AAAA,EAC3B,GAAG,CAACR,GAAMJ,GAAYK,GAAkBC,GAAiBE,CAAK,CAAC,GAG/DA,EAAM,QAAQ,eAAeT,GAC7BS,EAAM,QAAQ,SAASN,GAChBM;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"index348.js","sources":["../../../node_modules/@base-ui/utils/esm/useScrollLock.js"],"sourcesContent":["'use client';\n\nimport { isOverflowElement } from '@floating-ui/utils/dom';\nimport { addEventListener } from \"./addEventListener.js\";\nimport { isIOS, isWebKit } from \"./detectBrowser.js\";\nimport { ownerDocument, ownerWindow } from \"./owner.js\";\nimport { useIsoLayoutEffect } from \"./useIsoLayoutEffect.js\";\nimport { Timeout } from \"./useTimeout.js\";\nimport { AnimationFrame } from \"./useAnimationFrame.js\";\nimport { NOOP } from \"./empty.js\";\nlet originalHtmlStyles = {};\nlet originalBodyStyles = {};\nlet originalHtmlScrollBehavior = '';\nfunction hasInsetScrollbars(referenceElement) {\n  if (typeof document === 'undefined') {\n    return false;\n  }\n  const doc = ownerDocument(referenceElement);\n  const win = ownerWindow(doc);\n  return win.innerWidth - doc.documentElement.clientWidth > 0;\n}\nfunction supportsStableScrollbarGutter(referenceElement) {\n  const supported = typeof CSS !== 'undefined' && CSS.supports && CSS.supports('scrollbar-gutter', 'stable');\n  if (!supported || typeof document === 'undefined') {\n    return false;\n  }\n  const doc = ownerDocument(referenceElement);\n  const html = doc.documentElement;\n  const body = doc.body;\n  const scrollContainer = isOverflowElement(html) ? html : body;\n  const originalScrollContainerOverflowY = scrollContainer.style.overflowY;\n  const originalHtmlStyleGutter = html.style.scrollbarGutter;\n  html.style.scrollbarGutter = 'stable';\n  scrollContainer.style.overflowY = 'scroll';\n  const before = scrollContainer.offsetWidth;\n  scrollContainer.style.overflowY = 'hidden';\n  const after = scrollContainer.offsetWidth;\n  scrollContainer.style.overflowY = originalScrollContainerOverflowY;\n  html.style.scrollbarGutter = originalHtmlStyleGutter;\n  return before === after;\n}\nfunction preventScrollOverlayScrollbars(referenceElement) {\n  const doc = ownerDocument(referenceElement);\n  const html = doc.documentElement;\n  const body = doc.body;\n\n  // If an `overflow` style is present on <html>, we need to lock it, because a lock on <body>\n  // won't have any effect.\n  // But if <body> has an `overflow` style (like `overflow-x: hidden`), we need to lock it\n  // instead, as sticky elements shift otherwise.\n  const elementToLock = isOverflowElement(html) ? html : body;\n  const originalElementToLockStyles = {\n    overflowY: elementToLock.style.overflowY,\n    overflowX: elementToLock.style.overflowX\n  };\n  Object.assign(elementToLock.style, {\n    overflowY: 'hidden',\n    overflowX: 'hidden'\n  });\n  return () => {\n    Object.assign(elementToLock.style, originalElementToLockStyles);\n  };\n}\nfunction preventScrollInsetScrollbars(referenceElement) {\n  const doc = ownerDocument(referenceElement);\n  const html = doc.documentElement;\n  const body = doc.body;\n  const win = ownerWindow(html);\n  let scrollTop = 0;\n  let scrollLeft = 0;\n  let updateGutterOnly = false;\n  const resizeFrame = AnimationFrame.create();\n\n  // Pinch-zoom in Safari causes a shift. Just don't lock scroll if there's any pinch-zoom.\n  if (isWebKit && (win.visualViewport?.scale ?? 1) !== 1) {\n    return () => {};\n  }\n  function lockScroll() {\n    /* DOM reads: */\n\n    const htmlStyles = win.getComputedStyle(html);\n    const bodyStyles = win.getComputedStyle(body);\n    const htmlScrollbarGutterValue = htmlStyles.scrollbarGutter || '';\n    const hasBothEdges = htmlScrollbarGutterValue.includes('both-edges');\n    const scrollbarGutterValue = hasBothEdges ? 'stable both-edges' : 'stable';\n    scrollTop = html.scrollTop;\n    scrollLeft = html.scrollLeft;\n    originalHtmlStyles = {\n      scrollbarGutter: html.style.scrollbarGutter,\n      overflowY: html.style.overflowY,\n      overflowX: html.style.overflowX\n    };\n    originalHtmlScrollBehavior = html.style.scrollBehavior;\n    originalBodyStyles = {\n      position: body.style.position,\n      height: body.style.height,\n      width: body.style.width,\n      boxSizing: body.style.boxSizing,\n      overflowY: body.style.overflowY,\n      overflowX: body.style.overflowX,\n      scrollBehavior: body.style.scrollBehavior\n    };\n    const isScrollableY = html.scrollHeight > html.clientHeight;\n    const isScrollableX = html.scrollWidth > html.clientWidth;\n    const hasConstantOverflowY = htmlStyles.overflowY === 'scroll' || bodyStyles.overflowY === 'scroll';\n    const hasConstantOverflowX = htmlStyles.overflowX === 'scroll' || bodyStyles.overflowX === 'scroll';\n\n    // Values can be negative in Firefox\n    const scrollbarWidth = Math.max(0, win.innerWidth - body.clientWidth);\n    const scrollbarHeight = Math.max(0, win.innerHeight - body.clientHeight);\n\n    // Avoid shift due to the default <body> margin. This does cause elements to be clipped\n    // with whitespace. Warn if <body> has margins?\n    const marginY = parseFloat(bodyStyles.marginTop) + parseFloat(bodyStyles.marginBottom);\n    const marginX = parseFloat(bodyStyles.marginLeft) + parseFloat(bodyStyles.marginRight);\n    const elementToLock = isOverflowElement(html) ? html : body;\n    updateGutterOnly = supportsStableScrollbarGutter(referenceElement);\n\n    /*\n     * DOM writes:\n     * Do not read the DOM past this point!\n     */\n\n    if (updateGutterOnly) {\n      html.style.scrollbarGutter = scrollbarGutterValue;\n      elementToLock.style.overflowY = 'hidden';\n      elementToLock.style.overflowX = 'hidden';\n      return;\n    }\n    Object.assign(html.style, {\n      scrollbarGutter: scrollbarGutterValue,\n      overflowY: 'hidden',\n      overflowX: 'hidden'\n    });\n    if (isScrollableY || hasConstantOverflowY) {\n      html.style.overflowY = 'scroll';\n    }\n    if (isScrollableX || hasConstantOverflowX) {\n      html.style.overflowX = 'scroll';\n    }\n    Object.assign(body.style, {\n      position: 'relative',\n      height: marginY || scrollbarHeight ? `calc(100dvh - ${marginY + scrollbarHeight}px)` : '100dvh',\n      width: marginX || scrollbarWidth ? `calc(100vw - ${marginX + scrollbarWidth}px)` : '100vw',\n      boxSizing: 'border-box',\n      overflow: 'hidden',\n      scrollBehavior: 'unset'\n    });\n    body.scrollTop = scrollTop;\n    body.scrollLeft = scrollLeft;\n    html.setAttribute('data-base-ui-scroll-locked', '');\n    html.style.scrollBehavior = 'unset';\n  }\n  function cleanup() {\n    Object.assign(html.style, originalHtmlStyles);\n    Object.assign(body.style, originalBodyStyles);\n    if (!updateGutterOnly) {\n      html.scrollTop = scrollTop;\n      html.scrollLeft = scrollLeft;\n      html.removeAttribute('data-base-ui-scroll-locked');\n      html.style.scrollBehavior = originalHtmlScrollBehavior;\n    }\n  }\n  function handleResize() {\n    cleanup();\n    resizeFrame.request(lockScroll);\n  }\n  lockScroll();\n  const unsubscribeResize = addEventListener(win, 'resize', handleResize);\n  return () => {\n    resizeFrame.cancel();\n    cleanup();\n    // Sometimes this cleanup can run after test teardown because it is called\n    // in a `setTimeout(fn, 0)`. Guard the returned cleanup to avoid calling\n    // `removeEventListener` when it is no longer available in tests.\n    if (typeof win.removeEventListener === 'function') {\n      unsubscribeResize();\n    }\n  };\n}\nclass ScrollLocker {\n  lockCount = 0;\n  restore = null;\n  timeoutLock = Timeout.create();\n  timeoutUnlock = Timeout.create();\n  acquire(referenceElement) {\n    this.lockCount += 1;\n    if (this.lockCount === 1 && this.restore === null) {\n      this.timeoutLock.start(0, () => this.lock(referenceElement));\n    }\n    return this.release;\n  }\n  release = () => {\n    this.lockCount -= 1;\n    if (this.lockCount === 0 && this.restore) {\n      this.timeoutUnlock.start(0, this.unlock);\n    }\n  };\n  unlock = () => {\n    if (this.lockCount === 0 && this.restore) {\n      this.restore?.();\n      this.restore = null;\n    }\n  };\n  lock(referenceElement) {\n    if (this.lockCount === 0 || this.restore !== null) {\n      return;\n    }\n    const doc = ownerDocument(referenceElement);\n    const html = doc.documentElement;\n    const htmlOverflowY = ownerWindow(html).getComputedStyle(html).overflowY;\n\n    // If the site author already hid overflow on <html>, respect it and bail out.\n    if (htmlOverflowY === 'hidden' || htmlOverflowY === 'clip') {\n      this.restore = NOOP;\n      return;\n    }\n    const hasOverlayScrollbars = isIOS || !hasInsetScrollbars(referenceElement);\n\n    // On iOS, scroll locking does not work if the navbar is collapsed. Due to numerous\n    // side effects and bugs that arise on iOS, it must be researched extensively before\n    // being enabled to ensure it doesn't cause the following issues:\n    // - Textboxes must scroll into view when focused, nor cause a glitchy scroll animation.\n    // - The navbar must not force itself into view and cause layout shift.\n    // - Scroll containers must not flicker upon closing a popup when it has an exit animation.\n    this.restore = hasOverlayScrollbars ? preventScrollOverlayScrollbars(referenceElement) : preventScrollInsetScrollbars(referenceElement);\n  }\n}\nconst SCROLL_LOCKER = new ScrollLocker();\n\n/**\n * Locks the scroll of the document when enabled.\n *\n * @param enabled - Whether to enable the scroll lock.\n * @param referenceElement - Element to use as a reference for lock calculations.\n */\nexport function useScrollLock(enabled = true, referenceElement = null) {\n  useIsoLayoutEffect(() => {\n    if (!enabled) {\n      return undefined;\n    }\n    return SCROLL_LOCKER.acquire(referenceElement);\n  }, [enabled, referenceElement]);\n}"],"names":["originalHtmlStyles","originalBodyStyles","originalHtmlScrollBehavior","hasInsetScrollbars","referenceElement","doc","ownerDocument","ownerWindow","supportsStableScrollbarGutter","html","body","scrollContainer","isOverflowElement","originalScrollContainerOverflowY","originalHtmlStyleGutter","before","after","preventScrollOverlayScrollbars","elementToLock","originalElementToLockStyles","preventScrollInsetScrollbars","win","scrollTop","scrollLeft","updateGutterOnly","resizeFrame","AnimationFrame","isWebKit","lockScroll","htmlStyles","bodyStyles","scrollbarGutterValue","isScrollableY","isScrollableX","hasConstantOverflowY","hasConstantOverflowX","scrollbarWidth","scrollbarHeight","marginY","marginX","cleanup","handleResize","unsubscribeResize","addEventListener","ScrollLocker","Timeout","htmlOverflowY","NOOP","hasOverlayScrollbars","isIOS","SCROLL_LOCKER","useScrollLock","enabled","useIsoLayoutEffect"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index349.js

@@ -1,77 +1,36 @@
-import * as r from "react";
-import { useId as E } from "./index345.js";
-import { EMPTY_OBJECT as P } from "./index264.js";
-import { getFloatingFocusElement as S } from "./index290.js";
-import { useFloatingParentNodeId as F } from "./index382.js";
-const y = /* @__PURE__ */ new Map([["select", "listbox"], ["combobox", "listbox"], ["label", !1]]);
-function $(c, g = {}) {
-  const a = "rootStore" in c ? c.rootStore : c, l = a.useState("open"), u = a.useState("floatingId"), I = a.useState("domReferenceElement"), d = a.useState("floatingElement"), {
-    role: o = "dialog"
-  } = g, x = E(), s = I?.id || x, t = r.useMemo(() => S(d)?.id || u, [d, u]), e = y.get(o) ?? o, m = F() != null, i = r.useMemo(() => e === "tooltip" || o === "label" ? P : {
-    "aria-haspopup": e === "alertdialog" ? "dialog" : e,
-    "aria-expanded": "false",
-    ...e === "listbox" && {
-      role: "combobox"
-    },
-    ...e === "menu" && m && {
-      role: "menuitem"
-    },
-    ...o === "select" && {
-      "aria-autocomplete": "none"
-    },
-    ...o === "combobox" && {
-      "aria-autocomplete": "list"
-    }
-  }, [e, m, o]), p = r.useMemo(() => e === "tooltip" || o === "label" ? {
-    [`aria-${o === "label" ? "labelledby" : "describedby"}`]: l ? t : void 0
-  } : {
-    ...i,
-    "aria-expanded": l ? "true" : "false",
-    "aria-controls": l ? t : void 0,
-    ...e === "menu" && {
-      id: s
-    }
-  }, [e, t, l, s, o, i]), f = r.useMemo(() => {
-    const n = {
-      id: t,
-      ...e && {
-        role: e
-      }
+import { useId as f } from "./index346.js";
+import { useRefWithInit as u } from "./index198.js";
+import { useIsoLayoutEffect as g } from "./index201.js";
+import { isElement as E } from "./index249.js";
+import { useFloatingParentNodeId as d } from "./index382.js";
+import { FloatingRootStore as S } from "./index384.js";
+function C(p) {
+  const {
+    popupStore: n,
+    treatPopupAsFloatingElement: a = !1,
+    onOpenChange: c
+  } = p, o = f(), m = d() != null, r = n.useState("open"), t = n.useState("activeTriggerElement"), s = n.useState(a ? "popupElement" : "positionerElement"), l = n.context.triggerElements, e = u(() => new S({
+    open: r,
+    transitionStatus: void 0,
+    referenceElement: t,
+    floatingElement: s,
+    triggerElements: l,
+    onOpenChange: c,
+    floatingId: o,
+    syncOnly: !0,
+    nested: m
+  })).current;
+  return g(() => {
+    const i = {
+      open: r,
+      floatingId: o,
+      referenceElement: t,
+      floatingElement: s
     };
-    return e === "tooltip" || o === "label" ? n : {
-      ...n,
-      ...e === "menu" && {
-        "aria-labelledby": s
-      }
-    };
-  }, [e, t, s, o]), b = r.useCallback(({
-    active: n,
-    selected: M
-  }) => {
-    const R = {
-      role: "option",
-      ...n && {
-        id: `${t}-fui-option`
-      }
-    };
-    switch (o) {
-      case "select":
-      case "combobox":
-        return {
-          ...R,
-          "aria-selected": M
-        };
-    }
-    return {};
-  }, [t, o]);
-  return r.useMemo(() => ({
-    reference: p,
-    floating: f,
-    item: b,
-    trigger: i
-  }), [p, f, i, b]);
+    E(t) && (i.domReferenceElement = t), e.state.positionReference === e.state.referenceElement && (i.positionReference = t), e.update(i);
+  }, [r, o, t, s, e]), e.context.onOpenChange = c, e.context.nested = m, e;
 }
 export {
-  $ as useRole
+  C as useSyncedFloatingRootContext
 };
 //# sourceMappingURL=index349.js.map

package/dist/index349.js.map

@@ -1 +1 @@
-{"version":3,"file":"index349.js","sources":["../../../node_modules/@base-ui/react/esm/floating-ui-react/hooks/useRole.js"],"sourcesContent":["import * as React from 'react';\nimport { useId } from '@base-ui/utils/useId';\nimport { EMPTY_OBJECT } from '@base-ui/utils/empty';\nimport { getFloatingFocusElement } from \"../utils/element.js\";\nimport { useFloatingParentNodeId } from \"../components/FloatingTree.js\";\nconst componentRoleToAriaRoleMap = new Map([['select', 'listbox'], ['combobox', 'listbox'], ['label', false]]);\n\n/**\n * Adds base screen reader props to the reference and floating elements for a\n * given floating element `role`.\n * @see https://floating-ui.com/docs/useRole\n */\nexport function useRole(context, props = {}) {\n  const store = 'rootStore' in context ? context.rootStore : context;\n  const open = store.useState('open');\n  const defaultFloatingId = store.useState('floatingId');\n  const domReference = store.useState('domReferenceElement');\n  const floatingElement = store.useState('floatingElement');\n  const {\n    role = 'dialog'\n  } = props;\n  const defaultReferenceId = useId();\n  const referenceId = domReference?.id || defaultReferenceId;\n  const floatingId = React.useMemo(() => getFloatingFocusElement(floatingElement)?.id || defaultFloatingId, [floatingElement, defaultFloatingId]);\n  const ariaRole = componentRoleToAriaRoleMap.get(role) ?? role;\n  const parentId = useFloatingParentNodeId();\n  const isNested = parentId != null;\n  const trigger = React.useMemo(() => {\n    if (ariaRole === 'tooltip' || role === 'label') {\n      return EMPTY_OBJECT;\n    }\n    return {\n      'aria-haspopup': ariaRole === 'alertdialog' ? 'dialog' : ariaRole,\n      'aria-expanded': 'false',\n      ...(ariaRole === 'listbox' && {\n        role: 'combobox'\n      }),\n      ...(ariaRole === 'menu' && isNested && {\n        role: 'menuitem'\n      }),\n      ...(role === 'select' && {\n        'aria-autocomplete': 'none'\n      }),\n      ...(role === 'combobox' && {\n        'aria-autocomplete': 'list'\n      })\n    };\n  }, [ariaRole, isNested, role]);\n  const reference = React.useMemo(() => {\n    if (ariaRole === 'tooltip' || role === 'label') {\n      return {\n        [`aria-${role === 'label' ? 'labelledby' : 'describedby'}`]: open ? floatingId : undefined\n      };\n    }\n    const triggerProps = trigger;\n    return {\n      ...triggerProps,\n      'aria-expanded': open ? 'true' : 'false',\n      'aria-controls': open ? floatingId : undefined,\n      ...(ariaRole === 'menu' && {\n        id: referenceId\n      })\n    };\n  }, [ariaRole, floatingId, open, referenceId, role, trigger]);\n  const floating = React.useMemo(() => {\n    const floatingProps = {\n      id: floatingId,\n      ...(ariaRole && {\n        role: ariaRole\n      })\n    };\n    if (ariaRole === 'tooltip' || role === 'label') {\n      return floatingProps;\n    }\n    return {\n      ...floatingProps,\n      ...(ariaRole === 'menu' && {\n        'aria-labelledby': referenceId\n      })\n    };\n  }, [ariaRole, floatingId, referenceId, role]);\n  const item = React.useCallback(({\n    active,\n    selected\n  }) => {\n    const commonProps = {\n      role: 'option',\n      ...(active && {\n        id: `${floatingId}-fui-option`\n      })\n    };\n\n    // For `menu`, we are unable to tell if the item is a `menuitemradio`\n    // or `menuitemcheckbox`. For backwards-compatibility reasons, also\n    // avoid defaulting to `menuitem` as it may overwrite custom role props.\n    switch (role) {\n      case 'select':\n      case 'combobox':\n        return {\n          ...commonProps,\n          'aria-selected': selected\n        };\n      default:\n    }\n    return {};\n  }, [floatingId, role]);\n  return React.useMemo(() => ({\n    reference,\n    floating,\n    item,\n    trigger\n  }), [reference, floating, trigger, item]);\n}"],"names":["componentRoleToAriaRoleMap","useRole","context","props","store","open","defaultFloatingId","domReference","floatingElement","role","defaultReferenceId","useId","referenceId","floatingId","React","getFloatingFocusElement","ariaRole","isNested","useFloatingParentNodeId","trigger","EMPTY_OBJECT","reference","floating","floatingProps","item","active","selected","commonProps"],"mappings":";;;;;AAKA,MAAMA,IAA6B,oBAAI,IAAI,CAAC,CAAC,UAAU,SAAS,GAAG,CAAC,YAAY,SAAS,GAAG,CAAC,SAAS,EAAK,CAAC,CAAC;AAOtG,SAASC,EAAQC,GAASC,IAAQ,IAAI;AAC3C,QAAMC,IAAQ,eAAeF,IAAUA,EAAQ,YAAYA,GACrDG,IAAOD,EAAM,SAAS,MAAM,GAC5BE,IAAoBF,EAAM,SAAS,YAAY,GAC/CG,IAAeH,EAAM,SAAS,qBAAqB,GACnDI,IAAkBJ,EAAM,SAAS,iBAAiB,GAClD;AAAA,IACJ,MAAAK,IAAO;AAAA,EACX,IAAMN,GACEO,IAAqBC,EAAK,GAC1BC,IAAcL,GAAc,MAAMG,GAClCG,IAAaC,EAAM,QAAQ,MAAMC,EAAwBP,CAAe,GAAG,MAAMF,GAAmB,CAACE,GAAiBF,CAAiB,CAAC,GACxIU,IAAWhB,EAA2B,IAAIS,CAAI,KAAKA,GAEnDQ,IADWC,EAAuB,KACX,MACvBC,IAAUL,EAAM,QAAQ,MACxBE,MAAa,aAAaP,MAAS,UAC9BW,IAEF;AAAA,IACL,iBAAiBJ,MAAa,gBAAgB,WAAWA;AAAA,IACzD,iBAAiB;AAAA,IACjB,GAAIA,MAAa,aAAa;AAAA,MAC5B,MAAM;AAAA,IACd;AAAA,IACM,GAAIA,MAAa,UAAUC,KAAY;AAAA,MACrC,MAAM;AAAA,IACd;AAAA,IACM,GAAIR,MAAS,YAAY;AAAA,MACvB,qBAAqB;AAAA,IAC7B;AAAA,IACM,GAAIA,MAAS,cAAc;AAAA,MACzB,qBAAqB;AAAA,IAC7B;AAAA,EACA,GACK,CAACO,GAAUC,GAAUR,CAAI,CAAC,GACvBY,IAAYP,EAAM,QAAQ,MAC1BE,MAAa,aAAaP,MAAS,UAC9B;AAAA,IACL,CAAC,QAAQA,MAAS,UAAU,eAAe,aAAa,EAAE,GAAGJ,IAAOQ,IAAa;AAAA,EACzF,IAGW;AAAA,IACL,GAFmBM;AAAA,IAGnB,iBAAiBd,IAAO,SAAS;AAAA,IACjC,iBAAiBA,IAAOQ,IAAa;AAAA,IACrC,GAAIG,MAAa,UAAU;AAAA,MACzB,IAAIJ;AAAA,IACZ;AAAA,EACA,GACK,CAACI,GAAUH,GAAYR,GAAMO,GAAaH,GAAMU,CAAO,CAAC,GACrDG,IAAWR,EAAM,QAAQ,MAAM;AACnC,UAAMS,IAAgB;AAAA,MACpB,IAAIV;AAAA,MACJ,GAAIG,KAAY;AAAA,QACd,MAAMA;AAAA,MACd;AAAA,IACA;AACI,WAAIA,MAAa,aAAaP,MAAS,UAC9Bc,IAEF;AAAA,MACL,GAAGA;AAAA,MACH,GAAIP,MAAa,UAAU;AAAA,QACzB,mBAAmBJ;AAAA,MAC3B;AAAA,IACA;AAAA,EACE,GAAG,CAACI,GAAUH,GAAYD,GAAaH,CAAI,CAAC,GACtCe,IAAOV,EAAM,YAAY,CAAC;AAAA,IAC9B,QAAAW;AAAA,IACA,UAAAC;AAAA,EACJ,MAAQ;AACJ,UAAMC,IAAc;AAAA,MAClB,MAAM;AAAA,MACN,GAAIF,KAAU;AAAA,QACZ,IAAI,GAAGZ,CAAU;AAAA,MACzB;AAAA,IACA;AAKI,YAAQJ,GAAI;AAAA,MACV,KAAK;AAAA,MACL,KAAK;AACH,eAAO;AAAA,UACL,GAAGkB;AAAA,UACH,iBAAiBD;AAAA,QAC3B;AAAA,IAEA;AACI,WAAO,CAAA;AAAA,EACT,GAAG,CAACb,GAAYJ,CAAI,CAAC;AACrB,SAAOK,EAAM,QAAQ,OAAO;AAAA,IAC1B,WAAAO;AAAA,IACA,UAAAC;AAAA,IACA,MAAAE;AAAA,IACA,SAAAL;AAAA,EACJ,IAAM,CAACE,GAAWC,GAAUH,GAASK,CAAI,CAAC;AAC1C;","x_google_ignoreList":[0]}
+{"version":3,"file":"index349.js","sources":["../../../node_modules/@base-ui/react/esm/floating-ui-react/hooks/useSyncedFloatingRootContext.js"],"sourcesContent":["'use client';\n\nimport { useId } from '@base-ui/utils/useId';\nimport { useRefWithInit } from '@base-ui/utils/useRefWithInit';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { isElement } from '@floating-ui/utils/dom';\nimport { useFloatingParentNodeId } from \"../components/FloatingTree.js\";\nimport { FloatingRootStore } from \"../components/FloatingRootStore.js\";\n/**\n * Initializes a FloatingRootStore that is kept in sync with the provided PopupStore.\n * The new instance is created only once and updated on every render.\n */\nexport function useSyncedFloatingRootContext(options) {\n  const {\n    popupStore,\n    treatPopupAsFloatingElement = false,\n    onOpenChange\n  } = options;\n  const floatingId = useId();\n  const nested = useFloatingParentNodeId() != null;\n  const open = popupStore.useState('open');\n  const referenceElement = popupStore.useState('activeTriggerElement');\n  const floatingElement = popupStore.useState(treatPopupAsFloatingElement ? 'popupElement' : 'positionerElement');\n  const triggerElements = popupStore.context.triggerElements;\n  const store = useRefWithInit(() => new FloatingRootStore({\n    open,\n    transitionStatus: undefined,\n    referenceElement,\n    floatingElement,\n    triggerElements,\n    onOpenChange,\n    floatingId,\n    syncOnly: true,\n    nested\n  })).current;\n  useIsoLayoutEffect(() => {\n    const valuesToSync = {\n      open,\n      floatingId,\n      referenceElement,\n      floatingElement\n    };\n    if (isElement(referenceElement)) {\n      valuesToSync.domReferenceElement = referenceElement;\n    }\n    if (store.state.positionReference === store.state.referenceElement) {\n      valuesToSync.positionReference = referenceElement;\n    }\n    store.update(valuesToSync);\n  }, [open, floatingId, referenceElement, floatingElement, store]);\n\n  // TODO: When `setOpen` is a part of the PopupStore API, we don't need to sync it.\n  store.context.onOpenChange = onOpenChange;\n  store.context.nested = nested;\n  return store;\n}"],"names":["useSyncedFloatingRootContext","options","popupStore","treatPopupAsFloatingElement","onOpenChange","floatingId","useId","nested","useFloatingParentNodeId","open","referenceElement","floatingElement","triggerElements","store","useRefWithInit","FloatingRootStore","useIsoLayoutEffect","valuesToSync","isElement"],"mappings":";;;;;;AAYO,SAASA,EAA6BC,GAAS;AACpD,QAAM;AAAA,IACJ,YAAAC;AAAA,IACA,6BAAAC,IAA8B;AAAA,IAC9B,cAAAC;AAAA,EACJ,IAAMH,GACEI,IAAaC,EAAK,GAClBC,IAASC,EAAuB,KAAM,MACtCC,IAAOP,EAAW,SAAS,MAAM,GACjCQ,IAAmBR,EAAW,SAAS,sBAAsB,GAC7DS,IAAkBT,EAAW,SAASC,IAA8B,iBAAiB,mBAAmB,GACxGS,IAAkBV,EAAW,QAAQ,iBACrCW,IAAQC,EAAe,MAAM,IAAIC,EAAkB;AAAA,IACvD,MAAAN;AAAA,IACA,kBAAkB;AAAA,IAClB,kBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,cAAAR;AAAA,IACA,YAAAC;AAAA,IACA,UAAU;AAAA,IACV,QAAAE;AAAA,EACJ,CAAG,CAAC,EAAE;AACJ,SAAAS,EAAmB,MAAM;AACvB,UAAMC,IAAe;AAAA,MACnB,MAAAR;AAAA,MACA,YAAAJ;AAAA,MACA,kBAAAK;AAAA,MACA,iBAAAC;AAAA,IACN;AACI,IAAIO,EAAUR,CAAgB,MAC5BO,EAAa,sBAAsBP,IAEjCG,EAAM,MAAM,sBAAsBA,EAAM,MAAM,qBAChDI,EAAa,oBAAoBP,IAEnCG,EAAM,OAAOI,CAAY;AAAA,EAC3B,GAAG,CAACR,GAAMJ,GAAYK,GAAkBC,GAAiBE,CAAK,CAAC,GAG/DA,EAAM,QAAQ,eAAeT,GAC7BS,EAAM,QAAQ,SAASN,GAChBM;AACT;","x_google_ignoreList":[0]}

package/dist/index350.js

@@ -1,146 +1,77 @@
-import * as u from "react";
-import { Store as l } from "./index283.js";
-import { useStore as a } from "./index277.js";
-import { useStableCallback as f } from "./index262.js";
-import { useIsoLayoutEffect as c } from "./index261.js";
-import { NOOP as h } from "./index264.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) {
-    u.useDebugValue(e), c(() => {
-      this.state[e] !== t && this.set(e, t);
-    }, [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;
-    c(() => (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") {
-      u.useDebugValue(e, (r) => Object.keys(r));
-      const o = u.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.");
+import * as r from "react";
+import { useId as E } from "./index346.js";
+import { EMPTY_OBJECT as P } from "./index204.js";
+import { getFloatingFocusElement as S } from "./index230.js";
+import { useFloatingParentNodeId as F } from "./index382.js";
+const y = /* @__PURE__ */ new Map([["select", "listbox"], ["combobox", "listbox"], ["label", !1]]);
+function $(c, g = {}) {
+  const a = "rootStore" in c ? c.rootStore : c, l = a.useState("open"), u = a.useState("floatingId"), I = a.useState("domReferenceElement"), d = a.useState("floatingElement"), {
+    role: o = "dialog"
+  } = g, x = E(), s = I?.id || x, t = r.useMemo(() => S(d)?.id || u, [d, u]), e = y.get(o) ?? o, m = F() != null, i = r.useMemo(() => e === "tooltip" || o === "label" ? P : {
+    "aria-haspopup": e === "alertdialog" ? "dialog" : e,
+    "aria-expanded": "false",
+    ...e === "listbox" && {
+      role: "combobox"
+    },
+    ...e === "menu" && m && {
+      role: "menuitem"
+    },
+    ...o === "select" && {
+      "aria-autocomplete": "none"
+    },
+    ...o === "combobox" && {
+      "aria-autocomplete": "list"
     }
-    const s = Object.values(e);
-    c(() => {
-      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) {
-    u.useDebugValue(e);
-    const s = t !== void 0;
-    if (c(() => {
-      s && !Object.is(this.state[e], t) && super.setState({
-        ...this.state,
-        [e]: t
-      });
-    }, [e, t, s]), process.env.NODE_ENV !== "production") {
-      const o = this.controlledValues ??= /* @__PURE__ */ new Map();
-      o.has(e) || o.set(e, s);
-      const n = o.get(e);
-      n !== void 0 && n !== s && console.error(`A component is changing the ${s ? "" : "un"}controlled state of ${e.toString()} to be ${s ? "un" : ""}controlled. Elements should not switch from uncontrolled to controlled (or vice versa).`);
+  }, [e, m, o]), p = r.useMemo(() => e === "tooltip" || o === "label" ? {
+    [`aria-${o === "label" ? "labelledby" : "describedby"}`]: l ? t : void 0
+  } : {
+    ...i,
+    "aria-expanded": l ? "true" : "false",
+    "aria-controls": l ? t : void 0,
+    ...e === "menu" && {
+      id: s
     }
-  }
-  /** 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 u.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) {
-    u.useDebugValue(e);
-    const s = f(t ?? h);
-    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 = u.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);
+  }, [e, t, l, s, o, i]), f = r.useMemo(() => {
+    const n = {
+      id: t,
+      ...e && {
+        role: e
       }
-    });
-  }
+    };
+    return e === "tooltip" || o === "label" ? n : {
+      ...n,
+      ...e === "menu" && {
+        "aria-labelledby": s
+      }
+    };
+  }, [e, t, s, o]), b = r.useCallback(({
+    active: n,
+    selected: M
+  }) => {
+    const R = {
+      role: "option",
+      ...n && {
+        id: `${t}-fui-option`
+      }
+    };
+    switch (o) {
+      case "select":
+      case "combobox":
+        return {
+          ...R,
+          "aria-selected": M
+        };
+    }
+    return {};
+  }, [t, o]);
+  return r.useMemo(() => ({
+    reference: p,
+    floating: f,
+    item: b,
+    trigger: i
+  }), [p, f, i, b]);
 }
 export {
-  g as ReactStore
+  $ as useRole
 };
 //# sourceMappingURL=index350.js.map