{ "$schema": "https://lumeo.nativ.sh/registry-schema.json", "version": "3.12.0", "generated": "2026-06-04T17:32:46.0892338Z", "components": { "accordion": { "name": "Accordion", "category": "Navigation", "subcategory": null, "description": "Vertically stacked collapsible sections that expand to reveal content.", "thumbnail": "/preview-cards/accordion.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Accordion/Accordion.razor", "UI/Accordion/AccordionContent.razor", "UI/Accordion/AccordionItem.razor", "UI/Accordion/AccordionTrigger.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-border", "--color-muted", "--color-muted-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/accordion.json" }, "affix": { "name": "Affix", "category": "Navigation", "subcategory": null, "description": "Pins an element to the viewport edge as the user scrolls.", "thumbnail": "/preview-cards/affix.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Affix/Affix.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/affix.json" }, "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/AgentMessageList/AgentMessage.razor", "UI/AgentMessageList/AgentMessageList.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground", "--color-muted", "--color-muted-foreground", "--color-primary", "--color-primary-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/agent-message-list.json" }, "alert": { "name": "Alert", "category": "Feedback", "subcategory": null, "description": "Inline callout for status, warning, or informational messages.", "thumbnail": "/preview-cards/alert.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Alert/Alert.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-background", "--color-border", "--color-destructive", "--color-foreground", "--color-primary", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/alert.json" }, "alert-dialog": { "name": "AlertDialog", "category": "Overlay", "subcategory": null, "description": "Modal confirmation dialog that interrupts the user for destructive actions.", "thumbnail": "/preview-cards/alert-dialog.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/AlertDialog/AlertDialog.razor", "UI/AlertDialog/AlertDialogAction.razor", "UI/AlertDialog/AlertDialogCancel.razor", "UI/AlertDialog/AlertDialogContent.razor", "UI/AlertDialog/AlertDialogDescription.razor", "UI/AlertDialog/AlertDialogFooter.razor", "UI/AlertDialog/AlertDialogHeader.razor", "UI/AlertDialog/AlertDialogTitle.razor", "UI/AlertDialog/AlertDialogTrigger.razor" ], "dependencies": [ "spinner" ], "packageDependencies": [], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-background", "--color-destructive", "--color-destructive-foreground", "--color-input", "--color-muted", "--color-muted-foreground", "--radius" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo.Motion", "files": [ "UI/AnimatedBeam/AnimatedBeam.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/AppBar/AppBar.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-border", "--color-card", "--color-foreground" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/AspectRatio/AspectRatio.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/aspect-ratio.json" }, "audio-player": { "name": "AudioPlayer", "category": "Utility", "subcategory": null, "description": "Audio Player component.", "thumbnail": "/preview-cards/audio-player.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/AudioPlayer/AudioPlayer.razor" ], "dependencies": [ "button" ], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-border", "--color-card", "--color-foreground", "--color-muted", "--color-muted-foreground", "--color-primary", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/audio-player.json" }, "avatar": { "name": "Avatar", "category": "Data Display", "subcategory": "Cards & Layout", "description": "Circular user image with initials fallback and status indicator.", "thumbnail": "/preview-cards/avatar.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Avatar/Avatar.razor", "UI/Avatar/AvatarFallback.razor", "UI/Avatar/AvatarGroup.razor", "UI/Avatar/AvatarImage.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-destructive", "--color-muted", "--color-muted-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/avatar.json" }, "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/BackToTop/BackToTop.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-primary", "--color-primary-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/back-to-top.json" }, "badge": { "name": "Badge", "category": "Data Display", "subcategory": "Cards & Layout", "description": "Small label for counts, statuses, or category tags.", "thumbnail": "/preview-cards/badge.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Badge/Badge.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-border", "--color-destructive", "--color-destructive-foreground", "--color-foreground", "--color-primary", "--color-primary-foreground", "--color-secondary", "--color-secondary-foreground", "--radius" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Barcode/Barcode.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Bento/Bento.razor", "UI/Bento/BentoTile.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-border", "--color-card", "--color-card-foreground", "--color-foreground", "--color-muted", "--color-muted-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/bento.json" }, "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo.Motion", "files": [ "UI/BlurFade/BlurFade.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/blur-fade.json" }, "border-beam": { "name": "BorderBeam", "category": "Motion", "subcategory": null, "description": "Animated gradient border beam effect for hero elements.", "thumbnail": "/preview-cards/border-beam.webp", "hasDocsPage": true, "nugetPackage": "Lumeo.Motion", "files": [ "UI/BorderBeam/BorderBeam.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/border-beam.json" }, "bottom-nav": { "name": "BottomNav", "category": "Navigation", "subcategory": null, "description": "Mobile-first bottom navigation bar with icon items.", "thumbnail": "/preview-cards/bottom-nav.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/BottomNav/BottomNav.razor", "UI/BottomNav/BottomNavFab.razor", "UI/BottomNav/BottomNavItem.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-background", "--color-border", "--color-card", "--color-foreground", "--color-muted", "--color-muted-foreground", "--color-primary", "--color-primary-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/bottom-nav.json" }, "breadcrumb": { "name": "Breadcrumb", "category": "Navigation", "subcategory": null, "description": "Hierarchical page path with separator characters.", "thumbnail": "/preview-cards/breadcrumb.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Breadcrumb/Breadcrumb.razor", "UI/Breadcrumb/BreadcrumbEllipsis.razor", "UI/Breadcrumb/BreadcrumbItem.razor", "UI/Breadcrumb/BreadcrumbLink.razor", "UI/Breadcrumb/BreadcrumbList.razor", "UI/Breadcrumb/BreadcrumbPage.razor", "UI/Breadcrumb/BreadcrumbSeparator.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-foreground", "--color-muted", "--color-muted-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/breadcrumb.json" }, "button": { "name": "Button", "category": "Forms", "subcategory": "Buttons & Actions", "description": "Versatile button with variants, sizes, icons, and loading states.", "thumbnail": "/preview-cards/button.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Button/Button.razor" ], "dependencies": [ "spinner" ], "packageDependencies": [], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-background", "--color-destructive", "--color-destructive-foreground", "--color-input", "--color-primary", "--color-primary-foreground", "--color-ring", "--color-secondary", "--color-secondary-foreground", "--radius" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/ButtonGroup/ButtonGroup.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--radius" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Calendar/Calendar.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-muted", "--color-muted-foreground", "--color-primary", "--color-primary-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/calendar.json" }, "card": { "name": "Card", "category": "Data Display", "subcategory": "Cards & Layout", "description": "Flexible container with header, content, and footer slots.", "thumbnail": "/preview-cards/card.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Card/Card.razor", "UI/Card/CardContent.razor", "UI/Card/CardFooter.razor", "UI/Card/CardHeader.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-accent", "--color-border", "--color-card", "--color-card-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/card.json" }, "carousel": { "name": "Carousel", "category": "Navigation", "subcategory": null, "description": "Slide-based content rotator with autoplay and keyboard nav.", "thumbnail": "/preview-cards/carousel.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Carousel/Carousel.razor", "UI/Carousel/CarouselContent.razor", "UI/Carousel/CarouselItem.razor", "UI/Carousel/CarouselNext.razor", "UI/Carousel/CarouselPrevious.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-background", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/carousel.json" }, "cascader": { "name": "Cascader", "category": "Forms", "subcategory": "Selection", "description": "Multi-level dropdown for hierarchical selection.", "thumbnail": "/preview-cards/cascader.webp", "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", "--color-muted-foreground", "--color-popover", "--color-popover-foreground", "--color-primary", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/cascader.json" }, "center": { "name": "Center", "category": "Layout", "subcategory": null, "description": "Flexbox helper that centers its children on both axes.", "thumbnail": "/preview-cards/center.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Center/Center.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/center.json" }, "chart": { "name": "Chart", "category": "Data Display", "subcategory": "Charts", "description": "Declarative chart wrapper over ECharts — 30+ types supported.", "thumbnail": "/preview-cards/chart.webp", "hasDocsPage": true, "nugetPackage": "Lumeo.Charts", "files": [ "UI/Chart/Chart.razor", "UI/Chart/ChartAnnotations.cs", "UI/Chart/ChartHelper.cs", "UI/Chart/ChartLabelHelper.cs", "UI/Chart/ChartPlaceholderFactory.cs", "UI/Chart/ChartReferenceZone.razor", "UI/Chart/Charts/AreaChart.razor", "UI/Chart/Charts/BarChart.razor", "UI/Chart/Charts/BoxPlotChart.razor", "UI/Chart/Charts/CalendarHeatmapChart.razor", "UI/Chart/Charts/CandlestickChart.razor", "UI/Chart/Charts/DonutChart.razor", "UI/Chart/Charts/EffectScatterChart.razor", "UI/Chart/Charts/FunnelChart.razor", "UI/Chart/Charts/GaugeChart.razor", "UI/Chart/Charts/GeoMapChart.razor", "UI/Chart/Charts/GraphChart.razor", "UI/Chart/Charts/HeatmapChart.razor", "UI/Chart/Charts/LineChart.razor", "UI/Chart/Charts/LiquidFillChart.razor", "UI/Chart/Charts/MixedChart.razor", "UI/Chart/Charts/NightingaleChart.razor", "UI/Chart/Charts/ParallelChart.razor", "UI/Chart/Charts/PictorialBarChart.razor", "UI/Chart/Charts/PieChart.razor", "UI/Chart/Charts/PolarBarChart.razor", "UI/Chart/Charts/RadarChart.razor", "UI/Chart/Charts/RadialChart.razor", "UI/Chart/Charts/SankeyChart.razor", "UI/Chart/Charts/ScatterChart.razor", "UI/Chart/Charts/SunburstChart.razor", "UI/Chart/Charts/ThemeRiverChart.razor", "UI/Chart/Charts/TreeChart.razor", "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/ChartThreshold.razor", "UI/Chart/ChartTooltip.razor", "UI/Chart/ChartTooltipContext.cs", "UI/Chart/ChartTooltipSlot.cs", "UI/Chart/EChartOption.cs" ], "dependencies": [ "gauge", "stack" ], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-background", "--color-border", "--color-destructive", "--color-muted", "--color-muted-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/chart.json" }, "checkbox": { "name": "Checkbox", "category": "Forms", "subcategory": "Specialized", "description": "Binary input with indeterminate state and accessible label.", "thumbnail": "/preview-cards/checkbox.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Checkbox/Checkbox.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-background", "--color-destructive", "--color-muted", "--color-muted-foreground", "--color-primary", "--color-primary-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/checkbox.json" }, "chip": { "name": "Chip", "category": "Data Display", "subcategory": "Status & Indicators", "description": "Compact removable tag, optionally toggleable.", "thumbnail": "/preview-cards/chip.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Chip/Chip.razor", "UI/Chip/ChipGroup.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-border", "--color-destructive", "--color-destructive-foreground", "--color-foreground", "--color-primary", "--color-primary-foreground", "--color-ring", "--color-secondary", "--color-secondary-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/chip.json" }, "code": { "name": "Code", "category": "Typography", "subcategory": null, "description": "Inline or block monospace code snippet with optional copy button.", "thumbnail": "/preview-cards/code.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Code/Code.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-muted", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/code.json" }, "code-editor": { "name": "CodeEditor", "category": "Forms", "subcategory": null, "description": "Source-code editor wrapping CodeMirror 6 with on-demand language packs, dark/light/auto theming, and line numbers.", "thumbnail": "/preview-cards/code-editor.webp", "hasDocsPage": true, "nugetPackage": "Lumeo.CodeEditor", "files": [ "UI/CodeEditor/CodeEditor.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-border", "--color-card", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/code-editor.json" }, "collapsible": { "name": "Collapsible", "category": "Navigation", "subcategory": null, "description": "Single expandable region with animated height transition.", "thumbnail": "/preview-cards/collapsible.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Collapsible/Collapsible.razor", "UI/Collapsible/CollapsibleContent.razor", "UI/Collapsible/CollapsibleTrigger.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/collapsible.json" }, "color-picker": { "name": "ColorPicker", "category": "Forms", "subcategory": "Specialized", "description": "Hue + saturation/value picker with hex input.", "thumbnail": "/preview-cards/color-picker.webp", "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", "--color-popover", "--color-popover-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/color-picker.json" }, "combobox": { "name": "Combobox", "category": "Forms", "subcategory": "Selection", "description": "Searchable select with filtering, custom values, and grouping.", "thumbnail": "/preview-cards/combobox.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Combobox/Combobox.razor", "UI/Combobox/ComboboxContent.razor", "UI/Combobox/ComboboxCreate.razor", "UI/Combobox/ComboboxEmpty.razor", "UI/Combobox/ComboboxGroup.razor", "UI/Combobox/ComboboxInput.razor", "UI/Combobox/ComboboxItem.razor" ], "dependencies": [ "spinner" ], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-border", "--color-destructive", "--color-foreground", "--color-input", "--color-muted", "--color-muted-foreground", "--color-popover", "--color-popover-foreground", "--color-ring", "--color-secondary", "--color-secondary-foreground", "--radius" ], "gotchas": [ "Data-bound mode (the Items parameter) still requires and children — a bare with no children renders only an empty wrapper. Map items with ItemValue/ItemText (there is no ItemLabel parameter); items are typed as object, so the Combobox is not generic (no TItem)." ], "registryUrl": "https://lumeo.nativ.sh/registry/combobox.json" }, "command": { "name": "Command", "category": "Overlay", "subcategory": null, "description": "Command palette — keyboard-driven finder for actions.", "thumbnail": "/preview-cards/command.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Command/Command.razor", "UI/Command/CommandEmpty.razor", "UI/Command/CommandGroup.razor", "UI/Command/CommandInput.razor", "UI/Command/CommandItem.razor", "UI/Command/CommandList.razor", "UI/Command/CommandSeparator.razor" ], "dependencies": [ "kbd" ], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-border", "--color-foreground", "--color-muted", "--color-muted-foreground", "--color-popover", "--color-popover-foreground", "--radius" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo.Motion", "files": [ "UI/Confetti/Confetti.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/confetti.json" }, "confirm-button": { "name": "ConfirmButton", "category": "Forms", "subcategory": null, "description": "Confirm Button component.", "thumbnail": "/preview-cards/confirm-button.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/ConfirmButton/ConfirmButton.razor" ], "dependencies": [ "button" ], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/confirm-button.json" }, "consent-banner": { "name": "ConsentBanner", "category": "Utility", "subcategory": null, "description": "Consent Banner component.", "thumbnail": "/preview-cards/consent-banner.webp", "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", "--color-ring", "--radius" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Container/Container.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/container.json" }, "context-menu": { "name": "ContextMenu", "category": "Overlay", "subcategory": null, "description": "Right-click menu tied to a container element.", "thumbnail": "/preview-cards/context-menu.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/ContextMenu/ContextMenu.razor", "UI/ContextMenu/ContextMenuCheckboxItem.razor", "UI/ContextMenu/ContextMenuContent.razor", "UI/ContextMenu/ContextMenuGroup.razor", "UI/ContextMenu/ContextMenuItem.razor", "UI/ContextMenu/ContextMenuLabel.razor", "UI/ContextMenu/ContextMenuRadioGroup.razor", "UI/ContextMenu/ContextMenuRadioItem.razor", "UI/ContextMenu/ContextMenuSeparator.razor", "UI/ContextMenu/ContextMenuSub.razor", "UI/ContextMenu/ContextMenuSubContent.razor", "UI/ContextMenu/ContextMenuSubTrigger.razor", "UI/ContextMenu/ContextMenuTrigger.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-border", "--color-popover", "--color-popover-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/context-menu.json" }, "cta-section": { "name": "CTASection", "category": "Marketing", "subcategory": null, "description": "CTASection component.", "thumbnail": "/preview-cards/cta-section.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/CTASection/CTASection.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-border", "--color-foreground", "--color-muted", "--color-muted-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/cta-section.json" }, "data-grid": { "name": "DataGrid", "category": "Data Display", "subcategory": "Tables", "description": "Enterprise grid: sort, filter, inline edit, multi-level group (client + server), pin, virtualize, export.", "thumbnail": "/preview-cards/data-grid.webp", "hasDocsPage": true, "nugetPackage": "Lumeo.DataGrid", "files": [ "UI/DataGrid/DataGrid.razor", "UI/DataGrid/DataGridBody.razor", "UI/DataGrid/DataGridCell.razor", "UI/DataGrid/DataGridColumn.cs", "UI/DataGrid/DataGridColumnDef.razor", "UI/DataGrid/DataGridColumnFilter.razor", "UI/DataGrid/DataGridColumnGroup.razor", "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", "UI/DataGrid/DataGridGroupRow.razor", "UI/DataGrid/DataGridHeader.razor", "UI/DataGrid/DataGridHeaderCell.razor", "UI/DataGrid/DataGridLayoutService.cs", "UI/DataGrid/DataGridPagination.razor", "UI/DataGrid/DataGridRow.razor", "UI/DataGrid/DataGridRowKeys.cs", "UI/DataGrid/DataGridServerService.cs", "UI/DataGrid/DataGridState.cs", "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", "checkbox", "dropdown-menu", "filter", "heading", "list", "pagination", "select", "skeleton", "sortable", "toolbar" ], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-background", "--color-border", "--color-card", "--color-card-foreground", "--color-destructive", "--color-foreground", "--color-input", "--color-muted", "--color-muted-foreground", "--color-popover", "--color-popover-foreground", "--color-primary", "--color-primary-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/data-grid.json" }, "data-table": { "name": "DataTable", "category": "Data Display", "subcategory": "Tables", "description": "Table with sorting, pagination, and row selection built in.", "thumbnail": "/preview-cards/data-table.webp", "hasDocsPage": true, "nugetPackage": "Lumeo.DataGrid", "files": [ "UI/DataTable/DataTable.razor", "UI/DataTable/DataTableSortableHeader.razor" ], "dependencies": [ "checkbox" ], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-border", "--color-muted", "--color-muted-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/data-table.json" }, "date-picker": { "name": "DatePicker", "category": "Forms", "subcategory": "Specialized", "description": "Calendar popover for picking a single date or range.", "thumbnail": "/preview-cards/date-picker.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/DatePicker/DatePicker.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", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/date-picker.json" }, "date-time-picker": { "name": "DateTimePicker", "category": "Forms", "subcategory": "Specialized", "description": "Combined date + time picker with timezone awareness.", "thumbnail": "/preview-cards/date-time-picker.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/DateTimePicker/DateTimePicker.razor" ], "dependencies": [ "calendar", "popover" ], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-border", "--color-destructive", "--color-foreground", "--color-input", "--color-muted", "--color-muted-foreground", "--color-primary", "--color-primary-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/date-time-picker.json" }, "delta": { "name": "Delta", "category": "Dashboard", "subcategory": null, "description": "Trend indicator showing delta value with up/down arrow + color.", "thumbnail": "/preview-cards/delta.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Delta/Delta.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-destructive", "--color-muted", "--color-muted-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/delta.json" }, "density-scope": { "name": "DensityScope", "category": "Utility", "subcategory": null, "description": "Density Scope component.", "thumbnail": "/preview-cards/density-scope.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/DensityScope/DensityScope.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/density-scope.json" }, "descriptions": { "name": "Descriptions", "category": "Data Display", "subcategory": "Cards & Layout", "description": "Key-value pair list for read-only entity details.", "thumbnail": "/preview-cards/descriptions.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Descriptions/Descriptions.razor", "UI/Descriptions/DescriptionsItem.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-border", "--color-foreground", "--color-muted", "--color-muted-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/descriptions.json" }, "dialog": { "name": "Dialog", "category": "Overlay", "subcategory": null, "description": "Modal dialog with header, content, footer, and focus trap.", "thumbnail": "/preview-cards/dialog.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Dialog/Dialog.razor", "UI/Dialog/DialogClose.razor", "UI/Dialog/DialogContent.razor", "UI/Dialog/DialogDescription.razor", "UI/Dialog/DialogFooter.razor", "UI/Dialog/DialogHeader.razor", "UI/Dialog/DialogTitle.razor", "UI/Dialog/DialogTrigger.razor" ], "dependencies": [ "button" ], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-background", "--color-border", "--color-muted", "--color-muted-foreground", "--color-ring", "--radius" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo.Motion", "files": [ "UI/Dock/Dock.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Drawer/Drawer.razor", "UI/Drawer/DrawerClose.razor", "UI/Drawer/DrawerContent.razor", "UI/Drawer/DrawerDescription.razor", "UI/Drawer/DrawerFooter.razor", "UI/Drawer/DrawerHeader.razor", "UI/Drawer/DrawerTitle.razor", "UI/Drawer/DrawerTrigger.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-background", "--color-muted", "--color-muted-foreground", "--radius" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/DropdownButton/DropdownButton.razor" ], "dependencies": [ "button", "dropdown-menu" ], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-foreground" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/DropdownMenu/DropdownMenu.razor", "UI/DropdownMenu/DropdownMenuCheckboxItem.razor", "UI/DropdownMenu/DropdownMenuContent.razor", "UI/DropdownMenu/DropdownMenuGroup.razor", "UI/DropdownMenu/DropdownMenuItem.razor", "UI/DropdownMenu/DropdownMenuLabel.razor", "UI/DropdownMenu/DropdownMenuRadioGroup.razor", "UI/DropdownMenu/DropdownMenuRadioItem.razor", "UI/DropdownMenu/DropdownMenuSeparator.razor", "UI/DropdownMenu/DropdownMenuSub.razor", "UI/DropdownMenu/DropdownMenuSubContent.razor", "UI/DropdownMenu/DropdownMenuSubTrigger.razor", "UI/DropdownMenu/DropdownMenuTrigger.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-border", "--color-popover", "--color-popover-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/dropdown-menu.json" }, "empty-state": { "name": "EmptyState", "category": "Feedback", "subcategory": null, "description": "Illustrated placeholder for empty lists with call-to-action.", "thumbnail": "/preview-cards/empty-state.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/EmptyState/EmptyState.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-muted", "--color-muted-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/empty-state.json" }, "feature-grid": { "name": "FeatureGrid", "category": "Marketing", "subcategory": null, "description": "Feature Grid component.", "thumbnail": "/preview-cards/feature-grid.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/FeatureGrid/FeatureGrid.razor" ], "dependencies": [ "feature-item" ], "packageDependencies": [], "cssVars": [ "--color-foreground", "--color-muted", "--color-muted-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/feature-grid.json" }, "feature-item": { "name": "FeatureItem", "category": "Marketing", "subcategory": null, "description": "Feature Item component.", "thumbnail": "/preview-cards/feature-item.webp", "hasDocsPage": false, "nugetPackage": "Lumeo", "files": [ "UI/FeatureItem/FeatureItem.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground", "--color-muted", "--color-muted-foreground", "--color-primary", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/feature-item.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.webp", "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" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/FileUpload/FileUpload.razor" ], "dependencies": [ "input" ], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-background", "--color-border", "--color-destructive", "--color-input", "--color-muted", "--color-muted-foreground", "--color-primary", "--color-primary-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/file-upload.json" }, "file-viewer": { "name": "FileViewer", "category": "Data Display", "subcategory": null, "description": "Universal file preview — auto-detects type from MIME / extension and renders PDF, images, video, audio, Markdown, JSON, CSV, source code (CodeMirror), and plain text inline; unknown types fall back to a download CTA. Pluggable per-kind renderer overrides; auth-aware HttpClient hook.", "thumbnail": "/preview-cards/file-viewer.webp", "hasDocsPage": true, "nugetPackage": "Lumeo.FileViewer", "files": [ "UI/FileViewer/FileKind.cs", "UI/FileViewer/FileTypeDetector.cs", "UI/FileViewer/FileViewer.razor", "UI/FileViewer/FileViewerRenderContext.cs" ], "dependencies": [ "code-editor", "empty-state", "icon", "list", "pdf-viewer", "spinner" ], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-background", "--color-border", "--color-card", "--color-foreground", "--color-muted", "--color-muted-foreground", "--color-primary", "--color-primary-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/file-viewer.json" }, "filter": { "name": "Filter", "category": "Data Display", "subcategory": "Tables", "description": "Composable faceted filter builder with chips.", "thumbnail": "/preview-cards/filter.webp", "hasDocsPage": true, "nugetPackage": "Lumeo.DataGrid", "files": [ "UI/Filter/FilterBar.razor", "UI/Filter/FilterPill.razor" ], "dependencies": [ "badge" ], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-muted", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/filter.json" }, "flex": { "name": "Flex", "category": "Layout", "subcategory": null, "description": "Flexbox wrapper exposing direction, gap, align, justify as props.", "thumbnail": "/preview-cards/flex.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Flex/Flex.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/flex.json" }, "form": { "name": "Form", "category": "Forms", "subcategory": "Form Composition", "description": "EditForm wrapper with styled validation, field groups, and submit state.", "thumbnail": "/preview-cards/form.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Form/DataAnnotationsFormValidator.cs", "UI/Form/Form.razor", "UI/Form/FormContext.cs", "UI/Form/FormDescription.razor", "UI/Form/FormField.razor", "UI/Form/FormItem.razor", "UI/Form/FormLabel.razor", "UI/Form/FormMessage.razor", "UI/Form/IFormValidator.cs" ], "dependencies": [ "label", "spinner" ], "packageDependencies": [], "cssVars": [ "--color-destructive", "--color-muted", "--color-muted-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/form.json" }, "gantt": { "name": "Gantt", "category": "Data Display", "subcategory": "Lists & Trees", "description": "Gantt component.", "thumbnail": "/preview-cards/gantt.webp", "hasDocsPage": true, "nugetPackage": "Lumeo.Gantt", "files": [ "UI/Gantt/Gantt.razor", "UI/Gantt/GanttTypes.cs" ], "dependencies": [ "toggle-group" ], "packageDependencies": [], "cssVars": [ "--color-border", "--color-card", "--color-destructive", "--radius" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Gauge/Gauge.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Grid/Grid.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/grid.json" }, "heading": { "name": "Heading", "category": "Typography", "subcategory": null, "description": "Semantic h1-h6 heading with Lumeo typographic scale.", "thumbnail": "/preview-cards/heading.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Heading/Heading.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/heading.json" }, "hero": { "name": "Hero", "category": "Marketing", "subcategory": null, "description": "Hero component.", "thumbnail": "/preview-cards/hero.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Hero/Hero.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground", "--color-muted", "--color-muted-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/hero.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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Highlighter/Highlighter.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground", "--radius" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/HoverCard/HoverCard.razor", "UI/HoverCard/HoverCardContent.razor", "UI/HoverCard/HoverCardTrigger.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-border", "--color-popover", "--color-popover-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/hover-card.json" }, "icon": { "name": "Icon", "category": "Utility", "subcategory": null, "description": "Icon wrapper — renders Lucide icons via Blazicons.", "thumbnail": "/preview-cards/icon.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Icon/Icon.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/icon.json" }, "image": { "name": "Image", "category": "Data Display", "subcategory": "Cards & Layout", "description": "Image with lazy-loading, loading skeleton, and error fallback.", "thumbnail": "/preview-cards/image.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Image/Image.razor", "UI/Image/ImageGallery.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-muted", "--color-muted-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/image.json" }, "image-compare": { "name": "ImageCompare", "category": "Data Display", "subcategory": "Cards & Layout", "description": "Before/after slider comparison for two images.", "thumbnail": "/preview-cards/image-compare.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/ImageCompare/ImageCompare.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-background", "--color-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/image-compare.json" }, "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.webp", "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", "--color-primary-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/inplace-editor.json" }, "input": { "name": "Input", "category": "Forms", "subcategory": "Inputs", "description": "Styled text input with label, prefix/suffix, icons, error state.", "thumbnail": "/preview-cards/input.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Input/Input.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-destructive", "--color-foreground", "--color-input", "--color-muted", "--color-muted-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/input.json" }, "input-mask": { "name": "InputMask", "category": "Forms", "subcategory": "Inputs", "description": "Masked input for phone numbers, dates, and custom patterns.", "thumbnail": "/preview-cards/input-mask.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/InputMask/InputMask.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-destructive", "--color-foreground", "--color-input", "--color-muted", "--color-muted-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/input-mask.json" }, "kanban": { "name": "Kanban", "category": "Drag & Drop", "subcategory": null, "description": "Drag-and-drop board with swimlanes.", "thumbnail": "/preview-cards/kanban.webp", "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", "--color-destructive", "--color-foreground", "--color-muted", "--color-muted-foreground", "--color-primary", "--color-ring", "--color-secondary", "--color-secondary-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/kanban.json" }, "kbd": { "name": "Kbd", "category": "Utility", "subcategory": null, "description": "Keyboard shortcut glyph — renders with styling.", "thumbnail": "/preview-cards/kbd.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Kbd/Kbd.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-border", "--color-muted", "--color-muted-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/kbd.json" }, "kpi-card": { "name": "KpiCard", "category": "Dashboard", "subcategory": null, "description": "Dashboard KPI tile showing value, label, and trend.", "thumbnail": "/preview-cards/kpi-card.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/KpiCard/KpiCard.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-border", "--color-card", "--color-card-foreground", "--color-foreground", "--color-muted", "--color-muted-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/kpi-card.json" }, "label": { "name": "Label", "category": "Utility", "subcategory": null, "description": "Form label that links to a control via for/id.", "thumbnail": "/preview-cards/label.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Label/Label.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/label.json" }, "link": { "name": "Link", "category": "Typography", "subcategory": null, "description": "Styled anchor with underline + color variants.", "thumbnail": "/preview-cards/link.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Link/Link.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground", "--color-muted", "--color-muted-foreground", "--color-primary" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/link.json" }, "list": { "name": "List", "category": "Data Display", "subcategory": "Lists & Trees", "description": "Ordered/unordered list with Lumeo typographic styling.", "thumbnail": "/preview-cards/list.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/List/List.razor", "UI/List/ListItem.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-accent", "--color-border", "--color-muted", "--color-muted-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/list.json" }, "map": { "name": "Map", "category": "Data Display", "subcategory": null, "description": "Interactive geographic map powered by MapLibre GL — markers, polylines, polygons, circles, arcs, heatmaps, legend overlays, and popups; CARTO vector basemaps, no API key required.", "thumbnail": "/preview-cards/map.webp", "hasDocsPage": true, "nugetPackage": "Lumeo.Maps", "files": [ "UI/Map/Map.razor", "UI/Map/MapArc.razor", "UI/Map/MapCircle.razor", "UI/Map/MapHeatmap.razor", "UI/Map/MapLegend.razor", "UI/Map/MapLegendItem.razor", "UI/Map/MapMarker.razor", "UI/Map/MapPolygon.razor", "UI/Map/MapPolyline.razor", "UI/Map/MapPopup.razor", "UI/Map/MapShape.cs" ], "dependencies": [ "overlay" ], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-background", "--color-border", "--color-foreground", "--color-muted", "--color-muted-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/map.json" }, "marquee": { "name": "Marquee", "category": "Motion", "subcategory": null, "description": "Infinitely scrolling horizontal band of children.", "thumbnail": "/preview-cards/marquee.webp", "hasDocsPage": true, "nugetPackage": "Lumeo.Motion", "files": [ "UI/Marquee/Marquee.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/marquee.json" }, "mega-menu": { "name": "MegaMenu", "category": "Navigation", "subcategory": null, "description": "Full-width dropdown for site-wide navigation with columns.", "thumbnail": "/preview-cards/mega-menu.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/MegaMenu/MegaMenu.razor", "UI/MegaMenu/MegaMenuGroup.razor", "UI/MegaMenu/MegaMenuItem.razor", "UI/MegaMenu/MegaMenuLink.razor", "UI/MegaMenu/MegaMenuPanel.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-border", "--color-foreground", "--color-muted", "--color-muted-foreground", "--color-popover", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/mega-menu.json" }, "mention": { "name": "Mention", "category": "Forms", "subcategory": "Selection", "description": "Textarea with @-trigger dropdown for mentioning users.", "thumbnail": "/preview-cards/mention.webp", "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", "--color-popover", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/mention.json" }, "menubar": { "name": "Menubar", "category": "Navigation", "subcategory": null, "description": "Horizontal menubar with File/Edit-style dropdowns.", "thumbnail": "/preview-cards/menubar.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Menubar/Menubar.razor", "UI/Menubar/MenubarContent.razor", "UI/Menubar/MenubarItem.razor", "UI/Menubar/MenubarLabel.razor", "UI/Menubar/MenubarMenu.razor", "UI/Menubar/MenubarSeparator.razor", "UI/Menubar/MenubarShortcut.razor", "UI/Menubar/MenubarSub.razor", "UI/Menubar/MenubarSubContent.razor", "UI/Menubar/MenubarSubTrigger.razor", "UI/Menubar/MenubarTrigger.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-background", "--color-border", "--color-muted", "--color-muted-foreground", "--color-popover", "--color-popover-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/menubar.json" }, "navigation-menu": { "name": "NavigationMenu", "category": "Navigation", "subcategory": null, "description": "Top-level site nav with animated dropdown panels.", "thumbnail": "/preview-cards/navigation-menu.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/NavigationMenu/NavigationMenu.razor", "UI/NavigationMenu/NavigationMenuContent.razor", "UI/NavigationMenu/NavigationMenuHamburger.razor", "UI/NavigationMenu/NavigationMenuIndicator.razor", "UI/NavigationMenu/NavigationMenuItem.razor", "UI/NavigationMenu/NavigationMenuLink.razor", "UI/NavigationMenu/NavigationMenuList.razor", "UI/NavigationMenu/NavigationMenuMobile.razor", "UI/NavigationMenu/NavigationMenuTrigger.razor", "UI/NavigationMenu/NavigationMenuViewport.razor" ], "dependencies": [ "sheet" ], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-background", "--color-border", "--color-popover", "--color-popover-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/navigation-menu.json" }, "number-input": { "name": "NumberInput", "category": "Forms", "subcategory": "Inputs", "description": "Numeric input with stepper buttons and locale formatting.", "thumbnail": "/preview-cards/number-input.webp", "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", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/number-input.json" }, "number-ticker": { "name": "NumberTicker", "category": "Motion", "subcategory": null, "description": "Animated count-up from zero to target number.", "thumbnail": "/preview-cards/number-ticker.webp", "hasDocsPage": true, "nugetPackage": "Lumeo.Motion", "files": [ "UI/NumberTicker/NumberTicker.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/number-ticker.json" }, "otp-input": { "name": "OtpInput", "category": "Forms", "subcategory": "Inputs", "description": "One-time password input, auto-advances between boxes.", "thumbnail": "/preview-cards/otp-input.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/OtpInput/OtpInput.razor" ], "dependencies": [ "list" ], "packageDependencies": [], "cssVars": [ "--color-destructive", "--color-input", "--color-muted", "--color-muted-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/otp-input.json" }, "overlay": { "name": "Overlay", "category": "Overlay", "subcategory": null, "description": "Low-level backdrop primitive for custom popovers and modals.", "thumbnail": "/preview-cards/overlay.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Overlay/DismissEventArgs.cs", "UI/Overlay/OverlayProvider.razor" ], "dependencies": [ "alert-dialog", "button", "dialog", "drawer", "sheet" ], "packageDependencies": [], "cssVars": [ "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/overlay.json" }, "overlay-form": { "name": "OverlayForm", "category": "Forms", "subcategory": null, "description": "Overlay Form component.", "thumbnail": "/preview-cards/overlay-form.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/OverlayForm/OverlayForm.razor" ], "dependencies": [ "button", "form", "input" ], "packageDependencies": [], "cssVars": [ "--color-border" ], "gotchas": [ "Renders an empty shell (nothing visible) until Model is set — the EditContext is deferred to avoid crashing EditForm on a null Model, so a missing Model fails silently rather than throwing." ], "registryUrl": "https://lumeo.nativ.sh/registry/overlay-form.json" }, "pagination": { "name": "Pagination", "category": "Navigation", "subcategory": null, "description": "Page number bar with prev/next and configurable ranges.", "thumbnail": "/preview-cards/pagination.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Pagination/Pagination.razor", "UI/Pagination/PaginationContent.razor", "UI/Pagination/PaginationEllipsis.razor", "UI/Pagination/PaginationItem.razor", "UI/Pagination/PaginationNext.razor", "UI/Pagination/PaginationPrevious.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-background", "--color-input", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/pagination.json" }, "password-input": { "name": "PasswordInput", "category": "Forms", "subcategory": "Inputs", "description": "Password field with show/hide toggle and strength meter.", "thumbnail": "/preview-cards/password-input.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/PasswordInput/PasswordInput.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-destructive", "--color-foreground", "--color-input", "--color-muted", "--color-muted-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/password-input.json" }, "pdf-viewer": { "name": "PdfViewer", "category": "Data Display", "subcategory": null, "description": "Inline PDF document viewer powered by pdf.js — page navigation, zoom controls, optional text search, and download.", "thumbnail": "/preview-cards/pdf-viewer.webp", "hasDocsPage": true, "nugetPackage": "Lumeo.PdfViewer", "files": [ "UI/PdfViewer/PdfViewer.razor" ], "dependencies": [ "empty-state", "icon", "list", "spinner" ], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-background", "--color-border", "--color-card", "--color-foreground", "--color-muted", "--color-muted-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/pdf-viewer.json" }, "pick-list": { "name": "PickList", "category": "Dashboard", "subcategory": null, "description": "Two-column shuttle picker — move items between lists.", "thumbnail": "/preview-cards/pick-list.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/PickList/PickList.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-background", "--color-border", "--color-card", "--color-input", "--color-muted", "--color-muted-foreground", "--color-ring", "--radius" ], "gotchas": [], "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.webp", "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", "--color-ring", "--radius" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/PopConfirm/PopConfirm.razor" ], "dependencies": [ "button", "popover" ], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-muted", "--color-muted-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/pop-confirm.json" }, "popover": { "name": "Popover", "category": "Overlay", "subcategory": null, "description": "Positionable floating panel with anchor and arrow.", "thumbnail": "/preview-cards/popover.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Popover/Popover.razor", "UI/Popover/PopoverContent.razor", "UI/Popover/PopoverTrigger.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-border", "--color-popover", "--color-popover-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/popover.json" }, "progress": { "name": "Progress", "category": "Feedback", "subcategory": null, "description": "Linear progress bar with determinate + indeterminate modes.", "thumbnail": "/preview-cards/progress.webp", "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", "--color-muted", "--color-muted-foreground", "--color-primary", "--color-primary-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/progress.json" }, "prompt-input": { "name": "PromptInput", "category": "AI", "subcategory": null, "description": "Multiline AI prompt textarea with submit + keyboard shortcuts.", "thumbnail": "/preview-cards/prompt-input.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/PromptInput/PromptInput.razor" ], "dependencies": [ "icon", "spinner" ], "packageDependencies": [], "cssVars": [ "--color-border", "--color-card", "--color-foreground", "--color-muted", "--color-muted-foreground", "--color-primary", "--color-primary-foreground", "--color-ring", "--radius" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/PullToRefresh/PullToRefresh.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-background", "--color-foreground", "--radius" ], "gotchas": [], "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.webp", "hasDocsPage": false, "nugetPackage": "Lumeo", "files": [ "UI/QRCode/QRCode.razor", "UI/QRCode/QRCodeEncoder.cs" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--radius" ], "gotchas": [], "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.webp", "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" ], "gotchas": [], "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.webp", "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", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/radio-group.json" }, "rating": { "name": "Rating", "category": "Forms", "subcategory": "Specialized", "description": "Star rating input with half-star support.", "thumbnail": "/preview-cards/rating.webp", "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", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/rating.json" }, "reasoning-display": { "name": "ReasoningDisplay", "category": "AI", "subcategory": null, "description": "Collapsible chain-of-thought block for AI reasoning traces.", "thumbnail": "/preview-cards/reasoning-display.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/ReasoningDisplay/ReasoningDisplay.razor" ], "dependencies": [ "icon" ], "packageDependencies": [], "cssVars": [ "--color-border", "--color-foreground", "--color-muted", "--color-muted-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/reasoning-display.json" }, "resizable": { "name": "Resizable", "category": "Layout", "subcategory": null, "description": "Draggable splitter for resizable panel layouts.", "thumbnail": "/preview-cards/resizable.webp", "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", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/resizable.json" }, "result": { "name": "Result", "category": "Feedback", "subcategory": null, "description": "Full-page success/error/info status screen with actions.", "thumbnail": "/preview-cards/result.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Result/Result.razor" ], "dependencies": [], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-destructive", "--color-foreground", "--color-muted", "--color-muted-foreground", "--color-primary", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/result.json" }, "rich-text-editor": { "name": "RichTextEditor", "category": "Forms", "subcategory": "Specialized", "description": "WYSIWYG editor wrapping TipTap with Lumeo styling.", "thumbnail": "/preview-cards/rich-text-editor.webp", "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": [ "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" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/RingProgress/RingProgress.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/SafeArea/SafeArea.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "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.webp", "hasDocsPage": true, "nugetPackage": "Lumeo.Scheduler", "files": [ "UI/Scheduler/Scheduler.razor", "UI/Scheduler/SchedulerTypes.cs" ], "dependencies": [ "button", "toggle-group" ], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-border", "--color-card", "--color-destructive", "--color-foreground", "--color-muted", "--color-muted-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/scheduler.json" }, "scroll-area": { "name": "ScrollArea", "category": "Layout", "subcategory": null, "description": "Styled custom scrollbar container.", "thumbnail": "/preview-cards/scroll-area.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/ScrollArea/ScrollArea.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-border", "--color-muted", "--color-muted-foreground", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/scroll-area.json" }, "scrollspy": { "name": "Scrollspy", "category": "Navigation", "subcategory": null, "description": "Highlights the nav item matching the current scroll section.", "thumbnail": "/preview-cards/scrollspy.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Scrollspy/Scrollspy.razor", "UI/Scrollspy/ScrollspyLink.razor", "UI/Scrollspy/ScrollspySection.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-foreground" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/scrollspy.json" }, "segmented": { "name": "Segmented", "category": "Forms", "subcategory": "Selection", "description": "Pill-shaped tab-like single-select control.", "thumbnail": "/preview-cards/segmented.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Segmented/Segmented.razor", "UI/Segmented/SegmentedItem.razor" ], "dependencies": [], "packageDependencies": [], "cssVars": [ "--color-background", "--color-foreground", "--color-muted", "--color-muted-foreground", "--color-ring", "--radius" ], "gotchas": [], "registryUrl": "https://lumeo.nativ.sh/registry/segmented.json" }, "select": { "name": "Select", "category": "Forms", "subcategory": "Selection", "description": "Native-feeling styled dropdown with search and groups.", "thumbnail": "/preview-cards/select.webp", "hasDocsPage": true, "nugetPackage": "Lumeo", "files": [ "UI/Select/Select.razor", "UI/Select/SelectContent.razor", "UI/Select/SelectGroup.razor", "UI/Select/SelectItem.razor", "UI/Select/SelectLabel.razor", "UI/Select/SelectTrigger.razor" ], "dependencies": [ "list", "spinner" ], "packageDependencies": [ "Blazicons.Lucide" ], "cssVars": [ "--color-accent", "--color-accent-foreground", "--color-background", "--color-border", "--color-destructive", "--color-foreground", "--color-input", "--color-muted", "--color-muted-foreground", "--color-popover", "--color-popover-foreground", "--color-ring", "--color-secondary", "--color-secondary-foreground", "--radius" ], "gotchas": [ "Data-bound mode (the Items parameter) still requires and children — a bare