@astryxdesign/lab 0.4.7-canary.94c2d8b → 0.4.7-canary.98ea5ba

package/dist/CodeEditor/CodeEditor.d.ts

@@ -42,6 +42,9 @@ export interface CodeEditorProps extends Omit<BaseProps<HTMLDivElement>, 'onChan
  * The escape is advertised to assistive technology via a visually hidden
  * aria-describedby hint (see `escapeHint`).
  *
+ * The editor carries an explicit tabindex="0" (including when read-only) so
+ * the scrollable container passes axe's scrollable-region-focusable check.
+ *
  * @example
  * ```
  * const [code, setCode] = useState('');

package/dist/CodeEditor/CodeEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../src/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAkBlD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAuF5D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,CACX;IACC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sFAAsF;IACtF,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,+BAA+B;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,EAAE,CAAC;IAC5D;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAsED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAsB,EACtB,cAAsB,EACtB,UAAkB,EAClB,WAAW,EACX,SAAS,EACT,IAAW,EACX,SAAS,EAAE,eAAe,EAC1B,KAAK,EACL,UAAqE,EACrE,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,eAAe,+BAwUjB;yBAzVe,UAAU"}
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../src/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAkBlD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAuF5D,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,CACX;IACC,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,uBAAuB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,qBAAqB;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sFAAsF;IACtF,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,+BAA+B;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,EAAE,CAAC;IAC5D;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAsED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,QAAsB,EACtB,cAAsB,EACtB,UAAkB,EAClB,WAAW,EACX,SAAS,EACT,IAAW,EACX,SAAS,EAAE,eAAe,EAC1B,KAAK,EACL,UAAqE,EACrE,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,eAAe,+BA8UjB;yBA/Ve,UAAU"}

package/dist/CodeEditor/CodeEditor.js

@@ -170,6 +170,9 @@ let editorInstanceCounter = 0;
  * The escape is advertised to assistive technology via a visually hidden
  * aria-describedby hint (see `escapeHint`).
  *
+ * The editor carries an explicit tabindex="0" (including when read-only) so
+ * the scrollable container passes axe's scrollable-region-focusable check.
+ *
  * @example
  * ```
  * const [code, setCode] = useState('');
@@ -472,7 +475,14 @@ export function CodeEditor({
           ref: editorRef
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           ,
-          contentEditable: isReadOnly ? false : 'plaintext-only',
+          contentEditable: isReadOnly ? false : 'plaintext-only'
+          // Explicit tabindex: editing hosts have an effective tabIndex of 0
+          // already, but axe reads the attribute, and contenteditable is not
+          // on its natively-focusable whitelist — without it a maxHeight
+          // editor fails scrollable-region-focusable. Also keeps read-only
+          // editors keyboard-focusable, like a readonly textarea.
+          ,
+          tabIndex: 0,
           role: "textbox",
           "aria-multiline": "true",
           "aria-label": label,

package/dist/InfoTip/InfoTip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoTip.d.ts","sourceRoot":"","sources":["../../src/InfoTip/InfoTip.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AAEH,OAAO,EAAgC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAGpE,OAAO,EAAO,KAAK,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AAW5D;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;AAEnC,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AA8BD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,KAA0B,EAC1B,IAAW,GACZ,EAAE,YAAY,GAAG,SAAS,CAiD1B;yBArDe,OAAO"}
+{"version":3,"file":"InfoTip.d.ts","sourceRoot":"","sources":["../../src/InfoTip/InfoTip.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AAEH,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAGrC,OAAO,EAAO,KAAK,QAAQ,EAAC,MAAM,yBAAyB,CAAC;AAW5D;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,CAAC;AAEnC,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,OAAO,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AA8BD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,KAA0B,EAC1B,IAAW,GACZ,EAAE,YAAY,GAAG,SAAS,CAqB1B;yBAzBe,OAAO"}

package/dist/InfoTip/InfoTip.js

@@ -13,7 +13,6 @@
  * - /packages/lab/src/InfoTip/InfoTip.test.tsx (tests for new/changed behavior)
  * - /packages/lab/src/InfoTip/index.ts (exports if types change)
  */
-import { useCallback, useRef, useState } from 'react';
 import * as stylex from '@stylexjs/stylex';
 import { Icon } from '@astryxdesign/core/Icon';
 import { Tooltip } from '@astryxdesign/core/Tooltip';
@@ -69,26 +68,10 @@ export function InfoTip({
   label = 'More information',
   size = 'sm'
 }) {
-  // Escape dismissal: `true` force-hides the tooltip (Tooltip isOpen={false});
-  // `false` returns control to Tooltip's own hover/focus triggers (isOpen
-  // undefined). Reset when the pointer or focus leaves the trigger so the
-  // tooltip can re-open on the next hover/focus.
-  const [isDismissed, setIsDismissed] = useState(false);
-  const isOpenRef = useRef(false);
-  const handleOpenChange = useCallback(isOpen => {
-    isOpenRef.current = isOpen;
-  }, []);
-  const handleKeyDown = useCallback(event => {
-    if (event.key === 'Escape' && isOpenRef.current) {
-      // Only swallow Escape when it actually dismissed the tooltip, so an
-      // enclosing dialog still closes on the next press.
-      event.stopPropagation();
-      setIsDismissed(true);
-    }
-  }, []);
-  const handleReset = useCallback(() => {
-    setIsDismissed(false);
-  }, []);
+  // No local Escape handler: the trigger used to stopPropagation the press,
+  // which hid the tip but left the browser's close watcher to fire `cancel` on
+  // an enclosing Dialog, so one press took both (#5168). Tooltip's own entry in
+  // the shared dismissal stack takes it instead.
   return /*#__PURE__*/_jsx(Tooltip, {
     content: content
     // The trigger is a real button, so Tooltip's `auto` touch rule would
@@ -97,14 +80,9 @@ export function InfoTip({
     // an InfoTip's content is unreachable on a phone.
     ,
     touchTrigger: "tap",
-    isOpen: isDismissed ? false : undefined,
-    onOpenChange: handleOpenChange,
     children: /*#__PURE__*/_jsx("button", {
       type: "button",
       "aria-label": label,
-      onKeyDown: handleKeyDown,
-      onBlur: handleReset,
-      onMouseLeave: handleReset,
       ...stylex.props(focusOutlineStyles.focusVisible, styles.trigger),
       children: /*#__PURE__*/_jsx(Icon, {
         icon: "info",

package/dist/Schedule/MonthlyView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MonthlyView.d.ts","sourceRoot":"","sources":["../../src/Schedule/MonthlyView.tsx"],"names":[],"mappings":"AA8CA,OAAO,KAAK,EAEV,YAAY,EAEb,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,0BAA0B;IACzC,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC1C;AAgSD,wBAAgB,yBAAyB,CAAC,EACxC,YAAgB,GACjB,GAAE,0BAA+B,GAAG,YAAY,CAAC,0BAA0B,CAAC,CAmC5E"}
+{"version":3,"file":"MonthlyView.d.ts","sourceRoot":"","sources":["../../src/Schedule/MonthlyView.tsx"],"names":[],"mappings":"AA8CA,OAAO,KAAK,EAEV,YAAY,EAEb,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,0BAA0B;IACzC,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC1C;AA4SD,wBAAgB,yBAAyB,CAAC,EACxC,YAAgB,GACjB,GAAE,0BAA+B,GAAG,YAAY,CAAC,0BAA0B,CAAC,CAmC5E"}

package/dist/Schedule/MonthlyView.js

@@ -45,7 +45,12 @@ function ScheduleMonthlyView(_props) {
     children: /*#__PURE__*/_jsxs("div", {
       role: "grid",
       "aria-label": formatMonthTitle(rangeDate, timezoneID),
-      "aria-readonly": true,
+      "aria-readonly": true
+      // The grid scrolls horizontally at narrow viewports and contains no
+      // focusable descendants, so it must be focusable itself for keyboard
+      // scrolling (axe: scrollable-region-focusable).
+      ,
+      tabIndex: 0,
       ...stylex.props(styles.monthGrid),
       children: [/*#__PURE__*/_jsx("div", {
         role: "row",

package/dist/Schedule/plugins/PaginationPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaginationPlugin.d.ts","sourceRoot":"","sources":["../../../src/Schedule/plugins/PaginationPlugin.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAEV,cAAc,EACd,sBAAsB,EACvB,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,+BAA+B;IAC9C,QAAQ,CAAC,EAAE,sBAAsB,CAAC;CACnC;AA8DD,eAAO,MAAM,+BAA+B,gBACV,CAAC;AAEnC,wBAAgB,2BAA2B,CAAC,EAC1C,QAAkB,GACnB,GAAE,+BAAoC,GAAG,cAAc,CAKvD"}
+{"version":3,"file":"PaginationPlugin.d.ts","sourceRoot":"","sources":["../../../src/Schedule/plugins/PaginationPlugin.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAEV,cAAc,EACd,sBAAsB,EACvB,MAAM,UAAU,CAAC;AAElB,MAAM,WAAW,+BAA+B;IAC9C,QAAQ,CAAC,EAAE,sBAAsB,CAAC;CACnC;AA4ED,eAAO,MAAM,+BAA+B,gBAAmC,CAAC;AAEhF,wBAAgB,2BAA2B,CAAC,EAC1C,QAAkB,GACnB,GAAE,+BAAoC,GAAG,cAAc,CAEvD"}

package/dist/Schedule/plugins/PaginationPlugin.js

@@ -13,6 +13,7 @@ import { Button } from '@astryxdesign/core/Button';
 import { ButtonGroup } from '@astryxdesign/core/ButtonGroup';
 import { Icon } from '@astryxdesign/core/Icon';
 import { IconButton } from '@astryxdesign/core/IconButton';
+import { rtlStyles } from '@astryxdesign/core/utils';
 import { useScheduleContext } from "../context.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function SchedulePaginationControls() {
@@ -31,7 +32,8 @@ function SchedulePaginationControls() {
       icon: /*#__PURE__*/_jsx(Icon, {
         icon: "chevronLeft",
         size: "sm",
-        color: "inherit"
+        color: "inherit",
+        xstyle: rtlStyles.mirror
       }),
       onClick: onPreviousDate
     }), /*#__PURE__*/_jsx(Button, {
@@ -43,7 +45,8 @@ function SchedulePaginationControls() {
       icon: /*#__PURE__*/_jsx(Icon, {
         icon: "chevronRight",
         size: "sm",
-        color: "inherit"
+        color: "inherit",
+        xstyle: rtlStyles.mirror
       }),
       onClick: onNextDate
     })]

package/dist/Schedule/shared.d.ts

@@ -693,7 +693,10 @@ export declare const styles: Readonly<{
         readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif">;
         readonly color: stylex.StyleXClassNameFor<"color", "light-dark(#0A1317, #DFE2E5)">;
     }>;
-    readonly listEventPast: Readonly<{
+    readonly listEventTitlePast: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", "light-dark(#4E606F, #AAAFB5)">;
+    }>;
+    readonly listEventDotPast: Readonly<{
         readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.5>;
     }>;
     readonly eventBlue: Readonly<{

package/dist/Schedule/shared.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/Schedule/shared.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/Schedule/shared.tsx"],"names":[],"mappings":"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"}

package/dist/Schedule/shared.js

@@ -211,16 +211,11 @@ export function ListEventRow({
   const category = getEventCategory(event, categories);
   return /*#__PURE__*/_jsxs("div", {
     ...{
-      0: {
-        className: "xrvj5dj x857yr4 x6s0dn4 x1txdalj xeuugli"
-      },
-      1: {
-        className: "xrvj5dj x857yr4 x6s0dn4 x1txdalj xeuugli xbyyjgo"
-      }
-    }[!!isPast << 0],
+      className: "xrvj5dj x857yr4 x6s0dn4 x1txdalj xeuugli"
+    },
     children: [/*#__PURE__*/_jsx("span", {
       "aria-hidden": true,
-      ...stylex.props(styles.listEventDot, eventDotColorStyle(category.color))
+      ...stylex.props(styles.listEventDot, eventDotColorStyle(category.color), isPast && styles.listEventDotPast)
     }), /*#__PURE__*/_jsx("span", {
       ...{
         className: "x9ynric xv1l7n4 x141an7d x1ltkj2j xuxw1ft"
@@ -228,8 +223,13 @@ export function ListEventRow({
       children: isDayEvent(event) ? 'All day' : formatEventTimeRange(event, timezoneID)
     }), /*#__PURE__*/_jsx("span", {
       ...{
-        className: "x9ynric x1tgivj0 xeuugli xb3r6kr xlyipyv xuxw1ft xjm74w1 xw6l6zx x1e4wzip"
-      },
+        0: {
+          className: "x9ynric x1tgivj0 xeuugli xb3r6kr xlyipyv xuxw1ft xjm74w1 xw6l6zx x1e4wzip"
+        },
+        1: {
+          className: "x9ynric xeuugli xb3r6kr xlyipyv xuxw1ft xjm74w1 xw6l6zx x1e4wzip xv1l7n4"
+        }
+      }[!!isPast << 0],
       children: event.title
     })]
   });
@@ -1064,7 +1064,11 @@ export const styles = {
     k63SB2: "x1e4wzip",
     $$css: true
   },
-  listEventPast: {
+  listEventTitlePast: {
+    kMwMTN: "xv1l7n4",
+    $$css: true
+  },
+  listEventDotPast: {
     kSiTet: "xbyyjgo",
     $$css: true
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/lab",
-  "version": "0.4.7-canary.94c2d8b",
+  "version": "0.4.7-canary.98ea5ba",
   "description": "Experimental Astryx components — published to npm only under the @canary dist-tag for early testing; never released as a stable (latest) version.",
   "author": "Meta Open Source",
   "license": "MIT",
@@ -45,7 +45,7 @@
   },
   "peerDependencies": {
     "@stylexjs/stylex": ">=0.10.0",
-    "@astryxdesign/core": "0.4.7-canary.94c2d8b",
+    "@astryxdesign/core": "0.4.7-canary.98ea5ba",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0"
   },
@@ -55,7 +55,7 @@
     "d3-shape": "^3.2.0"
   },
   "devDependencies": {
-    "@astryxdesign/cli": "0.4.7-canary.94c2d8b",
+    "@astryxdesign/cli": "0.4.7-canary.98ea5ba",
     "@types/d3-array": "^3.2.2",
     "@types/d3-scale": "^4.0.9",
     "@types/d3-shape": "^3.1.8",

package/src/CodeEditor/CodeEditor.test.tsx

@@ -188,4 +188,40 @@ describe('CodeEditor', () => {
 
     expect(onChange).toHaveBeenCalledWith('  a;\nb;');
   });
+
+  it('exposes an explicit tabindex so scrollable editors count as focusable content', () => {
+    // contenteditable is not on axe's natively-focusable whitelist, and axe
+    // reads the tabindex ATTRIBUTE (not the browser's effective tabIndex),
+    // so the scrollable editorContainer only passes scrollable-region-focusable
+    // when the <code> editor materializes tabindex="0" explicitly.
+    render(
+      <CodeEditor
+        value={Array.from({length: 30}, (_, i) => `line ${i + 1};`).join('\n')}
+        onChange={() => {}}
+        language="typescript"
+        label="Edit snippet"
+        maxHeight={200}
+      />,
+    );
+    expect(screen.getByRole('textbox', {name: 'Edit snippet'})).toHaveAttribute(
+      'tabindex',
+      '0',
+    );
+  });
+
+  it('keeps read-only editors keyboard-focusable, like a readonly textarea', () => {
+    render(
+      <CodeEditor
+        value="const x = 1;"
+        onChange={() => {}}
+        language="typescript"
+        label="Edit snippet"
+        isReadOnly
+      />,
+    );
+    expect(screen.getByRole('textbox', {name: 'Edit snippet'})).toHaveAttribute(
+      'tabindex',
+      '0',
+    );
+  });
 });

package/src/CodeEditor/CodeEditor.tsx

@@ -242,6 +242,9 @@ let editorInstanceCounter = 0;
  * The escape is advertised to assistive technology via a visually hidden
  * aria-describedby hint (see `escapeHint`).
  *
+ * The editor carries an explicit tabindex="0" (including when read-only) so
+ * the scrollable container passes axe's scrollable-region-focusable check.
+ *
  * @example
  * ```
  * const [code, setCode] = useState('');
@@ -575,6 +578,12 @@ export function CodeEditor({
             ref={editorRef}
             // eslint-disable-next-line @typescript-eslint/no-explicit-any
             contentEditable={isReadOnly ? false : ('plaintext-only' as any)}
+            // Explicit tabindex: editing hosts have an effective tabIndex of 0
+            // already, but axe reads the attribute, and contenteditable is not
+            // on its natively-focusable whitelist — without it a maxHeight
+            // editor fails scrollable-region-focusable. Also keeps read-only
+            // editors keyboard-focusable, like a readonly textarea.
+            tabIndex={0}
             role="textbox"
             aria-multiline="true"
             aria-label={label}

package/src/InfoTip/InfoTip.tsx

@@ -14,7 +14,7 @@
  * - /packages/lab/src/InfoTip/index.ts (exports if types change)
  */
 
-import {useCallback, useRef, useState, type ReactNode} from 'react';
+import {type ReactNode} from 'react';
 import * as stylex from '@stylexjs/stylex';
 
 import {Icon, type IconSize} from '@astryxdesign/core/Icon';
@@ -103,33 +103,10 @@ export function InfoTip({
   label = 'More information',
   size = 'sm',
 }: InfoTipProps): ReactNode {
-  // Escape dismissal: `true` force-hides the tooltip (Tooltip isOpen={false});
-  // `false` returns control to Tooltip's own hover/focus triggers (isOpen
-  // undefined). Reset when the pointer or focus leaves the trigger so the
-  // tooltip can re-open on the next hover/focus.
-  const [isDismissed, setIsDismissed] = useState(false);
-  const isOpenRef = useRef(false);
-
-  const handleOpenChange = useCallback((isOpen: boolean) => {
-    isOpenRef.current = isOpen;
-  }, []);
-
-  const handleKeyDown = useCallback(
-    (event: React.KeyboardEvent<HTMLButtonElement>) => {
-      if (event.key === 'Escape' && isOpenRef.current) {
-        // Only swallow Escape when it actually dismissed the tooltip, so an
-        // enclosing dialog still closes on the next press.
-        event.stopPropagation();
-        setIsDismissed(true);
-      }
-    },
-    [],
-  );
-
-  const handleReset = useCallback(() => {
-    setIsDismissed(false);
-  }, []);
-
+  // No local Escape handler: the trigger used to stopPropagation the press,
+  // which hid the tip but left the browser's close watcher to fire `cancel` on
+  // an enclosing Dialog, so one press took both (#5168). Tooltip's own entry in
+  // the shared dismissal stack takes it instead.
   return (
     <Tooltip
       content={content}
@@ -137,15 +114,10 @@ export function InfoTip({
       // give the tap to the control and suppress the tooltip. Here the tooltip
       // IS the control's only purpose, so the tap has to open it — otherwise
       // an InfoTip's content is unreachable on a phone.
-      touchTrigger="tap"
-      isOpen={isDismissed ? false : undefined}
-      onOpenChange={handleOpenChange}>
+      touchTrigger="tap">
       <button
         type="button"
         aria-label={label}
-        onKeyDown={handleKeyDown}
-        onBlur={handleReset}
-        onMouseLeave={handleReset}
         {...stylex.props(focusOutlineStyles.focusVisible, styles.trigger)}>
         <Icon icon="info" size={size} />
       </button>

package/src/Schedule/MonthlyView.tsx

@@ -57,8 +57,16 @@ export interface ScheduleMonthlyViewOptions {
 function ScheduleMonthlyView(
   _props: ScheduleViewComponentProps<ScheduleMonthlyViewOptions>,
 ) {
-  const {events, categories, date, focusDate, timezoneID, range, isLoading, headingLevel} =
-    useScheduleContext();
+  const {
+    events,
+    categories,
+    date,
+    focusDate,
+    timezoneID,
+    range,
+    isLoading,
+    headingLevel,
+  } = useScheduleContext();
   const rangeDate = date.toPlainDate();
   const highlightedDate = focusDate.toPlainDate();
   const currentTime = useCurrentTime();
@@ -76,6 +84,10 @@ function ScheduleMonthlyView(
         role="grid"
         aria-label={formatMonthTitle(rangeDate, timezoneID)}
         aria-readonly
+        // The grid scrolls horizontally at narrow viewports and contains no
+        // focusable descendants, so it must be focusable itself for keyboard
+        // scrolling (axe: scrollable-region-focusable).
+        tabIndex={0}
         {...stylex.props(styles.monthGrid)}>
         <div role="row" {...stylex.props(styles.weekHeader)}>
           {days.slice(0, 7).map((day, index) => (

package/src/Schedule/Schedule.test.tsx

@@ -114,9 +114,9 @@ describe('Schedule', () => {
     await waitFor(() => {
       expect(screen.getByText('Visible sync')).toBeInTheDocument();
     });
-    expect(
-      screen.getAllByRole('heading', {level: 3}).length,
-    ).toBeGreaterThan(0);
+    expect(screen.getAllByRole('heading', {level: 3}).length).toBeGreaterThan(
+      0,
+    );
   });
 
   it('renders list day headings at the configured headingLevel (default 3)', async () => {
@@ -133,9 +133,9 @@ describe('Schedule', () => {
     await waitFor(() => {
       expect(screen.getByText('Visible sync')).toBeInTheDocument();
     });
-    expect(
-      screen.getAllByRole('heading', {level: 3}).length,
-    ).toBeGreaterThan(0);
+    expect(screen.getAllByRole('heading', {level: 3}).length).toBeGreaterThan(
+      0,
+    );
   });
 
   it('loads async events with Instant range boundaries', async () => {
@@ -249,6 +249,27 @@ describe('Schedule', () => {
     ).toBeInTheDocument();
   });
 
+  it('makes the scrollable monthly grid keyboard-focusable', () => {
+    // The month grid is a horizontal scroll container with no focusable
+    // descendants, so it needs tabindex="0" itself for
+    // scrollable-region-focusable to pass and for keyboard scrolling.
+    render(
+      <Schedule
+        view={createScheduleMonthlyView()}
+        events={events}
+        categories={categories}
+        date={Date.UTC(2026, 4, 13)}
+        focusDate={Date.UTC(2026, 4, 13)}
+        timezoneID="UTC"
+      />,
+    );
+
+    expect(screen.getByRole('grid', {name: 'May 2026'})).toHaveAttribute(
+      'tabindex',
+      '0',
+    );
+  });
+
   it('exposes time grid views as ARIA grids', () => {
     render(
       <Schedule

package/src/Schedule/plugins/PaginationPlugin.tsx

@@ -14,6 +14,7 @@ import {Button} from '@astryxdesign/core/Button';
 import {ButtonGroup} from '@astryxdesign/core/ButtonGroup';
 import {Icon} from '@astryxdesign/core/Icon';
 import {IconButton} from '@astryxdesign/core/IconButton';
+import {rtlStyles} from '@astryxdesign/core/utils';
 import {useScheduleContext} from '../context';
 import type {
   ScheduleHeaderContent,
@@ -37,13 +38,27 @@ function SchedulePaginationControls() {
     <ButtonGroup label="Schedule pagination" size="sm">
       <IconButton
         label={previousDateLabel}
-        icon={<Icon icon="chevronLeft" size="sm" color="inherit" />}
+        icon={
+          <Icon
+            icon="chevronLeft"
+            size="sm"
+            color="inherit"
+            xstyle={rtlStyles.mirror}
+          />
+        }
         onClick={onPreviousDate}
       />
       <Button label="Today" size="sm" onClick={onToday} />
       <IconButton
         label={nextDateLabel}
-        icon={<Icon icon="chevronRight" size="sm" color="inherit" />}
+        icon={
+          <Icon
+            icon="chevronRight"
+            size="sm"
+            color="inherit"
+            xstyle={rtlStyles.mirror}
+          />
+        }
         onClick={onNextDate}
       />
     </ButtonGroup>
@@ -85,14 +100,10 @@ function createSchedulePaginationPlugin({
   };
 }
 
-export const defaultSchedulePaginationPlugin =
-  createSchedulePaginationPlugin();
+export const defaultSchedulePaginationPlugin = createSchedulePaginationPlugin();
 
 export function useSchedulePaginationPlugin({
   position = 'start',
 }: SchedulePaginationPluginOptions = {}): SchedulePlugin {
-  return useMemo(
-    () => createSchedulePaginationPlugin({position}),
-    [position],
-  );
+  return useMemo(() => createSchedulePaginationPlugin({position}), [position]);
 }

package/src/Schedule/shared.tsx

@@ -244,12 +244,13 @@ export function ListEventRow({
   const {categories} = useScheduleContext();
   const category = getEventCategory(event, categories);
   return (
-    <div {...stylex.props(styles.listEventRow, isPast && styles.listEventPast)}>
+    <div {...stylex.props(styles.listEventRow)}>
       <span
         aria-hidden
         {...stylex.props(
           styles.listEventDot,
           eventDotColorStyle(category.color),
+          isPast && styles.listEventDotPast,
         )}
       />
       <span {...stylex.props(styles.listEventTime)}>
@@ -257,7 +258,13 @@ export function ListEventRow({
           ? 'All day'
           : formatEventTimeRange(event, timezoneID)}
       </span>
-      <span {...stylex.props(styles.listEventTitle)}>{event.title}</span>
+      <span
+        {...stylex.props(
+          styles.listEventTitle,
+          isPast && styles.listEventTitlePast,
+        )}>
+        {event.title}
+      </span>
     </div>
   );
 }
@@ -1072,7 +1079,13 @@ export const styles = stylex.create({
     lineHeight: typeScaleVars['--text-body-leading'],
     fontWeight: fontWeightVars['--font-weight-medium'],
   },
-  listEventPast: {
+  // A past row is muted with the secondary text token, which the theme
+  // guarantees at AA. Fading the whole row with opacity instead pulled its
+  // text toward the surface behind it — 2.35:1 on the light theme.
+  listEventTitlePast: {
+    color: colorVars['--color-text-secondary'],
+  },
+  listEventDotPast: {
     opacity: 0.5,
   },
   eventBlue: {

package/src/__tests__/labApiContractDrift.test.tsx

@@ -1,51 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-import {describe, it, expect} from 'vitest';
-
-import {docs as ChatReasoningDocs} from '../ChatReasoning/ChatReasoning.doc.mjs';
-import {docs as CodeEditorDocs} from '../CodeEditor/CodeEditor.doc.mjs';
-import {docs as LogStreamDocs} from '../LogStream/LogStream.doc.mjs';
-
-function getProps(docs: Record<string, unknown>): Array<{name: string}> {
-  return (
-    (docs.props as Array<{name: string}>) ||
-    (
-      docs.components as Array<{
-        props: Array<{name: string}>;
-      }>
-    )?.[0]?.props ||
-    []
-  );
-}
-
-describe('Lab API Contract Drift (#4163)', () => {
-  it('documents ChatReasoning props', () => {
-    const props = getProps(ChatReasoningDocs).map(p => p.name);
-    expect(props).toContain('duration');
-    expect(props).toContain('isStreaming');
-    expect(props).toContain('isExpanded');
-    expect(props).toContain('defaultIsExpanded');
-    expect(props).toContain('onExpandedChange');
-  });
-
-  it('documents CodeEditor props', () => {
-    const props = getProps(CodeEditorDocs).map(p => p.name);
-    expect(props).toContain('language');
-    expect(props).toContain('hasLineNumbers');
-    expect(props).toContain('isReadOnly');
-    expect(props).toContain('placeholder');
-    expect(props).toContain('maxHeight');
-    expect(props).toContain('size');
-    expect(props).toContain('tokenizer');
-  });
-
-  it('documents LogStream props', () => {
-    const props = getProps(LogStreamDocs).map(p => p.name);
-    expect(props).toContain('variant');
-    expect(props).toContain('isFollowing');
-    expect(props).toContain('onFollowChange');
-    expect(props).toContain('maxHeight');
-    expect(props).toContain('hasTimestamps');
-    expect(props).toContain('renderEntry');
-  });
-});