@helixui/react 1.1.4 → 3.0.0

package/dist/index.js

@@ -1,17 +1,17 @@
-import { H } from "./shared/HxAccordionItem-C26EIvJG.js";
-import { H as H2 } from "./shared/HxAccordion-BB3lypgd.js";
+import { H } from "./shared/HxAccordion-BB3lypgd.js";
+import { H as H2 } from "./shared/HxAccordionItem-C26EIvJG.js";
 import { H as H3 } from "./shared/HxActionBar-Bn--omCL.js";
 import { H as H4 } from "./shared/HxAlert-BBdgyvjV.js";
 import { H as H5 } from "./shared/HxAvatar-BS-4kdPG.js";
 import { H as H6 } from "./shared/HxBadge-Ck9MRyi2.js";
 import { H as H7 } from "./shared/HxBanner-C8xMXTg5.js";
-import { H as H8 } from "./shared/HxBreadcrumbItem-BpFJ8Uo0.js";
-import { H as H9 } from "./shared/HxBreadcrumb-BZppdj7L.js";
+import { H as H8 } from "./shared/HxBreadcrumb-BZppdj7L.js";
+import { H as H9 } from "./shared/HxBreadcrumbItem-BpFJ8Uo0.js";
 import { H as H10 } from "./shared/HxButton-wwzBxYwf.js";
 import { H as H11 } from "./shared/HxButtonGroup-DWB_mYr4.js";
 import { H as H12 } from "./shared/HxCard-DGsybOyt.js";
-import { H as H13 } from "./shared/HxCarouselItem-BSPAOeAL.js";
-import { H as H14 } from "./shared/HxCarousel-BTNupK4u.js";
+import { H as H13 } from "./shared/HxCarousel-BTNupK4u.js";
+import { H as H14 } from "./shared/HxCarouselItem-BSPAOeAL.js";
 import { H as H15 } from "./shared/HxCheckbox-DH_0Mbkt.js";
 import { H as H16 } from "./shared/HxCheckboxGroup-c3Wesu30.js";
 import { H as H17 } from "./shared/HxClinicalStatus-C-eG8Fud.js";
@@ -39,28 +39,28 @@ import { H as H38 } from "./shared/HxIcon-oYdBXU9x.js";
 import { H as H39 } from "./shared/HxIconButton-CKfis3-v.js";
 import { H as H40 } from "./shared/HxImage-ClDYeAo5.js";
 import { H as H41 } from "./shared/HxLink-EU9zFPwk.js";
-import { H as H42 } from "./shared/HxListItem-DegXnlK0.js";
-import { H as H43 } from "./shared/HxList-B35ueWrO.js";
-import { H as H44 } from "./shared/HxMenuDivider-RE1AMxqi.js";
-import { H as H45 } from "./shared/HxMenuItem-CLdUUCJS.js";
-import { H as H46 } from "./shared/HxMenu-B1tRT8Lm.js";
+import { H as H42 } from "./shared/HxList-B35ueWrO.js";
+import { H as H43 } from "./shared/HxListItem-DegXnlK0.js";
+import { H as H44 } from "./shared/HxMenu-B1tRT8Lm.js";
+import { H as H45 } from "./shared/HxMenuDivider-RE1AMxqi.js";
+import { H as H46 } from "./shared/HxMenuItem-CLdUUCJS.js";
 import { H as H47 } from "./shared/HxMeter-C3R4U7cD.js";
 import { H as H48 } from "./shared/HxNav-Bh9LJ3zH.js";
-import { H as H49 } from "./shared/HxNumberInput-Dezj1GFt.js";
-import { H as H50 } from "./shared/HxOverflowMenu-CdTWx4X5.js";
-import { H as H51 } from "./shared/HxPagination-B3MtXvQP.js";
-import { H as H52 } from "./shared/HxPatientBanner-oKA7E2FX.js";
-import { H as H53 } from "./shared/HxPhiField-BVn5e3Cm.js";
-import { H as H54 } from "./shared/HxPopover-D0zfUXPF.js";
-import { H as H55 } from "./shared/HxPopup-hFMmR-kI.js";
-import { H as H56 } from "./shared/HxProgressBar-FupceIzI.js";
-import { H as H57 } from "./shared/HxProgressRing-DNptcNoz.js";
-import { H as H58 } from "./shared/HxProse-CVNyZuax.js";
-import { H as H59 } from "./shared/HxRadioGroup-D0xVuMDM.js";
+import { H as H49 } from "./shared/HxNavItem-Bsrl9foC.js";
+import { H as H50 } from "./shared/HxNumberInput-Dezj1GFt.js";
+import { H as H51 } from "./shared/HxOverflowMenu-CdTWx4X5.js";
+import { H as H52 } from "./shared/HxPagination-B3MtXvQP.js";
+import { H as H53 } from "./shared/HxPatientBanner-oKA7E2FX.js";
+import { H as H54 } from "./shared/HxPhiField-BVn5e3Cm.js";
+import { H as H55 } from "./shared/HxPopover-D0zfUXPF.js";
+import { H as H56 } from "./shared/HxPopup-hFMmR-kI.js";
+import { H as H57 } from "./shared/HxProgressBar-FupceIzI.js";
+import { H as H58 } from "./shared/HxProgressRing-DNptcNoz.js";
+import { H as H59 } from "./shared/HxProse-CVNyZuax.js";
 import { H as H60 } from "./shared/HxRadio-YLIQfNL9.js";
-import { H as H61 } from "./shared/HxRating-Ba5zWXvJ.js";
-import { H as H62 } from "./shared/HxSelect-BEm8srcF.js";
-import { H as H63 } from "./shared/HxNavItem-Bsrl9foC.js";
+import { H as H61 } from "./shared/HxRadioGroup-D0xVuMDM.js";
+import { H as H62 } from "./shared/HxRating-Ba5zWXvJ.js";
+import { H as H63 } from "./shared/HxSelect-BEm8srcF.js";
 import { H as H64 } from "./shared/HxSideNav-Bsna09yU.js";
 import { H as H65 } from "./shared/HxSkeleton-CCMzx9TK.js";
 import { H as H66 } from "./shared/HxSlider-BC8SGKvf.js";
@@ -76,45 +76,45 @@ import { H as H75 } from "./shared/HxStructuredList-C64ITsur.js";
 import { H as H76 } from "./shared/HxStructuredListRow-Bs-PKgal.js";
 import { H as H77 } from "./shared/HxStyleScope-okf6gBFQ.js";
 import { H as H78 } from "./shared/HxSwitch-DwN6mZnb.js";
-import { H as H79 } from "./shared/HxTable-DiSAvkn4.js";
-import { H as H80 } from "./shared/HxTbody-CUzDNvHC.js";
-import { H as H81 } from "./shared/HxTd-l5ZrD1Ai.js";
-import { H as H82 } from "./shared/HxTfoot-Dpr9DPb3.js";
-import { H as H83 } from "./shared/HxTh-Bo7R_MVI.js";
-import { H as H84 } from "./shared/HxThead-BUgzbvH1.js";
-import { H as H85 } from "./shared/HxTr-CjhQyD3e.js";
-import { H as H86 } from "./shared/HxTabPanel-CmFKupoK.js";
-import { H as H87 } from "./shared/HxTab-Dhb27BDp.js";
-import { H as H88 } from "./shared/HxTabs-DIIy0X3K.js";
-import { H as H89 } from "./shared/HxTag-CZGKlJOi.js";
-import { H as H90 } from "./shared/HxText-DGct9t7J.js";
-import { H as H91 } from "./shared/HxTextInput-D7kdWqVL.js";
-import { H as H92 } from "./shared/HxTextarea-BPWvPz4l.js";
-import { H as H93 } from "./shared/HxTheme-3vcbSPNv.js";
-import { H as H94 } from "./shared/HxTimePicker-DDS8eoIz.js";
+import { H as H79 } from "./shared/HxTab-Dhb27BDp.js";
+import { H as H80 } from "./shared/HxTabPanel-CmFKupoK.js";
+import { H as H81 } from "./shared/HxTable-DiSAvkn4.js";
+import { H as H82 } from "./shared/HxTabs-DIIy0X3K.js";
+import { H as H83 } from "./shared/HxTag-CZGKlJOi.js";
+import { H as H84 } from "./shared/HxTbody-CUzDNvHC.js";
+import { H as H85 } from "./shared/HxTd-l5ZrD1Ai.js";
+import { H as H86 } from "./shared/HxText-DGct9t7J.js";
+import { H as H87 } from "./shared/HxTextInput-D7kdWqVL.js";
+import { H as H88 } from "./shared/HxTextarea-BPWvPz4l.js";
+import { H as H89 } from "./shared/HxTfoot-Dpr9DPb3.js";
+import { H as H90 } from "./shared/HxTh-Bo7R_MVI.js";
+import { H as H91 } from "./shared/HxThead-BUgzbvH1.js";
+import { H as H92 } from "./shared/HxTheme-3vcbSPNv.js";
+import { H as H93 } from "./shared/HxTimePicker-DDS8eoIz.js";
+import { H as H94 } from "./shared/HxToast-xU4O3hst.js";
 import { H as H95 } from "./shared/HxToastStack-b8gSHKQd.js";
-import { H as H96 } from "./shared/HxToast-xU4O3hst.js";
-import { H as H97 } from "./shared/HxToggleButton-CTMAggxK.js";
-import { H as H98 } from "./shared/HxTooltip-DD8Uc78f.js";
-import { H as H99 } from "./shared/HxTopNav-vtIsmhbN.js";
+import { H as H96 } from "./shared/HxToggleButton-CTMAggxK.js";
+import { H as H97 } from "./shared/HxTooltip-DD8Uc78f.js";
+import { H as H98 } from "./shared/HxTopNav-vtIsmhbN.js";
+import { H as H99 } from "./shared/HxTr-CjhQyD3e.js";
 import { H as H100 } from "./shared/HxTreeItem-B2_rGgy6.js";
 import { H as H101 } from "./shared/HxTreeView-BKbPPPhF.js";
 import { H as H102 } from "./shared/HxVisuallyHidden-BMxBQRkx.js";
 export {
-  H2 as HxAccordion,
-  H as HxAccordionItem,
+  H as HxAccordion,
+  H2 as HxAccordionItem,
   H3 as HxActionBar,
   H4 as HxAlert,
   H5 as HxAvatar,
   H6 as HxBadge,
   H7 as HxBanner,
-  H9 as HxBreadcrumb,
-  H8 as HxBreadcrumbItem,
+  H8 as HxBreadcrumb,
+  H9 as HxBreadcrumbItem,
   H10 as HxButton,
   H11 as HxButtonGroup,
   H12 as HxCard,
-  H14 as HxCarousel,
-  H13 as HxCarouselItem,
+  H13 as HxCarousel,
+  H14 as HxCarouselItem,
   H15 as HxCheckbox,
   H16 as HxCheckboxGroup,
   H17 as HxClinicalStatus,
@@ -142,28 +142,28 @@ export {
   H39 as HxIconButton,
   H40 as HxImage,
   H41 as HxLink,
-  H43 as HxList,
-  H42 as HxListItem,
-  H46 as HxMenu,
-  H44 as HxMenuDivider,
-  H45 as HxMenuItem,
+  H42 as HxList,
+  H43 as HxListItem,
+  H44 as HxMenu,
+  H45 as HxMenuDivider,
+  H46 as HxMenuItem,
   H47 as HxMeter,
   H48 as HxNav,
-  H63 as HxNavItem,
-  H49 as HxNumberInput,
-  H50 as HxOverflowMenu,
-  H51 as HxPagination,
-  H52 as HxPatientBanner,
-  H53 as HxPhiField,
-  H54 as HxPopover,
-  H55 as HxPopup,
-  H56 as HxProgressBar,
-  H57 as HxProgressRing,
-  H58 as HxProse,
+  H49 as HxNavItem,
+  H50 as HxNumberInput,
+  H51 as HxOverflowMenu,
+  H52 as HxPagination,
+  H53 as HxPatientBanner,
+  H54 as HxPhiField,
+  H55 as HxPopover,
+  H56 as HxPopup,
+  H57 as HxProgressBar,
+  H58 as HxProgressRing,
+  H59 as HxProse,
   H60 as HxRadio,
-  H59 as HxRadioGroup,
-  H61 as HxRating,
-  H62 as HxSelect,
+  H61 as HxRadioGroup,
+  H62 as HxRating,
+  H63 as HxSelect,
   H64 as HxSideNav,
   H65 as HxSkeleton,
   H66 as HxSlider,
@@ -179,27 +179,27 @@ export {
   H76 as HxStructuredListRow,
   H77 as HxStyleScope,
   H78 as HxSwitch,
-  H87 as HxTab,
-  H86 as HxTabPanel,
-  H79 as HxTable,
-  H88 as HxTabs,
-  H89 as HxTag,
-  H80 as HxTbody,
-  H81 as HxTd,
-  H90 as HxText,
-  H91 as HxTextInput,
-  H92 as HxTextarea,
-  H82 as HxTfoot,
-  H83 as HxTh,
-  H84 as HxThead,
-  H93 as HxTheme,
-  H94 as HxTimePicker,
-  H96 as HxToast,
+  H79 as HxTab,
+  H80 as HxTabPanel,
+  H81 as HxTable,
+  H82 as HxTabs,
+  H83 as HxTag,
+  H84 as HxTbody,
+  H85 as HxTd,
+  H86 as HxText,
+  H87 as HxTextInput,
+  H88 as HxTextarea,
+  H89 as HxTfoot,
+  H90 as HxTh,
+  H91 as HxThead,
+  H92 as HxTheme,
+  H93 as HxTimePicker,
+  H94 as HxToast,
   H95 as HxToastStack,
-  H97 as HxToggleButton,
-  H98 as HxTooltip,
-  H99 as HxTopNav,
-  H85 as HxTr,
+  H96 as HxToggleButton,
+  H97 as HxTooltip,
+  H98 as HxTopNav,
+  H99 as HxTr,
   H100 as HxTreeItem,
   H101 as HxTreeView,
   H102 as HxVisuallyHidden

package/dist/shared/HxDrawer-Y1QnaHrU.js.map

@@ -1 +1 @@
-{"version":3,"file":"HxDrawer-Y1QnaHrU.js","sources":["../../src/components/HxDrawer/HxDrawer.ts"],"sourcesContent":["'use client';\n/**\n * React wrapper for <hx-drawer> 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 { HelixDrawer } from '@helixui/library/components/hx-drawer';\n\nimport type { HxDrawerProps } from './types.js';\n\nexport type { HxDrawerProps };\n\n/**\n * A slide-in drawer panel that can appear from any edge of the viewport.\nSupports focus trapping, overlay backdrop, keyboard navigation, and full\nARIA labelling for enterprise healthcare accessibility requirements.\n *\n * @example\n * ```tsx\n * import { HxDrawer } from '@helixui/react';\n *\n * <HxDrawer />\n * ```\n */\nexport const HxDrawer = createComponent({\n  tagName: 'hx-drawer',\n  elementClass: HelixDrawer,\n  react: React,\n  events: {\n    onHxShow: 'hx-show',\n    onHxAfterShow: 'hx-after-show',\n    onHxHide: 'hx-hide',\n    onHxAfterHide: 'hx-after-hide',\n    onHxInitialFocus: 'hx-initial-focus',\n  },\n  displayName: 'HxDrawer',\n});\n\nexport default HxDrawer;\n"],"names":[],"mappings":";;;AA2BO,MAAM,WAAW,gBAAgB;AAAA,EACtC,SAAS;AAAA,EACT,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,UAAU;AAAA,IACV,eAAe;AAAA,IACf,UAAU;AAAA,IACV,eAAe;AAAA,IACf,kBAAkB;AAAA,EAAA;AAAA,EAEpB,aAAa;AACf,CAAC;"}
+{"version":3,"file":"HxDrawer-Y1QnaHrU.js","sources":["../../src/components/HxDrawer/HxDrawer.ts"],"sourcesContent":["'use client';\n/**\n * React wrapper for <hx-drawer> 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 { HelixDrawer } from '@helixui/library/components/hx-drawer';\n\nimport type { HxDrawerProps } from './types.js';\n\nexport type { HxDrawerProps };\n\n/**\n * A slide-in drawer panel that can appear from any edge of the viewport.\nSupports focus trapping, overlay backdrop, keyboard navigation, and full\nARIA labelling for enterprise healthcare accessibility requirements.\n\n## Architecture Note: Native `<dialog>` Migration\n\nThis component currently uses `role=\"dialog\"` + `aria-modal=\"true\"` on a\n`<div>` rather than the native `<dialog>` element. This is intentional for\nthe current release because:\n\n1. **SSR compatibility**: Native `<dialog>` requires `showModal()` to activate\n   its modal behavior (focus trapping, backdrop, top-layer). This JavaScript\n   call is not available during server-side rendering, which is a primary\n   consumption pattern for Drupal/Twig templates.\n\n2. **Contained mode**: The `contained` property constrains the drawer to a\n   positioned parent. Native `<dialog>` in modal mode renders in the top layer\n   and cannot be constrained to a parent element.\n\n3. **Animation control**: The current CSS transition approach provides precise\n   control over slide-in/slide-out animations. Native `<dialog>` `::backdrop`\n   animations have inconsistent cross-browser support.\n\nMigration to native `<dialog>` is tracked as a future enhancement. When browser\nsupport for `CloseWatcher`, `::backdrop` transitions, and declarative dialog\nopening stabilizes, this component will be migrated to native semantics.\n *\n * @example\n * ```tsx\n * import { HxDrawer } from '@helixui/react';\n *\n * <HxDrawer />\n * ```\n */\nexport const HxDrawer = createComponent({\n  tagName: 'hx-drawer',\n  elementClass: HelixDrawer,\n  react: React,\n  events: {\n    onHxShow: 'hx-show',\n    onHxAfterShow: 'hx-after-show',\n    onHxHide: 'hx-hide',\n    onHxAfterHide: 'hx-after-hide',\n    onHxInitialFocus: 'hx-initial-focus',\n  },\n  displayName: 'HxDrawer',\n});\n\nexport default HxDrawer;\n"],"names":[],"mappings":";;;AAkDO,MAAM,WAAW,gBAAgB;AAAA,EACtC,SAAS;AAAA,EACT,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,UAAU;AAAA,IACV,eAAe;AAAA,IACf,UAAU;AAAA,IACV,eAAe;AAAA,IACf,kBAAkB;AAAA,EAAA;AAAA,EAEpB,aAAa;AACf,CAAC;"}

package/dist/shared/HxPatientBanner-oKA7E2FX.js.map

@@ -1 +1 @@
-{"version":3,"file":"HxPatientBanner-oKA7E2FX.js","sources":["../../src/components/HxPatientBanner/HxPatientBanner.ts"],"sourcesContent":["'use client';\n/**\n * React wrapper for <hx-patient-banner> 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 { HelixPatientBanner } from '@helixui/library/components/hx-patient-banner';\n\nimport type { HxPatientBannerProps } from './types.js';\n\nexport type { HxPatientBannerProps };\n\n/**\n * Patient identification banner implementing Joint Commission NPSG.01.01.01 two-identifier rule.\nRenders as a landmark region containing named slots for patient identification fields.\nIntegrates with hx-phi-field for HIPAA-compliant display of masked identifiers.\nNote: hx-phi-access events fired by slotted hx-phi-field elements bubble through this\ncomponent via composed: true — no re-dispatch is required.\n *\n * @example\n * ```tsx\n * import { HxPatientBanner } from '@helixui/react';\n *\n * <HxPatientBanner />\n * ```\n */\nexport const HxPatientBanner = createComponent({\n  tagName: 'hx-patient-banner',\n  elementClass: HelixPatientBanner,\n  react: React,\n  events: {\n    onHxIdentifierRuleViolation: 'hx-identifier-rule-violation',\n  },\n  displayName: 'HxPatientBanner',\n});\n\nexport default HxPatientBanner;\n"],"names":[],"mappings":";;;AA6BO,MAAM,kBAAkB,gBAAgB;AAAA,EAC7C,SAAS;AAAA,EACT,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,6BAA6B;AAAA,EAAA;AAAA,EAE/B,aAAa;AACf,CAAC;"}
+{"version":3,"file":"HxPatientBanner-oKA7E2FX.js","sources":["../../src/components/HxPatientBanner/HxPatientBanner.ts"],"sourcesContent":["'use client';\n/**\n * React wrapper for <hx-patient-banner> 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 { HelixPatientBanner } from '@helixui/library/components/hx-patient-banner';\n\nimport type { HxPatientBannerProps } from './types.js';\n\nexport type { HxPatientBannerProps };\n\n/**\n * Patient identification banner implementing Joint Commission NPSG.01.01.01 two-identifier rule.\nRenders as a landmark region containing named slots for patient identification fields.\nIntegrates with hx-phi-field for HIPAA-compliant display of masked identifiers.\n\n## Security Model — Event Composition\n\nThis component dispatches and propagates two categories of composed events:\n\n### `hx-identifier-rule-violation` (dispatched by this component)\nFired with `composed: true` when the two-identifier rule is violated. The event detail\ncontains only structural metadata (`populatedIdentifiers` count, `requiredIdentifiers`\ncount) and the `patientId` attribute value. **No raw PHI is included.**\n\nThe `patientId` is a developer-provided attribute intended as a correlation key for\napplication logic — it should be an opaque internal identifier (e.g., a UUID or\nencounter ID), not a human-readable identifier like an MRN or SSN.\n\n### `hx-phi-access` (bubbles from slotted hx-phi-field children)\nSlotted `hx-phi-field` elements dispatch `hx-phi-access` with `composed: true`. These\nevents bubble through this component's shadow DOM via slot projection. This component\ndoes NOT re-dispatch or modify these events. See `hx-phi-field` documentation for the\nsecurity model of those events.\n\n### Consumer Responsibilities\n\n- **Multi-tenant isolation**: In micro-frontend architectures where multiple patient\n  contexts share a document, scope event listeners to the appropriate DOM subtree.\n  Both `hx-phi-access` and `hx-identifier-rule-violation` use `composed: true` and\n  will bubble through shared ancestors across shadow boundaries.\n- **patientId hygiene**: Set the `patient-id` attribute to an opaque internal\n  identifier, not a human-readable clinical identifier. This value appears in\n  composed events that cross shadow boundaries.\n *\n * @example\n * ```tsx\n * import { HxPatientBanner } from '@helixui/react';\n *\n * <HxPatientBanner />\n * ```\n */\nexport const HxPatientBanner = createComponent({\n  tagName: 'hx-patient-banner',\n  elementClass: HelixPatientBanner,\n  react: React,\n  events: {\n    onHxIdentifierRuleViolation: 'hx-identifier-rule-violation',\n  },\n  displayName: 'HxPatientBanner',\n});\n\nexport default HxPatientBanner;\n"],"names":[],"mappings":";;;AAwDO,MAAM,kBAAkB,gBAAgB;AAAA,EAC7C,SAAS;AAAA,EACT,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,6BAA6B;AAAA,EAAA;AAAA,EAE/B,aAAa;AACf,CAAC;"}

package/dist/shared/HxPhiField-BVn5e3Cm.js.map

@@ -1 +1 @@
-{"version":3,"file":"HxPhiField-BVn5e3Cm.js","sources":["../../src/components/HxPhiField/HxPhiField.ts"],"sourcesContent":["'use client';\n/**\n * React wrapper for <hx-phi-field> 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 { HelixPhiField } from '@helixui/library/components/hx-phi-field';\n\nimport type { HxPhiFieldProps } from './types.js';\n\nexport type { HxPhiFieldProps };\n\n/**\n * HIPAA-compliant field component for rendering masked Protected Health Information (PHI).\nPHI is masked by default and only rendered to the DOM when explicitly revealed. Access\nevents are fired on reveal, hide, and clipboard auto-clear for audit trail purposes.\n *\n * @example\n * ```tsx\n * import { HxPhiField } from '@helixui/react';\n *\n * <HxPhiField />\n * ```\n */\nexport const HxPhiField = createComponent({\n  tagName: 'hx-phi-field',\n  elementClass: HelixPhiField,\n  react: React,\n  events: {\n    onHxPhiAccess: 'hx-phi-access',\n  },\n  displayName: 'HxPhiField',\n});\n\nexport default HxPhiField;\n"],"names":[],"mappings":";;;AA2BO,MAAM,aAAa,gBAAgB;AAAA,EACxC,SAAS;AAAA,EACT,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB,aAAa;AACf,CAAC;"}
+{"version":3,"file":"HxPhiField-BVn5e3Cm.js","sources":["../../src/components/HxPhiField/HxPhiField.ts"],"sourcesContent":["'use client';\n/**\n * React wrapper for <hx-phi-field> 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 { HelixPhiField } from '@helixui/library/components/hx-phi-field';\n\nimport type { HxPhiFieldProps } from './types.js';\n\nexport type { HxPhiFieldProps };\n\n/**\n * HIPAA-compliant field component for rendering masked Protected Health Information (PHI).\nPHI is masked by default and only rendered to the DOM when explicitly revealed. Access\nevents are fired on reveal, hide, and clipboard auto-clear for audit trail purposes.\n\n## Security Model — Event Composition\n\nThe `hx-phi-access` event is dispatched with `composed: true` so it crosses shadow DOM\nboundaries and reaches application-level audit listeners. This is intentional — audit\ntrail events MUST reach the host application regardless of shadow DOM nesting depth.\n\n**PHI is never included in event details.** The `PhiAccessEventDetail` payload contains\nonly audit metadata: `fieldId`, `action`, `timestamp`, and `fieldType`. The actual PHI\nvalue (the `data` property) is deliberately excluded from all dispatched events.\n\n### Consumer Responsibilities\n\n- **Audit logging**: Listen for `hx-phi-access` at the application root to build a\n  HIPAA-compliant access audit trail. The `fieldId` and `timestamp` fields correlate\n  access events to specific data elements without exposing the data itself.\n- **Multi-tenant isolation**: In micro-frontend architectures where multiple patient\n  contexts share a document, consumers MUST scope their `hx-phi-access` listeners to\n  the appropriate DOM subtree (e.g., listen on a container element rather than\n  `document`). Composed events from one patient context will bubble through shared\n  ancestors.\n- **Do not extend event details with PHI**: When wrapping this component, never add\n  the raw `data` value to re-dispatched events. The separation of audit metadata from\n  PHI content is a deliberate security boundary.\n *\n * @example\n * ```tsx\n * import { HxPhiField } from '@helixui/react';\n *\n * <HxPhiField />\n * ```\n */\nexport const HxPhiField = createComponent({\n  tagName: 'hx-phi-field',\n  elementClass: HelixPhiField,\n  react: React,\n  events: {\n    onHxPhiAccess: 'hx-phi-access',\n  },\n  displayName: 'HxPhiField',\n});\n\nexport default HxPhiField;\n"],"names":[],"mappings":";;;AAmDO,MAAM,aAAa,gBAAgB;AAAA,EACxC,SAAS;AAAA,EACT,cAAc;AAAA,EACd,OAAO;AAAA,EACP,QAAQ;AAAA,IACN,eAAe;AAAA,EAAA;AAAA,EAEjB,aAAa;AACf,CAAC;"}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@helixui/react",
-  "version": "1.1.4",
+  "version": "3.0.0",
   "description": "React wrappers for HELiX web components",
   "type": "module",
-  "sideEffects": true,
+  "sideEffects": false,
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -24,7 +24,7 @@
   "dependencies": {
     "@lit/react": "^1.0.6",
     "react": "^18.3.1",
-    "@helixui/library": "2.1.2"
+    "@helixui/library": "3.0.0"
   },
   "devDependencies": {
     "@types/react": "^18.3.18",
@@ -46,6 +46,7 @@
   },
   "scripts": {
     "generate": "tsx ../../scripts/generate-react-wrappers.ts && prettier --write src/",
+    "generate:check": "tsx ../../scripts/generate-react-wrappers.ts --check",
     "prebuild": "pnpm run generate",
     "build": "vite build",
     "type-check": "tsc --noEmit",