@helixui/library 3.6.0 → 3.8.0

package/custom-elements.json

@@ -229,8 +229,53 @@
           "tagName": "hx-action-bar",
           "customElement": true,
           "summary": "Horizontal action bar for grouping related controls.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "navigate": [
+                "Arrow"
+              ],
+              "activate": [
+                "Enter",
+                "Space"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "toolbar",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-action-bar/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-action-bar"
+            }
           }
         }
       ],
@@ -1054,8 +1099,48 @@
           "tagName": "hx-alert",
           "customElement": true,
           "summary": "Feedback alert for status messages with variant-based styling and ARIA live regions.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "dismiss": [
+                "Escape"
+              ]
+            },
+            "ariaPattern": "alert",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/alert/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.6.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-alert/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-alert"
+            }
           }
         }
       ],
@@ -2384,8 +2469,48 @@
           "tagName": "hx-banner",
           "customElement": true,
           "summary": "Full-width page-level banner for persistent notifications with variant-based styling and ARIA live regions.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-09",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "dismiss": [
+                "Escape"
+              ]
+            },
+            "ariaPattern": "alert",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/alert/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-09",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-banner/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-banner"
+            }
           }
         }
       ],
@@ -2786,8 +2911,48 @@
           "tagName": "hx-breadcrumb",
           "customElement": true,
           "summary": "Navigation breadcrumb showing the page hierarchy. Works with Drupal's breadcrumb system.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "navigate": [
+                "Arrow"
+              ]
+            },
+            "ariaPattern": "breadcrumb",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-breadcrumb/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-breadcrumb"
+            }
           }
         },
         {
@@ -3350,8 +3515,50 @@
           "tagName": "hx-button",
           "customElement": true,
           "summary": "Primary interactive element for triggering actions and form submission.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "activate": [
+                "Enter",
+                "Space"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "button",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/button/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.6.0",
+            "formAssociated": true,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-button/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-button"
+            }
           }
         }
       ],
@@ -3503,8 +3710,53 @@
           "tagName": "hx-button-group",
           "customElement": true,
           "summary": "Groups hx-button elements into a horizontal or vertical action set with shared borders.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "navigate": [
+                "Arrow"
+              ],
+              "activate": [
+                "Enter",
+                "Space"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "toolbar",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/toolbar/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-button-group/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-button-group"
+            }
           }
         }
       ],
@@ -5143,8 +5395,49 @@
           "tagName": "hx-checkbox",
           "customElement": true,
           "summary": "Form-associated checkbox with built-in label, error, and help text.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "activate": [
+                "Space"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "checkbox",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.6.0",
+            "formAssociated": true,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-checkbox/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-checkbox"
+            }
           }
         }
       ],
@@ -5481,8 +5774,49 @@
           "tagName": "hx-checkbox-group",
           "customElement": true,
           "summary": "Form-associated checkbox group with label, validation, help text, and multi-value form submission.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "navigate": [
+                "Tab"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "group",
+            "ariaPatternSource": "https://www.w3.org/TR/wai-aria-1.2/#group",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": true,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-checkbox-group/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-checkbox-group"
+            }
           }
         }
       ],
@@ -5984,8 +6318,47 @@
           "tagName": "hx-clinical-status",
           "customElement": true,
           "summary": "Clinical status indicator for standardized healthcare alert fatigue prevention.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-09",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "dismiss": [
+                "Escape"
+              ]
+            },
+            "ariaPattern": "alert",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/alert/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": true,
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-09",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-clinical-status/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-clinical-status"
+            }
           }
         }
       ],
@@ -7421,8 +7794,59 @@
           "tagName": "hx-color-picker",
           "customElement": true,
           "summary": "Color selection control with swatches, gradient picker, and formatted input.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "navigate": [
+                "ArrowLeft",
+                "ArrowRight",
+                "ArrowUp",
+                "ArrowDown",
+                "Home",
+                "End",
+                "PageUp",
+                "PageDown"
+              ],
+              "dismiss": [
+                "Escape"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "slider",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/slider/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": true,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-color-picker/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-color-picker"
+            }
           }
         },
         {
@@ -8247,8 +8671,57 @@
           "tagName": "hx-combobox",
           "customElement": true,
           "summary": "Form-associated combobox with autocomplete, filtering, and keyboard navigation.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "navigate": [
+                "Arrow",
+                "Home",
+                "End"
+              ],
+              "activate": [
+                "Enter"
+              ],
+              "dismiss": [
+                "Escape"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "combobox",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/combobox/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": true,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-combobox/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-combobox"
+            }
           }
         }
       ],
@@ -8821,8 +9294,50 @@
           "tagName": "hx-copy-button",
           "customElement": true,
           "summary": "One-click clipboard copy with accessible success feedback.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "activate": [
+                "Enter",
+                "Space"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "button",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/button/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-copy-button/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-copy-button"
+            }
           }
         }
       ],
@@ -9171,587 +9686,438 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/hx-date-picker/hx-date-picker.ts",
+      "path": "src/components/hx-data-table/hx-data-table.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "Date picker component for selecting dates with keyboard-accessible calendar popup.",
-          "name": "HelixDatePicker",
+          "description": "An enterprise data table with sorting, row selection, and keyboard navigation.",
+          "name": "HelixDataTable",
           "cssProperties": [
             {
-              "description": "Input background color.",
-              "name": "--hx-date-picker-bg",
-              "default": "var(--hx-color-neutral-0)"
+              "description": "Header background color.",
+              "name": "--hx-data-table-header-bg",
+              "default": "var(--hx-color-neutral-50)"
             },
             {
-              "description": "Input text color.",
-              "name": "--hx-date-picker-color",
-              "default": "var(--hx-color-neutral-800)"
+              "description": "Header text color.",
+              "name": "--hx-data-table-header-color",
+              "default": "var(--hx-color-neutral-700)"
             },
             {
-              "description": "Border color.",
-              "name": "--hx-date-picker-border-color",
-              "default": "var(--hx-color-neutral-300)"
+              "description": "Cell text color.",
+              "name": "--hx-data-table-cell-color",
+              "default": "var(--hx-color-neutral-900)"
             },
             {
-              "description": "Border radius.",
-              "name": "--hx-date-picker-border-radius",
-              "default": "var(--hx-border-radius-md)"
+              "description": "Row border color.",
+              "name": "--hx-data-table-border-color",
+              "default": "var(--hx-color-neutral-200)"
             },
             {
-              "description": "Font family.",
-              "name": "--hx-date-picker-font-family",
-              "default": "var(--hx-font-family-sans)"
+              "description": "Row hover background.",
+              "name": "--hx-data-table-row-hover-bg",
+              "default": "var(--hx-color-neutral-50)"
             },
             {
-              "description": "Focus ring color.",
-              "name": "--hx-date-picker-focus-ring-color",
-              "default": "var(--hx-focus-ring-color)"
+              "description": "Selected row background.",
+              "name": "--hx-data-table-row-selected-bg",
+              "default": "var(--hx-color-primary-50)"
             },
             {
-              "description": "Error state color.",
-              "name": "--hx-date-picker-error-color",
-              "default": "var(--hx-color-error-500)"
+              "description": "Empty state text color.",
+              "name": "--hx-data-table-empty-color",
+              "default": "var(--hx-color-neutral-600)"
             },
             {
-              "description": "Label text color.",
-              "name": "--hx-date-picker-label-color",
-              "default": "var(--hx-color-neutral-700)"
+              "description": "Minimum table width before horizontal scrolling.",
+              "name": "--hx-data-table-min-width",
+              "default": "600px"
             },
             {
-              "description": "Trigger icon color.",
-              "name": "--hx-date-picker-trigger-color",
-              "default": "var(--hx-color-neutral-500)"
+              "description": "CSS custom property.",
+              "name": "--hx-data-table-font-family",
+              "default": "var(--hx-font-family-sans)"
             },
             {
-              "description": "Calendar background color.",
-              "name": "--hx-date-picker-calendar-bg",
-              "default": "var(--hx-color-neutral-0)"
+              "description": "CSS custom property.",
+              "name": "--hx-data-table-shimmer-duration",
+              "default": "1.5s"
             },
             {
-              "description": "Calendar border color.",
-              "name": "--hx-date-picker-calendar-border-color",
-              "default": "var(--hx-color-neutral-200)"
+              "description": "Font family.",
+              "name": "--hx-font-family-sans"
             },
             {
-              "description": "Calendar minimum width.",
-              "name": "--hx-date-picker-calendar-min-width",
-              "default": "18rem"
+              "description": "Font size.",
+              "name": "--hx-font-size-sm"
             },
             {
-              "description": "Selected day background.",
-              "name": "--hx-date-picker-selected-bg",
-              "default": "var(--hx-color-primary-500)"
+              "description": "Spacing token.",
+              "name": "--hx-space-3"
             },
             {
-              "description": "Selected day text color.",
-              "name": "--hx-date-picker-selected-color",
-              "default": "var(--hx-color-neutral-0)"
+              "description": "Spacing token.",
+              "name": "--hx-space-4"
             },
             {
-              "description": "Today indicator color.",
-              "name": "--hx-date-picker-today-color",
-              "default": "var(--hx-color-primary-600)"
+              "description": "Width.",
+              "name": "--hx-border-width-thin"
             },
             {
-              "description": "Calendar popup box shadow.",
-              "name": "--hx-date-picker-calendar-shadow",
-              "default": "0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1)"
+              "description": "Font weight.",
+              "name": "--hx-font-weight-semibold"
             },
             {
-              "description": "Border radius.",
-              "name": "--hx-date-picker-calendar-border-radius",
-              "default": "var(--hx-border-radius-lg)"
+              "description": "Minimum touch target size.",
+              "name": "--hx-touch-target-min"
             },
             {
-              "description": "Background color.",
-              "name": "--hx-date-picker-selected-hover-bg",
-              "default": "var(--hx-color-primary-600)"
+              "description": "Spacing token.",
+              "name": "--hx-space-2"
             },
             {
-              "description": "Color.",
-              "name": "--hx-date-picker-trigger-hover-color",
-              "default": "var(--hx-color-neutral-700)"
+              "description": "Spacing token.",
+              "name": "--hx-space-1"
             },
             {
-              "description": "CSS custom property.",
-              "name": "--hx-border-radius-lg"
+              "description": "Width.",
+              "name": "--hx-focus-ring-width"
             },
             {
-              "description": "CSS custom property.",
-              "name": "--hx-border-radius-md"
+              "description": "Color.",
+              "name": "--hx-focus-ring-color"
             },
             {
               "description": "CSS custom property.",
-              "name": "--hx-border-radius-sm"
-            },
-            {
-              "description": "Width.",
-              "name": "--hx-border-width-thin"
+              "name": "--hx-focus-ring-offset"
             },
             {
-              "description": "Color.",
-              "name": "--hx-color-error-500"
+              "description": "CSS custom property.",
+              "name": "--hx-border-radius-sm"
             },
             {
-              "description": "Color.",
-              "name": "--hx-color-error-text"
+              "description": "Opacity.",
+              "name": "--hx-opacity-25"
             },
             {
-              "description": "Color.",
-              "name": "--hx-color-neutral-0"
+              "description": "Transition timing.",
+              "name": "--hx-transition-fast"
             },
             {
-              "description": "Color.",
-              "name": "--hx-color-neutral-100"
+              "description": "Opacity.",
+              "name": "--hx-opacity-100"
             },
             {
               "description": "Color.",
-              "name": "--hx-color-neutral-200"
+              "name": "--hx-color-primary-500"
             },
             {
-              "description": "Color.",
-              "name": "--hx-color-neutral-300"
+              "description": "Size token.",
+              "name": "--hx-size-4"
             },
             {
               "description": "Color.",
-              "name": "--hx-color-neutral-400"
+              "name": "--hx-color-neutral-50"
             },
             {
               "description": "Color.",
-              "name": "--hx-color-neutral-500"
+              "name": "--hx-color-neutral-200"
             },
             {
               "description": "Color.",
-              "name": "--hx-color-neutral-600"
+              "name": "--hx-color-neutral-100"
             },
             {
               "description": "Color.",
               "name": "--hx-color-neutral-700"
             },
-            {
-              "description": "Color.",
-              "name": "--hx-color-neutral-800"
-            },
             {
               "description": "Color.",
               "name": "--hx-color-neutral-900"
             },
             {
               "description": "Color.",
-              "name": "--hx-color-primary-400"
-            },
-            {
-              "description": "Color.",
-              "name": "--hx-color-primary-500"
-            },
-            {
-              "description": "Color.",
-              "name": "--hx-color-primary-600"
+              "name": "--hx-color-neutral-600"
             },
             {
               "description": "Color.",
-              "name": "--hx-focus-ring-color"
-            },
-            {
-              "description": "CSS custom property.",
-              "name": "--hx-focus-ring-opacity"
-            },
-            {
-              "description": "Width.",
-              "name": "--hx-focus-ring-width"
-            },
-            {
-              "description": "Font family.",
-              "name": "--hx-font-family-sans"
-            },
-            {
-              "description": "Font size.",
-              "name": "--hx-font-size-lg"
-            },
-            {
-              "description": "Font size.",
-              "name": "--hx-font-size-md"
-            },
-            {
-              "description": "Font size.",
-              "name": "--hx-font-size-sm"
-            },
-            {
-              "description": "Font size.",
-              "name": "--hx-font-size-xs"
-            },
-            {
-              "description": "Font weight.",
-              "name": "--hx-font-weight-bold"
-            },
-            {
-              "description": "Font weight.",
-              "name": "--hx-font-weight-medium"
-            },
-            {
-              "description": "Font weight.",
-              "name": "--hx-font-weight-semibold"
-            },
-            {
-              "description": "Line height.",
-              "name": "--hx-line-height-normal"
+              "name": "--hx-color-primary-50"
             },
             {
               "description": "Opacity.",
-              "name": "--hx-opacity-disabled"
-            },
-            {
-              "description": "Box shadow.",
-              "name": "--hx-shadow-md"
-            },
-            {
-              "description": "Size token.",
-              "name": "--hx-size-10"
-            },
-            {
-              "description": "Size token.",
-              "name": "--hx-size-8"
-            },
-            {
-              "description": "Spacing token.",
-              "name": "--hx-space-1"
-            },
-            {
-              "description": "Spacing token.",
-              "name": "--hx-space-2"
+              "name": "--hx-opacity-50"
             },
             {
               "description": "Spacing token.",
-              "name": "--hx-space-3"
-            },
-            {
-              "description": "Minimum touch target size.",
-              "name": "--hx-touch-target-min"
-            },
-            {
-              "description": "Transition timing.",
-              "name": "--hx-transition-fast"
-            },
-            {
-              "description": "Z-index layer.",
-              "name": "--hx-z-index-dropdown"
+              "name": "--hx-space-8"
             }
           ],
           "cssParts": [
             {
-              "description": "The outer field container.",
-              "name": "field"
-            },
-            {
-              "description": "The label element.",
-              "name": "label"
-            },
-            {
-              "description": "The wrapper around input and trigger.",
-              "name": "input-wrapper"
+              "description": "The `<table>` element.",
+              "name": "table"
             },
             {
-              "description": "The readonly text input displaying the formatted date.",
-              "name": "input"
+              "description": "The `<thead>` element.",
+              "name": "thead"
             },
             {
-              "description": "The calendar icon button.",
-              "name": "trigger"
+              "description": "The `<tbody>` element.",
+              "name": "tbody"
             },
             {
-              "description": "The calendar popup dialog.",
-              "name": "calendar"
+              "description": "Each `<tr>` element.",
+              "name": "tr"
             },
             {
-              "description": "The month navigation header.",
-              "name": "month-nav"
+              "description": "Each `<th>` element.",
+              "name": "th"
             },
             {
-              "description": "An individual day button in the calendar grid.",
-              "name": "day"
+              "description": "Each `<td>` element.",
+              "name": "td"
             },
             {
-              "description": "The help text container.",
-              "name": "help-text"
+              "description": "The sort indicator icon `<span>` inside sortable headers.",
+              "name": "sort-icon"
             },
             {
-              "description": "The error message container.",
-              "name": "error"
+              "description": "Each `<input type=\"checkbox\">` element.",
+              "name": "checkbox"
             }
           ],
           "slots": [
             {
-              "description": "Custom label content (overrides the label property).",
-              "name": "label"
+              "description": "Content rendered above the table (e.g., search, actions).",
+              "name": "toolbar"
             },
             {
-              "description": "Custom help text content (overrides the helpText property).",
-              "name": "help-text"
+              "description": "Custom empty-state content rendered when `rows` is empty and not loading.",
+              "name": "empty"
             },
             {
-              "description": "Custom error content (overrides the error property).",
-              "name": "error"
+              "description": "Custom loading content rendered when `loading` is true.",
+              "name": "loading"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "name",
+              "name": "columns",
               "type": {
-                "text": "string"
+                "text": "HxDataTableColumn[]"
               },
-              "default": "''",
-              "description": "The name of the field, used for form submission.",
-              "attribute": "name",
-              "reflects": true
+              "default": "[]",
+              "description": "Column definitions. Each item: `{ key, label, sortable?, width? }`.\nCan be set as a JS array or a JSON string (e.g., from a Drupal Twig attribute).",
+              "attribute": "columns"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "rows",
               "type": {
-                "text": "string"
+                "text": "Record<string, unknown>[]"
               },
-              "default": "''",
-              "description": "The current value as an ISO 8601 date string (e.g. 2026-03-04).",
-              "attribute": "value"
+              "default": "[]",
+              "description": "Row data. Each item is a plain object keyed by column `key` values.\nCan be set as a JS array or a JSON string (e.g., from a Drupal Twig attribute).",
+              "attribute": "rows"
             },
             {
               "kind": "field",
-              "name": "min",
+              "name": "selectable",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The minimum selectable date as an ISO 8601 string.",
-              "attribute": "min"
+              "default": "false",
+              "description": "When true, renders a checkbox column for row selection.",
+              "attribute": "selectable",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "max",
+              "name": "sortKey",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The maximum selectable date as an ISO 8601 string.",
-              "attribute": "max"
+              "description": "The column key currently used for sorting.",
+              "attribute": "sort-key"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "sortDirection",
               "type": {
-                "text": "string"
+                "text": "'asc' | 'desc'"
               },
-              "default": "''",
-              "description": "The visible label text.",
-              "attribute": "label"
+              "default": "'asc'",
+              "description": "Current sort direction.",
+              "attribute": "sort-direction"
             },
             {
               "kind": "field",
-              "name": "required",
+              "name": "loading",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the field is required for form submission.",
-              "attribute": "required",
+              "description": "When true, renders a loading skeleton and sets `aria-busy=\"true\"` on the host.",
+              "attribute": "loading",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "disabled",
+              "name": "emptyLabel",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Whether the field is disabled.",
-              "attribute": "disabled",
-              "reflects": true
+              "default": "'No data'",
+              "description": "Text displayed in the default empty state when `rows` is empty and not loading.",
+              "attribute": "empty-label"
             },
             {
               "kind": "field",
-              "name": "error",
+              "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Error message to display. When set, the field enters an error state.",
-              "attribute": "error"
+              "description": "Accessible name for the table. Exposed via `aria-label` on the `<table>` element.\nRequired when the table has columns — a missing label is a WCAG 4.1.2 violation.",
+              "attribute": "label"
             },
             {
               "kind": "field",
-              "name": "helpText",
+              "name": "selectAllLabel",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Help text displayed below the field for guidance.",
-              "attribute": "help-text"
+              "default": "'Select all rows'",
+              "description": "Accessible label for the \"select all rows\" checkbox in the table header.",
+              "attribute": "select-all-label"
             },
             {
               "kind": "field",
-              "name": "format",
+              "name": "stickyHeader",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'MM/DD/YYYY'",
-              "description": "Display format hint shown as placeholder (e.g. MM/DD/YYYY).",
-              "attribute": "format"
+              "default": "false",
+              "description": "When true, the header row is sticky (position: sticky; top: 0).",
+              "attribute": "sticky-header",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "locale",
+              "name": "page",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "'en-US'",
-              "description": "Locale string used for formatting the display value.",
-              "attribute": "locale"
+              "default": "1",
+              "description": "Current page (1-based). Set to 0 or leave at default (0) to disable pagination.",
+              "attribute": "page"
             },
             {
               "kind": "field",
-              "name": "requiredMessage",
+              "name": "pageSize",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "'This field is required.'",
-              "description": "Validation message shown when the field is required but empty.",
-              "attribute": "required-message"
-            },
+              "default": "0",
+              "description": "Number of rows per page. Set to 0 to disable pagination (show all rows).",
+              "attribute": "page-size"
+            }
+          ],
+          "events": [
             {
-              "kind": "field",
-              "name": "chooseDateLabel",
+              "name": "hx-sort",
               "type": {
-                "text": "string"
+                "text": "CustomEvent<HxDataTableSortState>"
               },
-              "default": "'Choose a date'",
-              "description": "Accessible label for the calendar dialog.",
-              "attribute": "choose-date-label"
+              "description": "Dispatched when a sortable column header is clicked."
             },
             {
-              "kind": "field",
-              "name": "openCalendarLabel",
+              "name": "hx-row-click",
               "type": {
-                "text": "string"
+                "text": "CustomEvent<{row: Record<string, unknown>, index: number}>"
               },
-              "default": "'Open calendar'",
-              "description": "Accessible label for the calendar trigger button when the calendar is closed.",
-              "attribute": "open-calendar-label"
+              "description": "Dispatched when a data row is clicked."
             },
             {
-              "kind": "field",
-              "name": "closeCalendarLabel",
+              "name": "hx-select",
               "type": {
-                "text": "string"
+                "text": "CustomEvent<{selectedRows: Record<string, unknown>[]}>"
               },
-              "default": "'Close calendar'",
-              "description": "Accessible label for the calendar trigger button when the calendar is open.",
-              "attribute": "close-calendar-label"
-            },
+              "description": "Dispatched when row selection changes."
+            }
+          ],
+          "attributes": [
             {
-              "kind": "field",
-              "name": "previousMonthLabel",
+              "name": "columns",
               "type": {
-                "text": "string"
+                "text": "HxDataTableColumn[]"
               },
-              "default": "'Previous month'",
-              "description": "Accessible label for the previous month navigation button.",
-              "attribute": "previous-month-label"
-            },
-            {
-              "kind": "field",
-              "name": "nextMonthLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Next month'",
-              "description": "Accessible label for the next month navigation button.",
-              "attribute": "next-month-label"
+              "default": "[]",
+              "description": "Column definitions. Each item: `{ key, label, sortable?, width? }`.\nCan be set as a JS array or a JSON string (e.g., from a Drupal Twig attribute).",
+              "fieldName": "columns",
+              "attribute": "columns"
             },
             {
-              "kind": "field",
-              "name": "accessibleLabel",
+              "name": "rows",
               "type": {
-                "text": "string | null"
+                "text": "Record<string, unknown>[]"
               },
-              "default": "null",
-              "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. Highest-precedence naming source.",
-              "attribute": "accessible-label"
-            },
-            {
-              "kind": "field",
-              "name": "_handleDocumentClick",
-              "privacy": "private",
-              "readonly": true
+              "default": "[]",
+              "description": "Row data. Each item is a plain object keyed by column `key` values.\nCan be set as a JS array or a JSON string (e.g., from a Drupal Twig attribute).",
+              "fieldName": "rows",
+              "attribute": "rows"
             },
             {
-              "kind": "method",
-              "name": "focus",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ]
-            }
-          ],
-          "events": [
-            {
-              "name": "hx-change",
+              "name": "selectable",
               "type": {
-                "text": "CustomEvent<{value: string, date: Date | null}>"
+                "text": "boolean"
               },
-              "description": "Emitted when the selected date changes."
-            }
-          ],
-          "attributes": [
+              "default": "false",
+              "description": "When true, renders a checkbox column for row selection.",
+              "fieldName": "selectable",
+              "attribute": "selectable"
+            },
             {
-              "name": "name",
+              "name": "sort-key",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The name of the field, used for form submission.",
-              "fieldName": "name",
-              "attribute": "name"
+              "description": "The column key currently used for sorting.",
+              "fieldName": "sortKey",
+              "attribute": "sort-key"
             },
             {
-              "name": "value",
+              "name": "sort-direction",
               "type": {
-                "text": "string"
+                "text": "'asc' | 'desc'"
               },
-              "default": "''",
-              "description": "The current value as an ISO 8601 date string (e.g. 2026-03-04).",
-              "fieldName": "value",
-              "attribute": "value"
+              "default": "'asc'",
+              "description": "Current sort direction.",
+              "fieldName": "sortDirection",
+              "attribute": "sort-direction"
             },
             {
-              "name": "min",
+              "name": "loading",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The minimum selectable date as an ISO 8601 string.",
-              "fieldName": "min",
-              "attribute": "min"
+              "default": "false",
+              "description": "When true, renders a loading skeleton and sets `aria-busy=\"true\"` on the host.",
+              "fieldName": "loading",
+              "attribute": "loading"
             },
             {
-              "name": "max",
+              "name": "empty-label",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The maximum selectable date as an ISO 8601 string.",
-              "fieldName": "max",
-              "attribute": "max"
+              "default": "'No data'",
+              "description": "Text displayed in the default empty state when `rows` is empty and not loading.",
+              "fieldName": "emptyLabel",
+              "attribute": "empty-label"
             },
             {
               "name": "label",
@@ -9759,761 +10125,951 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The visible label text.",
+              "description": "Accessible name for the table. Exposed via `aria-label` on the `<table>` element.\nRequired when the table has columns — a missing label is a WCAG 4.1.2 violation.",
               "fieldName": "label",
               "attribute": "label"
             },
             {
-              "name": "required",
+              "name": "select-all-label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Whether the field is required for form submission.",
-              "fieldName": "required",
-              "attribute": "required"
+              "default": "'Select all rows'",
+              "description": "Accessible label for the \"select all rows\" checkbox in the table header.",
+              "fieldName": "selectAllLabel",
+              "attribute": "select-all-label"
             },
             {
-              "name": "disabled",
+              "name": "sticky-header",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the field is disabled.",
-              "fieldName": "disabled",
-              "attribute": "disabled"
-            },
-            {
-              "name": "error",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Error message to display. When set, the field enters an error state.",
-              "fieldName": "error",
-              "attribute": "error"
-            },
-            {
-              "name": "help-text",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Help text displayed below the field for guidance.",
-              "fieldName": "helpText",
-              "attribute": "help-text"
-            },
-            {
-              "name": "format",
-              "type": {
-                "text": "string"
-              },
-              "default": "'MM/DD/YYYY'",
-              "description": "Display format hint shown as placeholder (e.g. MM/DD/YYYY).",
-              "fieldName": "format",
-              "attribute": "format"
-            },
-            {
-              "name": "locale",
-              "type": {
-                "text": "string"
-              },
-              "default": "'en-US'",
-              "description": "Locale string used for formatting the display value.",
-              "fieldName": "locale",
-              "attribute": "locale"
-            },
-            {
-              "name": "required-message",
-              "type": {
-                "text": "string"
-              },
-              "default": "'This field is required.'",
-              "description": "Validation message shown when the field is required but empty.",
-              "fieldName": "requiredMessage",
-              "attribute": "required-message"
-            },
-            {
-              "name": "choose-date-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Choose a date'",
-              "description": "Accessible label for the calendar dialog.",
-              "fieldName": "chooseDateLabel",
-              "attribute": "choose-date-label"
-            },
-            {
-              "name": "open-calendar-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Open calendar'",
-              "description": "Accessible label for the calendar trigger button when the calendar is closed.",
-              "fieldName": "openCalendarLabel",
-              "attribute": "open-calendar-label"
-            },
-            {
-              "name": "close-calendar-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Close calendar'",
-              "description": "Accessible label for the calendar trigger button when the calendar is open.",
-              "fieldName": "closeCalendarLabel",
-              "attribute": "close-calendar-label"
-            },
-            {
-              "name": "previous-month-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Previous month'",
-              "description": "Accessible label for the previous month navigation button.",
-              "fieldName": "previousMonthLabel",
-              "attribute": "previous-month-label"
+              "description": "When true, the header row is sticky (position: sticky; top: 0).",
+              "fieldName": "stickyHeader",
+              "attribute": "sticky-header"
             },
             {
-              "name": "next-month-label",
+              "name": "page",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "'Next month'",
-              "description": "Accessible label for the next month navigation button.",
-              "fieldName": "nextMonthLabel",
-              "attribute": "next-month-label"
+              "default": "1",
+              "description": "Current page (1-based). Set to 0 or leave at default (0) to disable pagination.",
+              "fieldName": "page",
+              "attribute": "page"
             },
             {
-              "name": "accessible-label",
+              "name": "page-size",
               "type": {
-                "text": "string | null"
+                "text": "number"
               },
-              "default": "null",
-              "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. Highest-precedence naming source.",
-              "fieldName": "accessibleLabel",
-              "attribute": "accessible-label"
-            }
-          ],
-          "mixins": [
-            {
-              "name": "FormMixin",
-              "module": "/src/mixins/FormMixin.js"
+              "default": "0",
+              "description": "Number of rows per page. Set to 0 to disable pagination (show all rows).",
+              "fieldName": "pageSize",
+              "attribute": "page-size"
             }
           ],
           "superclass": {
             "name": "HelixElement",
             "module": "/src/base/index.js"
           },
-          "tagName": "hx-date-picker",
+          "tagName": "hx-data-table",
           "customElement": true,
-          "summary": "Form-associated date picker with calendar popup and WCAG 2.1 AA accessibility.",
+          "summary": "Enterprise data table with sorting, selection, and responsive scroll.",
           "helixMeta": {
-            "priorityTier": "P0"
+            "priorityTier": "P1"
           }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "HelixDatePicker",
+          "name": "HelixDataTable",
           "declaration": {
-            "name": "HelixDatePicker",
-            "module": "src/components/hx-date-picker/hx-date-picker.ts"
+            "name": "HelixDataTable",
+            "module": "src/components/hx-data-table/hx-data-table.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "hx-date-picker",
+          "name": "hx-data-table",
           "declaration": {
-            "name": "HelixDatePicker",
-            "module": "src/components/hx-date-picker/hx-date-picker.ts"
+            "name": "HelixDataTable",
+            "module": "src/components/hx-data-table/hx-data-table.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/hx-date-picker/index.ts",
+      "path": "src/components/hx-data-table/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "HelixDatePicker",
+          "name": "HelixDataTable",
           "declaration": {
-            "name": "HelixDatePicker",
-            "module": "./hx-date-picker.js"
+            "name": "HelixDataTable",
+            "module": "./hx-data-table.js"
           }
         },
         {
           "kind": "js",
-          "name": "HxDatePickerChangeDetail",
+          "name": "HxDataTableColumn",
           "declaration": {
-            "name": "HxDatePickerChangeDetail",
-            "module": "./hx-date-picker.js"
+            "name": "HxDataTableColumn",
+            "module": "./hx-data-table.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "HxDataTableSortState",
+          "declaration": {
+            "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"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/hx-data-table/hx-data-table.ts",
+      "path": "src/components/hx-date-picker/hx-date-picker.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "An enterprise data table with sorting, row selection, and keyboard navigation.",
-          "name": "HelixDataTable",
+          "description": "Date picker component for selecting dates with keyboard-accessible calendar popup.",
+          "name": "HelixDatePicker",
           "cssProperties": [
             {
-              "description": "Header background color.",
-              "name": "--hx-data-table-header-bg",
-              "default": "var(--hx-color-neutral-50)"
-            },
-            {
-              "description": "Header text color.",
-              "name": "--hx-data-table-header-color",
-              "default": "var(--hx-color-neutral-700)"
+              "description": "Input background color.",
+              "name": "--hx-date-picker-bg",
+              "default": "var(--hx-color-neutral-0)"
             },
             {
-              "description": "Cell text color.",
-              "name": "--hx-data-table-cell-color",
-              "default": "var(--hx-color-neutral-900)"
+              "description": "Input text color.",
+              "name": "--hx-date-picker-color",
+              "default": "var(--hx-color-neutral-800)"
             },
             {
-              "description": "Row border color.",
-              "name": "--hx-data-table-border-color",
-              "default": "var(--hx-color-neutral-200)"
+              "description": "Border color.",
+              "name": "--hx-date-picker-border-color",
+              "default": "var(--hx-color-neutral-300)"
             },
             {
-              "description": "Row hover background.",
-              "name": "--hx-data-table-row-hover-bg",
-              "default": "var(--hx-color-neutral-50)"
+              "description": "Border radius.",
+              "name": "--hx-date-picker-border-radius",
+              "default": "var(--hx-border-radius-md)"
             },
             {
-              "description": "Selected row background.",
-              "name": "--hx-data-table-row-selected-bg",
-              "default": "var(--hx-color-primary-50)"
+              "description": "Font family.",
+              "name": "--hx-date-picker-font-family",
+              "default": "var(--hx-font-family-sans)"
             },
             {
-              "description": "Empty state text color.",
-              "name": "--hx-data-table-empty-color",
-              "default": "var(--hx-color-neutral-600)"
+              "description": "Focus ring color.",
+              "name": "--hx-date-picker-focus-ring-color",
+              "default": "var(--hx-focus-ring-color)"
             },
             {
-              "description": "Minimum table width before horizontal scrolling.",
-              "name": "--hx-data-table-min-width",
-              "default": "600px"
+              "description": "Error state color.",
+              "name": "--hx-date-picker-error-color",
+              "default": "var(--hx-color-error-500)"
             },
             {
-              "description": "CSS custom property.",
-              "name": "--hx-data-table-font-family",
-              "default": "var(--hx-font-family-sans)"
+              "description": "Label text color.",
+              "name": "--hx-date-picker-label-color",
+              "default": "var(--hx-color-neutral-700)"
             },
             {
-              "description": "CSS custom property.",
-              "name": "--hx-data-table-shimmer-duration",
-              "default": "1.5s"
+              "description": "Trigger icon color.",
+              "name": "--hx-date-picker-trigger-color",
+              "default": "var(--hx-color-neutral-500)"
             },
             {
-              "description": "Font family.",
-              "name": "--hx-font-family-sans"
+              "description": "Calendar background color.",
+              "name": "--hx-date-picker-calendar-bg",
+              "default": "var(--hx-color-neutral-0)"
             },
             {
-              "description": "Font size.",
-              "name": "--hx-font-size-sm"
+              "description": "Calendar border color.",
+              "name": "--hx-date-picker-calendar-border-color",
+              "default": "var(--hx-color-neutral-200)"
             },
             {
-              "description": "Spacing token.",
-              "name": "--hx-space-3"
+              "description": "Calendar minimum width.",
+              "name": "--hx-date-picker-calendar-min-width",
+              "default": "18rem"
             },
             {
-              "description": "Spacing token.",
-              "name": "--hx-space-4"
+              "description": "Selected day background.",
+              "name": "--hx-date-picker-selected-bg",
+              "default": "var(--hx-color-primary-500)"
             },
             {
-              "description": "Width.",
-              "name": "--hx-border-width-thin"
+              "description": "Selected day text color.",
+              "name": "--hx-date-picker-selected-color",
+              "default": "var(--hx-color-neutral-0)"
             },
             {
-              "description": "Font weight.",
-              "name": "--hx-font-weight-semibold"
+              "description": "Today indicator color.",
+              "name": "--hx-date-picker-today-color",
+              "default": "var(--hx-color-primary-600)"
             },
             {
-              "description": "Minimum touch target size.",
-              "name": "--hx-touch-target-min"
+              "description": "Calendar popup box shadow.",
+              "name": "--hx-date-picker-calendar-shadow",
+              "default": "0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1)"
             },
             {
-              "description": "Spacing token.",
-              "name": "--hx-space-2"
+              "description": "Border radius.",
+              "name": "--hx-date-picker-calendar-border-radius",
+              "default": "var(--hx-border-radius-lg)"
             },
             {
-              "description": "Spacing token.",
-              "name": "--hx-space-1"
+              "description": "Background color.",
+              "name": "--hx-date-picker-selected-hover-bg",
+              "default": "var(--hx-color-primary-600)"
             },
             {
-              "description": "Width.",
-              "name": "--hx-focus-ring-width"
+              "description": "Color.",
+              "name": "--hx-date-picker-trigger-hover-color",
+              "default": "var(--hx-color-neutral-700)"
             },
             {
-              "description": "Color.",
-              "name": "--hx-focus-ring-color"
+              "description": "CSS custom property.",
+              "name": "--hx-border-radius-lg"
             },
             {
               "description": "CSS custom property.",
-              "name": "--hx-focus-ring-offset"
+              "name": "--hx-border-radius-md"
             },
             {
               "description": "CSS custom property.",
               "name": "--hx-border-radius-sm"
             },
             {
-              "description": "Opacity.",
-              "name": "--hx-opacity-25"
+              "description": "Width.",
+              "name": "--hx-border-width-thin"
             },
             {
-              "description": "Transition timing.",
-              "name": "--hx-transition-fast"
+              "description": "Color.",
+              "name": "--hx-color-error-500"
             },
             {
-              "description": "Opacity.",
-              "name": "--hx-opacity-100"
+              "description": "Color.",
+              "name": "--hx-color-error-text"
             },
             {
               "description": "Color.",
-              "name": "--hx-color-primary-500"
+              "name": "--hx-color-neutral-0"
             },
             {
-              "description": "Size token.",
-              "name": "--hx-size-4"
+              "description": "Color.",
+              "name": "--hx-color-neutral-100"
             },
             {
               "description": "Color.",
-              "name": "--hx-color-neutral-50"
+              "name": "--hx-color-neutral-200"
             },
             {
               "description": "Color.",
-              "name": "--hx-color-neutral-200"
+              "name": "--hx-color-neutral-300"
             },
             {
               "description": "Color.",
-              "name": "--hx-color-neutral-100"
+              "name": "--hx-color-neutral-400"
+            },
+            {
+              "description": "Color.",
+              "name": "--hx-color-neutral-500"
+            },
+            {
+              "description": "Color.",
+              "name": "--hx-color-neutral-600"
             },
             {
               "description": "Color.",
               "name": "--hx-color-neutral-700"
             },
+            {
+              "description": "Color.",
+              "name": "--hx-color-neutral-800"
+            },
             {
               "description": "Color.",
               "name": "--hx-color-neutral-900"
             },
             {
               "description": "Color.",
-              "name": "--hx-color-neutral-600"
+              "name": "--hx-color-primary-400"
             },
             {
               "description": "Color.",
-              "name": "--hx-color-primary-50"
+              "name": "--hx-color-primary-500"
+            },
+            {
+              "description": "Color.",
+              "name": "--hx-color-primary-600"
+            },
+            {
+              "description": "Color.",
+              "name": "--hx-focus-ring-color"
+            },
+            {
+              "description": "CSS custom property.",
+              "name": "--hx-focus-ring-opacity"
+            },
+            {
+              "description": "Width.",
+              "name": "--hx-focus-ring-width"
+            },
+            {
+              "description": "Font family.",
+              "name": "--hx-font-family-sans"
+            },
+            {
+              "description": "Font size.",
+              "name": "--hx-font-size-lg"
+            },
+            {
+              "description": "Font size.",
+              "name": "--hx-font-size-md"
+            },
+            {
+              "description": "Font size.",
+              "name": "--hx-font-size-sm"
+            },
+            {
+              "description": "Font size.",
+              "name": "--hx-font-size-xs"
+            },
+            {
+              "description": "Font weight.",
+              "name": "--hx-font-weight-bold"
+            },
+            {
+              "description": "Font weight.",
+              "name": "--hx-font-weight-medium"
+            },
+            {
+              "description": "Font weight.",
+              "name": "--hx-font-weight-semibold"
+            },
+            {
+              "description": "Line height.",
+              "name": "--hx-line-height-normal"
             },
             {
               "description": "Opacity.",
-              "name": "--hx-opacity-50"
+              "name": "--hx-opacity-disabled"
+            },
+            {
+              "description": "Box shadow.",
+              "name": "--hx-shadow-md"
+            },
+            {
+              "description": "Size token.",
+              "name": "--hx-size-10"
+            },
+            {
+              "description": "Size token.",
+              "name": "--hx-size-8"
             },
             {
               "description": "Spacing token.",
-              "name": "--hx-space-8"
+              "name": "--hx-space-1"
+            },
+            {
+              "description": "Spacing token.",
+              "name": "--hx-space-2"
+            },
+            {
+              "description": "Spacing token.",
+              "name": "--hx-space-3"
+            },
+            {
+              "description": "Minimum touch target size.",
+              "name": "--hx-touch-target-min"
+            },
+            {
+              "description": "Transition timing.",
+              "name": "--hx-transition-fast"
+            },
+            {
+              "description": "Z-index layer.",
+              "name": "--hx-z-index-dropdown"
             }
           ],
           "cssParts": [
             {
-              "description": "The `<table>` element.",
-              "name": "table"
+              "description": "The outer field container.",
+              "name": "field"
             },
             {
-              "description": "The `<thead>` element.",
-              "name": "thead"
+              "description": "The label element.",
+              "name": "label"
             },
             {
-              "description": "The `<tbody>` element.",
-              "name": "tbody"
+              "description": "The wrapper around input and trigger.",
+              "name": "input-wrapper"
             },
             {
-              "description": "Each `<tr>` element.",
-              "name": "tr"
+              "description": "The readonly text input displaying the formatted date.",
+              "name": "input"
             },
             {
-              "description": "Each `<th>` element.",
-              "name": "th"
+              "description": "The calendar icon button.",
+              "name": "trigger"
             },
             {
-              "description": "Each `<td>` element.",
-              "name": "td"
+              "description": "The calendar popup dialog.",
+              "name": "calendar"
             },
             {
-              "description": "The sort indicator icon `<span>` inside sortable headers.",
-              "name": "sort-icon"
+              "description": "The month navigation header.",
+              "name": "month-nav"
             },
             {
-              "description": "Each `<input type=\"checkbox\">` element.",
-              "name": "checkbox"
+              "description": "An individual day button in the calendar grid.",
+              "name": "day"
+            },
+            {
+              "description": "The help text container.",
+              "name": "help-text"
+            },
+            {
+              "description": "The error message container.",
+              "name": "error"
             }
           ],
           "slots": [
             {
-              "description": "Content rendered above the table (e.g., search, actions).",
-              "name": "toolbar"
+              "description": "Custom label content (overrides the label property).",
+              "name": "label"
             },
             {
-              "description": "Custom empty-state content rendered when `rows` is empty and not loading.",
-              "name": "empty"
+              "description": "Custom help text content (overrides the helpText property).",
+              "name": "help-text"
             },
             {
-              "description": "Custom loading content rendered when `loading` is true.",
-              "name": "loading"
+              "description": "Custom error content (overrides the error property).",
+              "name": "error"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "columns",
+              "name": "name",
               "type": {
-                "text": "HxDataTableColumn[]"
+                "text": "string"
               },
-              "default": "[]",
-              "description": "Column definitions. Each item: `{ key, label, sortable?, width? }`.\nCan be set as a JS array or a JSON string (e.g., from a Drupal Twig attribute).",
-              "attribute": "columns"
+              "default": "''",
+              "description": "The name of the field, used for form submission.",
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "rows",
+              "name": "value",
               "type": {
-                "text": "Record<string, unknown>[]"
+                "text": "string"
               },
-              "default": "[]",
-              "description": "Row data. Each item is a plain object keyed by column `key` values.\nCan be set as a JS array or a JSON string (e.g., from a Drupal Twig attribute).",
-              "attribute": "rows"
+              "default": "''",
+              "description": "The current value as an ISO 8601 date string (e.g. 2026-03-04).",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The minimum selectable date as an ISO 8601 string.",
+              "attribute": "min"
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The maximum selectable date as an ISO 8601 string.",
+              "attribute": "max"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The visible label text.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the field is required for form submission.",
+              "attribute": "required",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the field is disabled.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Error message to display. When set, the field enters an error state.",
+              "attribute": "error"
+            },
+            {
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Help text displayed below the field for guidance.",
+              "attribute": "help-text"
             },
             {
               "kind": "field",
-              "name": "selectable",
+              "name": "format",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "When true, renders a checkbox column for row selection.",
-              "attribute": "selectable",
-              "reflects": true
+              "default": "'MM/DD/YYYY'",
+              "description": "Display format hint shown as placeholder (e.g. MM/DD/YYYY).",
+              "attribute": "format"
             },
             {
               "kind": "field",
-              "name": "sortKey",
+              "name": "locale",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The column key currently used for sorting.",
-              "attribute": "sort-key"
+              "default": "'en-US'",
+              "description": "Locale string used for formatting the display value.",
+              "attribute": "locale"
             },
             {
               "kind": "field",
-              "name": "sortDirection",
+              "name": "requiredMessage",
               "type": {
-                "text": "'asc' | 'desc'"
+                "text": "string"
               },
-              "default": "'asc'",
-              "description": "Current sort direction.",
-              "attribute": "sort-direction"
+              "default": "'This field is required.'",
+              "description": "Validation message shown when the field is required but empty.",
+              "attribute": "required-message"
             },
             {
               "kind": "field",
-              "name": "loading",
+              "name": "chooseDateLabel",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "When true, renders a loading skeleton and sets `aria-busy=\"true\"` on the host.",
-              "attribute": "loading",
-              "reflects": true
+              "default": "'Choose a date'",
+              "description": "Accessible label for the calendar dialog.",
+              "attribute": "choose-date-label"
             },
             {
               "kind": "field",
-              "name": "emptyLabel",
+              "name": "openCalendarLabel",
               "type": {
                 "text": "string"
               },
-              "default": "'No data'",
-              "description": "Text displayed in the default empty state when `rows` is empty and not loading.",
-              "attribute": "empty-label"
+              "default": "'Open calendar'",
+              "description": "Accessible label for the calendar trigger button when the calendar is closed.",
+              "attribute": "open-calendar-label"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "closeCalendarLabel",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Accessible name for the table. Exposed via `aria-label` on the `<table>` element.\nRequired when the table has columns — a missing label is a WCAG 4.1.2 violation.",
-              "attribute": "label"
+              "default": "'Close calendar'",
+              "description": "Accessible label for the calendar trigger button when the calendar is open.",
+              "attribute": "close-calendar-label"
             },
             {
               "kind": "field",
-              "name": "selectAllLabel",
+              "name": "previousMonthLabel",
               "type": {
                 "text": "string"
               },
-              "default": "'Select all rows'",
-              "description": "Accessible label for the \"select all rows\" checkbox in the table header.",
-              "attribute": "select-all-label"
+              "default": "'Previous month'",
+              "description": "Accessible label for the previous month navigation button.",
+              "attribute": "previous-month-label"
             },
             {
               "kind": "field",
-              "name": "stickyHeader",
+              "name": "nextMonthLabel",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "When true, the header row is sticky (position: sticky; top: 0).",
-              "attribute": "sticky-header",
-              "reflects": true
+              "default": "'Next month'",
+              "description": "Accessible label for the next month navigation button.",
+              "attribute": "next-month-label"
             },
             {
               "kind": "field",
-              "name": "page",
+              "name": "accessibleLabel",
               "type": {
-                "text": "number"
+                "text": "string | null"
               },
-              "default": "1",
-              "description": "Current page (1-based). Set to 0 or leave at default (0) to disable pagination.",
-              "attribute": "page"
+              "default": "null",
+              "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. Highest-precedence naming source.",
+              "attribute": "accessible-label"
             },
             {
               "kind": "field",
-              "name": "pageSize",
-              "type": {
-                "text": "number"
+              "name": "_handleDocumentClick",
+              "privacy": "private",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "default": "0",
-              "description": "Number of rows per page. Set to 0 to disable pagination (show all rows).",
-              "attribute": "page-size"
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ]
             }
           ],
           "events": [
             {
-              "name": "hx-sort",
+              "name": "hx-change",
               "type": {
-                "text": "CustomEvent<HxDataTableSortState>"
+                "text": "CustomEvent<{value: string, date: Date | null}>"
               },
-              "description": "Dispatched when a sortable column header is clicked."
+              "description": "Emitted when the selected date changes."
+            }
+          ],
+          "attributes": [
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name of the field, used for form submission.",
+              "fieldName": "name",
+              "attribute": "name"
             },
             {
-              "name": "hx-row-click",
+              "name": "value",
               "type": {
-                "text": "CustomEvent<{row: Record<string, unknown>, index: number}>"
+                "text": "string"
               },
-              "description": "Dispatched when a data row is clicked."
+              "default": "''",
+              "description": "The current value as an ISO 8601 date string (e.g. 2026-03-04).",
+              "fieldName": "value",
+              "attribute": "value"
             },
             {
-              "name": "hx-select",
+              "name": "min",
               "type": {
-                "text": "CustomEvent<{selectedRows: Record<string, unknown>[]}>"
+                "text": "string"
               },
-              "description": "Dispatched when row selection changes."
-            }
-          ],
-          "attributes": [
+              "default": "''",
+              "description": "The minimum selectable date as an ISO 8601 string.",
+              "fieldName": "min",
+              "attribute": "min"
+            },
             {
-              "name": "columns",
+              "name": "max",
               "type": {
-                "text": "HxDataTableColumn[]"
+                "text": "string"
               },
-              "default": "[]",
-              "description": "Column definitions. Each item: `{ key, label, sortable?, width? }`.\nCan be set as a JS array or a JSON string (e.g., from a Drupal Twig attribute).",
-              "fieldName": "columns",
-              "attribute": "columns"
+              "default": "''",
+              "description": "The maximum selectable date as an ISO 8601 string.",
+              "fieldName": "max",
+              "attribute": "max"
             },
             {
-              "name": "rows",
+              "name": "label",
               "type": {
-                "text": "Record<string, unknown>[]"
+                "text": "string"
               },
-              "default": "[]",
-              "description": "Row data. Each item is a plain object keyed by column `key` values.\nCan be set as a JS array or a JSON string (e.g., from a Drupal Twig attribute).",
-              "fieldName": "rows",
-              "attribute": "rows"
+              "default": "''",
+              "description": "The visible label text.",
+              "fieldName": "label",
+              "attribute": "label"
             },
             {
-              "name": "selectable",
+              "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, renders a checkbox column for row selection.",
-              "fieldName": "selectable",
-              "attribute": "selectable"
+              "description": "Whether the field is required for form submission.",
+              "fieldName": "required",
+              "attribute": "required"
             },
             {
-              "name": "sort-key",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the field is disabled.",
+              "fieldName": "disabled",
+              "attribute": "disabled"
+            },
+            {
+              "name": "error",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The column key currently used for sorting.",
-              "fieldName": "sortKey",
-              "attribute": "sort-key"
+              "description": "Error message to display. When set, the field enters an error state.",
+              "fieldName": "error",
+              "attribute": "error"
             },
             {
-              "name": "sort-direction",
+              "name": "help-text",
               "type": {
-                "text": "'asc' | 'desc'"
+                "text": "string"
               },
-              "default": "'asc'",
-              "description": "Current sort direction.",
-              "fieldName": "sortDirection",
-              "attribute": "sort-direction"
+              "default": "''",
+              "description": "Help text displayed below the field for guidance.",
+              "fieldName": "helpText",
+              "attribute": "help-text"
             },
             {
-              "name": "loading",
+              "name": "format",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "When true, renders a loading skeleton and sets `aria-busy=\"true\"` on the host.",
-              "fieldName": "loading",
-              "attribute": "loading"
+              "default": "'MM/DD/YYYY'",
+              "description": "Display format hint shown as placeholder (e.g. MM/DD/YYYY).",
+              "fieldName": "format",
+              "attribute": "format"
             },
             {
-              "name": "empty-label",
+              "name": "locale",
               "type": {
                 "text": "string"
               },
-              "default": "'No data'",
-              "description": "Text displayed in the default empty state when `rows` is empty and not loading.",
-              "fieldName": "emptyLabel",
-              "attribute": "empty-label"
+              "default": "'en-US'",
+              "description": "Locale string used for formatting the display value.",
+              "fieldName": "locale",
+              "attribute": "locale"
             },
             {
-              "name": "label",
+              "name": "required-message",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Accessible name for the table. Exposed via `aria-label` on the `<table>` element.\nRequired when the table has columns — a missing label is a WCAG 4.1.2 violation.",
-              "fieldName": "label",
-              "attribute": "label"
+              "default": "'This field is required.'",
+              "description": "Validation message shown when the field is required but empty.",
+              "fieldName": "requiredMessage",
+              "attribute": "required-message"
             },
             {
-              "name": "select-all-label",
+              "name": "choose-date-label",
               "type": {
                 "text": "string"
               },
-              "default": "'Select all rows'",
-              "description": "Accessible label for the \"select all rows\" checkbox in the table header.",
-              "fieldName": "selectAllLabel",
-              "attribute": "select-all-label"
+              "default": "'Choose a date'",
+              "description": "Accessible label for the calendar dialog.",
+              "fieldName": "chooseDateLabel",
+              "attribute": "choose-date-label"
             },
             {
-              "name": "sticky-header",
+              "name": "open-calendar-label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "When true, the header row is sticky (position: sticky; top: 0).",
-              "fieldName": "stickyHeader",
-              "attribute": "sticky-header"
+              "default": "'Open calendar'",
+              "description": "Accessible label for the calendar trigger button when the calendar is closed.",
+              "fieldName": "openCalendarLabel",
+              "attribute": "open-calendar-label"
             },
             {
-              "name": "page",
+              "name": "close-calendar-label",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "1",
-              "description": "Current page (1-based). Set to 0 or leave at default (0) to disable pagination.",
-              "fieldName": "page",
-              "attribute": "page"
+              "default": "'Close calendar'",
+              "description": "Accessible label for the calendar trigger button when the calendar is open.",
+              "fieldName": "closeCalendarLabel",
+              "attribute": "close-calendar-label"
             },
             {
-              "name": "page-size",
+              "name": "previous-month-label",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "0",
-              "description": "Number of rows per page. Set to 0 to disable pagination (show all rows).",
-              "fieldName": "pageSize",
-              "attribute": "page-size"
+              "default": "'Previous month'",
+              "description": "Accessible label for the previous month navigation button.",
+              "fieldName": "previousMonthLabel",
+              "attribute": "previous-month-label"
+            },
+            {
+              "name": "next-month-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Next month'",
+              "description": "Accessible label for the next month navigation button.",
+              "fieldName": "nextMonthLabel",
+              "attribute": "next-month-label"
+            },
+            {
+              "name": "accessible-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "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. Highest-precedence naming source.",
+              "fieldName": "accessibleLabel",
+              "attribute": "accessible-label"
+            }
+          ],
+          "mixins": [
+            {
+              "name": "FormMixin",
+              "module": "/src/mixins/FormMixin.js"
             }
           ],
           "superclass": {
             "name": "HelixElement",
             "module": "/src/base/index.js"
           },
-          "tagName": "hx-data-table",
+          "tagName": "hx-date-picker",
           "customElement": true,
-          "summary": "Enterprise data table with sorting, selection, and responsive scroll.",
+          "summary": "Form-associated date picker with calendar popup and WCAG 2.1 AA accessibility.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P1"
+            "keyboardContract": {
+              "dismiss": [
+                "Escape"
+              ],
+              "trapFocus": "true"
+            },
+            "ariaPattern": "dialog",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": true,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-date-picker/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-date-picker"
+            }
           }
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "HelixDataTable",
+          "name": "HelixDatePicker",
           "declaration": {
-            "name": "HelixDataTable",
-            "module": "src/components/hx-data-table/hx-data-table.ts"
+            "name": "HelixDatePicker",
+            "module": "src/components/hx-date-picker/hx-date-picker.ts"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "hx-data-table",
+          "name": "hx-date-picker",
           "declaration": {
-            "name": "HelixDataTable",
-            "module": "src/components/hx-data-table/hx-data-table.ts"
+            "name": "HelixDatePicker",
+            "module": "src/components/hx-date-picker/hx-date-picker.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/hx-data-table/index.ts",
+      "path": "src/components/hx-date-picker/index.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "js",
-          "name": "HelixDataTable",
-          "declaration": {
-            "name": "HelixDataTable",
-            "module": "./hx-data-table.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "HxDataTableColumn",
-          "declaration": {
-            "name": "HxDataTableColumn",
-            "module": "./hx-data-table.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "HxDataTableSortState",
-          "declaration": {
-            "name": "HxDataTableSortState",
-            "module": "./hx-data-table.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "HxDataTableSelectDetail",
+          "name": "HelixDatePicker",
           "declaration": {
-            "name": "HxDataTableSelectDetail",
-            "module": "./hx-data-table.js"
+            "name": "HelixDatePicker",
+            "module": "./hx-date-picker.js"
           }
         },
         {
           "kind": "js",
-          "name": "HxDataTableRowClickDetail",
+          "name": "HxDatePickerChangeDetail",
           "declaration": {
-            "name": "HxDataTableRowClickDetail",
-            "module": "./hx-data-table.js"
+            "name": "HxDatePickerChangeDetail",
+            "module": "./hx-date-picker.js"
           }
         }
       ]
@@ -10985,8 +11541,49 @@
           "tagName": "hx-dialog",
           "customElement": true,
           "summary": "Accessible dialog overlay for confirmations, forms, and detailed content.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "dismiss": [
+                "Escape"
+              ],
+              "trapFocus": "true"
+            },
+            "ariaPattern": "dialog",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.6.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-dialog/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-dialog"
+            }
           }
         }
       ],
@@ -11712,8 +12309,49 @@
           "tagName": "hx-drawer",
           "customElement": true,
           "summary": "Slide-in panel overlay from any viewport edge.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "dismiss": [
+                "Escape"
+              ],
+              "trapFocus": "true"
+            },
+            "ariaPattern": "dialog",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-drawer/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-drawer"
+            }
           }
         }
       ],
@@ -11972,8 +12610,58 @@
           "tagName": "hx-dropdown",
           "customElement": true,
           "summary": "Button that opens a floating menu panel on click.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "navigate": [
+                "Arrow",
+                "Home",
+                "End"
+              ],
+              "activate": [
+                "Enter",
+                "Space"
+              ],
+              "dismiss": [
+                "Escape"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "menu",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/menubar/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-dropdown/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-dropdown"
+            }
           }
         }
       ],
@@ -12317,8 +13005,42 @@
           "tagName": "hx-field",
           "customElement": true,
           "summary": "Layout wrapper for label, control, help text, and error message.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-09",
           "helixMeta": {
-            "priorityTier": "P0"
+            "ariaPattern": "label",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-09",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-field/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-field"
+            }
           }
         }
       ],
@@ -12537,8 +13259,42 @@
           "tagName": "hx-field-label",
           "customElement": true,
           "summary": "Standardized label for form fields.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-09",
           "helixMeta": {
-            "priorityTier": "P0"
+            "ariaPattern": "label",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-09",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-field-label/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-field-label"
+            }
           }
         }
       ],
@@ -13131,8 +13887,50 @@
           "tagName": "hx-file-upload",
           "customElement": true,
           "summary": "Form-associated file upload dropzone with drag-and-drop, validation, and progress tracking.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "activate": [
+                "Enter",
+                "Space"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "button",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/button/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": true,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-file-upload/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-file-upload"
+            }
           }
         }
       ],
@@ -13464,8 +14262,46 @@
           "tagName": "hx-form",
           "customElement": true,
           "summary": "Light DOM form wrapper with scoped styles for native and hx-* form elements.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-09",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "submit": "Enter"
+            },
+            "ariaPattern": "form",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/form.html",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-09",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-form/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-form"
+            }
           }
         }
       ],
@@ -14304,8 +15140,42 @@
           "tagName": "hx-help-text",
           "customElement": true,
           "summary": "Help text displayed below form controls for guidance or validation feedback.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-09",
           "helixMeta": {
-            "priorityTier": "P0"
+            "ariaPattern": "label",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-09",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-help-text/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-help-text"
+            }
           }
         }
       ],
@@ -14955,8 +15825,50 @@
           "tagName": "hx-icon-button",
           "customElement": true,
           "summary": "Icon-only action button with full accessibility support.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "activate": [
+                "Enter",
+                "Space"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "button",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/button/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": true,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-icon-button/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-icon-button"
+            }
           }
         }
       ],
@@ -16618,8 +17530,58 @@
           "tagName": "hx-menu",
           "customElement": true,
           "summary": "Context/action menu with keyboard-navigable items.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "navigate": [
+                "Arrow",
+                "Home",
+                "End"
+              ],
+              "activate": [
+                "Enter",
+                "Space"
+              ],
+              "dismiss": [
+                "Escape"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "menu",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/menubar/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-menu/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-menu"
+            }
           }
         }
       ],
@@ -17358,8 +18320,54 @@
           "tagName": "hx-nav",
           "customElement": true,
           "summary": "Navigation bar supporting horizontal and vertical layouts with nested submenus.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "navigate": [
+                "Arrow",
+                "Home",
+                "End"
+              ],
+              "activate": [
+                "Enter",
+                "Space"
+              ]
+            },
+            "ariaPattern": "navigation",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/navigation.html",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-nav/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-nav"
+            }
           }
         }
       ],
@@ -18039,8 +19047,53 @@
           "tagName": "hx-number-input",
           "customElement": true,
           "summary": "Form-associated numeric input with stepper buttons, bounds checking,\nlabel, error, and help text.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "activate": [
+                "character-input"
+              ],
+              "navigate": [
+                "ArrowUp",
+                "ArrowDown"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "spinbutton",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/spinbutton/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": true,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-number-input/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-number-input"
+            }
           }
         }
       ],
@@ -18419,8 +19472,58 @@
           "tagName": "hx-overflow-menu",
           "customElement": true,
           "summary": "\"...\" or kebab icon button that reveals hidden actions.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "navigate": [
+                "Arrow",
+                "Home",
+                "End"
+              ],
+              "activate": [
+                "Enter",
+                "Space"
+              ],
+              "dismiss": [
+                "Escape"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "menu",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/menubar/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-overflow-menu/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-overflow-menu"
+            }
           }
         }
       ],
@@ -20133,8 +21236,49 @@
           "tagName": "hx-popover",
           "customElement": true,
           "summary": "Rich floating overlay attached to a trigger element.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "dismiss": [
+                "Escape"
+              ],
+              "trapFocus": "true"
+            },
+            "ariaPattern": "dialog",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-popover/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-popover"
+            }
           }
         }
       ],
@@ -20534,8 +21678,43 @@
           "tagName": "hx-popup",
           "customElement": true,
           "summary": "Low-level popup positioning utility.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "ariaPattern": "none",
+            "ariaPatternSource": "https://www.w3.org/TR/wai-aria-1.2/#aria-haspopup — popup is a structural anchor primitive, not a widget role. The Phase 4 Tier 3 formal AAA re-cert harness treats `none` as a no-key-required pattern (see APG_KEYBOARD_EXPECTATIONS in scripts/aaa-formal-audit.mjs).",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-popup/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-popup"
+            }
           }
         }
       ],
@@ -21701,8 +22880,52 @@
           "tagName": "hx-radio-group",
           "customElement": true,
           "summary": "Form-associated radio group with label, validation, help text, and keyboard navigation.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "navigate": [
+                "Arrow"
+              ],
+              "activate": [
+                "Space"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "radiogroup",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/radio/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": true,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-radio-group/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-radio-group"
+            }
           }
         }
       ],
@@ -22325,8 +23548,52 @@
           "tagName": "hx-rating",
           "customElement": true,
           "summary": "Star rating input for user feedback and display.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-09",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "navigate": [
+                "Arrow"
+              ],
+              "activate": [
+                "Space"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "radiogroup",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/radio/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": true,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-09",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-rating/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-rating"
+            }
           }
         }
       ],
@@ -23060,8 +24327,57 @@
           "tagName": "hx-select",
           "customElement": true,
           "summary": "Form-associated custom select with label, error, and help text.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "navigate": [
+                "Arrow",
+                "Home",
+                "End"
+              ],
+              "activate": [
+                "Enter"
+              ],
+              "dismiss": [
+                "Escape"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "combobox",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/combobox/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": true,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-select/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-select"
+            }
           }
         }
       ],
@@ -23532,8 +24848,54 @@
           "tagName": "hx-side-nav",
           "customElement": true,
           "summary": "Collapsible side navigation panel for enterprise healthcare applications.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "navigate": [
+                "Arrow",
+                "Home",
+                "End"
+              ],
+              "activate": [
+                "Enter",
+                "Space"
+              ]
+            },
+            "ariaPattern": "navigation",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/navigation.html",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-side-nav/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-side-nav"
+            }
           }
         }
       ],
@@ -24403,8 +25765,53 @@
           "tagName": "hx-slider",
           "customElement": true,
           "summary": "Form-associated range slider with label, ticks, and value display.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-09",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "navigate": [
+                "Arrow",
+                "Home",
+                "End",
+                "PageUp",
+                "PageDown"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "slider",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/slider/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": true,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-09",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-slider/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-slider"
+            }
           }
         }
       ],
@@ -25084,8 +26491,50 @@
           "tagName": "hx-split-button",
           "customElement": true,
           "summary": "Primary action button with attached dropdown menu for secondary actions.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "activate": [
+                "Enter",
+                "Space"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "button",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/button/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-split-button/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-split-button"
+            }
           }
         }
       ],
@@ -27870,8 +29319,49 @@
           "tagName": "hx-switch",
           "customElement": true,
           "summary": "Form-associated toggle switch with label, error, and help text.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "activate": [
+                "Space"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "switch",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/switch/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": true,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-switch/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-switch"
+            }
           }
         }
       ],
@@ -29313,8 +30803,55 @@
           "tagName": "hx-tabs",
           "customElement": true,
           "summary": "Tab container that organizes content into selectable panels.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "navigate": [
+                "Arrow",
+                "Home",
+                "End"
+              ],
+              "activate": [
+                "Enter",
+                "Space"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "tabs",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/tabs/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-tabs/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-tabs"
+            }
           }
         }
       ],
@@ -30719,8 +32256,49 @@
           "tagName": "hx-text-input",
           "customElement": true,
           "summary": "Form-associated text input with built-in label, error, and help text.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "activate": [
+                "character-input"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "textbox",
+            "ariaPatternSource": "https://www.w3.org/TR/wai-aria-1.2/#textbox",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.6.0",
+            "formAssociated": true,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-text-input/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-text-input"
+            }
           }
         }
       ],
@@ -31356,8 +32934,49 @@
           "tagName": "hx-textarea",
           "customElement": true,
           "summary": "Form-associated textarea with built-in label, error, help text, character counter, and auto-resize.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "activate": [
+                "character-input"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "textbox",
+            "ariaPatternSource": "https://www.w3.org/TR/wai-aria-1.2/#textbox",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": true,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-textarea/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-textarea"
+            }
           }
         }
       ],
@@ -32200,8 +33819,49 @@
           "tagName": "hx-time-picker",
           "customElement": true,
           "summary": "Form-associated time picker with 12h/24h format support and dropdown listbox.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "dismiss": [
+                "Escape"
+              ],
+              "trapFocus": "true"
+            },
+            "ariaPattern": "dialog",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": true,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-time-picker/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-time-picker"
+            }
           }
         }
       ],
@@ -32688,8 +34348,48 @@
           "tagName": "hx-toast",
           "customElement": true,
           "summary": "Transient notification toast component.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-09",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "dismiss": [
+                "Escape"
+              ]
+            },
+            "ariaPattern": "alert",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/alert/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-09",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-toast/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-toast"
+            }
           }
         }
       ],
@@ -33322,8 +35022,50 @@
           "tagName": "hx-toggle-button",
           "customElement": true,
           "summary": "Two-state toggle button with pressed/unpressed ARIA semantics.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "activate": [
+                "Enter",
+                "Space"
+              ],
+              "disabledSuppresses": true
+            },
+            "ariaPattern": "button",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/button/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": true,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-toggle-button/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-toggle-button"
+            }
           }
         }
       ],
@@ -33572,8 +35314,48 @@
           "tagName": "hx-tooltip",
           "customElement": true,
           "summary": "Contextual help text and abbreviations with smart positioning.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "dismiss": [
+                "Escape"
+              ]
+            },
+            "ariaPattern": "tooltip",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/tooltip/",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-tooltip/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-tooltip"
+            }
           }
         }
       ],
@@ -33842,8 +35624,54 @@
           "tagName": "hx-top-nav",
           "customElement": true,
           "summary": "Site-level navigation bar with logo, nav items, and action slots.",
+          "aaaCertified": true,
+          "aaaCertifiedDate": "2026-05-08",
           "helixMeta": {
-            "priorityTier": "P0"
+            "keyboardContract": {
+              "navigate": [
+                "Arrow",
+                "Home",
+                "End"
+              ],
+              "activate": [
+                "Enter",
+                "Space"
+              ]
+            },
+            "ariaPattern": "navigation",
+            "ariaPatternSource": "https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/navigation.html",
+            "forcedColorsSupported": true,
+            "stability": "stable",
+            "since": "3.7.0",
+            "formAssociated": false,
+            "themeAware": true,
+            "brandAware": true,
+            "drupalSdcEligible": true,
+            "reactWrapperStatus": "complete",
+            "priorityTier": "P0",
+            "phiHandles": false,
+            "clinicalContext": "none",
+            "aaa": {
+              "certified": true,
+              "certifiedDate": "2026-05-08",
+              "criteria": [
+                "1.4.6",
+                "1.4.9",
+                "2.1.3",
+                "2.3.3",
+                "2.4.12",
+                "2.4.13",
+                "2.5.5",
+                "3.2.5",
+                "3.3.6",
+                "forced-colors",
+                "apg-keyboard"
+              ],
+              "auditUrl": "src/components/hx-top-nav/AAA-AUDIT.md"
+            },
+            "figma": {
+              "componentName": "hx-top-nav"
+            }
           }
         }
       ],