@teseor/css 1.15.0 → 1.15.1

package/src/layout/center/{center.visual.spec.ts → visual.spec.ts}

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

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/column/{column.visual.spec.ts → visual.spec.ts}

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

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/content/{content.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'content.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('content visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'content');
     await saveForLostPixel(page, 'content');
-    await expect(page.locator('body')).toHaveScreenshot('content.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

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/footer/{footer.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'footer.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('footer visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'footer');
     await saveForLostPixel(page, 'footer');
-    await expect(page.locator('body')).toHaveScreenshot('footer.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

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/grid/{grid.visual.spec.ts → visual.spec.ts}

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

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/nav-rail/{nav-rail.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'nav-rail.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('nav-rail visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'nav-rail');
     await saveForLostPixel(page, 'nav-rail');
-    await expect(page.locator('body')).toHaveScreenshot('nav-rail.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

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/page-header/{page-header.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'page-header.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('page-header visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'page-header');
     await saveForLostPixel(page, 'page-header');
-    await expect(page.locator('body')).toHaveScreenshot('page-header.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

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/row/{row.visual.spec.ts → visual.spec.ts}

@@ -2,7 +2,7 @@ import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
 import { saveForLostPixel, setupVisualTestFromHtmlDocs } from '../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'row.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('row visual regression', () => {
   test('all variations', async ({ page }) => {
@@ -10,6 +10,6 @@ test.describe('row visual regression', () => {
     // skip validateGridRhythm: row is a layout primitive that
     // controls gap/alignment, not child height
     await saveForLostPixel(page, 'row');
-    await expect(page.locator('body')).toHaveScreenshot('row.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

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/{sidebar.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'sidebar.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('sidebar visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'sidebar');
     await saveForLostPixel(page, 'sidebar');
-    await expect(page.locator('body')).toHaveScreenshot('sidebar.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

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/sidebar-nav/{sidebar-nav.visual.spec.ts → visual.spec.ts}

@@ -6,7 +6,7 @@ import {
   validateGridRhythm,
 } from '../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'sidebar-nav.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('sidebar-nav visual regression', () => {
   test('all variations', async ({ page }) => {

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/layout/topbar/{topbar.visual.spec.ts → visual.spec.ts}

@@ -6,13 +6,13 @@ import {
   validateGridRhythm,
 } from '../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'topbar.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('topbar visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await validateGridRhythm(page, 'topbar');
     await saveForLostPixel(page, 'topbar');
-    await expect(page.locator('body')).toHaveScreenshot('topbar.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

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 -->