@proyecto-viviana/solidaria 0.4.0 → 0.4.2

package/dist/_chunk/focus2.jsx

@@ -1,295 +1,6 @@
-import { g as isTabbable, p as isFocusable, s as getOwnerDocument, t as focusSafely } from "./focus.jsx";
-import { createContext, createEffect, createSignal, onCleanup, onMount, useContext } from "solid-js";
+import { i as getActiveElement$1, s as getOwnerDocument, t as focusSafely } from "./focus.jsx";
+import { createSignal, onCleanup, onMount } from "solid-js";
 import { isServer } from "solid-js/web";
-//#region src/focus/FocusScope.tsx
-/**
-* FocusScope component for managing focus containment, restoration, and auto-focus.
-* Based on @react-aria/focus FocusScope.
-*/
-const FocusScopeContext = createContext(null);
-/**
-* Returns a FocusManager interface for the parent FocusScope.
-* A FocusManager can be used to programmatically move focus within
-* a FocusScope, e.g. in response to user events like keyboard navigation.
-*/
-function useFocusManager() {
-	return useContext(FocusScopeContext)?.focusManager;
-}
-/**
-* Gets all focusable elements within a scope.
-*/
-function getFocusableElements(scope, tabbable = false) {
-	const elements = [];
-	const filter = tabbable ? isTabbable : isFocusable;
-	for (const scopeElement of scope) {
-		if (filter(scopeElement)) elements.push(scopeElement);
-		const descendants = scopeElement.querySelectorAll("*");
-		for (let i = 0; i < descendants.length; i++) {
-			const el = descendants[i];
-			if (filter(el)) elements.push(el);
-		}
-	}
-	return elements;
-}
-/**
-* Checks if an element is within a scope.
-*/
-function isElementInScope(element, scope) {
-	if (!element) return false;
-	return scope.some((node) => node.contains(element));
-}
-/**
-* Gets the active element, accounting for shadow DOM.
-*/
-function getActiveElement$1(doc) {
-	let activeElement = doc.activeElement;
-	while (activeElement?.shadowRoot?.activeElement) activeElement = activeElement.shadowRoot.activeElement;
-	return activeElement;
-}
-/**
-* A registry of the live FocusScopes and their parent/child relationships,
-* mirroring @react-aria/focus's `focusScopeTree`. The DOM tree alone can't
-* express scope nesting because a child scope (e.g. a menu opened from inside a
-* modal popover) is rendered in a portal, outside its parent scope's subtree.
-* The tree records that nesting so containment can recognize a portaled
-* descendant scope as "inside".
-*/
-var FocusScopeTree = class {
-	root;
-	fastMap = /* @__PURE__ */ new Map();
-	constructor() {
-		this.root = {
-			scopeRef: null,
-			parent: null,
-			children: /* @__PURE__ */ new Set()
-		};
-		this.fastMap.set(null, this.root);
-	}
-	getTreeNode(scopeRef) {
-		return this.fastMap.get(scopeRef);
-	}
-	addTreeNode(scopeRef, parent) {
-		const parentNode = this.fastMap.get(parent) ?? this.root;
-		const node = {
-			scopeRef,
-			parent: parentNode,
-			children: /* @__PURE__ */ new Set()
-		};
-		parentNode.children.add(node);
-		this.fastMap.set(scopeRef, node);
-	}
-	removeTreeNode(scopeRef) {
-		if (scopeRef === null) return;
-		const node = this.fastMap.get(scopeRef);
-		if (!node) return;
-		const parentNode = node.parent;
-		if (parentNode) {
-			parentNode.children.delete(node);
-			for (const child of node.children) {
-				child.parent = parentNode;
-				parentNode.children.add(child);
-			}
-		}
-		this.fastMap.delete(scopeRef);
-	}
-	*traverse(node = this.root) {
-		if (node.scopeRef != null) yield node;
-		for (const child of node.children) yield* this.traverse(child);
-	}
-};
-const focusScopeTree = new FocusScopeTree();
-/**
-* Whether the element is inside `scope` or any of its descendant scopes.
-*
-* `isElementInScope`'s `node.contains` already covers descendant scopes that
-* are DOM children, but not those rendered in a portal. Walking the scope
-* subtree closes that gap so focus moving into a portaled child scope still
-* counts as "inside". Mirrors @react-aria/focus's `isElementInChildScope`.
-*/
-function isElementInChildScope(element, scope = null) {
-	if (element instanceof Element && element.closest("[data-react-aria-top-layer]")) return true;
-	for (const node of focusScopeTree.traverse(focusScopeTree.getTreeNode(scope))) if (node.scopeRef && isElementInScope(element, node.scopeRef())) return true;
-	return false;
-}
-/**
-* A FocusScope manages focus for its descendants. It supports containing focus inside
-* the scope, restoring focus to the previously focused element on unmount, and auto
-* focusing children on mount. It also acts as a container for a programmatic focus
-* management interface that can be used to move focus forward and back in response
-* to user events.
-*/
-const FocusScope = (props) => {
-	if (isServer) return <>{props.children}</>;
-	let startRef;
-	let endRef;
-	const [scopeElements, setScopeElements] = createSignal([]);
-	const parentScopeRef = useContext(FocusScopeContext)?.scopeRef ?? null;
-	let nodeToRestore = null;
-	const getRestorableElement = (element, doc) => {
-		if (!element || element === doc.body || element === doc.documentElement) return null;
-		return element;
-	};
-	const focusManager = {
-		focusNext(opts = {}) {
-			const scope = scopeElements();
-			if (scope.length === 0) return null;
-			const { from, tabbable = true, wrap = false, accept } = opts;
-			const elements = getFocusableElements(scope, tabbable).filter((el) => !accept || accept(el));
-			const doc = getOwnerDocument(scope[0]);
-			const current = from || getActiveElement$1(doc);
-			if (!current || elements.length === 0) return null;
-			let nextIndex = elements.indexOf(current) + 1;
-			if (nextIndex >= elements.length) if (wrap) nextIndex = 0;
-			else return null;
-			const nextElement = elements[nextIndex];
-			if (nextElement) {
-				focusSafely(nextElement);
-				return nextElement;
-			}
-			return null;
-		},
-		focusPrevious(opts = {}) {
-			const scope = scopeElements();
-			if (scope.length === 0) return null;
-			const { from, tabbable = true, wrap = false, accept } = opts;
-			const elements = getFocusableElements(scope, tabbable).filter((el) => !accept || accept(el));
-			const doc = getOwnerDocument(scope[0]);
-			const current = from || getActiveElement$1(doc);
-			if (!current || elements.length === 0) return null;
-			let prevIndex = elements.indexOf(current) - 1;
-			if (prevIndex < 0) if (wrap) prevIndex = elements.length - 1;
-			else return null;
-			const prevElement = elements[prevIndex];
-			if (prevElement) {
-				focusSafely(prevElement);
-				return prevElement;
-			}
-			return null;
-		},
-		focusFirst(opts = {}) {
-			const scope = scopeElements();
-			if (scope.length === 0) return null;
-			const { tabbable = true, accept } = opts;
-			const elements = getFocusableElements(scope, tabbable).filter((el) => !accept || accept(el));
-			if (elements.length > 0) {
-				focusSafely(elements[0]);
-				return elements[0];
-			}
-			return null;
-		},
-		focusLast(opts = {}) {
-			const scope = scopeElements();
-			if (scope.length === 0) return null;
-			const { tabbable = true, accept } = opts;
-			const elements = getFocusableElements(scope, tabbable).filter((el) => !accept || accept(el));
-			if (elements.length > 0) {
-				const lastElement = elements[elements.length - 1];
-				focusSafely(lastElement);
-				return lastElement;
-			}
-			return null;
-		}
-	};
-	onMount(() => {});
-	onMount(() => {
-		focusScopeTree.addTreeNode(scopeElements, parentScopeRef);
-	});
-	onCleanup(() => {
-		focusScopeTree.removeTreeNode(scopeElements);
-	});
-	onMount(() => {
-		if (!props.restoreFocus) return;
-		const scopeDoc = document;
-		const scopeActive = getActiveElement$1(scopeDoc);
-		const topActive = getActiveElement$1(document);
-		if (scopeDoc !== document && document.activeElement instanceof HTMLIFrameElement && document.activeElement.contentDocument === scopeDoc && scopeActive && scopeActive !== scopeDoc.body) {
-			nodeToRestore = getRestorableElement(scopeActive, scopeDoc);
-			return;
-		}
-		nodeToRestore = getRestorableElement(topActive, document);
-	});
-	createEffect(() => {
-		if (!props.autoFocus) return;
-		const scope = scopeElements();
-		if (scope.length === 0) return;
-		if (!isElementInScope(getActiveElement$1(getOwnerDocument(scope[0])), scope)) focusManager.focusFirst();
-	});
-	createEffect(() => {
-		if (!props.contain) return;
-		const scope = scopeElements();
-		if (scope.length === 0) return;
-		const doc = getOwnerDocument(scope[0]);
-		let focusedNode = null;
-		const onKeyDown = (e) => {
-			if (e.key !== "Tab" || e.altKey || e.ctrlKey || e.metaKey) return;
-			const scope = scopeElements();
-			const activeElement = getActiveElement$1(doc);
-			if (!isElementInScope(activeElement, scope)) return;
-			const elements = getFocusableElements(scope, true);
-			if (elements.length === 0) return;
-			const firstElement = elements[0];
-			const lastElement = elements[elements.length - 1];
-			if (e.shiftKey && activeElement === firstElement) {
-				e.preventDefault();
-				focusSafely(lastElement);
-			} else if (!e.shiftKey && activeElement === lastElement) {
-				e.preventDefault();
-				focusSafely(firstElement);
-			}
-		};
-		const onFocusIn = (e) => {
-			const scope = scopeElements();
-			const target = e.target;
-			if (isElementInScope(target, scope)) focusedNode = target;
-			else if (isElementInChildScope(target, scopeElements)) focusedNode = target;
-			else if (focusedNode) focusSafely(focusedNode);
-			else focusManager.focusFirst();
-		};
-		let restoreRaf = null;
-		const onFocusOut = (e) => {
-			const target = e.target;
-			if (!isElementInScope(target, scopeElements())) return;
-			const win = doc.defaultView ?? window;
-			if (restoreRaf != null) win.cancelAnimationFrame(restoreRaf);
-			restoreRaf = win.requestAnimationFrame(() => {
-				restoreRaf = null;
-				const scope = scopeElements();
-				const activeElement = getActiveElement$1(doc);
-				if (activeElement && (isElementInScope(activeElement, scope) || isElementInChildScope(activeElement, scopeElements))) return;
-				if (doc.body.contains(target)) {
-					focusedNode = target;
-					focusSafely(target);
-				} else focusManager.focusFirst();
-			});
-		};
-		doc.addEventListener("keydown", onKeyDown, true);
-		doc.addEventListener("focusin", onFocusIn, true);
-		doc.addEventListener("focusout", onFocusOut, true);
-		onCleanup(() => {
-			doc.removeEventListener("keydown", onKeyDown, true);
-			doc.removeEventListener("focusin", onFocusIn, true);
-			doc.removeEventListener("focusout", onFocusOut, true);
-			if (restoreRaf != null) (doc.defaultView ?? window).cancelAnimationFrame(restoreRaf);
-		});
-	});
-	onCleanup(() => {
-		if (props.restoreFocus && nodeToRestore && nodeToRestore.focus) {
-			const doc = getOwnerDocument(nodeToRestore);
-			(doc.defaultView ?? window).requestAnimationFrame(() => {
-				if (nodeToRestore && doc.body.contains(nodeToRestore)) nodeToRestore.focus();
-			});
-		}
-	});
-	return <FocusScopeContext.Provider value={{
-		focusManager,
-		scopeRef: scopeElements
-	}}>
-      <span data-focus-scope-start hidden ref={startRef} />
-      {props.children}
-      <span data-focus-scope-end hidden ref={endRef} />
-    </FocusScopeContext.Provider>;
-};
-//#endregion
 //#region src/focus/createFocusRestore.ts
 /**
 * Focus restoration utilities for solidaria
@@ -692,6 +403,56 @@ function createVirtualFocus(options) {
 	};
 }
 //#endregion
+//#region src/focus/virtualFocus.ts
+/**
+* Virtual-focus event dispatch primitives.
+*
+* A faithful port of @react-aria/focus's `virtualFocus` module. Under virtual
+* focus (e.g. Autocomplete), real DOM focus stays on an input while the
+* "focused" collection option is indicated by `aria-activedescendant`. Moving
+* that virtual cursor dispatches synthetic `focus`/`blur` events (with matching
+* bubbling `focusin`/`focusout`) on the option elements so listeners — notably
+* the autocomplete input's `focusin` handler that mirrors the active descendant
+* — react as if the element were really focused.
+*/
+/**
+* Moves virtual focus to `to`, dispatching a virtual blur on the previously
+* virtually-focused element (if any) and a virtual focus on `to` (if non-null).
+*/
+function moveVirtualFocus(to) {
+	const from = getVirtuallyFocusedElement(getOwnerDocument(to));
+	if (from !== to) {
+		if (from) dispatchVirtualBlur(from, to);
+		if (to) dispatchVirtualFocus(to, from);
+	}
+}
+/** Dispatches synthetic `blur` + bubbling `focusout` events on `from`. */
+function dispatchVirtualBlur(from, to) {
+	from.dispatchEvent(new FocusEvent("blur", { relatedTarget: to }));
+	from.dispatchEvent(new FocusEvent("focusout", {
+		bubbles: true,
+		relatedTarget: to
+	}));
+}
+/** Dispatches synthetic `focus` + bubbling `focusin` events on `to`. */
+function dispatchVirtualFocus(to, from) {
+	to.dispatchEvent(new FocusEvent("focus", { relatedTarget: from }));
+	to.dispatchEvent(new FocusEvent("focusin", {
+		bubbles: true,
+		relatedTarget: from
+	}));
+}
+/**
+* Returns the currently virtually-focused element: the element referenced by the
+* active element's `aria-activedescendant`, or the active element itself.
+*/
+function getVirtuallyFocusedElement(document) {
+	const activeElement = getActiveElement$1(document);
+	const activeDescendant = activeElement?.getAttribute("aria-activedescendant");
+	if (activeDescendant) return document.getElementById(activeDescendant) || activeElement;
+	return activeElement;
+}
+//#endregion
 //#region src/focus/createAutoFocus.ts
 /**
 * Auto-focus management for solidaria
@@ -865,6 +626,6 @@ function getAutoFocusQueueLength() {
 	return autoFocusQueue.length;
 }
 //#endregion
-export { clearFocusStack as a, popFocusStack as c, useFocusManager as d, createVirtualFocus as i, pushFocusStack as l, createAutoFocus as n, createFocusRestore as o, getAutoFocusQueueLength as r, getFocusStackLength as s, clearAutoFocusQueue as t, FocusScope as u };
+export { dispatchVirtualFocus as a, createVirtualFocus as c, getFocusStackLength as d, popFocusStack as f, dispatchVirtualBlur as i, clearFocusStack as l, createAutoFocus as n, getVirtuallyFocusedElement as o, pushFocusStack as p, getAutoFocusQueueLength as r, moveVirtualFocus as s, clearAutoFocusQueue as t, createFocusRestore as u };
 
 //# sourceMappingURL=focus2.jsx.map

package/dist/_chunk/focus2.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"focus2.jsx","names":["getActiveElement"],"sources":["../../src/focus/FocusScope.tsx","../../src/focus/createFocusRestore.ts","../../src/focus/createVirtualFocus.ts","../../src/focus/createAutoFocus.ts"],"sourcesContent":["/**\n * FocusScope component for managing focus containment, restoration, and auto-focus.\n * Based on @react-aria/focus FocusScope.\n */\n\nimport {\n  createContext,\n  useContext,\n  createEffect,\n  onCleanup,\n  type JSX,\n  type Accessor,\n  type ParentComponent,\n  createSignal,\n  onMount,\n} from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { getOwnerDocument, isFocusable, isTabbable } from \"../utils\";\nimport { focusSafely } from \"../utils/focus\";\n\nexport interface FocusScopeProps {\n  /** The contents of the focus scope. */\n  children: JSX.Element;\n  /**\n   * Whether to contain focus inside the scope, so users cannot\n   * move focus outside, for example in a modal dialog.\n   */\n  contain?: boolean;\n  /**\n   * Whether to restore focus back to the element that was focused\n   * when the focus scope mounted, after the focus scope unmounts.\n   */\n  restoreFocus?: boolean;\n  /** Whether to auto focus the first focusable element in the focus scope on mount. */\n  autoFocus?: boolean;\n}\n\nexport interface FocusManagerOptions {\n  /** The element to start searching from. The currently focused element by default. */\n  from?: Element;\n  /** Whether to only include tabbable elements, or all focusable elements. */\n  tabbable?: boolean;\n  /** Whether focus should wrap around when it reaches the end of the scope. */\n  wrap?: boolean;\n  /** A callback that determines whether the given element is focused. */\n  accept?: (node: Element) => boolean;\n}\n\nexport interface FocusManager {\n  /** Moves focus to the next focusable or tabbable element in the focus scope. */\n  focusNext(opts?: FocusManagerOptions): HTMLElement | null;\n  /** Moves focus to the previous focusable or tabbable element in the focus scope. */\n  focusPrevious(opts?: FocusManagerOptions): HTMLElement | null;\n  /** Moves focus to the first focusable or tabbable element in the focus scope. */\n  focusFirst(opts?: FocusManagerOptions): HTMLElement | null;\n  /** Moves focus to the last focusable or tabbable element in the focus scope. */\n  focusLast(opts?: FocusManagerOptions): HTMLElement | null;\n}\n\ninterface FocusScopeContextValue {\n  focusManager: FocusManager;\n  scopeRef: Accessor<Element[]>;\n}\n\nconst FocusScopeContext = createContext<FocusScopeContextValue | null>(null);\n\n/**\n * Returns a FocusManager interface for the parent FocusScope.\n * A FocusManager can be used to programmatically move focus within\n * a FocusScope, e.g. in response to user events like keyboard navigation.\n */\nexport function useFocusManager(): FocusManager | undefined {\n  return useContext(FocusScopeContext)?.focusManager;\n}\n\n/**\n * Gets all focusable elements within a scope.\n */\nfunction getFocusableElements(scope: Element[], tabbable = false): HTMLElement[] {\n  const elements: HTMLElement[] = [];\n  const filter = tabbable ? isTabbable : isFocusable;\n\n  for (const scopeElement of scope) {\n    // Check the element itself\n    if (filter(scopeElement)) {\n      elements.push(scopeElement as HTMLElement);\n    }\n\n    // Check all descendants\n    const descendants = scopeElement.querySelectorAll(\"*\");\n    for (let i = 0; i < descendants.length; i++) {\n      const el = descendants[i];\n      if (filter(el)) {\n        elements.push(el as HTMLElement);\n      }\n    }\n  }\n\n  return elements;\n}\n\n/**\n * Checks if an element is within a scope.\n */\nfunction isElementInScope(element: Element | null, scope: Element[]): boolean {\n  if (!element) return false;\n  return scope.some((node) => node.contains(element));\n}\n\n/**\n * Gets the active element, accounting for shadow DOM.\n */\nfunction getActiveElement(doc: Document): Element | null {\n  let activeElement = doc.activeElement;\n  while (activeElement?.shadowRoot?.activeElement) {\n    activeElement = activeElement.shadowRoot.activeElement;\n  }\n  return activeElement;\n}\n\n/**\n * A scope is identified by its (stable) scope-elements accessor; `null` is the\n * tree root. Mirrors @react-aria/focus's `ScopeRef`.\n */\ntype ScopeRef = Accessor<Element[]> | null;\n\ninterface FocusScopeTreeNode {\n  scopeRef: ScopeRef;\n  parent: FocusScopeTreeNode | null;\n  children: Set<FocusScopeTreeNode>;\n}\n\n/**\n * A registry of the live FocusScopes and their parent/child relationships,\n * mirroring @react-aria/focus's `focusScopeTree`. The DOM tree alone can't\n * express scope nesting because a child scope (e.g. a menu opened from inside a\n * modal popover) is rendered in a portal, outside its parent scope's subtree.\n * The tree records that nesting so containment can recognize a portaled\n * descendant scope as \"inside\".\n */\nclass FocusScopeTree {\n  root: FocusScopeTreeNode;\n  private fastMap = new Map<ScopeRef, FocusScopeTreeNode>();\n\n  constructor() {\n    this.root = { scopeRef: null, parent: null, children: new Set() };\n    this.fastMap.set(null, this.root);\n  }\n\n  getTreeNode(scopeRef: ScopeRef): FocusScopeTreeNode | undefined {\n    return this.fastMap.get(scopeRef);\n  }\n\n  addTreeNode(scopeRef: ScopeRef, parent: ScopeRef): void {\n    const parentNode = this.fastMap.get(parent) ?? this.root;\n    const node: FocusScopeTreeNode = { scopeRef, parent: parentNode, children: new Set() };\n    parentNode.children.add(node);\n    this.fastMap.set(scopeRef, node);\n  }\n\n  removeTreeNode(scopeRef: ScopeRef): void {\n    // never remove the root\n    if (scopeRef === null) return;\n    const node = this.fastMap.get(scopeRef);\n    if (!node) return;\n    const parentNode = node.parent;\n    if (parentNode) {\n      parentNode.children.delete(node);\n      // Re-parent any children so a mid-tree unmount doesn't orphan descendants.\n      for (const child of node.children) {\n        child.parent = parentNode;\n        parentNode.children.add(child);\n      }\n    }\n    this.fastMap.delete(scopeRef);\n  }\n\n  // Pre-order depth-first; skips the null-scoped root, like upstream.\n  *traverse(node: FocusScopeTreeNode = this.root): Generator<FocusScopeTreeNode> {\n    if (node.scopeRef != null) {\n      yield node;\n    }\n    for (const child of node.children) {\n      yield* this.traverse(child);\n    }\n  }\n}\n\nconst focusScopeTree = new FocusScopeTree();\n\n/**\n * Whether the element is inside `scope` or any of its descendant scopes.\n *\n * `isElementInScope`'s `node.contains` already covers descendant scopes that\n * are DOM children, but not those rendered in a portal. Walking the scope\n * subtree closes that gap so focus moving into a portaled child scope still\n * counts as \"inside\". Mirrors @react-aria/focus's `isElementInChildScope`.\n */\nfunction isElementInChildScope(element: Element, scope: ScopeRef = null): boolean {\n  // Always allow focus to move into a top-layer element (e.g. toasts).\n  if (element instanceof Element && element.closest(\"[data-react-aria-top-layer]\")) {\n    return true;\n  }\n\n  for (const node of focusScopeTree.traverse(focusScopeTree.getTreeNode(scope))) {\n    if (node.scopeRef && isElementInScope(element, node.scopeRef())) {\n      return true;\n    }\n  }\n\n  return false;\n}\n\n/**\n * A FocusScope manages focus for its descendants. It supports containing focus inside\n * the scope, restoring focus to the previously focused element on unmount, and auto\n * focusing children on mount. It also acts as a container for a programmatic focus\n * management interface that can be used to move focus forward and back in response\n * to user events.\n */\nexport const FocusScope: ParentComponent<FocusScopeProps> = (props) => {\n  if (isServer) {\n    return <>{props.children}</>;\n  }\n\n  let startRef: HTMLSpanElement | undefined;\n  let endRef: HTMLSpanElement | undefined;\n  const [scopeElements, setScopeElements] = createSignal<Element[]>([]);\n\n  // The nearest enclosing FocusScope (through context, which Solid propagates\n  // across portals) is this scope's parent in the focus-scope tree. Read it\n  // before we shadow the context with our own provider below.\n  const parentScopeRef = useContext(FocusScopeContext)?.scopeRef ?? null;\n\n  // Store the element that was focused when the scope mounted\n  let nodeToRestore: Element | null = null;\n\n  const getRestorableElement = (element: Element | null, doc: Document): Element | null => {\n    if (!element || element === doc.body || element === doc.documentElement) {\n      return null;\n    }\n    return element;\n  };\n\n  // Create focus manager\n  const focusManager: FocusManager = {\n    focusNext(opts = {}) {\n      const scope = scopeElements();\n      if (scope.length === 0) return null;\n\n      const { from, tabbable = true, wrap = false, accept } = opts;\n      const elements = getFocusableElements(scope, tabbable).filter((el) => !accept || accept(el));\n      const doc = getOwnerDocument(scope[0]);\n      const current = from || getActiveElement(doc);\n\n      if (!current || elements.length === 0) return null;\n\n      const currentIndex = elements.indexOf(current as HTMLElement);\n      let nextIndex = currentIndex + 1;\n\n      if (nextIndex >= elements.length) {\n        if (wrap) {\n          nextIndex = 0;\n        } else {\n          return null;\n        }\n      }\n\n      const nextElement = elements[nextIndex];\n      if (nextElement) {\n        focusSafely(nextElement);\n        return nextElement;\n      }\n\n      return null;\n    },\n\n    focusPrevious(opts = {}) {\n      const scope = scopeElements();\n      if (scope.length === 0) return null;\n\n      const { from, tabbable = true, wrap = false, accept } = opts;\n      const elements = getFocusableElements(scope, tabbable).filter((el) => !accept || accept(el));\n      const doc = getOwnerDocument(scope[0]);\n      const current = from || getActiveElement(doc);\n\n      if (!current || elements.length === 0) return null;\n\n      const currentIndex = elements.indexOf(current as HTMLElement);\n      let prevIndex = currentIndex - 1;\n\n      if (prevIndex < 0) {\n        if (wrap) {\n          prevIndex = elements.length - 1;\n        } else {\n          return null;\n        }\n      }\n\n      const prevElement = elements[prevIndex];\n      if (prevElement) {\n        focusSafely(prevElement);\n        return prevElement;\n      }\n\n      return null;\n    },\n\n    focusFirst(opts = {}) {\n      const scope = scopeElements();\n      if (scope.length === 0) return null;\n\n      const { tabbable = true, accept } = opts;\n      const elements = getFocusableElements(scope, tabbable).filter((el) => !accept || accept(el));\n\n      if (elements.length > 0) {\n        focusSafely(elements[0]);\n        return elements[0];\n      }\n\n      return null;\n    },\n\n    focusLast(opts = {}) {\n      const scope = scopeElements();\n      if (scope.length === 0) return null;\n\n      const { tabbable = true, accept } = opts;\n      const elements = getFocusableElements(scope, tabbable).filter((el) => !accept || accept(el));\n\n      if (elements.length > 0) {\n        const lastElement = elements[elements.length - 1];\n        focusSafely(lastElement);\n        return lastElement;\n      }\n\n      return null;\n    },\n  };\n\n  // Collect scope elements after render\n  onMount(() => {\n    if (!startRef || !endRef) return;\n\n    const nodes: Element[] = [];\n    let node = startRef.nextSibling;\n    while (node && node !== endRef) {\n      if (node.nodeType === Node.ELEMENT_NODE) {\n        nodes.push(node as Element);\n      }\n      node = node.nextSibling;\n    }\n    setScopeElements(nodes);\n  });\n\n  // Register this scope in the focus-scope tree so containment can recognize a\n  // portaled descendant scope as \"inside\" it. The scope-elements accessor is a\n  // stable identity, so it works as the tree key even before it's populated.\n  onMount(() => {\n    focusScopeTree.addTreeNode(scopeElements, parentScopeRef);\n  });\n  onCleanup(() => {\n    focusScopeTree.removeTreeNode(scopeElements);\n  });\n\n  // Save the currently focused element for restoration (must happen before autoFocus/contain effects run).\n  onMount(() => {\n    if (!props.restoreFocus) return;\n\n    // Focus can be in the main document, or inside this iframe's document.\n    const scopeDoc = startRef ? getOwnerDocument(startRef) : document;\n    const scopeActive = getActiveElement(scopeDoc);\n    const topActive = getActiveElement(document);\n\n    // If the scope is in an iframe and that iframe is currently focused, prefer the iframe document's active element.\n    if (\n      scopeDoc !== document &&\n      document.activeElement instanceof HTMLIFrameElement &&\n      document.activeElement.contentDocument === scopeDoc &&\n      scopeActive &&\n      scopeActive !== scopeDoc.body\n    ) {\n      nodeToRestore = getRestorableElement(scopeActive, scopeDoc);\n      return;\n    }\n\n    nodeToRestore = getRestorableElement(topActive, document);\n  });\n\n  // Auto-focus first element\n  createEffect(() => {\n    if (!props.autoFocus) return;\n\n    const scope = scopeElements();\n    if (scope.length === 0) return;\n\n    const doc = getOwnerDocument(scope[0]);\n    const activeElement = getActiveElement(doc);\n\n    // Only auto-focus if focus is not already inside the scope\n    if (!isElementInScope(activeElement, scope)) {\n      focusManager.focusFirst();\n    }\n  });\n\n  // Focus containment\n  createEffect(() => {\n    if (!props.contain) return;\n\n    const scope = scopeElements();\n    if (scope.length === 0) return;\n\n    const doc = getOwnerDocument(scope[0]);\n    let focusedNode: Element | null = null;\n\n    const onKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Tab\" || e.altKey || e.ctrlKey || e.metaKey) {\n        return;\n      }\n\n      const scope = scopeElements();\n      const activeElement = getActiveElement(doc);\n      if (!isElementInScope(activeElement, scope)) {\n        return;\n      }\n\n      const elements = getFocusableElements(scope, true);\n      if (elements.length === 0) return;\n\n      const firstElement = elements[0];\n      const lastElement = elements[elements.length - 1];\n\n      if (e.shiftKey && activeElement === firstElement) {\n        e.preventDefault();\n        focusSafely(lastElement);\n      } else if (!e.shiftKey && activeElement === lastElement) {\n        e.preventDefault();\n        focusSafely(firstElement);\n      }\n    };\n\n    const onFocusIn = (e: FocusEvent) => {\n      const scope = scopeElements();\n      const target = e.target as Element;\n\n      if (isElementInScope(target, scope)) {\n        focusedNode = target;\n      } else if (isElementInChildScope(target, scopeElements)) {\n        // Focus moved into a descendant scope — e.g. a menu opened from inside\n        // this modal popover, rendered in a portal outside this scope's DOM\n        // subtree. Track it but don't pull focus back, which would tear the\n        // nested overlay down.\n        focusedNode = target;\n      } else if (focusedNode) {\n        // Focus escaped the scope, bring it back\n        focusSafely(focusedNode as HTMLElement);\n      } else {\n        // No previous focus, focus first element\n        focusManager.focusFirst();\n      }\n    };\n\n    let restoreRaf: number | null = null;\n\n    const onFocusOut = (e: FocusEvent) => {\n      const target = e.target as Element;\n      if (!isElementInScope(target, scopeElements())) return;\n\n      // Focus left an element inside the scope. Wait a frame (like upstream's\n      // onBlur) so a synchronous refocus elsewhere can settle; if focus ended\n      // up outside every scope (e.g. blur() to body), pull it back.\n      const win = doc.defaultView ?? window;\n      if (restoreRaf != null) win.cancelAnimationFrame(restoreRaf);\n      restoreRaf = win.requestAnimationFrame(() => {\n        restoreRaf = null;\n        const scope = scopeElements();\n        const activeElement = getActiveElement(doc);\n        if (\n          activeElement &&\n          (isElementInScope(activeElement, scope) ||\n            isElementInChildScope(activeElement, scopeElements))\n        ) {\n          return;\n        }\n\n        if (doc.body.contains(target)) {\n          focusedNode = target;\n          focusSafely(target as HTMLElement);\n        } else {\n          focusManager.focusFirst();\n        }\n      });\n    };\n\n    doc.addEventListener(\"keydown\", onKeyDown, true);\n    doc.addEventListener(\"focusin\", onFocusIn, true);\n    doc.addEventListener(\"focusout\", onFocusOut, true);\n\n    onCleanup(() => {\n      doc.removeEventListener(\"keydown\", onKeyDown, true);\n      doc.removeEventListener(\"focusin\", onFocusIn, true);\n      doc.removeEventListener(\"focusout\", onFocusOut, true);\n      if (restoreRaf != null) {\n        (doc.defaultView ?? window).cancelAnimationFrame(restoreRaf);\n      }\n    });\n  });\n\n  // Restore focus on unmount\n  onCleanup(() => {\n    if (props.restoreFocus && nodeToRestore && (nodeToRestore as HTMLElement).focus) {\n      const doc = getOwnerDocument(nodeToRestore as Element);\n      const win = doc.defaultView ?? window;\n\n      // Use requestAnimationFrame to ensure the element is still in the DOM\n      win.requestAnimationFrame(() => {\n        if (nodeToRestore && doc.body.contains(nodeToRestore as Node)) {\n          (nodeToRestore as HTMLElement).focus();\n        }\n      });\n    }\n  });\n\n  return (\n    <FocusScopeContext.Provider value={{ focusManager, scopeRef: scopeElements }}>\n      <span data-focus-scope-start hidden ref={startRef} />\n      {props.children}\n      <span data-focus-scope-end hidden ref={endRef} />\n    </FocusScopeContext.Provider>\n  );\n};\n\nexport default FocusScope;\n","/**\n * Focus restoration utilities for solidaria\n *\n * Provides enhanced focus restoration with retry logic, cross-scope tracking,\n * and safe restoration patterns.\n */\n\nimport { createEffect, onCleanup, onMount } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { getOwnerDocument } from \"../utils\";\nimport { focusSafely } from \"../utils/focus\";\n\nexport interface FocusRestoreOptions {\n  /**\n   * Whether to restore focus when the component unmounts.\n   * @default true\n   */\n  restoreOnUnmount?: boolean;\n  /**\n   * Maximum number of retries if the element is not in the DOM.\n   * @default 3\n   */\n  maxRetries?: number;\n  /**\n   * Delay between retries in milliseconds.\n   * @default 50\n   */\n  retryDelay?: number;\n  /**\n   * Callback when focus is successfully restored.\n   */\n  onRestore?: (element: HTMLElement) => void;\n  /**\n   * Callback when focus restoration fails.\n   */\n  onRestoreFailed?: () => void;\n  /**\n   * Whether to prevent scrolling when restoring focus.\n   * @default true\n   */\n  preventScroll?: boolean;\n}\n\nexport interface FocusRestoreResult {\n  /**\n   * Manually restore focus to the saved element.\n   */\n  restore: () => boolean;\n  /**\n   * Get the saved element (if any).\n   */\n  getSavedElement: () => HTMLElement | null;\n  /**\n   * Save the currently focused element.\n   */\n  saveCurrentFocus: () => void;\n  /**\n   * Clear the saved element without restoring.\n   */\n  clear: () => void;\n}\n\n// Stack to track focus history across scopes\nconst focusStack: HTMLElement[] = [];\n\n/**\n * Push an element onto the focus stack.\n */\nexport function pushFocusStack(element: HTMLElement): void {\n  focusStack.push(element);\n}\n\n/**\n * Pop the last element from the focus stack.\n */\nexport function popFocusStack(): HTMLElement | undefined {\n  return focusStack.pop();\n}\n\n/**\n * Get the current focus stack length.\n */\nexport function getFocusStackLength(): number {\n  return focusStack.length;\n}\n\n/**\n * Clear the entire focus stack.\n */\nexport function clearFocusStack(): void {\n  focusStack.length = 0;\n}\n\n/**\n * Gets the active element, accounting for shadow DOM.\n */\nfunction getActiveElement(doc: Document): HTMLElement | null {\n  let activeElement = doc.activeElement as HTMLElement | null;\n  while (activeElement?.shadowRoot?.activeElement) {\n    activeElement = activeElement.shadowRoot.activeElement as HTMLElement;\n  }\n  return activeElement;\n}\n\n/**\n * Checks if an element is still valid for focus restoration.\n */\nfunction isValidForRestore(element: HTMLElement | null): boolean {\n  if (!element) return false;\n  if (!document.body.contains(element)) return false;\n  if (element.hasAttribute(\"disabled\")) return false;\n  if (element.getAttribute(\"aria-disabled\") === \"true\") return false;\n  if (element.getAttribute(\"aria-hidden\") === \"true\") return false;\n  return true;\n}\n\n/**\n * Attempts to restore focus with retries.\n */\nfunction tryRestoreFocus(\n  element: HTMLElement | null,\n  options: Required<\n    Pick<\n      FocusRestoreOptions,\n      \"maxRetries\" | \"retryDelay\" | \"preventScroll\" | \"onRestore\" | \"onRestoreFailed\"\n    >\n  >,\n): void {\n  const { maxRetries, retryDelay, preventScroll, onRestore, onRestoreFailed } = options;\n  let attempts = 0;\n\n  const attempt = () => {\n    if (!element) {\n      onRestoreFailed?.();\n      return;\n    }\n\n    if (isValidForRestore(element)) {\n      if (preventScroll) {\n        focusSafely(element);\n      } else {\n        element.focus();\n      }\n      onRestore?.(element);\n      return;\n    }\n\n    attempts++;\n    if (attempts < maxRetries) {\n      setTimeout(attempt, retryDelay);\n    } else {\n      onRestoreFailed?.();\n    }\n  };\n\n  // Use requestAnimationFrame for the first attempt to ensure DOM is ready\n  requestAnimationFrame(attempt);\n}\n\n/**\n * Creates a focus restoration manager.\n *\n * This hook saves the currently focused element when mounted and provides\n * methods to restore focus later, with retry logic for reliability.\n *\n * @example\n * ```tsx\n * function Modal(props) {\n *   const focusRestore = createFocusRestore({\n *     restoreOnUnmount: true,\n *     onRestore: () => console.log('Focus restored'),\n *   });\n *\n *   return (\n *     <div role=\"dialog\">\n *       {props.children}\n *       <button onClick={() => focusRestore.restore()}>\n *         Close\n *       </button>\n *     </div>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Manual focus management\n * function Dropdown() {\n *   const focusRestore = createFocusRestore({ restoreOnUnmount: false });\n *\n *   const onOpen = () => {\n *     focusRestore.saveCurrentFocus();\n *     // Focus dropdown content\n *   };\n *\n *   const onClose = () => {\n *     focusRestore.restore();\n *   };\n *\n *   return <div>...</div>;\n * }\n * ```\n */\nexport function createFocusRestore(options: FocusRestoreOptions = {}): FocusRestoreResult {\n  const {\n    restoreOnUnmount = true,\n    maxRetries = 3,\n    retryDelay = 50,\n    onRestore,\n    onRestoreFailed,\n    preventScroll = true,\n  } = options;\n\n  // During SSR, return no-op functions\n  if (isServer) {\n    return {\n      restore: () => false,\n      getSavedElement: () => null,\n      saveCurrentFocus: () => {},\n      clear: () => {},\n    };\n  }\n\n  let savedElement: HTMLElement | null = null;\n\n  // Save focus on mount\n  onMount(() => {\n    saveCurrentFocus();\n  });\n\n  // Restore focus on cleanup\n  onCleanup(() => {\n    if (restoreOnUnmount && savedElement) {\n      tryRestoreFocus(savedElement, {\n        maxRetries,\n        retryDelay,\n        preventScroll,\n        onRestore: onRestore ?? (() => {}),\n        onRestoreFailed: onRestoreFailed ?? (() => {}),\n      });\n    }\n  });\n\n  function saveCurrentFocus(): void {\n    const doc = typeof document !== \"undefined\" ? document : null;\n    if (!doc) return;\n\n    const active = getActiveElement(doc);\n    if (active && active !== doc.body) {\n      savedElement = active;\n      pushFocusStack(active);\n    }\n  }\n\n  function restore(): boolean {\n    if (!savedElement) return false;\n\n    if (isValidForRestore(savedElement)) {\n      if (preventScroll) {\n        focusSafely(savedElement);\n      } else {\n        savedElement.focus();\n      }\n      onRestore?.(savedElement);\n      return true;\n    }\n\n    // Try the focus stack\n    while (focusStack.length > 0) {\n      const stackElement = popFocusStack();\n      if (stackElement && isValidForRestore(stackElement)) {\n        if (preventScroll) {\n          focusSafely(stackElement);\n        } else {\n          stackElement.focus();\n        }\n        onRestore?.(stackElement);\n        return true;\n      }\n    }\n\n    onRestoreFailed?.();\n    return false;\n  }\n\n  function getSavedElement(): HTMLElement | null {\n    return savedElement;\n  }\n\n  function clear(): void {\n    savedElement = null;\n  }\n\n  return {\n    restore,\n    getSavedElement,\n    saveCurrentFocus,\n    clear,\n  };\n}\n","/**\n * Virtual focus management for solidaria\n *\n * Provides virtual focus for large collections where tracking DOM focus\n * on every item is impractical. Instead, a single element receives real\n * focus while aria-activedescendant indicates the virtually focused item.\n *\n * This is commonly used in:\n * - Virtualized lists (where not all items are in the DOM)\n * - Large trees\n * - Autocomplete/combobox suggestions\n * - Grid/table navigation\n */\n\nimport { type Accessor, createSignal, createEffect, onCleanup } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\n\nexport interface VirtualFocusOptions<T> {\n  /**\n   * The items in the collection.\n   */\n  items: Accessor<T[]>;\n  /**\n   * Function to get a unique key for each item.\n   */\n  getKey: (item: T) => string;\n  /**\n   * Function to check if an item is disabled.\n   */\n  isDisabled?: (item: T) => boolean;\n  /**\n   * Initial focused key.\n   */\n  defaultFocusedKey?: string;\n  /**\n   * Controlled focused key.\n   */\n  focusedKey?: Accessor<string | null>;\n  /**\n   * Callback when focused key changes.\n   */\n  onFocusChange?: (key: string | null) => void;\n  /**\n   * Whether to wrap focus at the edges.\n   * @default true\n   */\n  wrap?: boolean;\n  /**\n   * Whether to loop through disabled items.\n   * @default false\n   */\n  skipDisabled?: boolean;\n  /**\n   * Orientation for keyboard navigation.\n   * @default 'vertical'\n   */\n  orientation?: \"horizontal\" | \"vertical\" | \"both\";\n}\n\nexport interface VirtualFocusResult<T> {\n  /**\n   * The currently focused key.\n   */\n  focusedKey: Accessor<string | null>;\n  /**\n   * The currently focused item (if any).\n   */\n  focusedItem: Accessor<T | null>;\n  /**\n   * Set the focused key.\n   */\n  setFocusedKey: (key: string | null) => void;\n  /**\n   * Move focus to the next item.\n   */\n  focusNext: () => void;\n  /**\n   * Move focus to the previous item.\n   */\n  focusPrevious: () => void;\n  /**\n   * Move focus to the first item.\n   */\n  focusFirst: () => void;\n  /**\n   * Move focus to the last item.\n   */\n  focusLast: () => void;\n  /**\n   * Move focus by a page (for large lists).\n   */\n  focusPageDown: (pageSize?: number) => void;\n  /**\n   * Move focus up by a page (for large lists).\n   */\n  focusPageUp: (pageSize?: number) => void;\n  /**\n   * Check if a key is the currently focused key.\n   */\n  isFocused: (key: string) => boolean;\n  /**\n   * Props to spread on the container element.\n   */\n  containerProps: {\n    \"aria-activedescendant\": Accessor<string | undefined>;\n    onKeyDown: (e: KeyboardEvent) => void;\n  };\n  /**\n   * Get props for an item element.\n   */\n  getItemProps: (key: string) => {\n    id: string;\n    \"aria-selected\"?: boolean;\n  };\n}\n\nconst DEFAULT_PAGE_SIZE = 10;\n\n/**\n * Creates virtual focus management for a collection.\n *\n * Virtual focus uses aria-activedescendant to indicate which item is\n * \"focused\" while keeping real DOM focus on a container element. This\n * is more performant for large collections and required for virtualized\n * lists where items may not be in the DOM.\n *\n * @example\n * ```tsx\n * function Listbox(props) {\n *   const virtualFocus = createVirtualFocus({\n *     items: () => props.items,\n *     getKey: (item) => item.id,\n *     isDisabled: (item) => item.disabled,\n *   });\n *\n *   return (\n *     <ul\n *       role=\"listbox\"\n *       tabIndex={0}\n *       aria-activedescendant={virtualFocus.containerProps['aria-activedescendant']()}\n *       onKeyDown={virtualFocus.containerProps.onKeyDown}\n *     >\n *       <For each={props.items}>\n *         {(item) => (\n *           <li\n *             {...virtualFocus.getItemProps(item.id)}\n *             role=\"option\"\n *             aria-selected={virtualFocus.isFocused(item.id)}\n *           >\n *             {item.name}\n *           </li>\n *         )}\n *       </For>\n *     </ul>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // With controlled focus\n * function ControlledListbox() {\n *   const [focusedKey, setFocusedKey] = createSignal<string | null>(null);\n *\n *   const virtualFocus = createVirtualFocus({\n *     items: () => items,\n *     getKey: (item) => item.id,\n *     focusedKey: focusedKey,\n *     onFocusChange: setFocusedKey,\n *   });\n *\n *   return <ul>...</ul>;\n * }\n * ```\n */\nexport function createVirtualFocus<T>(options: VirtualFocusOptions<T>): VirtualFocusResult<T> {\n  const {\n    items,\n    getKey,\n    isDisabled = () => false,\n    defaultFocusedKey,\n    focusedKey: controlledFocusedKey,\n    onFocusChange,\n    wrap = true,\n    skipDisabled = true,\n    orientation = \"vertical\",\n  } = options;\n\n  // During SSR, return minimal implementation\n  if (isServer) {\n    const emptyAccessor = () => null;\n    return {\n      focusedKey: emptyAccessor,\n      focusedItem: emptyAccessor,\n      setFocusedKey: () => {},\n      focusNext: () => {},\n      focusPrevious: () => {},\n      focusFirst: () => {},\n      focusLast: () => {},\n      focusPageDown: () => {},\n      focusPageUp: () => {},\n      isFocused: () => false,\n      containerProps: {\n        \"aria-activedescendant\": () => undefined,\n        onKeyDown: () => {},\n      },\n      getItemProps: (key: string) => ({ id: `item-${key}` }),\n    };\n  }\n\n  // Internal state for uncontrolled mode\n  const [internalKey, setInternalKey] = createSignal<string | null>(defaultFocusedKey ?? null);\n\n  // Use controlled or uncontrolled value\n  const focusedKey = controlledFocusedKey ?? internalKey;\n\n  const setFocusedKey = (key: string | null) => {\n    if (controlledFocusedKey) {\n      onFocusChange?.(key);\n    } else {\n      setInternalKey(key);\n      onFocusChange?.(key);\n    }\n  };\n\n  // Get focused item\n  const focusedItem = (): T | null => {\n    const key = focusedKey();\n    if (!key) return null;\n    return items().find((item) => getKey(item) === key) ?? null;\n  };\n\n  // Get valid items (not disabled if skipDisabled is true)\n  const getValidItems = (): T[] => {\n    if (!skipDisabled) return items();\n    return items().filter((item) => !isDisabled(item));\n  };\n\n  // Get index of key in valid items\n  const getKeyIndex = (key: string | null): number => {\n    if (!key) return -1;\n    const validItems = getValidItems();\n    return validItems.findIndex((item) => getKey(item) === key);\n  };\n\n  // Focus by index\n  const focusByIndex = (index: number): void => {\n    const validItems = getValidItems();\n    if (validItems.length === 0) return;\n\n    let targetIndex = index;\n\n    if (wrap) {\n      targetIndex = ((index % validItems.length) + validItems.length) % validItems.length;\n    } else {\n      targetIndex = Math.max(0, Math.min(index, validItems.length - 1));\n    }\n\n    const item = validItems[targetIndex];\n    if (item) {\n      setFocusedKey(getKey(item));\n    }\n  };\n\n  const focusNext = (): void => {\n    const currentIndex = getKeyIndex(focusedKey());\n    focusByIndex(currentIndex + 1);\n  };\n\n  const focusPrevious = (): void => {\n    const currentIndex = getKeyIndex(focusedKey());\n    if (currentIndex === -1) {\n      focusByIndex(getValidItems().length - 1);\n    } else {\n      focusByIndex(currentIndex - 1);\n    }\n  };\n\n  const focusFirst = (): void => {\n    focusByIndex(0);\n  };\n\n  const focusLast = (): void => {\n    focusByIndex(getValidItems().length - 1);\n  };\n\n  const focusPageDown = (pageSize: number = DEFAULT_PAGE_SIZE): void => {\n    const currentIndex = getKeyIndex(focusedKey());\n    focusByIndex(currentIndex + pageSize);\n  };\n\n  const focusPageUp = (pageSize: number = DEFAULT_PAGE_SIZE): void => {\n    const currentIndex = getKeyIndex(focusedKey());\n    if (currentIndex === -1) {\n      focusByIndex(getValidItems().length - 1);\n    } else {\n      focusByIndex(currentIndex - pageSize);\n    }\n  };\n\n  const isFocused = (key: string): boolean => {\n    return focusedKey() === key;\n  };\n\n  // Keyboard handler\n  const onKeyDown = (e: KeyboardEvent): void => {\n    const isVertical = orientation === \"vertical\" || orientation === \"both\";\n    const isHorizontal = orientation === \"horizontal\" || orientation === \"both\";\n\n    switch (e.key) {\n      case \"ArrowDown\":\n        if (isVertical) {\n          e.preventDefault();\n          focusNext();\n        }\n        break;\n      case \"ArrowUp\":\n        if (isVertical) {\n          e.preventDefault();\n          focusPrevious();\n        }\n        break;\n      case \"ArrowRight\":\n        if (isHorizontal) {\n          e.preventDefault();\n          focusNext();\n        }\n        break;\n      case \"ArrowLeft\":\n        if (isHorizontal) {\n          e.preventDefault();\n          focusPrevious();\n        }\n        break;\n      case \"Home\":\n        e.preventDefault();\n        focusFirst();\n        break;\n      case \"End\":\n        e.preventDefault();\n        focusLast();\n        break;\n      case \"PageDown\":\n        e.preventDefault();\n        focusPageDown();\n        break;\n      case \"PageUp\":\n        e.preventDefault();\n        focusPageUp();\n        break;\n    }\n  };\n\n  const containerProps = {\n    \"aria-activedescendant\": () => {\n      const key = focusedKey();\n      return key ? `item-${key}` : undefined;\n    },\n    onKeyDown,\n  };\n\n  const getItemProps = (key: string) => ({\n    id: `item-${key}`,\n  });\n\n  return {\n    focusedKey,\n    focusedItem,\n    setFocusedKey,\n    focusNext,\n    focusPrevious,\n    focusFirst,\n    focusLast,\n    focusPageDown,\n    focusPageUp,\n    isFocused,\n    containerProps,\n    getItemProps,\n  };\n}\n","/**\n * Auto-focus management for solidaria\n *\n * Provides priority-based auto-focus with deferred execution\n * and conflict resolution for multiple auto-focus elements.\n */\n\nimport { createEffect, onCleanup, onMount } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { focusSafely } from \"../utils/focus\";\n\nexport interface AutoFocusOptions {\n  /**\n   * Whether auto-focus is enabled.\n   * @default true\n   */\n  isEnabled?: boolean;\n  /**\n   * Priority level (higher = more important).\n   * When multiple elements request auto-focus, the highest priority wins.\n   * @default 0\n   */\n  priority?: number;\n  /**\n   * Delay in milliseconds before focusing.\n   * Useful for animations or transitions.\n   * @default 0\n   */\n  delay?: number;\n  /**\n   * Whether to focus even if another element is already focused.\n   * @default false\n   */\n  force?: boolean;\n  /**\n   * Whether to prevent scrolling when focusing.\n   * @default true\n   */\n  preventScroll?: boolean;\n  /**\n   * Callback when focus is applied.\n   */\n  onFocus?: (element: HTMLElement) => void;\n  /**\n   * Callback when focus is skipped (due to lower priority or other reasons).\n   */\n  onSkip?: () => void;\n}\n\nexport interface AutoFocusResult {\n  /**\n   * Manually trigger the auto-focus.\n   */\n  focus: () => void;\n  /**\n   * Cancel any pending auto-focus.\n   */\n  cancel: () => void;\n}\n\ninterface QueuedFocus {\n  ref: () => HTMLElement | null | undefined;\n  priority: number;\n  delay: number;\n  force: boolean;\n  preventScroll: boolean;\n  onFocus?: (element: HTMLElement) => void;\n  onSkip?: () => void;\n}\n\n// Global queue for managing auto-focus requests\nlet autoFocusQueue: QueuedFocus[] = [];\nlet processingTimeout: ReturnType<typeof setTimeout> | null = null;\n\n/**\n * Process the auto-focus queue and focus the highest priority element.\n */\nfunction processAutoFocusQueue(): void {\n  if (processingTimeout) {\n    clearTimeout(processingTimeout);\n    processingTimeout = null;\n  }\n\n  if (autoFocusQueue.length === 0) return;\n\n  // Sort by priority (highest first)\n  autoFocusQueue.sort((a, b) => b.priority - a.priority);\n\n  // Get the highest priority item\n  const winner = autoFocusQueue[0];\n  const losers = autoFocusQueue.slice(1);\n\n  // Clear the queue\n  autoFocusQueue = [];\n\n  // Notify losers\n  for (const loser of losers) {\n    loser.onSkip?.();\n  }\n\n  // Focus the winner\n  const element = winner.ref();\n  if (!element) {\n    winner.onSkip?.();\n    return;\n  }\n\n  // Check if we should focus\n  const activeElement = document.activeElement;\n  const shouldFocus =\n    winner.force ||\n    !activeElement ||\n    activeElement === document.body ||\n    activeElement === document.documentElement;\n\n  if (!shouldFocus) {\n    winner.onSkip?.();\n    return;\n  }\n\n  // Apply focus with optional delay\n  if (winner.delay > 0) {\n    setTimeout(() => {\n      const el = winner.ref();\n      if (el && document.body.contains(el)) {\n        if (winner.preventScroll) {\n          focusSafely(el);\n        } else {\n          el.focus();\n        }\n        winner.onFocus?.(el);\n      }\n    }, winner.delay);\n  } else {\n    if (winner.preventScroll) {\n      focusSafely(element);\n    } else {\n      element.focus();\n    }\n    winner.onFocus?.(element);\n  }\n}\n\n/**\n * Queue an element for auto-focus.\n */\nfunction queueAutoFocus(item: QueuedFocus): void {\n  autoFocusQueue.push(item);\n\n  // Schedule processing on next frame to allow all components to register\n  if (processingTimeout === null) {\n    processingTimeout = setTimeout(processAutoFocusQueue, 0);\n  }\n}\n\n/**\n * Remove an item from the auto-focus queue.\n */\nfunction removeFromQueue(ref: () => HTMLElement | null | undefined): void {\n  autoFocusQueue = autoFocusQueue.filter((item) => item.ref !== ref);\n}\n\n/**\n * Creates auto-focus behavior for an element.\n *\n * This hook registers the element for auto-focus when mounted. If multiple\n * elements request auto-focus, the one with the highest priority wins.\n *\n * @param ref - Accessor for the element to focus\n * @param options - Auto-focus options\n *\n * @example\n * ```tsx\n * function Dialog(props) {\n *   let contentRef: HTMLDivElement | undefined;\n *\n *   createAutoFocus(() => contentRef, {\n *     priority: 10, // High priority for dialogs\n *     onFocus: () => console.log('Dialog focused'),\n *   });\n *\n *   return (\n *     <div ref={contentRef} tabIndex={-1}>\n *       {props.children}\n *     </div>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // With delay for animations\n * function AnimatedPanel() {\n *   let panelRef: HTMLDivElement | undefined;\n *\n *   createAutoFocus(() => panelRef, {\n *     delay: 300, // Wait for animation\n *   });\n *\n *   return <div ref={panelRef} class=\"animated-panel\">...</div>;\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Conditional auto-focus\n * function Input(props) {\n *   let inputRef: HTMLInputElement | undefined;\n *\n *   createAutoFocus(() => inputRef, {\n *     isEnabled: props.autoFocus,\n *   });\n *\n *   return <input ref={inputRef} />;\n * }\n * ```\n */\nexport function createAutoFocus(\n  ref: () => HTMLElement | null | undefined,\n  options: AutoFocusOptions = {},\n): AutoFocusResult {\n  const {\n    isEnabled = true,\n    priority = 0,\n    delay = 0,\n    force = false,\n    preventScroll = true,\n    onFocus,\n    onSkip,\n  } = options;\n\n  // During SSR, return no-op functions\n  if (isServer) {\n    return {\n      focus: () => {},\n      cancel: () => {},\n    };\n  }\n\n  let canceled = false;\n\n  // Queue auto-focus on mount\n  onMount(() => {\n    if (!isEnabled || canceled) return;\n\n    queueAutoFocus({\n      ref,\n      priority,\n      delay,\n      force,\n      preventScroll,\n      onFocus,\n      onSkip,\n    });\n  });\n\n  // Remove from queue on cleanup\n  onCleanup(() => {\n    removeFromQueue(ref);\n  });\n\n  const focus = (): void => {\n    if (canceled) return;\n\n    const element = ref();\n    if (!element) return;\n\n    if (preventScroll) {\n      focusSafely(element);\n    } else {\n      element.focus();\n    }\n    onFocus?.(element);\n  };\n\n  const cancel = (): void => {\n    canceled = true;\n    removeFromQueue(ref);\n  };\n\n  return {\n    focus,\n    cancel,\n  };\n}\n\n/**\n * Clears all pending auto-focus requests.\n * Useful for testing or when navigating away.\n */\nexport function clearAutoFocusQueue(): void {\n  if (processingTimeout) {\n    clearTimeout(processingTimeout);\n    processingTimeout = null;\n  }\n  autoFocusQueue = [];\n}\n\n/**\n * Gets the current auto-focus queue length.\n * Useful for debugging.\n */\nexport function getAutoFocusQueueLength(): number {\n  return autoFocusQueue.length;\n}\n"],"mappings":"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"}
+{"version":3,"file":"focus2.jsx","names":["getActiveElement"],"sources":["../../src/focus/createFocusRestore.ts","../../src/focus/createVirtualFocus.ts","../../src/focus/virtualFocus.ts","../../src/focus/createAutoFocus.ts"],"sourcesContent":["/**\n * Focus restoration utilities for solidaria\n *\n * Provides enhanced focus restoration with retry logic, cross-scope tracking,\n * and safe restoration patterns.\n */\n\nimport { createEffect, onCleanup, onMount } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { getOwnerDocument } from \"../utils\";\nimport { focusSafely } from \"../utils/focus\";\n\nexport interface FocusRestoreOptions {\n  /**\n   * Whether to restore focus when the component unmounts.\n   * @default true\n   */\n  restoreOnUnmount?: boolean;\n  /**\n   * Maximum number of retries if the element is not in the DOM.\n   * @default 3\n   */\n  maxRetries?: number;\n  /**\n   * Delay between retries in milliseconds.\n   * @default 50\n   */\n  retryDelay?: number;\n  /**\n   * Callback when focus is successfully restored.\n   */\n  onRestore?: (element: HTMLElement) => void;\n  /**\n   * Callback when focus restoration fails.\n   */\n  onRestoreFailed?: () => void;\n  /**\n   * Whether to prevent scrolling when restoring focus.\n   * @default true\n   */\n  preventScroll?: boolean;\n}\n\nexport interface FocusRestoreResult {\n  /**\n   * Manually restore focus to the saved element.\n   */\n  restore: () => boolean;\n  /**\n   * Get the saved element (if any).\n   */\n  getSavedElement: () => HTMLElement | null;\n  /**\n   * Save the currently focused element.\n   */\n  saveCurrentFocus: () => void;\n  /**\n   * Clear the saved element without restoring.\n   */\n  clear: () => void;\n}\n\n// Stack to track focus history across scopes\nconst focusStack: HTMLElement[] = [];\n\n/**\n * Push an element onto the focus stack.\n */\nexport function pushFocusStack(element: HTMLElement): void {\n  focusStack.push(element);\n}\n\n/**\n * Pop the last element from the focus stack.\n */\nexport function popFocusStack(): HTMLElement | undefined {\n  return focusStack.pop();\n}\n\n/**\n * Get the current focus stack length.\n */\nexport function getFocusStackLength(): number {\n  return focusStack.length;\n}\n\n/**\n * Clear the entire focus stack.\n */\nexport function clearFocusStack(): void {\n  focusStack.length = 0;\n}\n\n/**\n * Gets the active element, accounting for shadow DOM.\n */\nfunction getActiveElement(doc: Document): HTMLElement | null {\n  let activeElement = doc.activeElement as HTMLElement | null;\n  while (activeElement?.shadowRoot?.activeElement) {\n    activeElement = activeElement.shadowRoot.activeElement as HTMLElement;\n  }\n  return activeElement;\n}\n\n/**\n * Checks if an element is still valid for focus restoration.\n */\nfunction isValidForRestore(element: HTMLElement | null): boolean {\n  if (!element) return false;\n  if (!document.body.contains(element)) return false;\n  if (element.hasAttribute(\"disabled\")) return false;\n  if (element.getAttribute(\"aria-disabled\") === \"true\") return false;\n  if (element.getAttribute(\"aria-hidden\") === \"true\") return false;\n  return true;\n}\n\n/**\n * Attempts to restore focus with retries.\n */\nfunction tryRestoreFocus(\n  element: HTMLElement | null,\n  options: Required<\n    Pick<\n      FocusRestoreOptions,\n      \"maxRetries\" | \"retryDelay\" | \"preventScroll\" | \"onRestore\" | \"onRestoreFailed\"\n    >\n  >,\n): void {\n  const { maxRetries, retryDelay, preventScroll, onRestore, onRestoreFailed } = options;\n  let attempts = 0;\n\n  const attempt = () => {\n    if (!element) {\n      onRestoreFailed?.();\n      return;\n    }\n\n    if (isValidForRestore(element)) {\n      if (preventScroll) {\n        focusSafely(element);\n      } else {\n        element.focus();\n      }\n      onRestore?.(element);\n      return;\n    }\n\n    attempts++;\n    if (attempts < maxRetries) {\n      setTimeout(attempt, retryDelay);\n    } else {\n      onRestoreFailed?.();\n    }\n  };\n\n  // Use requestAnimationFrame for the first attempt to ensure DOM is ready\n  requestAnimationFrame(attempt);\n}\n\n/**\n * Creates a focus restoration manager.\n *\n * This hook saves the currently focused element when mounted and provides\n * methods to restore focus later, with retry logic for reliability.\n *\n * @example\n * ```tsx\n * function Modal(props) {\n *   const focusRestore = createFocusRestore({\n *     restoreOnUnmount: true,\n *     onRestore: () => console.log('Focus restored'),\n *   });\n *\n *   return (\n *     <div role=\"dialog\">\n *       {props.children}\n *       <button onClick={() => focusRestore.restore()}>\n *         Close\n *       </button>\n *     </div>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Manual focus management\n * function Dropdown() {\n *   const focusRestore = createFocusRestore({ restoreOnUnmount: false });\n *\n *   const onOpen = () => {\n *     focusRestore.saveCurrentFocus();\n *     // Focus dropdown content\n *   };\n *\n *   const onClose = () => {\n *     focusRestore.restore();\n *   };\n *\n *   return <div>...</div>;\n * }\n * ```\n */\nexport function createFocusRestore(options: FocusRestoreOptions = {}): FocusRestoreResult {\n  const {\n    restoreOnUnmount = true,\n    maxRetries = 3,\n    retryDelay = 50,\n    onRestore,\n    onRestoreFailed,\n    preventScroll = true,\n  } = options;\n\n  // During SSR, return no-op functions\n  if (isServer) {\n    return {\n      restore: () => false,\n      getSavedElement: () => null,\n      saveCurrentFocus: () => {},\n      clear: () => {},\n    };\n  }\n\n  let savedElement: HTMLElement | null = null;\n\n  // Save focus on mount\n  onMount(() => {\n    saveCurrentFocus();\n  });\n\n  // Restore focus on cleanup\n  onCleanup(() => {\n    if (restoreOnUnmount && savedElement) {\n      tryRestoreFocus(savedElement, {\n        maxRetries,\n        retryDelay,\n        preventScroll,\n        onRestore: onRestore ?? (() => {}),\n        onRestoreFailed: onRestoreFailed ?? (() => {}),\n      });\n    }\n  });\n\n  function saveCurrentFocus(): void {\n    const doc = typeof document !== \"undefined\" ? document : null;\n    if (!doc) return;\n\n    const active = getActiveElement(doc);\n    if (active && active !== doc.body) {\n      savedElement = active;\n      pushFocusStack(active);\n    }\n  }\n\n  function restore(): boolean {\n    if (!savedElement) return false;\n\n    if (isValidForRestore(savedElement)) {\n      if (preventScroll) {\n        focusSafely(savedElement);\n      } else {\n        savedElement.focus();\n      }\n      onRestore?.(savedElement);\n      return true;\n    }\n\n    // Try the focus stack\n    while (focusStack.length > 0) {\n      const stackElement = popFocusStack();\n      if (stackElement && isValidForRestore(stackElement)) {\n        if (preventScroll) {\n          focusSafely(stackElement);\n        } else {\n          stackElement.focus();\n        }\n        onRestore?.(stackElement);\n        return true;\n      }\n    }\n\n    onRestoreFailed?.();\n    return false;\n  }\n\n  function getSavedElement(): HTMLElement | null {\n    return savedElement;\n  }\n\n  function clear(): void {\n    savedElement = null;\n  }\n\n  return {\n    restore,\n    getSavedElement,\n    saveCurrentFocus,\n    clear,\n  };\n}\n","/**\n * Virtual focus management for solidaria\n *\n * Provides virtual focus for large collections where tracking DOM focus\n * on every item is impractical. Instead, a single element receives real\n * focus while aria-activedescendant indicates the virtually focused item.\n *\n * This is commonly used in:\n * - Virtualized lists (where not all items are in the DOM)\n * - Large trees\n * - Autocomplete/combobox suggestions\n * - Grid/table navigation\n */\n\nimport { type Accessor, createSignal, createEffect, onCleanup } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\n\nexport interface VirtualFocusOptions<T> {\n  /**\n   * The items in the collection.\n   */\n  items: Accessor<T[]>;\n  /**\n   * Function to get a unique key for each item.\n   */\n  getKey: (item: T) => string;\n  /**\n   * Function to check if an item is disabled.\n   */\n  isDisabled?: (item: T) => boolean;\n  /**\n   * Initial focused key.\n   */\n  defaultFocusedKey?: string;\n  /**\n   * Controlled focused key.\n   */\n  focusedKey?: Accessor<string | null>;\n  /**\n   * Callback when focused key changes.\n   */\n  onFocusChange?: (key: string | null) => void;\n  /**\n   * Whether to wrap focus at the edges.\n   * @default true\n   */\n  wrap?: boolean;\n  /**\n   * Whether to loop through disabled items.\n   * @default false\n   */\n  skipDisabled?: boolean;\n  /**\n   * Orientation for keyboard navigation.\n   * @default 'vertical'\n   */\n  orientation?: \"horizontal\" | \"vertical\" | \"both\";\n}\n\nexport interface VirtualFocusResult<T> {\n  /**\n   * The currently focused key.\n   */\n  focusedKey: Accessor<string | null>;\n  /**\n   * The currently focused item (if any).\n   */\n  focusedItem: Accessor<T | null>;\n  /**\n   * Set the focused key.\n   */\n  setFocusedKey: (key: string | null) => void;\n  /**\n   * Move focus to the next item.\n   */\n  focusNext: () => void;\n  /**\n   * Move focus to the previous item.\n   */\n  focusPrevious: () => void;\n  /**\n   * Move focus to the first item.\n   */\n  focusFirst: () => void;\n  /**\n   * Move focus to the last item.\n   */\n  focusLast: () => void;\n  /**\n   * Move focus by a page (for large lists).\n   */\n  focusPageDown: (pageSize?: number) => void;\n  /**\n   * Move focus up by a page (for large lists).\n   */\n  focusPageUp: (pageSize?: number) => void;\n  /**\n   * Check if a key is the currently focused key.\n   */\n  isFocused: (key: string) => boolean;\n  /**\n   * Props to spread on the container element.\n   */\n  containerProps: {\n    \"aria-activedescendant\": Accessor<string | undefined>;\n    onKeyDown: (e: KeyboardEvent) => void;\n  };\n  /**\n   * Get props for an item element.\n   */\n  getItemProps: (key: string) => {\n    id: string;\n    \"aria-selected\"?: boolean;\n  };\n}\n\nconst DEFAULT_PAGE_SIZE = 10;\n\n/**\n * Creates virtual focus management for a collection.\n *\n * Virtual focus uses aria-activedescendant to indicate which item is\n * \"focused\" while keeping real DOM focus on a container element. This\n * is more performant for large collections and required for virtualized\n * lists where items may not be in the DOM.\n *\n * @example\n * ```tsx\n * function Listbox(props) {\n *   const virtualFocus = createVirtualFocus({\n *     items: () => props.items,\n *     getKey: (item) => item.id,\n *     isDisabled: (item) => item.disabled,\n *   });\n *\n *   return (\n *     <ul\n *       role=\"listbox\"\n *       tabIndex={0}\n *       aria-activedescendant={virtualFocus.containerProps['aria-activedescendant']()}\n *       onKeyDown={virtualFocus.containerProps.onKeyDown}\n *     >\n *       <For each={props.items}>\n *         {(item) => (\n *           <li\n *             {...virtualFocus.getItemProps(item.id)}\n *             role=\"option\"\n *             aria-selected={virtualFocus.isFocused(item.id)}\n *           >\n *             {item.name}\n *           </li>\n *         )}\n *       </For>\n *     </ul>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // With controlled focus\n * function ControlledListbox() {\n *   const [focusedKey, setFocusedKey] = createSignal<string | null>(null);\n *\n *   const virtualFocus = createVirtualFocus({\n *     items: () => items,\n *     getKey: (item) => item.id,\n *     focusedKey: focusedKey,\n *     onFocusChange: setFocusedKey,\n *   });\n *\n *   return <ul>...</ul>;\n * }\n * ```\n */\nexport function createVirtualFocus<T>(options: VirtualFocusOptions<T>): VirtualFocusResult<T> {\n  const {\n    items,\n    getKey,\n    isDisabled = () => false,\n    defaultFocusedKey,\n    focusedKey: controlledFocusedKey,\n    onFocusChange,\n    wrap = true,\n    skipDisabled = true,\n    orientation = \"vertical\",\n  } = options;\n\n  // During SSR, return minimal implementation\n  if (isServer) {\n    const emptyAccessor = () => null;\n    return {\n      focusedKey: emptyAccessor,\n      focusedItem: emptyAccessor,\n      setFocusedKey: () => {},\n      focusNext: () => {},\n      focusPrevious: () => {},\n      focusFirst: () => {},\n      focusLast: () => {},\n      focusPageDown: () => {},\n      focusPageUp: () => {},\n      isFocused: () => false,\n      containerProps: {\n        \"aria-activedescendant\": () => undefined,\n        onKeyDown: () => {},\n      },\n      getItemProps: (key: string) => ({ id: `item-${key}` }),\n    };\n  }\n\n  // Internal state for uncontrolled mode\n  const [internalKey, setInternalKey] = createSignal<string | null>(defaultFocusedKey ?? null);\n\n  // Use controlled or uncontrolled value\n  const focusedKey = controlledFocusedKey ?? internalKey;\n\n  const setFocusedKey = (key: string | null) => {\n    if (controlledFocusedKey) {\n      onFocusChange?.(key);\n    } else {\n      setInternalKey(key);\n      onFocusChange?.(key);\n    }\n  };\n\n  // Get focused item\n  const focusedItem = (): T | null => {\n    const key = focusedKey();\n    if (!key) return null;\n    return items().find((item) => getKey(item) === key) ?? null;\n  };\n\n  // Get valid items (not disabled if skipDisabled is true)\n  const getValidItems = (): T[] => {\n    if (!skipDisabled) return items();\n    return items().filter((item) => !isDisabled(item));\n  };\n\n  // Get index of key in valid items\n  const getKeyIndex = (key: string | null): number => {\n    if (!key) return -1;\n    const validItems = getValidItems();\n    return validItems.findIndex((item) => getKey(item) === key);\n  };\n\n  // Focus by index\n  const focusByIndex = (index: number): void => {\n    const validItems = getValidItems();\n    if (validItems.length === 0) return;\n\n    let targetIndex = index;\n\n    if (wrap) {\n      targetIndex = ((index % validItems.length) + validItems.length) % validItems.length;\n    } else {\n      targetIndex = Math.max(0, Math.min(index, validItems.length - 1));\n    }\n\n    const item = validItems[targetIndex];\n    if (item) {\n      setFocusedKey(getKey(item));\n    }\n  };\n\n  const focusNext = (): void => {\n    const currentIndex = getKeyIndex(focusedKey());\n    focusByIndex(currentIndex + 1);\n  };\n\n  const focusPrevious = (): void => {\n    const currentIndex = getKeyIndex(focusedKey());\n    if (currentIndex === -1) {\n      focusByIndex(getValidItems().length - 1);\n    } else {\n      focusByIndex(currentIndex - 1);\n    }\n  };\n\n  const focusFirst = (): void => {\n    focusByIndex(0);\n  };\n\n  const focusLast = (): void => {\n    focusByIndex(getValidItems().length - 1);\n  };\n\n  const focusPageDown = (pageSize: number = DEFAULT_PAGE_SIZE): void => {\n    const currentIndex = getKeyIndex(focusedKey());\n    focusByIndex(currentIndex + pageSize);\n  };\n\n  const focusPageUp = (pageSize: number = DEFAULT_PAGE_SIZE): void => {\n    const currentIndex = getKeyIndex(focusedKey());\n    if (currentIndex === -1) {\n      focusByIndex(getValidItems().length - 1);\n    } else {\n      focusByIndex(currentIndex - pageSize);\n    }\n  };\n\n  const isFocused = (key: string): boolean => {\n    return focusedKey() === key;\n  };\n\n  // Keyboard handler\n  const onKeyDown = (e: KeyboardEvent): void => {\n    const isVertical = orientation === \"vertical\" || orientation === \"both\";\n    const isHorizontal = orientation === \"horizontal\" || orientation === \"both\";\n\n    switch (e.key) {\n      case \"ArrowDown\":\n        if (isVertical) {\n          e.preventDefault();\n          focusNext();\n        }\n        break;\n      case \"ArrowUp\":\n        if (isVertical) {\n          e.preventDefault();\n          focusPrevious();\n        }\n        break;\n      case \"ArrowRight\":\n        if (isHorizontal) {\n          e.preventDefault();\n          focusNext();\n        }\n        break;\n      case \"ArrowLeft\":\n        if (isHorizontal) {\n          e.preventDefault();\n          focusPrevious();\n        }\n        break;\n      case \"Home\":\n        e.preventDefault();\n        focusFirst();\n        break;\n      case \"End\":\n        e.preventDefault();\n        focusLast();\n        break;\n      case \"PageDown\":\n        e.preventDefault();\n        focusPageDown();\n        break;\n      case \"PageUp\":\n        e.preventDefault();\n        focusPageUp();\n        break;\n    }\n  };\n\n  const containerProps = {\n    \"aria-activedescendant\": () => {\n      const key = focusedKey();\n      return key ? `item-${key}` : undefined;\n    },\n    onKeyDown,\n  };\n\n  const getItemProps = (key: string) => ({\n    id: `item-${key}`,\n  });\n\n  return {\n    focusedKey,\n    focusedItem,\n    setFocusedKey,\n    focusNext,\n    focusPrevious,\n    focusFirst,\n    focusLast,\n    focusPageDown,\n    focusPageUp,\n    isFocused,\n    containerProps,\n    getItemProps,\n  };\n}\n","/**\n * Virtual-focus event dispatch primitives.\n *\n * A faithful port of @react-aria/focus's `virtualFocus` module. Under virtual\n * focus (e.g. Autocomplete), real DOM focus stays on an input while the\n * \"focused\" collection option is indicated by `aria-activedescendant`. Moving\n * that virtual cursor dispatches synthetic `focus`/`blur` events (with matching\n * bubbling `focusin`/`focusout`) on the option elements so listeners — notably\n * the autocomplete input's `focusin` handler that mirrors the active descendant\n * — react as if the element were really focused.\n */\n\nimport { getActiveElement, getOwnerDocument } from \"../utils/dom\";\n\n/**\n * Moves virtual focus to `to`, dispatching a virtual blur on the previously\n * virtually-focused element (if any) and a virtual focus on `to` (if non-null).\n */\nexport function moveVirtualFocus(to: Element | null): void {\n  const from = getVirtuallyFocusedElement(getOwnerDocument(to));\n  if (from !== to) {\n    if (from) {\n      dispatchVirtualBlur(from, to);\n    }\n    if (to) {\n      dispatchVirtualFocus(to, from);\n    }\n  }\n}\n\n/** Dispatches synthetic `blur` + bubbling `focusout` events on `from`. */\nexport function dispatchVirtualBlur(from: Element, to: Element | null): void {\n  from.dispatchEvent(new FocusEvent(\"blur\", { relatedTarget: to }));\n  from.dispatchEvent(new FocusEvent(\"focusout\", { bubbles: true, relatedTarget: to }));\n}\n\n/** Dispatches synthetic `focus` + bubbling `focusin` events on `to`. */\nexport function dispatchVirtualFocus(to: Element, from: Element | null): void {\n  to.dispatchEvent(new FocusEvent(\"focus\", { relatedTarget: from }));\n  to.dispatchEvent(new FocusEvent(\"focusin\", { bubbles: true, relatedTarget: from }));\n}\n\n/**\n * Returns the currently virtually-focused element: the element referenced by the\n * active element's `aria-activedescendant`, or the active element itself.\n */\nexport function getVirtuallyFocusedElement(document: Document): Element | null {\n  const activeElement = getActiveElement(document);\n  const activeDescendant = activeElement?.getAttribute(\"aria-activedescendant\");\n  if (activeDescendant) {\n    return document.getElementById(activeDescendant) || activeElement;\n  }\n\n  return activeElement;\n}\n","/**\n * Auto-focus management for solidaria\n *\n * Provides priority-based auto-focus with deferred execution\n * and conflict resolution for multiple auto-focus elements.\n */\n\nimport { createEffect, onCleanup, onMount } from \"solid-js\";\nimport { isServer } from \"solid-js/web\";\nimport { focusSafely } from \"../utils/focus\";\n\nexport interface AutoFocusOptions {\n  /**\n   * Whether auto-focus is enabled.\n   * @default true\n   */\n  isEnabled?: boolean;\n  /**\n   * Priority level (higher = more important).\n   * When multiple elements request auto-focus, the highest priority wins.\n   * @default 0\n   */\n  priority?: number;\n  /**\n   * Delay in milliseconds before focusing.\n   * Useful for animations or transitions.\n   * @default 0\n   */\n  delay?: number;\n  /**\n   * Whether to focus even if another element is already focused.\n   * @default false\n   */\n  force?: boolean;\n  /**\n   * Whether to prevent scrolling when focusing.\n   * @default true\n   */\n  preventScroll?: boolean;\n  /**\n   * Callback when focus is applied.\n   */\n  onFocus?: (element: HTMLElement) => void;\n  /**\n   * Callback when focus is skipped (due to lower priority or other reasons).\n   */\n  onSkip?: () => void;\n}\n\nexport interface AutoFocusResult {\n  /**\n   * Manually trigger the auto-focus.\n   */\n  focus: () => void;\n  /**\n   * Cancel any pending auto-focus.\n   */\n  cancel: () => void;\n}\n\ninterface QueuedFocus {\n  ref: () => HTMLElement | null | undefined;\n  priority: number;\n  delay: number;\n  force: boolean;\n  preventScroll: boolean;\n  onFocus?: (element: HTMLElement) => void;\n  onSkip?: () => void;\n}\n\n// Global queue for managing auto-focus requests\nlet autoFocusQueue: QueuedFocus[] = [];\nlet processingTimeout: ReturnType<typeof setTimeout> | null = null;\n\n/**\n * Process the auto-focus queue and focus the highest priority element.\n */\nfunction processAutoFocusQueue(): void {\n  if (processingTimeout) {\n    clearTimeout(processingTimeout);\n    processingTimeout = null;\n  }\n\n  if (autoFocusQueue.length === 0) return;\n\n  // Sort by priority (highest first)\n  autoFocusQueue.sort((a, b) => b.priority - a.priority);\n\n  // Get the highest priority item\n  const winner = autoFocusQueue[0];\n  const losers = autoFocusQueue.slice(1);\n\n  // Clear the queue\n  autoFocusQueue = [];\n\n  // Notify losers\n  for (const loser of losers) {\n    loser.onSkip?.();\n  }\n\n  // Focus the winner\n  const element = winner.ref();\n  if (!element) {\n    winner.onSkip?.();\n    return;\n  }\n\n  // Check if we should focus\n  const activeElement = document.activeElement;\n  const shouldFocus =\n    winner.force ||\n    !activeElement ||\n    activeElement === document.body ||\n    activeElement === document.documentElement;\n\n  if (!shouldFocus) {\n    winner.onSkip?.();\n    return;\n  }\n\n  // Apply focus with optional delay\n  if (winner.delay > 0) {\n    setTimeout(() => {\n      const el = winner.ref();\n      if (el && document.body.contains(el)) {\n        if (winner.preventScroll) {\n          focusSafely(el);\n        } else {\n          el.focus();\n        }\n        winner.onFocus?.(el);\n      }\n    }, winner.delay);\n  } else {\n    if (winner.preventScroll) {\n      focusSafely(element);\n    } else {\n      element.focus();\n    }\n    winner.onFocus?.(element);\n  }\n}\n\n/**\n * Queue an element for auto-focus.\n */\nfunction queueAutoFocus(item: QueuedFocus): void {\n  autoFocusQueue.push(item);\n\n  // Schedule processing on next frame to allow all components to register\n  if (processingTimeout === null) {\n    processingTimeout = setTimeout(processAutoFocusQueue, 0);\n  }\n}\n\n/**\n * Remove an item from the auto-focus queue.\n */\nfunction removeFromQueue(ref: () => HTMLElement | null | undefined): void {\n  autoFocusQueue = autoFocusQueue.filter((item) => item.ref !== ref);\n}\n\n/**\n * Creates auto-focus behavior for an element.\n *\n * This hook registers the element for auto-focus when mounted. If multiple\n * elements request auto-focus, the one with the highest priority wins.\n *\n * @param ref - Accessor for the element to focus\n * @param options - Auto-focus options\n *\n * @example\n * ```tsx\n * function Dialog(props) {\n *   let contentRef: HTMLDivElement | undefined;\n *\n *   createAutoFocus(() => contentRef, {\n *     priority: 10, // High priority for dialogs\n *     onFocus: () => console.log('Dialog focused'),\n *   });\n *\n *   return (\n *     <div ref={contentRef} tabIndex={-1}>\n *       {props.children}\n *     </div>\n *   );\n * }\n * ```\n *\n * @example\n * ```tsx\n * // With delay for animations\n * function AnimatedPanel() {\n *   let panelRef: HTMLDivElement | undefined;\n *\n *   createAutoFocus(() => panelRef, {\n *     delay: 300, // Wait for animation\n *   });\n *\n *   return <div ref={panelRef} class=\"animated-panel\">...</div>;\n * }\n * ```\n *\n * @example\n * ```tsx\n * // Conditional auto-focus\n * function Input(props) {\n *   let inputRef: HTMLInputElement | undefined;\n *\n *   createAutoFocus(() => inputRef, {\n *     isEnabled: props.autoFocus,\n *   });\n *\n *   return <input ref={inputRef} />;\n * }\n * ```\n */\nexport function createAutoFocus(\n  ref: () => HTMLElement | null | undefined,\n  options: AutoFocusOptions = {},\n): AutoFocusResult {\n  const {\n    isEnabled = true,\n    priority = 0,\n    delay = 0,\n    force = false,\n    preventScroll = true,\n    onFocus,\n    onSkip,\n  } = options;\n\n  // During SSR, return no-op functions\n  if (isServer) {\n    return {\n      focus: () => {},\n      cancel: () => {},\n    };\n  }\n\n  let canceled = false;\n\n  // Queue auto-focus on mount\n  onMount(() => {\n    if (!isEnabled || canceled) return;\n\n    queueAutoFocus({\n      ref,\n      priority,\n      delay,\n      force,\n      preventScroll,\n      onFocus,\n      onSkip,\n    });\n  });\n\n  // Remove from queue on cleanup\n  onCleanup(() => {\n    removeFromQueue(ref);\n  });\n\n  const focus = (): void => {\n    if (canceled) return;\n\n    const element = ref();\n    if (!element) return;\n\n    if (preventScroll) {\n      focusSafely(element);\n    } else {\n      element.focus();\n    }\n    onFocus?.(element);\n  };\n\n  const cancel = (): void => {\n    canceled = true;\n    removeFromQueue(ref);\n  };\n\n  return {\n    focus,\n    cancel,\n  };\n}\n\n/**\n * Clears all pending auto-focus requests.\n * Useful for testing or when navigating away.\n */\nexport function clearAutoFocusQueue(): void {\n  if (processingTimeout) {\n    clearTimeout(processingTimeout);\n    processingTimeout = null;\n  }\n  autoFocusQueue = [];\n}\n\n/**\n * Gets the current auto-focus queue length.\n * Useful for debugging.\n */\nexport function getAutoFocusQueueLength(): number {\n  return autoFocusQueue.length;\n}\n"],"mappings":"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"}

package/dist/_chunk/grid.js

@@ -1,4 +1,4 @@
-import { a as useLocale } from "./createCollator.js";
+import { i as useLocale } from "./locale.js";
 import { createMemo, createSignal } from "solid-js";
 import { createId } from "@proyecto-viviana/solid-stately";
 //#region src/grid/GridKeyboardDelegate.ts

package/dist/_chunk/grid.jsx

@@ -1,4 +1,4 @@
-import { a as useLocale } from "./createCollator.jsx";
+import { i as useLocale } from "./locale.jsx";
 import { createMemo, createSignal } from "solid-js";
 import { createId } from "@proyecto-viviana/solid-stately";
 //#region src/grid/GridKeyboardDelegate.ts

package/dist/_chunk/gridlist.js

@@ -1,4 +1,4 @@
-import { o as mergeProps } from "./env.js";
+import { i as mergeProps$1 } from "./env.js";
 import { S as scrollIntoViewport } from "./utils.js";
 import { o as getInteractionModality } from "./createInteractionModality.js";
 import { createId as createId$1, createSlotId } from "../ssr/index.js";
@@ -88,7 +88,8 @@ function createGridList(props, state, ref) {
 			}
 			case "ArrowRight":
 			case "ArrowLeft": {
-				if (p.orientation !== "horizontal") break;
+				const behavior = p.keyboardNavigationBehavior ?? "arrow";
+				if (p.orientation !== "horizontal" || behavior !== "tab") break;
 				e.preventDefault();
 				const isRtl = p.direction === "rtl";
 				const step = (e.key === "ArrowRight" ? !isRtl : isRtl) ? (k) => collection.getKeyAfter(k) : (k) => collection.getKeyBefore(k);
@@ -123,13 +124,17 @@ function createGridList(props, state, ref) {
 				break;
 		}
 	};
-	const onFocus = () => {
+	const onFocus = (e) => {
 		const s = state();
+		const p = props();
 		s.setFocused(true);
-		if (s.focusedKey == null) {
-			const firstKey = findNextNavigableKey(s, s.collection.getFirstKey(), (k) => s.collection.getKeyAfter(k));
-			if (firstKey != null) s.setFocusedKey(firstKey);
-		}
+		const container = e.currentTarget;
+		if (container && !container.contains(e.target)) return;
+		if (s.focusedKey != null || p.isDisabled) return;
+		const collection = s.collection;
+		const relatedTarget = e.relatedTarget;
+		const enterKey = relatedTarget && container && container.compareDocumentPosition(relatedTarget) & Node.DOCUMENT_POSITION_FOLLOWING ? findNextNavigableKey(s, collection.getLastKey(), (k) => collection.getKeyBefore(k)) : findNextNavigableKey(s, collection.getFirstKey(), (k) => collection.getKeyAfter(k));
+		if (enterKey != null) s.setFocusedKey(enterKey);
 	};
 	const onBlur = () => {
 		state().setFocused(false);
@@ -157,7 +162,7 @@ function createGridList(props, state, ref) {
 			"aria-describedby": p["aria-describedby"],
 			"aria-multiselectable": s.selectionMode === "multiple" ? true : void 0,
 			"aria-disabled": p.isDisabled || void 0,
-			tabIndex: p.isDisabled ? void 0 : 0,
+			tabIndex: p.isDisabled ? void 0 : s.focusedKey != null ? -1 : 0,
 			onKeyDown,
 			onFocus,
 			onBlur
@@ -247,7 +252,7 @@ function createGridListItem(props, state, ref) {
 		};
 		if (p.isVirtualized && node.rowIndex != null) baseProps["aria-rowindex"] = node.rowIndex + 1;
 		const gridListData = getGridListData(s);
-		return mergeCollectionRowInteractionProps(mergeProps(selectableItem.itemProps, baseProps), {
+		return mergeCollectionRowInteractionProps(mergeProps$1(selectableItem.itemProps, baseProps), {
 			ref,
 			keyboardNavigationBehavior: () => gridListData?.keyboardNavigationBehavior ?? "arrow",
 			direction: () => gridListData?.direction ?? "ltr"