@neynar/ui 0.4.0 → 0.5.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuPositioner.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/menu/positioner/MenuPositioner.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { inertValue } from '@base-ui/utils/inertValue';\nimport { FloatingNode } from \"../../floating-ui-react/index.js\";\nimport { MenuPositionerContext } from \"./MenuPositionerContext.js\";\nimport { useMenuRootContext } from \"../root/MenuRootContext.js\";\nimport { useAnchorPositioning } from \"../../utils/useAnchorPositioning.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { popupStateMapping } from \"../../utils/popupStateMapping.js\";\nimport { CompositeList } from \"../../composite/list/CompositeList.js\";\nimport { InternalBackdrop } from \"../../utils/InternalBackdrop.js\";\nimport { useMenuPortalContext } from \"../portal/MenuPortalContext.js\";\nimport { DROPDOWN_COLLISION_AVOIDANCE, POPUP_COLLISION_AVOIDANCE } from \"../../utils/constants.js\";\nimport { useContextMenuRootContext } from \"../../context-menu/root/ContextMenuRootContext.js\";\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/**\n * Positions the menu popup against the trigger.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)\n */\nexport const MenuPositioner = /*#__PURE__*/React.forwardRef(function MenuPositioner(componentProps, forwardedRef) {\n  const {\n    anchor: anchorProp,\n    positionMethod: positionMethodProp = 'absolute',\n    className,\n    render,\n    side,\n    align: alignProp,\n    sideOffset: sideOffsetProp = 0,\n    alignOffset: alignOffsetProp = 0,\n    collisionBoundary = 'clipping-ancestors',\n    collisionPadding = 5,\n    arrowPadding = 5,\n    sticky = false,\n    disableAnchorTracking = false,\n    collisionAvoidance: collisionAvoidanceProp = DROPDOWN_COLLISION_AVOIDANCE,\n    ...elementProps\n  } = componentProps;\n  const {\n    store\n  } = useMenuRootContext();\n  const keepMounted = useMenuPortalContext();\n  const contextMenuContext = useContextMenuRootContext(true);\n  const parent = store.useState('parent');\n  const floatingRootContext = store.useState('floatingRootContext');\n  const floatingTreeRoot = store.useState('floatingTreeRoot');\n  const mounted = store.useState('mounted');\n  const open = store.useState('open');\n  const modal = store.useState('modal');\n  const triggerElement = store.useState('activeTriggerElement');\n  const lastOpenChangeReason = store.useState('lastOpenChangeReason');\n  const floatingNodeId = store.useState('floatingNodeId');\n  const floatingParentNodeId = store.useState('floatingParentNodeId');\n  let anchor = anchorProp;\n  let sideOffset = sideOffsetProp;\n  let alignOffset = alignOffsetProp;\n  let align = alignProp;\n  let collisionAvoidance = collisionAvoidanceProp;\n  if (parent.type === 'context-menu') {\n    anchor = anchorProp ?? parent.context?.anchor;\n    align = align ?? 'start';\n    if (!side && align !== 'center') {\n      alignOffset = componentProps.alignOffset ?? 2;\n      sideOffset = componentProps.sideOffset ?? -5;\n    }\n  }\n  let computedSide = side;\n  let computedAlign = align;\n  if (parent.type === 'menu') {\n    computedSide = computedSide ?? 'inline-end';\n    computedAlign = computedAlign ?? 'start';\n    collisionAvoidance = componentProps.collisionAvoidance ?? POPUP_COLLISION_AVOIDANCE;\n  } else if (parent.type === 'menubar') {\n    computedSide = computedSide ?? 'bottom';\n    computedAlign = computedAlign ?? 'start';\n  }\n  const contextMenu = parent.type === 'context-menu';\n  const positioner = useAnchorPositioning({\n    anchor,\n    floatingRootContext,\n    positionMethod: contextMenuContext ? 'fixed' : positionMethodProp,\n    mounted,\n    side: computedSide,\n    sideOffset,\n    align: computedAlign,\n    alignOffset,\n    arrowPadding: contextMenu ? 0 : arrowPadding,\n    collisionBoundary,\n    collisionPadding,\n    sticky,\n    nodeId: floatingNodeId,\n    keepMounted,\n    disableAnchorTracking,\n    collisionAvoidance,\n    shiftCrossAxis: contextMenu,\n    externalTree: floatingTreeRoot\n  });\n  const positionerProps = React.useMemo(() => {\n    const hiddenStyles = {};\n    if (!open) {\n      hiddenStyles.pointerEvents = 'none';\n    }\n    return {\n      role: 'presentation',\n      hidden: !mounted,\n      style: {\n        ...positioner.positionerStyles,\n        ...hiddenStyles\n      }\n    };\n  }, [open, mounted, positioner.positionerStyles]);\n  React.useEffect(() => {\n    function onMenuOpenChange(details) {\n      if (details.open) {\n        if (details.parentNodeId === floatingNodeId) {\n          store.set('hoverEnabled', false);\n        }\n        if (details.nodeId !== floatingNodeId && details.parentNodeId === store.select('floatingParentNodeId')) {\n          store.setOpen(false, createChangeEventDetails(REASONS.siblingOpen));\n        }\n      } else if (details.parentNodeId === floatingNodeId) {\n        // Re-enable hover on the parent when a child closes, except when the child\n        // closed due to hovering a different sibling item in this parent (sibling-open).\n        // Keeping hover disabled in that scenario prevents the parent from closing\n        // immediately when the pointer then leaves it.\n        if (details.reason !== REASONS.siblingOpen) {\n          store.set('hoverEnabled', true);\n        }\n      }\n    }\n    floatingTreeRoot.events.on('menuopenchange', onMenuOpenChange);\n    return () => {\n      floatingTreeRoot.events.off('menuopenchange', onMenuOpenChange);\n    };\n  }, [store, floatingTreeRoot.events, floatingNodeId]);\n  React.useEffect(() => {\n    if (store.select('floatingParentNodeId') == null) {\n      return undefined;\n    }\n    function onParentClose(details) {\n      if (details.open || details.nodeId !== store.select('floatingParentNodeId')) {\n        return;\n      }\n      const reason = details.reason ?? REASONS.siblingOpen;\n      store.setOpen(false, createChangeEventDetails(reason));\n    }\n    floatingTreeRoot.events.on('menuopenchange', onParentClose);\n    return () => {\n      floatingTreeRoot.events.off('menuopenchange', onParentClose);\n    };\n  }, [floatingTreeRoot.events, store]);\n\n  // Close unrelated child submenus when hovering a different item in the parent menu.\n  React.useEffect(() => {\n    function onItemHover(event) {\n      // If an item within our parent menu is hovered, and this menu's trigger is not that item,\n      // close this submenu. This ensures hovering a different item in the parent closes other branches.\n      if (!open || event.nodeId !== store.select('floatingParentNodeId')) {\n        return;\n      }\n      if (event.target && triggerElement && triggerElement !== event.target) {\n        store.setOpen(false, createChangeEventDetails(REASONS.siblingOpen));\n      }\n    }\n    floatingTreeRoot.events.on('itemhover', onItemHover);\n    return () => {\n      floatingTreeRoot.events.off('itemhover', onItemHover);\n    };\n  }, [floatingTreeRoot.events, open, triggerElement, store]);\n  React.useEffect(() => {\n    const eventDetails = {\n      open,\n      nodeId: floatingNodeId,\n      parentNodeId: floatingParentNodeId,\n      reason: store.select('lastOpenChangeReason')\n    };\n    floatingTreeRoot.events.emit('menuopenchange', eventDetails);\n  }, [floatingTreeRoot.events, open, store, floatingNodeId, floatingParentNodeId]);\n  const state = React.useMemo(() => ({\n    open,\n    side: positioner.side,\n    align: positioner.align,\n    anchorHidden: positioner.anchorHidden,\n    nested: parent.type === 'menu'\n  }), [open, positioner.side, positioner.align, positioner.anchorHidden, parent.type]);\n  const contextValue = React.useMemo(() => ({\n    side: positioner.side,\n    align: positioner.align,\n    arrowRef: positioner.arrowRef,\n    arrowUncentered: positioner.arrowUncentered,\n    arrowStyles: positioner.arrowStyles,\n    nodeId: positioner.context.nodeId\n  }), [positioner.side, positioner.align, positioner.arrowRef, positioner.arrowUncentered, positioner.arrowStyles, positioner.context.nodeId]);\n  const element = useRenderElement('div', componentProps, {\n    state,\n    stateAttributesMapping: popupStateMapping,\n    ref: [forwardedRef, store.useStateSetter('positionerElement')],\n    props: [positionerProps, elementProps]\n  });\n  const shouldRenderBackdrop = mounted && parent.type !== 'menu' && (parent.type !== 'menubar' && modal && lastOpenChangeReason !== REASONS.triggerHover || parent.type === 'menubar' && parent.context.modal);\n\n  // cuts a hole in the backdrop to allow pointer interaction with the menubar or dropdown menu trigger element\n  let backdropCutout = null;\n  if (parent.type === 'menubar') {\n    backdropCutout = parent.context.contentElement;\n  } else if (parent.type === undefined) {\n    backdropCutout = triggerElement;\n  }\n  return /*#__PURE__*/_jsxs(MenuPositionerContext.Provider, {\n    value: contextValue,\n    children: [shouldRenderBackdrop && /*#__PURE__*/_jsx(InternalBackdrop, {\n      ref: parent.type === 'context-menu' || parent.type === 'nested-context-menu' ? parent.context.internalBackdropRef : null,\n      inert: inertValue(!open),\n      cutout: backdropCutout\n    }), /*#__PURE__*/_jsx(FloatingNode, {\n      id: floatingNodeId,\n      children: /*#__PURE__*/_jsx(CompositeList, {\n        elementsRef: store.context.itemDomElements,\n        labelsRef: store.context.itemLabels,\n        children: element\n      })\n    })]\n  });\n});\nif (process.env.NODE_ENV !== \"production\") MenuPositioner.displayName = \"MenuPositioner\";"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwBY;AACV;AAAM;AACI;AAC6B;AACrC;AACA;AACA;AACO;AACsB;AACE;AACX;AACD;AACJ;AACN;AACe;AACqB;AAC1C;AAEL;AAAM;AACJ;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACE;AACA;AACA;AACE;AACA;AAA0C;AAC5C;AAEF;AACA;AACA;AACE;AACA;AACA;AAA0D;AAE1D;AACA;AAAiC;AAEnC;AACA;AAAwC;AACtC;AACA;AAC+C;AAC/C;AACM;AACN;AACO;AACP;AACgC;AAChC;AACA;AACA;AACQ;AACR;AACA;AACA;AACgB;AACF;AAEhB;AACE;AACA;AACE;AAA6B;AAE/B;AAAO;AACC;AACG;AACF;AACS;AACX;AACX;AACA;AAEE;AACE;AACE;AACE;AACE;AAA+B;AAEjC;AACE;AAAkE;AACpE;AAMA;AACE;AAA8B;AAChC;AACF;AAEF;AACA;AACE;AAA8D;AAChE;AAEF;AACE;AACE;AAAO;AAET;AACE;AACE;AAAA;AAEF;AACA;AAAqD;AAEvD;AACA;AACE;AAA2D;AAC7D;AAIF;AACE;AAGE;AACE;AAAA;AAEF;AACE;AAAkE;AACpE;AAEF;AACA;AACE;AAAoD;AACtD;AAEF;AACE;AAAqB;AACnB;AACQ;AACM;AAC6B;AAE7C;AAA2D;AAE7D;AAAmC;AACjC;AACiB;AACC;AACO;AACD;AAE1B;AAA0C;AACvB;AACC;AACG;AACO;AACJ;AACG;AAE7B;AAAwD;AACtD;AACwB;AACqC;AACxB;AAEvC;AAGA;AACA;AACE;AAAgC;AAEhC;AAAiB;AAEnB;AAA0D;AACjD;AACgE;AAC+C;AAC7F;AACf;AAC0B;AAC9B;AACuC;AACd;AACF;AACf;AACX;AACD;AAEN;AACA;;;;","x_google_ignoreList":[0]}

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

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

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

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

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

@@ -0,0 +1,57 @@
+"use client";
+import * as React from "react";
+import { useControlled } from "../../../../utils/esm/useControlled.js";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { MenuRadioGroupContext } from "./MenuRadioGroupContext.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { jsx } from "react/jsx-runtime";
+const MenuRadioGroup = /* @__PURE__ */ React.memo(/* @__PURE__ */ React.forwardRef(function MenuRadioGroup2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    value: valueProp,
+    defaultValue,
+    onValueChange: onValueChangeProp,
+    disabled = false,
+    ...elementProps
+  } = componentProps;
+  const [value, setValueUnwrapped] = useControlled({
+    controlled: valueProp,
+    default: defaultValue,
+    name: "MenuRadioGroup"
+  });
+  const onValueChange = useStableCallback(onValueChangeProp);
+  const setValue = useStableCallback((newValue, eventDetails) => {
+    onValueChange?.(newValue, eventDetails);
+    if (eventDetails.isCanceled) {
+      return;
+    }
+    setValueUnwrapped(newValue);
+  });
+  const state = React.useMemo(() => ({
+    disabled
+  }), [disabled]);
+  const element = useRenderElement("div", componentProps, {
+    state,
+    ref: forwardedRef,
+    props: {
+      role: "group",
+      "aria-disabled": disabled || void 0,
+      ...elementProps
+    }
+  });
+  const context = React.useMemo(() => ({
+    value,
+    setValue,
+    disabled
+  }), [value, setValue, disabled]);
+  return /* @__PURE__ */ jsx(MenuRadioGroupContext.Provider, {
+    value: context,
+    children: element
+  });
+}));
+if (process.env.NODE_ENV !== "production") MenuRadioGroup.displayName = "MenuRadioGroup";
+export {
+  MenuRadioGroup
+};
+//# sourceMappingURL=MenuRadioGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuRadioGroup.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/menu/radio-group/MenuRadioGroup.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useControlled } from '@base-ui/utils/useControlled';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { MenuRadioGroupContext } from \"./MenuRadioGroupContext.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n/**\n * Groups related radio items.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)\n */\nexport const MenuRadioGroup = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function MenuRadioGroup(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    value: valueProp,\n    defaultValue,\n    onValueChange: onValueChangeProp,\n    disabled = false,\n    ...elementProps\n  } = componentProps;\n  const [value, setValueUnwrapped] = useControlled({\n    controlled: valueProp,\n    default: defaultValue,\n    name: 'MenuRadioGroup'\n  });\n  const onValueChange = useStableCallback(onValueChangeProp);\n  const setValue = useStableCallback((newValue, eventDetails) => {\n    onValueChange?.(newValue, eventDetails);\n    if (eventDetails.isCanceled) {\n      return;\n    }\n    setValueUnwrapped(newValue);\n  });\n  const state = React.useMemo(() => ({\n    disabled\n  }), [disabled]);\n  const element = useRenderElement('div', componentProps, {\n    state,\n    ref: forwardedRef,\n    props: {\n      role: 'group',\n      'aria-disabled': disabled || undefined,\n      ...elementProps\n    }\n  });\n  const context = React.useMemo(() => ({\n    value,\n    setValue,\n    disabled\n  }), [value, setValue, disabled]);\n  return /*#__PURE__*/_jsx(MenuRadioGroupContext.Provider, {\n    value: context,\n    children: element\n  });\n}));\nif (process.env.NODE_ENV !== \"production\") MenuRadioGroup.displayName = \"MenuRadioGroup\";"],"names":[],"mappings":";;;;;;;AAcY;AACV;AAAM;AACJ;AACA;AACO;AACP;AACe;AACJ;AACR;AAEL;AAAiD;AACnC;AACH;AACH;AAER;AACA;AACE;AACA;AACE;AAAA;AAEF;AAA0B;AAE5B;AAAmC;AACjC;AAEF;AAAwD;AACtD;AACK;AACE;AACC;AACuB;AAC1B;AACT;AAEE;AAAqC;AACnC;AACA;AACA;AAEF;AAAyD;AAChD;AACG;AAEd;AACA;;;;","x_google_ignoreList":[0]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuRadioGroupContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/menu/radio-group/MenuRadioGroupContext.js"],"sourcesContent":["import _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const MenuRadioGroupContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") MenuRadioGroupContext.displayName = \"MenuRadioGroupContext\";\nexport function useMenuRadioGroupContext() {\n  const context = React.useContext(MenuRadioGroupContext);\n  if (context === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: MenuRadioGroupContext is missing. MenuRadioGroup parts must be placed within <Menu.RadioGroup>.' : _formatErrorMessage(34));\n  }\n  return context;\n}"],"names":["_formatErrorMessage"],"mappings":";;AAEY,MAAC,wBAAqC,sBAAM,cAAc,MAAS;AAC/E,IAAI,QAAQ,IAAI,aAAa,aAAc,uBAAsB,cAAc;AACxE,SAAS,2BAA2B;AACzC,QAAM,UAAU,MAAM,WAAW,qBAAqB;AACtD,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,6GAA6GA,mBAAoB,EAAE,CAAC;AAAA,EAC9L;AACA,SAAO;AACT;","x_google_ignoreList":[0]}

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

@@ -0,0 +1,90 @@
+"use client";
+import * as React from "react";
+import { useStableCallback } from "../../../../utils/esm/useStableCallback.js";
+import { useMenuRootContext } from "../root/MenuRootContext.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { useBaseUiId } from "../../utils/useBaseUiId.js";
+import { useMenuRadioGroupContext } from "../radio-group/MenuRadioGroupContext.js";
+import { MenuRadioItemContext } from "./MenuRadioItemContext.js";
+import { itemMapping } from "../utils/stateAttributesMapping.js";
+import { useCompositeListItem } from "../../composite/list/useCompositeListItem.js";
+import { useMenuItem, REGULAR_ITEM } from "../item/useMenuItem.js";
+import { useMenuPositionerContext } from "../positioner/MenuPositionerContext.js";
+import { createChangeEventDetails } from "../../utils/createBaseUIEventDetails.js";
+import { jsx } from "react/jsx-runtime";
+import { itemPress } from "../../utils/reason-parts.js";
+const MenuRadioItem = /* @__PURE__ */ React.forwardRef(function MenuRadioItem2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    id: idProp,
+    label,
+    nativeButton = false,
+    disabled: disabledProp = false,
+    closeOnClick = false,
+    value,
+    ...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 {
+    value: selectedValue,
+    setValue: setSelectedValue,
+    disabled: groupDisabled
+  } = useMenuRadioGroupContext();
+  const disabled = groupDisabled || disabledProp;
+  const checked = selectedValue === value;
+  const {
+    getItemProps,
+    itemRef
+  } = useMenuItem({
+    closeOnClick,
+    disabled,
+    highlighted,
+    id,
+    store,
+    nativeButton,
+    nodeId: menuPositionerContext?.nodeId,
+    itemMetadata: REGULAR_ITEM
+  });
+  const state = React.useMemo(() => ({
+    disabled,
+    highlighted,
+    checked
+  }), [disabled, highlighted, checked]);
+  const handleClick = useStableCallback((event) => {
+    const details = {
+      ...createChangeEventDetails(itemPress, event.nativeEvent),
+      preventUnmountOnClose: () => {
+      }
+    };
+    setSelectedValue(value, details);
+  });
+  const element = useRenderElement("div", componentProps, {
+    state,
+    stateAttributesMapping: itemMapping,
+    props: [itemProps, {
+      role: "menuitemradio",
+      "aria-checked": checked,
+      onClick: handleClick
+    }, elementProps, getItemProps],
+    ref: [itemRef, forwardedRef, listItem.ref]
+  });
+  return /* @__PURE__ */ jsx(MenuRadioItemContext.Provider, {
+    value: state,
+    children: element
+  });
+});
+if (process.env.NODE_ENV !== "production") MenuRadioItem.displayName = "MenuRadioItem";
+export {
+  MenuRadioItem
+};
+//# sourceMappingURL=MenuRadioItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuRadioItem.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/menu/radio-item/MenuRadioItem.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useStableCallback } from '@base-ui/utils/useStableCallback';\nimport { useMenuRootContext } from \"../root/MenuRootContext.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { useBaseUiId } from \"../../utils/useBaseUiId.js\";\nimport { useMenuRadioGroupContext } from \"../radio-group/MenuRadioGroupContext.js\";\nimport { MenuRadioItemContext } from \"./MenuRadioItemContext.js\";\nimport { itemMapping } from \"../utils/stateAttributesMapping.js\";\nimport { useCompositeListItem } from \"../../composite/list/useCompositeListItem.js\";\nimport { REGULAR_ITEM, useMenuItem } from \"../item/useMenuItem.js\";\nimport { useMenuPositionerContext } from \"../positioner/MenuPositionerContext.js\";\nimport { createChangeEventDetails } from \"../../utils/createBaseUIEventDetails.js\";\nimport { REASONS } from \"../../utils/reasons.js\";\n\n/**\n * A menu item that works like a radio button in a given group.\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 MenuRadioItem = /*#__PURE__*/React.forwardRef(function MenuRadioItem(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    id: idProp,\n    label,\n    nativeButton = false,\n    disabled: disabledProp = false,\n    closeOnClick = false,\n    value,\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    value: selectedValue,\n    setValue: setSelectedValue,\n    disabled: groupDisabled\n  } = useMenuRadioGroupContext();\n  const disabled = groupDisabled || disabledProp;\n  const checked = selectedValue === value;\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    checked\n  }), [disabled, highlighted, checked]);\n  const handleClick = useStableCallback(event => {\n    const details = {\n      ...createChangeEventDetails(REASONS.itemPress, event.nativeEvent),\n      preventUnmountOnClose: () => {}\n    };\n    setSelectedValue(value, details);\n  });\n  const element = useRenderElement('div', componentProps, {\n    state,\n    stateAttributesMapping: itemMapping,\n    props: [itemProps, {\n      role: 'menuitemradio',\n      'aria-checked': checked,\n      onClick: handleClick\n    }, elementProps, getItemProps],\n    ref: [itemRef, forwardedRef, listItem.ref]\n  });\n  return /*#__PURE__*/_jsx(MenuRadioItemContext.Provider, {\n    value: state,\n    children: element\n  });\n});\nif (process.env.NODE_ENV !== \"production\") MenuRadioItem.displayName = \"MenuRadioItem\";"],"names":[],"mappings":";;;;;;;;;;;;;;;AAuBY;AACV;AAAM;AACJ;AACA;AACI;AACJ;AACe;AACU;AACV;AACf;AACG;AAEL;AAAsC;AACpC;AAEF;AACA;AACA;AAAM;AACJ;AAEF;AACA;AACA;AAAM;AACG;AACG;AACA;AAEZ;AACA;AACA;AAAM;AACJ;AACA;AACc;AACd;AACA;AACA;AACA;AACA;AACA;AAC+B;AACjB;AAEhB;AAAmC;AACjC;AACA;AACA;AAEF;AACE;AAAgB;AACkD;AACnC;AAAC;AAEhC;AAA+B;AAEjC;AAAwD;AACtD;AACwB;AACL;AACX;AACU;AACP;AACkB;AACY;AAE3C;AAAwD;AAC/C;AACG;AAEd;AACA;;;;","x_google_ignoreList":[0]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MenuRadioItemContext.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/menu/radio-item/MenuRadioItemContext.js"],"sourcesContent":["import _formatErrorMessage from \"@base-ui/utils/formatErrorMessage\";\nimport * as React from 'react';\nexport const MenuRadioItemContext = /*#__PURE__*/React.createContext(undefined);\nif (process.env.NODE_ENV !== \"production\") MenuRadioItemContext.displayName = \"MenuRadioItemContext\";\nexport function useMenuRadioItemContext() {\n  const context = React.useContext(MenuRadioItemContext);\n  if (context === undefined) {\n    throw new Error(process.env.NODE_ENV !== \"production\" ? 'Base UI: MenuRadioItemContext is missing. MenuRadioItem parts must be placed within <Menu.RadioItem>.' : _formatErrorMessage(35));\n  }\n  return context;\n}"],"names":["_formatErrorMessage"],"mappings":";;AAEY,MAAC,uBAAoC,sBAAM,cAAc,MAAS;AAC9E,IAAI,QAAQ,IAAI,aAAa,aAAc,sBAAqB,cAAc;AACvE,SAAS,0BAA0B;AACxC,QAAM,UAAU,MAAM,WAAW,oBAAoB;AACrD,MAAI,YAAY,QAAW;AACzB,UAAM,IAAI,MAAM,QAAQ,IAAI,aAAa,eAAe,0GAA0GA,mBAAoB,EAAE,CAAC;AAAA,EAC3L;AACA,SAAO;AACT;","x_google_ignoreList":[0]}

package/dist/node_modules/@base-ui/react/esm/menu/radio-item-indicator/MenuRadioItemIndicator.js

@@ -0,0 +1,52 @@
+"use client";
+import * as React from "react";
+import { useMenuRadioItemContext } from "../radio-item/MenuRadioItemContext.js";
+import { useRenderElement } from "../../utils/useRenderElement.js";
+import { itemMapping } from "../utils/stateAttributesMapping.js";
+import { useTransitionStatus } from "../../utils/useTransitionStatus.js";
+import { useOpenChangeComplete } from "../../utils/useOpenChangeComplete.js";
+const MenuRadioItemIndicator = /* @__PURE__ */ React.forwardRef(function MenuRadioItemIndicator2(componentProps, forwardedRef) {
+  const {
+    render,
+    className,
+    keepMounted = false,
+    ...elementProps
+  } = componentProps;
+  const item = useMenuRadioItemContext();
+  const indicatorRef = React.useRef(null);
+  const {
+    transitionStatus,
+    setMounted
+  } = useTransitionStatus(item.checked);
+  useOpenChangeComplete({
+    open: item.checked,
+    ref: indicatorRef,
+    onComplete() {
+      if (!item.checked) {
+        setMounted(false);
+      }
+    }
+  });
+  const state = React.useMemo(() => ({
+    checked: item.checked,
+    disabled: item.disabled,
+    highlighted: item.highlighted,
+    transitionStatus
+  }), [item.checked, item.disabled, item.highlighted, transitionStatus]);
+  const element = useRenderElement("span", componentProps, {
+    state,
+    stateAttributesMapping: itemMapping,
+    ref: [forwardedRef, indicatorRef],
+    props: {
+      "aria-hidden": true,
+      ...elementProps
+    },
+    enabled: keepMounted || item.checked
+  });
+  return element;
+});
+if (process.env.NODE_ENV !== "production") MenuRadioItemIndicator.displayName = "MenuRadioItemIndicator";
+export {
+  MenuRadioItemIndicator
+};
+//# sourceMappingURL=MenuRadioItemIndicator.js.map

package/dist/node_modules/@base-ui/react/esm/menu/radio-item-indicator/MenuRadioItemIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuRadioItemIndicator.js","sources":["../../../../../../../node_modules/@base-ui/react/esm/menu/radio-item-indicator/MenuRadioItemIndicator.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useMenuRadioItemContext } from \"../radio-item/MenuRadioItemContext.js\";\nimport { useRenderElement } from \"../../utils/useRenderElement.js\";\nimport { itemMapping } from \"../utils/stateAttributesMapping.js\";\nimport { useTransitionStatus } from \"../../utils/useTransitionStatus.js\";\nimport { useOpenChangeComplete } from \"../../utils/useOpenChangeComplete.js\";\n\n/**\n * Indicates whether the radio item is selected.\n * Renders a `<div>` element.\n *\n * Documentation: [Base UI Menu](https://base-ui.com/react/components/menu)\n */\nexport const MenuRadioItemIndicator = /*#__PURE__*/React.forwardRef(function MenuRadioItemIndicator(componentProps, forwardedRef) {\n  const {\n    render,\n    className,\n    keepMounted = false,\n    ...elementProps\n  } = componentProps;\n  const item = useMenuRadioItemContext();\n  const indicatorRef = React.useRef(null);\n  const {\n    transitionStatus,\n    setMounted\n  } = useTransitionStatus(item.checked);\n  useOpenChangeComplete({\n    open: item.checked,\n    ref: indicatorRef,\n    onComplete() {\n      if (!item.checked) {\n        setMounted(false);\n      }\n    }\n  });\n  const state = React.useMemo(() => ({\n    checked: item.checked,\n    disabled: item.disabled,\n    highlighted: item.highlighted,\n    transitionStatus\n  }), [item.checked, item.disabled, item.highlighted, transitionStatus]);\n  const element = useRenderElement('span', componentProps, {\n    state,\n    stateAttributesMapping: itemMapping,\n    ref: [forwardedRef, indicatorRef],\n    props: {\n      'aria-hidden': true,\n      ...elementProps\n    },\n    enabled: keepMounted || item.checked\n  });\n  return element;\n});\nif (process.env.NODE_ENV !== \"production\") MenuRadioItemIndicator.displayName = \"MenuRadioItemIndicator\";"],"names":[],"mappings":";;;;;;;AAeY;AACV;AAAM;AACJ;AACA;AACc;AACX;AAEL;AACA;AACA;AAAM;AACJ;AACA;AAEF;AAAsB;AACT;AACN;AAEH;AACE;AAAgB;AAClB;AACF;AAEF;AAAmC;AACnB;AACC;AACG;AAClB;AAEF;AAAyD;AACvD;AACwB;AACQ;AACzB;AACU;AACZ;AACT;AACiC;AAE/B;AACF;AACA;;;;","x_google_ignoreList":[0]}