@helixui/react 3.9.0 → 3.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +7 -5
  2. package/package.json +2 -2
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # @helixui/react
2
2
 
3
- React wrappers for all 98 HELiX web components. Auto-generated from `custom-elements.json` using [`@lit/react`](https://lit.dev/docs/frameworks/react/) `createComponent()`.
3
+ React wrappers for the HELiX web component library. Auto-generated from `custom-elements.json` using [`@lit/react`](https://lit.dev/docs/frameworks/react/) `createComponent()`. The exact wrapper inventory is the union of CEM declarations and the generator's allow-list; see [Available Components](#available-components) below for the current list.
4
4
 
5
5
  ## Installation
6
6
 
@@ -59,7 +59,7 @@ export default function Page() {
59
59
 
60
60
  ## Tree-Shaking
61
61
 
62
- Each component is a separate entry point. Importing `HxButton` does not bundle all 98 components:
62
+ Each component is a separate entry point. Importing `HxButton` does not bundle every component:
63
63
 
64
64
  ```tsx
65
65
  // Only HxButton is included in your bundle
@@ -71,7 +71,7 @@ import { HxButton } from '@helixui/react/components/HxButton';
71
71
 
72
72
  ## TypeScript
73
73
 
74
- All prop types are derived from CEM (`custom-elements.json`) declarations. Props, event handlers, and refs are fully typed:
74
+ All prop types are derived from CEM (`custom-elements.json`) declarations. Props and refs are fully typed; **event callback names** (`onHxClick`, `onHxInput`, etc.) are typed, but their payloads are currently surfaced as `Event` — CEM-specific `CustomEvent<DetailType>` payload typing is queued for the next generator pass:
75
75
 
76
76
  ```tsx
77
77
  import { HxButton, type HxButtonProps } from '@helixui/react';
@@ -96,6 +96,8 @@ This runs `scripts/generate-react-wrappers.ts` which reads the CEM and writes al
96
96
 
97
97
  ## Available Components
98
98
 
99
- All 98 HELiX components are available:
99
+ The current generated wrapper set (96 wrappers, regenerated from `packages/hx-react/src/index.ts`):
100
100
 
101
- `HxAccordion`, `HxAccordionItem`, `HxActionBar`, `HxAlert`, `HxAvatar`, `HxBadge`, `HxBanner`, `HxBreadcrumb`, `HxBreadcrumbItem`, `HxButton`, `HxButtonGroup`, `HxCard`, `HxCarousel`, `HxCarouselItem`, `HxCheckbox`, `HxCheckboxGroup`, `HxCodeSnippet`, `HxColorPicker`, `HxCombobox`, `HxContainer`, `HxCopyButton`, `HxCounter`, `HxDataTable`, `HxDatePicker`, `HxDialog`, `HxDivider`, `HxDrawer`, `HxDropdown`, `HxFileUpload`, `HxForm`, `HxIcon`, `HxInput`, `HxLabel`, `HxMenu`, `HxMenuItem`, `HxMenuLabel`, `HxNavItem`, `HxNavSection`, `HxNumberInput`, `HxOverflowMenu`, `HxPagination`, `HxPopover`, `HxProgressBar`, `HxProgressRing`, `HxQrCode`, `HxRadio`, `HxRadioButton`, `HxRadioGroup`, `HxRange`, `HxRating`, `HxRelativeTime`, `HxResizeObserver`, `HxSelect`, `HxSideNav`, `HxSkeletonEffect`, `HxSkeletonText`, `HxSlider`, `HxSpinner`, `HxSplitButton`, `HxSplitPanel`, `HxSteps`, `HxStructuredList`, `HxStructuredListBody`, `HxStructuredListHead`, `HxStructuredListRow`, `HxSwitch`, `HxTab`, `HxTabGroup`, `HxTabPanel`, `HxTabs`, `HxTag`, `HxTd`, `HxTextarea`, `HxTextInput`, `HxTh`, `HxTimePicker`, `HxToast`, `HxToastStack`, `HxToggleButton`, `HxTooltip`, `HxTopNav`, `HxTr`, `HxTreeItem`, `HxTreeView`, `HxVisuallyHidden`
101
+ `HxAccordion`, `HxAccordionItem`, `HxActionBar`, `HxAlert`, `HxAvatar`, `HxBadge`, `HxBanner`, `HxBreadcrumb`, `HxButton`, `HxButtonGroup`, `HxCard`, `HxCarousel`, `HxCarouselItem`, `HxCheckbox`, `HxCheckboxGroup`, `HxCodeSnippet`, `HxColorPicker`, `HxCombobox`, `HxContainer`, `HxCopyButton`, `HxCounter`, `HxDataTable`, `HxDatePicker`, `HxDialog`, `HxDivider`, `HxDrawer`, `HxDropdown`, `HxField`, `HxFieldLabel`, `HxFileUpload`, `HxForm`, `HxFormatDate`, `HxGrid`, `HxGridItem`, `HxHelpText`, `HxIcon`, `HxIconButton`, `HxImage`, `HxLink`, `HxList`, `HxListItem`, `HxMenu`, `HxMenuDivider`, `HxMenuItem`, `HxMeter`, `HxNav`, `HxNavItem`, `HxNumberInput`, `HxOverflowMenu`, `HxPagination`, `HxPatientBanner`, `HxPhiField`, `HxPopover`, `HxPopup`, `HxProgressBar`, `HxProgressRing`, `HxProse`, `HxRadio`, `HxRadioGroup`, `HxRating`, `HxSelect`, `HxSideNav`, `HxSkeleton`, `HxSlider`, `HxSpinner`, `HxSplitButton`, `HxSplitPanel`, `HxStack`, `HxStat`, `HxStep`, `HxSteps`, `HxStyleScope`, `HxSwitch`, `HxTab`, `HxTable`, `HxTabPanel`, `HxTabs`, `HxTag`, `HxTbody`, `HxTd`, `HxText`, `HxTextarea`, `HxTextInput`, `HxTfoot`, `HxTh`, `HxThead`, `HxTheme`, `HxTimePicker`, `HxToast`, `HxToastStack`, `HxToggleButton`, `HxTooltip`, `HxTopNav`, `HxTr`, `HxTreeItem`, `HxTreeView`
102
+
103
+ This list is generated from CEM + the allow-list; consult `packages/hx-react/src/index.ts` for the authoritative re-export block.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@helixui/react",
3
- "version": "3.9.0",
3
+ "version": "3.9.1",
4
4
  "description": "React wrappers for HELiX web components",
5
5
  "type": "module",
6
6
  "sideEffects": false,
@@ -24,7 +24,7 @@
24
24
  "dependencies": {
25
25
  "@lit/react": "^1.0.6",
26
26
  "react": "^18.3.1",
27
- "@helixui/library": "3.9.0"
27
+ "@helixui/library": "3.9.1"
28
28
  },
29
29
  "devDependencies": {
30
30
  "@types/react": "^18.3.18",