@moldable-ai/ui 0.2.19 → 0.2.21

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

@@ -0,0 +1,6 @@
+import { type CatalogCase, type CatalogCaseFilter, type CatalogManifest, type CatalogSectionDefinition, type CatalogStoryDefinition } from './catalog-types';
+export declare function createCatalogStory(story: CatalogStoryDefinition): CatalogStoryDefinition;
+export declare function createCatalogSection(section: CatalogSectionDefinition): CatalogSectionDefinition;
+export declare function createCatalogManifest(manifest: CatalogManifest): CatalogManifest;
+export declare function buildCatalogCases(manifest: CatalogManifest, filter?: CatalogCaseFilter): CatalogCase[];
+//# sourceMappingURL=catalog-manifest.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,117 @@
+import { catalogDensities, catalogThemes, catalogViewports, } from './catalog-types';
+const catalogIdPattern = /^[a-z][a-z0-9]*(?:-[a-z0-9]+)*$/;
+function assertCatalogId(id, kind) {
+    if (!catalogIdPattern.test(id)) {
+        throw new Error(`Catalog ${kind} id "${id}" must be a lowercase kebab-case identifier.`);
+    }
+}
+function uniqueAxes(values, storyId, axis) {
+    if (values.length === 0) {
+        throw new Error(`Catalog story "${storyId}" has no ${axis} cases.`);
+    }
+    if (new Set(values).size !== values.length) {
+        throw new Error(`Catalog story "${storyId}" contains duplicate ${axis} cases.`);
+    }
+    return values;
+}
+export function createCatalogStory(story) {
+    assertCatalogId(story.id, 'story');
+    return story;
+}
+export function createCatalogSection(section) {
+    assertCatalogId(section.id, 'section');
+    return section;
+}
+export function createCatalogManifest(manifest) {
+    const sectionIds = new Set();
+    for (const section of manifest.sections) {
+        assertCatalogId(section.id, 'section');
+        if (sectionIds.has(section.id)) {
+            throw new Error(`Duplicate catalog section id "${section.id}".`);
+        }
+        sectionIds.add(section.id);
+        const storyIds = new Set();
+        for (const story of section.stories) {
+            assertCatalogId(story.id, 'story');
+            if (storyIds.has(story.id)) {
+                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) {
+    const segments = [
+        context.sectionId,
+        context.storyId,
+        context.theme,
+        context.density,
+        context.viewport,
+        context.interaction,
+    ];
+    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.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));
+}
+export function buildCatalogCases(manifest, filter = {}) {
+    createCatalogManifest(manifest);
+    const cases = [];
+    for (const section of manifest.sections) {
+        for (const story of section.stories) {
+            const themes = uniqueAxes(story.themes ?? catalogThemes, story.id, 'theme');
+            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 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);
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+    return cases;
+}

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

@@ -0,0 +1,64 @@
+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 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 interface CatalogCaseContext {
+    caseId: string;
+    sectionId: string;
+    storyId: string;
+    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[];
+    render: (context: CatalogCaseContext) => React.ReactNode;
+}
+export interface CatalogSectionDefinition {
+    id: string;
+    title: string;
+    description?: React.ReactNode;
+    stories: readonly CatalogStoryDefinition[];
+}
+export interface CatalogManifest {
+    title: string;
+    description?: React.ReactNode;
+    sections: readonly CatalogSectionDefinition[];
+}
+export interface CatalogCase extends CatalogCaseContext {
+    sectionTitle: string;
+    storyTitle: string;
+    storyDescription?: React.ReactNode;
+    render: CatalogStoryDefinition['render'];
+}
+export interface CatalogCaseFilter {
+    sectionId?: string;
+    storyId?: string;
+    theme?: CatalogTheme;
+    density?: CatalogDensity;
+    viewport?: CatalogViewport;
+    accessibilityMode?: CatalogAccessibilityMode;
+    interaction?: CatalogInteraction;
+}
+//# sourceMappingURL=catalog-types.d.ts.map

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

@@ -0,0 +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,yBAAyB,uFAK5B,CAAA;AACV,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,wBAAwB,GAClC,CAAC,OAAO,yBAAyB,CAAC,CAAC,MAAM,CAAC,CAAA;AAC5C,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,iBAAiB,EAAE,wBAAwB,CAAA;IAC3C,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;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAA;IAC9B,MAAM,CAAC,EAAE,SAAS,YAAY,EAAE,CAAA;IAChC,SAAS,CAAC,EAAE,SAAS,cAAc,EAAE,CAAA;IACrC,SAAS,CAAC,EAAE,SAAS,eAAe,EAAE,CAAA;IACtC,kBAAkB,CAAC,EAAE,SAAS,wBAAwB,EAAE,CAAA;IACxD,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,iBAAiB,CAAC,EAAE,wBAAwB,CAAA;IAC5C,WAAW,CAAC,EAAE,kBAAkB,CAAA;CACjC"}

package/dist/catalog/catalog-types.js

@@ -0,0 +1,20 @@
+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',
+    'focus-visible',
+    'pressed',
+    'selected',
+    'disabled',
+    'invalid',
+    'loading',
+    'empty',
+];

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import type { CatalogCase, CatalogCaseFilter, CatalogManifest } from './catalog-types';
+export interface ComponentCatalogProps extends Omit<React.ComponentProps<'main'>, 'children'> {
+    manifest: CatalogManifest;
+    filter?: CatalogCaseFilter;
+    showCaseLabels?: boolean;
+}
+export interface CatalogCaseFrameProps extends Omit<React.ComponentProps<'article'>, 'children'> {
+    catalogCase: CatalogCase;
+    showLabel?: boolean;
+}
+export declare function CatalogCaseFrame({ catalogCase, showLabel, className, ...props }: CatalogCaseFrameProps): import("react/jsx-runtime").JSX.Element;
+export declare function ComponentCatalog({ manifest, filter, showCaseLabels, className, ...props }: ComponentCatalogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=component-catalog.d.ts.map

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

@@ -0,0 +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;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

@@ -0,0 +1,49 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/utils';
+import { buildCatalogCases } from './catalog-manifest';
+function caseLabel(catalogCase) {
+    const labels = [
+        catalogCase.theme,
+        catalogCase.density,
+        catalogCase.viewport,
+        catalogCase.interaction,
+    ];
+    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-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-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);
+    const groupedCases = new Map();
+    for (const catalogCase of cases) {
+        const key = `${catalogCase.sectionId}/${catalogCase.storyId}`;
+        const storyCases = groupedCases.get(key) ?? [];
+        storyCases.push(catalogCase);
+        groupedCases.set(key, storyCases);
+    }
+    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,
+                        cases: groupedCases.get(`${section.id}/${story.id}`) ?? [],
+                    }))
+                        .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: "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,EAiJ3D,CAAA"}

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

@@ -0,0 +1,151 @@
+/**
+ * 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: '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

@@ -0,0 +1,2 @@
+export declare const coreComponentCatalog: import("./catalog-types").CatalogManifest;
+//# sourceMappingURL=core-catalog.d.ts.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,19 @@
+import { createCatalogManifest } from './catalog-manifest';
+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: [
+        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"}

package/dist/catalog/core-collection-stories.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { FileTextIcon, MoreHorizontalIcon } from 'lucide-react';
+import { Grid, GridItem, GridItemContent, GridItemDescription, GridItemTitle, } from '../components/ui/grid';
+import { IconButton } from '../components/ui/icon-button';
+import { Item, ItemActions, ItemContent, ItemDescription, ItemGroup, ItemMedia, ItemTitle, } from '../components/ui/item';
+import { List, ListItem, ListItemContent, ListItemDescription, ListItemTitle, } from '../components/ui/list';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '../components/ui/table';
+export const coreCollectionsSection = {
+    id: 'collections',
+    title: 'Collections',
+    stories: [
+        {
+            id: 'selectable-list',
+            title: 'Selectable list',
+            components: ['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, { "data-catalog-target": true, 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',
+            components: ['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, { "data-catalog-target": true, 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: 'data-table',
+            title: 'Dense selectable table',
+            components: ['table'],
+            interactions: ['rest', 'focus-visible', 'selected', 'disabled', 'empty'],
+            render: ({ density, interaction }) => (_jsxs(Table, { density: density === 'compact' ? 'compact' : 'default', children: [_jsx(TableHeader, { children: _jsxs(TableRow, { children: [_jsx(TableHead, { children: "Name" }), _jsx(TableHead, { children: "Status" })] }) }), _jsx(TableBody, { children: interaction === 'empty' ? (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: 2, className: "text-muted-foreground", children: "No projects" }) })) : (_jsxs(_Fragment, { children: [_jsxs(TableRow, { "data-catalog-target": true, selected: interaction === 'selected', disabled: interaction === 'disabled', autoFocus: interaction === 'focus-visible', children: [_jsx(TableCell, { children: "Personal" }), _jsx(TableCell, { children: "Active" })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { children: "Archive" }), _jsx(TableCell, { children: "Local" })] })] })) })] })),
+        },
+        {
+            id: 'item-anatomy',
+            title: 'Item anatomy',
+            components: ['item'],
+            viewports: ['narrow'],
+            render: () => (_jsx(ItemGroup, { children: _jsxs(Item, { size: "sm", variant: "outline", children: [_jsx(ItemMedia, { variant: "icon", children: _jsx(FileTextIcon, {}) }), _jsxs(ItemContent, { children: [_jsx(ItemTitle, { children: "Project brief" }), _jsx(ItemDescription, { children: "Edited five minutes ago" })] }), _jsx(ItemActions, { children: _jsx(IconButton, { label: "More actions", size: "sm", variant: "ghost", children: _jsx(MoreHorizontalIcon, {}) }) })] }) })),
+        },
+    ],
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"core-control-stories.d.ts","sourceRoot":"","sources":["../../src/catalog/core-control-stories.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAA;AAM/D,eAAO,MAAM,mBAAmB,EAAE,wBAkPjC,CAAA"}