@fusion.dev/helix-headless 0.109.0 → 0.109.2

package/custom-elements.json

@@ -19730,6 +19730,18 @@
               "description": "The checked values, comma separated.",
               "fieldName": "value"
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -21033,6 +21045,18 @@
                 "module": "src/mixins/mixin-controller-checked/mixin-controller-checked.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -24310,6 +24334,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -28207,6 +28243,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -35281,6 +35329,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -43917,6 +43977,18 @@
               "description": "The trigger's text when nothing is slotted into it.",
               "fieldName": "triggerLabel"
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -48288,6 +48360,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -54885,6 +54969,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -61386,6 +61482,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -77626,6 +77734,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -84242,6 +84362,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -87804,6 +87936,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -89971,6 +90115,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -93062,6 +93218,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -95534,6 +95702,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -101937,6 +102117,18 @@
                 "module": "src/mixins/mixin-controller-checked/mixin-controller-checked.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -108311,6 +108503,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -110805,6 +111009,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {
@@ -115711,6 +115927,18 @@
                 "module": "src/mixins/mixin-controller-value/mixin-controller-value.ts"
               }
             },
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "fieldName": "namedBy",
+              "inheritedFrom": {
+                "name": "MixinField",
+                "module": "src/mixins/mixin-field/mixin-field.ts"
+              }
+            },
             {
               "name": "feedback",
               "type": {

package/dist/checkbox/root/checkbox-root.js

@@ -52,11 +52,17 @@ let HelixHeadlessCheckbox = class HelixHeadlessCheckbox extends MixinControllerC
     }
     syncLabelPresence() {
         const slot = this.renderRoot.querySelector('[part="label"] slot');
-        const filled = (slot?.assignedNodes({ flatten: true }) ?? []).some((node) => node.textContent?.trim() !== '' || node.nodeType === Node.ELEMENT_NODE);
-        this.toggleState('has-label', filled);
+        const meaningful = (node) => node.textContent?.trim() !== '' || node.nodeType === Node.ELEMENT_NODE;
+        const filled = (slot?.assignedNodes({ flatten: true }) ?? []).some(meaningful);
+        const hidden = this.label === '' &&
+            Boolean(this.getAttribute('aria-label')) &&
+            !(slot?.assignedNodes() ?? []).some(meaningful);
+        this.partNamed('label')?.toggleAttribute('data-hidden', hidden);
+        this.toggleState('has-label', filled && !hidden);
         this.partNamed('label')?.toggleAttribute('hidden', !filled);
     }
     render() {
+        const named = this.label === '' ? this.getAttribute('aria-label') : null;
         return html `<label part="field">
       <span part="box">
         <input
@@ -75,7 +81,9 @@ let HelixHeadlessCheckbox = class HelixHeadlessCheckbox extends MixinControllerC
           aria-hidden="true"
         ></span>
       </span>
-      <span part="label"><slot @slotchange=${this.handleLabelChange}>${this.label}</slot></span>
+      <span part="label" ?data-hidden=${named !== null}
+        ><slot @slotchange=${this.handleLabelChange}>${this.label || named}</slot></span
+      >
     </label>
     ${this.renderHint()}${this.renderFeedback()}`;
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-headless",
   "description": "Headless component tier. Structure, accessibility, state, and form participation. No styling.",
-  "version": "0.109.0",
+  "version": "0.109.2",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -46,13 +46,13 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.109.0",
-    "@fusion.dev/helix-icons": "0.109.0",
+    "@fusion.dev/helix-core": "0.109.2",
+    "@fusion.dev/helix-icons": "0.109.2",
     "uqr": "^0.1.3"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.109.0",
-    "@fusion.dev/helix-testing": "0.109.0",
+    "@fusion.dev/helix-cem": "0.109.2",
+    "@fusion.dev/helix-testing": "0.109.2",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.0.0",
     "@lit-labs/ssr": "^4.1.0",

package/types/jsx.d.ts

@@ -3637,6 +3637,10 @@ export type HelixHeadlessCheckboxGroupHelixBeforeChangeElementEvent =
 export type HelixHeadlessCheckboxGroupProps = {
   /** The checked values, comma separated. */
   value?: (HelixHeadlessCheckboxGroup["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessCheckboxGroup["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessCheckboxGroup["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessCheckboxGroup["feedback"]) | undefined;
@@ -3705,6 +3709,10 @@ Here rather than on each control. */
 export type HelixHeadlessCheckboxGroupSolidJsProps = {
   /** The checked values, comma separated. */
   "prop:value"?: (HelixHeadlessCheckboxGroup["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixHeadlessCheckboxGroup["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixHeadlessCheckboxGroup["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixHeadlessCheckboxGroup["feedback"]) | undefined;
@@ -3803,6 +3811,10 @@ stylesheets. */
   "default-checked"?: (HelixHeadlessCheckbox["defaultChecked"]) | undefined;
   /** Whether the control starts checked. A form reset returns it to this state. */
   defaultChecked?: (HelixHeadlessCheckbox["defaultChecked"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessCheckbox["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessCheckbox["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessCheckbox["feedback"]) | undefined;
@@ -3888,6 +3900,10 @@ stylesheets. */
   "bool:default-checked"?: (HelixHeadlessCheckbox["defaultChecked"]) | undefined;
   /** Whether the control starts checked. A form reset returns it to this state. */
   "prop:defaultChecked"?: (HelixHeadlessCheckbox["defaultChecked"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixHeadlessCheckbox["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixHeadlessCheckbox["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixHeadlessCheckbox["feedback"]) | undefined;
@@ -4196,6 +4212,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessColorInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessColorInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessColorInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessColorInput["feedback"]) | undefined;
@@ -4363,6 +4383,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   "prop:value"?: (HelixHeadlessColorInput["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixHeadlessColorInput["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixHeadlessColorInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixHeadlessColorInput["feedback"]) | undefined;
@@ -5126,6 +5150,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessCombobox["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessCombobox["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessCombobox["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessCombobox["feedback"]) | undefined;
@@ -5331,6 +5359,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   "prop:value"?: (HelixHeadlessCombobox["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixHeadlessCombobox["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixHeadlessCombobox["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixHeadlessCombobox["feedback"]) | undefined;
@@ -6564,6 +6596,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessDateInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessDateInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessDateInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessDateInput["feedback"]) | undefined;
@@ -6874,6 +6910,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   "prop:value"?: (HelixHeadlessDateInput["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixHeadlessDateInput["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixHeadlessDateInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixHeadlessDateInput["feedback"]) | undefined;
@@ -8164,6 +8204,10 @@ removes rather than as "Remove" said once per file. A label with no
   "trigger-label"?: (HelixHeadlessFileInput["triggerLabel"]) | undefined;
   /** The trigger's text when nothing is slotted into it. */
   triggerLabel?: (HelixHeadlessFileInput["triggerLabel"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessFileInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessFileInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessFileInput["feedback"]) | undefined;
@@ -8258,6 +8302,10 @@ removes rather than as "Remove" said once per file. A label with no
   "attr:trigger-label"?: (HelixHeadlessFileInput["triggerLabel"]) | undefined;
   /** The trigger's text when nothing is slotted into it. */
   "prop:triggerLabel"?: (HelixHeadlessFileInput["triggerLabel"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixHeadlessFileInput["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixHeadlessFileInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixHeadlessFileInput["feedback"]) | undefined;
@@ -8737,6 +8785,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessFilterInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessFilterInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessFilterInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessFilterInput["feedback"]) | undefined;
@@ -8884,6 +8936,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   "prop:value"?: (HelixHeadlessFilterInput["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixHeadlessFilterInput["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixHeadlessFilterInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixHeadlessFilterInput["feedback"]) | undefined;
@@ -9975,6 +10031,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessInput["feedback"]) | undefined;
@@ -10153,6 +10213,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   "prop:value"?: (HelixHeadlessInput["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixHeadlessInput["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixHeadlessInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixHeadlessInput["feedback"]) | undefined;
@@ -11015,6 +11079,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessListbox["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessListbox["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessListbox["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessListbox["feedback"]) | undefined;
@@ -11160,6 +11228,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   "prop:value"?: (HelixHeadlessListbox["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixHeadlessListbox["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixHeadlessListbox["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixHeadlessListbox["feedback"]) | undefined;
@@ -13582,6 +13654,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessNumberInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessNumberInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessNumberInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessNumberInput["feedback"]) | undefined;
@@ -13747,6 +13823,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   "prop:value"?: (HelixHeadlessNumberInput["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixHeadlessNumberInput["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixHeadlessNumberInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixHeadlessNumberInput["feedback"]) | undefined;
@@ -14851,6 +14931,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessPinInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessPinInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessPinInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessPinInput["feedback"]) | undefined;
@@ -14988,6 +15072,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   "prop:value"?: (HelixHeadlessPinInput["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixHeadlessPinInput["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixHeadlessPinInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixHeadlessPinInput["feedback"]) | undefined;
@@ -15429,6 +15517,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessRadioGroup["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessRadioGroup["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessRadioGroup["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessRadioGroup["feedback"]) | undefined;
@@ -15519,6 +15611,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   "prop:value"?: (HelixHeadlessRadioGroup["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixHeadlessRadioGroup["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixHeadlessRadioGroup["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixHeadlessRadioGroup["feedback"]) | undefined;
@@ -15836,6 +15932,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessRating["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessRating["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessRating["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessRating["feedback"]) | undefined;
@@ -16013,6 +16113,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   "prop:value"?: (HelixHeadlessRating["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixHeadlessRating["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixHeadlessRating["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixHeadlessRating["feedback"]) | undefined;
@@ -16243,6 +16347,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessSelect["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessSelect["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessSelect["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessSelect["feedback"]) | undefined;
@@ -16377,6 +16485,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   "prop:value"?: (HelixHeadlessSelect["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixHeadlessSelect["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixHeadlessSelect["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixHeadlessSelect["feedback"]) | undefined;
@@ -16593,6 +16705,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessSlider["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessSlider["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessSlider["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessSlider["feedback"]) | undefined;
@@ -16735,6 +16851,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   "prop:value"?: (HelixHeadlessSlider["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixHeadlessSlider["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixHeadlessSlider["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixHeadlessSlider["feedback"]) | undefined;
@@ -17640,6 +17760,10 @@ stylesheets. */
   "default-checked"?: (HelixHeadlessSwitch["defaultChecked"]) | undefined;
   /** Whether the control starts checked. A form reset returns it to this state. */
   defaultChecked?: (HelixHeadlessSwitch["defaultChecked"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessSwitch["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessSwitch["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessSwitch["feedback"]) | undefined;
@@ -17721,6 +17845,10 @@ stylesheets. */
   "bool:default-checked"?: (HelixHeadlessSwitch["defaultChecked"]) | undefined;
   /** Whether the control starts checked. A form reset returns it to this state. */
   "prop:defaultChecked"?: (HelixHeadlessSwitch["defaultChecked"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixHeadlessSwitch["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixHeadlessSwitch["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixHeadlessSwitch["feedback"]) | undefined;
@@ -18643,6 +18771,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessTextarea["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessTextarea["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessTextarea["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessTextarea["feedback"]) | undefined;
@@ -18804,6 +18936,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   "prop:value"?: (HelixHeadlessTextarea["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixHeadlessTextarea["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixHeadlessTextarea["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixHeadlessTextarea["feedback"]) | undefined;
@@ -19082,6 +19218,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessTimeInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessTimeInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessTimeInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessTimeInput["feedback"]) | undefined;
@@ -19346,6 +19486,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   "prop:value"?: (HelixHeadlessTimeInput["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixHeadlessTimeInput["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixHeadlessTimeInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixHeadlessTimeInput["feedback"]) | undefined;
@@ -20113,6 +20257,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessToggleGroup["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessToggleGroup["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessToggleGroup["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessToggleGroup["feedback"]) | undefined;
@@ -20224,6 +20372,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   "prop:value"?: (HelixHeadlessToggleGroup["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixHeadlessToggleGroup["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixHeadlessToggleGroup["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixHeadlessToggleGroup["feedback"]) | undefined;
@@ -25214,6 +25366,7 @@ export type CustomElements = {
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `value`: The checked values, comma separated.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -25393,6 +25546,7 @@ export type CustomElements = {
    * wrote it, and `:state(checked)` carries the resolved state for
    * stylesheets.
    * - `default-checked`/`defaultChecked`: Whether the control starts checked. A form reset returns it to this state.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -25832,6 +25986,7 @@ export type CustomElements = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -26435,6 +26590,7 @@ export type CustomElements = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -27436,6 +27592,7 @@ export type CustomElements = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -28911,6 +29068,7 @@ export type CustomElements = {
    * removes rather than as "Remove" said once per file. A label with no
    * `{name}` has it added after it.
    * - `trigger-label`/`triggerLabel`: The trigger's text when nothing is slotted into it.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -29689,6 +29847,7 @@ export type CustomElements = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -30744,6 +30903,7 @@ export type CustomElements = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -31763,6 +31923,7 @@ export type CustomElements = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -34116,6 +34277,7 @@ export type CustomElements = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -35232,6 +35394,7 @@ export type CustomElements = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -35786,6 +35949,7 @@ export type CustomElements = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -36159,6 +36323,7 @@ export type CustomElements = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -36631,6 +36796,7 @@ export type CustomElements = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -37022,6 +37188,7 @@ export type CustomElements = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -38061,6 +38228,7 @@ export type CustomElements = {
    * wrote it, and `:state(checked)` carries the resolved state for
    * stylesheets.
    * - `default-checked`/`defaultChecked`: Whether the control starts checked. A form reset returns it to this state.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -39070,6 +39238,7 @@ export type CustomElements = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -39353,6 +39522,7 @@ export type CustomElements = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -40261,6 +40431,7 @@ export type CustomElements = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -45082,6 +45253,7 @@ export type CustomElementsSolidJs = {
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
    * - `value`: The checked values, comma separated.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -45262,6 +45434,7 @@ export type CustomElementsSolidJs = {
    * wrote it, and `:state(checked)` carries the resolved state for
    * stylesheets.
    * - `default-checked`/`defaultChecked`: Whether the control starts checked. A form reset returns it to this state.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -45710,6 +45883,7 @@ export type CustomElementsSolidJs = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -46315,6 +46489,7 @@ export type CustomElementsSolidJs = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -47326,6 +47501,7 @@ export type CustomElementsSolidJs = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -48824,6 +49000,7 @@ export type CustomElementsSolidJs = {
    * removes rather than as "Remove" said once per file. A label with no
    * `{name}` has it added after it.
    * - `trigger-label`/`triggerLabel`: The trigger's text when nothing is slotted into it.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -49609,6 +49786,7 @@ export type CustomElementsSolidJs = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -50676,6 +50854,7 @@ export type CustomElementsSolidJs = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -51717,6 +51896,7 @@ export type CustomElementsSolidJs = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -54115,6 +54295,7 @@ export type CustomElementsSolidJs = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -55243,6 +55424,7 @@ export type CustomElementsSolidJs = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -55812,6 +55994,7 @@ export type CustomElementsSolidJs = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -56189,6 +56372,7 @@ export type CustomElementsSolidJs = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -56666,6 +56850,7 @@ export type CustomElementsSolidJs = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -57066,6 +57251,7 @@ export type CustomElementsSolidJs = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -58130,6 +58316,7 @@ export type CustomElementsSolidJs = {
    * wrote it, and `:state(checked)` carries the resolved state for
    * stylesheets.
    * - `default-checked`/`defaultChecked`: Whether the control starts checked. A form reset returns it to this state.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -59164,6 +59351,7 @@ export type CustomElementsSolidJs = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -59450,6 +59638,7 @@ export type CustomElementsSolidJs = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.
@@ -60372,6 +60561,7 @@ export type CustomElementsSolidJs = {
    * asking it meant. Writing always applies; `<helix-input value="x">` is the
    * same statement in markup, and `default-value` is how markup seeds a value
    * a reset should return to.
+   * - `aria-label`/`namedBy`: undefined
    * - `feedback`: The validation message shown under the control. It replaces the
    * browser's message.
    * - `hint`: Help text shown under the control. A validation message replaces it.

package/types/vue.d.ts

@@ -1893,6 +1893,10 @@ export type HelixHeadlessCheckboxGroupHelixBeforeChangeElementEvent =
 export type HelixHeadlessCheckboxGroupVueProps = {
   /** The checked values, comma separated. */
   value?: (HelixHeadlessCheckboxGroup["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessCheckboxGroup["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessCheckboxGroup["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessCheckboxGroup["feedback"]) | undefined;
@@ -1987,6 +1991,10 @@ stylesheets. */
   "default-checked"?: (HelixHeadlessCheckbox["defaultChecked"]) | undefined;
   /** Whether the control starts checked. A form reset returns it to this state. */
   defaultChecked?: (HelixHeadlessCheckbox["defaultChecked"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessCheckbox["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessCheckbox["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessCheckbox["feedback"]) | undefined;
@@ -2224,6 +2232,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessColorInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessColorInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessColorInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessColorInput["feedback"]) | undefined;
@@ -2710,6 +2722,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessCombobox["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessCombobox["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessCombobox["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessCombobox["feedback"]) | undefined;
@@ -3494,6 +3510,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessDateInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessDateInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessDateInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessDateInput["feedback"]) | undefined;
@@ -4206,6 +4226,10 @@ removes rather than as "Remove" said once per file. A label with no
   "trigger-label"?: (HelixHeadlessFileInput["triggerLabel"]) | undefined;
   /** The trigger's text when nothing is slotted into it. */
   triggerLabel?: (HelixHeadlessFileInput["triggerLabel"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessFileInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessFileInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessFileInput["feedback"]) | undefined;
@@ -4525,6 +4549,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessFilterInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessFilterInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessFilterInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessFilterInput["feedback"]) | undefined;
@@ -5161,6 +5189,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessInput["feedback"]) | undefined;
@@ -5673,6 +5705,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessListbox["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessListbox["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessListbox["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessListbox["feedback"]) | undefined;
@@ -7021,6 +7057,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessNumberInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessNumberInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessNumberInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessNumberInput["feedback"]) | undefined;
@@ -7660,6 +7700,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessPinInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessPinInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessPinInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessPinInput["feedback"]) | undefined;
@@ -7928,6 +7972,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessRadioGroup["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessRadioGroup["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessRadioGroup["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessRadioGroup["feedback"]) | undefined;
@@ -8179,6 +8227,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessRating["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessRating["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessRating["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessRating["feedback"]) | undefined;
@@ -8360,6 +8412,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessSelect["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessSelect["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessSelect["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessSelect["feedback"]) | undefined;
@@ -8545,6 +8601,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessSlider["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessSlider["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessSlider["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessSlider["feedback"]) | undefined;
@@ -9055,6 +9115,10 @@ stylesheets. */
   "default-checked"?: (HelixHeadlessSwitch["defaultChecked"]) | undefined;
   /** Whether the control starts checked. A form reset returns it to this state. */
   defaultChecked?: (HelixHeadlessSwitch["defaultChecked"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessSwitch["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessSwitch["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessSwitch["feedback"]) | undefined;
@@ -9606,6 +9670,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessTextarea["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessTextarea["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessTextarea["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessTextarea["feedback"]) | undefined;
@@ -9880,6 +9948,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessTimeInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessTimeInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessTimeInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessTimeInput["feedback"]) | undefined;
@@ -10336,6 +10408,10 @@ asking it meant. Writing always applies; `<helix-input value="x">` is the
 same statement in markup, and `default-value` is how markup seeds a value
 a reset should return to. */
   value?: (HelixHeadlessToggleGroup["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixHeadlessToggleGroup["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixHeadlessToggleGroup["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixHeadlessToggleGroup["feedback"]) | undefined;