@proyecto-viviana/ui 0.4.1 → 0.6.0

package/dist/_chunk/ActionMenu.js

@@ -0,0 +1,460 @@
+import { mergeStyles } from "../style/runtime.js";
+import { useTheme } from "../provider/index.js";
+import { a as mergeContextUnsafeStyle, i as mergeContextStyles, n as getSlottedContextProps, r as mergeContextRefs } from "./spectrum-context.js";
+import { t as s2ActionButton } from "./s2-action-button-styles.js";
+import { t as s2IntlStrings } from "./intl.js";
+import { centerBaseline } from "../icon/center-baseline.js";
+import { pressScale } from "../pressScale.js";
+import { r as createIcon, t as IconContext } from "./spectrum-icon.js";
+import { c as TextContext, f as HeadingContext, l as Keyboard, o as HeaderContext, s as Text } from "./text.js";
+/* empty css                                                                       */
+import { _ as menuSectionHeader, h as menuPopover, n as menuFrame, p as menuItemLabel, s as menuItemDescription, t as menu, v as menuSectionHeading } from "./s2-menu-styles.js";
+import { g as MenuSizeContext, h as MenuLinkOutIconContext, o as MenuItem$1 } from "./menu.js";
+import { className, createComponent, getNextElement, insert, memo, mergeProps, runHydrationEvents, spread, template } from "solid-js/web";
+import { createContext, createEffect, createSignal, mergeProps as mergeProps$1, onCleanup, splitProps, useContext } from "solid-js";
+import { createStringFormatter } from "@proyecto-viviana/solidaria";
+import { Menu, MenuButton, MenuTrigger, MenuTriggerContext, Popover } from "@proyecto-viviana/solidaria-components";
+//#region src/icon/s2wf-icons/MoreIcon.tsx
+var _tmpl$$1 = /*#__PURE__*/ template(`<svg xmlns=http://www.w3.org/2000/svg width=20 height=20 viewBox="0 0 20 20"><circle cx=10 cy=10.02114 r=1.5 fill="var(--iconPrimary, #222)"></circle><path d=m10,8.5c-.82843,0-1.5.67157-1.5,1.5s.67157,1.5,1.5,1.5,1.5-.67157,1.5-1.5-.67157-1.5-1.5-1.5Z fill="var(--iconPrimary, #222)"></path><circle cx=4 cy=10.02114 r=1.5 fill="var(--iconPrimary, #222)"></circle><circle cx=4 cy=10 r=1.5 fill="var(--iconPrimary, #222)"></circle><circle cx=16 cy=10.02114 r=1.5 fill="var(--iconPrimary, #222)"></circle><circle cx=16 cy=10 r=1.5 fill="var(--iconPrimary, #222)">`);
+function MoreIconSvg(props) {
+	const { class: className, ...rest } = props;
+	return (() => {
+		var _el$ = getNextElement(_tmpl$$1);
+		spread(_el$, mergeProps(rest, { "class": className }), true, true);
+		runHydrationEvents();
+		return _el$;
+	})();
+}
+const MoreIcon = createIcon(MoreIconSvg);
+//#endregion
+//#region src/menu/ActionMenu.tsx
+var _tmpl$ = /*#__PURE__*/ template(`<div>`);
+const ActionMenuContext = createContext(null);
+function fallbackItemLabel(item) {
+	const menuItem = item;
+	return menuItem.label ?? menuItem.name ?? menuItem.textValue ?? String(menuItem.id ?? "");
+}
+function fallbackItemTextValue(item) {
+	return item.textValue ?? fallbackItemLabel(item);
+}
+function actionMenuPlacement(direction, align) {
+	const resolvedDirection = direction ?? "bottom";
+	const resolvedAlign = align ?? "start";
+	switch (resolvedDirection) {
+		case "left":
+		case "right":
+		case "start":
+		case "end": return `${resolvedDirection} ${resolvedAlign === "end" ? "bottom" : "top"}`;
+		default: return `${resolvedDirection} ${resolvedAlign}`;
+	}
+}
+function actionMenuPlacementAxis(direction) {
+	if (direction === "start") return "left";
+	if (direction === "end") return "right";
+	return direction ?? "bottom";
+}
+function getDataAttributes(...sources) {
+	const attributes = {};
+	for (const source of sources) {
+		if (!source) continue;
+		for (const key in source) if (key.startsWith("data-")) attributes[key] = source[key];
+	}
+	return attributes;
+}
+function omitDataAttributes(source) {
+	const result = {};
+	for (const key in source) if (!key.startsWith("data-")) result[key] = source[key];
+	return result;
+}
+/**
+* ActionMenu combines an ActionButton with a Menu for simple "more actions" use cases.
+*/
+function ActionMenu(props) {
+	const contextProps = getSlottedContextProps(useContext(ActionMenuContext), props.slot);
+	const [local, menuProps] = splitProps(mergeProps$1(contextProps ?? {}, props), [
+		"label",
+		"isQuiet",
+		"isDisabled",
+		"align",
+		"direction",
+		"shouldFlip",
+		"class",
+		"size",
+		"menuSize",
+		"hideLinkOutIcon",
+		"styles",
+		"UNSAFE_className",
+		"UNSAFE_style",
+		"children",
+		"ref",
+		"slot",
+		"isOpen",
+		"defaultOpen",
+		"onOpenChange",
+		"autoFocus",
+		"id",
+		"aria-label",
+		"aria-labelledby",
+		"aria-describedby",
+		"aria-details",
+		"items"
+	]);
+	const stringFormatter = createStringFormatter(s2IntlStrings, "@react-spectrum/s2");
+	const triggerLabel = () => local["aria-label"] ?? local.label ?? stringFormatter().format("menu.moreActions");
+	const size = () => local.size ?? "M";
+	const menuSize = () => local.menuSize ?? "M";
+	const items = () => local.items;
+	const triggerDataAttributes = () => getDataAttributes(contextProps, props);
+	const menuOnlyProps = () => omitDataAttributes(menuProps);
+	const [triggerElement, setTriggerElement] = createSignal(null);
+	let didAutoFocus = false;
+	createEffect(() => {
+		const trigger = triggerElement();
+		if (!didAutoFocus && local.autoFocus && trigger) {
+			didAutoFocus = true;
+			trigger.focus();
+		}
+	});
+	const iconContextValue = {
+		slot: "icon",
+		render: centerBaseline({
+			slot: "icon",
+			styles: () => " z2U5Crc151 y2U5Crc151 B2U5Crc151 A2U5Crc151"
+		}),
+		styles: " ZuUmpre151 FuUmpre151 I67logd151 _va151"
+	};
+	const getButtonState = (renderProps) => ({
+		isHovered: renderProps.isHovered || renderProps.isOpen,
+		isPressed: renderProps.isPressed,
+		isFocused: renderProps.isFocused,
+		isFocusVisible: renderProps.isFocusVisible,
+		isDisabled: renderProps.isDisabled
+	});
+	const getButtonClassName = (renderProps) => [local.UNSAFE_className, mergeStyles(s2ActionButton({
+		...getButtonState(renderProps),
+		size: size(),
+		isQuiet: local.isQuiet,
+		isStaticColor: false,
+		density: "regular",
+		orientation: "horizontal",
+		isInGroup: false
+	}), mergeContextStyles(contextProps?.styles, props.styles))].filter(Boolean).join(" ");
+	const getButtonStyle = (renderProps) => pressScale(triggerElement, () => {
+		return mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style) ?? {};
+	})(renderProps);
+	const renderMenuItem = (item) => {
+		if (typeof local.children === "function") return local.children(item);
+		const itemData = item;
+		const label = fallbackItemLabel(item);
+		const textValue = fallbackItemTextValue(item);
+		const itemKey = typeof menuProps.getKey === "function" ? menuProps.getKey(item) : itemData.id ?? itemData.key ?? label;
+		const description = () => itemData.description;
+		const shortcut = () => itemData.shortcut ?? itemData.keyboardShortcut;
+		return createComponent(MenuItem$1, {
+			id: itemKey,
+			textValue,
+			get isDisabled() {
+				return itemData.isDisabled;
+			},
+			get href() {
+				return itemData.href;
+			},
+			get target() {
+				return itemData.target;
+			},
+			get rel() {
+				return itemData.rel;
+			},
+			get download() {
+				return itemData.download;
+			},
+			icon: typeof itemData.icon === "function" ? itemData.icon : itemData.icon != null ? () => itemData.icon : void 0,
+			children: () => [
+				createComponent(Text, {
+					slot: "label",
+					children: label
+				}),
+				memo(() => memo(() => !!description())() ? createComponent(Text, {
+					slot: "description",
+					get children() {
+						return description();
+					}
+				}) : null),
+				memo(() => memo(() => !!shortcut())() ? createComponent(Keyboard, { get children() {
+					return shortcut();
+				} }) : null)
+			]
+		});
+	};
+	return createComponent(MenuTrigger, mergeProps({
+		get isOpen() {
+			return local.isOpen;
+		},
+		get defaultOpen() {
+			return local.defaultOpen;
+		},
+		get onOpenChange() {
+			return local.onOpenChange;
+		},
+		get isDisabled() {
+			return local.isDisabled;
+		}
+	}, { get children() {
+		return [createComponent(MenuButton, mergeProps(triggerDataAttributes, {
+			get id() {
+				return local.id;
+			},
+			get ["aria-label"]() {
+				return triggerLabel();
+			},
+			get ["aria-labelledby"]() {
+				return local["aria-labelledby"];
+			},
+			get ["aria-describedby"]() {
+				return local["aria-describedby"];
+			},
+			get ["aria-details"]() {
+				return local["aria-details"];
+			},
+			get autofocus() {
+				return local.autoFocus;
+			},
+			get isDisabled() {
+				return local.isDisabled;
+			},
+			ref: (element) => {
+				setTriggerElement(element);
+				mergeContextRefs(contextProps?.ref, props.ref)(element);
+			},
+			"class": getButtonClassName,
+			style: getButtonStyle,
+			get ["data-size"]() {
+				return size();
+			},
+			get ["data-quiet"]() {
+				return local.isQuiet ? "true" : void 0;
+			},
+			get ["data-action-menu-align"]() {
+				return local.align ?? "start";
+			},
+			get ["data-action-menu-direction"]() {
+				return local.direction ?? "bottom";
+			},
+			get ["data-action-menu-should-flip"]() {
+				return local.shouldFlip === false ? "false" : void 0;
+			},
+			get children() {
+				return createComponent(IconContext.Provider, {
+					value: iconContextValue,
+					get children() {
+						return createComponent(MoreIcon, {});
+					}
+				});
+			}
+		})), createComponent(ActionMenuPopover, {
+			menuProps: menuOnlyProps,
+			items,
+			staticChildren: () => local.children,
+			renderMenuItem,
+			menuSize,
+			hideLinkOutIcon: () => local.hideLinkOutIcon ?? false,
+			triggerLabel,
+			triggerRef: triggerElement,
+			get ["class"]() {
+				return local.class;
+			},
+			align: () => local.align,
+			direction: () => local.direction,
+			shouldFlip: () => local.shouldFlip
+		})];
+	} }));
+}
+const ACTION_MENU_POPOVER_TRANSITION_DURATION = 200;
+function ActionMenuPopover(props) {
+	const theme = useTheme();
+	const triggerContext = useContext(MenuTriggerContext);
+	const isOpen = () => triggerContext?.state.isOpen() ?? false;
+	const close = () => triggerContext?.state.close();
+	const open = () => triggerContext?.state.open();
+	const [isEntering, setIsEntering] = createSignal(false);
+	const [isExiting, setIsExiting] = createSignal(false);
+	let exitTimeout;
+	let enterFrame;
+	let wasOpen = isOpen();
+	let renderedOpen = wasOpen;
+	let shouldRestoreFocusAfterExit = false;
+	const shouldRender = () => {
+		const open = isOpen();
+		if (open) renderedOpen = true;
+		return open || renderedOpen || isExiting();
+	};
+	const isEnteringForRender = () => isOpen() && !wasOpen ? true : isEntering();
+	const usesStaticChildren = () => props.items() == null;
+	const menuClass = (renderProps) => [menu({
+		...renderProps,
+		size: props.menuSize()
+	}), props.class].filter(Boolean).join(" ");
+	const restoreTriggerFocusAfterExit = () => {
+		const trigger = props.triggerRef();
+		if (!trigger) return;
+		const restore = () => trigger.focus();
+		if (typeof queueMicrotask === "function") queueMicrotask(restore);
+		else Promise.resolve().then(restore);
+	};
+	createEffect(() => {
+		if (exitTimeout) {
+			clearTimeout(exitTimeout);
+			exitTimeout = void 0;
+		}
+		if (isOpen()) {
+			wasOpen = true;
+			renderedOpen = true;
+			shouldRestoreFocusAfterExit = false;
+			setIsExiting(false);
+			setIsEntering(true);
+			if (typeof document !== "undefined") {
+				const markKeyboardFocusRestore = (event) => {
+					if (event.key === "Escape") shouldRestoreFocusAfterExit = true;
+				};
+				document.addEventListener("keydown", markKeyboardFocusRestore, true);
+				onCleanup(() => {
+					document.removeEventListener("keydown", markKeyboardFocusRestore, true);
+				});
+			}
+			if (typeof requestAnimationFrame !== "undefined") {
+				if (enterFrame != null) cancelAnimationFrame(enterFrame);
+				enterFrame = requestAnimationFrame(() => {
+					enterFrame = void 0;
+					setIsEntering(false);
+				});
+			} else setTimeout(() => setIsEntering(false), 0);
+			return;
+		}
+		setIsEntering(false);
+		if (!wasOpen && !renderedOpen) {
+			setIsExiting(false);
+			return;
+		}
+		wasOpen = false;
+		renderedOpen = false;
+		const activeElement = typeof document !== "undefined" ? document.activeElement : null;
+		shouldRestoreFocusAfterExit = shouldRestoreFocusAfterExit || typeof Element !== "undefined" && activeElement instanceof Element && activeElement.closest("[role=\"menu\"]") != null;
+		setIsExiting(true);
+		exitTimeout = setTimeout(() => {
+			const shouldRestoreFocus = shouldRestoreFocusAfterExit;
+			shouldRestoreFocusAfterExit = false;
+			exitTimeout = void 0;
+			setIsExiting(false);
+			if (shouldRestoreFocus) restoreTriggerFocusAfterExit();
+		}, ACTION_MENU_POPOVER_TRANSITION_DURATION);
+	});
+	onCleanup(() => {
+		if (exitTimeout) clearTimeout(exitTimeout);
+		if (enterFrame != null && typeof cancelAnimationFrame !== "undefined") cancelAnimationFrame(enterFrame);
+	});
+	return createComponent(Popover, {
+		trigger: "MenuTrigger",
+		get triggerRef() {
+			return props.triggerRef;
+		},
+		get isOpen() {
+			return shouldRender();
+		},
+		onOpenChange: (openState) => {
+			if (openState) open();
+			else close();
+		},
+		get placement() {
+			return actionMenuPlacement(props.direction(), props.align());
+		},
+		offset: 8,
+		get shouldFlip() {
+			return props.shouldFlip();
+		},
+		autoFocus: false,
+		get isEntering() {
+			return isEnteringForRender();
+		},
+		get isExiting() {
+			return isExiting();
+		},
+		"class": (renderProps) => menuPopover({
+			...renderProps,
+			placement: renderProps.placement ?? actionMenuPlacementAxis(props.direction()),
+			colorScheme: theme.colorScheme
+		}),
+		get children() {
+			var _el$ = getNextElement(_tmpl$);
+			className(_el$, menuFrame);
+			insert(_el$, createComponent(MenuSizeContext.Provider, {
+				get value() {
+					return props.menuSize();
+				},
+				get children() {
+					return createComponent(MenuLinkOutIconContext.Provider, {
+						get value() {
+							return props.hideLinkOutIcon();
+						},
+						get children() {
+							return createComponent(HeaderContext.Provider, {
+								value: { styles: () => menuSectionHeader({ size: props.menuSize() }) },
+								get children() {
+									return createComponent(HeadingContext.Provider, {
+										value: {
+											role: "presentation",
+											styles: menuSectionHeading
+										},
+										get children() {
+											return createComponent(TextContext.Provider, {
+												value: { slots: {
+													default: {
+														styles: () => menuItemLabel({ size: props.menuSize() }),
+														"data-rsp-slot": "text"
+													},
+													label: {
+														styles: () => menuItemLabel({ size: props.menuSize() }),
+														"data-rsp-slot": "text"
+													},
+													description: {
+														styles: () => menuItemDescription({
+															size: props.menuSize(),
+															isFocused: false,
+															isDisabled: false
+														}),
+														"data-rsp-slot": "text"
+													}
+												} },
+												get children() {
+													return createComponent(Menu, mergeProps(() => props.menuProps(), {
+														get items() {
+															return props.items();
+														},
+														get staticChildren() {
+															return memo(() => !!usesStaticChildren())() ? props.staticChildren : void 0;
+														},
+														get ["aria-label"]() {
+															return props.triggerLabel();
+														},
+														"class": menuClass,
+														get children() {
+															return memo(() => !!usesStaticChildren())() ? void 0 : props.renderMenuItem;
+														}
+													}));
+												}
+											});
+										}
+									});
+								}
+							});
+						}
+					});
+				}
+			}));
+			return _el$;
+		}
+	});
+}
+//#endregion
+export { ActionMenuContext as n, ActionMenu as t };
+
+//# sourceMappingURL=ActionMenu.js.map

package/dist/_chunk/ActionMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenu.js","names":["JSX","createIcon","MoreIconSvg","props","SvgSVGAttributes","SVGSVGElement","Element","class","className","rest","_el$","_$getNextElement","_tmpl$","_$spread","_$mergeProps","_$runHydrationEvents","MoreIconProps","MoreIcon"],"sources":["../../src/icon/s2wf-icons/MoreIcon.tsx","../../src/menu/ActionMenu.tsx"],"sourcesContent":["/*\n * Auto-generated from vendored React Spectrum S2 icon sources.\n * Do not edit by hand.\n */\n\nimport { type JSX } from \"solid-js\";\nimport { createIcon } from \"../spectrum-icon\";\n\nfunction MoreIconSvg(props: JSX.SvgSVGAttributes<SVGSVGElement>): JSX.Element {\n  const { class: className, ...rest } = props;\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 20 20\"\n      {...rest}\n      class={className}\n    >\n      <circle cx=\"10\" cy=\"10.02114\" r=\"1.5\" fill=\"var(--iconPrimary, #222)\" />\n      <path\n        d=\"m10,8.5c-.82843,0-1.5.67157-1.5,1.5s.67157,1.5,1.5,1.5,1.5-.67157,1.5-1.5-.67157-1.5-1.5-1.5Z\"\n        fill=\"var(--iconPrimary, #222)\"\n      />\n      <circle cx=\"4\" cy=\"10.02114\" r=\"1.5\" fill=\"var(--iconPrimary, #222)\" />\n      <circle cx=\"4\" cy=\"10\" r=\"1.5\" fill=\"var(--iconPrimary, #222)\" />\n      <circle cx=\"16\" cy=\"10.02114\" r=\"1.5\" fill=\"var(--iconPrimary, #222)\" />\n      <circle cx=\"16\" cy=\"10\" r=\"1.5\" fill=\"var(--iconPrimary, #222)\" />\n    </svg>\n  );\n}\n\nexport type MoreIconProps = JSX.SvgSVGAttributes<SVGSVGElement>;\nexport const MoreIcon = createIcon(MoreIconSvg);\nexport default MoreIcon;\n","import {\n  type JSX,\n  createContext,\n  createEffect,\n  createSignal,\n  mergeProps,\n  onCleanup,\n  splitProps,\n  useContext,\n} from \"solid-js\";\nimport {\n  MenuTrigger as HeadlessMenuTrigger,\n  MenuButton as HeadlessMenuButton,\n  Menu as HeadlessMenu,\n  Popover as HeadlessPopover,\n  MenuTriggerContext,\n  type MenuProps as HeadlessMenuProps,\n  type MenuTriggerRenderProps,\n  type MenuTriggerProps as HeadlessMenuTriggerProps,\n  type MenuRenderProps,\n  type PopoverRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport { createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport { centerBaseline } from \"../icon/center-baseline\";\nimport MoreIcon from \"../icon/s2wf-icons/MoreIcon\";\nimport { IconContext } from \"../icon/spectrum-icon\";\nimport type { StyleString } from \"../style\";\nimport { fontRelative, style } from \"../style\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport { s2IntlStrings } from \"../intl\";\nimport { HeaderContext, HeadingContext, Keyboard, Text, TextContext } from \"../text\";\nimport { useTheme } from \"../provider\";\nimport { pressScale } from \"../pressScale\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\nimport { s2ActionButton, type S2ActionButtonRenderState } from \"../button/s2-action-button-styles\";\nimport type { ActionButtonSize } from \"../button/group-context\";\nimport {\n  menu as s2Menu,\n  menuFrame,\n  menuItemDescription,\n  menuItemLabel,\n  menuPopover,\n  menuSectionHeader,\n  menuSectionHeading,\n} from \"./s2-menu-styles\";\nimport { MenuLinkOutIconContext, MenuSizeContext } from \"./menu-context\";\nimport { MenuItem } from \"./index\";\n\nexport type ActionMenuMenuSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type ActionMenuAlign = \"start\" | \"end\";\nexport type ActionMenuDirection = \"top\" | \"bottom\" | \"start\" | \"end\" | \"left\" | \"right\";\n\nexport interface ActionMenuProps<T> extends Omit<\n  HeadlessMenuProps<T>,\n  \"class\" | \"style\" | \"children\" | \"items\" | \"ref\" | \"slot\"\n> {\n  /** Item objects in the collection. */\n  items?: HeadlessMenuProps<T>[\"items\"];\n  /** The contents of the collection. */\n  children?: JSX.Element | ((item: T) => JSX.Element);\n  /** Additional CSS class name for the menu. Legacy alias. */\n  class?: string;\n  /** Accessible label for the trigger button. Legacy alias. */\n  label?: string;\n  /** Whether the button should be displayed with a quiet style. */\n  isQuiet?: boolean;\n  /** Whether the trigger is disabled. */\n  isDisabled?: boolean;\n  /** The size of the ActionButton. @default 'M' */\n  size?: ActionButtonSize;\n  /** The size of the Menu. @default 'M' */\n  menuSize?: ActionMenuMenuSize;\n  /** Hides the default link out icons on menu items that open links in a new tab. */\n  hideLinkOutIcon?: boolean;\n  /** Alignment of the menu relative to the trigger. @default 'start' */\n  align?: ActionMenuAlign;\n  /** Where the Menu opens relative to its trigger. @default 'bottom' */\n  direction?: ActionMenuDirection;\n  /** Whether the menu should automatically flip direction when space is limited. */\n  shouldFlip?: boolean;\n  /** Whether the overlay is open by default. */\n  defaultOpen?: boolean;\n  /** Whether the overlay is open, controlled. */\n  isOpen?: boolean;\n  /** Handler called when the overlay open state changes. */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** Whether the trigger should receive focus on render. */\n  autoFocus?: boolean;\n  /** Spectrum-defined generated classes for the trigger button. */\n  styles?: StyleString | (() => StyleString | undefined);\n  /** Additional CSS class name for the trigger button. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles for the trigger button. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Identifies the trigger element. */\n  id?: string;\n  /** Accessible label for the trigger button. */\n  \"aria-label\"?: string;\n  /** Identifies the element that labels the trigger button. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element that describes the trigger button. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element that provides details for the trigger button. */\n  \"aria-details\"?: string;\n  slot?: string | null;\n  ref?: RefLike<HTMLButtonElement>;\n  [key: `data-${string}`]: string | undefined;\n}\n\nexport const ActionMenuContext = createContext<SpectrumContextValue<ActionMenuProps<any>>>(null);\n\nfunction fallbackItemLabel(item: unknown): string {\n  const menuItem = item as {\n    id?: string | number;\n    label?: string;\n    name?: string;\n    textValue?: string;\n  };\n  return menuItem.label ?? menuItem.name ?? menuItem.textValue ?? String(menuItem.id ?? \"\");\n}\n\nfunction fallbackItemTextValue(item: unknown): string {\n  const menuItem = item as { textValue?: string };\n  return menuItem.textValue ?? fallbackItemLabel(item);\n}\n\nfunction actionMenuPlacement(\n  direction: ActionMenuDirection | undefined,\n  align: ActionMenuAlign | undefined,\n): string {\n  const resolvedDirection = direction ?? \"bottom\";\n  const resolvedAlign = align ?? \"start\";\n\n  switch (resolvedDirection) {\n    case \"left\":\n    case \"right\":\n    case \"start\":\n    case \"end\":\n      return `${resolvedDirection} ${resolvedAlign === \"end\" ? \"bottom\" : \"top\"}`;\n    case \"bottom\":\n    case \"top\":\n    default:\n      return `${resolvedDirection} ${resolvedAlign}`;\n  }\n}\n\nfunction actionMenuPlacementAxis(\n  direction: ActionMenuDirection | undefined,\n): NonNullable<PopoverRenderProps[\"placement\"]> {\n  if (direction === \"start\") {\n    return \"left\";\n  }\n  if (direction === \"end\") {\n    return \"right\";\n  }\n  return direction ?? \"bottom\";\n}\n\nfunction getDataAttributes(\n  ...sources: Array<Record<string, unknown> | null | undefined>\n): JSX.HTMLAttributes<HTMLButtonElement> {\n  const attributes: Record<string, unknown> = {};\n\n  for (const source of sources) {\n    if (!source) {\n      continue;\n    }\n\n    for (const key in source) {\n      if (key.startsWith(\"data-\")) {\n        attributes[key] = source[key];\n      }\n    }\n  }\n\n  return attributes as JSX.HTMLAttributes<HTMLButtonElement>;\n}\n\nfunction omitDataAttributes<T extends Record<string, unknown>>(source: T): T {\n  const result: Record<string, unknown> = {};\n\n  for (const key in source) {\n    if (!key.startsWith(\"data-\")) {\n      result[key] = source[key];\n    }\n  }\n\n  return result as T;\n}\n\n/**\n * ActionMenu combines an ActionButton with a Menu for simple \"more actions\" use cases.\n */\nexport function ActionMenu<T extends object = object>(props: ActionMenuProps<T>): JSX.Element {\n  const contextProps = getSlottedContextProps(useContext(ActionMenuContext), props.slot);\n  const merged = mergeProps(contextProps ?? {}, props);\n  const [local, menuProps] = splitProps(merged, [\n    \"label\",\n    \"isQuiet\",\n    \"isDisabled\",\n    \"align\",\n    \"direction\",\n    \"shouldFlip\",\n    \"class\",\n    \"size\",\n    \"menuSize\",\n    \"hideLinkOutIcon\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"children\",\n    \"ref\",\n    \"slot\",\n    \"isOpen\",\n    \"defaultOpen\",\n    \"onOpenChange\",\n    \"autoFocus\",\n    \"id\",\n    \"aria-label\",\n    \"aria-labelledby\",\n    \"aria-describedby\",\n    \"aria-details\",\n    \"items\",\n  ] as const);\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const triggerLabel = () =>\n    local[\"aria-label\"] ?? local.label ?? stringFormatter().format(\"menu.moreActions\");\n  const size = (): ActionButtonSize => local.size ?? \"M\";\n  const menuSize = (): ActionMenuMenuSize => local.menuSize ?? \"M\";\n  const items = () => local.items as HeadlessMenuProps<T>[\"items\"] | undefined;\n  const triggerDataAttributes = () =>\n    getDataAttributes(\n      contextProps as Record<string, unknown> | null,\n      props as Record<string, unknown>,\n    );\n  const menuOnlyProps = () =>\n    omitDataAttributes(menuProps as Record<string, unknown>) as Omit<\n      HeadlessMenuProps<T>,\n      \"children\" | \"items\"\n    >;\n  const [triggerElement, setTriggerElement] = createSignal<HTMLButtonElement | null>(null);\n  let didAutoFocus = false;\n  createEffect(() => {\n    const trigger = triggerElement();\n    if (!didAutoFocus && local.autoFocus && trigger) {\n      didAutoFocus = true;\n      trigger.focus();\n    }\n  });\n  const iconContextValue = {\n    slot: \"icon\",\n    render: centerBaseline({\n      slot: \"icon\",\n      styles: () =>\n        style({\n          gridArea: \"icon\",\n        }),\n    }),\n    styles: style({\n      size: fontRelative(20),\n      marginStart: \"--iconMargin\",\n      flexShrink: 0,\n    }),\n  };\n  const getButtonState = (renderProps: MenuTriggerRenderProps): S2ActionButtonRenderState => ({\n    isHovered: renderProps.isHovered || renderProps.isOpen,\n    isPressed: renderProps.isPressed,\n    isFocused: renderProps.isFocused,\n    isFocusVisible: renderProps.isFocusVisible,\n    isDisabled: renderProps.isDisabled,\n  });\n  const getButtonClassName = (renderProps: MenuTriggerRenderProps) =>\n    [\n      local.UNSAFE_className,\n      mergeStyles(\n        s2ActionButton({\n          ...getButtonState(renderProps),\n          size: size(),\n          isQuiet: local.isQuiet,\n          isStaticColor: false,\n          density: \"regular\",\n          orientation: \"horizontal\",\n          isInGroup: false,\n        }),\n        mergeContextStyles(contextProps?.styles, props.styles),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n  const getButtonStyle = (renderProps: MenuTriggerRenderProps) =>\n    pressScale(triggerElement, () => {\n      return mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style) ?? {};\n    })(renderProps);\n  const renderMenuItem = (item: T): JSX.Element => {\n    if (typeof local.children === \"function\") {\n      return local.children(item);\n    }\n\n    const itemData = item as {\n      id?: Key;\n      key?: Key;\n      label?: string;\n      name?: string;\n      textValue?: string;\n      description?: JSX.Element;\n      shortcut?: JSX.Element;\n      keyboardShortcut?: JSX.Element;\n      icon?: JSX.Element | (() => JSX.Element);\n      isDisabled?: boolean;\n      href?: string;\n      target?: string;\n      rel?: string;\n      download?: boolean | string;\n    };\n    const label = fallbackItemLabel(item);\n    const textValue = fallbackItemTextValue(item);\n    const itemKey =\n      typeof menuProps.getKey === \"function\"\n        ? menuProps.getKey(item)\n        : (itemData.id ?? itemData.key ?? label);\n    const description = () => itemData.description;\n    const shortcut = () => itemData.shortcut ?? itemData.keyboardShortcut;\n    const iconRenderer =\n      typeof itemData.icon === \"function\"\n        ? (itemData.icon as () => JSX.Element)\n        : itemData.icon != null\n          ? () => itemData.icon as JSX.Element\n          : undefined;\n\n    return (\n      <MenuItem\n        id={itemKey}\n        textValue={textValue}\n        isDisabled={itemData.isDisabled}\n        href={itemData.href}\n        target={itemData.target}\n        rel={itemData.rel}\n        download={itemData.download}\n        icon={iconRenderer}\n      >\n        {() => (\n          <>\n            <Text slot=\"label\">{label}</Text>\n            {description() ? <Text slot=\"description\">{description()}</Text> : null}\n            {shortcut() ? <Keyboard>{shortcut()}</Keyboard> : null}\n          </>\n        )}\n      </MenuItem>\n    );\n  };\n\n  const triggerProps: Partial<HeadlessMenuTriggerProps> = {\n    get isOpen() {\n      return local.isOpen;\n    },\n    get defaultOpen() {\n      return local.defaultOpen;\n    },\n    get onOpenChange() {\n      return local.onOpenChange;\n    },\n    get isDisabled() {\n      return local.isDisabled;\n    },\n  };\n\n  return (\n    <HeadlessMenuTrigger {...triggerProps}>\n      <HeadlessMenuButton\n        {...triggerDataAttributes()}\n        id={local.id}\n        aria-label={triggerLabel()}\n        aria-labelledby={local[\"aria-labelledby\"]}\n        aria-describedby={local[\"aria-describedby\"]}\n        aria-details={local[\"aria-details\"]}\n        autofocus={local.autoFocus}\n        isDisabled={local.isDisabled}\n        ref={(element) => {\n          setTriggerElement(element);\n          mergeContextRefs(contextProps?.ref, props.ref)(element);\n        }}\n        class={getButtonClassName}\n        style={getButtonStyle}\n        data-size={size()}\n        data-quiet={local.isQuiet ? \"true\" : undefined}\n        data-action-menu-align={local.align ?? \"start\"}\n        data-action-menu-direction={local.direction ?? \"bottom\"}\n        data-action-menu-should-flip={local.shouldFlip === false ? \"false\" : undefined}\n      >\n        <IconContext.Provider value={iconContextValue}>\n          <MoreIcon />\n        </IconContext.Provider>\n      </HeadlessMenuButton>\n      <ActionMenuPopover\n        menuProps={menuOnlyProps}\n        items={items}\n        staticChildren={() => local.children as JSX.Element | undefined}\n        renderMenuItem={renderMenuItem}\n        menuSize={menuSize}\n        hideLinkOutIcon={() => local.hideLinkOutIcon ?? false}\n        triggerLabel={triggerLabel}\n        triggerRef={triggerElement}\n        class={local.class}\n        align={() => local.align}\n        direction={() => local.direction}\n        shouldFlip={() => local.shouldFlip}\n      />\n    </HeadlessMenuTrigger>\n  );\n}\n\ninterface ActionMenuPopoverProps<T extends object> {\n  menuProps: () => Omit<HeadlessMenuProps<T>, \"children\" | \"items\">;\n  items: () => HeadlessMenuProps<T>[\"items\"] | undefined;\n  staticChildren: () => JSX.Element | undefined;\n  renderMenuItem: (item: T) => JSX.Element;\n  menuSize: () => ActionMenuMenuSize;\n  hideLinkOutIcon: () => boolean;\n  triggerLabel: () => string;\n  triggerRef: () => HTMLButtonElement | null;\n  class?: string;\n  align: () => ActionMenuAlign | undefined;\n  direction: () => ActionMenuDirection | undefined;\n  shouldFlip: () => boolean | undefined;\n}\n\nconst ACTION_MENU_POPOVER_TRANSITION_DURATION = 200;\n\nfunction ActionMenuPopover<T extends object>(props: ActionMenuPopoverProps<T>): JSX.Element {\n  const theme = useTheme();\n  const triggerContext = useContext(MenuTriggerContext);\n  const isOpen = () => triggerContext?.state.isOpen() ?? false;\n  const close = () => triggerContext?.state.close();\n  const open = () => triggerContext?.state.open();\n  const [isEntering, setIsEntering] = createSignal(false);\n  const [isExiting, setIsExiting] = createSignal(false);\n  let exitTimeout: ReturnType<typeof setTimeout> | undefined;\n  let enterFrame: number | undefined;\n  let wasOpen = isOpen();\n  let renderedOpen = wasOpen;\n  let shouldRestoreFocusAfterExit = false;\n  const shouldRender = () => {\n    const open = isOpen();\n    if (open) {\n      renderedOpen = true;\n    }\n    return open || renderedOpen || isExiting();\n  };\n  const isEnteringForRender = () => (isOpen() && !wasOpen ? true : isEntering());\n  const usesStaticChildren = () => props.items() == null;\n  const menuClass = (renderProps: MenuRenderProps) =>\n    [s2Menu({ ...renderProps, size: props.menuSize() }), props.class].filter(Boolean).join(\" \");\n  const restoreTriggerFocusAfterExit = () => {\n    const trigger = props.triggerRef();\n    if (!trigger) {\n      return;\n    }\n\n    const restore = () => trigger.focus();\n    if (typeof queueMicrotask === \"function\") {\n      queueMicrotask(restore);\n    } else {\n      Promise.resolve().then(restore);\n    }\n  };\n\n  createEffect(() => {\n    if (exitTimeout) {\n      clearTimeout(exitTimeout);\n      exitTimeout = undefined;\n    }\n\n    if (isOpen()) {\n      wasOpen = true;\n      renderedOpen = true;\n      shouldRestoreFocusAfterExit = false;\n      setIsExiting(false);\n      setIsEntering(true);\n\n      if (typeof document !== \"undefined\") {\n        const markKeyboardFocusRestore = (event: KeyboardEvent) => {\n          if (event.key === \"Escape\") {\n            shouldRestoreFocusAfterExit = true;\n          }\n        };\n        document.addEventListener(\"keydown\", markKeyboardFocusRestore, true);\n        onCleanup(() => {\n          document.removeEventListener(\"keydown\", markKeyboardFocusRestore, true);\n        });\n      }\n\n      if (typeof requestAnimationFrame !== \"undefined\") {\n        if (enterFrame != null) {\n          cancelAnimationFrame(enterFrame);\n        }\n        enterFrame = requestAnimationFrame(() => {\n          enterFrame = undefined;\n          setIsEntering(false);\n        });\n      } else {\n        setTimeout(() => setIsEntering(false), 0);\n      }\n      return;\n    }\n\n    setIsEntering(false);\n    if (!wasOpen && !renderedOpen) {\n      setIsExiting(false);\n      return;\n    }\n\n    wasOpen = false;\n    renderedOpen = false;\n    const activeElement = typeof document !== \"undefined\" ? document.activeElement : null;\n    shouldRestoreFocusAfterExit =\n      shouldRestoreFocusAfterExit ||\n      (typeof Element !== \"undefined\" &&\n        activeElement instanceof Element &&\n        activeElement.closest('[role=\"menu\"]') != null);\n    setIsExiting(true);\n    exitTimeout = setTimeout(() => {\n      const shouldRestoreFocus = shouldRestoreFocusAfterExit;\n      shouldRestoreFocusAfterExit = false;\n      exitTimeout = undefined;\n      setIsExiting(false);\n      if (shouldRestoreFocus) {\n        restoreTriggerFocusAfterExit();\n      }\n    }, ACTION_MENU_POPOVER_TRANSITION_DURATION);\n  });\n\n  onCleanup(() => {\n    if (exitTimeout) {\n      clearTimeout(exitTimeout);\n    }\n    if (enterFrame != null && typeof cancelAnimationFrame !== \"undefined\") {\n      cancelAnimationFrame(enterFrame);\n    }\n  });\n\n  return (\n    <HeadlessPopover\n      trigger=\"MenuTrigger\"\n      triggerRef={props.triggerRef}\n      isOpen={shouldRender()}\n      onOpenChange={(openState) => {\n        if (openState) {\n          open();\n        } else {\n          close();\n        }\n      }}\n      placement={actionMenuPlacement(props.direction(), props.align()) as never}\n      offset={8}\n      shouldFlip={props.shouldFlip()}\n      autoFocus={false}\n      isEntering={isEnteringForRender()}\n      isExiting={isExiting()}\n      class={(renderProps: PopoverRenderProps) =>\n        menuPopover({\n          ...renderProps,\n          placement: renderProps.placement ?? actionMenuPlacementAxis(props.direction()),\n          colorScheme: theme.colorScheme,\n        })\n      }\n    >\n      <div class={menuFrame}>\n        <MenuSizeContext.Provider value={props.menuSize()}>\n          <MenuLinkOutIconContext.Provider value={props.hideLinkOutIcon()}>\n            <HeaderContext.Provider\n              value={{ styles: () => menuSectionHeader({ size: props.menuSize() }) }}\n            >\n              <HeadingContext.Provider\n                value={{\n                  role: \"presentation\",\n                  styles: menuSectionHeading,\n                }}\n              >\n                <TextContext.Provider\n                  value={{\n                    slots: {\n                      default: {\n                        styles: () => menuItemLabel({ size: props.menuSize() }),\n                        \"data-rsp-slot\": \"text\",\n                      },\n                      label: {\n                        styles: () => menuItemLabel({ size: props.menuSize() }),\n                        \"data-rsp-slot\": \"text\",\n                      },\n                      description: {\n                        styles: () =>\n                          menuItemDescription({\n                            size: props.menuSize(),\n                            isFocused: false,\n                            isDisabled: false,\n                          }),\n                        \"data-rsp-slot\": \"text\",\n                      },\n                    },\n                  }}\n                >\n                  <HeadlessMenu\n                    {...props.menuProps()}\n                    items={props.items()}\n                    staticChildren={usesStaticChildren() ? props.staticChildren : undefined}\n                    aria-label={props.triggerLabel()}\n                    class={menuClass}\n                  >\n                    {usesStaticChildren() ? undefined : props.renderMenuItem}\n                  </HeadlessMenu>\n                </TextContext.Provider>\n              </HeadingContext.Provider>\n            </HeaderContext.Provider>\n          </MenuLinkOutIconContext.Provider>\n        </MenuSizeContext.Provider>\n      </div>\n    </HeadlessPopover>\n  );\n}\n"],"mappings":"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"}