@helixui/react 1.1.1

package/dist/shared/HxTopNav-vtIsmhbN.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { HelixTopNav } from "@helixui/library/components/hx-top-nav";
+const HxTopNav = createComponent({
+  tagName: "hx-top-nav",
+  elementClass: HelixTopNav,
+  react: React,
+  events: {
+    onHxMobileToggle: "hx-mobile-toggle"
+  },
+  displayName: "HxTopNav"
+});
+export {
+  HxTopNav as H
+};
+//# sourceMappingURL=HxTopNav-vtIsmhbN.js.map

package/dist/shared/HxTopNav-vtIsmhbN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HxTopNav-vtIsmhbN.js","sources":["../../src/components/HxTopNav/HxTopNav.ts"],"sourcesContent":["'use client';\n/**\n * React wrapper for <hx-top-nav> web component.\n * Auto-generated by scripts/generate-react-wrappers.ts — DO NOT EDIT MANUALLY.\n * Re-run: pnpm --filter=@helixui/react run generate\n */\n\nimport React from 'react';\nimport { createComponent } from '@lit/react';\nimport { HelixTopNav } from '@helixui/library/components/hx-top-nav';\n\nimport type { HxTopNavProps } from './types.js';\n\nexport type { HxTopNavProps };\n\n/**\n * Top-of-page site navigation bar with logo, menu items, and utility area.\nSupports sticky positioning, responsive hamburger menu, and full slot-driven\ncontent composition for Drupal and other CMS consumers.\n *\n * @example\n * ```tsx\n * import { HxTopNav } from '@helixui/react';\n *\n * <HxTopNav />\n * ```\n */\nexport const HxTopNav = createComponent({\n  tagName: 'hx-top-nav',\n  elementClass: HelixTopNav,\n  react: React,\n  events: {\n    onHxMobileToggle: 'hx-mobile-toggle',\n  },\n  displayName: 'HxTopNav',\n});\n\nexport default HxTopNav;\n"],"names":[],"mappings":";;;AA2BO,MAAM,WAAW,gBAAgB;AAAA,EACtC,SAAS;AAAA,EACT,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,kBAAkB;AAAA,EAAA;AAAA,EAEpB,aAAa;AACf,CAAC;"}

package/dist/shared/HxTr-CjhQyD3e.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { HelixTableRow } from "@helixui/library/components/hx-table";
+const HxTr = createComponent({
+  tagName: "hx-tr",
+  elementClass: HelixTableRow,
+  react: React,
+  events: {},
+  displayName: "HxTr"
+});
+export {
+  HxTr as H
+};
+//# sourceMappingURL=HxTr-CjhQyD3e.js.map

package/dist/shared/HxTr-CjhQyD3e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HxTr-CjhQyD3e.js","sources":["../../src/components/HxTr/HxTr.ts"],"sourcesContent":["'use client';\n/**\n * React wrapper for <hx-tr> web component.\n * Auto-generated by scripts/generate-react-wrappers.ts — DO NOT EDIT MANUALLY.\n * Re-run: pnpm --filter=@helixui/react run generate\n */\n\nimport React from 'react';\nimport { createComponent } from '@lit/react';\nimport { HelixTableRow } from '@helixui/library/components/hx-table';\n\nimport type { HxTrProps } from './types.js';\n\nexport type { HxTrProps };\n\n/**\n * Semantic table row. Must be a child of `hx-thead`, `hx-tbody`, or `hx-tfoot`.\nContains `hx-th` or `hx-td` cells.\n *\n * @example\n * ```tsx\n * import { HxTr } from '@helixui/react';\n *\n * <HxTr />\n * ```\n */\nexport const HxTr = createComponent({\n  tagName: 'hx-tr',\n  elementClass: HelixTableRow,\n  react: React,\n  events: {},\n  displayName: 'HxTr',\n});\n\nexport default HxTr;\n"],"names":[],"mappings":";;;AA0BO,MAAM,OAAO,gBAAgB;AAAA,EAClC,SAAS;AAAA,EACT,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ,CAAA;AAAA,EACR,aAAa;AACf,CAAC;"}

package/dist/shared/HxTreeItem-B2_rGgy6.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { HelixTreeItem } from "@helixui/library/components/hx-tree-view";
+const HxTreeItem = createComponent({
+  tagName: "hx-tree-item",
+  elementClass: HelixTreeItem,
+  react: React,
+  events: {
+    onHxTreeItemSelect: "hx-tree-item-select"
+  },
+  displayName: "HxTreeItem"
+});
+export {
+  HxTreeItem as H
+};
+//# sourceMappingURL=HxTreeItem-B2_rGgy6.js.map

package/dist/shared/HxTreeItem-B2_rGgy6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HxTreeItem-B2_rGgy6.js","sources":["../../src/components/HxTreeItem/HxTreeItem.ts"],"sourcesContent":["'use client';\n/**\n * React wrapper for <hx-tree-item> web component.\n * Auto-generated by scripts/generate-react-wrappers.ts — DO NOT EDIT MANUALLY.\n * Re-run: pnpm --filter=@helixui/react run generate\n */\n\nimport React from 'react';\nimport { createComponent } from '@lit/react';\nimport { HelixTreeItem } from '@helixui/library/components/hx-tree-view';\n\nimport type { HxTreeItemProps } from './types.js';\n\nexport type { HxTreeItemProps };\n\n/**\n * A tree item used within an hx-tree-view component.\nSupports expand/collapse, selection, keyboard navigation, and icon/children slots.\n *\n * @example\n * ```tsx\n * import { HxTreeItem } from '@helixui/react';\n *\n * <HxTreeItem />\n * ```\n */\nexport const HxTreeItem = createComponent({\n  tagName: 'hx-tree-item',\n  elementClass: HelixTreeItem,\n  react: React,\n  events: {\n    onHxTreeItemSelect: 'hx-tree-item-select',\n  },\n  displayName: 'HxTreeItem',\n});\n\nexport default HxTreeItem;\n"],"names":[],"mappings":";;;AA0BO,MAAM,aAAa,gBAAgB;AAAA,EACxC,SAAS;AAAA,EACT,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,oBAAoB;AAAA,EAAA;AAAA,EAEtB,aAAa;AACf,CAAC;"}

package/dist/shared/HxTreeView-BKbPPPhF.js

@@ -0,0 +1,16 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { HelixTreeView } from "@helixui/library/components/hx-tree-view";
+const HxTreeView = createComponent({
+  tagName: "hx-tree-view",
+  elementClass: HelixTreeView,
+  react: React,
+  events: {
+    onHxSelect: "hx-select"
+  },
+  displayName: "HxTreeView"
+});
+export {
+  HxTreeView as H
+};
+//# sourceMappingURL=HxTreeView-BKbPPPhF.js.map

package/dist/shared/HxTreeView-BKbPPPhF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HxTreeView-BKbPPPhF.js","sources":["../../src/components/HxTreeView/HxTreeView.ts"],"sourcesContent":["'use client';\n/**\n * React wrapper for <hx-tree-view> web component.\n * Auto-generated by scripts/generate-react-wrappers.ts — DO NOT EDIT MANUALLY.\n * Re-run: pnpm --filter=@helixui/react run generate\n */\n\nimport React from 'react';\nimport { createComponent } from '@lit/react';\nimport { HelixTreeView } from '@helixui/library/components/hx-tree-view';\n\nimport type { HxTreeViewProps } from './types.js';\n\nexport type { HxTreeViewProps };\n\n/**\n * A hierarchical tree component for navigating nested data structures.\nUsed in healthcare applications for org charts, ICD-10 code hierarchies, and department navigation.\n\nImplements WAI-ARIA tree view pattern with `role=\"tree\"` on the container\nand `role=\"treeitem\"` on each item. Supports `aria-label` via the `label` property\nfor screen reader identification. Full keyboard navigation: Arrow keys for movement,\nEnter/Space for selection, Home/End for first/last item.\n\n## Scale Limits\n\nThis component renders all tree items simultaneously in the DOM. It is suitable for\ntrees with up to ~500 visible items. For large taxonomies (e.g., ICD-10 with 70,000+\ncodes), use async/lazy loading: only render top-level nodes initially and populate\nchild nodes on `hx-select` or expand events. The component exposes the `expanded`\nproperty on `hx-tree-item` for programmatic control of subtrees, enabling consumer-level\nvirtualization strategies without requiring changes to this component.\n *\n * @example\n * ```tsx\n * import { HxTreeView } from '@helixui/react';\n *\n * <HxTreeView />\n * ```\n */\nexport const HxTreeView = createComponent({\n  tagName: 'hx-tree-view',\n  elementClass: HelixTreeView,\n  react: React,\n  events: {\n    onHxSelect: 'hx-select',\n  },\n  displayName: 'HxTreeView',\n});\n\nexport default HxTreeView;\n"],"names":[],"mappings":";;;AAwCO,MAAM,aAAa,gBAAgB;AAAA,EACxC,SAAS;AAAA,EACT,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,YAAY;AAAA,EAAA;AAAA,EAEd,aAAa;AACf,CAAC;"}

package/dist/shared/HxVisuallyHidden-BMxBQRkx.js

@@ -0,0 +1,14 @@
+import React from "react";
+import { createComponent } from "@lit/react";
+import { HelixVisuallyHidden } from "@helixui/library/components/hx-visually-hidden";
+const HxVisuallyHidden = createComponent({
+  tagName: "hx-visually-hidden",
+  elementClass: HelixVisuallyHidden,
+  react: React,
+  events: {},
+  displayName: "HxVisuallyHidden"
+});
+export {
+  HxVisuallyHidden as H
+};
+//# sourceMappingURL=HxVisuallyHidden-BMxBQRkx.js.map

package/dist/shared/HxVisuallyHidden-BMxBQRkx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HxVisuallyHidden-BMxBQRkx.js","sources":["../../src/components/HxVisuallyHidden/HxVisuallyHidden.ts"],"sourcesContent":["'use client';\n/**\n * React wrapper for <hx-visually-hidden> web component.\n * Auto-generated by scripts/generate-react-wrappers.ts — DO NOT EDIT MANUALLY.\n * Re-run: pnpm --filter=@helixui/react run generate\n */\n\nimport React from 'react';\nimport { createComponent } from '@lit/react';\nimport { HelixVisuallyHidden } from '@helixui/library/components/hx-visually-hidden';\n\nimport type { HxVisuallyHiddenProps } from './types.js';\n\nexport type { HxVisuallyHiddenProps };\n\n/**\n * A utility component that hides content visually while keeping it\naccessible to screen readers. Uses the standard visually-hidden CSS\ntechnique — does NOT use `visibility: hidden` or `display: none`,\nwhich would also hide content from assistive technologies.\n *\n * @example\n * ```tsx\n * import { HxVisuallyHidden } from '@helixui/react';\n *\n * <HxVisuallyHidden />\n * ```\n */\nexport const HxVisuallyHidden = createComponent({\n  tagName: 'hx-visually-hidden',\n  elementClass: HelixVisuallyHidden,\n  react: React,\n  events: {},\n  displayName: 'HxVisuallyHidden',\n});\n\nexport default HxVisuallyHidden;\n"],"names":[],"mappings":";;;AA4BO,MAAM,mBAAmB,gBAAgB;AAAA,EAC9C,SAAS;AAAA,EACT,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ,CAAA;AAAA,EACR,aAAa;AACf,CAAC;"}

package/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@helixui/react",
+  "version": "1.1.1",
+  "description": "React wrappers for HELiX web components",
+  "type": "module",
+  "sideEffects": true,
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./components/*": {
+      "types": "./dist/components/*/index.d.ts",
+      "import": "./dist/components/*/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "dependencies": {
+    "@lit/react": "^1.0.6",
+    "react": "^18.3.1",
+    "@helixui/library": "2.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.18",
+    "typescript": "^5.7.2",
+    "vite": "^6.2.0",
+    "vite-plugin-dts": "^4.5.4"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/bookedsolidtech/helix",
+    "directory": "packages/hx-react"
+  },
+  "scripts": {
+    "generate": "tsx ../../scripts/generate-react-wrappers.ts && prettier --write src/",
+    "prebuild": "pnpm run generate",
+    "build": "vite build",
+    "type-check": "tsc --noEmit",
+    "type-check:test": "tsc --project tsconfig.test.json",
+    "test": "vitest run --config vitest.config.ts",
+    "test:watch": "vitest --config vitest.config.ts",
+    "lint": "eslint src/",
+    "clean": "rm -rf dist src/components"
+  }
+}