@teseor/css 1.15.0 → 1.15.2

package/src/components/typography/kbd/{kbd.docs.html → docs.html}

@@ -1,8 +1,6 @@
 ---
 title: Kbd
-type: component
 description: Keyboard shortcut display with monospace font and key-cap styling.
-api: ./kbd.api.json
 ---
 
 <!-- @default -->

package/src/components/typography/link/{link.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Link
-type: component
-id: link
 description: Styled anchor element for text links with consistent hover and focus states.
-api: ./link.api.json
 ---
 
 <!-- @default -->

package/src/components/typography/list/{list.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: List
-type: component
-id: list
 description: Ordered and unordered lists with spacing control, inline layout, and marker customization.
-api: ./list.api.json
 ---
 
 <!-- @default -->

package/src/components/typography/mark/{mark.docs.html → docs.html}

@@ -1,8 +1,6 @@
 ---
 title: Mark
-type: component
 description: Highlighted text for search results, emphasis, or annotations.
-api: ./mark.api.json
 ---
 
 <!-- @default -->

package/src/config/guides/accessibility.docs.html

@@ -1,7 +1,5 @@
 ---
 title: Accessibility
-type: guide
-id: accessibility
 description: Built-in accessibility features: reduced motion, system theme detection, high contrast, and keyboard focus indicators
 skipValidation: true
 weight: 3

package/src/config/guides/getting-started.docs.html

@@ -1,7 +1,5 @@
 ---
 title: Getting Started
-type: guide
-id: getting-started
 description: Install, import, and start using the CSS library in your project
 skipValidation: true
 weight: 1

package/src/config/guides/theming.docs.html

@@ -1,7 +1,5 @@
 ---
 title: Theming
-type: guide
-id: theming
 description: Customize the design system with CSS custom properties
 skipValidation: true
 weight: 2

package/src/config/tokens/colors/{colors.docs.html → docs.html}

@@ -1,7 +1,5 @@
 ---
 title: Colors
-type: token
-id: colors
 description: HSL-based color system with primitive and semantic tokens. Semantic tokens adapt to light/dark themes.
 skipValidation: true
 ---

package/src/config/tokens/{design-tokens.docs.html → docs.html}

@@ -1,6 +1,5 @@
 ---
 title: Design Tokens
-type: token
 id: design-tokens
 description: Borders, radius, shadows, motion, z-index, and semantic tokens that form the visual foundation
 skipValidation: true

package/src/config/tokens/grid/{grid.docs.html → docs.html}

@@ -1,7 +1,5 @@
 ---
 title: Grid System
-type: token
-id: grid
 description: All spacing and heights align to the 8px grid.
 skipValidation: true
 ---

package/src/config/tokens/spacing/{spacing.docs.html → docs.html}

@@ -1,7 +1,5 @@
 ---
 title: Spacing
-type: token
-id: spacing
 description: Spacing tokens based on the 8px unit.
 skipValidation: true
 ---

package/src/debug/{debug.docs.html → docs.html}

@@ -1,7 +1,5 @@
 ---
 title: Debug
-type: utility
-id: debug
 description: Visual debugging overlays for grid alignment, baseline rhythm, and element boundaries
 skipValidation: true
 ---

package/src/layout/app-shell/{app-shell.docs.html → docs.html}

@@ -1,9 +1,7 @@
 ---
 title: Layout
-type: primitive
 id: layout
 description: Layout primitives for app shells with sidebars and content containers.
-api: app-shell.api.json
 ---
 
 <!-- @app_shell_sidebar_main -->

package/src/layout/aspect-ratio/{aspect-ratio.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Aspect Ratio
-type: primitive
-id: aspect-ratio
 description: Constrains a container to a specific aspect ratio. Media children fill the container automatically.
-api: aspect-ratio.api.json
 ---
 
 <!-- @presets -->

package/src/layout/box/{box.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Box
-type: primitive
-id: box
 description: Base container with style props. Foundation for layout primitives.
-api: box.api.json
 ---
 
 <!-- @default -->

package/src/layout/center/{center.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Center
-type: primitive
-id: center
 description: Centers content horizontally and vertically.
-api: center.api.json
 ---
 
 <!-- @basic -->

package/src/layout/column/{column.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Column
-type: primitive
-id: column
 description: Vertical layout with consistent gap.
-api: column.api.json
 ---
 
 <!-- @basic -->

package/src/layout/container/{container.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Container
-type: primitive
-id: container
 description: Content wrapper with max-width and inline padding. Centers page content with consistent margins.
-api: container.api.json
 ---
 
 <!-- @default -->

package/src/layout/content/{content.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Content
-type: primitive
-id: content
 description: Content wrapper with consistent vertical spacing. Use inside container for padded, spaced content areas.
-api: ./content.api.json
 ---
 
 <!-- @default -->

package/src/layout/footer/{footer.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Footer
-type: primitive
-id: footer
 description: Page footer with start, center, and end sections. Supports sticky/fixed positioning and border/shadow variants.
-api: ./footer.api.json
 ---
 
 <!-- @default -->

package/src/layout/grid/{grid.docs.html → docs.html}

@@ -1,9 +1,7 @@
 ---
 title: Grid
-type: primitive
 id: grid-primitive
 description: CSS Grid with column variants, subgrid support, and span utilities.
-api: grid.api.json
 ---
 
 <!-- @columns -->

package/src/layout/main/{main.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Main
-type: primitive
-id: main
 description: Main content area that accounts for sidebar and topbar offsets in app layouts.
-api: main.api.json
 ---
 
 <!-- @default -->

package/src/layout/nav-rail/{nav-rail.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Nav Rail
-type: primitive
-id: nav-rail
 description: Narrow fixed vertical navigation rail for icon-based navigation with bottom actions.
-api: ./nav-rail.api.json
 ---
 
 <!-- @default -->

package/src/layout/page-header/{page-header.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Page Header
-type: primitive
-id: page-header
 description: Content area header with title, description, actions, and optional breadcrumb.
-api: ./page-header.api.json
 ---
 
 <!-- @default -->

package/src/layout/row/{row.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Row
-type: primitive
-id: row
 description: Horizontal layout with wrapping.
-api: row.api.json
 ---
 
 <!-- @basic -->

package/src/layout/sidebar/{sidebar.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Sidebar
-type: primitive
-id: sidebar
 description: Fixed-position sidebar for app layouts with adjustable widths and positioning.
-api: ./sidebar.api.json
 ---
 
 <!-- @basic -->

package/src/layout/sidebar-nav/{sidebar-nav.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Sidebar Nav
-type: primitive
-id: sidebar-nav
 description: Navigation component for sidebars with support for groups, nested items, icons, and badges.
-api: ./sidebar-nav.api.json
 ---
 
 <!-- @basic -->

package/src/layout/topbar/{topbar.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Topbar
-type: primitive
-id: topbar
 description: Fixed or sticky header bar for app layouts with start, center, and end sections.
-api: ./topbar.api.json
 ---
 
 <!-- @default -->

package/src/utilities/container/{container.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Container
-type: utility
-id: container-utils
 description: Container query utilities for component-level responsive design.
-api: container.api.json
 ---
 
 <!-- @inline_size_containment -->

package/src/utilities/display/{display.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Display
-type: utility
-id: display-utils
 description: Flexbox and display utilities.
-api: display.api.json
 ---
 
 <!-- @flex_layout -->

package/src/utilities/scroll-animation/{scroll-animation.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Scroll Animation
-type: utility
-id: scroll-animation-utils
 description: Scroll-driven animation utilities for progress indicators and viewport-triggered effects. Wrapped in @supports — no impact on unsupported browsers.
-api: scroll-animation.api.json
 ---
 
 <!-- @scroll_progress_indicator -->

package/src/utilities/scroll-snap/{scroll-snap.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Scroll Snap
-type: utility
-id: scroll-snap-utils
 description: Scroll-snap utilities for carousels, horizontal lists, and snap-to-position scrolling.
-api: scroll-snap.api.json
 ---
 
 <!-- @horizontal_snap -->

package/src/utilities/spacing/{spacing.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Spacing
-type: utility
-id: spacing-utils
 description: Margin and padding utilities aligned to 8px grid.
-api: spacing.api.json
 ---
 
 <!-- @padding | column -->

package/src/utilities/text/{text.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Text
-type: utility
-id: text-utils
 description: Typography and text utilities. Font sizes follow a 1.2 modular scale.
-api: text.api.json
 ---
 
 <!-- @sizes | column -->

package/src/utilities/view-transition/{view-transition.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: View Transition
-type: utility
-id: view-transition-utils
 description: CSS View Transitions API utilities for smooth page navigation. Enabled by default; unsupported browsers work normally.
-api: view-transition.api.json
 ---
 
 <!-- @static_elements -->

package/src/utilities/visually-hidden/{visually-hidden.docs.html → docs.html}

@@ -1,9 +1,7 @@
 ---
 title: Visually Hidden
-type: utility
 id: visually-hidden
 description: Hides content visually while keeping it accessible to screen readers. Use for skip links and accessible labels.
-api: visually-hidden.api.json
 ---
 
 <!-- @default -->

package/src/components/actions/button/button.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'button.docs.html');
-
-test.describe('button visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'button');
-    await saveForLostPixel(page, 'button');
-    await expect(page.locator('body')).toHaveScreenshot('button.visual.png');
-  });
-});

package/src/components/actions/button-group/button-group.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'button-group.docs.html');
-
-test.describe('button-group visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'button-group');
-    await saveForLostPixel(page, 'button-group');
-    await expect(page.locator('body')).toHaveScreenshot('button-group.visual.png');
-  });
-});

package/src/components/actions/close-button/close-button.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'close-button.docs.html');
-
-test.describe('close-button visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'close-button');
-    await saveForLostPixel(page, 'close-button');
-    await expect(page.locator('body')).toHaveScreenshot('close-button.visual.png');
-  });
-});

package/src/components/content/divider/divider.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'divider.docs.html');
-
-test.describe('divider visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'divider');
-    await saveForLostPixel(page, 'divider');
-    await expect(page.locator('body')).toHaveScreenshot('divider.visual.png');
-  });
-});

package/src/components/content/scroll-area/scroll-area.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'scroll-area.docs.html');
-
-test.describe('scroll-area visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'scroll-area');
-    await saveForLostPixel(page, 'scroll-area');
-    await expect(page.locator('body')).toHaveScreenshot('scroll-area-visual.png');
-  });
-});

package/src/components/content/spacer/spacer.visual.spec.ts

@@ -1,14 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import { saveForLostPixel, setupVisualTestFromHtmlDocs } from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'spacer.docs.html');
-
-test.describe('spacer visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    // skip validateGridRhythm: spacer has no intrinsic height
-    await saveForLostPixel(page, 'spacer');
-    await expect(page.locator('body')).toHaveScreenshot('spacer.visual.png');
-  });
-});

package/src/components/data-display/avatar/avatar.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'avatar.docs.html');
-
-test.describe('avatar visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'avatar');
-    await saveForLostPixel(page, 'avatar');
-    await expect(page.locator('body')).toHaveScreenshot('avatar.visual.png');
-  });
-});

package/src/components/data-display/badge/badge.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'badge.docs.html');
-
-test.describe('badge visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'badge');
-    await saveForLostPixel(page, 'badge');
-    await expect(page.locator('body')).toHaveScreenshot('badge.visual.png');
-  });
-});

package/src/components/data-display/card/card.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'card.docs.html');
-
-test.describe('card visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'card');
-    await saveForLostPixel(page, 'card');
-    await expect(page.locator('body')).toHaveScreenshot('card.visual.png');
-  });
-});

package/src/components/data-display/data-list/data-list.visual.spec.ts

@@ -1,19 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'data-list.docs.html');
-
-test.describe('data-list visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    // TODO: fix grid rhythm - 1px borders cause off-grid heights (#179)
-    // await validateGridRhythm(page, 'data-list');
-    await saveForLostPixel(page, 'data-list');
-    await expect(page.locator('body')).toHaveScreenshot('data-list.visual.png');
-  });
-});

package/src/components/data-display/icon/icon.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'icon.docs.html');
-
-test.describe('icon visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'icon');
-    await saveForLostPixel(page, 'icon');
-    await expect(page.locator('body')).toHaveScreenshot('icon.visual.png');
-  });
-});

package/src/components/data-display/image/image.visual.spec.ts

@@ -1,18 +0,0 @@
-import { resolve } from 'node:path';
-import { expect, test } from '@playwright/test';
-import {
-  saveForLostPixel,
-  setupVisualTestFromHtmlDocs,
-  validateGridRhythm,
-} from '../../../../test-utils';
-
-const DOCS_PATH = resolve(__dirname, 'image.docs.html');
-
-test.describe('image visual regression', () => {
-  test('all variations', async ({ page }) => {
-    await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
-    await validateGridRhythm(page, 'image');
-    await saveForLostPixel(page, 'image');
-    await expect(page.locator('body')).toHaveScreenshot('image.visual.png');
-  });
-});