@proyecto-viviana/solidaria 0.4.2 → 0.6.0-rc.0

package/dist/_chunk/createSelectableItem.js

@@ -1,12 +1,36 @@
-import { t as createPress } from "./createPress.js";
-import { i as mergeProps$1 } from "./env.js";
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/selection/useSelectableItem.ts
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/selection/utils.ts
+import { t as mergeProps } from "./mergeProps.js";
+import { c as isCtrlKeyPressed } from "./utils.js";
 import { t as access } from "./reactivity.js";
-import { c as isCtrlKeyPressed, w as isAppleDevice } from "./utils.js";
-import { a as getEventTarget, b as openLink, s as getOwnerDocument, t as focusSafely } from "./focus.js";
-import { r as createLongPress } from "./interactions.js";
+import { G as isAppleDevice, a as getOwnerDocument, r as getEventTarget, w as focusSafely, y as openLink } from "./dom.js";
+import { t as createPress } from "./createPress.js";
+import { t as createLongPress } from "./createLongPress.js";
 import { createId } from "../ssr/index.js";
 import { n as createDragSession } from "./DragManager.js";
-import { createEffect, createUniqueId } from "solid-js";
+import { createTrackedEffect, createUniqueId } from "solid-js";
 //#region src/selection/utils.ts
 /**
 * Resolves the DOM element rendered for a collection item by its key, scoped to
@@ -79,9 +103,10 @@ function selectItem(manager, key, e, collection) {
 		return;
 	}
 	if (manager.selectionMode() === "none") return;
-	if (manager.selectionMode() === "single") if (manager.isSelected(key) && !manager.disallowEmptySelection()) manager.toggleSelection(key);
-	else manager.replaceSelection(key);
-	else if (e.shiftKey) manager.extendSelection(key, collection);
+	if (manager.selectionMode() === "single") {
+		if (manager.isSelected(key) && !manager.disallowEmptySelection()) manager.toggleSelection(key);
+		else manager.replaceSelection(key);
+	} else if (e.shiftKey) manager.extendSelection(key, collection);
 	else if (manager.selectionBehavior() === "toggle" || isCtrlKeyPressed(e) || e.pointerType === "touch" || e.pointerType === "virtual") manager.toggleSelection(key);
 	else manager.replaceSelection(key);
 }
@@ -109,11 +134,11 @@ function selectItem(manager, key, e, collection) {
 *   `disabledBehavior: 'selection'` keeps actions enabled while selection stays
 *   blocked.
 * - **Virtual focus** guards real DOM focus and updates the focused key on
-*   press; we have no `moveVirtualFocus`, so no AT cursor move is dispatched.
-* - **`onDragStart`** is bubble phase (upstream uses capture to beat `useDrag`);
-*   wired to capture when drag-and-drop integration lands.
-* - **`getItemProps` press-handler chaining** (collection-provided press
-*   handlers) is omitted — our nodes don't carry them.
+*   press. Ticket #100 tracks the missing AT cursor move.
+* - **`onDragStart`** uses the bubble phase. Ticket #84 owns the capture-phase
+*   integration with drag and drop.
+* - **`getItemProps` press-handler chaining** is omitted because our nodes do
+*   not carry collection-provided press handlers. Ticket #97 owns this boundary.
 */
 /**
 * DOM event dispatched when an item action is performed. Mirrors upstream's
@@ -157,6 +182,12 @@ function createSelectableItem(options, manager, ref) {
 	let hadPrimaryActionOnPressStart = false;
 	const isSelected = () => manager.selectionMode() !== "none" && manager.isSelected(key());
 	const isFocused = () => manager.isFocused() && manager.focusedKey() === key();
+	const isNestedInteractiveTarget = (target) => {
+		const root = ref?.();
+		if (!root || !(target instanceof Element) || target === root || !root.contains(target)) return false;
+		const interactive = target.closest("button, input, select, textarea, a[href], [data-solidaria-pressable], [role=\"button\"], [role=\"checkbox\"], [role=\"menuitem\"]");
+		return interactive != null && interactive !== root && root.contains(interactive);
+	};
 	const onSelect = (e) => {
 		const k = key();
 		if (e.pointerType === "keyboard" && isNonContiguousSelectionModifier(e)) {
@@ -187,14 +218,16 @@ function createSelectableItem(options, manager, ref) {
 		}
 	};
 	const dragSession = createDragSession();
-	createEffect(() => {
+	createTrackedEffect(() => {
 		if (dragSession()) return;
 		if (key() !== manager.focusedKey() || !manager.isFocused()) return;
 		const o = getOptions();
-		if (!shouldUseVirtualFocus()) if (o.focus) o.focus();
-		else {
-			const el = ref();
-			if (el && getOwnerDocument(el).activeElement !== el) focusSafely(el);
+		if (!shouldUseVirtualFocus()) {
+			if (o.focus) o.focus();
+			else {
+				const el = ref();
+				if (el && getOwnerDocument(el).activeElement !== el) focusSafely(el);
+			}
 		}
 	});
 	const { pressProps, isPressed } = createPress({
@@ -205,6 +238,7 @@ function createSelectableItem(options, manager, ref) {
 			return shouldUseVirtualFocus();
 		},
 		onPressStart(e) {
+			if (isNestedInteractiveTarget(e.target)) return;
 			modality = e.pointerType;
 			longPressEnabledOnPressStart = longPressEnabled();
 			if (shouldSelectOnPressUp()) {
@@ -219,9 +253,11 @@ function createSelectableItem(options, manager, ref) {
 			}
 		},
 		onPressUp(e) {
+			if (isNestedInteractiveTarget(e.target)) return;
 			if (shouldSelectOnPressUp() && allowsDifferentPressOrigin() && !hasPrimaryAction() && e.pointerType === "mouse" && allowsSelection()) onSelect(e);
 		},
 		onPress(e) {
+			if (isNestedInteractiveTarget(e.target)) return;
 			if (shouldSelectOnPressUp()) {
 				if (!allowsDifferentPressOrigin()) {
 					if (hasPrimaryAction() || hasSecondaryAction() && e.pointerType !== "mouse") {
@@ -263,6 +299,7 @@ function createSelectableItem(options, manager, ref) {
 		if (modality === "touch" && longPressEnabledOnPressStart) e.preventDefault();
 	};
 	const onClick = (e) => {
+		if (isNestedInteractiveTarget(e.target)) return;
 		if (linkBehavior() !== "none" && isLink()) {
 			if (!openLink.isOpening) e.preventDefault();
 		}
@@ -281,7 +318,8 @@ function createSelectableItem(options, manager, ref) {
 					if (getEventTarget(e) === ref()) manager.setFocusedKey(k);
 				};
 			} else if (disabled) baseProps.onMouseDown = (e) => e.preventDefault();
-			return mergeProps$1(baseProps, allowsSelection() || hasPrimaryAction() || shouldUseVirtualFocus() && !disabled ? pressProps : {}, longPressEnabled() ? longPressProps : {}, {
+			const interactive = allowsSelection() || hasPrimaryAction() || shouldUseVirtualFocus() && !disabled;
+			return mergeProps(baseProps, interactive ? pressProps : {}, longPressEnabled() ? longPressProps : {}, {
 				onDblClick,
 				onDragStart,
 				onClick,

package/dist/_chunk/createSelectableItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"createSelectableItem.js","names":["mergeProps"],"sources":["../../src/selection/utils.ts","../../src/selection/selectItem.ts","../../src/selection/createSelectableItem.ts"],"sourcesContent":["/**\n * Selection helpers shared across collection item hooks.\n * Based on @react-aria/selection's utilities.\n */\n\nimport type { Accessor } from \"solid-js\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport { isAppleDevice } from \"../utils/platform\";\nimport { createId } from \"../ssr\";\n\n/**\n * Resolves the DOM element rendered for a collection item by its key, scoped to\n * the owning collection when a `data-collection` id is present. Mirrors\n * `@react-aria/selection`'s `getItemElement`, adapted to take a Solid ref\n * accessor instead of a React ref object.\n */\nexport function getItemElement(ref: Accessor<HTMLElement | null>, key: Key): HTMLElement | null {\n  const root = ref();\n  if (!root) {\n    return null;\n  }\n  let selector = `[data-key=\"${CSS.escape(String(key))}\"]`;\n  const collectionId = root.dataset.collection;\n  if (collectionId) {\n    selector = `[data-collection=\"${CSS.escape(collectionId)}\"]${selector}`;\n  }\n  return root.querySelector<HTMLElement>(selector);\n}\n\n/**\n * A stable, SSR-safe id for a collection, shared between the collection\n * container and its items so {@link getItemElement} can scope a query by\n * `data-collection` (needed to disambiguate nested collections).\n *\n * Divergence from upstream: React's `useCollectionId` keys this WeakMap by the\n * collection object and relies on a render-stable `useId`. A Solid collection is\n * rebuilt with a new identity whenever its items change, so we key by the\n * SelectionManager instance instead — it is created once and never replaced, so\n * the container and its items always resolve to the same entry — and generate\n * the id with our SSR-safe `createId`.\n */\nconst collectionIdMap = new WeakMap<object, string>();\n\n/**\n * Registers (on first call) and returns the collection id for a SelectionManager.\n * The collection container calls this; its items read the same id via\n * {@link getCollectionId}. Must be called within a reactive owner (uses createId).\n */\nexport function registerCollectionId(manager: object): string {\n  let id = collectionIdMap.get(manager);\n  if (id == null) {\n    id = createId();\n    collectionIdMap.set(manager, id);\n  }\n  return id;\n}\n\n/**\n * Returns the collection id registered for a SelectionManager, or `undefined`\n * when its container has not registered one (e.g. an item not yet wired into a\n * `createSelectableCollection`). A Solid `undefined` attribute is omitted, so an\n * unregistered item simply renders no `data-collection`.\n */\nexport function getCollectionId(manager: object): string | undefined {\n  return collectionIdMap.get(manager);\n}\n\n/** The modifier-key fields consulted by {@link isNonContiguousSelectionModifier}. */\ninterface ModifierKeyEvent {\n  altKey?: boolean;\n  ctrlKey?: boolean;\n}\n\n/**\n * Returns whether the modifier for non-contiguous (toggle) keyboard selection\n * is pressed. Mirrors `@react-aria/selection`'s `isNonContiguousSelectionModifier`:\n * Ctrl + Arrow Up/Down has a system-wide meaning on macOS, so Apple devices use\n * Alt instead; Windows and Ubuntu use Ctrl.\n */\nexport function isNonContiguousSelectionModifier(e: ModifierKeyEvent): boolean {\n  return isAppleDevice() ? e.altKey === true : e.ctrlKey === true;\n}\n","/**\n * The aria-layer selection decision, mirroring `@react-aria/selection`'s\n * `useSelectableItem` `onSelect`. This is where the platform-aware modifier\n * resolution lives — react-stately's `SelectionManager.select` only knows\n * `pointerType` + `selectionBehavior`; the ctrl/meta/shift decision belongs one\n * layer up, here, where `isMac` is reachable.\n *\n * The link branch (`linkBehavior` 'selection'/'override'/'none') is deferred to\n * `createSelectableItem` (Phase 1 of the press-path epic); callers here pass\n * non-link items.\n */\n\nimport type { Accessor } from \"solid-js\";\nimport type {\n  Collection,\n  Key,\n  SelectionBehavior,\n  SelectionMode,\n  SelectionPressEvent,\n} from \"@proyecto-viviana/solid-stately\";\n\nimport { isCtrlKeyPressed } from \"../utils/keyboard\";\nimport { isNonContiguousSelectionModifier } from \"./utils\";\n\nexport interface SelectItemState {\n  readonly selectionMode: Accessor<SelectionMode>;\n  readonly selectionBehavior: Accessor<SelectionBehavior>;\n  readonly disallowEmptySelection: Accessor<boolean>;\n  isSelected(key: Key): boolean;\n  toggleSelection(key: Key): void;\n  replaceSelection(key: Key): void;\n  extendSelection(toKey: Key, collection: Collection): void;\n}\n\n/**\n * Resolve a press/keyboard interaction into a selection mutation on `manager`,\n * faithful to `useSelectableItem.onSelect`. `collection` is required for the\n * shift-extend (contiguous range) path.\n */\nexport function selectItem(\n  manager: SelectItemState,\n  key: Key,\n  e: SelectionPressEvent,\n  collection: Collection,\n): void {\n  // A keyboard non-contiguous modifier (Alt on Apple devices, Ctrl elsewhere)\n  // always toggles, independent of mode/behavior.\n  if (e.pointerType === \"keyboard\" && isNonContiguousSelectionModifier(e)) {\n    manager.toggleSelection(key);\n    return;\n  }\n\n  if (manager.selectionMode() === \"none\") {\n    return;\n  }\n\n  if (manager.selectionMode() === \"single\") {\n    // Single mode ignores selectionBehavior. Re-selecting the current item\n    // deselects it when empty selection is allowed; otherwise it stays\n    // selected (replace).\n    if (manager.isSelected(key) && !manager.disallowEmptySelection()) {\n      manager.toggleSelection(key);\n    } else {\n      manager.replaceSelection(key);\n    }\n  } else if (e.shiftKey) {\n    manager.extendSelection(key, collection);\n  } else if (\n    manager.selectionBehavior() === \"toggle\" ||\n    isCtrlKeyPressed(e) ||\n    e.pointerType === \"touch\" ||\n    e.pointerType === \"virtual\"\n  ) {\n    // touch / virtual (VoiceOver) have no modifier keys, so multi-select is\n    // only reachable by toggling.\n    manager.toggleSelection(key);\n  } else {\n    manager.replaceSelection(key);\n  }\n}\n","/**\n * createSelectableItem - handles interactions with an item in a selectable\n * collection. Port of `@react-aria/selection`'s `useSelectableItem`.\n *\n * This encapsulates the full press-path action model: the\n * selection-vs-action decision per pointer type, the press-up-vs-press timing\n * (menus select on press up, rows on press down), the keyboard Space/Enter\n * split, double-click secondary actions, and long-press-to-toggle. The\n * selection decision itself is delegated to the aria-layer {@link selectItem}\n * (Phase 0), which is also where the platform-aware modifier resolution lives.\n *\n * Documented adaptations from upstream (React → Solid / our thinner state):\n * - **Link model is prop-threaded.** Our collection nodes don't expose\n *   `manager.isLink`/`manager.getItemProps`, so link items pass `isLink` /\n *   `href` / `routerOptions` via options and navigation goes through\n *   {@link openLink} (we have no `RouterProvider` context).\n * - **Selection manager shape is structural.** ListState passes its\n *   SelectionManager; grid-like states pass an adapter with the same observable\n *   surface. `canSelectItem` is read from that surface when available so\n *   `disabledBehavior: 'selection'` keeps actions enabled while selection stays\n *   blocked.\n * - **Virtual focus** guards real DOM focus and updates the focused key on\n *   press; we have no `moveVirtualFocus`, so no AT cursor move is dispatched.\n * - **`onDragStart`** is bubble phase (upstream uses capture to beat `useDrag`);\n *   wired to capture when drag-and-drop integration lands.\n * - **`getItemProps` press-handler chaining** (collection-provided press\n *   handlers) is omitted — our nodes don't carry them.\n */\n\nimport { createEffect, createUniqueId, type Accessor, type JSX } from \"solid-js\";\nimport type {\n  Collection,\n  DisabledBehavior,\n  FocusStrategy,\n  Key,\n  Selection,\n  SelectionBehavior,\n} from \"@proyecto-viviana/solid-stately\";\nimport { createPress, type PressEvent } from \"../interactions/createPress\";\nimport { createLongPress } from \"../interactions/createLongPress\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { focusSafely } from \"../utils/focus\";\nimport { getOwnerDocument, getEventTarget, openLink } from \"../utils/dom\";\nimport { getCollectionId, isNonContiguousSelectionModifier } from \"./utils\";\nimport { selectItem, type SelectItemState } from \"./selectItem\";\nimport { createDragSession } from \"../dnd/DragManager\";\n\n/**\n * DOM event dispatched when an item action is performed. Mirrors upstream's\n * `react-aria-item-action`; combobox/autocomplete listen for it to close on\n * action. Exported so emitter and listener share one constant.\n */\nexport const ITEM_ACTION_EVENT = \"solidaria:item-action\";\n\n/** How links in the collection behave relative to selection and actions. */\nexport type LinkBehavior = \"action\" | \"selection\" | \"override\" | \"none\";\n\nexport interface CreateSelectableItemOptions {\n  /** A unique key for the item. */\n  key: Key;\n  /** Optional DOM id for the item element. Defaults to a generated id. */\n  id?: string;\n  /**\n   * By default, selection occurs on pointer down. Set to select on pointer up\n   * instead — useful when selecting an item makes the UI disappear (e.g. menus).\n   */\n  shouldSelectOnPressUp?: boolean;\n  /**\n   * Whether selection may trigger on a pointer up whose pointer down occurred on\n   * a different target (e.g. press down on the menu trigger, up on a menu item).\n   */\n  allowsDifferentPressOrigin?: boolean;\n  /** Whether the item is contained in a virtual scroller. */\n  isVirtualized?: boolean;\n  /** Function to focus the item, overriding the default DOM focus. */\n  focus?: () => void;\n  /** Whether the item should use virtual focus instead of receiving DOM focus. */\n  shouldUseVirtualFocus?: boolean;\n  /** Whether the item is disabled. */\n  isDisabled?: boolean;\n  /**\n   * Handler called when the user performs an action on the item. The triggering\n   * event depends on the collection's `selectionBehavior` and the modality.\n   */\n  onAction?: (event: PressEvent | MouseEvent) => void;\n  /**\n   * The behavior of links in the collection.\n   * - `action`: link behaves like onAction.\n   * - `selection`: link follows selection interactions (e.g. URL drives selection).\n   * - `override`: links override all other interactions (link items aren't selectable).\n   * - `none`: links are disabled for both selection and actions.\n   * @default 'action'\n   */\n  linkBehavior?: LinkBehavior;\n  /** Whether this item is a link (prop-threaded; our nodes don't expose `isLink`). */\n  isLink?: boolean;\n  /** The link target URL, when `isLink`. */\n  href?: string;\n  /** Router options forwarded to navigation, when `isLink`. */\n  routerOptions?: Record<string, unknown>;\n  /**\n   * Unstable upstream override that forces an item with `onAction` to treat the\n   * action as primary (single click), even when it is selectable.\n   */\n  UNSTABLE_itemBehavior?: \"selection\" | \"action\";\n}\n\nexport interface SelectableItemAria {\n  /** Props to spread on the item root element. */\n  itemProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the item is currently pressed. */\n  isPressed: Accessor<boolean>;\n  /** Whether the item is currently selected. */\n  isSelected: Accessor<boolean>;\n  /** Whether the item is currently focused. */\n  isFocused: Accessor<boolean>;\n  /** Whether the item is non-interactive (selection and actions both disabled). */\n  isDisabled: Accessor<boolean>;\n  /** Whether the item may be selected. */\n  allowsSelection: Accessor<boolean>;\n  /** Whether the item has an action (primary or secondary). */\n  hasAction: Accessor<boolean>;\n}\n\nexport interface SelectableItemState<T> extends SelectItemState {\n  /** The collection the item belongs to. */\n  readonly collection: Accessor<Collection<T>>;\n  /** Whether the collection is currently focused. */\n  readonly isFocused: Accessor<boolean>;\n  /** Sets whether the collection is focused. */\n  setFocused(isFocused: boolean): void;\n  /** The currently focused key in the collection. */\n  readonly focusedKey: Accessor<Key | null>;\n  /** The strategy for child focus, when applicable. */\n  readonly childFocusStrategy?: Accessor<FocusStrategy | null>;\n  /** Sets the focused key. */\n  setFocusedKey(key: Key | null, childFocusStrategy?: FocusStrategy): void;\n  /** The currently selected keys. */\n  readonly selectedKeys: Accessor<Selection>;\n  /** Disabled keys for the collection. */\n  readonly disabledKeys: Accessor<Set<Key>>;\n  /** How disabled keys behave. */\n  readonly disabledBehavior: Accessor<DisabledBehavior>;\n  /** Whether selection is empty. */\n  readonly isEmpty: Accessor<boolean>;\n  /** Whether all selectable items are selected. */\n  readonly isSelectAll?: Accessor<boolean>;\n  /** Whether the key is fully disabled for interaction. */\n  isDisabled(key: Key): boolean;\n  /** Whether the key may be selected. Defaults to SelectionManager when present. */\n  canSelectItem?(key: Key): boolean;\n  /** Set the selection behavior for the collection. */\n  setSelectionBehavior(behavior: SelectionBehavior): void;\n  /** Set multiple selected keys. */\n  setSelectedKeys(keys: Iterable<Key>): void;\n  /** Select all selectable keys. */\n  selectAll(): void;\n  /** Clear selection. */\n  clearSelection(): void;\n  /** Toggle select all. */\n  toggleSelectAll(): void;\n  /** Optional stable object used by selectable collections for DOM scoping. */\n  readonly selectionManager?: {\n    canSelectItem?(key: Key): boolean;\n  } & object;\n}\n\nconst isActionKey = (key: string | undefined) => key === \"Enter\";\nconst isSelectionKey = (key: string | undefined) => key === \" \";\n\n/**\n * Provides the behavior and accessibility implementation for an item in a\n * selectable collection.\n */\nexport function createSelectableItem<T>(\n  options: MaybeAccessor<CreateSelectableItemOptions>,\n  manager: SelectableItemState<T>,\n  ref: () => HTMLElement | null,\n): SelectableItemAria {\n  const getOptions = () => access(options);\n  const generatedId = createUniqueId();\n\n  const key = () => getOptions().key;\n  const id = () => getOptions().id ?? generatedId;\n  const linkBehavior = (): LinkBehavior => getOptions().linkBehavior ?? \"action\";\n  const shouldUseVirtualFocus = () => getOptions().shouldUseVirtualFocus ?? false;\n  const allowsDifferentPressOrigin = () => getOptions().allowsDifferentPressOrigin ?? false;\n  const shouldSelectOnPressUp = () => getOptions().shouldSelectOnPressUp ?? false;\n  const isLink = () => getOptions().isLink ?? !!getOptions().href;\n\n  const collection = (): Collection<T> => manager.collection();\n\n  // Final disabled state: explicitly disabled, or disabled by the collection.\n  const isDisabled = () => getOptions().isDisabled === true || manager.isDisabled(key());\n\n  // Mirrors SelectionManager.canSelectItem, while allowing grid/table/tree\n  // adapters to expose the raw selection-disabled check separately from\n  // interaction disabled.\n  const canSelectItem = () => {\n    const k = key();\n    return (\n      manager.canSelectItem?.(k) ??\n      manager.selectionManager?.canSelectItem?.(k) ??\n      (manager.selectionMode() !== \"none\" && !manager.isDisabled(k))\n    );\n  };\n\n  const isLinkOverride = () => isLink() && linkBehavior() === \"override\";\n  const isActionOverride = () =>\n    getOptions().onAction != null && getOptions().UNSTABLE_itemBehavior === \"action\";\n  const hasLinkAction = () =>\n    isLink() && linkBehavior() !== \"selection\" && linkBehavior() !== \"none\";\n\n  const allowsSelection = () =>\n    !isDisabled() && canSelectItem() && !isLinkOverride() && !isActionOverride();\n  const allowsActions = () => (getOptions().onAction != null || hasLinkAction()) && !isDisabled();\n\n  // With checkbox selection (behavior 'toggle'), onAction is primary and occurs\n  // on a single click. With highlight selection (behavior 'replace'), onAction\n  // is secondary and occurs on double click; single click selects.\n  const hasPrimaryAction = () =>\n    allowsActions() &&\n    (manager.selectionBehavior() === \"replace\"\n      ? !allowsSelection()\n      : !allowsSelection() || manager.isEmpty());\n  const hasSecondaryAction = () =>\n    allowsActions() && allowsSelection() && manager.selectionBehavior() === \"replace\";\n  const hasAction = () => hasPrimaryAction() || hasSecondaryAction();\n\n  const longPressEnabled = () => hasAction() && allowsSelection();\n\n  // Plain mutable state (no reactivity needed): the modality of the active press\n  // and snapshots captured at press start.\n  let modality: PressEvent[\"pointerType\"] | null = null;\n  let longPressEnabledOnPressStart = false;\n  let hadPrimaryActionOnPressStart = false;\n\n  const isSelected = () => manager.selectionMode() !== \"none\" && manager.isSelected(key());\n  const isFocused = () => manager.isFocused() && manager.focusedKey() === key();\n\n  // The aria-layer selection decision, with the link branch (deferred from\n  // selectItem) layered in. Mirrors useSelectableItem.onSelect.\n  const onSelect = (e: PressEvent) => {\n    const k = key();\n    if (e.pointerType === \"keyboard\" && isNonContiguousSelectionModifier(e)) {\n      manager.toggleSelection(k);\n      return;\n    }\n\n    if (manager.selectionMode() === \"none\") {\n      return;\n    }\n\n    if (isLink()) {\n      if (linkBehavior() === \"selection\") {\n        const el = ref();\n        if (el instanceof HTMLAnchorElement) {\n          openLink(el, e as unknown as Event);\n        }\n        // Restore the prior selection so select/combobox close cleanly.\n        const sel = manager.selectedKeys();\n        if (sel !== \"all\") {\n          manager.setSelectedKeys(sel);\n        }\n        return;\n      } else if (linkBehavior() === \"override\" || linkBehavior() === \"none\") {\n        return;\n      }\n    }\n\n    selectItem(manager, k, e, collection());\n  };\n\n  const performAction = (e: PressEvent | MouseEvent) => {\n    const o = getOptions();\n    if (o.onAction) {\n      o.onAction(e);\n      ref()?.dispatchEvent(new CustomEvent(ITEM_ACTION_EVENT, { bubbles: true }));\n    }\n\n    if (hasLinkAction()) {\n      const el = ref();\n      if (el instanceof HTMLAnchorElement) {\n        openLink(el, e as unknown as Event);\n      }\n    }\n  };\n\n  // Focus the associated DOM node when this item becomes the focused key. This\n  // is the imperative half of roving tabindex — the tabIndex 0/-1 swap below is\n  // only declarative.\n  const dragSession = createDragSession();\n  createEffect(() => {\n    // While a keyboard drag session is active, real DOM focus is owned by the\n    // DragManager (it lives on drop indicators / the collection), and upstream's\n    // React `useSelectableItem` focus effect provably cannot re-run mid-drag —\n    // its dep array `[ref, key, focusedKey, childFocusStrategy, isFocused]` stays\n    // frozen. Our reactive effect would otherwise re-fire and steal focus back\n    // onto the focused option, bouncing focus off the drop indicator. Reading the\n    // reactive drag-session accessor here also re-runs this effect once the drag\n    // ends, restoring normal roving-tabindex focus.\n    if (dragSession()) {\n      return;\n    }\n\n    if (key() !== manager.focusedKey() || !manager.isFocused()) {\n      return;\n    }\n\n    const o = getOptions();\n    if (!shouldUseVirtualFocus()) {\n      if (o.focus) {\n        o.focus();\n      } else {\n        const el = ref();\n        if (el && getOwnerDocument(el).activeElement !== el) {\n          focusSafely(el);\n        }\n      }\n    }\n    // Virtual focus: no moveVirtualFocus equivalent in our port (documented gap).\n  });\n\n  const { pressProps, isPressed } = createPress({\n    get isDisabled() {\n      // Press is only wired when the item is interactive (see the merge below),\n      // but guard here too so disabled items never fire press handlers.\n      return !(\n        allowsSelection() ||\n        hasPrimaryAction() ||\n        (shouldUseVirtualFocus() && !isDisabled())\n      );\n    },\n    get preventFocusOnPress() {\n      return shouldUseVirtualFocus();\n    },\n    onPressStart(e) {\n      modality = e.pointerType;\n      longPressEnabledOnPressStart = longPressEnabled();\n\n      if (shouldSelectOnPressUp()) {\n        // Selection still happens on key down for the keyboard.\n        if (e.pointerType === \"keyboard\" && (!hasAction() || isSelectionKey(e.key))) {\n          onSelect(e);\n        }\n      } else {\n        hadPrimaryActionOnPressStart = hasPrimaryAction();\n        // Select on mouse down unless a primary action will occur on mouse up.\n        // For keyboard, select on key down; with an action, Space selects on key\n        // down and Enter performs the action on key up.\n        if (\n          allowsSelection() &&\n          ((e.pointerType === \"mouse\" && !hasPrimaryAction()) ||\n            (e.pointerType === \"keyboard\" && (!allowsActions() || isSelectionKey(e.key))))\n        ) {\n          onSelect(e);\n        }\n      }\n\n      // When using virtual focus, update the focused key on (non-touch) press.\n      if (shouldUseVirtualFocus() && e.pointerType !== \"touch\") {\n        manager.setFocused(true);\n        manager.setFocusedKey(key());\n      }\n    },\n    onPressUp(e) {\n      // Only relevant for press-up selection with a different press origin and\n      // no primary action: select on the mouse up itself.\n      if (\n        shouldSelectOnPressUp() &&\n        allowsDifferentPressOrigin() &&\n        !hasPrimaryAction() &&\n        e.pointerType === \"mouse\" &&\n        allowsSelection()\n      ) {\n        onSelect(e);\n      }\n    },\n    onPress(e) {\n      if (shouldSelectOnPressUp()) {\n        if (!allowsDifferentPressOrigin()) {\n          if (hasPrimaryAction() || (hasSecondaryAction() && e.pointerType !== \"mouse\")) {\n            if (e.pointerType === \"keyboard\" && !isActionKey(e.key)) {\n              return;\n            }\n            performAction(e);\n          } else if (e.pointerType !== \"keyboard\" && allowsSelection()) {\n            onSelect(e);\n          }\n        } else if (hasPrimaryAction()) {\n          performAction(e);\n        } else if (e.pointerType !== \"keyboard\" && e.pointerType !== \"mouse\" && allowsSelection()) {\n          onSelect(e);\n        }\n      } else if (\n        // Selection on touch up; primary actions on pointer up. Both primary and\n        // secondary actions on Enter key up. Secondary mouse actions go through\n        // double click (below), not here.\n        e.pointerType === \"touch\" ||\n        e.pointerType === \"pen\" ||\n        e.pointerType === \"virtual\" ||\n        (e.pointerType === \"keyboard\" && hasAction() && isActionKey(e.key)) ||\n        (e.pointerType === \"mouse\" && hadPrimaryActionOnPressStart)\n      ) {\n        if (hasAction()) {\n          performAction(e);\n        } else if (allowsSelection()) {\n          onSelect(e);\n        }\n      }\n\n      // When using virtual focus, update the focused key on a touch press.\n      if (shouldUseVirtualFocus() && e.pointerType === \"touch\") {\n        manager.setFocused(true);\n        manager.setFocusedKey(key());\n      }\n    },\n  });\n\n  // Long pressing an item with touch when selectionBehavior = 'replace' switches\n  // to 'toggle': single tap now selects (and toggles checkbox affordances)\n  // instead of performing the action.\n  const { longPressProps } = createLongPress({\n    get isDisabled() {\n      return !longPressEnabled();\n    },\n    onLongPress(e) {\n      if (e.pointerType === \"touch\") {\n        onSelect(e as unknown as PressEvent);\n        manager.setSelectionBehavior(\"toggle\");\n      }\n    },\n  });\n\n  // Double clicking with a mouse with selectionBehavior = 'replace' performs the\n  // secondary action.\n  const onDblClick = (e: MouseEvent) => {\n    if (!hasSecondaryAction()) return;\n    if (modality === \"mouse\") {\n      e.stopPropagation();\n      e.preventDefault();\n      performAction(e as unknown as PressEvent);\n    }\n  };\n\n  // Prevent native drag and drop on long press when we also select on long\n  // press. Upstream uses a capturing listener to beat useDrag; we use bubble\n  // until drag-and-drop integration lands (documented adaptation).\n  const onDragStart = (e: DragEvent) => {\n    if (modality === \"touch\" && longPressEnabledOnPressStart) {\n      e.preventDefault();\n    }\n  };\n\n  // Prevent native link clicks so we control exactly when they open (matching\n  // selection behavior).\n  const onClick = (e: MouseEvent) => {\n    if (linkBehavior() !== \"none\" && isLink()) {\n      if (!(openLink as { isOpening?: boolean }).isOpening) {\n        e.preventDefault();\n      }\n    }\n  };\n\n  return {\n    get itemProps(): JSX.HTMLAttributes<HTMLElement> {\n      const k = key();\n      const disabled = isDisabled();\n\n      const baseProps: Record<string, unknown> = {\n        \"data-key\": String(k),\n        // Scopes this item to its collection for getItemElement. Resolves to a\n        // value only once a createSelectableCollection container has registered\n        // the manager; otherwise undefined (Solid omits the attribute).\n        \"data-collection\": getCollectionId(manager.selectionManager ?? manager),\n      };\n\n      // Roving tabindex: only the focused item is tabbable. With virtual focus,\n      // omit tabIndex entirely (so iOS VoiceOver doesn't pull real focus).\n      if (!shouldUseVirtualFocus() && !disabled) {\n        baseProps.tabIndex = k === manager.focusedKey() ? 0 : -1;\n        baseProps.onFocus = (e: FocusEvent) => {\n          if (getEventTarget(e) === ref()) {\n            manager.setFocusedKey(k);\n          }\n        };\n      } else if (disabled) {\n        // Prevent focus going to the body when clicking a disabled item.\n        baseProps.onMouseDown = (e: MouseEvent) => e.preventDefault();\n      }\n\n      const interactive =\n        allowsSelection() || hasPrimaryAction() || (shouldUseVirtualFocus() && !disabled);\n\n      return mergeProps(\n        baseProps,\n        interactive ? (pressProps as Record<string, unknown>) : {},\n        longPressEnabled() ? (longPressProps as Record<string, unknown>) : {},\n        { onDblClick, onDragStart, onClick, id: id() },\n        // Prevent DOM focus from moving on mouse down when using virtual focus.\n        shouldUseVirtualFocus() ? { onMouseDown: (e: MouseEvent) => e.preventDefault() } : {},\n      ) as JSX.HTMLAttributes<HTMLElement>;\n    },\n    isPressed,\n    isSelected,\n    isFocused,\n    isDisabled,\n    allowsSelection,\n    hasAction,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"createSelectableItem.js","names":[],"sources":["../../src/selection/utils.ts","../../src/selection/selectItem.ts","../../src/selection/createSelectableItem.ts"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/selection/utils.ts\n\n/**\n * Selection helpers shared across collection item hooks.\n * Ported from packages/react-aria/src/selection/utils.ts.\n */\n\nimport type { Accessor } from \"solid-js\";\nimport type { Key } from \"@proyecto-viviana/solid-stately\";\nimport { isAppleDevice } from \"../utils/platform\";\nimport { createId } from \"../ssr\";\n\n/**\n * Resolves the DOM element rendered for a collection item by its key, scoped to\n * the owning collection when a `data-collection` id is present. Mirrors\n * `@react-aria/selection`'s `getItemElement`, adapted to take a Solid ref\n * accessor instead of a React ref object.\n */\nexport function getItemElement(ref: Accessor<HTMLElement | null>, key: Key): HTMLElement | null {\n  const root = ref();\n  if (!root) {\n    return null;\n  }\n  let selector = `[data-key=\"${CSS.escape(String(key))}\"]`;\n  const collectionId = root.dataset.collection;\n  if (collectionId) {\n    selector = `[data-collection=\"${CSS.escape(collectionId)}\"]${selector}`;\n  }\n  return root.querySelector<HTMLElement>(selector);\n}\n\n/**\n * A stable, SSR-safe id for a collection, shared between the collection\n * container and its items so {@link getItemElement} can scope a query by\n * `data-collection` (needed to disambiguate nested collections).\n *\n * Divergence from upstream: React's `useCollectionId` keys this WeakMap by the\n * collection object and relies on a render-stable `useId`. A Solid collection is\n * rebuilt with a new identity whenever its items change, so we key by the\n * SelectionManager instance instead — it is created once and never replaced, so\n * the container and its items always resolve to the same entry — and generate\n * the id with our SSR-safe `createId`.\n */\nconst collectionIdMap = new WeakMap<object, string>();\n\n/**\n * Registers (on first call) and returns the collection id for a SelectionManager.\n * The collection container calls this; its items read the same id via\n * {@link getCollectionId}. Must be called within a reactive owner (uses createId).\n */\nexport function registerCollectionId(manager: object): string {\n  let id = collectionIdMap.get(manager);\n  if (id == null) {\n    id = createId();\n    collectionIdMap.set(manager, id);\n  }\n  return id;\n}\n\n/**\n * Returns the collection id registered for a SelectionManager, or `undefined`\n * when its container has not registered one (e.g. an item not yet wired into a\n * `createSelectableCollection`). A Solid `undefined` attribute is omitted, so an\n * unregistered item simply renders no `data-collection`.\n */\nexport function getCollectionId(manager: object): string | undefined {\n  return collectionIdMap.get(manager);\n}\n\n/** The modifier-key fields consulted by {@link isNonContiguousSelectionModifier}. */\ninterface ModifierKeyEvent {\n  altKey?: boolean;\n  ctrlKey?: boolean;\n}\n\n/**\n * Returns whether the modifier for non-contiguous (toggle) keyboard selection\n * is pressed. Mirrors `@react-aria/selection`'s `isNonContiguousSelectionModifier`:\n * Ctrl + Arrow Up/Down has a system-wide meaning on macOS, so Apple devices use\n * Alt instead; Windows and Ubuntu use Ctrl.\n */\nexport function isNonContiguousSelectionModifier(e: ModifierKeyEvent): boolean {\n  return isAppleDevice() ? e.altKey === true : e.ctrlKey === true;\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/selection/useSelectableItem.ts\n\n/**\n * The aria-layer selection decision, mirroring `@react-aria/selection`'s\n * `useSelectableItem` `onSelect`. This is where the platform-aware modifier\n * resolution lives — react-stately's `SelectionManager.select` only knows\n * `pointerType` + `selectionBehavior`; the ctrl/meta/shift decision belongs one\n * layer up, here, where `isMac` is reachable.\n *\n * The link branch (`linkBehavior` 'selection'/'override'/'none') is deferred to\n * `createSelectableItem` (Phase 1 of the press-path epic); callers here pass\n * non-link items.\n */\n\nimport type { Accessor } from \"solid-js\";\nimport type {\n  Collection,\n  Key,\n  SelectionBehavior,\n  SelectionMode,\n  SelectionPressEvent,\n} from \"@proyecto-viviana/solid-stately\";\n\nimport { isCtrlKeyPressed } from \"../utils/keyboard\";\nimport { isNonContiguousSelectionModifier } from \"./utils\";\n\nexport interface SelectItemState {\n  readonly selectionMode: Accessor<SelectionMode>;\n  readonly selectionBehavior: Accessor<SelectionBehavior>;\n  readonly disallowEmptySelection: Accessor<boolean>;\n  isSelected(key: Key): boolean;\n  toggleSelection(key: Key): void;\n  replaceSelection(key: Key): void;\n  extendSelection(toKey: Key, collection: Collection): void;\n}\n\n/**\n * Resolve a press/keyboard interaction into a selection mutation on `manager`,\n * faithful to `useSelectableItem.onSelect`. `collection` is required for the\n * shift-extend (contiguous range) path.\n */\nexport function selectItem(\n  manager: SelectItemState,\n  key: Key,\n  e: SelectionPressEvent,\n  collection: Collection,\n): void {\n  // A keyboard non-contiguous modifier (Alt on Apple devices, Ctrl elsewhere)\n  // always toggles, independent of mode/behavior.\n  if (e.pointerType === \"keyboard\" && isNonContiguousSelectionModifier(e)) {\n    manager.toggleSelection(key);\n    return;\n  }\n\n  if (manager.selectionMode() === \"none\") {\n    return;\n  }\n\n  if (manager.selectionMode() === \"single\") {\n    // Single mode ignores selectionBehavior. Re-selecting the current item\n    // deselects it when empty selection is allowed; otherwise it stays\n    // selected (replace).\n    if (manager.isSelected(key) && !manager.disallowEmptySelection()) {\n      manager.toggleSelection(key);\n    } else {\n      manager.replaceSelection(key);\n    }\n  } else if (e.shiftKey) {\n    manager.extendSelection(key, collection);\n  } else if (\n    manager.selectionBehavior() === \"toggle\" ||\n    isCtrlKeyPressed(e) ||\n    e.pointerType === \"touch\" ||\n    e.pointerType === \"virtual\"\n  ) {\n    // touch / virtual (VoiceOver) have no modifier keys, so multi-select is\n    // only reachable by toggling.\n    manager.toggleSelection(key);\n  } else {\n    manager.replaceSelection(key);\n  }\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/selection/useSelectableItem.ts\n\n/**\n * createSelectableItem - handles interactions with an item in a selectable\n * collection. Port of `@react-aria/selection`'s `useSelectableItem`.\n *\n * This encapsulates the full press-path action model: the\n * selection-vs-action decision per pointer type, the press-up-vs-press timing\n * (menus select on press up, rows on press down), the keyboard Space/Enter\n * split, double-click secondary actions, and long-press-to-toggle. The\n * selection decision itself is delegated to the aria-layer {@link selectItem}\n * (Phase 0), which is also where the platform-aware modifier resolution lives.\n *\n * Documented adaptations from upstream (React → Solid / our thinner state):\n * - **Link model is prop-threaded.** Our collection nodes don't expose\n *   `manager.isLink`/`manager.getItemProps`, so link items pass `isLink` /\n *   `href` / `routerOptions` via options and navigation goes through\n *   {@link openLink} (we have no `RouterProvider` context).\n * - **Selection manager shape is structural.** ListState passes its\n *   SelectionManager; grid-like states pass an adapter with the same observable\n *   surface. `canSelectItem` is read from that surface when available so\n *   `disabledBehavior: 'selection'` keeps actions enabled while selection stays\n *   blocked.\n * - **Virtual focus** guards real DOM focus and updates the focused key on\n *   press. Ticket #100 tracks the missing AT cursor move.\n * - **`onDragStart`** uses the bubble phase. Ticket #84 owns the capture-phase\n *   integration with drag and drop.\n * - **`getItemProps` press-handler chaining** is omitted because our nodes do\n *   not carry collection-provided press handlers. Ticket #97 owns this boundary.\n */\n\nimport { createUniqueId, createTrackedEffect } from \"solid-js\";\nimport type { Accessor } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport type {\n  Collection,\n  DisabledBehavior,\n  FocusStrategy,\n  Key,\n  Selection,\n  SelectionBehavior,\n} from \"@proyecto-viviana/solid-stately\";\nimport { createPress, type PressEvent } from \"../interactions/createPress\";\nimport { createLongPress } from \"../interactions/createLongPress\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { access, type MaybeAccessor } from \"../utils/reactivity\";\nimport { focusSafely } from \"../utils/focus\";\nimport { getOwnerDocument, getEventTarget, openLink } from \"../utils/dom\";\nimport { getCollectionId, isNonContiguousSelectionModifier } from \"./utils\";\nimport { selectItem, type SelectItemState } from \"./selectItem\";\nimport { createDragSession } from \"../dnd/DragManager\";\n\n/**\n * DOM event dispatched when an item action is performed. Mirrors upstream's\n * `react-aria-item-action`; combobox/autocomplete listen for it to close on\n * action. Exported so emitter and listener share one constant.\n */\nexport const ITEM_ACTION_EVENT = \"solidaria:item-action\";\n\n/** How links in the collection behave relative to selection and actions. */\nexport type LinkBehavior = \"action\" | \"selection\" | \"override\" | \"none\";\n\nexport interface CreateSelectableItemOptions {\n  /** A unique key for the item. */\n  key: Key;\n  /** Optional DOM id for the item element. Defaults to a generated id. */\n  id?: string;\n  /**\n   * By default, selection occurs on pointer down. Set to select on pointer up\n   * instead — useful when selecting an item makes the UI disappear (e.g. menus).\n   */\n  shouldSelectOnPressUp?: boolean;\n  /**\n   * Whether selection may trigger on a pointer up whose pointer down occurred on\n   * a different target (e.g. press down on the menu trigger, up on a menu item).\n   */\n  allowsDifferentPressOrigin?: boolean;\n  /** Whether the item is contained in a virtual scroller. */\n  isVirtualized?: boolean;\n  /** Function to focus the item, overriding the default DOM focus. */\n  focus?: () => void;\n  /** Whether the item should use virtual focus instead of receiving DOM focus. */\n  shouldUseVirtualFocus?: boolean;\n  /** Whether the item is disabled. */\n  isDisabled?: boolean;\n  /**\n   * Handler called when the user performs an action on the item. The triggering\n   * event depends on the collection's `selectionBehavior` and the modality.\n   */\n  onAction?: (event: PressEvent | MouseEvent) => void;\n  /**\n   * The behavior of links in the collection.\n   * - `action`: link behaves like onAction.\n   * - `selection`: link follows selection interactions (e.g. URL drives selection).\n   * - `override`: links override all other interactions (link items aren't selectable).\n   * - `none`: links are disabled for both selection and actions.\n   * @default 'action'\n   */\n  linkBehavior?: LinkBehavior;\n  /** Whether this item is a link (prop-threaded; our nodes don't expose `isLink`). */\n  isLink?: boolean;\n  /** The link target URL, when `isLink`. */\n  href?: string;\n  /** Router options forwarded to navigation, when `isLink`. */\n  routerOptions?: Record<string, unknown>;\n  /**\n   * Unstable upstream override that forces an item with `onAction` to treat the\n   * action as primary (single click), even when it is selectable.\n   */\n  UNSTABLE_itemBehavior?: \"selection\" | \"action\";\n}\n\nexport interface SelectableItemAria {\n  /** Props to spread on the item root element. */\n  itemProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the item is currently pressed. */\n  isPressed: Accessor<boolean>;\n  /** Whether the item is currently selected. */\n  isSelected: Accessor<boolean>;\n  /** Whether the item is currently focused. */\n  isFocused: Accessor<boolean>;\n  /** Whether the item is non-interactive (selection and actions both disabled). */\n  isDisabled: Accessor<boolean>;\n  /** Whether the item may be selected. */\n  allowsSelection: Accessor<boolean>;\n  /** Whether the item has an action (primary or secondary). */\n  hasAction: Accessor<boolean>;\n}\n\nexport interface SelectableItemState<T> extends SelectItemState {\n  /** The collection the item belongs to. */\n  readonly collection: Accessor<Collection<T>>;\n  /** Whether the collection is currently focused. */\n  readonly isFocused: Accessor<boolean>;\n  /** Sets whether the collection is focused. */\n  setFocused(isFocused: boolean): void;\n  /** The currently focused key in the collection. */\n  readonly focusedKey: Accessor<Key | null>;\n  /** The strategy for child focus, when applicable. */\n  readonly childFocusStrategy?: Accessor<FocusStrategy | null>;\n  /** Sets the focused key. */\n  setFocusedKey(key: Key | null, childFocusStrategy?: FocusStrategy): void;\n  /** The currently selected keys. */\n  readonly selectedKeys: Accessor<Selection>;\n  /** Disabled keys for the collection. */\n  readonly disabledKeys: Accessor<Set<Key>>;\n  /** How disabled keys behave. */\n  readonly disabledBehavior: Accessor<DisabledBehavior>;\n  /** Whether selection is empty. */\n  readonly isEmpty: Accessor<boolean>;\n  /** Whether all selectable items are selected. */\n  readonly isSelectAll?: Accessor<boolean>;\n  /** Whether the key is fully disabled for interaction. */\n  isDisabled(key: Key): boolean;\n  /** Whether the key may be selected. Defaults to SelectionManager when present. */\n  canSelectItem?(key: Key): boolean;\n  /** Set the selection behavior for the collection. */\n  setSelectionBehavior(behavior: SelectionBehavior): void;\n  /** Set multiple selected keys. */\n  setSelectedKeys(keys: Iterable<Key>): void;\n  /** Select all selectable keys. */\n  selectAll(): void;\n  /** Clear selection. */\n  clearSelection(): void;\n  /** Toggle select all. */\n  toggleSelectAll(): void;\n  /** Optional stable object used by selectable collections for DOM scoping. */\n  readonly selectionManager?: {\n    canSelectItem?(key: Key): boolean;\n  } & object;\n}\n\nconst isActionKey = (key: string | undefined) => key === \"Enter\";\nconst isSelectionKey = (key: string | undefined) => key === \" \";\n\n/**\n * Provides the behavior and accessibility implementation for an item in a\n * selectable collection.\n */\nexport function createSelectableItem<T>(\n  options: MaybeAccessor<CreateSelectableItemOptions>,\n  manager: SelectableItemState<T>,\n  ref: () => HTMLElement | null,\n): SelectableItemAria {\n  const getOptions = () => access(options);\n  const generatedId = createUniqueId();\n\n  const key = () => getOptions().key;\n  const id = () => getOptions().id ?? generatedId;\n  const linkBehavior = (): LinkBehavior => getOptions().linkBehavior ?? \"action\";\n  const shouldUseVirtualFocus = () => getOptions().shouldUseVirtualFocus ?? false;\n  const allowsDifferentPressOrigin = () => getOptions().allowsDifferentPressOrigin ?? false;\n  const shouldSelectOnPressUp = () => getOptions().shouldSelectOnPressUp ?? false;\n  const isLink = () => getOptions().isLink ?? !!getOptions().href;\n\n  const collection = (): Collection<T> => manager.collection();\n\n  // Final disabled state: explicitly disabled, or disabled by the collection.\n  const isDisabled = () => getOptions().isDisabled === true || manager.isDisabled(key());\n\n  // Mirrors SelectionManager.canSelectItem, while allowing grid/table/tree\n  // adapters to expose the raw selection-disabled check separately from\n  // interaction disabled.\n  const canSelectItem = () => {\n    const k = key();\n    return (\n      manager.canSelectItem?.(k) ??\n      manager.selectionManager?.canSelectItem?.(k) ??\n      (manager.selectionMode() !== \"none\" && !manager.isDisabled(k))\n    );\n  };\n\n  const isLinkOverride = () => isLink() && linkBehavior() === \"override\";\n  const isActionOverride = () =>\n    getOptions().onAction != null && getOptions().UNSTABLE_itemBehavior === \"action\";\n  const hasLinkAction = () =>\n    isLink() && linkBehavior() !== \"selection\" && linkBehavior() !== \"none\";\n\n  const allowsSelection = () =>\n    !isDisabled() && canSelectItem() && !isLinkOverride() && !isActionOverride();\n  const allowsActions = () => (getOptions().onAction != null || hasLinkAction()) && !isDisabled();\n\n  // With checkbox selection (behavior 'toggle'), onAction is primary and occurs\n  // on a single click. With highlight selection (behavior 'replace'), onAction\n  // is secondary and occurs on double click; single click selects.\n  const hasPrimaryAction = () =>\n    allowsActions() &&\n    (manager.selectionBehavior() === \"replace\"\n      ? !allowsSelection()\n      : !allowsSelection() || manager.isEmpty());\n  const hasSecondaryAction = () =>\n    allowsActions() && allowsSelection() && manager.selectionBehavior() === \"replace\";\n  const hasAction = () => hasPrimaryAction() || hasSecondaryAction();\n\n  const longPressEnabled = () => hasAction() && allowsSelection();\n\n  // Plain mutable state (no reactivity needed): the modality of the active press\n  // and snapshots captured at press start.\n  let modality: PressEvent[\"pointerType\"] | null = null;\n  let longPressEnabledOnPressStart = false;\n  let hadPrimaryActionOnPressStart = false;\n\n  const isSelected = () => manager.selectionMode() !== \"none\" && manager.isSelected(key());\n  const isFocused = () => manager.isFocused() && manager.focusedKey() === key();\n\n  const isNestedInteractiveTarget = (target: unknown): boolean => {\n    const root = ref?.();\n    if (!root || !(target instanceof Element) || target === root || !root.contains(target)) {\n      return false;\n    }\n    const interactive = target.closest(\n      'button, input, select, textarea, a[href], [data-solidaria-pressable], [role=\"button\"], [role=\"checkbox\"], [role=\"menuitem\"]',\n    );\n    return interactive != null && interactive !== root && root.contains(interactive);\n  };\n\n  // The aria-layer selection decision, with the link branch (deferred from\n  // selectItem) layered in. Mirrors useSelectableItem.onSelect.\n  const onSelect = (e: PressEvent) => {\n    const k = key();\n    if (e.pointerType === \"keyboard\" && isNonContiguousSelectionModifier(e)) {\n      manager.toggleSelection(k);\n      return;\n    }\n\n    if (manager.selectionMode() === \"none\") {\n      return;\n    }\n\n    if (isLink()) {\n      if (linkBehavior() === \"selection\") {\n        const el = ref();\n        if (el instanceof HTMLAnchorElement) {\n          openLink(el, e);\n        }\n        // Restore the prior selection so select/combobox close cleanly.\n        const sel = manager.selectedKeys();\n        if (sel !== \"all\") {\n          manager.setSelectedKeys(sel);\n        }\n        return;\n      } else if (linkBehavior() === \"override\" || linkBehavior() === \"none\") {\n        return;\n      }\n    }\n\n    selectItem(manager, k, e, collection());\n  };\n\n  const performAction = (e: PressEvent | MouseEvent) => {\n    const o = getOptions();\n    if (o.onAction) {\n      o.onAction(e);\n      ref()?.dispatchEvent(new CustomEvent(ITEM_ACTION_EVENT, { bubbles: true }));\n    }\n\n    if (hasLinkAction()) {\n      const el = ref();\n      if (el instanceof HTMLAnchorElement) {\n        openLink(el, e);\n      }\n    }\n  };\n\n  // Focus the associated DOM node when this item becomes the focused key. This\n  // is the imperative half of roving tabindex — the tabIndex 0/-1 swap below is\n  // only declarative.\n  const dragSession = createDragSession();\n  createTrackedEffect(() => {\n    // While a keyboard drag session is active, real DOM focus is owned by the\n    // DragManager (it lives on drop indicators / the collection), and upstream's\n    // React `useSelectableItem` focus effect provably cannot re-run mid-drag —\n    // its dep array `[ref, key, focusedKey, childFocusStrategy, isFocused]` stays\n    // frozen. Our reactive effect would otherwise re-fire and steal focus back\n    // onto the focused option, bouncing focus off the drop indicator. Reading the\n    // reactive drag-session accessor here also re-runs this effect once the drag\n    // ends, restoring normal roving-tabindex focus.\n    if (dragSession()) {\n      return;\n    }\n\n    if (key() !== manager.focusedKey() || !manager.isFocused()) {\n      return;\n    }\n\n    const o = getOptions();\n    if (!shouldUseVirtualFocus()) {\n      if (o.focus) {\n        o.focus();\n      } else {\n        const el = ref();\n        if (el && getOwnerDocument(el).activeElement !== el) {\n          focusSafely(el);\n        }\n      }\n    }\n    // Ticket #100 tracks the missing moveVirtualFocus call for this branch.\n  });\n\n  const { pressProps, isPressed } = createPress({\n    get isDisabled() {\n      // Press is only wired when the item is interactive (see the merge below),\n      // but guard here too so disabled items never fire press handlers.\n      return !(\n        allowsSelection() ||\n        hasPrimaryAction() ||\n        (shouldUseVirtualFocus() && !isDisabled())\n      );\n    },\n    get preventFocusOnPress() {\n      return shouldUseVirtualFocus();\n    },\n    onPressStart(e) {\n      if (isNestedInteractiveTarget(e.target)) {\n        return;\n      }\n      modality = e.pointerType;\n      longPressEnabledOnPressStart = longPressEnabled();\n\n      if (shouldSelectOnPressUp()) {\n        // Selection still happens on key down for the keyboard.\n        if (e.pointerType === \"keyboard\" && (!hasAction() || isSelectionKey(e.key))) {\n          onSelect(e);\n        }\n      } else {\n        hadPrimaryActionOnPressStart = hasPrimaryAction();\n        // Select on mouse down unless a primary action will occur on mouse up.\n        // For keyboard, select on key down; with an action, Space selects on key\n        // down and Enter performs the action on key up.\n        if (\n          allowsSelection() &&\n          ((e.pointerType === \"mouse\" && !hasPrimaryAction()) ||\n            (e.pointerType === \"keyboard\" && (!allowsActions() || isSelectionKey(e.key))))\n        ) {\n          onSelect(e);\n        }\n      }\n\n      // When using virtual focus, update the focused key on (non-touch) press.\n      if (shouldUseVirtualFocus() && e.pointerType !== \"touch\") {\n        manager.setFocused(true);\n        manager.setFocusedKey(key());\n      }\n    },\n    onPressUp(e) {\n      if (isNestedInteractiveTarget(e.target)) {\n        return;\n      }\n      // Only relevant for press-up selection with a different press origin and\n      // no primary action: select on the mouse up itself.\n      if (\n        shouldSelectOnPressUp() &&\n        allowsDifferentPressOrigin() &&\n        !hasPrimaryAction() &&\n        e.pointerType === \"mouse\" &&\n        allowsSelection()\n      ) {\n        onSelect(e);\n      }\n    },\n    onPress(e) {\n      if (isNestedInteractiveTarget(e.target)) {\n        return;\n      }\n      if (shouldSelectOnPressUp()) {\n        if (!allowsDifferentPressOrigin()) {\n          if (hasPrimaryAction() || (hasSecondaryAction() && e.pointerType !== \"mouse\")) {\n            if (e.pointerType === \"keyboard\" && !isActionKey(e.key)) {\n              return;\n            }\n            performAction(e);\n          } else if (e.pointerType !== \"keyboard\" && allowsSelection()) {\n            onSelect(e);\n          }\n        } else if (hasPrimaryAction()) {\n          performAction(e);\n        } else if (e.pointerType !== \"keyboard\" && e.pointerType !== \"mouse\" && allowsSelection()) {\n          onSelect(e);\n        }\n      } else if (\n        // Selection on touch up; primary actions on pointer up. Both primary and\n        // secondary actions on Enter key up. Secondary mouse actions go through\n        // double click (below), not here.\n        e.pointerType === \"touch\" ||\n        e.pointerType === \"pen\" ||\n        e.pointerType === \"virtual\" ||\n        (e.pointerType === \"keyboard\" && hasAction() && isActionKey(e.key)) ||\n        (e.pointerType === \"mouse\" && hadPrimaryActionOnPressStart)\n      ) {\n        if (hasAction()) {\n          performAction(e);\n        } else if (allowsSelection()) {\n          onSelect(e);\n        }\n      }\n\n      // When using virtual focus, update the focused key on a touch press.\n      if (shouldUseVirtualFocus() && e.pointerType === \"touch\") {\n        manager.setFocused(true);\n        manager.setFocusedKey(key());\n      }\n    },\n  });\n\n  // Long pressing an item with touch when selectionBehavior = 'replace' switches\n  // to 'toggle': single tap now selects (and toggles checkbox affordances)\n  // instead of performing the action.\n  const { longPressProps } = createLongPress({\n    get isDisabled() {\n      return !longPressEnabled();\n    },\n    onLongPress(e) {\n      if (e.pointerType === \"touch\") {\n        onSelect(e as unknown as PressEvent);\n        manager.setSelectionBehavior(\"toggle\");\n      }\n    },\n  });\n\n  // Double clicking with a mouse with selectionBehavior = 'replace' performs the\n  // secondary action.\n  const onDblClick = (e: MouseEvent) => {\n    if (!hasSecondaryAction()) return;\n    if (modality === \"mouse\") {\n      e.stopPropagation();\n      e.preventDefault();\n      performAction(e as unknown as PressEvent);\n    }\n  };\n\n  // Prevent native drag and drop on long press when we also select on long\n  // press. Upstream uses a capturing listener to beat useDrag. Ticket #84 owns\n  // the capture-phase integration with drag and drop.\n  const onDragStart = (e: DragEvent) => {\n    if (modality === \"touch\" && longPressEnabledOnPressStart) {\n      e.preventDefault();\n    }\n  };\n\n  // Prevent native link clicks so we control exactly when they open (matching\n  // selection behavior).\n  const onClick = (e: MouseEvent) => {\n    if (isNestedInteractiveTarget(e.target)) {\n      return;\n    }\n    if (linkBehavior() !== \"none\" && isLink()) {\n      if (!(openLink as { isOpening?: boolean }).isOpening) {\n        e.preventDefault();\n      }\n    }\n  };\n\n  return {\n    get itemProps(): JSX.HTMLAttributes<HTMLElement> {\n      const k = key();\n      const disabled = isDisabled();\n\n      const baseProps: Record<string, unknown> = {\n        \"data-key\": String(k),\n        // Scopes this item to its collection for getItemElement. Resolves to a\n        // value only once a createSelectableCollection container has registered\n        // the manager; otherwise undefined (Solid omits the attribute).\n        \"data-collection\": getCollectionId(manager.selectionManager ?? manager),\n      };\n\n      // Roving tabindex: only the focused item is tabbable. With virtual focus,\n      // omit tabIndex entirely (so iOS VoiceOver doesn't pull real focus).\n      if (!shouldUseVirtualFocus() && !disabled) {\n        baseProps.tabIndex = k === manager.focusedKey() ? 0 : -1;\n        baseProps.onFocus = (e: FocusEvent) => {\n          if (getEventTarget(e) === ref()) {\n            manager.setFocusedKey(k);\n          }\n        };\n      } else if (disabled) {\n        // Prevent focus going to the body when clicking a disabled item.\n        baseProps.onMouseDown = (e: MouseEvent) => e.preventDefault();\n      }\n\n      const interactive =\n        allowsSelection() || hasPrimaryAction() || (shouldUseVirtualFocus() && !disabled);\n\n      return mergeProps(\n        baseProps,\n        interactive ? (pressProps as Record<string, unknown>) : {},\n        longPressEnabled() ? (longPressProps as Record<string, unknown>) : {},\n        { onDblClick, onDragStart, onClick, id: id() },\n        // Prevent DOM focus from moving on mouse down when using virtual focus.\n        shouldUseVirtualFocus() ? { onMouseDown: (e: MouseEvent) => e.preventDefault() } : {},\n      ) as JSX.HTMLAttributes<HTMLElement>;\n    },\n    isPressed,\n    isSelected,\n    isFocused,\n    isDisabled,\n    allowsSelection,\n    hasAction,\n  };\n}\n"],"mappings":"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"}

package/dist/_chunk/createSelectableItem.jsx

@@ -1,12 +1,36 @@
-import { t as createPress } from "./createPress.jsx";
-import { i as mergeProps$1 } from "./env.jsx";
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/selection/useSelectableItem.ts
+/*
+* Copyright 2020 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria/src/selection/utils.ts
+import { t as mergeProps } from "./mergeProps.jsx";
+import { c as isCtrlKeyPressed } from "./utils.jsx";
 import { t as access } from "./reactivity.jsx";
-import { c as isCtrlKeyPressed, w as isAppleDevice } from "./utils.jsx";
-import { a as getEventTarget, b as openLink, s as getOwnerDocument, t as focusSafely } from "./focus.jsx";
-import { r as createLongPress } from "./interactions.jsx";
+import { G as isAppleDevice, a as getOwnerDocument, r as getEventTarget, w as focusSafely, y as openLink } from "./dom.jsx";
+import { t as createPress } from "./createPress.jsx";
+import { t as createLongPress } from "./createLongPress.jsx";
 import { createId } from "../ssr/index.jsx";
 import { n as createDragSession } from "./DragManager.jsx";
-import { createEffect, createUniqueId } from "solid-js";
+import { createTrackedEffect, createUniqueId } from "solid-js";
 //#region src/selection/utils.ts
 /**
 * Resolves the DOM element rendered for a collection item by its key, scoped to
@@ -79,9 +103,10 @@ function selectItem(manager, key, e, collection) {
 		return;
 	}
 	if (manager.selectionMode() === "none") return;
-	if (manager.selectionMode() === "single") if (manager.isSelected(key) && !manager.disallowEmptySelection()) manager.toggleSelection(key);
-	else manager.replaceSelection(key);
-	else if (e.shiftKey) manager.extendSelection(key, collection);
+	if (manager.selectionMode() === "single") {
+		if (manager.isSelected(key) && !manager.disallowEmptySelection()) manager.toggleSelection(key);
+		else manager.replaceSelection(key);
+	} else if (e.shiftKey) manager.extendSelection(key, collection);
 	else if (manager.selectionBehavior() === "toggle" || isCtrlKeyPressed(e) || e.pointerType === "touch" || e.pointerType === "virtual") manager.toggleSelection(key);
 	else manager.replaceSelection(key);
 }
@@ -109,11 +134,11 @@ function selectItem(manager, key, e, collection) {
 *   `disabledBehavior: 'selection'` keeps actions enabled while selection stays
 *   blocked.
 * - **Virtual focus** guards real DOM focus and updates the focused key on
-*   press; we have no `moveVirtualFocus`, so no AT cursor move is dispatched.
-* - **`onDragStart`** is bubble phase (upstream uses capture to beat `useDrag`);
-*   wired to capture when drag-and-drop integration lands.
-* - **`getItemProps` press-handler chaining** (collection-provided press
-*   handlers) is omitted — our nodes don't carry them.
+*   press. Ticket #100 tracks the missing AT cursor move.
+* - **`onDragStart`** uses the bubble phase. Ticket #84 owns the capture-phase
+*   integration with drag and drop.
+* - **`getItemProps` press-handler chaining** is omitted because our nodes do
+*   not carry collection-provided press handlers. Ticket #97 owns this boundary.
 */
 /**
 * DOM event dispatched when an item action is performed. Mirrors upstream's
@@ -157,6 +182,12 @@ function createSelectableItem(options, manager, ref) {
 	let hadPrimaryActionOnPressStart = false;
 	const isSelected = () => manager.selectionMode() !== "none" && manager.isSelected(key());
 	const isFocused = () => manager.isFocused() && manager.focusedKey() === key();
+	const isNestedInteractiveTarget = (target) => {
+		const root = ref?.();
+		if (!root || !(target instanceof Element) || target === root || !root.contains(target)) return false;
+		const interactive = target.closest("button, input, select, textarea, a[href], [data-solidaria-pressable], [role=\"button\"], [role=\"checkbox\"], [role=\"menuitem\"]");
+		return interactive != null && interactive !== root && root.contains(interactive);
+	};
 	const onSelect = (e) => {
 		const k = key();
 		if (e.pointerType === "keyboard" && isNonContiguousSelectionModifier(e)) {
@@ -187,14 +218,16 @@ function createSelectableItem(options, manager, ref) {
 		}
 	};
 	const dragSession = createDragSession();
-	createEffect(() => {
+	createTrackedEffect(() => {
 		if (dragSession()) return;
 		if (key() !== manager.focusedKey() || !manager.isFocused()) return;
 		const o = getOptions();
-		if (!shouldUseVirtualFocus()) if (o.focus) o.focus();
-		else {
-			const el = ref();
-			if (el && getOwnerDocument(el).activeElement !== el) focusSafely(el);
+		if (!shouldUseVirtualFocus()) {
+			if (o.focus) o.focus();
+			else {
+				const el = ref();
+				if (el && getOwnerDocument(el).activeElement !== el) focusSafely(el);
+			}
 		}
 	});
 	const { pressProps, isPressed } = createPress({
@@ -205,6 +238,7 @@ function createSelectableItem(options, manager, ref) {
 			return shouldUseVirtualFocus();
 		},
 		onPressStart(e) {
+			if (isNestedInteractiveTarget(e.target)) return;
 			modality = e.pointerType;
 			longPressEnabledOnPressStart = longPressEnabled();
 			if (shouldSelectOnPressUp()) {
@@ -219,9 +253,11 @@ function createSelectableItem(options, manager, ref) {
 			}
 		},
 		onPressUp(e) {
+			if (isNestedInteractiveTarget(e.target)) return;
 			if (shouldSelectOnPressUp() && allowsDifferentPressOrigin() && !hasPrimaryAction() && e.pointerType === "mouse" && allowsSelection()) onSelect(e);
 		},
 		onPress(e) {
+			if (isNestedInteractiveTarget(e.target)) return;
 			if (shouldSelectOnPressUp()) {
 				if (!allowsDifferentPressOrigin()) {
 					if (hasPrimaryAction() || hasSecondaryAction() && e.pointerType !== "mouse") {
@@ -263,6 +299,7 @@ function createSelectableItem(options, manager, ref) {
 		if (modality === "touch" && longPressEnabledOnPressStart) e.preventDefault();
 	};
 	const onClick = (e) => {
+		if (isNestedInteractiveTarget(e.target)) return;
 		if (linkBehavior() !== "none" && isLink()) {
 			if (!openLink.isOpening) e.preventDefault();
 		}
@@ -281,7 +318,8 @@ function createSelectableItem(options, manager, ref) {
 					if (getEventTarget(e) === ref()) manager.setFocusedKey(k);
 				};
 			} else if (disabled) baseProps.onMouseDown = (e) => e.preventDefault();
-			return mergeProps$1(baseProps, allowsSelection() || hasPrimaryAction() || shouldUseVirtualFocus() && !disabled ? pressProps : {}, longPressEnabled() ? longPressProps : {}, {
+			const interactive = allowsSelection() || hasPrimaryAction() || shouldUseVirtualFocus() && !disabled;
+			return mergeProps(baseProps, interactive ? pressProps : {}, longPressEnabled() ? longPressProps : {}, {
 				onDblClick,
 				onDragStart,
 				onClick,