@fusion.dev/helix 0.151.0 → 0.152.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.151.0",
+  "version": "0.152.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -54,13 +54,13 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.151.0",
-    "@fusion.dev/helix-headless": "0.151.0",
-    "@fusion.dev/helix-styles": "0.151.0"
+    "@fusion.dev/helix-core": "0.152.0",
+    "@fusion.dev/helix-headless": "0.152.0",
+    "@fusion.dev/helix-styles": "0.152.0"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.151.0",
-    "@fusion.dev/helix-testing": "0.151.0",
+    "@fusion.dev/helix-cem": "0.152.0",
+    "@fusion.dev/helix-testing": "0.152.0",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.14.5",
     "@lit-labs/ssr": "^4.1.0",

package/types/jsx.d.ts

@@ -1109,6 +1109,22 @@ the wordmark and the actions happen to measure.
 takes a search field or a breadcrumb trail as readily as a `Navigation`, so
 the property carries the part's name, `content`. */
   contentAlign?: (HelixAppHeader["contentAlign"]) | undefined;
+  /** The width of the bar, in pixels, below which the middle region folds behind
+a toggle. Unset, it never folds. */
+  "fold-below"?: (HelixAppHeader["foldBelow"] | `${number}`) | undefined;
+  /** The width of the bar, in pixels, below which the middle region folds behind
+a toggle. Unset, it never folds. */
+  foldBelow?: (HelixAppHeader["foldBelow"]) | undefined;
+  /** Hides the bar as the page scrolls down past it, and shows it again as the
+page scrolls up. */
+  "hide-on-scroll"?: (HelixAppHeader["hideOnScroll"]) | undefined;
+  /** Hides the bar as the page scrolls down past it, and shows it again as the
+page scrolls up. */
+  hideOnScroll?: (HelixAppHeader["hideOnScroll"]) | undefined;
+  /** The name of the toggle that opens a folded middle region. */
+  "menu-label"?: (HelixAppHeader["menuLabel"]) | undefined;
+  /** The name of the toggle that opens a folded middle region. */
+  menuLabel?: (HelixAppHeader["menuLabel"]) | undefined;
   /** The id of the element whose scrolling lifts the bar, for an app shell that
 scrolls a container instead of the window. Unset is the window. */
   scroller?: (HelixAppHeader["scroller"]) | undefined;
@@ -1198,6 +1214,22 @@ the wordmark and the actions happen to measure.
 takes a search field or a breadcrumb trail as readily as a `Navigation`, so
 the property carries the part's name, `content`. */
   "prop:contentAlign"?: (HelixAppHeader["contentAlign"]) | undefined;
+  /** The width of the bar, in pixels, below which the middle region folds behind
+a toggle. Unset, it never folds. */
+  "attr:fold-below"?: (HelixAppHeader["foldBelow"] | `${number}`) | undefined;
+  /** The width of the bar, in pixels, below which the middle region folds behind
+a toggle. Unset, it never folds. */
+  "prop:foldBelow"?: (HelixAppHeader["foldBelow"]) | undefined;
+  /** Hides the bar as the page scrolls down past it, and shows it again as the
+page scrolls up. */
+  "bool:hide-on-scroll"?: (HelixAppHeader["hideOnScroll"]) | undefined;
+  /** Hides the bar as the page scrolls down past it, and shows it again as the
+page scrolls up. */
+  "prop:hideOnScroll"?: (HelixAppHeader["hideOnScroll"]) | undefined;
+  /** The name of the toggle that opens a folded middle region. */
+  "attr:menu-label"?: (HelixAppHeader["menuLabel"]) | undefined;
+  /** The name of the toggle that opens a folded middle region. */
+  "prop:menuLabel"?: (HelixAppHeader["menuLabel"]) | undefined;
   /** The id of the element whose scrolling lifts the bar, for an app shell that
 scrolls a container instead of the window. Unset is the window. */
   "prop:scroller"?: (HelixAppHeader["scroller"]) | undefined;
@@ -12442,8 +12474,14 @@ first, `handleCancel` prevents it, and `requestOpen` decides. So
 `closedby="any"` gains light dismiss without giving up the refusal, which is
 the property this component exists to keep.
 
+The press on the backdrop that this element handles itself follows it too:
+`closerequest` and `none` leave the dialog open on that press, as the
+platform does, and `none` also keeps it open on Escape in a browser without
+`closedby`.
+
 Absent by default, which is the platform's `auto` and this library's rule
-that a resting value is an attribute's absence. */
+that a resting value is an attribute's absence. Absent, a press on the
+backdrop closes the dialog. */
   closedby?: (HelixDialog["closedBy"]) | undefined;
   /** Which close requests the browser handles on its own.
 
@@ -12453,8 +12491,14 @@ first, `handleCancel` prevents it, and `requestOpen` decides. So
 `closedby="any"` gains light dismiss without giving up the refusal, which is
 the property this component exists to keep.
 
+The press on the backdrop that this element handles itself follows it too:
+`closerequest` and `none` leave the dialog open on that press, as the
+platform does, and `none` also keeps it open on Escape in a browser without
+`closedby`.
+
 Absent by default, which is the platform's `auto` and this library's rule
-that a resting value is an attribute's absence. */
+that a resting value is an attribute's absence. Absent, a press on the
+backdrop closes the dialog. */
   closedBy?: (HelixDialog["closedBy"]) | undefined;
   /** Draws a control that closes the dialog, in the corner where the title is.
 
@@ -12602,8 +12646,14 @@ first, `handleCancel` prevents it, and `requestOpen` decides. So
 `closedby="any"` gains light dismiss without giving up the refusal, which is
 the property this component exists to keep.
 
+The press on the backdrop that this element handles itself follows it too:
+`closerequest` and `none` leave the dialog open on that press, as the
+platform does, and `none` also keeps it open on Escape in a browser without
+`closedby`.
+
 Absent by default, which is the platform's `auto` and this library's rule
-that a resting value is an attribute's absence. */
+that a resting value is an attribute's absence. Absent, a press on the
+backdrop closes the dialog. */
   "attr:closedby"?: (HelixDialog["closedBy"]) | undefined;
   /** Which close requests the browser handles on its own.
 
@@ -12613,8 +12663,14 @@ first, `handleCancel` prevents it, and `requestOpen` decides. So
 `closedby="any"` gains light dismiss without giving up the refusal, which is
 the property this component exists to keep.
 
+The press on the backdrop that this element handles itself follows it too:
+`closerequest` and `none` leave the dialog open on that press, as the
+platform does, and `none` also keeps it open on Escape in a browser without
+`closedby`.
+
 Absent by default, which is the platform's `auto` and this library's rule
-that a resting value is an attribute's absence. */
+that a resting value is an attribute's absence. Absent, a press on the
+backdrop closes the dialog. */
   "prop:closedBy"?: (HelixDialog["closedBy"]) | undefined;
   /** Draws a control that closes the dialog, in the corner where the title is.
 
@@ -13130,6 +13186,12 @@ lost its focus trap because a consumer forgot a word would be worse than an
 attribute on the host, and nothing selects on it: the scrim is rendered or
 not, rather than shown or hidden by CSS. */
   modal?: (HelixDrawer["modal"]) | undefined;
+  /** Stops Escape, a press outside, and a swipe from closing the drawer, for a
+drawer that has to be answered.
+
+The close control and `close()` still close it, as on `Dialog`: a panel
+with no way out at all is a trap. */
+  persistent?: (HelixDrawer["persistent"]) | undefined;
   /** Which edge the drawer comes from.
 
 Unset is `end`, and it stays unset rather than being written down: a
@@ -13269,6 +13331,12 @@ lost its focus trap because a consumer forgot a word would be worse than an
 attribute on the host, and nothing selects on it: the scrim is rendered or
 not, rather than shown or hidden by CSS. */
   "prop:modal"?: (HelixDrawer["modal"]) | undefined;
+  /** Stops Escape, a press outside, and a swipe from closing the drawer, for a
+drawer that has to be answered.
+
+The close control and `close()` still close it, as on `Dialog`: a panel
+with no way out at all is a trap. */
+  "prop:persistent"?: (HelixDrawer["persistent"]) | undefined;
   /** Which edge the drawer comes from.
 
 Unset is `end`, and it stays unset rather than being written down: a
@@ -29246,6 +29314,9 @@ Reading gives where it is; writing declares it the consumer's, and
 `default-position` seeds one this element owns. The same accessor pair
 `Pagination.page` and the calendar's `month` carry. */
   position?: (HelixSplitter["position"]) | undefined;
+  /** The pane that keeps its size when the splitter's own size changes. The
+other pane takes all of the change. Unset, both keep their share. */
+  primary?: (HelixSplitter["primary"]) | undefined;
   /** Where a dragged divider snaps, comma separated, as Web Awesome's split
 panel does: a bare number is a percentage and a length such as `240px` is
 measured along the splitter, so `snap="25, 50, 75"` or `snap="240px, 50"`.
@@ -29399,6 +29470,9 @@ Reading gives where it is; writing declares it the consumer's, and
 `default-position` seeds one this element owns. The same accessor pair
 `Pagination.page` and the calendar's `month` carry. */
   "prop:position"?: (HelixSplitter["position"]) | undefined;
+  /** The pane that keeps its size when the splitter's own size changes. The
+other pane takes all of the change. Unset, both keep their share. */
+  "prop:primary"?: (HelixSplitter["primary"]) | undefined;
   /** Where a dragged divider snaps, comma separated, as Web Awesome's split
 panel does: a bare number is a percentage and a length such as `240px` is
 measured along the splitter, so `snap="25, 50, 75"` or `snap="240px, 50"`.
@@ -37387,6 +37461,11 @@ export type CustomElements = {
    * **Named for the region and not for what is usually in it.** The middle slot
    * takes a search field or a breadcrumb trail as readily as a `Navigation`, so
    * the property carries the part's name, `content`.
+   * - `fold-below`/`foldBelow`: The width of the bar, in pixels, below which the middle region folds behind
+   * a toggle. Unset, it never folds.
+   * - `hide-on-scroll`/`hideOnScroll`: Hides the bar as the page scrolls down past it, and shows it again as the
+   * page scrolls up.
+   * - `menu-label`/`menuLabel`: The name of the toggle that opens a folded middle region.
    * - `scroller`: The id of the element whose scrolling lifts the bar, for an app shell that
    * scrolls a container instead of the window. Unset is the window.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -37423,6 +37502,7 @@ export type CustomElements = {
    * - `(default)`: The middle region, usually a `Navigation`.
    * - `end`: Trailing content, usually a call to action.
    * - `start`: Leading content, usually a wordmark.
+   * - `menu-icon`: Replaces the glyph inside the toggle that opens a folded middle region.
    *
    * ## CSS Custom Properties
    *
@@ -37443,11 +37523,16 @@ export type CustomElements = {
    * - `end`: The trailing region.
    * - `row`: The centered row inside the banner.
    * - `start`: The leading region.
+   * - `toggle`: The control that opens and closes the folded middle region, drawn while the bar is narrower than `fold-below`.
+   * - `toggle-mark`: The glyph on the toggle, where none is slotted.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `folded`: While the bar is narrower than `fold-below`, and the middle region is behind the toggle.
+   * - `hidden`: While `hide-on-scroll` has the bar out of the way, after a scroll down.
+   * - `open`: While the folded middle region is open.
    * - `scrolled`: While the page is scrolled down from the top, which is when the bar lifts off it.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -44881,8 +44966,14 @@ export type CustomElements = {
    * `closedby="any"` gains light dismiss without giving up the refusal, which is
    * the property this component exists to keep.
    *
+   * The press on the backdrop that this element handles itself follows it too:
+   * `closerequest` and `none` leave the dialog open on that press, as the
+   * platform does, and `none` also keeps it open on Escape in a browser without
+   * `closedby`.
+   *
    * Absent by default, which is the platform's `auto` and this library's rule
-   * that a resting value is an attribute's absence.
+   * that a resting value is an attribute's absence. Absent, a press on the
+   * backdrop closes the dialog.
    * - `dismissible`: Draws a control that closes the dialog, in the corner where the title is.
    *
    * Pressing it is `close()`, so it sends `helix-before-close` like every other
@@ -45469,6 +45560,11 @@ export type CustomElements = {
    * lost its focus trap because a consumer forgot a word would be worse than an
    * attribute on the host, and nothing selects on it: the scrim is rendered or
    * not, rather than shown or hidden by CSS.
+   * - `persistent`: Stops Escape, a press outside, and a swipe from closing the drawer, for a
+   * drawer that has to be answered.
+   *
+   * The close control and `close()` still close it, as on `Dialog`: a panel
+   * with no way out at all is a trap.
    * - `placement`: Which edge the drawer comes from.
    *
    * Unset is `end`, and it stays unset rather than being written down: a
@@ -58397,6 +58493,8 @@ export type CustomElements = {
    * Reading gives where it is; writing declares it the consumer's, and
    * `default-position` seeds one this element owns. The same accessor pair
    * `Pagination.page` and the calendar's `month` carry.
+   * - `primary`: The pane that keeps its size when the splitter's own size changes. The
+   * other pane takes all of the change. Unset, both keep their share.
    * - `snap`: Where a dragged divider snaps, comma separated, as Web Awesome's split
    * panel does: a bare number is a percentage and a length such as `240px` is
    * measured along the splitter, so `snap="25, 50, 75"` or `snap="240px, 50"`.
@@ -58799,7 +58897,14 @@ export type CustomElements = {
   "helix-steps": Partial<HelixStepsProps & BaseProps<HelixSteps> & BaseEvents<HelixSteps>>;
 
   /**
+   * A step draws its mark, its name as a `helix-button`, and the line that joins
+   * it to the steps either side. The mark is a tick on a finished step, a dot
+   * on the current one, and an empty ring on one nobody has reached. Where the
+   * list sets `variant="numeric"`, it is the step's number.
    *
+   * Down a column, the current step opens to show what is in its `content` slot,
+   * and the others collapse it. A collapsed stage's content is hidden, so Tab and
+   * a screen reader pass over it as well.
    *
    * ## Attributes & Properties
    *
@@ -64754,6 +64859,11 @@ export type CustomElementsSolidJs = {
    * **Named for the region and not for what is usually in it.** The middle slot
    * takes a search field or a breadcrumb trail as readily as a `Navigation`, so
    * the property carries the part's name, `content`.
+   * - `fold-below`/`foldBelow`: The width of the bar, in pixels, below which the middle region folds behind
+   * a toggle. Unset, it never folds.
+   * - `hide-on-scroll`/`hideOnScroll`: Hides the bar as the page scrolls down past it, and shows it again as the
+   * page scrolls up.
+   * - `menu-label`/`menuLabel`: The name of the toggle that opens a folded middle region.
    * - `scroller`: The id of the element whose scrolling lifts the bar, for an app shell that
    * scrolls a container instead of the window. Unset is the window.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -64790,6 +64900,7 @@ export type CustomElementsSolidJs = {
    * - `(default)`: The middle region, usually a `Navigation`.
    * - `end`: Trailing content, usually a call to action.
    * - `start`: Leading content, usually a wordmark.
+   * - `menu-icon`: Replaces the glyph inside the toggle that opens a folded middle region.
    *
    * ## CSS Custom Properties
    *
@@ -64810,11 +64921,16 @@ export type CustomElementsSolidJs = {
    * - `end`: The trailing region.
    * - `row`: The centered row inside the banner.
    * - `start`: The leading region.
+   * - `toggle`: The control that opens and closes the folded middle region, drawn while the bar is narrower than `fold-below`.
+   * - `toggle-mark`: The glyph on the toggle, where none is slotted.
    *
    * ## CSS States
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `folded`: While the bar is narrower than `fold-below`, and the middle region is behind the toggle.
+   * - `hidden`: While `hide-on-scroll` has the bar out of the way, after a scroll down.
+   * - `open`: While the folded middle region is open.
    * - `scrolled`: While the page is scrolled down from the top, which is when the bar lifts off it.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
    */
@@ -72349,8 +72465,14 @@ export type CustomElementsSolidJs = {
    * `closedby="any"` gains light dismiss without giving up the refusal, which is
    * the property this component exists to keep.
    *
+   * The press on the backdrop that this element handles itself follows it too:
+   * `closerequest` and `none` leave the dialog open on that press, as the
+   * platform does, and `none` also keeps it open on Escape in a browser without
+   * `closedby`.
+   *
    * Absent by default, which is the platform's `auto` and this library's rule
-   * that a resting value is an attribute's absence.
+   * that a resting value is an attribute's absence. Absent, a press on the
+   * backdrop closes the dialog.
    * - `dismissible`: Draws a control that closes the dialog, in the corner where the title is.
    *
    * Pressing it is `close()`, so it sends `helix-before-close` like every other
@@ -72946,6 +73068,11 @@ export type CustomElementsSolidJs = {
    * lost its focus trap because a consumer forgot a word would be worse than an
    * attribute on the host, and nothing selects on it: the scrim is rendered or
    * not, rather than shown or hidden by CSS.
+   * - `persistent`: Stops Escape, a press outside, and a swipe from closing the drawer, for a
+   * drawer that has to be answered.
+   *
+   * The close control and `close()` still close it, as on `Dialog`: a panel
+   * with no way out at all is a trap.
    * - `placement`: Which edge the drawer comes from.
    *
    * Unset is `end`, and it stays unset rather than being written down: a
@@ -86126,6 +86253,8 @@ export type CustomElementsSolidJs = {
    * Reading gives where it is; writing declares it the consumer's, and
    * `default-position` seeds one this element owns. The same accessor pair
    * `Pagination.page` and the calendar's `month` carry.
+   * - `primary`: The pane that keeps its size when the splitter's own size changes. The
+   * other pane takes all of the change. Unset, both keep their share.
    * - `snap`: Where a dragged divider snaps, comma separated, as Web Awesome's split
    * panel does: a bare number is a percentage and a length such as `240px` is
    * measured along the splitter, so `snap="25, 50, 75"` or `snap="240px, 50"`.
@@ -86541,7 +86670,14 @@ export type CustomElementsSolidJs = {
   >;
 
   /**
-   *
+   * A step draws its mark, its name as a `helix-button`, and the line that joins
+   * it to the steps either side. The mark is a tick on a finished step, a dot
+   * on the current one, and an empty ring on one nobody has reached. Where the
+   * list sets `variant="numeric"`, it is the step's number.
+   *
+   * Down a column, the current step opens to show what is in its `content` slot,
+   * and the others collapse it. A collapsed stage's content is hidden, so Tab and
+   * a screen reader pass over it as well.
    *
    * ## Attributes & Properties
    *

package/types/vue.d.ts

@@ -650,6 +650,22 @@ the wordmark and the actions happen to measure.
 takes a search field or a breadcrumb trail as readily as a `Navigation`, so
 the property carries the part's name, `content`. */
   contentAlign?: (HelixAppHeader["contentAlign"]) | undefined;
+  /** The width of the bar, in pixels, below which the middle region folds behind
+a toggle. Unset, it never folds. */
+  "fold-below"?: (HelixAppHeader["foldBelow"] | `${number}`) | undefined;
+  /** The width of the bar, in pixels, below which the middle region folds behind
+a toggle. Unset, it never folds. */
+  foldBelow?: (HelixAppHeader["foldBelow"]) | undefined;
+  /** Hides the bar as the page scrolls down past it, and shows it again as the
+page scrolls up. */
+  "hide-on-scroll"?: (HelixAppHeader["hideOnScroll"]) | undefined;
+  /** Hides the bar as the page scrolls down past it, and shows it again as the
+page scrolls up. */
+  hideOnScroll?: (HelixAppHeader["hideOnScroll"]) | undefined;
+  /** The name of the toggle that opens a folded middle region. */
+  "menu-label"?: (HelixAppHeader["menuLabel"]) | undefined;
+  /** The name of the toggle that opens a folded middle region. */
+  menuLabel?: (HelixAppHeader["menuLabel"]) | undefined;
   /** The id of the element whose scrolling lifts the bar, for an app shell that
 scrolls a container instead of the window. Unset is the window. */
   scroller?: (HelixAppHeader["scroller"]) | undefined;
@@ -6422,8 +6438,14 @@ first, `handleCancel` prevents it, and `requestOpen` decides. So
 `closedby="any"` gains light dismiss without giving up the refusal, which is
 the property this component exists to keep.
 
+The press on the backdrop that this element handles itself follows it too:
+`closerequest` and `none` leave the dialog open on that press, as the
+platform does, and `none` also keeps it open on Escape in a browser without
+`closedby`.
+
 Absent by default, which is the platform's `auto` and this library's rule
-that a resting value is an attribute's absence. */
+that a resting value is an attribute's absence. Absent, a press on the
+backdrop closes the dialog. */
   closedby?: (HelixDialog["closedBy"]) | undefined;
   /** Which close requests the browser handles on its own.
 
@@ -6433,8 +6455,14 @@ first, `handleCancel` prevents it, and `requestOpen` decides. So
 `closedby="any"` gains light dismiss without giving up the refusal, which is
 the property this component exists to keep.
 
+The press on the backdrop that this element handles itself follows it too:
+`closerequest` and `none` leave the dialog open on that press, as the
+platform does, and `none` also keeps it open on Escape in a browser without
+`closedby`.
+
 Absent by default, which is the platform's `auto` and this library's rule
-that a resting value is an attribute's absence. */
+that a resting value is an attribute's absence. Absent, a press on the
+backdrop closes the dialog. */
   closedBy?: (HelixDialog["closedBy"]) | undefined;
   /** Draws a control that closes the dialog, in the corner where the title is.
 
@@ -6767,6 +6795,12 @@ lost its focus trap because a consumer forgot a word would be worse than an
 attribute on the host, and nothing selects on it: the scrim is rendered or
 not, rather than shown or hidden by CSS. */
   modal?: (HelixDrawer["modal"]) | undefined;
+  /** Stops Escape, a press outside, and a swipe from closing the drawer, for a
+drawer that has to be answered.
+
+The close control and `close()` still close it, as on `Dialog`: a panel
+with no way out at all is a trap. */
+  persistent?: (HelixDrawer["persistent"]) | undefined;
   /** Which edge the drawer comes from.
 
 Unset is `end`, and it stays unset rather than being written down: a
@@ -15054,6 +15088,9 @@ Reading gives where it is; writing declares it the consumer's, and
 `default-position` seeds one this element owns. The same accessor pair
 `Pagination.page` and the calendar's `month` carry. */
   position?: (HelixSplitter["position"]) | undefined;
+  /** The pane that keeps its size when the splitter's own size changes. The
+other pane takes all of the change. Unset, both keep their share. */
+  primary?: (HelixSplitter["primary"]) | undefined;
   /** Where a dragged divider snaps, comma separated, as Web Awesome's split
 panel does: a bare number is a percentage and a length such as `240px` is
 measured along the splitter, so `snap="25, 50, 75"` or `snap="240px, 50"`.
@@ -22073,6 +22110,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixStepsVueProps,
     HelixStepsVueEvents
   >;
+  /** A step draws its mark, its name as a 'helix-button', and the line that joins it to the steps either side. The mark is a tick on a finished step, a dot on the current one, and an empty ring on one nobody has reached. Where the list sets 'variant="numeric"', it is the step's number.  Down a column, the current step opens to show what is in its 'content' slot, and the others collapse it. A collapsed stage's content is hidden, so Tab and a screen reader pass over it as well. */
   "helix-step": DefineCustomElement<
     HelixStep,
     HelixStepVueProps,

package/types/words.d.ts

@@ -832,6 +832,14 @@ declare module '@fusion.dev/helix-core' {
        */
       zoomOutLabel: Message
     }
+    'helix-app-header': {
+      /**
+       * The name of the toggle that opens a folded middle region.
+       *
+       * English: `Menu`
+       */
+      menuLabel: Message
+    }
     'helix-avatar-group': {
       /**
        * What a screen reader is told the count is, with `{count}` for the number,