# nx-ui > nx-ui is the Nexus ReGen shared UI component library: the full shadcn component suite built on Base UI primitives (`@base-ui/react`), restyled to the Untitled UI design language with Nexus ReGen branding. It ships as a shadcn registry — components, AI Elements ports, blocks, domain widgets, reference datasets, themes and lib modules are vendored into consumer repos with the shadcn CLI; nothing imports nx-ui at runtime. A showcase app at ui.nexusregen.com doubles as browsable docs and visual QA. ## Consumption Add an `@nx-ui` entry to the `registries` map in the consumer's `components.json`. Two hosts serve the same registry JSON — the committed `public/r/` output, one file per item: ```json { "registries": { "@nx-ui": { "url": "https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/{name}.json", "headers": { "Authorization": "token ${NX_UI_GITHUB_TOKEN}" } } } } ``` Or, once deployed, the plain Vercel host with no auth header: `https://ui.nexusregen.com/r/{name}.json`. Install any item with the shadcn CLI: ``` bunx shadcn@latest add @nx-ui/ ``` **Install `@nx-ui/theme` first, always.** It ships the Untitled UI design-token foundation (`styles/nx-ui-theme.css`) that every other item's styling assumes, and it is not an implicit dependency of anything else — nothing pulls it in automatically. Brand variants (`@nx-ui/theme-`) layer on top of it afterwards and are opt-in. ## Version & updates Registry digest: `sha256:4c4df05706d3c5712121dfdd873622c5249587fc68620f2f02bbacba9eeace3a` — changes whenever any item's content changes. Per-item content hashes live at [versions.json](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/versions.json) (also at https://ui.nexusregen.com/r/versions.json); record the hashes you installed at in an `nx-ui.lock` via the `@nx-ui/nx-ui-doctor` item and compare later to detect drift. What changed and when is in the [changelog](https://ui.nexusregen.com/changelog) ([machine-readable](https://ui.nexusregen.com/llms-changelog.txt)). Updates are pull-based and explicit: preview with `bunx shadcn@latest add @nx-ui/ --diff`, apply with `--overwrite` (keep vendored files pristine — customise via wrapper components). Agent guidance: [start here](https://ui.nexusregen.com/agents) · consuming skill: `nx-ui:skills/nx-ui-components` · update-loop skill: `nx-ui:skills/nx-ui-maintain` (vendor both into the consuming repo per nx-standards skills rules). ## Components - [accordion](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/accordion.json): A vertically stacked set of interactive headings that each reveal an associated section of content. - Showcase: https://ui.nexusregen.com/components/accordion - Exports: Accordion, AccordionContent, AccordionItem, AccordionTrigger - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0, @untitledui/icons@^0.0.22 - [alert](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/alert.json): Displays a short, important message in a way that attracts the user's attention without interrupting their task. - Showcase: https://ui.nexusregen.com/components/alert - Exports: Alert, AlertAction, AlertDescription, AlertTitle - Registry dependencies: @nx-ui/utils - npm dependencies: class-variance-authority@^0.7.1 - [alert-dialog](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/alert-dialog.json): A modal dialog that interrupts the user with important content and expects a response. - Showcase: https://ui.nexusregen.com/components/alert-dialog - Exports: AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger - Registry dependencies: @nx-ui/utils, @nx-ui/button - npm dependencies: @base-ui/react@^1.6.0 - [aspect-ratio](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/aspect-ratio.json): Displays content within a fixed aspect ratio. - Showcase: https://ui.nexusregen.com/components/aspect-ratio - Exports: AspectRatio - Registry dependencies: @nx-ui/utils - [attachment](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/attachment.json): Displays a file or media attachment, typically inside a chat message or composer. - Showcase: https://ui.nexusregen.com/components/attachment - Exports: Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger - Registry dependencies: @nx-ui/utils, @nx-ui/button - npm dependencies: @base-ui/react@^1.6.0, class-variance-authority@^0.7.1 - [avatar](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/avatar.json): An image element with a fallback for representing a user or entity. - Showcase: https://ui.nexusregen.com/components/avatar - Exports: Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0 - [background-pattern](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/background-pattern.json): The nx-ui Background Pattern component. - Showcase: https://ui.nexusregen.com/components/background-pattern - Exports: BackgroundPattern - Registry dependencies: @nx-ui/utils - [badge](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/badge.json): A small label used to highlight status, category or count. - Showcase: https://ui.nexusregen.com/components/badge - Exports: Badge, badgeVariants - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0, class-variance-authority@^0.7.1 - [banner](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/banner.json): The nx-ui Banner component. - Showcase: https://ui.nexusregen.com/components/banner - Exports: Banner, BannerActions, BannerContent, BannerDescription, BannerDismiss, BannerTitle, bannerVariants - Registry dependencies: @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22, class-variance-authority@^0.7.1 - [breadcrumb](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/breadcrumb.json): Displays the path to the current page and lets the user navigate back up the hierarchy. - Showcase: https://ui.nexusregen.com/components/breadcrumb - Exports: Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0, @untitledui/icons@^0.0.22 - [bubble](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/bubble.json): A chat message bubble for conversational interfaces. - Showcase: https://ui.nexusregen.com/components/bubble - Exports: Bubble, BubbleContent, BubbleGroup, BubbleReactions - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0, class-variance-authority@^0.7.1 - [button](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/button.json): A clickable control used to trigger an action or event. - Showcase: https://ui.nexusregen.com/components/button - Exports: Button, buttonVariants - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0, class-variance-authority@^0.7.1 - [button-group](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/button-group.json): Groups related buttons together with consistent spacing and shared borders. - Showcase: https://ui.nexusregen.com/components/button-group - Exports: ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants - Registry dependencies: @nx-ui/utils, @nx-ui/separator - npm dependencies: @base-ui/react@^1.6.0, class-variance-authority@^0.7.1 - [calendar](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/calendar.json): A date field component that lets users enter and edit dates via a visual calendar grid. - Showcase: https://ui.nexusregen.com/components/calendar - Exports: Calendar, CalendarDayButton - Registry dependencies: @nx-ui/utils, @nx-ui/button - npm dependencies: @untitledui/icons@^0.0.22, react-day-picker@^10.0.1 - [card](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/card.json): A container that groups related content and actions in a bordered, elevated surface. - Showcase: https://ui.nexusregen.com/components/card - Exports: Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle - Registry dependencies: @nx-ui/utils - [carousel](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/carousel.json): A slideshow-style container for cycling through a set of items. - Showcase: https://ui.nexusregen.com/components/carousel - Exports: Carousel, CarouselContent, CarouselDots, CarouselItem, CarouselNext, CarouselPrevious, useCarousel - Registry dependencies: @nx-ui/utils, @nx-ui/button - npm dependencies: @untitledui/icons@^0.0.22, embla-carousel-react@^8.6.0 - [chart](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/chart.json): A themed wrapper around Recharts for building consistent data visualisations. - Showcase: https://ui.nexusregen.com/components/chart - Exports: ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent - Registry dependencies: @nx-ui/utils - npm dependencies: recharts@3.8.0 - [checkbox](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/checkbox.json): A control that allows the user to toggle between checked, unchecked and indeterminate states. - Showcase: https://ui.nexusregen.com/components/checkbox - Exports: Checkbox - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0, @untitledui/icons@^0.0.22 - [checkbox-card](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/checkbox-card.json): A selectable card pairing a checkbox with a title and description — bordered, rounded and brand-tinted when checked, in the Untitled UI checkbox-group idiom. - Showcase: https://ui.nexusregen.com/components/checkbox-card - Exports: CheckboxCard, CheckboxCardDescription, CheckboxCardTitle - Registry dependencies: @nx-ui/utils, @nx-ui/checkbox - npm dependencies: @base-ui/react@^1.6.0 - [checkbox-group](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/checkbox-group.json): Provides shared state to a series of checkboxes, so a set of checkboxes (or checkbox cards) can be driven by one value array. - Showcase: https://ui.nexusregen.com/components/checkbox-group - Exports: CheckboxGroup - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0 - [collapsible](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/collapsible.json): An interactive panel that can be expanded or collapsed to show or hide content. - Showcase: https://ui.nexusregen.com/components/collapsible - Exports: Collapsible, CollapsibleContent, CollapsibleTrigger - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0 - [color-picker](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/color-picker.json): A full colour picker with a saturation/hue/alpha area, hex and RGB fields, presets and an eyedropper. - Showcase: https://ui.nexusregen.com/components/color-picker - Exports: ColorPicker, ColorPickerPopover, ColorPickerPopoverContent, ColorPickerPopoverTrigger, ColorPickerTrigger, hexToHsva, hsvToRgb, hsvaToHex, rgbToHsv - Registry dependencies: @nx-ui/utils, @nx-ui/button, @nx-ui/color-swatch, @nx-ui/input, @nx-ui/popover - npm dependencies: @base-ui/react@^1.6.0, @untitledui/icons@^0.0.22 - [color-swatch](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/color-swatch.json): A rounded colour chip with a checkerboard alpha backing, selectable standalone or in a radio-style swatch grid. - Showcase: https://ui.nexusregen.com/components/color-swatch - Exports: ColorSwatch, ColorSwatchGroup - Registry dependencies: @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [combobox](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/combobox.json): An input combining a text field with a filterable list of selectable options. - Showcase: https://ui.nexusregen.com/components/combobox - Exports: Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor - Registry dependencies: @nx-ui/utils, @nx-ui/button, @nx-ui/input-group - npm dependencies: @base-ui/react@^1.6.0, @untitledui/icons@^0.0.22 - [command](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/command.json): A fast, composable command palette for search-driven navigation and actions. - Showcase: https://ui.nexusregen.com/components/command - Exports: Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut - Registry dependencies: @nx-ui/utils, @nx-ui/dialog, @nx-ui/input-group - npm dependencies: @untitledui/icons@^0.0.22, cmdk@^1.1.1 - [content-divider](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/content-divider.json): The nx-ui Content Divider component. - Showcase: https://ui.nexusregen.com/components/content-divider - Exports: ContentDivider - Registry dependencies: @nx-ui/utils - [context-menu](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/context-menu.json): A menu of actions triggered by a right click or long press, anchored to the pointer. - Showcase: https://ui.nexusregen.com/components/context-menu - Exports: ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0, @untitledui/icons@^0.0.22 - [css-background-pattern](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/css-background-pattern.json): The nx-ui Css Background Pattern component. - Showcase: https://ui.nexusregen.com/components/css-background-pattern - Exports: CssBackgroundPattern - Registry dependencies: @nx-ui/utils - [currency-input](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/currency-input.json): An amount field with a currency symbol and thousands-separator formatting on blur. - Showcase: https://ui.nexusregen.com/components/currency-input - Exports: CurrencyInput, CurrencyInputProps - Registry dependencies: @nx-ui/utils - [date-picker](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/date-picker.json): The nx-ui Date Picker component. - Showcase: https://ui.nexusregen.com/components/date-picker - Exports: DatePicker, DateRangePicker - Registry dependencies: @nx-ui/utils, @nx-ui/button, @nx-ui/calendar, @nx-ui/popover - npm dependencies: @base-ui/react@^1.6.0, @untitledui/icons@^0.0.22, date-fns@^4.4.0, react-day-picker@^10.0.1 - [dialog](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/dialog.json): A window overlaid on the page, rendering content that requires user attention or interaction. - Showcase: https://ui.nexusregen.com/components/dialog - Exports: Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger - Registry dependencies: @nx-ui/utils, @nx-ui/button - npm dependencies: @base-ui/react@^1.6.0, @untitledui/icons@^0.0.22 - [direction](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/direction.json): Provides text-direction (LTR/RTL) context to descendant components. - Showcase: https://ui.nexusregen.com/components/direction - Exports: DirectionProvider, useDirection - [drawer](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/drawer.json): A panel that slides in from the edge of the screen, typically used on smaller viewports. - Showcase: https://ui.nexusregen.com/components/drawer - Exports: Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerSwipeHandle, DrawerTitle, DrawerTrigger - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0 - [dropdown-menu](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/dropdown-menu.json): Displays a menu of actions or options triggered by a button. - Showcase: https://ui.nexusregen.com/components/dropdown-menu - Exports: DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0, @untitledui/icons@^0.0.22 - [editable](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/editable.json): An inline click-to-edit control that swaps preview text for an input in place, for renaming titles, labels and notes. - Showcase: https://ui.nexusregen.com/components/editable - Exports: Editable - Registry dependencies: @nx-ui/utils, @nx-ui/button - npm dependencies: @untitledui/icons@^0.0.22 - [empty](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/empty.json): A placeholder layout for empty, zero-data or not-yet-populated states. - Showcase: https://ui.nexusregen.com/components/empty - Exports: Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle - Registry dependencies: @nx-ui/utils - npm dependencies: class-variance-authority@^0.7.1 - [field](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/field.json): A layout primitive for composing form fields with labels, descriptions and validation messages. - Showcase: https://ui.nexusregen.com/components/field - Exports: Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle - Registry dependencies: @nx-ui/utils, @nx-ui/label, @nx-ui/separator - npm dependencies: class-variance-authority@^0.7.1 - [file-upload](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/file-upload.json): The nx-ui File Upload component. - Showcase: https://ui.nexusregen.com/components/file-upload - Exports: FileUpload, FileUploadDropZone, FileUploadList, FileUploadListItem, FileUploadRoot, getReadableFileSize - Registry dependencies: @nx-ui/utils, @nx-ui/button, @nx-ui/featured-icon - npm dependencies: @untitledui/file-icons@^0.0.9, @untitledui/icons@^0.0.22 - [glow](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/glow.json): The nx-ui Glow component. - Showcase: https://ui.nexusregen.com/components/glow - Exports: Glow - Registry dependencies: @nx-ui/utils - [hover-card](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/hover-card.json): Displays rich content in a preview card when a user hovers over a trigger element. - Showcase: https://ui.nexusregen.com/components/hover-card - Exports: HoverCard, HoverCardContent, HoverCardTrigger - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0 - [input](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/input.json): A control for entering and editing a single line of text. - Showcase: https://ui.nexusregen.com/components/input - Exports: Input - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0 - [input-group](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/input-group.json): Combines an input with adjoining buttons, icons or add-ons into a single control. - Showcase: https://ui.nexusregen.com/components/input-group - Exports: InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea - Registry dependencies: @nx-ui/utils, @nx-ui/button, @nx-ui/input, @nx-ui/textarea - npm dependencies: class-variance-authority@^0.7.1 - [input-otp](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/input-otp.json): An input for entering one-time passcodes, split across individual character slots. - Showcase: https://ui.nexusregen.com/components/input-otp - Exports: InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot - Registry dependencies: @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22, input-otp@^1.4.2 - [item](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/item.json): A generic list-row layout primitive for building consistent list and menu items. - Showcase: https://ui.nexusregen.com/components/item - Exports: Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle - Registry dependencies: @nx-ui/utils, @nx-ui/separator - npm dependencies: @base-ui/react@^1.6.0, class-variance-authority@^0.7.1 - [kbd](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/kbd.json): Displays a keyboard shortcut or key combination. - Showcase: https://ui.nexusregen.com/components/kbd - Exports: Kbd, KbdGroup - Registry dependencies: @nx-ui/utils - [label](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/label.json): An accessible label associated with a form control. - Showcase: https://ui.nexusregen.com/components/label - Exports: Label - Registry dependencies: @nx-ui/utils - [loading-overlay](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/loading-overlay.json): The nx-ui Loading Overlay component. - Showcase: https://ui.nexusregen.com/components/loading-overlay - Exports: LoadingOverlay - Registry dependencies: @nx-ui/utils, @nx-ui/spinner - [marker](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/marker.json): A small positional indicator, typically used to flag status on another element. - Showcase: https://ui.nexusregen.com/components/marker - Exports: Marker, MarkerContent, MarkerIcon, markerVariants - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0, class-variance-authority@^0.7.1 - [menubar](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/menubar.json): A horizontal menu bar with drop-down menus, similar to a desktop application menu. - Showcase: https://ui.nexusregen.com/components/menubar - Exports: Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger - Registry dependencies: @nx-ui/utils, @nx-ui/dropdown-menu - npm dependencies: @base-ui/react@^1.6.0, @untitledui/icons@^0.0.22 - [message](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/message.json): Renders a single message within a conversational or chat layout. - Showcase: https://ui.nexusregen.com/ai/message - Exports: Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader - Registry dependencies: @nx-ui/utils - [message-scroller](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/message-scroller.json): Manages scroll position and visibility for a scrolling list of chat messages. - Showcase: https://ui.nexusregen.com/components/message-scroller - Exports: MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility - Registry dependencies: @nx-ui/utils, @nx-ui/button - npm dependencies: @shadcn/react@^0.2.0, @untitledui/icons@^0.0.22 - [native-select](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/native-select.json): A styled wrapper around the native HTML select element. - Showcase: https://ui.nexusregen.com/components/native-select - Exports: NativeSelect, NativeSelectOptGroup, NativeSelectOption - Registry dependencies: @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [navigation-menu](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/navigation-menu.json): A collection of links and menus for site or application navigation. - Showcase: https://ui.nexusregen.com/components/navigation-menu - Exports: NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, navigationMenuTriggerStyle - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0, @untitledui/icons@^0.0.22, class-variance-authority@^0.7.1 - [notification](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/notification.json): The persistent inbox row: unread edge bar and tint, leading avatar or severity tile with an optional type-badge overlay, two-line title and preview, right-hand time column, inline decision row and a hover-revealed quick-action pill. - Showcase: https://ui.nexusregen.com/components/notification - Exports: Notification, NotificationActions, NotificationBadge, NotificationBody, NotificationDescription, NotificationDot, NotificationIcon, NotificationLabel, NotificationLeading, NotificationQuickAction, NotificationQuickActions, NotificationTime, NotificationTitle - Registry dependencies: @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [number-input](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/number-input.json): A numeric field with increment and decrement steppers, built on Base UI's number field. - Showcase: https://ui.nexusregen.com/components/number-input - Exports: NumberInput - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0, @untitledui/icons@^0.0.22, class-variance-authority@^0.7.1 - [pagination](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/pagination.json): Controls for navigating between pages of paginated content. - Showcase: https://ui.nexusregen.com/components/pagination - Exports: Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious - Registry dependencies: @nx-ui/utils, @nx-ui/button - npm dependencies: @untitledui/icons@^0.0.22 - [phone-input](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/phone-input.json): A country-code select paired with a formatted national number field, exposing the full E.164 value. - Showcase: https://ui.nexusregen.com/components/phone-input - Exports: DEFAULT_PHONE_COUNTRIES, PhoneCountry, PhoneInput, PhoneInputProps - Registry dependencies: @nx-ui/utils, @nx-ui/select - [popover](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/popover.json): Displays rich content in a portal, anchored to a trigger element. - Showcase: https://ui.nexusregen.com/components/popover - Exports: Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0 - [progress](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/progress.json): Displays an indicator showing the completion progress of a task. - Showcase: https://ui.nexusregen.com/components/progress - Exports: Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0 - [progress-circle](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/progress-circle.json): The nx-ui Progress Circle component. - Showcase: https://ui.nexusregen.com/components/progress-circle - Exports: ProgressCircle - Registry dependencies: @nx-ui/utils - [quantity-input](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/quantity-input.json): A number input paired with a unit select, for entering material quantities with conversion between units. - Showcase: https://ui.nexusregen.com/components/quantity-input - Exports: MASS_UNITS, QuantityInput, QuantityInputProps, QuantityUnit, VOLUME_UNITS - Registry dependencies: @nx-ui/utils, @nx-ui/number-input, @nx-ui/select - [radio-group](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/radio-group.json): A set of mutually exclusive, checkable radio buttons. - Showcase: https://ui.nexusregen.com/components/radio-group - Exports: RadioGroup, RadioGroupItem - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0 - [rating](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/rating.json): The nx-ui Rating component. - Showcase: https://ui.nexusregen.com/components/rating - Exports: Rating - Registry dependencies: @nx-ui/utils - [resizable](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/resizable.json): A set of resizable panels split by a draggable handle. - Showcase: https://ui.nexusregen.com/components/resizable - Exports: ResizableHandle, ResizablePanel, ResizablePanelGroup - Registry dependencies: @nx-ui/utils - npm dependencies: react-resizable-panels@^4.12.0 - [scroll-area](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/scroll-area.json): A custom scrollable area with consistently styled scrollbars across platforms. - Showcase: https://ui.nexusregen.com/components/scroll-area - Exports: ScrollArea, ScrollBar - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0 - [section-divider](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/section-divider.json): The nx-ui Section Divider component. - Showcase: https://ui.nexusregen.com/components/section-divider - Exports: SectionDivider - Registry dependencies: @nx-ui/utils - [select](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/select.json): Displays a list of options for the user to pick from, triggered by a button. - Showcase: https://ui.nexusregen.com/components/select - Exports: Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0, @untitledui/icons@^0.0.22 - [separator](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/separator.json): Visually or semantically separates content. - Showcase: https://ui.nexusregen.com/components/separator - Exports: Separator - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0 - [sheet](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/sheet.json): A panel that slides in from the edge of the screen, extending the dialog primitive. - Showcase: https://ui.nexusregen.com/components/sheet - Exports: Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger - Registry dependencies: @nx-ui/utils, @nx-ui/button - npm dependencies: @base-ui/react@^1.6.0, @untitledui/icons@^0.0.22 - [sidebar](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/sidebar.json): A composable, themeable application sidebar with collapsible sections. - Showcase: https://ui.nexusregen.com/components/sidebar - Exports: Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar - Registry dependencies: @nx-ui/utils, @nx-ui/button, @nx-ui/input, @nx-ui/separator, @nx-ui/sheet, @nx-ui/skeleton, @nx-ui/tooltip, @nx-ui/use-mobile - npm dependencies: @base-ui/react@^1.6.0, @untitledui/icons@^0.0.22, class-variance-authority@^0.7.1 - [skeleton](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/skeleton.json): A placeholder used to indicate content that is currently loading. - Showcase: https://ui.nexusregen.com/components/skeleton - Exports: Skeleton - Registry dependencies: @nx-ui/utils - [slider](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/slider.json): An input for selecting a numeric value, or range of values, from within a range. - Showcase: https://ui.nexusregen.com/components/slider - Exports: Slider - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0 - [sonner](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/sonner.json): Untitled UI-styled notification toasts via the Sonner library, plus a progress-toast helper. - Showcase: https://ui.nexusregen.com/components/sonner - Exports: Toaster, toastWithProgress - Registry dependencies: @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22, next-themes@^0.4.6, sonner@^2.0.7 - [spinner](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/spinner.json): A loading indicator for asynchronous operations. - Showcase: https://ui.nexusregen.com/components/spinner - Exports: Spinner - Registry dependencies: @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [stepper](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/stepper.json): The nx-ui Stepper component. - Showcase: https://ui.nexusregen.com/components/stepper - Exports: Stepper - Registry dependencies: @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [switch](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/switch.json): A control for toggling between checked and unchecked states. - Showcase: https://ui.nexusregen.com/components/switch - Exports: Switch - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0 - [table](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/table.json): A set of components for displaying tabular data. - Showcase: https://ui.nexusregen.com/components/table - Exports: Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow - Registry dependencies: @nx-ui/utils - [tabs](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/tabs.json): A set of layered sections of content, shown one panel at a time. - Showcase: https://ui.nexusregen.com/components/tabs - Exports: Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0, class-variance-authority@^0.7.1 - [tag](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/tag.json): The nx-ui Tag component. - Showcase: https://ui.nexusregen.com/components/tag - Exports: Tag, tagVariants - Registry dependencies: @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22, class-variance-authority@^0.7.1 - [tags-input](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/tags-input.json): The nx-ui Tags Input component. - Showcase: https://ui.nexusregen.com/components/tags-input - Exports: TagsInput - Registry dependencies: @nx-ui/utils, @nx-ui/tag - [textarea](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/textarea.json): A control for entering and editing multi-line text. - Showcase: https://ui.nexusregen.com/components/textarea - Exports: Textarea - Registry dependencies: @nx-ui/utils - [timeline](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/timeline.json): The nx-ui Timeline component. - Showcase: https://ui.nexusregen.com/components/timeline - Exports: Timeline, TimelineCard, TimelineContent, TimelineItem, TimelineMeta, TimelineNode, TimelineTitle - Registry dependencies: @nx-ui/utils - [toggle](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/toggle.json): A two-state button that can be toggled on or off. - Showcase: https://ui.nexusregen.com/components/toggle - Exports: Toggle, toggleVariants - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0, class-variance-authority@^0.7.1 - [toggle-group](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/toggle-group.json): A set of two-state buttons that can be toggled on or off, individually or as a group. - Showcase: https://ui.nexusregen.com/components/toggle-group - Exports: ToggleGroup, ToggleGroupItem - Registry dependencies: @nx-ui/utils, @nx-ui/toggle - npm dependencies: @base-ui/react@^1.6.0, class-variance-authority@^0.7.1 - [tooltip](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/tooltip.json): A popup that displays informative text when a user hovers or focuses an element. - Showcase: https://ui.nexusregen.com/components/tooltip - Exports: Tooltip, TooltipContent, TooltipProvider, TooltipTrigger - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0 - [tree](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/tree.json): A hierarchical view of expandable, selectable rows for project scopes, folder structures and nested taxonomies. - Showcase: https://ui.nexusregen.com/components/tree - Exports: Tree, TreeItem, TreeItemGroup, TreeItemLabel, TreeNode - Registry dependencies: @nx-ui/utils - npm dependencies: @base-ui/react@^1.6.0, @untitledui/icons@^0.0.22 ## AI Elements - [ai-artifact](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-artifact.json): A side-panel wrapper for a generated artifact, with title, actions and close control. - Exports: Artifact, ArtifactAction, ArtifactActionProps, ArtifactActions, ArtifactActionsProps, ArtifactClose, ArtifactCloseProps, ArtifactContent, ArtifactContentProps, ArtifactDescription, ArtifactDescriptionProps, ArtifactHeader, ArtifactHeaderProps, ArtifactProps, ArtifactTitle, ArtifactTitleProps - Registry dependencies: @nx-ui/utils, @nx-ui/button, @nx-ui/tooltip - npm dependencies: @untitledui/icons@^0.0.22 - [ai-canvas](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-canvas.json): A React Flow board wrapper for agent-workflow canvases, with pan, zoom and background. - Exports: Canvas - npm dependencies: @xyflow/react@^12.11.1 - [ai-chain-of-thought](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-chain-of-thought.json): A collapsible step-by-step chain-of-thought trace with search results and images. - Exports: ChainOfThought, ChainOfThoughtContent, ChainOfThoughtContentProps, ChainOfThoughtHeader, ChainOfThoughtHeaderProps, ChainOfThoughtImage, ChainOfThoughtImageProps, ChainOfThoughtProps, ChainOfThoughtSearchResult, ChainOfThoughtSearchResultProps, ChainOfThoughtSearchResults, ChainOfThoughtSearchResultsProps, ChainOfThoughtStep, ChainOfThoughtStepProps - Registry dependencies: @nx-ui/utils, @nx-ui/badge, @nx-ui/collapsible, @nx-ui/ai-use-controllable-state - npm dependencies: @untitledui/icons@^0.0.22 - [ai-checkpoint](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-checkpoint.json): A restore-checkpoint divider shown between conversation turns. - Exports: Checkpoint, CheckpointIcon, CheckpointIconProps, CheckpointProps, CheckpointTrigger, CheckpointTriggerProps - Registry dependencies: @nx-ui/utils, @nx-ui/button, @nx-ui/separator, @nx-ui/tooltip - npm dependencies: @untitledui/icons@^0.0.22 - [ai-code-block](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-code-block.json): A Shiki-highlighted code block with light and dark rendering and a copy button. - Exports: CodeBlock, CodeBlockCopyButton, CodeBlockCopyButtonProps, highlightCode - Registry dependencies: @nx-ui/utils, @nx-ui/button - npm dependencies: @untitledui/icons@^0.0.22, shiki@^4.3.0 - [ai-confirmation](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-confirmation.json): A human-in-the-loop approve or reject card for a pending tool call. - Exports: Confirmation, ConfirmationAccepted, ConfirmationAcceptedProps, ConfirmationAction, ConfirmationActionProps, ConfirmationActions, ConfirmationActionsProps, ConfirmationProps, ConfirmationRejected, ConfirmationRejectedProps, ConfirmationRequest, ConfirmationRequestProps, ConfirmationTitle, ConfirmationTitleProps - Registry dependencies: @nx-ui/utils, @nx-ui/alert, @nx-ui/button, @nx-ui/ai-types - [ai-connection](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-connection.json): The in-progress connection line drawn while wiring two workflow nodes. - Exports: Connection - npm dependencies: @xyflow/react@^12.11.1 - [ai-context](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-context.json): A token-usage and context-window meter with a hover breakdown of input, output and cost. - Exports: Context, ContextCacheUsage, ContextCacheUsageProps, ContextContent, ContextContentBody, ContextContentBodyProps, ContextContentFooter, ContextContentFooterProps, ContextContentHeader, ContextContentHeaderProps, ContextContentProps, ContextInputUsage, ContextInputUsageProps, ContextOutputUsage, ContextOutputUsageProps, ContextProps, ContextReasoningUsage, ContextReasoningUsageProps, ContextTrigger, ContextTriggerProps - Registry dependencies: @nx-ui/utils, @nx-ui/button, @nx-ui/hover-card, @nx-ui/progress, @nx-ui/ai-types - npm dependencies: tokenlens@^1.3.1 - [ai-controls](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-controls.json): The zoom and fit controls for a workflow canvas. - Exports: Controls, ControlsProps - Registry dependencies: @nx-ui/utils - npm dependencies: @xyflow/react@^12.11.1 - [ai-conversation](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-conversation.json): A scroll container that sticks to the bottom while streaming, with a scroll-to-bottom control. - Exports: Conversation, ConversationContent, ConversationContentProps, ConversationEmptyState, ConversationEmptyStateProps, ConversationProps, ConversationScrollButton, ConversationScrollButtonProps - Registry dependencies: @nx-ui/utils, @nx-ui/button - npm dependencies: @untitledui/icons@^0.0.22, use-stick-to-bottom@^1.1.6 - [ai-edge](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-edge.json): A custom animated edge renderer for the workflow canvas. - Exports: Edge - npm dependencies: @xyflow/react@^12.11.1 - [ai-image](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-image.json): Renders an AI-generated image from a base64 or URL file part. - Exports: Image, ImageProps - Registry dependencies: @nx-ui/utils, @nx-ui/ai-types - [ai-inline-citation](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-inline-citation.json): Inline citation badges with a hover-card carousel of source cards and quotes. - Exports: InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardBodyProps, InlineCitationCardProps, InlineCitationCardTrigger, InlineCitationCardTriggerProps, InlineCitationCarousel, InlineCitationCarouselContent, InlineCitationCarouselContentProps, InlineCitationCarouselHeader, InlineCitationCarouselHeaderProps, InlineCitationCarouselIndex, InlineCitationCarouselIndexProps, InlineCitationCarouselItem, InlineCitationCarouselItemProps, InlineCitationCarouselNext, InlineCitationCarouselNextProps, InlineCitationCarouselPrev, InlineCitationCarouselPrevProps, InlineCitationCarouselProps, InlineCitationProps, InlineCitationQuote, InlineCitationQuoteProps, InlineCitationSource, InlineCitationSourceProps, InlineCitationText, InlineCitationTextProps - Registry dependencies: @nx-ui/utils, @nx-ui/badge, @nx-ui/carousel, @nx-ui/hover-card - npm dependencies: @untitledui/icons@^0.0.22 - [ai-loader](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-loader.json): An animated multi-dot loading indicator for pending AI responses. - Exports: Loader, LoaderProps - Registry dependencies: @nx-ui/utils - [ai-message](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-message.json): A chat message row with assistant markdown, action toolbar, branches and attachments. - Exports: Message, MessageAction, MessageActionProps, MessageActions, MessageActionsProps, MessageAttachment, MessageAttachmentProps, MessageAttachments, MessageAttachmentsProps, MessageBranch, MessageBranchContent, MessageBranchContentProps, MessageBranchNext, MessageBranchNextProps, MessageBranchPage, MessageBranchPageProps, MessageBranchPrevious, MessageBranchPreviousProps, MessageBranchProps, MessageBranchSelector, MessageBranchSelectorProps, MessageContent, MessageContentProps, MessageProps, MessageResponse, MessageResponseProps, MessageToolbar, MessageToolbarProps - Registry dependencies: @nx-ui/utils, @nx-ui/button, @nx-ui/button-group, @nx-ui/tooltip, @nx-ui/ai-types - npm dependencies: @untitledui/icons@^0.0.22, streamdown@^2.5.0 - [ai-model-selector](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-model-selector.json): A command-palette model picker with provider logos and keyboard shortcuts. - Exports: ModelSelector, ModelSelectorContent, ModelSelectorContentProps, ModelSelectorDialog, ModelSelectorDialogProps, ModelSelectorEmpty, ModelSelectorEmptyProps, ModelSelectorGroup, ModelSelectorGroupProps, ModelSelectorInput, ModelSelectorInputProps, ModelSelectorItem, ModelSelectorItemProps, ModelSelectorList, ModelSelectorListProps, ModelSelectorLogo, ModelSelectorLogoGroup, ModelSelectorLogoGroupProps, ModelSelectorLogoProps, ModelSelectorName, ModelSelectorNameProps, ModelSelectorProps, ModelSelectorSeparator, ModelSelectorSeparatorProps, ModelSelectorShortcut, ModelSelectorShortcutProps, ModelSelectorTrigger, ModelSelectorTriggerProps - Registry dependencies: @nx-ui/utils, @nx-ui/command, @nx-ui/dialog - [ai-node](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-node.json): A styled workflow node card with header, content, footer, actions and handles. - Exports: Node, NodeAction, NodeActionProps, NodeContent, NodeContentProps, NodeDescription, NodeDescriptionProps, NodeFooter, NodeFooterProps, NodeHeader, NodeHeaderProps, NodeProps, NodeTitle, NodeTitleProps - Registry dependencies: @nx-ui/utils, @nx-ui/card - npm dependencies: @xyflow/react@^12.11.1 - [ai-open-in-chat](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-open-in-chat.json): A dropdown that deep-links the current prompt into external chat apps. - Exports: OpenIn, OpenInChatGPT, OpenInChatGPTProps, OpenInClaude, OpenInClaudeProps, OpenInContent, OpenInContentProps, OpenInCursor, OpenInCursorProps, OpenInItem, OpenInItemProps, OpenInLabel, OpenInLabelProps, OpenInProps, OpenInScira, OpenInSciraProps, OpenInSeparator, OpenInSeparatorProps, OpenInT3, OpenInT3Props, OpenInTrigger, OpenInTriggerProps, OpenInv0, OpenInv0Props - Registry dependencies: @nx-ui/utils, @nx-ui/button, @nx-ui/dropdown-menu - npm dependencies: @untitledui/icons@^0.0.22 - [ai-panel](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-panel.json): A floating overlay panel anchored to the workflow canvas. - Exports: Panel - Registry dependencies: @nx-ui/utils - npm dependencies: @xyflow/react@^12.11.1 - [ai-plan](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-plan.json): A collapsible multi-step plan card with per-step status and actions. - Exports: Plan, PlanAction, PlanActionProps, PlanContent, PlanContentProps, PlanDescription, PlanDescriptionProps, PlanFooter, PlanFooterProps, PlanHeader, PlanHeaderProps, PlanProps, PlanTitle, PlanTitleProps, PlanTrigger, PlanTriggerProps - Registry dependencies: @nx-ui/utils, @nx-ui/button, @nx-ui/card, @nx-ui/collapsible, @nx-ui/ai-shimmer - npm dependencies: @untitledui/icons@^0.0.22 - [ai-prompt-input](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-prompt-input.json): A full chat composer: auto-growing textarea, model select, tools, attachments and speech input. - Exports: AttachmentsContext, PromptInput, PromptInputActionAddAttachments, PromptInputActionAddAttachmentsProps, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuContentProps, PromptInputActionMenuItem, PromptInputActionMenuItemProps, PromptInputActionMenuProps, PromptInputActionMenuTrigger, PromptInputActionMenuTriggerProps, PromptInputAttachment, PromptInputAttachmentProps, PromptInputAttachments, PromptInputAttachmentsProps, PromptInputBody, PromptInputBodyProps, PromptInputButton, PromptInputButtonProps, PromptInputCommand, PromptInputCommandEmpty, PromptInputCommandEmptyProps, PromptInputCommandGroup, PromptInputCommandGroupProps, PromptInputCommandInput, PromptInputCommandInputProps, PromptInputCommandItem, PromptInputCommandItemProps, PromptInputCommandList, PromptInputCommandListProps, PromptInputCommandProps, PromptInputCommandSeparator, PromptInputCommandSeparatorProps, PromptInputControllerProps, PromptInputFooter, PromptInputFooterProps, PromptInputHeader, PromptInputHeaderProps, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardContentProps, PromptInputHoverCardProps, PromptInputHoverCardTrigger, PromptInputHoverCardTriggerProps, PromptInputMessage, PromptInputProps, PromptInputProvider, PromptInputProviderProps, PromptInputSelect, PromptInputSelectContent, PromptInputSelectContentProps, PromptInputSelectItem, PromptInputSelectItemProps, PromptInputSelectProps, PromptInputSelectTrigger, PromptInputSelectTriggerProps, PromptInputSelectValue, PromptInputSelectValueProps, PromptInputSpeechButton, PromptInputSpeechButtonProps, PromptInputSubmit, PromptInputSubmitProps, PromptInputTab, PromptInputTabBody, PromptInputTabBodyProps, PromptInputTabItem, PromptInputTabItemProps, PromptInputTabLabel, PromptInputTabLabelProps, PromptInputTabProps, PromptInputTabsList, PromptInputTabsListProps, PromptInputTextarea, PromptInputTextareaProps, PromptInputTools, PromptInputToolsProps, TextInputContext, usePromptInputAttachments, usePromptInputController, useProviderAttachments - Registry dependencies: @nx-ui/utils, @nx-ui/button, @nx-ui/command, @nx-ui/dropdown-menu, @nx-ui/hover-card, @nx-ui/input-group, @nx-ui/select, @nx-ui/ai-types - npm dependencies: @untitledui/icons@^0.0.22, nanoid@^5.1.16 - [ai-queue](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-queue.json): A sectioned, collapsible list of queued user turns with attachments and todos. - Exports: Queue, QueueItem, QueueItemAction, QueueItemActionProps, QueueItemActions, QueueItemActionsProps, QueueItemAttachment, QueueItemAttachmentProps, QueueItemContent, QueueItemContentProps, QueueItemDescription, QueueItemDescriptionProps, QueueItemFile, QueueItemFileProps, QueueItemImage, QueueItemImageProps, QueueItemIndicator, QueueItemIndicatorProps, QueueItemProps, QueueList, QueueListProps, QueueMessage, QueueMessagePart, QueueProps, QueueSection, QueueSectionContent, QueueSectionContentProps, QueueSectionLabel, QueueSectionLabelProps, QueueSectionProps, QueueSectionTrigger, QueueSectionTriggerProps, QueueTodo - Registry dependencies: @nx-ui/utils, @nx-ui/button, @nx-ui/collapsible, @nx-ui/scroll-area - npm dependencies: @untitledui/icons@^0.0.22 - [ai-reasoning](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-reasoning.json): A collapsible reasoning panel that auto-opens while thinking and tracks duration. - Exports: Reasoning, ReasoningContent, ReasoningContentProps, ReasoningProps, ReasoningTrigger, ReasoningTriggerProps, useReasoning - Registry dependencies: @nx-ui/utils, @nx-ui/collapsible, @nx-ui/ai-shimmer, @nx-ui/ai-use-controllable-state - npm dependencies: @untitledui/icons@^0.0.22, streamdown@^2.5.0 - [ai-shimmer](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-shimmer.json): A text shimmer sweep, used for pending or thinking states. - Exports: Shimmer, TextShimmerProps - Registry dependencies: @nx-ui/utils - npm dependencies: motion@^12.42.2 - [ai-sources](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-sources.json): A collapsible list of cited sources shown beneath an answer. - Exports: Source, SourceProps, Sources, SourcesContent, SourcesContentProps, SourcesProps, SourcesTrigger, SourcesTriggerProps - Registry dependencies: @nx-ui/utils, @nx-ui/collapsible - npm dependencies: @untitledui/icons@^0.0.22 - [ai-task](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-task.json): A collapsible task and subtask list with file chips for agent activity. - Exports: Task, TaskContent, TaskContentProps, TaskItem, TaskItemFile, TaskItemFileProps, TaskItemProps, TaskProps, TaskTrigger, TaskTriggerProps - Registry dependencies: @nx-ui/utils, @nx-ui/collapsible - npm dependencies: @untitledui/icons@^0.0.22 - [ai-tool](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-tool.json): Renders a single tool invocation with header, collapsible input and output. - Exports: Tool, ToolContent, ToolContentProps, ToolHeader, ToolHeaderProps, ToolInput, ToolInputProps, ToolOutput, ToolOutputProps, ToolProps - Registry dependencies: @nx-ui/utils, @nx-ui/badge, @nx-ui/collapsible, @nx-ui/ai-code-block, @nx-ui/ai-types - npm dependencies: @untitledui/icons@^0.0.22 - [ai-toolbar](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-toolbar.json): A node toolbar of context actions for a workflow node. - Exports: Toolbar - Registry dependencies: @nx-ui/utils - npm dependencies: @xyflow/react@^12.11.1 - [ai-types](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-types.json): Dependency-free type shims mirroring the AI SDK types the AI Elements components reference. - Exports: ChatStatus, Experimental_GeneratedImage, FileUIPart, LanguageModelUsage, ReasoningUIPart, SourceUrlUIPart, TextUIPart, ToolUIPart, ToolUIPartState, UIMessage, UIMessagePart - [ai-use-controllable-state](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-use-controllable-state.json): A local controllable-state hook used by the AI Elements collapsible components. - Exports: useControllableState - [ai-web-preview](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-web-preview.json): An embedded iframe live preview with a URL bar, navigation and console panel. - Exports: WebPreview, WebPreviewBody, WebPreviewBodyProps, WebPreviewConsole, WebPreviewConsoleProps, WebPreviewContextValue, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewNavigationButtonProps, WebPreviewNavigationProps, WebPreviewProps, WebPreviewUrl, WebPreviewUrlProps - Registry dependencies: @nx-ui/utils, @nx-ui/button, @nx-ui/collapsible, @nx-ui/input, @nx-ui/tooltip - npm dependencies: @untitledui/icons@^0.0.22 ## Blocks - [activity-feed](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/activity-feed.json): The nx-ui Activity Feed block. - Showcase: https://ui.nexusregen.com/blocks/activity-feed - Exports: ActivityFeed - Registry dependencies: @nx-ui/avatar, @nx-ui/featured-icon, @nx-ui/timeline - [ai-chat](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ai-chat.json): A complete chat surface — conversation, streamed messages, reasoning, tools, sources, suggestions and composer — composed from the AI primitives with mocked local streaming. - Exports: AiChat - Registry dependencies: @nx-ui/ai-conversation, @nx-ui/ai-loader, @nx-ui/ai-message, @nx-ui/ai-prompt-input, @nx-ui/ai-reasoning, @nx-ui/ai-sources, @nx-ui/ai-tool, @nx-ui/ai-types, @nx-ui/button, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [app-breadcrumbs](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/app-breadcrumbs.json): Breadcrumb navigation styled for the nx app shell. - Showcase: https://ui.nexusregen.com/blocks/app-breadcrumbs - Exports: AppBreadcrumbItem, AppBreadcrumbs, BreadcrumbMenuEntry - Registry dependencies: @nx-ui/breadcrumb, @nx-ui/dropdown-menu, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [app-shell](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/app-shell.json): The nx application shell: fixed sidebar, main content card and page chrome, with an optional top bar carrying scope breadcrumbs and actions above the page card. - Showcase: https://ui.nexusregen.com/blocks/app-shell - Exports: AppShell, TopBarHelpButton - Registry dependencies: @nx-ui/button, @nx-ui/sidebar, @nx-ui/tooltip, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [app-sidebar](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/app-sidebar.json): The nx-ui App Sidebar block. - Showcase: https://ui.nexusregen.com/blocks/app-sidebar - Exports: AppSidebar - Registry dependencies: @nx-ui/sidebar, @nx-ui/utils - [app-switcher](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/app-switcher.json): The sidebar-header launcher for the Nexus app family: a grid popover of product tiles (NxAppIcon tones) with the active app marked and coming-soon entries disabled. - Showcase: https://ui.nexusregen.com/blocks/app-switcher - Exports: AppSwitcher, AppSwitcherApp - Registry dependencies: @nx-ui/badge, @nx-ui/nx-app-icon, @nx-ui/popover, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [auth-login](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/auth-login.json): The sign-in surface — a LoginForm card (email, password, remember me, forgot-password link, social sign-in, sign-up prompt) plus split-screen and centred-card page layouts. - Showcase: https://ui.nexusregen.com/blocks/auth-login - Exports: AuthCenteredLayout, AuthLayout, LoginForm, SocialButtons - Registry dependencies: @nx-ui/button, @nx-ui/checkbox, @nx-ui/field, @nx-ui/input, @nx-ui/label, @nx-ui/nx-logo, @nx-ui/utils - [auth-recovery](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/auth-recovery.json): The account-recovery flow as composable cards — forgotten-password request, check-your-email confirmation, new-password reset and an OTP verification step — sharing one idiom with a back-to-login link. - Showcase: https://ui.nexusregen.com/blocks/auth-recovery - Exports: CheckEmailCard, ForgotPasswordForm, ResetPasswordForm, VerifyOtpForm - Registry dependencies: @nx-ui/auth-signup, @nx-ui/button, @nx-ui/featured-icon, @nx-ui/field, @nx-ui/input, @nx-ui/input-otp, @nx-ui/nx-logo, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [auth-signup](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/auth-signup.json): The account-creation surface — name/email/password with a live strength meter and requirements checklist, terms acceptance, social sign-up and a sign-in prompt. - Showcase: https://ui.nexusregen.com/blocks/auth-signup - Exports: PasswordStrengthMeter, SignupForm - Registry dependencies: @nx-ui/auth-login, @nx-ui/button, @nx-ui/checkbox, @nx-ui/field, @nx-ui/input, @nx-ui/label, @nx-ui/nx-logo, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [avatar-group](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/avatar-group.json): The nx-ui Avatar Group block. - Showcase: https://ui.nexusregen.com/blocks/avatar-group - Exports: AvatarGroup - Registry dependencies: @nx-ui/avatar, @nx-ui/tooltip - [backdrop](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/backdrop.json): The config-driven decorative section backdrop: glow, texture (grid/dots/diagonal/crosshair/contours/topo), grain and a blueprint frame, with named presets and dark-aware ink. - Showcase: https://ui.nexusregen.com/patterns/backdrop - Exports: AccentGlow, Backdrop, BackdropConfig, BackdropLookProvider, BlueprintFrame, CONTOURS_LOOK, DEFAULT_CONFIG, GlowColor, GrainOverlay, MaskKind, PRESETS, PatternKind, PresetName, SETOUT_LOOK - Registry dependencies: @nx-ui/utils - npm dependencies: next-themes@^0.4.6 - [background-patterns](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/background-patterns.json): A set of stock Untitled-UI CSS masked-grid backdrops (basic, fading and diagonal-cross variants) for a one-liner decorative layer. - Showcase: https://ui.nexusregen.com/patterns/background-patterns - Exports: BasicGridPattern, BottomFadeGridPattern, BottomRightFadeDiagonalCrossGridPattern, CenterFadeDiagonalCrossGridPattern, DiagonalCrossGridPattern, TopFadeDashedGridPattern, TopRightFadeGridPattern - Registry dependencies: @nx-ui/utils - [boundary-map](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/boundary-map.json): A site-boundary map rendering polygon parcels with a brand fill, outline and hover state. - Showcase: https://ui.nexusregen.com/maps/boundary-map - Exports: BoundaryMap, BoundaryMapProps, BoundaryParcel - Registry dependencies: @nx-ui/map-view, @nx-ui/utils - npm dependencies: react-map-gl@^8.1.1 - [calendar-view](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/calendar-view.json): A props-driven event calendar with month, week, day and agenda views — capped event chips with an overflow popover, overlap-aware hour-gridded time columns, all-day and multi-day spanning bars, a live current-time line and optional pointer drag-to-move. - Showcase: https://ui.nexusregen.com/blocks/calendar-view - Exports: AgendaView, CalendarController, CalendarEvent, CalendarEventDrop, CalendarSlot, CalendarToolbar, CalendarView, CalendarViewProps, EventTone, MonthView, PositionedEvent, TimeGridView, ToneClasses, WEEKDAY_LABELS, WEEK_OPTS, compareEvents, eventToneClasses, eventsForDay, isMultiDay, isSpanning, layoutTimedEvents, minutesIntoDay, toneOf, useCalendarDrag, useCalendarView, weekDays - Registry dependencies: @nx-ui/button, @nx-ui/popover, @nx-ui/select, @nx-ui/toggle-group, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22, date-fns@^4.4.0 - [cta-banner](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/cta-banner.json): The full-bleed navy call-to-action band, with split or centred layout and the accent CTA hover nudge. - Showcase: https://ui.nexusregen.com/patterns/cta-banner - Exports: CtaBanner - Registry dependencies: @nx-ui/backdrop, @nx-ui/button, @nx-ui/section, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [data-table](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/data-table.json): A TanStack Table kit in the shadcn data-table idiom, styled to the Untitled UI look: sorting, faceted and multi-column filters, global search, row selection with a bulk-action bar, pagination, column visibility, pinning, expandable sub-rows, loading skeletons and an empty state. - Exports: DataTable, DataTableBulkActions, DataTableColumnHeader, DataTableFacetedFilter, DataTablePagination, DataTableProps, DataTableRowActions, DataTableToolbar, DataTableViewOptions, ExpandChevron, FacetedFilterConfig, FacetedFilterOption, RowAction, expandColumn, facetedFilterFn, globalFilterFn, selectionColumn - Registry dependencies: @nx-ui/badge, @nx-ui/button, @nx-ui/checkbox, @nx-ui/dropdown-menu, @nx-ui/empty, @nx-ui/input, @nx-ui/popover, @nx-ui/select, @nx-ui/separator, @nx-ui/skeleton, @nx-ui/table, @nx-ui/utils - npm dependencies: @tanstack/react-table@^8.21.3, @untitledui/icons@^0.0.22 - [device-mockup](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/device-mockup.json): The nx-ui Device Mockup block. - Showcase: https://ui.nexusregen.com/blocks/device-mockup - Exports: BrowserMockup, IPhoneMockup - Registry dependencies: @nx-ui/utils - [empty-state](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/empty-state.json): A full empty-state layout combining a featured icon, message and call to action. - Showcase: https://ui.nexusregen.com/blocks/empty-state - Exports: EmptyState - Registry dependencies: @nx-ui/background-pattern, @nx-ui/featured-icon, @nx-ui/flare-styles, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [error-page](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/error-page.json): Full-page error and status surfaces — 404, 500, maintenance and access-denied variants with a display-scale code, featured icon, copy, up to two CTAs, an optional backdrop and a search slot. - Showcase: https://ui.nexusregen.com/blocks/error-page - Exports: ErrorPage - Registry dependencies: @nx-ui/backdrop, @nx-ui/button, @nx-ui/featured-icon, @nx-ui/section, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [faq](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/faq.json): A grouped FAQ composed on the nx-ui Accordion, styled as rounded cards that ring on open. - Showcase: https://ui.nexusregen.com/patterns/faq - Exports: Faq, FaqCategory, FaqItem - Registry dependencies: @nx-ui/accordion, @nx-ui/utils - [feature-card](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/feature-card.json): The flexible marketing card — default, dashed-outline and self-flipping on-brand variants, with an optional hover-lift link affordance. - Showcase: https://ui.nexusregen.com/patterns/feature-card - Exports: FeatureCard - Registry dependencies: @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [feature-row](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/feature-row.json): An alternating image/copy feature row with an optional icon, eyebrow and checklist. - Showcase: https://ui.nexusregen.com/patterns/feature-row - Exports: FeatureRow - Registry dependencies: @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [featured-icon](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/featured-icon.json): The Untitled-UI-style icon-in-a-decorative-container, used atop empty states and alerts. - Showcase: https://ui.nexusregen.com/blocks/featured-icon - Exports: FeaturedIcon - Registry dependencies: @nx-ui/utils - [filter-bar](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/filter-bar.json): The nx-ui Filter Bar block. - Showcase: https://ui.nexusregen.com/blocks/filter-bar - Exports: ActiveFilter, FilterBar, FilterGroup - Registry dependencies: @nx-ui/badge, @nx-ui/button, @nx-ui/checkbox, @nx-ui/input-group, @nx-ui/label, @nx-ui/popover, @nx-ui/tag, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [grid-backdrop](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/grid-backdrop.json): A lightweight standalone grid backdrop for brand bands, testimonials and stat cards — navy on light, accent-yellow on dark. - Showcase: https://ui.nexusregen.com/patterns/grid-backdrop - Exports: GridBackdrop, gridMasks - Registry dependencies: @nx-ui/utils - [hero-split](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/hero-split.json): The two-column landing hero — headline and CTAs beside a media slot — with the CSS-only animated accent underline. - Showcase: https://ui.nexusregen.com/patterns/hero-split - Exports: AccentUnderline, HeroSplit - Registry dependencies: @nx-ui/backdrop, @nx-ui/button, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [how-it-works](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/how-it-works.json): A numbered process with an animated gradient dashed connector, in horizontal or vertical orientation. - Showcase: https://ui.nexusregen.com/patterns/how-it-works - Exports: HowItWorks, ProcessStep, StepConnector - Registry dependencies: @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [isochrone-tool](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/isochrone-tool.json): Travel-time isochrone overlays for map-view: a settings popover (profile, max time, interval), navy-to-blue contour fills, a legend info bar and point-in-polygon reach filtering, fetched via the nx-geo isochrone contract. - Exports: DEFAULT_ISOCHRONE_SETTINGS, ISOCHRONE_COLORS, IsochroneData, IsochroneInfoBar, IsochroneInfoBarProps, IsochroneLayers, IsochroneLayersProps, IsochroneOriginMarker, IsochroneOriginMarkerProps, IsochroneProfile, IsochroneSettings, IsochroneSettingsPopover, IsochroneSettingsPopoverProps, MAX_CONTOURS, UseIsochroneOptions, calculateContours, createIsochroneFilter, useIsochrone - Registry dependencies: @nx-ui/button, @nx-ui/geo-api, @nx-ui/label, @nx-ui/popover, @nx-ui/separator, @nx-ui/slider, @nx-ui/spinner, @nx-ui/switch, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22, react-map-gl@^8.1.1 - [kanban](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/kanban.json): A generic kanban board styled to the Untitled UI look: colour-coded columns with count badges, WIP-limit indication and overflow-menu slots, slot-based cards carrying badges, assignee avatars and due dates, and pointer drag-and-drop with a floating ghost and live drop indicator — fully keyboard-operable with aria-live announcements. - Showcase: https://ui.nexusregen.com/blocks/kanban - Exports: KanbanApi, KanbanAssignee, KanbanBoard, KanbanBoardProps, KanbanCard, KanbanCardAssignees, KanbanCardBadges, KanbanCardData, KanbanCardDescription, KanbanCardDueDate, KanbanCardFooter, KanbanCardProps, KanbanCardTitle, KanbanColumn, KanbanColumnData, KanbanColumnProps, KanbanMoveEvent, KanbanMoveMode, KanbanProvider, KanbanProviderProps, KanbanTone, UseKanbanOptions, useKanban, useKanbanContext - Registry dependencies: @nx-ui/avatar, @nx-ui/badge, @nx-ui/button, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [listing-card](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/listing-card.json): The shared listing presentation: a standalone card and the map popup with the select-for-exchange call to action, drawing one body — operator, place, status/category badges, gate-fee range and lazily fetched waste types and EWC codes — plus the badge atoms the panel rows reuse. - Showcase: https://ui.nexusregen.com/marketplace/listing-card - Exports: GateFeeChip, ListingCard, ListingCardProps, ListingDetailExtras, ListingPopup, ListingPopupProps, ListingStatusBadge, ListingTypeBadge, useListingDetail - Registry dependencies: @nx-ui/badge, @nx-ui/button, @nx-ui/map-marker, @nx-ui/marketplace-types, @nx-ui/skeleton, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [listings-filters](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/listings-filters.json): The left-hand search & filter panel: injected place search with recents, free-text listing search, toned type chips, a category tree with indeterminate group states, region checklist, operational-only switch and gate-fee range — every control with live faceted counts, plus an active-filter chip row. - Showcase: https://ui.nexusregen.com/marketplace/listings-filters - Exports: ListingsFilters, ListingsFiltersProps - Registry dependencies: @nx-ui/badge, @nx-ui/button, @nx-ui/checkbox, @nx-ui/collapsible, @nx-ui/input-group, @nx-ui/label, @nx-ui/marketplace-types, @nx-ui/slider, @nx-ui/spinner, @nx-ui/switch, @nx-ui/tag, @nx-ui/use-marketplace, @nx-ui/use-mobile, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [listings-panel](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/listings-panel.json): The right-hand Opportunities overlay: a virtualised, keyboard-navigable listings list with a live in-view count header, sort menu, tone-ringed selection and bidirectional hover/select sync with the map; collapses to an edge tab on desktop and a bottom sheet on mobile. - Showcase: https://ui.nexusregen.com/marketplace/listings-panel - Exports: ListingsPanel, ListingsPanelProps - Registry dependencies: @nx-ui/badge, @nx-ui/button, @nx-ui/dropdown-menu, @nx-ui/marketplace-types, @nx-ui/skeleton, @nx-ui/use-marketplace, @nx-ui/use-mobile, @nx-ui/utils - npm dependencies: @tanstack/react-virtual@^3.14.5, @untitledui/icons@^0.0.22 - [logo-cloud](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/logo-cloud.json): A social-proof logo band as a CSS marquee (auto-scroll, reduced-motion aware) or a static grid. - Showcase: https://ui.nexusregen.com/patterns/logo-cloud - Exports: LogoCloud - Registry dependencies: @nx-ui/utils - [map-marker](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/map-marker.json): A branded pin marker with a selected state and a rounded popup card for map annotations. - Showcase: https://ui.nexusregen.com/maps/map-marker - Exports: MapPin, MapPinGlyph, MapPinProps, MapPopupCard, MapPopupCardProps - Registry dependencies: @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22, react-map-gl@^8.1.1 - [map-stat-overlay](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/map-stat-overlay.json): A floating glass stat and legend panel that sits over a map. - Showcase: https://ui.nexusregen.com/maps/map-stat-overlay - Exports: MapLegendItem, MapLegendItemProps, MapStat, MapStatOverlay, MapStatOverlayProps, MapStatProps - Registry dependencies: @nx-ui/utils - [map-toolbar](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/map-toolbar.json): The glass-pill map control toolbar: a prop-driven standard arrangement (zoom, locate, Map/Satellite switcher, tool toggles, reset view) or fully composable groups, buttons and toggles. - Showcase: https://ui.nexusregen.com/maps/map-toolbar - Exports: MapToolbar, MapToolbarButton, MapToolbarButtonProps, MapToolbarGroup, MapToolbarPosition, MapToolbarProps, MapToolbarSeparator, MapToolbarToggle, MapToolbarToggleProps, MapToolbarTool - Registry dependencies: @nx-ui/button, @nx-ui/map-view, @nx-ui/separator, @nx-ui/toggle, @nx-ui/tooltip, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22, react-map-gl@^8.1.1 - [map-view](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/map-view.json): A theme-aware Mapbox map wrapper with UUI-styled zoom and basemap-style controls. - Showcase: https://ui.nexusregen.com/maps/map-view - Exports: MapBasemap, MapStyleSwitcher, MapView, MapViewProps, MapZoomControl, UK_DEFAULT_VIEW, resolveMapStyle - Registry dependencies: @nx-ui/button, @nx-ui/button-group, @nx-ui/mapbox, @nx-ui/mapbox-overrides, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22, mapbox-gl@^3.25.0, next-themes@^0.4.6, react-map-gl@^8.1.1 - [marketplace-map](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/marketplace-map.json): The orchestrating marketplace map surface: supercluster bubbles with type-mix rings, toned facility pins with hover/selected states, an HTML spiderfy fan, travel-time and route tool integration, search-this-area re-querying, listing popups with the exchange handoff, and the full transfer-preview choreography. - Showcase: https://ui.nexusregen.com/marketplace/marketplace-map - Exports: MarketplaceMap, MarketplaceMapProps - Registry dependencies: @nx-ui/button, @nx-ui/isochrone-tool, @nx-ui/listing-card, @nx-ui/map-toolbar, @nx-ui/map-view, @nx-ui/marketplace-types, @nx-ui/route-tool, @nx-ui/spinner, @nx-ui/transfer-preview, @nx-ui/use-listings-clusters, @nx-ui/use-marketplace, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22, next-themes@^0.4.6, react-map-gl@^8.1.1 - [marketplace-types](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/marketplace-types.json): The marketplace family's shared contract: the nx-geo listings wire shapes (GeoJSON FeatureCollection + faceted meta), the flat client listing record, filter/sort state, facility-type tones, the material category tree and formatting helpers. - Exports: CATEGORY_LABELS, CategoryTreeGroup, DEFAULT_CATEGORY_TREE, EMPTY_MARKETPLACE_FILTERS, GeoSearchFn, GeoSearchResult, LISTING_SORTS, LISTING_TONES, ListingFeature, ListingFeatureProperties, ListingSort, ListingTone, ListingsFacets, ListingsFeatureCollection, ListingsMeta, ListingsResponse, MarketplaceBbox, MarketplaceFilters, MarketplaceListing, UK_BBOX, bboxArea, bboxContains, categoryLabel, countActiveFilters, featureToListing, formatDistanceKm, formatGateFee, formatGateFeeRange, haversineKm, isActiveListingStatus, listingTone, padBbox - [media-player](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/media-player.json): A styled media player shell — a poster with a centred featured-icon play overlay, a native video wrapped in a UUI-styled control bar (scrubber, time, volume, fullscreen), and a MediaThumbnail sibling that opens the film in a dialog. - Showcase: https://ui.nexusregen.com/blocks/media-player - Exports: MediaPlayer, MediaThumbnail - Registry dependencies: @nx-ui/dialog, @nx-ui/featured-icon, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [metric-card](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/metric-card.json): The nx-ui Metric Card block. - Showcase: https://ui.nexusregen.com/blocks/metric-card - Exports: MetricCard, MetricTrend - Registry dependencies: @nx-ui/card, @nx-ui/featured-icon, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [motion](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/motion.json): The scroll-reveal motion utilities — FadeIn, Stagger and StaggerItem plus the shared EASE constant. - Showcase: https://ui.nexusregen.com/patterns/motion - Exports: EASE, FadeIn, Stagger, StaggerItem - npm dependencies: motion@^12.42.2 - [notification-centre](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/notification-centre.json): A bell trigger with an unread badge opening a 420px popover inbox: All/Unread/Archived tabs, rows date-grouped under sticky blurred headers, a scroll fade, hover quick actions, inline invite decisions, mark-all-read and per-tab empty states. Exports NotificationRow for standalone feeds. - Showcase: https://ui.nexusregen.com/blocks/notification-centre - Exports: NotificationCentre, NotificationRow, groupNotificationsByTime - Registry dependencies: @nx-ui/avatar, @nx-ui/button, @nx-ui/empty-state, @nx-ui/motion, @nx-ui/notification, @nx-ui/popover, @nx-ui/tabs, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22, date-fns@^4.4.0, motion@^12.42.2 - [nx-app-icon](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/nx-app-icon.json): The Google-style Nexus product app-icon family: the arrow emblem on a rounded tile, tinted by fixed brand tones — a set of identity artefacts that stay constant across light/dark and brand variants. - Exports: NxAppIcon, NxAppIconShape, NxAppIconTone - Registry dependencies: @nx-ui/utils - [nx-emblem](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/nx-emblem.json): The Nexus ReGen arrow logomark as an inline SVG with a weight scale (regular keyline through solid) and currentColor fills, for crisp, legible marks at any size. - Exports: NxEmblem, NxEmblemWeight - Registry dependencies: @nx-ui/utils - [nx-logo](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/nx-logo.json): The Nexus ReGen logotype (emblem, lockup and wordmark), drawn inline as vector paths and coloured by token so it flips correctly with the theme. - Showcase: https://ui.nexusregen.com/blocks/nx-logo - Exports: NxLogo - Registry dependencies: @nx-ui/nx-emblem, @nx-ui/utils - [onboarding-checklist](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/onboarding-checklist.json): A setup-progress card — overall progress bar, ordered step rows with done/current/locked states, a collapsible completed group, a dismiss control and a compact variant for docking in a sidebar. - Showcase: https://ui.nexusregen.com/blocks/onboarding-checklist - Exports: OnboardingChecklist, OnboardingStep - Registry dependencies: @nx-ui/button, @nx-ui/card, @nx-ui/collapsible, @nx-ui/progress, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [org-switcher](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/org-switcher.json): A control for switching between organisations within the app shell. - Showcase: https://ui.nexusregen.com/blocks/org-switcher - Exports: Org, OrgAvatar, OrgSwitcher - Registry dependencies: @nx-ui/avatar, @nx-ui/dropdown-menu, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [page-header](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/page-header.json): A consistent page header with title, description and actions. - Showcase: https://ui.nexusregen.com/blocks/page-header - Exports: PageHeader - Registry dependencies: @nx-ui/utils - [page-hero](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/page-hero.json): The reusable interior/marketing hero with tone (default/brand) and align (left/center) variants, over a decorative backdrop. - Showcase: https://ui.nexusregen.com/patterns/page-hero - Exports: PageHero - Registry dependencies: @nx-ui/backdrop, @nx-ui/button, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [pricing-table](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/pricing-table.json): Marketing pricing surface — tier cards with a highlighted popular plan, a monthly/annual billing toggle that swaps per-period prices, and a features-by-plans comparison-table variant with tick/dash cells. - Showcase: https://ui.nexusregen.com/blocks/pricing-table - Exports: ComparisonGroup, ComparisonRow, PricingFeature, PricingTable, PricingTier - Registry dependencies: @nx-ui/badge, @nx-ui/button, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [route-map](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/route-map.json): A movement route map with origin and destination markers and a brand line with a dashed progress overlay. - Showcase: https://ui.nexusregen.com/maps/route-map - Exports: RouteMap, RouteMapProps - Registry dependencies: @nx-ui/map-marker, @nx-ui/map-view, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22, react-map-gl@^8.1.1 - [route-tool](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/route-tool.json): Click-to-add waypoint routing for map-view: numbered draggable role-coloured pins, the accent-yellow route line and a floating distance/duration info bar, with a debounced fetch against the nx-geo routing contract. - Exports: DEFAULT_ROUTE_SETTINGS, MAX_WAYPOINTS, ROUTE_LINE_STYLE, RouteData, RouteInfoBar, RouteInfoBarProps, RouteLineLayer, RouteLineLayerProps, RouteProfile, RouteToolSettings, RouteWaypointMarkers, RouteWaypointMarkersProps, RouteWaypointPin, RouteWaypointPinProps, UseRouteOptions, WAYPOINT_COLORS, WaypointRole, formatRouteDistance, formatRouteDuration, useRoute, waypointRole - Registry dependencies: @nx-ui/button, @nx-ui/geo-api, @nx-ui/separator, @nx-ui/spinner, @nx-ui/tooltip, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22, react-map-gl@^8.1.1 - [scope](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/scope.json): The org ▸ project scope contract shared by the scoped-shell blocks: OrgRef/ProjectRef display snapshots, the Scope type and the onOrgChange/onProjectChange/onProjectClear callback vocabulary. - Exports: OrgRef, ProjectRef, Scope, ScopeChangeHandlers, scopeInitials - [scope-breadcrumbs](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/scope-breadcrumbs.json): The top-bar context switcher: an organisation crumb with a workspace menu, a project crumb with a project switcher and an All-projects escape (shown only when scoped), then ordinary path crumbs. - Exports: ScopeBreadcrumbs, ScopeTrailItem - Registry dependencies: @nx-ui/breadcrumb, @nx-ui/dropdown-menu, @nx-ui/org-switcher, @nx-ui/scope, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [scoped-nav](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/scoped-nav.json): The two-level sliding sidebar navigation: workspace-level nav and per-project nav with a Back-to-all-projects row, sliding between levels as a project enters or leaves scope. - Showcase: https://ui.nexusregen.com/blocks/scoped-nav - Exports: ScopedNav, ScopedNavLevels - Registry dependencies: @nx-ui/scope, @nx-ui/sidebar, @nx-ui/sidebar-nav, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [scroll-fade](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/scroll-fade.json): A scroll container with top/bottom token-gradient fades that appear while more content exists in that direction, plus an optional click-to-scroll 'more below' indicator pill — built for long sidebar navs and list panels. - Showcase: https://ui.nexusregen.com/blocks/scroll-fade - Exports: ScrollFade - Registry dependencies: @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [section](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/section.json): The marketing layout backbone: Section (toned, padded band) plus Eyebrow and SectionHeading. - Showcase: https://ui.nexusregen.com/patterns/section - Exports: Eyebrow, Section, SectionHeading - Registry dependencies: @nx-ui/utils - [settings](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/settings.json): The settings-page kit: a responsive shell with sticky side tabs on desktop and a native select on mobile, a two-column label/control section idiom, and reference sections for profile, notifications, team management and destructive actions. - Showcase: https://ui.nexusregen.com/blocks/settings - Exports: DangerAction, DangerZone, NotificationGroup, NotificationOption, NotificationsSection, ProfileSection, SettingsRow, SettingsSection, SettingsShell, SettingsTab, TeamMember, TeamSection - Registry dependencies: @nx-ui/avatar, @nx-ui/button, @nx-ui/card, @nx-ui/dropdown-menu, @nx-ui/input, @nx-ui/label, @nx-ui/native-select, @nx-ui/select, @nx-ui/separator, @nx-ui/switch, @nx-ui/textarea, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [sidebar-nav](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/sidebar-nav.json): The nx-ui Sidebar Nav block. - Showcase: https://ui.nexusregen.com/blocks/sidebar-nav - Exports: SidebarNav, SidebarNavGroup, SidebarNavItem - Registry dependencies: @nx-ui/collapsible, @nx-ui/sidebar, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [site-footer](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/site-footer.json): The navy marketing footer with a watermark, hairline divider, link columns and an optional theme toggle. - Showcase: https://ui.nexusregen.com/patterns/site-footer - Exports: FooterColumn, FooterLink, SiteFooter - Registry dependencies: @nx-ui/button, @nx-ui/nx-emblem, @nx-ui/theme-toggle, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [site-header](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/site-header.json): The marketing header — a sticky glassy bar with desktop mega-menus and a mobile popover menu, all props-driven. - Showcase: https://ui.nexusregen.com/patterns/site-header - Exports: MegaMenu, MegaMenuItem, NavItem, SiteHeader - Registry dependencies: @nx-ui/button, @nx-ui/popover, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [site-map](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/site-map.json): A clustered site map: point markers that group into brand-coloured cluster bubbles you can click to expand. - Showcase: https://ui.nexusregen.com/maps/site-map - Exports: Site, SiteMap, SiteMapProps - Registry dependencies: @nx-ui/map-marker, @nx-ui/map-view, @nx-ui/utils - npm dependencies: react-map-gl@^8.1.1 - [stats-band](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/stats-band.json): The accent-on-navy metric treatment in three idioms: stat cards, a stat-plus-quote proof band, and an on-image overlay. - Showcase: https://ui.nexusregen.com/patterns/stats-band - Exports: Stat, StatsBand - Registry dependencies: @nx-ui/grid-backdrop, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [testimonials](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/testimonials.json): Customer testimonials on a dark brand band — a motion crossfade carousel or a static grid. - Showcase: https://ui.nexusregen.com/patterns/testimonials - Exports: Testimonial, Testimonials - Registry dependencies: @nx-ui/grid-backdrop, @nx-ui/motion, @nx-ui/section, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22, motion@^12.42.2 - [theme-toggle](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/theme-toggle.json): A control for switching between light, dark and system colour themes. - Showcase: https://ui.nexusregen.com/blocks/theme-toggle - Exports: ThemeToggle, ThemeToggleMenuItems - Registry dependencies: @nx-ui/button, @nx-ui/dropdown-menu, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22, next-themes@^0.4.6 - [transfer-preview](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/transfer-preview.json): The marketplace transfer-proposal flow: 70° cinematic camera choreography over a route, pulsing endpoint pins, and a bottom dock with source/destination cards, animated truck stats, a volume slider and a save-proposal callback. - Showcase: https://ui.nexusregen.com/maps/transfer-preview - Exports: DEFAULT_TRUCK_CAPACITY_M3, TRANSFER_PREVIEW_BOTTOM_PADDING, TransferListing, TransferListingCard, TransferListingCardProps, TransferPreviewDock, TransferPreviewDockProps, TransferProposal, TransferStats, TransferStatsProps, TransferWaypointPins, TransferWaypointPinsProps, UseTransferCameraOptions, transferRouteBounds, useTransferCamera - Registry dependencies: @nx-ui/button, @nx-ui/route-tool, @nx-ui/slider, @nx-ui/spinner, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22, motion@^12.42.2, react-map-gl@^8.1.1 - [use-listings-clusters](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/use-listings-clusters.json): Client-side clustering for the marketplace map: a headless supercluster hook whose clusters carry per-tone leaf breakdowns (for type-mix rings), plus expansion-zoom and leaves helpers for zoom-to-split and spiderfy. - Exports: ListingClusterPoint, ListingSinglePoint, ListingsClusterItem, UseListingsClustersOptions, useListingsClusters - Registry dependencies: @nx-ui/marketplace-types - npm dependencies: supercluster@^8.0.1 - [use-marketplace](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/use-marketplace.json): The headless marketplace orchestrator hook: one owner for the server query (debounced, aborting, stale-while-revalidate), the committed query bbox behind search-this-area, the live viewport, reach filtering, the derived visible set, hover/selection sync, the select-for-exchange pair and the camera. - Exports: Marketplace, MarketplaceExchange, MarketplaceViewport, UseMarketplaceOptions, useMarketplace - Registry dependencies: @nx-ui/marketplace-types - npm dependencies: react-map-gl@^8.1.1 - [user-menu](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/user-menu.json): An account menu with organisation switching, theme toggle and sign-out, shown in the app shell. - Showcase: https://ui.nexusregen.com/blocks/user-menu - Exports: User, UserAvatar, UserMenu - Registry dependencies: @nx-ui/avatar, @nx-ui/dropdown-menu, @nx-ui/org-switcher, @nx-ui/theme-toggle, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 ## Domain - [chain-of-custody](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/chain-of-custody.json): A waste-transfer audit trail built on the Timeline primitive — typed custody events (produced through disputed) with per-type tones, verification states, transfer-note document chips, quantity deltas and licensed party cards, in compact and detailed variants. - Showcase: https://ui.nexusregen.com/domain/chain-of-custody - Exports: ChainOfCustody, ChainOfCustodyProps, CustodyDocument, CustodyEvent, CustodyEventType, CustodyParty, CustodyPartyRole, CustodyQuantityDelta, CustodyVerification - Registry dependencies: @nx-ui/timeline, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [compliance-checklist](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/compliance-checklist.json): A generic pass/fail/warn/na readiness checklist card, modelled on Digital Waste Tracking compliance. - Showcase: https://ui.nexusregen.com/domain/compliance-checklist - Exports: ComplianceCheck, ComplianceChecklist, ComplianceChecklistProps, ComplianceStatus - Registry dependencies: @nx-ui/tooltip, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [ewc-selector](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/ewc-selector.json): The European Waste Catalogue picker: a hybrid segmented code entry and search-by-description dropdown, plus a full List of Wastes lookup modal (chapter navigation, WM3 mirror/hazard classification, evidence previews) behind an inline lookup field. - Showcase: https://ui.nexusregen.com/domain/ewc-selector - Exports: EWC_CHAPTERS, EWC_CODES, EWC_LEAF_CODES, EwcChapterSummary, EwcCodeDetail, EwcCodeDetailProps, EwcCodeSummary, EwcEntry, EwcGroupHeader, EwcHazardClass, EwcIcon, EwcInputBar, EwcLookupField, EwcLookupFieldProps, EwcLookupFilter, EwcLookupModal, EwcLookupModalProps, EwcResultRow, EwcSearchPanel, EwcSegmentInput, EwcSelector, EwcSelectorProps, HazardousBadge, MAX_RECENT, RECENTLY_USED_KEY, SegmentSeparator, Segments, classifyEwc, evidenceForEntry, findEwcEntry, getChapterEntry, isMirrorEntry, loadRecentCodes, lookupCode, matchesEwcFilter, mirrorPairCodes, parseValueToSegments, saveRecentCode, segmentsToCode, segmentsToPrefix, useEwcSearch, useEwcSegments - Registry dependencies: @nx-ui/badge, @nx-ui/button, @nx-ui/data-ewc-codes, @nx-ui/dialog, @nx-ui/input, @nx-ui/kbd, @nx-ui/label, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [location-selector](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/location-selector.json): A UK location picker: address search plus an optional draggable map pin (Mapbox), and the movement-form flow — a selected-location card field backed by a config-driven picker modal with directory search and a map/address escape hatch. - Showcase: https://ui.nexusregen.com/domain/location-selector - Exports: GeoPoint, GeocodeFn, GeocodeResult, LocationDetails, LocationDetailsPanel, LocationField, LocationFieldProps, LocationFieldTone, LocationMap, LocationMapProps, LocationOption, LocationPickerModal, LocationPickerModalProps, LocationSearch, LocationSearchBox, LocationSearchBoxProps, LocationSearchProps, LocationSelector, LocationSelectorProps, LocationValue, LocationValueKind, SelectedLocation - Registry dependencies: @nx-ui/button, @nx-ui/dialog, @nx-ui/input, @nx-ui/label, @nx-ui/mapbox, @nx-ui/mapbox-overrides, @nx-ui/os-grid-reference, @nx-ui/spinner, @nx-ui/tabs, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22, mapbox-gl@^3.25.0, react-map-gl@^8.1.1 - [material-selector](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/material-selector.json): Construction-material pickers: a compact search combobox, a card-driven class → term drill-down wizard, and a status-gated field with a grouped picker modal that cascades EWC, unit and hazard suggestions. - Showcase: https://ui.nexusregen.com/domain/material-selector - Exports: MaterialClassAndTermSelectWizard, MaterialClassAndTermSelectWizardProps, MaterialField, MaterialFieldProps, MaterialPickPayload, MaterialPickerGroup, MaterialPickerModal, MaterialPickerModalProps, MaterialPickerOption, MaterialTypeSelector, MaterialTypeSelectorProps, MaterialUnit, MaterialVolumeInput, MaterialVolumeInputProps, VolumeUnit, buildMaterialPickerGroups, findMaterialOption, toPickPayload - Registry dependencies: @nx-ui/badge, @nx-ui/button, @nx-ui/combobox, @nx-ui/data-material-terms, @nx-ui/dialog, @nx-ui/input-group, @nx-ui/label, @nx-ui/native-select, @nx-ui/tooltip, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [opportunities](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/opportunities.json): The opportunity matrix family: every routing pathway considered for a material requirement — multi-step routes, itemised cost estimates, compatibility scores and AI viability assessments — presented visually first (a proximity map, a cost-proportional flow canvas and a cost-vs-readiness decision grid) with comparable cards, a baseline-anchored comparison, a full transparency matrix and a composable detail record behind. - Showcase: https://ui.nexusregen.com/examples/opportunities - Exports: AGGREGATE_OPPORTUNITIES, AGGREGATE_REQUIREMENT, COST_KIND_LABELS, Compatibility, CompatibilityRing, ComplianceItem, ComplianceStatus, ConditionStatus, CostBreakdown, CostKind, CostLine, MATERIAL_RELATION_LABELS, MaterialRelation, MaterialRequirement, OPPORTUNITY_SCENARIOS, OPPORTUNITY_STATUS_LABELS, Opportunity, OpportunityCard, OpportunityComparison, OpportunityDecision, OpportunityDetail, OpportunityFlow, OpportunityMap, OpportunityScenario, OpportunityStatus, OpportunityStatusBadge, OpportunityStrategy, OptionsMatrix, QualityLevel, ROUTE_NODE_LABELS, RULED_OUT_DASH, RegulatoryStatus, RequirementDirection, RequirementMaterial, RequirementQuantity, RouteNode, RouteNodeIcon, RouteNodeKind, RoutePathway, RouteSummary, SCORE_TIER_LABELS, STRATEGY_LABELS, SavingsDelta, ScoreTier, StrategyBadge, TIMING_FIT_LABELS, TOPSOIL_OPPORTUNITIES, TOPSOIL_REQUIREMENT, TimingBadge, TimingFit, VERDICT_LABELS, VERDICT_MARK_COLORS, VerdictLegend, Viability, ViabilityBadge, ViabilityCondition, ViabilityPanel, ViabilityVerdict, VizTipState, VizTooltip, baselineOf, formatConfidence, formatDistanceKm, formatMoney, formatMoneyDelta, formatPerTonne, formatQuantity, formatWindow, opportunityIsEstimated, opportunityReadiness, opportunityShortName, opportunityTotalCost, rankOpportunities, savingsVsBaseline, scoreTier, useVizTip, verdictWash - Registry dependencies: @nx-ui/badge, @nx-ui/card, @nx-ui/table, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [permit-badge](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/permit-badge.json): Carrier and permit credential atoms: a status-tinted PermitBadge pill with registration number and expiry countdown, a fuller PermitCard with holder, dates and a verify-on-register link slot, and an inline VerificationTick. - Showcase: https://ui.nexusregen.com/domain/permit-badge - Exports: PermitBadge, PermitBadgeProps, PermitCard, PermitCardProps, PermitStatus, PermitType, VerificationTick, VerificationTickProps - Registry dependencies: @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [project-scope-selector](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/project-scope-selector.json): Construction project-scope selection in several layouts — card-grid wizard, hierarchical checklist tree, grouped multi-select combobox and a segmented category/items panel. - Showcase: https://ui.nexusregen.com/domain/project-scope-selector - Exports: ProjectScopeSelector, ProjectScopeSelectorProps, ProjectScopeSelectorWithLayoutProps, SCOPE_ICONS, ScopeCardGrid, ScopeChecklistTree, ScopeCombobox, ScopeLayout, ScopeSegmentedPanel - Registry dependencies: @nx-ui/badge, @nx-ui/button, @nx-ui/checkbox, @nx-ui/combobox, @nx-ui/data-project-scopes, @nx-ui/featured-icon, @nx-ui/label, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 - [transfer-note](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/transfer-note.json): A sectioned UK waste transfer note form — parties, waste description with an EWC selector slot, SIC code, quantity and container, transfer details, broker/dealer and signed declarations — plus a read-only TransferNoteSummary card for review states. - Showcase: https://ui.nexusregen.com/domain/transfer-note - Exports: EMPTY_TRANSFER_NOTE, TransferNoteForm, TransferNoteFormProps, TransferNoteParty, TransferNoteSummary, TransferNoteSummaryProps, TransferNoteValues - Registry dependencies: @nx-ui/button, @nx-ui/checkbox, @nx-ui/field, @nx-ui/input, @nx-ui/select, @nx-ui/textarea, @nx-ui/utils - npm dependencies: @untitledui/icons@^0.0.22 ## Data - [data-ewc-codes](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/data-ewc-codes.json): The full European Waste Catalogue (List of Waste, 2014/955/EU) flattened to a single array — every chapter, subcategory and leaf code, with material category, hazardous and construction-relevant flags. - [data-geo-fixtures](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/data-geo-fixtures.json): Deterministic geo fixtures for the mock nx-geo API routes — synthetic route and isochrone generators used when Mapbox is unreachable (or SMOKE is set), keeping map demos deterministic offline. - Exports: LngLat, PROFILE_SPEEDS_KMH, haversineMeters, syntheticIsochrone, syntheticRoute, syntheticRouteGeometry - [data-material-terms](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/data-material-terms.json): A construction & earthworks material taxonomy — classes (soil, aggregate, concrete, asphalt, waste…) and their leaf terms, with synonyms and reference densities. - Exports: MATERIAL_CLASSES, MATERIAL_TERMS, MaterialClass, MaterialTerm, REFERENCE_DENSITIES, ReferenceDensity, findClass, findTerm, getReferenceDensity, listClasses, listLeafClasses, listTerms, searchClasses, searchTerms, termCount - [data-project-scopes](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/data-project-scopes.json): A realistic construction project-scope dataset — work categories, phases/packages and their activities, for scope-selection UIs. - Exports: SCOPE_ACTIVITIES, SCOPE_CATEGORIES, ScopeActivity, ScopeCategory, ScopeIconKey, findScopeActivity, findScopeCategory, listScopeActivities, listScopeCategories, scopeActivityCount, searchScopeActivities ## Themes - [theme](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/theme.json): The Nexus ReGen design-token foundation: the full Untitled UI colour, type, shadow and radius system, mapped onto shadcn's semantic CSS variables. - [theme-ember](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/theme-ember.json): Ember brand theme — a warm, energetic orange brand-ramp override. - [theme-evergreen](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/theme-evergreen.json): Evergreen brand theme — a deep regenerative forest green with the Nexus accent retained. - [theme-graphite](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/theme-graphite.json): Graphite brand theme — a restrained near-monochrome graphite brand-ramp override. - [theme-nexus-midnight](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/theme-nexus-midnight.json): Nexus colours with faintly navy light surfaces and an immersive brand-navy dark mode. - [theme-nexus-sand](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/theme-nexus-sand.json): Nexus colours on warm stone surfaces — a paper-like light UI and a warm charcoal dark mode. - [theme-nexus-slate](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/theme-nexus-slate.json): Nexus colours on cool, blue-slate surfaces — a subtly tinted light UI and a deep blue-slate dark mode. - [theme-ocean](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/theme-ocean.json): Ocean brand theme — a clear, confident blue brand-ramp override. - [theme-ultraviolet](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/theme-ultraviolet.json): Ultraviolet brand theme — the Untitled UI signature purple, as a drop-in brand-ramp override. ## Lib - [flare-styles](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/flare-styles.json): Keyframes for nx-ui's design-flare decorations (the marquee animation used by avatar-group and empty-state). Import after the theme. - [geo-api](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/geo-api.json): Mock nx-geo API route handlers — POST /api/geo/route and POST /api/geo/isochrone proxy Mapbox in the nx-geo envelope and response shapes, falling back to deterministic fixtures when offline. - Exports: POST - Registry dependencies: @nx-ui/data-geo-fixtures, @nx-ui/mapbox - [mapbox](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/mapbox.json): Mapbox configuration — the public token (env-overridable) and the light/dark/satellite style URLs used by the map-based blocks. - Exports: MAPBOX_STYLES, MAPBOX_TOKEN - [mapbox-overrides](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/mapbox-overrides.json): CSS overrides for mapbox-gl's injected chrome — hides the Mapbox logo and attribution control on every map. Imported directly by the map blocks; ships automatically with map-view and location-selector. - [nx-ui-doctor](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/nx-ui-doctor.json): Drift detection for vendored nx-ui items: `lock` records installed items' registry hashes in nx-ui.lock, `check` compares them against /r/versions.json, `wrap-audit` flags local edits. Run with `bun lib/nx-ui-doctor.ts `. - [os-grid-reference](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/os-grid-reference.json): WGS84 latitude/longitude to Ordnance Survey (British National Grid) grid-reference conversion, self-contained (no dependencies). - Exports: latLonToOsGridReference - [use-mobile](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/use-mobile.json): The nx-ui use-mobile() hook. - Exports: useIsMobile - [utils](https://raw.githubusercontent.com/nexus-regen/nx-ui/main/public/r/utils.json): The cn() class-merging utility, built on clsx and a display-scale-aware tailwind-merge. - Exports: cn, cx - npm dependencies: clsx@^2.1.1, tailwind-merge@^3.6.0 ## Recent changes Latest 10 of 46 entries — full history at [llms-changelog.txt](https://ui.nexusregen.com/llms-changelog.txt). - 2026-07-07 added [nx-ui-doctor]: Version management and agent ops landed: every registry item now has a published content hash in `/r/versions.json` (compare against your `nx-ui.lock` to detect drift), this changelog (one entry per PR, browsable at `/changelog`, machine-readable at `/llms-changelog.txt`), the `@nx-ui/nx-ui-doctor` script for consumer-side `lock`/`check`/`wrap-audit`, an agent onboarding page at `/agents`, CI, and scheduled maintenance loops. - 2026-07-07 docs (#35): The docs engine: view-code toggles on every demo, generated API/props tables, cross-link chips between related items, per-item markdown cards at `/llms/.md`, a table-of-contents rail and dual-mode preview canvases. - 2026-07-07 fixed: Accessibility wave: all 111 serious findings from the a11y audit cleared across the component suite and showcase — missing accessible names and labels, aria reference integrity, duplicate ids, landmarks and contrast. - 2026-07-06 internal (#34): Showcase wayfinding: collapsible nav groups, command-palette upgrades (including recents), a top bar dogfooding ScopeBreadcrumbs, a keyboard-shortcuts dialog, and the first changelog page. - 2026-07-06 fixed (#30): Bare `text-tertiary`/`text-quaternary` utilities (which don't exist in the theme) replaced with the correct full-token forms `text-text-tertiary`/`text-text-quaternary` wherever they had crept in. - 2026-07-06 changed (#23) [sonner]: Toasts restyled to Untitled UI and extended to the full sonner capability suite, including the progress-toast helper. - 2026-07-06 docs (#12): Consumer skill bumped to 1.2.0: theme-variant wiring, block install paths and refreshed inventories. - 2026-07-06 added (#27) [scroll-fade, user-menu, breadcrumb]: Sidebar-nav scroll affordances via the new `scroll-fade` block, a user-menu organisation section, and breadcrumb Untitled UI parity. - 2026-07-06 fixed (#18) [theme]: Restored the shadcn custom variants and utilities the theme had dropped — `styles/shadcn-compat.css` now ships with the theme item, carrying the `data-*` variants and scroll/shimmer utilities the base-vega components rely on. - 2026-07-06 added (#19) [app-shell, scope, scope-breadcrumbs, scoped-nav, app-switcher]: The scoped app shell for core nx products: optional top bar, org ▸ project scope breadcrumbs with switchers, the two-level sliding sidebar nav, and the app-switcher launcher. `app-shell` gained the top-bar slot (additive).