@fusion.dev/helix 0.217.0 → 0.218.0

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.217.0",
+  "version": "0.218.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -69,14 +69,14 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.217.0",
-    "@fusion.dev/helix-headless": "0.217.0",
-    "@fusion.dev/helix-styles": "0.217.0",
+    "@fusion.dev/helix-core": "0.218.0",
+    "@fusion.dev/helix-headless": "0.218.0",
+    "@fusion.dev/helix-styles": "0.218.0",
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.217.0",
-    "@fusion.dev/helix-testing": "0.217.0",
+    "@fusion.dev/helix-cem": "0.218.0",
+    "@fusion.dev/helix-testing": "0.218.0",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^21.0.1",
     "@lit-labs/ssr": "^4.1.0",

package/skills/helix/SKILL.md

@@ -2,12 +2,12 @@
 name: helix
 description: Writes and checks pages built with Helix, the web components in @fusion.dev/helix. Use when building or reviewing any user interface in a project that installs @fusion.dev/helix, and when code has helix- elements, Helix tokens, or the helix command line.
 metadata:
-  version: "0.217.0"
+  version: "0.218.0"
 ---
 
 # Helix
 
-This guide is for @fusion.dev/helix 0.217.0, the version installed beside it.
+This guide is for @fusion.dev/helix 0.218.0, the version installed beside it.
 
 ## Using Helix with an agent
 

package/types/jsx.d.ts

@@ -289,6 +289,7 @@ import type {
   HelixVideoPlaylistItem,
   HelixVideoPlaylistMenu,
   HelixVirtualList,
+  HelixVoiceLevel,
 } from '@fusion.dev/helix';
 
 /**
@@ -48198,6 +48199,91 @@ it is unset, the header is the name as text. */
   textContent?: (string | number) | undefined;
 };
 
+export type HelixVoiceLevelProps = {
+  /** How loud each frequency band is, from `0` to `1`, lowest band first.
+
+Each bar of the spectrum follows one band. Where there are more or fewer
+bands than bars, each bar reads between the two nearest bands. Empty draws
+every bar from `level`. Written as an attribute, the numbers are separated
+by spaces or commas: `bands="0.1 0.4 0.6 0.3"`. Assign an array to the
+property for readings that change many times a second. */
+  bands?: (HelixVoiceLevel["bands"]) | undefined;
+  /** The name where `label` is empty. Translate it with the rest of your
+interface. */
+  "fallback-label"?: (HelixVoiceLevel["fallbackLabel"]) | undefined;
+  /** The name where `label` is empty. Translate it with the rest of your
+interface. */
+  fallbackLabel?: (HelixVoiceLevel["fallbackLabel"]) | undefined;
+  /** The name read by screen readers, such as "Your voice". Defaults to
+`fallbackLabel`. */
+  label?: (HelixVoiceLevel["label"]) | undefined;
+  /** How loud the voice is, from `0` for silence to `1`.
+
+It sets how far the waves swing, the length of the still bar under
+`prefers-reduced-motion`, and every bar of a spectrum that has no
+`bands`. A value outside the range is drawn at the nearer end. */
+  level?: (HelixVoiceLevel["level"]) | undefined;
+  /** Draws the readings as a still picture: each bar at its band and the waves
+at one fixed moment, swung as far as `level`.
+
+For a level that holds, such as the loudness of a recorded clip or a
+picture of the drawing. No frame loop runs, and each new reading is drawn
+at once with no easing. Because nothing moves, the drawing is the same
+under `prefers-reduced-motion`. Clearing it starts the motion from the
+readings as they are. */
+  still?: (HelixVoiceLevel["still"]) | undefined;
+  /** The drawing: a row of bars, one for each band, or three moving waves.
+
+Reflected because the stylesheet sizes each drawing differently. Absent
+is `spectrum`, the resting value, which selects nothing. */
+  variant?: (HelixVoiceLevel["variant"]) | undefined;
+};
+
+export type HelixVoiceLevelSolidJsProps = {
+  /** How loud each frequency band is, from `0` to `1`, lowest band first.
+
+Each bar of the spectrum follows one band. Where there are more or fewer
+bands than bars, each bar reads between the two nearest bands. Empty draws
+every bar from `level`. Written as an attribute, the numbers are separated
+by spaces or commas: `bands="0.1 0.4 0.6 0.3"`. Assign an array to the
+property for readings that change many times a second. */
+  "prop:bands"?: (HelixVoiceLevel["bands"]) | undefined;
+  /** The name where `label` is empty. Translate it with the rest of your
+interface. */
+  "attr:fallback-label"?: (HelixVoiceLevel["fallbackLabel"]) | undefined;
+  /** The name where `label` is empty. Translate it with the rest of your
+interface. */
+  "prop:fallbackLabel"?: (HelixVoiceLevel["fallbackLabel"]) | undefined;
+  /** The name read by screen readers, such as "Your voice". Defaults to
+`fallbackLabel`. */
+  "prop:label"?: (HelixVoiceLevel["label"]) | undefined;
+  /** How loud the voice is, from `0` for silence to `1`.
+
+It sets how far the waves swing, the length of the still bar under
+`prefers-reduced-motion`, and every bar of a spectrum that has no
+`bands`. A value outside the range is drawn at the nearer end. */
+  "prop:level"?: (HelixVoiceLevel["level"]) | undefined;
+  /** Draws the readings as a still picture: each bar at its band and the waves
+at one fixed moment, swung as far as `level`.
+
+For a level that holds, such as the loudness of a recorded clip or a
+picture of the drawing. No frame loop runs, and each new reading is drawn
+at once with no easing. Because nothing moves, the drawing is the same
+under `prefers-reduced-motion`. Clearing it starts the motion from the
+readings as they are. */
+  "prop:still"?: (HelixVoiceLevel["still"]) | undefined;
+  /** The drawing: a row of bars, one for each band, or three moving waves.
+
+Reflected because the stylesheet sizes each drawing differently. Absent
+is `spectrum`, the resting value, which selects nothing. */
+  "prop:variant"?: (HelixVoiceLevel["variant"]) | undefined;
+
+  /** Set the innerHTML of the element */
+  innerHTML?: (string) | undefined;
+  /** Set the textContent of the element */
+  textContent?: (string | number) | undefined;
+};
+
 export type CustomElements<F extends Framework = "other"> = {
   /**
    * The open and close transition animates `grid-template-rows` from `0fr` to
@@ -82344,6 +82430,114 @@ export type CustomElements<F extends Framework = "other"> = {
   "helix-virtual-list": Partial<
     HelixVirtualListProps & BaseProps<HelixVirtualList, F> & BaseEvents<HelixVirtualList>
   >;
+
+  /**
+   * Two drawings, chosen with `variant`:
+   *
+   * - `spectrum`: a row of thin rounded bars, one for each frequency band in
+   *   `bands`, tallest in the middle. The middle half of the row takes the
+   *   stronger color. A quiet bar rests as a dot.
+   * - `waves`: three sine lines with different speeds, phases, and weights, held
+   *   to the center line at both ends. `level` sets how far they swing, and a
+   *   quiet level rests as a flat line.
+   *
+   * Set `level` and `bands` from your audio as often as you have readings, about
+   * 30 times a second. Each bar and wave eases toward its reading: up fast and
+   * down slower. A spectrum given no `bands` draws every bar from `level`.
+   *
+   * The drawing stops when it is off screen, in a background tab, or after the
+   * level has been zero for under a second, and starts again with the next
+   * reading. With `prefers-reduced-motion`, it draws one bar from the middle
+   * over a faint track, whose length is the level, and redraws it on each
+   * reading. With `still`, it draws either drawing as a still picture of its
+   * readings, whatever the motion preference.
+   *
+   * The level is an image named by `label`. A meter's value would be announced
+   * on every change, and a level changes many times a second.
+   *
+   * Voice Level is styled only and has behavior, which the tier split does not
+   * otherwise allow. Its role and name are set on the host, and the rest is
+   * drawing to a canvas.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `bands`: How loud each frequency band is, from `0` to `1`, lowest band first.
+   *
+   * Each bar of the spectrum follows one band. Where there are more or fewer
+   * bands than bars, each bar reads between the two nearest bands. Empty draws
+   * every bar from `level`. Written as an attribute, the numbers are separated
+   * by spaces or commas: `bands="0.1 0.4 0.6 0.3"`. Assign an array to the
+   * property for readings that change many times a second.
+   * - `fallback-label`/`fallbackLabel`: The name where `label` is empty. Translate it with the rest of your
+   * interface.
+   * - `label`: The name read by screen readers, such as "Your voice". Defaults to
+   * `fallbackLabel`.
+   * - `level`: How loud the voice is, from `0` for silence to `1`.
+   *
+   * It sets how far the waves swing, the length of the still bar under
+   * `prefers-reduced-motion`, and every bar of a spectrum that has no
+   * `bands`. A value outside the range is drawn at the nearer end.
+   * - `still`: Draws the readings as a still picture: each bar at its band and the waves
+   * at one fixed moment, swung as far as `level`.
+   *
+   * For a level that holds, such as the loudness of a recorded clip or a
+   * picture of the drawing. No frame loop runs, and each new reading is drawn
+   * at once with no easing. Because nothing moves, the drawing is the same
+   * under `prefers-reduced-motion`. Clearing it starts the motion from the
+   * readings as they are.
+   * - `variant`: The drawing: a row of bars, one for each band, or three moving waves.
+   *
+   * Reflected because the stylesheet sizes each drawing differently. Absent
+   * is `spectrum`, the resting value, which selects nothing.
+   * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
+   *
+   * **Named `whenSettled` because `settled` is taken four times over**, by
+   * Image, Splitter and both color controls, none of them about transitions. A
+   * base class takes the name every subclass then cannot use.
+   *
+   * **The state it reports cannot be watched, which is why this exists.** A
+   * custom state is deliberately not in the DOM, so there is no
+   * `MutationObserver` equivalent for `ElementInternals.states`. Await this
+   * instead.
+   *
+   * Separate from `updateComplete`, which resolves in the microtask checkpoint
+   * the suppression is still active in. That is the distinction `readyToMove`
+   * in `@fusion.dev/helix-testing` is written around.
+   *
+   * It never resolves where `requestAnimationFrame` never fires, which is a
+   * server, a hidden tab, and happy-dom. Callers that must not hang there race
+   * it against a timeout, as the happy-dom harness's `readyToMove` does. The
+   * browser harness's awaits it alone: a browser always runs the frame, and a
+   * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--voice-level-accent-color`: The color of the second wave. Defaults to the accent color.
+   * - `--voice-level-bars`: How many bars the spectrum draws, from 3 to 96. Defaults to `24`.
+   * - `--voice-level-block-size`: The height. Defaults to the icon size for `spectrum` and the control size for `waves`.
+   * - `--voice-level-color`: The color of the center bars and the main wave. Defaults to the primary color.
+   * - `--voice-level-edge-color`: The color of the bars at either end. Defaults to `--voice-level-color` at 55 percent.
+   * - `--voice-level-inline-size`: The width. Defaults to four times the height for `spectrum` and three times for `waves`.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `canvas`: The canvas the level is drawn on.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-voice-level": Partial<
+    HelixVoiceLevelProps & BaseProps<HelixVoiceLevel, F> & BaseEvents<HelixVoiceLevel>
+  >;
 };
 
 export type CustomElementsSolidJs = {
@@ -117026,6 +117220,117 @@ export type CustomElementsSolidJs = {
       BaseProps<HelixVirtualList, "solid"> &
       BaseEvents<HelixVirtualList>
   >;
+
+  /**
+   * Two drawings, chosen with `variant`:
+   *
+   * - `spectrum`: a row of thin rounded bars, one for each frequency band in
+   *   `bands`, tallest in the middle. The middle half of the row takes the
+   *   stronger color. A quiet bar rests as a dot.
+   * - `waves`: three sine lines with different speeds, phases, and weights, held
+   *   to the center line at both ends. `level` sets how far they swing, and a
+   *   quiet level rests as a flat line.
+   *
+   * Set `level` and `bands` from your audio as often as you have readings, about
+   * 30 times a second. Each bar and wave eases toward its reading: up fast and
+   * down slower. A spectrum given no `bands` draws every bar from `level`.
+   *
+   * The drawing stops when it is off screen, in a background tab, or after the
+   * level has been zero for under a second, and starts again with the next
+   * reading. With `prefers-reduced-motion`, it draws one bar from the middle
+   * over a faint track, whose length is the level, and redraws it on each
+   * reading. With `still`, it draws either drawing as a still picture of its
+   * readings, whatever the motion preference.
+   *
+   * The level is an image named by `label`. A meter's value would be announced
+   * on every change, and a level changes many times a second.
+   *
+   * Voice Level is styled only and has behavior, which the tier split does not
+   * otherwise allow. Its role and name are set on the host, and the rest is
+   * drawing to a canvas.
+   *
+   * ## Attributes & Properties
+   *
+   * Component attributes and properties that can be applied to the element or by using JavaScript.
+   *
+   * - `bands`: How loud each frequency band is, from `0` to `1`, lowest band first.
+   *
+   * Each bar of the spectrum follows one band. Where there are more or fewer
+   * bands than bars, each bar reads between the two nearest bands. Empty draws
+   * every bar from `level`. Written as an attribute, the numbers are separated
+   * by spaces or commas: `bands="0.1 0.4 0.6 0.3"`. Assign an array to the
+   * property for readings that change many times a second.
+   * - `fallback-label`/`fallbackLabel`: The name where `label` is empty. Translate it with the rest of your
+   * interface.
+   * - `label`: The name read by screen readers, such as "Your voice". Defaults to
+   * `fallbackLabel`.
+   * - `level`: How loud the voice is, from `0` for silence to `1`.
+   *
+   * It sets how far the waves swing, the length of the still bar under
+   * `prefers-reduced-motion`, and every bar of a spectrum that has no
+   * `bands`. A value outside the range is drawn at the nearer end.
+   * - `still`: Draws the readings as a still picture: each bar at its band and the waves
+   * at one fixed moment, swung as far as `level`.
+   *
+   * For a level that holds, such as the loudness of a recorded clip or a
+   * picture of the drawing. No frame loop runs, and each new reading is drawn
+   * at once with no easing. Because nothing moves, the drawing is the same
+   * under `prefers-reduced-motion`. Clearing it starts the motion from the
+   * readings as they are.
+   * - `variant`: The drawing: a row of bars, one for each band, or three moving waves.
+   *
+   * Reflected because the stylesheet sizes each drawing differently. Absent
+   * is `spectrum`, the resting value, which selects nothing.
+   * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
+   *
+   * **Named `whenSettled` because `settled` is taken four times over**, by
+   * Image, Splitter and both color controls, none of them about transitions. A
+   * base class takes the name every subclass then cannot use.
+   *
+   * **The state it reports cannot be watched, which is why this exists.** A
+   * custom state is deliberately not in the DOM, so there is no
+   * `MutationObserver` equivalent for `ElementInternals.states`. Await this
+   * instead.
+   *
+   * Separate from `updateComplete`, which resolves in the microtask checkpoint
+   * the suppression is still active in. That is the distinction `readyToMove`
+   * in `@fusion.dev/helix-testing` is written around.
+   *
+   * It never resolves where `requestAnimationFrame` never fires, which is a
+   * server, a hidden tab, and happy-dom. Callers that must not hang there race
+   * it against a timeout, as the happy-dom harness's `readyToMove` does. The
+   * browser harness's awaits it alone: a browser always runs the frame, and a
+   * timer beside it was a bet on how long one takes, which a busy run lost. (property only) (readonly)
+   *
+   * ## CSS Custom Properties
+   *
+   * CSS variables available for styling the component.
+   *
+   * - `--voice-level-accent-color`: The color of the second wave. Defaults to the accent color.
+   * - `--voice-level-bars`: How many bars the spectrum draws, from 3 to 96. Defaults to `24`.
+   * - `--voice-level-block-size`: The height. Defaults to the icon size for `spectrum` and the control size for `waves`.
+   * - `--voice-level-color`: The color of the center bars and the main wave. Defaults to the primary color.
+   * - `--voice-level-edge-color`: The color of the bars at either end. Defaults to `--voice-level-color` at 55 percent.
+   * - `--voice-level-inline-size`: The width. Defaults to four times the height for `spectrum` and three times for `waves`.
+   *
+   * ## CSS Parts
+   *
+   * Custom selectors for styling elements within the component.
+   *
+   * - `canvas`: The canvas the level is drawn on.
+   *
+   * ## CSS States
+   *
+   * These can be used to apply styling when a component is in a given state.
+   *
+   * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
+   */
+  "helix-voice-level": Partial<
+    HelixVoiceLevelProps &
+      HelixVoiceLevelSolidJsProps &
+      BaseProps<HelixVoiceLevel, "solid"> &
+      BaseEvents<HelixVoiceLevel>
+  >;
 };
 
 export type CustomCssProperties = {
@@ -119819,6 +120124,18 @@ export type CustomCssProperties = {
   "--virtual-list-selected-background-color"?: (string) | undefined;
   /** The color of the text in a chosen row, in a list with `selection-mode`. Inherited by default. */
   "--virtual-list-selected-color"?: (string) | undefined;
+  /** The color of the second wave. Defaults to the accent color. */
+  "--voice-level-accent-color"?: (string) | undefined;
+  /** How many bars the spectrum draws, from 3 to 96. Defaults to `24`. */
+  "--voice-level-bars"?: (string) | undefined;
+  /** The height. Defaults to the icon size for `spectrum` and the control size for `waves`. */
+  "--voice-level-block-size"?: (string) | undefined;
+  /** The color of the center bars and the main wave. Defaults to the primary color. */
+  "--voice-level-color"?: (string) | undefined;
+  /** The color of the bars at either end. Defaults to `--voice-level-color` at 55 percent. */
+  "--voice-level-edge-color"?: (string) | undefined;
+  /** The width. Defaults to four times the height for `spectrum` and three times for `waves`. */
+  "--voice-level-inline-size"?: (string) | undefined;
 };
 
 declare module "react" {

package/types/svelte.d.ts

@@ -208,6 +208,7 @@ declare module 'svelte/elements' {
     'helix-video-playlist': Helix<'helix-video-playlist'>
     'helix-video': Helix<'helix-video'>
     'helix-virtual-list': Helix<'helix-virtual-list'>
+    'helix-voice-level': Helix<'helix-voice-level'>
   }
 }
 

package/types/vue.d.ts

@@ -289,6 +289,7 @@ import type {
   HelixVideoPlaylistItem,
   HelixVideoPlaylistMenu,
   HelixVirtualList,
+  HelixVoiceLevel,
 } from '@fusion.dev/helix';
 import type { HTMLAttributes, PublicProps, EmitFn, EmitsToProps } from "vue";
 
@@ -24650,6 +24651,48 @@ export type HelixVirtualListVueEvents = {
   "helix-reorder": HelixVirtualListHelixReorderElementEvent;
 };
 
+export type HelixVoiceLevelVueProps = {
+  /** How loud each frequency band is, from `0` to `1`, lowest band first.
+
+Each bar of the spectrum follows one band. Where there are more or fewer
+bands than bars, each bar reads between the two nearest bands. Empty draws
+every bar from `level`. Written as an attribute, the numbers are separated
+by spaces or commas: `bands="0.1 0.4 0.6 0.3"`. Assign an array to the
+property for readings that change many times a second. */
+  bands?: (HelixVoiceLevel["bands"]) | undefined;
+  /** The name where `label` is empty. Translate it with the rest of your
+interface. */
+  "fallback-label"?: (HelixVoiceLevel["fallbackLabel"]) | undefined;
+  /** The name where `label` is empty. Translate it with the rest of your
+interface. */
+  fallbackLabel?: (HelixVoiceLevel["fallbackLabel"]) | undefined;
+  /** The name read by screen readers, such as "Your voice". Defaults to
+`fallbackLabel`. */
+  label?: (HelixVoiceLevel["label"]) | undefined;
+  /** How loud the voice is, from `0` for silence to `1`.
+
+It sets how far the waves swing, the length of the still bar under
+`prefers-reduced-motion`, and every bar of a spectrum that has no
+`bands`. A value outside the range is drawn at the nearer end. */
+  level?: (HelixVoiceLevel["level"]) | undefined;
+  /** Draws the readings as a still picture: each bar at its band and the waves
+at one fixed moment, swung as far as `level`.
+
+For a level that holds, such as the loudness of a recorded clip or a
+picture of the drawing. No frame loop runs, and each new reading is drawn
+at once with no easing. Because nothing moves, the drawing is the same
+under `prefers-reduced-motion`. Clearing it starts the motion from the
+readings as they are. */
+  still?: (HelixVoiceLevel["still"]) | undefined;
+  /** The drawing: a row of bars, one for each band, or three moving waves.
+
+Reflected because the stylesheet sizes each drawing differently. Absent
+is `spectrum`, the resting value, which selects nothing. */
+  variant?: (HelixVoiceLevel["variant"]) | undefined;
+};
+
+export type HelixVoiceLevelVueEvents = {};
+
 export type CustomCssProperties = {
   /** The color of the open and close indicator. */
   "--accordion-item-chevron-color"?: (string) | undefined;
@@ -27441,6 +27484,18 @@ export type CustomCssProperties = {
   "--virtual-list-selected-background-color"?: (string) | undefined;
   /** The color of the text in a chosen row, in a list with `selection-mode`. Inherited by default. */
   "--virtual-list-selected-color"?: (string) | undefined;
+  /** The color of the second wave. Defaults to the accent color. */
+  "--voice-level-accent-color"?: (string) | undefined;
+  /** How many bars the spectrum draws, from 3 to 96. Defaults to `24`. */
+  "--voice-level-bars"?: (string) | undefined;
+  /** The height. Defaults to the icon size for `spectrum` and the control size for `waves`. */
+  "--voice-level-block-size"?: (string) | undefined;
+  /** The color of the center bars and the main wave. Defaults to the primary color. */
+  "--voice-level-color"?: (string) | undefined;
+  /** The color of the bars at either end. Defaults to `--voice-level-color` at 55 percent. */
+  "--voice-level-edge-color"?: (string) | undefined;
+  /** The width. Defaults to four times the height for `spectrum` and three times for `waves`. */
+  "--voice-level-inline-size"?: (string) | undefined;
 };
 
 // Vue SFC template type-checking (GlobalComponents) for non-Vue custom elements.
@@ -28521,6 +28576,12 @@ export interface WcToolkitVueGlobalComponents {
     HelixVirtualListVueProps,
     HelixVirtualListVueEvents
   >;
+  /** Two drawings, chosen with 'variant':  - 'spectrum': a row of thin rounded bars, one for each frequency band in   'bands', tallest in the middle. The middle half of the row takes the   stronger color. A quiet bar rests as a dot. - 'waves': three sine lines with different speeds, phases, and weights, held   to the center line at both ends. 'level' sets how far they swing, and a   quiet level rests as a flat line.  Set 'level' and 'bands' from your audio as often as you have readings, about 30 times a second. Each bar and wave eases toward its reading: up fast and down slower. A spectrum given no 'bands' draws every bar from 'level'.  The drawing stops when it is off screen, in a background tab, or after the level has been zero for under a second, and starts again with the next reading. With 'prefers-reduced-motion', it draws one bar from the middle over a faint track, whose length is the level, and redraws it on each reading. With 'still', it draws either drawing as a still picture of its readings, whatever the motion preference.  The level is an image named by 'label'. A meter's value would be announced on every change, and a level changes many times a second.  Voice Level is styled only and has behavior, which the tier split does not otherwise allow. Its role and name are set on the host, and the rest is drawing to a canvas. */
+  "helix-voice-level": DefineCustomElement<
+    HelixVoiceLevel,
+    HelixVoiceLevelVueProps,
+    HelixVoiceLevelVueEvents
+  >;
 }
 
 declare module "@vue/runtime-core" {

package/types/words.d.ts

@@ -5416,5 +5416,14 @@ declare module '@fusion.dev/helix-core' {
        */
       loadingLabel: Message
     }
+    'helix-voice-level': {
+      /**
+       * The name where `label` is empty. Translate it with the rest of your
+       * interface.
+       *
+       * English: `Voice level`
+       */
+      fallbackLabel: Message
+    }
   }
 }