@proyecto-viviana/solidaria 0.2.8 → 0.4.0

package/README.md

@@ -1,264 +1,59 @@
 # @proyecto-viviana/solidaria
 
-A SolidJS port of [React Aria](https://react-spectrum.adobe.com/react-aria/) - accessible UI primitives and ARIA patterns.
+SolidJS port of React Aria hooks and accessibility behavior primitives.
 
-## Installation
+This package is the behavior layer below `solidaria-components`. It provides
+hooks such as `createButton`, `createPress`, `createListBox`, `createSelect`,
+`createDatePicker`, `createCalendar`, `createTable`, and drag-and-drop helpers.
+
+## Install
 
 ```bash
-bun add @proyecto-viviana/solidaria @proyecto-viviana/solid-stately solid-js
+npm install @proyecto-viviana/solidaria @proyecto-viviana/solid-stately solid-js
 ```
 
-## Overview
-
-solidaria provides accessibility hooks that implement WAI-ARIA patterns for UI components. Each hook returns props objects that you spread onto your elements to make them accessible.
-
-## Available Hooks
-
-### Button & Interactions
-
-| Hook | Description |
-|------|-------------|
-| createButton | Button with press handling |
-| createToggleButton | Toggle button with pressed state |
-| createPress | Low-level press event handling |
-| createHover | Hover event handling |
-| createFocusRing | Focus ring visibility |
-| createFocusable | Focus management utilities |
-
-### Form Controls
-
-| Hook | Description |
-|------|-------------|
-| createCheckbox | Checkbox with indeterminate support |
-| createCheckboxGroup | Checkbox group with shared state |
-| createRadio | Radio button |
-| createRadioGroup | Radio button group |
-| createSwitch | Toggle switch |
-| createTextField | Text input with label association |
-| createNumberField | Numeric input with increment/decrement |
-| createSearchField | Search input with clear button |
-| createSlider | Range slider with thumb and track |
-
-### Navigation
-
-| Hook | Description |
-|------|-------------|
-| createLink | Accessible link |
-| createBreadcrumbs | Breadcrumb navigation |
-| createBreadcrumbItem | Individual breadcrumb |
-| createTabList | Tab list container |
-| createTab | Individual tab |
-| createTabPanel | Tab panel content |
-| createLandmark | ARIA landmark regions with F6 navigation |
-
-### Selection Components
-
-| Hook | Description |
-|------|-------------|
-| createListBox | Listbox with keyboard navigation |
-| createOption | Listbox option |
-| createMenu | Menu with keyboard navigation |
-| createMenuItem | Menu item |
-| createMenuTrigger | Menu trigger button |
-| createSelect | Select dropdown |
-
-### Overlays
-
-| Hook | Description |
-|------|-------------|
-| createOverlayTrigger | Trigger for overlays |
-| createOverlay | Overlay dismiss behavior |
-| createModal | Modal dialog with focus trapping |
-| createPreventScroll | Scroll lock for overlays |
-| createInteractOutside | Click outside detection |
-
-### Feedback
-
-| Hook | Description |
-|------|-------------|
-| createProgressBar | Progress bar with live region |
-| createSeparator | Visual separator |
-
-### Labels & Fields
-
-| Hook | Description |
-|------|-------------|
-| createLabel | Label/input association |
-| createField | Field with label, description, error |
-
-### Accessibility
-
-| Hook/Function | Description |
-|---------------|-------------|
-| createVisuallyHidden | Visually hide content for screen readers |
-| announce | Announce messages to screen readers |
-| clearAnnouncer | Clear pending announcements |
-| destroyAnnouncer | Remove live announcer from DOM |
-| createLandmark | ARIA landmark regions with F6 navigation |
-| createFormValidation | Form validation with native HTML integration |
-| createInteractionModality | Track keyboard/pointer/virtual interaction |
-
-### Grid & Table
-
-| Hook | Description |
-|------|-------------|
-| createGrid | Grid with keyboard navigation |
-| createTable | Table with sorting, selection |
-| createGridList | Single-column grid list |
-
-### Tree
-
-| Hook | Description |
-|------|-------------|
-| createTree | Tree with expand/collapse |
-| createTreeItem | Tree item with nested children |
-
-### Color
-
-| Hook | Description |
-|------|-------------|
-| createColorSlider | Color channel slider |
-| createColorArea | 2D color picker area |
-| createColorWheel | Circular hue wheel |
-| createColorField | Color text input |
-| createColorSwatch | Color preview swatch |
-
-### Drag & Drop
-
-| Hook | Description |
-|------|-------------|
-| createDrag | Draggable element |
-| createDrop | Drop target |
-| createDraggableCollection | Collection-level drag |
-| createDroppableCollection | Collection-level drop |
-
-### i18n / Internationalization
-
-| Hook/Utility | Description |
-|--------------|-------------|
-| I18nProvider | Locale context provider |
-| useLocale | Get current locale and direction |
-| createDefaultLocale | Browser locale with change detection |
-| isRTL | RTL language detection |
-| createNumberFormatter | Localized number formatting |
-| createDateFormatter | Localized date formatting |
-| createCollator | Locale-aware string sorting |
-| createFilter | Locale-aware string filtering |
-
-### SSR / Server-Side Rendering
-
-| Hook/Utility | Description |
-|--------------|-------------|
-| SSRProvider | SSR context provider with prefix support |
-| createIsSSR | Check if currently rendering on server |
-| useIsSSR | Reactive SSR/hydration state hook |
-| createHydrationState | Track hydration completion |
-| createBrowserEffect | Effect that only runs on client |
-| createBrowserValue | Computed value only on client |
-| getWindow | Safe window access |
-| getDocument | Safe document access |
-| getPortalContainer | Get container for portals |
-
-### Focus Management
-
-| Hook/Utility | Description |
-|--------------|-------------|
-| FocusScope | Focus containment and restoration |
-| useFocusManager | Programmatic focus navigation |
-| createFocusRestore | Save and restore focus with retry |
-| pushFocusStack / popFocusStack | Cross-scope focus tracking |
-| createVirtualFocus | Virtual focus for large collections |
-| createAutoFocus | Priority-based auto-focus queue |
-
-### Test Utilities
-
-| Utility | Description |
-|---------|-------------|
-| setupUser | Configure userEvent for testing |
-| pointerMap | Pointer map for mouse/touch/pen |
-| createPointerEvent | Create pointer events for tests |
-| press / hover / tabTo | High-level interaction helpers |
-| getAriaRole / isAriaDisabled / etc. | ARIA attribute querying |
-| getFocusableElements | Query focusable elements |
-| waitForFocus | Wait for focus changes |
-| createButtonTester / etc. | Component-specific testers |
-| setupTestEnvironment | Install jsdom polyfills |
-
-### Utilities
-
-| Utility | Description |
-|---------|-------------|
-| mergeProps | Merge multiple prop objects |
-| filterDOMProps | Filter out non-DOM props |
-| createId | Generate unique IDs (SSR-safe) |
-
-## Usage Example
+## Usage
 
 ```tsx
 import { createButton } from "@proyecto-viviana/solidaria";
 
-function Button(props) {
-  let ref;
+export function Button(props) {
+  let ref!: HTMLButtonElement;
   const { buttonProps, isPressed } = createButton(props, () => ref);
 
   return (
-    <button
-      {...buttonProps}
-      ref={ref}
-      class={isPressed() ? "pressed" : ""}
-    >
+    <button {...buttonProps} ref={ref} data-pressed={isPressed() || undefined}>
       {props.children}
     </button>
   );
 }
-
-// Usage
-<Button onPress={() => console.log("Pressed!")}>Click me</Button>
 ```
 
-## Key Concepts
+Most hooks return prop objects and reactive state accessors. Spread the returned
+props onto the exact element that owns the ARIA role or interaction.
 
-### Props Spreading
+## Public Surface
 
-All hooks return prop objects that should be spread onto elements:
+The source of truth is [`src/index.ts`](src/index.ts). Keep README examples
+small; use tests and the barrel for the actual export inventory.
 
-```tsx
-const { buttonProps } = createButton(props, ref);
-return <button {...buttonProps}>Click me</button>;
-```
+Major areas currently covered:
 
-### Ref Pattern
+- interactions: press, hover, focus, long press, move, keyboard;
+- labels and fields;
+- overlays, modal behavior, popovers, and focus scope;
+- buttons, toggles, links, forms, and validation;
+- collection widgets: listbox, menu, select, combo box, grid, table, tree;
+- date, time, calendar, and date picker primitives;
+- color, drag-and-drop, landmarks, i18n, SSR, and visually hidden utilities.
 
-Most hooks require a ref accessor to access the DOM element:
+## Verification
 
-```tsx
-let ref;
-const { inputProps } = createTextField(props, () => ref);
-return <input {...inputProps} ref={ref} />;
-```
-
-### Event Handling
-
-solidaria uses onPress instead of onClick for better cross-platform support:
-
-```tsx
-<Button onPress={() => console.log("Pressed!")}>
-  Works with click, touch, and keyboard
-</Button>
-```
-
-## TypeScript
-
-All hooks are fully typed:
-
-```tsx
-import {
-  createButton,
-  type AriaButtonProps,
-  type ButtonAria,
-} from "@proyecto-viviana/solidaria";
+```bash
+vp run --filter @proyecto-viviana/solidaria build
+vp test run packages
+vp run guard:rac-export-gap
 ```
 
-## License
-
-MIT
+Behavior changes need tests that assert ARIA attributes, focus movement,
+keyboard behavior, and user-visible event semantics.

package/dist/_chunk/actiongroup.js

@@ -0,0 +1,207 @@
+import { o as mergeProps } 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 { a as useLocale } from "./createCollator.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;
+		if (direction === "first") {
+			const first = focusables[0];
+			focusSafely(first);
+			return first;
+		}
+		if (direction === "last") {
+			const last = focusables[focusables.length - 1];
+			focusSafely(last);
+			return last;
+		}
+		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 resolveKeyFromElement = (element) => {
+		if (!element) return null;
+		const keyedElement = element.closest("[data-key]");
+		if (!(keyedElement instanceof HTMLElement)) return null;
+		const rawKey = keyedElement.getAttribute("data-key");
+		if (!rawKey) return null;
+		for (const item of state.collection()) if (String(item.key) === rawKey) return item.key;
+		return null;
+	};
+	const handleFocusMove = (movedTo) => {
+		const key = resolveKeyFromElement(movedTo);
+		if (key == null) return;
+		state.setFocusedKey(key);
+		if (state.selectionMode() === "single") state.replaceSelection(key);
+	};
+	const onKeyDown = (e) => {
+		const root = groupRef;
+		if (!root || isActionGroupDisabled(props, state)) return;
+		if (!nodeContains(e.currentTarget, getEventTarget(e))) return;
+		const isHorizontal = (props.orientation ?? "horizontal") === "horizontal";
+		const isRTL = locale().direction === "rtl" && isHorizontal;
+		switch (e.key) {
+			case "ArrowRight":
+			case "ArrowDown":
+				if (e.key === "ArrowRight" && isHorizontal && isRTL) {
+					e.preventDefault();
+					e.stopPropagation();
+					handleFocusMove(focusRelative(root, "previous"));
+					return;
+				}
+				if (e.key === "ArrowRight" && isHorizontal || e.key === "ArrowDown" && !isHorizontal) {
+					e.preventDefault();
+					e.stopPropagation();
+					handleFocusMove(focusRelative(root, "next"));
+				}
+				return;
+			case "ArrowLeft":
+			case "ArrowUp":
+				if (e.key === "ArrowLeft" && isHorizontal && isRTL) {
+					e.preventDefault();
+					e.stopPropagation();
+					handleFocusMove(focusRelative(root, "next"));
+					return;
+				}
+				if (e.key === "ArrowLeft" && isHorizontal || e.key === "ArrowUp" && !isHorizontal) {
+					e.preventDefault();
+					e.stopPropagation();
+					handleFocusMove(focusRelative(root, "previous"));
+				}
+				return;
+			case "Home":
+				e.preventDefault();
+				e.stopPropagation();
+				handleFocusMove(focusRelative(root, "first"));
+				return;
+			case "End":
+				e.preventDefault();
+				e.stopPropagation();
+				handleFocusMove(focusRelative(root, "last"));
+				return;
+		}
+	};
+	const actionGroupProps = mergeProps(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();
+	const getFirstEnabledKey = () => {
+		const collection = state.collection();
+		let key = collection.getFirstKey();
+		while (key != null && state.isDisabled(key)) key = collection.getKeyAfter(key);
+		return key;
+	};
+	const getDefaultTabStopKey = () => {
+		if (state.selectionMode() !== "none") {
+			const selectedKeys = state.selectedKeys();
+			if (selectedKeys === "all") return getFirstEnabledKey();
+			for (const item of state.collection()) if (!state.isDisabled(item.key) && selectedKeys.has(item.key)) return item.key;
+		}
+		return getFirstEnabledKey();
+	};
+	onCleanup(() => {
+		if (isFocused()) state.setFocusedKey(null);
+	});
+	return { buttonProps: mergeProps(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() {
+			if (state.isDisabled(props.key)) return -1;
+			if (isFocused()) return 0;
+			if (state.focusedKey() != null) return -1;
+			return getDefaultTabStopKey() === props.key ? 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":[],"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\" | \"first\" | \"last\",\n  ): HTMLElement | null => {\n    const focusables = getFocusableItems(root);\n    if (focusables.length === 0) return null;\n\n    if (direction === \"first\") {\n      const first = focusables[0];\n      focusSafely(first);\n      return first;\n    }\n\n    if (direction === \"last\") {\n      const last = focusables[focusables.length - 1];\n      focusSafely(last);\n      return last;\n    }\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  const resolveKeyFromElement = (element: HTMLElement | null): Key | null => {\n    if (!element) return null;\n    const keyedElement = element.closest(\"[data-key]\");\n    if (!(keyedElement instanceof HTMLElement)) return null;\n    const rawKey = keyedElement.getAttribute(\"data-key\");\n    if (!rawKey) return null;\n    for (const item of state.collection()) {\n      if (String(item.key) === rawKey) {\n        return item.key;\n      }\n    }\n    return null;\n  };\n\n  const handleFocusMove = (movedTo: HTMLElement | null): void => {\n    const key = resolveKeyFromElement(movedTo);\n    if (key == null) return;\n    state.setFocusedKey(key);\n    if (state.selectionMode() === \"single\") {\n      state.replaceSelection(key);\n    }\n  };\n\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 isHorizontal = orientation === \"horizontal\";\n    const isRTL = locale().direction === \"rtl\" && isHorizontal;\n\n    switch (e.key) {\n      case \"ArrowRight\":\n      case \"ArrowDown\": {\n        if (e.key === \"ArrowRight\" && isHorizontal && isRTL) {\n          e.preventDefault();\n          e.stopPropagation();\n          handleFocusMove(focusRelative(root, \"previous\"));\n          return;\n        }\n        if ((e.key === \"ArrowRight\" && isHorizontal) || (e.key === \"ArrowDown\" && !isHorizontal)) {\n          e.preventDefault();\n          e.stopPropagation();\n          handleFocusMove(focusRelative(root, \"next\"));\n        }\n        return;\n      }\n      case \"ArrowLeft\":\n      case \"ArrowUp\": {\n        if (e.key === \"ArrowLeft\" && isHorizontal && isRTL) {\n          e.preventDefault();\n          e.stopPropagation();\n          handleFocusMove(focusRelative(root, \"next\"));\n          return;\n        }\n        if ((e.key === \"ArrowLeft\" && isHorizontal) || (e.key === \"ArrowUp\" && !isHorizontal)) {\n          e.preventDefault();\n          e.stopPropagation();\n          handleFocusMove(focusRelative(root, \"previous\"));\n        }\n        return;\n      }\n      case \"Home\": {\n        e.preventDefault();\n        e.stopPropagation();\n        handleFocusMove(focusRelative(root, \"first\"));\n        return;\n      }\n      case \"End\": {\n        e.preventDefault();\n        e.stopPropagation();\n        handleFocusMove(focusRelative(root, \"last\"));\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  const getFirstEnabledKey = (): Key | null => {\n    const collection = state.collection();\n    let key = collection.getFirstKey();\n    while (key != null && state.isDisabled(key)) {\n      key = collection.getKeyAfter(key);\n    }\n    return key;\n  };\n\n  const getDefaultTabStopKey = (): Key | null => {\n    const selectionMode = state.selectionMode();\n    if (selectionMode !== \"none\") {\n      const selectedKeys = state.selectedKeys();\n      if (selectedKeys === \"all\") {\n        return getFirstEnabledKey();\n      }\n\n      for (const item of state.collection()) {\n        if (!state.isDisabled(item.key) && selectedKeys.has(item.key)) {\n          return item.key;\n        }\n      }\n    }\n\n    return getFirstEnabledKey();\n  };\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    get tabIndex() {\n      if (state.isDisabled(props.key)) {\n        return -1;\n      }\n\n      if (isFocused()) {\n        return 0;\n      }\n\n      if (state.focusedKey() != null) {\n        return -1;\n      }\n\n      const defaultTabStopKey = getDefaultTabStopKey();\n      return defaultTabStopKey === props.key ? 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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"}