@astryxdesign/lab 0.4.7-canary.f5cb8af → 0.4.7-canary.fe95cd5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (53) hide show
  1. package/dist/CodeEditor/CodeEditor.d.ts +3 -0
  2. package/dist/CodeEditor/CodeEditor.d.ts.map +1 -1
  3. package/dist/CodeEditor/CodeEditor.js +11 -1
  4. package/dist/InfoTip/InfoTip.d.ts.map +1 -1
  5. package/dist/InfoTip/InfoTip.js +4 -26
  6. package/dist/Schedule/MonthlyView.d.ts.map +1 -1
  7. package/dist/Schedule/MonthlyView.js +6 -1
  8. package/dist/Schedule/plugins/PaginationPlugin.d.ts.map +1 -1
  9. package/dist/Schedule/plugins/PaginationPlugin.js +5 -2
  10. package/dist/Schedule/shared.d.ts +4 -1
  11. package/dist/Schedule/shared.d.ts.map +1 -1
  12. package/dist/Schedule/shared.js +15 -11
  13. package/dist/index.d.ts +0 -1
  14. package/dist/index.d.ts.map +1 -1
  15. package/dist/index.js +0 -1
  16. package/dist/lab.css +0 -37
  17. package/package.json +3 -3
  18. package/src/CodeEditor/CodeEditor.test.tsx +36 -0
  19. package/src/CodeEditor/CodeEditor.tsx +9 -0
  20. package/src/InfoTip/InfoTip.tsx +6 -34
  21. package/src/Schedule/MonthlyView.tsx +14 -2
  22. package/src/Schedule/Schedule.test.tsx +27 -6
  23. package/src/Schedule/plugins/PaginationPlugin.tsx +19 -8
  24. package/src/Schedule/shared.tsx +16 -3
  25. package/src/index.ts +0 -1
  26. package/dist/Stepper/Step.d.ts +0 -130
  27. package/dist/Stepper/Step.d.ts.map +0 -1
  28. package/dist/Stepper/Step.js +0 -887
  29. package/dist/Stepper/StepStatus.d.ts +0 -24
  30. package/dist/Stepper/StepStatus.d.ts.map +0 -1
  31. package/dist/Stepper/StepStatus.js +0 -1
  32. package/dist/Stepper/Stepper.d.ts +0 -98
  33. package/dist/Stepper/Stepper.d.ts.map +0 -1
  34. package/dist/Stepper/Stepper.js +0 -134
  35. package/dist/Stepper/StepperContext.d.ts +0 -28
  36. package/dist/Stepper/StepperContext.d.ts.map +0 -1
  37. package/dist/Stepper/StepperContext.js +0 -34
  38. package/dist/Stepper/index.d.ts +0 -8
  39. package/dist/Stepper/index.d.ts.map +0 -1
  40. package/dist/Stepper/index.js +0 -7
  41. package/dist/Stepper/stepper.stylex.d.ts +0 -15
  42. package/dist/Stepper/stepper.stylex.d.ts.map +0 -1
  43. package/dist/Stepper/stepper.stylex.js +0 -20
  44. package/src/Stepper/Step.doc.mjs +0 -17
  45. package/src/Stepper/Step.tsx +0 -1317
  46. package/src/Stepper/StepStatus.ts +0 -26
  47. package/src/Stepper/Stepper.doc.mjs +0 -281
  48. package/src/Stepper/Stepper.test.tsx +0 -699
  49. package/src/Stepper/Stepper.tsx +0 -222
  50. package/src/Stepper/StepperContext.ts +0 -58
  51. package/src/Stepper/index.ts +0 -17
  52. package/src/Stepper/stepper.stylex.ts +0 -19
  53. package/src/__tests__/labApiContractDrift.test.tsx +0 -57
@@ -42,6 +42,9 @@ export interface CodeEditorProps extends Omit<BaseProps<HTMLDivElement>, 'onChan
42
42
  * The escape is advertised to assistive technology via a visually hidden
43
43
  * aria-describedby hint (see `escapeHint`).
44
44
  *
45
+ * The editor carries an explicit tabindex="0" (including when read-only) so
46
+ * the scrollable container passes axe's scrollable-region-focusable check.
47
+ *
45
48
  * @example
46
49
  * ```
47
50
  * const [code, setCode] = useState('');
@@ -1 +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"}
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;;;;;;;;;;;;;;;;;;;;;;;;;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"}
@@ -170,6 +170,9 @@ let editorInstanceCounter = 0;
170
170
  * The escape is advertised to assistive technology via a visually hidden
171
171
  * aria-describedby hint (see `escapeHint`).
172
172
  *
173
+ * The editor carries an explicit tabindex="0" (including when read-only) so
174
+ * the scrollable container passes axe's scrollable-region-focusable check.
175
+ *
173
176
  * @example
174
177
  * ```
175
178
  * const [code, setCode] = useState('');
@@ -472,7 +475,14 @@ export function CodeEditor({
472
475
  ref: editorRef
473
476
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
474
477
  ,
475
- contentEditable: isReadOnly ? false : 'plaintext-only',
478
+ contentEditable: isReadOnly ? false : 'plaintext-only'
479
+ // Explicit tabindex: editing hosts have an effective tabIndex of 0
480
+ // already, but axe reads the attribute, and contenteditable is not
481
+ // on its natively-focusable whitelist — without it a maxHeight
482
+ // editor fails scrollable-region-focusable. Also keeps read-only
483
+ // editors keyboard-focusable, like a readonly textarea.
484
+ ,
485
+ tabIndex: 0,
476
486
  role: "textbox",
477
487
  "aria-multiline": "true",
478
488
  "aria-label": label,
@@ -1 +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"}
1
+ {"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"}
@@ -13,7 +13,6 @@
13
13
  * - /packages/lab/src/InfoTip/InfoTip.test.tsx (tests for new/changed behavior)
14
14
  * - /packages/lab/src/InfoTip/index.ts (exports if types change)
15
15
  */
16
- import { useCallback, useRef, useState } from 'react';
17
16
  import * as stylex from '@stylexjs/stylex';
18
17
  import { Icon } from '@astryxdesign/core/Icon';
19
18
  import { Tooltip } from '@astryxdesign/core/Tooltip';
@@ -69,26 +68,10 @@ export function InfoTip({
69
68
  label = 'More information',
70
69
  size = 'sm'
71
70
  }) {
72
- // Escape dismissal: `true` force-hides the tooltip (Tooltip isOpen={false});
73
- // `false` returns control to Tooltip's own hover/focus triggers (isOpen
74
- // undefined). Reset when the pointer or focus leaves the trigger so the
75
- // tooltip can re-open on the next hover/focus.
76
- const [isDismissed, setIsDismissed] = useState(false);
77
- const isOpenRef = useRef(false);
78
- const handleOpenChange = useCallback(isOpen => {
79
- isOpenRef.current = isOpen;
80
- }, []);
81
- const handleKeyDown = useCallback(event => {
82
- if (event.key === 'Escape' && isOpenRef.current) {
83
- // Only swallow Escape when it actually dismissed the tooltip, so an
84
- // enclosing dialog still closes on the next press.
85
- event.stopPropagation();
86
- setIsDismissed(true);
87
- }
88
- }, []);
89
- const handleReset = useCallback(() => {
90
- setIsDismissed(false);
91
- }, []);
71
+ // No local Escape handler: the trigger used to stopPropagation the press,
72
+ // which hid the tip but left the browser's close watcher to fire `cancel` on
73
+ // an enclosing Dialog, so one press took both (#5168). Tooltip's own entry in
74
+ // the shared dismissal stack takes it instead.
92
75
  return /*#__PURE__*/_jsx(Tooltip, {
93
76
  content: content
94
77
  // The trigger is a real button, so Tooltip's `auto` touch rule would
@@ -97,14 +80,9 @@ export function InfoTip({
97
80
  // an InfoTip's content is unreachable on a phone.
98
81
  ,
99
82
  touchTrigger: "tap",
100
- isOpen: isDismissed ? false : undefined,
101
- onOpenChange: handleOpenChange,
102
83
  children: /*#__PURE__*/_jsx("button", {
103
84
  type: "button",
104
85
  "aria-label": label,
105
- onKeyDown: handleKeyDown,
106
- onBlur: handleReset,
107
- onMouseLeave: handleReset,
108
86
  ...stylex.props(focusOutlineStyles.focusVisible, styles.trigger),
109
87
  children: /*#__PURE__*/_jsx(Icon, {
110
88
  icon: "info",
@@ -1 +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"}
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;AA4SD,wBAAgB,yBAAyB,CAAC,EACxC,YAAgB,GACjB,GAAE,0BAA+B,GAAG,YAAY,CAAC,0BAA0B,CAAC,CAmC5E"}
@@ -45,7 +45,12 @@ function ScheduleMonthlyView(_props) {
45
45
  children: /*#__PURE__*/_jsxs("div", {
46
46
  role: "grid",
47
47
  "aria-label": formatMonthTitle(rangeDate, timezoneID),
48
- "aria-readonly": true,
48
+ "aria-readonly": true
49
+ // The grid scrolls horizontally at narrow viewports and contains no
50
+ // focusable descendants, so it must be focusable itself for keyboard
51
+ // scrolling (axe: scrollable-region-focusable).
52
+ ,
53
+ tabIndex: 0,
49
54
  ...stylex.props(styles.monthGrid),
50
55
  children: [/*#__PURE__*/_jsx("div", {
51
56
  role: "row",
@@ -1 +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"}
1
+ {"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"}
@@ -13,6 +13,7 @@ import { Button } from '@astryxdesign/core/Button';
13
13
  import { ButtonGroup } from '@astryxdesign/core/ButtonGroup';
14
14
  import { Icon } from '@astryxdesign/core/Icon';
15
15
  import { IconButton } from '@astryxdesign/core/IconButton';
16
+ import { rtlStyles } from '@astryxdesign/core/utils';
16
17
  import { useScheduleContext } from "../context.js";
17
18
  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
18
19
  function SchedulePaginationControls() {
@@ -31,7 +32,8 @@ function SchedulePaginationControls() {
31
32
  icon: /*#__PURE__*/_jsx(Icon, {
32
33
  icon: "chevronLeft",
33
34
  size: "sm",
34
- color: "inherit"
35
+ color: "inherit",
36
+ xstyle: rtlStyles.mirror
35
37
  }),
36
38
  onClick: onPreviousDate
37
39
  }), /*#__PURE__*/_jsx(Button, {
@@ -43,7 +45,8 @@ function SchedulePaginationControls() {
43
45
  icon: /*#__PURE__*/_jsx(Icon, {
44
46
  icon: "chevronRight",
45
47
  size: "sm",
46
- color: "inherit"
48
+ color: "inherit",
49
+ xstyle: rtlStyles.mirror
47
50
  }),
48
51
  onClick: onNextDate
49
52
  })]
@@ -693,7 +693,10 @@ export declare const styles: Readonly<{
693
693
  readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif">;
694
694
  readonly color: stylex.StyleXClassNameFor<"color", "light-dark(#0A1317, #DFE2E5)">;
695
695
  }>;
696
- readonly listEventPast: Readonly<{
696
+ readonly listEventTitlePast: Readonly<{
697
+ readonly color: stylex.StyleXClassNameFor<"color", "light-dark(#4E606F, #AAAFB5)">;
698
+ }>;
699
+ readonly listEventDotPast: Readonly<{
697
700
  readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.5>;
698
701
  }>;
699
702
  readonly eventBlue: Readonly<{
@@ -1 +1 @@
1
- {"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/Schedule/shared.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/Schedule/shared.tsx"],"names":[],"mappings":"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"}
@@ -211,16 +211,11 @@ export function ListEventRow({
211
211
  const category = getEventCategory(event, categories);
212
212
  return /*#__PURE__*/_jsxs("div", {
213
213
  ...{
214
- 0: {
215
- className: "xrvj5dj x857yr4 x6s0dn4 x1txdalj xeuugli"
216
- },
217
- 1: {
218
- className: "xrvj5dj x857yr4 x6s0dn4 x1txdalj xeuugli xbyyjgo"
219
- }
220
- }[!!isPast << 0],
214
+ className: "xrvj5dj x857yr4 x6s0dn4 x1txdalj xeuugli"
215
+ },
221
216
  children: [/*#__PURE__*/_jsx("span", {
222
217
  "aria-hidden": true,
223
- ...stylex.props(styles.listEventDot, eventDotColorStyle(category.color))
218
+ ...stylex.props(styles.listEventDot, eventDotColorStyle(category.color), isPast && styles.listEventDotPast)
224
219
  }), /*#__PURE__*/_jsx("span", {
225
220
  ...{
226
221
  className: "x9ynric xv1l7n4 x141an7d x1ltkj2j xuxw1ft"
@@ -228,8 +223,13 @@ export function ListEventRow({
228
223
  children: isDayEvent(event) ? 'All day' : formatEventTimeRange(event, timezoneID)
229
224
  }), /*#__PURE__*/_jsx("span", {
230
225
  ...{
231
- className: "x9ynric x1tgivj0 xeuugli xb3r6kr xlyipyv xuxw1ft xjm74w1 xw6l6zx x1e4wzip"
232
- },
226
+ 0: {
227
+ className: "x9ynric x1tgivj0 xeuugli xb3r6kr xlyipyv xuxw1ft xjm74w1 xw6l6zx x1e4wzip"
228
+ },
229
+ 1: {
230
+ className: "x9ynric xeuugli xb3r6kr xlyipyv xuxw1ft xjm74w1 xw6l6zx x1e4wzip xv1l7n4"
231
+ }
232
+ }[!!isPast << 0],
233
233
  children: event.title
234
234
  })]
235
235
  });
@@ -1064,7 +1064,11 @@ export const styles = {
1064
1064
  k63SB2: "x1e4wzip",
1065
1065
  $$css: true
1066
1066
  },
1067
- listEventPast: {
1067
+ listEventTitlePast: {
1068
+ kMwMTN: "xv1l7n4",
1069
+ $$css: true
1070
+ },
1071
+ listEventDotPast: {
1068
1072
  kSiTet: "xbyyjgo",
1069
1073
  $$css: true
1070
1074
  },
package/dist/index.d.ts CHANGED
@@ -25,7 +25,6 @@ export { RadialChart, type RadialChartProps, RadialGrid, type RadialGridProps, R
25
25
  export { ThreeDChart, type ThreeDChartProps, ThreeDScatter, ThreeDScatterGL, type ThreeDScatterProps, type ThreeDScatterGLProps, ThreeDBar, type ThreeDBarProps, ThreeDGrid, type ThreeDGridProps, ThreeDAxis, type ThreeDAxisProps, ThreeDSurface, type ThreeDSurfaceProps, use3D, type ThreeDContext, type Camera, type Point3D, type ProjectedPoint, } from './ThreeD';
26
26
  export { ChartBrush, type ChartBrushProps, type BrushMode, type BrushRange, ChartZoom, type ChartZoomProps, ChartSelect, type ChartSelectProps, ChartReferenceLine, type ChartReferenceLineProps, } from './Chart';
27
27
  export { SankeyChart, type SankeyChartProps, SankeyLink, type SankeyLinkProps, SankeyNode, type SankeyNodeProps, SankeyLabel, type SankeyLabelProps, useSankey, type SankeyNodeDatum, type SankeyLinkDatum, type SankeyColumn, type SankeyColumnDef, type SankeyNodeLayout, type SankeyLinkLayout, type SankeyColumnLayout, SankeyGrid, type SankeyGridProps, type SankeyContext, } from './Sankey';
28
- export * from './Stepper';
29
28
  export * from './CircularProgress';
30
29
  export * from './ListInput';
31
30
  export { LogStream, type LogStreamProps, type LogEntry, type LogStreamLevel, } from './LogStream';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/dist/index.js CHANGED
@@ -58,7 +58,6 @@ export { SankeyChart, SankeyLink, SankeyNode, SankeyLabel, useSankey, SankeyGrid
58
58
 
59
59
  // Chart v2 (config model) moved to its own package: @astryxdesign/charts.
60
60
  // It is no longer re-exported from @astryxdesign/lab.
61
- export * from "./Stepper/index.js";
62
61
  export * from "./CircularProgress/index.js";
63
62
 
64
63
  // ListInput — compact editor for short collections of simple records
package/dist/lab.css CHANGED
@@ -11,14 +11,11 @@
11
11
  @property --x-gridTemplateColumns { syntax: "*"; inherits: false;}
12
12
  @property --x-height { syntax: "*"; inherits: false;}
13
13
  @property --x-insetInlineStart { syntax: "*"; inherits: false;}
14
- @property --x-marginBlock { syntax: "*"; inherits: false;}
15
14
  @property --x-marginBlockStart { syntax: "*"; inherits: false;}
16
15
  @property --x-maxHeight { syntax: "*"; inherits: false;}
17
16
  @property --x-maxWidth { syntax: "*"; inherits: false;}
18
17
  @property --x-minHeight { syntax: "*"; inherits: false;}
19
18
  @property --x-minWidth { syntax: "*"; inherits: false;}
20
- @property --x-paddingBlock { syntax: "*"; inherits: false;}
21
- @property --x-paddingInline { syntax: "*"; inherits: false;}
22
19
  @property --x-top { syntax: "*"; inherits: false;}
23
20
  @property --x-transform { syntax: "*"; inherits: false;}
24
21
  @property --x-viewTransitionName { syntax: "*"; inherits: false;}
@@ -125,7 +122,6 @@
125
122
  .x33j1x8:not(#\#):not(#\#){grid-row:var(--x-gridRow)}
126
123
  .x17y0mx6:not(#\#):not(#\#){inset-inline:0}
127
124
  .x1yqqeh1:not(#\#):not(#\#){margin-block:var(--spacing-0-5)}
128
- .x1oqu0vw:not(#\#):not(#\#){margin-block:var(--x-marginBlock)}
129
125
  .x1a2a7pz:not(#\#):not(#\#){outline:none}
130
126
  .xysyzu8:not(#\#):not(#\#){overflow:auto}
131
127
  .xb3r6kr:not(#\#):not(#\#){overflow:hidden}
@@ -137,15 +133,12 @@
137
133
  .xu0wf1k:not(#\#):not(#\#){padding-block:var(--spacing-1)}
138
134
  .xce4md1:not(#\#):not(#\#){padding-block:var(--spacing-2)}
139
135
  .x8o8v82:not(#\#):not(#\#){padding-block:var(--spacing-3)}
140
- .x1giekp1:not(#\#):not(#\#){padding-block:var(--x-paddingBlock)}
141
136
  .xnjsko4:not(#\#):not(#\#){padding-inline:0}
142
137
  .x4ezzuc:not(#\#):not(#\#){padding-inline:var(--spacing-1-5)}
143
138
  .x7a5moj:not(#\#):not(#\#){padding-inline:var(--spacing-1)}
144
139
  .xf314gf:not(#\#):not(#\#){padding-inline:var(--spacing-2)}
145
140
  .xrrkdod:not(#\#):not(#\#){padding-inline:var(--spacing-3)}
146
141
  .x1pzlopt:not(#\#):not(#\#){padding-inline:var(--spacing-4)}
147
- .x30g6up:not(#\#):not(#\#){padding-inline:var(--x-paddingInline)}
148
- .x1ku5rj1:not(#\#):not(#\#){place-items:center}
149
142
  .x1hl2dhg:not(#\#):not(#\#){text-decoration:none}
150
143
  .xb0j27v:not(#\#):not(#\#){transition:grid-template-rows var(--duration-medium) var(--ease-standard)}
151
144
  .x1ob6yzd:not(#\#):not(#\#){transition:transform var(--duration-fast) var(--ease-standard)}
@@ -168,7 +161,6 @@
168
161
  .xuk3077:not(#\#):not(#\#):not(#\#){align-items:flex-end}
169
162
  .x1cy8zhl:not(#\#):not(#\#):not(#\#){align-items:flex-start}
170
163
  .x7a106z:not(#\#):not(#\#):not(#\#){align-items:start}
171
- .x1qjc9v5:not(#\#):not(#\#):not(#\#){align-items:stretch}
172
164
  .x7fd4wk:not(#\#):not(#\#):not(#\#){align-self:end}
173
165
  .xqcrz7y:not(#\#):not(#\#):not(#\#){align-self:flex-start}
174
166
  .x1y8v6su:not(#\#):not(#\#):not(#\#){align-self:start}
@@ -237,12 +229,9 @@
237
229
  .xg9c4l2:not(#\#):not(#\#):not(#\#){background-color:var(--color-border-red)}
238
230
  .x1m3yk8c:not(#\#):not(#\#):not(#\#){background-color:var(--color-border-teal)}
239
231
  .x154rz6c:not(#\#):not(#\#):not(#\#){background-color:var(--color-border-yellow)}
240
- .x1m4xfpy:not(#\#):not(#\#):not(#\#){background-color:var(--color-border)}
241
232
  .x1pjz0fi:not(#\#):not(#\#):not(#\#){background-color:var(--color-error)}
242
233
  .x1q5y3ey:not(#\#):not(#\#):not(#\#){background-color:var(--color-icon-secondary)}
243
- .xdsz4j9:not(#\#):not(#\#):not(#\#){background-color:var(--color-success)}
244
234
  .xdomwnj:not(#\#):not(#\#):not(#\#){background-color:var(--color-text-secondary)}
245
- .x1q8g9m5:not(#\#):not(#\#):not(#\#){background-color:var(--color-warning)}
246
235
  .xct3ic7:not(#\#):not(#\#):not(#\#){background-image:linear-gradient(90deg,var(--color-text-secondary) 0%,var(--color-text-disabled) 50%,var(--color-text-secondary) 100%)}
247
236
  .x18o3ruo:not(#\#):not(#\#):not(#\#){background-image:none}
248
237
  .xakli9p:not(#\#):not(#\#):not(#\#){background-size:200% 100%}
@@ -281,15 +270,11 @@
281
270
  .x1lenag:not(#\#):not(#\#):not(#\#){color:light-dark(var(--color-error),color-mix(in srgb,var(--color-error) 82%,white))}
282
271
  .x19co3pv:not(#\#):not(#\#):not(#\#){color:transparent}
283
272
  .xqwr325:not(#\#):not(#\#):not(#\#){color:var(--color-accent)}
284
- .xrkvqaz:not(#\#):not(#\#):not(#\#){color:var(--color-background-surface)}
285
273
  .xjt36v0:not(#\#):not(#\#):not(#\#){color:var(--color-error)}
286
274
  .xqa6c3m:not(#\#):not(#\#):not(#\#){color:var(--color-icon-disabled)}
287
275
  .xtbr613:not(#\#):not(#\#):not(#\#){color:var(--color-icon-primary)}
288
276
  .xv9yike:not(#\#):not(#\#):not(#\#){color:var(--color-icon-secondary)}
289
277
  .x17wrial:not(#\#):not(#\#):not(#\#){color:var(--color-on-accent)}
290
- .x1m024r3:not(#\#):not(#\#):not(#\#){color:var(--color-on-error)}
291
- .xri61p4:not(#\#):not(#\#):not(#\#){color:var(--color-on-success)}
292
- .xrebv38:not(#\#):not(#\#):not(#\#){color:var(--color-on-warning)}
293
278
  .xtjic6:not(#\#):not(#\#):not(#\#){color:var(--color-success)}
294
279
  .xjse4m1:not(#\#):not(#\#):not(#\#){color:var(--color-text-accent)}
295
280
  .x1vvqiwl:not(#\#):not(#\#):not(#\#){color:var(--color-text-blue)}
@@ -310,7 +295,6 @@
310
295
  .xak3so:not(#\#):not(#\#):not(#\#){column-gap:var(--spacing-2)}
311
296
  .xewh9hi:not(#\#):not(#\#):not(#\#){column-gap:var(--spacing-3)}
312
297
  .x1w36mze:not(#\#):not(#\#):not(#\#){contain-intrinsic-height:auto 28px}
313
- .x1hppuf3:not(#\#):not(#\#):not(#\#){container-name:astryx-stepper}
314
298
  .x63rumg:not(#\#):not(#\#):not(#\#){container-name:list-input}
315
299
  .x12h1iku:not(#\#):not(#\#):not(#\#){container-type:inline-size}
316
300
  .xb5mbof:not(#\#):not(#\#):not(#\#){content-visibility:auto}
@@ -326,7 +310,6 @@
326
310
  .xbh8q5q:not(#\#):not(#\#):not(#\#){fill:none}
327
311
  .xdl72j9:not(#\#):not(#\#):not(#\#){flex-basis:auto}
328
312
  .xdt5ytf:not(#\#):not(#\#):not(#\#){flex-direction:column}
329
- .x1q0g3np:not(#\#):not(#\#):not(#\#){flex-direction:row}
330
313
  .x1iyjqo2:not(#\#):not(#\#):not(#\#){flex-grow:1}
331
314
  .x2lah0s:not(#\#):not(#\#):not(#\#){flex-shrink:0}
332
315
  .xs83m0k:not(#\#):not(#\#):not(#\#){flex-shrink:1}
@@ -391,8 +374,6 @@
391
374
  .x1lqcxt8:not(#\#):not(#\#):not(#\#){justify-self:start}
392
375
  .x9pfba7:not(#\#):not(#\#):not(#\#){letter-spacing:.08em}
393
376
  .xa7kkou:not(#\#):not(#\#):not(#\#){line-height:1.7}
394
- .xo5v014:not(#\#):not(#\#):not(#\#){line-height:1}
395
- .x1d3mw78:not(#\#):not(#\#):not(#\#){line-height:16px}
396
377
  .xklk4pu:not(#\#):not(#\#):not(#\#){line-height:30px}
397
378
  .xw6l6zx:not(#\#):not(#\#):not(#\#){line-height:var(--text-body-leading)}
398
379
  .x17iicif:not(#\#):not(#\#):not(#\#){line-height:var(--text-code-leading)}
@@ -419,11 +400,8 @@
419
400
  .x1t818jl:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--spacing-3)}
420
401
  .x1f43n9v:not(#\#):not(#\#):not(#\#){padding-inline-start:calc(16px + var(--spacing-1-5))}
421
402
  .xmarwi5:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--icon-inline-offset)}
422
- .x18gyask:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-0)}
423
403
  .x1vsv5vr:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-1)}
424
404
  .x1rey3nv:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-4)}
425
- .x31w388:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-6)}
426
- .xchaq28:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-7)}
427
405
  .x67bb7w:not(#\#):not(#\#):not(#\#){pointer-events:auto}
428
406
  .x47corl:not(#\#):not(#\#):not(#\#){pointer-events:none}
429
407
  .x10l6tqk:not(#\#):not(#\#):not(#\#){position:absolute}
@@ -447,7 +425,6 @@
447
425
  .x2b8uid:not(#\#):not(#\#):not(#\#){text-align:center}
448
426
  .xp4054r:not(#\#):not(#\#):not(#\#){text-align:end}
449
427
  .xdpxx8g:not(#\#):not(#\#):not(#\#){text-align:left}
450
- .x1yc453h:not(#\#):not(#\#):not(#\#){text-align:start}
451
428
  .xlyipyv:not(#\#):not(#\#):not(#\#){text-overflow:ellipsis}
452
429
  .xtvhhri:not(#\#):not(#\#):not(#\#){text-transform:uppercase}
453
430
  .x5ve5x3:not(#\#):not(#\#):not(#\#){touch-action:none}
@@ -476,7 +453,6 @@
476
453
  .xxymvpz:not(#\#):not(#\#):not(#\#){vertical-align:middle}
477
454
  .xqwjeat:not(#\#):not(#\#):not(#\#){view-transition-name:var(--x-viewTransitionName)}
478
455
  .xlshs6z:not(#\#):not(#\#):not(#\#){visibility:hidden}
479
- .xnpuxes:not(#\#):not(#\#):not(#\#){visibility:visible}
480
456
  .xuxw1ft:not(#\#):not(#\#):not(#\#){white-space:nowrap}
481
457
  .x126k92a:not(#\#):not(#\#):not(#\#){white-space:pre-wrap}
482
458
  .x1sdyfia:not(#\#):not(#\#):not(#\#){white-space:pre}
@@ -485,15 +461,12 @@
485
461
  .x1vjfegm:not(#\#):not(#\#):not(#\#){z-index:1}
486
462
  .x1355qak:not(#\#):not(#\#):not(#\#){z-index:20}
487
463
  .xr3buco:not(#\#):not(#\#):not(#\#){z-index:var(--x-zIndex)}
488
- .x1rmeqbc.x1rmeqbc:where(.x1fcdk97:first-child *):not(#\#):not(#\#):not(#\#){visibility:hidden}
489
- .xehs70j.xehs70j:where(.x1fcdk97:last-child *):not(#\#):not(#\#):not(#\#){visibility:hidden}
490
464
  .x1iutq3a.x1iutq3a:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-color:transparent}
491
465
  .xrz1bfo.xrz1bfo:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-image:none}
492
466
  .x16khyan:is(:disabled,[aria-disabled="true"]):not(#\#):not(#\#):not(#\#){cursor:default}
493
467
  .x1bqaal:focus-visible:not(#\#):not(#\#):not(#\#){outline-offset:-2px}
494
468
  .x1df3fe5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(-100%)}
495
469
  .xttggg:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(100%)}
496
- .xyxi2l3:active:not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-pressed)}
497
470
  .xuqm82a:active:not(#\#):not(#\#):not(#\#){background-image:none}
498
471
  @media (prefers-reduced-motion: reduce){.xnh0sag.xnh0sag:not(#\#):not(#\#):not(#\#){animation-duration:3s}}
499
472
  @media (prefers-reduced-motion: reduce){.xy02sl2.xy02sl2:not(#\#):not(#\#):not(#\#){animation-duration:4s}}
@@ -510,7 +483,6 @@
510
483
  @container (max-width: 40rem){.x12eanku.x12eanku:not(#\#):not(#\#):not(#\#){border-inline-start-width:0}}
511
484
  @container list-input (max-width: 640px){.x1jiamoa.x1jiamoa:not(#\#):not(#\#):not(#\#){display:block}}
512
485
  @container list-input (max-width: 640px){.x12gktpv.x12gktpv:not(#\#):not(#\#):not(#\#){display:contents}}
513
- @container astryx-stepper (max-width: 480px){.x1wzf6n4.x1wzf6n4:not(#\#):not(#\#):not(#\#){display:none}}
514
486
  @container (max-width: 40rem){.x1sp3fdr.x1sp3fdr:not(#\#):not(#\#):not(#\#){grid-template-columns:minmax(0,1fr)}}
515
487
  @container list-input (max-width: 640px){.x540v0d.x540v0d:not(#\#):not(#\#):not(#\#){grid-template-columns:minmax(0,1fr)}}
516
488
  @container list-input (max-width: 640px){.xrs5tkd.xrs5tkd:not(#\#):not(#\#):not(#\#){row-gap:var(--spacing-2)}}
@@ -540,9 +512,6 @@
540
512
  .x1d9x2de:not(#\#):not(#\#):not(#\#):not(#\#){height:640px}
541
513
  .xt7dq6l:not(#\#):not(#\#):not(#\#):not(#\#){height:auto}
542
514
  .xhigkf7:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--icon-size)}
543
- .x11c6zpc:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-1)}
544
- .x6b6gus:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-4)}
545
- .x1grt7ep:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-5)}
546
515
  .x16ye13r:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--x-height)}
547
516
  .x1unci72:not(#\#):not(#\#):not(#\#):not(#\#){left:var(--spacing-4)}
548
517
  .xlstkdb:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--spacing-0-5)}
@@ -565,18 +534,15 @@
565
534
  .xjwf9q1:not(#\#):not(#\#):not(#\#):not(#\#){min-height:24px}
566
535
  .x1cy360x:not(#\#):not(#\#):not(#\#):not(#\#){min-height:3em}
567
536
  .x1uogy3y:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--size-element-md)}
568
- .x175cymr:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--spacing-2)}
569
537
  .xu95rz8:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--transfer-list-panel-min-block-size)}
570
538
  .x82snj4:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--x-minHeight)}
571
539
  .xeuugli:not(#\#):not(#\#):not(#\#):not(#\#){min-width:0}
572
540
  .x17s4nb9:not(#\#):not(#\#):not(#\#):not(#\#){min-width:30px}
573
541
  .x1uz6y0c:not(#\#):not(#\#):not(#\#):not(#\#){min-width:784px}
574
- .x18ki04u:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--spacing-2)}
575
542
  .xkj4a21:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--x-minWidth)}
576
543
  .xw2csxc:not(#\#):not(#\#):not(#\#):not(#\#){overflow-x:auto}
577
544
  .x6ikm8r:not(#\#):not(#\#):not(#\#):not(#\#){overflow-x:hidden}
578
545
  .x1odjw0f:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:auto}
579
- .x1j85h84:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:1px}
580
546
  .x1a148e8:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:env(safe-area-inset-bottom,0px)}
581
547
  .xy143xn:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-1)}
582
548
  .xpgmcrp:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--icon-block-offset)}
@@ -597,9 +563,6 @@
597
563
  .x1td3qas:not(#\#):not(#\#):not(#\#):not(#\#){width:32px}
598
564
  .x1ftt334:not(#\#):not(#\#):not(#\#):not(#\#){width:5px}
599
565
  .x1oai4fc:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--icon-size)}
600
- .xx9zwd3:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-1)}
601
- .x12xnipv:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-4)}
602
- .xfyiiit:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-5)}
603
566
  .x11ymkkh:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--x-1xmrurk)}
604
567
  .x5lhr3w:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--x-width)}
605
568
  .x14l7nz5:first-child:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:0}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@astryxdesign/lab",
3
- "version": "0.4.7-canary.f5cb8af",
3
+ "version": "0.4.7-canary.fe95cd5",
4
4
  "description": "Experimental Astryx components — published to npm only under the @canary dist-tag for early testing; never released as a stable (latest) version.",
5
5
  "author": "Meta Open Source",
6
6
  "license": "MIT",
@@ -45,7 +45,7 @@
45
45
  },
46
46
  "peerDependencies": {
47
47
  "@stylexjs/stylex": ">=0.10.0",
48
- "@astryxdesign/core": "0.4.7-canary.f5cb8af",
48
+ "@astryxdesign/core": "0.4.7-canary.fe95cd5",
49
49
  "react": ">=19.0.0",
50
50
  "react-dom": ">=19.0.0"
51
51
  },
@@ -55,7 +55,7 @@
55
55
  "d3-shape": "^3.2.0"
56
56
  },
57
57
  "devDependencies": {
58
- "@astryxdesign/cli": "0.4.7-canary.f5cb8af",
58
+ "@astryxdesign/cli": "0.4.7-canary.fe95cd5",
59
59
  "@types/d3-array": "^3.2.2",
60
60
  "@types/d3-scale": "^4.0.9",
61
61
  "@types/d3-shape": "^3.1.8",
@@ -188,4 +188,40 @@ describe('CodeEditor', () => {
188
188
 
189
189
  expect(onChange).toHaveBeenCalledWith(' a;\nb;');
190
190
  });
191
+
192
+ it('exposes an explicit tabindex so scrollable editors count as focusable content', () => {
193
+ // contenteditable is not on axe's natively-focusable whitelist, and axe
194
+ // reads the tabindex ATTRIBUTE (not the browser's effective tabIndex),
195
+ // so the scrollable editorContainer only passes scrollable-region-focusable
196
+ // when the <code> editor materializes tabindex="0" explicitly.
197
+ render(
198
+ <CodeEditor
199
+ value={Array.from({length: 30}, (_, i) => `line ${i + 1};`).join('\n')}
200
+ onChange={() => {}}
201
+ language="typescript"
202
+ label="Edit snippet"
203
+ maxHeight={200}
204
+ />,
205
+ );
206
+ expect(screen.getByRole('textbox', {name: 'Edit snippet'})).toHaveAttribute(
207
+ 'tabindex',
208
+ '0',
209
+ );
210
+ });
211
+
212
+ it('keeps read-only editors keyboard-focusable, like a readonly textarea', () => {
213
+ render(
214
+ <CodeEditor
215
+ value="const x = 1;"
216
+ onChange={() => {}}
217
+ language="typescript"
218
+ label="Edit snippet"
219
+ isReadOnly
220
+ />,
221
+ );
222
+ expect(screen.getByRole('textbox', {name: 'Edit snippet'})).toHaveAttribute(
223
+ 'tabindex',
224
+ '0',
225
+ );
226
+ });
191
227
  });
@@ -242,6 +242,9 @@ let editorInstanceCounter = 0;
242
242
  * The escape is advertised to assistive technology via a visually hidden
243
243
  * aria-describedby hint (see `escapeHint`).
244
244
  *
245
+ * The editor carries an explicit tabindex="0" (including when read-only) so
246
+ * the scrollable container passes axe's scrollable-region-focusable check.
247
+ *
245
248
  * @example
246
249
  * ```
247
250
  * const [code, setCode] = useState('');
@@ -575,6 +578,12 @@ export function CodeEditor({
575
578
  ref={editorRef}
576
579
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
577
580
  contentEditable={isReadOnly ? false : ('plaintext-only' as any)}
581
+ // Explicit tabindex: editing hosts have an effective tabIndex of 0
582
+ // already, but axe reads the attribute, and contenteditable is not
583
+ // on its natively-focusable whitelist — without it a maxHeight
584
+ // editor fails scrollable-region-focusable. Also keeps read-only
585
+ // editors keyboard-focusable, like a readonly textarea.
586
+ tabIndex={0}
578
587
  role="textbox"
579
588
  aria-multiline="true"
580
589
  aria-label={label}
@@ -14,7 +14,7 @@
14
14
  * - /packages/lab/src/InfoTip/index.ts (exports if types change)
15
15
  */
16
16
 
17
- import {useCallback, useRef, useState, type ReactNode} from 'react';
17
+ import {type ReactNode} from 'react';
18
18
  import * as stylex from '@stylexjs/stylex';
19
19
 
20
20
  import {Icon, type IconSize} from '@astryxdesign/core/Icon';
@@ -103,33 +103,10 @@ export function InfoTip({
103
103
  label = 'More information',
104
104
  size = 'sm',
105
105
  }: InfoTipProps): ReactNode {
106
- // Escape dismissal: `true` force-hides the tooltip (Tooltip isOpen={false});
107
- // `false` returns control to Tooltip's own hover/focus triggers (isOpen
108
- // undefined). Reset when the pointer or focus leaves the trigger so the
109
- // tooltip can re-open on the next hover/focus.
110
- const [isDismissed, setIsDismissed] = useState(false);
111
- const isOpenRef = useRef(false);
112
-
113
- const handleOpenChange = useCallback((isOpen: boolean) => {
114
- isOpenRef.current = isOpen;
115
- }, []);
116
-
117
- const handleKeyDown = useCallback(
118
- (event: React.KeyboardEvent<HTMLButtonElement>) => {
119
- if (event.key === 'Escape' && isOpenRef.current) {
120
- // Only swallow Escape when it actually dismissed the tooltip, so an
121
- // enclosing dialog still closes on the next press.
122
- event.stopPropagation();
123
- setIsDismissed(true);
124
- }
125
- },
126
- [],
127
- );
128
-
129
- const handleReset = useCallback(() => {
130
- setIsDismissed(false);
131
- }, []);
132
-
106
+ // No local Escape handler: the trigger used to stopPropagation the press,
107
+ // which hid the tip but left the browser's close watcher to fire `cancel` on
108
+ // an enclosing Dialog, so one press took both (#5168). Tooltip's own entry in
109
+ // the shared dismissal stack takes it instead.
133
110
  return (
134
111
  <Tooltip
135
112
  content={content}
@@ -137,15 +114,10 @@ export function InfoTip({
137
114
  // give the tap to the control and suppress the tooltip. Here the tooltip
138
115
  // IS the control's only purpose, so the tap has to open it — otherwise
139
116
  // an InfoTip's content is unreachable on a phone.
140
- touchTrigger="tap"
141
- isOpen={isDismissed ? false : undefined}
142
- onOpenChange={handleOpenChange}>
117
+ touchTrigger="tap">
143
118
  <button
144
119
  type="button"
145
120
  aria-label={label}
146
- onKeyDown={handleKeyDown}
147
- onBlur={handleReset}
148
- onMouseLeave={handleReset}
149
121
  {...stylex.props(focusOutlineStyles.focusVisible, styles.trigger)}>
150
122
  <Icon icon="info" size={size} />
151
123
  </button>