@evolve.ui/core-components 1.0.0

package/Menu-Cxu8CaX1.mjs

@@ -0,0 +1,368 @@
+import { BodyPrimary, Caption, H5 } from "./Typography/Text.mjs";
+import { ToggleSwitch } from "./toggleSwitch.mjs";
+import { o as RadioOption, t as Checkbox } from "./ChoiceListItem-BqZ3bIj9.mjs";
+import { n as useMenuContext, t as MenuContext } from "./menuContext-4P6eKzkH.mjs";
+import { cn } from "@evolve.ui/theme-system";
+import { cloneElement, forwardRef, isValidElement, useContext, useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FloatingArrow, FloatingFocusManager, FloatingList, FloatingNode, FloatingPortal, FloatingTree, arrow, autoUpdate, flip, offset, safePolygon, shift, useClick, useDismiss, useFloating, useFloatingNodeId, useFloatingParentNodeId, useFloatingTree, useHover, useInteractions, useListItem, useListNavigation, useMergeRefs, useRole, useTypeahead } from "@floating-ui/react";
+//#region src/Menu/components/MenuItem/MenuItem.tsx
+const MenuItem = forwardRef(({ checked = false, className, closeOnAction = false, color = "inherit", description, disabled, id = "", isHeader, leftIcon: LeftIcon, onCheckboxChange, onClick, onFocus, onRadioChange, onToggleChange, primaryLabel, rightIcon: RightIcon, secondaryLabel, ...rest }, forwardedRef) => {
+	const [isChecked, setIsChecked] = useState(checked);
+	const { getItemProps, numberOfColumns } = useContext(MenuContext);
+	const { ref: itemRef } = useListItem();
+	const renderColor = disabled ? "disabled" : color;
+	useEffect(() => {
+		setIsChecked(checked);
+	}, [checked]);
+	const tree = useFloatingTree();
+	const rightSection = useMemo(() => {
+		if (RightIcon) return /* @__PURE__ */ jsx(RightIcon, {
+			className: "self-center justify-self-center grid-area-[right]",
+			color: renderColor,
+			size: "sm"
+		});
+		if (onToggleChange) return /* @__PURE__ */ jsx(ToggleSwitch, {
+			className: "grid-area-[right]",
+			"data-testid": `menu-toggle-${id}`,
+			dense: true,
+			isToggled: isChecked,
+			tabIndex: -1
+		});
+		return null;
+	}, [
+		id,
+		RightIcon,
+		onToggleChange,
+		isChecked,
+		renderColor
+	]);
+	const handleKeyDown = (e) => {
+		if (disabled) return;
+		if (e.code === "Space" || e.code === "Enter") {
+			if (onClick) {
+				onClick(id);
+				tree?.events.emit("click");
+			} else if (onCheckboxChange) {
+				const newChecked = !isChecked;
+				setIsChecked(newChecked);
+				onCheckboxChange(id, newChecked);
+				if (closeOnAction) tree?.events.emit("click");
+			} else if (onRadioChange) {
+				const newChecked = !isChecked;
+				setIsChecked(newChecked);
+				onRadioChange(id, newChecked);
+				if (closeOnAction) tree?.events.emit("click");
+			} else if (onToggleChange) {
+				const newChecked = !isChecked;
+				setIsChecked(newChecked);
+				onToggleChange(id, newChecked);
+				if (closeOnAction) tree?.events.emit("click");
+			}
+		}
+	};
+	const handleItemClick = (event) => {
+		event.stopPropagation();
+		if (disabled) return;
+		if (event.target instanceof HTMLButtonElement || event.target instanceof HTMLInputElement || event.target instanceof HTMLSpanElement || event.target instanceof HTMLDivElement) {
+			if (onClick) {
+				onClick(id);
+				tree?.events.emit("click");
+			} else if (onCheckboxChange) {
+				const newChecked = !isChecked;
+				setIsChecked(newChecked);
+				onCheckboxChange(id, newChecked);
+				if (closeOnAction) tree?.events.emit("click");
+			} else if (onRadioChange) {
+				const newChecked = !isChecked;
+				setIsChecked(newChecked);
+				onRadioChange(id, newChecked);
+				if (closeOnAction) tree?.events.emit("click");
+			} else if (onToggleChange) {
+				const newChecked = !isChecked;
+				setIsChecked(newChecked);
+				onToggleChange(id, newChecked);
+				if (closeOnAction) tree?.events.emit("click");
+			}
+		}
+	};
+	const handleFocus = () => {
+		if (disabled) return;
+		onFocus?.(id);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		...rest,
+		...getItemProps({}),
+		"aria-describedby": description ? `menu-item-description-${id}` : void 0,
+		"aria-disabled": disabled,
+		"aria-label": primaryLabel,
+		className: cn({
+			"active:bg-background-hover": !isHeader,
+			"focus:bg-background-hover": !isHeader,
+			"hover:bg-background-hover": !isHeader
+		}, "MenuItem relative grid w-full cursor-pointer items-center justify-start gap-x-xs border-none px-sm py-3 outline-0", className),
+		"data-testid": `menu-item-${id}`,
+		onClick: handleItemClick,
+		onFocus: handleFocus,
+		onKeyDown: handleKeyDown,
+		ref: useMergeRefs([itemRef, forwardedRef]),
+		role: "menuitem",
+		style: {
+			gridTemplateAreas: numberOfColumns === 2 ? "'title right' 'description right'" : numberOfColumns === 1 ? "'title' 'description'" : "'icon title right' 'icon description right'",
+			gridTemplateColumns: numberOfColumns === 2 ? "1fr min-content" : numberOfColumns === 1 ? "1fr" : "24px 1fr min-content",
+			gridTemplateRows: "min-content min-content"
+		},
+		tabIndex: isHeader ? -1 : 0,
+		children: [
+			LeftIcon && /* @__PURE__ */ jsx(LeftIcon, {
+				className: "self-center justify-self-center grid-area-[icon]",
+				color: renderColor,
+				size: "sm"
+			}),
+			onCheckboxChange && /* @__PURE__ */ jsx(Checkbox.Option, {
+				checked: isChecked,
+				className: "grid-area-[icon]",
+				"data-testid": `menu-checkbox-${id}`,
+				readOnly: true,
+				tabIndex: -1
+			}),
+			onRadioChange && /* @__PURE__ */ jsx(RadioOption, {
+				checked: isChecked,
+				className: "grid-area-[icon]",
+				"data-testid": `menu-radio-${id}`,
+				readOnly: true,
+				tabIndex: -1
+			}),
+			isHeader ? /* @__PURE__ */ jsx(H5, {
+				className: cn("grid-area-[title]", `text-text-${renderColor}`),
+				children: primaryLabel
+			}) : /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between gap-x-xs grid-area-[title]",
+				children: [/* @__PURE__ */ jsx(BodyPrimary, {
+					className: `text-text-${renderColor}`,
+					children: primaryLabel
+				}), secondaryLabel && /* @__PURE__ */ jsx(BodyPrimary, {
+					className: "text-text-secondary",
+					children: secondaryLabel
+				})]
+			}),
+			Boolean(description?.trim()) && /* @__PURE__ */ jsx(Caption, {
+				className: cn("grid-area-[description]", `text-text-${renderColor}`),
+				children: description
+			}),
+			rightSection
+		]
+	});
+});
+MenuItem.displayName = "MenuItem";
+//#endregion
+//#region src/Menu/components/MenuDivider/MenuDivider.tsx
+const MenuDivider = ({ className }) => {
+	return /* @__PURE__ */ jsx("div", { className: cn("border-t border-border-secondary", className) });
+};
+//#endregion
+//#region src/Menu/Menu.tsx
+/**
+* Hook to detect if component has mounted (client-side only)
+* Useful for preventing SSR hydration mismatches
+*/
+const useHasMounted = () => {
+	const [hasMounted, setHasMounted] = useState(false);
+	useEffect(() => {
+		setHasMounted(true);
+	}, []);
+	return hasMounted;
+};
+const MenuComponent = forwardRef(({ children, className, defaultOpen, hasRoundedBorders = false, id, isCustomContent, menuPlacement, menuSize = "lg", numberOfColumns, onMenuClose, onMenuOpen, openOnHover = false, trigger, triggerClassName, ...props }, forwardedRef) => {
+	const [isOpen, setIsOpen] = useState(defaultOpen ?? false);
+	const [activeIndex, setActiveIndex] = useState(null);
+	const elementsRef = useRef([]);
+	const labelsRef = useRef([]);
+	const parent = useMenuContext();
+	const hasMounted = useHasMounted();
+	const tree = useFloatingTree();
+	const nodeId = useFloatingNodeId(id);
+	const parentId = useFloatingParentNodeId();
+	const item = useListItem();
+	const isNested = parentId !== null;
+	const arrowRef = useRef(null);
+	const { context, floatingStyles, refs } = useFloating({
+		middleware: [
+			offset({
+				alignmentAxis: -2,
+				mainAxis: isNested ? 2 : 8
+			}),
+			flip(),
+			shift({ padding: !isNested ? 2 : 0 }),
+			arrow({
+				element: arrowRef,
+				padding: 5
+			})
+		],
+		nodeId,
+		onOpenChange: (open) => {
+			setIsOpen(open);
+			if (!open) onMenuClose?.();
+			else onMenuOpen?.();
+		},
+		open: isOpen,
+		placement: isNested ? "right-start" : menuPlacement ?? "bottom",
+		whileElementsMounted: autoUpdate
+	});
+	const { getFloatingProps, getItemProps, getReferenceProps } = useInteractions([
+		useHover(context, {
+			delay: { open: 75 },
+			enabled: isNested || openOnHover,
+			handleClose: safePolygon({ blockPointerEvents: true })
+		}),
+		useClick(context, {
+			enabled: !context.dataRef.current.openEvent?.defaultPrevented && !openOnHover,
+			event: "click",
+			ignoreMouse: isNested,
+			toggle: !isNested
+		}),
+		useRole(context, { role: "menu" }),
+		useDismiss(context, { bubbles: true }),
+		useListNavigation(context, {
+			activeIndex,
+			focusItemOnOpen: false,
+			listRef: elementsRef,
+			nested: isNested,
+			onNavigate: setActiveIndex
+		}),
+		useTypeahead(context, {
+			activeIndex,
+			enabled: !isCustomContent,
+			listRef: labelsRef,
+			onMatch: isOpen ? setActiveIndex : void 0
+		})
+	]);
+	useEffect(() => {
+		if (!tree) return;
+		function handleTreeClick() {
+			setIsOpen(false);
+			onMenuClose?.();
+		}
+		function onSubMenuOpen(event) {
+			if (event.nodeId !== nodeId && event.parentId === parentId) {
+				setIsOpen(false);
+				onMenuClose?.();
+			}
+		}
+		tree.events.on("click", handleTreeClick);
+		tree.events.on("menuopen", onSubMenuOpen);
+		return () => {
+			tree.events.off("click", handleTreeClick);
+			tree.events.off("menuopen", onSubMenuOpen);
+		};
+	}, [
+		tree,
+		nodeId,
+		parentId,
+		onMenuClose
+	]);
+	useEffect(() => {
+		if (isOpen && tree) tree.events.emit("menuopen", {
+			nodeId,
+			parentId
+		});
+	}, [
+		tree,
+		isOpen,
+		nodeId,
+		parentId
+	]);
+	const { "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHasPopup, ...referencePropsWithoutAria } = getReferenceProps(parent.getItemProps({
+		...props,
+		onClick(event) {
+			event.stopPropagation();
+			props.onClick?.(event);
+		},
+		onFocus(event) {
+			props.onFocus?.(event);
+		}
+	}));
+	const triggerIsElement = isValidElement(trigger);
+	const triggerElement = trigger;
+	const ariaPropsForTrigger = {};
+	if (ariaHasPopup !== void 0) ariaPropsForTrigger["aria-haspopup"] = ariaHasPopup;
+	if (ariaExpanded !== void 0) ariaPropsForTrigger["aria-expanded"] = ariaExpanded;
+	if (ariaControls !== void 0) ariaPropsForTrigger["aria-controls"] = ariaControls;
+	const clonedTrigger = triggerIsElement ? cloneElement(triggerElement, ariaPropsForTrigger) : trigger;
+	const wrapperFallbackProps = !triggerIsElement ? {
+		...ariaPropsForTrigger,
+		role: "button"
+	} : {};
+	return /* @__PURE__ */ jsxs(FloatingNode, {
+		id: nodeId,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: cn({ "w-full": isNested }, "m-0 inline-flex cursor-pointer appearance-none items-center border-none bg-none p-0 text-left no-underline outline-0 hover:no-underline", triggerClassName),
+			"data-testid": "menu-trigger-wrapper",
+			ref: useMergeRefs([
+				refs.setReference,
+				item.ref,
+				forwardedRef
+			]),
+			tabIndex: !triggerIsElement ? 0 : !isNested ? void 0 : parent.activeIndex === item.index ? 0 : -1,
+			...wrapperFallbackProps,
+			...referencePropsWithoutAria,
+			children: clonedTrigger
+		}), /* @__PURE__ */ jsx(MenuContext.Provider, {
+			value: {
+				activeIndex,
+				getItemProps,
+				isOpen,
+				numberOfColumns,
+				setActiveIndex
+			},
+			children: /* @__PURE__ */ jsx(FloatingList, {
+				elementsRef,
+				labelsRef,
+				children: isOpen && hasMounted && Boolean(refs.domReference) && /* @__PURE__ */ jsx(FloatingPortal, {
+					root: refs.domReference,
+					children: /* @__PURE__ */ jsx(FloatingFocusManager, {
+						context,
+						initialFocus: -1,
+						modal: false,
+						returnFocus: !isNested,
+						children: /* @__PURE__ */ jsxs("div", {
+							className: cn("Menu relative z-50 w-min cursor-default bg-background-primary py-2 shadow-03 outline-0", {
+								"min-w-[200px]": menuSize === "sm",
+								"min-w-[250px]": menuSize === "md",
+								"min-w-[300px]": menuSize === "lg",
+								"min-w-[350px]": menuSize === "xl",
+								"rounded-md": hasRoundedBorders
+							}, className),
+							"data-testid": "menu-wrapper",
+							ref: refs.setFloating,
+							style: floatingStyles,
+							...getFloatingProps(),
+							children: [!isNested && /* @__PURE__ */ jsx(FloatingArrow, {
+								className: "fill-background-primary",
+								context,
+								ref: arrowRef,
+								tipRadius: hasRoundedBorders ? 2 : 0
+							}), children]
+						})
+					})
+				})
+			})
+		})]
+	});
+});
+MenuComponent.displayName = "MenuComponent";
+const Menu = forwardRef((props, ref) => {
+	if (useFloatingParentNodeId() === null) return /* @__PURE__ */ jsx(FloatingTree, { children: /* @__PURE__ */ jsx(MenuComponent, {
+		...props,
+		ref
+	}) });
+	return /* @__PURE__ */ jsx(MenuComponent, {
+		...props,
+		ref
+	});
+});
+Menu.displayName = "Menu";
+//#endregion
+export { MenuDivider as n, MenuItem as r, Menu as t };
+
+//# sourceMappingURL=Menu-Cxu8CaX1.mjs.map

package/Menu-Cxu8CaX1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu-Cxu8CaX1.mjs","names":[],"sources":["../src/Menu/components/MenuItem/MenuItem.tsx","../src/Menu/components/MenuDivider/MenuDivider.tsx","../src/Menu/Menu.tsx"],"sourcesContent":["import { cn } from '@evolve.ui/theme-system';\nimport { useFloatingTree, useListItem, useMergeRefs } from '@floating-ui/react';\nimport { forwardRef, HTMLAttributes, KeyboardEvent, useContext, useEffect, useMemo, useState } from 'react';\n\nimport { Checkbox, RadioOption } from '../../../ChoiceListItem';\nimport { AnyIcon } from '../../../Icons/anyIcon';\nimport { ToggleSwitch } from '../../../ToggleSwitch/ToggleSwitch';\nimport { BodyPrimary, Caption, H5 } from '../../../Typography/Text/Text';\nimport { MenuContext } from '../../context/menuContext';\n\nexport type MenuItemProps = {\n    /** additional CSS class name for the menu item*/\n    className?: string;\n    /** close menu after action is performed */\n    closeOnAction?: boolean;\n    /** color of menu item */\n    color?: 'disabled' | 'inherit' | 'critical' | 'info' | 'inverse' | 'success' | 'secondary' | 'primary' | 'warning';\n    /** second row description, optional */\n    description?: string;\n    /** disable menu item */\n    disabled?: boolean;\n    /** id required for all event handlers: click, checkbox,\n     * radio or toggle\n     */\n    id?: string | number;\n    /** flag if using as header, alters style and hover state */\n    isHeader?: boolean;\n    /** Icon to use on Left side of menu item, requires numberOfColumns of 3 */\n    leftIcon?: AnyIcon;\n    /** primary menu label string, required */\n    primaryLabel: string;\n    /** Icon to use on Right side of menu, requires numberOfColumns of 2 or 3  */\n    rightIcon?: AnyIcon;\n    /** secondary label to be used to right of primary label, cannot be used with rightIcon, requires numberOfColumns of 2 or 3 */\n    secondaryLabel?: string;\n} & (\n    | {\n          checked?: never;\n          id?: never;\n          onCheckboxChange?: never;\n          onClick?: never;\n          onFocus?: never;\n          onRadioChange?: never;\n          onToggleChange?: never;\n      }\n    | {\n          /** current state of control */\n          checked?: boolean;\n          /** id required for all event handlers: click, checkbox,\n           * radio or toggle\n           */\n          className?: string;\n          id?: string | number;\n          /** if present, will show checkbox on in LeftIcon space, requires numberOfColumns of 3 */\n          onCheckboxChange?: (id: string | number, checked: boolean) => void;\n          /** if present, will show checkbox on in LeftIcon space */\n          onClick?: (id: string | number) => void;\n          /** if present, trigger when MenuItem is focused */\n          onFocus?: (id: string | number) => void;\n          /** if present, will show checkbox on in LeftIcon space, requires numberOfColumns of 3 */\n          onRadioChange?: (id: string | number, checked: boolean) => void;\n          /** if present, will show checkbox on in RightIcon space, requires numberOfColumns of 2 or 3 */\n          onToggleChange?: (id: string | number, checked: boolean) => void;\n      }\n);\n\nexport const MenuItem = forwardRef<HTMLDivElement, MenuItemProps & HTMLAttributes<HTMLDivElement>>(\n    (\n        {\n            checked = false,\n            className,\n            closeOnAction = false,\n            color = 'inherit',\n            description,\n            disabled,\n            id = '',\n            isHeader,\n            leftIcon: LeftIcon,\n            onCheckboxChange,\n            onClick,\n            onFocus,\n            onRadioChange,\n            onToggleChange,\n            primaryLabel,\n            rightIcon: RightIcon,\n            secondaryLabel,\n            ...rest\n        }: MenuItemProps & HTMLAttributes<HTMLDivElement>,\n        forwardedRef\n    ) => {\n        const [isChecked, setIsChecked] = useState(checked);\n        const { getItemProps, numberOfColumns } = useContext(MenuContext);\n        const { ref: itemRef } = useListItem();\n\n        const renderColor = disabled ? 'disabled' : color;\n\n        useEffect(() => {\n            setIsChecked(checked);\n        }, [checked]);\n\n        const tree = useFloatingTree();\n\n        const rightSection = useMemo(() => {\n            if (RightIcon) {\n                return (\n                    <RightIcon\n                        className=\"self-center justify-self-center grid-area-[right]\"\n                        color={renderColor}\n                        size=\"sm\"\n                    />\n                );\n            }\n            if (onToggleChange) {\n                // Note, event handled by component level onClick\n                return (\n                    <ToggleSwitch\n                        className=\"grid-area-[right]\"\n                        data-testid={`menu-toggle-${id}`}\n                        dense\n                        isToggled={isChecked}\n                        tabIndex={-1}\n                    />\n                );\n            }\n            return null;\n        }, [id, RightIcon, onToggleChange, isChecked, renderColor]);\n\n        const handleKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n            if (disabled) {\n                return;\n            }\n            if (e.code === 'Space' || e.code === 'Enter') {\n                if (onClick) {\n                    onClick(id);\n                    tree?.events.emit('click');\n                } else if (onCheckboxChange) {\n                    const newChecked = !isChecked;\n                    setIsChecked(newChecked);\n                    onCheckboxChange(id, newChecked);\n                    if (closeOnAction) {\n                        tree?.events.emit('click');\n                    }\n                } else if (onRadioChange) {\n                    const newChecked = !isChecked;\n                    setIsChecked(newChecked);\n                    onRadioChange(id, newChecked);\n                    if (closeOnAction) {\n                        tree?.events.emit('click');\n                    }\n                } else if (onToggleChange) {\n                    const newChecked = !isChecked;\n                    setIsChecked(newChecked);\n                    onToggleChange(id, newChecked);\n                    if (closeOnAction) {\n                        tree?.events.emit('click');\n                    }\n                }\n            }\n        };\n\n        const handleItemClick = (event: React.MouseEvent<HTMLElement>) => {\n            event.stopPropagation();\n            if (disabled) {\n                return;\n            }\n            // this is to prevent UI elements like SVGs from triggering an additional click\n            if (\n                event.target instanceof HTMLButtonElement ||\n                event.target instanceof HTMLInputElement ||\n                event.target instanceof HTMLSpanElement ||\n                event.target instanceof HTMLDivElement\n            ) {\n                if (onClick) {\n                    onClick(id);\n                    tree?.events.emit('click');\n                } else if (onCheckboxChange) {\n                    const newChecked = !isChecked;\n                    setIsChecked(newChecked);\n                    onCheckboxChange(id, newChecked);\n                    if (closeOnAction) {\n                        tree?.events.emit('click');\n                    }\n                } else if (onRadioChange) {\n                    const newChecked = !isChecked;\n                    setIsChecked(newChecked);\n                    onRadioChange(id, newChecked);\n                    if (closeOnAction) {\n                        tree?.events.emit('click');\n                    }\n                } else if (onToggleChange) {\n                    const newChecked = !isChecked;\n                    setIsChecked(newChecked);\n                    onToggleChange(id, newChecked);\n                    if (closeOnAction) {\n                        tree?.events.emit('click');\n                    }\n                }\n            }\n        };\n\n        const handleFocus = () => {\n            if (disabled) {\n                return;\n            }\n            onFocus?.(id);\n        };\n\n        return (\n            <div\n                {...rest}\n                {...getItemProps({})}\n                aria-describedby={description ? `menu-item-description-${id}` : undefined}\n                aria-disabled={disabled}\n                aria-label={primaryLabel}\n                className={cn(\n                    {\n                        'active:bg-background-hover': !isHeader,\n                        'focus:bg-background-hover': !isHeader,\n                        'hover:bg-background-hover': !isHeader,\n                    },\n                    'MenuItem relative grid w-full cursor-pointer items-center justify-start gap-x-xs border-none px-sm py-3 outline-0',\n                    className\n                )}\n                data-testid={`menu-item-${id}`}\n                onClick={handleItemClick}\n                onFocus={handleFocus}\n                onKeyDown={handleKeyDown}\n                ref={useMergeRefs([itemRef, forwardedRef])}\n                role=\"menuitem\"\n                style={{\n                    gridTemplateAreas:\n                        numberOfColumns === 2\n                            ? \"'title right' 'description right'\"\n                            : numberOfColumns === 1\n                              ? \"'title' 'description'\"\n                              : // 3 column default\n                                \"'icon title right' 'icon description right'\",\n                    gridTemplateColumns:\n                        numberOfColumns === 2\n                            ? '1fr min-content'\n                            : numberOfColumns === 1\n                              ? '1fr'\n                              : // 3 column default\n                                '24px 1fr min-content',\n                    gridTemplateRows: 'min-content min-content',\n                }}\n                tabIndex={isHeader ? -1 : 0}\n            >\n                {/* LEFT */}\n                {LeftIcon && (\n                    <LeftIcon\n                        className=\"self-center justify-self-center grid-area-[icon]\"\n                        color={renderColor}\n                        size=\"sm\"\n                    />\n                )}\n                {onCheckboxChange && (\n                    <Checkbox.Option\n                        checked={isChecked}\n                        className=\"grid-area-[icon]\"\n                        data-testid={`menu-checkbox-${id}`}\n                        readOnly // no onChange event is provided, handled by MenuItem propagation\n                        tabIndex={-1}\n                    />\n                )}\n                {onRadioChange && (\n                    <RadioOption\n                        checked={isChecked}\n                        className=\"grid-area-[icon]\"\n                        data-testid={`menu-radio-${id}`}\n                        readOnly // no onChange event is provided, handled by MenuItem propagation\n                        tabIndex={-1}\n                    />\n                )}\n\n                {/* MAIN */}\n                {isHeader ? (\n                    <H5 className={cn('grid-area-[title]', `text-text-${renderColor}`)}>{primaryLabel}</H5>\n                ) : (\n                    <div className=\"flex items-center justify-between gap-x-xs grid-area-[title]\">\n                        <BodyPrimary className={`text-text-${renderColor}`}>{primaryLabel}</BodyPrimary>\n                        {secondaryLabel && <BodyPrimary className=\"text-text-secondary\">{secondaryLabel}</BodyPrimary>}\n                    </div>\n                )}\n                {Boolean(description?.trim()) && (\n                    <Caption className={cn('grid-area-[description]', `text-text-${renderColor}`)}>\n                        {description}\n                    </Caption>\n                )}\n\n                {/* RIGHT */}\n                {rightSection}\n            </div>\n        );\n    }\n);\n\nMenuItem.displayName = 'MenuItem';\n","import { cn } from '@evolve.ui/theme-system';\n\nexport const MenuDivider = ({ className }: { className?: string }) => {\n    return <div className={cn('border-t border-border-secondary', className)} />;\n};\n","import { cn } from '@evolve.ui/theme-system';\nimport {\n    arrow,\n    autoUpdate,\n    flip,\n    FloatingArrow,\n    FloatingFocusManager,\n    FloatingList,\n    FloatingNode,\n    FloatingPortal,\n    FloatingTree,\n    offset,\n    Placement,\n    safePolygon,\n    shift,\n    useClick,\n    useDismiss,\n    useFloating,\n    useFloatingNodeId,\n    useFloatingParentNodeId,\n    useFloatingTree,\n    useHover,\n    useInteractions,\n    useListItem,\n    useListNavigation,\n    useMergeRefs,\n    useRole,\n    useTypeahead,\n} from '@floating-ui/react';\nimport {\n    cloneElement,\n    FocusEvent,\n    forwardRef,\n    HTMLProps,\n    isValidElement,\n    MouseEvent,\n    ReactElement,\n    ReactNode,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\n\nimport { MenuContext, useMenuContext } from './context/menuContext';\n\n/**\n * Hook to detect if component has mounted (client-side only)\n * Useful for preventing SSR hydration mismatches\n */\nconst useHasMounted = () => {\n    const [hasMounted, setHasMounted] = useState(false);\n    useEffect(() => {\n        setHasMounted(true);\n    }, []);\n    return hasMounted;\n};\n\nexport type MenuProps = {\n    /** MenuItem children */\n    children?: ReactNode;\n    /** additional CSS class name for the menu container*/\n    className?: string;\n    /** when true, menu will open on first render */\n    defaultOpen?: boolean;\n    /** when true, menu borders are rounded */\n    hasRoundedBorders?: boolean;\n    /**\n     * Optional stable ID for SSR scenarios. If not provided, a unique ID will be generated.\n     * This helps prevent hydration mismatches when using SSR.\n     */\n    id?: string;\n    /** Enable menu custom content vs MenuItem children */\n    isCustomContent?: boolean;\n    /** initial menu placement */\n    menuPlacement?: Placement;\n    /** custom menu width */\n    menuSize?: 'sm' | 'md' | 'lg' | 'xl';\n    /** number of grid columns required for children */\n    numberOfColumns: 1 | 2 | 3;\n    /** callback that triggers when the menu is closed */\n    onMenuClose?: () => void;\n    /** callback that triggers when the menu is opened */\n    onMenuOpen?: () => void;\n    /** when true, menu will open on hover */\n    openOnHover?: boolean;\n    /** trigger component to open menu */\n    trigger: ReactNode;\n    /** additional CSS class name for the trigger */\n    triggerClassName?: string;\n};\n\nconst MenuComponent = forwardRef<HTMLSpanElement, MenuProps & HTMLProps<HTMLSpanElement>>(\n    (\n        {\n            children,\n            className,\n            defaultOpen,\n            hasRoundedBorders = false,\n            id,\n            isCustomContent,\n            menuPlacement,\n            menuSize = 'lg',\n            numberOfColumns,\n            onMenuClose,\n            onMenuOpen,\n            openOnHover = false,\n            trigger,\n            triggerClassName,\n            ...props\n        },\n        forwardedRef\n    ) => {\n        const [isOpen, setIsOpen] = useState(defaultOpen ?? false);\n        const [activeIndex, setActiveIndex] = useState<number | null>(null);\n        const elementsRef = useRef<Array<HTMLSpanElement | null>>([]);\n        const labelsRef = useRef<Array<string | null>>([]);\n        const parent = useMenuContext();\n        const hasMounted = useHasMounted();\n\n        const tree = useFloatingTree();\n        const nodeId = useFloatingNodeId(id);\n        const parentId = useFloatingParentNodeId();\n        const item = useListItem();\n\n        const isNested = parentId !== null;\n\n        const arrowRef = useRef(null);\n\n        const { context, floatingStyles, refs } = useFloating<HTMLButtonElement>({\n            middleware: [\n                offset({ alignmentAxis: -2, mainAxis: isNested ? 2 : 8 }),\n                flip(),\n                shift({ padding: !isNested ? 2 : 0 }),\n                arrow({ element: arrowRef, padding: 5 }),\n            ],\n            nodeId,\n            onOpenChange: (open) => {\n                setIsOpen(open);\n                if (!open) {\n                    onMenuClose?.();\n                } else {\n                    onMenuOpen?.();\n                }\n            },\n            open: isOpen,\n            placement: isNested ? 'right-start' : (menuPlacement ?? 'bottom'),\n            whileElementsMounted: autoUpdate,\n        });\n        const hover = useHover(context, {\n            delay: { open: 75 },\n            enabled: isNested || openOnHover,\n            handleClose: safePolygon({ blockPointerEvents: true }),\n        });\n        const click = useClick(context, {\n            enabled: !context.dataRef.current.openEvent?.defaultPrevented && !openOnHover,\n            event: 'click',\n            ignoreMouse: isNested,\n            toggle: !isNested,\n        });\n\n        const role = useRole(context, { role: 'menu' });\n        const dismiss = useDismiss(context, { bubbles: true });\n        const listNavigation = useListNavigation(context, {\n            activeIndex,\n            focusItemOnOpen: false,\n            listRef: elementsRef,\n            nested: isNested,\n            onNavigate: setActiveIndex,\n        });\n        const typeahead = useTypeahead(context, {\n            activeIndex,\n            enabled: !isCustomContent,\n            listRef: labelsRef,\n            onMatch: isOpen ? setActiveIndex : undefined,\n        });\n\n        const { getFloatingProps, getItemProps, getReferenceProps } = useInteractions([\n            hover,\n            click,\n            role,\n            dismiss,\n            listNavigation,\n            typeahead,\n        ]);\n\n        // Event emitter allows you to communicate across tree components.\n        // This effect closes all menus when an item gets clicked anywhere\n        // in the tree.\n        useEffect(() => {\n            if (!tree) {\n                return;\n            }\n\n            function handleTreeClick() {\n                setIsOpen(false);\n                onMenuClose?.();\n            }\n\n            function onSubMenuOpen(event: { nodeId: string; parentId: string }) {\n                if (event.nodeId !== nodeId && event.parentId === parentId) {\n                    setIsOpen(false);\n                    onMenuClose?.();\n                }\n            }\n\n            tree.events.on('click', handleTreeClick);\n            tree.events.on('menuopen', onSubMenuOpen);\n\n            return () => {\n                tree.events.off('click', handleTreeClick);\n                tree.events.off('menuopen', onSubMenuOpen);\n            };\n        }, [tree, nodeId, parentId, onMenuClose]);\n\n        useEffect(() => {\n            if (isOpen && tree) {\n                tree.events.emit('menuopen', { nodeId, parentId });\n            }\n        }, [tree, isOpen, nodeId, parentId]);\n\n        // Strip the three ARIA attrs from the floating-ui reference props so the wrapper span keeps\n        // every behavior it had before (refs, click/keyboard handlers, positioning), but no longer\n        // carries ARIA that its implicit `generic` role disallows (the axe `aria-allowed-attr`\n        // violation). The three ARIA attrs are reapplied to the trigger child via `cloneElement`,\n        // landing on a node whose role natively permits them (button / link / menuitem).\n        const {\n            'aria-controls': ariaControls,\n            'aria-expanded': ariaExpanded,\n            'aria-haspopup': ariaHasPopup,\n            ...referencePropsWithoutAria\n        } = getReferenceProps(\n            parent.getItemProps({\n                ...props,\n                onClick(event: MouseEvent<HTMLButtonElement>) {\n                    event.stopPropagation();\n                    props.onClick?.(event);\n                },\n                onFocus(event: FocusEvent<HTMLButtonElement>) {\n                    props.onFocus?.(event);\n                },\n            })\n        ) as Record<string, unknown>;\n\n        const triggerIsElement = isValidElement(trigger);\n        const triggerElement = trigger as ReactElement;\n        const ariaPropsForTrigger: Record<string, unknown> = {};\n        if (ariaHasPopup !== undefined) {\n            ariaPropsForTrigger['aria-haspopup'] = ariaHasPopup;\n        }\n        if (ariaExpanded !== undefined) {\n            ariaPropsForTrigger['aria-expanded'] = ariaExpanded;\n        }\n        if (ariaControls !== undefined) {\n            ariaPropsForTrigger['aria-controls'] = ariaControls;\n        }\n\n        // For element triggers, clone the ARIA onto the child (preferred — lands on a node whose role\n        // natively permits these attrs). Note: this intentionally overrides any same-named ARIA the\n        // caller already set on the trigger; menu disclosure semantics (`aria-haspopup=\"menu\"`) must\n        // win for the popup to be announced correctly.\n        const clonedTrigger = triggerIsElement ? cloneElement(triggerElement, ariaPropsForTrigger) : trigger;\n\n        // For non-element triggers (string / number / null), we cannot clone ARIA anywhere meaningful,\n        // so the wrapper span itself becomes the disclosure control. Adding `role=\"button\"` +\n        // `tabIndex={0}` makes the ARIA attrs valid (no `aria-allowed-attr` violation) and preserves\n        // the screen-reader disclosure pattern. Safe because non-element triggers don't contain a\n        // nested interactive element (no `nested-interactive` violation).\n        const wrapperFallbackProps = !triggerIsElement ? { ...ariaPropsForTrigger, role: 'button' as const } : {};\n\n        return (\n            <FloatingNode id={nodeId}>\n                <span\n                    className={cn(\n                        {\n                            'w-full': isNested,\n                        },\n                        'm-0 inline-flex cursor-pointer appearance-none items-center border-none bg-none p-0 text-left no-underline outline-0 hover:no-underline',\n                        triggerClassName\n                    )}\n                    data-testid=\"menu-trigger-wrapper\"\n                    ref={useMergeRefs([refs.setReference, item.ref, forwardedRef])}\n                    tabIndex={\n                        !triggerIsElement ? 0 : !isNested ? undefined : parent.activeIndex === item.index ? 0 : -1\n                    }\n                    {...wrapperFallbackProps}\n                    {...referencePropsWithoutAria}\n                >\n                    {clonedTrigger}\n                </span>\n                <MenuContext.Provider\n                    value={{\n                        activeIndex,\n                        getItemProps,\n                        isOpen,\n                        numberOfColumns,\n                        setActiveIndex,\n                    }}\n                >\n                    <FloatingList\n                        elementsRef={elementsRef}\n                        labelsRef={labelsRef}\n                    >\n                        {isOpen && hasMounted && Boolean(refs.domReference) && (\n                            <FloatingPortal root={refs.domReference}>\n                                <FloatingFocusManager\n                                    context={context}\n                                    initialFocus={-1}\n                                    modal={false}\n                                    returnFocus={!isNested}\n                                >\n                                    <div\n                                        className={cn(\n                                            'Menu relative z-50 w-min cursor-default bg-background-primary py-2 shadow-03 outline-0',\n                                            {\n                                                'min-w-[200px]': menuSize === 'sm',\n                                                'min-w-[250px]': menuSize === 'md',\n                                                'min-w-[300px]': menuSize === 'lg',\n                                                'min-w-[350px]': menuSize === 'xl',\n                                                'rounded-md': hasRoundedBorders,\n                                            },\n                                            className\n                                        )}\n                                        data-testid=\"menu-wrapper\"\n                                        ref={refs.setFloating}\n                                        style={floatingStyles}\n                                        {...getFloatingProps()}\n                                    >\n                                        {!isNested && (\n                                            <FloatingArrow\n                                                className=\"fill-background-primary\"\n                                                context={context}\n                                                ref={arrowRef}\n                                                tipRadius={hasRoundedBorders ? 2 : 0}\n                                            />\n                                        )}\n                                        {children}\n                                    </div>\n                                </FloatingFocusManager>\n                            </FloatingPortal>\n                        )}\n                    </FloatingList>\n                </MenuContext.Provider>\n            </FloatingNode>\n        );\n    }\n);\n\nMenuComponent.displayName = 'MenuComponent';\n\nexport const Menu = forwardRef<HTMLSpanElement, MenuProps & HTMLProps<HTMLSpanElement>>((props, ref) => {\n    const parentId = useFloatingParentNodeId();\n\n    if (parentId === null) {\n        return (\n            <FloatingTree>\n                <MenuComponent\n                    {...props}\n                    ref={ref}\n                />\n            </FloatingTree>\n        );\n    }\n\n    return (\n        <MenuComponent\n            {...props}\n            ref={ref}\n        />\n    );\n});\n\nMenu.displayName = 'Menu';\n"],"mappings":"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"}