@proyecto-viviana/solidaria 0.2.8 → 0.4.0

package/dist/_chunk/createSelectableItem.jsx

@@ -0,0 +1,298 @@
+import { t as createPress } from "./createPress.jsx";
+import { i as access, o as mergeProps } from "./env.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 { t as createLongPress } from "./createLongPress.jsx";
+import { createId } from "../ssr/index.jsx";
+import { createEffect, createUniqueId } from "solid-js";
+//#region src/selection/utils.ts
+/**
+* Resolves the DOM element rendered for a collection item by its key, scoped to
+* the owning collection when a `data-collection` id is present. Mirrors
+* `@react-aria/selection`'s `getItemElement`, adapted to take a Solid ref
+* accessor instead of a React ref object.
+*/
+function getItemElement(ref, key) {
+	const root = ref();
+	if (!root) return null;
+	let selector = `[data-key="${CSS.escape(String(key))}"]`;
+	const collectionId = root.dataset.collection;
+	if (collectionId) selector = `[data-collection="${CSS.escape(collectionId)}"]${selector}`;
+	return root.querySelector(selector);
+}
+/**
+* A stable, SSR-safe id for a collection, shared between the collection
+* container and its items so {@link getItemElement} can scope a query by
+* `data-collection` (needed to disambiguate nested collections).
+*
+* Divergence from upstream: React's `useCollectionId` keys this WeakMap by the
+* collection object and relies on a render-stable `useId`. A Solid collection is
+* rebuilt with a new identity whenever its items change, so we key by the
+* SelectionManager instance instead — it is created once and never replaced, so
+* the container and its items always resolve to the same entry — and generate
+* the id with our SSR-safe `createId`.
+*/
+const collectionIdMap = /* @__PURE__ */ new WeakMap();
+/**
+* Registers (on first call) and returns the collection id for a SelectionManager.
+* The collection container calls this; its items read the same id via
+* {@link getCollectionId}. Must be called within a reactive owner (uses createId).
+*/
+function registerCollectionId(manager) {
+	let id = collectionIdMap.get(manager);
+	if (id == null) {
+		id = createId();
+		collectionIdMap.set(manager, id);
+	}
+	return id;
+}
+/**
+* Returns the collection id registered for a SelectionManager, or `undefined`
+* when its container has not registered one (e.g. an item not yet wired into a
+* `createSelectableCollection`). A Solid `undefined` attribute is omitted, so an
+* unregistered item simply renders no `data-collection`.
+*/
+function getCollectionId(manager) {
+	return collectionIdMap.get(manager);
+}
+/**
+* Returns whether the modifier for non-contiguous (toggle) keyboard selection
+* is pressed. Mirrors `@react-aria/selection`'s `isNonContiguousSelectionModifier`:
+* Ctrl + Arrow Up/Down has a system-wide meaning on macOS, so Apple devices use
+* Alt instead; Windows and Ubuntu use Ctrl.
+*/
+function isNonContiguousSelectionModifier(e) {
+	return isAppleDevice() ? e.altKey === true : e.ctrlKey === true;
+}
+//#endregion
+//#region src/selection/selectItem.ts
+/**
+* Resolve a press/keyboard interaction into a selection mutation on `manager`,
+* faithful to `useSelectableItem.onSelect`. `collection` is required for the
+* shift-extend (contiguous range) path.
+*/
+function selectItem(manager, key, e, collection) {
+	if (e.pointerType === "keyboard" && isNonContiguousSelectionModifier(e)) {
+		manager.toggleSelection(key);
+		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);
+	else if (manager.selectionBehavior() === "toggle" || isCtrlKeyPressed(e) || e.pointerType === "touch" || e.pointerType === "virtual") manager.toggleSelection(key);
+	else manager.replaceSelection(key);
+}
+//#endregion
+//#region src/selection/createSelectableItem.ts
+/**
+* createSelectableItem - handles interactions with an item in a selectable
+* collection. Port of `@react-aria/selection`'s `useSelectableItem`.
+*
+* This encapsulates the full press-path action model: the
+* selection-vs-action decision per pointer type, the press-up-vs-press timing
+* (menus select on press up, rows on press down), the keyboard Space/Enter
+* split, double-click secondary actions, and long-press-to-toggle. The
+* selection decision itself is delegated to the aria-layer {@link selectItem}
+* (Phase 0), which is also where the platform-aware modifier resolution lives.
+*
+* Documented adaptations from upstream (React → Solid / our thinner state):
+* - **Link model is prop-threaded.** Our collection nodes don't expose
+*   `manager.isLink`/`manager.getItemProps`, so link items pass `isLink` /
+*   `href` / `routerOptions` via options and navigation goes through
+*   {@link openLink} (we have no `RouterProvider` context).
+* - **Selection manager shape is structural.** ListState passes its
+*   SelectionManager; grid-like states pass an adapter with the same observable
+*   surface. `canSelectItem` is read from that surface when available so
+*   `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.
+*/
+/**
+* DOM event dispatched when an item action is performed. Mirrors upstream's
+* `react-aria-item-action`; combobox/autocomplete listen for it to close on
+* action. Exported so emitter and listener share one constant.
+*/
+const ITEM_ACTION_EVENT = "solidaria:item-action";
+const isActionKey = (key) => key === "Enter";
+const isSelectionKey = (key) => key === " ";
+/**
+* Provides the behavior and accessibility implementation for an item in a
+* selectable collection.
+*/
+function createSelectableItem(options, manager, ref) {
+	const getOptions = () => access(options);
+	const generatedId = createUniqueId();
+	const key = () => getOptions().key;
+	const id = () => getOptions().id ?? generatedId;
+	const linkBehavior = () => getOptions().linkBehavior ?? "action";
+	const shouldUseVirtualFocus = () => getOptions().shouldUseVirtualFocus ?? false;
+	const allowsDifferentPressOrigin = () => getOptions().allowsDifferentPressOrigin ?? false;
+	const shouldSelectOnPressUp = () => getOptions().shouldSelectOnPressUp ?? false;
+	const isLink = () => getOptions().isLink ?? !!getOptions().href;
+	const collection = () => manager.collection();
+	const isDisabled = () => getOptions().isDisabled === true || manager.isDisabled(key());
+	const canSelectItem = () => {
+		const k = key();
+		return manager.canSelectItem?.(k) ?? manager.selectionManager?.canSelectItem?.(k) ?? (manager.selectionMode() !== "none" && !manager.isDisabled(k));
+	};
+	const isLinkOverride = () => isLink() && linkBehavior() === "override";
+	const isActionOverride = () => getOptions().onAction != null && getOptions().UNSTABLE_itemBehavior === "action";
+	const hasLinkAction = () => isLink() && linkBehavior() !== "selection" && linkBehavior() !== "none";
+	const allowsSelection = () => !isDisabled() && canSelectItem() && !isLinkOverride() && !isActionOverride();
+	const allowsActions = () => (getOptions().onAction != null || hasLinkAction()) && !isDisabled();
+	const hasPrimaryAction = () => allowsActions() && (manager.selectionBehavior() === "replace" ? !allowsSelection() : !allowsSelection() || manager.isEmpty());
+	const hasSecondaryAction = () => allowsActions() && allowsSelection() && manager.selectionBehavior() === "replace";
+	const hasAction = () => hasPrimaryAction() || hasSecondaryAction();
+	const longPressEnabled = () => hasAction() && allowsSelection();
+	let modality = null;
+	let longPressEnabledOnPressStart = false;
+	let hadPrimaryActionOnPressStart = false;
+	const isSelected = () => manager.selectionMode() !== "none" && manager.isSelected(key());
+	const isFocused = () => manager.isFocused() && manager.focusedKey() === key();
+	const onSelect = (e) => {
+		const k = key();
+		if (e.pointerType === "keyboard" && isNonContiguousSelectionModifier(e)) {
+			manager.toggleSelection(k);
+			return;
+		}
+		if (manager.selectionMode() === "none") return;
+		if (isLink()) {
+			if (linkBehavior() === "selection") {
+				const el = ref();
+				if (el instanceof HTMLAnchorElement) openLink(el, e);
+				const sel = manager.selectedKeys();
+				if (sel !== "all") manager.setSelectedKeys(sel);
+				return;
+			} else if (linkBehavior() === "override" || linkBehavior() === "none") return;
+		}
+		selectItem(manager, k, e, collection());
+	};
+	const performAction = (e) => {
+		const o = getOptions();
+		if (o.onAction) {
+			o.onAction(e);
+			ref()?.dispatchEvent(new CustomEvent(ITEM_ACTION_EVENT, { bubbles: true }));
+		}
+		if (hasLinkAction()) {
+			const el = ref();
+			if (el instanceof HTMLAnchorElement) openLink(el, e);
+		}
+	};
+	createEffect(() => {
+		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);
+		}
+	});
+	const { pressProps, isPressed } = createPress({
+		get isDisabled() {
+			return !(allowsSelection() || hasPrimaryAction() || shouldUseVirtualFocus() && !isDisabled());
+		},
+		get preventFocusOnPress() {
+			return shouldUseVirtualFocus();
+		},
+		onPressStart(e) {
+			modality = e.pointerType;
+			longPressEnabledOnPressStart = longPressEnabled();
+			if (shouldSelectOnPressUp()) {
+				if (e.pointerType === "keyboard" && (!hasAction() || isSelectionKey(e.key))) onSelect(e);
+			} else {
+				hadPrimaryActionOnPressStart = hasPrimaryAction();
+				if (allowsSelection() && (e.pointerType === "mouse" && !hasPrimaryAction() || e.pointerType === "keyboard" && (!allowsActions() || isSelectionKey(e.key)))) onSelect(e);
+			}
+			if (shouldUseVirtualFocus() && e.pointerType !== "touch") {
+				manager.setFocused(true);
+				manager.setFocusedKey(key());
+			}
+		},
+		onPressUp(e) {
+			if (shouldSelectOnPressUp() && allowsDifferentPressOrigin() && !hasPrimaryAction() && e.pointerType === "mouse" && allowsSelection()) onSelect(e);
+		},
+		onPress(e) {
+			if (shouldSelectOnPressUp()) {
+				if (!allowsDifferentPressOrigin()) {
+					if (hasPrimaryAction() || hasSecondaryAction() && e.pointerType !== "mouse") {
+						if (e.pointerType === "keyboard" && !isActionKey(e.key)) return;
+						performAction(e);
+					} else if (e.pointerType !== "keyboard" && allowsSelection()) onSelect(e);
+				} else if (hasPrimaryAction()) performAction(e);
+				else if (e.pointerType !== "keyboard" && e.pointerType !== "mouse" && allowsSelection()) onSelect(e);
+			} else if (e.pointerType === "touch" || e.pointerType === "pen" || e.pointerType === "virtual" || e.pointerType === "keyboard" && hasAction() && isActionKey(e.key) || e.pointerType === "mouse" && hadPrimaryActionOnPressStart) {
+				if (hasAction()) performAction(e);
+				else if (allowsSelection()) onSelect(e);
+			}
+			if (shouldUseVirtualFocus() && e.pointerType === "touch") {
+				manager.setFocused(true);
+				manager.setFocusedKey(key());
+			}
+		}
+	});
+	const { longPressProps } = createLongPress({
+		get isDisabled() {
+			return !longPressEnabled();
+		},
+		onLongPress(e) {
+			if (e.pointerType === "touch") {
+				onSelect(e);
+				manager.setSelectionBehavior("toggle");
+			}
+		}
+	});
+	const onDblClick = (e) => {
+		if (!hasSecondaryAction()) return;
+		if (modality === "mouse") {
+			e.stopPropagation();
+			e.preventDefault();
+			performAction(e);
+		}
+	};
+	const onDragStart = (e) => {
+		if (modality === "touch" && longPressEnabledOnPressStart) e.preventDefault();
+	};
+	const onClick = (e) => {
+		if (linkBehavior() !== "none" && isLink()) {
+			if (!openLink.isOpening) e.preventDefault();
+		}
+	};
+	return {
+		get itemProps() {
+			const k = key();
+			const disabled = isDisabled();
+			const baseProps = {
+				"data-key": String(k),
+				"data-collection": getCollectionId(manager.selectionManager ?? manager)
+			};
+			if (!shouldUseVirtualFocus() && !disabled) {
+				baseProps.tabIndex = k === manager.focusedKey() ? 0 : -1;
+				baseProps.onFocus = (e) => {
+					if (getEventTarget(e) === ref()) manager.setFocusedKey(k);
+				};
+			} else if (disabled) baseProps.onMouseDown = (e) => e.preventDefault();
+			return mergeProps(baseProps, allowsSelection() || hasPrimaryAction() || shouldUseVirtualFocus() && !disabled ? pressProps : {}, longPressEnabled() ? longPressProps : {}, {
+				onDblClick,
+				onDragStart,
+				onClick,
+				id: id()
+			}, shouldUseVirtualFocus() ? { onMouseDown: (e) => e.preventDefault() } : {});
+		},
+		isPressed,
+		isSelected,
+		isFocused,
+		isDisabled,
+		allowsSelection,
+		hasAction
+	};
+}
+//#endregion
+export { isNonContiguousSelectionModifier as a, getItemElement as i, createSelectableItem as n, registerCollectionId as o, selectItem as r, ITEM_ACTION_EVENT as t };
+
+//# sourceMappingURL=createSelectableItem.jsx.map

package/dist/_chunk/createSelectableItem.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSelectableItem.jsx","names":[],"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\";\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  createEffect(() => {\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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"}

package/dist/_chunk/createToggle.js

@@ -0,0 +1,158 @@
+import { t as createPress } from "./createPress.js";
+import { i as access, o as mergeProps, t as isDevEnv } from "./env.js";
+import { t as filterDOMProps } from "./filterDOMProps.js";
+import { n as createFocusable } from "./createFocusable.js";
+import { createSlotId } from "../ssr/index.js";
+import { createEffect } from "solid-js";
+//#region src/toggle/createToggle.ts
+/**
+* Toggle hook for Solidaria
+*
+* Handles interactions for toggle elements, e.g. Checkboxes and Switches.
+*
+* This is a 1:1 port of @react-aria/toggle's useToggle hook.
+*/
+/**
+* Handles interactions for toggle elements, e.g. Checkboxes and Switches.
+*/
+function createToggle(props, state, ref) {
+	const getProps = () => access(props);
+	const isDisabled = () => getProps().isDisabled ?? false;
+	const isReadOnly = () => getProps().isReadOnly ?? false;
+	const isInvalid = () => {
+		return getProps().isInvalid ?? false;
+	};
+	const { pressProps, isPressed } = createPress({
+		get onPressStart() {
+			return getProps().onPressStart;
+		},
+		get onPressEnd() {
+			return getProps().onPressEnd;
+		},
+		get onPressChange() {
+			return getProps().onPressChange;
+		},
+		get onPress() {
+			return getProps().onPress;
+		},
+		get onPressUp() {
+			return getProps().onPressUp;
+		},
+		get onClick() {
+			return getProps().onClick;
+		},
+		get isDisabled() {
+			return isDisabled();
+		}
+	});
+	const { pressProps: labelPressProps, isPressed: isLabelPressed } = createPress({
+		get onPressStart() {
+			return getProps().onPressStart;
+		},
+		get onPressEnd() {
+			return getProps().onPressEnd;
+		},
+		get onPressChange() {
+			return getProps().onPressChange;
+		},
+		get onPressUp() {
+			return getProps().onPressUp;
+		},
+		get onClick() {
+			return getProps().onClick;
+		},
+		onPress(e) {
+			getProps().onPress?.(e);
+			state.toggle();
+			ref()?.focus();
+		},
+		get isDisabled() {
+			return isDisabled() || isReadOnly();
+		}
+	});
+	const { focusableProps } = createFocusable({
+		get isDisabled() {
+			return isDisabled();
+		},
+		get autoFocus() {
+			return getProps().autoFocus;
+		},
+		get onFocus() {
+			return getProps().onFocus;
+		},
+		get onBlur() {
+			return getProps().onBlur;
+		},
+		get onFocusChange() {
+			return getProps().onFocusChange;
+		},
+		get onKeyDown() {
+			return getProps().onKeyDown;
+		},
+		get onKeyUp() {
+			return getProps().onKeyUp;
+		},
+		get excludeFromTabOrder() {
+			return getProps().excludeFromTabOrder;
+		}
+	}, ref);
+	const interactions = mergeProps(pressProps, focusableProps);
+	const domProps = () => filterDOMProps(getProps(), { labelable: true });
+	const onChange = (e) => {
+		e.stopPropagation();
+		if (isReadOnly()) {
+			e.currentTarget.checked = state.isSelected();
+			return;
+		}
+		state.setSelected(e.currentTarget.checked);
+	};
+	createEffect(() => {
+		const p = getProps();
+		const hasChildren = p.children != null;
+		const hasAriaLabel = p["aria-label"] != null || p["aria-labelledby"] != null;
+		if (!hasChildren && !hasAriaLabel && isDevEnv()) console.warn("If you do not provide children, you must specify an aria-label for accessibility");
+	});
+	const combinedIsPressed = () => isPressed() || isLabelPressed();
+	const descriptionId = createSlotId();
+	const errorMessageId = createSlotId();
+	return {
+		labelProps: mergeProps(labelPressProps, { onClick: (e) => e.preventDefault() }),
+		get inputProps() {
+			const p = getProps();
+			return mergeProps(domProps(), {
+				"aria-invalid": isInvalid() || void 0,
+				"aria-errormessage": p["aria-errormessage"],
+				"aria-controls": p["aria-controls"],
+				"aria-readonly": isReadOnly() || void 0,
+				"aria-describedby": [
+					descriptionId(),
+					errorMessageId(),
+					p["aria-describedby"]
+				].filter(Boolean).join(" ") || void 0,
+				onChange,
+				disabled: isDisabled(),
+				...p.value == null ? {} : { value: p.value },
+				name: p.name,
+				form: p.form,
+				type: "checkbox",
+				...interactions,
+				onClick: (e) => e.stopPropagation()
+			});
+		},
+		get descriptionProps() {
+			return { id: descriptionId() };
+		},
+		get errorMessageProps() {
+			return { id: errorMessageId() };
+		},
+		isSelected: state.isSelected,
+		isPressed: combinedIsPressed,
+		isDisabled: isDisabled(),
+		isReadOnly: isReadOnly(),
+		isInvalid: isInvalid()
+	};
+}
+//#endregion
+export { createToggle as t };
+
+//# sourceMappingURL=createToggle.js.map

package/dist/_chunk/createToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createToggle.js","names":[],"sources":["../../src/toggle/createToggle.ts"],"sourcesContent":["/**\n * Toggle hook for Solidaria\n *\n * Handles interactions for toggle elements, e.g. Checkboxes and Switches.\n *\n * This is a 1:1 port of @react-aria/toggle's useToggle hook.\n */\n\nimport { JSX, Accessor, createEffect } from \"solid-js\";\nimport { createPress } from \"../interactions/createPress\";\nimport { createFocusable } from \"../interactions/createFocusable\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport { isDevEnv } from \"../utils/env\";\nimport { createSlotId } from \"../ssr\";\nimport { type ToggleState } from \"@proyecto-viviana/solid-stately\";\nimport { type PressEvent } from \"../interactions/PressEvent\";\n\nexport interface AriaToggleProps {\n  /** Whether the element should be selected (controlled). */\n  isSelected?: boolean;\n  /** Whether the element should be selected by default (uncontrolled). */\n  defaultSelected?: boolean;\n  /** Handler that is called when the element's selection state changes. */\n  onChange?: (isSelected: boolean) => void;\n  /** The value of the input element, used when submitting an HTML form. */\n  value?: string;\n  /** The name of the input element, used when submitting an HTML form. */\n  name?: string;\n  /** The form to associate the input with. */\n  form?: string;\n  /** Whether the element is disabled. */\n  isDisabled?: boolean;\n  /** Whether the element is read only. */\n  isReadOnly?: boolean;\n  /** Whether the element is required. */\n  isRequired?: boolean;\n  /** Whether the element is invalid. */\n  isInvalid?: boolean;\n  /** The element's children. */\n  children?: JSX.Element;\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide an error message for the object. */\n  \"aria-errormessage\"?: string;\n  /** Identifies the element (or elements) whose contents or presence are controlled by the current element. */\n  \"aria-controls\"?: string;\n  /** The element's unique identifier. */\n  id?: string;\n  /** Handler that is called when the press is released over the target. */\n  onPress?: (e: PressEvent) => void;\n  /** Handler that is called when a press interaction starts. */\n  onPressStart?: (e: PressEvent) => void;\n  /** Handler that is called when a press interaction ends, either over the target or when the pointer leaves the target. */\n  onPressEnd?: (e: PressEvent) => void;\n  /** Handler that is called when the press state changes. */\n  onPressChange?: (isPressed: boolean) => void;\n  /** Handler that is called when a press is released over the target, regardless of whether it started on the target or not. */\n  onPressUp?: (e: PressEvent) => void;\n  /** Handler that is called when the element is clicked. */\n  onClick?: (e: MouseEvent) => void;\n  /** Handler that is called when the element receives focus. */\n  onFocus?: (e: FocusEvent) => void;\n  /** Handler that is called when the element loses focus. */\n  onBlur?: (e: FocusEvent) => void;\n  /** Handler that is called when the element's focus status changes. */\n  onFocusChange?: (isFocused: boolean) => void;\n  /** Handler that is called when a key is pressed. */\n  onKeyDown?: (e: KeyboardEvent) => void;\n  /** Handler that is called when a key is released. */\n  onKeyUp?: (e: KeyboardEvent) => void;\n  /** Whether to exclude the element from the tab order. */\n  excludeFromTabOrder?: boolean;\n  /** Whether to autofocus the element. */\n  autoFocus?: boolean;\n}\n\nexport interface ToggleAria {\n  /** Props to be spread on the label element. */\n  labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;\n  /** Props to be spread on the input element. */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  /** Props for the description element, if any. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the error message element, if any. */\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the toggle is selected. */\n  isSelected: Accessor<boolean>;\n  /** Whether the toggle is in a pressed state. */\n  isPressed: Accessor<boolean>;\n  /** Whether the toggle is disabled. */\n  isDisabled: boolean;\n  /** Whether the toggle is read only. */\n  isReadOnly: boolean;\n  /** Whether the toggle is invalid. */\n  isInvalid: boolean;\n}\n\n/**\n * Handles interactions for toggle elements, e.g. Checkboxes and Switches.\n */\nexport function createToggle(\n  props: MaybeAccessor<AriaToggleProps>,\n  state: ToggleState,\n  ref: () => HTMLInputElement | null,\n): ToggleAria {\n  const getProps = () => access(props);\n\n  const isDisabled = () => getProps().isDisabled ?? false;\n  const isReadOnly = () => getProps().isReadOnly ?? false;\n  const isInvalid = () => {\n    return getProps().isInvalid ?? false;\n  };\n\n  // Handle press state for keyboard interactions and cases where labelProps is not used.\n  const { pressProps, isPressed } = createPress({\n    get onPressStart() {\n      return getProps().onPressStart;\n    },\n    get onPressEnd() {\n      return getProps().onPressEnd;\n    },\n    get onPressChange() {\n      return getProps().onPressChange;\n    },\n    get onPress() {\n      return getProps().onPress;\n    },\n    get onPressUp() {\n      return getProps().onPressUp;\n    },\n    get onClick() {\n      return getProps().onClick;\n    },\n    get isDisabled() {\n      return isDisabled();\n    },\n  });\n\n  // Handle press state on the label.\n  const { pressProps: labelPressProps, isPressed: isLabelPressed } = createPress({\n    get onPressStart() {\n      return getProps().onPressStart;\n    },\n    get onPressEnd() {\n      return getProps().onPressEnd;\n    },\n    get onPressChange() {\n      return getProps().onPressChange;\n    },\n    get onPressUp() {\n      return getProps().onPressUp;\n    },\n    get onClick() {\n      return getProps().onClick;\n    },\n    onPress(e: PressEvent) {\n      getProps().onPress?.(e);\n      state.toggle();\n      ref()?.focus();\n    },\n    get isDisabled() {\n      return isDisabled() || isReadOnly();\n    },\n  });\n\n  // Handle focusable - extract the relevant props for createFocusable\n  const { focusableProps } = createFocusable(\n    {\n      get isDisabled() {\n        return isDisabled();\n      },\n      get autoFocus() {\n        return getProps().autoFocus;\n      },\n      get onFocus() {\n        return getProps().onFocus;\n      },\n      get onBlur() {\n        return getProps().onBlur;\n      },\n      get onFocusChange() {\n        return getProps().onFocusChange;\n      },\n      get onKeyDown() {\n        return getProps().onKeyDown;\n      },\n      get onKeyUp() {\n        return getProps().onKeyUp;\n      },\n      get excludeFromTabOrder() {\n        return getProps().excludeFromTabOrder;\n      },\n    },\n    ref as unknown as (el: HTMLElement) => void,\n  );\n\n  // Combine press and focusable props for input\n  const interactions = mergeProps(pressProps, focusableProps);\n\n  // Filter DOM props\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  // Handle input change\n  const onChange: JSX.EventHandler<HTMLInputElement, Event> = (e) => {\n    // Since we spread props on label, onChange will end up there as well as in here.\n    // So we have to stop propagation at the lowest level that we care about\n    e.stopPropagation();\n\n    // Don't update state if readonly\n    if (isReadOnly()) {\n      // Reset the checkbox to its previous state since the browser already toggled it\n      e.currentTarget.checked = state.isSelected();\n      return;\n    }\n\n    state.setSelected(e.currentTarget.checked);\n  };\n\n  // Warn if no accessible label\n  createEffect(() => {\n    const p = getProps();\n    const hasChildren = p.children != null;\n    const hasAriaLabel = p[\"aria-label\"] != null || p[\"aria-labelledby\"] != null;\n    if (!hasChildren && !hasAriaLabel && isDevEnv()) {\n      console.warn(\n        \"If you do not provide children, you must specify an aria-label for accessibility\",\n      );\n    }\n  });\n\n  // Combined pressed state\n  const combinedIsPressed: Accessor<boolean> = () => isPressed() || isLabelPressed();\n\n  // Mint ids for the description and error message slots. Copied from createField\n  // because we don't want the label behavior that provides — the id resolves only\n  // once an element with that id is actually rendered (e.g. via TextContext slots).\n  const descriptionId = createSlotId();\n  const errorMessageId = createSlotId();\n\n  return {\n    labelProps: mergeProps(labelPressProps, {\n      onClick: (e: MouseEvent) => e.preventDefault(),\n    }) as JSX.LabelHTMLAttributes<HTMLLabelElement>,\n    get inputProps() {\n      const p = getProps();\n      return mergeProps(domProps(), {\n        \"aria-invalid\": isInvalid() || undefined,\n        \"aria-errormessage\": p[\"aria-errormessage\"],\n        \"aria-controls\": p[\"aria-controls\"],\n        \"aria-readonly\": isReadOnly() || undefined,\n        \"aria-describedby\":\n          [descriptionId(), errorMessageId(), p[\"aria-describedby\"]].filter(Boolean).join(\" \") ||\n          undefined,\n        onChange,\n        disabled: isDisabled(),\n        ...(p.value == null ? {} : { value: p.value }),\n        name: p.name,\n        form: p.form,\n        type: \"checkbox\" as const,\n        ...interactions,\n        // Stop click propagation to prevent labelProps.onClick from calling preventDefault\n        // which would prevent the checkbox from toggling in JSDOM/testing-library environments\n        onClick: (e: MouseEvent) => e.stopPropagation(),\n      }) as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n    get descriptionProps() {\n      return { id: descriptionId() };\n    },\n    get errorMessageProps() {\n      return { id: errorMessageId() };\n    },\n    isSelected: state.isSelected,\n    isPressed: combinedIsPressed,\n    isDisabled: isDisabled(),\n    isReadOnly: isReadOnly(),\n    isInvalid: isInvalid(),\n  };\n}\n"],"mappings":"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"}