@neynar/ui 0.4.0 → 1.0.0

package/dist/node_modules/@base-ui/react/esm/menu/group/MenuGroupContext.js

@@ -0,0 +1,16 @@
+import formatErrorMessage from "../../../../utils/esm/formatErrorMessage.js";
+import * as React from "react";
+const MenuGroupContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") MenuGroupContext.displayName = "MenuGroupContext";
+function useMenuGroupRootContext() {
+  const context = React.useContext(MenuGroupContext);
+  if (context === void 0) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuGroupRootContext is missing. Menu group parts must be used within <Menu.Group>." : formatErrorMessage(31));
+  }
+  return context;
+}
+export {
+  MenuGroupContext,
+  useMenuGroupRootContext
+};
+//# sourceMappingURL=MenuGroupContext.js.map

package/dist/node_modules/@base-ui/react/esm/menu/group/MenuGroupContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroupContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/menu/group/MenuGroupContext.js"],"sourcesContent":["import _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const MenuGroupContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") MenuGroupContext.displayName = \"MenuGroupContext\";\nexport function useMenuGroupRootContext() {\n  const context = React.useContext(MenuGroupContext);\n  if (context === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: MenuGroupRootContext is missing. Menu group parts must be used within <Menu.Group>.' : _formatErrorMessage(31));\n  }\n  return context;\n}"],"names":["_formatErrorMessage"],"mappings":";;AAEY,MAAC,mBAAgC,sBAAM,cAAc,MAAS;AAC1E,IAAI,QAAQ,IAAI,aAAa,aAAc,kBAAiB,cAAc;AACnE,SAAS,0BAA0B;AACxC,QAAM,UAAU,MAAM,WAAW,gBAAgB;AACjD,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,iGAAiGA,mBAAoB,EAAE,CAAC;AAAA,EAClL;AACA,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/menu/group-label/MenuGroupLabel.js

@@ -0,0 +1,37 @@
+"use client";
+import * as React from "react";
+import { useIsoLayoutEffect } from "../../../../utils/esm/useIsoLayoutEffect.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { useMenuGroupRootContext } from "../group/MenuGroupContext.js";
+const MenuGroupLabel = /* @__PURE__ */ React.forwardRef(function MenuGroupLabelComponent(componentProps, forwardedRef) {
+  const {
+    className,
+    render,
+    id: idProp,
+    ...elementProps
+  } = componentProps;
+  const id = useBaseUiId(idProp);
+  const {
+    setLabelId
+  } = useMenuGroupRootContext();
+  useIsoLayoutEffect(() => {
+    setLabelId(id);
+    return () => {
+      setLabelId(void 0);
+    };
+  }, [setLabelId, id]);
+  return useRenderElement("div", componentProps, {
+    ref: forwardedRef,
+    props: {
+      id,
+      role: "presentation",
+      ...elementProps
+    }
+  });
+});
+if (process.env.NODE_ENV !== "production") MenuGroupLabel.displayName = "MenuGroupLabel";
+export {
+  MenuGroupLabel
+};
+//# sourceMappingURL=MenuGroupLabel.js.map

package/dist/node_modules/@base-ui/react/esm/menu/group-label/MenuGroupLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuGroupLabel.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/menu/group-label/MenuGroupLabel.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useBaseUiId } from \"../../utils/useBaseUiId.js\";\nimport { useMenuGroupRootContext } from \"../group/MenuGroupContext.js\";\n\n/**\n * An accessible label that is automatically associated with its parent group.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)\n */\nexport const MenuGroupLabel = /*#__PURE__*/React.forwardRef(function MenuGroupLabelComponent(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    id: idProp,\n    ...elementProps\n  } = componentProps;\n  const id = useBaseUiId(idProp);\n  const {\n    setLabelId\n  } = useMenuGroupRootContext();\n  useIsoLayoutEffect(() => {\n    setLabelId(id);\n    return () => {\n      setLabelId(undefined);\n    };\n  }, [setLabelId, id]);\n  return useRenderElement('div', componentProps, {\n    ref: forwardedRef,\n    props: {\n      id,\n      role: 'presentation',\n      ...elementProps\n    }\n  });\n});\nif (process.env.NODE_ENV !== \"production\") MenuGroupLabel.displayName = \"MenuGroupLabel\";"],"names":[],"mappings":";;;;;;AAcY;AACV;AAAM;AACJ;AACA;AACI;AACD;AAEL;AACA;AAAM;AACJ;AAEF;AACE;AACA;AACE;AAAoB;AACtB;AAEF;AAA+C;AACxC;AACE;AACL;AACM;AACH;AACT;AAEA;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/menu/item/MenuItem.js

@@ -0,0 +1,57 @@
+"use client";
+import * as React from "react";
+import { useMenuItem, REGULAR_ITEM } from "./useMenuItem.js";
+import { useMenuRootContext } from "../root/MenuRootContext.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { useCompositeListItem } from "../../composite/list/useCompositeListItem.js";
+import { useMenuPositionerContext } from "../positioner/MenuPositionerContext.js";
+const MenuItem = /* @__PURE__ */ React.forwardRef(function MenuItem2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    id: idProp,
+    label,
+    nativeButton = false,
+    disabled = false,
+    closeOnClick = true,
+    ...elementProps
+  } = componentProps;
+  const listItem = useCompositeListItem({
+    label
+  });
+  const menuPositionerContext = useMenuPositionerContext(true);
+  const id = useBaseUiId(idProp);
+  const {
+    store
+  } = useMenuRootContext();
+  const highlighted = store.useState("isActive", listItem.index);
+  const itemProps = store.useState("itemProps");
+  const {
+    getItemProps,
+    itemRef
+  } = useMenuItem({
+    closeOnClick,
+    disabled,
+    highlighted,
+    id,
+    store,
+    nativeButton,
+    nodeId: menuPositionerContext?.nodeId,
+    itemMetadata: REGULAR_ITEM
+  });
+  const state = React.useMemo(() => ({
+    disabled,
+    highlighted
+  }), [disabled, highlighted]);
+  return useRenderElement("div", componentProps, {
+    state,
+    props: [itemProps, elementProps, getItemProps],
+    ref: [itemRef, forwardedRef, listItem.ref]
+  });
+});
+if (process.env.NODE_ENV !== "production") MenuItem.displayName = "MenuItem";
+export {
+  MenuItem
+};
+//# sourceMappingURL=MenuItem.js.map

package/dist/node_modules/@base-ui/react/esm/menu/item/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/menu/item/MenuItem.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { REGULAR_ITEM, useMenuItem } from \"./useMenuItem.js\";\nimport { useMenuRootContext } from \"../root/MenuRootContext.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useBaseUiId } from \"../../utils/useBaseUiId.js\";\nimport { useCompositeListItem } from \"../../composite/list/useCompositeListItem.js\";\nimport { useMenuPositionerContext } from \"../positioner/MenuPositionerContext.js\";\n\n/**\n * An individual interactive item in the menu.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)\n */\nexport const MenuItem = /*#__PURE__*/React.forwardRef(function MenuItem(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    id: idProp,\n    label,\n    nativeButton = false,\n    disabled = false,\n    closeOnClick = true,\n    ...elementProps\n  } = componentProps;\n  const listItem = useCompositeListItem({\n    label\n  });\n  const menuPositionerContext = useMenuPositionerContext(true);\n  const id = useBaseUiId(idProp);\n  const {\n    store\n  } = useMenuRootContext();\n  const highlighted = store.useState('isActive', listItem.index);\n  const itemProps = store.useState('itemProps');\n  const {\n    getItemProps,\n    itemRef\n  } = useMenuItem({\n    closeOnClick,\n    disabled,\n    highlighted,\n    id,\n    store,\n    nativeButton,\n    nodeId: menuPositionerContext?.nodeId,\n    itemMetadata: REGULAR_ITEM\n  });\n  const state = React.useMemo(() => ({\n    disabled,\n    highlighted\n  }), [disabled, highlighted]);\n  return useRenderElement('div', componentProps, {\n    state,\n    props: [itemProps, elementProps, getItemProps],\n    ref: [itemRef, forwardedRef, listItem.ref]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") MenuItem.displayName = \"MenuItem\";"],"names":[],"mappings":";;;;;;;;AAgBY;AACV;AAAM;AACJ;AACA;AACI;AACJ;AACe;AACJ;AACI;AACZ;AAEL;AAAsC;AACpC;AAEF;AACA;AACA;AAAM;AACJ;AAEF;AACA;AACA;AAAM;AACJ;AACA;AACc;AACd;AACA;AACA;AACA;AACA;AACA;AAC+B;AACjB;AAEhB;AAAmC;AACjC;AACA;AAEF;AAA+C;AAC7C;AAC6C;AACJ;AAE7C;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/menu/item/useMenuItem.js

@@ -0,0 +1,95 @@
+"use client";
+import * as React from "react";
+import { useMergedRefs } from "../../../../utils/esm/useMergedRefs.js";
+import { useContextMenuRootContext } from "../../context-menu/root/ContextMenuRootContext.js";
+import { useButton } from "../../use-button/useButton.js";
+import { mergeProps } from "../../merge-props/mergeProps.js";
+import { itemPress } from "../../utils/reason-parts.js";
+const REGULAR_ITEM = {
+  type: "regular-item"
+};
+function useMenuItem(params) {
+  const {
+    closeOnClick,
+    disabled = false,
+    highlighted,
+    id,
+    store,
+    nativeButton,
+    itemMetadata,
+    nodeId
+  } = params;
+  const itemRef = React.useRef(null);
+  const contextMenuContext = useContextMenuRootContext(true);
+  const isContextMenu = contextMenuContext !== void 0;
+  const {
+    events: menuEvents
+  } = store.useState("floatingTreeRoot");
+  const {
+    getButtonProps,
+    buttonRef
+  } = useButton({
+    disabled,
+    focusableWhenDisabled: true,
+    native: nativeButton
+  });
+  const getItemProps = React.useCallback((externalProps) => {
+    return mergeProps({
+      id,
+      role: "menuitem",
+      tabIndex: highlighted ? 0 : -1,
+      onMouseMove(event) {
+        if (!nodeId) {
+          return;
+        }
+        menuEvents.emit("itemhover", {
+          nodeId,
+          target: event.currentTarget
+        });
+      },
+      onMouseEnter() {
+        if (itemMetadata.type !== "submenu-trigger") {
+          return;
+        }
+        itemMetadata.setActive();
+      },
+      onKeyUp(event) {
+        if (event.key === " " && store.context.typingRef.current) {
+          event.preventBaseUIHandler();
+        }
+      },
+      onClick(event) {
+        if (closeOnClick) {
+          menuEvents.emit("close", {
+            domEvent: event,
+            reason: itemPress
+          });
+        }
+      },
+      onMouseUp(event) {
+        if (contextMenuContext) {
+          const initialCursorPoint = contextMenuContext.initialCursorPointRef.current;
+          contextMenuContext.initialCursorPointRef.current = null;
+          if (isContextMenu && initialCursorPoint && Math.abs(event.clientX - initialCursorPoint.x) <= 1 && Math.abs(event.clientY - initialCursorPoint.y) <= 1) {
+            return;
+          }
+        }
+        if (itemRef.current && store.context.allowMouseUpTriggerRef.current && (!isContextMenu || event.button === 2)) {
+          if (itemMetadata.type === "regular-item") {
+            itemRef.current.click();
+          }
+        }
+      }
+    }, externalProps, getButtonProps);
+  }, [id, highlighted, getButtonProps, closeOnClick, menuEvents, store, isContextMenu, contextMenuContext, itemMetadata, nodeId]);
+  const mergedRef = useMergedRefs(itemRef, buttonRef);
+  return React.useMemo(() => ({
+    getItemProps,
+    itemRef: mergedRef
+  }), [getItemProps, mergedRef]);
+}
+export {
+  REGULAR_ITEM,
+  useMenuItem
+};
+//# sourceMappingURL=useMenuItem.js.map

package/dist/node_modules/@base-ui/react/esm/menu/item/useMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuItem.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/menu/item/useMenuItem.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMergedRefs } from '@base-ui/utils/useMergedRefs';\nimport { useButton } from \"../../use-button/index.js\";\nimport { mergeProps } from \"../../merge-props/index.js\";\nimport { useContextMenuRootContext } from \"../../context-menu/root/ContextMenuRootContext.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nexport const REGULAR_ITEM = {\n  type: 'regular-item'\n};\nexport function useMenuItem(params) {\n  const {\n    closeOnClick,\n    disabled = false,\n    highlighted,\n    id,\n    store,\n    nativeButton,\n    itemMetadata,\n    nodeId\n  } = params;\n  const itemRef = React.useRef(null);\n  const contextMenuContext = useContextMenuRootContext(true);\n  const isContextMenu = contextMenuContext !== undefined;\n  const {\n    events: menuEvents\n  } = store.useState('floatingTreeRoot');\n  const {\n    getButtonProps,\n    buttonRef\n  } = useButton({\n    disabled,\n    focusableWhenDisabled: true,\n    native: nativeButton\n  });\n  const getItemProps = React.useCallback(externalProps => {\n    return mergeProps({\n      id,\n      role: 'menuitem',\n      tabIndex: highlighted ? 0 : -1,\n      onMouseMove(event) {\n        if (!nodeId) {\n          return;\n        }\n\n        // Inform the floating tree that a menu item within this menu was hovered/moved over\n        // so unrelated descendant submenus can be closed.\n        menuEvents.emit('itemhover', {\n          nodeId,\n          target: event.currentTarget\n        });\n      },\n      onMouseEnter() {\n        if (itemMetadata.type !== 'submenu-trigger') {\n          return;\n        }\n        itemMetadata.setActive();\n      },\n      onKeyUp(event) {\n        if (event.key === ' ' && store.context.typingRef.current) {\n          event.preventBaseUIHandler();\n        }\n      },\n      onClick(event) {\n        if (closeOnClick) {\n          menuEvents.emit('close', {\n            domEvent: event,\n            reason: REASONS.itemPress\n          });\n        }\n      },\n      onMouseUp(event) {\n        if (contextMenuContext) {\n          const initialCursorPoint = contextMenuContext.initialCursorPointRef.current;\n          contextMenuContext.initialCursorPointRef.current = null;\n          if (isContextMenu && initialCursorPoint && Math.abs(event.clientX - initialCursorPoint.x) <= 1 && Math.abs(event.clientY - initialCursorPoint.y) <= 1) {\n            return;\n          }\n        }\n        if (itemRef.current && store.context.allowMouseUpTriggerRef.current && (!isContextMenu || event.button === 2)) {\n          // This fires whenever the user clicks on the trigger, moves the cursor, and releases it over the item.\n          // We trigger the click and override the `closeOnClick` preference to always close the menu.\n          if (itemMetadata.type === 'regular-item') {\n            itemRef.current.click();\n          }\n        }\n      }\n    }, externalProps, getButtonProps);\n  }, [id, highlighted, getButtonProps, closeOnClick, menuEvents, store, isContextMenu, contextMenuContext, itemMetadata, nodeId]);\n  const mergedRef = useMergedRefs(itemRef, buttonRef);\n  return React.useMemo(() => ({\n    getItemProps,\n    itemRef: mergedRef\n  }), [getItemProps, mergedRef]);\n}"],"names":["REASONS.itemPress"],"mappings":";;;;;;;AAQY;AAAgB;AAE5B;AACO;AACL;AAAM;AACJ;AACW;AACX;AACA;AACA;AACA;AACA;AACA;AAEF;AACA;AACA;AACA;AAAM;AACI;AAEV;AAAM;AACJ;AACA;AACY;AACZ;AACuB;AACf;AAEV;AACE;AAAkB;AAChB;AACM;AACsB;AAE1B;AACE;AAAA;AAKF;AAA6B;AAC3B;AACc;AACf;AACH;AAEE;AACE;AAAA;AAEF;AAAsB;AACxB;AAEE;AACE;AAA0B;AAC5B;AACF;AAEE;AACE;AAAyB;AACb;AACFA;AACT;AACH;AACF;AAEE;AACE;AACA;AACA;AACE;AAAA;AACF;AAEF;AAGE;AACE;AAAqB;AACvB;AACF;AACF;AAC8B;AAElC;AACA;AAA4B;AAC1B;AACS;AAEb;;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/menu/popup/MenuPopup.js

@@ -0,0 +1,117 @@
+"use client";
+import * as React from "react";
+import { useMenuRootContext } from "../root/MenuRootContext.js";
+import { useMenuPositionerContext } from "../positioner/MenuPositionerContext.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { popupStateMapping } from "../../utils/popupStateMapping.js";
+import { transitionStatusMapping } from "../../utils/stateAttributesMapping.js";
+import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { useToolbarRootContext } from "../../toolbar/root/ToolbarRootContext.js";
+import { COMPOSITE_KEYS } from "../../composite/composite.js";
+import { getDisabledMountTransitionStyles } from "../../utils/getDisabledMountTransitionStyles.js";
+import { jsx } from "react/jsx-runtime";
+import { useHoverFloatingInteraction } from "../../floating-ui-react/hooks/useHoverFloatingInteraction.js";
+import { FloatingFocusManager } from "../../floating-ui-react/components/FloatingFocusManager.js";
+import { outsidePress } from "../../utils/reason-parts.js";
+const stateAttributesMapping = {
+  ...popupStateMapping,
+  ...transitionStatusMapping
+};
+const MenuPopup = /* @__PURE__ */ React.forwardRef(function MenuPopup2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    finalFocus,
+    ...elementProps
+  } = componentProps;
+  const {
+    store
+  } = useMenuRootContext();
+  const {
+    side,
+    align
+  } = useMenuPositionerContext();
+  const insideToolbar = useToolbarRootContext() != null;
+  const open = store.useState("open");
+  const transitionStatus = store.useState("transitionStatus");
+  const popupProps = store.useState("popupProps");
+  const mounted = store.useState("mounted");
+  const instantType = store.useState("instantType");
+  const triggerElement = store.useState("activeTriggerElement");
+  const parent = store.useState("parent");
+  const lastOpenChangeReason = store.useState("lastOpenChangeReason");
+  const rootId = store.useState("rootId");
+  const floatingContext = store.useState("floatingRootContext");
+  const floatingTreeRoot = store.useState("floatingTreeRoot");
+  const closeDelay = store.useState("closeDelay");
+  const activeTriggerElement = store.useState("activeTriggerElement");
+  useOpenChangeComplete({
+    open,
+    ref: store.context.popupRef,
+    onComplete() {
+      if (open) {
+        store.context.onOpenChangeComplete?.(true);
+      }
+    }
+  });
+  React.useEffect(() => {
+    function handleClose(event) {
+      store.setOpen(false, createChangeEventDetails(event.reason, event.domEvent));
+    }
+    floatingTreeRoot.events.on("close", handleClose);
+    return () => {
+      floatingTreeRoot.events.off("close", handleClose);
+    };
+  }, [floatingTreeRoot.events, store]);
+  const hoverEnabled = store.useState("hoverEnabled");
+  const disabled = store.useState("disabled");
+  useHoverFloatingInteraction(floatingContext, {
+    enabled: hoverEnabled && !disabled && parent.type !== "context-menu" && parent.type !== "menubar",
+    closeDelay
+  });
+  const state = React.useMemo(() => ({
+    transitionStatus,
+    side,
+    align,
+    open,
+    nested: parent.type === "menu",
+    instant: instantType
+  }), [transitionStatus, side, align, open, parent.type, instantType]);
+  const element = useRenderElement("div", componentProps, {
+    state,
+    ref: [forwardedRef, store.context.popupRef],
+    stateAttributesMapping,
+    props: [popupProps, {
+      onKeyDown(event) {
+        if (insideToolbar && COMPOSITE_KEYS.has(event.key)) {
+          event.stopPropagation();
+        }
+      }
+    }, getDisabledMountTransitionStyles(transitionStatus), elementProps, {
+      "data-rootownerid": rootId
+    }]
+  });
+  let returnFocus = parent.type === void 0 || parent.type === "context-menu";
+  if (triggerElement || parent.type === "menubar" && lastOpenChangeReason !== outsidePress) {
+    returnFocus = true;
+  }
+  return /* @__PURE__ */ jsx(FloatingFocusManager, {
+    context: floatingContext,
+    modal: false,
+    disabled: !mounted,
+    returnFocus: finalFocus === void 0 ? returnFocus : finalFocus,
+    initialFocus: parent.type !== "menu",
+    restoreFocus: true,
+    externalTree: parent.type !== "menubar" ? floatingTreeRoot : void 0,
+    previousFocusableElement: activeTriggerElement,
+    nextFocusableElement: parent.type === void 0 ? store.context.triggerFocusTargetRef : void 0,
+    beforeContentFocusGuardRef: parent.type === void 0 ? store.context.beforeContentFocusGuardRef : void 0,
+    children: element
+  });
+});
+if (process.env.NODE_ENV !== "production") MenuPopup.displayName = "MenuPopup";
+export {
+  MenuPopup
+};
+//# sourceMappingURL=MenuPopup.js.map

package/dist/node_modules/@base-ui/react/esm/menu/popup/MenuPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPopup.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/menu/popup/MenuPopup.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { FloatingFocusManager, useHoverFloatingInteraction } from \"../../floating-ui-react/index.js\";\nimport { useMenuRootContext } from \"../root/MenuRootContext.js\";\nimport { useMenuPositionerContext } from \"../positioner/MenuPositionerContext.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { popupStateMapping as baseMapping } from \"../../utils/popupStateMapping.js\";\nimport { transitionStatusMapping } from \"../../utils/stateAttributesMapping.js\";\nimport { useOpenChangeComplete } from \"../../utils/useOpenChangeComplete.js\";\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { useToolbarRootContext } from \"../../toolbar/root/ToolbarRootContext.js\";\nimport { COMPOSITE_KEYS } from \"../../composite/composite.js\";\nimport { getDisabledMountTransitionStyles } from \"../../utils/getDisabledMountTransitionStyles.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst stateAttributesMapping = {\n  ...baseMapping,\n  ...transitionStatusMapping\n};\n\n/**\n * A container for the menu items.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)\n */\nexport const MenuPopup = /*#__PURE__*/React.forwardRef(function MenuPopup(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    finalFocus,\n    ...elementProps\n  } = componentProps;\n  const {\n    store\n  } = useMenuRootContext();\n  const {\n    side,\n    align\n  } = useMenuPositionerContext();\n  const insideToolbar = useToolbarRootContext(true) != null;\n  const open = store.useState('open');\n  const transitionStatus = store.useState('transitionStatus');\n  const popupProps = store.useState('popupProps');\n  const mounted = store.useState('mounted');\n  const instantType = store.useState('instantType');\n  const triggerElement = store.useState('activeTriggerElement');\n  const parent = store.useState('parent');\n  const lastOpenChangeReason = store.useState('lastOpenChangeReason');\n  const rootId = store.useState('rootId');\n  const floatingContext = store.useState('floatingRootContext');\n  const floatingTreeRoot = store.useState('floatingTreeRoot');\n  const closeDelay = store.useState('closeDelay');\n  const activeTriggerElement = store.useState('activeTriggerElement');\n  useOpenChangeComplete({\n    open,\n    ref: store.context.popupRef,\n    onComplete() {\n      if (open) {\n        store.context.onOpenChangeComplete?.(true);\n      }\n    }\n  });\n  React.useEffect(() => {\n    function handleClose(event) {\n      store.setOpen(false, createChangeEventDetails(event.reason, event.domEvent));\n    }\n    floatingTreeRoot.events.on('close', handleClose);\n    return () => {\n      floatingTreeRoot.events.off('close', handleClose);\n    };\n  }, [floatingTreeRoot.events, store]);\n  const hoverEnabled = store.useState('hoverEnabled');\n  const disabled = store.useState('disabled');\n  useHoverFloatingInteraction(floatingContext, {\n    enabled: hoverEnabled && !disabled && parent.type !== 'context-menu' && parent.type !== 'menubar',\n    closeDelay\n  });\n  const state = React.useMemo(() => ({\n    transitionStatus,\n    side,\n    align,\n    open,\n    nested: parent.type === 'menu',\n    instant: instantType\n  }), [transitionStatus, side, align, open, parent.type, instantType]);\n  const element = useRenderElement('div', componentProps, {\n    state,\n    ref: [forwardedRef, store.context.popupRef],\n    stateAttributesMapping,\n    props: [popupProps, {\n      onKeyDown(event) {\n        if (insideToolbar && COMPOSITE_KEYS.has(event.key)) {\n          event.stopPropagation();\n        }\n      }\n    }, getDisabledMountTransitionStyles(transitionStatus), elementProps, {\n      'data-rootownerid': rootId\n    }]\n  });\n  let returnFocus = parent.type === undefined || parent.type === 'context-menu';\n  if (triggerElement || parent.type === 'menubar' && lastOpenChangeReason !== REASONS.outsidePress) {\n    returnFocus = true;\n  }\n  return /*#__PURE__*/_jsx(FloatingFocusManager, {\n    context: floatingContext,\n    modal: false,\n    disabled: !mounted,\n    returnFocus: finalFocus === undefined ? returnFocus : finalFocus,\n    initialFocus: parent.type !== 'menu',\n    restoreFocus: true,\n    externalTree: parent.type !== 'menubar' ? floatingTreeRoot : undefined,\n    previousFocusableElement: activeTriggerElement,\n    nextFocusableElement: parent.type === undefined ? store.context.triggerFocusTargetRef : undefined,\n    beforeContentFocusGuardRef: parent.type === undefined ? store.context.beforeContentFocusGuardRef : undefined,\n    children: element\n  });\n});\nif (process.env.NODE_ENV !== \"production\") MenuPopup.displayName = \"MenuPopup\";"],"names":["baseMapping"],"mappings":";;;;;;;;;;;;;;;;AAgBA;AAA+B;AAC1BA;AAEL;AAQY;AACV;AAAM;AACJ;AACA;AACA;AACG;AAEL;AAAM;AACJ;AAEF;AAAM;AACJ;AACA;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAsB;AACpB;AACmB;AAEjB;AACE;AAAyC;AAC3C;AACF;AAEF;AACE;AACE;AAA2E;AAE7E;AACA;AACE;AAAgD;AAClD;AAEF;AACA;AACA;AAA6C;AAC6C;AACxF;AAEF;AAAmC;AACjC;AACA;AACA;AACA;AACwB;AACf;AAEX;AAAwD;AACtD;AAC0C;AAC1C;AACoB;AAEhB;AACE;AAAqB;AACvB;AACF;AACmE;AAC/C;AACrB;AAEH;AACA;AACE;AAAc;AAEhB;AAA+C;AACpC;AACF;AACI;AAC2C;AACxB;AAChB;AAC+C;AACnC;AAC8D;AACW;AACzF;AAEd;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/menu/portal/MenuPortal.js

@@ -0,0 +1,32 @@
+"use client";
+import * as React from "react";
+import { useMenuRootContext } from "../root/MenuRootContext.js";
+import { MenuPortalContext } from "./MenuPortalContext.js";
+import { jsx } from "react/jsx-runtime";
+import { FloatingPortal } from "../../floating-ui-react/components/FloatingPortal.js";
+const MenuPortal = /* @__PURE__ */ React.forwardRef(function MenuPortal2(props, forwardedRef) {
+  const {
+    keepMounted = false,
+    ...portalProps
+  } = props;
+  const {
+    store
+  } = useMenuRootContext();
+  const mounted = store.useState("mounted");
+  const shouldRender = mounted || keepMounted;
+  if (!shouldRender) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(MenuPortalContext.Provider, {
+    value: keepMounted,
+    children: /* @__PURE__ */ jsx(FloatingPortal, {
+      ref: forwardedRef,
+      ...portalProps
+    })
+  });
+});
+if (process.env.NODE_ENV !== "production") MenuPortal.displayName = "MenuPortal";
+export {
+  MenuPortal
+};
+//# sourceMappingURL=MenuPortal.js.map

package/dist/node_modules/@base-ui/react/esm/menu/portal/MenuPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPortal.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/menu/portal/MenuPortal.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { FloatingPortal } from \"../../floating-ui-react/index.js\";\nimport { useMenuRootContext } from \"../root/MenuRootContext.js\";\nimport { MenuPortalContext } from \"./MenuPortalContext.js\";\n\n/**\n * A portal element that moves the popup to a different part of the DOM.\n * By default, the portal element is appended to `<body>`.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const MenuPortal = /*#__PURE__*/React.forwardRef(function MenuPortal(props, forwardedRef) {\n  const {\n    keepMounted = false,\n    ...portalProps\n  } = props;\n  const {\n    store\n  } = useMenuRootContext();\n  const mounted = store.useState('mounted');\n  const shouldRender = mounted || keepMounted;\n  if (!shouldRender) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(MenuPortalContext.Provider, {\n    value: keepMounted,\n    children: /*#__PURE__*/_jsx(FloatingPortal, {\n      ref: forwardedRef,\n      ...portalProps\n    })\n  });\n});\nif (process.env.NODE_ENV !== \"production\") MenuPortal.displayName = \"MenuPortal\";"],"names":[],"mappings":";;;;;;AAeY;AACV;AAAM;AACU;AACX;AAEL;AAAM;AACJ;AAEF;AACA;AACA;AACE;AAAO;AAET;AAAqD;AAC5C;AACqC;AACrC;AACF;AACJ;AAEL;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/menu/portal/MenuPortalContext.js

@@ -0,0 +1,16 @@
+import formatErrorMessage from "../../../../utils/esm/formatErrorMessage.js";
+import * as React from "react";
+const MenuPortalContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") MenuPortalContext.displayName = "MenuPortalContext";
+function useMenuPortalContext() {
+  const value = React.useContext(MenuPortalContext);
+  if (value === void 0) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Menu.Portal> is missing." : formatErrorMessage(32));
+  }
+  return value;
+}
+export {
+  MenuPortalContext,
+  useMenuPortalContext
+};
+//# sourceMappingURL=MenuPortalContext.js.map

package/dist/node_modules/@base-ui/react/esm/menu/portal/MenuPortalContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPortalContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/menu/portal/MenuPortalContext.js"],"sourcesContent":["import _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const MenuPortalContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") MenuPortalContext.displayName = \"MenuPortalContext\";\nexport function useMenuPortalContext() {\n  const value = React.useContext(MenuPortalContext);\n  if (value === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: <Menu.Portal> is missing.' : _formatErrorMessage(32));\n  }\n  return value;\n}"],"names":["_formatErrorMessage"],"mappings":";;AAEY,MAAC,oBAAiC,sBAAM,cAAc,MAAS;AAC3E,IAAI,QAAQ,IAAI,aAAa,aAAc,mBAAkB,cAAc;AACpE,SAAS,uBAAuB;AACrC,QAAM,QAAQ,MAAM,WAAW,iBAAiB;AAChD,MAAI,UAAU,QAAW;AACvB,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,uCAAuCA,mBAAoB,EAAE,CAAC;AAAA,EACxH;AACA,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/menu/positioner/MenuPositioner.js

@@ -0,0 +1,216 @@
+"use client";
+import * as React from "react";
+import { inertValue } from "../../../../utils/esm/inertValue.js";
+import { MenuPositionerContext } from "./MenuPositionerContext.js";
+import { useMenuRootContext } from "../root/MenuRootContext.js";
+import { useAnchorPositioning } from "../../utils/useAnchorPositioning.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { popupStateMapping } from "../../utils/popupStateMapping.js";
+import { CompositeList } from "../../composite/list/CompositeList.js";
+import { InternalBackdrop } from "../../utils/InternalBackdrop.js";
+import { useMenuPortalContext } from "../portal/MenuPortalContext.js";
+import { DROPDOWN_COLLISION_AVOIDANCE, POPUP_COLLISION_AVOIDANCE } from "../../utils/constants.js";
+import { useContextMenuRootContext } from "../../context-menu/root/ContextMenuRootContext.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { FloatingNode } from "../../floating-ui-react/components/FloatingTree.js";
+import { triggerHover, siblingOpen } from "../../utils/reason-parts.js";
+const MenuPositioner = /* @__PURE__ */ React.forwardRef(function MenuPositioner2(componentProps, forwardedRef) {
+  const {
+    anchor: anchorProp,
+    positionMethod: positionMethodProp = "absolute",
+    className,
+    render,
+    side,
+    align: alignProp,
+    sideOffset: sideOffsetProp = 0,
+    alignOffset: alignOffsetProp = 0,
+    collisionBoundary = "clipping-ancestors",
+    collisionPadding = 5,
+    arrowPadding = 5,
+    sticky = false,
+    disableAnchorTracking = false,
+    collisionAvoidance: collisionAvoidanceProp = DROPDOWN_COLLISION_AVOIDANCE,
+    ...elementProps
+  } = componentProps;
+  const {
+    store
+  } = useMenuRootContext();
+  const keepMounted = useMenuPortalContext();
+  const contextMenuContext = useContextMenuRootContext(true);
+  const parent = store.useState("parent");
+  const floatingRootContext = store.useState("floatingRootContext");
+  const floatingTreeRoot = store.useState("floatingTreeRoot");
+  const mounted = store.useState("mounted");
+  const open = store.useState("open");
+  const modal = store.useState("modal");
+  const triggerElement = store.useState("activeTriggerElement");
+  const lastOpenChangeReason = store.useState("lastOpenChangeReason");
+  const floatingNodeId = store.useState("floatingNodeId");
+  const floatingParentNodeId = store.useState("floatingParentNodeId");
+  let anchor = anchorProp;
+  let sideOffset = sideOffsetProp;
+  let alignOffset = alignOffsetProp;
+  let align = alignProp;
+  let collisionAvoidance = collisionAvoidanceProp;
+  if (parent.type === "context-menu") {
+    anchor = anchorProp ?? parent.context?.anchor;
+    align = align ?? "start";
+    if (!side && align !== "center") {
+      alignOffset = componentProps.alignOffset ?? 2;
+      sideOffset = componentProps.sideOffset ?? -5;
+    }
+  }
+  let computedSide = side;
+  let computedAlign = align;
+  if (parent.type === "menu") {
+    computedSide = computedSide ?? "inline-end";
+    computedAlign = computedAlign ?? "start";
+    collisionAvoidance = componentProps.collisionAvoidance ?? POPUP_COLLISION_AVOIDANCE;
+  } else if (parent.type === "menubar") {
+    computedSide = computedSide ?? "bottom";
+    computedAlign = computedAlign ?? "start";
+  }
+  const contextMenu = parent.type === "context-menu";
+  const positioner = useAnchorPositioning({
+    anchor,
+    floatingRootContext,
+    positionMethod: contextMenuContext ? "fixed" : positionMethodProp,
+    mounted,
+    side: computedSide,
+    sideOffset,
+    align: computedAlign,
+    alignOffset,
+    arrowPadding: contextMenu ? 0 : arrowPadding,
+    collisionBoundary,
+    collisionPadding,
+    sticky,
+    nodeId: floatingNodeId,
+    keepMounted,
+    disableAnchorTracking,
+    collisionAvoidance,
+    shiftCrossAxis: contextMenu,
+    externalTree: floatingTreeRoot
+  });
+  const positionerProps = React.useMemo(() => {
+    const hiddenStyles = {};
+    if (!open) {
+      hiddenStyles.pointerEvents = "none";
+    }
+    return {
+      role: "presentation",
+      hidden: !mounted,
+      style: {
+        ...positioner.positionerStyles,
+        ...hiddenStyles
+      }
+    };
+  }, [open, mounted, positioner.positionerStyles]);
+  React.useEffect(() => {
+    function onMenuOpenChange(details) {
+      if (details.open) {
+        if (details.parentNodeId === floatingNodeId) {
+          store.set("hoverEnabled", false);
+        }
+        if (details.nodeId !== floatingNodeId && details.parentNodeId === store.select("floatingParentNodeId")) {
+          store.setOpen(false, createChangeEventDetails(siblingOpen));
+        }
+      } else if (details.parentNodeId === floatingNodeId) {
+        if (details.reason !== siblingOpen) {
+          store.set("hoverEnabled", true);
+        }
+      }
+    }
+    floatingTreeRoot.events.on("menuopenchange", onMenuOpenChange);
+    return () => {
+      floatingTreeRoot.events.off("menuopenchange", onMenuOpenChange);
+    };
+  }, [store, floatingTreeRoot.events, floatingNodeId]);
+  React.useEffect(() => {
+    if (store.select("floatingParentNodeId") == null) {
+      return void 0;
+    }
+    function onParentClose(details) {
+      if (details.open || details.nodeId !== store.select("floatingParentNodeId")) {
+        return;
+      }
+      const reason = details.reason ?? siblingOpen;
+      store.setOpen(false, createChangeEventDetails(reason));
+    }
+    floatingTreeRoot.events.on("menuopenchange", onParentClose);
+    return () => {
+      floatingTreeRoot.events.off("menuopenchange", onParentClose);
+    };
+  }, [floatingTreeRoot.events, store]);
+  React.useEffect(() => {
+    function onItemHover(event) {
+      if (!open || event.nodeId !== store.select("floatingParentNodeId")) {
+        return;
+      }
+      if (event.target && triggerElement && triggerElement !== event.target) {
+        store.setOpen(false, createChangeEventDetails(siblingOpen));
+      }
+    }
+    floatingTreeRoot.events.on("itemhover", onItemHover);
+    return () => {
+      floatingTreeRoot.events.off("itemhover", onItemHover);
+    };
+  }, [floatingTreeRoot.events, open, triggerElement, store]);
+  React.useEffect(() => {
+    const eventDetails = {
+      open,
+      nodeId: floatingNodeId,
+      parentNodeId: floatingParentNodeId,
+      reason: store.select("lastOpenChangeReason")
+    };
+    floatingTreeRoot.events.emit("menuopenchange", eventDetails);
+  }, [floatingTreeRoot.events, open, store, floatingNodeId, floatingParentNodeId]);
+  const state = React.useMemo(() => ({
+    open,
+    side: positioner.side,
+    align: positioner.align,
+    anchorHidden: positioner.anchorHidden,
+    nested: parent.type === "menu"
+  }), [open, positioner.side, positioner.align, positioner.anchorHidden, parent.type]);
+  const contextValue = React.useMemo(() => ({
+    side: positioner.side,
+    align: positioner.align,
+    arrowRef: positioner.arrowRef,
+    arrowUncentered: positioner.arrowUncentered,
+    arrowStyles: positioner.arrowStyles,
+    nodeId: positioner.context.nodeId
+  }), [positioner.side, positioner.align, positioner.arrowRef, positioner.arrowUncentered, positioner.arrowStyles, positioner.context.nodeId]);
+  const element = useRenderElement("div", componentProps, {
+    state,
+    stateAttributesMapping: popupStateMapping,
+    ref: [forwardedRef, store.useStateSetter("positionerElement")],
+    props: [positionerProps, elementProps]
+  });
+  const shouldRenderBackdrop = mounted && parent.type !== "menu" && (parent.type !== "menubar" && modal && lastOpenChangeReason !== triggerHover || parent.type === "menubar" && parent.context.modal);
+  let backdropCutout = null;
+  if (parent.type === "menubar") {
+    backdropCutout = parent.context.contentElement;
+  } else if (parent.type === void 0) {
+    backdropCutout = triggerElement;
+  }
+  return /* @__PURE__ */ jsxs(MenuPositionerContext.Provider, {
+    value: contextValue,
+    children: [shouldRenderBackdrop && /* @__PURE__ */ jsx(InternalBackdrop, {
+      ref: parent.type === "context-menu" || parent.type === "nested-context-menu" ? parent.context.internalBackdropRef : null,
+      inert: inertValue(!open),
+      cutout: backdropCutout
+    }), /* @__PURE__ */ jsx(FloatingNode, {
+      id: floatingNodeId,
+      children: /* @__PURE__ */ jsx(CompositeList, {
+        elementsRef: store.context.itemDomElements,
+        labelsRef: store.context.itemLabels,
+        children: element
+      })
+    })]
+  });
+});
+if (process.env.NODE_ENV !== "production") MenuPositioner.displayName = "MenuPositioner";
+export {
+  MenuPositioner
+};
+//# sourceMappingURL=MenuPositioner.js.map