@proyecto-viviana/solidaria 0.3.0 → 0.4.1

package/dist/_chunk/FocusScope.jsx

@@ -0,0 +1,375 @@
+import { g as isTabbable, i as getActiveElement, o as getFocusableTreeWalker, p as isFocusable, s as getOwnerDocument, t as focusSafely } from "./focus.jsx";
+import { createContext, createEffect, createSignal, onCleanup, onMount, useContext } 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.
+*/
+/**
+* Walks a TreeWalker to its final (deepest-last) node, mirroring the `last`
+* helper in @react-aria/focus.
+*/
+function lastFocusable(walker) {
+	let next;
+	let last;
+	do {
+		last = walker.lastChild();
+		if (last) next = last;
+	} while (last);
+	return next ?? null;
+}
+/**
+* Creates a FocusManager rooted at the given ref element, independent of any
+* FocusScope. Mirrors @react-aria/focus's `createFocusManager`: it walks the
+* focusable tree with `getFocusableTreeWalker` so segment/spinbutton navigation
+* inside a date field group behaves exactly like upstream.
+*/
+function createFocusManager(ref, defaultOptions = {}) {
+	return {
+		focusNext(opts = {}) {
+			const root = ref();
+			if (!root) return null;
+			const { from, tabbable = defaultOptions.tabbable, wrap = defaultOptions.wrap, accept = defaultOptions.accept } = opts;
+			const node = from || getActiveElement(getOwnerDocument(root));
+			const walker = getFocusableTreeWalker(root, {
+				tabbable,
+				accept
+			});
+			if (node && root.contains(node)) walker.currentNode = node;
+			let nextNode = walker.nextNode();
+			if (!nextNode && wrap) {
+				walker.currentNode = root;
+				nextNode = walker.nextNode();
+			}
+			if (nextNode) focusSafely(nextNode);
+			return nextNode;
+		},
+		focusPrevious(opts = {}) {
+			const root = ref();
+			if (!root) return null;
+			const { from, tabbable = defaultOptions.tabbable, wrap = defaultOptions.wrap, accept = defaultOptions.accept } = opts;
+			const node = from || getActiveElement(getOwnerDocument(root));
+			const walker = getFocusableTreeWalker(root, {
+				tabbable,
+				accept
+			});
+			if (node && root.contains(node)) walker.currentNode = node;
+			else {
+				const next = lastFocusable(walker);
+				if (next) focusSafely(next);
+				return next;
+			}
+			let previousNode = walker.previousNode();
+			if (!previousNode && wrap) {
+				walker.currentNode = root;
+				const lastNode = lastFocusable(walker);
+				if (!lastNode) return null;
+				previousNode = lastNode;
+			}
+			if (previousNode) focusSafely(previousNode);
+			return previousNode;
+		},
+		focusFirst(opts = {}) {
+			const root = ref();
+			if (!root) return null;
+			const { tabbable = defaultOptions.tabbable, accept = defaultOptions.accept } = opts;
+			const nextNode = getFocusableTreeWalker(root, {
+				tabbable,
+				accept
+			}).nextNode();
+			if (nextNode) focusSafely(nextNode);
+			return nextNode;
+		},
+		focusLast(opts = {}) {
+			const root = ref();
+			if (!root) return null;
+			const { tabbable = defaultOptions.tabbable, accept = defaultOptions.accept } = opts;
+			const next = lastFocusable(getFocusableTreeWalker(root, {
+				tabbable,
+				accept
+			}));
+			if (next) focusSafely(next);
+			return next;
+		}
+	};
+}
+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));
+}
+/**
+* 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(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(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(scopeDoc);
+		const topActive = getActiveElement(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(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(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(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
+export { createFocusManager as n, useFocusManager as r, FocusScope as t };
+
+//# sourceMappingURL=FocusScope.jsx.map

package/dist/_chunk/FocusScope.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"FocusScope.jsx","names":[],"sources":["../../src/focus/FocusScope.tsx"],"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 {\n  getOwnerDocument,\n  isFocusable,\n  isTabbable,\n  getFocusableTreeWalker,\n  getActiveElement,\n} 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\n/**\n * Walks a TreeWalker to its final (deepest-last) node, mirroring the `last`\n * helper in @react-aria/focus.\n */\nfunction lastFocusable(walker: TreeWalker): HTMLElement | null {\n  let next: HTMLElement | undefined;\n  let last: Node | null;\n  do {\n    last = walker.lastChild();\n    if (last) {\n      next = last as HTMLElement;\n    }\n  } while (last);\n  return next ?? null;\n}\n\n/**\n * Creates a FocusManager rooted at the given ref element, independent of any\n * FocusScope. Mirrors @react-aria/focus's `createFocusManager`: it walks the\n * focusable tree with `getFocusableTreeWalker` so segment/spinbutton navigation\n * inside a date field group behaves exactly like upstream.\n */\nexport function createFocusManager(\n  ref: () => HTMLElement | null | undefined,\n  defaultOptions: FocusManagerOptions = {},\n): FocusManager {\n  return {\n    focusNext(opts: FocusManagerOptions = {}) {\n      const root = ref();\n      if (!root) return null;\n      const {\n        from,\n        tabbable = defaultOptions.tabbable,\n        wrap = defaultOptions.wrap,\n        accept = defaultOptions.accept,\n      } = opts;\n      const node = from || getActiveElement(getOwnerDocument(root));\n      const walker = getFocusableTreeWalker(root, { tabbable, accept });\n      if (node && root.contains(node)) {\n        walker.currentNode = node;\n      }\n      let nextNode = walker.nextNode() as HTMLElement | null;\n      if (!nextNode && wrap) {\n        walker.currentNode = root;\n        nextNode = walker.nextNode() as HTMLElement | null;\n      }\n      if (nextNode) {\n        focusSafely(nextNode);\n      }\n      return nextNode;\n    },\n\n    focusPrevious(opts: FocusManagerOptions = {}) {\n      const root = ref();\n      if (!root) return null;\n      const {\n        from,\n        tabbable = defaultOptions.tabbable,\n        wrap = defaultOptions.wrap,\n        accept = defaultOptions.accept,\n      } = opts;\n      const node = from || getActiveElement(getOwnerDocument(root));\n      const walker = getFocusableTreeWalker(root, { tabbable, accept });\n      if (node && root.contains(node)) {\n        walker.currentNode = node;\n      } else {\n        const next = lastFocusable(walker);\n        if (next) {\n          focusSafely(next);\n        }\n        return next;\n      }\n      let previousNode = walker.previousNode() as HTMLElement | null;\n      if (!previousNode && wrap) {\n        walker.currentNode = root;\n        const lastNode = lastFocusable(walker);\n        if (!lastNode) {\n          return null;\n        }\n        previousNode = lastNode;\n      }\n      if (previousNode) {\n        focusSafely(previousNode);\n      }\n      return previousNode;\n    },\n\n    focusFirst(opts: FocusManagerOptions = {}) {\n      const root = ref();\n      if (!root) return null;\n      const { tabbable = defaultOptions.tabbable, accept = defaultOptions.accept } = opts;\n      const walker = getFocusableTreeWalker(root, { tabbable, accept });\n      const nextNode = walker.nextNode() as HTMLElement | null;\n      if (nextNode) {\n        focusSafely(nextNode);\n      }\n      return nextNode;\n    },\n\n    focusLast(opts: FocusManagerOptions = {}) {\n      const root = ref();\n      if (!root) return null;\n      const { tabbable = defaultOptions.tabbable, accept = defaultOptions.accept } = opts;\n      const walker = getFocusableTreeWalker(root, { tabbable, accept });\n      const next = lastFocusable(walker);\n      if (next) {\n        focusSafely(next);\n      }\n      return next;\n    },\n  };\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 * 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"],"mappings":"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"}

package/dist/_chunk/actiongroup.js

@@ -0,0 +1,141 @@
+import { i as mergeProps$1 } from "./env.js";
+import { t as filterDOMProps } from "./filterDOMProps.js";
+import { a as getEventTarget, p as isFocusable, t as focusSafely, y as nodeContains } from "./focus.js";
+import { i as createButton } from "./button.js";
+import { i as useLocale } from "./locale.js";
+import { onCleanup } from "solid-js";
+//#region src/actiongroup/createActionGroup.ts
+const actionGroupData = /* @__PURE__ */ new WeakMap();
+const GROUP_ROLE_BY_MODE = {
+	none: "toolbar",
+	single: "radiogroup",
+	multiple: "toolbar"
+};
+const ITEM_ROLE_BY_MODE = {
+	none: void 0,
+	single: "radio",
+	multiple: "checkbox"
+};
+function isActionGroupDisabled(props, state) {
+	if (props.isDisabled) return true;
+	const keys = [...state.collection().getKeys()];
+	if (keys.length === 0) return true;
+	return !keys.some((key) => !state.isDisabled(key));
+}
+function createActionGroup(props, state, _ref) {
+	const locale = useLocale();
+	let groupRef;
+	const applyRoleAttributes = () => {
+		if (!groupRef) return;
+		const mappedRole = GROUP_ROLE_BY_MODE[state.selectionMode()];
+		const nestedToolbar = Boolean(groupRef.parentElement?.closest("[role=\"toolbar\"]"));
+		const role = mappedRole === "toolbar" && nestedToolbar ? "group" : mappedRole;
+		groupRef.setAttribute("role", role);
+		if (mappedRole === "toolbar" && !nestedToolbar) groupRef.setAttribute("aria-orientation", props.orientation ?? "horizontal");
+		else groupRef.removeAttribute("aria-orientation");
+	};
+	const getFocusableItems = (root) => {
+		const out = [];
+		const pushIfFocusable = (el) => {
+			if (!el || !(el instanceof HTMLElement)) return;
+			if (isFocusable(el) && el.getAttribute("aria-disabled") !== "true") out.push(el);
+		};
+		pushIfFocusable(root);
+		for (const node of root.querySelectorAll("*")) pushIfFocusable(node);
+		return out;
+	};
+	const focusRelative = (root, direction) => {
+		const focusables = getFocusableItems(root);
+		if (focusables.length === 0) return null;
+		const active = root.ownerDocument.activeElement;
+		const currentIndex = active ? focusables.indexOf(active) : -1;
+		const next = focusables[currentIndex === -1 ? direction === "next" ? 0 : focusables.length - 1 : (currentIndex + (direction === "next" ? 1 : -1) + focusables.length) % focusables.length];
+		focusSafely(next);
+		return next;
+	};
+	const onKeyDown = (e) => {
+		const root = groupRef;
+		if (!root || isActionGroupDisabled(props, state)) return;
+		if (!nodeContains(e.currentTarget, getEventTarget(e))) return;
+		const orientation = props.orientation ?? "horizontal";
+		const flipDirection = locale().direction === "rtl" && orientation === "horizontal";
+		switch (e.key) {
+			case "ArrowRight":
+			case "ArrowDown":
+				e.preventDefault();
+				e.stopPropagation();
+				if (e.key === "ArrowRight" && flipDirection) focusRelative(root, "previous");
+				else focusRelative(root, "next");
+				return;
+			case "ArrowLeft":
+			case "ArrowUp":
+				e.preventDefault();
+				e.stopPropagation();
+				if (e.key === "ArrowLeft" && flipDirection) focusRelative(root, "next");
+				else focusRelative(root, "previous");
+				return;
+		}
+	};
+	const actionGroupProps = mergeProps$1(filterDOMProps(props, { labelable: true }), {
+		ref: (el) => {
+			groupRef = el;
+			applyRoleAttributes();
+			queueMicrotask(() => {
+				if (!groupRef) return;
+				applyRoleAttributes();
+			});
+		},
+		onKeyDown,
+		get "aria-label"() {
+			return props["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return props["aria-label"] ? void 0 : props["aria-labelledby"];
+		},
+		get "aria-disabled"() {
+			return isActionGroupDisabled(props, state) || void 0;
+		}
+	});
+	actionGroupData.set(state, { get onAction() {
+		return props.onAction;
+	} });
+	onCleanup(() => {
+		actionGroupData.delete(state);
+	});
+	return { actionGroupProps };
+}
+function createActionGroupItem(props, state) {
+	const button = createButton({
+		elementType: "button",
+		isDisabled: state.isDisabled(props.key),
+		onPress: () => {
+			state.setFocusedKey(props.key);
+			actionGroupData.get(state)?.onAction?.(props.key);
+			if (state.selectionMode() !== "none") state.select(props.key);
+		}
+	});
+	const isFocused = () => props.key === state.focusedKey();
+	onCleanup(() => {
+		if (isFocused()) state.setFocusedKey(null);
+	});
+	return { buttonProps: mergeProps$1(button.buttonProps, {
+		get role() {
+			return ITEM_ROLE_BY_MODE[state.selectionMode()];
+		},
+		get "aria-checked"() {
+			if (state.selectionMode() === "none") return void 0;
+			return state.isSelected(props.key);
+		},
+		get tabIndex() {
+			return isFocused() || state.focusedKey() == null ? 0 : -1;
+		},
+		"data-key": String(props.key),
+		onFocus: () => {
+			state.setFocusedKey(props.key);
+		}
+	}) };
+}
+//#endregion
+export { createActionGroupItem as n, createActionGroup as t };
+
+//# sourceMappingURL=actiongroup.js.map

package/dist/_chunk/actiongroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actiongroup.js","names":["mergeProps"],"sources":["../../src/actiongroup/createActionGroup.ts"],"sourcesContent":["import { onCleanup, type JSX, type Accessor } from \"solid-js\";\nimport { createButton } from \"../button\";\nimport {\n  filterDOMProps,\n  getEventTarget,\n  mergeProps,\n  nodeContains,\n  isFocusable,\n  focusSafely,\n} from \"../utils\";\nimport { useLocale } from \"../i18n\";\nimport type { Orientation } from \"../toolbar\";\nimport type { Key, ListState } from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaActionGroupProps<T = unknown> {\n  /** List items (optional, parity with React Aria prop shape). */\n  items?: T[];\n  /** Whether the whole action group is disabled. */\n  isDisabled?: boolean;\n  /** Group orientation. */\n  orientation?: Orientation;\n  /** Accessible label. */\n  \"aria-label\"?: string;\n  /** Labelled-by id. */\n  \"aria-labelledby\"?: string;\n  /** Handler called when an item action is triggered. */\n  onAction?: (key: Key) => void;\n}\n\nexport interface ActionGroupAria {\n  actionGroupProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\nexport interface AriaActionGroupItemProps {\n  key: Key;\n}\n\nexport interface ActionGroupItemAria {\n  buttonProps: JSX.HTMLAttributes<HTMLElement>;\n}\n\ninterface ActionGroupData {\n  onAction?: (key: Key) => void;\n}\n\nconst actionGroupData = new WeakMap<object, ActionGroupData>();\n\nconst GROUP_ROLE_BY_MODE = {\n  none: \"toolbar\",\n  single: \"radiogroup\",\n  multiple: \"toolbar\",\n} as const;\n\nconst ITEM_ROLE_BY_MODE = {\n  none: undefined,\n  single: \"radio\",\n  multiple: \"checkbox\",\n} as const;\n\nfunction isActionGroupDisabled<T>(props: AriaActionGroupProps<T>, state: ListState<T>): boolean {\n  if (props.isDisabled) return true;\n  const keys = [...state.collection().getKeys()];\n  if (keys.length === 0) return true;\n  return !keys.some((key) => !state.isDisabled(key));\n}\n\nexport function createActionGroup<T>(\n  props: AriaActionGroupProps<T>,\n  state: ListState<T>,\n  _ref?: Accessor<HTMLElement | null>,\n): ActionGroupAria {\n  const locale = useLocale();\n  let groupRef: HTMLElement | undefined;\n  const applyRoleAttributes = (): void => {\n    if (!groupRef) return;\n    const selectionMode = state.selectionMode();\n    const mappedRole = GROUP_ROLE_BY_MODE[selectionMode];\n    const nestedToolbar = Boolean(groupRef.parentElement?.closest('[role=\"toolbar\"]'));\n    const role = mappedRole === \"toolbar\" && nestedToolbar ? \"group\" : mappedRole;\n    groupRef.setAttribute(\"role\", role);\n    if (mappedRole === \"toolbar\" && !nestedToolbar) {\n      groupRef.setAttribute(\"aria-orientation\", props.orientation ?? \"horizontal\");\n    } else {\n      groupRef.removeAttribute(\"aria-orientation\");\n    }\n  };\n\n  const getFocusableItems = (root: HTMLElement): HTMLElement[] => {\n    const out: HTMLElement[] = [];\n    const pushIfFocusable = (el: Element | null | undefined): void => {\n      if (!el || !(el instanceof HTMLElement)) return;\n      if (isFocusable(el) && el.getAttribute(\"aria-disabled\") !== \"true\") {\n        out.push(el);\n      }\n    };\n\n    pushIfFocusable(root);\n    for (const node of root.querySelectorAll(\"*\")) {\n      pushIfFocusable(node);\n    }\n    return out;\n  };\n\n  const focusRelative = (\n    root: HTMLElement,\n    direction: \"next\" | \"previous\",\n  ): HTMLElement | null => {\n    const focusables = getFocusableItems(root);\n    if (focusables.length === 0) return null;\n\n    const active = root.ownerDocument.activeElement as HTMLElement | null;\n    const currentIndex = active ? focusables.indexOf(active) : -1;\n    const delta = direction === \"next\" ? 1 : -1;\n    const nextIndex =\n      currentIndex === -1\n        ? direction === \"next\"\n          ? 0\n          : focusables.length - 1\n        : (currentIndex + delta + focusables.length) % focusables.length;\n    const next = focusables[nextIndex];\n    focusSafely(next);\n    return next;\n  };\n\n  // Mirrors react-aria `useActionGroup.onKeyDown` (3.50.0): only the four arrows\n  // are handled and they are ORIENTATION-AGNOSTIC — ArrowRight/ArrowDown always\n  // move next, ArrowLeft/ArrowUp always move previous (orientation only drives\n  // `aria-orientation`). `flipDirection` swaps ArrowRight/ArrowLeft under RTL for\n  // horizontal groups. No Home/End (they fall through to the browser). Focus\n  // moves via `focusRelative` → `focusSafely` → the item's own `onFocus`, which\n  // sets the focused key — so there is no selection-follows-focus here.\n  const onKeyDown: JSX.EventHandler<HTMLElement, KeyboardEvent> = (e) => {\n    const root = groupRef;\n    if (!root || isActionGroupDisabled(props, state)) return;\n    if (!nodeContains(e.currentTarget, getEventTarget(e))) return;\n\n    const orientation = props.orientation ?? \"horizontal\";\n    const flipDirection = locale().direction === \"rtl\" && orientation === \"horizontal\";\n\n    switch (e.key) {\n      case \"ArrowRight\":\n      case \"ArrowDown\": {\n        e.preventDefault();\n        e.stopPropagation();\n        if (e.key === \"ArrowRight\" && flipDirection) {\n          focusRelative(root, \"previous\");\n        } else {\n          focusRelative(root, \"next\");\n        }\n        return;\n      }\n      case \"ArrowLeft\":\n      case \"ArrowUp\": {\n        e.preventDefault();\n        e.stopPropagation();\n        if (e.key === \"ArrowLeft\" && flipDirection) {\n          focusRelative(root, \"next\");\n        } else {\n          focusRelative(root, \"previous\");\n        }\n        return;\n      }\n    }\n  };\n\n  const actionGroupProps: JSX.HTMLAttributes<HTMLElement> = mergeProps(\n    filterDOMProps(props as Record<string, unknown>, { labelable: true }),\n    {\n      ref: (el: HTMLElement) => {\n        groupRef = el;\n        applyRoleAttributes();\n        queueMicrotask(() => {\n          if (!groupRef) return;\n          applyRoleAttributes();\n        });\n      },\n      onKeyDown,\n      get \"aria-label\"() {\n        return props[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return props[\"aria-label\"] ? undefined : props[\"aria-labelledby\"];\n      },\n      get \"aria-disabled\"() {\n        return isActionGroupDisabled(props, state) || undefined;\n      },\n    },\n  );\n\n  actionGroupData.set(state, {\n    get onAction() {\n      return props.onAction;\n    },\n  });\n\n  onCleanup(() => {\n    actionGroupData.delete(state);\n  });\n\n  return { actionGroupProps };\n}\n\nexport function createActionGroupItem<T>(\n  props: AriaActionGroupItemProps,\n  state: ListState<T>,\n): ActionGroupItemAria {\n  const button = createButton({\n    elementType: \"button\",\n    isDisabled: state.isDisabled(props.key),\n    onPress: () => {\n      state.setFocusedKey(props.key);\n      actionGroupData.get(state)?.onAction?.(props.key);\n      if (state.selectionMode() !== \"none\") {\n        state.select(props.key);\n      }\n    },\n  });\n\n  const isFocused = () => props.key === state.focusedKey();\n\n  onCleanup(() => {\n    if (isFocused()) {\n      state.setFocusedKey(null);\n    }\n  });\n\n  const buttonProps: JSX.HTMLAttributes<HTMLElement> = mergeProps(button.buttonProps, {\n    get role() {\n      return ITEM_ROLE_BY_MODE[state.selectionMode()];\n    },\n    get \"aria-checked\"() {\n      const mode = state.selectionMode();\n      if (mode === \"none\") return undefined;\n      return state.isSelected(props.key);\n    },\n    // Mirrors react-aria `useActionGroupItem` (3.50.0): every enabled item is\n    // tabbable until focus engages the group, then the roving stop follows the\n    // focused key. There is NO single default tab stop and NO selection bias —\n    // disabled items are made non-tabbable by their native `disabled` attribute\n    // (via createButton), not by this getter.\n    get tabIndex() {\n      return isFocused() || state.focusedKey() == null ? 0 : -1;\n    },\n    \"data-key\": String(props.key),\n    onFocus: () => {\n      state.setFocusedKey(props.key);\n    },\n  });\n\n  return { buttonProps };\n}\n"],"mappings":"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"}