@astryxdesign/lab 0.1.4-canary.39ffd21 → 0.1.4-canary.3d64ef2

package/README.md

@@ -12,6 +12,8 @@ Components in lab:
 - Compose with `@astryxdesign/core` components (use the theme, follow naming conventions)
 - Graduate to `@astryxdesign/core` after thorough engineering review
 
+See the **[Component Lifecycle](https://github.com/facebook/astryx/wiki/Component-Lifecycle)** wiki for how a component moves from lab → core (and the promotion gates), and the **[Component Hardening Protocol](https://github.com/facebook/astryx/wiki/Component-Hardening-Protocol)** for the bar a component must clear to graduate.
+
 ## What's here vs what's in core
 
 **Lab:** Works, has basic props, maybe has stories. API might change. Not accessibility-hardened, not vibe-tested, not fully themed. **Canary-only — no stability promise.**

package/dist/CodeEditor/CodeEditor.d.ts

@@ -9,6 +9,8 @@ export interface CodeEditorProps extends Omit<BaseProps<HTMLDivElement>, 'onChan
     onChange: (value: string) => void;
     /** Language for highlighting. @default "plaintext" */
     language?: string;
+    /** Label for the code editor — used as the accessible name of the editable region. */
+    label: string;
     /** Show line numbers. @default false */
     hasLineNumbers?: boolean;
     /** Read-only mode. @default false */
@@ -32,6 +34,7 @@ export interface CodeEditorProps extends Omit<BaseProps<HTMLDivElement>, 'onChan
  * ```tsx
  * const [code, setCode] = useState('');
  * <CodeEditor
+ *   label="Source code"
  *   value={code}
  *   onChange={setCode}
  *   language="typescript"
@@ -39,7 +42,7 @@ export interface CodeEditorProps extends Omit<BaseProps<HTMLDivElement>, 'onChan
  * />
  * ```
  */
-export declare function CodeEditor({ value, onChange, language, hasLineNumbers, isReadOnly, placeholder, maxHeight, size, tokenizer: customTokenizer, xstyle, className, style, ref, ...props }: CodeEditorProps): import("react").JSX.Element;
+export declare function CodeEditor({ value, onChange, language, hasLineNumbers, isReadOnly, placeholder, maxHeight, size, tokenizer: customTokenizer, label, xstyle, className, style, ref, ...props }: CodeEditorProps): import("react").JSX.Element;
 export declare namespace CodeEditor {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../src/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAiBlD,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,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;CAC7D;AA6BD;;;;;;;;;;;;;;;;GAgBG;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,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,eAAe,+BAiQjB;yBAhRe,UAAU"}
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../src/CodeEditor/CodeEditor.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAiBlD,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;CAC7D;AA6BD;;;;;;;;;;;;;;;;;GAiBG;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,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,EACH,GAAG,KAAK,EACT,EAAE,eAAe,+BAkQjB;yBAlRe,UAAU"}

package/dist/CodeEditor/CodeEditor.js

@@ -132,6 +132,7 @@ let editorInstanceCounter = 0;
  * ```tsx
  * const [code, setCode] = useState('');
  * <CodeEditor
+ *   label="Source code"
  *   value={code}
  *   onChange={setCode}
  *   language="typescript"
@@ -149,6 +150,7 @@ export function CodeEditor({
   maxHeight,
   size = 'md',
   tokenizer: customTokenizer,
+  label,
   xstyle,
   className,
   style,
@@ -379,6 +381,7 @@ export function CodeEditor({
           contentEditable: isReadOnly ? false : 'plaintext-only',
           role: "textbox",
           "aria-multiline": "true",
+          "aria-label": label,
           "aria-readonly": isReadOnly,
           spellCheck: false,
           onInput: handleInput,

package/dist/InfoTip/InfoTip.d.ts

@@ -0,0 +1,58 @@
+/**
+ * @file InfoTip.tsx
+ * @input Uses React, stylex, Tooltip + Icon from @astryxdesign/core, color/spacing/radius/duration/ease tokens
+ * @output Exports InfoTip component, InfoTipProps, InfoTipSize types
+ * @position Lab experiment (RFC facebook/astryx#3349); core implementation consumed by index.ts
+ *
+ * SYNC: When modified, update these files to stay in sync:
+ * - /packages/lab/src/InfoTip/InfoTip.doc.mjs (props table, features)
+ * - /packages/lab/src/InfoTip/InfoTip.test.tsx (tests for new/changed behavior)
+ * - /packages/lab/src/InfoTip/index.ts (exports if types change)
+ */
+import { type ReactNode } from 'react';
+import { type IconSize } from '@astryxdesign/core/Icon';
+/**
+ * Size of the info icon. Maps 1:1 to Icon sizes
+ * (xsm: 12px, sm: 16px, md: 20px, lg: 24px).
+ */
+export type InfoTipSize = IconSize;
+export interface InfoTipProps {
+    /**
+     * Content to display in the tooltip.
+     * Typically short, non-interactive text. Mirrors Tooltip's `content` prop.
+     */
+    content: ReactNode;
+    /**
+     * Accessible name for the trigger button.
+     * @default 'More information'
+     */
+    label?: string;
+    /**
+     * Size of the info icon.
+     * @default 'sm'
+     */
+    size?: InfoTipSize;
+}
+/**
+ * An inline info-icon help affordance: a small "i" button that reveals a
+ * tooltip on hover and keyboard focus. Use it next to labels, values, and
+ * metrics for permission notes, metric definitions, and field help.
+ *
+ * The value over hand-composing Icon inside Tooltip is the pre-wired
+ * accessible trigger: a real button with an aria-label, Tab-reachable,
+ * tooltip on hover AND focus, and Escape dismissal.
+ *
+ * Composed entirely from core primitives (Tooltip + Icon); the info icon
+ * resolves from the global icon registry, so themes can override it.
+ *
+ * @example
+ * ```
+ * <InfoTip content="Editors can change this field; viewers cannot." />
+ * <InfoTip content="30-day rolling average." label="About this metric" />
+ * ```
+ */
+export declare function InfoTip({ content, label, size, }: InfoTipProps): ReactNode;
+export declare namespace InfoTip {
+    var displayName: string;
+}
+//# sourceMappingURL=InfoTip.d.ts.map

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

@@ -0,0 +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;AAU5D;;;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;AAmCD;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,KAA0B,EAC1B,IAAW,GACZ,EAAE,YAAY,GAAG,SAAS,CA4C1B;yBAhDe,OAAO"}

package/dist/InfoTip/InfoTip.js

@@ -0,0 +1,91 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+'use client';
+
+/**
+ * @file InfoTip.tsx
+ * @input Uses React, stylex, Tooltip + Icon from @astryxdesign/core, color/spacing/radius/duration/ease tokens
+ * @output Exports InfoTip component, InfoTipProps, InfoTipSize types
+ * @position Lab experiment (RFC facebook/astryx#3349); core implementation consumed by index.ts
+ *
+ * SYNC: When modified, update these files to stay in sync:
+ * - /packages/lab/src/InfoTip/InfoTip.doc.mjs (props table, features)
+ * - /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';
+import '@astryxdesign/core/theme/tokens.stylex';
+import { colorVars, durationVars, easeVars, radiusVars, spacingVars } from '@astryxdesign/core/theme/tokens.stylex';
+
+/**
+ * Size of the info icon. Maps 1:1 to Icon sizes
+ * (xsm: 12px, sm: 16px, md: 20px, lg: 24px).
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * An inline info-icon help affordance: a small "i" button that reveals a
+ * tooltip on hover and keyboard focus. Use it next to labels, values, and
+ * metrics for permission notes, metric definitions, and field help.
+ *
+ * The value over hand-composing Icon inside Tooltip is the pre-wired
+ * accessible trigger: a real button with an aria-label, Tab-reachable,
+ * tooltip on hover AND focus, and Escape dismissal.
+ *
+ * Composed entirely from core primitives (Tooltip + Icon); the info icon
+ * resolves from the global icon registry, so themes can override it.
+ *
+ * @example
+ * ```
+ * <InfoTip content="Editors can change this field; viewers cannot." />
+ * <InfoTip content="30-day rolling average." label="About this metric" />
+ * ```
+ */
+export function InfoTip({
+  content,
+  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);
+  }, []);
+  return /*#__PURE__*/_jsx(Tooltip, {
+    content: content,
+    isOpen: isDismissed ? false : undefined,
+    onOpenChange: handleOpenChange,
+    children: /*#__PURE__*/_jsx("button", {
+      type: "button",
+      "aria-label": label,
+      onKeyDown: handleKeyDown,
+      onBlur: handleReset,
+      onMouseLeave: handleReset,
+      ...{
+        className: "x3nfvp2 x6s0dn4 xl56j7k xxymvpz x12nba7r x1ghz6dp xng3xce xjbqb8w xjspbzw x1ypdohk xv9yike xkxie9p x17nn4n9 x1wfwxd8 x7s97pk xt3l3uh xuedmi6 xlr8y92"
+      },
+      children: /*#__PURE__*/_jsx(Icon, {
+        icon: "info",
+        size: size
+      })
+    })
+  });
+}
+InfoTip.displayName = 'InfoTip';

package/dist/InfoTip/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @file InfoTip component barrel export
+ */
+export { InfoTip } from './InfoTip';
+export type { InfoTipProps, InfoTipSize } from './InfoTip';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InfoTip/index.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,YAAY,EAAC,YAAY,EAAE,WAAW,EAAC,MAAM,WAAW,CAAC"}

package/dist/InfoTip/index.js

@@ -0,0 +1,8 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+'use client';
+
+/**
+ * @file InfoTip component barrel export
+ */
+export { InfoTip } from "./InfoTip.js";

package/dist/Sankey/SankeyChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SankeyChart.d.ts","sourceRoot":"","sources":["../../src/Sankey/SankeyChart.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EACL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAC,eAAe,EAAE,eAAe,EAAE,YAAY,EAAC,MAAM,SAAS,CAAC;AAE5E,MAAM,WAAW,gBAAgB;IAC/B,uBAAuB;IACvB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,uBAAuB;IACvB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AA+CD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,OAAO,EACP,MAAY,EACZ,SAAc,EACd,OAAY,EACZ,SAAS,EACT,cAAoB,EACpB,QAAQ,GACT,EAAE,gBAAgB,+BAkFlB;yBA5Fe,WAAW"}
+{"version":3,"file":"SankeyChart.d.ts","sourceRoot":"","sources":["../../src/Sankey/SankeyChart.tsx"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,OAAO,EACL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAC,eAAe,EAAE,eAAe,EAAE,YAAY,EAAC,MAAM,SAAS,CAAC;AAE5E,MAAM,WAAW,gBAAgB;IAC/B,uBAAuB;IACvB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,uBAAuB;IACvB,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yCAAyC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AA+CD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,OAAO,EACP,MAAY,EACZ,SAAc,EACd,OAAY,EACZ,SAAS,EACT,cAAoB,EACpB,QAAQ,GACT,EAAE,gBAAgB,+BAqFlB;yBA/Fe,WAAW"}

package/dist/Sankey/SankeyChart.js

@@ -140,6 +140,9 @@ export function SankeyChart({
       width: '100%'
     },
     children: ctx && /*#__PURE__*/_jsx("div", {
+      role: needsScroll ? 'group' : undefined,
+      "aria-label": needsScroll ? 'Sankey chart' : undefined,
+      tabIndex: needsScroll ? 0 : undefined,
       style: needsScroll ? {
         overflowX: 'auto',
         overflowY: 'hidden'

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

@@ -1 +1 @@
-{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../src/Schedule/ListView.tsx"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EAGV,YAAY,EAEb,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAqID,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EAAE,QAAY,GACnB,GAAE,uBAA4B,GAAG,YAAY,CAAC,uBAAuB,CAAC,CAmCtE"}
+{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../src/Schedule/ListView.tsx"],"names":[],"mappings":"AAwCA,OAAO,KAAK,EAGV,YAAY,EAEb,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,uBAAuB;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAwID,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EAAE,QAAY,GACnB,GAAE,uBAA4B,GAAG,YAAY,CAAC,uBAAuB,CAAC,CAmCtE"}

package/dist/Schedule/ListView.js

@@ -22,7 +22,8 @@ function ScheduleListView(_props) {
     events,
     timezoneID,
     range,
-    isLoading
+    isLoading,
+    headingLevel
   } = useScheduleContext();
   const days = enumerateDates(range.startDate, range.endDate);
   const currentTime = useCurrentTime();
@@ -59,7 +60,8 @@ function ScheduleListView(_props) {
         children: [/*#__PURE__*/_jsx(ListDayHeading, {
           day: day,
           isCurrentDay: isCurrentDay,
-          timezoneID: timezoneID
+          timezoneID: timezoneID,
+          headingLevel: headingLevel
         }), /*#__PURE__*/_jsx("div", {
           ...stylex.props(styles.listEvents),
           children: renderListRows({
@@ -76,10 +78,11 @@ function ScheduleListView(_props) {
 function ListDayHeading({
   day,
   isCurrentDay,
-  timezoneID
+  timezoneID,
+  headingLevel
 }) {
   return /*#__PURE__*/_jsxs(Heading, {
-    level: 4,
+    level: headingLevel,
     color: "secondary",
     display: "block",
     "aria-label": formatFullDate(day, timezoneID),

package/dist/Schedule/MonthlyView.js

@@ -25,7 +25,8 @@ function ScheduleMonthlyView(_props) {
     focusDate,
     timezoneID,
     range,
-    isLoading
+    isLoading,
+    headingLevel
   } = useScheduleContext();
   const rangeDate = date.toPlainDate();
   const highlightedDate = focusDate.toPlainDate();
@@ -55,7 +56,7 @@ function ScheduleMonthlyView(_props) {
           "aria-colindex": index + 1,
           ...stylex.props(styles.weekdayLabel),
           children: /*#__PURE__*/_jsx(Heading, {
-            level: 4,
+            level: headingLevel,
             color: "secondary",
             display: "block",
             xstyle: styles.weekdayHeading,

package/dist/Schedule/Schedule.d.ts

@@ -17,6 +17,8 @@ export interface ScheduleProps<Options extends ScheduleViewOptions = ScheduleVie
     timezoneID?: string;
     /** Header/rendering plugins. Defaults to pagination controls. */
     plugins?: ReadonlyArray<SchedulePlugin>;
+    /** Heading level for sub-headings (day labels, weekday headers) within the schedule. @default 3 */
+    headingLevel?: 2 | 3 | 4 | 5 | 6;
 }
-export declare function Schedule({ view, events, categories, date, focusDate: focusDateProp, onChangeDate, timezoneID: timezoneIDProp, plugins, xstyle, className, style, ...rest }: ScheduleProps): import("react").JSX.Element;
+export declare function Schedule({ view, events, categories, date, focusDate: focusDateProp, onChangeDate, timezoneID: timezoneIDProp, plugins, headingLevel, xstyle, className, style, ...rest }: ScheduleProps): import("react").JSX.Element;
 //# sourceMappingURL=Schedule.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Schedule.d.ts","sourceRoot":"","sources":["../../src/Schedule/Schedule.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAQlD,OAAO,KAAK,EAEV,OAAO,EAEP,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,YAAY,EACZ,mBAAmB,EAGpB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,aAAa,CAC5B,OAAO,SAAS,mBAAmB,GAAG,mBAAmB,CACzD,SAAQ,SAAS,CAAC,cAAc,CAAC;IACjC,iEAAiE;IACjE,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAC5B,sFAAsF;IACtF,MAAM,EAAE,mBAAmB,CAAC;IAC5B,qFAAqF;IACrF,UAAU,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC7C,mEAAmE;IACnE,IAAI,EAAE,OAAO,CAAC;IACd,oFAAoF;IACpF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,iGAAiG;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,OAAO,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;CACzC;AAiJD,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,UAAe,EACf,IAAI,EACJ,SAAS,EAAE,aAAa,EACxB,YAAY,EACZ,UAAU,EAAE,cAAc,EAC1B,OAAgC,EAChC,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,aAAa,+BA0Ff"}
+{"version":3,"file":"Schedule.d.ts","sourceRoot":"","sources":["../../src/Schedule/Schedule.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAQlD,OAAO,KAAK,EAEV,OAAO,EAEP,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACd,YAAY,EACZ,mBAAmB,EAGpB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,aAAa,CAC5B,OAAO,SAAS,mBAAmB,GAAG,mBAAmB,CACzD,SAAQ,SAAS,CAAC,cAAc,CAAC;IACjC,iEAAiE;IACjE,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;IAC5B,sFAAsF;IACtF,MAAM,EAAE,mBAAmB,CAAC;IAC5B,qFAAqF;IACrF,UAAU,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC7C,mEAAmE;IACnE,IAAI,EAAE,OAAO,CAAC;IACd,oFAAoF;IACpF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0EAA0E;IAC1E,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,iGAAiG;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iEAAiE;IACjE,OAAO,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACxC,mGAAmG;IACnG,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAClC;AAoJD,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,MAAM,EACN,UAAe,EACf,IAAI,EACJ,SAAS,EAAE,aAAa,EACxB,YAAY,EACZ,UAAU,EAAE,cAAc,EAC1B,OAAgC,EAChC,YAAgB,EAChB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,aAAa,+BA4Ff"}

package/dist/Schedule/Schedule.js

@@ -84,7 +84,8 @@ function ScheduleViewContent({
   onToday,
   onNextDate,
   nextDateLabel,
-  plugins
+  plugins,
+  headingLevel
 }) {
   const Component = view.component;
   const range = getRange(view, date);
@@ -104,7 +105,8 @@ function ScheduleViewContent({
       onNextDate,
       nextDateLabel,
       view,
-      plugins
+      plugins,
+      headingLevel
     },
     children: /*#__PURE__*/_jsx(Component, {
       options: view.options
@@ -120,6 +122,7 @@ export function Schedule({
   onChangeDate,
   timezoneID: timezoneIDProp,
   plugins = defaultSchedulePlugins,
+  headingLevel = 3,
   xstyle,
   className,
   style,
@@ -164,7 +167,8 @@ export function Schedule({
         onToday: onToday,
         onNextDate: onNextDate,
         nextDateLabel: nextDateRange.label,
-        plugins: plugins
+        plugins: plugins,
+        headingLevel: headingLevel
       }),
       children: /*#__PURE__*/_jsx(ScheduleViewContent, {
         view: view,
@@ -178,7 +182,8 @@ export function Schedule({
         onToday: onToday,
         onNextDate: onNextDate,
         nextDateLabel: nextDateRange.label,
-        plugins: plugins
+        plugins: plugins,
+        headingLevel: headingLevel
       })
     })
   });

package/dist/Schedule/TimeGridView.js

@@ -26,7 +26,8 @@ export function TimeGridView({
   hourHeight
 }) {
   const {
-    categories
+    categories,
+    headingLevel
   } = useScheduleContext();
   const normalizedMinHour = Math.max(0, Math.min(23, Math.floor(minHour)));
   const normalizedMaxHour = Math.max(normalizedMinHour + 1, Math.min(24, Math.floor(maxHour)));
@@ -60,7 +61,7 @@ export function TimeGridView({
         children: days.map((day, index) => /*#__PURE__*/_jsx("div", {
           ...stylex.props(styles.timeGridHeaderCell, index === days.length - 1 && styles.timeGridHeaderCellLast),
           children: /*#__PURE__*/_jsx(Heading, {
-            level: 4,
+            level: headingLevel,
             color: "secondary",
             display: "block",
             xstyle: styles.timeGridHeaderHeading,

package/dist/Schedule/context.d.ts

@@ -14,6 +14,8 @@ export interface ScheduleContextValue {
     nextDateLabel: string;
     view: ScheduleViewBase;
     plugins: ReadonlyArray<SchedulePlugin>;
+    /** Heading level used for sub-headings within the schedule (day labels, weekday headers). */
+    headingLevel: 2 | 3 | 4 | 5 | 6;
 }
 export declare const ScheduleContext: import("react").Context<ScheduleContextValue | null>;
 export declare function useScheduleContext(): ScheduleContextValue;

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/Schedule/context.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,aAAa,EACb,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACrC,UAAU,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC5C,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,EAAE,aAAa,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,gBAAgB,CAAC;IACvB,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,eAAe,sDAE3B,CAAC;AAEF,wBAAgB,kBAAkB,IAAI,oBAAoB,CAMzD"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/Schedule/context.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,aAAa,EACb,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IACrC,UAAU,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC5C,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,EAAE,aAAa,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,aAAa,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,gBAAgB,CAAC;IACvB,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IACvC,6FAA6F;IAC7F,YAAY,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACjC;AAED,eAAO,MAAM,eAAe,sDAE3B,CAAC;AAEF,wBAAgB,kBAAkB,IAAI,oBAAoB,CAMzD"}

package/dist/index.d.ts

@@ -12,6 +12,7 @@
 export { CodeBlock, type CodeBlockProps } from './CodeBlock';
 export { CodeEditor, type CodeEditorProps } from './CodeEditor';
 export { tokenize, tokenizeAsync, SYNC_TOKENIZE_THRESHOLD, type SyntaxToken, } from '@astryxdesign/core/CodeBlock';
+export { InfoTip, type InfoTipProps, type InfoTipSize } from './InfoTip';
 export { ChatReasoning, type ChatReasoningProps, } from './ChatReasoning/ChatReasoning';
 export * from './Schedule';
 export { SVGIcon, type SVGIconProps, type SVGIconVariation, type SVGIconSize, type SVGIconColor, type SVGIconDef, type IconShape, type IconShapeRole, iconVars, variations, opticalSize, xIcon, checkIcon, bellIcon, homeIcon, settingsIcon, calendarIcon, menuIcon, heartIcon, eyeIcon, starIcon, folderIcon, shieldIcon, searchIcon, mailIcon, lockIcon, starterIcons, } from './SVGIcon';
@@ -20,7 +21,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 { Chart as ChartV2, type ChartProps as ChartV2Props, ChartLegend as ChartV2Legend, type ChartLegendProps as ChartV2LegendProps, type LegendItem as ChartV2LegendItem, ChartAxis as ChartV2Axis, type ChartAxisProps as ChartV2AxisProps, ChartGrid as ChartV2Grid, type ChartGridProps as ChartV2GridProps, ChartSwatch as ChartV2Swatch, swatchVariantForType as xdsChartV2SwatchVariantForType, type ChartSwatchProps as ChartV2SwatchProps, type ChartSwatchVariant as ChartV2SwatchVariant, ChartTooltip as ChartV2Tooltip, type ChartTooltipProps as ChartV2TooltipProps, type ChartTooltipPlacement as ChartV2TooltipPlacement, type TooltipSeriesValue as ChartV2TooltipSeriesValue, bar, line, dot, area, band, candlestick, errorBar, referenceLine, dotGL, dotGLInteractive, heatmapGL, streamGL, useChartV2, type SeriesDef, type ChartV2Context, type ChartPointerEvent, type ResolvedPoint, type ResolvedPositions, type SeriesContext, type ErrorBarOptions, type ReferenceLineOptions, type DotGLOptions, type DotGLInteractiveOptions, type HeatmapGLOptions, type StreamGLOptions, type StreamGLHandle, } from './ChartV2';
 export * from './Stepper';
 export * from './CircularProgress';
 //# sourceMappingURL=index.d.ts.map

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

@@ -17,6 +17,9 @@ export { CodeBlock } from "./CodeBlock/index.js";
 export { CodeEditor } from "./CodeEditor/index.js";
 export { tokenize, tokenizeAsync, SYNC_TOKENIZE_THRESHOLD } from '@astryxdesign/core/CodeBlock';
 
+// InfoTip — accessible info-icon help affordance (RFC facebook/astryx#3349)
+export { InfoTip } from "./InfoTip/index.js";
+
 // Chat — experimental reasoning display
 export { ChatReasoning } from "./ChatReasoning/ChatReasoning.js";
 
@@ -41,7 +44,7 @@ export { ChartBrush, ChartZoom, ChartSelect, ChartReferenceLine } from "./Chart/
 // Sankey / flow diagrams — ribbon-based flow visualization
 export { SankeyChart, SankeyLink, SankeyNode, SankeyLabel, useSankey, SankeyGrid } from "./Sankey/index.js";
 
-// Chart v2 — config model
-export { Chart as ChartV2, ChartLegend as ChartV2Legend, ChartAxis as ChartV2Axis, ChartGrid as ChartV2Grid, ChartSwatch as ChartV2Swatch, swatchVariantForType as xdsChartV2SwatchVariantForType, ChartTooltip as ChartV2Tooltip, bar, line, dot, area, band, candlestick, errorBar, referenceLine, dotGL, dotGLInteractive, heatmapGL, streamGL, useChartV2 } from "./ChartV2/index.js";
+// 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";

package/dist/lab.css

@@ -52,6 +52,7 @@
   .x1ghz6dp:not(#\#){margin:0}
   .x10h29id:not(#\#){margin:var(--spacing-0-5)}
   .x1717udv:not(#\#){padding:0}
+  .x12nba7r:not(#\#){padding:var(--spacing-0-5)}
   .x103w4nt:not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-border-blue) 48%,var(--color-border))}
   .x14n1b0s:not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-border-cyan) 48%,var(--color-border))}
   .x1uk4s2l:not(#\#):not(#\#){border-color:color-mix(in srgb,var(--color-border-green) 48%,var(--color-border))}
@@ -73,12 +74,11 @@
   .x1r9gxr1:not(#\#):not(#\#){border-color:var(--color-border-teal)}
   .x1kpnwn1:not(#\#):not(#\#){border-color:var(--color-border-yellow)}
   .x14i3s5s:not(#\#):not(#\#){border-color:var(--color-border)}
-  .xbvija:not(#\#):not(#\#){border-radius:1.5px}
-  .x1cum3z5:not(#\#):not(#\#){border-radius:2px}
   .x1hviunn:not(#\#):not(#\#){border-radius:var(--radius-container)}
   .xh6dtrn:not(#\#):not(#\#){border-radius:var(--radius-element)}
   .xjspbzw:not(#\#):not(#\#){border-radius:var(--radius-full)}
   .xx3sua9:not(#\#):not(#\#){border-radius:var(--radius-inner)}
+  .xng3xce:not(#\#):not(#\#){border-style:none}
   .x1y0btm7:not(#\#):not(#\#){border-style:solid}
   .xc342km:not(#\#):not(#\#){border-width:0}
   .x1litavf:not(#\#):not(#\#){border-width:var(--border-width)}
@@ -100,7 +100,6 @@
   .x33j1x8:not(#\#):not(#\#){grid-row:var(--x-gridRow)}
   .x17y0mx6:not(#\#):not(#\#){inset-inline:0}
   .x1yqqeh1:not(#\#):not(#\#){margin-block:var(--spacing-0-5)}
-  .xckhbgb:not(#\#):not(#\#){margin-inline:1px}
   .x1a2a7pz:not(#\#):not(#\#){outline:none}
   .xysyzu8:not(#\#):not(#\#){overflow:auto}
   .xb3r6kr:not(#\#):not(#\#){overflow:hidden}
@@ -164,7 +163,6 @@
   .xwmxj5m:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-muted)}
   .x1e9xt6e:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-orange)}
   .xnpoty2:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-pink)}
-  .x1prclbq:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-popover)}
   .x16i6n6f:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-purple)}
   .x1cibrc5:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-red)}
   .x1jtji5o:not(#\#):not(#\#):not(#\#){background-color:var(--color-background-teal)}
@@ -190,7 +188,6 @@
   .x10w94by:not(#\#):not(#\#):not(#\#){border-inline-end-width:0}
   .xw8tdv1:not(#\#):not(#\#):not(#\#){border-inline-end-width:var(--border-width)}
   .x18oyj42:not(#\#):not(#\#):not(#\#){box-shadow:0 0 0 1px var(--color-accent)}
-  .x14hfi27:not(#\#):not(#\#):not(#\#){box-shadow:var(--shadow-med)}
   .x1ftfhsn:not(#\#):not(#\#):not(#\#){caret-color:var(--color-text-primary)}
   .xeh89do:not(#\#):not(#\#):not(#\#){clip:rect(0 0 0 0)}
   .xzpqnlu:not(#\#):not(#\#):not(#\#){clip:rect(0,0,0,0)}
@@ -238,7 +235,6 @@
   .x78zum5:not(#\#):not(#\#):not(#\#){display:flex}
   .xrvj5dj:not(#\#):not(#\#):not(#\#){display:grid}
   .x3nfvp2:not(#\#):not(#\#):not(#\#){display:inline-flex}
-  .x1s85apg:not(#\#):not(#\#):not(#\#){display:none}
   .xbh8q5q:not(#\#):not(#\#):not(#\#){fill:none}
   .xdt5ytf:not(#\#):not(#\#):not(#\#){flex-direction:column}
   .x1q0g3np:not(#\#):not(#\#):not(#\#){flex-direction:row}
@@ -301,19 +297,15 @@
   .x67bb7w:not(#\#):not(#\#):not(#\#){pointer-events:auto}
   .x47corl:not(#\#):not(#\#):not(#\#){pointer-events:none}
   .x10l6tqk:not(#\#):not(#\#):not(#\#){position:absolute}
-  .xixxii4:not(#\#):not(#\#):not(#\#){position:fixed}
   .x1n2onr6:not(#\#):not(#\#):not(#\#){position:relative}
   .x1owpc8m:not(#\#):not(#\#):not(#\#){stroke-linecap:round}
-  .xnpr05h:not(#\#):not(#\#):not(#\#){stroke-width:1}
   .ximx5ud:not(#\#):not(#\#):not(#\#){stroke:var(--color-accent-muted)}
   .xjsr54c:not(#\#):not(#\#):not(#\#){stroke:var(--color-accent)}
-  .x113i6qz:not(#\#):not(#\#):not(#\#){stroke:var(--color-border-emphasized)}
   .xjswp7v:not(#\#):not(#\#):not(#\#){stroke:var(--color-error-muted)}
   .x1vco6zm:not(#\#):not(#\#):not(#\#){stroke:var(--color-error)}
   .x1uro670:not(#\#):not(#\#):not(#\#){stroke:var(--color-success-muted)}
   .x8y33gb:not(#\#):not(#\#):not(#\#){stroke:var(--color-success)}
   .xuxf9kk:not(#\#):not(#\#):not(#\#){stroke:var(--color-text-disabled)}
-  .x1lo1t26:not(#\#):not(#\#):not(#\#){stroke:var(--color-text-primary)}
   .xpi25hw:not(#\#):not(#\#):not(#\#){stroke:var(--color-track)}
   .x1wjzxuj:not(#\#):not(#\#):not(#\#){stroke:var(--color-warning-muted)}
   .x9ezeq1:not(#\#):not(#\#):not(#\#){stroke:var(--color-warning)}
@@ -326,24 +318,27 @@
   .x19jd1h0:not(#\#):not(#\#):not(#\#){transform:rotate(180deg)}
   .x1cb1t30:not(#\#):not(#\#):not(#\#){transform:translateY(-50%)}
   .xkvfbh3:not(#\#):not(#\#):not(#\#){transition-duration:var(--duration-fast-min)}
+  .xuedmi6:not(#\#):not(#\#):not(#\#){transition-duration:var(--duration-fast)}
   .x80gvsz:not(#\#):not(#\#):not(#\#){transition-duration:var(--duration-medium)}
   .x15406qy:not(#\#):not(#\#):not(#\#){transition-property:background-color}
+  .xt3l3uh:not(#\#):not(#\#):not(#\#){transition-property:color}
   .xxnu56j:not(#\#):not(#\#):not(#\#){transition-property:stroke-dashoffset}
   .xlr8y92:not(#\#):not(#\#):not(#\#){transition-timing-function:var(--ease-standard)}
   .x87ps6o:not(#\#):not(#\#):not(#\#){user-select:none}
+  .xxymvpz:not(#\#):not(#\#):not(#\#){vertical-align:middle}
   .xlshs6z:not(#\#):not(#\#):not(#\#){visibility:hidden}
   .xuxw1ft:not(#\#):not(#\#):not(#\#){white-space:nowrap}
   .x1sdyfia:not(#\#):not(#\#):not(#\#){white-space:pre}
   .x1lldw8n:not(#\#):not(#\#):not(#\#){word-break:normal}
   .x1vjfegm:not(#\#):not(#\#):not(#\#){z-index:1}
   .x1355qak:not(#\#):not(#\#):not(#\#){z-index:20}
-  .x1q2oy4v:not(#\#):not(#\#):not(#\#){z-index:9999}
   .xr3buco:not(#\#):not(#\#):not(#\#){z-index:var(--x-zIndex)}
   .x7s97pk:focus-visible:not(#\#):not(#\#):not(#\#){outline-offset:2px}
   .xyxi2l3:active:not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-pressed)}
   @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}}
   @media (hover: hover){.xe9uy6x.xe9uy6x:hover:not(#\#):not(#\#):not(#\#){background-color:var(--color-overlay-hover)}}
+  @media (hover: hover){.xkxie9p.xkxie9p:hover:not(#\#):not(#\#):not(#\#){color:var(--color-icon-primary)}}
   .xw8gpjh:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-color:var(--color-border)}
   .x1q0q8m5:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-style:solid}
   .x1qhh985:not(#\#):not(#\#):not(#\#):not(#\#){border-bottom-width:0}
@@ -357,16 +352,13 @@
   .xjm9jq1:not(#\#):not(#\#):not(#\#):not(#\#){height:1px}
   .xxk0z11:not(#\#):not(#\#):not(#\#):not(#\#){height:24px}
   .x1gnnpzl:not(#\#):not(#\#):not(#\#):not(#\#){height:30px}
-  .xuoj239:not(#\#):not(#\#):not(#\#):not(#\#){height:3px}
   .xqu0tyb:not(#\#):not(#\#):not(#\#):not(#\#){height:4px}
   .x1d9x2de:not(#\#):not(#\#):not(#\#):not(#\#){height:640px}
-  .xdk7pt:not(#\#):not(#\#):not(#\#):not(#\#){height:8px}
   .xhigkf7:not(#\#):not(#\#):not(#\#):not(#\#){height:var(--icon-size)}
   .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)}
-  .x1yztbdb:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:16px}
   .xlstkdb:not(#\#):not(#\#):not(#\#):not(#\#){margin-bottom:var(--spacing-0-5)}
   .x160xvyo:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:calc(var(--spacing-1) * -1)}
   .xtbrsbv:not(#\#):not(#\#):not(#\#):not(#\#){margin-top:var(--spacing-2)}
@@ -395,7 +387,6 @@
   .xvy4d1p:not(#\#):not(#\#):not(#\#):not(#\#){width:24px}
   .x1849jeq:not(#\#):not(#\#):not(#\#):not(#\#){width:30px}
   .x51ohtg:not(#\#):not(#\#):not(#\#):not(#\#){width:4px}
-  .x1xc55vz:not(#\#):not(#\#):not(#\#):not(#\#){width:8px}
   .x1oai4fc:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--icon-size)}
   .x12xnipv:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-4)}
   .xfyiiit:not(#\#):not(#\#):not(#\#):not(#\#){width:var(--spacing-5)}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astryxdesign/lab",
-  "version": "0.1.4-canary.39ffd21",
+  "version": "0.1.4-canary.3d64ef2",
   "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.4-canary.39ffd21",
+    "@astryxdesign/core": "0.1.4-canary.3d64ef2",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0"
   },