@1771technologies/lytenyte-pro 0.0.42 → 0.0.43

package/dist/menu.js

@@ -1,1639 +1,4 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { useMemo, forwardRef } from "react";
-import { clsx } from "@1771technologies/js-utils";
-import { A as ArrowSvg } from "./arrow-svg-evmXDI_J.js";
-import { A as ArrowRightIcon, T as TickmarkIcon } from "./tickmark-icon-CoogRMoO.js";
-import { k as useForkRef, v as useComponentRenderer, w as popupStateMapping, P as PropTypes, m as mergeProps, p as useFloatingTree, y as useOpenChangeComplete, u as useEnhancedEffect, M as FloatingFocusManager, j as useEventCallback, R as triggerOpenStateMapping } from "./InternalBackdrop-Dm9czgoC.js";
-import { u as useMenuRootContext, c as useMenuPositionerContext, M as MenuRoot, a as MenuPortal, b as MenuPositioner } from "./MenuRoot-9n64jNWP.js";
-import { t as transitionStatusMapping, u as useBaseUiId } from "./useBaseUiId-J66PFGv_.js";
-import { u as useButton } from "./useButton-Cy7tjZ__.js";
-import { u as useCompositeListItem } from "./useCompositeListItem-I14CpQPi.js";
-import { a as useControlled, b as useTransitionStatus } from "./useScrollLock-D6h5lZYs.js";
-const MenuArrow$1 = /* @__PURE__ */ React.forwardRef(function MenuArrow(props, forwardedRef) {
-  const {
-    className,
-    render,
-    ...otherProps
-  } = props;
-  const {
-    open
-  } = useMenuRootContext();
-  const {
-    arrowRef,
-    side,
-    align,
-    arrowUncentered,
-    arrowStyles
-  } = useMenuPositionerContext();
-  const state2 = React.useMemo(() => ({
-    open,
-    side,
-    align,
-    uncentered: arrowUncentered
-  }), [open, side, align, arrowUncentered]);
-  const mergedRef = useForkRef(arrowRef, forwardedRef);
-  const {
-    renderElement
-  } = useComponentRenderer({
-    render: render ?? "div",
-    className,
-    state: state2,
-    ref: mergedRef,
-    extraProps: {
-      style: arrowStyles,
-      "aria-hidden": true,
-      ...otherProps
-    },
-    customStyleHookMapping: popupStateMapping
-  });
-  return renderElement();
-});
-process.env.NODE_ENV !== "production" ? MenuArrow$1.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func])
-} : void 0;
-function useMenuItem(params) {
-  const {
-    closeOnClick,
-    disabled = false,
-    highlighted,
-    id,
-    menuEvents,
-    ref: externalRef,
-    allowMouseUpTriggerRef,
-    typingRef
-  } = params;
-  const itemRef = React.useRef(null);
-  const {
-    getButtonProps,
-    buttonRef: mergedRef
-  } = useButton({
-    disabled,
-    focusableWhenDisabled: true,
-    buttonRef: useForkRef(externalRef, itemRef)
-  });
-  const getItemProps = React.useCallback((externalProps) => {
-    return mergeProps({
-      id,
-      role: "menuitem",
-      tabIndex: highlighted ? 0 : -1,
-      onKeyUp: (event) => {
-        if (event.key === " " && typingRef.current) {
-          event.preventBaseUIHandler();
-        }
-      },
-      onClick: (event) => {
-        if (closeOnClick) {
-          menuEvents.emit("close", event);
-        }
-      },
-      onMouseUp: (event) => {
-        if (itemRef.current && allowMouseUpTriggerRef.current) {
-          itemRef.current.click();
-          menuEvents.emit("close", event);
-        }
-      }
-    }, externalProps, getButtonProps);
-  }, [getButtonProps, id, highlighted, typingRef, closeOnClick, menuEvents, allowMouseUpTriggerRef]);
-  return React.useMemo(() => ({
-    getItemProps,
-    rootRef: mergedRef
-  }), [getItemProps, mergedRef]);
-}
-function useMenuCheckboxItem(params) {
-  const {
-    checked: checkedProp,
-    defaultChecked,
-    onCheckedChange,
-    ...other
-  } = params;
-  const [checked, setChecked] = useControlled({
-    controlled: checkedProp,
-    default: defaultChecked ?? false,
-    name: "MenuCheckboxItem",
-    state: "checked"
-  });
-  const {
-    getItemProps: getMenuItemProps,
-    ...menuItem
-  } = useMenuItem(other);
-  const getItemProps = React.useCallback((externalProps) => {
-    return mergeProps({
-      role: "menuitemcheckbox",
-      "aria-checked": checked,
-      onClick: (event) => {
-        setChecked((currentlyChecked) => !currentlyChecked);
-        onCheckedChange?.(!checked, event.nativeEvent);
-      }
-    }, externalProps, getMenuItemProps);
-  }, [checked, getMenuItemProps, onCheckedChange, setChecked]);
-  return React.useMemo(() => ({
-    ...menuItem,
-    getItemProps,
-    checked
-  }), [checked, getItemProps, menuItem]);
-}
-const MenuCheckboxItemContext = /* @__PURE__ */ React.createContext(void 0);
-function useMenuCheckboxItemContext() {
-  const context = React.useContext(MenuCheckboxItemContext);
-  if (context === void 0) {
-    throw new Error("Base UI: MenuCheckboxItemContext is missing. MenuCheckboxItem parts must be placed within <Menu.CheckboxItem>.");
-  }
-  return context;
-}
-const itemMapping = {
-  checked(value) {
-    if (value) {
-      return {
-        "data-checked": ""
-      };
-    }
-    return {
-      "data-unchecked": ""
-    };
-  },
-  ...transitionStatusMapping
-};
-const InnerMenuCheckboxItem = /* @__PURE__ */ React.forwardRef(function InnerMenuItem(props, forwardedRef) {
-  const {
-    checked: checkedProp,
-    defaultChecked,
-    onCheckedChange,
-    className,
-    closeOnClick,
-    disabled = false,
-    highlighted,
-    id,
-    menuEvents,
-    itemProps,
-    render,
-    allowMouseUpTriggerRef,
-    typingRef,
-    ...other
-  } = props;
-  const {
-    getItemProps,
-    checked
-  } = useMenuCheckboxItem({
-    closeOnClick,
-    disabled,
-    highlighted,
-    id,
-    menuEvents,
-    ref: forwardedRef,
-    allowMouseUpTriggerRef,
-    checked: checkedProp,
-    defaultChecked,
-    onCheckedChange,
-    typingRef
-  });
-  const state2 = React.useMemo(() => ({
-    disabled,
-    highlighted,
-    checked
-  }), [disabled, highlighted, checked]);
-  const {
-    renderElement
-  } = useComponentRenderer({
-    render: render || "div",
-    className,
-    state: state2,
-    propGetter: (externalProps) => mergeProps(itemProps, externalProps, getItemProps),
-    customStyleHookMapping: itemMapping,
-    extraProps: other
-  });
-  return /* @__PURE__ */ jsx(MenuCheckboxItemContext.Provider, {
-    value: state2,
-    children: renderElement()
-  });
-});
-process.env.NODE_ENV !== "production" ? InnerMenuCheckboxItem.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  allowMouseUpTriggerRef: PropTypes.shape({
-    current: PropTypes.bool.isRequired
-  }).isRequired,
-  /**
-   * Whether the checkbox item is currently ticked.
-   *
-   * To render an uncontrolled checkbox item, use the `defaultChecked` prop instead.
-   */
-  checked: PropTypes.bool,
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * Whether to close the menu when the item is clicked.
-   */
-  closeOnClick: PropTypes.bool.isRequired,
-  /**
-   * Whether the checkbox item is initially ticked.
-   *
-   * To render a controlled checkbox item, use the `checked` prop instead.
-   * @default false
-   */
-  defaultChecked: PropTypes.bool,
-  /**
-   * Whether the component should ignore user interaction.
-   * @default false
-   */
-  disabled: PropTypes.bool,
-  /**
-   * @ignore
-   */
-  highlighted: PropTypes.bool.isRequired,
-  /**
-   * @ignore
-   */
-  id: PropTypes.string,
-  /**
-   * @ignore
-   */
-  itemProps: PropTypes.object.isRequired,
-  /**
-   * Overrides the text label to use when the item is matched during keyboard text navigation.
-   */
-  label: PropTypes.string,
-  /**
-   * @ignore
-   */
-  menuEvents: PropTypes.shape({
-    emit: PropTypes.func.isRequired,
-    off: PropTypes.func.isRequired,
-    on: PropTypes.func.isRequired
-  }).isRequired,
-  /**
-   * Event handler called when the checkbox item is ticked or unticked.
-   */
-  onCheckedChange: PropTypes.func,
-  /**
-   * The click handler for the menu item.
-   */
-  onClick: PropTypes.func,
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  /**
-   * @ignore
-   */
-  typingRef: PropTypes.shape({
-    current: PropTypes.bool.isRequired
-  }).isRequired
-} : void 0;
-const MemoizedInnerMenuCheckboxItem = /* @__PURE__ */ React.memo(InnerMenuCheckboxItem);
-const MenuCheckboxItem$1 = /* @__PURE__ */ React.forwardRef(function MenuCheckboxItem(props, forwardedRef) {
-  const {
-    id: idProp,
-    label,
-    closeOnClick = false,
-    ...other
-  } = props;
-  const itemRef = React.useRef(null);
-  const listItem = useCompositeListItem({
-    label
-  });
-  const mergedRef = useForkRef(forwardedRef, listItem.ref, itemRef);
-  const {
-    itemProps,
-    activeIndex,
-    allowMouseUpTriggerRef,
-    typingRef
-  } = useMenuRootContext();
-  const id = useBaseUiId(idProp);
-  const highlighted = listItem.index === activeIndex;
-  const {
-    events: menuEvents
-  } = useFloatingTree();
-  return /* @__PURE__ */ jsx(MemoizedInnerMenuCheckboxItem, {
-    ...other,
-    id,
-    ref: mergedRef,
-    highlighted,
-    menuEvents,
-    itemProps,
-    allowMouseUpTriggerRef,
-    typingRef,
-    closeOnClick
-  });
-});
-process.env.NODE_ENV !== "production" ? MenuCheckboxItem$1.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * Whether the checkbox item is currently ticked.
-   *
-   * To render an uncontrolled checkbox item, use the `defaultChecked` prop instead.
-   */
-  checked: PropTypes.bool,
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * Whether to close the menu when the item is clicked.
-   * @default false
-   */
-  closeOnClick: PropTypes.bool,
-  /**
-   * Whether the checkbox item is initially ticked.
-   *
-   * To render a controlled checkbox item, use the `checked` prop instead.
-   * @default false
-   */
-  defaultChecked: PropTypes.bool,
-  /**
-   * Whether the component should ignore user interaction.
-   * @default false
-   */
-  disabled: PropTypes.bool,
-  /**
-   * @ignore
-   */
-  id: PropTypes.string,
-  /**
-   * Overrides the text label to use when the item is matched during keyboard text navigation.
-   */
-  label: PropTypes.string,
-  /**
-   * Event handler called when the checkbox item is ticked or unticked.
-   */
-  onCheckedChange: PropTypes.func,
-  /**
-   * The click handler for the menu item.
-   */
-  onClick: PropTypes.func,
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func])
-} : void 0;
-const MenuCheckboxItemIndicator$1 = /* @__PURE__ */ React.forwardRef(function MenuCheckboxItemIndicator(props, forwardedRef) {
-  const {
-    render,
-    className,
-    keepMounted = false,
-    ...other
-  } = props;
-  const item = useMenuCheckboxItemContext();
-  const indicatorRef = React.useRef(null);
-  const mergedRef = useForkRef(forwardedRef, indicatorRef);
-  const {
-    transitionStatus,
-    setMounted
-  } = useTransitionStatus(item.checked);
-  useOpenChangeComplete({
-    open: item.checked,
-    ref: indicatorRef,
-    onComplete() {
-      if (!item.checked) {
-        setMounted(false);
-      }
-    }
-  });
-  const state2 = React.useMemo(() => ({
-    checked: item.checked,
-    disabled: item.disabled,
-    highlighted: item.highlighted,
-    transitionStatus
-  }), [item.checked, item.disabled, item.highlighted, transitionStatus]);
-  const {
-    renderElement
-  } = useComponentRenderer({
-    render: render || "span",
-    className,
-    state: state2,
-    customStyleHookMapping: itemMapping,
-    extraProps: {
-      "aria-hidden": true,
-      ...other
-    },
-    ref: mergedRef
-  });
-  const shouldRender = keepMounted || item.checked;
-  if (!shouldRender) {
-    return null;
-  }
-  return renderElement();
-});
-process.env.NODE_ENV !== "production" ? MenuCheckboxItemIndicator$1.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * Whether to keep the HTML element in the DOM when the checkbox item is not checked.
-   * @default false
-   */
-  keepMounted: PropTypes.bool,
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func])
-} : void 0;
-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("Base UI: Missing MenuGroupRootContext provider");
-  }
-  return context;
-}
-const state$1 = {};
-const MenuGroup$1 = /* @__PURE__ */ React.forwardRef(function MenuGroup(props, forwardedRef) {
-  const {
-    render,
-    className,
-    ...other
-  } = props;
-  const [labelId, setLabelId] = React.useState(void 0);
-  const context = React.useMemo(() => ({
-    setLabelId
-  }), [setLabelId]);
-  const {
-    renderElement
-  } = useComponentRenderer({
-    render: render || "div",
-    className,
-    state: state$1,
-    extraProps: {
-      role: "group",
-      "aria-labelledby": labelId,
-      ...other
-    },
-    ref: forwardedRef
-  });
-  return /* @__PURE__ */ jsx(MenuGroupContext.Provider, {
-    value: context,
-    children: renderElement()
-  });
-});
-process.env.NODE_ENV !== "production" ? MenuGroup$1.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func])
-} : void 0;
-const state = {};
-const MenuGroupLabel$1 = /* @__PURE__ */ React.forwardRef(function MenuGroupLabelComponent(props, forwardedRef) {
-  const {
-    className,
-    render,
-    id: idProp,
-    ...other
-  } = props;
-  const id = useBaseUiId(idProp);
-  const {
-    setLabelId
-  } = useMenuGroupRootContext();
-  useEnhancedEffect(() => {
-    setLabelId(id);
-    return () => {
-      setLabelId(void 0);
-    };
-  }, [setLabelId, id]);
-  const {
-    renderElement
-  } = useComponentRenderer({
-    render: render ?? "div",
-    className,
-    state,
-    extraProps: {
-      role: "presentation",
-      id,
-      ...other
-    },
-    ref: forwardedRef
-  });
-  return renderElement();
-});
-process.env.NODE_ENV !== "production" ? MenuGroupLabel$1.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * @ignore
-   */
-  id: PropTypes.string,
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func])
-} : void 0;
-const InnerMenuItem2 = /* @__PURE__ */ React.forwardRef(function InnerMenuItem3(props, forwardedRef) {
-  const {
-    className,
-    closeOnClick = true,
-    disabled = false,
-    highlighted,
-    id,
-    menuEvents,
-    itemProps,
-    render,
-    allowMouseUpTriggerRef,
-    typingRef,
-    ...other
-  } = props;
-  const {
-    getItemProps
-  } = useMenuItem({
-    closeOnClick,
-    disabled,
-    highlighted,
-    id,
-    menuEvents,
-    ref: forwardedRef,
-    allowMouseUpTriggerRef,
-    typingRef
-  });
-  const state2 = React.useMemo(() => ({
-    disabled,
-    highlighted
-  }), [disabled, highlighted]);
-  const {
-    renderElement
-  } = useComponentRenderer({
-    render: render || "div",
-    className,
-    state: state2,
-    propGetter: (externalProps) => mergeProps(itemProps, externalProps, getItemProps),
-    extraProps: other
-  });
-  return renderElement();
-});
-const MemoizedInnerMenuItem = /* @__PURE__ */ React.memo(InnerMenuItem2);
-process.env.NODE_ENV !== "production" ? InnerMenuItem2.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  allowMouseUpTriggerRef: PropTypes.shape({
-    current: PropTypes.bool.isRequired
-  }).isRequired,
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * Whether to close the menu when the item is clicked.
-   *
-   * @default true
-   */
-  closeOnClick: PropTypes.bool,
-  /**
-   * Whether the component should ignore user interaction.
-   * @default false
-   */
-  disabled: PropTypes.bool,
-  /**
-   * @ignore
-   */
-  highlighted: PropTypes.bool.isRequired,
-  /**
-   * @ignore
-   */
-  id: PropTypes.string,
-  /**
-   * @ignore
-   */
-  itemProps: PropTypes.object.isRequired,
-  /**
-   * Overrides the text label to use when the item is matched during keyboard text navigation.
-   */
-  label: PropTypes.string,
-  /**
-   * @ignore
-   */
-  menuEvents: PropTypes.shape({
-    emit: PropTypes.func.isRequired,
-    off: PropTypes.func.isRequired,
-    on: PropTypes.func.isRequired
-  }).isRequired,
-  /**
-   * The click handler for the menu item.
-   */
-  onClick: PropTypes.func,
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  /**
-   * @ignore
-   */
-  typingRef: PropTypes.shape({
-    current: PropTypes.bool.isRequired
-  }).isRequired
-} : void 0;
-const MenuItem$1 = /* @__PURE__ */ React.forwardRef(function MenuItem(props, forwardedRef) {
-  const {
-    id: idProp,
-    label,
-    ...other
-  } = props;
-  const itemRef = React.useRef(null);
-  const listItem = useCompositeListItem({
-    label
-  });
-  const mergedRef = useForkRef(forwardedRef, listItem.ref, itemRef);
-  const {
-    itemProps,
-    activeIndex,
-    allowMouseUpTriggerRef,
-    typingRef
-  } = useMenuRootContext();
-  const id = useBaseUiId(idProp);
-  const highlighted = listItem.index === activeIndex;
-  const {
-    events: menuEvents
-  } = useFloatingTree();
-  return /* @__PURE__ */ jsx(MemoizedInnerMenuItem, {
-    ...other,
-    id,
-    ref: mergedRef,
-    highlighted,
-    menuEvents,
-    itemProps,
-    allowMouseUpTriggerRef,
-    typingRef
-  });
-});
-process.env.NODE_ENV !== "production" ? MenuItem$1.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * Whether to close the menu when the item is clicked.
-   *
-   * @default true
-   */
-  closeOnClick: PropTypes.bool,
-  /**
-   * Whether the component should ignore user interaction.
-   * @default false
-   */
-  disabled: PropTypes.bool,
-  /**
-   * @ignore
-   */
-  id: PropTypes.string,
-  /**
-   * Overrides the text label to use when the item is matched during keyboard text navigation.
-   */
-  label: PropTypes.string,
-  /**
-   * The click handler for the menu item.
-   */
-  onClick: PropTypes.func,
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func])
-} : void 0;
-function useMenuPopup(parameters) {
-  const {
-    menuEvents,
-    setOpen
-  } = parameters;
-  React.useEffect(() => {
-    function handleClose(event) {
-      setOpen(false, event);
-    }
-    menuEvents.on("close", handleClose);
-    return () => {
-      menuEvents.off("close", handleClose);
-    };
-  }, [menuEvents, setOpen]);
-}
-const customStyleHookMapping = {
-  ...popupStateMapping,
-  ...transitionStatusMapping
-};
-const DISABLED_TRANSITIONS_STYLE = {
-  style: {
-    transition: "none"
-  }
-};
-const EMPTY_OBJ = {};
-const MenuPopup = /* @__PURE__ */ React.forwardRef(function MenuPopup2(props, forwardedRef) {
-  const {
-    render,
-    className,
-    ...other
-  } = props;
-  const {
-    open,
-    setOpen,
-    popupRef,
-    transitionStatus,
-    nested,
-    popupProps,
-    modal,
-    mounted,
-    instantType,
-    onOpenChangeComplete
-  } = useMenuRootContext();
-  const {
-    side,
-    align,
-    floatingContext
-  } = useMenuPositionerContext();
-  useOpenChangeComplete({
-    open,
-    ref: popupRef,
-    onComplete() {
-      if (open) {
-        onOpenChangeComplete?.(true);
-      }
-    }
-  });
-  const {
-    events: menuEvents
-  } = useFloatingTree();
-  useMenuPopup({
-    setOpen,
-    menuEvents
-  });
-  const mergedRef = useForkRef(forwardedRef, popupRef);
-  const state2 = React.useMemo(() => ({
-    transitionStatus,
-    side,
-    align,
-    open,
-    nested,
-    instant: instantType
-  }), [transitionStatus, side, align, open, nested, instantType]);
-  const {
-    renderElement
-  } = useComponentRenderer({
-    render: render || "div",
-    className,
-    state: state2,
-    extraProps: mergeProps(transitionStatus === "starting" ? DISABLED_TRANSITIONS_STYLE : EMPTY_OBJ, popupProps, other),
-    customStyleHookMapping,
-    ref: mergedRef
-  });
-  return /* @__PURE__ */ jsx(FloatingFocusManager, {
-    context: floatingContext,
-    modal: false,
-    disabled: !mounted,
-    visuallyHiddenDismiss: modal ? "Dismiss popup" : void 0,
-    children: renderElement()
-  });
-});
-process.env.NODE_ENV !== "production" ? MenuPopup.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * @ignore
-   */
-  id: PropTypes.string,
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func])
-} : void 0;
-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("Base UI: MenuRadioGroupContext is missing. MenuRadioGroup parts must be placed within <Menu.RadioGroup>.");
-  }
-  return context;
-}
-const MenuRadioGroup$1 = /* @__PURE__ */ React.forwardRef(function MenuRadioGroup(props, forwardedRef) {
-  const {
-    render,
-    className,
-    value: valueProp,
-    defaultValue,
-    onValueChange: onValueChangeProp,
-    disabled = false,
-    ...other
-  } = props;
-  const [value, setValueUnwrapped] = useControlled({
-    controlled: valueProp,
-    default: defaultValue,
-    name: "MenuRadioGroup"
-  });
-  const onValueChange = useEventCallback(onValueChangeProp);
-  const setValue = React.useCallback((newValue, event) => {
-    setValueUnwrapped(newValue);
-    onValueChange?.(newValue, event);
-  }, [onValueChange, setValueUnwrapped]);
-  const state2 = React.useMemo(() => ({
-    disabled
-  }), [disabled]);
-  const {
-    renderElement
-  } = useComponentRenderer({
-    render: render || "div",
-    className,
-    state: state2,
-    extraProps: {
-      role: "group",
-      "aria-disabled": disabled || void 0,
-      ...other
-    },
-    ref: forwardedRef
-  });
-  const context = React.useMemo(() => ({
-    value,
-    setValue,
-    disabled
-  }), [value, setValue, disabled]);
-  return /* @__PURE__ */ jsx(MenuRadioGroupContext.Provider, {
-    value: context,
-    children: renderElement()
-  });
-});
-process.env.NODE_ENV !== "production" ? MenuRadioGroup$1.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: PropTypes.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * The uncontrolled value of the radio item that should be initially selected.
-   *
-   * To render a controlled radio group, use the `value` prop instead.
-   */
-  defaultValue: PropTypes.any,
-  /**
-   * Whether the component should ignore user interaction.
-   *
-   * @default false
-   */
-  disabled: PropTypes.bool,
-  /**
-   * Function called when the selected value changes.
-   *
-   * @default () => {}
-   */
-  onValueChange: PropTypes.func,
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  /**
-   * The controlled value of the radio item that should be currently selected.
-   *
-   * To render an uncontrolled radio group, use the `defaultValue` prop instead.
-   */
-  value: PropTypes.any
-} : void 0;
-const MemoizedMenuRadioGroup = /* @__PURE__ */ React.memo(MenuRadioGroup$1);
-function useMenuRadioItem(params) {
-  const {
-    checked,
-    setChecked,
-    ...other
-  } = params;
-  const {
-    getItemProps: getMenuItemProps,
-    ...menuItem
-  } = useMenuItem(other);
-  const getItemProps = React.useCallback((externalProps) => {
-    return mergeProps({
-      role: "menuitemradio",
-      "aria-checked": checked,
-      onClick: (event) => {
-        setChecked(event.nativeEvent);
-      }
-    }, externalProps, getMenuItemProps);
-  }, [checked, getMenuItemProps, setChecked]);
-  return {
-    ...menuItem,
-    getItemProps,
-    checked
-  };
-}
-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("Base UI: MenuRadioItemContext is missing. MenuRadioItem parts must be placed within <Menu.RadioItem>.");
-  }
-  return context;
-}
-const InnerMenuRadioItem = /* @__PURE__ */ React.forwardRef(function InnerMenuItem4(props, forwardedRef) {
-  const {
-    checked,
-    setChecked,
-    className,
-    closeOnClick,
-    disabled = false,
-    highlighted,
-    id,
-    menuEvents,
-    itemProps,
-    render,
-    allowMouseUpTriggerRef,
-    typingRef,
-    ...other
-  } = props;
-  const {
-    getItemProps
-  } = useMenuRadioItem({
-    checked,
-    setChecked,
-    closeOnClick,
-    disabled,
-    highlighted,
-    id,
-    menuEvents,
-    ref: forwardedRef,
-    allowMouseUpTriggerRef,
-    typingRef
-  });
-  const state2 = {
-    disabled,
-    highlighted,
-    checked
-  };
-  const {
-    renderElement
-  } = useComponentRenderer({
-    render: render || "div",
-    className,
-    state: state2,
-    propGetter: (externalProps) => mergeProps(itemProps, externalProps, getItemProps),
-    customStyleHookMapping: itemMapping,
-    extraProps: other
-  });
-  return renderElement();
-});
-process.env.NODE_ENV !== "production" ? InnerMenuRadioItem.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  allowMouseUpTriggerRef: PropTypes.shape({
-    current: PropTypes.bool.isRequired
-  }).isRequired,
-  /**
-   * @ignore
-   */
-  checked: PropTypes.bool.isRequired,
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * Whether to close the menu when the item is clicked.
-   */
-  closeOnClick: PropTypes.bool.isRequired,
-  /**
-   * Whether the component should ignore user interaction.
-   * @default false
-   */
-  disabled: PropTypes.bool,
-  /**
-   * @ignore
-   */
-  highlighted: PropTypes.bool.isRequired,
-  /**
-   * @ignore
-   */
-  id: PropTypes.string,
-  /**
-   * @ignore
-   */
-  itemProps: PropTypes.object.isRequired,
-  /**
-   * Overrides the text label to use when the item is matched during keyboard text navigation.
-   */
-  label: PropTypes.string,
-  /**
-   * @ignore
-   */
-  menuEvents: PropTypes.shape({
-    emit: PropTypes.func.isRequired,
-    off: PropTypes.func.isRequired,
-    on: PropTypes.func.isRequired
-  }).isRequired,
-  /**
-   * The click handler for the menu item.
-   */
-  onClick: PropTypes.func,
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  /**
-   * @ignore
-   */
-  setChecked: PropTypes.func.isRequired,
-  /**
-   * @ignore
-   */
-  typingRef: PropTypes.shape({
-    current: PropTypes.bool.isRequired
-  }).isRequired
-} : void 0;
-const MemoizedInnerMenuRadioItem = /* @__PURE__ */ React.memo(InnerMenuRadioItem);
-const MenuRadioItem$1 = /* @__PURE__ */ React.forwardRef(function MenuRadioItem(props, forwardedRef) {
-  const {
-    id: idProp,
-    value,
-    label,
-    disabled: disabledProp = false,
-    closeOnClick = false,
-    ...other
-  } = props;
-  const itemRef = React.useRef(null);
-  const listItem = useCompositeListItem({
-    label
-  });
-  const mergedRef = useForkRef(forwardedRef, listItem.ref, itemRef);
-  const {
-    itemProps,
-    activeIndex,
-    allowMouseUpTriggerRef,
-    typingRef
-  } = useMenuRootContext();
-  const id = useBaseUiId(idProp);
-  const highlighted = listItem.index === activeIndex;
-  const {
-    events: menuEvents
-  } = useFloatingTree();
-  const {
-    value: selectedValue,
-    setValue: setSelectedValue,
-    disabled: groupDisabled
-  } = useMenuRadioGroupContext();
-  const disabled = groupDisabled || disabledProp;
-  const checked = selectedValue === value;
-  const setChecked = React.useCallback((event) => {
-    setSelectedValue(value, event);
-  }, [setSelectedValue, value]);
-  const contextValue = React.useMemo(() => ({
-    checked,
-    highlighted,
-    disabled
-  }), [checked, highlighted, disabled]);
-  return /* @__PURE__ */ jsx(MenuRadioItemContext.Provider, {
-    value: contextValue,
-    children: /* @__PURE__ */ jsx(MemoizedInnerMenuRadioItem, {
-      ...other,
-      id,
-      ref: mergedRef,
-      disabled,
-      highlighted,
-      menuEvents,
-      itemProps,
-      allowMouseUpTriggerRef,
-      checked: selectedValue === value,
-      setChecked,
-      typingRef,
-      closeOnClick
-    })
-  });
-});
-process.env.NODE_ENV !== "production" ? MenuRadioItem$1.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * Whether to close the menu when the item is clicked.
-   * @default false
-   */
-  closeOnClick: PropTypes.bool,
-  /**
-   * Whether the component should ignore user interaction.
-   * @default false
-   */
-  disabled: PropTypes.bool,
-  /**
-   * @ignore
-   */
-  id: PropTypes.string,
-  /**
-   * Overrides the text label to use when the item is matched during keyboard text navigation.
-   */
-  label: PropTypes.string,
-  /**
-   * The click handler for the menu item.
-   */
-  onClick: PropTypes.func,
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
-  /**
-   * Value of the radio item.
-   * This is the value that will be set in the MenuRadioGroup when the item is selected.
-   */
-  value: PropTypes.any.isRequired
-} : void 0;
-const MenuRadioItemIndicator$1 = /* @__PURE__ */ React.forwardRef(function MenuRadioItemIndicator(props, forwardedRef) {
-  const {
-    render,
-    className,
-    keepMounted = false,
-    ...other
-  } = props;
-  const item = useMenuRadioItemContext();
-  const indicatorRef = React.useRef(null);
-  const mergedRef = useForkRef(forwardedRef, indicatorRef);
-  const {
-    transitionStatus,
-    setMounted
-  } = useTransitionStatus(item.checked);
-  useOpenChangeComplete({
-    open: item.checked,
-    ref: indicatorRef,
-    onComplete() {
-      if (!item.checked) {
-        setMounted(false);
-      }
-    }
-  });
-  const state2 = React.useMemo(() => ({
-    checked: item.checked,
-    disabled: item.disabled,
-    highlighted: item.highlighted,
-    transitionStatus
-  }), [item.checked, item.disabled, item.highlighted, transitionStatus]);
-  const {
-    renderElement
-  } = useComponentRenderer({
-    render: render || "span",
-    className,
-    state: state2,
-    customStyleHookMapping: itemMapping,
-    extraProps: {
-      "aria-hidden": true,
-      ...other
-    },
-    ref: mergedRef
-  });
-  const shouldRender = keepMounted || item.checked;
-  if (!shouldRender) {
-    return null;
-  }
-  return renderElement();
-});
-process.env.NODE_ENV !== "production" ? MenuRadioItemIndicator$1.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * Whether to keep the HTML element in the DOM when the radio item is inactive.
-   * @default false
-   */
-  keepMounted: PropTypes.bool,
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func])
-} : void 0;
-const Separator = /* @__PURE__ */ React.forwardRef(function SeparatorComponent(props, forwardedRef) {
-  const {
-    className,
-    render,
-    orientation = "horizontal",
-    ...other
-  } = props;
-  const state2 = React.useMemo(() => ({
-    orientation
-  }), [orientation]);
-  const getSeparatorProps = React.useCallback((externalProps = {}) => mergeProps({
-    "aria-orientation": orientation
-  }, externalProps), [orientation]);
-  const {
-    renderElement
-  } = useComponentRenderer({
-    propGetter: getSeparatorProps,
-    render: render ?? "div",
-    className,
-    state: state2,
-    extraProps: {
-      role: "separator",
-      ...other
-    },
-    ref: forwardedRef
-  });
-  return renderElement();
-});
-process.env.NODE_ENV !== "production" ? Separator.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * The orientation of the separator.
-   * @default 'horizontal'
-   */
-  orientation: PropTypes.oneOf(["horizontal", "vertical"]),
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func])
-} : void 0;
-function useMenuSubmenuTrigger(parameters) {
-  const {
-    id,
-    highlighted,
-    disabled,
-    ref: externalRef,
-    menuEvents,
-    setTriggerElement,
-    allowMouseUpTriggerRef,
-    typingRef
-  } = parameters;
-  const {
-    getItemProps,
-    rootRef: menuItemRef
-  } = useMenuItem({
-    closeOnClick: false,
-    disabled,
-    highlighted,
-    id,
-    menuEvents,
-    ref: externalRef,
-    allowMouseUpTriggerRef,
-    typingRef
-  });
-  const menuTriggerRef = useForkRef(menuItemRef, setTriggerElement);
-  const getTriggerProps = React.useCallback((externalProps) => {
-    return {
-      ...getItemProps(externalProps),
-      "aria-haspopup": "menu",
-      ref: menuTriggerRef
-    };
-  }, [getItemProps, menuTriggerRef]);
-  return React.useMemo(() => ({
-    getTriggerProps,
-    rootRef: menuTriggerRef
-  }), [getTriggerProps, menuTriggerRef]);
-}
-const MenuSubmenuTrigger$1 = /* @__PURE__ */ React.forwardRef(function SubmenuTriggerComponent(props, forwardedRef) {
-  const {
-    render,
-    className,
-    label,
-    id: idProp,
-    ...other
-  } = props;
-  const id = useBaseUiId(idProp);
-  const {
-    triggerProps: rootTriggerProps,
-    parentContext,
-    setTriggerElement,
-    allowMouseUpTriggerRef,
-    open,
-    typingRef,
-    disabled
-  } = useMenuRootContext();
-  if (parentContext === void 0) {
-    throw new Error("Base UI: ItemTrigger must be placed in a nested Menu.");
-  }
-  const {
-    activeIndex,
-    itemProps
-  } = parentContext;
-  const item = useCompositeListItem();
-  const highlighted = activeIndex === item.index;
-  const mergedRef = useForkRef(forwardedRef, item.ref);
-  const {
-    events: menuEvents
-  } = useFloatingTree();
-  const {
-    getTriggerProps
-  } = useMenuSubmenuTrigger({
-    id,
-    highlighted,
-    ref: mergedRef,
-    disabled,
-    menuEvents,
-    setTriggerElement,
-    allowMouseUpTriggerRef,
-    typingRef
-  });
-  const state2 = React.useMemo(() => ({
-    disabled,
-    highlighted,
-    open
-  }), [disabled, highlighted, open]);
-  const {
-    renderElement
-  } = useComponentRenderer({
-    render: render || "div",
-    className,
-    state: state2,
-    propGetter: (externalProps) => mergeProps(rootTriggerProps, itemProps, externalProps, getTriggerProps),
-    customStyleHookMapping: triggerOpenStateMapping,
-    extraProps: other
-  });
-  return renderElement();
-});
-process.env.NODE_ENV !== "production" ? MenuSubmenuTrigger$1.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * @ignore
-   */
-  children: PropTypes.node,
-  /**
-   * CSS class applied to the element, or a function that
-   * returns a class based on the component’s state.
-   */
-  className: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
-  /**
-   * @ignore
-   */
-  id: PropTypes.string,
-  /**
-   * Overrides the text label to use when the item is matched during keyboard text navigation.
-   */
-  label: PropTypes.string,
-  /**
-   * @ignore
-   */
-  onClick: PropTypes.func,
-  /**
-   * Allows you to replace the component’s HTML element
-   * with a different tag, or compose it with another component.
-   *
-   * Accepts a `ReactElement` or a function that returns the element to render.
-   */
-  render: PropTypes.oneOfType([PropTypes.element, PropTypes.func])
-} : void 0;
-function useMenuClassName(name, className) {
-  return useMemo(() => {
-    if (typeof className !== "function") return clsx(name, className);
-    return (p) => clsx(name, className(p));
-  }, [className, name]);
-}
-const MenuSubmenu = ({
-  children,
-  trigger,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsxs(MenuRoot, { ...props, children: [
-    trigger,
-    /* @__PURE__ */ jsx(MenuPortal, { children: /* @__PURE__ */ jsx(MenuPositioner, { children }) })
-  ] });
-};
-const MenuContainer = forwardRef(function MenuContainer2({ className, ...props }, ref) {
-  const cl = useMenuClassName("lng1771-menu", className);
-  return /* @__PURE__ */ jsx(MenuPopup, { ...props, className: cl, ref });
-});
-const MenuItem2 = forwardRef(function MenuItem22({ className, ...props }, ref) {
-  const cl = useMenuClassName("lng1771-menu__item", className);
-  return /* @__PURE__ */ jsx(MenuItem$1, { ...props, className: cl, ref });
-});
-const MenuSeparator = forwardRef(function MenuSeparator2({ className, ...props }, ref) {
-  const cl = useMenuClassName("lng1771-menu__separator", className);
-  return /* @__PURE__ */ jsx(Separator, { ...props, className: cl, ref });
-});
-const MenuArrow2 = forwardRef(function MenuArrow22({ className, ...props }, ref) {
-  const cl = useMenuClassName("lng1771-menu__arrow", className);
-  return /* @__PURE__ */ jsx(MenuArrow$1, { ...props, className: cl, ref, children: props.children ?? /* @__PURE__ */ jsx(ArrowSvg, {}) });
-});
-const MenuGroup2 = forwardRef(function MenuGroup22({ className, ...props }, ref) {
-  const cl = useMenuClassName("lng1771-menu__group", className);
-  return /* @__PURE__ */ jsx(MenuGroup$1, { ...props, ref, className: cl });
-});
-const MenuGroupLabel = forwardRef(function MenuGroupLabel2({ className, ...props }, ref) {
-  const cl = useMenuClassName("lng1771-menu__group-label", className);
-  return /* @__PURE__ */ jsx(MenuGroupLabel$1, { ...props, ref, className: cl });
-});
-const MenuSubmenuTrigger = forwardRef(function SubmenuTrigger({ className, children, ...props }, ref) {
-  const cl = useMenuClassName("lng1771-menu__submenu-trigger", className);
-  return /* @__PURE__ */ jsxs(MenuSubmenuTrigger$1, { ...props, className: cl, ref, children: [
-    /* @__PURE__ */ jsx("div", { children }),
-    /* @__PURE__ */ jsx(ArrowRightIcon, { width: 16, height: 16 })
-  ] });
-});
-const MenuRadioGroup2 = forwardRef(function RadioGroup({ className, ...props }, ref) {
-  const cl = useMenuClassName("lng1771-menu__radio-group", className);
-  return /* @__PURE__ */ jsx(MemoizedMenuRadioGroup, { ...props, className: cl, ref });
-});
-const MenuRadioItemIndicator2 = forwardRef(function RadioItemIndicator({ children, className, ...props }, ref) {
-  const cl = useMenuClassName("lng1771-menu__radio-item-indicator", className);
-  return /* @__PURE__ */ jsx(MenuRadioItemIndicator$1, { ...props, ref, className: cl, children: children ?? /* @__PURE__ */ jsx(TickmarkIcon, { width: 16, height: 16 }) });
-});
-const MenuRadioItem2 = forwardRef(function RadioItem({ className, ...props }, ref) {
-  const cl = useMenuClassName("lng1771-menu__radio-item", className);
-  return /* @__PURE__ */ jsx(MenuRadioItem$1, { ...props, ref, className: cl });
-});
-const MenuCheckboxItemIndicator2 = forwardRef(function CheckboxItemIndicator({ children, className, ...props }, ref) {
-  const cl = useMenuClassName("lng1771-menu__checkbox-item-indicator", className);
-  return /* @__PURE__ */ jsx(MenuCheckboxItemIndicator$1, { ...props, ref, className: cl, children: children ?? /* @__PURE__ */ jsx(TickmarkIcon, { width: 16, height: 16 }) });
-});
-const MenuCheckboxItem2 = forwardRef(function CheckboxItem({ className, ...props }, ref) {
-  const cl = useMenuClassName("lng1771-menu__checkbox-item", className);
-  return /* @__PURE__ */ jsx(MenuCheckboxItem$1, { ...props, ref, className: cl });
-});
-const Menu = {
-  Container: MenuContainer,
-  Submenu: MenuSubmenu,
-  SubmenuTrigger: MenuSubmenuTrigger,
-  Item: MenuItem2,
-  Separator: MenuSeparator,
-  Arrow: MenuArrow2,
-  Group: MenuGroup2,
-  GroupLabel: MenuGroupLabel,
-  RadioGroup: MenuRadioGroup2,
-  Radio: MenuRadioItem2,
-  RadioIndicator: MenuRadioItemIndicator2,
-  Checkbox: MenuCheckboxItem2,
-  CheckboxIndicator: MenuCheckboxItemIndicator2
-};
+import { a } from "./menu-CkfZmNR3.js";
 export {
-  Menu
+  a as Menu
 };