@proyecto-viviana/solidaria 0.2.8 → 0.4.0

package/dist/_chunk/menu.jsx

@@ -0,0 +1,518 @@
+import { t as createPress } from "./createPress.jsx";
+import { i as access, o as mergeProps, t as isDevEnv } from "./env.jsx";
+import { t as filterDOMProps } from "./filterDOMProps.jsx";
+import { p as isVirtualClick } from "./utils.jsx";
+import { a as getEventTarget } from "./focus.jsx";
+import { t as createFocusWithin } from "./createFocusWithin.jsx";
+import { t as createFocusRing } from "./createFocusRing.jsx";
+import { t as createHover } from "./createHover.jsx";
+import { createId, createSlotId } from "../ssr/index.jsx";
+import { t as createLabel } from "./createLabel.jsx";
+import { t as createTypeSelect } from "./createTypeSelect.jsx";
+import { n as createSelectableItem, r as selectItem } from "./createSelectableItem.jsx";
+import { createEffect, onCleanup } from "solid-js";
+//#region src/menu/createMenu.ts
+/**
+* Provides the behavior and accessibility implementation for a menu component.
+* A menu displays a list of actions or options that a user can choose.
+* Based on @react-aria/menu useMenu.
+*/
+/**
+* Default number of items to skip for page up/down when DOM measurement is not available.
+*/
+const DEFAULT_PAGE_SIZE = 10;
+/**
+* Find the next non-disabled key in a collection.
+*/
+function findNextNonDisabledKey(collection, currentKey, direction, isDisabled, wrap) {
+	const getNextKey = direction === "next" ? (key) => collection.getKeyAfter(key) : (key) => collection.getKeyBefore(key);
+	const getFirstKey = direction === "next" ? () => collection.getFirstKey() : () => collection.getLastKey();
+	let nextKey = currentKey != null ? getNextKey(currentKey) : getFirstKey();
+	while (nextKey != null && isDisabled(nextKey)) nextKey = getNextKey(nextKey);
+	if (nextKey == null && wrap) {
+		nextKey = getFirstKey();
+		while (nextKey != null && isDisabled(nextKey)) nextKey = getNextKey(nextKey);
+	}
+	return nextKey;
+}
+const menuData = /* @__PURE__ */ new WeakMap();
+function getMenuData(state) {
+	return menuData.get(state);
+}
+/**
+* Provides the behavior and accessibility implementation for a menu component.
+* A menu displays a list of actions or options that a user can choose.
+*/
+function createMenu(props, state, ref) {
+	const getProps = () => access(props);
+	const id = createId(getProps().id);
+	if (isDevEnv()) {
+		const p = getProps();
+		if (!p.label && !p["aria-label"] && !p["aria-labelledby"]) console.warn("[solidaria] A Menu requires an aria-label or aria-labelledby attribute for accessibility.");
+	}
+	const domProps = () => filterDOMProps(getProps(), { labelable: true });
+	const updateSharedData = () => {
+		const p = getProps();
+		menuData.set(state, {
+			id,
+			onAction: p.onAction,
+			onClose: p.onClose,
+			isDisabled: p.isDisabled,
+			shouldCloseOnSelect: p.shouldCloseOnSelect
+		});
+	};
+	updateSharedData();
+	createEffect(() => {
+		updateSharedData();
+		onCleanup(() => {
+			menuData.delete(state);
+		});
+	});
+	const { focusWithinProps } = createFocusWithin({
+		onFocusWithin: (e) => getProps().onFocus?.(e),
+		onBlurWithin: (e) => getProps().onBlur?.(e),
+		onFocusWithinChange: (isFocused) => {
+			getProps().onFocusChange?.(isFocused);
+			state.setFocused(isFocused);
+		}
+	});
+	const { labelProps, fieldProps } = createLabel({
+		get id() {
+			return id;
+		},
+		get label() {
+			return getProps().label;
+		},
+		get "aria-label"() {
+			return getProps()["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return getProps()["aria-labelledby"];
+		},
+		labelElementType: "span"
+	});
+	const { typeSelectProps } = createTypeSelect({
+		collection: () => state.collection(),
+		focusedKey: () => state.focusedKey(),
+		onFocusedKeyChange: (key) => state.setFocusedKey(key),
+		isKeyDisabled: (key) => state.isDisabled(key),
+		get isDisabled() {
+			return getProps().disallowTypeAhead ?? false;
+		}
+	});
+	const onKeyDown = (e) => {
+		if (getProps().isDisabled) return;
+		const collection = state.collection();
+		const p = getProps();
+		const wrap = p.shouldFocusWrap ?? false;
+		const isDisabled = (key) => state.isDisabled(key) && state.disabledBehavior() === "all";
+		switch (e.key) {
+			case "ArrowDown": {
+				const nextKey = findNextNonDisabledKey(collection, state.focusedKey(), "next", isDisabled, wrap);
+				if (nextKey != null) {
+					e.preventDefault();
+					state.setFocusedKey(nextKey);
+				}
+				break;
+			}
+			case "ArrowUp": {
+				const prevKey = findNextNonDisabledKey(collection, state.focusedKey(), "prev", isDisabled, wrap);
+				if (prevKey != null) {
+					e.preventDefault();
+					state.setFocusedKey(prevKey);
+				}
+				break;
+			}
+			case "Home": {
+				if (state.focusedKey() == null && e.shiftKey) break;
+				e.preventDefault();
+				let firstKey = collection.getFirstKey();
+				while (firstKey != null && isDisabled(firstKey)) firstKey = collection.getKeyAfter(firstKey);
+				if (firstKey != null) state.setFocusedKey(firstKey);
+				break;
+			}
+			case "End": {
+				if (state.focusedKey() == null && e.shiftKey) break;
+				e.preventDefault();
+				let lastKey = collection.getLastKey();
+				while (lastKey != null && isDisabled(lastKey)) lastKey = collection.getKeyBefore(lastKey);
+				if (lastKey != null) state.setFocusedKey(lastKey);
+				break;
+			}
+			case " ":
+			case "Enter": {
+				if (e.target !== e.currentTarget) break;
+				e.preventDefault();
+				const focusedKey = state.focusedKey();
+				if (focusedKey != null && !isDisabled(focusedKey)) {
+					selectItem(state, focusedKey, {
+						pointerType: "keyboard",
+						shiftKey: e.shiftKey,
+						ctrlKey: e.ctrlKey,
+						metaKey: e.metaKey,
+						altKey: e.altKey
+					}, collection);
+					p.onAction?.(focusedKey, collection.getItem(focusedKey)?.value);
+					const isLink = !!collection.getItem(focusedKey)?.props?.href;
+					if (p.shouldCloseOnSelect ?? (e.key === "Enter" || state.selectionMode() === "none" || isLink)) p.onClose?.();
+				}
+				break;
+			}
+			case "Escape":
+				e.preventDefault();
+				p.onClose?.();
+				break;
+			case "PageDown": {
+				const currentKey = state.focusedKey();
+				if (currentKey == null) break;
+				e.preventDefault();
+				const el = ref?.();
+				if (el) {
+					const visibleHeight = el.clientHeight;
+					let traveled = 0;
+					let targetKey = currentKey;
+					while (targetKey != null && traveled < visibleHeight) {
+						const nextKey = collection.getKeyAfter(targetKey);
+						if (nextKey == null) break;
+						const itemElement = el.querySelector(`[data-key="${targetKey}"]`);
+						traveled += itemElement?.clientHeight ?? 32;
+						if (!isDisabled(nextKey)) targetKey = nextKey;
+						else {
+							const afterDisabled = findNextNonDisabledKey(collection, nextKey, "next", isDisabled, false);
+							if (afterDisabled != null) targetKey = afterDisabled;
+							else break;
+						}
+					}
+					if (targetKey != null && targetKey !== currentKey) state.setFocusedKey(targetKey);
+				} else {
+					let count = DEFAULT_PAGE_SIZE;
+					let targetKey = currentKey;
+					while (count > 0 && targetKey != null) {
+						const nextKey = findNextNonDisabledKey(collection, targetKey, "next", isDisabled, false);
+						if (nextKey == null) break;
+						targetKey = nextKey;
+						count--;
+					}
+					if (targetKey != null) state.setFocusedKey(targetKey);
+				}
+				break;
+			}
+			case "PageUp": {
+				const currentKey = state.focusedKey();
+				if (currentKey == null) break;
+				e.preventDefault();
+				const el = ref?.();
+				if (el) {
+					const visibleHeight = el.clientHeight;
+					let traveled = 0;
+					let targetKey = currentKey;
+					while (targetKey != null && traveled < visibleHeight) {
+						const prevKey = collection.getKeyBefore(targetKey);
+						if (prevKey == null) break;
+						const itemElement = el.querySelector(`[data-key="${targetKey}"]`);
+						traveled += itemElement?.clientHeight ?? 32;
+						if (!isDisabled(prevKey)) targetKey = prevKey;
+						else {
+							const beforeDisabled = findNextNonDisabledKey(collection, prevKey, "prev", isDisabled, false);
+							if (beforeDisabled != null) targetKey = beforeDisabled;
+							else break;
+						}
+					}
+					if (targetKey != null && targetKey !== currentKey) state.setFocusedKey(targetKey);
+				} else {
+					let count = DEFAULT_PAGE_SIZE;
+					let targetKey = currentKey;
+					while (count > 0 && targetKey != null) {
+						const prevKey = findNextNonDisabledKey(collection, targetKey, "prev", isDisabled, false);
+						if (prevKey == null) break;
+						targetKey = prevKey;
+						count--;
+					}
+					if (targetKey != null) state.setFocusedKey(targetKey);
+				}
+				break;
+			}
+		}
+	};
+	return {
+		get labelProps() {
+			return labelProps;
+		},
+		get menuProps() {
+			const p = getProps();
+			const baseProps = mergeProps(domProps(), focusWithinProps, fieldProps, {
+				role: "menu",
+				get tabIndex() {
+					return getProps().isDisabled ? void 0 : state.focusedKey() == null ? 0 : -1;
+				},
+				"aria-disabled": p.isDisabled || void 0,
+				onKeyDown
+			});
+			if (!p.disallowTypeAhead) return mergeProps(baseProps, typeSelectProps);
+			return baseProps;
+		}
+	};
+}
+//#endregion
+//#region src/menu/createMenuItem.ts
+/**
+* Provides the behavior and accessibility implementation for a menu item.
+*/
+function createMenuItem(props, state, ref) {
+	const getProps = () => access(props);
+	const getData = () => getMenuData(state);
+	const isDisabled = () => {
+		return Boolean(getData()?.isDisabled || getProps().isDisabled || state.isDisabled(getProps().key));
+	};
+	const selectionMode = () => {
+		return state.selectionMode();
+	};
+	const isLink = () => !!getProps().href;
+	const isTrigger = () => !!getProps()["aria-haspopup"];
+	const selectableItem = createSelectableItem(() => {
+		const p = getProps();
+		return {
+			key: p.key,
+			id: p.id ?? String(p.key),
+			isDisabled: isDisabled(),
+			isLink: isLink(),
+			href: p.href,
+			shouldSelectOnPressUp: true,
+			allowsDifferentPressOrigin: true,
+			linkBehavior: "none"
+		};
+	}, state, () => ref?.() ?? null);
+	const isFocused = () => selectableItem.isFocused();
+	const isSelected = () => {
+		return !isTrigger() && selectableItem.isSelected();
+	};
+	let interaction = null;
+	let isMenuPressActive = false;
+	let isDispatchingKeyboardClick = false;
+	let isDispatchingMenuSyntheticClick = false;
+	let selectionEventBeforeMenuPressUp = null;
+	let hasSelectionEventBeforeMenuPressUp = false;
+	let pendingSyntheticClickSelectionEvent = null;
+	let suppressNextKeyboardClick = false;
+	const getShouldClose = () => {
+		const explicitClose = getProps().closeOnSelect ?? getData()?.shouldCloseOnSelect;
+		if (explicitClose !== void 0) return explicitClose;
+		if (interaction?.pointerType === "keyboard") return interaction.key === "Enter" || selectionMode() === "none" || isLink();
+		return selectionMode() !== "multiple" || isLink();
+	};
+	const performMenuAction = (event) => {
+		if (isDisabled()) {
+			event.preventDefault();
+			return;
+		}
+		if (suppressNextKeyboardClick && interaction == null) {
+			suppressNextKeyboardClick = false;
+			return;
+		}
+		const p = getProps();
+		const key = p.key;
+		const data = getData();
+		if (isTrigger()) {
+			p.onAction?.();
+			interaction = null;
+			return;
+		}
+		p.onAction?.();
+		const item = state.collection().getItem(key);
+		data?.onAction?.(key, item?.value);
+		if (getShouldClose()) data?.onClose?.();
+		interaction = null;
+	};
+	const { pressProps, isPressed } = createPress({
+		get isDisabled() {
+			return isDisabled();
+		},
+		onPressChange(isPressed) {
+			isMenuPressActive = isPressed;
+		},
+		onPressUp(e) {
+			if (e.pointerType !== "keyboard" && !isDispatchingKeyboardClick) interaction = { pointerType: e.pointerType };
+			if (e.pointerType === "mouse" && !isMenuPressActive && e.target instanceof HTMLElement) {
+				const selectionEventAfterPressUp = state.selectionManager.lastSelectionEvent;
+				pendingSyntheticClickSelectionEvent = hasSelectionEventBeforeMenuPressUp && selectionEventAfterPressUp != null && selectionEventAfterPressUp !== selectionEventBeforeMenuPressUp ? selectionEventAfterPressUp : null;
+				isDispatchingMenuSyntheticClick = true;
+				try {
+					e.target.click();
+				} finally {
+					isDispatchingMenuSyntheticClick = false;
+					hasSelectionEventBeforeMenuPressUp = false;
+					selectionEventBeforeMenuPressUp = null;
+					pendingSyntheticClickSelectionEvent = null;
+				}
+			}
+		}
+	});
+	const captureSelectionEventBeforeMenuPressUp = () => {
+		selectionEventBeforeMenuPressUp = state.selectionManager.lastSelectionEvent;
+		hasSelectionEventBeforeMenuPressUp = true;
+	};
+	const withMenuPressUpSelectionSnapshot = (handler) => {
+		if (typeof handler !== "function") return handler;
+		return (event) => {
+			captureSelectionEventBeforeMenuPressUp();
+			handler(event);
+		};
+	};
+	const selectableItemProps = () => {
+		const props = selectableItem.itemProps;
+		const onClick = props.onClick;
+		return {
+			...props,
+			onPointerUp: withMenuPressUpSelectionSnapshot(props.onPointerUp),
+			onMouseUp: withMenuPressUpSelectionSnapshot(props.onMouseUp),
+			onClick: typeof onClick === "function" ? (event) => {
+				if (isDispatchingMenuSyntheticClick && isVirtualClick(event)) {
+					if (pendingSyntheticClickSelectionEvent != null) {
+						state.selectionManager.emitDuplicateSelectionEvent(pendingSyntheticClickSelectionEvent);
+						pendingSyntheticClickSelectionEvent = null;
+					}
+					return;
+				}
+				onClick(event);
+			} : onClick
+		};
+	};
+	const menuPressProps = () => {
+		const { onKeyDown: _onKeyDown, onKeyUp: _onKeyUp, ...props } = pressProps;
+		return props;
+	};
+	const keyboardProps = {
+		onKeyDown: (event) => {
+			if (isDisabled() || event.repeat) return;
+			if (event.key !== " " && event.key !== "Enter") return;
+			event.preventDefault();
+			event.stopPropagation();
+			interaction = {
+				pointerType: "keyboard",
+				key: event.key
+			};
+			const target = getEventTarget(event) ?? ref?.();
+			if (target instanceof HTMLElement) {
+				suppressNextKeyboardClick = true;
+				isDispatchingKeyboardClick = true;
+				try {
+					target.click();
+				} finally {
+					isDispatchingKeyboardClick = false;
+				}
+			}
+		},
+		onKeyUp: (event) => {
+			if (event.key === " " || event.key === "Enter") suppressNextKeyboardClick = false;
+		}
+	};
+	const { hoverProps } = createHover({
+		get isDisabled() {
+			return isDisabled();
+		},
+		onHoverStart() {
+			state.setFocusedKey(getProps().key);
+		}
+	});
+	const { isFocusVisible, focusProps } = createFocusRing();
+	const labelId = `${getProps().key}-label`;
+	const descriptionId = createSlotId();
+	const keyboardId = createSlotId();
+	return {
+		get menuItemProps() {
+			const p = getProps();
+			const key = p.key;
+			const ariaLabel = p["aria-label"];
+			const mode = selectionMode();
+			const selected = isSelected();
+			const trigger = isTrigger();
+			const baseProps = {
+				role: trigger ? "menuitem" : mode === "single" ? "menuitemradio" : mode === "multiple" ? "menuitemcheckbox" : "menuitem",
+				id: p.id ?? String(key),
+				"aria-disabled": isDisabled() || void 0,
+				"aria-checked": mode !== "none" && !trigger ? selected : void 0,
+				"aria-label": ariaLabel,
+				"aria-labelledby": !ariaLabel ? labelId : void 0,
+				"aria-describedby": [descriptionId(), keyboardId()].filter(Boolean).join(" ") || void 0,
+				"aria-controls": p["aria-controls"],
+				"aria-haspopup": p["aria-haspopup"],
+				"aria-expanded": p["aria-expanded"],
+				"data-selected": selected || void 0,
+				"data-focused": isFocused() || void 0,
+				"data-focus-visible": isFocusVisible() || void 0,
+				"data-pressed": isPressed() || void 0,
+				"data-disabled": isDisabled() || void 0
+			};
+			if (isLink()) {
+				baseProps.href = isDisabled() ? void 0 : p.href;
+				if (p.target) baseProps.target = p.target;
+				if (p.rel) baseProps.rel = p.rel;
+				if (p.download != null && p.download !== false) baseProps.download = p.download === true ? "" : p.download;
+			}
+			return mergeProps(selectableItemProps(), menuPressProps(), hoverProps, focusProps, keyboardProps, { onClick: performMenuAction }, baseProps);
+		},
+		labelProps: { id: labelId },
+		get descriptionProps() {
+			return { id: descriptionId() };
+		},
+		get keyboardShortcutProps() {
+			return {
+				id: keyboardId(),
+				"aria-hidden": true
+			};
+		},
+		isFocused,
+		isFocusVisible: () => isFocused() && isFocusVisible(),
+		isPressed,
+		isDisabled,
+		isSelected,
+		selectionMode
+	};
+}
+//#endregion
+//#region src/menu/createMenuTrigger.ts
+/**
+* Provides the behavior and accessibility implementation for a menu trigger.
+*/
+function createMenuTrigger(props, state) {
+	const getProps = () => access(props);
+	const menuId = createId(getProps().id);
+	const onPress = () => {
+		if (!getProps().isDisabled) state.toggle();
+	};
+	const onKeyDown = (e) => {
+		if (getProps().isDisabled) return;
+		switch (e.key) {
+			case "Enter":
+			case " ":
+			case "ArrowDown":
+				e.preventDefault();
+				if (!state.isOpen()) state.open();
+				break;
+			case "ArrowUp":
+				e.preventDefault();
+				if (!state.isOpen()) state.open();
+				break;
+		}
+	};
+	return {
+		get menuTriggerProps() {
+			const p = getProps();
+			const type = p.type ?? "menu";
+			const isOpen = state.isOpen();
+			return {
+				"aria-haspopup": type,
+				"aria-expanded": isOpen,
+				"aria-controls": isOpen ? menuId : void 0,
+				"aria-disabled": p.isDisabled || void 0,
+				onPress,
+				onKeyDown
+			};
+		},
+		menuProps: { id: menuId }
+	};
+}
+//#endregion
+export { getMenuData as i, createMenuItem as n, createMenu as r, createMenuTrigger as t };
+
+//# sourceMappingURL=menu.jsx.map

package/dist/_chunk/menu.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.jsx","names":[],"sources":["../../src/menu/createMenu.ts","../../src/menu/createMenuItem.ts","../../src/menu/createMenuTrigger.ts"],"sourcesContent":["/**\n * Provides the behavior and accessibility implementation for a menu component.\n * A menu displays a list of actions or options that a user can choose.\n * Based on @react-aria/menu useMenu.\n */\n\nimport { createEffect, onCleanup, type JSX, type Accessor } from \"solid-js\";\nimport { createFocusWithin } from \"../interactions/createFocusWithin\";\nimport { createLabel } from \"../label/createLabel\";\nimport { createTypeSelect } from \"../selection/createTypeSelect\";\nimport { selectItem } from \"../selection/selectItem\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { isDevEnv } from \"../utils/env\";\nimport type { MenuState, Key, Collection } from \"@proyecto-viviana/solid-stately\";\n\n/**\n * Default number of items to skip for page up/down when DOM measurement is not available.\n */\nconst DEFAULT_PAGE_SIZE = 10;\n\n/**\n * Find the next non-disabled key in a collection.\n */\nfunction findNextNonDisabledKey<T>(\n  collection: Collection<T>,\n  currentKey: Key | null,\n  direction: \"next\" | \"prev\",\n  isDisabled: (key: Key) => boolean,\n  wrap: boolean,\n): Key | null {\n  const getNextKey =\n    direction === \"next\"\n      ? (key: Key) => collection.getKeyAfter(key)\n      : (key: Key) => collection.getKeyBefore(key);\n\n  const getFirstKey =\n    direction === \"next\" ? () => collection.getFirstKey() : () => collection.getLastKey();\n\n  let nextKey = currentKey != null ? getNextKey(currentKey) : getFirstKey();\n\n  // Skip disabled keys\n  while (nextKey != null && isDisabled(nextKey)) {\n    nextKey = getNextKey(nextKey);\n  }\n\n  // If we've reached the end and wrapping is enabled\n  if (nextKey == null && wrap) {\n    nextKey = getFirstKey();\n    // Skip disabled keys from the start\n    while (nextKey != null && isDisabled(nextKey)) {\n      nextKey = getNextKey(nextKey);\n    }\n  }\n\n  return nextKey;\n}\n\nexport interface AriaMenuProps<T = unknown> {\n  /** An ID for the menu. */\n  id?: string;\n  /** Whether the menu is disabled. */\n  isDisabled?: boolean;\n  /** The label for the menu. */\n  label?: JSX.Element;\n  /** An accessible label for the menu when no visible label is provided. */\n  \"aria-label\"?: string;\n  /** The ID of an element that labels the menu. */\n  \"aria-labelledby\"?: string;\n  /** The ID of an element that describes the menu. */\n  \"aria-describedby\"?: string;\n  /** Handler called when focus moves into the menu. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler called when focus moves out of the menu. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler called when the focus state changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Handler called when an item is activated (pressed). */\n  onAction?: (key: Key, value: T) => void;\n  /** Handler called when the menu should close. */\n  onClose?: () => void;\n  /** Whether the menu should close when an item is selected. */\n  shouldCloseOnSelect?: boolean;\n  /** Whether focus should automatically wrap around. */\n  shouldFocusWrap?: boolean;\n  /** Whether to auto-focus the first item when the menu opens. */\n  autoFocus?: boolean | \"first\" | \"last\";\n  /** Whether type-to-select is disabled. @default false */\n  disallowTypeAhead?: boolean;\n}\n\nexport interface MenuAria {\n  /** Props for the menu element. */\n  menuProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the menu's label element (if any). */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n// Shared data between menu and menu items\nconst menuData = new WeakMap<object, MenuData>();\n\ninterface MenuData {\n  id: string;\n  // Type-erased like upstream menu/utils.ts MenuData (value: any): the WeakMap\n  // is keyed by an untyped state, so the item value flows through as unknown.\n  onAction?: (key: Key, value: unknown) => void;\n  onClose?: () => void;\n  isDisabled?: boolean;\n  shouldCloseOnSelect?: boolean;\n}\n\nexport function getMenuData(state: MenuState): MenuData | undefined {\n  return menuData.get(state);\n}\n\n/**\n * Provides the behavior and accessibility implementation for a menu component.\n * A menu displays a list of actions or options that a user can choose.\n */\nexport function createMenu<T>(\n  props: MaybeAccessor<AriaMenuProps<T>>,\n  state: MenuState<T>,\n  ref?: Accessor<HTMLElement | null>,\n): MenuAria {\n  const getProps = () => access(props);\n  const id = createId(getProps().id);\n\n  // Development-time warning for missing accessibility labels\n  if (isDevEnv()) {\n    const p = getProps();\n    if (!p.label && !p[\"aria-label\"] && !p[\"aria-labelledby\"]) {\n      console.warn(\n        \"[solidaria] A Menu requires an aria-label or aria-labelledby attribute for accessibility.\",\n      );\n    }\n  }\n\n  // Filter DOM props\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  const updateSharedData = () => {\n    const p = getProps();\n    menuData.set(state, {\n      id,\n      onAction: p.onAction as MenuData[\"onAction\"],\n      onClose: p.onClose,\n      isDisabled: p.isDisabled,\n      shouldCloseOnSelect: p.shouldCloseOnSelect,\n    });\n  };\n\n  // Ensure menu items created in the same render pass can read parent metadata.\n  updateSharedData();\n\n  // Share data with child menu items\n  createEffect(() => {\n    updateSharedData();\n\n    onCleanup(() => {\n      menuData.delete(state);\n    });\n  });\n\n  // Handle focus within\n  const { focusWithinProps } = createFocusWithin({\n    onFocusWithin: (e) => getProps().onFocus?.(e),\n    onBlurWithin: (e) => getProps().onBlur?.(e),\n    onFocusWithinChange: (isFocused) => {\n      getProps().onFocusChange?.(isFocused);\n      state.setFocused(isFocused);\n    },\n  });\n\n  // Label handling\n  const { labelProps, fieldProps } = createLabel({\n    get id() {\n      return id;\n    },\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    labelElementType: \"span\",\n  });\n\n  // Type-to-select\n  const { typeSelectProps } = createTypeSelect({\n    collection: () => state.collection(),\n    focusedKey: () => state.focusedKey(),\n    onFocusedKeyChange: (key) => state.setFocusedKey(key),\n    isKeyDisabled: (key) => state.isDisabled(key),\n    get isDisabled() {\n      return getProps().disallowTypeAhead ?? false;\n    },\n  });\n\n  // Keyboard navigation\n  const onKeyDown: JSX.EventHandler<HTMLElement, KeyboardEvent> = (e) => {\n    if (getProps().isDisabled) return;\n\n    const collection = state.collection();\n    const p = getProps();\n    const wrap = p.shouldFocusWrap ?? false;\n\n    // Disabled keys only block keyboard navigation under disabledBehavior \"all\"\n    // (the default); under \"selection\" they stay focusable while their selection\n    // remains blocked. Mirrors ListKeyboardDelegate.isDisabled in React Aria,\n    // which gates the navigation skip on the resolved disabledBehavior.\n    const isDisabled = (key: Key) => state.isDisabled(key) && state.disabledBehavior() === \"all\";\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        // Only consume the key once a target exists, mirroring\n        // useSelectableCollection (ArrowDown, 211-225): preventDefault is called\n        // inside `if (nextKey != null)`, so at the last item without wrap the\n        // arrow bubbles instead of being swallowed.\n        const currentKey = state.focusedKey();\n        const nextKey = findNextNonDisabledKey(collection, currentKey, \"next\", isDisabled, wrap);\n        if (nextKey != null) {\n          e.preventDefault();\n          state.setFocusedKey(nextKey);\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        const currentKey = state.focusedKey();\n        const prevKey = findNextNonDisabledKey(collection, currentKey, \"prev\", isDisabled, wrap);\n        if (prevKey != null) {\n          e.preventDefault();\n          state.setFocusedKey(prevKey);\n        }\n        break;\n      }\n      case \"Home\": {\n        // Mirror useSelectableCollection (Home, 283-285): with nothing focused,\n        // Shift+Home has no anchor to extend from, so leave the event alone.\n        if (state.focusedKey() == null && e.shiftKey) break;\n        e.preventDefault();\n        // Find first non-disabled key\n        let firstKey = collection.getFirstKey();\n        while (firstKey != null && isDisabled(firstKey)) {\n          firstKey = collection.getKeyAfter(firstKey);\n        }\n        if (firstKey != null) {\n          state.setFocusedKey(firstKey);\n        }\n        break;\n      }\n      case \"End\": {\n        // Mirror useSelectableCollection (End, 300-302): same anchor guard as Home.\n        if (state.focusedKey() == null && e.shiftKey) break;\n        e.preventDefault();\n        // Find last non-disabled key\n        let lastKey = collection.getLastKey();\n        while (lastKey != null && isDisabled(lastKey)) {\n          lastKey = collection.getKeyBefore(lastKey);\n        }\n        if (lastKey != null) {\n          state.setFocusedKey(lastKey);\n        }\n        break;\n      }\n      case \" \":\n      case \"Enter\": {\n        if (e.target !== e.currentTarget) break;\n        e.preventDefault();\n        const focusedKey = state.focusedKey();\n        // Activation is gated on the navigation-disabled check, not the raw\n        // one: under disabledBehavior \"selection\" a focusable disabled item\n        // still fires onAction (and closes), mirroring useSelectableItem's\n        // allowsActions (manager.isDisabled is gated on \"all\"). Selection stays\n        // blocked independently — state.select self-guards on the raw disabled\n        // check (SelectionManager.canSelectItem).\n        if (focusedKey != null && !isDisabled(focusedKey)) {\n          // Route through the aria-layer onSelect so the platform-aware modifier\n          // resolution (isCtrlKeyPressed / non-contiguous modifier) and the\n          // shift-extend path are applied. Keyboard activation carries\n          // pointerType \"keyboard\".\n          selectItem(\n            state,\n            focusedKey,\n            {\n              pointerType: \"keyboard\",\n              shiftKey: e.shiftKey,\n              ctrlKey: e.ctrlKey,\n              metaKey: e.metaKey,\n              altKey: e.altKey,\n            },\n            collection,\n          );\n          // Pass the activated item's value as the second arg, mirroring\n          // useMenuItem performAction: onAction(key, item?.value).\n          p.onAction?.(focusedKey, collection.getItem(focusedKey)?.value as T);\n          const item = collection.getItem(focusedKey);\n          const isLink = !!item?.props?.href;\n          const shouldClose =\n            p.shouldCloseOnSelect ??\n            (e.key === \"Enter\" || state.selectionMode() === \"none\" || isLink);\n          if (shouldClose) {\n            p.onClose?.();\n          }\n        }\n        break;\n      }\n      case \"Escape\": {\n        e.preventDefault();\n        p.onClose?.();\n        break;\n      }\n      case \"PageDown\": {\n        // Mirror useSelectableCollection (PageDown, 324-332): only consume the\n        // key when an item is focused. A non-empty collection always yields a\n        // page target via getKeyPageBelow, so a focused key means focus moves\n        // and the event is swallowed; with nothing focused, leave it alone to\n        // bubble (e.g. to scroll an enclosing region).\n        const currentKey = state.focusedKey();\n        if (currentKey == null) break;\n        e.preventDefault();\n        const el = ref?.();\n\n        if (el) {\n          // Use DOM measurements to calculate how many items fit in a page\n          const visibleHeight = el.clientHeight;\n          let traveled = 0;\n          let targetKey = currentKey;\n\n          while (targetKey != null && traveled < visibleHeight) {\n            const nextKey = collection.getKeyAfter(targetKey);\n            if (nextKey == null) break;\n\n            // Try to measure the item height\n            const itemElement = el.querySelector(`[data-key=\"${targetKey}\"]`);\n            traveled += itemElement?.clientHeight ?? 32;\n\n            // Skip disabled items\n            if (!isDisabled(nextKey)) {\n              targetKey = nextKey;\n            } else {\n              // Skip over disabled items without counting them\n              const afterDisabled = findNextNonDisabledKey(\n                collection,\n                nextKey,\n                \"next\",\n                isDisabled,\n                false,\n              );\n              if (afterDisabled != null) {\n                targetKey = afterDisabled;\n              } else {\n                break;\n              }\n            }\n          }\n\n          if (targetKey != null && targetKey !== currentKey) {\n            state.setFocusedKey(targetKey);\n          }\n        } else {\n          // Fallback: move by DEFAULT_PAGE_SIZE items\n          let count = DEFAULT_PAGE_SIZE;\n          let targetKey = currentKey;\n\n          while (count > 0 && targetKey != null) {\n            const nextKey = findNextNonDisabledKey(\n              collection,\n              targetKey,\n              \"next\",\n              isDisabled,\n              false,\n            );\n            if (nextKey == null) break;\n            targetKey = nextKey;\n            count--;\n          }\n\n          if (targetKey != null) {\n            state.setFocusedKey(targetKey);\n          }\n        }\n        break;\n      }\n      case \"PageUp\": {\n        // Mirror useSelectableCollection (PageUp, 333-341): only consume the key\n        // when an item is focused. A non-empty collection always yields a page\n        // target via getKeyPageAbove, so a focused key means focus moves and the\n        // event is swallowed; with nothing focused, leave it alone to bubble\n        // (e.g. to scroll an enclosing region).\n        const currentKey = state.focusedKey();\n        if (currentKey == null) break;\n        e.preventDefault();\n        const el = ref?.();\n\n        if (el) {\n          // Use DOM measurements to calculate how many items fit in a page\n          const visibleHeight = el.clientHeight;\n          let traveled = 0;\n          let targetKey = currentKey;\n\n          while (targetKey != null && traveled < visibleHeight) {\n            const prevKey = collection.getKeyBefore(targetKey);\n            if (prevKey == null) break;\n\n            // Try to measure the item height\n            const itemElement = el.querySelector(`[data-key=\"${targetKey}\"]`);\n            traveled += itemElement?.clientHeight ?? 32;\n\n            // Skip disabled items\n            if (!isDisabled(prevKey)) {\n              targetKey = prevKey;\n            } else {\n              // Skip over disabled items without counting them\n              const beforeDisabled = findNextNonDisabledKey(\n                collection,\n                prevKey,\n                \"prev\",\n                isDisabled,\n                false,\n              );\n              if (beforeDisabled != null) {\n                targetKey = beforeDisabled;\n              } else {\n                break;\n              }\n            }\n          }\n\n          if (targetKey != null && targetKey !== currentKey) {\n            state.setFocusedKey(targetKey);\n          }\n        } else {\n          // Fallback: move by DEFAULT_PAGE_SIZE items\n          let count = DEFAULT_PAGE_SIZE;\n          let targetKey = currentKey;\n\n          while (count > 0 && targetKey != null) {\n            const prevKey = findNextNonDisabledKey(\n              collection,\n              targetKey,\n              \"prev\",\n              isDisabled,\n              false,\n            );\n            if (prevKey == null) break;\n            targetKey = prevKey;\n            count--;\n          }\n\n          if (targetKey != null) {\n            state.setFocusedKey(targetKey);\n          }\n        }\n        break;\n      }\n    }\n  };\n\n  return {\n    get labelProps() {\n      return labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get menuProps() {\n      const p = getProps();\n\n      const baseProps = mergeProps(\n        domProps(),\n        focusWithinProps as Record<string, unknown>,\n        fieldProps as Record<string, unknown>,\n        {\n          role: \"menu\",\n          // Roving tabindex: the menu container is tab-reachable (0) only while no\n          // item holds focus; once `focusedKey` is set the container drops to -1 so\n          // Tab/Shift+Tab traverse past it and real focus stays on the item. This\n          // mirrors upstream `useMenu`, which spreads `useSelectableList`'s\n          // `listProps.tabIndex` (`manager.focusedKey == null ? 0 : -1`, non-virtual\n          // focus) onto the menu.\n          //\n          // This MUST be a getter, not an eagerly-evaluated value. Consumers\n          // (solidaria-components `Menu.tsx`) destructure `menuProps` once and\n          // spread it through `mergeProps`; a plain `tabIndex: <value>` would be\n          // computed at that first read (while `focusedKey` is still null → 0) and\n          // frozen. As a getter it survives `mergeProps` (which preserves getters),\n          // so the consumer's reactive element-spread re-reads `state.focusedKey()`\n          // and the container tabindex tracks focus.\n          get tabIndex() {\n            return getProps().isDisabled ? undefined : state.focusedKey() == null ? 0 : -1;\n          },\n          \"aria-disabled\": p.isDisabled || undefined,\n          onKeyDown,\n        } as Record<string, unknown>,\n      );\n\n      // Add type-select props if enabled\n      if (!p.disallowTypeAhead) {\n        return mergeProps(\n          baseProps,\n          typeSelectProps as Record<string, unknown>,\n        ) as JSX.HTMLAttributes<HTMLElement>;\n      }\n\n      return baseProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n  };\n}\n","/**\n * Provides the behavior and accessibility implementation for a menu item.\n * Based on @react-aria/menu useMenuItem.\n */\n\nimport { type JSX, type Accessor } from \"solid-js\";\nimport { createPress, type PressEvent } from \"../interactions/createPress\";\nimport { createHover } from \"../interactions/createHover\";\nimport { createFocusRing } from \"../interactions/createFocusRing\";\nimport { createSelectableItem } from \"../selection/createSelectableItem\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { getEventTarget } from \"../utils/dom\";\nimport { isVirtualClick } from \"../utils/events\";\nimport { createSlotId } from \"../ssr\";\nimport { getMenuData } from \"./createMenu\";\nimport type { MenuState, Key, Selection, SelectionMode } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaMenuItemProps {\n  /** The unique key for the menu item. */\n  key: Key;\n  /** Optional DOM id for the menu item. Defaults to the key. */\n  id?: string;\n  /** Whether the menu item is disabled. */\n  isDisabled?: boolean;\n  /** An accessible label for the menu item. */\n  \"aria-label\"?: string;\n  /** Element controlled by this menu item, for submenu triggers. */\n  \"aria-controls\"?: string;\n  /** Whether this menu item opens a submenu or subdialog. */\n  \"aria-haspopup\"?: string | boolean;\n  /** Whether the submenu or subdialog is expanded. */\n  \"aria-expanded\"?: boolean | \"true\" | \"false\";\n  /** Handler called when the menu item is selected. */\n  onAction?: () => void;\n  /** Whether to close the menu when this item is selected. */\n  closeOnSelect?: boolean;\n  /** A URL to link to. Turns the menu item into a link. */\n  href?: string;\n  /** The target window for the link. */\n  target?: string;\n  /** The relationship between the linked resource and the current page. */\n  rel?: string;\n  /** Causes the browser to download the linked URL. A string may be provided to suggest a file name. */\n  download?: boolean | string;\n}\n\nexport interface MenuItemAria {\n  /** Props for the menu item element. */\n  menuItemProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the label text inside the menu item. */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the description text inside the menu item. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the keyboard shortcut inside the menu item. */\n  keyboardShortcutProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the menu item is currently focused. */\n  isFocused: Accessor<boolean>;\n  /** Whether the menu item is keyboard focused. */\n  isFocusVisible: Accessor<boolean>;\n  /** Whether the menu item is currently pressed. */\n  isPressed: Accessor<boolean>;\n  /** Whether the menu item is disabled. */\n  isDisabled: Accessor<boolean>;\n  /** Whether the menu item is selected. */\n  isSelected: Accessor<boolean>;\n  /** The parent menu selection mode. */\n  selectionMode: Accessor<SelectionMode>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a menu item.\n */\nexport function createMenuItem<T>(\n  props: MaybeAccessor<AriaMenuItemProps>,\n  state: MenuState<T>,\n  ref?: () => HTMLElement | null,\n): MenuItemAria {\n  const getProps = () => access(props);\n\n  // Get shared data from menu\n  const getData = () => getMenuData(state);\n\n  // Computed states. `state.isDisabled` is SelectionManager.isDisabled, which\n  // already respects disabledBehavior=\"selection\"; these items stay actionable\n  // while SelectionManager.canSelectItem keeps selection blocked.\n  const isDisabled: Accessor<boolean> = () => {\n    return Boolean(\n      getData()?.isDisabled || getProps().isDisabled || state.isDisabled(getProps().key),\n    );\n  };\n\n  const selectionMode: Accessor<SelectionMode> = () => {\n    return state.selectionMode();\n  };\n\n  // Whether this is a link item\n  const isLink = () => !!getProps().href;\n  const isTrigger = () => !!getProps()[\"aria-haspopup\"];\n\n  const selectableItem = createSelectableItem(\n    () => {\n      const p = getProps();\n      return {\n        key: p.key,\n        id: p.id ?? String(p.key),\n        isDisabled: isDisabled(),\n        isLink: isLink(),\n        href: p.href,\n        shouldSelectOnPressUp: true,\n        allowsDifferentPressOrigin: true,\n        linkBehavior: \"none\",\n      };\n    },\n    state,\n    () => ref?.() ?? null,\n  );\n\n  const isFocused: Accessor<boolean> = () => selectableItem.isFocused();\n\n  const isSelected: Accessor<boolean> = () => {\n    return !isTrigger() && selectableItem.isSelected();\n  };\n\n  type MenuInteraction = {\n    pointerType: PressEvent[\"pointerType\"];\n    key?: string;\n  };\n\n  let interaction: MenuInteraction | null = null;\n  let isMenuPressActive = false;\n  let isDispatchingKeyboardClick = false;\n  let isDispatchingMenuSyntheticClick = false;\n  let selectionEventBeforeMenuPressUp: Selection | null = null;\n  let hasSelectionEventBeforeMenuPressUp = false;\n  let pendingSyntheticClickSelectionEvent: Selection | null = null;\n  let suppressNextKeyboardClick = false;\n\n  const getShouldClose = (): boolean => {\n    const p = getProps();\n    const explicitClose = p.closeOnSelect ?? getData()?.shouldCloseOnSelect;\n    if (explicitClose !== undefined) {\n      return explicitClose;\n    }\n\n    if (interaction?.pointerType === \"keyboard\") {\n      return interaction.key === \"Enter\" || selectionMode() === \"none\" || isLink();\n    }\n\n    return selectionMode() !== \"multiple\" || isLink();\n  };\n\n  const performMenuAction = (event: MouseEvent) => {\n    if (isDisabled()) {\n      event.preventDefault();\n      return;\n    }\n\n    if (suppressNextKeyboardClick && interaction == null) {\n      suppressNextKeyboardClick = false;\n      return;\n    }\n\n    const p = getProps();\n    const key = p.key;\n    const data = getData();\n\n    // Submenu triggers open their submenu via the local item action, but do not\n    // fire the parent menu onAction or close the menu.\n    if (isTrigger()) {\n      p.onAction?.();\n      interaction = null;\n      return;\n    }\n\n    // Call item-specific onAction.\n    p.onAction?.();\n\n    // Call menu-level onAction with the activated item's value, mirroring\n    // useMenuItem performAction: onAction(key, item?.value).\n    const item = state.collection().getItem(key);\n    data?.onAction?.(key, item?.value);\n\n    if (getShouldClose()) {\n      data?.onClose?.();\n    }\n\n    interaction = null;\n  };\n\n  // Menu-specific press handling is separate from selectable-item selection,\n  // matching upstream useMenuItem: useSelectableItem owns selection/focus\n  // timing; the menu layer owns pressed state, different-origin release, action,\n  // links, and close behavior.\n  const { pressProps, isPressed } = createPress({\n    get isDisabled() {\n      return isDisabled();\n    },\n    onPressChange(isPressed) {\n      isMenuPressActive = isPressed;\n    },\n    onPressUp(e) {\n      if (e.pointerType !== \"keyboard\" && !isDispatchingKeyboardClick) {\n        interaction = { pointerType: e.pointerType };\n      }\n\n      // Native menus allow pressing the trigger, dragging to an item, and\n      // releasing to activate it. Upstream useMenuItem synthesizes a click in\n      // this different-origin mouse case.\n      if (e.pointerType === \"mouse\" && !isMenuPressActive && e.target instanceof HTMLElement) {\n        const selectionEventAfterPressUp = state.selectionManager.lastSelectionEvent;\n        pendingSyntheticClickSelectionEvent =\n          hasSelectionEventBeforeMenuPressUp &&\n          selectionEventAfterPressUp != null &&\n          selectionEventAfterPressUp !== selectionEventBeforeMenuPressUp\n            ? selectionEventAfterPressUp\n            : null;\n\n        isDispatchingMenuSyntheticClick = true;\n        try {\n          e.target.click();\n        } finally {\n          isDispatchingMenuSyntheticClick = false;\n          hasSelectionEventBeforeMenuPressUp = false;\n          selectionEventBeforeMenuPressUp = null;\n          pendingSyntheticClickSelectionEvent = null;\n        }\n      }\n    },\n  });\n\n  const captureSelectionEventBeforeMenuPressUp = () => {\n    selectionEventBeforeMenuPressUp = state.selectionManager.lastSelectionEvent;\n    hasSelectionEventBeforeMenuPressUp = true;\n  };\n\n  const withMenuPressUpSelectionSnapshot = <EventType extends Event>(handler: unknown) => {\n    if (typeof handler !== \"function\") {\n      return handler;\n    }\n\n    return (event: EventType) => {\n      captureSelectionEventBeforeMenuPressUp();\n      (handler as (event: EventType) => void)(event);\n    };\n  };\n\n  const selectableItemProps = () => {\n    const props = selectableItem.itemProps as Record<string, unknown>;\n    const onClick = props.onClick;\n\n    return {\n      ...props,\n      onPointerUp: withMenuPressUpSelectionSnapshot<PointerEvent>(props.onPointerUp),\n      onMouseUp: withMenuPressUpSelectionSnapshot<MouseEvent>(props.onMouseUp),\n      onClick:\n        typeof onClick === \"function\"\n          ? (event: MouseEvent) => {\n              // The menu layer's upstream-compatible target.click() should activate\n              // the menu item, not feed back into selectable-item virtual selection.\n              if (isDispatchingMenuSyntheticClick && isVirtualClick(event)) {\n                if (pendingSyntheticClickSelectionEvent != null) {\n                  state.selectionManager.emitDuplicateSelectionEvent(\n                    pendingSyntheticClickSelectionEvent,\n                  );\n                  pendingSyntheticClickSelectionEvent = null;\n                }\n                return;\n              }\n\n              (onClick as (event: MouseEvent) => void)(event);\n            }\n          : onClick,\n    };\n  };\n\n  const menuPressProps = () => {\n    const {\n      onKeyDown: _onKeyDown,\n      onKeyUp: _onKeyUp,\n      ...props\n    } = pressProps as Record<string, unknown>;\n    return props;\n  };\n\n  const keyboardProps = {\n    onKeyDown: (event: KeyboardEvent) => {\n      if (isDisabled() || event.repeat) {\n        return;\n      }\n\n      if (event.key !== \" \" && event.key !== \"Enter\") {\n        return;\n      }\n\n      event.preventDefault();\n      event.stopPropagation();\n      interaction = { pointerType: \"keyboard\", key: event.key };\n\n      const target = getEventTarget<HTMLElement>(event) ?? ref?.();\n      if (target instanceof HTMLElement) {\n        suppressNextKeyboardClick = true;\n        isDispatchingKeyboardClick = true;\n        try {\n          target.click();\n        } finally {\n          isDispatchingKeyboardClick = false;\n        }\n      }\n    },\n    onKeyUp: (event: KeyboardEvent) => {\n      if (event.key === \" \" || event.key === \"Enter\") {\n        suppressNextKeyboardClick = false;\n      }\n    },\n  };\n\n  // Handle hover\n  const { hoverProps } = createHover({\n    get isDisabled() {\n      return isDisabled();\n    },\n    onHoverStart() {\n      state.setFocusedKey(getProps().key);\n    },\n  });\n\n  // Handle focus ring\n  const { isFocusVisible, focusProps } = createFocusRing();\n\n  // Generate unique IDs for label and description. The description + keyboard\n  // ids use `createSlotId` (a 1:1 port of upstream `useSlotId`): each resolves\n  // to `undefined` unless an element carrying that id is actually rendered, so\n  // an item with no description/shortcut leaves `aria-describedby` unset instead\n  // of pointing at a non-existent element. Mirrors useMenuItem's\n  // `[props['aria-describedby'], descriptionId, keyboardId].filter(Boolean)`.\n  const labelId = `${getProps().key}-label`;\n  const descriptionId = createSlotId();\n  const keyboardId = createSlotId();\n\n  return {\n    get menuItemProps() {\n      const p = getProps();\n      const key = p.key;\n      const ariaLabel = p[\"aria-label\"];\n      const mode = selectionMode();\n      const selected = isSelected();\n      const trigger = isTrigger();\n\n      const baseProps: Record<string, unknown> = {\n        role: trigger\n          ? \"menuitem\"\n          : mode === \"single\"\n            ? \"menuitemradio\"\n            : mode === \"multiple\"\n              ? \"menuitemcheckbox\"\n              : \"menuitem\",\n        id: p.id ?? String(key),\n        \"aria-disabled\": isDisabled() || undefined,\n        \"aria-checked\": mode !== \"none\" && !trigger ? selected : undefined,\n        \"aria-label\": ariaLabel,\n        \"aria-labelledby\": !ariaLabel ? labelId : undefined,\n        \"aria-describedby\": [descriptionId(), keyboardId()].filter(Boolean).join(\" \") || undefined,\n        \"aria-controls\": p[\"aria-controls\"],\n        \"aria-haspopup\": p[\"aria-haspopup\"],\n        \"aria-expanded\": p[\"aria-expanded\"],\n        \"data-selected\": selected || undefined,\n        \"data-focused\": isFocused() || undefined,\n        \"data-focus-visible\": isFocusVisible() || undefined,\n        \"data-pressed\": isPressed() || undefined,\n        \"data-disabled\": isDisabled() || undefined,\n      };\n\n      // Add link props when href is present\n      if (isLink()) {\n        baseProps.href = isDisabled() ? undefined : p.href;\n        if (p.target) baseProps.target = p.target;\n        if (p.rel) baseProps.rel = p.rel;\n        if (p.download != null && p.download !== false) {\n          baseProps.download = p.download === true ? \"\" : p.download;\n        }\n      }\n\n      return mergeProps(\n        selectableItemProps(),\n        menuPressProps(),\n        hoverProps as Record<string, unknown>,\n        focusProps as Record<string, unknown>,\n        keyboardProps,\n        { onClick: performMenuAction },\n        baseProps,\n      ) as JSX.HTMLAttributes<HTMLElement>;\n    },\n    labelProps: {\n      id: labelId,\n    },\n    // Getters so the slot id stays reactive: `createSlotId` may clear the id\n    // (to `undefined`) after mount if no element registered it, and consumers\n    // reading these props re-track that change.\n    get descriptionProps() {\n      return { id: descriptionId() };\n    },\n    get keyboardShortcutProps() {\n      return { id: keyboardId(), \"aria-hidden\": true };\n    },\n    isFocused,\n    isFocusVisible: () => isFocused() && isFocusVisible(),\n    isPressed,\n    isDisabled,\n    isSelected,\n    selectionMode,\n  };\n}\n","/**\n * Provides the behavior and accessibility implementation for a menu trigger.\n * Based on @react-aria/menu useMenuTrigger.\n */\n\nimport { type JSX } from \"solid-js\";\nimport { createId } from \"../ssr\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport type { OverlayTriggerState } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaMenuTriggerProps {\n  /** The type of menu that the menu trigger opens. */\n  type?: \"menu\" | \"listbox\";\n  /** Whether the menu trigger is disabled. */\n  isDisabled?: boolean;\n  /** An ID for the menu. */\n  id?: string;\n}\n\nexport interface MenuTriggerAria {\n  /** Props for the menu trigger button. */\n  menuTriggerProps: JSX.HTMLAttributes<HTMLElement> & {\n    onPress: () => void;\n    onKeyDown: (e: KeyboardEvent) => void;\n  };\n  /** Props for the menu element. */\n  menuProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a menu trigger.\n */\nexport function createMenuTrigger(\n  props: MaybeAccessor<AriaMenuTriggerProps>,\n  state: OverlayTriggerState,\n): MenuTriggerAria {\n  const getProps = () => access(props);\n  const menuId = createId(getProps().id);\n\n  const onPress = () => {\n    if (!getProps().isDisabled) {\n      state.toggle();\n    }\n  };\n\n  const onKeyDown = (e: KeyboardEvent) => {\n    if (getProps().isDisabled) return;\n\n    switch (e.key) {\n      case \"Enter\":\n      case \" \":\n      case \"ArrowDown\": {\n        e.preventDefault();\n        if (!state.isOpen()) {\n          state.open();\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        e.preventDefault();\n        if (!state.isOpen()) {\n          state.open();\n        }\n        break;\n      }\n    }\n  };\n\n  return {\n    get menuTriggerProps() {\n      const p = getProps();\n      const type = p.type ?? \"menu\";\n      const isOpen = state.isOpen();\n\n      return {\n        \"aria-haspopup\": type,\n        \"aria-expanded\": isOpen,\n        \"aria-controls\": isOpen ? menuId : undefined,\n        \"aria-disabled\": p.isDisabled || undefined,\n        onPress,\n        onKeyDown,\n      };\n    },\n    menuProps: {\n      id: menuId,\n    },\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/meter.js

@@ -0,0 +1,33 @@
+import { t as createProgressBar } from "./createProgressBar.js";
+//#region src/meter/createMeter.ts
+/**
+* Meter hook for Solidaria
+*
+* Provides the accessibility implementation for a meter component.
+* Meters represent a quantity within a known range, or a fractional value.
+* Unlike progress bars, meters represent a current value rather than progress toward a goal.
+*
+* This is a port of @react-aria/meter's useMeter hook.
+*/
+/**
+* Provides the accessibility implementation for a meter component.
+* Meters represent a quantity within a known range, or a fractional value.
+*/
+function createMeter(props = {}) {
+	const { progressBarProps, labelProps } = createProgressBar(props);
+	return {
+		get meterProps() {
+			return {
+				...progressBarProps,
+				role: "meter"
+			};
+		},
+		get labelProps() {
+			return labelProps;
+		}
+	};
+}
+//#endregion
+export { createMeter as t };
+
+//# sourceMappingURL=meter.js.map

package/dist/_chunk/meter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter.js","names":[],"sources":["../../src/meter/createMeter.ts"],"sourcesContent":["/**\n * Meter hook for Solidaria\n *\n * Provides the accessibility implementation for a meter component.\n * Meters represent a quantity within a known range, or a fractional value.\n * Unlike progress bars, meters represent a current value rather than progress toward a goal.\n *\n * This is a port of @react-aria/meter's useMeter hook.\n */\n\nimport { createProgressBar, type AriaProgressBarProps } from \"../progress/createProgressBar\";\n\nexport interface AriaMeterProps extends Omit<AriaProgressBarProps, \"isIndeterminate\"> {\n  /** The current value (controlled). */\n  value?: number;\n  /** The smallest value allowed for the input. @default 0 */\n  minValue?: number;\n  /** The largest value allowed for the input. @default 100 */\n  maxValue?: number;\n  /** The content to display as the value's label (e.g. 1 of 4). */\n  valueLabel?: string;\n  /** The display format of the value label. */\n  formatOptions?: Intl.NumberFormatOptions;\n  /** The content to display as the label. */\n  label?: string;\n  /** An accessibility label for this item. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n  \"aria-details\"?: string;\n}\n\nexport interface MeterAria {\n  /** Props for the meter container element. */\n  meterProps: Record<string, unknown>;\n  /** Props for the meter's visual label element (if any). */\n  labelProps: Record<string, unknown>;\n}\n\n/**\n * Provides the accessibility implementation for a meter component.\n * Meters represent a quantity within a known range, or a fractional value.\n */\nexport function createMeter(props: AriaMeterProps = {}): MeterAria {\n  // Reuse progress bar implementation\n  const { progressBarProps, labelProps } = createProgressBar(props);\n\n  return {\n    get meterProps() {\n      return {\n        ...progressBarProps,\n        role: \"meter\",\n      };\n    },\n    get labelProps() {\n      return labelProps;\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;AA8CA,SAAgB,YAAY,QAAwB,CAAC,GAAc;CAEjE,MAAM,EAAE,kBAAkB,eAAe,kBAAkB,KAAK;CAEhE,OAAO;EACL,IAAI,aAAa;GACf,OAAO;IACL,GAAG;IACH,MAAM;GACR;EACF;EACA,IAAI,aAAa;GACf,OAAO;EACT;CACF;AACF"}