@moldable-ai/ui 0.2.20 → 0.2.22

package/dist/catalog/catalog-coverage.d.ts

@@ -0,0 +1,15 @@
+import type { CatalogManifest } from './catalog-types';
+export interface CatalogCoverageExclusion {
+    component: string;
+    reason: string;
+}
+export interface CatalogCoverageReport {
+    covered: readonly string[];
+    excluded: readonly CatalogCoverageExclusion[];
+    missing: readonly string[];
+    unknownCovered: readonly string[];
+    unknownExcluded: readonly string[];
+}
+export declare function getCatalogCoverage(manifest: CatalogManifest, publicComponents: readonly string[], exclusions: readonly CatalogCoverageExclusion[]): CatalogCoverageReport;
+export declare function assertCatalogCoverage(manifest: CatalogManifest, publicComponents: readonly string[], exclusions: readonly CatalogCoverageExclusion[]): CatalogCoverageReport;
+//# sourceMappingURL=catalog-coverage.d.ts.map

package/dist/catalog/catalog-coverage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"catalog-coverage.d.ts","sourceRoot":"","sources":["../../src/catalog/catalog-coverage.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEtD,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,OAAO,EAAE,SAAS,MAAM,EAAE,CAAA;IAC1B,QAAQ,EAAE,SAAS,wBAAwB,EAAE,CAAA;IAC7C,OAAO,EAAE,SAAS,MAAM,EAAE,CAAA;IAC1B,cAAc,EAAE,SAAS,MAAM,EAAE,CAAA;IACjC,eAAe,EAAE,SAAS,MAAM,EAAE,CAAA;CACnC;AAMD,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,eAAe,EACzB,gBAAgB,EAAE,SAAS,MAAM,EAAE,EACnC,UAAU,EAAE,SAAS,wBAAwB,EAAE,GAC9C,qBAAqB,CA+BvB;AAED,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,eAAe,EACzB,gBAAgB,EAAE,SAAS,MAAM,EAAE,EACnC,UAAU,EAAE,SAAS,wBAAwB,EAAE,yBAoChD"}

package/dist/catalog/catalog-coverage.js

@@ -0,0 +1,44 @@
+function sorted(values) {
+    return [...values].sort((left, right) => left.localeCompare(right));
+}
+export function getCatalogCoverage(manifest, publicComponents, exclusions) {
+    const publicSet = new Set(publicComponents);
+    const coveredSet = new Set(manifest.sections.flatMap((section) => section.stories.flatMap((story) => story.components ?? [])));
+    const exclusionMap = new Map(exclusions.map((exclusion) => [exclusion.component, exclusion]));
+    return {
+        covered: sorted([...coveredSet].filter((component) => publicSet.has(component))),
+        excluded: [...exclusions].sort((left, right) => left.component.localeCompare(right.component)),
+        missing: sorted([...publicSet].filter((component) => !coveredSet.has(component) && !exclusionMap.has(component))),
+        unknownCovered: sorted([...coveredSet].filter((component) => !publicSet.has(component))),
+        unknownExcluded: sorted([...exclusionMap.keys()].filter((component) => !publicSet.has(component))),
+    };
+}
+export function assertCatalogCoverage(manifest, publicComponents, exclusions) {
+    const duplicateExclusions = exclusions
+        .map((exclusion) => exclusion.component)
+        .filter((component, index, components) => components.indexOf(component) !== index);
+    const emptyReasons = exclusions
+        .filter((exclusion) => exclusion.reason.trim().length === 0)
+        .map((exclusion) => exclusion.component);
+    const report = getCatalogCoverage(manifest, publicComponents, exclusions);
+    const errors = [];
+    if (report.missing.length > 0) {
+        errors.push(`missing: ${report.missing.join(', ')}`);
+    }
+    if (report.unknownCovered.length > 0) {
+        errors.push(`unknown covered: ${report.unknownCovered.join(', ')}`);
+    }
+    if (report.unknownExcluded.length > 0) {
+        errors.push(`unknown excluded: ${report.unknownExcluded.join(', ')}`);
+    }
+    if (duplicateExclusions.length > 0) {
+        errors.push(`duplicate exclusions: ${sorted(new Set(duplicateExclusions)).join(', ')}`);
+    }
+    if (emptyReasons.length > 0) {
+        errors.push(`empty exclusion reasons: ${sorted(emptyReasons).join(', ')}`);
+    }
+    if (errors.length > 0) {
+        throw new Error(`Catalog coverage is incomplete (${errors.join('; ')}).`);
+    }
+    return report;
+}

package/dist/catalog/catalog-manifest.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"catalog-manifest.d.ts","sourceRoot":"","sources":["../../src/catalog/catalog-manifest.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,WAAW,EAEhB,KAAK,iBAAiB,EAGtB,KAAK,eAAe,EACpB,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAG5B,MAAM,iBAAiB,CAAA;AA8BxB,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,sBAAsB,GAC5B,sBAAsB,CAGxB;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,wBAAwB,GAChC,wBAAwB,CAG1B;AAED,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,eAAe,GACxB,eAAe,CAuBjB;AA4BD,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,eAAe,EACzB,MAAM,GAAE,iBAAsB,GAC7B,WAAW,EAAE,CA4Df"}
+{"version":3,"file":"catalog-manifest.d.ts","sourceRoot":"","sources":["../../src/catalog/catalog-manifest.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,WAAW,EAEhB,KAAK,iBAAiB,EAGtB,KAAK,eAAe,EACpB,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAM5B,MAAM,iBAAiB,CAAA;AA8BxB,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,sBAAsB,GAC5B,sBAAsB,CAGxB;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,wBAAwB,GAChC,wBAAwB,CAG1B;AAED,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,eAAe,GACxB,eAAe,CA2BjB;AAmCD,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,eAAe,EACzB,MAAM,GAAE,iBAAsB,GAC7B,WAAW,EAAE,CAoEf"}

package/dist/catalog/catalog-manifest.js

@@ -37,29 +37,37 @@ export function createCatalogManifest(manifest) {
                 throw new Error(`Duplicate story id "${story.id}" in section "${section.id}".`);
             }
             storyIds.add(story.id);
+            for (const component of story.components ?? []) {
+                assertCatalogId(component, 'story');
+            }
         }
     }
     return manifest;
 }
 function createCaseId(context) {
-    return [
+    const segments = [
         context.sectionId,
         context.storyId,
         context.theme,
         context.density,
         context.viewport,
         context.interaction,
-    ].join('/');
+    ];
+    if (context.accessibilityMode !== 'standard') {
+        segments.push(context.accessibilityMode);
+    }
+    return segments.join('/');
 }
 function matchesFilter(catalogCase, filter) {
     return ((filter.sectionId === undefined ||
         catalogCase.sectionId === filter.sectionId) &&
-        (filter.storyId === undefined ||
-            catalogCase.storyId === filter.storyId) &&
+        (filter.storyId === undefined || catalogCase.storyId === filter.storyId) &&
         (filter.theme === undefined || catalogCase.theme === filter.theme) &&
         (filter.density === undefined || catalogCase.density === filter.density) &&
         (filter.viewport === undefined ||
             catalogCase.viewport === filter.viewport) &&
+        (filter.accessibilityMode === undefined ||
+            catalogCase.accessibilityMode === filter.accessibilityMode) &&
         (filter.interaction === undefined ||
             catalogCase.interaction === filter.interaction));
 }
@@ -72,28 +80,32 @@ export function buildCatalogCases(manifest, filter = {}) {
             const densities = uniqueAxes(story.densities ?? catalogDensities, story.id, 'density');
             const viewports = uniqueAxes(story.viewports ?? catalogViewports, story.id, 'viewport');
             const interactions = uniqueAxes(story.interactions ?? ['rest'], story.id, 'interaction');
+            const accessibilityModes = uniqueAxes(story.accessibilityModes ?? ['standard'], story.id, 'accessibility mode');
             for (const theme of themes) {
                 for (const density of densities) {
                     for (const viewport of viewports) {
-                        for (const interaction of interactions) {
-                            const context = {
-                                sectionId: section.id,
-                                storyId: story.id,
-                                theme,
-                                density,
-                                viewport,
-                                interaction,
-                            };
-                            const catalogCase = {
-                                ...context,
-                                caseId: createCaseId(context),
-                                sectionTitle: section.title,
-                                storyTitle: story.title,
-                                storyDescription: story.description,
-                                render: story.render,
-                            };
-                            if (matchesFilter(catalogCase, filter)) {
-                                cases.push(catalogCase);
+                        for (const accessibilityMode of accessibilityModes) {
+                            for (const interaction of interactions) {
+                                const context = {
+                                    sectionId: section.id,
+                                    storyId: story.id,
+                                    theme,
+                                    density,
+                                    viewport,
+                                    accessibilityMode,
+                                    interaction,
+                                };
+                                const catalogCase = {
+                                    ...context,
+                                    caseId: createCaseId(context),
+                                    sectionTitle: section.title,
+                                    storyTitle: story.title,
+                                    storyDescription: story.description,
+                                    render: story.render,
+                                };
+                                if (matchesFilter(catalogCase, filter)) {
+                                    cases.push(catalogCase);
+                                }
                             }
                         }
                     }

package/dist/catalog/catalog-types.d.ts

@@ -2,11 +2,15 @@ import type * as React from 'react';
 export declare const catalogThemes: readonly ["light", "dark"];
 export declare const catalogDensities: readonly ["regular", "compact"];
 export declare const catalogViewports: readonly ["wide", "narrow"];
+export declare const catalogAccessibilityModes: readonly ["standard", "reduced-transparency", "increased-contrast", "reduced-motion"];
 export declare const catalogInteractions: readonly ["rest", "hover", "focus-visible", "pressed", "selected", "disabled", "invalid", "loading", "empty"];
+export declare const catalogLiveStates: readonly ["hover", "focus", "pressed"];
 export type CatalogTheme = (typeof catalogThemes)[number];
 export type CatalogDensity = (typeof catalogDensities)[number];
 export type CatalogViewport = (typeof catalogViewports)[number];
+export type CatalogAccessibilityMode = (typeof catalogAccessibilityModes)[number];
 export type CatalogInteraction = (typeof catalogInteractions)[number];
+export type CatalogLiveState = (typeof catalogLiveStates)[number];
 export interface CatalogCaseContext {
     caseId: string;
     sectionId: string;
@@ -14,16 +18,28 @@ export interface CatalogCaseContext {
     theme: CatalogTheme;
     density: CatalogDensity;
     viewport: CatalogViewport;
+    accessibilityMode: CatalogAccessibilityMode;
     interaction: CatalogInteraction;
 }
 export interface CatalogStoryDefinition {
     id: string;
     title: string;
     description?: React.ReactNode;
+    /**
+     * Public visual component module ids exercised by this story. These ids
+     * correspond to the kebab-case modules exported from components/ui/index.ts.
+     */
+    components?: readonly string[];
     themes?: readonly CatalogTheme[];
     densities?: readonly CatalogDensity[];
     viewports?: readonly CatalogViewport[];
+    accessibilityModes?: readonly CatalogAccessibilityMode[];
     interactions?: readonly CatalogInteraction[];
+    /**
+     * Browser-driven states captured from the element marked with
+     * `data-state-target="<space-separated states>"`.
+     */
+    liveStates?: readonly CatalogLiveState[];
     render: (context: CatalogCaseContext) => React.ReactNode;
 }
 export interface CatalogSectionDefinition {
@@ -49,6 +65,7 @@ export interface CatalogCaseFilter {
     theme?: CatalogTheme;
     density?: CatalogDensity;
     viewport?: CatalogViewport;
+    accessibilityMode?: CatalogAccessibilityMode;
     interaction?: CatalogInteraction;
 }
 //# sourceMappingURL=catalog-types.d.ts.map

package/dist/catalog/catalog-types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"catalog-types.d.ts","sourceRoot":"","sources":["../../src/catalog/catalog-types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAA;AAEnC,eAAO,MAAM,aAAa,4BAA6B,CAAA;AACvD,eAAO,MAAM,gBAAgB,iCAAkC,CAAA;AAC/D,eAAO,MAAM,gBAAgB,6BAA8B,CAAA;AAC3D,eAAO,MAAM,mBAAmB,+GAUtB,CAAA;AAEV,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAA;AACzD,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC9D,MAAM,MAAM,eAAe,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC/D,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAA;AAErE,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,YAAY,CAAA;IACnB,OAAO,EAAE,cAAc,CAAA;IACvB,QAAQ,EAAE,eAAe,CAAA;IACzB,WAAW,EAAE,kBAAkB,CAAA;CAChC;AAED,MAAM,WAAW,sBAAsB;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,SAAS,YAAY,EAAE,CAAA;IAChC,SAAS,CAAC,EAAE,SAAS,cAAc,EAAE,CAAA;IACrC,SAAS,CAAC,EAAE,SAAS,eAAe,EAAE,CAAA;IACtC,YAAY,CAAC,EAAE,SAAS,kBAAkB,EAAE,CAAA;IAC5C,MAAM,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAA;CACzD;AAED,MAAM,WAAW,wBAAwB;IACvC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,OAAO,EAAE,SAAS,sBAAsB,EAAE,CAAA;CAC3C;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,QAAQ,EAAE,SAAS,wBAAwB,EAAE,CAAA;CAC9C;AAED,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,MAAM,EAAE,sBAAsB,CAAC,QAAQ,CAAC,CAAA;CACzC;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,OAAO,CAAC,EAAE,cAAc,CAAA;IACxB,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,WAAW,CAAC,EAAE,kBAAkB,CAAA;CACjC"}
+{"version":3,"file":"catalog-types.d.ts","sourceRoot":"","sources":["../../src/catalog/catalog-types.ts"],"names":[],"mappings":"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"}

package/dist/catalog/catalog-types.js

@@ -1,6 +1,12 @@
 export const catalogThemes = ['light', 'dark'];
 export const catalogDensities = ['regular', 'compact'];
 export const catalogViewports = ['wide', 'narrow'];
+export const catalogAccessibilityModes = [
+    'standard',
+    'reduced-transparency',
+    'increased-contrast',
+    'reduced-motion',
+];
 export const catalogInteractions = [
     'rest',
     'hover',
@@ -12,3 +18,4 @@ export const catalogInteractions = [
     'loading',
     'empty',
 ];
+export const catalogLiveStates = ['hover', 'focus', 'pressed'];

package/dist/catalog/component-catalog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component-catalog.d.ts","sourceRoot":"","sources":["../../src/catalog/component-catalog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EACV,WAAW,EACX,iBAAiB,EACjB,eAAe,EAChB,MAAM,iBAAiB,CAAA;AAExB,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IACtD,QAAQ,EAAE,eAAe,CAAA;IACzB,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC;IACzD,WAAW,EAAE,WAAW,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAWD,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,SAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAyCvB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,cAAqB,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA0GvB"}
+{"version":3,"file":"component-catalog.d.ts","sourceRoot":"","sources":["../../src/catalog/component-catalog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EACV,WAAW,EACX,iBAAiB,EACjB,eAAe,EAChB,MAAM,iBAAiB,CAAA;AAExB,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IACtD,QAAQ,EAAE,eAAe,CAAA;IACzB,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,UAAU,CAAC;IACzD,WAAW,EAAE,WAAW,CAAA;IACxB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAiBD,wBAAgB,gBAAgB,CAAC,EAC/B,WAAW,EACX,SAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAyDvB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,MAAM,EACN,cAAqB,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA0GvB"}

package/dist/catalog/component-catalog.js

@@ -3,18 +3,28 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from '../lib/utils';
 import { buildCatalogCases } from './catalog-manifest';
 function caseLabel(catalogCase) {
-    return [
+    const labels = [
         catalogCase.theme,
         catalogCase.density,
         catalogCase.viewport,
         catalogCase.interaction,
-    ].join(' · ');
+    ];
+    if (catalogCase.accessibilityMode !== 'standard') {
+        labels.push(catalogCase.accessibilityMode);
+    }
+    return labels.join(' · ');
 }
 export function CatalogCaseFrame({ catalogCase, showLabel = true, className, ...props }) {
     const isDark = catalogCase.theme === 'dark';
-    return (_jsxs("article", { "data-slot": "catalog-case", "data-catalog-case": catalogCase.caseId, "data-theme": catalogCase.theme, "data-density": catalogCase.density, "data-viewport": catalogCase.viewport, "data-interaction": catalogCase.interaction, "aria-label": `${catalogCase.storyTitle}: ${caseLabel(catalogCase)}`, className: cn('bg-background text-foreground isolate overflow-hidden rounded-lg border border-border shadow-sm', catalogCase.viewport === 'narrow'
+    return (_jsxs("article", { "data-slot": "catalog-case", "data-catalog-case": catalogCase.caseId, "data-theme": catalogCase.theme, "data-density": catalogCase.density, "data-viewport": catalogCase.viewport, "data-accessibility-mode": catalogCase.accessibilityMode, "data-transparency": catalogCase.accessibilityMode === 'reduced-transparency'
+            ? 'reduced'
+            : undefined, "data-contrast": catalogCase.accessibilityMode === 'increased-contrast'
+            ? 'increased'
+            : undefined, "data-motion": catalogCase.accessibilityMode === 'reduced-motion'
+            ? 'reduced'
+            : undefined, "data-interaction": catalogCase.interaction, "aria-label": `${catalogCase.storyTitle}: ${caseLabel(catalogCase)}`, className: cn('bg-background text-foreground border-border isolate overflow-hidden rounded-lg border shadow-sm', catalogCase.viewport === 'narrow'
             ? 'w-full max-w-80'
-            : 'w-full max-w-3xl', isDark && 'dark', className), ...props, children: [showLabel ? (_jsx("header", { "data-slot": "catalog-case-label", className: "border-b border-border bg-muted/40 px-3 py-2 font-mono text-[11px] leading-4 text-muted-foreground", children: caseLabel(catalogCase) })) : null, _jsx("div", { "data-slot": "catalog-case-stage", className: cn('min-h-24 bg-background text-foreground', catalogCase.density === 'compact' ? 'p-2' : 'p-4'), children: catalogCase.render(catalogCase) })] }));
+            : 'w-full max-w-3xl', isDark && 'dark', className), ...props, children: [showLabel ? (_jsx("header", { "data-slot": "catalog-case-label", className: "border-border bg-muted/40 text-muted-foreground border-b px-3 py-2 font-mono text-[11px] leading-4", children: caseLabel(catalogCase) })) : null, _jsx("div", { "data-slot": "catalog-case-stage", className: cn('bg-background text-foreground min-h-24', catalogCase.density === 'compact' ? 'p-2' : 'p-4'), children: catalogCase.render(catalogCase) })] }));
 }
 export function ComponentCatalog({ manifest, filter, showCaseLabels = true, className, ...props }) {
     const cases = buildCatalogCases(manifest, filter);
@@ -25,7 +35,7 @@ export function ComponentCatalog({ manifest, filter, showCaseLabels = true, clas
         storyCases.push(catalogCase);
         groupedCases.set(key, storyCases);
     }
-    return (_jsxs("main", { "data-slot": "component-catalog", className: cn('min-h-full bg-muted/20 p-4 text-foreground sm:p-6', className), ...props, children: [_jsxs("header", { className: "mx-auto mb-8 max-w-7xl", children: [_jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: manifest.title }), manifest.description ? (_jsx("div", { className: "mt-2 max-w-3xl text-sm text-muted-foreground", children: manifest.description })) : null] }), _jsx("div", { className: "mx-auto grid max-w-7xl gap-10", children: manifest.sections.map((section) => {
+    return (_jsxs("main", { "data-slot": "component-catalog", className: cn('bg-muted/20 text-foreground min-h-full p-4 sm:p-6', className), ...props, children: [_jsxs("header", { className: "mx-auto mb-8 max-w-7xl", children: [_jsx("h1", { className: "text-2xl font-semibold tracking-tight", children: manifest.title }), manifest.description ? (_jsx("div", { className: "text-muted-foreground mt-2 max-w-3xl text-sm", children: manifest.description })) : null] }), _jsx("div", { className: "mx-auto grid max-w-7xl gap-10", children: manifest.sections.map((section) => {
                     const storyGroups = section.stories
                         .map((story) => ({
                         story,
@@ -34,6 +44,6 @@ export function ComponentCatalog({ manifest, filter, showCaseLabels = true, clas
                         .filter((group) => group.cases.length > 0);
                     if (storyGroups.length === 0)
                         return null;
-                    return (_jsxs("section", { "data-slot": "catalog-section", "data-catalog-section": section.id, "aria-labelledby": `catalog-section-${section.id}`, children: [_jsxs("div", { className: "mb-4", children: [_jsx("h2", { id: `catalog-section-${section.id}`, className: "text-lg font-semibold tracking-tight", children: section.title }), section.description ? (_jsx("div", { className: "mt-1 max-w-3xl text-sm text-muted-foreground", children: section.description })) : null] }), _jsx("div", { className: "grid gap-8", children: storyGroups.map(({ story, cases: storyCases }) => (_jsxs("section", { "data-slot": "catalog-story", "data-catalog-story": story.id, "aria-labelledby": `catalog-story-${section.id}-${story.id}`, children: [_jsxs("div", { className: "mb-3", children: [_jsx("h3", { id: `catalog-story-${section.id}-${story.id}`, className: "text-sm font-medium", children: story.title }), story.description ? (_jsx("div", { className: "mt-1 text-xs text-muted-foreground", children: story.description })) : null] }), _jsx("div", { "data-slot": "catalog-case-grid", className: "grid items-start gap-4 xl:grid-cols-2", children: storyCases.map((catalogCase) => (_jsx(CatalogCaseFrame, { catalogCase: catalogCase, showLabel: showCaseLabels }, catalogCase.caseId))) })] }, story.id))) })] }, section.id));
+                    return (_jsxs("section", { "data-slot": "catalog-section", "data-catalog-section": section.id, "aria-labelledby": `catalog-section-${section.id}`, children: [_jsxs("div", { className: "mb-4", children: [_jsx("h2", { id: `catalog-section-${section.id}`, className: "text-lg font-semibold tracking-tight", children: section.title }), section.description ? (_jsx("div", { className: "text-muted-foreground mt-1 max-w-3xl text-sm", children: section.description })) : null] }), _jsx("div", { className: "grid gap-8", children: storyGroups.map(({ story, cases: storyCases }) => (_jsxs("section", { "data-slot": "catalog-story", "data-catalog-story": story.id, "aria-labelledby": `catalog-story-${section.id}-${story.id}`, children: [_jsxs("div", { className: "mb-3", children: [_jsx("h3", { id: `catalog-story-${section.id}-${story.id}`, className: "text-sm font-medium", children: story.title }), story.description ? (_jsx("div", { className: "text-muted-foreground mt-1 text-xs", children: story.description })) : null] }), _jsx("div", { "data-slot": "catalog-case-grid", className: "grid items-start gap-4 xl:grid-cols-2", children: storyCases.map((catalogCase) => (_jsx(CatalogCaseFrame, { catalogCase: catalogCase, showLabel: showCaseLabels }, catalogCase.caseId))) })] }, story.id))) })] }, section.id));
                 }) })] }));
 }

package/dist/catalog/core-catalog-exclusions.d.ts

@@ -0,0 +1,8 @@
+import type { CatalogCoverageExclusion } from './catalog-coverage';
+/**
+ * Intentional gaps in the deterministic core catalog. Keeping this list
+ * explicit makes every new public visual module choose between authored
+ * coverage and a reviewable, temporary reason for deferral.
+ */
+export declare const coreCatalogExclusions: readonly CatalogCoverageExclusion[];
+//# sourceMappingURL=core-catalog-exclusions.d.ts.map

package/dist/catalog/core-catalog-exclusions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-catalog-exclusions.d.ts","sourceRoot":"","sources":["../../src/catalog/core-catalog-exclusions.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAA;AAElE;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,EAAE,SAAS,wBAAwB,EAsJ3D,CAAA"}

package/dist/catalog/core-catalog-exclusions.js

@@ -0,0 +1,155 @@
+/**
+ * Intentional gaps in the deterministic core catalog. Keeping this list
+ * explicit makes every new public visual module choose between authored
+ * coverage and a reviewable, temporary reason for deferral.
+ */
+export const coreCatalogExclusions = [
+    {
+        component: 'accordion',
+        reason: 'Needs an authored expanded and collapsed keyboard matrix.',
+    },
+    {
+        component: 'alert-dialog',
+        reason: 'Requires isolated portal rendering before open states are stable.',
+    },
+    {
+        component: 'aspect-ratio',
+        reason: 'Layout utility is exercised by consumer media compositions.',
+    },
+    {
+        component: 'calendar',
+        reason: 'Needs a dedicated date-grid interaction matrix.',
+    },
+    {
+        component: 'carousel',
+        reason: 'Needs stable geometry and navigation fixtures.',
+    },
+    {
+        component: 'chart',
+        reason: 'Needs deterministic chart data and resize fixtures.',
+    },
+    {
+        component: 'collapsible',
+        reason: 'Needs an authored disclosure-state matrix.',
+    },
+    {
+        component: 'combobox',
+        reason: 'Requires isolated portal and filtering coverage.',
+    },
+    {
+        component: 'command',
+        reason: 'Needs search, selection, empty, and keyboard fixtures.',
+    },
+    {
+        component: 'confirm-dialog',
+        reason: 'Requires isolated async portal-state rendering.',
+    },
+    {
+        component: 'context-menu',
+        reason: 'Requires isolated pointer-positioned portal rendering.',
+    },
+    {
+        component: 'dialog',
+        reason: 'Requires isolated portal rendering before open states are stable.',
+    },
+    {
+        component: 'drawer',
+        reason: 'Requires isolated viewport and gesture fixtures.',
+    },
+    {
+        component: 'dropdown-menu',
+        reason: 'Requires isolated portal and keyboard coverage.',
+    },
+    {
+        component: 'error-boundary-view',
+        reason: 'Needs the separately planned pane and full-window catalog test host.',
+    },
+    {
+        component: 'date-picker',
+        reason: 'Requires isolated calendar portal rendering.',
+    },
+    {
+        component: 'edge-fade',
+        reason: 'Needs deterministic overflow geometry.',
+    },
+    {
+        component: 'form',
+        reason: 'Behavioral adapter is covered through authored field stories.',
+    },
+    {
+        component: 'hover-card',
+        reason: 'Requires isolated delayed-hover portal rendering.',
+    },
+    {
+        component: 'input-group',
+        reason: 'Needs addon, button, and validation compositions.',
+    },
+    {
+        component: 'input-otp',
+        reason: 'Needs input-sequence and paste fixtures.',
+    },
+    {
+        component: 'inspector',
+        reason: 'Needs a representative property-editing composition.',
+    },
+    {
+        component: 'label',
+        reason: 'Covered indirectly by labeled control compositions.',
+    },
+    {
+        component: 'menubar',
+        reason: 'Requires isolated multi-menu portal coverage.',
+    },
+    {
+        component: 'message-scroller',
+        reason: 'Needs deterministic overflow and anchoring geometry.',
+    },
+    {
+        component: 'navigation-menu',
+        reason: 'Requires isolated viewport and portal coverage.',
+    },
+    {
+        component: 'pagination',
+        reason: 'Needs compact and large-page-count compositions.',
+    },
+    {
+        component: 'resizable',
+        reason: 'Needs stable browser geometry and drag fixtures.',
+    },
+    {
+        component: 'scroll-area',
+        reason: 'Needs deterministic overflow geometry.',
+    },
+    {
+        component: 'select',
+        reason: 'Requires isolated portal and keyboard coverage.',
+    },
+    {
+        component: 'separator',
+        reason: 'Covered indirectly by toolbar, item, and panel compositions.',
+    },
+    {
+        component: 'sheet',
+        reason: 'Requires isolated portal and viewport-edge coverage.',
+    },
+    {
+        component: 'sidebar',
+        reason: 'Needs a complete app-shell viewport fixture.',
+    },
+    {
+        component: 'slider',
+        reason: 'Needs pointer and keyboard value fixtures.',
+    },
+    {
+        component: 'split-view',
+        reason: 'Needs stable browser geometry and drag fixtures.',
+    },
+    {
+        component: 'sonner',
+        reason: 'Requires an isolated live toaster host.',
+    },
+    {
+        component: 'tooltip',
+        reason: 'Requires isolated delayed portal rendering.',
+    },
+];

package/dist/catalog/core-catalog.d.ts

@@ -1,6 +1,2 @@
-/**
- * A small smoke catalog that proves the renderer and semantic token surface.
- * Product teams should compose a broader manifest from their own public API.
- */
 export declare const coreComponentCatalog: import("./catalog-types").CatalogManifest;
 //# sourceMappingURL=core-catalog.d.ts.map

package/dist/catalog/core-catalog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"core-catalog.d.ts","sourceRoot":"","sources":["../../src/catalog/core-catalog.tsx"],"names":[],"mappings":"AAkCA;;;GAGG;AACH,eAAO,MAAM,oBAAoB,2CAkO/B,CAAA"}
+{"version":3,"file":"core-catalog.d.ts","sourceRoot":"","sources":["../../src/catalog/core-catalog.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB,2CAY/B,CAAA"}

package/dist/catalog/core-catalog.js

@@ -1,105 +1,19 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { AppFrame, AppFrameContent, AppFrameTitlebar, AppFrameToolbar, } from '../components/ui/app-frame';
-import { Badge } from '../components/ui/badge';
-import { Button } from '../components/ui/button';
-import { DateField } from '../components/ui/date-field';
-import { Grid, GridItem, GridItemContent, GridItemDescription, GridItemTitle, } from '../components/ui/grid';
-import { IconButton } from '../components/ui/icon-button';
-import { Input } from '../components/ui/input';
-import { List, ListItem, ListItemContent, ListItemDescription, ListItemTitle, } from '../components/ui/list';
-import { SearchField } from '../components/ui/search-field';
-import { SegmentedControl, SegmentedControlItem, } from '../components/ui/segmented-control';
-import { Status } from '../components/ui/status';
 import { createCatalogManifest } from './catalog-manifest';
-import { PlusIcon } from 'lucide-react';
-/**
- * A small smoke catalog that proves the renderer and semantic token surface.
- * Product teams should compose a broader manifest from their own public API.
- */
+import { coreCollectionsSection } from './core-collection-stories';
+import { coreControlsSection } from './core-control-stories';
+import { coreFeedbackSection } from './core-feedback-stories';
+import { coreFoundationSection } from './core-foundation-stories';
+import { coreNavigationSection } from './core-navigation-stories';
+import { coreOverlaysSection } from './core-overlay-stories';
 export const coreComponentCatalog = createCatalogManifest({
     title: 'Moldable UI component catalog',
     description: 'Deterministic component cases for review and visual regression coverage.',
     sections: [
-        {
-            id: 'window-foundations',
-            title: 'Window foundations',
-            stories: [
-                {
-                    id: 'app-frame',
-                    title: 'App frame',
-                    interactions: ['rest', 'empty'],
-                    render: ({ interaction }) => (_jsxs(AppFrame, { mode: "window", className: "h-56 rounded-container border", children: [_jsx(AppFrameTitlebar, { children: _jsx(AppFrameToolbar, { children: _jsx("strong", { className: "text-sm", children: "Calendar" }) }) }), _jsx(AppFrameContent, { className: "grid place-items-center p-4", children: _jsx("span", { className: "text-sm text-muted-foreground", children: interaction === 'empty'
-                                        ? 'No events yet'
-                                        : 'App-owned canvas' }) })] })),
-                },
-            ],
-        },
-        {
-            id: 'controls',
-            title: 'Controls',
-            stories: [
-                {
-                    id: 'button',
-                    title: 'Button',
-                    interactions: ['rest', 'focus-visible', 'disabled'],
-                    render: ({ interaction }) => (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Button, { autoFocus: interaction === 'focus-visible', disabled: interaction === 'disabled', children: "Continue" }), _jsx(Button, { variant: "outline", disabled: interaction === 'disabled', children: "Cancel" })] })),
-                },
-                {
-                    id: 'icon-button',
-                    title: 'Icon button',
-                    interactions: ['rest', 'focus-visible', 'disabled', 'loading'],
-                    render: ({ interaction }) => (_jsx(IconButton, { label: "New item", autoFocus: interaction === 'focus-visible', disabled: interaction === 'disabled', loading: interaction === 'loading', variant: "ghost", children: _jsx(PlusIcon, {}) })),
-                },
-                {
-                    id: 'segmented-control',
-                    title: 'Segmented control',
-                    interactions: ['rest', 'focus-visible', 'disabled'],
-                    render: ({ interaction }) => (_jsxs(SegmentedControl, { "aria-label": "Calendar view", defaultValue: "month", disabled: interaction === 'disabled', children: [_jsx(SegmentedControlItem, { value: "week", autoFocus: interaction === 'focus-visible', children: "Week" }), _jsx(SegmentedControlItem, { value: "month", children: "Month" })] })),
-                },
-                {
-                    id: 'text-field',
-                    title: 'Text field',
-                    interactions: ['rest', 'focus-visible', 'disabled', 'invalid'],
-                    render: ({ interaction }) => (_jsxs("div", { className: "grid max-w-sm gap-1.5", children: [_jsx("label", { htmlFor: `catalog-input-${interaction}`, className: "text-sm", children: "Project name" }), _jsx(Input, { id: `catalog-input-${interaction}`, defaultValue: "Personal dashboard", autoFocus: interaction === 'focus-visible', disabled: interaction === 'disabled', "aria-invalid": interaction === 'invalid' || undefined })] })),
-                },
-                {
-                    id: 'search-and-date-fields',
-                    title: 'Search and date fields',
-                    interactions: ['rest', 'focus-visible', 'disabled', 'invalid'],
-                    render: ({ interaction }) => (_jsxs("div", { className: "grid max-w-sm gap-2", children: [_jsx(SearchField, { "aria-label": "Search events", placeholder: "Search", defaultValue: interaction === 'rest' ? 'Planning' : '', autoFocus: interaction === 'focus-visible', disabled: interaction === 'disabled', "aria-invalid": interaction === 'invalid' || undefined }), _jsx(DateField, { "aria-label": "Due date", defaultValue: "2026-07-26", disabled: interaction === 'disabled', "aria-invalid": interaction === 'invalid' || undefined })] })),
-                },
-            ],
-        },
-        {
-            id: 'collections',
-            title: 'Collections',
-            stories: [
-                {
-                    id: 'selectable-list',
-                    title: 'Selectable list',
-                    viewports: ['narrow'],
-                    interactions: ['rest', 'focus-visible', 'selected', 'disabled'],
-                    render: ({ interaction }) => (_jsxs(List, { "aria-label": "Documents", selectionMode: "single", defaultSelectedValues: interaction === 'selected' ? ['brief'] : undefined, children: [_jsx(ListItem, { value: "brief", autoFocus: interaction === 'focus-visible', children: _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "Project brief" }), _jsx(ListItemDescription, { children: "Edited recently" })] }) }), _jsx(ListItem, { value: "archive", disabled: interaction === 'disabled', children: _jsxs(ListItemContent, { children: [_jsx(ListItemTitle, { children: "Archive" }), _jsx(ListItemDescription, { children: "Local documents" })] }) })] })),
-                },
-                {
-                    id: 'selectable-grid',
-                    title: 'Selectable grid',
-                    interactions: ['rest', 'focus-visible', 'selected', 'disabled'],
-                    render: ({ interaction, viewport }) => (_jsxs(Grid, { "aria-label": "Projects", columns: viewport === 'narrow' ? 1 : 2, selectionMode: "single", defaultSelectedValues: interaction === 'selected' ? ['personal'] : undefined, children: [_jsx(GridItem, { value: "personal", autoFocus: interaction === 'focus-visible', children: _jsxs(GridItemContent, { children: [_jsx(GridItemTitle, { children: "Personal" }), _jsx(GridItemDescription, { children: "8 items" })] }) }), _jsx(GridItem, { value: "work", disabled: interaction === 'disabled', children: _jsxs(GridItemContent, { children: [_jsx(GridItemTitle, { children: "Work" }), _jsx(GridItemDescription, { children: "12 items" })] }) })] })),
-                },
-            ],
-        },
-        {
-            id: 'feedback',
-            title: 'Feedback',
-            stories: [
-                {
-                    id: 'status-and-badges',
-                    title: 'Status and badges',
-                    viewports: ['narrow'],
-                    render: () => (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Status, { variant: "running", children: "Running" }), _jsx(Badge, { variant: "secondary", children: "Draft" }), _jsx(Badge, { variant: "outline", children: "Local" })] })),
-                },
-            ],
-        },
+        coreFoundationSection,
+        coreControlsSection,
+        coreCollectionsSection,
+        coreNavigationSection,
+        coreOverlaysSection,
+        coreFeedbackSection,
     ],
 });

package/dist/catalog/core-collection-stories.d.ts

@@ -0,0 +1,3 @@
+import type { CatalogSectionDefinition } from './catalog-types';
+export declare const coreCollectionsSection: CatalogSectionDefinition;
+//# sourceMappingURL=core-collection-stories.d.ts.map

package/dist/catalog/core-collection-stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-collection-stories.d.ts","sourceRoot":"","sources":["../../src/catalog/core-collection-stories.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAA;AAE/D,eAAO,MAAM,sBAAsB,EAAE,wBAwIpC,CAAA"}