@helixui/library 2.1.2-next.53 → 2.1.2-next.57

package/custom-elements.json

@@ -2,6 +2,211 @@
   "schemaVersion": "1.0.0",
   "readme": "",
   "modules": [
+    {
+      "kind": "javascript-module",
+      "path": "src/components/hx-action-bar/hx-action-bar.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "A horizontal toolbar container for grouping related action buttons and controls.\nImplements the ARIA toolbar pattern with roving tabindex keyboard navigation.",
+          "name": "HelixActionBar",
+          "cssProperties": [
+            {
+              "description": "Bar background color (default variant).",
+              "name": "--hx-action-bar-bg",
+              "default": "transparent"
+            },
+            {
+              "description": "Bar border (default variant).",
+              "name": "--hx-action-bar-border",
+              "default": "none"
+            },
+            {
+              "description": "Inner padding.",
+              "name": "--hx-action-bar-padding",
+              "default": "var(--hx-space-2,0.5rem) var(--hx-space-3,0.75rem)"
+            },
+            {
+              "description": "Gap between slotted items.",
+              "name": "--hx-action-bar-gap",
+              "default": "var(--hx-space-2,0.5rem)"
+            },
+            {
+              "description": "Z-index when sticky or bottom position.",
+              "name": "--hx-action-bar-z-index",
+              "default": "10"
+            }
+          ],
+          "cssParts": [
+            {
+              "description": "The root toolbar container element.",
+              "name": "base"
+            },
+            {
+              "description": "The start (left) slot wrapper.",
+              "name": "start"
+            },
+            {
+              "description": "The center (default) slot wrapper.",
+              "name": "center"
+            },
+            {
+              "description": "The end (right) slot wrapper.",
+              "name": "end"
+            },
+            {
+              "description": "The overflow slot wrapper (hidden when no overflow content).",
+              "name": "overflow"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Left-aligned actions.",
+              "name": "start"
+            },
+            {
+              "description": "Center content (default slot).",
+              "name": ""
+            },
+            {
+              "description": "Right-aligned actions.",
+              "name": "end"
+            },
+            {
+              "description": "Actions revealed when the bar is constrained for space.",
+              "name": "overflow"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'sm' | 'md' | 'lg'"
+              },
+              "default": "'md'",
+              "description": "Size of the action bar — propagated as a data attribute to slotted children.",
+              "attribute": "hx-size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'default' | 'outlined' | 'filled'"
+              },
+              "default": "'default'",
+              "description": "Visual variant controlling the bar background.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "position",
+              "type": {
+                "text": "'top' | 'bottom' | 'sticky'"
+              },
+              "default": "'top'",
+              "description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` — sticks to the top of the scroll container; add `scroll-padding-top` to the\n  scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` — sticks to the bottom of the scroll container with iOS safe-area-inset support",
+              "attribute": "position",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "accessibleLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.\n\nAccepts both `accessible-label` and the standard `aria-label` HTML attribute.\nThe `accessible-label` attribute takes precedence when both are set.\n\nPreviously this was exposed as the `ariaLabel` JS property, which shadowed\nthe native `HTMLElement.ariaLabel`. That shadowing is removed; use\n`accessibleLabel` or the HTML attributes instead.",
+              "attribute": "accessible-label"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "hx-size",
+              "type": {
+                "text": "'sm' | 'md' | 'lg'"
+              },
+              "default": "'md'",
+              "description": "Size of the action bar — propagated as a data attribute to slotted children.",
+              "fieldName": "size",
+              "attribute": "hx-size"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "'default' | 'outlined' | 'filled'"
+              },
+              "default": "'default'",
+              "description": "Visual variant controlling the bar background.",
+              "fieldName": "variant",
+              "attribute": "variant"
+            },
+            {
+              "name": "position",
+              "type": {
+                "text": "'top' | 'bottom' | 'sticky'"
+              },
+              "default": "'top'",
+              "description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` — sticks to the top of the scroll container; add `scroll-padding-top` to the\n  scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` — sticks to the bottom of the scroll container with iOS safe-area-inset support",
+              "fieldName": "position",
+              "attribute": "position"
+            },
+            {
+              "name": "accessible-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.\n\nAccepts both `accessible-label` and the standard `aria-label` HTML attribute.\nThe `accessible-label` attribute takes precedence when both are set.\n\nPreviously this was exposed as the `ariaLabel` JS property, which shadowed\nthe native `HTMLElement.ariaLabel`. That shadowing is removed; use\n`accessibleLabel` or the HTML attributes instead.",
+              "fieldName": "accessibleLabel",
+              "attribute": "accessible-label"
+            }
+          ],
+          "superclass": {
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
+          },
+          "tagName": "hx-action-bar",
+          "customElement": true,
+          "summary": "Horizontal action bar for grouping related controls."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "HelixActionBar",
+          "declaration": {
+            "name": "HelixActionBar",
+            "module": "src/components/hx-action-bar/hx-action-bar.ts"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "hx-action-bar",
+          "declaration": {
+            "name": "HelixActionBar",
+            "module": "src/components/hx-action-bar/hx-action-bar.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/hx-action-bar/index.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "HelixActionBar",
+          "declaration": {
+            "name": "HelixActionBar",
+            "module": "./hx-action-bar.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/hx-accordion/hx-accordion-item.ts",
@@ -163,8 +368,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-accordion-item",
           "customElement": true,
@@ -251,8 +456,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-accordion",
           "customElement": true,
@@ -298,229 +503,13 @@
             "name": "HelixAccordionItem",
             "module": "./hx-accordion-item.js"
           }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/hx-action-bar/hx-action-bar.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "A horizontal toolbar container for grouping related action buttons and controls.\nImplements the ARIA toolbar pattern with roving tabindex keyboard navigation.",
-          "name": "HelixActionBar",
-          "cssProperties": [
-            {
-              "description": "Bar background color (default variant).",
-              "name": "--hx-action-bar-bg",
-              "default": "transparent"
-            },
-            {
-              "description": "Bar border (default variant).",
-              "name": "--hx-action-bar-border",
-              "default": "none"
-            },
-            {
-              "description": "Inner padding.",
-              "name": "--hx-action-bar-padding",
-              "default": "var(--hx-space-2,0.5rem) var(--hx-space-3,0.75rem)"
-            },
-            {
-              "description": "Gap between slotted items.",
-              "name": "--hx-action-bar-gap",
-              "default": "var(--hx-space-2,0.5rem)"
-            },
-            {
-              "description": "Z-index when sticky or bottom position.",
-              "name": "--hx-action-bar-z-index",
-              "default": "10"
-            }
-          ],
-          "cssParts": [
-            {
-              "description": "The root toolbar container element.",
-              "name": "base"
-            },
-            {
-              "description": "The start (left) slot wrapper.",
-              "name": "start"
-            },
-            {
-              "description": "The center (default) slot wrapper.",
-              "name": "center"
-            },
-            {
-              "description": "The end (right) slot wrapper.",
-              "name": "end"
-            },
-            {
-              "description": "The overflow slot wrapper (hidden when no overflow content).",
-              "name": "overflow"
-            }
-          ],
-          "slots": [
-            {
-              "description": "Left-aligned actions.",
-              "name": "start"
-            },
-            {
-              "description": "Center content (default slot).",
-              "name": ""
-            },
-            {
-              "description": "Right-aligned actions.",
-              "name": "end"
-            },
-            {
-              "description": "Actions revealed when the bar is constrained for space.",
-              "name": "overflow"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'sm' | 'md' | 'lg'"
-              },
-              "default": "'md'",
-              "description": "Size of the action bar — propagated as a data attribute to slotted children.",
-              "attribute": "hx-size",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "variant",
-              "type": {
-                "text": "'default' | 'outlined' | 'filled'"
-              },
-              "default": "'default'",
-              "description": "Visual variant controlling the bar background.",
-              "attribute": "variant",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "position",
-              "type": {
-                "text": "'top' | 'bottom' | 'sticky'"
-              },
-              "default": "'top'",
-              "description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` — sticks to the top of the scroll container; add `scroll-padding-top` to the\n  scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` — sticks to the bottom of the scroll container with iOS safe-area-inset support",
-              "attribute": "position",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "sticky",
-              "type": {
-                "text": "boolean"
-              },
-              "deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
-              "attribute": "sticky",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "accessibleLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.\n\nAccepts both `accessible-label` and the standard `aria-label` HTML attribute.\nThe `accessible-label` attribute takes precedence when both are set.\n\nPreviously this was exposed as the `ariaLabel` JS property, which shadowed\nthe native `HTMLElement.ariaLabel`. That shadowing is removed; use\n`accessibleLabel` or the HTML attributes instead.",
-              "attribute": "accessible-label"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "hx-size",
-              "type": {
-                "text": "'sm' | 'md' | 'lg'"
-              },
-              "default": "'md'",
-              "description": "Size of the action bar — propagated as a data attribute to slotted children.",
-              "fieldName": "size",
-              "attribute": "hx-size"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "'default' | 'outlined' | 'filled'"
-              },
-              "default": "'default'",
-              "description": "Visual variant controlling the bar background.",
-              "fieldName": "variant",
-              "attribute": "variant"
-            },
-            {
-              "name": "position",
-              "type": {
-                "text": "'top' | 'bottom' | 'sticky'"
-              },
-              "default": "'top'",
-              "description": "Position and sticky behavior of the action bar.\n- `top` — normal flow (default)\n- `sticky` — sticks to the top of the scroll container; add `scroll-padding-top` to the\n  scroll container equal to the bar height to prevent anchor targets from scrolling behind it\n- `bottom` — sticks to the bottom of the scroll container with iOS safe-area-inset support",
-              "fieldName": "position",
-              "attribute": "position"
-            },
-            {
-              "name": "sticky",
-              "type": {
-                "text": "boolean"
-              },
-              "deprecated": "Use `position=\"sticky\"` instead.\nWhen true, the bar sticks to the top of its scroll container.",
-              "fieldName": "sticky",
-              "attribute": "sticky"
-            },
-            {
-              "name": "accessible-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Accessible label for the toolbar.\nRequired when multiple toolbars appear on the same page.\n\nAccepts both `accessible-label` and the standard `aria-label` HTML attribute.\nThe `accessible-label` attribute takes precedence when both are set.\n\nPreviously this was exposed as the `ariaLabel` JS property, which shadowed\nthe native `HTMLElement.ariaLabel`. That shadowing is removed; use\n`accessibleLabel` or the HTML attributes instead.",
-              "fieldName": "accessibleLabel",
-              "attribute": "accessible-label"
-            }
-          ],
-          "superclass": {
-            "name": "LitElement",
-            "package": "lit"
-          },
-          "tagName": "hx-action-bar",
-          "customElement": true,
-          "summary": "Horizontal action bar for grouping related controls."
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "HelixActionBar",
-          "declaration": {
-            "name": "HelixActionBar",
-            "module": "src/components/hx-action-bar/hx-action-bar.ts"
-          }
         },
-        {
-          "kind": "custom-element-definition",
-          "name": "hx-action-bar",
-          "declaration": {
-            "name": "HelixActionBar",
-            "module": "src/components/hx-action-bar/hx-action-bar.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/hx-action-bar/index.ts",
-      "declarations": [],
-      "exports": [
         {
           "kind": "js",
-          "name": "HelixActionBar",
+          "name": "HxAccordionToggleDetail",
           "declaration": {
-            "name": "HelixActionBar",
-            "module": "./hx-action-bar.js"
+            "name": "HxAccordionToggleDetail",
+            "module": "./hx-accordion-item.js"
           }
         }
       ]
@@ -838,8 +827,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-alert",
           "customElement": true,
@@ -893,6 +882,14 @@
             "name": "AlertVariant",
             "module": "./hx-alert.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxAlertCloseDetail",
+          "declaration": {
+            "name": "HxAlertCloseDetail",
+            "module": "./hx-alert.js"
+          }
         }
       ]
     },
@@ -1087,8 +1084,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-avatar",
           "customElement": true,
@@ -1426,8 +1423,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-badge",
           "customElement": true,
@@ -1473,14 +1470,6 @@
             "name": "HxBadge",
             "module": "./hx-badge.js"
           }
-        },
-        {
-          "kind": "js",
-          "name": "WcBadge",
-          "declaration": {
-            "name": "WcBadge",
-            "module": "./hx-badge.js"
-          }
         }
       ]
     },
@@ -1812,8 +1801,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-banner",
           "customElement": true,
@@ -1998,8 +1987,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-breadcrumb-item",
           "customElement": true,
@@ -2199,8 +2188,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-breadcrumb",
           "customElement": true,
@@ -2470,6 +2459,16 @@
               "attribute": "inverted",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "accessibleLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible label for icon-only or text-less buttons.\nRequired when the button has no visible text content.\n\nAccepts both `accessible-label` and the standard `aria-label` HTML attribute.\n`accessible-label` takes precedence when both are set.",
+              "attribute": "accessible-label"
+            },
             {
               "kind": "method",
               "name": "_onFormDisabled",
@@ -2487,6 +2486,15 @@
                   }
                 }
               ]
+            },
+            {
+              "kind": "field",
+              "name": "_emptySlotWarnEmitted",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
             }
           ],
           "events": [
@@ -2608,6 +2616,16 @@
               "description": "When true, flips button colors for placement on dark or gradient backgrounds.\nForces text to white and adjusts hover/focus ring colors across all variants.",
               "fieldName": "inverted",
               "attribute": "inverted"
+            },
+            {
+              "name": "accessible-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible label for icon-only or text-less buttons.\nRequired when the button has no visible text content.\n\nAccepts both `accessible-label` and the standard `aria-label` HTML attribute.\n`accessible-label` takes precedence when both are set.",
+              "fieldName": "accessibleLabel",
+              "attribute": "accessible-label"
             }
           ],
           "mixins": [
@@ -2656,6 +2674,14 @@
             "name": "HelixButton",
             "module": "./hx-button.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxButtonClickDetail",
+          "declaration": {
+            "name": "HxButtonClickDetail",
+            "module": "./hx-button.js"
+          }
         }
       ]
     },
@@ -2751,8 +2777,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-button-group",
           "customElement": true,
@@ -2982,8 +3008,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-card",
           "customElement": true,
@@ -3089,8 +3115,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-carousel-item",
           "customElement": true,
@@ -3506,8 +3532,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-carousel",
           "customElement": true,
@@ -3784,6 +3810,16 @@
               "attribute": "hx-size",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "accessibleLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible label for the checkbox when no visible label text is provided.\nUse when embedding a checkbox in a context where a label element is not practical.\n\nAccepts both `accessible-label` and the standard `aria-label` HTML attribute.\n`accessible-label` takes precedence when both are set.\nWhen set, replaces the visible label as the input's accessible name. Cannot be combined\nwith a visible label — set either `accessible-label` or the `label` slot, not both.",
+              "attribute": "accessible-label"
+            },
             {
               "kind": "field",
               "name": "form",
@@ -3889,7 +3925,7 @@
               "type": {
                 "text": "CustomEvent<{checked: boolean, value: string}>"
               },
-              "description": "Dispatched when the checkbox is toggled."
+              "description": "Dispatched when the checkbox is toggled. Boolean-selection controls (`hx-switch`, `hx-checkbox`) include both `checked` (boolean state) and `value` (form value) in the detail; text-value controls (`hx-text-input`, `hx-combobox`, `hx-select`) emit only `{value}`."
             }
           ],
           "attributes": [
@@ -4002,6 +4038,16 @@
               "description": "The size of the checkbox.",
               "fieldName": "size",
               "attribute": "hx-size"
+            },
+            {
+              "name": "accessible-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible label for the checkbox when no visible label text is provided.\nUse when embedding a checkbox in a context where a label element is not practical.\n\nAccepts both `accessible-label` and the standard `aria-label` HTML attribute.\n`accessible-label` takes precedence when both are set.\nWhen set, replaces the visible label as the input's accessible name. Cannot be combined\nwith a visible label — set either `accessible-label` or the `label` slot, not both.",
+              "fieldName": "accessibleLabel",
+              "attribute": "accessible-label"
             }
           ],
           "mixins": [
@@ -4054,6 +4100,14 @@
             "name": "HelixCheckbox",
             "module": "./hx-checkbox.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxCheckboxChangeDetail",
+          "declaration": {
+            "name": "HxCheckboxChangeDetail",
+            "module": "./hx-checkbox.js"
+          }
         }
       ]
     },
@@ -4102,7 +4156,7 @@
             },
             {
               "description": "The error message container.",
-              "name": "error-message"
+              "name": "error"
             }
           ],
           "slots": [
@@ -4196,53 +4250,6 @@
               "description": "Layout orientation of the checkbox items.",
               "attribute": "orientation",
               "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "description": "Returns the associated form element, if any.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validationMessage",
-              "type": {
-                "text": "string"
-              },
-              "description": "Returns the validation message.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "type": {
-                "text": "ValidityState"
-              },
-              "description": "Returns the ValidityState object.",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Checks whether the group satisfies its constraints."
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Reports validity and shows the browser's constraint validation UI."
             }
           ],
           "events": [
@@ -4325,6 +4332,12 @@
               "attribute": "orientation"
             }
           ],
+          "mixins": [
+            {
+              "name": "FormMixin",
+              "module": "/src/mixins/FormMixin.js"
+            }
+          ],
           "superclass": {
             "name": "HelixElement",
             "module": "/src/base/index.js"
@@ -4365,6 +4378,14 @@
             "name": "HelixCheckboxGroup",
             "module": "./hx-checkbox-group.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxCheckboxGroupChangeDetail",
+          "declaration": {
+            "name": "HxCheckboxGroupChangeDetail",
+            "module": "./hx-checkbox-group.js"
+          }
         }
       ]
     },
@@ -5563,44 +5584,6 @@
                   "name": "color"
                 }
               ]
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "type": {
-                "text": "ValidityState"
-              },
-              "description": "Returns the ValidityState object.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validationMessage",
-              "type": {
-                "text": "string"
-              },
-              "description": "Returns the current validation message.",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Checks whether the picker satisfies its constraints."
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Reports validity and shows the browser's constraint validation UI."
             }
           ],
           "events": [
@@ -5764,6 +5747,12 @@
               "fieldName": "labelPicker"
             }
           ],
+          "mixins": [
+            {
+              "name": "FormMixin",
+              "module": "/src/mixins/FormMixin.js"
+            }
+          ],
           "superclass": {
             "name": "HelixElement",
             "module": "/src/base/index.js"
@@ -5820,6 +5809,14 @@
             "name": "HelixColorPicker",
             "module": "./hx-color-picker.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxColorPickerDetail",
+          "declaration": {
+            "name": "HxColorPickerDetail",
+            "module": "./hx-color-picker.js"
+          }
         }
       ]
     },
@@ -6101,13 +6098,13 @@
             },
             {
               "kind": "field",
-              "name": "ariaLabel",
+              "name": "accessibleLabel",
               "type": {
                 "text": "string | null"
               },
               "default": "null",
-              "description": "Accessible name for screen readers, if different from the visible label.",
-              "attribute": "aria-label"
+              "description": "Accessible name for screen readers, if different from the visible label.\nUses `accessible-label` attribute instead of `aria-label` to avoid\nARIAMixin shadowing on the host element.\n\nNote: `mixinDelegatesAria` is not applied to this component because form\ninputs with associated labels delegate accessible naming via `<label>`\nassociation and `aria-labelledby`, not host-level ARIA delegation. The\n`accessible-label` attribute is a fallback for label-free usage. The value is forwarded to the\ninternal input's `aria-label`.",
+              "attribute": "accessible-label"
             },
             {
               "kind": "field",
@@ -6143,26 +6140,6 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Checks whether the combobox satisfies its constraints."
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Reports validity and shows the browser's constraint validation UI."
-            },
             {
               "kind": "method",
               "name": "focus",
@@ -6352,14 +6329,14 @@
               "attribute": "filter-debounce"
             },
             {
-              "name": "aria-label",
+              "name": "accessible-label",
               "type": {
                 "text": "string | null"
               },
               "default": "null",
-              "description": "Accessible name for screen readers, if different from the visible label.",
-              "fieldName": "ariaLabel",
-              "attribute": "aria-label"
+              "description": "Accessible name for screen readers, if different from the visible label.\nUses `accessible-label` attribute instead of `aria-label` to avoid\nARIAMixin shadowing on the host element.\n\nNote: `mixinDelegatesAria` is not applied to this component because form\ninputs with associated labels delegate accessible naming via `<label>`\nassociation and `aria-labelledby`, not host-level ARIA delegation. The\n`accessible-label` attribute is a fallback for label-free usage. The value is forwarded to the\ninternal input's `aria-label`.",
+              "fieldName": "accessibleLabel",
+              "attribute": "accessible-label"
             },
             {
               "name": "label-no-options",
@@ -6382,6 +6359,12 @@
               "attribute": "label-required"
             }
           ],
+          "mixins": [
+            {
+              "name": "FormMixin",
+              "module": "/src/mixins/FormMixin.js"
+            }
+          ],
           "superclass": {
             "name": "HelixElement",
             "module": "/src/base/index.js"
@@ -6446,6 +6429,14 @@
             "name": "HxComboboxSize",
             "module": "./hx-combobox.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxComboboxDetail",
+          "declaration": {
+            "name": "HxComboboxDetail",
+            "module": "./hx-combobox.js"
+          }
         }
       ]
     },
@@ -6562,8 +6553,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-container",
           "customElement": true,
@@ -6601,14 +6592,6 @@
             "name": "HelixContainer",
             "module": "./hx-container.js"
           }
-        },
-        {
-          "kind": "js",
-          "name": "WcContainer",
-          "declaration": {
-            "name": "WcContainer",
-            "module": "./hx-container.js"
-          }
         }
       ]
     },
@@ -6834,8 +6817,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-copy-button",
           "customElement": true,
@@ -7088,8 +7071,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-counter",
           "customElement": true,
@@ -7523,8 +7506,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-data-table",
           "customElement": true,
@@ -7578,6 +7561,22 @@
             "name": "HxDataTableSortState",
             "module": "./hx-data-table.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxDataTableSelectDetail",
+          "declaration": {
+            "name": "HxDataTableSelectDetail",
+            "module": "./hx-data-table.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "HxDataTableRowClickDetail",
+          "declaration": {
+            "name": "HxDataTableRowClickDetail",
+            "module": "./hx-data-table.js"
+          }
         }
       ]
     },
@@ -7747,8 +7746,7 @@
               },
               "default": "''",
               "description": "The current value as an ISO 8601 date string (e.g. 2026-03-04).",
-              "attribute": "value",
-              "reflects": true
+              "attribute": "value"
             },
             {
               "kind": "field",
@@ -7903,22 +7901,10 @@
               "attribute": "next-month-label"
             },
             {
-              "kind": "method",
-              "name": "checkValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              }
+              "kind": "field",
+              "name": "_handleDocumentClick",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "method",
@@ -8120,6 +8106,12 @@
               "attribute": "next-month-label"
             }
           ],
+          "mixins": [
+            {
+              "name": "FormMixin",
+              "module": "/src/mixins/FormMixin.js"
+            }
+          ],
           "superclass": {
             "name": "HelixElement",
             "module": "/src/base/index.js"
@@ -8160,6 +8152,14 @@
             "name": "HelixDatePicker",
             "module": "./hx-date-picker.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxDatePickerChangeDetail",
+          "declaration": {
+            "name": "HxDatePickerChangeDetail",
+            "module": "./hx-date-picker.js"
+          }
         }
       ]
     },
@@ -8293,8 +8293,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "When true, renders as a modal dialog with a backdrop and focus trap.\nWhen false, renders as a non-modal dialog.",
+              "default": "false",
+              "description": "When true, dialog renders as a modal with backdrop and focus trap using the native\n`showModal()` API. When false (default), dialog renders as a non-modal overlay using\nthe native `show()` API. Defaults to false, consistent with HTML boolean attribute\nsemantics (absent = false, present = true).",
               "attribute": "modal",
               "reflects": true
             },
@@ -8317,7 +8317,8 @@
               },
               "default": "''",
               "description": "Text content for the dialog heading. Used as the accessible label via aria-labelledby.",
-              "attribute": "heading"
+              "attribute": "heading",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -8420,7 +8421,7 @@
               "type": {
                 "text": "CustomEvent<void>"
               },
-              "description": "Fired when the dialog is dismissed via Escape key or cancel action."
+              "description": "Fired when the dialog is dismissed via Escape key or cancel action. **Event naming rationale:** hx-dialog intentionally uses `hx-open`/`hx-close`/`hx-cancel` instead of the `hx-show`/`hx-hide`/`hx-after-show`/`hx-after-hide` pattern used by overlay components (hx-drawer, hx-popover, hx-tooltip). This aligns with the native `<dialog>` element's `close` and `cancel` events and communicates that the dialog is a stateful container (open/closed) rather than a transient visibility toggle (show/hide)."
             }
           ],
           "attributes": [
@@ -8442,8 +8443,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "When true, renders as a modal dialog with a backdrop and focus trap.\nWhen false, renders as a non-modal dialog.",
+              "default": "false",
+              "description": "When true, dialog renders as a modal with backdrop and focus trap using the native\n`showModal()` API. When false (default), dialog renders as a non-modal overlay using\nthe native `show()` API. Defaults to false, consistent with HTML boolean attribute\nsemantics (absent = false, present = true).",
               "fieldName": "modal",
               "attribute": "modal"
             },
@@ -8498,8 +8499,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-dialog",
           "customElement": true,
@@ -8678,8 +8679,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-divider",
           "customElement": true,
@@ -8717,14 +8718,6 @@
             "name": "HelixDivider",
             "module": "./hx-divider.js"
           }
-        },
-        {
-          "kind": "js",
-          "name": "WcDivider",
-          "declaration": {
-            "name": "WcDivider",
-            "module": "./hx-divider.js"
-          }
         }
       ]
     },
@@ -8734,7 +8727,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "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.",
+          "description": "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.",
           "name": "HelixDrawer",
           "cssProperties": [
             {
@@ -8983,7 +8976,7 @@
               "type": {
                 "text": "CustomEvent<void>"
               },
-              "description": "Fired when initial focus is set inside the drawer. Cancelable to override focus behavior.",
+              "description": "Fired when initial focus is set inside the drawer. Cancelable to override focus behavior. **Event naming rationale:** hx-drawer uses the `hx-show`/`hx-hide`/`hx-after-show`/`hx-after-hide` pattern shared by all overlay components (hx-popover, hx-tooltip, hx-dropdown). This differs from hx-dialog's `hx-open`/`hx-close`/`hx-cancel` events, which align with native `<dialog>` semantics. The distinction is intentional: overlays are transient visibility toggles, while dialog is a stateful container with cancel semantics.",
               "name": "hx-initial-focus"
             }
           ],
@@ -9069,8 +9062,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-drawer",
           "customElement": true,
@@ -9302,8 +9295,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-dropdown",
           "customElement": true,
@@ -9406,7 +9399,7 @@
             },
             {
               "description": "The error message container.",
-              "name": "error-message"
+              "name": "error"
             },
             {
               "description": "The required asterisk span.",
@@ -9584,8 +9577,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-field",
           "customElement": true,
@@ -9757,8 +9750,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-field-label",
           "customElement": true,
@@ -9973,9 +9966,19 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Selected files'",
-              "description": "Accessible label for the selected files list.",
-              "attribute": "label-file-list"
+              "default": "'Selected files'",
+              "description": "Accessible label for the selected files list.",
+              "attribute": "label-file-list"
+            },
+            {
+              "kind": "field",
+              "name": "accessibleLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible label for the dropzone when no visible label text is provided.\nFalls back to `label-dropzone` prop value, then a default string.\n\nAccepts both `accessible-label` and the standard `aria-label` HTML attribute.\n`accessible-label` takes precedence when both are set.",
+              "attribute": "accessible-label"
             },
             {
               "kind": "field",
@@ -10005,26 +10008,6 @@
               "description": "Screen reader announcement when file drag detected. Override for i18n.",
               "attribute": "label-drag-detected"
             },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Checks whether the component satisfies its constraints."
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Reports validity and shows the browser's constraint validation UI."
-            },
             {
               "kind": "method",
               "name": "setProgress",
@@ -10175,6 +10158,16 @@
               "fieldName": "labelDropzone",
               "attribute": "label-dropzone"
             },
+            {
+              "name": "accessible-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible label for the dropzone when no visible label text is provided.\nFalls back to `label-dropzone` prop value, then a default string.\n\nAccepts both `accessible-label` and the standard `aria-label` HTML attribute.\n`accessible-label` takes precedence when both are set.",
+              "fieldName": "accessibleLabel",
+              "attribute": "accessible-label"
+            },
             {
               "name": "label-drag-detected",
               "type": {
@@ -10196,6 +10189,10 @@
             }
           ],
           "mixins": [
+            {
+              "name": "FormMixin",
+              "module": "/src/mixins/FormMixin.js"
+            },
             {
               "name": "mixinDelegatesAria",
               "module": "/src/mixins/index.js"
@@ -10241,6 +10238,30 @@
             "name": "HelixFileUpload",
             "module": "./hx-file-upload.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxFileUploadDetail",
+          "declaration": {
+            "name": "HxFileUploadDetail",
+            "module": "./hx-file-upload.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "HxFileRemoveDetail",
+          "declaration": {
+            "name": "HxFileRemoveDetail",
+            "module": "./hx-file-upload.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "HxFileErrorDetail",
+          "declaration": {
+            "name": "HxFileErrorDetail",
+            "module": "./hx-file-upload.js"
+          }
         }
       ]
     },
@@ -10508,8 +10529,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-form",
           "customElement": true,
@@ -10849,8 +10870,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-format-date",
           "customElement": true,
@@ -11056,8 +11077,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-grid",
           "customElement": true,
@@ -11135,8 +11156,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-grid-item",
           "customElement": true,
@@ -11287,8 +11308,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-help-text",
           "customElement": true,
@@ -11406,6 +11427,16 @@
               "default": "''",
               "description": "Accessible label for the icon. When non-empty, `role=\"img\"` and\n`aria-label` are applied so assistive technology announces the icon.\nWhen empty the icon is treated as decorative and `aria-hidden=\"true\"` is\napplied.",
               "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "allowedOrigins",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Comma-separated list of allowed origins for cross-origin SVG fetches.\nBy default, only same-origin URLs are permitted. Set this to allow\nspecific CDN or asset server origins (e.g., \"https://cdn.example.com,https://assets.example.com\").",
+              "attribute": "allowed-origins"
             }
           ],
           "attributes": [
@@ -11458,11 +11489,21 @@
               "description": "Accessible label for the icon. When non-empty, `role=\"img\"` and\n`aria-label` are applied so assistive technology announces the icon.\nWhen empty the icon is treated as decorative and `aria-hidden=\"true\"` is\napplied.",
               "fieldName": "label",
               "attribute": "label"
+            },
+            {
+              "name": "allowed-origins",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Comma-separated list of allowed origins for cross-origin SVG fetches.\nBy default, only same-origin URLs are permitted. Set this to allow\nspecific CDN or asset server origins (e.g., \"https://cdn.example.com,https://assets.example.com\").",
+              "fieldName": "allowedOrigins",
+              "attribute": "allowed-origins"
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-icon",
           "customElement": true,
@@ -12126,8 +12167,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-image",
           "customElement": true,
@@ -12390,8 +12431,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-link",
           "customElement": true,
@@ -12658,8 +12699,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-list-item",
           "customElement": true,
@@ -12793,8 +12834,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-list",
           "customElement": true,
@@ -12866,8 +12907,8 @@
           ],
           "members": [],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-menu-divider",
           "customElement": true,
@@ -13126,8 +13167,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-menu-item",
           "customElement": true,
@@ -13266,8 +13307,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-menu",
           "customElement": true,
@@ -13533,8 +13574,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-meter",
           "customElement": true,
@@ -13790,8 +13831,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-nav",
           "customElement": true,
@@ -13837,14 +13878,6 @@
             "name": "NavItem",
             "module": "./hx-nav.js"
           }
-        },
-        {
-          "kind": "js",
-          "name": "WcNav",
-          "declaration": {
-            "name": "WcNav",
-            "module": "./hx-nav.js"
-          }
         }
       ]
     },
@@ -13921,7 +13954,7 @@
             },
             {
               "description": "The error message container.",
-              "name": "error-message"
+              "name": "error"
             },
             {
               "description": "The stepper button group container.",
@@ -14124,53 +14157,6 @@
               "description": "Accessible label for the decrement (-) stepper button.",
               "attribute": "decrement-label"
             },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "description": "Returns the associated form element, if any.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validationMessage",
-              "type": {
-                "text": "string"
-              },
-              "description": "Returns the validation message.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "type": {
-                "text": "ValidityState"
-              },
-              "description": "Returns the ValidityState object.",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Checks whether the input satisfies its constraints."
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Reports validity and shows the browser's constraint validation UI."
-            },
             {
               "kind": "method",
               "name": "focus",
@@ -14379,6 +14365,12 @@
               "attribute": "decrement-label"
             }
           ],
+          "mixins": [
+            {
+              "name": "FormMixin",
+              "module": "/src/mixins/FormMixin.js"
+            }
+          ],
           "superclass": {
             "name": "HelixElement",
             "module": "/src/base/index.js"
@@ -14419,6 +14411,14 @@
             "name": "HelixNumberInput",
             "module": "./hx-number-input.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxNumberInputDetail",
+          "declaration": {
+            "name": "HxNumberInputDetail",
+            "module": "./hx-number-input.js"
+          }
         }
       ]
     },
@@ -14645,8 +14645,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-overflow-menu",
           "customElement": true,
@@ -15090,8 +15090,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-pagination",
           "customElement": true,
@@ -15137,6 +15137,22 @@
             "name": "HxPagination",
             "module": "./hx-pagination.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxPageChangeDetail",
+          "declaration": {
+            "name": "HxPageChangeDetail",
+            "module": "./hx-pagination.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "HxPageSizeChangeDetail",
+          "declaration": {
+            "name": "HxPageSizeChangeDetail",
+            "module": "./hx-pagination.js"
+          }
         }
       ]
     },
@@ -15146,7 +15162,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "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.",
+          "description": "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.",
           "name": "HelixPatientBanner",
           "cssProperties": [
             {
@@ -15380,7 +15396,7 @@
               "type": {
                 "text": "CustomEvent<PatientIdentifierRuleViolationDetail>"
               },
-              "description": "Fired when fewer than 2 identifier slots are populated and enforce-identifier-rule is true."
+              "description": "Fired when fewer than 2 identifier slots are populated and enforce-identifier-rule is true. Contains structural metadata only — no raw PHI. Dispatched with `composed: true`."
             }
           ],
           "attributes": [
@@ -15466,8 +15482,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-patient-banner",
           "customElement": true,
@@ -15522,7 +15538,7 @@
       "declarations": [
         {
           "kind": "class",
-          "description": "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.",
+          "description": "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.",
           "name": "HelixPhiField",
           "cssProperties": [
             {
@@ -15554,6 +15570,11 @@
               "description": "Opacity applied when the field is disabled.",
               "name": "--hx-phi-field-disabled-opacity",
               "default": "var(--hx-opacity-50,0.5)"
+            },
+            {
+              "description": "Color for auto-hide countdown warning (future use).",
+              "name": "--hx-phi-field-auto-hide-warning-color",
+              "default": "var(--hx-color-warning-500,#f59e0b)"
             }
           ],
           "cssParts": [
@@ -15621,6 +15642,16 @@
               "description": "Accessible label describing the PHI field. Used as a prefix in screen reader\nannouncements (e.g., \"Social Security Number is masked\").",
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "autoHideDelay",
+              "type": {
+                "text": "number"
+              },
+              "default": "60",
+              "description": "Seconds of inactivity after reveal before PHI is automatically re-masked.\nPrevents PHI from remaining visible indefinitely when a clinician walks away.\nSet to 0 to disable auto-hide. Defaults to 60 seconds.",
+              "attribute": "auto-hide-delay"
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -15639,7 +15670,7 @@
               "type": {
                 "text": "CustomEvent<PhiAccessEventDetail>"
               },
-              "description": "Fired on reveal, hide, and clipboard-clear actions."
+              "description": "Fired on reveal, hide, auto-hide, clipboard-clear, and clipboard-clear-failed actions. Contains audit metadata only — never raw PHI. Dispatched with `composed: true` to cross shadow boundaries for application-level audit listeners."
             }
           ],
           "attributes": [
@@ -15683,6 +15714,16 @@
               "fieldName": "label",
               "attribute": "label"
             },
+            {
+              "name": "auto-hide-delay",
+              "type": {
+                "text": "number"
+              },
+              "default": "60",
+              "description": "Seconds of inactivity after reveal before PHI is automatically re-masked.\nPrevents PHI from remaining visible indefinitely when a clinician walks away.\nSet to 0 to disable auto-hide. Defaults to 60 seconds.",
+              "fieldName": "autoHideDelay",
+              "attribute": "auto-hide-delay"
+            },
             {
               "name": "disabled",
               "type": {
@@ -15695,8 +15736,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-phi-field",
           "customElement": true,
@@ -16015,8 +16056,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-popover",
           "customElement": true,
@@ -16409,8 +16450,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-popup",
           "customElement": true,
@@ -16713,8 +16754,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-progress-bar",
           "customElement": true,
@@ -16934,8 +16975,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-progress-ring",
           "customElement": true,
@@ -17069,8 +17110,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-prose",
           "customElement": true,
@@ -17244,86 +17285,24 @@
             },
             {
               "kind": "field",
-              "name": "helpText",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Help text displayed below the group for guidance.",
-              "attribute": "help-text"
-            },
-            {
-              "kind": "field",
-              "name": "orientation",
-              "type": {
-                "text": "'vertical' | 'horizontal'"
-              },
-              "default": "'vertical'",
-              "description": "Layout orientation of the radio items.",
-              "attribute": "orientation",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "description": "Returns the associated form element, if any.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validationMessage",
-              "type": {
-                "text": "string"
-              },
-              "description": "Returns the validation message.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validity",
+              "name": "helpText",
               "type": {
-                "text": "ValidityState"
-              },
-              "description": "Returns the ValidityState object.",
-              "return": {
-                "type": {
-                  "text": ""
-                }
-              },
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "return": {
-                "type": {
-                  "text": ""
-                }
+                "text": "string"
               },
-              "description": "Checks whether the group satisfies its constraints."
+              "default": "''",
+              "description": "Help text displayed below the group for guidance.",
+              "attribute": "help-text"
             },
             {
-              "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": ""
-                }
+              "kind": "field",
+              "name": "orientation",
+              "type": {
+                "text": "'vertical' | 'horizontal'"
               },
-              "description": "Reports validity and shows the browser's constraint validation UI."
+              "default": "'vertical'",
+              "description": "Layout orientation of the radio items.",
+              "attribute": "orientation",
+              "reflects": true
             }
           ],
           "events": [
@@ -17424,6 +17403,12 @@
               "attribute": "orientation"
             }
           ],
+          "mixins": [
+            {
+              "name": "FormMixin",
+              "module": "/src/mixins/FormMixin.js"
+            }
+          ],
           "superclass": {
             "name": "HelixElement",
             "module": "/src/base/index.js"
@@ -17600,8 +17585,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-radio",
           "customElement": true,
@@ -17647,6 +17632,14 @@
             "name": "HelixRadio",
             "module": "./hx-radio.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxRadioGroupChangeDetail",
+          "declaration": {
+            "name": "HxRadioGroupChangeDetail",
+            "module": "./hx-radio-group.js"
+          }
         }
       ]
     },
@@ -17872,44 +17865,6 @@
                   }
                 }
               ]
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "type": {
-                "text": "ValidityState"
-              },
-              "description": "Returns the ValidityState object.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validationMessage",
-              "type": {
-                "text": "string"
-              },
-              "description": "Returns the current validation message.",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Checks whether the rating satisfies its constraints."
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Reports validity and shows the browser's constraint validation UI."
             }
           ],
           "events": [
@@ -18010,6 +17965,12 @@
               "attribute": "required"
             }
           ],
+          "mixins": [
+            {
+              "name": "FormMixin",
+              "module": "/src/mixins/FormMixin.js"
+            }
+          ],
           "superclass": {
             "name": "HelixElement",
             "module": "/src/base/index.js"
@@ -18050,6 +18011,22 @@
             "name": "HelixRating",
             "module": "./hx-rating.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxRatingChangeDetail",
+          "declaration": {
+            "name": "HxRatingChangeDetail",
+            "module": "./hx-rating.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "HxRatingHoverDetail",
+          "declaration": {
+            "name": "HxRatingHoverDetail",
+            "module": "./hx-rating.js"
+          }
         }
       ]
     },
@@ -18287,13 +18264,13 @@
             },
             {
               "kind": "field",
-              "name": "ariaLabel",
+              "name": "accessibleLabel",
               "type": {
                 "text": "string | null"
               },
               "default": "null",
-              "description": "Accessible name for screen readers, if different from the visible label.",
-              "attribute": "aria-label"
+              "description": "Accessible name for screen readers, if different from the visible label.\nUses `accessible-label` attribute instead of `aria-label` to avoid\nARIAMixin shadowing on the host element.\n\nNote: `mixinDelegatesAria` is not applied to this component because form\ninputs with associated labels delegate accessible naming via `<label>`\nassociation and `aria-labelledby`, not host-level ARIA delegation. The\n`accessible-label` attribute is a fallback for label-free usage. The value is forwarded to the\ninternal trigger button's `aria-label`.",
+              "attribute": "accessible-label"
             },
             {
               "kind": "field",
@@ -18326,53 +18303,6 @@
               "description": "Label shown when no options are available. Override for i18n.",
               "attribute": "label-no-options"
             },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "description": "Returns the associated form element, if any.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validationMessage",
-              "type": {
-                "text": "string"
-              },
-              "description": "Returns the validation message.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "type": {
-                "text": "ValidityState"
-              },
-              "description": "Returns the ValidityState object.",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Checks whether the select satisfies its constraints."
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Reports validity and shows the browser's constraint validation UI."
-            },
             {
               "kind": "method",
               "name": "_onFormReset",
@@ -18546,14 +18476,14 @@
               "attribute": "hx-size"
             },
             {
-              "name": "aria-label",
+              "name": "accessible-label",
               "type": {
                 "text": "string | null"
               },
               "default": "null",
-              "description": "Accessible name for screen readers, if different from the visible label.",
-              "fieldName": "ariaLabel",
-              "attribute": "aria-label"
+              "description": "Accessible name for screen readers, if different from the visible label.\nUses `accessible-label` attribute instead of `aria-label` to avoid\nARIAMixin shadowing on the host element.\n\nNote: `mixinDelegatesAria` is not applied to this component because form\ninputs with associated labels delegate accessible naming via `<label>`\nassociation and `aria-labelledby`, not host-level ARIA delegation. The\n`accessible-label` attribute is a fallback for label-free usage. The value is forwarded to the\ninternal trigger button's `aria-label`.",
+              "fieldName": "accessibleLabel",
+              "attribute": "accessible-label"
             },
             {
               "name": "open",
@@ -18586,6 +18516,12 @@
               "attribute": "label-no-options"
             }
           ],
+          "mixins": [
+            {
+              "name": "FormMixin",
+              "module": "/src/mixins/FormMixin.js"
+            }
+          ],
           "superclass": {
             "name": "HelixElement",
             "module": "/src/base/index.js"
@@ -18619,14 +18555,6 @@
             "name": "HelixSelect",
             "module": "src/components/hx-select/hx-select.ts"
           }
-        },
-        {
-          "kind": "js",
-          "name": "WcSelect",
-          "declaration": {
-            "name": "HelixSelect",
-            "module": "src/components/hx-select/hx-select.ts"
-          }
         }
       ]
     },
@@ -18642,6 +18570,14 @@
             "name": "HelixSelect",
             "module": "./hx-select.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxSelectChangeDetail",
+          "declaration": {
+            "name": "HxSelectChangeDetail",
+            "module": "./hx-select.js"
+          }
         }
       ]
     },
@@ -18838,8 +18774,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-nav-item",
           "customElement": true,
@@ -19021,8 +18957,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-side-nav",
           "customElement": true,
@@ -19252,8 +19188,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-skeleton",
           "customElement": true,
@@ -19541,53 +19477,6 @@
               "description": "Human-readable text alternative for the current value, announced by screen readers\ninstead of the numeric value. For example, on a pain scale: \"7 — Moderate-Severe\".",
               "attribute": "aria-valuetext"
             },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "description": "Returns the associated form element, if any.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validationMessage",
-              "type": {
-                "text": "string"
-              },
-              "description": "Returns the validation message.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "type": {
-                "text": "ValidityState"
-              },
-              "description": "Returns the ValidityState object.",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Checks whether the slider satisfies its constraints."
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Reports validity and shows the browser's constraint validation UI."
-            },
             {
               "kind": "method",
               "name": "focus",
@@ -19746,6 +19635,12 @@
               "attribute": "aria-valuetext"
             }
           ],
+          "mixins": [
+            {
+              "name": "FormMixin",
+              "module": "/src/mixins/FormMixin.js"
+            }
+          ],
           "superclass": {
             "name": "HelixElement",
             "module": "/src/base/index.js"
@@ -19786,6 +19681,14 @@
             "name": "HelixSlider",
             "module": "./hx-slider.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxSliderDetail",
+          "declaration": {
+            "name": "HxSliderDetail",
+            "module": "./hx-slider.js"
+          }
         }
       ]
     },
@@ -19906,8 +19809,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-spinner",
           "customElement": true,
@@ -20100,13 +20003,13 @@
             },
             {
               "kind": "field",
-              "name": "ariaLabel",
+              "name": "accessibleLabel",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Accessible label for the primary action button. Required for icon-only usage\nor when the button label alone is insufficient context.",
-              "attribute": "aria-label"
+              "description": "Accessible label for the primary action button. Required for icon-only usage\nor when the button label alone is insufficient context.\nUses `accessible-label` attribute instead of `aria-label` to avoid\nARIAMixin shadowing on the host element.\n\nNote: `mixinDelegatesAria` is not applied to this component because the\n`accessible-label` attribute approach avoids the ARIAMixin property conflict\nwithout requiring mixin overhead.",
+              "attribute": "accessible-label"
             },
             {
               "kind": "field",
@@ -20187,14 +20090,14 @@
               "attribute": "label"
             },
             {
-              "name": "aria-label",
+              "name": "accessible-label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Accessible label for the primary action button. Required for icon-only usage\nor when the button label alone is insufficient context.",
-              "fieldName": "ariaLabel",
-              "attribute": "aria-label"
+              "description": "Accessible label for the primary action button. Required for icon-only usage\nor when the button label alone is insufficient context.\nUses `accessible-label` attribute instead of `aria-label` to avoid\nARIAMixin shadowing on the host element.\n\nNote: `mixinDelegatesAria` is not applied to this component because the\n`accessible-label` attribute approach avoids the ARIAMixin property conflict\nwithout requiring mixin overhead.",
+              "fieldName": "accessibleLabel",
+              "attribute": "accessible-label"
             },
             {
               "name": "label-trigger",
@@ -20218,8 +20121,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-split-button",
           "customElement": true,
@@ -20568,8 +20471,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-split-panel",
           "customElement": true,
@@ -20761,8 +20664,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-stack",
           "customElement": true,
@@ -21044,8 +20947,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-stat",
           "customElement": true,
@@ -21287,8 +21190,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-status-indicator",
           "customElement": true,
@@ -21530,8 +21433,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-step",
           "customElement": true,
@@ -21624,13 +21527,13 @@
             },
             {
               "kind": "field",
-              "name": "ariaLabel",
+              "name": "accessibleLabel",
               "type": {
                 "text": "string | null"
               },
               "default": "null",
-              "description": "Accessible label for the list. Forwarded to the inner list element.",
-              "attribute": "aria-label"
+              "description": "Accessible label for the list. Forwarded to the inner list element.\nUses `accessible-label` attribute instead of `aria-label` to avoid\nARIAMixin shadowing on the host element.\n\nNote: `mixinDelegatesAria` is not applied to this component because the\n`accessible-label` attribute approach avoids the ARIAMixin property conflict\nwithout requiring mixin overhead.",
+              "attribute": "accessible-label"
             }
           ],
           "events": [
@@ -21664,19 +21567,19 @@
               "attribute": "hx-size"
             },
             {
-              "name": "aria-label",
+              "name": "accessible-label",
               "type": {
                 "text": "string | null"
               },
               "default": "null",
-              "description": "Accessible label for the list. Forwarded to the inner list element.",
-              "fieldName": "ariaLabel",
-              "attribute": "aria-label"
+              "description": "Accessible label for the list. Forwarded to the inner list element.\nUses `accessible-label` attribute instead of `aria-label` to avoid\nARIAMixin shadowing on the host element.\n\nNote: `mixinDelegatesAria` is not applied to this component because the\n`accessible-label` attribute approach avoids the ARIAMixin property conflict\nwithout requiring mixin overhead.",
+              "fieldName": "accessibleLabel",
+              "attribute": "accessible-label"
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-steps",
           "customElement": true,
@@ -21870,8 +21773,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-structured-list",
           "customElement": true,
@@ -21927,8 +21830,8 @@
           ],
           "members": [],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-structured-list-row",
           "customElement": true,
@@ -22064,8 +21967,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-style-scope",
           "customElement": true,
@@ -22303,44 +22206,6 @@
               "description": "Validation message shown when the field is required but empty.",
               "attribute": "required-message"
             },
-            {
-              "kind": "field",
-              "name": "validationMessage",
-              "type": {
-                "text": "string"
-              },
-              "description": "Returns the validation message.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "type": {
-                "text": "ValidityState"
-              },
-              "description": "Returns the ValidityState object.",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Checks whether the switch satisfies its constraints."
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Reports validity and shows the browser's constraint validation UI."
-            },
             {
               "kind": "method",
               "name": "_onFormReset",
@@ -22419,7 +22284,7 @@
               "type": {
                 "text": "CustomEvent<{checked: boolean, value: string}>"
               },
-              "description": "Dispatched when the switch is toggled."
+              "description": "Dispatched when the switch is toggled. Boolean-selection controls (`hx-switch`, `hx-checkbox`) include both `checked` (boolean state) and `value` (form value) in the detail; text-value controls (`hx-text-input`, `hx-combobox`, `hx-select`) emit only `{value}`."
             }
           ],
           "attributes": [
@@ -22524,6 +22389,12 @@
               "attribute": "required-message"
             }
           ],
+          "mixins": [
+            {
+              "name": "FormMixin",
+              "module": "/src/mixins/FormMixin.js"
+            }
+          ],
           "superclass": {
             "name": "HelixElement",
             "module": "/src/base/index.js"
@@ -22575,9 +22446,9 @@
         },
         {
           "kind": "js",
-          "name": "WcSwitch",
+          "name": "HxSwitchChangeDetail",
           "declaration": {
-            "name": "WcSwitch",
+            "name": "HxSwitchChangeDetail",
             "module": "./hx-switch.js"
           }
         }
@@ -22751,8 +22622,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-table",
           "customElement": true,
@@ -22800,8 +22671,8 @@
           ],
           "members": [],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-tbody",
           "customElement": true,
@@ -22940,8 +22811,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-td",
           "customElement": true,
@@ -22989,8 +22860,8 @@
           ],
           "members": [],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-tfoot",
           "customElement": true,
@@ -23156,8 +23027,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-th",
           "customElement": true,
@@ -23205,8 +23076,8 @@
           ],
           "members": [],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-thead",
           "customElement": true,
@@ -23299,8 +23170,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-tr",
           "customElement": true,
@@ -23460,8 +23331,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-tab-panel",
           "customElement": true,
@@ -23653,8 +23524,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-tab",
           "customElement": true,
@@ -23888,8 +23759,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-tabs",
           "customElement": true,
@@ -23943,6 +23814,14 @@
             "name": "HelixTabPanel",
             "module": "./hx-tab-panel.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxTabChangeDetail",
+          "declaration": {
+            "name": "HxTabChangeDetail",
+            "module": "./hx-tabs.js"
+          }
         }
       ]
     },
@@ -24158,8 +24037,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-tag",
           "customElement": true,
@@ -24205,14 +24084,6 @@
             "name": "HxTag",
             "module": "./hx-tag.js"
           }
-        },
-        {
-          "kind": "js",
-          "name": "WcTag",
-          "declaration": {
-            "name": "WcTag",
-            "module": "./hx-tag.js"
-          }
         }
       ]
     },
@@ -24389,8 +24260,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-text",
           "customElement": true,
@@ -24635,13 +24506,13 @@
             },
             {
               "kind": "field",
-              "name": "ariaLabel",
+              "name": "accessibleLabel",
               "type": {
                 "text": "string | null"
               },
               "default": "null",
-              "description": "Accessible name for screen readers, if different from the visible label.",
-              "attribute": "aria-label"
+              "description": "Accessible name for screen readers, if different from the visible label.\nUses `accessible-label` attribute instead of `aria-label` to avoid\nARIAMixin shadowing on the host element. The value is forwarded to the\ninternal native input's `aria-label`.\n\nNote: `mixinDelegatesAria` is not applied to this component because form\ninputs with associated labels delegate accessible naming via `<label>`\nassociation and `aria-labelledby`, not host-level ARIA delegation. The\n`accessible-label` attribute is a fallback for label-free usage.",
+              "attribute": "accessible-label"
             },
             {
               "kind": "field",
@@ -24913,14 +24784,14 @@
               "attribute": "name"
             },
             {
-              "name": "aria-label",
+              "name": "accessible-label",
               "type": {
                 "text": "string | null"
               },
               "default": "null",
-              "description": "Accessible name for screen readers, if different from the visible label.",
-              "fieldName": "ariaLabel",
-              "attribute": "aria-label"
+              "description": "Accessible name for screen readers, if different from the visible label.\nUses `accessible-label` attribute instead of `aria-label` to avoid\nARIAMixin shadowing on the host element. The value is forwarded to the\ninternal native input's `aria-label`.\n\nNote: `mixinDelegatesAria` is not applied to this component because form\ninputs with associated labels delegate accessible naming via `<label>`\nassociation and `aria-labelledby`, not host-level ARIA delegation. The\n`accessible-label` attribute is a fallback for label-free usage.",
+              "fieldName": "accessibleLabel",
+              "attribute": "accessible-label"
             },
             {
               "name": "readonly",
@@ -25043,6 +24914,14 @@
             "name": "HelixTextInput",
             "module": "./hx-text-input.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxTextInputDetail",
+          "declaration": {
+            "name": "HxTextInputDetail",
+            "module": "./hx-text-input.js"
+          }
         }
       ]
     },
@@ -25301,60 +25180,13 @@
             },
             {
               "kind": "field",
-              "name": "ariaLabel",
+              "name": "accessibleLabel",
               "type": {
                 "text": "string | null"
               },
               "default": "null",
-              "description": "Accessible name for screen readers, if different from the visible label.",
-              "attribute": "aria-label"
-            },
-            {
-              "kind": "field",
-              "name": "form",
-              "type": {
-                "text": "HTMLFormElement | null"
-              },
-              "description": "Returns the associated form element, if any.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validationMessage",
-              "type": {
-                "text": "string"
-              },
-              "description": "Returns the validation message.",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "type": {
-                "text": "ValidityState"
-              },
-              "description": "Returns the ValidityState object.",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Checks whether the textarea satisfies its constraints."
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Reports validity and shows the browser's constraint validation UI."
+              "description": "Accessible name for screen readers, if different from the visible label.\nUses `accessible-label` attribute instead of `aria-label` to avoid\nARIAMixin shadowing on the host element.\n\nNote: `mixinDelegatesAria` is not applied to this component because form\ninputs with associated labels delegate accessible naming via `<label>`\nassociation and `aria-labelledby`, not host-level ARIA delegation. The\n`accessible-label` attribute is a fallback for label-free usage. The value is forwarded to the\ninternal native textarea's `aria-label`.",
+              "attribute": "accessible-label"
             },
             {
               "kind": "method",
@@ -25552,14 +25384,20 @@
               "attribute": "required-message"
             },
             {
-              "name": "aria-label",
+              "name": "accessible-label",
               "type": {
                 "text": "string | null"
               },
               "default": "null",
-              "description": "Accessible name for screen readers, if different from the visible label.",
-              "fieldName": "ariaLabel",
-              "attribute": "aria-label"
+              "description": "Accessible name for screen readers, if different from the visible label.\nUses `accessible-label` attribute instead of `aria-label` to avoid\nARIAMixin shadowing on the host element.\n\nNote: `mixinDelegatesAria` is not applied to this component because form\ninputs with associated labels delegate accessible naming via `<label>`\nassociation and `aria-labelledby`, not host-level ARIA delegation. The\n`accessible-label` attribute is a fallback for label-free usage. The value is forwarded to the\ninternal native textarea's `aria-label`.",
+              "fieldName": "accessibleLabel",
+              "attribute": "accessible-label"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormMixin",
+              "module": "/src/mixins/FormMixin.js"
             }
           ],
           "superclass": {
@@ -25602,6 +25440,14 @@
             "name": "HelixTextarea",
             "module": "./hx-textarea.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxTextareaDetail",
+          "declaration": {
+            "name": "HxTextareaDetail",
+            "module": "./hx-textarea.js"
+          }
         }
       ]
     },
@@ -25643,17 +25489,6 @@
               "attribute": "theme",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "system",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "deprecated": "Use `theme=\"auto\"` instead.\nWhen true, auto-detects the preferred color scheme via the\n`prefers-color-scheme` media query, overriding the `theme` prop.",
-              "attribute": "system",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "brand",
@@ -25717,16 +25552,6 @@
               "fieldName": "theme",
               "attribute": "theme"
             },
-            {
-              "name": "system",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "deprecated": "Use `theme=\"auto\"` instead.\nWhen true, auto-detects the preferred color scheme via the\n`prefers-color-scheme` media query, overriding the `theme` prop.",
-              "fieldName": "system",
-              "attribute": "system"
-            },
             {
               "name": "brand",
               "type": {
@@ -25759,8 +25584,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-theme",
           "customElement": true,
@@ -25846,14 +25671,6 @@
             "name": "HxTheme",
             "module": "./hx-theme.js"
           }
-        },
-        {
-          "kind": "js",
-          "name": "WcTheme",
-          "declaration": {
-            "name": "WcTheme",
-            "module": "./hx-theme.js"
-          }
         }
       ]
     },
@@ -26107,24 +25924,10 @@
               "reflects": true
             },
             {
-              "kind": "method",
-              "name": "checkValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Checks whether the field satisfies its constraints."
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
-              },
-              "description": "Reports validity and shows the browser's constraint validation UI."
+              "kind": "field",
+              "name": "_id",
+              "privacy": "private",
+              "readonly": true
             },
             {
               "kind": "method",
@@ -26257,6 +26060,12 @@
               "attribute": "format"
             }
           ],
+          "mixins": [
+            {
+              "name": "FormMixin",
+              "module": "/src/mixins/FormMixin.js"
+            }
+          ],
           "superclass": {
             "name": "HelixElement",
             "module": "/src/base/index.js"
@@ -26297,6 +26106,14 @@
             "name": "HelixTimePicker",
             "module": "./hx-time-picker.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxTimePickerChangeDetail",
+          "declaration": {
+            "name": "HxTimePickerChangeDetail",
+            "module": "./hx-time-picker.js"
+          }
         }
       ]
     },
@@ -26373,8 +26190,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-toast-stack",
           "customElement": true,
@@ -26621,8 +26438,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-toast",
           "customElement": true,
@@ -27132,6 +26949,14 @@
             "name": "HelixToggleButton",
             "module": "./hx-toggle-button.js"
           }
+        },
+        {
+          "kind": "js",
+          "name": "HxToggleDetail",
+          "declaration": {
+            "name": "HxToggleDetail",
+            "module": "./hx-toggle-button.js"
+          }
         }
       ]
     },
@@ -27279,8 +27104,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-tooltip",
           "customElement": true,
@@ -27461,8 +27286,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-top-nav",
           "customElement": true,
@@ -27712,8 +27537,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-tree-item",
           "customElement": true,
@@ -27822,8 +27647,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-tree-view",
           "customElement": true,
@@ -27909,22 +27734,6 @@
             "name": "HxTreeItemSelectDetail",
             "module": "./hx-tree-item.js"
           }
-        },
-        {
-          "kind": "js",
-          "name": "WcTreeView",
-          "declaration": {
-            "name": "WcTreeView",
-            "module": "./hx-tree-view.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "WcTreeItem",
-          "declaration": {
-            "name": "WcTreeItem",
-            "module": "./hx-tree-item.js"
-          }
         }
       ]
     },
@@ -27973,8 +27782,8 @@
             }
           ],
           "superclass": {
-            "name": "LitElement",
-            "package": "lit"
+            "name": "HelixElement",
+            "module": "/src/base/index.js"
           },
           "tagName": "hx-visually-hidden",
           "customElement": true,