@astryxdesign/lab 0.4.7-canary.b7fc8b1 → 0.4.7-canary.de6d448

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/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/index.d.ts

@@ -25,7 +25,6 @@ export { RadialChart, type RadialChartProps, RadialGrid, type RadialGridProps, R
 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';
 export { ChartBrush, type ChartBrushProps, type BrushMode, type BrushRange, ChartZoom, type ChartZoomProps, ChartSelect, type ChartSelectProps, ChartReferenceLine, type ChartReferenceLineProps, } from './Chart';
 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';
-export * from './Stepper';
 export * from './CircularProgress';
 export * from './ListInput';
 export { LogStream, type LogStreamProps, type LogEntry, type LogStreamLevel, } from './LogStream';

package/dist/index.d.ts.map

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

package/dist/index.js

@@ -58,7 +58,6 @@ export { SankeyChart, SankeyLink, SankeyNode, SankeyLabel, useSankey, SankeyGrid
 
 // Chart v2 (config model) moved to its own package: @astryxdesign/charts.
 // It is no longer re-exported from @astryxdesign/lab.
-export * from "./Stepper/index.js";
 export * from "./CircularProgress/index.js";
 
 // ListInput — compact editor for short collections of simple records

package/dist/lab.css

@@ -11,14 +11,11 @@
   @property --x-gridTemplateColumns { syntax: "*"; inherits: false;}
   @property --x-height { syntax: "*"; inherits: false;}
   @property --x-insetInlineStart { syntax: "*"; inherits: false;}
-  @property --x-marginBlock { syntax: "*"; inherits: false;}
   @property --x-marginBlockStart { syntax: "*"; inherits: false;}
   @property --x-maxHeight { syntax: "*"; inherits: false;}
   @property --x-maxWidth { syntax: "*"; inherits: false;}
   @property --x-minHeight { syntax: "*"; inherits: false;}
   @property --x-minWidth { syntax: "*"; inherits: false;}
-  @property --x-paddingBlock { syntax: "*"; inherits: false;}
-  @property --x-paddingInline { syntax: "*"; inherits: false;}
   @property --x-top { syntax: "*"; inherits: false;}
   @property --x-transform { syntax: "*"; inherits: false;}
   @property --x-viewTransitionName { syntax: "*"; inherits: false;}
@@ -125,7 +122,6 @@
   .x33j1x8:not(#\#):not(#\#){grid-row:var(--x-gridRow)}
   .x17y0mx6:not(#\#):not(#\#){inset-inline:0}
   .x1yqqeh1:not(#\#):not(#\#){margin-block:var(--spacing-0-5)}
-  .x1oqu0vw:not(#\#):not(#\#){margin-block:var(--x-marginBlock)}
   .x1a2a7pz:not(#\#):not(#\#){outline:none}
   .xysyzu8:not(#\#):not(#\#){overflow:auto}
   .xb3r6kr:not(#\#):not(#\#){overflow:hidden}
@@ -137,15 +133,12 @@
   .xu0wf1k:not(#\#):not(#\#){padding-block:var(--spacing-1)}
   .xce4md1:not(#\#):not(#\#){padding-block:var(--spacing-2)}
   .x8o8v82:not(#\#):not(#\#){padding-block:var(--spacing-3)}
-  .x1giekp1:not(#\#):not(#\#){padding-block:var(--x-paddingBlock)}
   .xnjsko4:not(#\#):not(#\#){padding-inline:0}
   .x4ezzuc:not(#\#):not(#\#){padding-inline:var(--spacing-1-5)}
   .x7a5moj:not(#\#):not(#\#){padding-inline:var(--spacing-1)}
   .xf314gf:not(#\#):not(#\#){padding-inline:var(--spacing-2)}
   .xrrkdod:not(#\#):not(#\#){padding-inline:var(--spacing-3)}
   .x1pzlopt:not(#\#):not(#\#){padding-inline:var(--spacing-4)}
-  .x30g6up:not(#\#):not(#\#){padding-inline:var(--x-paddingInline)}
-  .x1ku5rj1:not(#\#):not(#\#){place-items:center}
   .x1hl2dhg:not(#\#):not(#\#){text-decoration:none}
   .xb0j27v:not(#\#):not(#\#){transition:grid-template-rows var(--duration-medium) var(--ease-standard)}
   .x1ob6yzd:not(#\#):not(#\#){transition:transform var(--duration-fast) var(--ease-standard)}
@@ -168,7 +161,6 @@
   .xuk3077:not(#\#):not(#\#):not(#\#){align-items:flex-end}
   .x1cy8zhl:not(#\#):not(#\#):not(#\#){align-items:flex-start}
   .x7a106z:not(#\#):not(#\#):not(#\#){align-items:start}
-  .x1qjc9v5:not(#\#):not(#\#):not(#\#){align-items:stretch}
   .x7fd4wk:not(#\#):not(#\#):not(#\#){align-self:end}
   .xqcrz7y:not(#\#):not(#\#):not(#\#){align-self:flex-start}
   .x1y8v6su:not(#\#):not(#\#):not(#\#){align-self:start}
@@ -237,12 +229,9 @@
   .xg9c4l2:not(#\#):not(#\#):not(#\#){background-color:var(--color-border-red)}
   .x1m3yk8c:not(#\#):not(#\#):not(#\#){background-color:var(--color-border-teal)}
   .x154rz6c:not(#\#):not(#\#):not(#\#){background-color:var(--color-border-yellow)}
-  .x1m4xfpy:not(#\#):not(#\#):not(#\#){background-color:var(--color-border)}
   .x1pjz0fi:not(#\#):not(#\#):not(#\#){background-color:var(--color-error)}
   .x1q5y3ey:not(#\#):not(#\#):not(#\#){background-color:var(--color-icon-secondary)}
-  .xdsz4j9:not(#\#):not(#\#):not(#\#){background-color:var(--color-success)}
   .xdomwnj:not(#\#):not(#\#):not(#\#){background-color:var(--color-text-secondary)}
-  .x1q8g9m5:not(#\#):not(#\#):not(#\#){background-color:var(--color-warning)}
   .xct3ic7:not(#\#):not(#\#):not(#\#){background-image:linear-gradient(90deg,var(--color-text-secondary) 0%,var(--color-text-disabled) 50%,var(--color-text-secondary) 100%)}
   .x18o3ruo:not(#\#):not(#\#):not(#\#){background-image:none}
   .xakli9p:not(#\#):not(#\#):not(#\#){background-size:200% 100%}
@@ -281,15 +270,11 @@
   .x1lenag:not(#\#):not(#\#):not(#\#){color:light-dark(var(--color-error),color-mix(in srgb,var(--color-error) 82%,white))}
   .x19co3pv:not(#\#):not(#\#):not(#\#){color:transparent}
   .xqwr325:not(#\#):not(#\#):not(#\#){color:var(--color-accent)}
-  .xrkvqaz:not(#\#):not(#\#):not(#\#){color:var(--color-background-surface)}
   .xjt36v0:not(#\#):not(#\#):not(#\#){color:var(--color-error)}
   .xqa6c3m:not(#\#):not(#\#):not(#\#){color:var(--color-icon-disabled)}
   .xtbr613:not(#\#):not(#\#):not(#\#){color:var(--color-icon-primary)}
   .xv9yike:not(#\#):not(#\#):not(#\#){color:var(--color-icon-secondary)}
   .x17wrial:not(#\#):not(#\#):not(#\#){color:var(--color-on-accent)}
-  .x1m024r3:not(#\#):not(#\#):not(#\#){color:var(--color-on-error)}
-  .xri61p4:not(#\#):not(#\#):not(#\#){color:var(--color-on-success)}
-  .xrebv38:not(#\#):not(#\#):not(#\#){color:var(--color-on-warning)}
   .xtjic6:not(#\#):not(#\#):not(#\#){color:var(--color-success)}
   .xjse4m1:not(#\#):not(#\#):not(#\#){color:var(--color-text-accent)}
   .x1vvqiwl:not(#\#):not(#\#):not(#\#){color:var(--color-text-blue)}
@@ -310,7 +295,6 @@
   .xak3so:not(#\#):not(#\#):not(#\#){column-gap:var(--spacing-2)}
   .xewh9hi:not(#\#):not(#\#):not(#\#){column-gap:var(--spacing-3)}
   .x1w36mze:not(#\#):not(#\#):not(#\#){contain-intrinsic-height:auto 28px}
-  .x1hppuf3:not(#\#):not(#\#):not(#\#){container-name:astryx-stepper}
   .x63rumg:not(#\#):not(#\#):not(#\#){container-name:list-input}
   .x12h1iku:not(#\#):not(#\#):not(#\#){container-type:inline-size}
   .xb5mbof:not(#\#):not(#\#):not(#\#){content-visibility:auto}
@@ -326,7 +310,6 @@
   .xbh8q5q:not(#\#):not(#\#):not(#\#){fill:none}
   .xdl72j9:not(#\#):not(#\#):not(#\#){flex-basis:auto}
   .xdt5ytf:not(#\#):not(#\#):not(#\#){flex-direction:column}
-  .x1q0g3np:not(#\#):not(#\#):not(#\#){flex-direction:row}
   .x1iyjqo2:not(#\#):not(#\#):not(#\#){flex-grow:1}
   .x2lah0s:not(#\#):not(#\#):not(#\#){flex-shrink:0}
   .xs83m0k:not(#\#):not(#\#):not(#\#){flex-shrink:1}
@@ -391,8 +374,6 @@
   .x1lqcxt8:not(#\#):not(#\#):not(#\#){justify-self:start}
   .x9pfba7:not(#\#):not(#\#):not(#\#){letter-spacing:.08em}
   .xa7kkou:not(#\#):not(#\#):not(#\#){line-height:1.7}
-  .xo5v014:not(#\#):not(#\#):not(#\#){line-height:1}
-  .x1d3mw78:not(#\#):not(#\#):not(#\#){line-height:16px}
   .xklk4pu:not(#\#):not(#\#):not(#\#){line-height:30px}
   .xw6l6zx:not(#\#):not(#\#):not(#\#){line-height:var(--text-body-leading)}
   .x17iicif:not(#\#):not(#\#):not(#\#){line-height:var(--text-code-leading)}
@@ -419,11 +400,8 @@
   .x1t818jl:not(#\#):not(#\#):not(#\#){padding-inline-end:var(--spacing-3)}
   .x1f43n9v:not(#\#):not(#\#):not(#\#){padding-inline-start:calc(16px + var(--spacing-1-5))}
   .xmarwi5:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--icon-inline-offset)}
-  .x18gyask:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-0)}
   .x1vsv5vr:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-1)}
   .x1rey3nv:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-4)}
-  .x31w388:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-6)}
-  .xchaq28:not(#\#):not(#\#):not(#\#){padding-inline-start:var(--spacing-7)}
   .x67bb7w:not(#\#):not(#\#):not(#\#){pointer-events:auto}
   .x47corl:not(#\#):not(#\#):not(#\#){pointer-events:none}
   .x10l6tqk:not(#\#):not(#\#):not(#\#){position:absolute}
@@ -447,7 +425,6 @@
   .x2b8uid:not(#\#):not(#\#):not(#\#){text-align:center}
   .xp4054r:not(#\#):not(#\#):not(#\#){text-align:end}
   .xdpxx8g:not(#\#):not(#\#):not(#\#){text-align:left}
-  .x1yc453h:not(#\#):not(#\#):not(#\#){text-align:start}
   .xlyipyv:not(#\#):not(#\#):not(#\#){text-overflow:ellipsis}
   .xtvhhri:not(#\#):not(#\#):not(#\#){text-transform:uppercase}
   .x5ve5x3:not(#\#):not(#\#):not(#\#){touch-action:none}
@@ -476,7 +453,6 @@
   .xxymvpz:not(#\#):not(#\#):not(#\#){vertical-align:middle}
   .xqwjeat:not(#\#):not(#\#):not(#\#){view-transition-name:var(--x-viewTransitionName)}
   .xlshs6z:not(#\#):not(#\#):not(#\#){visibility:hidden}
-  .xnpuxes:not(#\#):not(#\#):not(#\#){visibility:visible}
   .xuxw1ft:not(#\#):not(#\#):not(#\#){white-space:nowrap}
   .x126k92a:not(#\#):not(#\#):not(#\#){white-space:pre-wrap}
   .x1sdyfia:not(#\#):not(#\#):not(#\#){white-space:pre}
@@ -485,15 +461,12 @@
   .x1vjfegm:not(#\#):not(#\#):not(#\#){z-index:1}
   .x1355qak:not(#\#):not(#\#):not(#\#){z-index:20}
   .xr3buco:not(#\#):not(#\#):not(#\#){z-index:var(--x-zIndex)}
-  .x1rmeqbc.x1rmeqbc:where(.x1fcdk97:first-child *):not(#\#):not(#\#):not(#\#){visibility:hidden}
-  .xehs70j.xehs70j:where(.x1fcdk97:last-child *):not(#\#):not(#\#):not(#\#){visibility:hidden}
   .x1iutq3a.x1iutq3a:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-color:transparent}
   .xrz1bfo.xrz1bfo:hover:where(:not(:disabled,[aria-disabled="true"])):not(#\#):not(#\#):not(#\#){background-image:none}
   .x16khyan:is(:disabled,[aria-disabled="true"]):not(#\#):not(#\#):not(#\#){cursor:default}
   .x1bqaal:focus-visible:not(#\#):not(#\#):not(#\#){outline-offset:-2px}
   .x1df3fe5:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(-100%)}
   .xttggg:is([dir="rtl"] *):not(#\#):not(#\#):not(#\#){transform:translateX(100%)}
-  .xyxi2l3:active:not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-pressed)}
   .xuqm82a:active:not(#\#):not(#\#):not(#\#){background-image:none}
   @media (prefers-reduced-motion: reduce){.xnh0sag.xnh0sag:not(#\#):not(#\#):not(#\#){animation-duration:3s}}
   @media (prefers-reduced-motion: reduce){.xy02sl2.xy02sl2:not(#\#):not(#\#):not(#\#){animation-duration:4s}}
@@ -510,7 +483,6 @@
   @container (max-width: 40rem){.x12eanku.x12eanku:not(#\#):not(#\#):not(#\#){border-inline-start-width:0}}
   @container list-input (max-width: 640px){.x1jiamoa.x1jiamoa:not(#\#):not(#\#):not(#\#){display:block}}
   @container list-input (max-width: 640px){.x12gktpv.x12gktpv:not(#\#):not(#\#):not(#\#){display:contents}}
-  @container astryx-stepper (max-width: 480px){.x1wzf6n4.x1wzf6n4:not(#\#):not(#\#):not(#\#){display:none}}
   @container (max-width: 40rem){.x1sp3fdr.x1sp3fdr:not(#\#):not(#\#):not(#\#){grid-template-columns:minmax(0,1fr)}}
   @container list-input (max-width: 640px){.x540v0d.x540v0d:not(#\#):not(#\#):not(#\#){grid-template-columns:minmax(0,1fr)}}
   @container list-input (max-width: 640px){.xrs5tkd.xrs5tkd:not(#\#):not(#\#):not(#\#){row-gap:var(--spacing-2)}}
@@ -540,9 +512,6 @@
   .x1d9x2de:not(#\#):not(#\#):not(#\#):not(#\#){height:640px}
   .xt7dq6l:not(#\#):not(#\#):not(#\#):not(#\#){height:auto}
   .xhigkf7:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--icon-size)}
-  .x11c6zpc:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-1)}
-  .x6b6gus:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-4)}
-  .x1grt7ep:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--spacing-5)}
   .x16ye13r:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--x-height)}
   .x1unci72:not(#\#):not(#\#):not(#\#):not(#\#){left:var(--spacing-4)}
   .xlstkdb:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--spacing-0-5)}
@@ -565,18 +534,15 @@
   .xjwf9q1:not(#\#):not(#\#):not(#\#):not(#\#){min-height:24px}
   .x1cy360x:not(#\#):not(#\#):not(#\#):not(#\#){min-height:3em}
   .x1uogy3y:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--size-element-md)}
-  .x175cymr:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--spacing-2)}
   .xu95rz8:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--transfer-list-panel-min-block-size)}
   .x82snj4:not(#\#):not(#\#):not(#\#):not(#\#){min-height:var(--x-minHeight)}
   .xeuugli:not(#\#):not(#\#):not(#\#):not(#\#){min-width:0}
   .x17s4nb9:not(#\#):not(#\#):not(#\#):not(#\#){min-width:30px}
   .x1uz6y0c:not(#\#):not(#\#):not(#\#):not(#\#){min-width:784px}
-  .x18ki04u:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--spacing-2)}
   .xkj4a21:not(#\#):not(#\#):not(#\#):not(#\#){min-width:var(--x-minWidth)}
   .xw2csxc:not(#\#):not(#\#):not(#\#):not(#\#){overflow-x:auto}
   .x6ikm8r:not(#\#):not(#\#):not(#\#):not(#\#){overflow-x:hidden}
   .x1odjw0f:not(#\#):not(#\#):not(#\#):not(#\#){overflow-y:auto}
-  .x1j85h84:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:1px}
   .x1a148e8:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:env(safe-area-inset-bottom,0px)}
   .xy143xn:not(#\#):not(#\#):not(#\#):not(#\#){padding-bottom:var(--spacing-1)}
   .xpgmcrp:not(#\#):not(#\#):not(#\#):not(#\#){padding-top:var(--icon-block-offset)}
@@ -597,9 +563,6 @@
   .x1td3qas:not(#\#):not(#\#):not(#\#):not(#\#){width:32px}
   .x1ftt334:not(#\#):not(#\#):not(#\#):not(#\#){width:5px}
   .x1oai4fc:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--icon-size)}
-  .xx9zwd3:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-1)}
-  .x12xnipv:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-4)}
-  .xfyiiit:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-5)}
   .x11ymkkh:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--x-1xmrurk)}
   .x5lhr3w:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--x-width)}
   .x14l7nz5:first-child:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:0}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/lab",
-  "version": "0.4.7-canary.b7fc8b1",
+  "version": "0.4.7-canary.de6d448",
   "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.b7fc8b1",
+    "@astryxdesign/core": "0.4.7-canary.de6d448",
     "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.b7fc8b1",
+    "@astryxdesign/cli": "0.4.7-canary.de6d448",
     "@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/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/index.ts

@@ -240,7 +240,6 @@ export {
 
 // Chart v2 (config model) moved to its own package: @astryxdesign/charts.
 // It is no longer re-exported from @astryxdesign/lab.
-export * from './Stepper';
 export * from './CircularProgress';
 
 // ListInput — compact editor for short collections of simple records

package/dist/Stepper/Step.d.ts

@@ -1,130 +0,0 @@
-/**
- * @file Step.tsx
- * @input Uses React, stylex, theme tokens, StepperContext
- * @output Exports Step component and StepProps
- * @position Individual step item; used inside Stepper
- *
- * SYNC: When modified, update these files to stay in sync:
- * - /packages/lab/src/Stepper/Stepper.doc.mjs
- * - /packages/lab/src/Stepper/Stepper.test.tsx
- * - /packages/lab/src/Stepper/index.ts
- * - /apps/storybook/stories/Stepper.stories.tsx
- * - /packages/cli/assets/templates/blocks/components/Stepper/ (showcase blocks)
- */
-import { type ReactNode } from 'react';
-import type { BaseProps } from '@astryxdesign/core';
-import type { StepStatus } from './StepStatus';
-/**
- * Built-in indicator presets. Anything other than these strings passed to
- * `indicator` is treated as a custom ReactNode (e.g. an `<Icon />`).
- * - 'auto': numbered badge for not-yet-reached steps, a check once completed
- *   (default)
- * - 'number': always a numbered badge
- * - 'none': no indicator — just the progress bar and label
- */
-export type StepIndicatorPreset = 'auto' | 'number' | 'none';
-export type StepDensity = 'compact' | 'balanced' | 'spacious';
-export interface StepProps extends BaseProps<HTMLLIElement> {
-    /** Ref forwarded to the root element */
-    ref?: React.Ref<HTMLLIElement>;
-    /**
-     * Zero-based index of this step. Used to derive progress (completed /
-     * active / not-started) relative to the parent's `activeStep`.
-     */
-    step: number;
-    /**
-     * Step label text.
-     */
-    label: string;
-    /**
-     * Optional description shown below the label.
-     */
-    description?: string;
-    /**
-     * Content rendered below the label and description. Useful in vertical
-     * steppers to show form fields or detailed content for each step.
-     */
-    children?: ReactNode;
-    /**
-     * Custom icon rendered inside the indicator. Accepts any ReactNode (for
-     * example an `<Icon />`). Equivalent to passing the node directly to
-     * `indicator`; takes precedence over the built-in number/check.
-     */
-    icon?: ReactNode;
-    /**
-     * Semantic status for the step, mapped to the global Astryx semantic tokens
-     * (`accent`, `success`, `warning`, `error`). In the default `auto` indicator
-     * mode it sets both the indicator color and a matching glyph: `success` shows
-     * a green check-circle, `warning`/`error` show the shared Input status icons.
-     * `accent` is color-only. The current (in-progress) step always keeps its
-     * current-step indicator regardless of `status`. Never recolors the
-     * connector/track.
-     *
-     * Because the indicator glyphs are decorative (aria-hidden), the status also
-     * reaches assistive technology as text: visually hidden "completed" /
-     * "warning" / "error" next to the label, and composed into the accessible
-     * name of clickable steps.
-     */
-    status?: StepStatus;
-    /**
-     * Disable interaction for this step.
-     * @default false
-     */
-    isDisabled?: boolean;
-    /**
-     * Marks the step as optional, appending an "Optional" affordance after the
-     * label.
-     * @default false
-     */
-    isOptional?: boolean;
-    /**
-     * Trailing content rendered at the end of the label row (e.g. a timestamp
-     * or status chip).
-     */
-    endContent?: ReactNode;
-    /**
-     * What to show as the step indicator. Accepts a preset string or any
-     * ReactNode:
-     * - 'auto': numbered badge until completed, then a check (default)
-     * - 'number': always a numbered badge
-     * - 'none': no indicator, just the bar + label
-     * - ReactNode: any custom icon or element to render as the indicator
-     * @default 'auto'
-     */
-    indicator?: StepIndicatorPreset | ReactNode;
-    /**
-     * Controls vertical padding of the step. Falls back to the stepper-level
-     * density when unset.
-     * - 'compact': minimal padding (4px block)
-     * - 'balanced': default (8px block)
-     * - 'spacious': generous (12px block, 12px inline)
-     */
-    density?: StepDensity;
-}
-/**
- * An individual step within an Stepper. Renders a 4px progress-bar segment,
- * an indicator (numbered badge, check, or any custom icon), a label with
- * optional description, and an optional content slot.
- *
- * Progress (completed / active / not-started) is derived from the parent's
- * `activeStep` and this step's `step` prop. The optional `status` prop layers a
- * semantic meaning on top: in the default `auto` indicator mode it recolors the
- * indicator and swaps in a matching glyph (`success` → green check-circle,
- * `warning`/`error` → the shared Input status icons). The current step always
- * keeps its current-step ring. `status` never recolors the connector/track.
- *
- * @example
- * ```
- * <Step step={0} label="Account details" description="Enter your email" />
- * ```
- *
- * @example
- * ```
- * <Step step={1} label="Payment" status="error" />
- * ```
- */
-export declare function Step({ step, label, description, children, icon, status, isDisabled, isOptional, endContent, indicator: indicatorProp, density: densityProp, xstyle, className, style, ref, 'data-testid': dataTestId, ...rest }: StepProps): import("react").JSX.Element;
-export declare namespace Step {
-    var displayName: string;
-}
-//# sourceMappingURL=Step.d.ts.map

package/dist/Stepper/Step.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Step.d.ts","sourceRoot":"","sources":["../../src/Stepper/Step.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAC,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAarC,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAOlD,OAAO,KAAK,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AAE7C;;;;;;;GAOG;AACH,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAC;AAC7D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;AAE9D,MAAM,WAAW,SAAU,SAAQ,SAAS,CAAC,aAAa,CAAC;IACzD,wCAAwC;IACxC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,aAAa,CAAC,CAAC;IAC/B;;;OAGG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;;;;;;;OAQG;IACH,SAAS,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;IAC5C;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAigBD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,MAAM,EACN,UAAkB,EAClB,UAAkB,EAClB,UAAU,EACV,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,SAAS,+BA0nBX;yBA5oBe,IAAI"}