@neynar/ui 0.3.1 → 0.5.0

package/dist/node_modules/@base-ui/react/esm/menubar/MenubarContext.js

@@ -0,0 +1,17 @@
+"use client";
+import formatErrorMessage from "../../../utils/esm/formatErrorMessage.js";
+import * as React from "react";
+const MenubarContext = /* @__PURE__ */ React.createContext(null);
+if (process.env.NODE_ENV !== "production") MenubarContext.displayName = "MenubarContext";
+function useMenubarContext(optional) {
+  const context = React.useContext(MenubarContext);
+  if (context === null && !optional) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenubarContext is missing. Menubar parts must be placed within <Menubar>." : formatErrorMessage(5));
+  }
+  return context;
+}
+export {
+  MenubarContext,
+  useMenubarContext
+};
+//# sourceMappingURL=MenubarContext.js.map

package/dist/node_modules/@base-ui/react/esm/menubar/MenubarContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenubarContext.js","sources":["../../../../../../node_modules/@base-ui/react/esm/menubar/MenubarContext.js"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const MenubarContext = /*#__PURE__*/React.createContext(null);\nif (process.env.NODE_ENV !== \"production\") MenubarContext.displayName = \"MenubarContext\";\nexport function useMenubarContext(optional) {\n  const context = React.useContext(MenubarContext);\n  if (context === null && !optional) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: MenubarContext is missing. Menubar parts must be placed within <Menubar>.' : _formatErrorMessage(5));\n  }\n  return context;\n}"],"names":[],"mappings":";;;AAIY;AACZ;AACO;AACL;AACA;AACE;AAAqK;AAEvK;AACF;;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/merge-props/mergeProps.js

@@ -0,0 +1,129 @@
+import { mergeObjects } from "../../../utils/esm/mergeObjects.js";
+const EMPTY_PROPS = {};
+function mergeProps(a, b, c, d, e) {
+  let merged = {
+    ...resolvePropsGetter(a, EMPTY_PROPS)
+  };
+  if (b) {
+    merged = mergeOne(merged, b);
+  }
+  if (c) {
+    merged = mergeOne(merged, c);
+  }
+  if (d) {
+    merged = mergeOne(merged, d);
+  }
+  if (e) {
+    merged = mergeOne(merged, e);
+  }
+  return merged;
+}
+function mergePropsN(props) {
+  if (props.length === 0) {
+    return EMPTY_PROPS;
+  }
+  if (props.length === 1) {
+    return resolvePropsGetter(props[0], EMPTY_PROPS);
+  }
+  let merged = {
+    ...resolvePropsGetter(props[0], EMPTY_PROPS)
+  };
+  for (let i = 1; i < props.length; i += 1) {
+    merged = mergeOne(merged, props[i]);
+  }
+  return merged;
+}
+function mergeOne(merged, inputProps) {
+  if (isPropsGetter(inputProps)) {
+    return inputProps(merged);
+  }
+  return mutablyMergeInto(merged, inputProps);
+}
+function mutablyMergeInto(mergedProps, externalProps) {
+  if (!externalProps) {
+    return mergedProps;
+  }
+  for (const propName in externalProps) {
+    const externalPropValue = externalProps[propName];
+    switch (propName) {
+      case "style": {
+        mergedProps[propName] = mergeObjects(mergedProps.style, externalPropValue);
+        break;
+      }
+      case "className": {
+        mergedProps[propName] = mergeClassNames(mergedProps.className, externalPropValue);
+        break;
+      }
+      default: {
+        if (isEventHandler(propName, externalPropValue)) {
+          mergedProps[propName] = mergeEventHandlers(mergedProps[propName], externalPropValue);
+        } else {
+          mergedProps[propName] = externalPropValue;
+        }
+      }
+    }
+  }
+  return mergedProps;
+}
+function isEventHandler(key, value) {
+  const code0 = key.charCodeAt(0);
+  const code1 = key.charCodeAt(1);
+  const code2 = key.charCodeAt(2);
+  return code0 === 111 && code1 === 110 && code2 >= 65 && code2 <= 90 && (typeof value === "function" || typeof value === "undefined");
+}
+function isPropsGetter(inputProps) {
+  return typeof inputProps === "function";
+}
+function resolvePropsGetter(inputProps, previousProps) {
+  if (isPropsGetter(inputProps)) {
+    return inputProps(previousProps);
+  }
+  return inputProps ?? EMPTY_PROPS;
+}
+function mergeEventHandlers(ourHandler, theirHandler) {
+  if (!theirHandler) {
+    return ourHandler;
+  }
+  if (!ourHandler) {
+    return theirHandler;
+  }
+  return (event) => {
+    if (isSyntheticEvent(event)) {
+      const baseUIEvent = event;
+      makeEventPreventable(baseUIEvent);
+      const result2 = theirHandler(baseUIEvent);
+      if (!baseUIEvent.baseUIHandlerPrevented) {
+        ourHandler?.(baseUIEvent);
+      }
+      return result2;
+    }
+    const result = theirHandler(event);
+    ourHandler?.(event);
+    return result;
+  };
+}
+function makeEventPreventable(event) {
+  event.preventBaseUIHandler = () => {
+    event.baseUIHandlerPrevented = true;
+  };
+  return event;
+}
+function mergeClassNames(ourClassName, theirClassName) {
+  if (theirClassName) {
+    if (ourClassName) {
+      return theirClassName + " " + ourClassName;
+    }
+    return theirClassName;
+  }
+  return ourClassName;
+}
+function isSyntheticEvent(event) {
+  return event != null && typeof event === "object" && "nativeEvent" in event;
+}
+export {
+  makeEventPreventable,
+  mergeClassNames,
+  mergeProps,
+  mergePropsN
+};
+//# sourceMappingURL=mergeProps.js.map

package/dist/node_modules/@base-ui/react/esm/merge-props/mergeProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mergeProps.js","sources":["../../../../../../node_modules/@base-ui/react/esm/merge-props/mergeProps.js"],"sourcesContent":["import { mergeObjects } from '@base-ui/utils/mergeObjects';\nconst EMPTY_PROPS = {};\n\n/**\n * Merges multiple sets of React props. It follows the Object.assign pattern where the rightmost object's fields overwrite\n * the conflicting ones from others. This doesn't apply to event handlers, `className` and `style` props.\n * Event handlers are merged such that they are called in sequence (the rightmost one being called first),\n * and allows the user to prevent the subsequent event handlers from being\n * executed by attaching a `preventBaseUIHandler` method.\n * It also merges the `className` and `style` props, whereby the classes are concatenated\n * and the rightmost styles overwrite the subsequent ones.\n *\n * Props can either be provided as objects or as functions that take the previous props as an argument.\n * The function will receive the merged props up to that point (going from left to right):\n * so in the case of `(obj1, obj2, fn, obj3)`, `fn` will receive the merged props of `obj1` and `obj2`.\n * The function is responsible for chaining event handlers if needed (i.e. we don't run the merge logic).\n *\n * Event handlers returned by the functions are not automatically prevented when `preventBaseUIHandler` is called.\n * They must check `event.baseUIHandlerPrevented` themselves and bail out if it's true.\n *\n * @important **`ref` is not merged.**\n * @param props props to merge.\n * @returns the merged props.\n */\n/* eslint-disable id-denylist */\n\nexport function mergeProps(a, b, c, d, e) {\n  // We need to mutably own `merged`\n  let merged = {\n    ...resolvePropsGetter(a, EMPTY_PROPS)\n  };\n  if (b) {\n    merged = mergeOne(merged, b);\n  }\n  if (c) {\n    merged = mergeOne(merged, c);\n  }\n  if (d) {\n    merged = mergeOne(merged, d);\n  }\n  if (e) {\n    merged = mergeOne(merged, e);\n  }\n  return merged;\n}\n/* eslint-enable id-denylist */\n\nexport function mergePropsN(props) {\n  if (props.length === 0) {\n    return EMPTY_PROPS;\n  }\n  if (props.length === 1) {\n    return resolvePropsGetter(props[0], EMPTY_PROPS);\n  }\n\n  // We need to mutably own `merged`\n  let merged = {\n    ...resolvePropsGetter(props[0], EMPTY_PROPS)\n  };\n  for (let i = 1; i < props.length; i += 1) {\n    merged = mergeOne(merged, props[i]);\n  }\n  return merged;\n}\nfunction mergeOne(merged, inputProps) {\n  if (isPropsGetter(inputProps)) {\n    return inputProps(merged);\n  }\n  return mutablyMergeInto(merged, inputProps);\n}\n\n/**\n * Merges two sets of props. In case of conflicts, the external props take precedence.\n */\nfunction mutablyMergeInto(mergedProps, externalProps) {\n  if (!externalProps) {\n    return mergedProps;\n  }\n\n  // eslint-disable-next-line guard-for-in\n  for (const propName in externalProps) {\n    const externalPropValue = externalProps[propName];\n    switch (propName) {\n      case 'style':\n        {\n          mergedProps[propName] = mergeObjects(mergedProps.style, externalPropValue);\n          break;\n        }\n      case 'className':\n        {\n          mergedProps[propName] = mergeClassNames(mergedProps.className, externalPropValue);\n          break;\n        }\n      default:\n        {\n          if (isEventHandler(propName, externalPropValue)) {\n            mergedProps[propName] = mergeEventHandlers(mergedProps[propName], externalPropValue);\n          } else {\n            mergedProps[propName] = externalPropValue;\n          }\n        }\n    }\n  }\n  return mergedProps;\n}\nfunction isEventHandler(key, value) {\n  // This approach is more efficient than using a regex.\n  const code0 = key.charCodeAt(0);\n  const code1 = key.charCodeAt(1);\n  const code2 = key.charCodeAt(2);\n  return code0 === 111 /* o */ && code1 === 110 /* n */ && code2 >= 65 /* A */ && code2 <= 90 /* Z */ && (typeof value === 'function' || typeof value === 'undefined');\n}\nfunction isPropsGetter(inputProps) {\n  return typeof inputProps === 'function';\n}\nfunction resolvePropsGetter(inputProps, previousProps) {\n  if (isPropsGetter(inputProps)) {\n    return inputProps(previousProps);\n  }\n  return inputProps ?? EMPTY_PROPS;\n}\nfunction mergeEventHandlers(ourHandler, theirHandler) {\n  if (!theirHandler) {\n    return ourHandler;\n  }\n  if (!ourHandler) {\n    return theirHandler;\n  }\n  return event => {\n    if (isSyntheticEvent(event)) {\n      const baseUIEvent = event;\n      makeEventPreventable(baseUIEvent);\n      const result = theirHandler(baseUIEvent);\n      if (!baseUIEvent.baseUIHandlerPrevented) {\n        ourHandler?.(baseUIEvent);\n      }\n      return result;\n    }\n    const result = theirHandler(event);\n    ourHandler?.(event);\n    return result;\n  };\n}\nexport function makeEventPreventable(event) {\n  event.preventBaseUIHandler = () => {\n    event.baseUIHandlerPrevented = true;\n  };\n  return event;\n}\nexport function mergeClassNames(ourClassName, theirClassName) {\n  if (theirClassName) {\n    if (ourClassName) {\n      // eslint-disable-next-line prefer-template\n      return theirClassName + ' ' + ourClassName;\n    }\n    return theirClassName;\n  }\n  return ourClassName;\n}\nfunction isSyntheticEvent(event) {\n  return event != null && typeof event === 'object' && 'nativeEvent' in event;\n}"],"names":["result"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/navigation-menu/content/NavigationMenuContent.js

@@ -0,0 +1,116 @@
+"use client";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
+import { inertValue } from "../../../../utils/esm/inertValue.js";
+import { useNavigationMenuRootContext, useNavigationMenuTreeContext } from "../root/NavigationMenuRootContext.js";
+import { useNavigationMenuItemContext } from "../item/NavigationMenuItemContext.js";
+import { useTransitionStatus } from "../../utils/useTransitionStatus.js";
+import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
+import { transitionStatusMapping } from "../../utils/stateAttributesMapping.js";
+import { CompositeRoot } from "../../composite/root/CompositeRoot.js";
+import { popupStateMapping } from "../../utils/popupStateMapping.js";
+import { jsx } from "react/jsx-runtime";
+import { FloatingNode } from "../../floating-ui-react/components/FloatingTree.js";
+import { contains, getTarget } from "../../floating-ui-react/utils/element.js";
+const stateAttributesMapping = {
+  ...popupStateMapping,
+  ...transitionStatusMapping,
+  activationDirection(value) {
+    if (!value) {
+      return null;
+    }
+    return {
+      "data-activation-direction": value
+    };
+  }
+};
+const NavigationMenuContent = /* @__PURE__ */ React.forwardRef(function NavigationMenuContent2(componentProps, forwardedRef) {
+  const {
+    className,
+    render,
+    ...elementProps
+  } = componentProps;
+  const {
+    mounted: popupMounted,
+    viewportElement,
+    value,
+    activationDirection,
+    currentContentRef,
+    viewportTargetElement
+  } = useNavigationMenuRootContext();
+  const {
+    value: itemValue
+  } = useNavigationMenuItemContext();
+  const nodeId = useNavigationMenuTreeContext();
+  const open = popupMounted && value === itemValue;
+  const ref = React.useRef(null);
+  const [focusInside, setFocusInside] = React.useState(false);
+  const {
+    mounted,
+    setMounted,
+    transitionStatus
+  } = useTransitionStatus(open);
+  useOpenChangeComplete({
+    ref,
+    open,
+    onComplete() {
+      if (!open) {
+        setMounted(false);
+      }
+    }
+  });
+  const state = React.useMemo(() => ({
+    open,
+    transitionStatus,
+    activationDirection
+  }), [open, transitionStatus, activationDirection]);
+  const handleCurrentContentRef = React.useCallback((node) => {
+    if (node) {
+      currentContentRef.current = node;
+    }
+  }, [currentContentRef]);
+  const commonProps = {
+    onFocus(event) {
+      const target = getTarget(event.nativeEvent);
+      if (target?.hasAttribute("data-base-ui-focus-guard")) {
+        return;
+      }
+      setFocusInside(true);
+    },
+    onBlur(event) {
+      if (!contains(event.currentTarget, event.relatedTarget)) {
+        setFocusInside(false);
+      }
+    }
+  };
+  const defaultProps = !open && mounted ? {
+    style: {
+      position: "absolute",
+      top: 0,
+      left: 0
+    },
+    inert: inertValue(!focusInside),
+    ...commonProps
+  } : commonProps;
+  const portalContainer = viewportTargetElement || viewportElement;
+  const shouldRender = portalContainer !== null && mounted;
+  if (!portalContainer || !shouldRender) {
+    return null;
+  }
+  return /* @__PURE__ */ ReactDOM.createPortal(/* @__PURE__ */ jsx(FloatingNode, {
+    id: nodeId,
+    children: /* @__PURE__ */ jsx(CompositeRoot, {
+      render,
+      className,
+      state,
+      refs: [forwardedRef, ref, handleCurrentContentRef],
+      props: [defaultProps, elementProps],
+      stateAttributesMapping
+    })
+  }), portalContainer);
+});
+if (process.env.NODE_ENV !== "production") NavigationMenuContent.displayName = "NavigationMenuContent";
+export {
+  NavigationMenuContent
+};
+//# sourceMappingURL=NavigationMenuContent.js.map

package/dist/node_modules/@base-ui/react/esm/navigation-menu/content/NavigationMenuContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuContent.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/navigation-menu/content/NavigationMenuContent.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { inertValue } from '@base-ui/utils/inertValue';\nimport { FloatingNode } from \"../../floating-ui-react/index.js\";\nimport { contains, getTarget } from \"../../floating-ui-react/utils.js\";\nimport { useNavigationMenuRootContext, useNavigationMenuTreeContext } from \"../root/NavigationMenuRootContext.js\";\nimport { useNavigationMenuItemContext } from \"../item/NavigationMenuItemContext.js\";\nimport { useTransitionStatus } from \"../../utils/useTransitionStatus.js\";\nimport { useOpenChangeComplete } from \"../../utils/useOpenChangeComplete.js\";\nimport { transitionStatusMapping } from \"../../utils/stateAttributesMapping.js\";\nimport { CompositeRoot } from \"../../composite/root/CompositeRoot.js\";\nimport { popupStateMapping } from \"../../utils/popupStateMapping.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst stateAttributesMapping = {\n  ...popupStateMapping,\n  ...transitionStatusMapping,\n  activationDirection(value) {\n    if (!value) {\n      return null;\n    }\n    return {\n      'data-activation-direction': value\n    };\n  }\n};\n\n/**\n * A container for the content of the navigation menu item that is moved into the popup\n * when the item is active.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Navigation Menu](https://base-ui.com/react/components/navigation-menu)\n */\nexport const NavigationMenuContent = /*#__PURE__*/React.forwardRef(function NavigationMenuContent(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    ...elementProps\n  } = componentProps;\n  const {\n    mounted: popupMounted,\n    viewportElement,\n    value,\n    activationDirection,\n    currentContentRef,\n    viewportTargetElement\n  } = useNavigationMenuRootContext();\n  const {\n    value: itemValue\n  } = useNavigationMenuItemContext();\n  const nodeId = useNavigationMenuTreeContext();\n  const open = popupMounted && value === itemValue;\n  const ref = React.useRef(null);\n  const [focusInside, setFocusInside] = React.useState(false);\n  const {\n    mounted,\n    setMounted,\n    transitionStatus\n  } = useTransitionStatus(open);\n  useOpenChangeComplete({\n    ref,\n    open,\n    onComplete() {\n      if (!open) {\n        setMounted(false);\n      }\n    }\n  });\n  const state = React.useMemo(() => ({\n    open,\n    transitionStatus,\n    activationDirection\n  }), [open, transitionStatus, activationDirection]);\n  const handleCurrentContentRef = React.useCallback(node => {\n    if (node) {\n      currentContentRef.current = node;\n    }\n  }, [currentContentRef]);\n  const commonProps = {\n    onFocus(event) {\n      const target = getTarget(event.nativeEvent);\n      if (target?.hasAttribute('data-base-ui-focus-guard')) {\n        return;\n      }\n      setFocusInside(true);\n    },\n    onBlur(event) {\n      if (!contains(event.currentTarget, event.relatedTarget)) {\n        setFocusInside(false);\n      }\n    }\n  };\n  const defaultProps = !open && mounted ? {\n    style: {\n      position: 'absolute',\n      top: 0,\n      left: 0\n    },\n    inert: inertValue(!focusInside),\n    ...commonProps\n  } : commonProps;\n  const portalContainer = viewportTargetElement || viewportElement;\n  const shouldRender = portalContainer !== null && mounted;\n  if (!portalContainer || !shouldRender) {\n    return null;\n  }\n  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/_jsx(FloatingNode, {\n    id: nodeId,\n    children: /*#__PURE__*/_jsx(CompositeRoot, {\n      render: render,\n      className: className,\n      state: state,\n      refs: [forwardedRef, ref, handleCurrentContentRef],\n      props: [defaultProps, elementProps],\n      stateAttributesMapping: stateAttributesMapping\n    })\n  }), portalContainer);\n});\nif (process.env.NODE_ENV !== \"production\") NavigationMenuContent.displayName = \"NavigationMenuContent\";"],"names":[],"mappings":";;;;;;;;;;;;;;AAeA;AAA+B;AAC1B;AACA;AAED;AACE;AAAO;AAET;AAAO;AACwB;AACnC;AAEA;AASY;AACV;AAAM;AACJ;AACA;AACG;AAEL;AAAM;AACK;AACT;AACA;AACA;AACA;AACA;AAEF;AAAM;AACG;AAET;AACA;AACA;AACA;AACA;AAAM;AACJ;AACA;AACA;AAEF;AAAsB;AACpB;AACA;AAEE;AACE;AAAgB;AAClB;AACF;AAEF;AAAmC;AACjC;AACA;AACA;AAEF;AACE;AACE;AAA4B;AAC9B;AAEF;AAAoB;AAEhB;AACA;AACE;AAAA;AAEF;AAAmB;AACrB;AAEE;AACE;AAAoB;AACtB;AACF;AAEF;AAAwC;AAC/B;AACK;AACL;AACC;AACZ;AACkC;AAC3B;AAEL;AACA;AACA;AACE;AAAO;AAET;AAA0E;AACpE;AACuC;AACzC;AACA;AACA;AACiD;AACf;AAClC;AACD;AAEL;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/navigation-menu/icon/NavigationMenuIcon.js

@@ -0,0 +1,39 @@
+"use client";
+import * as React from "react";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useNavigationMenuRootContext } from "../root/NavigationMenuRootContext.js";
+import { triggerOpenStateMapping } from "../../utils/popupStateMapping.js";
+import { useNavigationMenuItemContext } from "../item/NavigationMenuItemContext.js";
+const NavigationMenuIcon = /* @__PURE__ */ React.forwardRef(function NavigationMenuIcon2(componentProps, forwardedRef) {
+  const {
+    className,
+    render,
+    ...elementProps
+  } = componentProps;
+  const {
+    value: itemValue
+  } = useNavigationMenuItemContext();
+  const {
+    open,
+    value
+  } = useNavigationMenuRootContext();
+  const isActiveItem = open && value === itemValue;
+  const state = React.useMemo(() => ({
+    open: isActiveItem
+  }), [isActiveItem]);
+  const element = useRenderElement("span", componentProps, {
+    state,
+    ref: forwardedRef,
+    props: [{
+      "aria-hidden": true,
+      children: "▼"
+    }, elementProps],
+    stateAttributesMapping: triggerOpenStateMapping
+  });
+  return element;
+});
+if (process.env.NODE_ENV !== "production") NavigationMenuIcon.displayName = "NavigationMenuIcon";
+export {
+  NavigationMenuIcon
+};
+//# sourceMappingURL=NavigationMenuIcon.js.map

package/dist/node_modules/@base-ui/react/esm/navigation-menu/icon/NavigationMenuIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuIcon.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/navigation-menu/icon/NavigationMenuIcon.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useNavigationMenuRootContext } from \"../root/NavigationMenuRootContext.js\";\nimport { triggerOpenStateMapping } from \"../../utils/popupStateMapping.js\";\nimport { useNavigationMenuItemContext } from \"../item/NavigationMenuItemContext.js\";\n\n/**\n * An icon that indicates that the trigger button opens a menu.\n *\n * Documentation: [Base UI Navigation Menu](https://base-ui.com/react/components/navigation-menu)\n */\nexport const NavigationMenuIcon = /*#__PURE__*/React.forwardRef(function NavigationMenuIcon(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    ...elementProps\n  } = componentProps;\n  const {\n    value: itemValue\n  } = useNavigationMenuItemContext();\n  const {\n    open,\n    value\n  } = useNavigationMenuRootContext();\n  const isActiveItem = open && value === itemValue;\n  const state = React.useMemo(() => ({\n    open: isActiveItem\n  }), [isActiveItem]);\n  const element = useRenderElement('span', componentProps, {\n    state,\n    ref: forwardedRef,\n    props: [{\n      'aria-hidden': true,\n      children: '▼'\n    }, elementProps],\n    stateAttributesMapping: triggerOpenStateMapping\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") NavigationMenuIcon.displayName = \"NavigationMenuIcon\";"],"names":[],"mappings":";;;;;;AAaY;AACV;AAAM;AACJ;AACA;AACG;AAEL;AAAM;AACG;AAET;AAAM;AACJ;AACA;AAEF;AACA;AAAmC;AAC3B;AAER;AAAyD;AACvD;AACK;AACG;AACS;AACL;AACG;AACS;AAE1B;AACF;AACA;;;;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,32 @@
+"use client";
+import * as React from "react";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { NavigationMenuItemContext } from "./NavigationMenuItemContext.js";
+import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { jsx } from "react/jsx-runtime";
+const NavigationMenuItem = /* @__PURE__ */ React.forwardRef(function NavigationMenuItem2(componentProps, forwardedRef) {
+  const {
+    className,
+    render,
+    value: valueProp,
+    ...elementProps
+  } = componentProps;
+  const fallbackValue = useBaseUiId();
+  const value = valueProp ?? fallbackValue;
+  const element = useRenderElement("li", componentProps, {
+    ref: forwardedRef,
+    props: elementProps
+  });
+  const contextValue = React.useMemo(() => ({
+    value
+  }), [value]);
+  return /* @__PURE__ */ jsx(NavigationMenuItemContext.Provider, {
+    value: contextValue,
+    children: element
+  });
+});
+if (process.env.NODE_ENV !== "production") NavigationMenuItem.displayName = "NavigationMenuItem";
+export {
+  NavigationMenuItem
+};
+//# sourceMappingURL=NavigationMenuItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuItem.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/navigation-menu/item/NavigationMenuItem.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { NavigationMenuItemContext } from \"./NavigationMenuItemContext.js\";\nimport { useBaseUiId } from \"../../utils/useBaseUiId.js\";\n\n/**\n * An individual navigation menu item.\n * Renders a `<li>` element.\n *\n * Documentation: [Base UI Navigation Menu](https://base-ui.com/react/components/navigation-menu)\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const NavigationMenuItem = /*#__PURE__*/React.forwardRef(function NavigationMenuItem(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    value: valueProp,\n    ...elementProps\n  } = componentProps;\n  const fallbackValue = useBaseUiId();\n  const value = valueProp ?? fallbackValue;\n  const element = useRenderElement('li', componentProps, {\n    ref: forwardedRef,\n    props: elementProps\n  });\n  const contextValue = React.useMemo(() => ({\n    value\n  }), [value]);\n  return /*#__PURE__*/_jsx(NavigationMenuItemContext.Provider, {\n    value: contextValue,\n    children: element\n  });\n});\nif (process.env.NODE_ENV !== \"production\") NavigationMenuItem.displayName = \"NavigationMenuItem\";"],"names":[],"mappings":";;;;;;AAcY;AACV;AAAM;AACJ;AACA;AACO;AACJ;AAEL;AACA;AACA;AAAuD;AAChD;AACE;AAET;AAA0C;AACxC;AAEF;AAA6D;AACpD;AACG;AAEd;AACA;;;;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,16 @@
+import formatErrorMessage from "../../../../utils/esm/formatErrorMessage.js";
+import * as React from "react";
+const NavigationMenuItemContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") NavigationMenuItemContext.displayName = "NavigationMenuItemContext";
+function useNavigationMenuItemContext() {
+  const value = React.useContext(NavigationMenuItemContext);
+  if (!value) {
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: NavigationMenuItem parts must be used within a <NavigationMenu.Item>." : formatErrorMessage(39));
+  }
+  return value;
+}
+export {
+  NavigationMenuItemContext,
+  useNavigationMenuItemContext
+};
+//# sourceMappingURL=NavigationMenuItemContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuItemContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/navigation-menu/item/NavigationMenuItemContext.js"],"sourcesContent":["import _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const NavigationMenuItemContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") NavigationMenuItemContext.displayName = \"NavigationMenuItemContext\";\nexport function useNavigationMenuItemContext() {\n  const value = React.useContext(NavigationMenuItemContext);\n  if (!value) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: NavigationMenuItem parts must be used within a <NavigationMenu.Item>.' : _formatErrorMessage(39));\n  }\n  return value;\n}"],"names":["_formatErrorMessage"],"mappings":";;AAEY,MAAC,4BAAyC,sBAAM,cAAc,MAAS;AACnF,IAAI,QAAQ,IAAI,aAAa,aAAc,2BAA0B,cAAc;AAC5E,SAAS,+BAA+B;AAC7C,QAAM,QAAQ,MAAM,WAAW,yBAAyB;AACxD,MAAI,CAAC,OAAO;AACV,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,mFAAmFA,mBAAoB,EAAE,CAAC;AAAA,EACpK;AACA,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/navigation-menu/link/NavigationMenuLink.js

@@ -0,0 +1,64 @@
+"use client";
+import * as React from "react";
+import { useNavigationMenuRootContext, useNavigationMenuTreeContext } from "../root/NavigationMenuRootContext.js";
+import { isOutsideMenuEvent } from "../utils/isOutsideMenuEvent.js";
+import { CompositeItem } from "../../composite/item/CompositeItem.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { jsx } from "react/jsx-runtime";
+import { useFloatingTree } from "../../floating-ui-react/components/FloatingTree.js";
+import { focusOut, linkPress } from "../../utils/reason-parts.js";
+const NavigationMenuLink = /* @__PURE__ */ React.forwardRef(function NavigationMenuLink2(componentProps, forwardedRef) {
+  const {
+    className,
+    render,
+    active = false,
+    closeOnClick = false,
+    ...elementProps
+  } = componentProps;
+  const {
+    setValue,
+    popupElement,
+    positionerElement,
+    rootRef
+  } = useNavigationMenuRootContext();
+  const nodeId = useNavigationMenuTreeContext();
+  const tree = useFloatingTree();
+  const state = React.useMemo(() => ({
+    active
+  }), [active]);
+  const defaultProps = {
+    "aria-current": active ? "page" : void 0,
+    tabIndex: void 0,
+    onClick(event) {
+      if (closeOnClick) {
+        setValue(null, createChangeEventDetails(linkPress, event.nativeEvent));
+      }
+    },
+    onBlur(event) {
+      if (positionerElement && popupElement && isOutsideMenuEvent({
+        currentTarget: event.currentTarget,
+        relatedTarget: event.relatedTarget
+      }, {
+        popupElement,
+        rootRef,
+        tree,
+        nodeId
+      })) {
+        setValue(null, createChangeEventDetails(focusOut, event.nativeEvent));
+      }
+    }
+  };
+  return /* @__PURE__ */ jsx(CompositeItem, {
+    tag: "a",
+    render,
+    className,
+    state,
+    refs: [forwardedRef],
+    props: [defaultProps, elementProps]
+  });
+});
+if (process.env.NODE_ENV !== "production") NavigationMenuLink.displayName = "NavigationMenuLink";
+export {
+  NavigationMenuLink
+};
+//# sourceMappingURL=NavigationMenuLink.js.map

package/dist/node_modules/@base-ui/react/esm/navigation-menu/link/NavigationMenuLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuLink.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/navigation-menu/link/NavigationMenuLink.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useFloatingTree } from \"../../floating-ui-react/index.js\";\nimport { useNavigationMenuRootContext, useNavigationMenuTreeContext } from \"../root/NavigationMenuRootContext.js\";\nimport { isOutsideMenuEvent } from \"../utils/isOutsideMenuEvent.js\";\nimport { CompositeItem } from \"../../composite/item/CompositeItem.js\";\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\n\n/**\n * A link in the navigation menu that can be used to navigate to a different page or section.\n * Renders an `<a>` element.\n *\n * Documentation: [Base UI Navigation Menu](https://base-ui.com/react/components/navigation-menu)\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const NavigationMenuLink = /*#__PURE__*/React.forwardRef(function NavigationMenuLink(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    active = false,\n    closeOnClick = false,\n    ...elementProps\n  } = componentProps;\n  const {\n    setValue,\n    popupElement,\n    positionerElement,\n    rootRef\n  } = useNavigationMenuRootContext();\n  const nodeId = useNavigationMenuTreeContext();\n  const tree = useFloatingTree();\n  const state = React.useMemo(() => ({\n    active\n  }), [active]);\n  const defaultProps = {\n    'aria-current': active ? 'page' : undefined,\n    tabIndex: undefined,\n    onClick(event) {\n      if (closeOnClick) {\n        setValue(null, createChangeEventDetails(REASONS.linkPress, event.nativeEvent));\n      }\n    },\n    onBlur(event) {\n      if (positionerElement && popupElement && isOutsideMenuEvent({\n        currentTarget: event.currentTarget,\n        relatedTarget: event.relatedTarget\n      }, {\n        popupElement,\n        rootRef,\n        tree,\n        nodeId\n      })) {\n        setValue(null, createChangeEventDetails(REASONS.focusOut, event.nativeEvent));\n      }\n    }\n  };\n  return /*#__PURE__*/_jsx(CompositeItem, {\n    tag: \"a\",\n    render: render,\n    className: className,\n    state: state,\n    refs: [forwardedRef],\n    props: [defaultProps, elementProps]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") NavigationMenuLink.displayName = \"NavigationMenuLink\";"],"names":[],"mappings":";;;;;;;;;AAiBY;AACV;AAAM;AACJ;AACA;AACS;AACM;AACZ;AAEL;AAAM;AACJ;AACA;AACA;AACA;AAEF;AACA;AACA;AAAmC;AACjC;AAEF;AAAqB;AACe;AACxB;AAER;AACE;AAA6E;AAC/E;AACF;AAEE;AAA4D;AACrC;AACA;AACpB;AACD;AACA;AACA;AACA;AAEA;AAA4E;AAC9E;AACF;AAEF;AAAwC;AACjC;AACL;AACA;AACA;AACmB;AACe;AAEtC;AACA;;;;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/navigation-menu/list/NavigationMenuDismissContext.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+const NavigationMenuDismissContext = /* @__PURE__ */ React.createContext(void 0);
+if (process.env.NODE_ENV !== "production") NavigationMenuDismissContext.displayName = "NavigationMenuDismissContext";
+function useNavigationMenuDismissContext() {
+  return React.useContext(NavigationMenuDismissContext);
+}
+export {
+  NavigationMenuDismissContext,
+  useNavigationMenuDismissContext
+};
+//# sourceMappingURL=NavigationMenuDismissContext.js.map

package/dist/node_modules/@base-ui/react/esm/navigation-menu/list/NavigationMenuDismissContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuDismissContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/navigation-menu/list/NavigationMenuDismissContext.js"],"sourcesContent":["import * as React from 'react';\nexport const NavigationMenuDismissContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") NavigationMenuDismissContext.displayName = \"NavigationMenuDismissContext\";\nexport function useNavigationMenuDismissContext() {\n  return React.useContext(NavigationMenuDismissContext);\n}"],"names":[],"mappings":";AACY,MAAC,+BAA4C,sBAAM,cAAc,MAAS;AACtF,IAAI,QAAQ,IAAI,aAAa,aAAc,8BAA6B,cAAc;AAC/E,SAAS,kCAAkC;AAChD,SAAO,MAAM,WAAW,4BAA4B;AACtD;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/navigation-menu/list/NavigationMenuList.js

@@ -0,0 +1,82 @@
+"use client";
+import * as React from "react";
+import { CompositeRoot } from "../../composite/root/CompositeRoot.js";
+import { useNavigationMenuRootContext } from "../root/NavigationMenuRootContext.js";
+import { NAVIGATION_MENU_TRIGGER_IDENTIFIER } from "../utils/constants.js";
+import { NavigationMenuDismissContext } from "./NavigationMenuDismissContext.js";
+import { getEmptyRootContext } from "../../floating-ui-react/utils/getEmptyRootContext.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { jsx } from "react/jsx-runtime";
+import { useDismiss } from "../../floating-ui-react/hooks/useDismiss.js";
+import { EMPTY_OBJECT } from "../../../../utils/esm/empty.js";
+import { getTarget } from "../../floating-ui-react/utils/element.js";
+const NavigationMenuList = /* @__PURE__ */ React.forwardRef(function NavigationMenuList2(componentProps, forwardedRef) {
+  const {
+    className,
+    render,
+    ...elementProps
+  } = componentProps;
+  const {
+    orientation,
+    open,
+    floatingRootContext,
+    positionerElement,
+    value,
+    nested
+  } = useNavigationMenuRootContext();
+  const fallbackContext = React.useMemo(() => getEmptyRootContext(), []);
+  const context = floatingRootContext || fallbackContext;
+  const interactionsEnabled = positionerElement ? true : !value;
+  const dismiss = useDismiss(context, {
+    enabled: interactionsEnabled,
+    outsidePressEvent: "intentional",
+    outsidePress(event) {
+      const target = getTarget(event);
+      const closestNavigationMenuTrigger = target?.closest(`[${NAVIGATION_MENU_TRIGGER_IDENTIFIER}]`);
+      return closestNavigationMenuTrigger === null;
+    }
+  });
+  const dismissProps = floatingRootContext ? dismiss : void 0;
+  const state = React.useMemo(() => ({
+    open
+  }), [open]);
+  const defaultProps = nested ? {} : {
+    onKeyDown(event) {
+      const shouldStop = orientation === "horizontal" && (event.key === "ArrowLeft" || event.key === "ArrowRight") || orientation === "vertical" && (event.key === "ArrowUp" || event.key === "ArrowDown");
+      if (shouldStop) {
+        event.stopPropagation();
+      }
+    }
+  };
+  const props = [dismissProps?.floating || EMPTY_OBJECT, defaultProps, elementProps];
+  const element = useRenderElement("ul", componentProps, {
+    state,
+    ref: forwardedRef,
+    props,
+    enabled: nested
+  });
+  if (nested) {
+    return /* @__PURE__ */ jsx(NavigationMenuDismissContext.Provider, {
+      value: dismissProps,
+      children: element
+    });
+  }
+  return /* @__PURE__ */ jsx(NavigationMenuDismissContext.Provider, {
+    value: dismissProps,
+    children: /* @__PURE__ */ jsx(CompositeRoot, {
+      render,
+      className,
+      state,
+      refs: [forwardedRef],
+      props,
+      loopFocus: false,
+      orientation,
+      tag: "ul"
+    })
+  });
+});
+if (process.env.NODE_ENV !== "production") NavigationMenuList.displayName = "NavigationMenuList";
+export {
+  NavigationMenuList
+};
+//# sourceMappingURL=NavigationMenuList.js.map

package/dist/node_modules/@base-ui/react/esm/navigation-menu/list/NavigationMenuList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenuList.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/navigation-menu/list/NavigationMenuList.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useDismiss } from \"../../floating-ui-react/index.js\";\nimport { getTarget } from \"../../floating-ui-react/utils.js\";\nimport { CompositeRoot } from \"../../composite/root/CompositeRoot.js\";\nimport { useNavigationMenuRootContext } from \"../root/NavigationMenuRootContext.js\";\nimport { EMPTY_OBJECT } from \"../../utils/constants.js\";\nimport { NAVIGATION_MENU_TRIGGER_IDENTIFIER } from \"../utils/constants.js\";\nimport { NavigationMenuDismissContext } from \"./NavigationMenuDismissContext.js\";\nimport { getEmptyRootContext } from \"../../floating-ui-react/utils/getEmptyRootContext.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\n\n/**\n * Contains a list of navigation menu items.\n * Renders a `<ul>` element.\n *\n * Documentation: [Base UI Navigation Menu](https://base-ui.com/react/components/navigation-menu)\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport const NavigationMenuList = /*#__PURE__*/React.forwardRef(function NavigationMenuList(componentProps, forwardedRef) {\n  const {\n    className,\n    render,\n    ...elementProps\n  } = componentProps;\n  const {\n    orientation,\n    open,\n    floatingRootContext,\n    positionerElement,\n    value,\n    nested\n  } = useNavigationMenuRootContext();\n  const fallbackContext = React.useMemo(() => getEmptyRootContext(), []);\n  const context = floatingRootContext || fallbackContext;\n  const interactionsEnabled = positionerElement ? true : !value;\n  const dismiss = useDismiss(context, {\n    enabled: interactionsEnabled,\n    outsidePressEvent: 'intentional',\n    outsidePress(event) {\n      const target = getTarget(event);\n      const closestNavigationMenuTrigger = target?.closest(`[${NAVIGATION_MENU_TRIGGER_IDENTIFIER}]`);\n      return closestNavigationMenuTrigger === null;\n    }\n  });\n  const dismissProps = floatingRootContext ? dismiss : undefined;\n  const state = React.useMemo(() => ({\n    open\n  }), [open]);\n\n  // `stopEventPropagation` won't stop the propagation if the end of the list is reached,\n  // but we want to block it in this case.\n  // When nested, skip this handler so arrow keys can reach the parent CompositeRoot.\n  const defaultProps = nested ? {} : {\n    onKeyDown(event) {\n      const shouldStop = orientation === 'horizontal' && (event.key === 'ArrowLeft' || event.key === 'ArrowRight') || orientation === 'vertical' && (event.key === 'ArrowUp' || event.key === 'ArrowDown');\n      if (shouldStop) {\n        event.stopPropagation();\n      }\n    }\n  };\n  const props = [dismissProps?.floating || EMPTY_OBJECT, defaultProps, elementProps];\n\n  // When nested, skip the CompositeRoot wrapper so that triggers can participate\n  // in the parent Content's composite navigation context. Also skip the onKeyDown\n  // handler that blocks propagation so arrow keys can reach the parent CompositeRoot.\n  const element = useRenderElement('ul', componentProps, {\n    state,\n    ref: forwardedRef,\n    props,\n    enabled: nested\n  });\n  if (nested) {\n    return /*#__PURE__*/_jsx(NavigationMenuDismissContext.Provider, {\n      value: dismissProps,\n      children: element\n    });\n  }\n  return /*#__PURE__*/_jsx(NavigationMenuDismissContext.Provider, {\n    value: dismissProps,\n    children: /*#__PURE__*/_jsx(CompositeRoot, {\n      render: render,\n      className: className,\n      state: state,\n      refs: [forwardedRef],\n      props: props,\n      loopFocus: false,\n      orientation: orientation,\n      tag: \"ul\"\n    })\n  });\n});\nif (process.env.NODE_ENV !== \"production\") NavigationMenuList.displayName = \"NavigationMenuList\";"],"names":[],"mappings":";;;;;;;;;;;;AAoBY;AACV;AAAM;AACJ;AACA;AACG;AAEL;AAAM;AACJ;AACA;AACA;AACA;AACA;AACA;AAEF;AACA;AACA;AACA;AAAoC;AACzB;AACU;AAEjB;AACA;AACA;AAAwC;AAC1C;AAEF;AACA;AAAmC;AACjC;AAMF;AAAmC;AAE/B;AACA;AACE;AAAqB;AACvB;AACF;AAEF;AAKA;AAAuD;AACrD;AACK;AACL;AACS;AAEX;AACE;AAAgE;AACvD;AACG;AACX;AAEH;AAAgE;AACvD;AACoC;AACzC;AACA;AACA;AACmB;AACnB;AACW;AACX;AACK;AACN;AAEL;AACA;;;;","x_google_ignoreList":[0]}