@rpcbase/ui 0.247.0 → 0.248.0

package/dist/index291.js

@@ -1,25 +1,32 @@
-import o from "./index250.js";
-import * as e from "react";
-const n = /* @__PURE__ */ e.createContext(null);
-process.env.NODE_ENV !== "production" && (n.displayName = "SelectRootContext");
-const c = /* @__PURE__ */ e.createContext(null);
-process.env.NODE_ENV !== "production" && (c.displayName = "SelectFloatingContext");
-function s() {
-  const t = e.useContext(n);
-  if (t === null)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectRootContext is missing. Select parts must be placed within <Select.Root>." : o(60));
-  return t;
+import { isShadowRoot as r } from "./index308.js";
+function a(t) {
+  let e = t.activeElement;
+  for (; e?.shadowRoot?.activeElement != null; )
+    e = e.shadowRoot.activeElement;
+  return e;
 }
-function i() {
-  const t = e.useContext(c);
-  if (t === null)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectFloatingContext is missing. Select parts must be placed within <Select.Root>." : o(61));
-  return t;
+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;
+    }
+  }
+  return !1;
+}
+function f(t) {
+  return "composedPath" in t ? t.composedPath()[0] : t.target;
 }
 export {
-  c as SelectFloatingContext,
-  n as SelectRootContext,
-  i as useSelectFloatingContext,
-  s as useSelectRootContext
+  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/react/select/root/SelectRootContext.mjs"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const SelectRootContext = /*#__PURE__*/React.createContext(null);\nif (process.env.NODE_ENV !== \"production\") SelectRootContext.displayName = \"SelectRootContext\";\nexport const SelectFloatingContext = /*#__PURE__*/React.createContext(null);\nif (process.env.NODE_ENV !== \"production\") SelectFloatingContext.displayName = \"SelectFloatingContext\";\nexport function useSelectRootContext() {\n  const context = React.useContext(SelectRootContext);\n  if (context === null) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: SelectRootContext is missing. Select parts must be placed within <Select.Root>.' : _formatErrorMessage(60));\n  }\n  return context;\n}\nexport function useSelectFloatingContext() {\n  const context = React.useContext(SelectFloatingContext);\n  if (context === null) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: SelectFloatingContext is missing. Select parts must be placed within <Select.Root>.' : _formatErrorMessage(61));\n  }\n  return context;\n}"],"names":["SelectRootContext","React","SelectFloatingContext","useSelectRootContext","context","_formatErrorMessage","useSelectFloatingContext"],"mappings":";;AAIY,MAACA,IAAiC,gBAAAC,EAAM,cAAc,IAAI;AAClE,QAAQ,IAAI,aAAa,iBAAcD,EAAkB,cAAc;AAC/D,MAACE,IAAqC,gBAAAD,EAAM,cAAc,IAAI;AACtE,QAAQ,IAAI,aAAa,iBAAcC,EAAsB,cAAc;AACxE,SAASC,IAAuB;AACrC,QAAMC,IAAUH,EAAM,WAAWD,CAAiB;AAClD,MAAII,MAAY;AACd,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,6FAA6FC,EAAoB,EAAE,CAAC;AAE9K,SAAOD;AACT;AACO,SAASE,IAA2B;AACzC,QAAMF,IAAUH,EAAM,WAAWC,CAAqB;AACtD,MAAIE,MAAY;AACd,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,iGAAiGC,EAAoB,EAAE,CAAC;AAElL,SAAOD;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"index291.js","sources":["../../../node_modules/@base-ui/react/internals/shadowDom.mjs"],"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,57 +1,7 @@
-import a from "./index250.js";
-import * as n from "react";
-import { NOOP as e, EMPTY_OBJECT as d } from "./index290.js";
-import { DEFAULT_FIELD_ROOT_STATE as l, DEFAULT_FIELD_STATE_ATTRIBUTES as i, DEFAULT_VALIDITY_STATE as s } from "./index313.js";
-const u = {
-  invalid: void 0,
-  name: void 0,
-  validityData: {
-    state: s,
-    errors: [],
-    error: "",
-    value: "",
-    initialValue: null
-  },
-  setValidityData: e,
-  disabled: void 0,
-  touched: i.touched,
-  setTouched: e,
-  dirty: i.dirty,
-  setDirty: e,
-  filled: i.filled,
-  setFilled: e,
-  focused: i.focused,
-  setFocused: e,
-  validate: () => null,
-  validationMode: "onSubmit",
-  validationDebounceTime: 0,
-  shouldValidateOnChange: () => !1,
-  state: l,
-  markedDirtyRef: {
-    current: !1
-  },
-  registerFieldControl: e,
-  validation: {
-    getValidationProps: (o, t = d) => t,
-    inputRef: {
-      current: null
-    },
-    registerInput: e,
-    commit: async () => {
-    },
-    change: e
-  }
-}, r = /* @__PURE__ */ n.createContext(u);
-process.env.NODE_ENV !== "production" && (r.displayName = "FieldRootContext");
-function f(o = !0) {
-  const t = n.useContext(r);
-  if (t.setValidityData === e && !o)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>." : a(28));
-  return t;
-}
+import * as e from "react";
+const t = /* @__PURE__ */ e.createContext(void 0);
+process.env.NODE_ENV !== "production" && (t.displayName = "SelectPortalContext");
 export {
-  u as DEFAULT_FIELD_ROOT_CONTEXT,
-  r as FieldRootContext,
-  f as useFieldRootContext
+  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/internals/field-root-context/FieldRootContext.mjs"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nimport { EMPTY_OBJECT } from '@base-ui/utils/empty';\nimport { NOOP } from \"../noop.mjs\";\nimport { DEFAULT_FIELD_ROOT_STATE, DEFAULT_FIELD_STATE_ATTRIBUTES, DEFAULT_VALIDITY_STATE } from \"../field-constants/constants.mjs\";\nexport const DEFAULT_FIELD_ROOT_CONTEXT = {\n  invalid: undefined,\n  name: undefined,\n  validityData: {\n    state: DEFAULT_VALIDITY_STATE,\n    errors: [],\n    error: '',\n    value: '',\n    initialValue: null\n  },\n  setValidityData: NOOP,\n  disabled: undefined,\n  touched: DEFAULT_FIELD_STATE_ATTRIBUTES.touched,\n  setTouched: NOOP,\n  dirty: DEFAULT_FIELD_STATE_ATTRIBUTES.dirty,\n  setDirty: NOOP,\n  filled: DEFAULT_FIELD_STATE_ATTRIBUTES.filled,\n  setFilled: NOOP,\n  focused: DEFAULT_FIELD_STATE_ATTRIBUTES.focused,\n  setFocused: NOOP,\n  validate: () => null,\n  validationMode: 'onSubmit',\n  validationDebounceTime: 0,\n  shouldValidateOnChange: () => false,\n  state: DEFAULT_FIELD_ROOT_STATE,\n  markedDirtyRef: {\n    current: false\n  },\n  registerFieldControl: NOOP,\n  validation: {\n    getValidationProps: (_disabled, props = EMPTY_OBJECT) => props,\n    inputRef: {\n      current: null\n    },\n    registerInput: NOOP,\n    commit: async () => {},\n    change: NOOP\n  }\n};\nexport const FieldRootContext = /*#__PURE__*/React.createContext(DEFAULT_FIELD_ROOT_CONTEXT);\nif (process.env.NODE_ENV !== \"production\") FieldRootContext.displayName = \"FieldRootContext\";\nexport function useFieldRootContext(optional = true) {\n  const context = React.useContext(FieldRootContext);\n  if (context.setValidityData === NOOP && !optional) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>.' : _formatErrorMessage(28));\n  }\n  return context;\n}"],"names":["DEFAULT_FIELD_ROOT_CONTEXT","DEFAULT_VALIDITY_STATE","NOOP","DEFAULT_FIELD_STATE_ATTRIBUTES","DEFAULT_FIELD_ROOT_STATE","_disabled","props","EMPTY_OBJECT","FieldRootContext","React","useFieldRootContext","optional","context","_formatErrorMessage"],"mappings":";;;;AAOY,MAACA,IAA6B;AAAA,EACxC,SAAS;AAAA,EACT,MAAM;AAAA,EACN,cAAc;AAAA,IACZ,OAAOC;AAAA,IACP,QAAQ,CAAA;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,cAAc;AAAA,EAClB;AAAA,EACE,iBAAiBC;AAAA,EACjB,UAAU;AAAA,EACV,SAASC,EAA+B;AAAA,EACxC,YAAYD;AAAA,EACZ,OAAOC,EAA+B;AAAA,EACtC,UAAUD;AAAA,EACV,QAAQC,EAA+B;AAAA,EACvC,WAAWD;AAAA,EACX,SAASC,EAA+B;AAAA,EACxC,YAAYD;AAAA,EACZ,UAAU,MAAM;AAAA,EAChB,gBAAgB;AAAA,EAChB,wBAAwB;AAAA,EACxB,wBAAwB,MAAM;AAAA,EAC9B,OAAOE;AAAA,EACP,gBAAgB;AAAA,IACd,SAAS;AAAA,EACb;AAAA,EACE,sBAAsBF;AAAA,EACtB,YAAY;AAAA,IACV,oBAAoB,CAACG,GAAWC,IAAQC,MAAiBD;AAAA,IACzD,UAAU;AAAA,MACR,SAAS;AAAA,IACf;AAAA,IACI,eAAeJ;AAAA,IACf,QAAQ,YAAY;AAAA,IAAC;AAAA,IACrB,QAAQA;AAAA,EACZ;AACA,GACaM,IAAgC,gBAAAC,EAAM,cAAcT,CAA0B;AACvF,QAAQ,IAAI,aAAa,iBAAcQ,EAAiB,cAAc;AACnE,SAASE,EAAoBC,IAAW,IAAM;AACnD,QAAMC,IAAUH,EAAM,WAAWD,CAAgB;AACjD,MAAII,EAAQ,oBAAoBV,KAAQ,CAACS;AACvC,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,0FAA0FE,EAAoB,EAAE,CAAC;AAE3K,SAAOD;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"index292.js","sources":["../../../node_modules/@base-ui/react/select/portal/SelectPortalContext.mjs"],"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,24 +1,82 @@
-import * as f from "react";
-import { useIsoLayoutEffect as l } from "./index287.js";
-import { useFieldRootContext as m } from "./index292.js";
-function R(o, n, s, u, i = !0, c) {
+import * as a from "react";
+import { useRefWithInit as T } from "./index256.js";
+import { useStableCallback as l } from "./index262.js";
+import { useIsoLayoutEffect as f } from "./index261.js";
+import { CompositeListContext as b } from "./index369.js";
+import { j as D } from "./index30.js";
+function k(h) {
   const {
-    registerFieldControl: t
-  } = m(), r = f.useRef(null);
-  r.current || (r.current = /* @__PURE__ */ Symbol()), l(() => {
-    const e = r.current;
-    return !e || !i ? void 0 : (t(e, {
-      controlRef: o,
-      getValue: u,
-      id: n,
-      name: c,
-      value: s
-    }), () => {
-      t(e, void 0);
+    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));
     });
-  }, [o, i, u, n, c, t, s]);
+    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;
 }
 export {
-  R as useRegisterFieldControl
+  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/internals/field-register-control/useRegisterFieldControl.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useFieldRootContext } from \"../field-root-context/FieldRootContext.mjs\";\nexport function useRegisterFieldControl(controlRef, id, value, getFormValueOverride, enabled = true, name) {\n  const {\n    registerFieldControl\n  } = useFieldRootContext();\n  const sourceRef = React.useRef(null);\n  if (!sourceRef.current) {\n    sourceRef.current = Symbol();\n  }\n  useIsoLayoutEffect(() => {\n    const source = sourceRef.current;\n    if (!source || !enabled) {\n      return undefined;\n    }\n    const registration = {\n      controlRef,\n      getValue: getFormValueOverride,\n      id,\n      name,\n      value\n    };\n    registerFieldControl(source, registration);\n    return () => {\n      registerFieldControl(source, undefined);\n    };\n  }, [controlRef, enabled, getFormValueOverride, id, name, registerFieldControl, value]);\n}"],"names":["useRegisterFieldControl","controlRef","id","value","getFormValueOverride","enabled","name","registerFieldControl","useFieldRootContext","sourceRef","React","useIsoLayoutEffect","source"],"mappings":";;;AAKO,SAASA,EAAwBC,GAAYC,GAAIC,GAAOC,GAAsBC,IAAU,IAAMC,GAAM;AACzG,QAAM;AAAA,IACJ,sBAAAC;AAAA,EACJ,IAAMC,EAAmB,GACjBC,IAAYC,EAAM,OAAO,IAAI;AACnC,EAAKD,EAAU,YACbA,EAAU,UAAU,uBAAM,IAE5BE,EAAmB,MAAM;AACvB,UAAMC,IAASH,EAAU;AACzB,WAAI,CAACG,KAAU,CAACP,IACd,UASFE,EAAqBK,GAPA;AAAA,MACnB,YAAAX;AAAA,MACA,UAAUG;AAAA,MACV,IAAAF;AAAA,MACA,MAAAI;AAAA,MACA,OAAAH;AAAA,IACN,CAC6C,GAClC,MAAM;AACX,MAAAI,EAAqBK,GAAQ,MAAS;AAAA,IACxC;AAAA,EACF,GAAG,CAACX,GAAYI,GAASD,GAAsBF,GAAII,GAAMC,GAAsBJ,CAAK,CAAC;AACvF;","x_google_ignoreList":[0]}
+{"version":3,"file":"index293.js","sources":["../../../node_modules/@base-ui/react/internals/composite/list/CompositeList.mjs"],"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.mjs\";\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]}

package/dist/index294.js

@@ -1,45 +1,276 @@
-import * as i from "react";
-import { useIsoLayoutEffect as b } from "./index287.js";
-import { useStableCallback as R } from "./index288.js";
-import { useRefWithInit as E } from "./index282.js";
-import { isElement as x } from "./index334.js";
-import { useBaseUiId as C } from "./index238.js";
-import { useLabelableContext as g } from "./index312.js";
-import { NOOP as p } from "./index290.js";
-function F(I = {}) {
+import * as d from "react";
+import { getSide as B, getSideAxis as De, getAlignment as Le } from "./index299.js";
+import { ownerDocument as ke } from "./index284.js";
+import { useIsoLayoutEffect as Q } from "./index261.js";
+import { useValueAsRef as z } from "./index263.js";
+import { useStableCallback as Qe } from "./index262.js";
+import { useDirection as Ze } from "./index307.js";
+import { arrow as et } from "./index370.js";
+import { hide as tt } from "./index371.js";
+import { DEFAULT_SIDES as nt } from "./index372.js";
+import { flip as ot, size as it, offset as rt, shift as st, limitShift as ct } from "./index373.js";
+import { useFloating as lt } from "./index374.js";
+import { autoUpdate as Ce } from "./index309.js";
+import { getWindow as at } from "./index308.js";
+function Te(a, u, h) {
+  const n = a === "inline-start" || a === "inline-end";
+  return {
+    top: "top",
+    right: n ? h ? "inline-start" : "inline-end" : "right",
+    bottom: "bottom",
+    left: n ? h ? "inline-end" : "inline-start" : "left"
+  }[u];
+}
+function Fe(a, u, h) {
   const {
-    id: e,
-    implicit: l = !1,
-    controlRef: s
-  } = I, {
-    controlId: c,
-    registerControlId: t
-  } = g(), o = C(e), d = l ? c : void 0, u = E(() => /* @__PURE__ */ Symbol("labelable-control")), f = i.useRef(!1), a = i.useRef(e != null), n = R(() => {
-    !f.current || t === p || (f.current = !1, t(u.current, void 0));
+    rects: n,
+    placement: c
+  } = a;
+  return {
+    side: Te(u, B(c), h),
+    align: Le(c) || "center",
+    anchor: {
+      width: n.reference.width,
+      height: n.reference.height
+    },
+    positioner: {
+      width: n.floating.width,
+      height: n.floating.height
+    }
+  };
+}
+function Pt(a) {
+  const {
+    // Public parameters
+    anchor: u,
+    positionMethod: h = "absolute",
+    side: n = "bottom",
+    sideOffset: c = 0,
+    align: R = "center",
+    alignOffset: V = 0,
+    collisionBoundary: Z,
+    collisionPadding: ze = 5,
+    sticky: W = !1,
+    arrowPadding: ee = 5,
+    disableAnchorTracking: I = !1,
+    inline: te,
+    // Private parameters
+    keepMounted: D = !1,
+    floatingRootContext: k,
+    mounted: o,
+    collisionAvoidance: U,
+    shiftCrossAxis: P = !1,
+    nodeId: Be,
+    adaptiveOrigin: Y,
+    lazyFlip: ne = !1,
+    externalTree: Ve
+  } = a, [oe, ie] = d.useState(null);
+  !o && oe !== null && ie(null);
+  const O = U.side || "flip", v = U.align || "flip", We = U.fallbackAxisSide || "end", re = typeof u == "function" ? u : void 0, Ie = Qe(re), se = re ? Ie : u, C = z(u), Ue = z(o), y = Ze() === "rtl", ce = oe || {
+    top: "top",
+    right: "right",
+    bottom: "bottom",
+    left: "left",
+    "inline-end": y ? "left" : "right",
+    "inline-start": y ? "right" : "left"
+  }[n], Ye = R === "center" ? ce : `${ce}-${R}`;
+  let t = ze;
+  const p = 1, le = n === "bottom" ? p : 0, ae = n === "top" ? p : 0, fe = n === "right" ? p : 0, de = n === "left" ? p : 0;
+  typeof t == "number" ? t = {
+    top: t + le,
+    right: t + de,
+    bottom: t + ae,
+    left: t + fe
+  } : t && (t = {
+    top: (t.top || 0) + le,
+    right: (t.right || 0) + de,
+    bottom: (t.bottom || 0) + ae,
+    left: (t.left || 0) + fe
   });
-  return b(() => {
-    if (t === p)
-      return;
-    let r;
-    if (l) {
-      const m = s?.current;
-      x(m) && m.closest("label") != null ? r = e ?? null : r = d ?? o;
-    } else if (e != null)
-      a.current = !0, r = e;
-    else if (a.current)
-      r = o;
-    else {
-      n();
-      return;
+  const F = {
+    boundary: Z === "clipping-ancestors" ? "clippingAncestors" : Z,
+    padding: t
+  }, x = d.useRef(null), X = z(c), j = z(V), Xe = typeof c != "function" ? c : 0, je = typeof V != "function" ? V : 0, b = [];
+  te && b.push(te), b.push(rt((e) => {
+    const i = Fe(e, n, y), l = typeof X.current == "function" ? X.current(i) : X.current, r = typeof j.current == "function" ? j.current(i) : j.current;
+    return {
+      mainAxis: l,
+      crossAxis: r,
+      alignmentAxis: r
+    };
+  }, [Xe, je, y, n]));
+  const ue = v === "none" && O !== "shift", pe = !ue && (W || P || O === "shift"), he = O === "none" ? null : ot({
+    ...F,
+    // Ensure the popup flips if it's been limited by its --available-height and it resizes.
+    // Since the size() padding is smaller than the flip() padding, flip() will take precedence.
+    padding: {
+      top: t.top + p,
+      right: t.right + p,
+      bottom: t.bottom + p,
+      left: t.left + p
+    },
+    mainAxis: !P && O === "flip",
+    crossAxis: v === "flip" ? "alignment" : !1,
+    fallbackAxisSideDirection: We
+  }), me = ue ? null : st((e) => {
+    const i = ke(e.elements.floating).documentElement;
+    return {
+      ...F,
+      // Use the Layout Viewport to avoid shifting around when pinch-zooming
+      // for context menus.
+      rootBoundary: P ? {
+        x: 0,
+        y: 0,
+        width: i.clientWidth,
+        height: i.clientHeight
+      } : void 0,
+      mainAxis: v !== "none",
+      crossAxis: pe,
+      limiter: W || P ? void 0 : ct((l) => {
+        if (!x.current)
+          return {};
+        const {
+          width: r,
+          height: f
+        } = x.current.getBoundingClientRect(), s = De(B(l.placement)), g = s === "y" ? r : f, S = s === "y" ? t.left + t.right : t.top + t.bottom;
+        return {
+          offset: g / 2 + S / 2
+        };
+      })
+    };
+  }, [F, W, P, t, v]);
+  O === "shift" || v === "shift" || R === "center" ? b.push(me, he) : b.push(he, me), b.push(it({
+    ...F,
+    apply({
+      elements: {
+        floating: e
+      },
+      availableWidth: i,
+      availableHeight: l,
+      rects: r
+    }) {
+      if (!Ue.current)
+        return;
+      const f = e.style;
+      f.setProperty("--available-width", `${i}px`), f.setProperty("--available-height", `${l}px`);
+      const s = at(e).devicePixelRatio || 1, {
+        x: g,
+        y: S,
+        width: T,
+        height: G
+      } = r.reference, J = (Math.round((g + T) * s) - Math.round(g * s)) / s, K = (Math.round((S + G) * s) - Math.round(S * s)) / s;
+      f.setProperty("--anchor-width", `${J}px`), f.setProperty("--anchor-height", `${K}px`);
     }
-    if (r === void 0) {
-      n();
-      return;
+  }), et((e) => ({
+    // `transform-origin` calculations rely on an element existing. If the arrow hasn't been set,
+    // we'll create a fake element.
+    element: x.current || ke(e.elements.floating).createElement("div"),
+    padding: ee,
+    offsetParent: "floating"
+  }), [ee]), {
+    name: "transformOrigin",
+    fn(e) {
+      const {
+        elements: i,
+        middlewareData: l,
+        placement: r,
+        rects: f,
+        y: s
+      } = e, g = B(r), S = De(g), T = x.current, G = l.arrow?.x || 0, J = l.arrow?.y || 0, K = T?.clientWidth || 0, _e = T?.clientHeight || 0, N = G + K / 2, Ee = J + _e / 2, qe = Math.abs(l.shift?.y || 0), Ge = f.reference.height / 2, E = typeof c == "function" ? c(Fe(e, n, y)) : c, Je = qe > E, Ke = {
+        top: `${N}px calc(100% + ${E}px)`,
+        bottom: `${N}px ${-E}px`,
+        left: `calc(100% + ${E}px) ${Ee}px`,
+        right: `${-E}px ${Ee}px`
+      }[g], Ne = `${N}px ${f.reference.y + Ge - s}px`;
+      return i.floating.style.setProperty("--transform-origin", pe && S === "y" && Je ? Ne : Ke), {};
     }
-    f.current = !0, t(u.current, r);
-  }, [e, s, d, t, l, o, u, n]), i.useEffect(() => n, [n]), c ?? o;
+  }, tt, Y), Q(() => {
+    !o && k && k.update({
+      referenceElement: null,
+      floatingElement: null,
+      domReferenceElement: null,
+      positionReference: null
+    });
+  }, [o, k]);
+  const _ = d.useMemo(() => ({
+    elementResize: !I && typeof ResizeObserver < "u",
+    layoutShift: !I && typeof IntersectionObserver < "u"
+  }), [I]), {
+    refs: w,
+    elements: M,
+    x: ge,
+    y: ye,
+    middlewareData: A,
+    update: H,
+    placement: xe,
+    context: be,
+    isPositioned: m,
+    floatingStyles: we
+  } = lt({
+    rootContext: k,
+    open: D ? o : void 0,
+    placement: Ye,
+    middleware: b,
+    strategy: h,
+    whileElementsMounted: D ? void 0 : (...e) => Ce(...e, _),
+    nodeId: Be,
+    externalTree: Ve
+  }), {
+    sideX: Ae,
+    sideY: Se
+  } = A.adaptiveOrigin || nt, q = m ? h : "fixed", Re = d.useMemo(() => {
+    const e = Y ? {
+      position: q,
+      [Ae]: ge,
+      [Se]: ye
+    } : {
+      position: q,
+      ...we
+    };
+    return m || (e.opacity = 0), e;
+  }, [Y, q, Ae, ge, Se, ye, we, m]), L = d.useRef(null);
+  Q(() => {
+    if (!o)
+      return;
+    const e = C.current, i = typeof e == "function" ? e() : e, r = (He(i) ? i.current : i) || null || null;
+    r !== L.current && (w.setPositionReference(r), L.current = r);
+  }, [o, w, se, C]), d.useEffect(() => {
+    if (!o)
+      return;
+    const e = C.current;
+    typeof e != "function" && He(e) && e.current !== L.current && (w.setPositionReference(e.current), L.current = e.current);
+  }, [o, w, se, C]), d.useEffect(() => {
+    if (D && o && M.reference && M.floating)
+      return Ce(M.reference, M.floating, H, _);
+  }, [D, o, M, H, _]);
+  const $ = B(xe), Pe = Te(n, $, y), Oe = Le(xe) || "center", ve = !!A.hide?.referenceHidden;
+  Q(() => {
+    ne && o && m && ie($);
+  }, [ne, o, m, $]);
+  const Me = d.useMemo(() => ({
+    position: "absolute",
+    top: A.arrow?.y,
+    left: A.arrow?.x
+  }), [A.arrow]), $e = A.arrow?.centerOffset !== 0;
+  return d.useMemo(() => ({
+    positionerStyles: Re,
+    arrowStyles: Me,
+    arrowRef: x,
+    arrowUncentered: $e,
+    side: Pe,
+    align: Oe,
+    physicalSide: $,
+    anchorHidden: ve,
+    refs: w,
+    context: be,
+    isPositioned: m,
+    update: H
+  }), [Re, Me, x, $e, Pe, Oe, $, ve, w, be, m, H]);
+}
+function He(a) {
+  return a != null && "current" in a;
 }
 export {
-  F as useLabelableId
+  Pt as useAnchorPositioning
 };
 //# sourceMappingURL=index294.js.map