@astryxdesign/core 0.7.6-canary.f73623d → 0.7.6-canary.f77aaf2

package/src/HStack/HStack.test.tsx

@@ -1,129 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/**
- * @file HStack.test.tsx
- * @input Uses vitest, @testing-library/react, HStack component
- * @output Unit tests for HStack component behavior
- * @position Testing; validates HStack.tsx implementation
- *
- * SYNC: When HStack.tsx changes, update tests to match new behavior
- */
-
-import {describe, it, expect, vi} from 'vitest';
-import {render, screen} from '@testing-library/react';
-import {HStack} from './HStack';
-
-describe('HStack', () => {
-  it('renders children correctly', () => {
-    render(
-      <HStack>
-        <div>Item 1</div>
-        <div>Item 2</div>
-      </HStack>,
-    );
-    expect(screen.getByText('Item 1')).toBeInTheDocument();
-    expect(screen.getByText('Item 2')).toBeInTheDocument();
-  });
-
-  it('renders as div by default', () => {
-    render(<HStack data-testid="hstack">Content</HStack>);
-    const element = screen.getByTestId('hstack');
-    expect(element.tagName).toBe('DIV');
-  });
-
-  it('renders with polymorphic as prop', () => {
-    render(
-      <HStack as="nav" data-testid="hstack">
-        Content
-      </HStack>,
-    );
-    const element = screen.getByTestId('hstack');
-    expect(element.tagName).toBe('NAV');
-  });
-
-  it('renders with gap prop', () => {
-    render(
-      <HStack gap={4}>
-        <div>Item 1</div>
-        <div>Item 2</div>
-      </HStack>,
-    );
-    expect(screen.getByText('Item 1')).toBeInTheDocument();
-  });
-
-  it('renders with vAlign prop', () => {
-    render(
-      <HStack vAlign="center">
-        <div>Item 1</div>
-      </HStack>,
-    );
-    expect(screen.getByText('Item 1')).toBeInTheDocument();
-  });
-
-  it('renders with wrap prop', () => {
-    render(
-      <HStack wrap="wrap">
-        <div>Item 1</div>
-        <div>Item 2</div>
-      </HStack>,
-    );
-    expect(screen.getByText('Item 1')).toBeInTheDocument();
-  });
-
-  it('forwards ref correctly', () => {
-    const ref = vi.fn();
-    render(
-      <HStack ref={ref}>
-        <div>Test</div>
-      </HStack>,
-    );
-    expect(ref).toHaveBeenCalledWith(expect.any(HTMLElement));
-  });
-
-  it('forwards ref with polymorphic as', () => {
-    const ref = vi.fn();
-    render(
-      <HStack as="section" ref={ref}>
-        <div>Test</div>
-      </HStack>,
-    );
-    expect(ref).toHaveBeenCalledWith(expect.any(HTMLElement));
-  });
-
-  it('passes through additional props', () => {
-    render(
-      <HStack data-testid="hstack">
-        <div>Item</div>
-      </HStack>,
-    );
-    expect(screen.getByTestId('hstack')).toBeInTheDocument();
-  });
-
-  it('accepts justify as alias for hAlign', () => {
-    const {container} = render(
-      <HStack justify="between">
-        <div>A</div>
-        <div>B</div>
-      </HStack>,
-    );
-    expect(container.firstChild).toBeInTheDocument();
-  });
-
-  it('accepts align as alias for vAlign', () => {
-    const {container} = render(
-      <HStack align="center">
-        <div>A</div>
-      </HStack>,
-    );
-    expect(container.firstChild).toBeInTheDocument();
-  });
-
-  it('prefers explicit hAlign over justify', () => {
-    const {container} = render(
-      <HStack hAlign="center" justify="end">
-        <div>A</div>
-      </HStack>,
-    );
-    expect(container.firstChild).toBeInTheDocument();
-  });
-});

package/src/Heading/Heading.spec.md

@@ -1,198 +0,0 @@
----
-schema_version: 3
-template_version: 7
-kind: component
-id: component:Heading
-authority: current
-archive_reason: null
-superseded_by: null
-approved_by: cixzhang
-approved_at: 2026-10-27
-owners: [cixzhang]
-review_triggers: [public-api, behavior, layout, theming, accessibility]
-verified_by:
-  [
-    .github/visual-baseline/manifest.json,
-    packages/core/src/Heading/Heading.test.tsx,
-    packages/core/src/Text/useTruncation.test.tsx,
-    packages/core/src/theme/themingTargets.test.ts,
-    packages/core/src/theme/extensibleAxes.test.ts,
-    apps/storybook/stories/Heading.stories.tsx,
-  ]
-modules: []
-families: []
-design_specs: []
-architecture:
-  [architecture:component-theming-surface, architecture:public-component-api]
-contributing: []
-system_specs: [spec:AST-009, spec:AST-024]
----
-
-# Heading component contract
-
-## Contract at a glance
-
-| Area                    | Contract                                                                                                                                                                                   |
-| ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| Public contract         | A semantic heading with a required `level`, an optional theme-extensible visual `type`, `weight`, `accessibilityLevel`, and the shared text controls documented in `Heading.doc.mjs`.      |
-| Behavior                | `level` picks `h1`–`h6` and the default visual scale; `type` and `weight` change only appearance; `accessibilityLevel` sets `aria-level` when it differs.                                  |
-| End-user impact         | Screen-reader users navigate a document outline that matches the page's sections, whatever size each heading is drawn at.                                                                  |
-| Builder impact          | None; the record describes shipped behavior.                                                                                                                                               |
-| Compatibility/readiness | Released behavior recorded as current; no API, default, or output changes. One implementation gap is listed under Current-state impact.                                                    |
-| Review checks           | Reject a visual `type` or `weight` that changes the element or level, a heading that renders without a level baseline, or a duplicate native tooltip for truncation.                       |
-| Governing rules         | `spec:AST-024` (custom visual types, weight precedence, unchanged accessibility); `architecture:component-theming-surface/INV6,INV14`; `architecture:public-component-api/INV5,INV6,INV8`. |
-
-This table is a review projection; the body below is authoritative.
-
-## Intent
-
-Heading marks a section or page title with native heading semantics and themed
-type. It keeps the document outline (`level`, `accessibilityLevel`) separate
-from appearance (`type`, `weight`). Its consumer documentation lives in
-`Text/Heading.doc.mjs`, as a member of the Text documentation; this record is
-Heading's own contract.
-
-## Compatibility and migration
-
-- Released default preserved: `yes`
-- Compatibility class: records shipped behavior; no public prop, default, DOM,
-  or styling output changes
-- Controlled/uncontrolled behavior: not applicable
-- Migration decision: none
-
-Consumer migration instructions belong in consumer docs and release notes.
-
-## Current-state impact
-
-- **Truncation tooltip not reachable by keyboard (FR4).** A truncated Heading
-  is not focusable, so Tooltip attaches no focus trigger and sighted keyboard
-  users cannot reveal the clipped text, where WCAG 2.2 2.1.1 expects
-  functionality to be keyboard operable. The full text stays in the DOM for
-  assistive technology.
-
-## Ownership boundary
-
-**Owns**
-
-- The `h1`–`h6` element, its `heading` theming target, and `aria-level`.
-- Level-based and built-in display-type sizing, weight defaults, color, and the
-  shared text layout controls on the heading element.
-- Measuring truncation and deciding when to compose the truncation Tooltip.
-
-**Does not own / non-goals**
-
-- Theme enrollment and generated declarations for custom visual types — owned
-  by `spec:AST-024` and the theme build.
-- Non-heading text — owned by `component:Text`.
-- The truncation tooltip surface, layer, and `tooltip` target — owned by
-  Tooltip.
-- Heading content — owned by the caller.
-
-## Public concepts
-
-| Concept             | Closed values or states                                             | Meaning                                                       | Availability by variant/orientation/state | Default               | Owner               | Stability | Invalid-value behavior                                                                             |
-| ------------------- | ------------------------------------------------------------------- | ------------------------------------------------------------- | ----------------------------------------- | --------------------- | ------------------- | --------- | -------------------------------------------------------------------------------------------------- |
-| Level               | 1–6                                                                 | Selects `h1`–`h6` and the level's visual scale.               | Always                                    | Required              | `component:Heading` | Stable    | TypeScript rejects other values.                                                                   |
-| Visual type         | `display-1`, `display-2`, `display-3`; theme additions              | Replaces the level's visual scale without changing semantics. | Always                                    | unset                 | `component:Heading` | Stable    | A theme-added value is reflected on `heading` and keeps the level's baseline (`spec:AST-024` FR4). |
-| Weight              | `normal`, `medium`, `semibold`, `bold`                              | Overrides the type or level default weight.                   | Always                                    | type or level default | `component:Heading` | Stable    | TypeScript rejects other values.                                                                   |
-| Accessibility level | 1–6                                                                 | The outline level exposed to assistive technology.            | Always                                    | `level`               | `component:Heading` | Stable    | TypeScript rejects other values.                                                                   |
-| Truncation          | `maxLines` 0 (none), 1, or more; tooltip on, off, or at a placement | Clamps lines and offers the full text in a Tooltip.           | Always                                    | 0; tooltip on         | `component:Heading` | Stable    | —                                                                                                  |
-
-## Behavioral and layout contract
-
-| ID  | Invariant                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   | Basis                    |
-| --- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ |
-| FR1 | `level` renders `h1`–`h6`. `accessibilityLevel` adds `aria-level` only when it differs from `level`.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        | Current source and tests |
-| FR2 | The heading carries the `heading` target reflecting `level`, `color`, and any supplied `type` and `weight`. A built-in `type` applies its display scale and default weight; otherwise the level's scale applies. A theme-added `type` keeps the level's scale as its baseline. An explicit `weight` wins over the type and level defaults.                                                                                                                                                                                                                                                                                                                                                                                                  | Current source and tests |
-| FR3 | `color` defaults to `primary`; a theme-added color keeps the primary baseline until a theme paints it. `hasCapsize` renders `block` and trims to cap height; otherwise `maxLines` above 1 renders the line-clamp box, `maxLines={1}` renders `block`, and otherwise `display` (default `block`) applies. `justify` uses logical values; `start`, the default, sets no alignment, so the element follows its container's. `textWrap` and `hasStrikethrough` apply their text treatments.                                                                                                                                                                                                                                                     | Current source and tests |
-| FR4 | `maxLines={1}` clips one line with an ellipsis; a larger value clamps to that many lines unless `hasCapsize` is set, whose `block` display removes the clamp. With truncation, `wordBreak` defaults to `break-all` for one line and `break-word` otherwise. When the text is measured as truncated and `hasTruncateTooltip` is not `false`, a lazily loaded Tooltip anchored to the heading shows the full text at the given placement (default `above`); no native `title` is added. `hasTruncateTooltip={false}` takes no measurement. A truncation tooltip can be opened from the keyboard (WCAG 2.2 2.1.1). Implementation gap: the tooltip opens on hover and touch only, because the heading is not focusable (Current-state impact). | Current source and tests |
-| FR5 | `ref` reaches the heading element. Supported DOM, ARIA, data, and event props reach it after the derived `aria-level`, so a caller `aria-level` wins; `xstyle`, `className`, and `style` merge in that order after component styles, with the line clamp applied after `style`.                                                                                                                                                                                                                                                                                                                                                                                                                                                             | Current source and tests |
-
-### Allowed variation
-
-- **AV1 — Theme paint.** A theme may restyle `heading` per `level`, `color`,
-  `type`, and `weight` without changing the element or level.
-- **AV2 — Visual reuse.** Any level may use any visual type.
-
-### Representative states
-
-| State                   | Required invariant                                             | Allowed variation |
-| ----------------------- | -------------------------------------------------------------- | ----------------- |
-| Level only              | `h{level}` at the level's scale.                               | Level.            |
-| Display type            | Same element; display scale and weight; `data-type` reflected. | Type.             |
-| Theme-added type        | Same element; level baseline; `data-type` reflected.           | Theme paint.      |
-| Accessibility override  | `aria-level` differs from the element's level.                 | —                 |
-| Truncated with tooltip  | Clamped heading anchors one Tooltip with the full text.        | Placement.        |
-| Truncation, tooltip off | Clamped heading; no measurement; no Tooltip.                   | —                 |
-
-### Transformation and precedence order
-
-- **ORD1 — Weight.** Explicit `weight` → built-in type default → level default
-  (`spec:AST-024` FR8).
-- **ORD2 — Scale.** Built-in `type` → level scale (also the baseline for a
-  theme-added type).
-- **ORD3 — Display.** `hasCapsize` (`block`) → `maxLines` above 1 (line-clamp
-  box) → `maxLines={1}` (`block`) → `display` prop.
-
-### Performance and resources
-
-- **PR1 — Measured only when needed.** Truncation is measured only when
-  `maxLines` is positive and the tooltip is enabled; re-measuring follows size
-  and content changes without a per-heading observer; the Tooltip module loads
-  only when the text is truncated.
-
-## Accessibility contract
-
-- **AR1 — Native heading.** The element is a native `h1`–`h6`; a visual type or
-  weight never changes the role, level, or name (`spec:AST-024` FR15).
-- **AR2 — Outline override.** `accessibilityLevel` exposes a different outline
-  level through `aria-level` without changing the element.
-- **AR3 — Truncated text.** The full text stays in the heading's DOM; the
-  truncation Tooltip is the only tooltip, and any description it adds is
-  Tooltip's.
-
-## Design relationships
-
-| Anatomy or state   | Design requirement                                      | Representation authority | Hierarchy role | Component contract |
-| ------------------ | ------------------------------------------------------- | ------------------------ | -------------- | ------------------ |
-| Heading            | A section or page title at the level's or type's scale. | Current source and docs  | Prominent      | FR1–FR3, AR1, AR2  |
-| Truncation tooltip | The full text when the heading is clamped.              | Tooltip                  | Supporting     | FR4, AR3           |
-
-Theming: the heading element is the single `heading` target. Its consumer
-documentation is a member of `Text/Heading.doc.mjs` and lists no anatomy, so no
-anatomy-theming block is declared; the truncation tooltip's target belongs to
-Tooltip.
-
-## Family and system relationships
-
-- `spec:AST-024` owns custom visual types, weight precedence, and the rule that
-  visual changes leave accessibility unchanged; FR2, ORD1, and AR1 apply it.
-- `component:Text` shares Heading's type styles and truncation mechanism.
-- `architecture:component-theming-surface` sets the rules the `heading` target
-  follows (INV6) and qualifies `type` as a theme-extensible axis (INV14).
-
-## Verification map
-
-| Contract | Verification                                                                                                | Representative states                     | Mutation or failure expectation                                                                                                                                                                                                                                                    | Audit section            |
-| -------- | ----------------------------------------------------------------------------------------------------------- | ----------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------ |
-| FR1, AR2 | `Heading.test.tsx` level and `accessibilityLevel` tests                                                     | Levels 1–6; differing override            | A wrong element, or a missing `aria-level` for a differing override, fails. Gap: no test asserts that an equal `accessibilityLevel` adds no `aria-level`.                                                                                                                          | `audit:Heading/a11y`     |
-| FR2      | `Heading.test.tsx` target, type, theme-added type, weight, and omitted-type tests; `extensibleAxes.test.ts` | Display types, theme-added type, weight   | A lost `heading` class or `data-level`, `data-color`, `data-type`, or `data-weight` reflection, a reflected omitted type, or a theme-added type losing its level baseline fails. Gap: the display scales, default weights, and weight precedence in paint have no automated check. | `audit:Heading/theming`  |
-| FR3      | Stable visual baseline `core-heading--level-1`; `Heading.stories.tsx`                                       | Level 1 default                           | A changed level-1 scale, color, or display comes back changed for review. Gap: the prop tests assert presence only, so color paint, `display` precedence, `justify`, `textWrap`, cap-height trim, strikethrough, and the theme-added color baseline have no automated check.       | `audit:Heading/behavior` |
-| FR4, PR1 | `Heading.test.tsx` truncation-measurement tests; `useTruncation.test.tsx`                                   | Tooltip on and off; content change        | Measuring with the tooltip off, not measuring with it on, or a missed re-measure fails. Gap: the ellipsis and line clamp, the `wordBreak` defaults, and the tooltip's appearance and placement have no automated check.                                                            | `audit:Heading/behavior` |
-| FR5      | `Heading.test.tsx` ref, `id`, and passthrough tests                                                         | Rerender; `id`; `data-testid`             | A detached ref, a lost `id`, or a lost test id fails. Gap: no test covers a caller `aria-level` winning, the styling-input merge order, or the line clamp after `style`.                                                                                                           | `audit:Heading/behavior` |
-| AR1      | `Heading.test.tsx` display-type element tests                                                               | Levels with display and theme-added types | A visual type that changes the element fails.                                                                                                                                                                                                                                      | `audit:Heading/a11y`     |
-| AR3      | Source review                                                                                               | Truncated heading                         | Gap: no Heading test asserts the absence of a native `title`.                                                                                                                                                                                                                      | `audit:Heading/a11y`     |
-| AR1, AR2 | Accessibility-tree evidence (`spec:AST-009` FR3)                                                            | Levels, override, display types           | Gap: no accessibility-tree check proves the heading role and level; the unit tests query the DOM.                                                                                                                                                                                  | `audit:Heading/a11y`     |
-
-## Decision log
-
-None recorded. The record describes shipped behavior.
-
-## Open questions
-
-None.
-
-## Content boundary
-
-This file does not duplicate consumer prop tables/examples, current audit
-results, implementation steps, or family/system rules. It links to their owners.

package/src/Heading/Heading.test.tsx

@@ -1,328 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates.
-
-/**
- * @file Heading.test.tsx
- * Tests for Heading component
- */
-
-import {render, screen} from '@testing-library/react';
-import {describe, it, expect, vi} from 'vitest';
-import {Heading} from './Heading';
-
-declare module './index' {
-  interface HeadingTypeMap {
-    hero: true;
-  }
-}
-
-describe('Heading', () => {
-  describe('rendering', () => {
-    it('renders children correctly', () => {
-      render(<Heading level={1}>Page Title</Heading>);
-      expect(screen.getByText('Page Title')).toBeInTheDocument();
-    });
-
-    it('keeps a forwarded ref attached across rerenders', () => {
-      const ref = vi.fn();
-      const {rerender} = render(
-        <Heading ref={ref} level={1}>
-          Before
-        </Heading>,
-      );
-
-      const element = screen.getByText('Before');
-      expect(ref).toHaveBeenLastCalledWith(element);
-      ref.mockClear();
-
-      rerender(
-        <Heading ref={ref} level={1}>
-          After
-        </Heading>,
-      );
-
-      expect(ref).not.toHaveBeenCalled();
-      expect(screen.getByText('After')).toBe(element);
-    });
-
-    it('renders h1 for level 1', () => {
-      render(<Heading level={1}>H1</Heading>);
-      const element = screen.getByText('H1');
-      expect(element.tagName).toBe('H1');
-    });
-
-    it('renders h2 for level 2', () => {
-      render(<Heading level={2}>H2</Heading>);
-      const element = screen.getByText('H2');
-      expect(element.tagName).toBe('H2');
-    });
-
-    it('renders h3 for level 3', () => {
-      render(<Heading level={3}>H3</Heading>);
-      const element = screen.getByText('H3');
-      expect(element.tagName).toBe('H3');
-    });
-
-    it('renders h4 for level 4', () => {
-      render(<Heading level={4}>H4</Heading>);
-      const element = screen.getByText('H4');
-      expect(element.tagName).toBe('H4');
-    });
-
-    it('renders h5 for level 5', () => {
-      render(<Heading level={5}>H5</Heading>);
-      const element = screen.getByText('H5');
-      expect(element.tagName).toBe('H5');
-    });
-
-    it('renders h6 for level 6', () => {
-      render(<Heading level={6}>H6</Heading>);
-      const element = screen.getByText('H6');
-      expect(element.tagName).toBe('H6');
-    });
-  });
-
-  describe('props', () => {
-    it('forwards additional props', () => {
-      render(
-        <Heading level={1} data-testid="custom-heading">
-          Title
-        </Heading>,
-      );
-      expect(screen.getByTestId('custom-heading')).toBeInTheDocument();
-    });
-
-    it('supports id', () => {
-      render(
-        <Heading level={2} id="section-title">
-          Section
-        </Heading>,
-      );
-      const element = screen.getByText('Section');
-      expect(element).toHaveAttribute('id', 'section-title');
-    });
-
-    it('accepts color prop', () => {
-      render(
-        <Heading level={1} color="secondary">
-          Secondary heading
-        </Heading>,
-      );
-      expect(screen.getByText('Secondary heading')).toBeInTheDocument();
-    });
-
-    it('accepts display prop', () => {
-      render(
-        <Heading level={1} display="inline">
-          Inline heading
-        </Heading>,
-      );
-      expect(screen.getByText('Inline heading')).toBeInTheDocument();
-    });
-
-    it('accepts hasStrikethrough prop', () => {
-      render(
-        <Heading level={1} hasStrikethrough>
-          Strikethrough heading
-        </Heading>,
-      );
-      expect(screen.getByText('Strikethrough heading')).toBeInTheDocument();
-    });
-
-    it('accepts hasCapsize prop', () => {
-      render(
-        <Heading level={1} hasCapsize>
-          Capsize heading
-        </Heading>,
-      );
-      expect(screen.getByText('Capsize heading')).toBeInTheDocument();
-    });
-
-    it('accepts textWrap prop', () => {
-      render(
-        <Heading level={1} textWrap="balance">
-          Balanced heading
-        </Heading>,
-      );
-      expect(screen.getByText('Balanced heading')).toBeInTheDocument();
-    });
-
-    it('accepts maxLines prop', () => {
-      render(
-        <Heading level={1} maxLines={1}>
-          Very long heading that should be truncated
-        </Heading>,
-      );
-      expect(
-        screen.getByText('Very long heading that should be truncated'),
-      ).toBeInTheDocument();
-    });
-
-    it('accepts wordBreak prop', () => {
-      render(
-        <Heading level={1} maxLines={1} wordBreak="break-word">
-          Heading with word break
-        </Heading>,
-      );
-      expect(screen.getByText('Heading with word break')).toBeInTheDocument();
-    });
-
-    it('accepts hasTruncateTooltip=false to disable tooltip', () => {
-      render(
-        <Heading level={1} maxLines={1} hasTruncateTooltip={false}>
-          No tooltip
-        </Heading>,
-      );
-      expect(screen.getByText('No tooltip')).toBeInTheDocument();
-    });
-
-    it('accepts accessibilityLevel prop', () => {
-      render(
-        <Heading level={2} accessibilityLevel={3}>
-          Sidebar Section
-        </Heading>,
-      );
-      const element = screen.getByText('Sidebar Section');
-      expect(element).toHaveAttribute('aria-level', '3');
-      expect(element.tagName).toBe('H2');
-    });
-
-    it('accepts type prop for display variants', () => {
-      render(
-        <Heading level={1} type="display-1">
-          Hero Title
-        </Heading>,
-      );
-      const element = screen.getByText('Hero Title');
-      expect(element.tagName).toBe('H1');
-    });
-
-    it('renders correct heading element with display type', () => {
-      render(
-        <Heading level={2} type="display-2">
-          Revenue
-        </Heading>,
-      );
-      const element = screen.getByText('Revenue');
-      expect(element.tagName).toBe('H2');
-    });
-
-    it('reflects a display type as a data attribute', () => {
-      render(
-        <Heading level={1} type="display-1">
-          Display Heading
-        </Heading>,
-      );
-      const element = screen.getByText('Display Heading');
-      expect(element).toHaveAttribute('data-type', 'display-1');
-    });
-
-    it('reflects a theme-augmented visual type and keeps the level baseline', () => {
-      const baseline = render(<Heading level={2}>Baseline</Heading>);
-      const baselineClasses = screen
-        .getByText('Baseline')
-        .className.split(/\s+/)
-        .filter(Boolean);
-      baseline.unmount();
-
-      render(
-        <Heading level={2} type="hero">
-          Custom visual role
-        </Heading>,
-      );
-      const element = screen.getByText('Custom visual role');
-
-      expect(element).toHaveAttribute('data-type', 'hero');
-      for (const className of baselineClasses) {
-        expect(element.className).toContain(className);
-      }
-    });
-
-    it('reflects an explicit weight for theme-layer precedence', () => {
-      render(
-        <Heading level={2} type="hero" weight="bold">
-          Bold custom visual role
-        </Heading>,
-      );
-      const element = screen.getByText('Bold custom visual role');
-
-      expect(element).toHaveAttribute('data-weight', 'bold');
-      expect(element.tagName).toBe('H2');
-    });
-  });
-
-  it('renders astryx-* classes and data attributes for theme targeting', () => {
-    render(
-      <Heading level={2} color="secondary">
-        Themed Heading
-      </Heading>,
-    );
-    const element = screen.getByText('Themed Heading');
-    expect(element.className).toContain('astryx-heading');
-    expect(element).toHaveAttribute('data-level', '2');
-    expect(element).toHaveAttribute('data-color', 'secondary');
-  });
-
-  it('does not reflect an omitted visual type', () => {
-    render(<Heading level={1}>No Variant</Heading>);
-    const element = screen.getByText('No Variant');
-    expect(element).not.toHaveAttribute('data-type', 'default');
-    expect(element).not.toHaveAttribute('data-type', 'editorial');
-  });
-});
-
-// With hasTruncateTooltip={false} nothing reads the measured overflow, so a
-// long table of truncated cells must not pay a layout read per cell.
-function countScrollWidthReads(run: () => void): number {
-  const proto = window.HTMLElement.prototype;
-  const original = Object.getOwnPropertyDescriptor(proto, 'scrollWidth');
-  let reads = 0;
-  Object.defineProperty(proto, 'scrollWidth', {
-    configurable: true,
-    get() {
-      reads += 1;
-      return 0;
-    },
-  });
-  try {
-    run();
-  } finally {
-    if (original) {
-      Object.defineProperty(proto, 'scrollWidth', original);
-    } else {
-      delete (proto as {scrollWidth?: number}).scrollWidth;
-    }
-  }
-  return reads;
-}
-
-describe('Heading maxLines without a truncation tooltip', () => {
-  it('takes no truncation measurement when hasTruncateTooltip is false', () => {
-    const reads = countScrollWidthReads(() => {
-      render(
-        <>
-          {Array.from({length: 20}, (_, index) => (
-            <Heading
-              level={3}
-              maxLines={1}
-              hasTruncateTooltip={false}
-              key={index}>
-              Cell {index} with text far wider than its column
-            </Heading>
-          ))}
-        </>,
-      );
-    });
-    expect(reads).toBe(0);
-  });
-
-  it('still measures when the tooltip is enabled', () => {
-    const reads = countScrollWidthReads(() => {
-      render(
-        <Heading level={3} maxLines={1}>
-          Text far wider than its column
-        </Heading>,
-      );
-    });
-    expect(reads).toBeGreaterThan(0);
-  });
-});