haze-ui 1.21.0 → 1.22.0

package/README.md

@@ -49,6 +49,25 @@ Component CSS files are kebab-case versions of the component name
 cover that component's rules — tokens (themes, spacing, typography)
 always come from `haze-ui/css/tokens.css`.
 
+Don't hardcode that kebab-case rule in tooling: sub-components and cores
+share their directory's family file (`InputCore` → `input.css`,
+`ButtonLink` → `button.css`, `Title`/`Text` → `typography.css`). The
+authoritative export → css-file mapping ships as data:
+`haze-ui/css-manifest.json`, generated at build time by
+`scripts/split-css.mjs` from the actual CSS output (never hand-edited):
+
+```json
+{
+  "families": { "Button": "button", "ButtonLink": "button", "InputCore": "input", "useToast": "toast" },
+  "noCss": ["COMPONENT_TOKENS", "TOKEN_REGISTRY", "useControl", "useTitle"]
+}
+```
+
+`families` covers every named export that has styles (family absorption
+included); `noCss` lists pure-logic exports with no css of their own.
+Bundler plugins and codemods should read this manifest instead of
+re-deriving file names — the mapping changes in lockstep with the build.
+
 ## ButtonLink: a real anchor with the Button skin
 
 Navigation that must look like a button should still *be* a link —

package/dist/css-manifest.json

@@ -0,0 +1,167 @@
+{
+  "families": {
+    "Accordion": "accordion",
+    "AccordionItem": "accordion",
+    "Affix": "affix",
+    "Alert": "alert",
+    "ApprovalCard": "approval-card",
+    "AspectRatio": "aspect-ratio",
+    "AsyncSection": "async-section",
+    "Avatar": "avatar",
+    "BackToTop": "back-to-top",
+    "Badge": "badge",
+    "Banner": "banner",
+    "BottomSheet": "bottom-sheet",
+    "Breadcrumb": "breadcrumb",
+    "BreadcrumbItem": "breadcrumb",
+    "Button": "button",
+    "ButtonLink": "button",
+    "Card": "card",
+    "Carousel": "carousel",
+    "CarouselSlide": "carousel",
+    "ChatContainer": "chat-container",
+    "ChatInput": "chat-input",
+    "ChatMessage": "chat-message",
+    "Checkbox": "checkbox",
+    "CheckboxCore": "checkbox",
+    "Chip": "chip",
+    "CodeBlock": "code-block",
+    "Collapsible": "collapsible",
+    "CollapsibleContent": "collapsible",
+    "CollapsibleTrigger": "collapsible",
+    "ColorPicker": "color-picker",
+    "ColorPickerCore": "color-picker",
+    "Combobox": "combobox",
+    "Command": "command",
+    "CommandInput": "command",
+    "CommandItem": "command",
+    "CommandList": "command",
+    "ConfirmDialog": "confirm-dialog",
+    "Container": "container",
+    "ContextMenu": "context-menu",
+    "ContextMenuContent": "context-menu",
+    "ContextMenuItem": "context-menu",
+    "ContextMenuSeparator": "context-menu",
+    "ContextMenuTrigger": "context-menu",
+    "ConversationItem": "conversation-list",
+    "ConversationList": "conversation-list",
+    "DateRangePicker": "date-range-picker",
+    "DateRangePickerCore": "date-range-picker",
+    "Datepicker": "datepicker",
+    "DatepickerCore": "datepicker",
+    "Dialog": "dialog",
+    "DiffViewer": "diff-viewer",
+    "Disclosure": "disclosure",
+    "Divider": "divider",
+    "Drawer": "drawer",
+    "DropdownMenu": "dropdown-menu",
+    "DropdownMenuContent": "dropdown-menu",
+    "DropdownMenuItem": "dropdown-menu",
+    "DropdownMenuSeparator": "dropdown-menu",
+    "DropdownMenuTrigger": "dropdown-menu",
+    "Empty": "empty",
+    "FileInput": "file-input",
+    "Flex": "flex",
+    "FormItem": "form",
+    "Grid": "grid",
+    "GridItem": "grid",
+    "Icon": "icon",
+    "Image": "image",
+    "InlineEdit": "inline-edit",
+    "Input": "input",
+    "InputCore": "input",
+    "List": "list",
+    "ListItem": "list",
+    "LogViewer": "log-viewer",
+    "MarkdownRenderer": "markdown-renderer",
+    "Menu": "menu",
+    "MenuDivider": "menu",
+    "MenuItem": "menu",
+    "ModelPicker": "model-picker",
+    "NavLink": "navigation-bar",
+    "NavigationBar": "navigation-bar",
+    "NumberInput": "number-input",
+    "NumberInputCore": "number-input",
+    "OTPInput": "otp-input",
+    "OTPInputCore": "otp-input",
+    "Option": "select",
+    "Pagination": "pagination",
+    "Paragraph": "typography",
+    "PasswordInput": "password-input",
+    "PasswordInputCore": "password-input",
+    "Popover": "popover",
+    "Progress": "progress",
+    "Radio": "radio",
+    "RadioGroup": "radio",
+    "RadioGroupCore": "radio",
+    "Rating": "rating",
+    "RatingCore": "rating",
+    "ResizableGroup": "resizable",
+    "ResizableHandle": "resizable",
+    "ResizablePanel": "resizable",
+    "ScrollArea": "scroll-area",
+    "Segmented": "segmented",
+    "SegmentedCore": "segmented",
+    "Select": "select",
+    "SelectCore": "select",
+    "Skeleton": "skeleton",
+    "Slider": "slider",
+    "SliderCore": "slider",
+    "Spinner": "spinner",
+    "Stat": "stat",
+    "StatGroup": "stat",
+    "Step": "stepper",
+    "StepTimeline": "step-timeline",
+    "StepTimelineItem": "step-timeline",
+    "Stepper": "stepper",
+    "StreamingText": "streaming-text",
+    "SwipeAction": "swipe-action",
+    "Switch": "switch",
+    "SwitchCore": "switch",
+    "Tab": "tabs",
+    "TabList": "tabs",
+    "TabPanel": "tabs",
+    "Table": "table",
+    "TableBody": "table",
+    "TableCell": "table",
+    "TableHead": "table",
+    "TableRow": "table",
+    "Tabs": "tabs",
+    "Tag": "tag",
+    "TagGroup": "tag-group",
+    "TagGroupItem": "tag-group",
+    "TagInput": "tag-input",
+    "TagInputCore": "tag-input",
+    "Text": "typography",
+    "Textarea": "textarea",
+    "TextareaCore": "textarea",
+    "ThinkingIndicator": "thinking-indicator",
+    "TimePicker": "time-picker",
+    "TimePickerCore": "time-picker",
+    "Timeline": "timeline",
+    "TimelineItem": "timeline",
+    "Title": "typography",
+    "Toast": "toast",
+    "ToastContainer": "toast",
+    "TokenCounter": "token-counter",
+    "ToolCallCard": "tool-call-card",
+    "Tooltip": "tooltip",
+    "Transfer": "transfer",
+    "TransferCore": "transfer",
+    "Tree": "tree",
+    "Upload": "upload",
+    "UploadCore": "upload",
+    "VirtualList": "virtual-list",
+    "darkTheme": "tokens",
+    "lightTheme": "tokens",
+    "spacing": "tokens",
+    "typography": "tokens",
+    "useToast": "toast"
+  },
+  "noCss": [
+    "COMPONENT_TOKENS",
+    "TOKEN_REGISTRY",
+    "useControl",
+    "useTitle"
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "haze-ui",
-  "version": "1.21.0",
+  "version": "1.22.0",
   "type": "module",
   "description": "A React UI component library powered by react-use-control and Linaria",
   "main": "./dist/index.js",
@@ -28,7 +28,8 @@
       "default": "./dist/tokens/index.js"
     },
     "./styles.css": "./dist/haze-ui.css",
-    "./css/*": "./dist/css/*"
+    "./css/*": "./dist/css/*",
+    "./css-manifest.json": "./dist/css-manifest.json"
   },
   "files": [
     "dist"