@proyecto-viviana/solidaria 0.3.0 → 0.4.0

package/dist/utils/index.jsx

@@ -0,0 +1,5 @@
+import { a as isAccessor, i as access, n as isProdEnv, o as mergeProps, r as isTestEnv, t as isDevEnv } from "../_chunk/env.jsx";
+import { t as filterDOMProps } from "../_chunk/filterDOMProps.jsx";
+import { A as isMac, C as isAndroid, D as isIOS, E as isFirefox, O as isIPad, S as scrollIntoViewport, T as isChrome, _ as getPointClientRect, a as getDescriptionNodeCount, b as isPointOverTarget, c as isCtrlKeyPressed, d as chain, f as createMouseEvent, g as areRectanglesOverlapping, h as setEventTarget, i as createDescription, j as isWebKit, k as isIPhone, l as disableTextSelection, m as isVirtualPointerEvent, n as createExitAnimation, o as addGlobalListenerOnce, p as isVirtualClick, r as clearDescriptionNodes, s as createGlobalListeners, t as createEnterAnimation, u as restoreTextSelection, v as getTouchById, w as isAppleDevice, x as scrollIntoView, y as getTouchFromEvent } from "../_chunk/utils.jsx";
+import { C as willOpenKeyboard, S as shouldPreventDefaultUp, _ as isValidInputKey, a as getEventTarget, b as openLink, c as getOwnerWindow, d as isElementVisible, g as isTabbable, h as isScrollable, l as getScrollParent, m as isHTMLAnchorLink, n as focusWithoutScrolling, p as isFocusable, r as preventFocus, s as getOwnerDocument, t as focusSafely, u as getScrollParents, v as isValidKeyboardEvent, x as shouldPreventDefaultKeyboard, y as nodeContains } from "../_chunk/focus.jsx";
+export { access, addGlobalListenerOnce, areRectanglesOverlapping, chain, clearDescriptionNodes, createDescription, createEnterAnimation, createExitAnimation, createGlobalListeners, createMouseEvent, disableTextSelection, filterDOMProps, focusSafely, focusWithoutScrolling, getDescriptionNodeCount, getEventTarget, getOwnerDocument, getOwnerWindow, getPointClientRect, getScrollParent, getScrollParents, getTouchById, getTouchFromEvent, isAccessor, isAndroid, isAppleDevice, isChrome, isCtrlKeyPressed, isDevEnv, isElementVisible, isFirefox, isFocusable, isHTMLAnchorLink, isIOS, isIPad, isIPhone, isMac, isPointOverTarget, isProdEnv, isScrollable, isTabbable, isTestEnv, isValidInputKey, isValidKeyboardEvent, isVirtualClick, isVirtualPointerEvent, isWebKit, mergeProps, nodeContains, openLink, preventFocus, restoreTextSelection, scrollIntoView, scrollIntoViewport, setEventTarget, shouldPreventDefaultKeyboard, shouldPreventDefaultUp, willOpenKeyboard };

package/dist/utils/keyboard.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Keyboard / modifier-key helpers.
+ * Based on @react-aria/utils' keyboard utilities.
+ */
+/** The modifier-key fields consulted by {@link isCtrlKeyPressed}. */
+interface ModifierKeyEvent {
+    ctrlKey?: boolean;
+    metaKey?: boolean;
+}
+/**
+ * Returns whether the platform's non-contiguous selection modifier is pressed:
+ * the Command key on macOS, the Control key elsewhere. Mirrors
+ * `@react-aria/utils`' `isCtrlKeyPressed`.
+ */
+export declare function isCtrlKeyPressed(e: ModifierKeyEvent): boolean;
+export {};
+//# sourceMappingURL=keyboard.d.ts.map

package/dist/utils/keyboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard.d.ts","sourceRoot":"","sources":["../../src/utils/keyboard.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,qEAAqE;AACrE,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,CAAC,EAAE,gBAAgB,GAAG,OAAO,CAM7D"}

package/dist/utils/mergeProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mergeProps.d.ts","sourceRoot":"","sources":["../../src/utils/mergeProps.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,EAC9F,GAAG,IAAI,EAAE,CAAC,EAAE,GACX,CAAC,CAsDH"}
+{"version":3,"file":"mergeProps.d.ts","sourceRoot":"","sources":["../../src/utils/mergeProps.ts"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC,SAAS,MAAM,GAAG,MAAM,EAC9F,GAAG,IAAI,EAAE,CAAC,EAAE,GACX,CAAC,CA6DH"}

package/dist/utils/scrollIntoView.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Scroll-into-view utilities.
+ * Based on @react-aria/utils scrollIntoView (react-aria/src/utils/scrollIntoView.ts).
+ */
+interface ScrollIntoViewOpts {
+    /** The position to align items along the block axis in. */
+    block?: ScrollLogicalPosition;
+    /** The position to align items along the inline axis in. */
+    inline?: ScrollLogicalPosition;
+}
+interface ScrollIntoViewportOpts {
+    /** The optional containing element of the target to be centered in the viewport. */
+    containingElement?: Element | null;
+}
+/**
+ * Scrolls `scrollView` so that `element` is visible.
+ * Similar to `element.scrollIntoView({block: 'nearest'})` (not supported in Edge),
+ * but doesn't affect parents above `scrollView`.
+ */
+export declare function scrollIntoView(scrollView: HTMLElement, element: HTMLElement, opts?: ScrollIntoViewOpts): void;
+/**
+ * Scrolls the `targetElement` so it is visible in the viewport. Accepts an optional
+ * `opts.containingElement` that will be centered in the viewport prior to scrolling the
+ * targetElement into view. If scrolling is prevented on the body (e.g. targetElement is in a
+ * popover), this will only scroll the scroll parents of the targetElement up to but not including
+ * the body itself.
+ */
+export declare function scrollIntoViewport(targetElement: Element | null, opts?: ScrollIntoViewportOpts): void;
+export {};
+//# sourceMappingURL=scrollIntoView.d.ts.map

package/dist/utils/scrollIntoView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollIntoView.d.ts","sourceRoot":"","sources":["../../src/utils/scrollIntoView.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAMH,UAAU,kBAAkB;IAC1B,2DAA2D;IAC3D,KAAK,CAAC,EAAE,qBAAqB,CAAC;IAC9B,4DAA4D;IAC5D,MAAM,CAAC,EAAE,qBAAqB,CAAC;CAChC;AAED,UAAU,sBAAsB;IAC9B,oFAAoF;IACpF,iBAAiB,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACpC;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAC5B,UAAU,EAAE,WAAW,EACvB,OAAO,EAAE,WAAW,EACpB,IAAI,GAAE,kBAAuB,GAC5B,IAAI,CAgGN;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAChC,aAAa,EAAE,OAAO,GAAG,IAAI,EAC7B,IAAI,GAAE,sBAA2B,GAChC,IAAI,CA0CN"}

package/dist/visually-hidden/index.js

@@ -0,0 +1,2 @@
+import { n as visuallyHiddenStyles, t as createVisuallyHidden } from "../_chunk/visually-hidden.js";
+export { createVisuallyHidden, visuallyHiddenStyles };

package/dist/visually-hidden/index.jsx

@@ -0,0 +1,2 @@
+import { n as visuallyHiddenStyles, t as createVisuallyHidden } from "../_chunk/visually-hidden.jsx";
+export { createVisuallyHidden, visuallyHiddenStyles };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proyecto-viviana/solidaria",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "A 1-1 SolidJS port of React Aria - accessible UI primitives",
   "keywords": [
     "a11y",
@@ -31,7 +31,308 @@
       "solid": "./dist/index.jsx",
       "import": "./dist/index.js",
       "default": "./dist/index.js"
-    }
+    },
+    "./actiongroup": {
+      "types": "./dist/actiongroup/index.d.ts",
+      "solid": "./dist/actiongroup/index.jsx",
+      "import": "./dist/actiongroup/index.js",
+      "default": "./dist/actiongroup/index.js"
+    },
+    "./autocomplete": {
+      "types": "./dist/autocomplete/index.d.ts",
+      "solid": "./dist/autocomplete/index.jsx",
+      "import": "./dist/autocomplete/index.js",
+      "default": "./dist/autocomplete/index.js"
+    },
+    "./breadcrumbs": {
+      "types": "./dist/breadcrumbs/index.d.ts",
+      "solid": "./dist/breadcrumbs/index.jsx",
+      "import": "./dist/breadcrumbs/index.js",
+      "default": "./dist/breadcrumbs/index.js"
+    },
+    "./button": {
+      "types": "./dist/button/index.d.ts",
+      "solid": "./dist/button/index.jsx",
+      "import": "./dist/button/index.js",
+      "default": "./dist/button/index.js"
+    },
+    "./calendar": {
+      "types": "./dist/calendar/index.d.ts",
+      "solid": "./dist/calendar/index.jsx",
+      "import": "./dist/calendar/index.js",
+      "default": "./dist/calendar/index.js"
+    },
+    "./checkbox": {
+      "types": "./dist/checkbox/index.d.ts",
+      "solid": "./dist/checkbox/index.jsx",
+      "import": "./dist/checkbox/index.js",
+      "default": "./dist/checkbox/index.js"
+    },
+    "./collections": {
+      "types": "./dist/collections/index.d.ts",
+      "solid": "./dist/collections/index.jsx",
+      "import": "./dist/collections/index.js",
+      "default": "./dist/collections/index.js"
+    },
+    "./color": {
+      "types": "./dist/color/index.d.ts",
+      "solid": "./dist/color/index.jsx",
+      "import": "./dist/color/index.js",
+      "default": "./dist/color/index.js"
+    },
+    "./combobox": {
+      "types": "./dist/combobox/index.d.ts",
+      "solid": "./dist/combobox/index.jsx",
+      "import": "./dist/combobox/index.js",
+      "default": "./dist/combobox/index.js"
+    },
+    "./datepicker": {
+      "types": "./dist/datepicker/index.d.ts",
+      "solid": "./dist/datepicker/index.jsx",
+      "import": "./dist/datepicker/index.js",
+      "default": "./dist/datepicker/index.js"
+    },
+    "./dialog": {
+      "types": "./dist/dialog/index.d.ts",
+      "solid": "./dist/dialog/index.jsx",
+      "import": "./dist/dialog/index.js",
+      "default": "./dist/dialog/index.js"
+    },
+    "./disclosure": {
+      "types": "./dist/disclosure/index.d.ts",
+      "solid": "./dist/disclosure/index.jsx",
+      "import": "./dist/disclosure/index.js",
+      "default": "./dist/disclosure/index.js"
+    },
+    "./dnd": {
+      "types": "./dist/dnd/index.d.ts",
+      "solid": "./dist/dnd/index.jsx",
+      "import": "./dist/dnd/index.js",
+      "default": "./dist/dnd/index.js"
+    },
+    "./focus": {
+      "types": "./dist/focus/index.d.ts",
+      "solid": "./dist/focus/index.jsx",
+      "import": "./dist/focus/index.js",
+      "default": "./dist/focus/index.js"
+    },
+    "./form": {
+      "types": "./dist/form/index.d.ts",
+      "solid": "./dist/form/index.jsx",
+      "import": "./dist/form/index.js",
+      "default": "./dist/form/index.js"
+    },
+    "./grid": {
+      "types": "./dist/grid/index.d.ts",
+      "solid": "./dist/grid/index.jsx",
+      "import": "./dist/grid/index.js",
+      "default": "./dist/grid/index.js"
+    },
+    "./gridlist": {
+      "types": "./dist/gridlist/index.d.ts",
+      "solid": "./dist/gridlist/index.jsx",
+      "import": "./dist/gridlist/index.js",
+      "default": "./dist/gridlist/index.js"
+    },
+    "./i18n": {
+      "types": "./dist/i18n/index.d.ts",
+      "solid": "./dist/i18n/index.jsx",
+      "import": "./dist/i18n/index.js",
+      "default": "./dist/i18n/index.js"
+    },
+    "./interactions": {
+      "types": "./dist/interactions/index.d.ts",
+      "solid": "./dist/interactions/index.jsx",
+      "import": "./dist/interactions/index.js",
+      "default": "./dist/interactions/index.js"
+    },
+    "./label": {
+      "types": "./dist/label/index.d.ts",
+      "solid": "./dist/label/index.jsx",
+      "import": "./dist/label/index.js",
+      "default": "./dist/label/index.js"
+    },
+    "./landmark": {
+      "types": "./dist/landmark/index.d.ts",
+      "solid": "./dist/landmark/index.jsx",
+      "import": "./dist/landmark/index.js",
+      "default": "./dist/landmark/index.js"
+    },
+    "./link": {
+      "types": "./dist/link/index.d.ts",
+      "solid": "./dist/link/index.jsx",
+      "import": "./dist/link/index.js",
+      "default": "./dist/link/index.js"
+    },
+    "./listbox": {
+      "types": "./dist/listbox/index.d.ts",
+      "solid": "./dist/listbox/index.jsx",
+      "import": "./dist/listbox/index.js",
+      "default": "./dist/listbox/index.js"
+    },
+    "./live-announcer": {
+      "types": "./dist/live-announcer/index.d.ts",
+      "solid": "./dist/live-announcer/index.jsx",
+      "import": "./dist/live-announcer/index.js",
+      "default": "./dist/live-announcer/index.js"
+    },
+    "./menu": {
+      "types": "./dist/menu/index.d.ts",
+      "solid": "./dist/menu/index.jsx",
+      "import": "./dist/menu/index.js",
+      "default": "./dist/menu/index.js"
+    },
+    "./meter": {
+      "types": "./dist/meter/index.d.ts",
+      "solid": "./dist/meter/index.jsx",
+      "import": "./dist/meter/index.js",
+      "default": "./dist/meter/index.js"
+    },
+    "./numberfield": {
+      "types": "./dist/numberfield/index.d.ts",
+      "solid": "./dist/numberfield/index.jsx",
+      "import": "./dist/numberfield/index.js",
+      "default": "./dist/numberfield/index.js"
+    },
+    "./overlays": {
+      "types": "./dist/overlays/index.d.ts",
+      "solid": "./dist/overlays/index.jsx",
+      "import": "./dist/overlays/index.js",
+      "default": "./dist/overlays/index.js"
+    },
+    "./popover": {
+      "types": "./dist/popover/index.d.ts",
+      "solid": "./dist/popover/index.jsx",
+      "import": "./dist/popover/index.js",
+      "default": "./dist/popover/index.js"
+    },
+    "./progress": {
+      "types": "./dist/progress/index.d.ts",
+      "solid": "./dist/progress/index.jsx",
+      "import": "./dist/progress/index.js",
+      "default": "./dist/progress/index.js"
+    },
+    "./radio": {
+      "types": "./dist/radio/index.d.ts",
+      "solid": "./dist/radio/index.jsx",
+      "import": "./dist/radio/index.js",
+      "default": "./dist/radio/index.js"
+    },
+    "./searchfield": {
+      "types": "./dist/searchfield/index.d.ts",
+      "solid": "./dist/searchfield/index.jsx",
+      "import": "./dist/searchfield/index.js",
+      "default": "./dist/searchfield/index.js"
+    },
+    "./select": {
+      "types": "./dist/select/index.d.ts",
+      "solid": "./dist/select/index.jsx",
+      "import": "./dist/select/index.js",
+      "default": "./dist/select/index.js"
+    },
+    "./selection": {
+      "types": "./dist/selection/index.d.ts",
+      "solid": "./dist/selection/index.jsx",
+      "import": "./dist/selection/index.js",
+      "default": "./dist/selection/index.js"
+    },
+    "./separator": {
+      "types": "./dist/separator/index.d.ts",
+      "solid": "./dist/separator/index.jsx",
+      "import": "./dist/separator/index.js",
+      "default": "./dist/separator/index.js"
+    },
+    "./slider": {
+      "types": "./dist/slider/index.d.ts",
+      "solid": "./dist/slider/index.jsx",
+      "import": "./dist/slider/index.js",
+      "default": "./dist/slider/index.js"
+    },
+    "./ssr": {
+      "types": "./dist/ssr/index.d.ts",
+      "solid": "./dist/ssr/index.jsx",
+      "import": "./dist/ssr/index.js",
+      "default": "./dist/ssr/index.js"
+    },
+    "./steplist": {
+      "types": "./dist/steplist/index.d.ts",
+      "solid": "./dist/steplist/index.jsx",
+      "import": "./dist/steplist/index.js",
+      "default": "./dist/steplist/index.js"
+    },
+    "./switch": {
+      "types": "./dist/switch/index.d.ts",
+      "solid": "./dist/switch/index.jsx",
+      "import": "./dist/switch/index.js",
+      "default": "./dist/switch/index.js"
+    },
+    "./table": {
+      "types": "./dist/table/index.d.ts",
+      "solid": "./dist/table/index.jsx",
+      "import": "./dist/table/index.js",
+      "default": "./dist/table/index.js"
+    },
+    "./tabs": {
+      "types": "./dist/tabs/index.d.ts",
+      "solid": "./dist/tabs/index.jsx",
+      "import": "./dist/tabs/index.js",
+      "default": "./dist/tabs/index.js"
+    },
+    "./tag": {
+      "types": "./dist/tag/index.d.ts",
+      "solid": "./dist/tag/index.jsx",
+      "import": "./dist/tag/index.js",
+      "default": "./dist/tag/index.js"
+    },
+    "./textfield": {
+      "types": "./dist/textfield/index.d.ts",
+      "solid": "./dist/textfield/index.jsx",
+      "import": "./dist/textfield/index.js",
+      "default": "./dist/textfield/index.js"
+    },
+    "./toast": {
+      "types": "./dist/toast/index.d.ts",
+      "solid": "./dist/toast/index.jsx",
+      "import": "./dist/toast/index.js",
+      "default": "./dist/toast/index.js"
+    },
+    "./toggle": {
+      "types": "./dist/toggle/index.d.ts",
+      "solid": "./dist/toggle/index.jsx",
+      "import": "./dist/toggle/index.js",
+      "default": "./dist/toggle/index.js"
+    },
+    "./toolbar": {
+      "types": "./dist/toolbar/index.d.ts",
+      "solid": "./dist/toolbar/index.jsx",
+      "import": "./dist/toolbar/index.js",
+      "default": "./dist/toolbar/index.js"
+    },
+    "./tooltip": {
+      "types": "./dist/tooltip/index.d.ts",
+      "solid": "./dist/tooltip/index.jsx",
+      "import": "./dist/tooltip/index.js",
+      "default": "./dist/tooltip/index.js"
+    },
+    "./tree": {
+      "types": "./dist/tree/index.d.ts",
+      "solid": "./dist/tree/index.jsx",
+      "import": "./dist/tree/index.js",
+      "default": "./dist/tree/index.js"
+    },
+    "./utils": {
+      "types": "./dist/utils/index.d.ts",
+      "solid": "./dist/utils/index.jsx",
+      "import": "./dist/utils/index.js",
+      "default": "./dist/utils/index.js"
+    },
+    "./visually-hidden": {
+      "types": "./dist/visually-hidden/index.d.ts",
+      "solid": "./dist/visually-hidden/index.jsx",
+      "import": "./dist/visually-hidden/index.js",
+      "default": "./dist/visually-hidden/index.js"
+    },
+    "./package.json": "./package.json"
   },
   "publishConfig": {
     "access": "public"
@@ -40,7 +341,7 @@
     "@internationalized/date": "^3.8.0",
     "@internationalized/number": "^3.6.0",
     "@internationalized/string": "^3.2.5",
-    "@proyecto-viviana/solid-stately": "0.3.0"
+    "@proyecto-viviana/solid-stately": "0.4.0"
   },
   "devDependencies": {
     "solid-js": "^1.9.11"

package/src/autocomplete/createAutocomplete.ts

@@ -20,6 +20,8 @@ export interface CollectionOptions {
   shouldUseVirtualFocus: boolean;
   /** Whether typeahead is disabled. */
   disallowTypeAhead: boolean;
+  /** Whether and where to focus an item when the collection mounts. */
+  autoFocus?: boolean | "first" | "last";
 }
 
 export interface AutocompleteInputProps {
@@ -150,21 +152,27 @@ export function createAutocomplete<T = unknown>(
 
   const collectionId = collectionIdProp ?? createId();
   const [shouldUseVirtualFocus] = createSignal(!disableVirtualFocus);
+  // When the first item should be focused but the collection hasn't mounted yet,
+  // defer it by threading autoFocus through collectionProps so the collection
+  // focuses on mount (mirrors upstream's autoFocusOnMount state).
+  const [autoFocusOnMount, setAutoFocusOnMount] = createSignal(false);
   let lastInputType = "";
 
-  // Track the input type for determining focus behavior
-  const handleInput = (e: Event) => {
+  // Track the input type for determining focus behavior. We listen to
+  // `beforeinput` (not `input`) so `lastInputType` is set before the input's
+  // `onChange` runs, mirroring @react-aria/autocomplete.
+  const handleBeforeInput = (e: Event) => {
     const inputEvent = e as InputEvent;
     lastInputType = inputEvent.inputType || "";
   };
 
-  // Set up input event listener
+  // Set up beforeinput event listener
   createEffect(() => {
     const input = inputRef();
     if (input) {
-      input.addEventListener("input", handleInput);
+      input.addEventListener("beforeinput", handleBeforeInput);
       onCleanup(() => {
-        input.removeEventListener("input", handleInput);
+        input.removeEventListener("beforeinput", handleBeforeInput);
       });
     }
   });
@@ -172,19 +180,25 @@ export function createAutocomplete<T = unknown>(
   // Focus first item in collection
   const focusFirstItem = () => {
     const collection = collectionRef();
-    if (collection) {
-      collection.dispatchEvent(
-        new CustomEvent(AUTOCOMPLETE_FOCUS_EVENT, {
-          cancelable: true,
-          bubbles: true,
-          detail: { focusStrategy: "first" },
-        }),
-      );
+    if (!collection) {
+      // Collection isn't mounted yet — defer focusing the first item to mount
+      // time via collectionProps.autoFocus instead of firing a focus event into
+      // a not-yet-rendered collection.
+      setAutoFocusOnMount(true);
+      return;
     }
+    collection.dispatchEvent(
+      new CustomEvent(AUTOCOMPLETE_FOCUS_EVENT, {
+        cancelable: true,
+        bubbles: true,
+        detail: { focusStrategy: "first" },
+      }),
+    );
   };
 
   // Clear virtual focus
   const clearVirtualFocus = (clearFocusKey = false) => {
+    setAutoFocusOnMount(false);
     state.setFocusedNodeId(null);
     const collection = collectionRef();
     if (collection) {
@@ -200,8 +214,16 @@ export function createAutocomplete<T = unknown>(
 
   // Handle input value changes
   const onChange = (value: string) => {
-    // Focus first item when typing forward, clear when backspacing/pasting
-    if (lastInputType === "insertText" && !disableAutoFocusFirst) {
+    // Focus first item when typing forward, clear when backspacing/pasting.
+    // IME composition (e.g. CJK input) reports 'insertCompositionText'/
+    // 'insertFromComposition' instead of 'insertText'; treat those as forward
+    // typing so the first item still gets virtual focus.
+    if (
+      (lastInputType === "insertText" ||
+        lastInputType === "insertCompositionText" ||
+        lastInputType === "insertFromComposition") &&
+      !disableAutoFocusFirst
+    ) {
       focusFirstItem();
     } else if (
       lastInputType &&
@@ -264,9 +286,15 @@ export function createAutocomplete<T = unknown>(
 
       case "ArrowLeft":
       case "ArrowRight":
-        // Clear activedescendant so screen reader announces cursor movement
-        clearVirtualFocus();
-        return;
+        // With no virtual focus, just let the arrow move the text cursor; stop
+        // propagation so it doesn't leak into the collection. With virtual focus,
+        // fall through to dispatch the key to the focused item below, then clear
+        // the active descendant only after the item has seen it.
+        if (!focusedNodeId) {
+          e.stopPropagation();
+          return;
+        }
+        break;
 
       case "Enter":
         // Trigger click on focused item
@@ -280,17 +308,32 @@ export function createAutocomplete<T = unknown>(
         return;
     }
 
-    // Forward keyboard events to collection/focused item
+    // Forward keyboard events to the focused item (or the collection when there
+    // is no virtual focus) so the collection can act on them, e.g. onAction.
     if (!e.defaultPrevented && collection) {
       e.stopPropagation();
 
+      let shouldPerformDefaultAction = true;
       if (focusedNodeId) {
         const item = ownerDocument?.getElementById(focusedNodeId);
         if (item) {
-          item.dispatchEvent(new KeyboardEvent(e.type, toKeyboardEventInit(e)));
+          shouldPerformDefaultAction = item.dispatchEvent(
+            new KeyboardEvent(e.type, toKeyboardEventInit(e)),
+          );
         }
       } else {
-        collection.dispatchEvent(new KeyboardEvent(e.type, toKeyboardEventInit(e)));
+        shouldPerformDefaultAction = collection.dispatchEvent(
+          new KeyboardEvent(e.type, toKeyboardEventInit(e)),
+        );
+      }
+
+      // After the focused item has seen ArrowLeft/ArrowRight, clear the active
+      // descendant so SR announcements aren't interrupted, but retain the
+      // collection's focused key so navigation restarts where it left off. If
+      // the item consumed the key (e.g. an expandable row collapsing), it
+      // cancels the event and we keep virtual focus.
+      if (shouldPerformDefaultAction && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
+        clearVirtualFocus();
       }
     }
   };
@@ -341,6 +384,9 @@ export function createAutocomplete<T = unknown>(
       "aria-label": collectionAriaLabel,
       shouldUseVirtualFocus: shouldUseVirtualFocus(),
       disallowTypeAhead: shouldUseVirtualFocus(),
+      get autoFocus() {
+        return autoFocusOnMount() ? "first" : false;
+      },
     },
     filter: filterFn,
   };

package/src/calendar/createCalendar.ts

@@ -88,6 +88,8 @@ export function createCalendar<T extends CalendarState>(
     setCalendarHookData(state, {
       errorMessageId:
         initialProps.errorMessage || initialProps.errorMessageId ? errorMessageId : undefined,
+      ariaLabel: initialProps["aria-label"],
+      ariaLabelledBy: initialProps["aria-labelledby"],
     });
   }
 

package/src/calendar/createCalendarCell.ts

@@ -8,6 +8,7 @@
 import { createSignal, createMemo, createEffect, type Accessor } from "solid-js";
 import { access, type MaybeAccessor } from "../utils/reactivity";
 import { focusSafely } from "../utils/focus";
+import { scrollIntoViewport, getScrollParent } from "../utils";
 import { createFocusRing } from "../interactions/createFocusRing";
 import { getInteractionModality } from "../interactions/createInteractionModality";
 import { useLocale } from "../i18n";
@@ -15,6 +16,7 @@ import { mergeProps } from "../utils/mergeProps";
 import type { CalendarState, CalendarDate, DateValue } from "@proyecto-viviana/solid-stately";
 import { isToday as isTodayUtil, DateFormatter, getLocalTimeZone } from "@internationalized/date";
 import { getCalendarHookData } from "./utils";
+import { formatCalendarLabel } from "./intl";
 
 export interface AriaCalendarCellProps {
   /** The date represented by the cell. */
@@ -145,6 +147,14 @@ export function createCalendarCell<T extends CalendarState>(
     const element = ref?.();
     if (element && isFocused()) {
       focusSafely(element);
+
+      // Scroll into view if navigating with a keyboard, otherwise try not to
+      // shift the view under the user's mouse/finger. If in an overlay,
+      // scrollIntoViewport only scrolls up to the overlay scroll body. Only
+      // scroll if the cell actually got focused.
+      if (getInteractionModality() !== "pointer" && document.activeElement === element) {
+        scrollIntoViewport(element, { containingElement: getScrollParent(element) });
+      }
     }
   });
 
@@ -166,9 +176,16 @@ export function createCalendarCell<T extends CalendarState>(
       day: "numeric",
       calendar: d.calendar.identifier,
     } as Intl.DateTimeFormatOptions);
+    // Mirror @react-aria/calendar useCalendarCell: route the selected/today
+    // suffix through the localized string formatter instead of hardcoding
+    // " selected" (which dropped "Today" and never localized).
     let label = formatter.format(d.toDate(timeZone));
-    if (isSelected()) {
-      label += " selected";
+    if (isToday()) {
+      label = formatCalendarLabel(locale(), isSelected() ? "todayDateSelected" : "todayDate", {
+        date: label,
+      });
+    } else if (isSelected()) {
+      label = formatCalendarLabel(locale(), "dateSelected", { date: label });
     }
     const errorMessageId = getCalendarHookData(state)?.errorMessageId;