@nxds/claude-design 0.0.0-stage → 0.6.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Nexus Labs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,22 @@
-# Temporary Holding Version
+# @nxds/claude-design
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+nxds as a Claude Design System: tokens, a live React 18 component bundle, prop types and previews.
+
+Export the files with `nxds-cli`:
+
+```bash
+npx nxds-cli@latest export claude-design
+```
+
+The command writes a `nxds-design-system/project/` folder. Publish that folder as a Design System artifact in Claude, unchanged.
+
+| File                                        | What it holds                                                 |
+| ------------------------------------------- | ------------------------------------------------------------- |
+| `project/tokens.json`, `project/tokens.css` | Every nxds token at the default appearance, in Light and Dark |
+| `project/components/bundle.js`              | Every component as `window.Nxds`, for React 18.3.1 globals    |
+| `project/components/bundle.css`             | The component styles                                          |
+| `project/components/index.d.ts`             | One `<Name>Props` interface per component part                |
+| `project/components/<Name>/`                | A preview card and a README per component                     |
+| `coverage.md`                               | The props the canvas can't set, and why                       |
+
+Docs: <https://nxds.dev>

package/coverage.md

@@ -0,0 +1,174 @@
+# Canvas prop coverage
+
+368 component parts, 2460 props.
+
+| Control | Props |
+| --- | --- |
+| dropdown | 258 |
+| toggle | 506 |
+| number | 84 |
+| text | 856 |
+| content | 358 |
+| none: takes a React element; an attribute holds text only | 34 |
+| none: takes a function | 157 |
+| none: takes an object, array or class instance | 207 |
+
+## Props with no control
+
+- **Accordion**: `value` (object), `defaultValue` (object), `onValueChange` (function)
+- **AccordionTrigger**: `value` (object)
+- **AlertClose**: `value` (object)
+- **AlertDialog**: `onOpenChange` (function)
+- **AlertDialogAction**: `value` (object)
+- **AlertDialogCancel**: `value` (object)
+- **AlertDialogContent**: `onEscapeKeyDown` (function), `onFocusOutside` (function), `onOpenAutoFocus` (function), `onCloseAutoFocus` (function)
+- **AlertDialogPortal**: `container` (object)
+- **AlertDialogTrigger**: `value` (object)
+- **AttachmentProgress**: `getValueLabel` (function)
+- **AttachmentTitle**: `trailing` (element)
+- **AttachmentTrigger**: `value` (object)
+- **AvatarImage**: `onLoadingStatusChange` (function)
+- **Badge**: `leftIcon` (element), `rightIcon` (element)
+- **BreadcrumbEllipsis**: `value` (object)
+- **BreadcrumbItem**: `value` (object)
+- **BreadcrumbLink**: `target` (object)
+- **BreadcrumbMenuTrigger**: `value` (object)
+- **BreadcrumbSeparator**: `value` (object)
+- **Button**: `startIcon` (element), `endIcon` (element), `value` (object)
+- **Carousel**: `opts` (object), `plugins` (object), `setApi` (function)
+- **CarouselNext**: `startIcon` (element), `endIcon` (element), `value` (object)
+- **CarouselPrevious**: `startIcon` (element), `endIcon` (element), `value` (object)
+- **ChartContainer**: `config` (object)
+- **ChartLegend**: `dangerouslySetInnerHTML` (object), `onClick` (function), `onMouseEnter` (function), `onMouseLeave` (function), `max` (object), `min` (object), `formatter` (object), `labelStyle` (object), `content` (object), `wrapperStyle` (object), `payloadUniqBy` (object), `onBBoxUpdate` (function), `portal` (object), `itemSorter` (object)
+- **ChartLegendContent**: `payload` (object)
+- **ChartTooltip**: `formatter` (element), `labelStyle` (object), `contentStyle` (object), `itemStyle` (object), `labelFormatter` (element), `itemSorter` (object), `allowEscapeViewBox` (object), `axisId` (object), `content` (object), `cursor` (object), `defaultIndex` (object), `offset` (object), `payloadUniqBy` (object), `portal` (object), `position` (object), `reverseDirection` (object), `wrapperStyle` (object)
+- **ChartTooltipContent**: `formatter` (object), `payload` (object), `label` (element), `labelFormatter` (element)
+- **Checkbox**: `onCheckedChange` (function), `value` (object)
+- **Collapsible**: `onOpenChange` (function)
+- **CollapsibleTrigger**: `value` (object)
+- **Combobox**: `onOpenChange` (function)
+- **ComboboxContent**: `onEscapeKeyDown` (function), `onPointerDownOutside` (function), `onFocusOutside` (function), `onInteractOutside` (function), `onOpenAutoFocus` (function), `onCloseAutoFocus` (function), `collisionBoundary` (object), `collisionPadding` (object)
+- **ComboboxGroup**: `heading` (element)
+- **ComboboxInput**: `max` (object), `min` (object), `step` (object), `onValueChange` (function)
+- **ComboboxItem**: `onSelect` (function), `keywords` (object)
+- **ComboboxTrigger**: `startIcon` (element), `endIcon` (element), `value` (object)
+- **Command**: `filter` (object), `onValueChange` (function)
+- **CommandDialog**: `onOpenChange` (function)
+- **CommandGroup**: `heading` (element)
+- **CommandInput**: `max` (object), `min` (object), `step` (object), `onValueChange` (function)
+- **CommandItem**: `onSelect` (function), `keywords` (object)
+- **ContextMenu**: `onOpenChange` (function)
+- **ContextMenuCheckboxItem**: `onSelect` (function), `onCheckedChange` (function)
+- **ContextMenuContent**: `onEscapeKeyDown` (function), `onPointerDownOutside` (function), `onFocusOutside` (function), `onInteractOutside` (function), `onCloseAutoFocus` (function), `collisionBoundary` (object), `collisionPadding` (object)
+- **ContextMenuItem**: `onSelect` (function)
+- **ContextMenuPortal**: `container` (object)
+- **ContextMenuRadioGroup**: `onValueChange` (function)
+- **ContextMenuRadioItem**: `onSelect` (function)
+- **ContextMenuSub**: `onOpenChange` (function)
+- **ContextMenuSubContent**: `onEscapeKeyDown` (function), `onPointerDownOutside` (function), `onFocusOutside` (function), `onInteractOutside` (function), `collisionBoundary` (object), `collisionPadding` (object)
+- **DatePicker**: `classNames` (object), `modifiersClassNames` (object), `style` (object), `styles` (object), `modifiersStyles` (object), `defaultMonth` (object), `month` (object), `startMonth` (object), `fromDate` (object), `fromMonth` (object), `endMonth` (object), `toDate` (object), `toMonth` (object), `components` (object), `footer` (element), `disabled` (object), `hidden` (object), `today` (object), `modifiers` (object), `labels` (object), `formatters` (object), `locale` (object), `onMonthChange` (object), `onNextClick` (object), `onPrevClick` (object), `onWeekNumberClick` (object), `dateLib` (object), `renderDayContent` (element)
+- **DatePickerDayButton**: `day` (object), `modifiers` (object), `value` (object)
+- **Dialog**: `onOpenChange` (function)
+- **DialogClose**: `value` (object)
+- **DialogContent**: `title` (element), `description` (element), `body` (element), `onEscapeKeyDown` (function), `onPointerDownOutside` (function), `onFocusOutside` (function), `onInteractOutside` (function), `onOpenAutoFocus` (function), `onCloseAutoFocus` (function)
+- **DialogPortal**: `container` (object)
+- **DialogTrigger**: `value` (object)
+- **Drawer**: `activeSnapPoint` (object), `setActiveSnapPoint` (function), `onOpenChange` (function), `onDrag` (function), `onRelease` (function), `onClose` (function), `container` (object), `onAnimationEnd` (function), `snapPoints` (object)
+- **DrawerClose**: `value` (object)
+- **DrawerContent**: `onEscapeKeyDown` (function), `onPointerDownOutside` (function), `onFocusOutside` (function), `onInteractOutside` (function), `onOpenAutoFocus` (function), `onCloseAutoFocus` (function)
+- **DrawerPortal**: `container` (object)
+- **DrawerTrigger**: `value` (object)
+- **DropdownMenu**: `onOpenChange` (function)
+- **DropdownMenuCheckboxItem**: `onSelect` (function), `onCheckedChange` (function)
+- **DropdownMenuContent**: `onEscapeKeyDown` (function), `onPointerDownOutside` (function), `onFocusOutside` (function), `onInteractOutside` (function), `onCloseAutoFocus` (function), `collisionBoundary` (object), `collisionPadding` (object)
+- **DropdownMenuItem**: `onSelect` (function)
+- **DropdownMenuPortal**: `container` (object)
+- **DropdownMenuRadioGroup**: `onValueChange` (function)
+- **DropdownMenuRadioItem**: `onSelect` (function)
+- **DropdownMenuSub**: `onOpenChange` (function)
+- **DropdownMenuSubContent**: `onEscapeKeyDown` (function), `onPointerDownOutside` (function), `onFocusOutside` (function), `onInteractOutside` (function), `collisionBoundary` (object), `collisionPadding` (object)
+- **DropdownMenuTrigger**: `value` (object)
+- **FieldError**: `errors` (object)
+- **FieldRequiredIndicator**: `fallback` (element)
+- **FilterBuilder**: `fields` (object), `value` (object), `onValueChange` (function)
+- **FilterChip**: `value` (object)
+- **FilterConditionRemove**: `value` (object)
+- **FilterConditionSegment**: `value` (object)
+- **HoverCard**: `onOpenChange` (function)
+- **HoverCardContent**: `onEscapeKeyDown` (function), `onPointerDownOutside` (function), `onFocusOutside` (function), `onInteractOutside` (function), `collisionBoundary` (object), `collisionPadding` (object)
+- **HoverCardTrigger**: `target` (object)
+- **Input**: `max` (object), `min` (object), `type` (object), `step` (object), `value` (object)
+- **InputGroupButton**: `value` (object), `startIcon` (element), `endIcon` (element)
+- **InputGroupInput**: `max` (object), `min` (object), `type` (object), `step` (object), `value` (object)
+- **InputGroupTextarea**: `value` (object)
+- **InputOTP**: `onChange` (function), `max` (object), `min` (object), `type` (object), `step` (object), `onComplete` (function), `pasteTransformer` (function)
+- **Menubar**: `onValueChange` (function)
+- **MenubarCheckboxItem**: `onSelect` (function), `onCheckedChange` (function)
+- **MenubarContent**: `onEscapeKeyDown` (function), `onPointerDownOutside` (function), `onFocusOutside` (function), `onInteractOutside` (function), `onCloseAutoFocus` (function), `collisionBoundary` (object), `collisionPadding` (object)
+- **MenubarItem**: `onSelect` (function)
+- **MenubarMenu**: `__scopeMenubar` (object)
+- **MenubarPortal**: `container` (object)
+- **MenubarRadioGroup**: `onValueChange` (function)
+- **MenubarRadioItem**: `onSelect` (function)
+- **MenubarSub**: `onOpenChange` (function)
+- **MenubarSubContent**: `onEscapeKeyDown` (function), `onPointerDownOutside` (function), `onFocusOutside` (function), `onInteractOutside` (function), `collisionBoundary` (object), `collisionPadding` (object)
+- **MenubarTrigger**: `value` (object)
+- **MessageScrollerButton**: `value` (object), `startIcon` (element), `endIcon` (element)
+- **MultiSelect**: `values` (object), `defaultValues` (object), `onValuesChange` (function)
+- **MultiSelectContent**: `emptyMessage` (element), `onEscapeKeyDown` (function), `onPointerDownOutside` (function), `onFocusOutside` (function), `onInteractOutside` (function), `onOpenAutoFocus` (function), `onCloseAutoFocus` (function), `collisionBoundary` (object), `collisionPadding` (object)
+- **MultiSelectGroup**: `heading` (element)
+- **MultiSelectItem**: `badgeLabel` (element), `onSelect` (function), `keywords` (object)
+- **MultiSelectTrigger**: `value` (object)
+- **MultiSelectValue**: `placeholder` (element)
+- **NativeSelect**: `value` (object)
+- **NativeSelectOption**: `value` (object)
+- **NavigationMenu**: `onValueChange` (function)
+- **NavigationMenuContent**: `onEscapeKeyDown` (function), `onPointerDownOutside` (function), `onFocusOutside` (function), `onInteractOutside` (function)
+- **NavigationMenuLink**: `onSelect` (function), `target` (object)
+- **NavigationMenuTrigger**: `value` (object)
+- **PaginationItem**: `value` (object)
+- **PaginationLink**: `target` (object)
+- **PaginationNext**: `target` (object)
+- **PaginationPrevious**: `target` (object)
+- **Popover**: `onOpenChange` (function)
+- **PopoverAnchor**: `virtualRef` (object)
+- **PopoverContent**: `onEscapeKeyDown` (function), `onPointerDownOutside` (function), `onFocusOutside` (function), `onInteractOutside` (function), `onOpenAutoFocus` (function), `onCloseAutoFocus` (function), `collisionBoundary` (object), `collisionPadding` (object)
+- **PopoverTrigger**: `value` (object)
+- **Progress**: `getValueLabel` (function)
+- **RadioGroup**: `onValueChange` (function)
+- **ResizableHandle**: `elementRef` (function)
+- **ResizablePanel**: `onResize` (function), `elementRef` (function), `panelRef` (function)
+- **ResizablePanelGroup**: `onLayoutChange` (function), `elementRef` (function), `groupRef` (function), `resizeTargetMinimumSize` (object)
+- **Select**: `onOpenChange` (function), `onValueChange` (function)
+- **SelectContent**: `onCloseAutoFocus` (function), `onEscapeKeyDown` (function), `onPointerDownOutside` (function), `collisionBoundary` (object), `collisionPadding` (object)
+- **SelectTrigger**: `value` (object)
+- **SelectValue**: `placeholder` (element)
+- **Sheet**: `onOpenChange` (function)
+- **SheetClose**: `value` (object)
+- **SheetContent**: `onEscapeKeyDown` (function), `onPointerDownOutside` (function), `onFocusOutside` (function), `onInteractOutside` (function), `onOpenAutoFocus` (function), `onCloseAutoFocus` (function)
+- **SheetPortal**: `container` (object)
+- **SheetTrigger**: `value` (object)
+- **SidebarGroupAction**: `value` (object)
+- **SidebarInput**: `max` (object), `min` (object), `type` (object), `step` (object), `value` (object)
+- **SidebarMenuAction**: `value` (object)
+- **SidebarMenuButton**: `tooltip` (object), `value` (object)
+- **SidebarMenuItem**: `value` (object)
+- **SidebarMenuSubButton**: `target` (object)
+- **SidebarMenuSubItem**: `value` (object)
+- **SidebarProvider**: `onOpenChange` (function)
+- **SidebarRail**: `value` (object)
+- **SidebarTrigger**: `startIcon` (element), `endIcon` (element), `value` (object)
+- **Slider**: `markers` (object), `value` (object), `defaultValue` (object), `onValueChange` (function), `onValueCommit` (function)
+- **Spinner**: `max` (object), `min` (object)
+- **Switch**: `onCheckedChange` (function), `value` (object)
+- **Tabs**: `onValueChange` (function)
+- **Textarea**: `value` (object)
+- **Toaster**: `style` (object), `offset` (object), `hotkey` (object), `toastOptions` (object), `mobileOffset` (object), `swipeDirections` (object), `icons` (object)
+- **Toggle**: `onPressedChange` (function), `value` (object)
+- **ToggleGroup**: `value` (object), `defaultValue` (object), `onValueChange` (function)
+- **ToolbarButton**: `value` (object)
+- **ToolbarLink**: `target` (object)
+- **ToolbarToggleGroup**: `defaultValue` (object), `value` (object), `onValueChange` (function)
+- **Tooltip**: `onOpenChange` (function)
+- **TooltipContent**: `onEscapeKeyDown` (function), `onPointerDownOutside` (function), `collisionBoundary` (object), `collisionPadding` (object)
+- **TooltipTrigger**: `value` (object)