npm - @lumeo-ui/mcp-server - Versions diffs - 2.0.0-rc.9 → 2.0.1 - Mend

@lumeo-ui/mcp-server 2.0.0-rc.9 → 2.0.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 (6) hide show

package/dist/componentsApi.js +46 -0
package/dist/index.js +434 -161
package/dist/installInfo.js +101 -0
package/package.json +2 -1
package/src/components-api.json +41511 -0
package/src/registry.json +1349 -18

package/src/registry.json CHANGED Viewed

@@ -1,12 +1,16 @@
 {
   "$schema": "https://lumeo.nativ.sh/registry-schema.json",
-  "version": "2.0.0",
-  "generated": "2026-04-21T11:52:03.0447494Z",
+  "version": "2.0.1",
+  "generated": "2026-05-19T14:33:48.2437097Z",
   "components": {
     "accordion": {
       "name": "Accordion",
       "category": "Navigation",
+      "subcategory": null,
       "description": "Vertically stacked collapsible sections that expand to reveal content.",
+      "thumbnail": "/preview-cards/accordion.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Accordion/Accordion.razor",
         "UI/Accordion/AccordionContent.razor",
@@ -14,7 +18,11 @@
         "UI/Accordion/AccordionTrigger.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
+        "--color-border",
         "--color-muted",
         "--color-muted-foreground",
         "--color-ring",
@@ -25,11 +33,16 @@
     "affix": {
       "name": "Affix",
       "category": "Navigation",
+      "subcategory": null,
       "description": "Pins an element to the viewport edge as the user scrolls.",
+      "thumbnail": "/preview-cards/affix.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Affix/Affix.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
@@ -38,12 +51,17 @@
     "agent-message-list": {
       "name": "AgentMessageList",
       "category": "AI",
+      "subcategory": null,
       "description": "Chat message stream for AI agents with role-based styling.",
+      "thumbnail": "/preview-cards/agent-message-list.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/AgentMessageList/AgentMessage.razor",
         "UI/AgentMessageList/AgentMessageList.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground",
         "--color-muted",
@@ -57,11 +75,18 @@
     "alert": {
       "name": "Alert",
       "category": "Feedback",
+      "subcategory": null,
       "description": "Inline callout for status, warning, or informational messages.",
+      "thumbnail": "/preview-cards/alert.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Alert/Alert.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-background",
         "--color-border",
@@ -76,7 +101,11 @@
     "alert-dialog": {
       "name": "AlertDialog",
       "category": "Overlay",
+      "subcategory": null,
       "description": "Modal confirmation dialog that interrupts the user for destructive actions.",
+      "thumbnail": "/preview-cards/alert-dialog.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/AlertDialog/AlertDialog.razor",
         "UI/AlertDialog/AlertDialogAction.razor",
@@ -91,6 +120,7 @@
       "dependencies": [
         "spinner"
       ],
+      "packageDependencies": [],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
@@ -104,14 +134,57 @@
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/alert-dialog.json"
     },
+    "animated-beam": {
+      "name": "AnimatedBeam",
+      "category": "Motion",
+      "subcategory": null,
+      "description": "SVG beam that traces an animated gradient path between two DOM elements.",
+      "thumbnail": "/preview-cards/animated-beam.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo.Motion",
+      "files": [
+        "UI/AnimatedBeam/AnimatedBeam.razor"
+      ],
+      "dependencies": [],
+      "packageDependencies": [],
+      "cssVars": [
+        "--color-foreground"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/animated-beam.json"
+    },
+    "app-bar": {
+      "name": "AppBar",
+      "category": "Navigation",
+      "subcategory": null,
+      "description": "Top application bar with start, center, and end slots; sticky and elevated variants.",
+      "thumbnail": "/preview-cards/app-bar.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
+      "files": [
+        "UI/AppBar/AppBar.razor"
+      ],
+      "dependencies": [],
+      "packageDependencies": [],
+      "cssVars": [
+        "--color-border",
+        "--color-card",
+        "--color-foreground"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/app-bar.json"
+    },
     "aspect-ratio": {
       "name": "AspectRatio",
       "category": "Layout",
+      "subcategory": null,
       "description": "Constrains child content to a fixed width-to-height ratio.",
+      "thumbnail": "/preview-cards/aspect-ratio.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/AspectRatio/AspectRatio.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
@@ -120,7 +193,11 @@
     "avatar": {
       "name": "Avatar",
       "category": "Data Display",
+      "subcategory": "Cards & Layout",
       "description": "Circular user image with initials fallback and status indicator.",
+      "thumbnail": "/preview-cards/avatar.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Avatar/Avatar.razor",
         "UI/Avatar/AvatarFallback.razor",
@@ -128,6 +205,7 @@
         "UI/Avatar/AvatarImage.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-destructive",
         "--color-muted",
@@ -139,11 +217,18 @@
     "back-to-top": {
       "name": "BackToTop",
       "category": "Navigation",
+      "subcategory": null,
       "description": "Floating button that scrolls the page back to the top.",
+      "thumbnail": "/preview-cards/back-to-top.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/BackToTop/BackToTop.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-primary",
         "--color-primary-foreground",
@@ -154,12 +239,20 @@
     "badge": {
       "name": "Badge",
       "category": "Data Display",
+      "subcategory": "Cards & Layout",
       "description": "Small label for counts, statuses, or category tags.",
+      "thumbnail": "/preview-cards/badge.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Badge/Badge.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
+        "--color-border",
         "--color-destructive",
         "--color-destructive-foreground",
         "--color-foreground",
@@ -171,15 +264,38 @@
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/badge.json"
     },
+    "barcode": {
+      "name": "Barcode",
+      "category": "Data Display",
+      "subcategory": null,
+      "description": "Inline SVG Code 128B barcode renderer (scannable).",
+      "thumbnail": "/preview-cards/barcode.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
+      "files": [
+        "UI/Barcode/Barcode.razor"
+      ],
+      "dependencies": [],
+      "packageDependencies": [],
+      "cssVars": [
+        "--color-foreground"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/barcode.json"
+    },
     "bento": {
       "name": "Bento",
       "category": "Dashboard",
+      "subcategory": null,
       "description": "Masonry grid for dashboard tiles and marketing feature layouts.",
+      "thumbnail": "/preview-cards/bento.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Bento/Bento.razor",
         "UI/Bento/BentoTile.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-border",
         "--color-card",
@@ -194,11 +310,16 @@
     "blur-fade": {
       "name": "BlurFade",
       "category": "Motion",
+      "subcategory": null,
       "description": "Motion primitive: blur + fade-in on mount or when in view.",
+      "thumbnail": "/preview-cards/blur-fade.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo.Motion",
       "files": [
         "UI/BlurFade/BlurFade.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
@@ -207,11 +328,16 @@
     "border-beam": {
       "name": "BorderBeam",
       "category": "Motion",
+      "subcategory": null,
       "description": "Animated gradient border beam effect for hero elements.",
+      "thumbnail": "/preview-cards/border-beam.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo.Motion",
       "files": [
         "UI/BorderBeam/BorderBeam.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--radius"
       ],
@@ -220,13 +346,18 @@
     "bottom-nav": {
       "name": "BottomNav",
       "category": "Navigation",
+      "subcategory": null,
       "description": "Mobile-first bottom navigation bar with icon items.",
+      "thumbnail": "/preview-cards/bottom-nav.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/BottomNav/BottomNav.razor",
         "UI/BottomNav/BottomNavFab.razor",
         "UI/BottomNav/BottomNavItem.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-background",
         "--color-border",
@@ -244,7 +375,11 @@
     "breadcrumb": {
       "name": "Breadcrumb",
       "category": "Navigation",
+      "subcategory": null,
       "description": "Hierarchical page path with separator characters.",
+      "thumbnail": "/preview-cards/breadcrumb.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Breadcrumb/Breadcrumb.razor",
         "UI/Breadcrumb/BreadcrumbEllipsis.razor",
@@ -255,6 +390,9 @@
         "UI/Breadcrumb/BreadcrumbSeparator.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-foreground",
         "--color-muted",
@@ -267,13 +405,18 @@
     "button": {
       "name": "Button",
       "category": "Forms",
+      "subcategory": "Buttons & Actions",
       "description": "Versatile button with variants, sizes, icons, and loading states.",
+      "thumbnail": "/preview-cards/button.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Button/Button.razor"
       ],
       "dependencies": [
         "spinner"
       ],
+      "packageDependencies": [],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
@@ -290,14 +433,39 @@
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/button.json"
     },
+    "button-group": {
+      "name": "ButtonGroup",
+      "category": "Utility",
+      "subcategory": null,
+      "description": "Button Group component.",
+      "thumbnail": "/preview-cards/button-group.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
+      "files": [
+        "UI/ButtonGroup/ButtonGroup.razor"
+      ],
+      "dependencies": [],
+      "packageDependencies": [],
+      "cssVars": [
+        "--radius"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/button-group.json"
+    },
     "calendar": {
       "name": "Calendar",
       "category": "Data Display",
+      "subcategory": "Lists & Trees",
       "description": "Date picker calendar grid with single, range, and multi-select modes.",
+      "thumbnail": "/preview-cards/calendar.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Calendar/Calendar.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
@@ -312,7 +480,11 @@
     "card": {
       "name": "Card",
       "category": "Data Display",
+      "subcategory": "Cards & Layout",
       "description": "Flexible container with header, content, and footer slots.",
+      "thumbnail": "/preview-cards/card.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Card/Card.razor",
         "UI/Card/CardContent.razor",
@@ -320,6 +492,7 @@
         "UI/Card/CardHeader.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-accent",
         "--color-border",
@@ -333,7 +506,11 @@
     "carousel": {
       "name": "Carousel",
       "category": "Navigation",
+      "subcategory": null,
       "description": "Slide-based content rotator with autoplay and keyboard nav.",
+      "thumbnail": "/preview-cards/carousel.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Carousel/Carousel.razor",
         "UI/Carousel/CarouselContent.razor",
@@ -342,6 +519,9 @@
         "UI/Carousel/CarouselPrevious.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
@@ -353,18 +533,26 @@
     "cascader": {
       "name": "Cascader",
       "category": "Forms",
+      "subcategory": "Selection",
       "description": "Multi-level dropdown for hierarchical selection.",
+      "thumbnail": "/preview-cards/cascader.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Cascader/Cascader.razor"
       ],
       "dependencies": [
         "list"
       ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
         "--color-background",
         "--color-border",
+        "--color-destructive",
         "--color-foreground",
         "--color-input",
         "--color-muted",
@@ -380,11 +568,16 @@
     "center": {
       "name": "Center",
       "category": "Layout",
+      "subcategory": null,
       "description": "Flexbox helper that centers its children on both axes.",
+      "thumbnail": "/preview-cards/center.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Center/Center.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
@@ -392,11 +585,17 @@
     },
     "chart": {
       "name": "Chart",
-      "category": "Charts",
+      "category": "Data Display",
+      "subcategory": "Charts",
       "description": "Declarative chart wrapper over ECharts — 30+ types supported.",
+      "thumbnail": "/preview-cards/chart.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo.Charts",
       "files": [
         "UI/Chart/Chart.razor",
         "UI/Chart/ChartHelper.cs",
+        "UI/Chart/ChartLabelHelper.cs",
+        "UI/Chart/ChartPlaceholderFactory.cs",
         "UI/Chart/Charts/AreaChart.razor",
         "UI/Chart/Charts/BarChart.razor",
         "UI/Chart/Charts/BoxPlotChart.razor",
@@ -427,11 +626,22 @@
         "UI/Chart/Charts/TreemapChart.razor",
         "UI/Chart/Charts/WaterfallChart.razor",
         "UI/Chart/Charts/WordCloudChart.razor",
+        "UI/Chart/ChartSkeleton.razor",
+        "UI/Chart/ChartSkeletonKind.cs",
         "UI/Chart/EChartOption.cs"
       ],
-      "dependencies": [],
+      "dependencies": [
+        "gauge"
+      ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
+        "--color-background",
+        "--color-border",
         "--color-destructive",
+        "--color-muted",
+        "--color-muted-foreground",
         "--radius"
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/chart.json"
@@ -439,13 +649,19 @@
     "checkbox": {
       "name": "Checkbox",
       "category": "Forms",
+      "subcategory": "Specialized",
       "description": "Binary input with indeterminate state and accessible label.",
+      "thumbnail": "/preview-cards/checkbox.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Checkbox/Checkbox.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-background",
+        "--color-destructive",
         "--color-muted",
         "--color-muted-foreground",
         "--color-primary",
@@ -458,12 +674,19 @@
     "chip": {
       "name": "Chip",
       "category": "Data Display",
+      "subcategory": "Status & Indicators",
       "description": "Compact removable tag, optionally toggleable.",
+      "thumbnail": "/preview-cards/chip.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Chip/Chip.razor",
         "UI/Chip/ChipGroup.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-border",
         "--color-destructive",
@@ -481,11 +704,16 @@
     "code": {
       "name": "Code",
       "category": "Typography",
+      "subcategory": null,
       "description": "Inline or block monospace code snippet with optional copy button.",
+      "thumbnail": "/preview-cards/code.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Code/Code.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-muted",
         "--radius"
@@ -495,13 +723,18 @@
     "collapsible": {
       "name": "Collapsible",
       "category": "Navigation",
+      "subcategory": null,
       "description": "Single expandable region with animated height transition.",
+      "thumbnail": "/preview-cards/collapsible.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Collapsible/Collapsible.razor",
         "UI/Collapsible/CollapsibleContent.razor",
         "UI/Collapsible/CollapsibleTrigger.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-ring",
         "--radius"
@@ -511,16 +744,24 @@
     "color-picker": {
       "name": "ColorPicker",
       "category": "Forms",
+      "subcategory": "Specialized",
       "description": "Hue + saturation/value picker with hex input.",
+      "thumbnail": "/preview-cards/color-picker.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/ColorPicker/ColorPicker.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
         "--color-background",
         "--color-border",
+        "--color-destructive",
         "--color-foreground",
         "--color-muted",
         "--color-muted-foreground",
@@ -534,7 +775,11 @@
     "combobox": {
       "name": "Combobox",
       "category": "Forms",
+      "subcategory": "Selection",
       "description": "Searchable select with filtering, custom values, and grouping.",
+      "thumbnail": "/preview-cards/combobox.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Combobox/Combobox.razor",
         "UI/Combobox/ComboboxContent.razor",
@@ -546,10 +791,14 @@
       "dependencies": [
         "spinner"
       ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
         "--color-border",
+        "--color-destructive",
         "--color-input",
         "--color-muted",
         "--color-muted-foreground",
@@ -562,7 +811,11 @@
     "command": {
       "name": "Command",
       "category": "Overlay",
+      "subcategory": null,
       "description": "Command palette — keyboard-driven finder for actions.",
+      "thumbnail": "/preview-cards/command.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Command/Command.razor",
         "UI/Command/CommandEmpty.razor",
@@ -575,6 +828,9 @@
       "dependencies": [
         "kbd"
       ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
@@ -588,14 +844,67 @@
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/command.json"
     },
+    "confetti": {
+      "name": "Confetti",
+      "category": "Motion",
+      "subcategory": null,
+      "description": "Burst of colored particles on demand via imperative Fire() method.",
+      "thumbnail": "/preview-cards/confetti.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo.Motion",
+      "files": [
+        "UI/Confetti/Confetti.razor"
+      ],
+      "dependencies": [],
+      "packageDependencies": [],
+      "cssVars": [
+        "--color-foreground"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/confetti.json"
+    },
+    "consent-banner": {
+      "name": "ConsentBanner",
+      "category": "Utility",
+      "subcategory": null,
+      "description": "Consent Banner component.",
+      "thumbnail": "/preview-cards/consent-banner.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
+      "files": [
+        "UI/ConsentBanner/ConsentBanner.razor"
+      ],
+      "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
+      "cssVars": [
+        "--color-accent",
+        "--color-background",
+        "--color-border",
+        "--color-foreground",
+        "--color-muted",
+        "--color-muted-foreground",
+        "--color-popover",
+        "--color-popover-foreground",
+        "--color-primary",
+        "--color-primary-foreground",
+        "--radius"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/consent-banner.json"
+    },
     "container": {
       "name": "Container",
       "category": "Layout",
+      "subcategory": null,
       "description": "Responsive max-width wrapper with consistent page padding.",
+      "thumbnail": "/preview-cards/container.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Container/Container.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
@@ -604,7 +913,11 @@
     "context-menu": {
       "name": "ContextMenu",
       "category": "Overlay",
+      "subcategory": null,
       "description": "Right-click menu tied to a container element.",
+      "thumbnail": "/preview-cards/context-menu.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/ContextMenu/ContextMenu.razor",
         "UI/ContextMenu/ContextMenuCheckboxItem.razor",
@@ -618,6 +931,9 @@
         "UI/ContextMenu/ContextMenuTrigger.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
@@ -631,7 +947,11 @@
     "data-grid": {
       "name": "DataGrid",
       "category": "Data Display",
+      "subcategory": "Tables",
       "description": "Enterprise grid: sort, filter, inline edit, group, pin, virtualize, export.",
+      "thumbnail": "/preview-cards/data-grid.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo.DataGrid",
       "files": [
         "UI/DataGrid/DataGrid.razor",
         "UI/DataGrid/DataGridBody.razor",
@@ -642,6 +962,7 @@
         "UI/DataGrid/DataGridColumnVisibility.razor",
         "UI/DataGrid/DataGridContext.cs",
         "UI/DataGrid/DataGridDetailRow.razor",
+        "UI/DataGrid/DataGridDragState.cs",
         "UI/DataGrid/DataGridEnums.cs",
         "UI/DataGrid/DataGridFilterOperator.cs",
         "UI/DataGrid/DataGridFooter.razor",
@@ -653,7 +974,14 @@
         "UI/DataGrid/DataGridRow.razor",
         "UI/DataGrid/DataGridServerService.cs",
         "UI/DataGrid/DataGridState.cs",
-        "UI/DataGrid/DataGridToolbar.razor"
+        "UI/DataGrid/DataGridToolbar.razor",
+        "UI/DataGrid/DataGridToolbarColumns.razor",
+        "UI/DataGrid/DataGridToolbarContext.cs",
+        "UI/DataGrid/DataGridToolbarCopySelected.razor",
+        "UI/DataGrid/DataGridToolbarExport.razor",
+        "UI/DataGrid/DataGridToolbarFullscreen.razor",
+        "UI/DataGrid/DataGridToolbarLayouts.razor",
+        "UI/DataGrid/ToolbarContent.razor"
       ],
       "dependencies": [
         "button",
@@ -663,7 +991,11 @@
         "list",
         "pagination",
         "select",
-        "skeleton"
+        "skeleton",
+        "toolbar"
+      ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
       ],
       "cssVars": [
         "--color-accent",
@@ -689,7 +1021,11 @@
     "data-table": {
       "name": "DataTable",
       "category": "Data Display",
+      "subcategory": "Tables",
       "description": "Table with sorting, pagination, and row selection built in.",
+      "thumbnail": "/preview-cards/data-table.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo.DataGrid",
       "files": [
         "UI/DataTable/DataTable.razor",
         "UI/DataTable/DataTableSortableHeader.razor"
@@ -697,9 +1033,13 @@
       "dependencies": [
         "checkbox"
       ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
+        "--color-border",
         "--color-muted",
         "--color-muted-foreground",
         "--radius"
@@ -709,24 +1049,34 @@
     "date-picker": {
       "name": "DatePicker",
       "category": "Forms",
+      "subcategory": "Specialized",
       "description": "Calendar popover for picking a single date or range.",
+      "thumbnail": "/preview-cards/date-picker.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/DatePicker/DatePicker.razor",
-        "UI/DatePicker/DateRangePicker.razor"
+        "UI/DatePicker/DateRangePicker.razor",
+        "UI/DatePicker/DateWheelPicker.razor"
       ],
       "dependencies": [
         "calendar",
         "popover",
         "time-picker"
       ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
         "--color-border",
+        "--color-destructive",
         "--color-foreground",
         "--color-input",
         "--color-muted",
         "--color-muted-foreground",
+        "--color-primary",
         "--radius"
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/date-picker.json"
@@ -734,7 +1084,11 @@
     "date-time-picker": {
       "name": "DateTimePicker",
       "category": "Forms",
+      "subcategory": "Specialized",
       "description": "Combined date + time picker with timezone awareness.",
+      "thumbnail": "/preview-cards/date-time-picker.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/DateTimePicker/DateTimePicker.razor"
       ],
@@ -742,10 +1096,14 @@
         "calendar",
         "popover"
       ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
         "--color-border",
+        "--color-destructive",
         "--color-foreground",
         "--color-input",
         "--color-muted",
@@ -759,12 +1117,18 @@
     "delta": {
       "name": "Delta",
       "category": "Dashboard",
+      "subcategory": null,
       "description": "Trend indicator showing delta value with up/down arrow + color.",
+      "thumbnail": "/preview-cards/delta.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Delta/Delta.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
+        "--color-destructive",
         "--color-muted",
         "--color-muted-foreground",
         "--radius"
@@ -774,12 +1138,17 @@
     "descriptions": {
       "name": "Descriptions",
       "category": "Data Display",
+      "subcategory": "Cards & Layout",
       "description": "Key-value pair list for read-only entity details.",
+      "thumbnail": "/preview-cards/descriptions.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Descriptions/Descriptions.razor",
         "UI/Descriptions/DescriptionsItem.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-border",
         "--color-foreground",
@@ -792,7 +1161,11 @@
     "dialog": {
       "name": "Dialog",
       "category": "Overlay",
+      "subcategory": null,
       "description": "Modal dialog with header, content, footer, and focus trap.",
+      "thumbnail": "/preview-cards/dialog.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Dialog/Dialog.razor",
         "UI/Dialog/DialogClose.razor",
@@ -804,6 +1177,9 @@
         "UI/Dialog/DialogTrigger.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-background",
         "--color-border",
@@ -813,10 +1189,32 @@
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/dialog.json"
     },
+    "dock": {
+      "name": "Dock",
+      "category": "Motion",
+      "subcategory": null,
+      "description": "macOS-style icon dock with cursor-proximity magnification.",
+      "thumbnail": "/preview-cards/dock.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo.Motion",
+      "files": [
+        "UI/Dock/Dock.razor"
+      ],
+      "dependencies": [],
+      "packageDependencies": [],
+      "cssVars": [
+        "--color-foreground"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/dock.json"
+    },
     "drawer": {
       "name": "Drawer",
       "category": "Overlay",
+      "subcategory": null,
       "description": "Slide-up sheet for mobile-first contextual content.",
+      "thumbnail": "/preview-cards/drawer.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Drawer/Drawer.razor",
         "UI/Drawer/DrawerClose.razor",
@@ -828,6 +1226,7 @@
         "UI/Drawer/DrawerTrigger.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-background",
         "--color-muted",
@@ -836,10 +1235,37 @@
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/drawer.json"
     },
+    "dropdown-button": {
+      "name": "DropdownButton",
+      "category": "Utility",
+      "subcategory": null,
+      "description": "Dropdown Button component.",
+      "thumbnail": "/preview-cards/dropdown-button.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
+      "files": [
+        "UI/DropdownButton/DropdownButton.razor"
+      ],
+      "dependencies": [
+        "button",
+        "dropdown-menu"
+      ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
+      "cssVars": [
+        "--color-foreground"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/dropdown-button.json"
+    },
     "dropdown-menu": {
       "name": "DropdownMenu",
       "category": "Overlay",
+      "subcategory": null,
       "description": "Menu button with items, separators, submenus, and checkboxes.",
+      "thumbnail": "/preview-cards/dropdown-menu.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/DropdownMenu/DropdownMenu.razor",
         "UI/DropdownMenu/DropdownMenuCheckboxItem.razor",
@@ -853,6 +1279,9 @@
         "UI/DropdownMenu/DropdownMenuTrigger.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
@@ -866,31 +1295,77 @@
     "empty-state": {
       "name": "EmptyState",
       "category": "Feedback",
+      "subcategory": null,
       "description": "Illustrated placeholder for empty lists with call-to-action.",
+      "thumbnail": "/preview-cards/empty-state.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/EmptyState/EmptyState.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-muted",
         "--color-muted-foreground"
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/empty-state.json"
     },
+    "file-manager": {
+      "name": "FileManager",
+      "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",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
+      "files": [
+        "UI/FileManager/FileManager.razor",
+        "UI/FileManager/FileManagerModel.cs"
+      ],
+      "dependencies": [
+        "list"
+      ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
+      "cssVars": [
+        "--color-accent",
+        "--color-accent-foreground",
+        "--color-background",
+        "--color-border",
+        "--color-card",
+        "--color-destructive",
+        "--color-foreground",
+        "--color-muted",
+        "--color-muted-foreground",
+        "--color-popover",
+        "--color-popover-foreground",
+        "--color-ring",
+        "--radius"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/file-manager.json"
+    },
     "file-upload": {
       "name": "FileUpload",
       "category": "Forms",
+      "subcategory": "Specialized",
       "description": "Drag-and-drop file dropzone with progress and validation.",
+      "thumbnail": "/preview-cards/file-upload.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/FileUpload/FileUpload.razor"
       ],
       "dependencies": [
         "input"
       ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-background",
         "--color-border",
-        "--color-card",
         "--color-destructive",
         "--color-input",
         "--color-muted",
@@ -904,7 +1379,11 @@
     "filter": {
       "name": "Filter",
       "category": "Data Display",
+      "subcategory": "Tables",
       "description": "Composable faceted filter builder with chips.",
+      "thumbnail": "/preview-cards/filter.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo.DataGrid",
       "files": [
         "UI/Filter/FilterBar.razor",
         "UI/Filter/FilterPill.razor"
@@ -912,6 +1391,9 @@
       "dependencies": [
         "badge"
       ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-muted",
         "--radius"
@@ -921,11 +1403,16 @@
     "flex": {
       "name": "Flex",
       "category": "Layout",
+      "subcategory": null,
       "description": "Flexbox wrapper exposing direction, gap, align, justify as props.",
+      "thumbnail": "/preview-cards/flex.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Flex/Flex.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
@@ -934,7 +1421,11 @@
     "form": {
       "name": "Form",
       "category": "Forms",
+      "subcategory": "Form Composition",
       "description": "EditForm wrapper with styled validation, field groups, and submit state.",
+      "thumbnail": "/preview-cards/form.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Form/DataAnnotationsFormValidator.cs",
         "UI/Form/Form.razor",
@@ -949,6 +1440,7 @@
       "dependencies": [
         "label"
       ],
+      "packageDependencies": [],
       "cssVars": [
         "--color-destructive",
         "--color-muted",
@@ -958,8 +1450,12 @@
     },
     "gantt": {
       "name": "Gantt",
-      "category": "Utility",
+      "category": "Data Display",
+      "subcategory": "Lists & Trees",
       "description": "Gantt component.",
+      "thumbnail": "/preview-cards/gantt.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo.Gantt",
       "files": [
         "UI/Gantt/Gantt.razor",
         "UI/Gantt/GanttTypes.cs"
@@ -967,21 +1463,46 @@
       "dependencies": [
         "toggle-group"
       ],
+      "packageDependencies": [],
       "cssVars": [
         "--color-border",
         "--color-card",
+        "--color-destructive",
         "--radius"
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/gantt.json"
     },
+    "gauge": {
+      "name": "Gauge",
+      "category": "Data Display",
+      "subcategory": null,
+      "description": "Single-value gauge with radial, arc, and linear variants and threshold colour bands.",
+      "thumbnail": "/preview-cards/gauge.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
+      "files": [
+        "UI/Gauge/Gauge.razor"
+      ],
+      "dependencies": [],
+      "packageDependencies": [],
+      "cssVars": [
+        "--color-foreground"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/gauge.json"
+    },
     "grid": {
       "name": "Grid",
       "category": "Layout",
+      "subcategory": null,
       "description": "CSS grid wrapper with columns + gap as props.",
+      "thumbnail": "/preview-cards/grid.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Grid/Grid.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
@@ -990,26 +1511,55 @@
     "heading": {
       "name": "Heading",
       "category": "Typography",
+      "subcategory": null,
       "description": "Semantic h1-h6 heading with Lumeo typographic scale.",
+      "thumbnail": "/preview-cards/heading.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Heading/Heading.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/heading.json"
     },
+    "highlighter": {
+      "name": "Highlighter",
+      "category": "Typography",
+      "subcategory": null,
+      "description": "Wraps occurrences of one or more search terms in the text with highlight marks.",
+      "thumbnail": "/preview-cards/highlighter.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
+      "files": [
+        "UI/Highlighter/Highlighter.razor"
+      ],
+      "dependencies": [],
+      "packageDependencies": [],
+      "cssVars": [
+        "--color-foreground",
+        "--radius"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/highlighter.json"
+    },
     "hover-card": {
       "name": "HoverCard",
       "category": "Overlay",
+      "subcategory": null,
       "description": "Popover that opens on hover for rich previews.",
+      "thumbnail": "/preview-cards/hover-card.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/HoverCard/HoverCard.razor",
         "UI/HoverCard/HoverCardContent.razor",
         "UI/HoverCard/HoverCardTrigger.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-border",
         "--color-popover",
@@ -1021,11 +1571,18 @@
     "icon": {
       "name": "Icon",
       "category": "Utility",
+      "subcategory": null,
       "description": "Icon wrapper — renders Lucide icons via Blazicons.",
+      "thumbnail": "/preview-cards/icon.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Icon/Icon.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-foreground"
       ],
@@ -1034,12 +1591,19 @@
     "image": {
       "name": "Image",
       "category": "Data Display",
+      "subcategory": "Cards & Layout",
       "description": "Image with lazy-loading, loading skeleton, and error fallback.",
+      "thumbnail": "/preview-cards/image.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Image/Image.razor",
         "UI/Image/ImageGallery.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-muted",
         "--color-muted-foreground",
@@ -1050,12 +1614,19 @@
     "image-compare": {
       "name": "ImageCompare",
       "category": "Data Display",
+      "subcategory": "Cards & Layout",
       "description": "Before/after slider comparison for two images.",
+      "thumbnail": "/preview-cards/image-compare.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/ImageCompare/ImageCompare.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
+        "--color-background",
+        "--color-foreground",
         "--radius"
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/image-compare.json"
@@ -1063,14 +1634,23 @@
     "inplace-editor": {
       "name": "InplaceEditor",
       "category": "Forms",
+      "subcategory": "Specialized",
       "description": "Click-to-edit text/number field that swaps in an input.",
+      "thumbnail": "/preview-cards/inplace-editor.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/InplaceEditor/InplaceEditor.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-background",
         "--color-border",
+        "--color-destructive",
+        "--color-foreground",
         "--color-muted",
         "--color-muted-foreground",
         "--color-primary",
@@ -1083,12 +1663,20 @@
     "input": {
       "name": "Input",
       "category": "Forms",
+      "subcategory": "Inputs",
       "description": "Styled text input with label, prefix/suffix, icons, error state.",
+      "thumbnail": "/preview-cards/input.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Input/Input.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
+        "--color-destructive",
         "--color-foreground",
         "--color-input",
         "--color-muted",
@@ -1101,12 +1689,19 @@
     "input-mask": {
       "name": "InputMask",
       "category": "Forms",
+      "subcategory": "Inputs",
       "description": "Masked input for phone numbers, dates, and custom patterns.",
+      "thumbnail": "/preview-cards/input-mask.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/InputMask/InputMask.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
+        "--color-destructive",
+        "--color-foreground",
         "--color-input",
         "--color-muted",
         "--color-muted-foreground",
@@ -1118,13 +1713,20 @@
     "kanban": {
       "name": "Kanban",
       "category": "Drag & Drop",
+      "subcategory": null,
       "description": "Drag-and-drop board with swimlanes.",
+      "thumbnail": "/preview-cards/kanban.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Kanban/Kanban.razor",
         "UI/Kanban/KanbanCard.razor",
         "UI/Kanban/KanbanColumn.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-border",
         "--color-card",
@@ -1142,12 +1744,18 @@
     "kbd": {
       "name": "Kbd",
       "category": "Utility",
+      "subcategory": null,
       "description": "Keyboard shortcut glyph — renders <kbd> with styling.",
+      "thumbnail": "/preview-cards/kbd.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Kbd/Kbd.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
+        "--color-border",
         "--color-muted",
         "--color-muted-foreground",
         "--radius"
@@ -1157,11 +1765,16 @@
     "kpi-card": {
       "name": "KpiCard",
       "category": "Dashboard",
+      "subcategory": null,
       "description": "Dashboard KPI tile showing value, label, and trend.",
+      "thumbnail": "/preview-cards/kpi-card.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/KpiCard/KpiCard.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-border",
         "--color-card",
@@ -1176,11 +1789,16 @@
     "label": {
       "name": "Label",
       "category": "Utility",
+      "subcategory": null,
       "description": "Form label that links to a control via for/id.",
+      "thumbnail": "/preview-cards/label.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Label/Label.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
@@ -1189,11 +1807,16 @@
     "link": {
       "name": "Link",
       "category": "Typography",
+      "subcategory": null,
       "description": "Styled anchor with underline + color variants.",
+      "thumbnail": "/preview-cards/link.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Link/Link.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground",
         "--color-muted",
@@ -1205,12 +1828,17 @@
     "list": {
       "name": "List",
       "category": "Data Display",
+      "subcategory": "Lists & Trees",
       "description": "Ordered/unordered list with Lumeo typographic styling.",
+      "thumbnail": "/preview-cards/list.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/List/List.razor",
         "UI/List/ListItem.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-accent",
         "--color-border",
@@ -1223,11 +1851,16 @@
     "marquee": {
       "name": "Marquee",
       "category": "Motion",
+      "subcategory": null,
       "description": "Infinitely scrolling horizontal band of children.",
+      "thumbnail": "/preview-cards/marquee.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo.Motion",
       "files": [
         "UI/Marquee/Marquee.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
@@ -1236,7 +1869,11 @@
     "mega-menu": {
       "name": "MegaMenu",
       "category": "Navigation",
+      "subcategory": null,
       "description": "Full-width dropdown for site-wide navigation with columns.",
+      "thumbnail": "/preview-cards/mega-menu.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/MegaMenu/MegaMenu.razor",
         "UI/MegaMenu/MegaMenuGroup.razor",
@@ -1245,6 +1882,9 @@
         "UI/MegaMenu/MegaMenuPanel.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
@@ -1260,15 +1900,21 @@
     "mention": {
       "name": "Mention",
       "category": "Forms",
+      "subcategory": "Selection",
       "description": "Textarea with @-trigger dropdown for mentioning users.",
+      "thumbnail": "/preview-cards/mention.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Mention/Mention.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
         "--color-border",
+        "--color-destructive",
         "--color-foreground",
         "--color-muted",
         "--color-muted-foreground",
@@ -1281,7 +1927,11 @@
     "menubar": {
       "name": "Menubar",
       "category": "Navigation",
+      "subcategory": null,
       "description": "Horizontal menubar with File/Edit-style dropdowns.",
+      "thumbnail": "/preview-cards/menubar.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Menubar/Menubar.razor",
         "UI/Menubar/MenubarContent.razor",
@@ -1293,6 +1943,7 @@
         "UI/Menubar/MenubarTrigger.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
@@ -1309,7 +1960,11 @@
     "navigation-menu": {
       "name": "NavigationMenu",
       "category": "Navigation",
+      "subcategory": null,
       "description": "Top-level site nav with animated dropdown panels.",
+      "thumbnail": "/preview-cards/navigation-menu.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/NavigationMenu/NavigationMenu.razor",
         "UI/NavigationMenu/NavigationMenuContent.razor",
@@ -1325,6 +1980,9 @@
       "dependencies": [
         "sheet"
       ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
@@ -1339,14 +1997,22 @@
     "number-input": {
       "name": "NumberInput",
       "category": "Forms",
+      "subcategory": "Inputs",
       "description": "Numeric input with stepper buttons and locale formatting.",
+      "thumbnail": "/preview-cards/number-input.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/NumberInput/NumberInput.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-background",
         "--color-border",
+        "--color-destructive",
         "--color-foreground",
         "--color-muted",
         "--color-muted-foreground",
@@ -1357,11 +2023,16 @@
     "number-ticker": {
       "name": "NumberTicker",
       "category": "Motion",
+      "subcategory": null,
       "description": "Animated count-up from zero to target number.",
+      "thumbnail": "/preview-cards/number-ticker.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo.Motion",
       "files": [
         "UI/NumberTicker/NumberTicker.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
@@ -1370,14 +2041,20 @@
     "otp-input": {
       "name": "OtpInput",
       "category": "Forms",
+      "subcategory": "Inputs",
       "description": "One-time password input, auto-advances between boxes.",
+      "thumbnail": "/preview-cards/otp-input.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/OtpInput/OtpInput.razor"
       ],
       "dependencies": [
         "list"
       ],
+      "packageDependencies": [],
       "cssVars": [
+        "--color-destructive",
         "--color-input",
         "--color-muted",
         "--color-muted-foreground",
@@ -1388,7 +2065,11 @@
     "overlay": {
       "name": "Overlay",
       "category": "Overlay",
+      "subcategory": null,
       "description": "Low-level backdrop primitive for custom popovers and modals.",
+      "thumbnail": "/preview-cards/overlay.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Overlay/OverlayProvider.razor"
       ],
@@ -1399,6 +2080,7 @@
         "drawer",
         "sheet"
       ],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
@@ -1407,7 +2089,11 @@
     "pagination": {
       "name": "Pagination",
       "category": "Navigation",
+      "subcategory": null,
       "description": "Page number bar with prev/next and configurable ranges.",
+      "thumbnail": "/preview-cards/pagination.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Pagination/Pagination.razor",
         "UI/Pagination/PaginationContent.razor",
@@ -1417,6 +2103,9 @@
         "UI/Pagination/PaginationPrevious.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
@@ -1430,11 +2119,18 @@
     "password-input": {
       "name": "PasswordInput",
       "category": "Forms",
+      "subcategory": "Inputs",
       "description": "Password field with show/hide toggle and strength meter.",
+      "thumbnail": "/preview-cards/password-input.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/PasswordInput/PasswordInput.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-destructive",
         "--color-foreground",
@@ -1449,11 +2145,18 @@
     "pick-list": {
       "name": "PickList",
       "category": "Dashboard",
+      "subcategory": null,
       "description": "Two-column shuttle picker — move items between lists.",
+      "thumbnail": "/preview-cards/pick-list.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/PickList/PickList.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
@@ -1468,10 +2171,45 @@
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/pick-list.json"
     },
+    "pivot-grid": {
+      "name": "PivotGrid",
+      "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",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
+      "files": [
+        "UI/PivotGrid/PivotCellClickArgs.cs",
+        "UI/PivotGrid/PivotField.cs",
+        "UI/PivotGrid/PivotGrid.razor",
+        "UI/PivotGrid/PivotMeasure.cs"
+      ],
+      "dependencies": [
+        "list"
+      ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
+      "cssVars": [
+        "--color-border",
+        "--color-card",
+        "--color-foreground",
+        "--color-muted",
+        "--color-muted-foreground",
+        "--color-primary",
+        "--radius"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/pivot-grid.json"
+    },
     "pop-confirm": {
       "name": "PopConfirm",
       "category": "Overlay",
+      "subcategory": null,
       "description": "Inline 'are you sure?' popover attached to a trigger.",
+      "thumbnail": "/preview-cards/pop-confirm.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/PopConfirm/PopConfirm.razor"
       ],
@@ -1479,6 +2217,9 @@
         "button",
         "popover"
       ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-muted",
         "--color-muted-foreground"
@@ -1488,13 +2229,18 @@
     "popover": {
       "name": "Popover",
       "category": "Overlay",
+      "subcategory": null,
       "description": "Positionable floating panel with anchor and arrow.",
+      "thumbnail": "/preview-cards/popover.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Popover/Popover.razor",
         "UI/Popover/PopoverContent.razor",
         "UI/Popover/PopoverTrigger.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-border",
         "--color-popover",
@@ -1506,13 +2252,20 @@
     "progress": {
       "name": "Progress",
       "category": "Feedback",
+      "subcategory": null,
       "description": "Linear progress bar with determinate + indeterminate modes.",
+      "thumbnail": "/preview-cards/progress.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Progress/CircularProgress.razor",
         "UI/Progress/Progress.razor",
         "UI/Progress/StepsProgress.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-destructive",
         "--color-foreground",
@@ -1527,7 +2280,11 @@
     "prompt-input": {
       "name": "PromptInput",
       "category": "AI",
+      "subcategory": null,
       "description": "Multiline AI prompt textarea with submit + keyboard shortcuts.",
+      "thumbnail": "/preview-cards/prompt-input.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/PromptInput/PromptInput.razor"
       ],
@@ -1535,6 +2292,7 @@
         "icon",
         "spinner"
       ],
+      "packageDependencies": [],
       "cssVars": [
         "--color-border",
         "--color-card",
@@ -1548,33 +2306,101 @@
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/prompt-input.json"
     },
+    "pull-to-refresh": {
+      "name": "PullToRefresh",
+      "category": "Utility",
+      "subcategory": null,
+      "description": "Pull To Refresh component.",
+      "thumbnail": "/preview-cards/pull-to-refresh.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
+      "files": [
+        "UI/PullToRefresh/PullToRefresh.razor"
+      ],
+      "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
+      "cssVars": [
+        "--color-background",
+        "--color-foreground",
+        "--radius"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/pull-to-refresh.json"
+    },
     "qr-code": {
       "name": "QRCode",
       "category": "Data Display",
+      "subcategory": "Status & Indicators",
       "description": "Renders a QR code SVG for a string payload.",
+      "thumbnail": "/preview-cards/qr-code.png",
+      "hasDocsPage": false,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/QRCode/QRCode.razor",
         "UI/QRCode/QRCodeEncoder.cs"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--radius"
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/qr-code.json"
     },
+    "query-builder": {
+      "name": "QueryBuilder",
+      "category": "Forms",
+      "subcategory": null,
+      "description": "Visual AND/OR predicate-tree builder; serializes to JSON or a LINQ predicate.",
+      "thumbnail": "/preview-cards/query-builder.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
+      "files": [
+        "UI/QueryBuilder/QueryBuilder.razor",
+        "UI/QueryBuilder/QueryBuilderGroup.razor",
+        "UI/QueryBuilder/QueryBuilderModel.cs"
+      ],
+      "dependencies": [
+        "button"
+      ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
+      "cssVars": [
+        "--color-background",
+        "--color-border",
+        "--color-card",
+        "--color-destructive",
+        "--color-foreground",
+        "--color-input",
+        "--color-muted",
+        "--color-muted-foreground",
+        "--color-primary",
+        "--color-primary-foreground",
+        "--color-ring",
+        "--radius"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/query-builder.json"
+    },
     "radio-group": {
       "name": "RadioGroup",
       "category": "Forms",
+      "subcategory": "Selection",
       "description": "Grouped radio buttons with horizontal or vertical layout.",
+      "thumbnail": "/preview-cards/radio-group.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/RadioGroup/RadioGroup.razor",
         "UI/RadioGroup/RadioGroupCard.razor",
         "UI/RadioGroup/RadioGroupItem.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-accent",
         "--color-border",
+        "--color-destructive",
         "--color-muted",
         "--color-muted-foreground",
         "--color-primary",
@@ -1586,12 +2412,21 @@
     "rating": {
       "name": "Rating",
       "category": "Forms",
+      "subcategory": "Specialized",
       "description": "Star rating input with half-star support.",
+      "thumbnail": "/preview-cards/rating.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Rating/Rating.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
+        "--color-destructive",
+        "--color-foreground",
         "--color-muted",
         "--color-muted-foreground",
         "--color-ring",
@@ -1602,13 +2437,18 @@
     "reasoning-display": {
       "name": "ReasoningDisplay",
       "category": "AI",
+      "subcategory": null,
       "description": "Collapsible chain-of-thought block for AI reasoning traces.",
+      "thumbnail": "/preview-cards/reasoning-display.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/ReasoningDisplay/ReasoningDisplay.razor"
       ],
       "dependencies": [
         "icon"
       ],
+      "packageDependencies": [],
       "cssVars": [
         "--color-border",
         "--color-foreground",
@@ -1621,13 +2461,20 @@
     "resizable": {
       "name": "Resizable",
       "category": "Layout",
+      "subcategory": null,
       "description": "Draggable splitter for resizable panel layouts.",
+      "thumbnail": "/preview-cards/resizable.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Resizable/ResizableHandle.razor",
         "UI/Resizable/ResizablePanel.razor",
         "UI/Resizable/ResizablePanelGroup.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-border",
         "--color-primary",
@@ -1639,11 +2486,18 @@
     "result": {
       "name": "Result",
       "category": "Feedback",
+      "subcategory": null,
       "description": "Full-page success/error/info status screen with actions.",
+      "thumbnail": "/preview-cards/result.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Result/Result.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-destructive",
         "--color-foreground",
@@ -1656,30 +2510,94 @@
     },
     "rich-text-editor": {
       "name": "RichTextEditor",
-      "category": "Data Display",
+      "category": "Forms",
+      "subcategory": "Specialized",
       "description": "WYSIWYG editor wrapping TipTap with Lumeo styling.",
-      "files": [
-        "UI/RichTextEditor/RichTextEditor.razor"
+      "thumbnail": "/preview-cards/rich-text-editor.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo.Editor",
+      "files": [
+        "UI/RichTextEditor/AiAction.cs",
+        "UI/RichTextEditor/AiActionMenu.razor",
+        "UI/RichTextEditor/BubbleMenu.razor",
+        "UI/RichTextEditor/EditorImageRequest.cs",
+        "UI/RichTextEditor/EditorToolbar.razor",
+        "UI/RichTextEditor/EditorToolbarPreset.cs",
+        "UI/RichTextEditor/EditorTrigger.cs",
+        "UI/RichTextEditor/RichTextEditor.razor",
+        "UI/RichTextEditor/SlashCommands.cs",
+        "UI/RichTextEditor/TriggerDropdown.razor",
+        "UI/RichTextEditor/WordImporter.cs",
+        "UI/RichTextEditor/WordImportPayload.cs",
+        "UI/RichTextEditor/WordImportSizeException.cs"
       ],
       "dependencies": [
-        "icon"
+        "button",
+        "dialog",
+        "icon",
+        "input"
       ],
+      "packageDependencies": [],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
         "--color-border",
         "--color-card",
+        "--color-destructive",
+        "--color-foreground",
         "--color-muted",
         "--color-muted-foreground",
+        "--color-popover",
+        "--color-popover-foreground",
         "--color-ring",
         "--radius"
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/rich-text-editor.json"
     },
+    "ring-progress": {
+      "name": "RingProgress",
+      "category": "Feedback",
+      "subcategory": null,
+      "description": "Circular determinate progress ring with optional centre label or custom content.",
+      "thumbnail": "/preview-cards/ring-progress.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
+      "files": [
+        "UI/RingProgress/RingProgress.razor"
+      ],
+      "dependencies": [],
+      "packageDependencies": [],
+      "cssVars": [
+        "--color-foreground"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/ring-progress.json"
+    },
+    "safe-area": {
+      "name": "SafeArea",
+      "category": "Utility",
+      "subcategory": null,
+      "description": "Safe Area component.",
+      "thumbnail": "/preview-cards/safe-area.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
+      "files": [
+        "UI/SafeArea/SafeArea.razor"
+      ],
+      "dependencies": [],
+      "packageDependencies": [],
+      "cssVars": [
+        "--color-foreground"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/safe-area.json"
+    },
     "scheduler": {
       "name": "Scheduler",
       "category": "Data Display",
+      "subcategory": "Lists & Trees",
       "description": "Calendar/agenda scheduler wrapping FullCalendar.",
+      "thumbnail": "/preview-cards/scheduler.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo.Scheduler",
       "files": [
         "UI/Scheduler/Scheduler.razor",
         "UI/Scheduler/SchedulerTypes.cs"
@@ -1688,10 +2606,16 @@
         "button",
         "toggle-group"
       ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-border",
         "--color-card",
+        "--color-destructive",
         "--color-foreground",
+        "--color-muted",
+        "--color-muted-foreground",
         "--radius"
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/scheduler.json"
@@ -1699,11 +2623,16 @@
     "scroll-area": {
       "name": "ScrollArea",
       "category": "Layout",
+      "subcategory": null,
       "description": "Styled custom scrollbar container.",
+      "thumbnail": "/preview-cards/scroll-area.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/ScrollArea/ScrollArea.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-border",
         "--color-muted",
@@ -1715,13 +2644,18 @@
     "scrollspy": {
       "name": "Scrollspy",
       "category": "Navigation",
+      "subcategory": null,
       "description": "Highlights the nav item matching the current scroll section.",
+      "thumbnail": "/preview-cards/scrollspy.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Scrollspy/Scrollspy.razor",
         "UI/Scrollspy/ScrollspyLink.razor",
         "UI/Scrollspy/ScrollspySection.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
@@ -1730,11 +2664,17 @@
     "segmented": {
       "name": "Segmented",
       "category": "Forms",
+      "subcategory": "Selection",
       "description": "Pill-shaped tab-like single-select control.",
+      "thumbnail": "/preview-cards/segmented.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
-        "UI/Segmented/Segmented.razor"
+        "UI/Segmented/Segmented.razor",
+        "UI/Segmented/SegmentedItem.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-background",
         "--color-foreground",
@@ -1747,7 +2687,11 @@
     "select": {
       "name": "Select",
       "category": "Forms",
+      "subcategory": "Selection",
       "description": "Native-feeling styled dropdown with search and groups.",
+      "thumbnail": "/preview-cards/select.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Select/Select.razor",
         "UI/Select/SelectContent.razor",
@@ -1760,11 +2704,15 @@
         "list",
         "spinner"
       ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
         "--color-background",
         "--color-border",
+        "--color-destructive",
         "--color-foreground",
         "--color-input",
         "--color-muted",
@@ -1781,11 +2729,16 @@
     "separator": {
       "name": "Separator",
       "category": "Layout",
+      "subcategory": null,
       "description": "Horizontal or vertical dividing rule.",
+      "thumbnail": "/preview-cards/separator.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Separator/Separator.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-border",
         "--color-muted",
@@ -1796,7 +2749,11 @@
     "sheet": {
       "name": "Sheet",
       "category": "Overlay",
+      "subcategory": null,
       "description": "Slide-in side panel from left/right/top/bottom.",
+      "thumbnail": "/preview-cards/sheet.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Sheet/Sheet.razor",
         "UI/Sheet/SheetClose.razor",
@@ -1808,6 +2765,9 @@
         "UI/Sheet/SheetTrigger.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-background",
         "--color-foreground",
@@ -1820,11 +2780,16 @@
     "shimmer-button": {
       "name": "ShimmerButton",
       "category": "Motion",
+      "subcategory": null,
       "description": "Button with animated shimmer border beam.",
+      "thumbnail": "/preview-cards/shimmer-button.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo.Motion",
       "files": [
         "UI/ShimmerButton/ShimmerButton.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
@@ -1844,7 +2809,11 @@
     "sidebar": {
       "name": "Sidebar",
       "category": "Navigation",
+      "subcategory": null,
       "description": "Collapsible app sidebar with groups, menu, and trigger.",
+      "thumbnail": "/preview-cards/sidebar.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Sidebar/SidebarComponent.razor",
         "UI/Sidebar/SidebarContent.razor",
@@ -1860,6 +2829,9 @@
         "UI/Sidebar/SidebarTrigger.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
@@ -1874,7 +2846,11 @@
     "skeleton": {
       "name": "Skeleton",
       "category": "Feedback",
+      "subcategory": null,
       "description": "Pulsing placeholder block for loading states.",
+      "thumbnail": "/preview-cards/skeleton.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Skeleton/Skeleton.razor",
         "UI/Skeleton/SkeletonCard.razor",
@@ -1882,6 +2858,7 @@
         "UI/Skeleton/SkeletonText.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-border",
         "--color-primary",
@@ -1892,12 +2869,18 @@
     "slider": {
       "name": "Slider",
       "category": "Forms",
+      "subcategory": "Specialized",
       "description": "Range slider with single and dual thumb modes.",
+      "thumbnail": "/preview-cards/slider.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Slider/Slider.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
+        "--color-destructive",
         "--color-muted",
         "--color-muted-foreground",
         "--color-popover",
@@ -1910,13 +2893,20 @@
     "sortable": {
       "name": "Sortable",
       "category": "Drag & Drop",
+      "subcategory": null,
       "description": "Drag-and-drop reorderable list.",
+      "thumbnail": "/preview-cards/sortable.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Sortable/SortableList.razor"
       ],
       "dependencies": [
         "list"
       ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-border",
         "--color-card",
@@ -1931,11 +2921,16 @@
     "spacer": {
       "name": "Spacer",
       "category": "Layout",
+      "subcategory": null,
       "description": "Flex-grow spacer that pushes siblings apart.",
+      "thumbnail": "/preview-cards/spacer.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Spacer/Spacer.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
@@ -1944,11 +2939,16 @@
     "spark-card": {
       "name": "SparkCard",
       "category": "Dashboard",
+      "subcategory": null,
       "description": "Small dashboard card with an inline sparkline chart.",
+      "thumbnail": "/preview-cards/spark-card.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/SparkCard/SparkCard.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-border",
         "--color-card",
@@ -1963,11 +2963,16 @@
     "sparkles": {
       "name": "Sparkles",
       "category": "Motion",
+      "subcategory": null,
       "description": "Decorative sparkle particle animation.",
+      "thumbnail": "/preview-cards/sparkles.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo.Motion",
       "files": [
         "UI/Sparkles/Sparkles.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
@@ -1976,11 +2981,16 @@
     "sparkline": {
       "name": "Sparkline",
       "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",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Sparkline/Sparkline.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
@@ -1989,11 +2999,18 @@
     "speed-dial": {
       "name": "SpeedDial",
       "category": "Navigation",
+      "subcategory": null,
       "description": "Floating action button that fans out sub-actions.",
+      "thumbnail": "/preview-cards/speed-dial.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/SpeedDial/SpeedDial.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-border",
         "--color-popover",
@@ -2010,11 +3027,16 @@
     "spinner": {
       "name": "Spinner",
       "category": "Feedback",
+      "subcategory": null,
       "description": "Indeterminate loading spinner with size variants.",
+      "thumbnail": "/preview-cards/spinner.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Spinner/Spinner.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-muted",
         "--color-muted-foreground",
@@ -2022,16 +3044,44 @@
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/spinner.json"
     },
+    "split-button": {
+      "name": "SplitButton",
+      "category": "Utility",
+      "subcategory": null,
+      "description": "Split Button component.",
+      "thumbnail": "/preview-cards/split-button.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
+      "files": [
+        "UI/SplitButton/SplitButton.razor"
+      ],
+      "dependencies": [
+        "button",
+        "dropdown-menu"
+      ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
+      "cssVars": [
+        "--radius"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/split-button.json"
+    },
     "splitter": {
       "name": "Splitter",
       "category": "Navigation",
+      "subcategory": null,
       "description": "Resizable split pane for horizontal/vertical layouts.",
+      "thumbnail": "/preview-cards/splitter.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Splitter/Splitter.razor",
         "UI/Splitter/SplitterDivider.razor",
         "UI/Splitter/SplitterPane.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-border",
         "--color-primary",
@@ -2042,11 +3092,16 @@
     "stack": {
       "name": "Stack",
       "category": "Layout",
+      "subcategory": null,
       "description": "Vertical flex wrapper with gap prop.",
+      "thumbnail": "/preview-cards/stack.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Stack/Stack.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
@@ -2055,28 +3110,74 @@
     "statistic": {
       "name": "Statistic",
       "category": "Data Display",
+      "subcategory": "Status & Indicators",
       "description": "Big-number statistic display with label and unit.",
+      "thumbnail": "/preview-cards/statistic.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Statistic/Statistic.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
+        "--color-border",
         "--color-destructive",
         "--color-foreground",
         "--color-muted",
-        "--color-muted-foreground"
+        "--color-muted-foreground",
+        "--radius"
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/statistic.json"
     },
+    "stepper": {
+      "name": "Stepper",
+      "category": "Navigation",
+      "subcategory": null,
+      "description": "Stateful multi-step wizard with navigation, validation gating, and header indicators.",
+      "thumbnail": "/preview-cards/stepper.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
+      "files": [
+        "UI/Stepper/Stepper.razor",
+        "UI/Stepper/StepperStep.razor"
+      ],
+      "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
+      "cssVars": [
+        "--color-background",
+        "--color-border",
+        "--color-destructive",
+        "--color-foreground",
+        "--color-muted",
+        "--color-muted-foreground",
+        "--color-primary",
+        "--color-primary-foreground",
+        "--color-ring",
+        "--radius"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/stepper.json"
+    },
     "steps": {
       "name": "Steps",
       "category": "Data Display",
+      "subcategory": "Lists & Trees",
       "description": "Numbered step indicator for wizards and progress flows.",
+      "thumbnail": "/preview-cards/steps.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Steps/Steps.razor",
         "UI/Steps/StepsItem.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-background",
         "--color-border",
@@ -2094,28 +3195,57 @@
     "streaming-text": {
       "name": "StreamingText",
       "category": "AI",
+      "subcategory": null,
       "description": "Token-by-token streaming text renderer for AI responses.",
+      "thumbnail": "/preview-cards/streaming-text.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/StreamingText/StreamingText.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/streaming-text.json"
     },
+    "swipe-actions": {
+      "name": "SwipeActions",
+      "category": "Utility",
+      "subcategory": null,
+      "description": "Swipe Actions component.",
+      "thumbnail": "/preview-cards/swipe-actions.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
+      "files": [
+        "UI/SwipeActions/SwipeActions.razor"
+      ],
+      "dependencies": [],
+      "packageDependencies": [],
+      "cssVars": [
+        "--color-background"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/swipe-actions.json"
+    },
     "switch": {
       "name": "Switch",
       "category": "Forms",
+      "subcategory": "Specialized",
       "description": "Toggle switch for boolean settings.",
+      "thumbnail": "/preview-cards/switch.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Switch/Switch.razor"
       ],
       "dependencies": [
         "spinner"
       ],
+      "packageDependencies": [],
       "cssVars": [
         "--color-background",
+        "--color-destructive",
         "--color-input",
         "--color-muted",
         "--color-muted-foreground",
@@ -2128,7 +3258,11 @@
     "table": {
       "name": "Table",
       "category": "Data Display",
+      "subcategory": "Tables",
       "description": "Minimal styled HTML table with header, row, cell components.",
+      "thumbnail": "/preview-cards/table.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Table/Table.razor",
         "UI/Table/TableBody.razor",
@@ -2139,7 +3273,9 @@
         "UI/Table/TableRow.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
+        "--color-border",
         "--color-muted",
         "--color-muted-foreground"
       ],
@@ -2148,7 +3284,11 @@
     "tabs": {
       "name": "Tabs",
       "category": "Navigation",
+      "subcategory": null,
       "description": "Tabbed content with keyboard nav and animated active indicator.",
+      "thumbnail": "/preview-cards/tabs.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Tabs/Tabs.razor",
         "UI/Tabs/TabsContent.razor",
@@ -2156,6 +3296,9 @@
         "UI/Tabs/TabsTrigger.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-background",
         "--color-border",
@@ -2173,17 +3316,25 @@
     "tag-input": {
       "name": "TagInput",
       "category": "Forms",
+      "subcategory": "Inputs",
       "description": "Input that turns entries into removable tag chips.",
+      "thumbnail": "/preview-cards/tag-input.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/TagInput/TagInput.razor"
       ],
       "dependencies": [
         "list"
       ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
         "--color-border",
+        "--color-destructive",
         "--color-foreground",
         "--color-input",
         "--color-muted",
@@ -2200,12 +3351,19 @@
     "text": {
       "name": "Text",
       "category": "Typography",
+      "subcategory": null,
       "description": "Paragraph text with size, color, weight props.",
+      "thumbnail": "/preview-cards/text.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Text/Text.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
+        "--color-accent",
+        "--color-accent-foreground",
         "--color-destructive",
         "--color-foreground",
         "--color-muted",
@@ -2217,11 +3375,16 @@
     "text-reveal": {
       "name": "TextReveal",
       "category": "Motion",
+      "subcategory": null,
       "description": "Word-by-word reveal animation on scroll.",
+      "thumbnail": "/preview-cards/text-reveal.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo.Motion",
       "files": [
         "UI/TextReveal/TextReveal.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
@@ -2230,11 +3393,16 @@
     "textarea": {
       "name": "Textarea",
       "category": "Forms",
+      "subcategory": "Inputs",
       "description": "Multiline text input with auto-resize option.",
+      "thumbnail": "/preview-cards/textarea.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Textarea/Textarea.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-destructive",
         "--color-input",
@@ -2248,13 +3416,21 @@
     "theme-switcher": {
       "name": "ThemeSwitcher",
       "category": "Utility",
+      "subcategory": null,
       "description": "Color-scheme picker that writes to ThemeService.",
+      "thumbnail": "/preview-cards/theme-switcher.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/ThemeSwitcher/ThemeSwitcher.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-background",
+        "--color-border",
         "--color-foreground",
         "--color-muted",
         "--color-muted-foreground",
@@ -2266,11 +3442,18 @@
     "theme-toggle": {
       "name": "ThemeToggle",
       "category": "Utility",
+      "subcategory": null,
       "description": "Dark/light mode toggle button.",
+      "thumbnail": "/preview-cards/theme-toggle.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/ThemeToggle/ThemeToggle.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
@@ -2284,16 +3467,25 @@
     "time-picker": {
       "name": "TimePicker",
       "category": "Forms",
+      "subcategory": "Specialized",
       "description": "Time-of-day picker with 12h/24h formats.",
+      "thumbnail": "/preview-cards/time-picker.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
-        "UI/TimePicker/TimePicker.razor"
+        "UI/TimePicker/TimePicker.razor",
+        "UI/TimePicker/TimeWheelPicker.razor"
       ],
       "dependencies": [
         "popover"
       ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
+        "--color-destructive",
         "--color-input",
         "--color-muted",
         "--color-muted-foreground",
@@ -2306,12 +3498,17 @@
     "timeline": {
       "name": "Timeline",
       "category": "Data Display",
+      "subcategory": "Lists & Trees",
       "description": "Vertical event timeline with icons and connectors.",
+      "thumbnail": "/preview-cards/timeline.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Timeline/Timeline.razor",
         "UI/Timeline/TimelineItem.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-background",
         "--color-border",
@@ -2327,17 +3524,25 @@
     "toast": {
       "name": "Toast",
       "category": "Feedback",
+      "subcategory": null,
       "description": "Notification toast — renders from ToastService queue.",
+      "thumbnail": "/preview-cards/toast.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Toast/Toast.razor",
         "UI/Toast/ToastAction.razor",
         "UI/Toast/ToastClose.razor",
         "UI/Toast/ToastDescription.razor",
         "UI/Toast/ToastProvider.razor",
+        "UI/Toast/ToastProvider.razor.cs",
         "UI/Toast/ToastTitle.razor",
         "UI/Toast/ToastViewport.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-border",
         "--color-card",
@@ -2353,11 +3558,16 @@
     "toggle": {
       "name": "Toggle",
       "category": "Forms",
+      "subcategory": "Buttons & Actions",
       "description": "Two-state button with pressed/unpressed styling.",
+      "thumbnail": "/preview-cards/toggle.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Toggle/Toggle.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
@@ -2372,12 +3582,17 @@
     "toggle-group": {
       "name": "ToggleGroup",
       "category": "Forms",
+      "subcategory": "Selection",
       "description": "Group of toggles with single or multiple selection.",
+      "thumbnail": "/preview-cards/toggle-group.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/ToggleGroup/ToggleGroup.razor",
         "UI/ToggleGroup/ToggleGroupItem.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
@@ -2392,7 +3607,11 @@
     "tool-call-card": {
       "name": "ToolCallCard",
       "category": "AI",
+      "subcategory": null,
       "description": "AI tool-invocation card showing call + result.",
+      "thumbnail": "/preview-cards/tool-call-card.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/ToolCallCard/ToolCallCard.razor"
       ],
@@ -2400,6 +3619,7 @@
         "icon",
         "spinner"
       ],
+      "packageDependencies": [],
       "cssVars": [
         "--color-border",
         "--color-destructive",
@@ -2411,16 +3631,49 @@
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/tool-call-card.json"
     },
+    "toolbar": {
+      "name": "Toolbar",
+      "category": "Navigation",
+      "subcategory": null,
+      "description": "Horizontal toolbar container with separator, spacer, and group sub-components.",
+      "thumbnail": "/preview-cards/toolbar.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
+      "files": [
+        "UI/Toolbar/Toolbar.razor",
+        "UI/Toolbar/ToolbarGroup.razor",
+        "UI/Toolbar/ToolbarSeparator.razor",
+        "UI/Toolbar/ToolbarSpacer.razor"
+      ],
+      "dependencies": [
+        "button",
+        "dropdown-menu"
+      ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
+      "cssVars": [
+        "--color-border",
+        "--color-card",
+        "--radius"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/toolbar.json"
+    },
     "tooltip": {
       "name": "Tooltip",
       "category": "Overlay",
+      "subcategory": null,
       "description": "Hover/focus tooltip with arrow and configurable placement.",
+      "thumbnail": "/preview-cards/tooltip.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Tooltip/Tooltip.razor",
         "UI/Tooltip/TooltipContent.razor",
         "UI/Tooltip/TooltipTrigger.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-primary",
         "--color-primary-foreground",
@@ -2428,14 +3681,37 @@
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/tooltip.json"
     },
+    "touch-ripple": {
+      "name": "TouchRipple",
+      "category": "Utility",
+      "subcategory": null,
+      "description": "Touch Ripple component.",
+      "thumbnail": "/preview-cards/touch-ripple.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
+      "files": [
+        "UI/TouchRipple/TouchRipple.razor"
+      ],
+      "dependencies": [],
+      "packageDependencies": [],
+      "cssVars": [
+        "--color-foreground"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/touch-ripple.json"
+    },
     "tour": {
       "name": "Tour",
       "category": "Overlay",
+      "subcategory": null,
       "description": "Multi-step spotlight onboarding tour.",
+      "thumbnail": "/preview-cards/tour.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Tour/Tour.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-accent",
         "--color-background",
@@ -2454,7 +3730,11 @@
     "transfer": {
       "name": "Transfer",
       "category": "Drag & Drop",
+      "subcategory": null,
       "description": "Dual-list transfer picker — left/right with arrows.",
+      "thumbnail": "/preview-cards/transfer.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Transfer/Transfer.razor"
       ],
@@ -2462,6 +3742,9 @@
         "checkbox",
         "list"
       ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
@@ -2477,19 +3760,28 @@
     },
     "tree-select": {
       "name": "TreeSelect",
-      "category": "Data Display",
+      "category": "Forms",
+      "subcategory": "Selection",
       "description": "Select input with a hierarchical tree dropdown.",
+      "thumbnail": "/preview-cards/tree-select.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/TreeSelect/TreeSelect.razor"
       ],
       "dependencies": [
         "list"
       ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
       "cssVars": [
         "--color-accent",
         "--color-accent-foreground",
         "--color-background",
         "--color-border",
+        "--color-destructive",
+        "--color-foreground",
         "--color-input",
         "--color-muted",
         "--color-muted-foreground",
@@ -2503,16 +3795,25 @@
     "tree-view": {
       "name": "TreeView",
       "category": "Data Display",
+      "subcategory": "Lists & Trees",
       "description": "Hierarchical tree with expand/collapse and selection.",
+      "thumbnail": "/preview-cards/tree-view.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/TreeView/TreeView.razor",
         "UI/TreeView/TreeViewNode.razor"
       ],
       "dependencies": [
-        "checkbox"
+        "checkbox",
+        "list"
+      ],
+      "packageDependencies": [
+        "Blazicons.Lucide"
       ],
       "cssVars": [
         "--color-accent",
+        "--color-accent-foreground",
         "--color-input",
         "--color-muted",
         "--color-muted-foreground",
@@ -2524,15 +3825,45 @@
     "watermark": {
       "name": "Watermark",
       "category": "Data Display",
+      "subcategory": "Cards & Layout",
       "description": "Repeating diagonal watermark overlay.",
+      "thumbnail": "/preview-cards/watermark.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
       "files": [
         "UI/Watermark/Watermark.razor"
       ],
       "dependencies": [],
+      "packageDependencies": [],
       "cssVars": [
         "--color-foreground"
       ],
       "registryUrl": "https://lumeo.nativ.sh/registry/watermark.json"
+    },
+    "window": {
+      "name": "Window",
+      "category": "Overlay",
+      "subcategory": null,
+      "description": "Non-modal draggable and resizable floating panel with minimize and maximize support.",
+      "thumbnail": "/preview-cards/window.png",
+      "hasDocsPage": true,
+      "nugetPackage": "Lumeo",
+      "files": [
+        "UI/Window/Window.razor"
+      ],
+      "dependencies": [],
+      "packageDependencies": [
+        "Blazicons.Lucide"
+      ],
+      "cssVars": [
+        "--color-border",
+        "--color-card",
+        "--color-foreground",
+        "--color-muted",
+        "--color-muted-foreground",
+        "--radius"
+      ],
+      "registryUrl": "https://lumeo.nativ.sh/registry/window.json"
     }
   }
 }