@fusion.dev/helix 0.109.1 → 0.109.3

package/custom-elements.json

@@ -25420,6 +25420,18 @@
               "description": "The direction the checkboxes run. Set `horizontal` for a row. Unset is a\ncolumn.",
               "fieldName": "orientation"
             },
+            {
+              "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": {
@@ -26865,6 +26877,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": {
@@ -30428,6 +30452,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": {
@@ -35247,6 +35283,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": {
@@ -43372,6 +43420,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": {
@@ -54157,6 +54217,18 @@
           "tagName": "helix-file-input",
           "customElement": true,
           "attributes": [
+            {
+              "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": {
@@ -59201,6 +59273,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": {
@@ -68005,6 +68089,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": {
@@ -75925,6 +76021,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": {
@@ -95846,6 +95954,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": {
@@ -105140,6 +105260,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": {
@@ -109304,6 +109436,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": {
@@ -111819,6 +111963,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": {
@@ -119164,6 +119320,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": {
@@ -122596,6 +122764,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": {
@@ -130419,6 +130599,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": {
@@ -138070,6 +138262,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": {
@@ -140576,6 +140780,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": {
@@ -146931,6 +147147,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.css.js

@@ -101,7 +101,7 @@ border-color: var(--helix-color-danger);
 border-color: var(--helix-color-danger);
 }
 
-:host(:not(:state(has-label))) [part="label"] {
+:host(:not(:state(has-label))) [part="label"]:not([data-hidden]) {
 display: none;
 }
 

package/dist/shared/field/field.css.js

@@ -18,6 +18,12 @@ content: "*";
 margin-inline-start: var(--helix-space-2xs);
 }
 
+@supports (content: "*" / "") {
+:host([required]) [part="label"]::after {
+content: "*" / "";
+}
+}
+
 [part="hint"],
 [part="feedback"] {
 font-family: var(--helix-font-sans);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix",
   "description": "Styled component tier. Extends the headless tier with token-driven presentation.",
-  "version": "0.109.1",
+  "version": "0.109.3",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -51,13 +51,13 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.109.1",
-    "@fusion.dev/helix-headless": "0.109.1",
-    "@fusion.dev/helix-styles": "0.109.1"
+    "@fusion.dev/helix-core": "0.109.3",
+    "@fusion.dev/helix-headless": "0.109.3",
+    "@fusion.dev/helix-styles": "0.109.3"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.109.1",
-    "@fusion.dev/helix-testing": "0.109.1",
+    "@fusion.dev/helix-cem": "0.109.3",
+    "@fusion.dev/helix-testing": "0.109.3",
     "@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

@@ -4941,6 +4941,10 @@ export type HelixCheckboxGroupProps = {
   /** The direction the checkboxes run. Set `horizontal` for a row. Unset is a
 column. */
   orientation?: (HelixCheckboxGroup["orientation"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixCheckboxGroup["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixCheckboxGroup["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixCheckboxGroup["feedback"]) | undefined;
@@ -5012,6 +5016,10 @@ export type HelixCheckboxGroupSolidJsProps = {
   /** The direction the checkboxes run. Set `horizontal` for a row. Unset is a
 column. */
   "prop:orientation"?: (HelixCheckboxGroup["orientation"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixCheckboxGroup["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixCheckboxGroup["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixCheckboxGroup["feedback"]) | undefined;
@@ -5129,6 +5137,10 @@ stylesheets. */
   "default-checked"?: (HelixCheckbox["defaultChecked"]) | undefined;
   /** Whether the control starts checked. A form reset returns it to this state. */
   defaultChecked?: (HelixCheckbox["defaultChecked"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixCheckbox["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixCheckbox["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixCheckbox["feedback"]) | undefined;
@@ -5240,6 +5252,10 @@ stylesheets. */
   "bool:default-checked"?: (HelixCheckbox["defaultChecked"]) | undefined;
   /** Whether the control starts checked. A form reset returns it to this state. */
   "prop:defaultChecked"?: (HelixCheckbox["defaultChecked"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixCheckbox["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixCheckbox["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixCheckbox["feedback"]) | undefined;
@@ -5507,6 +5523,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?: (HelixColorInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixColorInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixColorInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixColorInput["feedback"]) | undefined;
@@ -5674,6 +5694,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"?: (HelixColorInput["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixColorInput["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixColorInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixColorInput["feedback"]) | undefined;
@@ -6407,6 +6431,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?: (HelixCombobox["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixCombobox["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixCombobox["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixCombobox["feedback"]) | undefined;
@@ -6610,6 +6638,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"?: (HelixCombobox["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixCombobox["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixCombobox["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixCombobox["feedback"]) | undefined;
@@ -7808,6 +7840,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?: (HelixDateInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixDateInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixDateInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixDateInput["feedback"]) | undefined;
@@ -8118,6 +8154,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"?: (HelixDateInput["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixDateInput["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixDateInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixDateInput["feedback"]) | undefined;
@@ -9766,6 +9806,10 @@ export type HelixFileInputHelixBeforeChangeElementEvent =
   HelixFileInputElementEvent<HelixBeforeChangeEvent>;
 
 export type HelixFileInputProps = {
+  /**  */
+  "aria-label"?: (HelixFileInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixFileInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixFileInput["feedback"]) | undefined;
@@ -9860,6 +9904,10 @@ Here rather than on each control. */
 };
 
 export type HelixFileInputSolidJsProps = {
+  /**  */
+  "attr:aria-label"?: (HelixFileInput["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixFileInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixFileInput["feedback"]) | undefined;
@@ -10346,6 +10394,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?: (HelixFilterInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixFilterInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixFilterInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixFilterInput["feedback"]) | undefined;
@@ -10489,6 +10541,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"?: (HelixFilterInput["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixFilterInput["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixFilterInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixFilterInput["feedback"]) | undefined;
@@ -11807,6 +11863,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?: (HelixInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixInput["feedback"]) | undefined;
@@ -11985,6 +12045,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"?: (HelixInput["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixInput["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixInput["feedback"]) | undefined;
@@ -13124,6 +13188,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?: (HelixListbox["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixListbox["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixListbox["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixListbox["feedback"]) | undefined;
@@ -13259,6 +13327,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"?: (HelixListbox["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixListbox["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixListbox["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixListbox["feedback"]) | undefined;
@@ -15752,6 +15824,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?: (HelixNumberInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixNumberInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixNumberInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixNumberInput["feedback"]) | undefined;
@@ -15917,6 +15993,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"?: (HelixNumberInput["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixNumberInput["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixNumberInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixNumberInput["feedback"]) | undefined;
@@ -17099,6 +17179,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?: (HelixPinInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixPinInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixPinInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixPinInput["feedback"]) | undefined;
@@ -17234,6 +17318,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"?: (HelixPinInput["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixPinInput["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixPinInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixPinInput["feedback"]) | undefined;
@@ -17771,6 +17859,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?: (HelixRadioGroup["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixRadioGroup["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixRadioGroup["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixRadioGroup["feedback"]) | undefined;
@@ -17859,6 +17951,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"?: (HelixRadioGroup["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixRadioGroup["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixRadioGroup["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixRadioGroup["feedback"]) | undefined;
@@ -18243,6 +18339,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?: (HelixRating["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixRating["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixRating["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixRating["feedback"]) | undefined;
@@ -18442,6 +18542,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"?: (HelixRating["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixRating["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixRating["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixRating["feedback"]) | undefined;
@@ -19316,6 +19420,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?: (HelixSelect["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixSelect["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixSelect["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixSelect["feedback"]) | undefined;
@@ -19480,6 +19588,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"?: (HelixSelect["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixSelect["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixSelect["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixSelect["feedback"]) | undefined;
@@ -19659,6 +19771,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?: (HelixSlider["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixSlider["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixSlider["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixSlider["feedback"]) | undefined;
@@ -19801,6 +19917,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"?: (HelixSlider["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixSlider["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixSlider["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixSlider["feedback"]) | undefined;
@@ -20901,6 +21021,10 @@ stylesheets. */
   "default-checked"?: (HelixSwitch["defaultChecked"]) | undefined;
   /** Whether the control starts checked. A form reset returns it to this state. */
   defaultChecked?: (HelixSwitch["defaultChecked"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixSwitch["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixSwitch["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixSwitch["feedback"]) | undefined;
@@ -20982,6 +21106,10 @@ stylesheets. */
   "bool:default-checked"?: (HelixSwitch["defaultChecked"]) | undefined;
   /** Whether the control starts checked. A form reset returns it to this state. */
   "prop:defaultChecked"?: (HelixSwitch["defaultChecked"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixSwitch["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixSwitch["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixSwitch["feedback"]) | undefined;
@@ -21959,6 +22087,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?: (HelixTextarea["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixTextarea["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixTextarea["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixTextarea["feedback"]) | undefined;
@@ -22120,6 +22252,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"?: (HelixTextarea["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixTextarea["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixTextarea["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixTextarea["feedback"]) | undefined;
@@ -22373,6 +22509,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?: (HelixTimeInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixTimeInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixTimeInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixTimeInput["feedback"]) | undefined;
@@ -22637,6 +22777,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"?: (HelixTimeInput["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixTimeInput["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixTimeInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixTimeInput["feedback"]) | undefined;
@@ -23475,6 +23619,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?: (HelixToggleGroup["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixToggleGroup["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixToggleGroup["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixToggleGroup["feedback"]) | undefined;
@@ -23599,6 +23747,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"?: (HelixToggleGroup["value"]) | undefined;
+  /**  */
+  "attr:aria-label"?: (HelixToggleGroup["namedBy"]) | undefined;
+  /**  */
+  "prop:namedBy"?: (HelixToggleGroup["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   "prop:feedback"?: (HelixToggleGroup["feedback"]) | undefined;
@@ -29317,6 +29469,7 @@ export type CustomElements = {
    *
    * - `orientation`: The direction the checkboxes run. Set `horizontal` for a row. Unset is a
    * column.
+   * - `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.
@@ -29512,6 +29665,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.
@@ -29928,6 +30082,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.
@@ -30522,6 +30677,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.
@@ -31510,6 +31666,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.
@@ -33160,6 +33317,7 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `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.
@@ -33826,6 +33984,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.
@@ -35022,6 +35181,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.
@@ -36196,6 +36356,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.
@@ -38567,6 +38728,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.
@@ -39736,6 +39898,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.
@@ -40349,6 +40512,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.
@@ -40737,6 +40901,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.
@@ -41845,6 +42010,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.
@@ -42208,6 +42374,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.
@@ -43359,6 +43526,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.
@@ -44403,6 +44571,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.
@@ -44669,6 +44838,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.
@@ -45618,6 +45788,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.
@@ -51054,6 +51225,7 @@ export type CustomElementsSolidJs = {
    *
    * - `orientation`: The direction the checkboxes run. Set `horizontal` for a row. Unset is a
    * column.
+   * - `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.
@@ -51252,6 +51424,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.
@@ -51676,6 +51849,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.
@@ -52276,6 +52450,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.
@@ -53276,6 +53451,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.
@@ -54959,6 +55135,7 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `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.
@@ -55640,6 +55817,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.
@@ -56859,6 +57037,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.
@@ -58057,6 +58236,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.
@@ -60491,6 +60671,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.
@@ -61686,6 +61867,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.
@@ -62316,6 +62498,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.
@@ -62712,6 +62895,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.
@@ -63847,6 +64031,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.
@@ -64219,6 +64404,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.
@@ -65397,6 +65583,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.
@@ -66469,6 +66656,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.
@@ -66738,6 +66926,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.
@@ -67707,6 +67896,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

@@ -2554,6 +2554,10 @@ export type HelixCheckboxGroupVueProps = {
   /** The direction the checkboxes run. Set `horizontal` for a row. Unset is a
 column. */
   orientation?: (HelixCheckboxGroup["orientation"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixCheckboxGroup["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixCheckboxGroup["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixCheckboxGroup["feedback"]) | undefined;
@@ -2667,6 +2671,10 @@ stylesheets. */
   "default-checked"?: (HelixCheckbox["defaultChecked"]) | undefined;
   /** Whether the control starts checked. A form reset returns it to this state. */
   defaultChecked?: (HelixCheckbox["defaultChecked"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixCheckbox["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixCheckbox["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixCheckbox["feedback"]) | undefined;
@@ -2863,6 +2871,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?: (HelixColorInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixColorInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixColorInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixColorInput["feedback"]) | undefined;
@@ -3319,6 +3331,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?: (HelixCombobox["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixCombobox["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixCombobox["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixCombobox["feedback"]) | undefined;
@@ -4061,6 +4077,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?: (HelixDateInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixDateInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixDateInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixDateInput["feedback"]) | undefined;
@@ -5014,6 +5034,10 @@ export type HelixFileInputHelixBeforeChangeElementEvent =
   HelixFileInputElementEvent<HelixBeforeChangeEvent>;
 
 export type HelixFileInputVueProps = {
+  /**  */
+  "aria-label"?: (HelixFileInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixFileInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixFileInput["feedback"]) | undefined;
@@ -5344,6 +5368,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?: (HelixFilterInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixFilterInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixFilterInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixFilterInput["feedback"]) | undefined;
@@ -6057,6 +6085,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?: (HelixInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixInput["feedback"]) | undefined;
@@ -6728,6 +6760,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?: (HelixListbox["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixListbox["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixListbox["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixListbox["feedback"]) | undefined;
@@ -8093,6 +8129,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?: (HelixNumberInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixNumberInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixNumberInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixNumberInput["feedback"]) | undefined;
@@ -8785,6 +8825,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?: (HelixPinInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixPinInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixPinInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixPinInput["feedback"]) | undefined;
@@ -9126,6 +9170,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?: (HelixRadioGroup["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixRadioGroup["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixRadioGroup["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixRadioGroup["feedback"]) | undefined;
@@ -9377,6 +9425,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?: (HelixRating["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixRating["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixRating["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixRating["feedback"]) | undefined;
@@ -9946,6 +9998,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?: (HelixSelect["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixSelect["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixSelect["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixSelect["feedback"]) | undefined;
@@ -10091,6 +10147,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?: (HelixSlider["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixSlider["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixSlider["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixSlider["feedback"]) | undefined;
@@ -10728,6 +10788,10 @@ stylesheets. */
   "default-checked"?: (HelixSwitch["defaultChecked"]) | undefined;
   /** Whether the control starts checked. A form reset returns it to this state. */
   defaultChecked?: (HelixSwitch["defaultChecked"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixSwitch["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixSwitch["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixSwitch["feedback"]) | undefined;
@@ -11267,6 +11331,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?: (HelixTextarea["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixTextarea["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixTextarea["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixTextarea["feedback"]) | undefined;
@@ -11516,6 +11584,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?: (HelixTimeInput["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixTimeInput["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixTimeInput["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixTimeInput["feedback"]) | undefined;
@@ -12047,6 +12119,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?: (HelixToggleGroup["value"]) | undefined;
+  /**  */
+  "aria-label"?: (HelixToggleGroup["namedBy"]) | undefined;
+  /**  */
+  namedBy?: (HelixToggleGroup["namedBy"]) | undefined;
   /** The validation message shown under the control. It replaces the
 browser's message. */
   feedback?: (HelixToggleGroup["feedback"]) | undefined;