@astryxdesign/lab 0.1.9-canary.ae1eaed → 0.1.9-canary.d2d84f8

package/dist/Stepper/Step.js

@@ -553,7 +553,7 @@ export function Step({
     status: status ?? undefined
   });
 
-  // ======= ON-TRACK (EPS-aligned): indicator is a node on the connector =======
+  // ======= ON-TRACK: indicator is a node on the connector =======
   if (indicatorPosition === 'on-track') {
     // Connector fill is purely progress-based (matches the separated bar):
     // the segment before the indicator is "reached" once we're at/past this

package/dist/Stepper/Stepper.d.ts

@@ -50,7 +50,7 @@ export interface StepperProps extends BaseProps<HTMLOListElement> {
      * - 'separated': indicator lives in the label row, distinct from the progress
      *   bar (the original Astryx layout).
      * - 'on-track': indicator is slotted into the connector line as a node on the
-     *   track (EPS-aligned design).
+     *   track (the on-track indicator design).
      * @default 'separated'
      */
     indicatorPosition?: StepperIndicatorPosition;

package/dist/Stepper/StepperContext.d.ts

@@ -6,7 +6,7 @@ export type StepperDensity = 'compact' | 'balanced' | 'spacious';
  *   bar (Astryx's original layout).
  * - 'on-track': indicator is slotted *into* the connector line as a node on the
  *   track, with the label beside (vertical) or below (horizontal). Aligns with
- *   the EPS stepper design.
+ *   the on-track stepper design.
  */
 export type StepperIndicatorPosition = 'separated' | 'on-track';
 export interface StepperContextValue {

package/dist/Stepper/StepperContext.js

@@ -20,7 +20,7 @@ import { createContext, use } from 'react';
  *   bar (Astryx's original layout).
  * - 'on-track': indicator is slotted *into* the connector line as a node on the
  *   track, with the label beside (vertical) or below (horizontal). Aligns with
- *   the EPS stepper design.
+ *   the on-track stepper design.
  */
 
 export const StepperContext = /*#__PURE__*/createContext(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/lab",
-  "version": "0.1.9-canary.ae1eaed",
+  "version": "0.1.9-canary.d2d84f8",
   "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.1.9-canary.ae1eaed",
+    "@astryxdesign/core": "0.1.9-canary.d2d84f8",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
     "lexical": "^0.46.0",
@@ -109,6 +109,7 @@
     "test": "vitest run --root ../..",
     "test:watch": "vitest --root ../..",
     "lint": "eslint src",
+    "typecheck:docs": "tsc --project tsconfig.docs.json",
     "typecheck": "tsc --project tsconfig.json --noEmit"
   }
 }

package/src/Chart/ChartArea.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'ChartArea',

package/src/Chart/ChartBar.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'ChartBar',

package/src/Chart/ChartCandlestick.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'ChartCandlestick',

package/src/Chart/ChartDot.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'ChartDot',

package/src/Chart/ChartDotGL.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'ChartDotGL',

package/src/Chart/ChartDotGLInteractive.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'ChartDotGLInteractive',

package/src/Chart/ChartHeatmapGL.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'ChartHeatmapGL',

package/src/Chart/ChartLine.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'ChartLine',

package/src/Chart/ChartStreamGL.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'ChartStreamGL',

package/src/Chat/ChatEmojiPicker.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'ChatEmojiPicker',

package/src/Chat/ChatReactionBar.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'ChatReactionBar',

package/src/Chat/ChatTypingIndicator.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'ChatTypingIndicator',

package/src/Chat/ChatUnreadDivider.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'ChatUnreadDivider',

package/src/ChatReasoning/ChatReasoning.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'ChatReasoning',

package/src/CodeEditor/CodeEditor.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'CodeEditor',

package/src/Drawer/Drawer.doc.mjs

@@ -1,5 +1,5 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'Drawer',
@@ -123,7 +123,7 @@ const [lineItem, setLineItem] = useState(null);
   ],
 };
 
-/** @type {import('../docs-types').TranslationDoc} */
+/** @type {import('../../../core/src/docs-types').TranslationDoc} */
 export const docsZh = {
   usage: {
     description: '用于检查器、详情视图和面板的边缘浮层——"点击表格行查看详情"的模式。按 Escape 关闭抽屉，焦点返回到打开它的元素。滑入/滑出动画遵循 prefers-reduced-motion。堆叠约定：同级抽屉后开的在上层，Escape 只关闭最上层的，关闭顺序由内向外——请以同级方式渲染，切勿嵌套。',
@@ -139,7 +139,7 @@ export const docsZh = {
   },
 };
 
-/** @type {import('../docs-types').TranslationDoc} */
+/** @type {import('../../../core/src/docs-types').TranslationDoc} */
 export const docsDense = {
   description: 'edge-anchored overlay (native <dialog>): start/end side panel or top/bottom sheet',
   usage: {

package/src/InfoTip/InfoTip.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'InfoTip',
@@ -39,7 +39,7 @@ export const docs = {
   },
 };
 
-/** @type {import('../docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 export const docsZh = {
   name: 'InfoTip',
   displayName: 'Info Tip',
@@ -75,7 +75,7 @@ export const docsZh = {
   },
 };
 
-/** @type {import('../docs-types').TranslationDoc} */
+/** @type {import('../../../core/src/docs-types').TranslationDoc} */
 export const docsDense = {
   description:
     'Inline info-icon help affordance: accessible "i" button trigger pre-wired into a Tooltip.',

package/src/LogStream/LogStream.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'LogStream',

package/src/Radial/RadialChart.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'RadialChart',

package/src/RichTextEditor/RichTextEditor.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'RichTextEditor',

package/src/SVGIcon/SVGIcon.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'SVGIcon',

package/src/Sankey/SankeyChart.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'SankeyChart',

package/src/Schedule/Schedule.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'Schedule',

package/src/Stat/Stat.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'Stat',
@@ -70,7 +70,7 @@ export const docs = {
   },
 };
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 export const docsZh = {
   name: 'Stat',
   displayName: 'Stat',
@@ -136,7 +136,7 @@ export const docsZh = {
   },
 };
 
-/** @type {import('../../core/src/docs-types').TranslationDoc} */
+/** @type {import('../../../core/src/docs-types').TranslationDoc} */
 export const docsDense = {
   description: 'KPI/metric display: label, large tabular-nums value, sentiment-aware delta, and trend media slot.',
   usage: {

package/src/Stepper/Step.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'Step',

package/src/Stepper/Step.tsx

@@ -871,7 +871,7 @@ export function Step({
     status: status ?? undefined,
   });
 
-  // ======= ON-TRACK (EPS-aligned): indicator is a node on the connector =======
+  // ======= ON-TRACK: indicator is a node on the connector =======
   if (indicatorPosition === 'on-track') {
     // Connector fill is purely progress-based (matches the separated bar):
     // the segment before the indicator is "reached" once we're at/past this

package/src/Stepper/Stepper.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: 'Stepper',
@@ -159,7 +159,7 @@ export const docs = {
   },
 };
 
-/** @type {import('../../core/src/docs-types').TranslationDoc} */
+/** @type {import('../../../core/src/docs-types').TranslationDoc} */
 export const docsDense = {
   description: 'numbered step sequence for multi-step workflows',
   usage: {
@@ -206,7 +206,7 @@ export const docsDense = {
   ],
 };
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 export const docsZh = {
   name: 'Stepper',
   displayName: 'Stepper',

package/src/Stepper/Stepper.tsx

@@ -66,7 +66,7 @@ export interface StepperProps extends BaseProps<HTMLOListElement> {
    * - 'separated': indicator lives in the label row, distinct from the progress
    *   bar (the original Astryx layout).
    * - 'on-track': indicator is slotted into the connector line as a node on the
-   *   track (EPS-aligned design).
+   *   track (the on-track indicator design).
    * @default 'separated'
    */
   indicatorPosition?: StepperIndicatorPosition;

package/src/Stepper/StepperContext.ts

@@ -24,7 +24,7 @@ export type StepperDensity = 'compact' | 'balanced' | 'spacious';
  *   bar (Astryx's original layout).
  * - 'on-track': indicator is slotted *into* the connector line as a node on the
  *   track, with the label beside (vertical) or below (horizontal). Aligns with
- *   the EPS stepper design.
+ *   the on-track stepper design.
  */
 export type StepperIndicatorPosition = 'separated' | 'on-track';
 

package/src/ThreeD/3DBar.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: '3DBar',

package/src/ThreeD/3DChart.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: '3DChart',

package/src/ThreeD/3DScatter.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: '3DScatter',

package/src/ThreeD/3DScatterGL.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: '3DScatterGL',

package/src/ThreeD/3DSurface.doc.mjs

@@ -1,6 +1,6 @@
 // Copyright (c) Meta Platforms, Inc. and affiliates.
 
-/** @type {import('../../core/src/docs-types').ComponentDoc} */
+/** @type {import('../../../core/src/docs-types').ComponentDoc} */
 
 export const docs = {
   name: '3DSurface',