@rpcbase/ui 0.241.0 → 0.242.0

package/dist/index188.js

@@ -1,9 +1,130 @@
-import * as t from "react";
-function n(r) {
-  const e = t.useRef(!0);
-  e.current && (e.current = !1, r());
+import * as o from "react";
+import * as j from "react-dom";
+import { isNode as w } from "./index248.js";
+import { addEventListener as S } from "./index240.js";
+import { mergeCleanups as G } from "./index378.js";
+import { useId as _ } from "./index347.js";
+import { useIsoLayoutEffect as h } from "./index201.js";
+import { useStableCallback as L } from "./index202.js";
+import { EMPTY_OBJECT as k } from "./index204.js";
+import { FocusGuard as T } from "./index379.js";
+import { enableFocusInside as I, isOutsideEvent as E, getPreviousTabbable as q, getNextTabbable as A, disableFocusInside as B } from "./index380.js";
+import { createChangeEventDetails as H } from "./index175.js";
+import { createAttribute as J } from "./index383.js";
+import { useRenderElement as Y } from "./index172.js";
+import { ownerVisuallyHidden as z } from "./index191.js";
+import { j as d } from "./index30.js";
+import { focusOut as K } from "./index177.js";
+const N = /* @__PURE__ */ o.createContext(null);
+process.env.NODE_ENV !== "production" && (N.displayName = "PortalContext");
+const Q = () => o.useContext(N), U = J("portal");
+function W(C = {}) {
+  const {
+    ref: m,
+    container: n,
+    componentProps: g = k,
+    elementProps: F
+  } = C, p = _(), b = Q()?.portalNode, [a, c] = o.useState(null), [e, u] = o.useState(null), R = L((t) => {
+    t !== null && u(t);
+  }), r = o.useRef(null);
+  h(() => {
+    if (n === null) {
+      r.current && (r.current = null, u(null), c(null));
+      return;
+    }
+    if (p == null)
+      return;
+    const t = (n && (w(n) ? n : n.current)) ?? b ?? document.body;
+    if (t == null) {
+      r.current && (r.current = null, u(null), c(null));
+      return;
+    }
+    r.current !== t && (r.current = t, u(null), c(t));
+  }, [n, b, p]);
+  const i = Y("div", g, {
+    ref: [m, R],
+    props: [{
+      id: p,
+      [U]: ""
+    }, F]
+  });
+  return {
+    portalNode: e,
+    portalSubtree: a && i ? /* @__PURE__ */ j.createPortal(i, a) : null
+  };
 }
+const X = /* @__PURE__ */ o.forwardRef(function(m, n) {
+  const {
+    render: g,
+    className: F,
+    style: p,
+    children: v,
+    container: b,
+    renderGuards: a,
+    ...c
+  } = m, {
+    portalNode: e,
+    portalSubtree: u
+  } = W({
+    container: b,
+    ref: n,
+    componentProps: m,
+    elementProps: c
+  }), R = o.useRef(null), r = o.useRef(null), i = o.useRef(null), x = o.useRef(null), [t, D] = o.useState(null), f = o.useRef(!1), y = t?.modal, O = t?.open, P = typeof a == "boolean" ? a : !!t && !t.modal && t.open && !!e;
+  o.useEffect(() => {
+    if (!e || y)
+      return;
+    function s(l) {
+      e && l.relatedTarget && E(l) && (l.type === "focusin" ? f.current && (I(e), f.current = !1) : (B(e), f.current = !0));
+    }
+    return G(S(e, "focusin", s, !0), S(e, "focusout", s, !0));
+  }, [e, y]), h(() => {
+    !e || O !== !0 || !f.current || (I(e), f.current = !1);
+  }, [O, e]);
+  const M = o.useMemo(() => ({
+    beforeOutsideRef: R,
+    afterOutsideRef: r,
+    beforeInsideRef: i,
+    afterInsideRef: x,
+    portalNode: e,
+    setFocusManagerState: D
+  }), [e]);
+  return /* @__PURE__ */ d.jsxs(o.Fragment, {
+    children: [u, /* @__PURE__ */ d.jsxs(N.Provider, {
+      value: M,
+      children: [P && e && /* @__PURE__ */ d.jsx(T, {
+        "data-type": "outside",
+        ref: R,
+        onFocus: (s) => {
+          if (E(s, e))
+            i.current?.focus();
+          else {
+            const l = t ? t.domReference : null;
+            q(l)?.focus();
+          }
+        }
+      }), P && e && /* @__PURE__ */ d.jsx("span", {
+        "aria-owns": e.id,
+        style: z
+      }), e && /* @__PURE__ */ j.createPortal(v, e), P && e && /* @__PURE__ */ d.jsx(T, {
+        "data-type": "outside",
+        ref: r,
+        onFocus: (s) => {
+          if (E(s, e))
+            x.current?.focus();
+          else {
+            const l = t ? t.domReference : null;
+            A(l)?.focus(), t?.closeOnFocusOut && t?.onOpenChange(!1, H(K, s.nativeEvent));
+          }
+        }
+      })]
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (X.displayName = "FloatingPortal");
 export {
-  n as useOnFirstRender
+  X as FloatingPortal,
+  W as useFloatingPortalNode,
+  Q as usePortalContext
 };
 //# sourceMappingURL=index188.js.map

package/dist/index188.js.map

@@ -1 +1 @@
-{"version":3,"file":"index188.js","sources":["../../../node_modules/@base-ui/utils/esm/useOnFirstRender.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nexport function useOnFirstRender(fn) {\n  const ref = React.useRef(true);\n  if (ref.current) {\n    ref.current = false;\n    fn();\n  }\n}"],"names":["useOnFirstRender","fn","ref","React"],"mappings":";AAGO,SAASA,EAAiBC,GAAI;AACnC,QAAMC,IAAMC,EAAM,OAAO,EAAI;AAC7B,EAAID,EAAI,YACNA,EAAI,UAAU,IACdD,EAAE;AAEN;","x_google_ignoreList":[0]}
+{"version":3,"file":"index188.js","sources":["../node_modules/@base-ui/react/floating-ui-react/components/FloatingPortal.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { isNode } from '@floating-ui/utils/dom';\nimport { addEventListener } from '@base-ui/utils/addEventListener';\nimport { mergeCleanups } from '@base-ui/utils/mergeCleanups';\nimport { useId } from '@base-ui/utils/useId';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { EMPTY_OBJECT } from '@base-ui/utils/empty';\nimport { FocusGuard } from \"../../utils/FocusGuard.mjs\";\nimport { enableFocusInside, disableFocusInside, getPreviousTabbable, getNextTabbable, isOutsideEvent } from \"../utils/tabbable.mjs\";\nimport { createChangeEventDetails } from \"../../internals/createBaseUIEventDetails.mjs\";\nimport { REASONS } from \"../../internals/reasons.mjs\";\nimport { createAttribute } from \"../utils/createAttribute.mjs\";\nimport { useRenderElement } from \"../../internals/useRenderElement.mjs\";\nimport { ownerVisuallyHidden } from \"../../internals/constants.mjs\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst PortalContext = /*#__PURE__*/React.createContext(null);\nif (process.env.NODE_ENV !== \"production\") PortalContext.displayName = \"PortalContext\";\nexport const usePortalContext = () => React.useContext(PortalContext);\nconst attr = createAttribute('portal');\nexport function useFloatingPortalNode(props = {}) {\n  const {\n    ref,\n    container: containerProp,\n    componentProps = EMPTY_OBJECT,\n    elementProps\n  } = props;\n  const uniqueId = useId();\n  const portalContext = usePortalContext();\n  const parentPortalNode = portalContext?.portalNode;\n  const [containerElement, setContainerElement] = React.useState(null);\n  const [portalNode, setPortalNode] = React.useState(null);\n  const setPortalNodeRef = useStableCallback(node => {\n    if (node !== null) {\n      // the useIsoLayoutEffect below watching containerProp / parentPortalNode\n      // sets setPortalNode(null) when the container becomes null or changes.\n      // So even though the ref callback now ignores null, the portal node still gets cleared.\n      setPortalNode(node);\n    }\n  });\n  const containerRef = React.useRef(null);\n  useIsoLayoutEffect(() => {\n    // Wait for the container to be resolved if explicitly `null`.\n    if (containerProp === null) {\n      if (containerRef.current) {\n        containerRef.current = null;\n        setPortalNode(null);\n        setContainerElement(null);\n      }\n      return;\n    }\n\n    // React 17 does not use React.useId().\n    if (uniqueId == null) {\n      return;\n    }\n    const resolvedContainer = (containerProp && (isNode(containerProp) ? containerProp : containerProp.current)) ?? parentPortalNode ?? document.body;\n    if (resolvedContainer == null) {\n      if (containerRef.current) {\n        containerRef.current = null;\n        setPortalNode(null);\n        setContainerElement(null);\n      }\n      return;\n    }\n    if (containerRef.current !== resolvedContainer) {\n      containerRef.current = resolvedContainer;\n      setPortalNode(null);\n      setContainerElement(resolvedContainer);\n    }\n  }, [containerProp, parentPortalNode, uniqueId]);\n  const portalElement = useRenderElement('div', componentProps, {\n    ref: [ref, setPortalNodeRef],\n    props: [{\n      id: uniqueId,\n      [attr]: ''\n    }, elementProps]\n  });\n\n  // This `createPortal` call injects `portalElement` into the `container`.\n  // Another call inside `FloatingPortal`/`FloatingPortalLite` then injects the children into `portalElement`.\n  const portalSubtree = containerElement && portalElement ? /*#__PURE__*/ReactDOM.createPortal(portalElement, containerElement) : null;\n  return {\n    portalNode,\n    portalSubtree\n  };\n}\n\n/**\n * Portals the floating element into a given container element — by default,\n * outside of the app root and into the body.\n * This is necessary to ensure the floating element can appear outside any\n * potential parent containers that cause clipping (such as `overflow: hidden`),\n * while retaining its location in the React tree.\n * @see https://floating-ui.com/docs/FloatingPortal\n * @internal\n */\nexport const FloatingPortal = /*#__PURE__*/React.forwardRef(function FloatingPortal(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    style,\n    children,\n    container,\n    renderGuards,\n    ...elementProps\n  } = componentProps;\n  const {\n    portalNode,\n    portalSubtree\n  } = useFloatingPortalNode({\n    container,\n    ref: forwardedRef,\n    componentProps,\n    elementProps\n  });\n  const beforeOutsideRef = React.useRef(null);\n  const afterOutsideRef = React.useRef(null);\n  const beforeInsideRef = React.useRef(null);\n  const afterInsideRef = React.useRef(null);\n  const [focusManagerState, setFocusManagerState] = React.useState(null);\n  const focusInsideDisabledRef = React.useRef(false);\n  const modal = focusManagerState?.modal;\n  const open = focusManagerState?.open;\n  const shouldRenderGuards = typeof renderGuards === 'boolean' ? renderGuards : !!focusManagerState && !focusManagerState.modal && focusManagerState.open && !!portalNode;\n\n  // https://codesandbox.io/s/tabbable-portal-f4tng?file=/src/TabbablePortal.tsx\n  React.useEffect(() => {\n    if (!portalNode || modal) {\n      return undefined;\n    }\n\n    // Make sure elements inside the portal element are tabbable only when the\n    // portal has already been focused, either by tabbing into a focus trap\n    // element outside or using the mouse.\n    function onFocus(event) {\n      if (portalNode && event.relatedTarget && isOutsideEvent(event)) {\n        if (event.type === 'focusin') {\n          if (focusInsideDisabledRef.current) {\n            enableFocusInside(portalNode);\n            focusInsideDisabledRef.current = false;\n          }\n        } else {\n          disableFocusInside(portalNode);\n          focusInsideDisabledRef.current = true;\n        }\n      }\n    }\n\n    // Listen to the event on the capture phase so they run before the focus\n    // trap elements onFocus prop is called.\n    return mergeCleanups(addEventListener(portalNode, 'focusin', onFocus, true), addEventListener(portalNode, 'focusout', onFocus, true));\n  }, [portalNode, modal]);\n  useIsoLayoutEffect(() => {\n    if (!portalNode || open !== true || !focusInsideDisabledRef.current) {\n      return;\n    }\n\n    // Restore tabbability before the focus manager's queued focus-on-open step runs.\n    enableFocusInside(portalNode);\n    focusInsideDisabledRef.current = false;\n  }, [open, portalNode]);\n  const portalContextValue = React.useMemo(() => ({\n    beforeOutsideRef,\n    afterOutsideRef,\n    beforeInsideRef,\n    afterInsideRef,\n    portalNode,\n    setFocusManagerState\n  }), [portalNode]);\n  return /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [portalSubtree, /*#__PURE__*/_jsxs(PortalContext.Provider, {\n      value: portalContextValue,\n      children: [shouldRenderGuards && portalNode && /*#__PURE__*/_jsx(FocusGuard, {\n        \"data-type\": \"outside\",\n        ref: beforeOutsideRef,\n        onFocus: event => {\n          if (isOutsideEvent(event, portalNode)) {\n            beforeInsideRef.current?.focus();\n          } else {\n            const domReference = focusManagerState ? focusManagerState.domReference : null;\n            const prevTabbable = getPreviousTabbable(domReference);\n            prevTabbable?.focus();\n          }\n        }\n      }), shouldRenderGuards && portalNode && /*#__PURE__*/_jsx(\"span\", {\n        \"aria-owns\": portalNode.id,\n        style: ownerVisuallyHidden\n      }), portalNode && /*#__PURE__*/ReactDOM.createPortal(children, portalNode), shouldRenderGuards && portalNode && /*#__PURE__*/_jsx(FocusGuard, {\n        \"data-type\": \"outside\",\n        ref: afterOutsideRef,\n        onFocus: event => {\n          if (isOutsideEvent(event, portalNode)) {\n            afterInsideRef.current?.focus();\n          } else {\n            const domReference = focusManagerState ? focusManagerState.domReference : null;\n            const nextTabbable = getNextTabbable(domReference);\n            nextTabbable?.focus();\n            if (focusManagerState?.closeOnFocusOut) {\n              focusManagerState?.onOpenChange(false, createChangeEventDetails(REASONS.focusOut, event.nativeEvent));\n            }\n          }\n        }\n      })]\n    })]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") FloatingPortal.displayName = \"FloatingPortal\";"],"names":["PortalContext","React","usePortalContext","attr","createAttribute","useFloatingPortalNode","props","ref","containerProp","componentProps","EMPTY_OBJECT","elementProps","uniqueId","useId","parentPortalNode","containerElement","setContainerElement","portalNode","setPortalNode","setPortalNodeRef","useStableCallback","node","containerRef","useIsoLayoutEffect","resolvedContainer","isNode","portalElement","useRenderElement","ReactDOM","FloatingPortal","forwardedRef","render","className","style","children","container","renderGuards","portalSubtree","beforeOutsideRef","afterOutsideRef","beforeInsideRef","afterInsideRef","focusManagerState","setFocusManagerState","focusInsideDisabledRef","modal","open","shouldRenderGuards","onFocus","event","isOutsideEvent","enableFocusInside","disableFocusInside","mergeCleanups","addEventListener","portalContextValue","_jsxs","_jsx","FocusGuard","domReference","getPreviousTabbable","ownerVisuallyHidden","getNextTabbable","createChangeEventDetails","REASONS.focusOut"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/index189.js

@@ -1,82 +1,67 @@
-import * as t from "react";
-import { useScrollLock as v } from "./index348.js";
-import { useOpenInteractionType as I } from "./index275.js";
-import { createChangeEventDetails as A } from "./index175.js";
-import { useImplicitActiveTrigger as M, useOpenStateTransitions as B } from "./index193.js";
-import { useSyncedFloatingRootContext as F } from "./index349.js";
-import { useRole as H } from "./index350.js";
-import { useDismiss as K } from "./index279.js";
-import { useInteractions as L } from "./index195.js";
-import { getTarget as U, contains as V } from "./index291.js";
-import { imperativeAction as j } from "./index177.js";
-function $(P) {
+import * as w from "react";
+import { useOnFirstRender as y } from "./index197.js";
+import { useDialogRoot as T, DialogInteractions as k } from "./index350.js";
+import { useDialogRootContext as V, IsDrawerContext as A, DialogRootContext as B } from "./index171.js";
+import { DialogStore as E } from "./index351.js";
+import { j as a } from "./index30.js";
+function J(c, l = "dialog") {
   const {
+    children: r,
+    open: s,
+    defaultOpen: i = !1,
+    onOpenChange: g,
+    onOpenChangeComplete: m,
+    disablePointerDismissal: f = !1,
+    modal: C = !0,
+    actionsRef: x,
+    handle: D,
+    triggerId: d,
+    defaultTriggerId: p = null
+  } = c, P = l === "drawer", o = l === "alert-dialog", R = o ? !0 : C, I = o || f, h = o ? "alertdialog" : "dialog", u = V(!0), t = {
+    modal: R,
+    disablePointerDismissal: I,
+    nested: !!u,
+    role: h
+  }, e = E.useStore(D?.store, {
+    open: i,
+    openProp: s,
+    activeTriggerId: p,
+    triggerIdProp: d,
+    ...t
+  });
+  y(() => {
+    const n = s === void 0 && e.state.open === !1 && i === !0 ? {
+      open: !0,
+      activeTriggerId: p
+    } : null;
+    o ? e.update(n ? {
+      ...t,
+      ...n
+    } : t) : n && e.update(n);
+  }), e.useControlledProp("openProp", s), e.useControlledProp("triggerIdProp", d), e.useSyncedValues(t), e.useContextCallback("onOpenChange", g), e.useContextCallback("onOpenChangeComplete", m);
+  const S = e.useState("open"), v = e.useState("mounted"), O = e.useState("payload");
+  T({
     store: e,
-    parentContext: o,
-    actionsRef: N,
-    isDrawer: m
-  } = P, n = e.useState("open"), S = e.useState("disablePointerDismissal"), p = e.useState("modal"), f = e.useState("popupElement"), {
-    openMethod: k,
-    triggerProps: r
-  } = I(n);
-  M(e);
-  const {
-    forceUnmount: g
-  } = B(n, e), d = t.useCallback(() => {
-    e.setOpen(!1, A(j));
-  }, [e]);
-  t.useImperativeHandle(N, () => ({
-    unmount: g,
-    close: d
-  }), [g, d]);
-  const c = F({
-    popupStore: e,
-    onOpenChange: e.setOpen,
-    treatPopupAsFloatingElement: !0
-  }), [i, D] = t.useState(0), [u, C] = t.useState(0), O = i === 0, h = H(c), T = K(c, {
-    outsidePressEvent() {
-      return e.context.internalBackdropRef.current || e.context.backdropRef.current ? "intentional" : {
-        mouse: p === "trap-focus" ? "sloppy" : "intentional",
-        touch: "sloppy"
-      };
-    },
-    outsidePress(s) {
-      if (!e.context.outsidePressEnabledRef.current || "button" in s && s.button !== 0 || "touches" in s && s.touches.length !== 1)
-        return !1;
-      const l = U(s);
-      if (O && !S) {
-        const a = l;
-        return p && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === a || e.context.backdropRef.current === a || V(a, f) && !a?.hasAttribute("data-base-ui-portal") : !0;
-      }
-      return !1;
-    },
-    escapeKey: O
+    actionsRef: x
   });
-  v(n && p === !0, f);
-  const {
-    getReferenceProps: R,
-    getFloatingProps: b,
-    getTriggerProps: x
-  } = L([h, T]);
-  e.useContextCallback("onNestedDialogOpen", (s, l) => {
-    D(s), C(l);
-  }), e.useContextCallback("onNestedDialogClose", () => {
-    D(0), C(0);
-  }), t.useEffect(() => (o?.onNestedDialogOpen && n && o.onNestedDialogOpen(i + 1, u + (m ? 1 : 0)), o?.onNestedDialogClose && !n && o.onNestedDialogClose(), () => {
-    o?.onNestedDialogClose && n && o.onNestedDialogClose();
-  }), [m, n, i, u, o]);
-  const w = t.useMemo(() => R(r), [R, r]), E = t.useMemo(() => x(r), [x, r]), y = t.useMemo(() => b(), [b]);
-  e.useSyncedValues({
-    openMethod: k,
-    activeTriggerProps: w,
-    inactiveTriggerProps: E,
-    popupProps: y,
-    floatingRootContext: c,
-    nestedOpenDialogCount: i,
-    nestedOpenDrawerCount: u
+  const b = S || v, j = w.useMemo(() => ({
+    store: e
+  }), [e]);
+  return /* @__PURE__ */ a.jsx(A.Provider, {
+    value: !1,
+    children: /* @__PURE__ */ a.jsxs(B.Provider, {
+      value: j,
+      children: [b && /* @__PURE__ */ a.jsx(k, {
+        store: e,
+        parentContext: u?.store.context,
+        isDrawer: P
+      }), typeof r == "function" ? r({
+        payload: O
+      }) : r]
+    })
   });
 }
 export {
-  $ as useDialogRoot
+  J as useRenderDialogRoot
 };
 //# sourceMappingURL=index189.js.map

package/dist/index189.js.map

@@ -1 +1 @@
-{"version":3,"file":"index189.js","sources":["../../../node_modules/@base-ui/react/esm/dialog/root/useDialogRoot.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useScrollLock } from '@base-ui/utils/useScrollLock';\nimport { useDismiss, useInteractions, useRole, useSyncedFloatingRootContext } from \"../../floating-ui-react/index.js\";\nimport { contains, getTarget } from \"../../floating-ui-react/utils.js\";\nimport { useOpenInteractionType } from \"../../utils/useOpenInteractionType.js\";\nimport { createChangeEventDetails } from \"../../internals/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../internals/reasons.js\";\nimport { useImplicitActiveTrigger, useOpenStateTransitions } from \"../../utils/popups/index.js\";\nexport function useDialogRoot(params) {\n  const {\n    store,\n    parentContext,\n    actionsRef,\n    isDrawer\n  } = params;\n  const open = store.useState('open');\n  const disablePointerDismissal = store.useState('disablePointerDismissal');\n  const modal = store.useState('modal');\n  const popupElement = store.useState('popupElement');\n  const {\n    openMethod,\n    triggerProps\n  } = useOpenInteractionType(open);\n  useImplicitActiveTrigger(store);\n  const {\n    forceUnmount\n  } = useOpenStateTransitions(open, store);\n  const handleImperativeClose = React.useCallback(() => {\n    store.setOpen(false, createChangeEventDetails(REASONS.imperativeAction));\n  }, [store]);\n  React.useImperativeHandle(actionsRef, () => ({\n    unmount: forceUnmount,\n    close: handleImperativeClose\n  }), [forceUnmount, handleImperativeClose]);\n  const floatingRootContext = useSyncedFloatingRootContext({\n    popupStore: store,\n    onOpenChange: store.setOpen,\n    treatPopupAsFloatingElement: true\n  });\n  const [ownNestedOpenDialogs, setOwnNestedOpenDialogs] = React.useState(0);\n  const [ownNestedOpenDrawers, setOwnNestedOpenDrawers] = React.useState(0);\n  const isTopmost = ownNestedOpenDialogs === 0;\n  const role = useRole(floatingRootContext);\n  const dismiss = useDismiss(floatingRootContext, {\n    outsidePressEvent() {\n      if (store.context.internalBackdropRef.current || store.context.backdropRef.current) {\n        return 'intentional';\n      }\n      // Ensure `aria-hidden` on outside elements is removed immediately\n      // on outside press when trapping focus.\n      return {\n        mouse: modal === 'trap-focus' ? 'sloppy' : 'intentional',\n        touch: 'sloppy'\n      };\n    },\n    outsidePress(event) {\n      if (!store.context.outsidePressEnabledRef.current) {\n        return false;\n      }\n\n      // For mouse events, only accept left button (button 0)\n      // For touch events, a single touch is equivalent to left button\n      if ('button' in event && event.button !== 0) {\n        return false;\n      }\n      if ('touches' in event && event.touches.length !== 1) {\n        return false;\n      }\n      const target = getTarget(event);\n      if (isTopmost && !disablePointerDismissal) {\n        const eventTarget = target;\n        // Only close if the click occurred on the dialog's owning backdrop.\n        // This supports multiple modal dialogs that aren't nested in the React tree:\n        // https://github.com/mui/base-ui/issues/1320\n        if (modal) {\n          return store.context.internalBackdropRef.current || store.context.backdropRef.current ? store.context.internalBackdropRef.current === eventTarget || store.context.backdropRef.current === eventTarget || contains(eventTarget, popupElement) && !eventTarget?.hasAttribute('data-base-ui-portal') : true;\n        }\n        return true;\n      }\n      return false;\n    },\n    escapeKey: isTopmost\n  });\n  useScrollLock(open && modal === true, popupElement);\n  const {\n    getReferenceProps,\n    getFloatingProps,\n    getTriggerProps\n  } = useInteractions([role, dismiss]);\n\n  // Listen for nested open/close events on this store to maintain the counts.\n  store.useContextCallback('onNestedDialogOpen', (dialogCount, drawerCount) => {\n    setOwnNestedOpenDialogs(dialogCount);\n    setOwnNestedOpenDrawers(drawerCount);\n  });\n  store.useContextCallback('onNestedDialogClose', () => {\n    setOwnNestedOpenDialogs(0);\n    setOwnNestedOpenDrawers(0);\n  });\n\n  // Notify parent of our open/close state using parent callbacks, if any\n  React.useEffect(() => {\n    if (parentContext?.onNestedDialogOpen && open) {\n      parentContext.onNestedDialogOpen(ownNestedOpenDialogs + 1, ownNestedOpenDrawers + (isDrawer ? 1 : 0));\n    }\n    if (parentContext?.onNestedDialogClose && !open) {\n      parentContext.onNestedDialogClose();\n    }\n    return () => {\n      if (parentContext?.onNestedDialogClose && open) {\n        parentContext.onNestedDialogClose();\n      }\n    };\n  }, [isDrawer, open, ownNestedOpenDialogs, ownNestedOpenDrawers, parentContext]);\n  const activeTriggerProps = React.useMemo(() => getReferenceProps(triggerProps), [getReferenceProps, triggerProps]);\n  const inactiveTriggerProps = React.useMemo(() => getTriggerProps(triggerProps), [getTriggerProps, triggerProps]);\n  const popupProps = React.useMemo(() => getFloatingProps(), [getFloatingProps]);\n  store.useSyncedValues({\n    openMethod,\n    activeTriggerProps,\n    inactiveTriggerProps,\n    popupProps,\n    floatingRootContext,\n    nestedOpenDialogCount: ownNestedOpenDialogs,\n    nestedOpenDrawerCount: ownNestedOpenDrawers\n  });\n}"],"names":["useDialogRoot","params","store","parentContext","actionsRef","isDrawer","open","disablePointerDismissal","modal","popupElement","openMethod","triggerProps","useOpenInteractionType","useImplicitActiveTrigger","forceUnmount","useOpenStateTransitions","handleImperativeClose","React","createChangeEventDetails","REASONS.imperativeAction","floatingRootContext","useSyncedFloatingRootContext","ownNestedOpenDialogs","setOwnNestedOpenDialogs","ownNestedOpenDrawers","setOwnNestedOpenDrawers","isTopmost","role","useRole","dismiss","useDismiss","event","target","getTarget","eventTarget","contains","useScrollLock","getReferenceProps","getFloatingProps","getTriggerProps","useInteractions","dialogCount","drawerCount","activeTriggerProps","inactiveTriggerProps","popupProps"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index189.js","sources":["../node_modules/@base-ui/react/dialog/root/useRenderDialogRoot.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useOnFirstRender } from '@base-ui/utils/useOnFirstRender';\nimport { DialogInteractions, useDialogRoot } from \"./useDialogRoot.mjs\";\nimport { DialogRootContext, IsDrawerContext, useDialogRootContext } from \"./DialogRootContext.mjs\";\nimport { DialogStore } from \"../store/DialogStore.mjs\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport function useRenderDialogRoot(props, mode = 'dialog') {\n  const {\n    children,\n    open: openProp,\n    defaultOpen = false,\n    onOpenChange,\n    onOpenChangeComplete,\n    disablePointerDismissal: disablePointerDismissalProp = false,\n    modal: modalProp = true,\n    actionsRef,\n    handle,\n    triggerId: triggerIdProp,\n    defaultTriggerId: defaultTriggerIdProp = null\n  } = props;\n  const isDrawer = mode === 'drawer';\n  const isAlertDialog = mode === 'alert-dialog';\n  const modal = isAlertDialog ? true : modalProp;\n  const disablePointerDismissal = isAlertDialog || disablePointerDismissalProp;\n  const role = isAlertDialog ? 'alertdialog' : 'dialog';\n  const parentDialogRootContext = useDialogRootContext(true);\n  const nested = Boolean(parentDialogRootContext);\n  const rootState = {\n    modal,\n    disablePointerDismissal,\n    nested,\n    role\n  };\n  const store = DialogStore.useStore(handle?.store, {\n    open: defaultOpen,\n    openProp,\n    activeTriggerId: defaultTriggerIdProp,\n    triggerIdProp,\n    ...rootState\n  });\n\n  // Support initially open state when uncontrolled\n  useOnFirstRender(() => {\n    const nextState = openProp === undefined && store.state.open === false && defaultOpen === true ? {\n      open: true,\n      activeTriggerId: defaultTriggerIdProp\n    } : null;\n    if (isAlertDialog) {\n      // Handles can reuse plain Dialog stores; alert dialog invariants must exist immediately.\n      store.update(nextState ? {\n        ...rootState,\n        ...nextState\n      } : rootState);\n    } else if (nextState) {\n      store.update(nextState);\n    }\n  });\n  store.useControlledProp('openProp', openProp);\n  store.useControlledProp('triggerIdProp', triggerIdProp);\n  store.useSyncedValues(rootState);\n  store.useContextCallback('onOpenChange', onOpenChange);\n  store.useContextCallback('onOpenChangeComplete', onOpenChangeComplete);\n  const open = store.useState('open');\n  const mounted = store.useState('mounted');\n  const payload = store.useState('payload');\n  useDialogRoot({\n    store,\n    actionsRef\n  });\n  const shouldRenderInteractions = open || mounted;\n  const contextValue = React.useMemo(() => ({\n    store\n  }), [store]);\n  return /*#__PURE__*/_jsx(IsDrawerContext.Provider, {\n    value: false,\n    children: /*#__PURE__*/_jsxs(DialogRootContext.Provider, {\n      value: contextValue,\n      children: [shouldRenderInteractions && /*#__PURE__*/_jsx(DialogInteractions, {\n        store: store,\n        parentContext: parentDialogRootContext?.store.context,\n        isDrawer: isDrawer\n      }), typeof children === 'function' ? children({\n        payload\n      }) : children]\n    })\n  });\n}"],"names":["useRenderDialogRoot","props","mode","children","openProp","defaultOpen","onOpenChange","onOpenChangeComplete","disablePointerDismissalProp","modalProp","actionsRef","handle","triggerIdProp","defaultTriggerIdProp","isDrawer","isAlertDialog","modal","disablePointerDismissal","role","parentDialogRootContext","useDialogRootContext","rootState","store","DialogStore","useOnFirstRender","nextState","open","mounted","payload","useDialogRoot","shouldRenderInteractions","contextValue","React","_jsx","IsDrawerContext","_jsxs","DialogRootContext","DialogInteractions"],"mappings":";;;;;;AAQO,SAASA,EAAoBC,GAAOC,IAAO,UAAU;AAC1D,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,MAAMC;AAAA,IACN,aAAAC,IAAc;AAAA,IACd,cAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,yBAAyBC,IAA8B;AAAA,IACvD,OAAOC,IAAY;AAAA,IACnB,YAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAWC;AAAA,IACX,kBAAkBC,IAAuB;AAAA,EAC7C,IAAMZ,GACEa,IAAWZ,MAAS,UACpBa,IAAgBb,MAAS,gBACzBc,IAAQD,IAAgB,KAAON,GAC/BQ,IAA0BF,KAAiBP,GAC3CU,IAAOH,IAAgB,gBAAgB,UACvCI,IAA0BC,EAAqB,EAAI,GAEnDC,IAAY;AAAA,IAChB,OAAAL;AAAA,IACA,yBAAAC;AAAA,IACA,QAJa,EAAQE;AAAA,IAKrB,MAAAD;AAAA,EACJ,GACQI,IAAQC,EAAY,SAASZ,GAAQ,OAAO;AAAA,IAChD,MAAMN;AAAA,IACN,UAAAD;AAAA,IACA,iBAAiBS;AAAA,IACjB,eAAAD;AAAA,IACA,GAAGS;AAAA,EACP,CAAG;AAGD,EAAAG,EAAiB,MAAM;AACrB,UAAMC,IAAYrB,MAAa,UAAakB,EAAM,MAAM,SAAS,MAASjB,MAAgB,KAAO;AAAA,MAC/F,MAAM;AAAA,MACN,iBAAiBQ;AAAA,IACvB,IAAQ;AACJ,IAAIE,IAEFO,EAAM,OAAOG,IAAY;AAAA,MACvB,GAAGJ;AAAA,MACH,GAAGI;AAAA,IACX,IAAUJ,CAAS,IACJI,KACTH,EAAM,OAAOG,CAAS;AAAA,EAE1B,CAAC,GACDH,EAAM,kBAAkB,YAAYlB,CAAQ,GAC5CkB,EAAM,kBAAkB,iBAAiBV,CAAa,GACtDU,EAAM,gBAAgBD,CAAS,GAC/BC,EAAM,mBAAmB,gBAAgBhB,CAAY,GACrDgB,EAAM,mBAAmB,wBAAwBf,CAAoB;AACrE,QAAMmB,IAAOJ,EAAM,SAAS,MAAM,GAC5BK,IAAUL,EAAM,SAAS,SAAS,GAClCM,IAAUN,EAAM,SAAS,SAAS;AACxC,EAAAO,EAAc;AAAA,IACZ,OAAAP;AAAA,IACA,YAAAZ;AAAA,EACJ,CAAG;AACD,QAAMoB,IAA2BJ,KAAQC,GACnCI,IAAeC,EAAM,QAAQ,OAAO;AAAA,IACxC,OAAAV;AAAA,EACJ,IAAM,CAACA,CAAK,CAAC;AACX,SAAoBW,gBAAAA,EAAAA,IAAKC,EAAgB,UAAU;AAAA,IACjD,OAAO;AAAA,IACP,UAAuBC,gBAAAA,EAAAA,KAAMC,EAAkB,UAAU;AAAA,MACvD,OAAOL;AAAA,MACP,UAAU,CAACD,KAAyCG,gBAAAA,EAAAA,IAAKI,GAAoB;AAAA,QAC3E,OAAOf;AAAA,QACP,eAAeH,GAAyB,MAAM;AAAA,QAC9C,UAAUL;AAAA,MAClB,CAAO,GAAG,OAAOX,KAAa,aAAaA,EAAS;AAAA,QAC5C,SAAAyB;AAAA,MACR,CAAO,IAAIzB,CAAQ;AAAA,IACnB,CAAK;AAAA,EACL,CAAG;AACH;","x_google_ignoreList":[0]}

package/dist/index190.js

@@ -1,70 +1,12 @@
-import * as i from "react";
-import { useRefWithInit as d } from "./index258.js";
-import { ReactStore as a } from "./index351.js";
-import { PopupTriggerMap as p } from "./index352.js";
-import { popupStoreSelectors as u, createInitialPopupStoreState as c } from "./index353.js";
-import { createSelector as n } from "./index354.js";
-const m = {
-  ...u,
-  modal: n((e) => e.modal),
-  nested: n((e) => e.nested),
-  nestedOpenDialogCount: n((e) => e.nestedOpenDialogCount),
-  nestedOpenDrawerCount: n((e) => e.nestedOpenDrawerCount),
-  disablePointerDismissal: n((e) => e.disablePointerDismissal),
-  openMethod: n((e) => e.openMethod),
-  descriptionElementId: n((e) => e.descriptionElementId),
-  titleElementId: n((e) => e.titleElementId),
-  viewportElement: n((e) => e.viewportElement),
-  role: n((e) => e.role)
-};
-class s extends a {
-  constructor(r) {
-    super(g(r), {
-      popupRef: /* @__PURE__ */ i.createRef(),
-      backdropRef: /* @__PURE__ */ i.createRef(),
-      internalBackdropRef: /* @__PURE__ */ i.createRef(),
-      outsidePressEnabledRef: {
-        current: !0
-      },
-      triggerElements: new p(),
-      onOpenChange: void 0,
-      onOpenChangeComplete: void 0
-    }, m);
-  }
-  setOpen = (r, t) => {
-    if (t.preventUnmountOnClose = () => {
-      this.set("preventUnmountingOnClose", !0);
-    }, !r && t.trigger == null && this.state.activeTriggerId != null && (t.trigger = this.state.activeTriggerElement ?? void 0), this.context.onOpenChange?.(r, t), t.isCanceled)
-      return;
-    this.state.floatingRootContext.dispatchOpenChange(r, t);
-    const o = {
-      open: r
-    }, l = t.trigger?.id ?? null;
-    (l || r) && (o.activeTriggerId = l, o.activeTriggerElement = t.trigger ?? null), this.update(o);
-  };
-  static useStore(r, t) {
-    const o = d(() => new s(t)).current;
-    return r ?? o;
-  }
-}
-function g(e = {}) {
-  return {
-    ...c(),
-    modal: !0,
-    disablePointerDismissal: !1,
-    popupElement: null,
-    viewportElement: null,
-    descriptionElementId: void 0,
-    titleElementId: void 0,
-    openMethod: null,
-    nested: !1,
-    nestedOpenDialogCount: 0,
-    nestedOpenDrawerCount: 0,
-    role: "dialog",
-    ...e
+function n(a, s) {
+  return function(e, ...t) {
+    const r = new URL(a);
+    return r.searchParams.set("code", e.toString()), t.forEach((o) => r.searchParams.append("args[]", o)), `${s} error #${e}; visit ${r} for the full message.`;
   };
 }
+const u = n("https://base-ui.com/production-error", "Base UI");
 export {
-  s as DialogStore
+  n as createFormatErrorMessage,
+  u as default
 };
 //# sourceMappingURL=index190.js.map

package/dist/index190.js.map

@@ -1 +1 @@
-{"version":3,"file":"index190.js","sources":["../../../node_modules/@base-ui/react/esm/dialog/store/DialogStore.js"],"sourcesContent":["import * as React from 'react';\nimport { createSelector, ReactStore } from '@base-ui/utils/store';\nimport { useRefWithInit } from '@base-ui/utils/useRefWithInit';\nimport { createInitialPopupStoreState, popupStoreSelectors, PopupTriggerMap } from \"../../utils/popups/index.js\";\nconst selectors = {\n  ...popupStoreSelectors,\n  modal: createSelector(state => state.modal),\n  nested: createSelector(state => state.nested),\n  nestedOpenDialogCount: createSelector(state => state.nestedOpenDialogCount),\n  nestedOpenDrawerCount: createSelector(state => state.nestedOpenDrawerCount),\n  disablePointerDismissal: createSelector(state => state.disablePointerDismissal),\n  openMethod: createSelector(state => state.openMethod),\n  descriptionElementId: createSelector(state => state.descriptionElementId),\n  titleElementId: createSelector(state => state.titleElementId),\n  viewportElement: createSelector(state => state.viewportElement),\n  role: createSelector(state => state.role)\n};\nexport class DialogStore extends ReactStore {\n  constructor(initialState) {\n    super(createInitialState(initialState), {\n      popupRef: /*#__PURE__*/React.createRef(),\n      backdropRef: /*#__PURE__*/React.createRef(),\n      internalBackdropRef: /*#__PURE__*/React.createRef(),\n      outsidePressEnabledRef: {\n        current: true\n      },\n      triggerElements: new PopupTriggerMap(),\n      onOpenChange: undefined,\n      onOpenChangeComplete: undefined\n    }, selectors);\n  }\n  setOpen = (nextOpen, eventDetails) => {\n    eventDetails.preventUnmountOnClose = () => {\n      this.set('preventUnmountingOnClose', true);\n    };\n    if (!nextOpen && eventDetails.trigger == null && this.state.activeTriggerId != null) {\n      // When closing the dialog, pass the old trigger to the onOpenChange event\n      // so it's not reset too early (potentially causing focus issues in controlled scenarios).\n      eventDetails.trigger = this.state.activeTriggerElement ?? undefined;\n    }\n    this.context.onOpenChange?.(nextOpen, eventDetails);\n    if (eventDetails.isCanceled) {\n      return;\n    }\n    this.state.floatingRootContext.dispatchOpenChange(nextOpen, eventDetails);\n    const updatedState = {\n      open: nextOpen\n    };\n\n    // If a popup is closing, the `trigger` may be null.\n    // We want to keep the previous value so that exit animations are played and focus is returned correctly.\n    const newTriggerId = eventDetails.trigger?.id ?? null;\n    if (newTriggerId || nextOpen) {\n      updatedState.activeTriggerId = newTriggerId;\n      updatedState.activeTriggerElement = eventDetails.trigger ?? null;\n    }\n    this.update(updatedState);\n  };\n  static useStore(externalStore, initialState) {\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const internalStore = useRefWithInit(() => {\n      return new DialogStore(initialState);\n    }).current;\n    return externalStore ?? internalStore;\n  }\n}\nfunction createInitialState(initialState = {}) {\n  return {\n    ...createInitialPopupStoreState(),\n    modal: true,\n    disablePointerDismissal: false,\n    popupElement: null,\n    viewportElement: null,\n    descriptionElementId: undefined,\n    titleElementId: undefined,\n    openMethod: null,\n    nested: false,\n    nestedOpenDialogCount: 0,\n    nestedOpenDrawerCount: 0,\n    role: 'dialog',\n    ...initialState\n  };\n}"],"names":["selectors","popupStoreSelectors","createSelector","state","DialogStore","ReactStore","initialState","createInitialState","React","PopupTriggerMap","nextOpen","eventDetails","updatedState","newTriggerId","externalStore","internalStore","useRefWithInit","createInitialPopupStoreState"],"mappings":";;;;;;AAIA,MAAMA,IAAY;AAAA,EAChB,GAAGC;AAAA,EACH,OAAOC,EAAe,CAAAC,MAASA,EAAM,KAAK;AAAA,EAC1C,QAAQD,EAAe,CAAAC,MAASA,EAAM,MAAM;AAAA,EAC5C,uBAAuBD,EAAe,CAAAC,MAASA,EAAM,qBAAqB;AAAA,EAC1E,uBAAuBD,EAAe,CAAAC,MAASA,EAAM,qBAAqB;AAAA,EAC1E,yBAAyBD,EAAe,CAAAC,MAASA,EAAM,uBAAuB;AAAA,EAC9E,YAAYD,EAAe,CAAAC,MAASA,EAAM,UAAU;AAAA,EACpD,sBAAsBD,EAAe,CAAAC,MAASA,EAAM,oBAAoB;AAAA,EACxE,gBAAgBD,EAAe,CAAAC,MAASA,EAAM,cAAc;AAAA,EAC5D,iBAAiBD,EAAe,CAAAC,MAASA,EAAM,eAAe;AAAA,EAC9D,MAAMD,EAAe,CAAAC,MAASA,EAAM,IAAI;AAC1C;AACO,MAAMC,UAAoBC,EAAW;AAAA,EAC1C,YAAYC,GAAc;AACxB,UAAMC,EAAmBD,CAAY,GAAG;AAAA,MACtC,UAAuB,gBAAAE,EAAM,UAAS;AAAA,MACtC,aAA0B,gBAAAA,EAAM,UAAS;AAAA,MACzC,qBAAkC,gBAAAA,EAAM,UAAS;AAAA,MACjD,wBAAwB;AAAA,QACtB,SAAS;AAAA,MACjB;AAAA,MACM,iBAAiB,IAAIC,EAAe;AAAA,MACpC,cAAc;AAAA,MACd,sBAAsB;AAAA,IAC5B,GAAOT,CAAS;AAAA,EACd;AAAA,EACA,UAAU,CAACU,GAAUC,MAAiB;AAUpC,QATAA,EAAa,wBAAwB,MAAM;AACzC,WAAK,IAAI,4BAA4B,EAAI;AAAA,IAC3C,GACI,CAACD,KAAYC,EAAa,WAAW,QAAQ,KAAK,MAAM,mBAAmB,SAG7EA,EAAa,UAAU,KAAK,MAAM,wBAAwB,SAE5D,KAAK,QAAQ,eAAeD,GAAUC,CAAY,GAC9CA,EAAa;AACf;AAEF,SAAK,MAAM,oBAAoB,mBAAmBD,GAAUC,CAAY;AACxE,UAAMC,IAAe;AAAA,MACnB,MAAMF;AAAA,IACZ,GAIUG,IAAeF,EAAa,SAAS,MAAM;AACjD,KAAIE,KAAgBH,OAClBE,EAAa,kBAAkBC,GAC/BD,EAAa,uBAAuBD,EAAa,WAAW,OAE9D,KAAK,OAAOC,CAAY;AAAA,EAC1B;AAAA,EACA,OAAO,SAASE,GAAeR,GAAc;AAE3C,UAAMS,IAAgBC,EAAe,MAC5B,IAAIZ,EAAYE,CAAY,CACpC,EAAE;AACH,WAAOQ,KAAiBC;AAAA,EAC1B;AACF;AACA,SAASR,EAAmBD,IAAe,IAAI;AAC7C,SAAO;AAAA,IACL,GAAGW,EAA4B;AAAA,IAC/B,OAAO;AAAA,IACP,yBAAyB;AAAA,IACzB,cAAc;AAAA,IACd,iBAAiB;AAAA,IACjB,sBAAsB;AAAA,IACtB,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,uBAAuB;AAAA,IACvB,uBAAuB;AAAA,IACvB,MAAM;AAAA,IACN,GAAGX;AAAA,EACP;AACA;","x_google_ignoreList":[0]}
+{"version":3,"file":"index190.js","sources":["../node_modules/@base-ui/utils/formatErrorMessage.mjs"],"sourcesContent":["/**\n * Creates a formatErrorMessage function with a custom URL and prefix.\n * @param baseUrl - The base URL for the error page (e.g., 'https://base-ui.com/production-error')\n * @param prefix - The prefix for the error message (e.g., 'Base UI')\n * @returns A function that formats error messages with the given URL and prefix\n */\nexport function createFormatErrorMessage(baseUrl, prefix) {\n  return function formatErrorMessage(code, ...args) {\n    const url = new URL(baseUrl);\n    url.searchParams.set('code', code.toString());\n    args.forEach(arg => url.searchParams.append('args[]', arg));\n    return `${prefix} error #${code}; visit ${url} for the full message.`;\n  };\n}\n\n/**\n * WARNING: Don't import this directly. It's imported by the code generated by\n * `@mui/internal-babel-plugin-minify-errors`. Make sure to always use string literals in `Error`\n * constructors to ensure the plugin works as expected. Supported patterns include:\n *   throw new Error('My message');\n *   throw new Error(`My message: ${foo}`);\n *   throw new Error(`My message: ${foo}` + 'another string');\n *   ...\n */\nconst formatErrorMessage = createFormatErrorMessage('https://base-ui.com/production-error', 'Base UI');\nexport default formatErrorMessage;"],"names":["createFormatErrorMessage","baseUrl","prefix","code","args","url","arg","formatErrorMessage"],"mappings":"AAMO,SAASA,EAAyBC,GAASC,GAAQ;AACxD,SAAO,SAA4BC,MAASC,GAAM;AAChD,UAAMC,IAAM,IAAI,IAAIJ,CAAO;AAC3B,WAAAI,EAAI,aAAa,IAAI,QAAQF,EAAK,SAAQ,CAAE,GAC5CC,EAAK,QAAQ,CAAAE,MAAOD,EAAI,aAAa,OAAO,UAAUC,CAAG,CAAC,GACnD,GAAGJ,CAAM,WAAWC,CAAI,WAAWE,CAAG;AAAA,EAC/C;AACF;AAWK,MAACE,IAAqBP,EAAyB,wCAAwC,SAAS;","x_google_ignoreList":[0]}

package/dist/index191.js

@@ -1,12 +1,19 @@
-function n(a, s) {
-  return function(e, ...t) {
-    const r = new URL(a);
-    return r.searchParams.set("code", e.toString()), t.forEach((o) => r.searchParams.append("args[]", o)), `${s} error #${e}; visit ${r} for the full message.`;
-  };
-}
-const u = n("https://base-ui.com/production-error", "Base UI");
+const t = {
+  style: {
+    transition: "none"
+  }
+}, i = "data-base-ui-click-trigger", n = {
+  fallbackAxisSide: "none"
+}, e = {
+  clipPath: "inset(50%)",
+  position: "fixed",
+  top: 0,
+  left: 0
+};
 export {
-  n as createFormatErrorMessage,
-  u as default
+  i as CLICK_TRIGGER_IDENTIFIER,
+  t as DISABLED_TRANSITIONS_STYLE,
+  n as DROPDOWN_COLLISION_AVOIDANCE,
+  e as ownerVisuallyHidden
 };
 //# sourceMappingURL=index191.js.map

package/dist/index191.js.map

@@ -1 +1 @@
-{"version":3,"file":"index191.js","sources":["../../../node_modules/@base-ui/utils/esm/formatErrorMessage.js"],"sourcesContent":["/**\n * Creates a formatErrorMessage function with a custom URL and prefix.\n * @param baseUrl - The base URL for the error page (e.g., 'https://base-ui.com/production-error')\n * @param prefix - The prefix for the error message (e.g., 'Base UI')\n * @returns A function that formats error messages with the given URL and prefix\n */\nexport function createFormatErrorMessage(baseUrl, prefix) {\n  return function formatErrorMessage(code, ...args) {\n    const url = new URL(baseUrl);\n    url.searchParams.set('code', code.toString());\n    args.forEach(arg => url.searchParams.append('args[]', arg));\n    return `${prefix} error #${code}; visit ${url} for the full message.`;\n  };\n}\n\n/**\n * WARNING: Don't import this directly. It's imported by the code generated by\n * `@mui/internal-babel-plugin-minify-errors`. Make sure to always use string literals in `Error`\n * constructors to ensure the plugin works as expected. Supported patterns include:\n *   throw new Error('My message');\n *   throw new Error(`My message: ${foo}`);\n *   throw new Error(`My message: ${foo}` + 'another string');\n *   ...\n */\nconst formatErrorMessage = createFormatErrorMessage('https://base-ui.com/production-error', 'Base UI');\nexport default formatErrorMessage;"],"names":["createFormatErrorMessage","baseUrl","prefix","code","args","url","arg","formatErrorMessage"],"mappings":"AAMO,SAASA,EAAyBC,GAASC,GAAQ;AACxD,SAAO,SAA4BC,MAASC,GAAM;AAChD,UAAMC,IAAM,IAAI,IAAIJ,CAAO;AAC3B,WAAAI,EAAI,aAAa,IAAI,QAAQF,EAAK,SAAQ,CAAE,GAC5CC,EAAK,QAAQ,CAAAE,MAAOD,EAAI,aAAa,OAAO,UAAUC,CAAG,CAAC,GACnD,GAAGJ,CAAM,WAAWC,CAAI,WAAWE,CAAG;AAAA,EAC/C;AACF;AAWK,MAACE,IAAqBP,EAAyB,wCAAwC,SAAS;","x_google_ignoreList":[0]}
+{"version":3,"file":"index191.js","sources":["../node_modules/@base-ui/react/internals/constants.mjs"],"sourcesContent":["export const TYPEAHEAD_RESET_MS = 500;\nexport const PATIENT_CLICK_THRESHOLD = 500;\nexport const DISABLED_TRANSITIONS_STYLE = {\n  style: {\n    transition: 'none'\n  }\n};\nexport const CLICK_TRIGGER_IDENTIFIER = 'data-base-ui-click-trigger';\nexport const BASE_UI_SWIPE_IGNORE_ATTRIBUTE = 'data-base-ui-swipe-ignore';\nexport const LEGACY_SWIPE_IGNORE_ATTRIBUTE = 'data-swipe-ignore';\nexport const BASE_UI_SWIPE_IGNORE_SELECTOR = `[${BASE_UI_SWIPE_IGNORE_ATTRIBUTE}]`;\nexport const LEGACY_SWIPE_IGNORE_SELECTOR = `[${LEGACY_SWIPE_IGNORE_ATTRIBUTE}]`;\n\n/**\n * Used for dropdowns that usually strictly prefer top/bottom placements and\n * use `var(--available-height)` to limit their height.\n */\nexport const DROPDOWN_COLLISION_AVOIDANCE = {\n  fallbackAxisSide: 'none'\n};\n\n/**\n * Used by regular popups that usually aren't scrollable and are allowed to\n * freely flip to any axis of placement.\n */\nexport const POPUP_COLLISION_AVOIDANCE = {\n  fallbackAxisSide: 'end'\n};\n\n/**\n * Special visually hidden styles for the aria-owns owner element to ensure owned element\n * accessibility in iOS/Safari/VoiceControl.\n * The owner element is an empty span, so most of the common visually hidden styles are not needed.\n * @see https://github.com/floating-ui/floating-ui/issues/3403\n */\nexport const ownerVisuallyHidden = {\n  clipPath: 'inset(50%)',\n  position: 'fixed',\n  top: 0,\n  left: 0\n};"],"names":["DISABLED_TRANSITIONS_STYLE","CLICK_TRIGGER_IDENTIFIER","DROPDOWN_COLLISION_AVOIDANCE","ownerVisuallyHidden"],"mappings":"AAEY,MAACA,IAA6B;AAAA,EACxC,OAAO;AAAA,IACL,YAAY;AAAA,EAChB;AACA,GACaC,IAA2B,8BAU3BC,IAA+B;AAAA,EAC1C,kBAAkB;AACpB,GAgBaC,IAAsB;AAAA,EACjC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AACR;","x_google_ignoreList":[0]}

package/dist/index192.js

@@ -1,19 +1,34 @@
-const t = {
-  style: {
-    transition: "none"
-  }
-}, i = "data-base-ui-click-trigger", n = {
-  fallbackAxisSide: "none"
-}, e = {
-  clipPath: "inset(50%)",
-  position: "fixed",
-  top: 0,
-  left: 0
-};
+import * as i from "react";
+import { useStableCallback as u } from "./index202.js";
+import { useEnhancedClickHandler as c } from "./index356.js";
+import { useValueChanged as l } from "./index215.js";
+import { ios as a } from "./index357.js";
+function m(e, t) {
+  const n = u((p, s) => {
+    (typeof e == "function" ? e() : e) || t(s || // On iOS Safari, the hitslop around touch targets means tapping outside an element's
+    // bounds does not fire `pointerdown` but does fire `mousedown`. The `interactionType`
+    // will be "" in that case.
+    (a ? "touch" : ""));
+  }), {
+    onClick: o,
+    onPointerDown: r
+  } = c(n);
+  return i.useMemo(() => ({
+    onClick: o,
+    onPointerDown: r
+  }), [o, r]);
+}
+function M(e) {
+  const [t, n] = i.useState(null), o = m(e, n);
+  return l(e, (r) => {
+    r && !e && n(null);
+  }), i.useMemo(() => ({
+    openMethod: t,
+    triggerProps: o
+  }), [t, o]);
+}
 export {
-  i as CLICK_TRIGGER_IDENTIFIER,
-  t as DISABLED_TRANSITIONS_STYLE,
-  n as DROPDOWN_COLLISION_AVOIDANCE,
-  e as ownerVisuallyHidden
+  M as useOpenInteractionType,
+  m as useOpenMethodTriggerProps
 };
 //# sourceMappingURL=index192.js.map

package/dist/index192.js.map

@@ -1 +1 @@
-{"version":3,"file":"index192.js","sources":["../../../node_modules/@base-ui/react/esm/internals/constants.js"],"sourcesContent":["export const TYPEAHEAD_RESET_MS = 500;\nexport const PATIENT_CLICK_THRESHOLD = 500;\nexport const DISABLED_TRANSITIONS_STYLE = {\n  style: {\n    transition: 'none'\n  }\n};\nexport const CLICK_TRIGGER_IDENTIFIER = 'data-base-ui-click-trigger';\nexport const BASE_UI_SWIPE_IGNORE_ATTRIBUTE = 'data-base-ui-swipe-ignore';\nexport const LEGACY_SWIPE_IGNORE_ATTRIBUTE = 'data-swipe-ignore';\nexport const BASE_UI_SWIPE_IGNORE_SELECTOR = `[${BASE_UI_SWIPE_IGNORE_ATTRIBUTE}]`;\nexport const LEGACY_SWIPE_IGNORE_SELECTOR = `[${LEGACY_SWIPE_IGNORE_ATTRIBUTE}]`;\n\n/**\n * Used for dropdowns that usually strictly prefer top/bottom placements and\n * use `var(--available-height)` to limit their height.\n */\nexport const DROPDOWN_COLLISION_AVOIDANCE = {\n  fallbackAxisSide: 'none'\n};\n\n/**\n * Used by regular popups that usually aren't scrollable and are allowed to\n * freely flip to any axis of placement.\n */\nexport const POPUP_COLLISION_AVOIDANCE = {\n  fallbackAxisSide: 'end'\n};\n\n/**\n * Special visually hidden styles for the aria-owns owner element to ensure owned element\n * accessibility in iOS/Safari/VoiceControl.\n * The owner element is an empty span, so most of the common visually hidden styles are not needed.\n * @see https://github.com/floating-ui/floating-ui/issues/3403\n */\nexport const ownerVisuallyHidden = {\n  clipPath: 'inset(50%)',\n  position: 'fixed',\n  top: 0,\n  left: 0\n};"],"names":["DISABLED_TRANSITIONS_STYLE","CLICK_TRIGGER_IDENTIFIER","DROPDOWN_COLLISION_AVOIDANCE","ownerVisuallyHidden"],"mappings":"AAEY,MAACA,IAA6B;AAAA,EACxC,OAAO;AAAA,IACL,YAAY;AAAA,EAChB;AACA,GACaC,IAA2B,8BAU3BC,IAA+B;AAAA,EAC1C,kBAAkB;AACpB,GAgBaC,IAAsB;AAAA,EACjC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AACR;","x_google_ignoreList":[0]}
+{"version":3,"file":"index192.js","sources":["../node_modules/@base-ui/react/utils/useOpenInteractionType.mjs"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useEnhancedClickHandler } from '@base-ui/utils/useEnhancedClickHandler';\nimport { platform } from '@base-ui/utils/platform';\nimport { useValueChanged } from \"../internals/useValueChanged.mjs\";\nexport function useOpenMethodTriggerProps(open, setOpenMethod) {\n  const handleTriggerClick = useStableCallback((_, interactionType) => {\n    const isOpen = typeof open === 'function' ? open() : open;\n    if (!isOpen) {\n      setOpenMethod(interactionType || (\n      // On iOS Safari, the hitslop around touch targets means tapping outside an element's\n      // bounds does not fire `pointerdown` but does fire `mousedown`. The `interactionType`\n      // will be \"\" in that case.\n      platform.os.ios ? 'touch' : ''));\n    }\n  });\n  const {\n    onClick,\n    onPointerDown\n  } = useEnhancedClickHandler(handleTriggerClick);\n  return React.useMemo(() => ({\n    onClick,\n    onPointerDown\n  }), [onClick, onPointerDown]);\n}\n\n/**\n * Determines the interaction type (keyboard, mouse, touch, etc.) that opened the component.\n *\n * @param open The open state of the component.\n */\nexport function useOpenInteractionType(open) {\n  const [openMethod, setOpenMethod] = React.useState(null);\n  const triggerProps = useOpenMethodTriggerProps(open, setOpenMethod);\n  useValueChanged(open, previousOpen => {\n    if (previousOpen && !open) {\n      setOpenMethod(null);\n    }\n  });\n  return React.useMemo(() => ({\n    openMethod,\n    triggerProps\n  }), [openMethod, triggerProps]);\n}"],"names":["useOpenMethodTriggerProps","open","setOpenMethod","handleTriggerClick","useStableCallback","_","interactionType","platform.os.ios","onClick","onPointerDown","useEnhancedClickHandler","React","useOpenInteractionType","openMethod","triggerProps","useValueChanged","previousOpen"],"mappings":";;;;;AAOO,SAASA,EAA0BC,GAAMC,GAAe;AAC7D,QAAMC,IAAqBC,EAAkB,CAACC,GAAGC,MAAoB;AAEnE,KADe,OAAOL,KAAS,aAAaA,EAAI,IAAKA,MAEnDC,EAAcI;AAAA;AAAA;AAAA,KAIdC,IAAkB,UAAU,GAAG;AAAA,EAEnC,CAAC,GACK;AAAA,IACJ,SAAAC;AAAA,IACA,eAAAC;AAAA,EACJ,IAAMC,EAAwBP,CAAkB;AAC9C,SAAOQ,EAAM,QAAQ,OAAO;AAAA,IAC1B,SAAAH;AAAA,IACA,eAAAC;AAAA,EACJ,IAAM,CAACD,GAASC,CAAa,CAAC;AAC9B;AAOO,SAASG,EAAuBX,GAAM;AAC3C,QAAM,CAACY,GAAYX,CAAa,IAAIS,EAAM,SAAS,IAAI,GACjDG,IAAed,EAA0BC,GAAMC,CAAa;AAClE,SAAAa,EAAgBd,GAAM,CAAAe,MAAgB;AACpC,IAAIA,KAAgB,CAACf,KACnBC,EAAc,IAAI;AAAA,EAEtB,CAAC,GACMS,EAAM,QAAQ,OAAO;AAAA,IAC1B,YAAAE;AAAA,IACA,cAAAC;AAAA,EACJ,IAAM,CAACD,GAAYC,CAAY,CAAC;AAChC;","x_google_ignoreList":[0]}