npm - @lumeo-ui/mcp-server - Versions diffs - 3.6.0 → 3.6.1 - Mend

@lumeo-ui/mcp-server 3.6.0 → 3.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/src/registry.json CHANGED Viewed

@@ -1,14 +1,14 @@
 {
   "$schema": "https://lumeo.nativ.sh/registry-schema.json",
-  "version": "3.6.0",
-  "generated": "2026-05-28T15:34:30.4827448Z",
+  "version": "3.6.1",
+  "generated": "2026-05-29T06:23:16.8453814Z",
   "components": {
     "accordion": {
       "name": "Accordion",
       "category": "Navigation",
       "subcategory": null,
       "description": "Vertically stacked collapsible sections that expand to reveal content.",
-      "thumbnail": "/preview-cards/accordion.png",
+      "thumbnail": "/preview-cards/accordion.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -36,7 +36,7 @@
       "category": "Navigation",
       "subcategory": null,
       "description": "Pins an element to the viewport edge as the user scrolls.",
-      "thumbnail": "/preview-cards/affix.png",
+      "thumbnail": "/preview-cards/affix.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -55,7 +55,7 @@
       "category": "AI",
       "subcategory": null,
       "description": "Chat message stream for AI agents with role-based styling.",
-      "thumbnail": "/preview-cards/agent-message-list.png",
+      "thumbnail": "/preview-cards/agent-message-list.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -80,7 +80,7 @@
       "category": "Feedback",
       "subcategory": null,
       "description": "Inline callout for status, warning, or informational messages.",
-      "thumbnail": "/preview-cards/alert.png",
+      "thumbnail": "/preview-cards/alert.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -107,7 +107,7 @@
       "category": "Overlay",
       "subcategory": null,
       "description": "Modal confirmation dialog that interrupts the user for destructive actions.",
-      "thumbnail": "/preview-cards/alert-dialog.png",
+      "thumbnail": "/preview-cards/alert-dialog.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -144,7 +144,7 @@
       "category": "Motion",
       "subcategory": null,
       "description": "SVG beam that traces an animated gradient path between two DOM elements.",
-      "thumbnail": "/preview-cards/animated-beam.png",
+      "thumbnail": "/preview-cards/animated-beam.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.Motion",
       "files": [
@@ -163,7 +163,7 @@
       "category": "Navigation",
       "subcategory": null,
       "description": "Top application bar with start, center, and end slots; sticky and elevated variants.",
-      "thumbnail": "/preview-cards/app-bar.png",
+      "thumbnail": "/preview-cards/app-bar.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -184,7 +184,7 @@
       "category": "Layout",
       "subcategory": null,
       "description": "Constrains child content to a fixed width-to-height ratio.",
-      "thumbnail": "/preview-cards/aspect-ratio.png",
+      "thumbnail": "/preview-cards/aspect-ratio.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -203,7 +203,7 @@
       "category": "Utility",
       "subcategory": null,
       "description": "Audio Player component.",
-      "thumbnail": "/preview-cards/audio-player.png",
+      "thumbnail": "/preview-cards/audio-player.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -235,7 +235,7 @@
       "category": "Data Display",
       "subcategory": "Cards & Layout",
       "description": "Circular user image with initials fallback and status indicator.",
-      "thumbnail": "/preview-cards/avatar.png",
+      "thumbnail": "/preview-cards/avatar.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -260,7 +260,7 @@
       "category": "Navigation",
       "subcategory": null,
       "description": "Floating button that scrolls the page back to the top.",
-      "thumbnail": "/preview-cards/back-to-top.png",
+      "thumbnail": "/preview-cards/back-to-top.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -284,7 +284,7 @@
       "category": "Data Display",
       "subcategory": "Cards & Layout",
       "description": "Small label for counts, statuses, or category tags.",
-      "thumbnail": "/preview-cards/badge.png",
+      "thumbnail": "/preview-cards/badge.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -313,7 +313,7 @@
       "category": "Data Display",
       "subcategory": null,
       "description": "Inline SVG Code 128B barcode renderer (scannable).",
-      "thumbnail": "/preview-cards/barcode.png",
+      "thumbnail": "/preview-cards/barcode.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -332,7 +332,7 @@
       "category": "Dashboard",
       "subcategory": null,
       "description": "Masonry grid for dashboard tiles and marketing feature layouts.",
-      "thumbnail": "/preview-cards/bento.png",
+      "thumbnail": "/preview-cards/bento.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -358,7 +358,7 @@
       "category": "Motion",
       "subcategory": null,
       "description": "Motion primitive: blur + fade-in on mount or when in view.",
-      "thumbnail": "/preview-cards/blur-fade.png",
+      "thumbnail": "/preview-cards/blur-fade.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.Motion",
       "files": [
@@ -377,7 +377,7 @@
       "category": "Motion",
       "subcategory": null,
       "description": "Animated gradient border beam effect for hero elements.",
-      "thumbnail": "/preview-cards/border-beam.png",
+      "thumbnail": "/preview-cards/border-beam.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.Motion",
       "files": [
@@ -396,7 +396,7 @@
       "category": "Navigation",
       "subcategory": null,
       "description": "Mobile-first bottom navigation bar with icon items.",
-      "thumbnail": "/preview-cards/bottom-nav.png",
+      "thumbnail": "/preview-cards/bottom-nav.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -426,7 +426,7 @@
       "category": "Navigation",
       "subcategory": null,
       "description": "Hierarchical page path with separator characters.",
-      "thumbnail": "/preview-cards/breadcrumb.png",
+      "thumbnail": "/preview-cards/breadcrumb.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -457,7 +457,7 @@
       "category": "Forms",
       "subcategory": "Buttons & Actions",
       "description": "Versatile button with variants, sizes, icons, and loading states.",
-      "thumbnail": "/preview-cards/button.png",
+      "thumbnail": "/preview-cards/button.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -489,7 +489,7 @@
       "category": "Utility",
       "subcategory": null,
       "description": "Button Group component.",
-      "thumbnail": "/preview-cards/button-group.png",
+      "thumbnail": "/preview-cards/button-group.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -508,7 +508,7 @@
       "category": "Data Display",
       "subcategory": "Lists & Trees",
       "description": "Date picker calendar grid with single, range, and multi-select modes.",
-      "thumbnail": "/preview-cards/calendar.png",
+      "thumbnail": "/preview-cards/calendar.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -536,7 +536,7 @@
       "category": "Data Display",
       "subcategory": "Cards & Layout",
       "description": "Flexible container with header, content, and footer slots.",
-      "thumbnail": "/preview-cards/card.png",
+      "thumbnail": "/preview-cards/card.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -563,7 +563,7 @@
       "category": "Navigation",
       "subcategory": null,
       "description": "Slide-based content rotator with autoplay and keyboard nav.",
-      "thumbnail": "/preview-cards/carousel.png",
+      "thumbnail": "/preview-cards/carousel.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -592,7 +592,7 @@
       "category": "Forms",
       "subcategory": "Selection",
       "description": "Multi-level dropdown for hierarchical selection.",
-      "thumbnail": "/preview-cards/cascader.png",
+      "thumbnail": "/preview-cards/cascader.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -628,7 +628,7 @@
       "category": "Layout",
       "subcategory": null,
       "description": "Flexbox helper that centers its children on both axes.",
-      "thumbnail": "/preview-cards/center.png",
+      "thumbnail": "/preview-cards/center.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -647,7 +647,7 @@
       "category": "Data Display",
       "subcategory": "Charts",
       "description": "Declarative chart wrapper over ECharts — 30+ types supported.",
-      "thumbnail": "/preview-cards/chart.png",
+      "thumbnail": "/preview-cards/chart.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.Charts",
       "files": [
@@ -711,7 +711,7 @@
       "category": "Forms",
       "subcategory": "Specialized",
       "description": "Binary input with indeterminate state and accessible label.",
-      "thumbnail": "/preview-cards/checkbox.png",
+      "thumbnail": "/preview-cards/checkbox.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -737,7 +737,7 @@
       "category": "Data Display",
       "subcategory": "Status & Indicators",
       "description": "Compact removable tag, optionally toggleable.",
-      "thumbnail": "/preview-cards/chip.png",
+      "thumbnail": "/preview-cards/chip.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -768,7 +768,7 @@
       "category": "Typography",
       "subcategory": null,
       "description": "Inline or block monospace code snippet with optional copy button.",
-      "thumbnail": "/preview-cards/code.png",
+      "thumbnail": "/preview-cards/code.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -788,7 +788,7 @@
       "category": "Forms",
       "subcategory": null,
       "description": "Source-code editor wrapping CodeMirror 6 with on-demand language packs, dark/light/auto theming, and line numbers.",
-      "thumbnail": "/preview-cards/code-editor.png",
+      "thumbnail": "/preview-cards/code-editor.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.CodeEditor",
       "files": [
@@ -809,7 +809,7 @@
       "category": "Navigation",
       "subcategory": null,
       "description": "Single expandable region with animated height transition.",
-      "thumbnail": "/preview-cards/collapsible.png",
+      "thumbnail": "/preview-cards/collapsible.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -831,7 +831,7 @@
       "category": "Forms",
       "subcategory": "Specialized",
       "description": "Hue + saturation/value picker with hex input.",
-      "thumbnail": "/preview-cards/color-picker.png",
+      "thumbnail": "/preview-cards/color-picker.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -863,7 +863,7 @@
       "category": "Forms",
       "subcategory": "Selection",
       "description": "Searchable select with filtering, custom values, and grouping.",
-      "thumbnail": "/preview-cards/combobox.png",
+      "thumbnail": "/preview-cards/combobox.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -900,7 +900,7 @@
       "category": "Overlay",
       "subcategory": null,
       "description": "Command palette — keyboard-driven finder for actions.",
-      "thumbnail": "/preview-cards/command.png",
+      "thumbnail": "/preview-cards/command.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -937,7 +937,7 @@
       "category": "Motion",
       "subcategory": null,
       "description": "Burst of colored particles on demand via imperative Fire() method.",
-      "thumbnail": "/preview-cards/confetti.png",
+      "thumbnail": "/preview-cards/confetti.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.Motion",
       "files": [
@@ -956,7 +956,7 @@
       "category": "Forms",
       "subcategory": null,
       "description": "Confirm Button component.",
-      "thumbnail": "/preview-cards/confirm-button.png",
+      "thumbnail": "/preview-cards/confirm-button.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -977,7 +977,7 @@
       "category": "Utility",
       "subcategory": null,
       "description": "Consent Banner component.",
-      "thumbnail": "/preview-cards/consent-banner.png",
+      "thumbnail": "/preview-cards/consent-banner.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1009,7 +1009,7 @@
       "category": "Layout",
       "subcategory": null,
       "description": "Responsive max-width wrapper with consistent page padding.",
-      "thumbnail": "/preview-cards/container.png",
+      "thumbnail": "/preview-cards/container.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1028,7 +1028,7 @@
       "category": "Overlay",
       "subcategory": null,
       "description": "Right-click menu tied to a container element.",
-      "thumbnail": "/preview-cards/context-menu.png",
+      "thumbnail": "/preview-cards/context-menu.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1066,7 +1066,7 @@
       "category": "Marketing",
       "subcategory": null,
       "description": "CTASection component.",
-      "thumbnail": "/preview-cards/cta-section.png",
+      "thumbnail": "/preview-cards/cta-section.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1088,7 +1088,7 @@
       "category": "Data Display",
       "subcategory": "Tables",
       "description": "Enterprise grid: sort, filter, inline edit, multi-level group (client + server), pin, virtualize, export.",
-      "thumbnail": "/preview-cards/data-grid.png",
+      "thumbnail": "/preview-cards/data-grid.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.DataGrid",
       "files": [
@@ -1166,7 +1166,7 @@
       "category": "Data Display",
       "subcategory": "Tables",
       "description": "Table with sorting, pagination, and row selection built in.",
-      "thumbnail": "/preview-cards/data-table.png",
+      "thumbnail": "/preview-cards/data-table.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.DataGrid",
       "files": [
@@ -1196,7 +1196,7 @@
       "category": "Forms",
       "subcategory": "Specialized",
       "description": "Calendar popover for picking a single date or range.",
-      "thumbnail": "/preview-cards/date-picker.png",
+      "thumbnail": "/preview-cards/date-picker.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1233,7 +1233,7 @@
       "category": "Forms",
       "subcategory": "Specialized",
       "description": "Combined date + time picker with timezone awareness.",
-      "thumbnail": "/preview-cards/date-time-picker.png",
+      "thumbnail": "/preview-cards/date-time-picker.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1268,7 +1268,7 @@
       "category": "Dashboard",
       "subcategory": null,
       "description": "Trend indicator showing delta value with up/down arrow + color.",
-      "thumbnail": "/preview-cards/delta.png",
+      "thumbnail": "/preview-cards/delta.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1290,7 +1290,7 @@
       "category": "Utility",
       "subcategory": null,
       "description": "Density Scope component.",
-      "thumbnail": "/preview-cards/density-scope.png",
+      "thumbnail": "/preview-cards/density-scope.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1309,7 +1309,7 @@
       "category": "Data Display",
       "subcategory": "Cards & Layout",
       "description": "Key-value pair list for read-only entity details.",
-      "thumbnail": "/preview-cards/descriptions.png",
+      "thumbnail": "/preview-cards/descriptions.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1333,7 +1333,7 @@
       "category": "Overlay",
       "subcategory": null,
       "description": "Modal dialog with header, content, footer, and focus trap.",
-      "thumbnail": "/preview-cards/dialog.png",
+      "thumbnail": "/preview-cards/dialog.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1368,7 +1368,7 @@
       "category": "Motion",
       "subcategory": null,
       "description": "macOS-style icon dock with cursor-proximity magnification.",
-      "thumbnail": "/preview-cards/dock.png",
+      "thumbnail": "/preview-cards/dock.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.Motion",
       "files": [
@@ -1387,7 +1387,7 @@
       "category": "Overlay",
       "subcategory": null,
       "description": "Slide-up sheet for mobile-first contextual content.",
-      "thumbnail": "/preview-cards/drawer.png",
+      "thumbnail": "/preview-cards/drawer.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1416,7 +1416,7 @@
       "category": "Utility",
       "subcategory": null,
       "description": "Dropdown Button component.",
-      "thumbnail": "/preview-cards/dropdown-button.png",
+      "thumbnail": "/preview-cards/dropdown-button.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1440,7 +1440,7 @@
       "category": "Overlay",
       "subcategory": null,
       "description": "Menu button with items, separators, submenus, and checkboxes.",
-      "thumbnail": "/preview-cards/dropdown-menu.png",
+      "thumbnail": "/preview-cards/dropdown-menu.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1478,7 +1478,7 @@
       "category": "Feedback",
       "subcategory": null,
       "description": "Illustrated placeholder for empty lists with call-to-action.",
-      "thumbnail": "/preview-cards/empty-state.png",
+      "thumbnail": "/preview-cards/empty-state.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1498,7 +1498,7 @@
       "category": "Marketing",
       "subcategory": null,
       "description": "Feature Grid component.",
-      "thumbnail": "/preview-cards/feature-grid.png",
+      "thumbnail": "/preview-cards/feature-grid.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1521,7 +1521,7 @@
       "category": "Marketing",
       "subcategory": null,
       "description": "Feature Item component.",
-      "thumbnail": "/preview-cards/feature-item.png",
+      "thumbnail": "/preview-cards/feature-item.webp",
       "hasDocsPage": false,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1544,7 +1544,7 @@
       "category": "Data Display",
       "subcategory": null,
       "description": "Headless file and folder explorer — folder tree, breadcrumb path, list/grid views, lazy loading, inline rename, context-menu operations.",
-      "thumbnail": "/preview-cards/file-manager.png",
+      "thumbnail": "/preview-cards/file-manager.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1580,7 +1580,7 @@
       "category": "Forms",
       "subcategory": "Specialized",
       "description": "Drag-and-drop file dropzone with progress and validation.",
-      "thumbnail": "/preview-cards/file-upload.png",
+      "thumbnail": "/preview-cards/file-upload.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1612,7 +1612,7 @@
       "category": "Data Display",
       "subcategory": null,
       "description": "Universal file preview — auto-detects type from MIME / extension and renders PDF, images, video, audio, Markdown, JSON, CSV, source code (CodeMirror), and plain text inline; unknown types fall back to a download CTA. Pluggable per-kind renderer overrides; auth-aware HttpClient hook.",
-      "thumbnail": "/preview-cards/file-viewer.png",
+      "thumbnail": "/preview-cards/file-viewer.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.FileViewer",
       "files": [
@@ -1654,7 +1654,7 @@
       "category": "Data Display",
       "subcategory": "Tables",
       "description": "Composable faceted filter builder with chips.",
-      "thumbnail": "/preview-cards/filter.png",
+      "thumbnail": "/preview-cards/filter.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.DataGrid",
       "files": [
@@ -1680,7 +1680,7 @@
       "category": "Layout",
       "subcategory": null,
       "description": "Flexbox wrapper exposing direction, gap, align, justify as props.",
-      "thumbnail": "/preview-cards/flex.png",
+      "thumbnail": "/preview-cards/flex.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1699,7 +1699,7 @@
       "category": "Forms",
       "subcategory": "Form Composition",
       "description": "EditForm wrapper with styled validation, field groups, and submit state.",
-      "thumbnail": "/preview-cards/form.png",
+      "thumbnail": "/preview-cards/form.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1731,7 +1731,7 @@
       "category": "Data Display",
       "subcategory": "Lists & Trees",
       "description": "Gantt component.",
-      "thumbnail": "/preview-cards/gantt.png",
+      "thumbnail": "/preview-cards/gantt.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.Gantt",
       "files": [
@@ -1756,7 +1756,7 @@
       "category": "Data Display",
       "subcategory": null,
       "description": "Single-value gauge with radial, arc, and linear variants and threshold colour bands.",
-      "thumbnail": "/preview-cards/gauge.png",
+      "thumbnail": "/preview-cards/gauge.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1775,7 +1775,7 @@
       "category": "Layout",
       "subcategory": null,
       "description": "CSS grid wrapper with columns + gap as props.",
-      "thumbnail": "/preview-cards/grid.png",
+      "thumbnail": "/preview-cards/grid.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1794,7 +1794,7 @@
       "category": "Typography",
       "subcategory": null,
       "description": "Semantic h1-h6 heading with Lumeo typographic scale.",
-      "thumbnail": "/preview-cards/heading.png",
+      "thumbnail": "/preview-cards/heading.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1813,7 +1813,7 @@
       "category": "Marketing",
       "subcategory": null,
       "description": "Hero component.",
-      "thumbnail": "/preview-cards/hero.png",
+      "thumbnail": "/preview-cards/hero.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1834,7 +1834,7 @@
       "category": "Typography",
       "subcategory": null,
       "description": "Wraps occurrences of one or more search terms in the text with highlight marks.",
-      "thumbnail": "/preview-cards/highlighter.png",
+      "thumbnail": "/preview-cards/highlighter.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1854,7 +1854,7 @@
       "category": "Overlay",
       "subcategory": null,
       "description": "Popover that opens on hover for rich previews.",
-      "thumbnail": "/preview-cards/hover-card.png",
+      "thumbnail": "/preview-cards/hover-card.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1878,7 +1878,7 @@
       "category": "Utility",
       "subcategory": null,
       "description": "Icon wrapper — renders Lucide icons via Blazicons.",
-      "thumbnail": "/preview-cards/icon.png",
+      "thumbnail": "/preview-cards/icon.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1899,7 +1899,7 @@
       "category": "Data Display",
       "subcategory": "Cards & Layout",
       "description": "Image with lazy-loading, loading skeleton, and error fallback.",
-      "thumbnail": "/preview-cards/image.png",
+      "thumbnail": "/preview-cards/image.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1924,7 +1924,7 @@
       "category": "Data Display",
       "subcategory": "Cards & Layout",
       "description": "Before/after slider comparison for two images.",
-      "thumbnail": "/preview-cards/image-compare.png",
+      "thumbnail": "/preview-cards/image-compare.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1945,7 +1945,7 @@
       "category": "Forms",
       "subcategory": "Specialized",
       "description": "Click-to-edit text/number field that swaps in an input.",
-      "thumbnail": "/preview-cards/inplace-editor.png",
+      "thumbnail": "/preview-cards/inplace-editor.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -1975,7 +1975,7 @@
       "category": "Forms",
       "subcategory": "Inputs",
       "description": "Styled text input with label, prefix/suffix, icons, error state.",
-      "thumbnail": "/preview-cards/input.png",
+      "thumbnail": "/preview-cards/input.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2002,7 +2002,7 @@
       "category": "Forms",
       "subcategory": "Inputs",
       "description": "Masked input for phone numbers, dates, and custom patterns.",
-      "thumbnail": "/preview-cards/input-mask.png",
+      "thumbnail": "/preview-cards/input-mask.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2027,7 +2027,7 @@
       "category": "Drag & Drop",
       "subcategory": null,
       "description": "Drag-and-drop board with swimlanes.",
-      "thumbnail": "/preview-cards/kanban.png",
+      "thumbnail": "/preview-cards/kanban.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2060,7 +2060,7 @@
       "category": "Utility",
       "subcategory": null,
       "description": "Keyboard shortcut glyph — renders <kbd> with styling.",
-      "thumbnail": "/preview-cards/kbd.png",
+      "thumbnail": "/preview-cards/kbd.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2082,7 +2082,7 @@
       "category": "Dashboard",
       "subcategory": null,
       "description": "Dashboard KPI tile showing value, label, and trend.",
-      "thumbnail": "/preview-cards/kpi-card.png",
+      "thumbnail": "/preview-cards/kpi-card.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2107,7 +2107,7 @@
       "category": "Utility",
       "subcategory": null,
       "description": "Form label that links to a control via for/id.",
-      "thumbnail": "/preview-cards/label.png",
+      "thumbnail": "/preview-cards/label.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2126,7 +2126,7 @@
       "category": "Typography",
       "subcategory": null,
       "description": "Styled anchor with underline + color variants.",
-      "thumbnail": "/preview-cards/link.png",
+      "thumbnail": "/preview-cards/link.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2148,7 +2148,7 @@
       "category": "Data Display",
       "subcategory": "Lists & Trees",
       "description": "Ordered/unordered list with Lumeo typographic styling.",
-      "thumbnail": "/preview-cards/list.png",
+      "thumbnail": "/preview-cards/list.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2172,7 +2172,7 @@
       "category": "Data Display",
       "subcategory": null,
       "description": "Interactive geographic map powered by MapLibre GL — markers, polylines, polygons, circles, arcs, heatmaps, legend overlays, and popups; CARTO vector basemaps, no API key required.",
-      "thumbnail": "/preview-cards/map.png",
+      "thumbnail": "/preview-cards/map.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.Maps",
       "files": [
@@ -2210,7 +2210,7 @@
       "category": "Motion",
       "subcategory": null,
       "description": "Infinitely scrolling horizontal band of children.",
-      "thumbnail": "/preview-cards/marquee.png",
+      "thumbnail": "/preview-cards/marquee.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.Motion",
       "files": [
@@ -2229,7 +2229,7 @@
       "category": "Navigation",
       "subcategory": null,
       "description": "Full-width dropdown for site-wide navigation with columns.",
-      "thumbnail": "/preview-cards/mega-menu.png",
+      "thumbnail": "/preview-cards/mega-menu.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2262,7 +2262,7 @@
       "category": "Forms",
       "subcategory": "Selection",
       "description": "Textarea with @-trigger dropdown for mentioning users.",
-      "thumbnail": "/preview-cards/mention.png",
+      "thumbnail": "/preview-cards/mention.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2290,7 +2290,7 @@
       "category": "Navigation",
       "subcategory": null,
       "description": "Horizontal menubar with File/Edit-style dropdowns.",
-      "thumbnail": "/preview-cards/menubar.png",
+      "thumbnail": "/preview-cards/menubar.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2329,7 +2329,7 @@
       "category": "Navigation",
       "subcategory": null,
       "description": "Top-level site nav with animated dropdown panels.",
-      "thumbnail": "/preview-cards/navigation-menu.png",
+      "thumbnail": "/preview-cards/navigation-menu.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2368,7 +2368,7 @@
       "category": "Forms",
       "subcategory": "Inputs",
       "description": "Numeric input with stepper buttons and locale formatting.",
-      "thumbnail": "/preview-cards/number-input.png",
+      "thumbnail": "/preview-cards/number-input.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2396,7 +2396,7 @@
       "category": "Motion",
       "subcategory": null,
       "description": "Animated count-up from zero to target number.",
-      "thumbnail": "/preview-cards/number-ticker.png",
+      "thumbnail": "/preview-cards/number-ticker.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.Motion",
       "files": [
@@ -2415,7 +2415,7 @@
       "category": "Forms",
       "subcategory": "Inputs",
       "description": "One-time password input, auto-advances between boxes.",
-      "thumbnail": "/preview-cards/otp-input.png",
+      "thumbnail": "/preview-cards/otp-input.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2440,7 +2440,7 @@
       "category": "Overlay",
       "subcategory": null,
       "description": "Low-level backdrop primitive for custom popovers and modals.",
-      "thumbnail": "/preview-cards/overlay.png",
+      "thumbnail": "/preview-cards/overlay.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2466,7 +2466,7 @@
       "category": "Forms",
       "subcategory": null,
       "description": "Overlay Form component.",
-      "thumbnail": "/preview-cards/overlay-form.png",
+      "thumbnail": "/preview-cards/overlay-form.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2491,7 +2491,7 @@
       "category": "Navigation",
       "subcategory": null,
       "description": "Page number bar with prev/next and configurable ranges.",
-      "thumbnail": "/preview-cards/pagination.png",
+      "thumbnail": "/preview-cards/pagination.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2522,7 +2522,7 @@
       "category": "Forms",
       "subcategory": "Inputs",
       "description": "Password field with show/hide toggle and strength meter.",
-      "thumbnail": "/preview-cards/password-input.png",
+      "thumbnail": "/preview-cards/password-input.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2549,7 +2549,7 @@
       "category": "Data Display",
       "subcategory": null,
       "description": "Inline PDF document viewer powered by pdf.js — page navigation, zoom controls, optional text search, and download.",
-      "thumbnail": "/preview-cards/pdf-viewer.png",
+      "thumbnail": "/preview-cards/pdf-viewer.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.PdfViewer",
       "files": [
@@ -2584,7 +2584,7 @@
       "category": "Dashboard",
       "subcategory": null,
       "description": "Two-column shuttle picker — move items between lists.",
-      "thumbnail": "/preview-cards/pick-list.png",
+      "thumbnail": "/preview-cards/pick-list.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2614,7 +2614,7 @@
       "category": "Data Display",
       "subcategory": null,
       "description": "Cross-tab / pivot table that summarizes flat data into rows x columns x aggregated measures.",
-      "thumbnail": "/preview-cards/pivot-grid.png",
+      "thumbnail": "/preview-cards/pivot-grid.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2647,7 +2647,7 @@
       "category": "Overlay",
       "subcategory": null,
       "description": "Inline 'are you sure?' popover attached to a trigger.",
-      "thumbnail": "/preview-cards/pop-confirm.png",
+      "thumbnail": "/preview-cards/pop-confirm.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2672,7 +2672,7 @@
       "category": "Overlay",
       "subcategory": null,
       "description": "Positionable floating panel with anchor and arrow.",
-      "thumbnail": "/preview-cards/popover.png",
+      "thumbnail": "/preview-cards/popover.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2696,7 +2696,7 @@
       "category": "Feedback",
       "subcategory": null,
       "description": "Linear progress bar with determinate + indeterminate modes.",
-      "thumbnail": "/preview-cards/progress.png",
+      "thumbnail": "/preview-cards/progress.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2725,7 +2725,7 @@
       "category": "AI",
       "subcategory": null,
       "description": "Multiline AI prompt textarea with submit + keyboard shortcuts.",
-      "thumbnail": "/preview-cards/prompt-input.png",
+      "thumbnail": "/preview-cards/prompt-input.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2755,7 +2755,7 @@
       "category": "Utility",
       "subcategory": null,
       "description": "Pull To Refresh component.",
-      "thumbnail": "/preview-cards/pull-to-refresh.png",
+      "thumbnail": "/preview-cards/pull-to-refresh.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2778,7 +2778,7 @@
       "category": "Data Display",
       "subcategory": "Status & Indicators",
       "description": "Renders a QR code SVG for a string payload.",
-      "thumbnail": "/preview-cards/qr-code.png",
+      "thumbnail": "/preview-cards/qr-code.webp",
       "hasDocsPage": false,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2798,7 +2798,7 @@
       "category": "Forms",
       "subcategory": null,
       "description": "Visual AND/OR predicate-tree builder; serializes to JSON or a LINQ predicate.",
-      "thumbnail": "/preview-cards/query-builder.png",
+      "thumbnail": "/preview-cards/query-builder.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2834,7 +2834,7 @@
       "category": "Forms",
       "subcategory": "Selection",
       "description": "Grouped radio buttons with horizontal or vertical layout.",
-      "thumbnail": "/preview-cards/radio-group.png",
+      "thumbnail": "/preview-cards/radio-group.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2862,7 +2862,7 @@
       "category": "Forms",
       "subcategory": "Specialized",
       "description": "Star rating input with half-star support.",
-      "thumbnail": "/preview-cards/rating.png",
+      "thumbnail": "/preview-cards/rating.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2888,7 +2888,7 @@
       "category": "AI",
       "subcategory": null,
       "description": "Collapsible chain-of-thought block for AI reasoning traces.",
-      "thumbnail": "/preview-cards/reasoning-display.png",
+      "thumbnail": "/preview-cards/reasoning-display.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2914,7 +2914,7 @@
       "category": "Layout",
       "subcategory": null,
       "description": "Draggable splitter for resizable panel layouts.",
-      "thumbnail": "/preview-cards/resizable.png",
+      "thumbnail": "/preview-cards/resizable.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2940,7 +2940,7 @@
       "category": "Feedback",
       "subcategory": null,
       "description": "Full-page success/error/info status screen with actions.",
-      "thumbnail": "/preview-cards/result.png",
+      "thumbnail": "/preview-cards/result.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -2966,7 +2966,7 @@
       "category": "Forms",
       "subcategory": "Specialized",
       "description": "WYSIWYG editor wrapping TipTap with Lumeo styling.",
-      "thumbnail": "/preview-cards/rich-text-editor.png",
+      "thumbnail": "/preview-cards/rich-text-editor.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.Editor",
       "files": [
@@ -3013,7 +3013,7 @@
       "category": "Feedback",
       "subcategory": null,
       "description": "Circular determinate progress ring with optional centre label or custom content.",
-      "thumbnail": "/preview-cards/ring-progress.png",
+      "thumbnail": "/preview-cards/ring-progress.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3032,7 +3032,7 @@
       "category": "Utility",
       "subcategory": null,
       "description": "Safe Area component.",
-      "thumbnail": "/preview-cards/safe-area.png",
+      "thumbnail": "/preview-cards/safe-area.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3051,7 +3051,7 @@
       "category": "Data Display",
       "subcategory": "Lists & Trees",
       "description": "Calendar/agenda scheduler wrapping FullCalendar.",
-      "thumbnail": "/preview-cards/scheduler.png",
+      "thumbnail": "/preview-cards/scheduler.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.Scheduler",
       "files": [
@@ -3082,7 +3082,7 @@
       "category": "Layout",
       "subcategory": null,
       "description": "Styled custom scrollbar container.",
-      "thumbnail": "/preview-cards/scroll-area.png",
+      "thumbnail": "/preview-cards/scroll-area.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3104,7 +3104,7 @@
       "category": "Navigation",
       "subcategory": null,
       "description": "Highlights the nav item matching the current scroll section.",
-      "thumbnail": "/preview-cards/scrollspy.png",
+      "thumbnail": "/preview-cards/scrollspy.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3125,7 +3125,7 @@
       "category": "Forms",
       "subcategory": "Selection",
       "description": "Pill-shaped tab-like single-select control.",
-      "thumbnail": "/preview-cards/segmented.png",
+      "thumbnail": "/preview-cards/segmented.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3150,7 +3150,7 @@
       "category": "Forms",
       "subcategory": "Selection",
       "description": "Native-feeling styled dropdown with search and groups.",
-      "thumbnail": "/preview-cards/select.png",
+      "thumbnail": "/preview-cards/select.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3193,7 +3193,7 @@
       "category": "Layout",
       "subcategory": null,
       "description": "Horizontal or vertical dividing rule.",
-      "thumbnail": "/preview-cards/separator.png",
+      "thumbnail": "/preview-cards/separator.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3214,7 +3214,7 @@
       "category": "Overlay",
       "subcategory": null,
       "description": "Slide-in side panel from left/right/top/bottom.",
-      "thumbnail": "/preview-cards/sheet.png",
+      "thumbnail": "/preview-cards/sheet.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3249,7 +3249,7 @@
       "category": "Motion",
       "subcategory": null,
       "description": "Button with animated shimmer border beam.",
-      "thumbnail": "/preview-cards/shimmer-button.png",
+      "thumbnail": "/preview-cards/shimmer-button.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.Motion",
       "files": [
@@ -3279,7 +3279,7 @@
       "category": "Navigation",
       "subcategory": null,
       "description": "Collapsible app sidebar with groups, menu, and trigger.",
-      "thumbnail": "/preview-cards/sidebar.png",
+      "thumbnail": "/preview-cards/sidebar.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3318,7 +3318,7 @@
       "category": "Utility",
       "subcategory": null,
       "description": "Signature Pad component.",
-      "thumbnail": "/preview-cards/signature-pad.png",
+      "thumbnail": "/preview-cards/signature-pad.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3346,7 +3346,7 @@
       "category": "Feedback",
       "subcategory": null,
       "description": "Pulsing placeholder block for loading states.",
-      "thumbnail": "/preview-cards/skeleton.png",
+      "thumbnail": "/preview-cards/skeleton.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3370,7 +3370,7 @@
       "category": "Forms",
       "subcategory": "Specialized",
       "description": "Range slider with single and dual thumb modes.",
-      "thumbnail": "/preview-cards/slider.png",
+      "thumbnail": "/preview-cards/slider.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3395,7 +3395,7 @@
       "category": "Drag & Drop",
       "subcategory": null,
       "description": "Drag-and-drop reorderable list.",
-      "thumbnail": "/preview-cards/sortable.png",
+      "thumbnail": "/preview-cards/sortable.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3425,7 +3425,7 @@
       "category": "Layout",
       "subcategory": null,
       "description": "Flex-grow spacer that pushes siblings apart.",
-      "thumbnail": "/preview-cards/spacer.png",
+      "thumbnail": "/preview-cards/spacer.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3444,7 +3444,7 @@
       "category": "Dashboard",
       "subcategory": null,
       "description": "Small dashboard card with an inline sparkline chart.",
-      "thumbnail": "/preview-cards/spark-card.png",
+      "thumbnail": "/preview-cards/spark-card.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3469,7 +3469,7 @@
       "category": "Motion",
       "subcategory": null,
       "description": "Decorative sparkle particle animation.",
-      "thumbnail": "/preview-cards/sparkles.png",
+      "thumbnail": "/preview-cards/sparkles.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.Motion",
       "files": [
@@ -3488,7 +3488,7 @@
       "category": "Data Display",
       "subcategory": "Status & Indicators",
       "description": "Inline SVG trend chart primitive — line, area, or bars for tables and KPI strips.",
-      "thumbnail": "/preview-cards/sparkline.png",
+      "thumbnail": "/preview-cards/sparkline.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3507,7 +3507,7 @@
       "category": "Navigation",
       "subcategory": null,
       "description": "Floating action button that fans out sub-actions.",
-      "thumbnail": "/preview-cards/speed-dial.png",
+      "thumbnail": "/preview-cards/speed-dial.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3536,7 +3536,7 @@
       "category": "Feedback",
       "subcategory": null,
       "description": "Indeterminate loading spinner with size variants.",
-      "thumbnail": "/preview-cards/spinner.png",
+      "thumbnail": "/preview-cards/spinner.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3557,7 +3557,7 @@
       "category": "Utility",
       "subcategory": null,
       "description": "Split Button component.",
-      "thumbnail": "/preview-cards/split-button.png",
+      "thumbnail": "/preview-cards/split-button.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3581,7 +3581,7 @@
       "category": "Navigation",
       "subcategory": null,
       "description": "Resizable split pane for horizontal/vertical layouts.",
-      "thumbnail": "/preview-cards/splitter.png",
+      "thumbnail": "/preview-cards/splitter.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3604,7 +3604,7 @@
       "category": "Layout",
       "subcategory": null,
       "description": "Vertical flex wrapper with gap prop.",
-      "thumbnail": "/preview-cards/stack.png",
+      "thumbnail": "/preview-cards/stack.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3623,7 +3623,7 @@
       "category": "Data Display",
       "subcategory": "Status & Indicators",
       "description": "Big-number statistic display with label and unit.",
-      "thumbnail": "/preview-cards/statistic.png",
+      "thumbnail": "/preview-cards/statistic.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3649,7 +3649,7 @@
       "category": "Navigation",
       "subcategory": null,
       "description": "Stateful multi-step wizard with navigation, validation gating, and header indicators.",
-      "thumbnail": "/preview-cards/stepper.png",
+      "thumbnail": "/preview-cards/stepper.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3680,7 +3680,7 @@
       "category": "Data Display",
       "subcategory": "Lists & Trees",
       "description": "Numbered step indicator for wizards and progress flows.",
-      "thumbnail": "/preview-cards/steps.png",
+      "thumbnail": "/preview-cards/steps.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3711,7 +3711,7 @@
       "category": "AI",
       "subcategory": null,
       "description": "Token-by-token streaming text renderer for AI responses.",
-      "thumbnail": "/preview-cards/streaming-text.png",
+      "thumbnail": "/preview-cards/streaming-text.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3730,7 +3730,7 @@
       "category": "Utility",
       "subcategory": null,
       "description": "Swipe Actions component.",
-      "thumbnail": "/preview-cards/swipe-actions.png",
+      "thumbnail": "/preview-cards/swipe-actions.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3749,7 +3749,7 @@
       "category": "Forms",
       "subcategory": "Specialized",
       "description": "Toggle switch for boolean settings.",
-      "thumbnail": "/preview-cards/switch.png",
+      "thumbnail": "/preview-cards/switch.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3777,7 +3777,7 @@
       "category": "Data Display",
       "subcategory": "Tables",
       "description": "Minimal styled HTML table with header, row, cell components.",
-      "thumbnail": "/preview-cards/table.png",
+      "thumbnail": "/preview-cards/table.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3804,7 +3804,7 @@
       "category": "Navigation",
       "subcategory": null,
       "description": "Tabbed content with keyboard nav and animated active indicator.",
-      "thumbnail": "/preview-cards/tabs.png",
+      "thumbnail": "/preview-cards/tabs.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3839,7 +3839,7 @@
       "category": "Forms",
       "subcategory": "Inputs",
       "description": "Input that turns entries into removable tag chips.",
-      "thumbnail": "/preview-cards/tag-input.png",
+      "thumbnail": "/preview-cards/tag-input.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3875,7 +3875,7 @@
       "category": "Typography",
       "subcategory": null,
       "description": "Paragraph text with size, color, weight props.",
-      "thumbnail": "/preview-cards/text.png",
+      "thumbnail": "/preview-cards/text.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3900,7 +3900,7 @@
       "category": "Motion",
       "subcategory": null,
       "description": "Word-by-word reveal animation on scroll.",
-      "thumbnail": "/preview-cards/text-reveal.png",
+      "thumbnail": "/preview-cards/text-reveal.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo.Motion",
       "files": [
@@ -3919,7 +3919,7 @@
       "category": "Forms",
       "subcategory": "Inputs",
       "description": "Multiline text input with auto-resize option.",
-      "thumbnail": "/preview-cards/textarea.png",
+      "thumbnail": "/preview-cards/textarea.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3943,7 +3943,7 @@
       "category": "Utility",
       "subcategory": null,
       "description": "Color-scheme picker that writes to ThemeService.",
-      "thumbnail": "/preview-cards/theme-switcher.png",
+      "thumbnail": "/preview-cards/theme-switcher.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3971,7 +3971,7 @@
       "category": "Utility",
       "subcategory": null,
       "description": "Dark/light mode toggle button.",
-      "thumbnail": "/preview-cards/theme-toggle.png",
+      "thumbnail": "/preview-cards/theme-toggle.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -3997,7 +3997,7 @@
       "category": "Forms",
       "subcategory": "Specialized",
       "description": "Time-of-day picker with 12h/24h formats.",
-      "thumbnail": "/preview-cards/time-picker.png",
+      "thumbnail": "/preview-cards/time-picker.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -4030,7 +4030,7 @@
       "category": "Data Display",
       "subcategory": "Lists & Trees",
       "description": "Vertical event timeline with icons and connectors.",
-      "thumbnail": "/preview-cards/timeline.png",
+      "thumbnail": "/preview-cards/timeline.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -4057,7 +4057,7 @@
       "category": "Feedback",
       "subcategory": null,
       "description": "Notification toast — renders from ToastService queue.",
-      "thumbnail": "/preview-cards/toast.png",
+      "thumbnail": "/preview-cards/toast.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -4092,7 +4092,7 @@
       "category": "Forms",
       "subcategory": "Buttons & Actions",
       "description": "Two-state button with pressed/unpressed styling.",
-      "thumbnail": "/preview-cards/toggle.png",
+      "thumbnail": "/preview-cards/toggle.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -4117,7 +4117,7 @@
       "category": "Forms",
       "subcategory": "Selection",
       "description": "Group of toggles with single or multiple selection.",
-      "thumbnail": "/preview-cards/toggle-group.png",
+      "thumbnail": "/preview-cards/toggle-group.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -4143,7 +4143,7 @@
       "category": "AI",
       "subcategory": null,
       "description": "AI tool-invocation card showing call + result.",
-      "thumbnail": "/preview-cards/tool-call-card.png",
+      "thumbnail": "/preview-cards/tool-call-card.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -4172,7 +4172,7 @@
       "category": "Navigation",
       "subcategory": null,
       "description": "Horizontal toolbar container with separator, spacer, and group sub-components.",
-      "thumbnail": "/preview-cards/toolbar.png",
+      "thumbnail": "/preview-cards/toolbar.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -4201,7 +4201,7 @@
       "category": "Overlay",
       "subcategory": null,
       "description": "Hover/focus tooltip with arrow and configurable placement.",
-      "thumbnail": "/preview-cards/tooltip.png",
+      "thumbnail": "/preview-cards/tooltip.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -4224,7 +4224,7 @@
       "category": "Utility",
       "subcategory": null,
       "description": "Touch Ripple component.",
-      "thumbnail": "/preview-cards/touch-ripple.png",
+      "thumbnail": "/preview-cards/touch-ripple.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -4243,7 +4243,7 @@
       "category": "Overlay",
       "subcategory": null,
       "description": "Multi-step spotlight onboarding tour.",
-      "thumbnail": "/preview-cards/tour.png",
+      "thumbnail": "/preview-cards/tour.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -4273,7 +4273,7 @@
       "category": "Drag & Drop",
       "subcategory": null,
       "description": "Dual-list transfer picker — left/right with arrows.",
-      "thumbnail": "/preview-cards/transfer.png",
+      "thumbnail": "/preview-cards/transfer.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -4305,7 +4305,7 @@
       "category": "Forms",
       "subcategory": "Selection",
       "description": "Select input with a hierarchical tree dropdown.",
-      "thumbnail": "/preview-cards/tree-select.png",
+      "thumbnail": "/preview-cards/tree-select.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -4340,7 +4340,7 @@
       "category": "Data Display",
       "subcategory": "Lists & Trees",
       "description": "Hierarchical tree with expand/collapse and selection.",
-      "thumbnail": "/preview-cards/tree-view.png",
+      "thumbnail": "/preview-cards/tree-view.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -4371,7 +4371,7 @@
       "category": "Forms",
       "subcategory": null,
       "description": "Upload Trigger component.",
-      "thumbnail": "/preview-cards/upload-trigger.png",
+      "thumbnail": "/preview-cards/upload-trigger.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -4405,7 +4405,7 @@
       "category": "Data Display",
       "subcategory": "Cards & Layout",
       "description": "Repeating diagonal watermark overlay.",
-      "thumbnail": "/preview-cards/watermark.png",
+      "thumbnail": "/preview-cards/watermark.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [
@@ -4424,7 +4424,7 @@
       "category": "Overlay",
       "subcategory": null,
       "description": "Non-modal draggable and resizable floating panel with minimize and maximize support.",
-      "thumbnail": "/preview-cards/window.png",
+      "thumbnail": "/preview-cards/window.webp",
       "hasDocsPage": true,
       "nugetPackage": "Lumeo",
       "files": [