@moldable-ai/ui 0.2.19 → 0.2.21

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

@@ -0,0 +1,94 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BoldIcon, ItalicIcon, PlusIcon } from 'lucide-react';
+import { Button } from '../components/ui/button';
+import { ButtonGroup, ButtonGroupText } from '../components/ui/button-group';
+import { Checkbox } from '../components/ui/checkbox';
+import { ColorWell } from '../components/ui/color-well';
+import { DateField } from '../components/ui/date-field';
+import { Field, FieldContent, FieldDescription, FieldLabel, } from '../components/ui/field';
+import { IconButton } from '../components/ui/icon-button';
+import { Input } from '../components/ui/input';
+import { Kbd, KbdGroup } from '../components/ui/kbd';
+import { NumberInput } from '../components/ui/number-input';
+import { RadioGroup, RadioGroupItem } from '../components/ui/radio-group';
+import { SearchField } from '../components/ui/search-field';
+import { SegmentedControl, SegmentedControlItem, } from '../components/ui/segmented-control';
+import { Switch } from '../components/ui/switch';
+import { Textarea } from '../components/ui/textarea';
+import { ToggleButton } from '../components/ui/toggle';
+import { ToggleGroup, ToggleGroupItem } from '../components/ui/toggle-group';
+function controlId(caseId, suffix) {
+    return `catalog-${caseId.replaceAll('/', '-')}-${suffix}`;
+}
+export const coreControlsSection = {
+    id: 'controls',
+    title: 'Controls',
+    stories: [
+        {
+            id: 'button',
+            title: 'Button',
+            components: ['button'],
+            interactions: ['rest', 'focus-visible', 'disabled'],
+            render: ({ interaction }) => (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Button, { "data-catalog-target": true, autoFocus: interaction === 'focus-visible', disabled: interaction === 'disabled', children: "Continue" }), _jsx(Button, { variant: "outline", disabled: interaction === 'disabled', children: "Cancel" })] })),
+        },
+        {
+            id: 'icon-button',
+            title: 'Icon button',
+            components: ['icon-button'],
+            interactions: ['rest', 'focus-visible', 'disabled', 'loading'],
+            render: ({ interaction }) => (_jsx(IconButton, { "data-catalog-target": true, label: "New item", autoFocus: interaction === 'focus-visible', disabled: interaction === 'disabled', loading: interaction === 'loading', variant: "ghost", children: _jsx(PlusIcon, {}) })),
+        },
+        {
+            id: 'segmented-control',
+            title: 'Segmented control',
+            components: ['segmented-control'],
+            interactions: ['rest', 'focus-visible', 'disabled'],
+            render: ({ interaction }) => (_jsxs(SegmentedControl, { "aria-label": "Calendar view", defaultValue: "month", disabled: interaction === 'disabled', children: [_jsx(SegmentedControlItem, { "data-catalog-target": true, value: "week", autoFocus: interaction === 'focus-visible', children: "Week" }), _jsx(SegmentedControlItem, { value: "month", children: "Month" })] })),
+        },
+        {
+            id: 'text-field',
+            title: 'Text field',
+            components: ['field', 'input'],
+            interactions: ['rest', 'focus-visible', 'disabled', 'invalid'],
+            render: ({ caseId, interaction }) => {
+                const id = controlId(caseId, 'project-name');
+                return (_jsxs(Field, { "data-invalid": interaction === 'invalid' || undefined, children: [_jsx(FieldLabel, { htmlFor: id, children: "Project name" }), _jsxs(FieldContent, { children: [_jsx(Input, { "data-catalog-target": true, id: id, defaultValue: "Personal dashboard", autoFocus: interaction === 'focus-visible', disabled: interaction === 'disabled', "aria-invalid": interaction === 'invalid' || undefined }), _jsx(FieldDescription, { children: "Shown in the titlebar." })] })] }));
+            },
+        },
+        {
+            id: 'search-and-date-fields',
+            title: 'Search and date fields',
+            components: ['date-field', 'search-field'],
+            interactions: ['rest', 'focus-visible', 'disabled', 'invalid'],
+            render: ({ interaction }) => (_jsxs("div", { className: "grid max-w-sm gap-2", children: [_jsx(SearchField, { "data-catalog-target": true, "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: 'choice-controls',
+            title: 'Choice controls',
+            components: ['checkbox', 'radio-group', 'switch'],
+            interactions: ['rest', 'selected', 'disabled', 'invalid'],
+            render: ({ caseId, interaction }) => {
+                const selected = interaction === 'selected';
+                const disabled = interaction === 'disabled';
+                const invalid = interaction === 'invalid' || undefined;
+                const checkboxId = controlId(caseId, 'notifications');
+                const switchId = controlId(caseId, 'sync');
+                return (_jsxs("div", { className: "grid gap-3 text-sm", children: [_jsxs("label", { className: "flex items-center gap-2", htmlFor: checkboxId, children: [_jsx(Checkbox, { "data-catalog-target": true, id: checkboxId, defaultChecked: selected, disabled: disabled, "aria-invalid": invalid }), "Notifications"] }), _jsxs("label", { className: "flex items-center gap-2", htmlFor: switchId, children: [_jsx(Switch, { id: switchId, defaultChecked: selected, disabled: disabled, "aria-invalid": invalid }), "Sync automatically"] }), _jsxs(RadioGroup, { "aria-label": "Priority", defaultValue: selected ? 'high' : 'normal', disabled: disabled, children: [_jsxs("label", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "normal", "aria-invalid": invalid }), "Normal priority"] }), _jsxs("label", { className: "flex items-center gap-2", children: [_jsx(RadioGroupItem, { value: "high", "aria-invalid": invalid }), "High priority"] })] })] }));
+            },
+        },
+        {
+            id: 'format-controls',
+            title: 'Toggle and grouped controls',
+            components: ['button-group', 'kbd', 'toggle', 'toggle-group'],
+            interactions: ['rest', 'selected', 'disabled'],
+            render: ({ interaction }) => (_jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [_jsx(ToggleButton, { "data-catalog-target": true, iconOnly: true, "aria-label": "Bold", defaultPressed: interaction === 'selected', disabled: interaction === 'disabled', children: _jsx(BoldIcon, {}) }), _jsxs(ToggleGroup, { type: "multiple", variant: "outline", defaultValue: interaction === 'selected' ? ['italic'] : [], disabled: interaction === 'disabled', "aria-label": "Formatting", children: [_jsx(ToggleGroupItem, { value: "bold", children: "Bold" }), _jsxs(ToggleGroupItem, { value: "italic", children: [_jsx(ItalicIcon, {}), "Italic"] })] }), _jsxs(ButtonGroup, { children: [_jsx(ButtonGroupText, { children: _jsxs(KbdGroup, { children: [_jsx(Kbd, { children: "\u2318" }), _jsx(Kbd, { children: "K" })] }) }), _jsx(Button, { variant: "outline", disabled: interaction === 'disabled', children: "Commands" })] })] })),
+        },
+        {
+            id: 'value-fields',
+            title: 'Value and long-form fields',
+            components: ['color-well', 'number-input', 'textarea'],
+            interactions: ['rest', 'focus-visible', 'disabled', 'invalid'],
+            render: ({ interaction }) => (_jsxs("div", { className: "grid max-w-sm gap-3", children: [_jsx(Textarea, { "data-catalog-target": true, "aria-label": "Notes", defaultValue: "Keep the interface quiet and direct.", autoFocus: interaction === 'focus-visible', disabled: interaction === 'disabled', "aria-invalid": interaction === 'invalid' || undefined }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(NumberInput, { "aria-label": "Duration", defaultValue: 25, unit: "min", disabled: interaction === 'disabled', "aria-invalid": interaction === 'invalid' || undefined, className: "w-32" }), _jsx(ColorWell, { "aria-label": "Accent color", value: "#ff6b4a", disabled: interaction === 'disabled' })] })] })),
+        },
+    ],
+};

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

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

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

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

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

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CircleAlertIcon, InboxIcon } from 'lucide-react';
+import { Alert, AlertDescription, AlertTitle } from '../components/ui/alert';
+import { Avatar, AvatarBadge, AvatarFallback } from '../components/ui/avatar';
+import { Badge } from '../components/ui/badge';
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, } from '../components/ui/empty';
+import { NotificationDot } from '../components/ui/notification-dot';
+import { Progress } from '../components/ui/progress';
+import { Skeleton } from '../components/ui/skeleton';
+import { Spinner } from '../components/ui/spinner';
+import { Status } from '../components/ui/status';
+export const coreFeedbackSection = {
+    id: 'feedback',
+    title: 'Feedback',
+    stories: [
+        {
+            id: 'status-and-badges',
+            title: 'Status and badges',
+            components: ['avatar', 'badge', 'notification-dot', 'status'],
+            viewports: ['narrow'],
+            render: () => (_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs(Avatar, { children: [_jsx(AvatarFallback, { children: "RM" }), _jsx(AvatarBadge, {})] }), _jsx(Status, { variant: "running", children: "Running" }), _jsx(Badge, { variant: "secondary", children: "Draft" }), _jsxs(Badge, { variant: "outline", className: "gap-1.5", children: [_jsx(NotificationDot, {}), "New"] })] })),
+        },
+        {
+            id: 'semantic-alert',
+            title: 'Semantic alert',
+            components: ['alert'],
+            interactions: ['rest', 'invalid'],
+            render: ({ interaction }) => (_jsxs(Alert, { tone: interaction === 'invalid' ? 'danger' : 'info', children: [_jsx(CircleAlertIcon, {}), _jsx(AlertTitle, { children: interaction === 'invalid' ? 'Could not save' : 'Workspace ready' }), _jsx(AlertDescription, { children: interaction === 'invalid'
+                            ? 'Check the highlighted fields and try again.'
+                            : 'Changes stay local until you choose to share them.' })] })),
+        },
+        {
+            id: 'empty-state',
+            title: 'Empty state',
+            components: ['empty'],
+            viewports: ['narrow'],
+            interactions: ['empty'],
+            render: () => (_jsxs(Empty, { variant: "compact", children: [_jsxs(EmptyHeader, { children: [_jsx(EmptyMedia, { variant: "icon", children: _jsx(InboxIcon, {}) }), _jsx(EmptyTitle, { children: "No captured items" }), _jsx(EmptyDescription, { children: "New items will appear here as they arrive." })] }), _jsx(EmptyContent, {})] })),
+        },
+        {
+            id: 'loading-feedback',
+            title: 'Progress and loading',
+            components: ['progress', 'skeleton', 'spinner'],
+            viewports: ['narrow'],
+            interactions: ['loading'],
+            accessibilityModes: ['standard', 'reduced-motion'],
+            render: () => (_jsxs("div", { className: "grid gap-3", children: [_jsxs("div", { className: "flex items-center gap-2 text-sm", children: [_jsx(Spinner, {}), "Syncing changes"] }), _jsx(Progress, { "aria-label": "Sync progress", value: 64 }), _jsxs("div", { className: "grid gap-2", children: [_jsx(Skeleton, { className: "h-3 w-3/4" }), _jsx(Skeleton, { className: "h-3 w-1/2" })] })] })),
+        },
+    ],
+};

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

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

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

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

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

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronLeftIcon, ChevronRightIcon, LocateFixedIcon, PlusIcon, } from 'lucide-react';
+import { AppFrame, AppFrameContent, AppFrameTitlebar, AppFrameToolbar, } from '../components/ui/app-frame';
+import { Card, CardContent, CardDescription, CardHeader, CardTitle, } from '../components/ui/card';
+import { IconButton } from '../components/ui/icon-button';
+import { Material, MaterialGroup } from '../components/ui/material';
+import { Panel, PanelContent, PanelGroup, PanelHeader, } from '../components/ui/panel';
+import { Text } from '../components/ui/text';
+import { Toolbar, ToolbarActions, ToolbarContent, ToolbarDescription, ToolbarTitle, } from '../components/ui/toolbar';
+export const coreFoundationSection = {
+    id: 'window-foundations',
+    title: 'Window foundations',
+    stories: [
+        {
+            id: 'app-frame',
+            title: 'App frame',
+            components: ['app-frame'],
+            interactions: ['rest', 'empty'],
+            render: ({ interaction }) => (_jsxs(AppFrame, { mode: "window", className: "rounded-container h-56 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-muted-foreground text-sm", children: interaction === 'empty' ? 'No events yet' : 'App-owned canvas' }) })] })),
+        },
+        {
+            id: 'adaptive-material',
+            title: 'Adaptive material',
+            description: 'Regular navigation chrome, a grouped sampler, and a clear media control.',
+            components: ['material'],
+            densities: ['regular'],
+            viewports: ['wide'],
+            accessibilityModes: [
+                'standard',
+                'reduced-transparency',
+                'increased-contrast',
+                'reduced-motion',
+            ],
+            render: () => (_jsxs("div", { className: "rounded-container relative h-52 overflow-hidden border bg-[radial-gradient(circle_at_18%_24%,var(--chart-2),transparent_32%),radial-gradient(circle_at_76%_68%,var(--chart-1),transparent_38%),linear-gradient(135deg,var(--surface-recessed),var(--surface-canvas))] p-4", children: [_jsxs(Material, { elevation: "overlay", className: "flex items-center gap-3 px-3 py-2", children: [_jsx("strong", { className: "text-sm", children: "Map controls" }), _jsx("span", { className: "text-text-secondary text-xs", children: "Regular material" })] }), _jsxs(MaterialGroup, { className: "absolute bottom-4 left-4", shape: "capsule", elevation: "overlay", spacing: "compact", children: [_jsx(IconButton, { label: "Previous place", variant: "ghost", size: "sm", children: _jsx(ChevronLeftIcon, {}) }), _jsx(IconButton, { label: "Next place", variant: "ghost", size: "sm", children: _jsx(ChevronRightIcon, {}) })] }), _jsx(Material, { asChild: true, variant: "clear", shape: "circle", elevation: "overlay", interactive: true, children: _jsx(IconButton, { label: "Center map", variant: "ghost", className: "absolute bottom-4 right-4", children: _jsx(LocateFixedIcon, {}) }) })] })),
+        },
+        {
+            id: 'toolbar-hierarchy',
+            title: 'Toolbar hierarchy',
+            components: ['text', 'toolbar'],
+            viewports: ['narrow'],
+            render: () => (_jsxs(Toolbar, { className: "rounded-container border", children: [_jsxs(ToolbarContent, { children: [_jsx(ToolbarTitle, { children: "Daily plan" }), _jsx(ToolbarDescription, { children: "Three tasks remaining" })] }), _jsx(ToolbarActions, { children: _jsx(IconButton, { label: "Add task", variant: "ghost", size: "sm", children: _jsx(PlusIcon, {}) }) })] })),
+        },
+        {
+            id: 'work-surfaces',
+            title: 'Work surfaces',
+            components: ['card', 'panel'],
+            interactions: ['rest', 'empty'],
+            render: ({ interaction }) => (_jsxs(PanelGroup, { className: "rounded-container h-48 border", children: [_jsxs(Panel, { surface: "sidebar", className: "w-32", children: [_jsx(PanelHeader, { children: _jsx(Text, { variant: "small-strong", children: "Library" }) }), _jsx(PanelContent, { className: "p-3", children: _jsx(Text, { color: "secondary", variant: "small", children: "Projects" }) })] }), _jsx(Panel, { className: "flex-1", children: _jsx(PanelContent, { className: "p-3", children: _jsxs(Card, { className: "shadow-panel gap-3 py-4", children: [_jsxs(CardHeader, { className: "gap-1 px-4", children: [_jsx(CardTitle, { className: "text-sm", children: interaction === 'empty' ? 'No selection' : 'Project brief' }), _jsx(CardDescription, { children: interaction === 'empty'
+                                                    ? 'Choose an item from the library.'
+                                                    : 'A quiet, bounded working surface.' })] }), _jsx(CardContent, { className: "px-4", children: _jsx(Text, { variant: "small", color: "secondary", children: "Updated today" }) })] }) }) })] })),
+        },
+    ],
+};

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

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

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

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

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

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from '../components/ui/breadcrumb';
+import { NavigationButtonGroup } from '../components/ui/navigation-button-group';
+import { Tabs, TabsContent, TabsList, TabsTrigger } from '../components/ui/tabs';
+export const coreNavigationSection = {
+    id: 'navigation',
+    title: 'Navigation',
+    stories: [
+        {
+            id: 'history-and-path',
+            title: 'Window history and path',
+            components: ['breadcrumb', 'navigation-button-group'],
+            viewports: ['narrow'],
+            interactions: ['rest', 'disabled'],
+            render: ({ interaction }) => (_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx(NavigationButtonGroup, { "data-catalog-target": true, canGoBack: true, canGoForward: interaction !== 'disabled', onBack: () => undefined, onForward: () => undefined }), _jsx(Breadcrumb, { className: "min-w-0", children: _jsxs(BreadcrumbList, { className: "flex-nowrap", children: [_jsx(BreadcrumbItem, { children: _jsx(BreadcrumbLink, { href: "#projects", children: "Projects" }) }), _jsx(BreadcrumbSeparator, {}), _jsx(BreadcrumbItem, { className: "min-w-0", children: _jsx(BreadcrumbPage, { className: "truncate", children: "Personal" }) })] }) })] })),
+        },
+        {
+            id: 'view-tabs',
+            title: 'View tabs',
+            components: ['tabs'],
+            interactions: ['rest', 'focus-visible', 'disabled'],
+            render: ({ interaction }) => (_jsxs(Tabs, { defaultValue: "overview", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { "data-catalog-target": true, value: "overview", autoFocus: interaction === 'focus-visible', children: "Overview" }), _jsx(TabsTrigger, { value: "activity", disabled: interaction === 'disabled', children: "Activity" })] }), _jsx(TabsContent, { value: "overview", className: "text-muted-foreground p-2 text-sm", children: "Project summary" }), _jsx(TabsContent, { value: "activity", children: "Recent activity" })] })),
+        },
+    ],
+};

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

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

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

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

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

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../components/ui/button';
+import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from '../components/ui/popover';
+export const coreOverlaysSection = {
+    id: 'overlays',
+    title: 'Overlays',
+    description: 'A minimal stable portal case. Complex modal and menu surfaces remain explicitly deferred.',
+    stories: [
+        {
+            id: 'popover-open',
+            title: 'Open popover',
+            components: ['popover'],
+            themes: ['light'],
+            densities: ['regular'],
+            viewports: ['wide'],
+            accessibilityModes: ['standard', 'reduced-transparency'],
+            render: () => (_jsx("div", { className: "flex h-32 items-start justify-center pt-2", children: _jsxs(Popover, { defaultOpen: true, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "outline", children: "View details" }) }), _jsx(PopoverContent, { size: "sm", align: "center", children: _jsxs(PopoverHeader, { children: [_jsx(PopoverTitle, { children: "Local workspace" }), _jsx(PopoverDescription, { children: "Files and app data remain on this Mac." })] }) })] }) })),
+        },
+    ],
+};

package/dist/catalog/index.d.ts

@@ -0,0 +1,7 @@
+export { buildCatalogCases, createCatalogManifest, createCatalogSection, createCatalogStory, } from './catalog-manifest';
+export { assertCatalogCoverage, getCatalogCoverage, type CatalogCoverageExclusion, type CatalogCoverageReport, } from './catalog-coverage';
+export { CatalogCaseFrame, ComponentCatalog, type CatalogCaseFrameProps, type ComponentCatalogProps, } from './component-catalog';
+export { coreComponentCatalog } from './core-catalog';
+export { coreCatalogExclusions } from './core-catalog-exclusions';
+export { catalogAccessibilityModes, catalogDensities, catalogInteractions, catalogThemes, catalogViewports, type CatalogAccessibilityMode, type CatalogCase, type CatalogCaseContext, type CatalogCaseFilter, type CatalogDensity, type CatalogInteraction, type CatalogManifest, type CatalogSectionDefinition, type CatalogStoryDefinition, type CatalogTheme, type CatalogViewport, } from './catalog-types';
+//# sourceMappingURL=index.d.ts.map

package/dist/catalog/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/catalog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,qBAAqB,EACrB,kBAAkB,EAClB,KAAK,wBAAwB,EAC7B,KAAK,qBAAqB,GAC3B,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EAChB,KAAK,qBAAqB,EAC1B,KAAK,qBAAqB,GAC3B,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,EACL,yBAAyB,EACzB,gBAAgB,EAChB,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,EACtB,KAAK,cAAc,EACnB,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACpB,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC3B,KAAK,YAAY,EACjB,KAAK,eAAe,GACrB,MAAM,iBAAiB,CAAA"}

package/dist/catalog/index.js

@@ -0,0 +1,6 @@
+export { buildCatalogCases, createCatalogManifest, createCatalogSection, createCatalogStory, } from './catalog-manifest';
+export { assertCatalogCoverage, getCatalogCoverage, } from './catalog-coverage';
+export { CatalogCaseFrame, ComponentCatalog, } from './component-catalog';
+export { coreComponentCatalog } from './core-catalog';
+export { coreCatalogExclusions } from './core-catalog-exclusions';
+export { catalogAccessibilityModes, catalogDensities, catalogInteractions, catalogThemes, catalogViewports, } from './catalog-types';

package/dist/components/app-error-boundary.d.ts

@@ -11,6 +11,7 @@ interface AppErrorBoundaryState {
     source: AppErrorSource;
     componentStack: string | null;
 }
+export declare function isBenignRuntimeRejection(value: unknown): boolean;
 export declare class AppErrorBoundary extends Component<AppErrorBoundaryProps, AppErrorBoundaryState> {
     state: AppErrorBoundaryState;
     static getDerivedStateFromError(error: Error): Partial<AppErrorBoundaryState>;

package/dist/components/app-error-boundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-error-boundary.d.ts","sourceRoot":"","sources":["../../src/components/app-error-boundary.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjE,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAA;AAWzE,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IAC3B,aAAa,CAAC,EAAE,cAAc,CAAA;CAC/B;AAED,UAAU,qBAAqB;IAC7B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IACnB,MAAM,EAAE,cAAc,CAAA;IACtB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B;AAqDD,qBAAa,gBAAiB,SAAQ,SAAS,CAC7C,qBAAqB,EACrB,qBAAqB,CACtB;IACC,KAAK,EAAE,qBAAqB,CAAA;IAE5B,MAAM,CAAC,wBAAwB,CAC7B,KAAK,EAAE,KAAK,GACX,OAAO,CAAC,qBAAqB,CAAC;gBAIrB,KAAK,EAAE,qBAAqB;IASxC,iBAAiB,IAAI,IAAI;IAgBzB,oBAAoB,IAAI,IAAI;IAU5B,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI;IAWtD,OAAO,CAAC,iBAAiB,CAMxB;IAED,OAAO,CAAC,wBAAwB,CAK/B;IAED,OAAO,CAAC,MAAM,CAEb;IAED,OAAO,CAAC,WAAW,CAYlB;IAED,MAAM;CA8CP"}
+{"version":3,"file":"app-error-boundary.d.ts","sourceRoot":"","sources":["../../src/components/app-error-boundary.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjE,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,WAAW,CAAA;AAWzE,UAAU,qBAAqB;IAC7B,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,SAAS,CAAA;IACnB,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAA;IAC3B,aAAa,CAAC,EAAE,cAAc,CAAA;CAC/B;AAED,UAAU,qBAAqB;IAC7B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IACnB,MAAM,EAAE,cAAc,CAAA;IACtB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAA;CAC9B;AAaD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAWhE;AA0CD,qBAAa,gBAAiB,SAAQ,SAAS,CAC7C,qBAAqB,EACrB,qBAAqB,CACtB;IACC,KAAK,EAAE,qBAAqB,CAAA;IAE5B,MAAM,CAAC,wBAAwB,CAC7B,KAAK,EAAE,KAAK,GACX,OAAO,CAAC,qBAAqB,CAAC;gBAIrB,KAAK,EAAE,qBAAqB;IASxC,iBAAiB,IAAI,IAAI;IAgBzB,oBAAoB,IAAI,IAAI;IAU5B,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI;IAWtD,OAAO,CAAC,iBAAiB,CAMxB;IAED,OAAO,CAAC,wBAAwB,CAa/B;IAED,OAAO,CAAC,MAAM,CAEb;IAED,OAAO,CAAC,WAAW,CAYlB;IAED,MAAM;CA8CP"}

package/dist/components/app-error-boundary.js

@@ -15,6 +15,14 @@ function toError(value) {
         return new Error(String(value));
     }
 }
+export function isBenignRuntimeRejection(value) {
+    const error = toError(value);
+    const source = `${error.message}\n${error.stack ?? ''}`;
+    const fromViteClient = source.includes('/@vite/client');
+    const isHmrSocketClosure = /WebSocket closed without (?:being )?opened/i.test(error.message) ||
+        /WebSocket closed before (?:the )?connection was established/i.test(error.message);
+    return fromViteClient && isHmrSocketClosure;
+}
 function formatError(error, source, componentStack) {
     const parts = [`${error.name}: ${error.message}`];
     if (error.stack) {
@@ -79,6 +87,11 @@ export class AppErrorBoundary extends Component {
         reportClientErrorToMoldable(this.props.appName, error, 'window', null);
     };
     handleUnhandledRejection = (event) => {
+        if (isBenignRuntimeRejection(event.reason)) {
+            event.preventDefault();
+            console.info(`${this.props.appName} development connection restarted; waiting for Vite to reconnect.`);
+            return;
+        }
         const error = toError(event.reason);
         console.error(`${this.props.appName} unhandled promise rejection:`, error);
         this.setState({ error, source: 'promise', componentStack: null });

package/dist/components/chat/chat-image-lightbox.d.ts

@@ -0,0 +1,9 @@
+type ChatImageLightboxProps = {
+    src: string;
+    alt: string;
+    className?: string;
+    imageClassName?: string;
+};
+export declare function ChatImageLightbox({ src, alt, className, imageClassName, }: ChatImageLightboxProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=chat-image-lightbox.d.ts.map

package/dist/components/chat/chat-image-lightbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-image-lightbox.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-image-lightbox.tsx"],"names":[],"mappings":"AAMA,KAAK,sBAAsB,GAAG;IAC5B,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,GAAG,EACH,GAAG,EACH,SAAS,EACT,cAAc,GACf,EAAE,sBAAsB,2CA6BxB"}

package/dist/components/chat/chat-image-lightbox.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { cn } from '../../lib/utils';
+import { Dialog, DialogContent, DialogTitle } from '../ui/dialog';
+export function ChatImageLightbox({ src, alt, className, imageClassName, }) {
+    const [open, setOpen] = useState(false);
+    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: cn('focus-visible:ring-ring cursor-zoom-in overflow-hidden focus-visible:outline-none focus-visible:ring-2', className), onClick: () => setOpen(true), "aria-label": `View ${alt}`, children: _jsx("img", { src: src, alt: alt, className: imageClassName, draggable: false }) }), _jsx(Dialog, { open: open, onOpenChange: setOpen, children: _jsxs(DialogContent, { className: "h-[min(88vh,900px)] max-w-[min(92vw,1200px)] overflow-hidden border-0 bg-black/95 p-3 shadow-2xl [&_[data-slot=dialog-close]]:focus:outline-none [&_[data-slot=dialog-close]]:focus:ring-0 [&_[data-slot=dialog-close]]:focus:ring-offset-0 [&_[data-slot=dialog-close]]:focus-visible:outline-none [&_[data-slot=dialog-close]]:focus-visible:ring-0", children: [_jsx(DialogTitle, { className: "sr-only", children: alt }), _jsx("img", { src: src, alt: alt, className: "size-full object-contain", draggable: false })] }) })] }));
+}

package/dist/components/chat/chat-message.d.ts

@@ -1,6 +1,9 @@
 export type ChatMessagePart = {
     type: 'text';
     text: string;
+} | {
+    type: 'error';
+    text: string;
 } | {
     type: 'reasoning';
     text: string;
@@ -10,6 +13,7 @@ export type ChatMessagePart = {
     filename?: string;
     url: string;
     previewUrl?: string;
+    presentation?: 'thumbnail' | 'full';
 } | {
     type: 'tool-invocation';
     toolCallId?: string;
@@ -24,6 +28,17 @@ export type ChatMessagePart = {
 };
 export type ChatMessage = {
     id: string;
+    /** Stable persisted row identity. Semantic message IDs may be duplicated. */
+    storeSequence?: number;
+    /** Host-computed hash for targeted compare-and-swap replacement. */
+    storeHash?: string;
+    /** Opaque reference for a large persisted row omitted from a bounded page. */
+    contentRef?: {
+        hash: string;
+        serializedBytes: number;
+        mediaType?: string;
+        omitted: true;
+    };
     role: 'user' | 'assistant' | 'system';
     content?: string;
     parts?: ChatMessagePart[];
@@ -33,12 +48,15 @@ export type ChatMessage = {
         completedAtMs?: number;
     };
 };
+export declare function getChatMessageRenderKey(message: ChatMessage, legacyIndex: number): string;
 type MessageProps = {
     message: ChatMessage;
     isLast?: boolean;
     isStreaming?: boolean;
+    animateEntry?: boolean;
+    onRetryError?: () => void;
 };
-declare function PureMessage({ message, isLast, isStreaming, }: MessageProps): import("react/jsx-runtime").JSX.Element;
+declare function PureMessage({ message, isLast, isStreaming, animateEntry, onRetryError, }: MessageProps): import("react/jsx-runtime").JSX.Element;
 export declare const Message: import("react").MemoExoticComponent<typeof PureMessage>;
 export declare function ThinkingMessage(): import("react/jsx-runtime").JSX.Element;
 export declare function CompactingMessage(): import("react/jsx-runtime").JSX.Element;

package/dist/components/chat/chat-message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message.tsx"],"names":[],"mappings":"AA+BA,MAAM,MAAM,eAAe,GACvB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACnC;IACE,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,GACD;IACE,IAAI,EAAE,iBAAiB,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,QAAQ,CAAC,EAAE;QACT,EAAE,EAAE,MAAM,CAAA;QACV,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,CAAA;CACF,CAAA;AAEL,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAA;IACrC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,eAAe,EAAE,CAAA;IACzB,IAAI,CAAC,EAAE;QACL,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,aAAa,CAAC,EAAE,MAAM,CAAA;KACvB,CAAA;CACF,CAAA;AAED,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,WAAW,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAsvBD,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,MAAc,EACd,WAAmB,GACpB,EAAE,YAAY,2CAqgBd;AAED,eAAO,MAAM,OAAO,yDAAoB,CAAA;AAExC,wBAAgB,eAAe,4CAc9B;AAED,wBAAgB,iBAAiB,4CAkBhC"}
+{"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../../src/components/chat/chat-message.tsx"],"names":[],"mappings":"AAqCA,MAAM,MAAM,eAAe,GACvB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC9B;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GAC/B;IAAE,IAAI,EAAE,WAAW,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACnC;IACE,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,GAAG,EAAE,MAAM,CAAA;IACX,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;CACpC,GACD;IACE,IAAI,EAAE,iBAAiB,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,MAAM,CAAA;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB,QAAQ,CAAC,EAAE;QACT,EAAE,EAAE,MAAM,CAAA;QACV,QAAQ,CAAC,EAAE,OAAO,CAAA;KACnB,CAAA;CACF,CAAA;AAEL,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,EAAE,MAAM,CAAA;IACV,6EAA6E;IAC7E,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,8EAA8E;IAC9E,UAAU,CAAC,EAAE;QACX,IAAI,EAAE,MAAM,CAAA;QACZ,eAAe,EAAE,MAAM,CAAA;QACvB,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,OAAO,EAAE,IAAI,CAAA;KACd,CAAA;IACD,IAAI,EAAE,MAAM,GAAG,WAAW,GAAG,QAAQ,CAAA;IACrC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,eAAe,EAAE,CAAA;IACzB,IAAI,CAAC,EAAE;QACL,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,aAAa,CAAC,EAAE,MAAM,CAAA;KACvB,CAAA;CACF,CAAA;AAED,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,MAAM,GAClB,MAAM,CAIR;AAED,KAAK,YAAY,GAAG;IAClB,OAAO,EAAE,WAAW,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAwwBD,iBAAS,WAAW,CAAC,EACnB,OAAO,EACP,MAAc,EACd,WAAmB,EACnB,YAAmB,EACnB,YAAY,GACb,EAAE,YAAY,2CAwmBd;AAED,eAAO,MAAM,OAAO,yDAAoB,CAAA;AAExC,wBAAgB,eAAe,4CAc9B;AAED,wBAAgB,iBAAiB,4CAkBhC"}