@teseor/css 1.15.0 → 1.15.1

package/src/components/navigation/nav/{nav.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Nav
-type: component
-id: nav
 description: Horizontal or vertical navigation links for primary and secondary navigation.
-api: ./nav.api.json
 ---
 
 <!-- @basic -->

package/src/components/navigation/nav/{nav.visual.spec.ts → visual.spec.ts}

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

package/src/components/navigation/pagination/{pagination.docs.html → docs.html}

@@ -1,8 +1,5 @@
 ---
 title: Pagination
-type: component
-id: pagination
-api: ./pagination.api.json
 ---
 
 <!-- @default -->

package/src/components/navigation/pagination/{pagination.visual.spec.ts → visual.spec.ts}

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

package/src/components/navigation/tabs/{tabs.docs.html → docs.html}

@@ -1,8 +1,5 @@
 ---
 title: Tabs
-type: component
-id: tabs
-api: ./tabs.api.json
 ---
 
 <!-- @default -->

package/src/components/navigation/tabs/{tabs.visual.spec.ts → visual.spec.ts}

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

package/src/components/overlays/dialog/{dialog.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Dialog
-type: component
-id: dialog
 description: Structured modal with header, body, and footer sections. Use with modal component for positioning.
-api: ./dialog.api.json
 ---
 
 <!-- @default -->

package/src/components/overlays/dialog/{dialog.visual.spec.ts → visual.spec.ts}

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

package/src/components/overlays/drawer/{drawer.docs.html → docs.html}

@@ -1,8 +1,5 @@
 ---
 title: Drawer
-type: component
-id: drawer
-api: ./drawer.api.json
 ---
 
 <!-- @default_end -->

package/src/components/overlays/drawer/{drawer.visual.spec.ts → visual.spec.ts}

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

package/src/components/overlays/modal/{modal.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Modal
-type: component
-id: modal
 description: Container for modal dialogs. Use with overlay for backdrop effect.
-api: ./modal.api.json
 ---
 
 <!-- @default -->

package/src/components/overlays/modal/{modal.visual.spec.ts → visual.spec.ts}

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

package/src/components/overlays/overlay/{overlay.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Overlay
-type: component
-id: overlay
 description: Full viewport backdrop for modals, dialogs, and drawers. Controls visibility via state modifiers.
-api: ./overlay.api.json
 ---
 
 <!-- @default -->

package/src/components/overlays/overlay/{overlay.visual.spec.ts → visual.spec.ts}

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

package/src/components/overlays/popover/{popover.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Popover
-type: component
-id: popover
 description: Floating panel for additional content. Larger than tooltip, can contain structured content.
-api: ./popover.api.json
 ---
 
 <!-- @default -->

package/src/components/overlays/popover/{popover.visual.spec.ts → visual.spec.ts}

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

package/src/components/overlays/tooltip/{tooltip.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Tooltip
-type: component
-id: tooltip
 description: Small informational popup for additional context. Position via JS.
-api: ./tooltip.api.json
 ---
 
 <!-- @positions -->

package/src/components/overlays/tooltip/{tooltip.visual.spec.ts → visual.spec.ts}

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

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

@@ -1,9 +1,6 @@
 ---
 title: Blockquote
-type: component
-id: blockquote
 description: Quote block with left border and optional citation.
-api: ./blockquote.api.json
 ---
 
 <!-- @default -->

package/src/components/typography/blockquote/{blockquote.visual.spec.ts → visual.spec.ts}

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

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

@@ -1,9 +1,6 @@
 ---
 title: Code
-type: component
-id: code
 description: Inline code and code blocks with monospace font.
-api: ./code.api.json
 ---
 
 <!-- @inline_code -->

package/src/components/typography/code/{code.visual.spec.ts → visual.spec.ts}

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

package/src/components/typography/code-block/{code-block.docs.html → docs.html}

@@ -1,9 +1,6 @@
 ---
 title: Code Block
-type: component
-id: code-block
 description: Multi-line code display with monospace font, horizontal scroll, and optional line numbers.
-api: ./code-block.api.json
 mergeInto: code
 ---
 

package/src/components/typography/code-block/{code-block.visual.spec.ts → visual.spec.ts}

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

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

@@ -1,9 +1,6 @@
 ---
 title: Heading
-type: component
-id: heading
 description: Semantic headings with visual size control. Use semantic level (h1-h6) for structure, size modifier for visual styling.
-api: ./heading.api.json
 ---
 
 <!-- @sizes | column -->

package/src/components/typography/heading/{heading.visual.spec.ts → visual.spec.ts}

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

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

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

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

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

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

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

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

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

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/app-shell/{app-shell.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, 'app-shell.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('app-shell visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await saveForLostPixel(page, 'app-shell');
-    await expect(page.locator('body')).toHaveScreenshot('app-shell.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

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

@@ -2,13 +2,13 @@ import { resolve } from 'node:path';
 import { expect, test } from '@playwright/test';
 import { saveForLostPixel, setupVisualTestFromHtmlDocs } from '../../../test-utils';
 
-const DOCS_PATH = resolve(__dirname, 'aspect-ratio.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('aspect-ratio visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     // skip validateGridRhythm: aspect-ratio controls proportions, not fixed heights
     await saveForLostPixel(page, 'aspect-ratio');
-    await expect(page.locator('body')).toHaveScreenshot('aspect-ratio.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

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/box/{box.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, 'box.docs.html');
+const DOCS_PATH = resolve(__dirname, 'docs.html');
 
 test.describe('box visual regression', () => {
   test('all variations', async ({ page }) => {
     await setupVisualTestFromHtmlDocs(page, DOCS_PATH);
     await saveForLostPixel(page, 'box');
-    await expect(page.locator('body')).toHaveScreenshot('box.visual.png');
+    await expect(page.locator('body')).toHaveScreenshot('visual.png');
   });
 });

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