@rpcbase/ui 0.229.0 → 0.231.0

package/dist/index290.js

@@ -1,77 +1,30 @@
-import * as r from "react";
-import { useId as E } from "./index285.js";
-import { EMPTY_OBJECT as P } from "./index229.js";
-import { getFloatingFocusElement as S } from "./index255.js";
-import { useFloatingParentNodeId as F } from "./index379.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
-      }
-    };
-    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]);
+import { isHTMLElement as i } from "./index309.js";
+import { FOCUSABLE_ATTRIBUTE as u, TYPEABLE_SELECTOR as n } from "./index385.js";
+function a(t, r) {
+  if (r == null)
+    return !1;
+  if ("composedPath" in t)
+    return t.composedPath().includes(r);
+  const o = t;
+  return o.target != null && r.contains(o.target);
+}
+function b(t) {
+  return t.matches("html,body");
+}
+function e(t) {
+  return i(t) && t.matches(n);
+}
+function f(t) {
+  return t ? t.getAttribute("role") === "combobox" && e(t) : !1;
+}
+function T(t) {
+  return t ? t.hasAttribute(u) ? t : t.querySelector(`[${u}]`) || t : null;
 }
 export {
-  $ as useRole
+  T as getFloatingFocusElement,
+  a as isEventTargetWithin,
+  b as isRootElement,
+  f as isTypeableCombobox,
+  e as isTypeableElement
 };
 //# sourceMappingURL=index290.js.map

package/dist/index290.js.map

@@ -1 +1 @@
-{"version":3,"file":"index290.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":"index290.js","sources":["../../../node_modules/@base-ui/react/esm/floating-ui-react/utils/element.js"],"sourcesContent":["import { isElement, isHTMLElement } from '@floating-ui/utils/dom';\nimport { isJSDOM } from '@base-ui/utils/detectBrowser';\nimport { FOCUSABLE_ATTRIBUTE, TYPEABLE_SELECTOR } from \"./constants.js\";\nimport { activeElement, contains, getTarget } from \"../../internals/shadowDom.js\";\nexport { activeElement, contains, getTarget };\nexport function isTargetInsideEnabledTrigger(target, triggerElements) {\n  if (!isElement(target)) {\n    return false;\n  }\n  const targetElement = target;\n  if (triggerElements.hasElement(targetElement)) {\n    return !targetElement.hasAttribute('data-trigger-disabled');\n  }\n  for (const [, trigger] of triggerElements.entries()) {\n    if (contains(trigger, targetElement)) {\n      return !trigger.hasAttribute('data-trigger-disabled');\n    }\n  }\n  return false;\n}\nexport function isEventTargetWithin(event, node) {\n  if (node == null) {\n    return false;\n  }\n  if ('composedPath' in event) {\n    return event.composedPath().includes(node);\n  }\n\n  // TS thinks `event` is of type never as it assumes all browsers support composedPath, but browsers without shadow dom don't\n  const eventAgain = event;\n  return eventAgain.target != null && node.contains(eventAgain.target);\n}\nexport function isRootElement(element) {\n  return element.matches('html,body');\n}\nexport function isTypeableElement(element) {\n  return isHTMLElement(element) && element.matches(TYPEABLE_SELECTOR);\n}\nexport function isInteractiveElement(element) {\n  return element?.closest(`button,a[href],[role=\"button\"],select,[tabindex]:not([tabindex=\"-1\"]),${TYPEABLE_SELECTOR}`) != null;\n}\nexport function isTypeableCombobox(element) {\n  if (!element) {\n    return false;\n  }\n  return element.getAttribute('role') === 'combobox' && isTypeableElement(element);\n}\nexport function matchesFocusVisible(element) {\n  // We don't want to block focus from working with `visibleOnly`\n  // (JSDOM doesn't match `:focus-visible` when the element has `:focus`)\n  if (!element || isJSDOM) {\n    return true;\n  }\n  try {\n    return element.matches(':focus-visible');\n  } catch (_e) {\n    return true;\n  }\n}\nexport function getFloatingFocusElement(floatingElement) {\n  if (!floatingElement) {\n    return null;\n  }\n  // Try to find the element that has `{...getFloatingProps()}` spread on it.\n  // This indicates the floating element is acting as a positioning wrapper, and\n  // so focus should be managed on the child element with the event handlers and\n  // aria props.\n  return floatingElement.hasAttribute(FOCUSABLE_ATTRIBUTE) ? floatingElement : floatingElement.querySelector(`[${FOCUSABLE_ATTRIBUTE}]`) || floatingElement;\n}"],"names":["isEventTargetWithin","event","node","eventAgain","isRootElement","element","isTypeableElement","isHTMLElement","TYPEABLE_SELECTOR","isTypeableCombobox","getFloatingFocusElement","floatingElement","FOCUSABLE_ATTRIBUTE"],"mappings":";;AAoBO,SAASA,EAAoBC,GAAOC,GAAM;AAC/C,MAAIA,KAAQ;AACV,WAAO;AAET,MAAI,kBAAkBD;AACpB,WAAOA,EAAM,eAAe,SAASC,CAAI;AAI3C,QAAMC,IAAaF;AACnB,SAAOE,EAAW,UAAU,QAAQD,EAAK,SAASC,EAAW,MAAM;AACrE;AACO,SAASC,EAAcC,GAAS;AACrC,SAAOA,EAAQ,QAAQ,WAAW;AACpC;AACO,SAASC,EAAkBD,GAAS;AACzC,SAAOE,EAAcF,CAAO,KAAKA,EAAQ,QAAQG,CAAiB;AACpE;AAIO,SAASC,EAAmBJ,GAAS;AAC1C,SAAKA,IAGEA,EAAQ,aAAa,MAAM,MAAM,cAAcC,EAAkBD,CAAO,IAFtE;AAGX;AAaO,SAASK,EAAwBC,GAAiB;AACvD,SAAKA,IAOEA,EAAgB,aAAaC,CAAmB,IAAID,IAAkBA,EAAgB,cAAc,IAAIC,CAAmB,GAAG,KAAKD,IANjI;AAOX;","x_google_ignoreList":[0]}

package/dist/index291.js

@@ -1,146 +1,32 @@
-import * as u from "react";
-import { Store as l } from "./index248.js";
-import { useStore as a } from "./index242.js";
-import { useStableCallback as f } from "./index227.js";
-import { useIsoLayoutEffect as c } from "./index226.js";
-import { NOOP as h } from "./index229.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.");
-    }
-    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).`);
+import { isShadowRoot as r } from "./index309.js";
+function a(t) {
+  let e = t.activeElement;
+  for (; e?.shadowRoot?.activeElement != null; )
+    e = e.shadowRoot.activeElement;
+  return e;
+}
+function u(t, e) {
+  if (!t || !e)
+    return !1;
+  const n = e.getRootNode?.();
+  if (t.contains(e))
+    return !0;
+  if (n && r(n)) {
+    let o = e;
+    for (; o; ) {
+      if (t === o)
+        return !0;
+      o = o.parentNode || o.host;
     }
   }
-  /** 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);
-      }
-    });
-  }
+  return !1;
+}
+function f(t) {
+  return "composedPath" in t ? t.composedPath()[0] : t.target;
 }
 export {
-  g as ReactStore
+  a as activeElement,
+  u as contains,
+  f as getTarget
 };
 //# sourceMappingURL=index291.js.map

package/dist/index291.js.map

@@ -1 +1 @@
-{"version":3,"file":"index291.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":"index291.js","sources":["../../../node_modules/@base-ui/react/esm/internals/shadowDom.js"],"sourcesContent":["import { isShadowRoot } from '@floating-ui/utils/dom';\nexport function activeElement(doc) {\n  let element = doc.activeElement;\n  while (element?.shadowRoot?.activeElement != null) {\n    element = element.shadowRoot.activeElement;\n  }\n  return element;\n}\nexport function contains(parent, child) {\n  if (!parent || !child) {\n    return false;\n  }\n  const rootNode = child.getRootNode?.();\n\n  // First, attempt with the faster native method.\n  if (parent.contains(child)) {\n    return true;\n  }\n\n  // Then fall back to traversing out of shadow roots when needed.\n  if (rootNode && isShadowRoot(rootNode)) {\n    let next = child;\n    while (next) {\n      if (parent === next) {\n        return true;\n      }\n      next = next.parentNode || next.host;\n    }\n  }\n  return false;\n}\nexport function getTarget(event) {\n  if ('composedPath' in event) {\n    return event.composedPath()[0];\n  }\n\n  // TS assumes `composedPath()` always exists, but older browsers without\n  // shadow DOM support still fall back to `target`.\n  return event.target;\n}"],"names":["activeElement","doc","element","contains","parent","child","rootNode","isShadowRoot","next","getTarget","event"],"mappings":";AACO,SAASA,EAAcC,GAAK;AACjC,MAAIC,IAAUD,EAAI;AAClB,SAAOC,GAAS,YAAY,iBAAiB;AAC3C,IAAAA,IAAUA,EAAQ,WAAW;AAE/B,SAAOA;AACT;AACO,SAASC,EAASC,GAAQC,GAAO;AACtC,MAAI,CAACD,KAAU,CAACC;AACd,WAAO;AAET,QAAMC,IAAWD,EAAM,cAAW;AAGlC,MAAID,EAAO,SAASC,CAAK;AACvB,WAAO;AAIT,MAAIC,KAAYC,EAAaD,CAAQ,GAAG;AACtC,QAAIE,IAAOH;AACX,WAAOG,KAAM;AACX,UAAIJ,MAAWI;AACb,eAAO;AAET,MAAAA,IAAOA,EAAK,cAAcA,EAAK;AAAA,IACjC;AAAA,EACF;AACA,SAAO;AACT;AACO,SAASC,EAAUC,GAAO;AAC/B,SAAI,kBAAkBA,IACbA,EAAM,aAAY,EAAG,CAAC,IAKxBA,EAAM;AACf;","x_google_ignoreList":[0]}

package/dist/index292.js

@@ -1,65 +1,7 @@
-class n {
-  constructor() {
-    this.elementsSet = /* @__PURE__ */ new Set(), this.idMap = /* @__PURE__ */ new Map();
-  }
-  /**
-   * Adds a trigger element with the given ID.
-   *
-   * Note: The provided element is assumed to not be registered under multiple IDs.
-   */
-  add(e, t) {
-    const s = this.idMap.get(e);
-    if (s !== t && (s !== void 0 && this.elementsSet.delete(s), this.elementsSet.add(t), this.idMap.set(e, t), process.env.NODE_ENV !== "production" && this.elementsSet.size !== this.idMap.size))
-      throw new Error("Base UI: A trigger element cannot be registered under multiple IDs in PopupTriggerMap.");
-  }
-  /**
-   * Removes the trigger element with the given ID.
-   */
-  delete(e) {
-    const t = this.idMap.get(e);
-    t && (this.elementsSet.delete(t), this.idMap.delete(e));
-  }
-  /**
-   * Whether the given element is registered as a trigger.
-   */
-  hasElement(e) {
-    return this.elementsSet.has(e);
-  }
-  /**
-   * Whether there is a registered trigger element matching the given predicate.
-   */
-  hasMatchingElement(e) {
-    for (const t of this.elementsSet)
-      if (e(t))
-        return !0;
-    return !1;
-  }
-  /**
-   * Returns the trigger element associated with the given ID, or undefined if no such element exists.
-   */
-  getById(e) {
-    return this.idMap.get(e);
-  }
-  /**
-   * Returns an iterable of all registered trigger entries, where each entry is a tuple of [id, element].
-   */
-  entries() {
-    return this.idMap.entries();
-  }
-  /**
-   * Returns an iterable of all registered trigger elements.
-   */
-  elements() {
-    return this.elementsSet.values();
-  }
-  /**
-   * Returns the number of registered trigger elements.
-   */
-  get size() {
-    return this.idMap.size;
-  }
-}
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "SelectPortalContext");
 export {
-  n as PopupTriggerMap
+  t as SelectPortalContext
 };
 //# sourceMappingURL=index292.js.map

package/dist/index292.js.map

@@ -1 +1 @@
-{"version":3,"file":"index292.js","sources":["../../../node_modules/@base-ui/react/esm/utils/popups/popupTriggerMap.js"],"sourcesContent":["/**\n * Data structure to keep track of popup trigger elements by their IDs.\n * Uses both a set of Elements and a map of IDs to Elements for efficient lookups.\n */\nexport class PopupTriggerMap {\n  constructor() {\n    this.elementsSet = new Set();\n    this.idMap = new Map();\n  }\n\n  /**\n   * Adds a trigger element with the given ID.\n   *\n   * Note: The provided element is assumed to not be registered under multiple IDs.\n   */\n  add(id, element) {\n    const existingElement = this.idMap.get(id);\n    if (existingElement === element) {\n      return;\n    }\n    if (existingElement !== undefined) {\n      // We assume that the same element won't be registered under multiple ids.\n      // This is safe considering how useTriggerRegistration is implemented.\n      this.elementsSet.delete(existingElement);\n    }\n    this.elementsSet.add(element);\n    this.idMap.set(id, element);\n    if (process.env.NODE_ENV !== 'production') {\n      if (this.elementsSet.size !== this.idMap.size) {\n        throw new Error('Base UI: A trigger element cannot be registered under multiple IDs in PopupTriggerMap.');\n      }\n    }\n  }\n\n  /**\n   * Removes the trigger element with the given ID.\n   */\n  delete(id) {\n    const element = this.idMap.get(id);\n    if (element) {\n      this.elementsSet.delete(element);\n      this.idMap.delete(id);\n    }\n  }\n\n  /**\n   * Whether the given element is registered as a trigger.\n   */\n  hasElement(element) {\n    return this.elementsSet.has(element);\n  }\n\n  /**\n   * Whether there is a registered trigger element matching the given predicate.\n   */\n  hasMatchingElement(predicate) {\n    for (const element of this.elementsSet) {\n      if (predicate(element)) {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  /**\n   * Returns the trigger element associated with the given ID, or undefined if no such element exists.\n   */\n  getById(id) {\n    return this.idMap.get(id);\n  }\n\n  /**\n   * Returns an iterable of all registered trigger entries, where each entry is a tuple of [id, element].\n   */\n  entries() {\n    return this.idMap.entries();\n  }\n\n  /**\n   * Returns an iterable of all registered trigger elements.\n   */\n  elements() {\n    return this.elementsSet.values();\n  }\n\n  /**\n   * Returns the number of registered trigger elements.\n   */\n  get size() {\n    return this.idMap.size;\n  }\n}"],"names":["PopupTriggerMap","id","element","existingElement","predicate"],"mappings":"AAIO,MAAMA,EAAgB;AAAA,EAC3B,cAAc;AACZ,SAAK,cAAc,oBAAI,IAAG,GAC1B,KAAK,QAAQ,oBAAI,IAAG;AAAA,EACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOA,IAAIC,GAAIC,GAAS;AACf,UAAMC,IAAkB,KAAK,MAAM,IAAIF,CAAE;AACzC,QAAIE,MAAoBD,MAGpBC,MAAoB,UAGtB,KAAK,YAAY,OAAOA,CAAe,GAEzC,KAAK,YAAY,IAAID,CAAO,GAC5B,KAAK,MAAM,IAAID,GAAIC,CAAO,GACtB,QAAQ,IAAI,aAAa,gBACvB,KAAK,YAAY,SAAS,KAAK,MAAM;AACvC,YAAM,IAAI,MAAM,wFAAwF;AAAA,EAG9G;AAAA;AAAA;AAAA;AAAA,EAKA,OAAOD,GAAI;AACT,UAAMC,IAAU,KAAK,MAAM,IAAID,CAAE;AACjC,IAAIC,MACF,KAAK,YAAY,OAAOA,CAAO,GAC/B,KAAK,MAAM,OAAOD,CAAE;AAAA,EAExB;AAAA;AAAA;AAAA;AAAA,EAKA,WAAWC,GAAS;AAClB,WAAO,KAAK,YAAY,IAAIA,CAAO;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA,EAKA,mBAAmBE,GAAW;AAC5B,eAAWF,KAAW,KAAK;AACzB,UAAIE,EAAUF,CAAO;AACnB,eAAO;AAGX,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,QAAQD,GAAI;AACV,WAAO,KAAK,MAAM,IAAIA,CAAE;AAAA,EAC1B;AAAA;AAAA;AAAA;AAAA,EAKA,UAAU;AACR,WAAO,KAAK,MAAM,QAAO;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA,EAKA,WAAW;AACT,WAAO,KAAK,YAAY,OAAM;AAAA,EAChC;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,OAAO;AACT,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;","x_google_ignoreList":[0]}
+{"version":3,"file":"index292.js","sources":["../../../node_modules/@base-ui/react/esm/select/portal/SelectPortalContext.js"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const SelectPortalContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") SelectPortalContext.displayName = \"SelectPortalContext\";\nexport function useSelectPortalContext() {\n  const value = React.useContext(SelectPortalContext);\n  if (value === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: <Select.Portal> is missing.' : _formatErrorMessage(58));\n  }\n  return value;\n}"],"names":["SelectPortalContext","React"],"mappings":";AAIY,MAACA,IAAmC,gBAAAC,EAAM,cAAc,MAAS;AACzE,QAAQ,IAAI,aAAa,iBAAcD,EAAoB,cAAc;","x_google_ignoreList":[0]}

package/dist/index293.js

@@ -1,53 +1,82 @@
-import { EMPTY_OBJECT as r } from "./index229.js";
-import { getEmptyRootContext as i } from "./index383.js";
-import { createSelector as n } from "./index294.js";
-function u() {
-  return {
-    open: !1,
-    openProp: void 0,
-    mounted: !1,
-    transitionStatus: void 0,
-    floatingRootContext: i(),
-    preventUnmountingOnClose: !1,
-    payload: void 0,
-    activeTriggerId: null,
-    activeTriggerElement: null,
-    triggerIdProp: void 0,
-    popupElement: null,
-    positionerElement: null,
-    activeTriggerProps: r,
-    inactiveTriggerProps: r,
-    popupProps: r
-  };
+import * as a from "react";
+import { useRefWithInit as T } from "./index258.js";
+import { useStableCallback as l } from "./index262.js";
+import { useIsoLayoutEffect as f } from "./index261.js";
+import { CompositeListContext as b } from "./index366.js";
+import { j as D } from "./index30.js";
+function k(h) {
+  const {
+    children: N,
+    elementsRef: t,
+    labelsRef: o,
+    onMapChange: R
+  } = h, E = l(R), O = a.useRef(0), d = T(P).current, i = T(L).current, [p, M] = a.useState(0), c = a.useRef(p), C = l((e, u) => {
+    i.set(e, u ?? null), c.current += 1, M(c.current);
+  }), I = l((e) => {
+    i.delete(e), c.current += 1, M(c.current);
+  }), r = a.useMemo(() => {
+    const e = /* @__PURE__ */ new Map();
+    return Array.from(i.keys()).filter((n) => n.isConnected).sort(S).forEach((n, m) => {
+      const s = i.get(n) ?? {};
+      e.set(n, {
+        ...s,
+        index: m
+      });
+    }), e;
+  }, [i, p]);
+  f(() => {
+    if (typeof MutationObserver != "function" || r.size === 0)
+      return;
+    const e = new MutationObserver((u) => {
+      const n = /* @__PURE__ */ new Set(), m = (s) => n.has(s) ? n.delete(s) : n.add(s);
+      u.forEach((s) => {
+        s.removedNodes.forEach(m), s.addedNodes.forEach(m);
+      }), n.size === 0 && (c.current += 1, M(c.current));
+    });
+    return r.forEach((u, n) => {
+      n.parentElement && e.observe(n.parentElement, {
+        childList: !0
+      });
+    }), () => {
+      e.disconnect();
+    };
+  }, [r]), f(() => {
+    c.current === p && (t.current.length !== r.size && (t.current.length = r.size), o && o.current.length !== r.size && (o.current.length = r.size), O.current = r.size), E(r);
+  }, [E, r, t, o, p]), f(() => () => {
+    t.current = [];
+  }, [t]), f(() => () => {
+    o && (o.current = []);
+  }, [o]);
+  const g = l((e) => (d.add(e), () => {
+    d.delete(e);
+  }));
+  f(() => {
+    d.forEach((e) => e(r));
+  }, [d, r]);
+  const _ = a.useMemo(() => ({
+    register: C,
+    unregister: I,
+    subscribeMapChange: g,
+    elementsRef: t,
+    labelsRef: o,
+    nextIndexRef: O
+  }), [C, I, g, t, o, O]);
+  return /* @__PURE__ */ D.jsx(b.Provider, {
+    value: _,
+    children: N
+  });
+}
+function L() {
+  return /* @__PURE__ */ new Map();
+}
+function P() {
+  return /* @__PURE__ */ new Set();
+}
+function S(h, N) {
+  const t = h.compareDocumentPosition(N);
+  return t & Node.DOCUMENT_POSITION_FOLLOWING || t & Node.DOCUMENT_POSITION_CONTAINED_BY ? -1 : t & Node.DOCUMENT_POSITION_PRECEDING || t & Node.DOCUMENT_POSITION_CONTAINS ? 1 : 0;
 }
-const t = n((e) => e.triggerIdProp ?? e.activeTriggerId), a = {
-  open: n((e) => e.openProp ?? e.open),
-  mounted: n((e) => e.mounted),
-  transitionStatus: n((e) => e.transitionStatus),
-  floatingRootContext: n((e) => e.floatingRootContext),
-  preventUnmountingOnClose: n((e) => e.preventUnmountingOnClose),
-  payload: n((e) => e.payload),
-  activeTriggerId: t,
-  activeTriggerElement: n((e) => e.mounted ? e.activeTriggerElement : null),
-  /**
-   * Whether the trigger with the given ID was used to open the popup.
-   */
-  isTriggerActive: n((e, o) => o !== void 0 && t(e) === o),
-  /**
-   * Whether the popup is open and was activated by a trigger with the given ID.
-   */
-  isOpenedByTrigger: n((e, o) => o !== void 0 && t(e) === o && e.open),
-  /**
-   * Whether the popup is mounted and was activated by a trigger with the given ID.
-   */
-  isMountedByTrigger: n((e, o) => o !== void 0 && t(e) === o && e.mounted),
-  triggerProps: n((e, o) => o ? e.activeTriggerProps : e.inactiveTriggerProps),
-  popupProps: n((e) => e.popupProps),
-  popupElement: n((e) => e.popupElement),
-  positionerElement: n((e) => e.positionerElement)
-};
 export {
-  u as createInitialPopupStoreState,
-  a as popupStoreSelectors
+  k as CompositeList
 };
 //# sourceMappingURL=index293.js.map

package/dist/index293.js.map

@@ -1 +1 @@
-{"version":3,"file":"index293.js","sources":["../../../node_modules/@base-ui/react/esm/utils/popups/store.js"],"sourcesContent":["import { createSelector } from '@base-ui/utils/store';\nimport { EMPTY_OBJECT } from '@base-ui/utils/empty';\nimport { getEmptyRootContext } from \"../../floating-ui-react/utils/getEmptyRootContext.js\";\n\n/**\n * State common to all popup stores.\n */\n\nexport function createInitialPopupStoreState() {\n  return {\n    open: false,\n    openProp: undefined,\n    mounted: false,\n    transitionStatus: undefined,\n    floatingRootContext: getEmptyRootContext(),\n    preventUnmountingOnClose: false,\n    payload: undefined,\n    activeTriggerId: null,\n    activeTriggerElement: null,\n    triggerIdProp: undefined,\n    popupElement: null,\n    positionerElement: null,\n    activeTriggerProps: EMPTY_OBJECT,\n    inactiveTriggerProps: EMPTY_OBJECT,\n    popupProps: EMPTY_OBJECT\n  };\n}\nconst activeTriggerIdSelector = createSelector(state => state.triggerIdProp ?? state.activeTriggerId);\nexport const popupStoreSelectors = {\n  open: createSelector(state => state.openProp ?? state.open),\n  mounted: createSelector(state => state.mounted),\n  transitionStatus: createSelector(state => state.transitionStatus),\n  floatingRootContext: createSelector(state => state.floatingRootContext),\n  preventUnmountingOnClose: createSelector(state => state.preventUnmountingOnClose),\n  payload: createSelector(state => state.payload),\n  activeTriggerId: activeTriggerIdSelector,\n  activeTriggerElement: createSelector(state => state.mounted ? state.activeTriggerElement : null),\n  /**\n   * Whether the trigger with the given ID was used to open the popup.\n   */\n  isTriggerActive: createSelector((state, triggerId) => triggerId !== undefined && activeTriggerIdSelector(state) === triggerId),\n  /**\n   * Whether the popup is open and was activated by a trigger with the given ID.\n   */\n  isOpenedByTrigger: createSelector((state, triggerId) => triggerId !== undefined && activeTriggerIdSelector(state) === triggerId && state.open),\n  /**\n   * Whether the popup is mounted and was activated by a trigger with the given ID.\n   */\n  isMountedByTrigger: createSelector((state, triggerId) => triggerId !== undefined && activeTriggerIdSelector(state) === triggerId && state.mounted),\n  triggerProps: createSelector((state, isActive) => isActive ? state.activeTriggerProps : state.inactiveTriggerProps),\n  popupProps: createSelector(state => state.popupProps),\n  popupElement: createSelector(state => state.popupElement),\n  positionerElement: createSelector(state => state.positionerElement)\n};"],"names":["createInitialPopupStoreState","getEmptyRootContext","EMPTY_OBJECT","activeTriggerIdSelector","createSelector","state","popupStoreSelectors","triggerId","isActive"],"mappings":";;;AAQO,SAASA,IAA+B;AAC7C,SAAO;AAAA,IACL,MAAM;AAAA,IACN,UAAU;AAAA,IACV,SAAS;AAAA,IACT,kBAAkB;AAAA,IAClB,qBAAqBC,EAAmB;AAAA,IACxC,0BAA0B;AAAA,IAC1B,SAAS;AAAA,IACT,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,eAAe;AAAA,IACf,cAAc;AAAA,IACd,mBAAmB;AAAA,IACnB,oBAAoBC;AAAA,IACpB,sBAAsBA;AAAA,IACtB,YAAYA;AAAA,EAChB;AACA;AACA,MAAMC,IAA0BC,EAAe,CAAAC,MAASA,EAAM,iBAAiBA,EAAM,eAAe,GACvFC,IAAsB;AAAA,EACjC,MAAMF,EAAe,CAAAC,MAASA,EAAM,YAAYA,EAAM,IAAI;AAAA,EAC1D,SAASD,EAAe,CAAAC,MAASA,EAAM,OAAO;AAAA,EAC9C,kBAAkBD,EAAe,CAAAC,MAASA,EAAM,gBAAgB;AAAA,EAChE,qBAAqBD,EAAe,CAAAC,MAASA,EAAM,mBAAmB;AAAA,EACtE,0BAA0BD,EAAe,CAAAC,MAASA,EAAM,wBAAwB;AAAA,EAChF,SAASD,EAAe,CAAAC,MAASA,EAAM,OAAO;AAAA,EAC9C,iBAAiBF;AAAA,EACjB,sBAAsBC,EAAe,CAAAC,MAASA,EAAM,UAAUA,EAAM,uBAAuB,IAAI;AAAA;AAAA;AAAA;AAAA,EAI/F,iBAAiBD,EAAe,CAACC,GAAOE,MAAcA,MAAc,UAAaJ,EAAwBE,CAAK,MAAME,CAAS;AAAA;AAAA;AAAA;AAAA,EAI7H,mBAAmBH,EAAe,CAACC,GAAOE,MAAcA,MAAc,UAAaJ,EAAwBE,CAAK,MAAME,KAAaF,EAAM,IAAI;AAAA;AAAA;AAAA;AAAA,EAI7I,oBAAoBD,EAAe,CAACC,GAAOE,MAAcA,MAAc,UAAaJ,EAAwBE,CAAK,MAAME,KAAaF,EAAM,OAAO;AAAA,EACjJ,cAAcD,EAAe,CAACC,GAAOG,MAAaA,IAAWH,EAAM,qBAAqBA,EAAM,oBAAoB;AAAA,EAClH,YAAYD,EAAe,CAAAC,MAASA,EAAM,UAAU;AAAA,EACpD,cAAcD,EAAe,CAAAC,MAASA,EAAM,YAAY;AAAA,EACxD,mBAAmBD,EAAe,CAAAC,MAASA,EAAM,iBAAiB;AACpE;","x_google_ignoreList":[0]}
+{"version":3,"file":"index293.js","sources":["../../../node_modules/@base-ui/react/esm/internals/composite/list/CompositeList.js"],"sourcesContent":["/* eslint-disable no-bitwise */\n'use client';\n\nimport * as React from 'react';\nimport { useRefWithInit } from '@base-ui/utils/useRefWithInit';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { CompositeListContext } from \"./CompositeListContext.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Provides context for a list of items in a composite component.\n * @internal\n */\nexport function CompositeList(props) {\n  const {\n    children,\n    elementsRef,\n    labelsRef,\n    onMapChange: onMapChangeProp\n  } = props;\n  const onMapChange = useStableCallback(onMapChangeProp);\n  const nextIndexRef = React.useRef(0);\n  const listeners = useRefWithInit(createListeners).current;\n\n  // We use a stable `map` to avoid O(n^2) re-allocation costs for large lists.\n  // `mapTick` is our re-render trigger mechanism. We also need to update the\n  // elements and label refs, but there's a lot of async work going on and sometimes\n  // the effect that handles `onMapChange` gets called after those refs have been\n  // filled, and we don't want to lose those values by setting their lengths to `0`.\n  // We also need to have them at the proper length because floating-ui uses that\n  // information for list navigation.\n\n  const map = useRefWithInit(createMap).current;\n  // `mapTick` uses a counter rather than objects for low precision-loss risk and better memory efficiency\n  const [mapTick, setMapTick] = React.useState(0);\n  const lastTickRef = React.useRef(mapTick);\n  const register = useStableCallback((node, metadata) => {\n    map.set(node, metadata ?? null);\n    lastTickRef.current += 1;\n    setMapTick(lastTickRef.current);\n  });\n  const unregister = useStableCallback(node => {\n    map.delete(node);\n    lastTickRef.current += 1;\n    setMapTick(lastTickRef.current);\n  });\n  const sortedMap = React.useMemo(() => {\n    // `mapTick` is the `useMemo` trigger as `map` is stable.\n    disableEslintWarning(mapTick);\n    const newMap = new Map();\n    // Filter out disconnected elements before sorting to avoid inconsistent\n    // compareDocumentPosition results when elements are detached from the DOM.\n    const sortedNodes = Array.from(map.keys()).filter(node => node.isConnected).sort(sortByDocumentPosition);\n    sortedNodes.forEach((node, index) => {\n      const metadata = map.get(node) ?? {};\n      newMap.set(node, {\n        ...metadata,\n        index\n      });\n    });\n    return newMap;\n  }, [map, mapTick]);\n  useIsoLayoutEffect(() => {\n    if (typeof MutationObserver !== 'function' || sortedMap.size === 0) {\n      return undefined;\n    }\n    const mutationObserver = new MutationObserver(entries => {\n      const diff = new Set();\n      const updateDiff = node => diff.has(node) ? diff.delete(node) : diff.add(node);\n      entries.forEach(entry => {\n        entry.removedNodes.forEach(updateDiff);\n        entry.addedNodes.forEach(updateDiff);\n      });\n      if (diff.size === 0) {\n        lastTickRef.current += 1;\n        setMapTick(lastTickRef.current);\n      }\n    });\n    sortedMap.forEach((_, node) => {\n      if (node.parentElement) {\n        mutationObserver.observe(node.parentElement, {\n          childList: true\n        });\n      }\n    });\n    return () => {\n      mutationObserver.disconnect();\n    };\n  }, [sortedMap]);\n  useIsoLayoutEffect(() => {\n    const shouldUpdateLengths = lastTickRef.current === mapTick;\n    if (shouldUpdateLengths) {\n      if (elementsRef.current.length !== sortedMap.size) {\n        elementsRef.current.length = sortedMap.size;\n      }\n      if (labelsRef && labelsRef.current.length !== sortedMap.size) {\n        labelsRef.current.length = sortedMap.size;\n      }\n      nextIndexRef.current = sortedMap.size;\n    }\n    onMapChange(sortedMap);\n  }, [onMapChange, sortedMap, elementsRef, labelsRef, mapTick]);\n  useIsoLayoutEffect(() => {\n    return () => {\n      elementsRef.current = [];\n    };\n  }, [elementsRef]);\n  useIsoLayoutEffect(() => {\n    return () => {\n      if (labelsRef) {\n        labelsRef.current = [];\n      }\n    };\n  }, [labelsRef]);\n  const subscribeMapChange = useStableCallback(fn => {\n    listeners.add(fn);\n    return () => {\n      listeners.delete(fn);\n    };\n  });\n  useIsoLayoutEffect(() => {\n    listeners.forEach(l => l(sortedMap));\n  }, [listeners, sortedMap]);\n  const contextValue = React.useMemo(() => ({\n    register,\n    unregister,\n    subscribeMapChange,\n    elementsRef,\n    labelsRef,\n    nextIndexRef\n  }), [register, unregister, subscribeMapChange, elementsRef, labelsRef, nextIndexRef]);\n  return /*#__PURE__*/_jsx(CompositeListContext.Provider, {\n    value: contextValue,\n    children: children\n  });\n}\nfunction createMap() {\n  return new Map();\n}\nfunction createListeners() {\n  return new Set();\n}\nfunction sortByDocumentPosition(a, b) {\n  const position = a.compareDocumentPosition(b);\n  if (position & Node.DOCUMENT_POSITION_FOLLOWING || position & Node.DOCUMENT_POSITION_CONTAINED_BY) {\n    return -1;\n  }\n  if (position & Node.DOCUMENT_POSITION_PRECEDING || position & Node.DOCUMENT_POSITION_CONTAINS) {\n    return 1;\n  }\n  return 0;\n}\nfunction disableEslintWarning(_) {}"],"names":["CompositeList","props","children","elementsRef","labelsRef","onMapChangeProp","onMapChange","useStableCallback","nextIndexRef","React","listeners","useRefWithInit","createListeners","map","createMap","mapTick","setMapTick","lastTickRef","register","node","metadata","unregister","sortedMap","newMap","sortByDocumentPosition","index","useIsoLayoutEffect","mutationObserver","entries","diff","updateDiff","entry","_","subscribeMapChange","fn","l","contextValue","_jsx","CompositeListContext","a","b","position"],"mappings":"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","x_google_ignoreList":[0]}