@rpcbase/ui 0.235.0 → 0.236.0

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 "./index342.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 "./index345.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 "./index345.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

package/dist/index350.js.map

@@ -1 +1 @@
-{"version":3,"file":"index350.js","sources":["../../../node_modules/@base-ui/utils/esm/store/ReactStore.js"],"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.js\";\nimport { useStore } from \"./useStore.js\";\nimport { useStableCallback } from \"../useStableCallback.js\";\nimport { useIsoLayoutEffect } from \"../useIsoLayoutEffect.js\";\nimport { NOOP } from \"../empty.js\";\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    useIsoLayoutEffect(() => {\n      if (this.state[key] !== value) {\n        this.set(key, value);\n      }\n    }, [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    const isControlled = controlled !== undefined;\n    useIsoLayoutEffect(() => {\n      if (isControlled && !Object.is(this.state[key], controlled)) {\n        // Set the internal state to match the controlled value.\n        super.setState({\n          ...this.state,\n          [key]: controlled\n        });\n      }\n    }, [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","useIsoLayoutEffect","store","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":"index350.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]}

package/dist/index351.js

@@ -1,65 +1,146 @@
-class n {
-  constructor() {
-    this.elementsSet = /* @__PURE__ */ new Set(), this.idMap = /* @__PURE__ */ new Map();
+import * as u 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 c } from "./index201.js";
+import { NOOP as h } 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;
   }
   /**
-   * Adds a trigger element with the given ID.
+   * Non-reactive values such as refs, callbacks, etc.
+   */
+  /**
+   * Synchronizes a single external value into the store.
    *
-   * Note: The provided element is assumed to not be registered under multiple IDs.
+   * 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`).
    */
-  add(e, t) {
-    const s = this.idMap.get(e);
-    if (s !== t && (s !== void 0 && this.elementsSet.delete(s), this.elementsSet.add(t), this.idMap.set(e, t), process.env.NODE_ENV !== "production" && this.elementsSet.size !== this.idMap.size))
-      throw new Error("Base UI: A trigger element cannot be registered under multiple IDs in PopupTriggerMap.");
+  useSyncedValue(e, t) {
+    u.useDebugValue(e), c(() => {
+      this.state[e] !== t && this.set(e, t);
+    }, [e, t]);
   }
   /**
-   * Removes the trigger element with the given ID.
+   * 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`).
    */
-  delete(e) {
-    const t = this.idMap.get(e);
-    t && (this.elementsSet.delete(t), this.idMap.delete(e));
+  useSyncedValueWithCleanup(e, t) {
+    const s = this;
+    c(() => (s.state[e] !== t && s.set(e, t), () => {
+      s.set(e, void 0);
+    }), [s, e, t]);
   }
   /**
-   * Whether the given element is registered as a trigger.
+   * 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`).
    */
-  hasElement(e) {
-    return this.elementsSet.has(e);
+  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.");
+    }
+    const s = Object.values(e);
+    c(() => {
+      t.update(e);
+    }, [t, ...s]);
   }
   /**
-   * Whether there is a registered trigger element matching the given predicate.
+   * 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`.
    */
-  hasMatchingElement(e) {
-    for (const t of this.elementsSet)
-      if (e(t))
-        return !0;
-    return !1;
+  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).`);
+    }
+  }
+  /** 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 the trigger element associated with the given ID, or undefined if no such element exists.
+   * 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.
    */
-  getById(e) {
-    return this.idMap.get(e);
+  useState(e, t, s, o) {
+    return u.useDebugValue(e), a(this, this.selectors[e], t, s, o);
   }
   /**
-   * Returns an iterable of all registered trigger entries, where each entry is a tuple of [id, element].
+   * 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.
    */
-  entries() {
-    return this.idMap.entries();
+  useContextCallback(e, t) {
+    u.useDebugValue(e);
+    const s = f(t ?? h);
+    this.context[e] = s;
   }
   /**
-   * Returns an iterable of all registered trigger elements.
+   * 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.
    */
-  elements() {
-    return this.elementsSet.values();
+  useStateSetter(e) {
+    const t = u.useRef(void 0);
+    return t.current === void 0 && (t.current = (s) => {
+      this.set(e, s);
+    }), t.current;
   }
   /**
-   * Returns the number of registered trigger elements.
+   * 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.
    */
-  get size() {
-    return this.idMap.size;
+  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);
+      }
+    });
   }
 }
 export {
-  n as PopupTriggerMap
+  g as ReactStore
 };
 //# sourceMappingURL=index351.js.map