@exponential_app/eui 0.2.1 → 0.4.0

package/dist/types/src/catalog.generated.d.ts

@@ -7,12 +7,12 @@ export declare const BASIC_VERSION = "v0.9";
 export declare const CATALOG_VERSION = "1";
 export declare const UNKNOWN_COMPONENT_NAME = "Unknown";
 /** Every component in source order (the hidden placeholder included). */
-export declare const COMPONENT_NAMES: readonly ["Box", "Stack", "Grid", "Card", "Separator", "List", "Resizable", "ScrollArea", "Sidebar", "SplitView", "AppBar", "Page", "Toolbar", "Section", "Group", "Text", "Heading", "Markdown", "CodeBlock", "Kbd", "Label", "Image", "Icon", "Video", "AudioPlayer", "Avatar", "QrCode", "Carousel", "Tabs", "Segmented", "Accordion", "Collapsible", "Trace", "TraceItem", "Plan", "Pagination", "Breadcrumb", "Stepper", "Dialog", "Drawer", "DockCard", "AlertDialog", "Popover", "Tooltip", "Menu", "Toast", "Badge", "Alert", "Chip", "EmptyState", "Progress", "Meter", "Ring", "Spinner", "Skeleton", "VoiceWave", "CallSurface", "Table", "Chart", "Sparkline", "StatTile", "Button", "Link", "Toggle", "Form", "FieldGroup", "FormActions", "Input", "Textarea", "NumberField", "Checkbox", "Radio", "ChoiceTiles", "Switch", "Slider", "Rating", "Select", "SearchList", "ChipInput", "DatePicker", "DateRangePicker", "TimePicker", "FileUpload", "QrScanner", "Composer", "Row", "MessageBubble", "TreeGuides", "Unknown"];
+export declare const COMPONENT_NAMES: readonly ["Box", "Stack", "Grid", "Card", "Separator", "List", "Resizable", "ScrollArea", "Sidebar", "SplitView", "AppBar", "Page", "Toolbar", "Section", "Group", "Text", "Heading", "Markdown", "CodeBlock", "Kbd", "Label", "Image", "ZoomableImage", "Icon", "Video", "AudioPlayer", "Avatar", "QrCode", "Carousel", "Mosaic", "Tabs", "Segmented", "Accordion", "Collapsible", "Trace", "TraceItem", "Plan", "Pagination", "Breadcrumb", "Outline", "Stepper", "Dialog", "Drawer", "DockCard", "AlertDialog", "Popover", "Tooltip", "Menu", "Toast", "Badge", "Alert", "Chip", "EmptyState", "Progress", "Meter", "Ring", "Spinner", "Skeleton", "VoiceWave", "CallSurface", "Table", "Chart", "Sparkline", "StatTile", "Button", "Link", "Toggle", "Form", "FieldGroup", "FormActions", "Input", "Textarea", "NumberField", "Checkbox", "Radio", "ChoiceTiles", "Switch", "Slider", "Rating", "Select", "SearchList", "ChipInput", "DatePicker", "DateRangePicker", "TimePicker", "FileUpload", "QrScanner", "Composer", "Row", "MessageBubble", "TreeGuides", "Unknown", "Motion"];
 export type ComponentName = (typeof COMPONENT_NAMES)[number];
-export declare const NATIVE_COMPONENTS: readonly ["Box", "List", "Resizable", "Text", "Markdown", "CodeBlock", "Image", "Icon", "Video", "AudioPlayer", "Avatar", "QrCode", "Carousel", "Tabs", "Segmented", "Accordion", "Dialog", "Drawer", "Popover", "Tooltip", "Menu", "Toast", "Ring", "Spinner", "Skeleton", "VoiceWave", "Table", "Chart", "Button", "Link", "Toggle", "Form", "Input", "Textarea", "NumberField", "Checkbox", "Radio", "ChoiceTiles", "Switch", "Slider", "Select", "SearchList", "ChipInput", "DatePicker", "DateRangePicker", "TimePicker", "FileUpload", "QrScanner", "Composer", "TreeGuides", "Unknown"];
-export declare const MACRO_COMPONENTS: readonly ["Stack", "Grid", "Card", "Separator", "ScrollArea", "Sidebar", "SplitView", "AppBar", "Page", "Toolbar", "Section", "Group", "Heading", "Kbd", "Label", "Collapsible", "Trace", "TraceItem", "Plan", "Pagination", "Breadcrumb", "Stepper", "DockCard", "AlertDialog", "Badge", "Alert", "Chip", "EmptyState", "Progress", "Meter", "CallSurface", "Sparkline", "StatTile", "FieldGroup", "FormActions", "Rating", "Row", "MessageBubble"];
+export declare const NATIVE_COMPONENTS: readonly ["Box", "List", "Resizable", "Text", "Markdown", "CodeBlock", "Image", "ZoomableImage", "Icon", "Video", "AudioPlayer", "Avatar", "QrCode", "Carousel", "Tabs", "Segmented", "Accordion", "Dialog", "Drawer", "Popover", "Tooltip", "Menu", "Toast", "Ring", "Spinner", "Skeleton", "VoiceWave", "Table", "Chart", "Button", "Link", "Toggle", "Form", "Input", "Textarea", "NumberField", "Checkbox", "Radio", "ChoiceTiles", "Switch", "Slider", "Select", "SearchList", "ChipInput", "DatePicker", "DateRangePicker", "TimePicker", "FileUpload", "QrScanner", "Composer", "TreeGuides", "Unknown", "Motion"];
+export declare const MACRO_COMPONENTS: readonly ["Stack", "Grid", "Card", "Separator", "ScrollArea", "Sidebar", "SplitView", "AppBar", "Page", "Toolbar", "Section", "Group", "Heading", "Kbd", "Label", "Mosaic", "Collapsible", "Trace", "TraceItem", "Plan", "Pagination", "Breadcrumb", "Outline", "Stepper", "DockCard", "AlertDialog", "Badge", "Alert", "Chip", "EmptyState", "Progress", "Meter", "CallSurface", "Sparkline", "StatTile", "FieldGroup", "FormActions", "Rating", "Row", "MessageBubble"];
 /** The core-lite subset (no overlays, media or Chart). */
-export declare const LITE_COMPONENTS: readonly ["Box", "Stack", "Grid", "Card", "Separator", "List", "Resizable", "ScrollArea", "Sidebar", "SplitView", "AppBar", "Page", "Toolbar", "Section", "Group", "Text", "Heading", "Markdown", "CodeBlock", "Kbd", "Label", "Icon", "Avatar", "Tabs", "Segmented", "Collapsible", "Trace", "TraceItem", "Plan", "Breadcrumb", "Stepper", "Badge", "Alert", "Chip", "EmptyState", "Progress", "Meter", "Ring", "Skeleton", "StatTile", "Button", "Link", "Form", "FieldGroup", "FormActions", "Input", "Textarea", "NumberField", "Checkbox", "Switch", "Rating", "Select", "SearchList", "ChipInput", "DatePicker", "DateRangePicker", "TimePicker", "FileUpload", "Composer", "Row", "MessageBubble"];
+export declare const LITE_COMPONENTS: readonly ["Box", "Stack", "Grid", "Card", "Separator", "List", "Resizable", "ScrollArea", "Sidebar", "SplitView", "AppBar", "Page", "Toolbar", "Section", "Group", "Text", "Heading", "Markdown", "CodeBlock", "Kbd", "Label", "Icon", "Avatar", "Tabs", "Segmented", "Collapsible", "Trace", "TraceItem", "Plan", "Breadcrumb", "Outline", "Stepper", "Badge", "Alert", "Chip", "EmptyState", "Progress", "Meter", "Ring", "Skeleton", "StatTile", "Button", "Link", "Form", "FieldGroup", "FormActions", "Input", "Textarea", "NumberField", "Checkbox", "Switch", "Rating", "Select", "SearchList", "ChipInput", "DatePicker", "DateRangePicker", "TimePicker", "FileUpload", "Composer", "Row", "MessageBubble", "Motion"];
 export declare const COMPONENT_GROUPS: Record<ComponentName, string>;
 /** The specimen id each component has on ui.exponential.at. */
 export declare const SPECIMEN_IDS: Record<ComponentName, string>;
@@ -67,6 +67,10 @@ export declare const ENUMS: {
     readonly voiceWaveVariant: readonly ["ring", "bars"];
     readonly qrLevel: readonly ["L", "M", "Q", "H"];
     readonly planState: readonly ["proposed", "running", "done", "declined"];
+    readonly zoomInitial: readonly ["auto", "fit", "fitWidth", "actual"];
+    readonly zoomControls: readonly ["auto", "always", "none"];
+    readonly motionDirection: readonly ["forward", "reverse", "alternate"];
+    readonly motionFit: readonly ["contain", "cover", "fill"];
 };
 export type VariantValue = (typeof ENUMS)["variant"][number];
 export type SizeValue = (typeof ENUMS)["size"][number];
@@ -118,6 +122,10 @@ export type CallStateValue = (typeof ENUMS)["callState"][number];
 export type VoiceWaveVariantValue = (typeof ENUMS)["voiceWaveVariant"][number];
 export type QrLevelValue = (typeof ENUMS)["qrLevel"][number];
 export type PlanStateValue = (typeof ENUMS)["planState"][number];
+export type ZoomInitialValue = (typeof ENUMS)["zoomInitial"][number];
+export type ZoomControlsValue = (typeof ENUMS)["zoomControls"][number];
+export type MotionDirectionValue = (typeof ENUMS)["motionDirection"][number];
+export type MotionFitValue = (typeof ENUMS)["motionFit"][number];
 /** Token NAMES by group (values come from a theme). */
 export declare const TOKEN_NAMES: {
     readonly color: readonly ["background", "foreground", "card", "cardForeground", "popover", "popoverForeground", "primary", "primaryForeground", "secondary", "secondaryForeground", "muted", "mutedForeground", "accent", "accentForeground", "destructive", "destructiveForeground", "success", "successForeground", "warning", "warningForeground", "info", "infoForeground", "border", "input", "ring", "chart1", "chart2", "chart3", "chart4", "chart5", "chart6", "chart7", "chart8"];
@@ -142,7 +150,7 @@ export type TokenGroup = keyof typeof TOKEN_NAMES;
 export declare const STYLE_KEY_NAMES: readonly ["display", "flexDirection", "flexWrap", "justifyContent", "alignItems", "alignContent", "alignSelf", "justifySelf", "flexGrow", "flexShrink", "flexBasis", "gap", "rowGap", "columnGap", "direction", "overflow", "overflowX", "overflowY", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight", "aspectRatio", "position", "top", "right", "bottom", "left", "inset", "insetInlineStart", "insetInlineEnd", "insetBlockStart", "insetBlockEnd", "padding", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "paddingHorizontal", "paddingVertical", "paddingInlineStart", "paddingInlineEnd", "margin", "marginTop", "marginRight", "marginBottom", "marginLeft", "marginHorizontal", "marginVertical", "marginInlineStart", "marginInlineEnd", "gridTemplateColumns", "gridTemplateRows", "gridTemplateAreas", "gridArea", "gridColumn", "gridRow", "backgroundColor", "backgroundGradient", "color", "borderWidth", "borderTopWidth", "borderRightWidth", "borderBottomWidth", "borderLeftWidth", "borderColor", "borderStyle", "borderRadius", "borderTopLeftRadius", "borderTopRightRadius", "borderBottomRightRadius", "borderBottomLeftRadius", "opacity", "boxShadow", "fontSize", "fontWeight", "lineHeight", "letterSpacing", "textAlign", "textDecoration", "textTransform", "fontStyle", "fontFamily", "transition", "transitionEasing", "transform", "visibility", "pointerEvents", "userSelect", "cursor", "backdropBlur", "animation", "animationDuration"];
 export declare const STYLE_STATE_NAMES: readonly [":hover", ":focus-visible", ":pressed"];
 /** The Icon prop's vocabulary: packages/icons/icons.json at generate time. */
-export declare const ICON_NAMES: readonly ["a-large-small", "action-chat", "action-create", "action-default", "action-repository", "action-run", "action-suggestion", "activity", "anchor", "app-editor-chat", "archive", "archive-restore", "arrow-down", "arrow-down-left", "arrow-left", "arrow-left-right", "arrow-right", "arrow-up-right", "at-sign", "atom", "audio-lines", "auth-passkey", "award", "ban", "bell", "bell-off", "bold", "book-open", "bookmark", "bot", "boxes", "braces", "brain", "briefcase", "brush-cleaning", "bug", "building", "building-2", "calculator", "calendar", "calendar-days", "call-end", "call-incoming", "call-mute", "call-speaker", "call-speaker-off", "call-unmute", "camera", "car", "chart-line", "check", "check-check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "chevrons-up-down", "circle", "circle-arrow-up", "circle-check", "circle-dashed", "circle-dot", "circle-question-mark", "circle-slash", "circle-stop", "circle-user", "circle-x", "clipboard-list", "clock", "cloud", "code", "coding-assistant", "coding-command", "coding-compact", "coding-diff", "coding-ended", "coding-in-review", "coding-needs-input", "coding-plan", "coding-running", "coding-stop", "coding-subagent", "coding-tool", "coffee", "compass", "computer", "copy", "corner-down-right", "cpu", "credit-card", "crown", "database", "download", "droplet", "dumbbell", "ear", "editor-bold", "editor-clear-formatting", "editor-code", "editor-emoji", "editor-heading-1", "editor-heading-2", "editor-heading-3", "editor-image", "editor-issue-ref", "editor-italic", "editor-link", "editor-list", "editor-list-ordered", "editor-list-todo", "editor-mention", "editor-quote", "editor-strikethrough", "editor-text", "editor-text-format", "editor-unlink", "ellipsis", "ellipsis-vertical", "event-assignee-changed", "event-board-moved", "event-estimate-changed", "event-label-added", "event-label-removed", "event-priority-changed", "event-relation-added", "event-relation-removed", "event-status-changed", "event-title-changed", "external-link", "eye", "eye-off", "fast-forward", "file", "file-diff", "file-pen-line", "file-text", "fingerprint", "flag", "flame", "flask-conical", "fold-vertical", "folder", "folder-kanban", "folder-open", "gamepad-2", "gauge", "gem", "gift", "git-branch", "git-merge", "git-pull-request", "github", "globe", "graduation-cap", "guide-changes", "hammer", "hand", "hard-drive", "hash", "heading-1", "heading-2", "heading-3", "headphones", "heart", "heart-off", "history", "hourglass", "house", "image", "images", "inbox", "info", "italic", "key", "landmark", "laptop", "layers", "layers-2", "layout-grid", "leaf", "lightbulb", "link", "link-2", "list", "list-checks", "list-end", "list-ordered", "list-todo", "list-tree", "loader-circle", "lock", "lock-open", "log-in", "log-out", "mail", "mail-open", "map", "map-pin", "maximize-2", "media-fast-forward", "media-rewind", "media-skip-next", "media-skip-previous", "media-volume-down", "media-volume-mute", "media-volume-off", "media-volume-up", "megaphone", "menu", "message-circle", "message-square", "message-square-plus", "message-square-reply", "mic", "mic-off", "microscope", "minimize-2", "minus", "monitor", "monitor-off", "moon", "mountain", "move", "music", "nav-account", "nav-actions", "nav-admin", "nav-apps", "nav-boards", "nav-changelog", "nav-computer", "nav-create-issue", "nav-devices", "nav-drafts", "nav-files", "nav-getting-started", "nav-inbox", "nav-issues", "nav-my-issues", "nav-notifications", "nav-rail-collapse", "nav-rail-expand", "nav-report-bug", "nav-search", "nav-settings", "nav-sign-out", "nav-source-control", "nav-team-switcher", "nav-terminal", "nav-threads", "newspaper", "notification-agent-message", "notification-issue-assigned", "notification-issue-comment", "notification-issue-created", "notification-issue-mention", "notification-issue-status-changed", "notification-mark-read", "notification-mute", "notification-pr-merged", "notification-pr-opened", "notification-reporter-reply", "notification-session-blocked", "os-apple", "os-linux", "os-windows", "package", "paintbrush", "palette", "panel-left-close", "panel-left-open", "paperclip", "pause", "pen-tool", "pencil", "phone", "phone-incoming", "phone-off", "pin", "pin-off", "plane", "play", "plug", "plus", "pr-batch", "pr-closed", "pr-draft", "pr-merged", "pr-open", "pr-stack", "printer", "priority-high", "priority-low", "priority-medium", "priority-none", "priority-urgent", "progress-1-4", "progress-1-5", "progress-2-4", "progress-2-5", "progress-3-4", "progress-3-5", "progress-4-5", "puzzle", "qr-code", "quote", "refresh-cw", "relation-blocked-by", "relation-blocks", "relation-duplicate", "relation-parent", "relation-related", "relation-section", "relation-sub-issue", "remove-formatting", "repeat", "rewind", "rocket", "rotate-ccw", "run-pause", "run-resume", "sc-push", "scale", "scan-line", "search", "search-x", "send", "server", "session-shell", "session-tree", "settings", "settings-about", "settings-account", "settings-agents", "settings-api", "settings-billing", "settings-boards", "settings-general", "settings-import", "settings-issues", "settings-labels", "settings-licenses", "settings-local-repos", "settings-mcp", "settings-members", "settings-notifications", "settings-rate", "settings-repositories", "settings-servers", "settings-sessions", "settings-statuses", "settings-storage", "settings-sync", "settings-tools", "settings-voice", "settings-widget", "share-2", "shield", "shield-check", "shield-question-mark", "shopping-bag", "shopping-cart", "signal-high", "signal-low", "signal-medium", "skip-back", "skip-forward", "sliders-horizontal", "smartphone", "smile", "sparkles", "square", "square-check", "square-kanban", "square-minus", "square-pen", "square-slash", "square-terminal", "star", "star-half", "star-off", "status-backlog", "status-cancelled", "status-done", "status-duplicate", "status-in-progress", "status-in-review", "status-todo", "stethoscope", "store", "strikethrough", "sun", "support-open", "support-resolved", "tag", "target", "terminal", "thread-stories", "tool-script", "trace-background", "trace-chevron", "trace-completed", "trace-edit", "trace-failed", "trace-fetch", "trace-read", "trace-reasoning", "trace-search", "trace-subagent", "trace-task-done", "trace-task-pending", "trace-task-running", "trace-terminal", "trace-todo", "trace-tool", "trash-2", "tree-pine", "triangle-alert", "trigger-event", "trigger-schedule", "trophy", "truck", "type", "ui-add", "ui-agent-source", "ui-archive", "ui-arrow-down", "ui-arrow-right", "ui-assignee", "ui-attach", "ui-avatar-placeholder", "ui-back", "ui-branch", "ui-check", "ui-checklist", "ui-chevron-down", "ui-chevron-left", "ui-chevron-right", "ui-chevron-up", "ui-clean", "ui-clear", "ui-clock", "ui-close", "ui-cloud", "ui-copy", "ui-delete", "ui-delete-account", "ui-device", "ui-device-default", "ui-device-offline", "ui-dock-side", "ui-docs", "ui-download", "ui-due-date", "ui-edit", "ui-empty-search", "ui-error", "ui-estimate", "ui-external-link", "ui-favorite-off", "ui-file", "ui-float", "ui-folder", "ui-folder-open", "ui-fullscreen", "ui-fullscreen-exit", "ui-github", "ui-help", "ui-hide", "ui-history", "ui-hold", "ui-icon-placeholder", "ui-indeterminate", "ui-info", "ui-invite", "ui-issue", "ui-link", "ui-loading", "ui-mail", "ui-mark-read", "ui-mark-unread", "ui-mcp", "ui-member", "ui-menu", "ui-minus", "ui-more", "ui-more-vertical", "ui-offline", "ui-organization", "ui-owner", "ui-permission", "ui-pin", "ui-print", "ui-private", "ui-properties", "ui-qr-code", "ui-queued", "ui-read", "ui-redock", "ui-refresh", "ui-remove-member", "ui-repeat", "ui-repository", "ui-scan", "ui-selected", "ui-selector", "ui-send", "ui-server", "ui-share", "ui-sign-in", "ui-sign-out", "ui-staging", "ui-star-half", "ui-star-off", "ui-stop", "ui-submit", "ui-subscribe", "ui-success", "ui-swap", "ui-team", "ui-unarchive", "ui-unassigned", "ui-undo", "ui-undock", "ui-unlock", "ui-unpin", "ui-unselected", "ui-unsubscribe", "ui-update", "ui-usage", "ui-warning", "ui-watch", "ui-widget", "undo-2", "unlink", "upload", "user", "user-minus", "user-plus", "user-x", "users", "video", "voice-call", "voice-level", "volume-1", "volume-2", "volume-off", "volume-x", "wallet", "wifi-off", "work-faces", "work-results", "workflow", "wrench", "x", "zap"];
+export declare const ICON_NAMES: readonly ["a-large-small", "action-chat", "action-create", "action-default", "action-repository", "action-run", "action-suggestion", "activity", "anchor", "app-editor-chat", "archive", "archive-restore", "arrow-down", "arrow-down-left", "arrow-left", "arrow-left-right", "arrow-right", "arrow-up-right", "at-sign", "atom", "audio-lines", "auth-passkey", "award", "ban", "bell", "bell-off", "bold", "book-open", "bookmark", "bot", "boxes", "braces", "brain", "briefcase", "brush-cleaning", "bug", "building", "building-2", "calculator", "calendar", "calendar-days", "call-end", "call-incoming", "call-mute", "call-speaker", "call-speaker-off", "call-unmute", "camera", "car", "chart-line", "check", "check-check", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "chevrons-up-down", "ci-failed", "ci-passed", "ci-queued", "ci-running", "ci-skipped", "circle", "circle-arrow-up", "circle-check", "circle-dashed", "circle-dot", "circle-question-mark", "circle-slash", "circle-stop", "circle-user", "circle-x", "clipboard-list", "clock", "cloud", "code", "coding-assistant", "coding-command", "coding-compact", "coding-diff", "coding-ended", "coding-in-review", "coding-needs-input", "coding-plan", "coding-running", "coding-stop", "coding-subagent", "coding-tool", "coffee", "compass", "computer", "copy", "corner-down-right", "cpu", "credit-card", "crown", "database", "download", "droplet", "dumbbell", "ear", "editor-bold", "editor-clear-formatting", "editor-code", "editor-emoji", "editor-heading-1", "editor-heading-2", "editor-heading-3", "editor-image", "editor-issue-ref", "editor-italic", "editor-link", "editor-list", "editor-list-ordered", "editor-list-todo", "editor-mention", "editor-quote", "editor-strikethrough", "editor-text", "editor-text-format", "editor-unlink", "ellipsis", "ellipsis-vertical", "event-assignee-changed", "event-board-moved", "event-estimate-changed", "event-label-added", "event-label-removed", "event-priority-changed", "event-relation-added", "event-relation-removed", "event-status-changed", "event-title-changed", "external-link", "eye", "eye-off", "fast-forward", "file", "file-diff", "file-pen-line", "file-text", "fingerprint", "flag", "flame", "flask-conical", "fold-vertical", "folder", "folder-kanban", "folder-open", "gamepad-2", "gauge", "gem", "gift", "git-branch", "git-merge", "git-pull-request", "github", "globe", "graduation-cap", "guide-changes", "hammer", "hand", "hard-drive", "hash", "heading-1", "heading-2", "heading-3", "headphones", "heart", "heart-off", "history", "hourglass", "house", "image", "images", "inbox", "info", "italic", "key", "landmark", "laptop", "layers", "layers-2", "layout-grid", "leaf", "lightbulb", "link", "link-2", "list", "list-checks", "list-end", "list-ordered", "list-todo", "list-tree", "loader-circle", "lock", "lock-open", "log-in", "log-out", "mail", "mail-open", "map", "map-pin", "maximize-2", "media-fast-forward", "media-rewind", "media-skip-next", "media-skip-previous", "media-volume-down", "media-volume-mute", "media-volume-off", "media-volume-up", "megaphone", "menu", "message-circle", "message-square", "message-square-plus", "message-square-reply", "mic", "mic-off", "microscope", "minimize-2", "minus", "monitor", "monitor-off", "moon", "mountain", "move", "music", "nav-account", "nav-actions", "nav-admin", "nav-apps", "nav-boards", "nav-changelog", "nav-computer", "nav-create-issue", "nav-devices", "nav-drafts", "nav-files", "nav-getting-started", "nav-inbox", "nav-issues", "nav-my-issues", "nav-notifications", "nav-rail-collapse", "nav-rail-expand", "nav-report-bug", "nav-search", "nav-settings", "nav-sign-out", "nav-source-control", "nav-team-switcher", "nav-terminal", "nav-threads", "newspaper", "notification-agent-message", "notification-agent-signed-out", "notification-issue-assigned", "notification-issue-comment", "notification-issue-created", "notification-issue-mention", "notification-issue-status-changed", "notification-mark-read", "notification-mute", "notification-pr-merged", "notification-pr-opened", "notification-reporter-reply", "notification-session-blocked", "os-apple", "os-linux", "os-windows", "package", "paintbrush", "palette", "panel-left-close", "panel-left-open", "paperclip", "pause", "pen-tool", "pencil", "phone", "phone-incoming", "phone-off", "pin", "pin-off", "plane", "play", "plug", "plus", "pr-batch", "pr-closed", "pr-draft", "pr-merged", "pr-open", "pr-stack", "printer", "priority-high", "priority-low", "priority-medium", "priority-none", "priority-urgent", "progress-1-4", "progress-1-5", "progress-2-4", "progress-2-5", "progress-3-4", "progress-3-5", "progress-4-5", "puzzle", "qr-code", "quote", "refresh-cw", "relation-blocked-by", "relation-blocks", "relation-duplicate", "relation-parent", "relation-related", "relation-section", "relation-sub-issue", "remove-formatting", "repeat", "rewind", "rocket", "rotate-ccw", "run-pause", "run-resume", "sc-push", "scale", "scan-line", "search", "search-x", "send", "server", "session-shell", "session-tree", "settings", "settings-about", "settings-account", "settings-agents", "settings-api", "settings-billing", "settings-boards", "settings-general", "settings-import", "settings-issues", "settings-labels", "settings-licenses", "settings-local-repos", "settings-mcp", "settings-members", "settings-notifications", "settings-rate", "settings-repositories", "settings-servers", "settings-sessions", "settings-statuses", "settings-storage", "settings-sync", "settings-tools", "settings-voice", "settings-widget", "share-2", "shield", "shield-check", "shield-question-mark", "shopping-bag", "shopping-cart", "signal-high", "signal-low", "signal-medium", "skip-back", "skip-forward", "sliders-horizontal", "smartphone", "smile", "sparkles", "square", "square-check", "square-kanban", "square-minus", "square-pen", "square-slash", "square-terminal", "star", "star-half", "star-off", "status-backlog", "status-cancelled", "status-done", "status-duplicate", "status-in-progress", "status-in-review", "status-todo", "stethoscope", "store", "strikethrough", "sun", "support-open", "support-resolved", "tag", "target", "terminal", "thread-stories", "tool-script", "trace-background", "trace-chevron", "trace-completed", "trace-edit", "trace-failed", "trace-fetch", "trace-read", "trace-reasoning", "trace-search", "trace-subagent", "trace-task-done", "trace-task-pending", "trace-task-running", "trace-terminal", "trace-todo", "trace-tool", "trash-2", "tree-pine", "triangle-alert", "trigger-event", "trigger-schedule", "trophy", "truck", "type", "ui-add", "ui-agent-source", "ui-archive", "ui-arrow-down", "ui-arrow-right", "ui-assignee", "ui-attach", "ui-avatar-placeholder", "ui-back", "ui-branch", "ui-check", "ui-checklist", "ui-chevron-down", "ui-chevron-left", "ui-chevron-right", "ui-chevron-up", "ui-clean", "ui-clear", "ui-clock", "ui-close", "ui-cloud", "ui-copy", "ui-delete", "ui-delete-account", "ui-device", "ui-device-default", "ui-device-offline", "ui-dock-side", "ui-docs", "ui-download", "ui-due-date", "ui-edit", "ui-empty-search", "ui-error", "ui-estimate", "ui-external-link", "ui-favorite-off", "ui-file", "ui-float", "ui-folder", "ui-folder-open", "ui-fullscreen", "ui-fullscreen-exit", "ui-github", "ui-help", "ui-hide", "ui-history", "ui-hold", "ui-icon-placeholder", "ui-indeterminate", "ui-info", "ui-invite", "ui-issue", "ui-link", "ui-loading", "ui-mail", "ui-mark-read", "ui-mark-unread", "ui-mcp", "ui-member", "ui-menu", "ui-minus", "ui-more", "ui-more-vertical", "ui-offline", "ui-organization", "ui-owner", "ui-permission", "ui-pin", "ui-print", "ui-private", "ui-properties", "ui-qr-code", "ui-queued", "ui-read", "ui-redock", "ui-refresh", "ui-remove-member", "ui-repeat", "ui-repository", "ui-scan", "ui-selected", "ui-selector", "ui-send", "ui-server", "ui-share", "ui-sign-in", "ui-sign-out", "ui-staging", "ui-star-half", "ui-star-off", "ui-stop", "ui-submit", "ui-subscribe", "ui-success", "ui-swap", "ui-team", "ui-unarchive", "ui-unassigned", "ui-undo", "ui-undock", "ui-unlock", "ui-unpin", "ui-unselected", "ui-unsubscribe", "ui-update", "ui-usage", "ui-warning", "ui-watch", "ui-widget", "undo-2", "unlink", "upload", "user", "user-minus", "user-plus", "user-x", "users", "video", "voice-call", "voice-level", "volume-1", "volume-2", "volume-off", "volume-x", "wallet", "wifi-off", "work-faces", "work-results", "workflow", "wrench", "x", "zap"];
 export declare const FUNCTION_NAMES: readonly ["required", "regex", "length", "numeric", "email", "formatString", "formatNumber", "formatCurrency", "formatDate", "pluralize", "openUrl", "and", "or", "not", "percent", "add", "sub", "eq", "lt", "clamp", "cond", "fallback", "concat", "coalesce", "text", "map", "len", "fill", "set", "formatPercent", "formatRelativeTime", "filter", "bind"];
 /** VAPP-108: the typed authoring surface (src/define.ts). A ~ prop also
  *  takes a binding or a call, a ^ prop a per-breakpoint object. */
@@ -228,6 +236,7 @@ export interface Shapes {
         sortable?: boolean;
         currency?: string;
         decimals?: number;
+        truncate?: boolean;
     };
     sort: {
         key: string;
@@ -250,6 +259,15 @@ export interface Shapes {
         icon?: IconName;
         status?: TraceStatusValue;
     };
+    outlineItem: {
+        id: string;
+        title: string | Dynamic;
+        count?: number | Dynamic;
+    };
+    picture: {
+        src: string;
+        alt?: string;
+    };
 }
 /** Every component's props, by name. */
 export interface ComponentProps {
@@ -391,6 +409,17 @@ export interface ComponentProps {
         focalY?: number;
         style?: Style;
     };
+    ZoomableImage: {
+        src: string | Dynamic;
+        alt: string | Dynamic;
+        naturalWidth?: number;
+        naturalHeight?: number;
+        initial?: ZoomInitialValue;
+        maxScale?: number;
+        controls?: ZoomControlsValue;
+        scale?: number | Dynamic;
+        style?: Style;
+    };
     Icon: {
         name: IconName | Dynamic;
         size?: ControlSizeValue;
@@ -426,6 +455,12 @@ export interface ComponentProps {
         page?: number | Dynamic;
         loop?: boolean;
         indicators?: boolean;
+        counter?: boolean;
+        thumbnails?: string[];
+    };
+    Mosaic: {
+        pictures: Shapes["picture"][];
+        label?: string;
     };
     Tabs: {
         tabs: Shapes["tab"][];
@@ -482,6 +517,11 @@ export interface ComponentProps {
     Breadcrumb: {
         items: Shapes["option"][];
     };
+    Outline: {
+        items: Shapes["outlineItem"][];
+        value?: string | Dynamic;
+        caption?: string;
+    };
     Stepper: {
         steps: Shapes["step"][];
         current?: number | Dynamic;
@@ -896,6 +936,32 @@ export interface ComponentProps {
         component: string;
         catalogId?: string;
     };
+    Motion: {
+        layers?: Record<string, unknown>[];
+        size?: number[];
+        duration?: number;
+        fps?: number;
+        assets?: Record<string, unknown>;
+        markers?: Record<string, unknown>[];
+        lottie?: Record<string, unknown>;
+        src?: string;
+        autoplay?: boolean;
+        loop?: boolean;
+        plays?: number;
+        direction?: MotionDirectionValue;
+        speed?: number;
+        segment?: number[];
+        marker?: string;
+        progress?: number | Dynamic;
+        play?: boolean | Dynamic;
+        poster?: number;
+        fit?: MotionFitValue;
+        slots?: Record<string, unknown>;
+        stateMachine?: Record<string, unknown>;
+        inputs?: Record<string, unknown> | Dynamic;
+        label?: string;
+        style?: Style;
+    };
 }
 /** A2UI basic component → core component. */
 export declare const BASIC_COMPONENT_MAP: Record<string, string>;

package/dist/types/src/host/contract.d.ts

@@ -84,6 +84,23 @@ export declare const HOST_CONTRACT: {
             transports: string[];
             functionPrefix: string;
         };
+        exposes: {
+            $comment: string;
+            limits: {
+                namePattern: string;
+                nameMax: number;
+                titleMax: number;
+                descriptionMax: number;
+                maxTools: number;
+                separator: string;
+            };
+            runKinds: string[];
+            recordOps: string[];
+            readRecordOps: string[];
+            readOpWords: string[];
+            destructiveWords: string[];
+            actionPattern: string;
+        };
         extensions: {
             $comment: string;
             versionPattern: string;

package/dist/types/src/host/exposes.d.ts

@@ -0,0 +1,68 @@
+import type { PackageIssue } from "./package.js";
+export declare const EXPOSES_LIMITS: {
+    namePattern: string;
+    nameMax: number;
+    titleMax: number;
+    descriptionMax: number;
+    maxTools: number;
+    separator: string;
+};
+export declare const EXPOSE_RUN_KINDS: readonly string[];
+export type ExposeAccess = `read` | `write`;
+export interface PackageExpose {
+    /** `^[a-z][a-z0-9_]*$`, at most `limits.nameMax`, never `__`. */
+    name: string;
+    title: string;
+    description: string;
+    /** A JSON Schema of `type: "object"`: the tool's inputSchema. */
+    input: {
+        type: `object`;
+        properties?: Record<string, unknown>;
+        required?: string[];
+    };
+    access: ExposeAccess;
+    /** Exactly one of `records`, `action`, `upstream`; every string may hold
+     *  `${input.<path>}` templates. */
+    run: {
+        records: {
+            op: `list` | `get` | `upsert`;
+            kind: string;
+            id?: unknown;
+            where?: Record<string, unknown>;
+            data?: Record<string, unknown>;
+            limit?: unknown;
+        };
+    } | {
+        action: string;
+        args?: Record<string, unknown>;
+    } | {
+        upstream: string;
+        tool: string;
+        args?: Record<string, unknown>;
+    };
+}
+/** One problem with a binding: the eMCP error `code` (`fixtures/exposes.json`
+ *  `errors`), the binding's `index` (null = the list) and the package issue. */
+export interface ExposeIssue extends PackageIssue {
+    index: number | null;
+    code: string;
+}
+/** The input paths a run's templates name (`${input.a.b}` → `a.b`), in
+ *  document order. */
+export declare function exposeTemplatePaths(value: unknown): string[];
+/** An action reads when the last word of its name is a read word
+ *  (`exponential.issues.list`); a verb writes. */
+export declare function exposeActionAccess(action: string): ExposeAccess;
+/** A tool or action name holding a destructive word (delete, merge, close,
+ *  end, remove, trash) is never exposed. */
+export declare function exposeNameDestructive(name: string): boolean;
+/** Every problem with a package's `upstreams`: the team MCP server names
+ *  its upstream bindings may call. */
+export declare function validateUpstreams(upstreams: unknown): PackageIssue[];
+/** Every problem with a package's `exposes`, in binding order, with its
+ *  eMCP code. `records` and `upstreams` = the package's (a binding reads
+ *  only its own kinds and calls only its own upstreams). */
+export declare function exposeIssues(exposes: unknown, records: unknown, upstreams: unknown): ExposeIssue[];
+/** Every problem with a package's `exposes` (`exposeIssues` as package
+ *  issues). */
+export declare function validatePackageExposes(exposes: unknown, records: unknown, upstreams: unknown): PackageIssue[];

package/dist/types/src/host/index.d.ts

@@ -6,6 +6,7 @@ export * from "./package.js";
 export * from "./records.js";
 export * from "./record-store.js";
 export * from "./tools.js";
+export * from "./exposes.js";
 export * from "./signature.js";
 export { HostRouter, normalizePath } from "./router.js";
 export type { HostRouterOptions, SurfaceInfo } from "./router.js";

package/dist/types/src/host/package.d.ts

@@ -2,6 +2,7 @@ import type { FlatComponent } from "../types.js";
 import type { ServerMessage } from "./contract.js";
 import type { RecordKind } from "./records.js";
 import type { PackageTool } from "./tools.js";
+import type { PackageExpose } from "./exposes.js";
 /** VAPP-161: the package format version this host reads
  *  (catalog/host.json `package.formatVersion`; docs/package-format.md).
  *  A package without `formatVersion` is version 1; every version-1
@@ -56,6 +57,13 @@ export interface AppPackage {
     tools?: Record<string, PackageTool>;
     /** VAPP-161: the extension catalogs it needs beyond `catalogId`. */
     extensions?: PackageExtension[];
+    /** VAPP-180: the MCP tools it exposes to a host's MCP broker
+     *  (`host/exposes.ts`): declarative bindings over its records, the host's
+     *  actions or its upstreams, run as the calling person. */
+    exposes?: PackageExpose[];
+    /** VAPP-180: the MCP server names (the host's, e.g. a team's servers) its
+     *  `upstream` bindings call. */
+    upstreams?: string[];
 }
 /** VAPP-161: an extension catalog a package needs: its id, the minimum
  *  `MAJOR.MINOR.PATCH` (caret) and the components it uses from it. */

package/dist/types/src/index.d.ts

@@ -14,6 +14,8 @@ export { displayString, englishFormatter, intlFormatter, formatFunctions, format
 export type { Formatter, NumberOptions, DateOptions, DateStyle, PluralCategory, RelativeUnit, ZoneOffset } from "./format.js";
 export { templateItemKeys, tableRowKeys, templateInstances, itemExtents, itemOffsets, virtualWindow, scrollOffsetForIndex, scrollOffsetForItem, instanceSegment, listSections, sectionRows, stickyHeader, templateBudget, templateSiteKey, WINDOW_OVERSCAN } from "./list.js";
 export type { TemplateInstance, TemplateBudget, WindowRange, ScrollAlign, ListSection } from "./list.js";
+export { ZOOM, zoomIsTall, zoomFitScale, zoomLimits, zoomRestScale, zoomRestView, zoomClamp, zoomAtRest, zoomTo, zoomCentre, zoomWheelFactor, zoomWheel, zoomScroll, zoomLadder, zoomStepScale, zoomStep, zoomDoubleTapScale, zoomDoubleTap, zoomKey, zoomRubberBand, zoomDrag, zoomPinch, zoomMomentum, zoomMomentumActive, zoomPanRoom, zoomResize, zoomPercent, zoomMenu, zoomBounds, } from "./zoom.js";
+export type { ZoomFrame, ZoomInitial, ZoomMenuItem, ZoomPoint, ZoomSize, ZoomView, WheelDeltaMode } from "./zoom.js";
 export { normalizeSizes, resizePanels, keyboardResize, panelExtents, dragDelta, RESIZE_STEP, PANEL_MIN, RESIZE_HANDLE_HIT } from "./resizable.js";
 export type { PanelLimits, ResizeKey } from "./resizable.js";
 export { nodeDirections, physicalTextAlign, nodeTextAlign } from "./direction.js";

package/dist/types/src/layout.d.ts

@@ -18,3 +18,5 @@ export declare const SKELETON_OPACITY_LOW: number;
 export declare const SKELETON_OPACITY_HIGH: number;
 export declare const SKELETON_REDUCED_OPACITY: number;
 export declare const SEARCH_LIST_FADE: number;
+/** EXP-1548: the narrowest a Table column without a `width` gets; a wider table scrolls. */
+export declare const TABLE_COLUMN_MIN: number;

package/dist/types/src/limits.d.ts

@@ -1,3 +1,4 @@
+/** The surface limits (numbers; sections such as `motion` are their own). */
 export declare const LIMITS: Readonly<Record<string, number>>;
 /** Nodes the reducer places in one surface's tree (template nodes included). */
 export declare const MAX_COMPONENTS: number;

package/dist/types/src/motion/index.d.ts

@@ -0,0 +1 @@
+export * from "./wasm.js";

package/dist/types/src/motion/server.d.ts

@@ -0,0 +1,9 @@
+import { type MotionBindings } from "./wasm.js";
+/** Servers and tests: instantiate synchronously from the embedded module. */
+export declare function motionWasmSync(): MotionBindings;
+/** The dialect fields a Motion node carries inline (its props are the document). */
+export declare const MOTION_DIALECT_KEYS: readonly ["size", "fps", "duration", "start", "time", "name", "layers", "assets", "markers", "lottie"];
+/** Problems with one Motion node's props (empty = accepted). */
+export declare function motionPropsProblems(props: Record<string, unknown>): string[];
+/** Compile a Motion node's inline dialect to Lottie (null when it has none or it fails). */
+export declare function compileMotionProps(props: Record<string, unknown>): unknown | null;

package/dist/types/src/motion/wasm.d.ts

@@ -0,0 +1,11 @@
+import * as bindings from "../../wasm/motion/eui_motion_wasm.js";
+export type MotionIssue = {
+    code: string;
+    path: string;
+    message: string;
+};
+export type MotionBindings = typeof bindings;
+/** Instantiate synchronously from the module bytes (servers: `./server`). */
+export declare function initMotionWasm(bytes: BufferSource): MotionBindings;
+/** Browsers: fetch and instantiate once (`url` = where the host serves the .wasm). */
+export declare function loadMotionWasm(url?: string | URL): Promise<MotionBindings>;

package/dist/types/src/web/coerce.d.ts

@@ -13,6 +13,9 @@ export declare function phrase(ctx: {
     strings: Readonly<Record<string, string>>;
     t: (id: string, params?: Record<string, unknown>) => string;
 }, id: string, params: Record<string, unknown>, fallback: () => string): string;
+/** EXP-1556: a media position as `m:ss` / `h:mm:ss` (desktop's
+ *  `fmt_duration`, the Video and AudioPlayer clocks ×4). */
+export declare function mediaClock(ms: number): string;
 /** A byte count in the surface locale with a LOCALIZED unit (1024 steps,
  *  `Intl.NumberFormat` `style: "unit"`, e.g. `1,5 kB` / `١٫٥ ك.بايت`). */
 export declare function formatFileSize(bytes: number, locale: string): string;

package/dist/types/src/web/focus.d.ts

@@ -0,0 +1,8 @@
+export declare const QUIET_FOCUS_ATTR = "data-xui-quiet-focus";
+/** Where an opening overlay's focus goes: the marked part, else the
+ *  AlertDialog's cancel, else the first tabbable (links excluded, as Radix). */
+export declare function openFocusTarget(content: HTMLElement): HTMLElement | null;
+/** An overlay's open-autofocus handler, shared by every web renderer: it
+ *  takes the focus over (`preventDefault`) and moves it to
+ *  `openFocusTarget`, quietly unless the keyboard opened the overlay. */
+export declare function overlayOpenFocus(e: Event): void;

package/dist/types/src/web/index.d.ts

@@ -3,6 +3,7 @@ export type { CompiledTheme } from "./theme-css.js";
 export { nodeSheet, compileNodeSheet, nodeSheetBatches, dynamicStyleEntries, queryToken, nodeClass, surfaceClass, walkNodes, cssEscape, resolvedMediaKey, styleDirection } from "./box-css.js";
 export type { NodeSheet, NodeSheetBatch, DynamicStyleEntry } from "./box-css.js";
 export { BASE_CSS } from "./base-css.js";
+export { QUIET_FOCUS_ATTR, openFocusTarget, overlayOpenFocus } from "./focus.js";
 export { getPointer, setPointer, pointerTokens, absolutePath, resolveValue, resolveProps, resolveNodeProps, resolveVisible, resolveAccessibility, ariaAttributes, bindTree, boundPath, hostPath, isBinding, isCall, hasDynamic, memoFormatter, formatterOf, viewOf, CLIENT_FUNCTIONS, LITERAL_ROWS_ROOT } from "./data.js";
 export type { DataModel, DataBinding, FunctionCall, ClientFunction, ResolveContext } from "./data.js";
 export { linkHref, mediaRequestOf, mediaUrlAllowed, openAllowed, ownPrivateHosts, urlPolicyOf } from "./urls.js";
@@ -10,8 +11,8 @@ export { lookupIcon } from "./host-types.js";
 export { CUSTOM_ICON_NODES } from "./custom-icons.generated.js";
 export type { CustomIconNode } from "./custom-icons.generated.js";
 export type { HostPlugin, AnyHostPlugin, IconMap, PaintError, SourceOption, SurfaceActionEvent, SurfaceInputEvent } from "./host-types.js";
-export { str, num, bool, arr, objects, phrase, formatFileSize, acceptsFile, failingChecks, failingCheck, builtinIconName, joinIds } from "./coerce.js";
-export { sortRows } from "./table.js";
+export { str, num, bool, arr, objects, phrase, formatFileSize, mediaClock, acceptsFile, failingChecks, failingCheck, builtinIconName, joinIds } from "./coerce.js";
+export { sortRows, tableMinWidth, tableTemplate } from "./table.js";
 export type { TableColumn, TableSort } from "./table.js";
 export { isoDate, parseIsoDate, addDays, addMonths, sameDay, monthGrid, calendarStop } from "./dates.js";
 export { DEBOUNCE_MS, HostOwnedController, parseLocaleNumber } from "./inputs.js";
@@ -31,5 +32,7 @@ export type { TypeaheadBuffer } from "./listbox.js";
 export { PLACED, placedPartId } from "./parts.js";
 export { share } from "./share.js";
 export { voiceWaveAnimates, voiceWaveClock, voiceWaveFitChild, voiceWaveName } from "./primitives/voice-wave.js";
+export { MotionView, MotionStateDriver, motionA11y, motionBoxStyle, motionCanPaint, motionDeclaredSize, motionDotLottie, motionFit, motionFromDotLottie, motionThemeSlots, paintMotionFrame, motionFitMatrix, motionConcat, motionFrameSize, MotionCanvasPool, MOTION_MAX_PLAYING, MOTION_MAX_FPS } from "./primitives/motion.js";
+export type { MotionEnv, MotionEmit, MotionEvent, MotionMachinePlayer, MotionFit, MotionMatrix } from "./primitives/motion.js";
 export { qrPaint, qrScanReporter, qrScanFormats, qrCornerPath, qrFeedColour, QR_CORNERS, QR_SCANNER, segmentedBadge, ButtonHold, HOLD_SLOP, withinSlop } from "./round5.js";
 export type { QrPaint, QrScannerHost, QrCorner, HoldEvent, HoldRect } from "./round5.js";

package/dist/types/src/web/primitives/carousel.d.ts

@@ -0,0 +1,17 @@
+export declare const CAROUSEL_GEOMETRY: {
+    readonly thumbnail: 52;
+    readonly ring: 2;
+    readonly thumbnailGap: 8;
+    readonly counterInset: 8;
+};
+/** The counter's text: `i / n` (1-based). */
+export declare function carouselCounterText(page: number, total: number): string;
+export declare const CAROUSEL_CLASSES: {
+    /** The pill over the slide; its parent is `relative`. */
+    readonly counter: "pointer-events-none absolute end-2 top-2 z-10 rounded-full bg-black/55 px-2 text-xs leading-5 font-medium text-white tabular-nums";
+    /** The filmstrip: one row, scrolling sideways when it overflows. */
+    readonly thumbnails: "flex flex-row gap-[8px] overflow-x-auto pt-2 [scrollbar-width:none]";
+    /** One thumbnail: a button; the current one `data-current=true`. */
+    readonly thumbnail: "relative size-[52px] shrink-0 cursor-pointer overflow-hidden rounded-md border-2 border-transparent bg-muted p-0 opacity-70 outline-none transition-opacity duration-fast hover:opacity-100 focus-visible:ring-[3px] focus-visible:ring-ring/50 data-[current=true]:border-foreground data-[current=true]:opacity-100";
+    readonly thumbnailImage: "size-full object-cover";
+};

package/dist/types/src/web/primitives/dock.d.ts

@@ -12,8 +12,11 @@ export declare const DOCK_CARD_CLASSES: {
     readonly icon: "mt-0.5 size-3.5 shrink-0";
     readonly text: "min-w-0 flex-1";
     readonly header: "mb-1 flex items-center gap-2";
-    readonly label: "truncate text-xs font-medium";
-    readonly caption: "min-w-0 truncate text-xs text-muted-foreground";
+    /** The label never shrinks (a weighted shrink still clipped "Plan
+     *  ready" by a pixel on phones); the caption takes only the leftover
+     *  width (iOS `layoutPriority`, Android the caption's `weight(fill = false)`). */
+    readonly label: "max-w-full shrink-0 truncate text-xs font-medium";
+    readonly caption: "min-w-0 flex-1 basis-0 truncate text-xs text-muted-foreground";
     readonly meta: "ml-auto shrink-0 text-xs text-muted-foreground";
     readonly row: "flex min-w-0 items-center gap-2";
     readonly title: "min-w-0 flex-1 truncate text-sm text-foreground/90";

package/dist/types/src/web/primitives/index.d.ts

@@ -7,6 +7,7 @@ export * from "./breadcrumb.js";
 export * from "./button.js";
 export * from "./calendar.js";
 export * from "./card.js";
+export * from "./carousel.js";
 export * from "./checkbox.js";
 export * from "./choice-tiles.js";
 export * from "./cn.js";
@@ -28,6 +29,8 @@ export * from "./kbd.js";
 export * from "./label.js";
 export * from "./menu-surface.js";
 export * from "./meter.js";
+export * from "./mosaic.js";
+export * from "./outline.js";
 export * from "./popover.js";
 export * from "./progress-ring.js";
 export * from "./progress.js";
@@ -48,3 +51,5 @@ export * from "./tooltip.js";
 export * from "./truncate.js";
 export * from "./typeahead-portal.js";
 export * from "./voice-wave.js";
+export * from "./zoomable-image.js";
+export * from "./motion.js";

package/dist/types/src/web/primitives/mosaic.d.ts

@@ -0,0 +1,30 @@
+export declare const MOSAIC_GEOMETRY: {
+    readonly gap: 10;
+    readonly largeFraction: 0.6;
+    readonly aspect: 1.6;
+    readonly radius: 10;
+};
+export type MosaicTileSize = `large` | `half` | `small`;
+export interface MosaicTile {
+    index: number;
+    size: MosaicTileSize;
+    /** The pictures past the third: "+N" over this tile (0 = none). */
+    more: number;
+}
+/** The tiles a group of `count` pictures draws. */
+export declare function mosaicTiles(count: number): MosaicTile[];
+export declare const MOSAIC_CLASSES: {
+    /** The group: `aspect` w/h, a row of the lead tile(s) and the side column. */
+    readonly root: "flex aspect-[1.6] w-full min-w-0 flex-row gap-[10px]";
+    /** The right column of the 3+ layout: the two small tiles stacked. */
+    readonly side: "flex min-w-0 flex-1 flex-col gap-[10px]";
+    /** One tile: a button holding its picture; `data-size` = the tile size. */
+    readonly tile: "relative min-h-0 min-w-0 cursor-pointer overflow-hidden rounded-[10px] border border-glass-stroke-card bg-muted p-0 outline-none transition-opacity duration-fast hover:opacity-90 focus-visible:ring-[3px] focus-visible:ring-ring/50";
+    /** A tile that shares its row or column equally (1, 2, the small two). */
+    readonly fill: "flex-1";
+    /** The large tile beside the side column: `largeFraction` of the width. */
+    readonly lead: "shrink-0 grow-0 basis-[60%]";
+    readonly image: "absolute inset-0 size-full object-cover";
+    /** The "+N" scrim over the last tile. */
+    readonly more: "pointer-events-none absolute inset-0 flex items-center justify-center bg-black/55 text-xl font-semibold text-white";
+};

package/dist/types/src/web/primitives/motion-paint.d.ts

@@ -0,0 +1,36 @@
+export type MotionMatrix = readonly [number, number, number, number, number, number];
+export type MotionFit = `contain` | `cover` | `fill`;
+/** A canvas a group paints into (OffscreenCanvas where there is one). */
+export type MotionCanvas = HTMLCanvasElement | OffscreenCanvas;
+export type MotionContext = CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D;
+export type MotionImageSource = CanvasImageSource & {
+    width: number;
+    height: number;
+};
+export declare const MOTION_PACKED_VERSION = 1;
+/** The fit transform of a `cw × ch` composition into a `bw × bh` box
+ *  (contain = centred, cover = centred and overflowing, fill = stretched). */
+export declare function motionFitMatrix(cw: number, ch: number, bw: number, bh: number, fit?: MotionFit): MotionMatrix;
+/** `a ∘ b` (b applied first). */
+export declare function motionConcat(a: MotionMatrix, b: MotionMatrix): MotionMatrix;
+/** The composition size a packed frame declares. */
+export declare function motionFrameSize(packed: ArrayLike<number>): {
+    width: number;
+    height: number;
+};
+/** Reuses group canvases across frames (one painter instance per Motion). */
+export declare class MotionCanvasPool {
+    private readonly make;
+    private free;
+    constructor(make?: (w: number, h: number) => MotionCanvas | null);
+    take(w: number, h: number): {
+        canvas: MotionCanvas;
+        ctx: MotionContext;
+    } | null;
+    give(c: MotionCanvas): void;
+}
+/** Paint one packed frame into `ctx` (a `width × height` px canvas, cleared
+ *  first) under `base` (the fit transform × devicePixelRatio). `images` =
+ *  the decoded assets in `MotionPlayer.images()` order (null while
+ *  loading: skipped). Returns false when the stream is not a v1 frame. */
+export declare function paintMotionFrame(ctx: MotionContext, width: number, height: number, packed: ArrayLike<number>, base: MotionMatrix, images?: readonly (MotionImageSource | null | undefined)[], pool?: MotionCanvasPool): boolean;