@proyecto-viviana/solidaria 0.2.8 → 0.4.0

package/dist/_chunk/listbox.js

@@ -0,0 +1,324 @@
+import { i as access, o as mergeProps, t as isDevEnv } from "./env.js";
+import { t as filterDOMProps } from "./filterDOMProps.js";
+import { t as createFocusWithin } from "./createFocusWithin.js";
+import { t as createFocusRing } from "./createFocusRing.js";
+import { t as createHover } from "./createHover.js";
+import { createId } from "../ssr/index.js";
+import { t as createLabel } from "./createLabel.js";
+import { t as createTypeSelect } from "./createTypeSelect.js";
+import { n as createSelectableItem } from "./createSelectableItem.js";
+import { createEffect, onCleanup } from "solid-js";
+//#region src/listbox/createListBox.ts
+/**
+* Provides the behavior and accessibility implementation for a listbox component.
+* A listbox displays a list of options and allows a user to select one or more of them.
+* Based on @react-aria/listbox useListBox.
+*/
+const listBoxData = /* @__PURE__ */ new WeakMap();
+function getListBoxData(state) {
+	return listBoxData.get(state);
+}
+/**
+* Whether a key should be skipped during keyboard navigation. Disabled keys only
+* block navigation under `disabledBehavior: "all"` (the default); under
+* `"selection"` they stay focusable (selection is still blocked elsewhere).
+* Mirrors `ListKeyboardDelegate.isDisabled` in React Aria, which gates the skip
+* on the resolved `disabledBehavior` from the selection manager.
+*/
+function isNavigationDisabled(state, key) {
+	return state.isDisabled(key) && state.disabledBehavior() === "all";
+}
+function findNextEnabledKey(state, currentKey, direction, wrap) {
+	const collection = state.collection();
+	const getAdjacentKey = direction === "next" ? (key) => collection.getKeyAfter(key) : (key) => collection.getKeyBefore(key);
+	const getBoundaryKey = direction === "next" ? () => collection.getFirstKey() : () => collection.getLastKey();
+	let key = currentKey != null ? getAdjacentKey(currentKey) : getBoundaryKey();
+	while (key != null && isNavigationDisabled(state, key)) key = getAdjacentKey(key);
+	if (key == null && wrap) {
+		key = getBoundaryKey();
+		while (key != null && isNavigationDisabled(state, key)) key = getAdjacentKey(key);
+	}
+	return key;
+}
+/**
+* Provides the behavior and accessibility implementation for a listbox component.
+* A listbox displays a list of options and allows a user to select one or more of them.
+*/
+function createListBox(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 ListBox requires an aria-label or aria-labelledby attribute for accessibility.");
+	}
+	const domProps = () => filterDOMProps(getProps(), { labelable: true });
+	const updateSharedData = () => {
+		const p = getProps();
+		const selectionBehavior = state.selectionBehavior();
+		let linkBehavior = p.linkBehavior ?? (selectionBehavior === "replace" ? "action" : "override");
+		if (selectionBehavior === "toggle" && linkBehavior === "action") linkBehavior = "override";
+		listBoxData.set(state, {
+			id,
+			onAction: p.onAction,
+			shouldSelectOnPressUp: p.shouldSelectOnPressUp,
+			shouldFocusOnHover: p.shouldFocusOnHover,
+			isVirtualized: p.isVirtualized,
+			shouldUseVirtualFocus: p.shouldUseVirtualFocus,
+			isDisabled: p.isDisabled,
+			linkBehavior,
+			UNSTABLE_itemBehavior: p.UNSTABLE_itemBehavior
+		});
+	};
+	updateSharedData();
+	createEffect(() => {
+		updateSharedData();
+		onCleanup(() => {
+			listBoxData.delete(state);
+		});
+	});
+	const { focusWithinProps } = createFocusWithin({
+		onFocusWithin: (e) => getProps().onFocus?.(e),
+		onBlurWithin: (e) => getProps().onBlur?.(e),
+		onFocusWithinChange: (isFocused) => {
+			getProps().onFocusChange?.(isFocused);
+			state.selectionManager.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) => {
+		const p = getProps();
+		if (p.isDisabled) return;
+		const collection = state.collection();
+		const shouldWrap = p.shouldFocusWrap ?? false;
+		const shouldSelectOnFocus = p.shouldSelectOnFocus ?? true;
+		switch (e.key) {
+			case "ArrowDown": {
+				const nextKey = findNextEnabledKey(state, state.focusedKey(), "next", shouldWrap);
+				if (nextKey != null) {
+					e.preventDefault();
+					state.setFocusedKey(nextKey);
+					if (shouldSelectOnFocus && !e.shiftKey && state.selectionMode() === "single") state.replaceSelection(nextKey);
+					else if (e.shiftKey && state.selectionMode() === "multiple") state.extendSelection(nextKey, collection);
+				}
+				break;
+			}
+			case "ArrowUp": {
+				const prevKey = findNextEnabledKey(state, state.focusedKey(), "prev", shouldWrap);
+				if (prevKey != null) {
+					e.preventDefault();
+					state.setFocusedKey(prevKey);
+					if (shouldSelectOnFocus && !e.shiftKey && state.selectionMode() === "single") state.replaceSelection(prevKey);
+					else if (e.shiftKey && state.selectionMode() === "multiple") state.extendSelection(prevKey, collection);
+				}
+				break;
+			}
+			case "ArrowRight":
+			case "ArrowLeft": {
+				if (p.orientation !== "horizontal") break;
+				const isRtl = p.direction === "rtl";
+				const forward = e.key === "ArrowRight" ? !isRtl : isRtl;
+				const focusedKey = state.focusedKey();
+				const nextKey = focusedKey != null ? findNextEnabledKey(state, focusedKey, forward ? "next" : "prev", shouldWrap) : findNextEnabledKey(state, null, "next", false);
+				if (nextKey != null) {
+					e.preventDefault();
+					state.setFocusedKey(nextKey);
+					if (shouldSelectOnFocus && !e.shiftKey && state.selectionMode() === "single") state.replaceSelection(nextKey);
+					else if (e.shiftKey && state.selectionMode() === "multiple") state.extendSelection(nextKey, collection);
+				}
+				break;
+			}
+			case "Home": {
+				if (state.focusedKey() == null && e.shiftKey) break;
+				e.preventDefault();
+				const firstKey = findNextEnabledKey(state, null, "next", false);
+				if (firstKey != null) {
+					state.setFocusedKey(firstKey);
+					if (e.ctrlKey && e.shiftKey && state.selectionMode() === "multiple") state.extendSelection(firstKey, collection);
+					else if (shouldSelectOnFocus && !e.shiftKey && state.selectionMode() === "single") state.replaceSelection(firstKey);
+				}
+				break;
+			}
+			case "End": {
+				if (state.focusedKey() == null && e.shiftKey) break;
+				e.preventDefault();
+				const lastKey = findNextEnabledKey(state, null, "prev", false);
+				if (lastKey != null) {
+					state.setFocusedKey(lastKey);
+					if (e.ctrlKey && e.shiftKey && state.selectionMode() === "multiple") state.extendSelection(lastKey, collection);
+					else if (shouldSelectOnFocus && !e.shiftKey && state.selectionMode() === "single") state.replaceSelection(lastKey);
+				}
+				break;
+			}
+			case " ":
+			case "Enter": {
+				if (e.target !== e.currentTarget) break;
+				e.preventDefault();
+				const focusedKey = state.focusedKey();
+				if (focusedKey != null && !isNavigationDisabled(state, focusedKey)) {
+					if (state.selectionMode() !== "none") state.toggleSelection(focusedKey);
+					p.onAction?.(focusedKey);
+				}
+				break;
+			}
+			case "a":
+				if ((e.ctrlKey || e.metaKey) && state.selectionMode() === "multiple") {
+					e.preventDefault();
+					state.selectAll();
+				}
+				break;
+			case "Escape":
+				if ((p.escapeKeyBehavior ?? "clearSelection") === "clearSelection" && !state.disallowEmptySelection() && !state.isEmpty()) {
+					e.stopPropagation();
+					e.preventDefault();
+					state.clearSelection();
+				}
+				break;
+		}
+	};
+	return {
+		get labelProps() {
+			return labelProps;
+		},
+		get listBoxProps() {
+			const p = getProps();
+			const selectionMode = state.selectionMode();
+			const baseProps = mergeProps(domProps(), focusWithinProps, fieldProps, {
+				role: "listbox",
+				tabIndex: p.isDisabled ? void 0 : 0,
+				"aria-disabled": p.isDisabled || void 0,
+				"aria-multiselectable": selectionMode === "multiple" ? true : void 0,
+				"aria-activedescendant": state.focusedKey() != null ? String(state.focusedKey()) : void 0,
+				onKeyDown
+			});
+			if (!p.disallowTypeAhead) return mergeProps(baseProps, typeSelectProps);
+			return baseProps;
+		}
+	};
+}
+//#endregion
+//#region src/listbox/createOption.ts
+/**
+* Provides the behavior and accessibility implementation for an option in a listbox.
+*/
+function createOption(props, state, _ref) {
+	const getProps = () => access(props);
+	const getData = () => getListBoxData(state);
+	const shouldSelectOnPressUp = () => {
+		return getProps().shouldSelectOnPressUp ?? getData()?.shouldSelectOnPressUp;
+	};
+	const shouldFocusOnHover = () => {
+		return getProps().shouldFocusOnHover ?? getData()?.shouldFocusOnHover ?? false;
+	};
+	const shouldUseVirtualFocus = () => {
+		return getProps().shouldUseVirtualFocus ?? getData()?.shouldUseVirtualFocus ?? false;
+	};
+	const isVirtualized = () => {
+		return getProps().isVirtualized ?? getData()?.isVirtualized ?? false;
+	};
+	const allowsDifferentPressOrigin = () => {
+		return getProps().allowsDifferentPressOrigin ?? Boolean(shouldSelectOnPressUp() && shouldFocusOnHover());
+	};
+	const isDisabledProp = () => {
+		return Boolean(getData()?.isDisabled || getProps().isDisabled);
+	};
+	const optionId = () => getProps().optionId ?? String(getProps().key);
+	const selectableItem = createSelectableItem(() => {
+		const key = getProps().key;
+		const hasAction = getProps().onAction != null || getData()?.onAction != null;
+		return {
+			key,
+			id: optionId(),
+			isDisabled: isDisabledProp(),
+			shouldSelectOnPressUp: shouldSelectOnPressUp(),
+			allowsDifferentPressOrigin: allowsDifferentPressOrigin(),
+			isVirtualized: isVirtualized(),
+			shouldUseVirtualFocus: shouldUseVirtualFocus(),
+			onAction: hasAction ? () => {
+				getProps().onAction?.();
+				getData()?.onAction?.(key);
+			} : void 0,
+			linkBehavior: getData()?.linkBehavior,
+			UNSTABLE_itemBehavior: getData()?.UNSTABLE_itemBehavior
+		};
+	}, state, () => _ref?.() ?? null);
+	const { hoverProps, isHovered } = createHover({
+		get isDisabled() {
+			return selectableItem.isDisabled();
+		},
+		onHoverStart(e) {
+			if (shouldFocusOnHover() && !isFocusVisible()) {
+				state.selectionManager.setFocused(true);
+				state.selectionManager.setFocusedKey(getProps().key);
+			}
+			getProps().onHoverStart?.(e);
+		},
+		onHoverEnd(e) {
+			getProps().onHoverEnd?.(e);
+		},
+		onHoverChange(isHovering) {
+			getProps().onHoverChange?.(isHovering);
+		}
+	});
+	const { isFocusVisible, focusProps } = createFocusRing();
+	const labelId = `${getProps().key}-label`;
+	const descriptionId = `${getProps().key}-desc`;
+	return {
+		get optionProps() {
+			getProps().key;
+			const selectionMode = state.selectionMode();
+			const ariaLabel = getProps()["aria-label"];
+			return mergeProps(selectableItem.itemProps, hoverProps, focusProps, {
+				role: "option",
+				id: optionId(),
+				"aria-selected": selectionMode !== "none" ? selectableItem.isSelected() : void 0,
+				"aria-disabled": selectableItem.isDisabled() || void 0,
+				"aria-label": ariaLabel,
+				"aria-labelledby": !ariaLabel ? labelId : void 0,
+				"aria-describedby": descriptionId,
+				"data-selected": selectableItem.isSelected() || void 0,
+				"data-focused": selectableItem.isFocused() || void 0,
+				"data-focus-visible": selectableItem.isFocused() && isFocusVisible() || void 0,
+				"data-pressed": selectableItem.isPressed() || void 0,
+				"data-disabled": selectableItem.isDisabled() || void 0,
+				"data-hovered": isHovered() || void 0
+			});
+		},
+		labelProps: { id: labelId },
+		descriptionProps: { id: descriptionId },
+		isSelected: selectableItem.isSelected,
+		isFocused: selectableItem.isFocused,
+		isFocusVisible: () => selectableItem.isFocused() && isFocusVisible(),
+		isPressed: selectableItem.isPressed,
+		isHovered,
+		isDisabled: selectableItem.isDisabled,
+		allowsSelection: selectableItem.allowsSelection,
+		hasAction: selectableItem.hasAction
+	};
+}
+//#endregion
+export { createListBox as n, getListBoxData as r, createOption as t };
+
+//# sourceMappingURL=listbox.js.map

package/dist/_chunk/listbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listbox.js","names":[],"sources":["../../src/listbox/createListBox.ts","../../src/listbox/createOption.ts"],"sourcesContent":["/**\n * Provides the behavior and accessibility implementation for a listbox component.\n * A listbox displays a list of options and allows a user to select one or more of them.\n * Based on @react-aria/listbox useListBox.\n */\n\nimport { createEffect, onCleanup, type JSX } from \"solid-js\";\nimport { createFocusWithin } from \"../interactions/createFocusWithin\";\nimport { createLabel } from \"../label/createLabel\";\nimport { createTypeSelect } from \"../selection/createTypeSelect\";\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 { ListState, Key } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaListBoxProps {\n  /** An ID for the listbox. */\n  id?: string;\n  /** Whether the listbox is disabled. */\n  isDisabled?: boolean;\n  /** The label for the listbox. */\n  label?: JSX.Element;\n  /** An accessible label for the listbox when no visible label is provided. */\n  \"aria-label\"?: string;\n  /** The ID of an element that labels the listbox. */\n  \"aria-labelledby\"?: string;\n  /** The ID of an element that describes the listbox. */\n  \"aria-describedby\"?: string;\n  /** Handler called when focus moves into the listbox. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler called when focus moves out of the listbox. */\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) => void;\n  /** Whether focus should automatically wrap around. */\n  shouldFocusWrap?: boolean;\n  /** Whether selection should occur on press up. */\n  shouldSelectOnPressUp?: boolean;\n  /** Whether to focus items on hover. */\n  shouldFocusOnHover?: boolean;\n  /** Whether the listbox uses virtual scrolling. */\n  isVirtualized?: boolean;\n  /** Whether options should use virtual focus instead of receiving DOM focus. */\n  shouldUseVirtualFocus?: boolean;\n  /** The behavior of links in the collection. */\n  linkBehavior?: \"action\" | \"selection\" | \"override\" | \"none\";\n  /**\n   * Unstable upstream override that forces items with actions to prefer\n   * selection or action behavior.\n   */\n  UNSTABLE_itemBehavior?: \"selection\" | \"action\";\n  /**\n   * Whether keyboard focus movement should also update selection in single selection mode.\n   * @default true\n   */\n  shouldSelectOnFocus?: boolean;\n  /** Whether type-to-select is disabled. @default false */\n  disallowTypeAhead?: boolean;\n  /**\n   * The primary orientation of the items. In a horizontal listbox the Left/Right\n   * arrows navigate the list (the block-axis Up/Down arrows still work); in a\n   * vertical listbox Left/Right are no-ops, matching upstream's\n   * `ListKeyboardDelegate` for a `stack` layout.\n   * @default \"vertical\"\n   */\n  orientation?: \"vertical\" | \"horizontal\";\n  /**\n   * The text direction, used to resolve the horizontal navigation axis. In a\n   * horizontal listbox, RTL flips Left/Right (Right=previous, Left=next).\n   * @default \"ltr\"\n   */\n  direction?: \"ltr\" | \"rtl\";\n  /**\n   * Whether pressing the Escape key should clear selection in the listbox or not.\n   * Most experiences should not modify this option as it eliminates a keyboard\n   * user's ability to easily clear selection. Only use if the escape key is being\n   * handled externally or should not trigger selection clearing contextually.\n   * @default \"clearSelection\"\n   */\n  escapeKeyBehavior?: \"clearSelection\" | \"none\";\n}\n\nexport interface ListBoxAria {\n  /** Props for the listbox element. */\n  listBoxProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the listbox's label element (if any). */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\n// Shared data between listbox and options\nconst listBoxData = new WeakMap<object, ListBoxData>();\n\ninterface ListBoxData {\n  id: string;\n  onAction?: (key: Key) => void;\n  shouldSelectOnPressUp?: boolean;\n  shouldFocusOnHover?: boolean;\n  isVirtualized?: boolean;\n  shouldUseVirtualFocus?: boolean;\n  isDisabled?: boolean;\n  linkBehavior?: \"action\" | \"selection\" | \"override\" | \"none\";\n  UNSTABLE_itemBehavior?: \"selection\" | \"action\";\n}\n\nexport function getListBoxData(state: ListState): ListBoxData | undefined {\n  return listBoxData.get(state);\n}\n\n/**\n * Whether a key should be skipped during keyboard navigation. Disabled keys only\n * block navigation under `disabledBehavior: \"all\"` (the default); under\n * `\"selection\"` they stay focusable (selection is still blocked elsewhere).\n * Mirrors `ListKeyboardDelegate.isDisabled` in React Aria, which gates the skip\n * on the resolved `disabledBehavior` from the selection manager.\n */\nfunction isNavigationDisabled<T>(state: ListState<T>, key: Key): boolean {\n  return state.isDisabled(key) && state.disabledBehavior() === \"all\";\n}\n\nfunction findNextEnabledKey<T>(\n  state: ListState<T>,\n  currentKey: Key | null,\n  direction: \"next\" | \"prev\",\n  wrap: boolean,\n): Key | null {\n  const collection = state.collection();\n  const getAdjacentKey =\n    direction === \"next\"\n      ? (key: Key) => collection.getKeyAfter(key)\n      : (key: Key) => collection.getKeyBefore(key);\n  const getBoundaryKey =\n    direction === \"next\" ? () => collection.getFirstKey() : () => collection.getLastKey();\n\n  let key = currentKey != null ? getAdjacentKey(currentKey) : getBoundaryKey();\n  while (key != null && isNavigationDisabled(state, key)) {\n    key = getAdjacentKey(key);\n  }\n\n  if (key == null && wrap) {\n    key = getBoundaryKey();\n    while (key != null && isNavigationDisabled(state, key)) {\n      key = getAdjacentKey(key);\n    }\n  }\n\n  return key;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a listbox component.\n * A listbox displays a list of options and allows a user to select one or more of them.\n */\nexport function createListBox<T>(\n  props: MaybeAccessor<AriaListBoxProps>,\n  state: ListState<T>,\n  _ref?: () => HTMLElement | null,\n): ListBoxAria {\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 ListBox 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    const selectionBehavior = state.selectionBehavior();\n    let linkBehavior = p.linkBehavior ?? (selectionBehavior === \"replace\" ? \"action\" : \"override\");\n    if (selectionBehavior === \"toggle\" && linkBehavior === \"action\") {\n      linkBehavior = \"override\";\n    }\n\n    listBoxData.set(state, {\n      id,\n      onAction: p.onAction,\n      shouldSelectOnPressUp: p.shouldSelectOnPressUp,\n      shouldFocusOnHover: p.shouldFocusOnHover,\n      isVirtualized: p.isVirtualized,\n      shouldUseVirtualFocus: p.shouldUseVirtualFocus,\n      isDisabled: p.isDisabled,\n      linkBehavior,\n      UNSTABLE_itemBehavior: p.UNSTABLE_itemBehavior,\n    });\n  };\n\n  // Ensure options created in the same render pass can read parent metadata.\n  updateSharedData();\n\n  // Share data with child options\n  createEffect(() => {\n    updateSharedData();\n\n    onCleanup(() => {\n      listBoxData.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      // Collection focus lives on the selection manager (upstream tracks it in\n      // useSelectableCollection); the ListState-level setFocused may be a\n      // widget-level focus state (e.g. Select's trigger focus).\n      state.selectionManager.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    const p = getProps();\n    if (p.isDisabled) return;\n\n    const collection = state.collection();\n    const shouldWrap = p.shouldFocusWrap ?? false;\n    const shouldSelectOnFocus = p.shouldSelectOnFocus ?? true;\n\n    switch (e.key) {\n      case \"ArrowDown\": {\n        // Only consume the key once a target exists. Mirrors\n        // useSelectableCollection (ArrowDown, 211-225): preventDefault is called\n        // inside `if (nextKey != null)`, so at the last item without wrap the\n        // arrow is left alone to bubble (e.g. to scroll an enclosing region).\n        const nextKey = findNextEnabledKey(state, state.focusedKey(), \"next\", shouldWrap);\n        if (nextKey != null) {\n          e.preventDefault();\n          state.setFocusedKey(nextKey);\n          if (shouldSelectOnFocus && !e.shiftKey && state.selectionMode() === \"single\") {\n            state.replaceSelection(nextKey);\n          } else if (e.shiftKey && state.selectionMode() === \"multiple\") {\n            state.extendSelection(nextKey, collection);\n          }\n        }\n        break;\n      }\n      case \"ArrowUp\": {\n        const prevKey = findNextEnabledKey(state, state.focusedKey(), \"prev\", shouldWrap);\n        if (prevKey != null) {\n          e.preventDefault();\n          state.setFocusedKey(prevKey);\n          if (shouldSelectOnFocus && !e.shiftKey && state.selectionMode() === \"single\") {\n            state.replaceSelection(prevKey);\n          } else if (e.shiftKey && state.selectionMode() === \"multiple\") {\n            state.extendSelection(prevKey, collection);\n          }\n        }\n        break;\n      }\n      case \"ArrowRight\":\n      case \"ArrowLeft\": {\n        // Horizontal orientation promotes the inline axis to the primary\n        // navigation axis. Upstream's ListKeyboardDelegate strips\n        // getKeyLeftOf/getKeyRightOf for a vertical stack, so Left/Right stay\n        // no-ops there; in a horizontal stack they move prev/next, flipped\n        // under RTL (Right=next, Left=prev in LTR).\n        if (p.orientation !== \"horizontal\") break;\n        const isRtl = p.direction === \"rtl\";\n        const forward = e.key === \"ArrowRight\" ? !isRtl : isRtl;\n        const focusedKey = state.focusedKey();\n        // With nothing focused, both directions enter at the first item,\n        // mirroring upstream's getFirstKey() fallback for Left and Right.\n        const nextKey =\n          focusedKey != null\n            ? findNextEnabledKey(state, focusedKey, forward ? \"next\" : \"prev\", shouldWrap)\n            : findNextEnabledKey(state, null, \"next\", false);\n        // As with the block axis, only swallow the key when it moves focus\n        // (useSelectableCollection ArrowLeft/Right, 243-280).\n        if (nextKey != null) {\n          e.preventDefault();\n          state.setFocusedKey(nextKey);\n          if (shouldSelectOnFocus && !e.shiftKey && state.selectionMode() === \"single\") {\n            state.replaceSelection(nextKey);\n          } else if (e.shiftKey && state.selectionMode() === \"multiple\") {\n            state.extendSelection(nextKey, collection);\n          }\n        }\n        break;\n      }\n      case \"Home\": {\n        // Mirror useSelectableCollection (Home, 283-285): with nothing focused,\n        // Shift+Home has no anchor to extend a selection from, so leave the\n        // event alone (no focus move, no preventDefault).\n        if (state.focusedKey() == null && e.shiftKey) break;\n        e.preventDefault();\n        const firstKey = findNextEnabledKey(state, null, \"next\", false);\n        if (firstKey != null) {\n          state.setFocusedKey(firstKey);\n          if (e.ctrlKey && e.shiftKey && state.selectionMode() === \"multiple\") {\n            // Select from current to first\n            state.extendSelection(firstKey, collection);\n          } else if (shouldSelectOnFocus && !e.shiftKey && state.selectionMode() === \"single\") {\n            state.replaceSelection(firstKey);\n          }\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        const lastKey = findNextEnabledKey(state, null, \"prev\", false);\n        if (lastKey != null) {\n          state.setFocusedKey(lastKey);\n          if (e.ctrlKey && e.shiftKey && state.selectionMode() === \"multiple\") {\n            // Select from current to last\n            state.extendSelection(lastKey, collection);\n          } else if (shouldSelectOnFocus && !e.shiftKey && state.selectionMode() === \"single\") {\n            state.replaceSelection(lastKey);\n          }\n        }\n        break;\n      }\n      case \" \":\n      case \"Enter\": {\n        if (e.target !== e.currentTarget) {\n          break;\n        }\n\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 option\n        // still fires onAction, mirroring useSelectableItem's allowsActions\n        // (manager.isDisabled is gated on \"all\"). Selection stays blocked —\n        // toggleSelection self-guards on the raw disabled check.\n        if (focusedKey != null && !isNavigationDisabled(state, focusedKey)) {\n          if (state.selectionMode() !== \"none\") {\n            state.toggleSelection(focusedKey);\n          }\n          p.onAction?.(focusedKey);\n        }\n        break;\n      }\n      case \"a\": {\n        if ((e.ctrlKey || e.metaKey) && state.selectionMode() === \"multiple\") {\n          e.preventDefault();\n          state.selectAll();\n        }\n        break;\n      }\n      case \"Escape\": {\n        // Mirror useSelectableCollection (Escape, 352-362): only clear the\n        // selection — and swallow the event — when escapeKeyBehavior is\n        // 'clearSelection', there is actually a selection to clear, and empty\n        // selection is allowed. With escapeKeyBehavior 'none', or otherwise,\n        // leave Escape alone so an enclosing overlay (popover, dialog, combobox)\n        // can handle it.\n        if (\n          (p.escapeKeyBehavior ?? \"clearSelection\") === \"clearSelection\" &&\n          !state.disallowEmptySelection() &&\n          !state.isEmpty()\n        ) {\n          e.stopPropagation();\n          e.preventDefault();\n          state.clearSelection();\n        }\n        break;\n      }\n    }\n  };\n\n  return {\n    get labelProps() {\n      return labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get listBoxProps() {\n      const p = getProps();\n      const selectionMode = state.selectionMode();\n\n      const baseProps = mergeProps(\n        domProps(),\n        focusWithinProps as Record<string, unknown>,\n        fieldProps as Record<string, unknown>,\n        {\n          role: \"listbox\",\n          tabIndex: p.isDisabled ? undefined : 0,\n          \"aria-disabled\": p.isDisabled || undefined,\n          \"aria-multiselectable\": selectionMode === \"multiple\" ? true : undefined,\n          \"aria-activedescendant\":\n            state.focusedKey() != null ? String(state.focusedKey()) : undefined,\n          onKeyDown,\n        },\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 an option in a listbox.\n * Based on @react-aria/listbox useOption.\n */\n\nimport { type JSX, type Accessor } from \"solid-js\";\nimport { createHover, type HoverEvents } from \"../interactions/createHover\";\nimport { createFocusRing } from \"../interactions/createFocusRing\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { getListBoxData } from \"./createListBox\";\nimport type { ListState, Key } from \"@proyecto-viviana/solid-stately\";\nimport { createSelectableItem, type SelectableItemState } from \"../selection/createSelectableItem\";\n\nexport interface AriaOptionProps {\n  /** The unique key for the option. */\n  key: Key;\n  /** Optional DOM id for the option element. Defaults to the key. */\n  optionId?: string;\n  /** Whether the option is disabled. */\n  isDisabled?: boolean;\n  /** An accessible label for the option. */\n  \"aria-label\"?: string;\n  /** Whether selection should occur on press up. */\n  shouldSelectOnPressUp?: boolean;\n  /** Whether to focus the option on hover. */\n  shouldFocusOnHover?: boolean;\n  /** Whether the option should use virtual focus instead of receiving DOM focus. */\n  shouldUseVirtualFocus?: boolean;\n  /** Whether the option is contained in a virtual scrolling listbox. */\n  isVirtualized?: boolean;\n  /** Whether press-up may occur without the press starting on this option. */\n  allowsDifferentPressOrigin?: boolean;\n  /** Handler called when hover starts. */\n  onHoverStart?: HoverEvents[\"onHoverStart\"];\n  /** Handler called when hover ends. */\n  onHoverEnd?: HoverEvents[\"onHoverEnd\"];\n  /** Handler called when hover state changes. */\n  onHoverChange?: HoverEvents[\"onHoverChange\"];\n  /** Handler called when the option is activated. */\n  onAction?: () => void;\n}\n\nexport interface OptionAria {\n  /** Props for the option element. */\n  optionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the label text inside the option. */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the description text inside the option. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the option is currently selected. */\n  isSelected: Accessor<boolean>;\n  /** Whether the option is currently focused. */\n  isFocused: Accessor<boolean>;\n  /** Whether the option is keyboard focused. */\n  isFocusVisible: Accessor<boolean>;\n  /** Whether the option is currently pressed. */\n  isPressed: Accessor<boolean>;\n  /** Whether the option is currently hovered. */\n  isHovered: Accessor<boolean>;\n  /** Whether the option is disabled. */\n  isDisabled: Accessor<boolean>;\n  /** Whether the option may be selected. */\n  allowsSelection: Accessor<boolean>;\n  /** Whether the option has an action. */\n  hasAction: Accessor<boolean>;\n}\n\n/**\n * Provides the behavior and accessibility implementation for an option in a listbox.\n */\nexport function createOption<T>(\n  props: MaybeAccessor<AriaOptionProps>,\n  state: ListState<T>,\n  _ref?: () => HTMLElement | null,\n): OptionAria {\n  const getProps = () => access(props);\n\n  const getData = () => getListBoxData(state);\n\n  const shouldSelectOnPressUp = () => {\n    return getProps().shouldSelectOnPressUp ?? getData()?.shouldSelectOnPressUp;\n  };\n\n  const shouldFocusOnHover = () => {\n    return getProps().shouldFocusOnHover ?? getData()?.shouldFocusOnHover ?? false;\n  };\n\n  const shouldUseVirtualFocus = () => {\n    return getProps().shouldUseVirtualFocus ?? getData()?.shouldUseVirtualFocus ?? false;\n  };\n\n  const isVirtualized = () => {\n    return getProps().isVirtualized ?? getData()?.isVirtualized ?? false;\n  };\n\n  const allowsDifferentPressOrigin = () => {\n    return (\n      getProps().allowsDifferentPressOrigin ??\n      Boolean(shouldSelectOnPressUp() && shouldFocusOnHover())\n    );\n  };\n\n  const isDisabledProp = () => {\n    return Boolean(getData()?.isDisabled || getProps().isDisabled);\n  };\n\n  const optionId = () => getProps().optionId ?? String(getProps().key);\n\n  const selectableItem = createSelectableItem<T>(\n    () => {\n      const key = getProps().key;\n      const hasAction = getProps().onAction != null || getData()?.onAction != null;\n\n      return {\n        key,\n        id: optionId(),\n        isDisabled: isDisabledProp(),\n        shouldSelectOnPressUp: shouldSelectOnPressUp(),\n        allowsDifferentPressOrigin: allowsDifferentPressOrigin(),\n        isVirtualized: isVirtualized(),\n        shouldUseVirtualFocus: shouldUseVirtualFocus(),\n        onAction: hasAction\n          ? () => {\n              getProps().onAction?.();\n              getData()?.onAction?.(key);\n            }\n          : undefined,\n        linkBehavior: getData()?.linkBehavior,\n        UNSTABLE_itemBehavior: getData()?.UNSTABLE_itemBehavior,\n      };\n    },\n    state as SelectableItemState<T>,\n    () => _ref?.() ?? null,\n  );\n\n  const { hoverProps, isHovered } = createHover({\n    get isDisabled() {\n      return selectableItem.isDisabled();\n    },\n    onHoverStart(e) {\n      if (shouldFocusOnHover() && !isFocusVisible()) {\n        state.selectionManager.setFocused(true);\n        state.selectionManager.setFocusedKey(getProps().key);\n      }\n      getProps().onHoverStart?.(e);\n    },\n    onHoverEnd(e) {\n      getProps().onHoverEnd?.(e);\n    },\n    onHoverChange(isHovering) {\n      getProps().onHoverChange?.(isHovering);\n    },\n  });\n\n  const { isFocusVisible, focusProps } = createFocusRing();\n\n  const labelId = `${getProps().key}-label`;\n  const descriptionId = `${getProps().key}-desc`;\n\n  return {\n    get optionProps() {\n      const key = getProps().key;\n      const selectionMode = state.selectionMode();\n      const ariaLabel = getProps()[\"aria-label\"];\n\n      return mergeProps(\n        selectableItem.itemProps as Record<string, unknown>,\n        hoverProps as Record<string, unknown>,\n        focusProps as Record<string, unknown>,\n        {\n          role: \"option\",\n          id: optionId(),\n          \"aria-selected\": selectionMode !== \"none\" ? selectableItem.isSelected() : undefined,\n          \"aria-disabled\": selectableItem.isDisabled() || undefined,\n          \"aria-label\": ariaLabel,\n          \"aria-labelledby\": !ariaLabel ? labelId : undefined,\n          \"aria-describedby\": descriptionId,\n          \"data-selected\": selectableItem.isSelected() || undefined,\n          \"data-focused\": selectableItem.isFocused() || undefined,\n          \"data-focus-visible\": (selectableItem.isFocused() && isFocusVisible()) || undefined,\n          \"data-pressed\": selectableItem.isPressed() || undefined,\n          \"data-disabled\": selectableItem.isDisabled() || undefined,\n          \"data-hovered\": isHovered() || undefined,\n        } as Record<string, unknown>,\n      ) as JSX.HTMLAttributes<HTMLElement>;\n    },\n    labelProps: {\n      id: labelId,\n    },\n    descriptionProps: {\n      id: descriptionId,\n    },\n    isSelected: selectableItem.isSelected,\n    isFocused: selectableItem.isFocused,\n    isFocusVisible: () => selectableItem.isFocused() && isFocusVisible(),\n    isPressed: selectableItem.isPressed,\n    isHovered,\n    isDisabled: selectableItem.isDisabled,\n    allowsSelection: selectableItem.allowsSelection,\n    hasAction: selectableItem.hasAction,\n  };\n}\n"],"mappings":"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"}