@fusion.dev/helix-headless 0.12.2 → 0.12.3

package/custom-elements.json

@@ -14003,16 +14003,6 @@
               "description": "What the list says while they are on their way.",
               "attribute": "loading-text"
             },
-            {
-              "kind": "field",
-              "name": "maxTags",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "How many tags to draw before the rest become a count. `multiple` only.\n\n`0` is all of them, and is the default: a cap that guesses is worse than no\ncap, because the number that fits depends on the width of the field and the\nlength of what is in it, neither of which this element knows. What a cap is\ngenuinely for is a field in a row or a table cell, where a set of twelve\nchoices would push everything below it down a line at a time.\n\nThe remainder is counted rather than hidden. `+3` is a fact a reader can act\non, where a row that silently stops is a field that appears to have lost\nwhat was put in it. Date Input and Time Input carry the same property and\nthe same reasoning.",
-              "attribute": "max-tags"
-            },
             {
               "kind": "field",
               "name": "multiple",
@@ -14262,6 +14252,21 @@
               "readonly": true,
               "description": "Anywhere in the field opens the list, and puts the caret where typing goes.\n\nOn the field rather than on the `<input>`. The caret is a sibling of the\ninput and so is the tag strip, so a handler on the input alone leaves the\none part of the control that visibly says \"this opens\" doing nothing.\nAnything drawn inside the field is the field.\n\nA tag is the exception, because a tag is its own control: its dismiss\nremoves a choice, and opening the list on the way past would leave the\nreader looking at a panel they did not ask for. Read from the composed\npath, since the press lands on a button inside the tag's shadow root and\nthe event has retargeted by the time it arrives here.\n\nIt only ever opens. Closing is Escape, a choice, or leaving, which is what\nthe input already did and what a text field wants: a control that closed\nwhen you clicked into the middle of your own typing would be unusable."
             },
+            {
+              "kind": "method",
+              "name": "removeLastToken",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "The last chosen one goes, which is what Backspace on an empty field means.\n\n`MixinTokens` owns when this is asked for and this owns what it does: a\ntoken here is a chosen option, so it leaves by the same door a dismissed\ntag does.",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "handleDismiss",
@@ -14427,6 +14432,98 @@
                 "text": "toggleOpen() => boolean"
               }
             },
+            {
+              "kind": "field",
+              "name": "maxTags",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "How many tokens to show before the rest become a count.",
+              "attribute": "max-tags",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderTokenRow",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "content",
+                  "type": {
+                    "text": "unknown"
+                  }
+                },
+                {
+                  "name": "over",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "hideOverflow",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "number"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "slot",
+                  "type": {
+                    "text": "HTMLSlotElement | null | undefined"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "tokenKeydown",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                },
+                {
+                  "name": "typed",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "defaultValue",
@@ -15219,15 +15316,6 @@
               "description": "What the list says while they are on their way.",
               "fieldName": "loadingText"
             },
-            {
-              "name": "max-tags",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "How many tags to draw before the rest become a count. `multiple` only.\n\n`0` is all of them, and is the default: a cap that guesses is worse than no\ncap, because the number that fits depends on the width of the field and the\nlength of what is in it, neither of which this element knows. What a cap is\ngenuinely for is a field in a row or a table cell, where a set of twelve\nchoices would push everything below it down a line at a time.\n\nThe remainder is counted rather than hidden. `+3` is a fact a reader can act\non, where a row that silently stops is a field that appears to have lost\nwhat was put in it. Date Input and Time Input carry the same property and\nthe same reasoning.",
-              "fieldName": "maxTags"
-            },
             {
               "name": "multiple",
               "type": {
@@ -15289,6 +15377,19 @@
                 "module": "src/mixins/mixin-controller-open/mixin-controller-open.ts"
               }
             },
+            {
+              "name": "max-tags",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "How many tokens to show before the rest become a count.",
+              "fieldName": "maxTags",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
             {
               "name": "default-value",
               "type": {
@@ -15398,6 +15499,10 @@
               "name": "MixinControllerOpen",
               "package": "@fusion.dev/helix-core"
             },
+            {
+              "name": "MixinTokens",
+              "package": "@fusion.dev/helix-core"
+            },
             {
               "name": "MixinControllerValue",
               "package": "@fusion.dev/helix-core"

package/dist/combobox/root/combobox-root.d.ts

@@ -2,7 +2,7 @@ import { AriaForwardController, HelixFormElement, PopoverController } from '@fus
 import { type PropertyValues, type TemplateResult } from 'lit';
 import '../../listbox/index.js';
 import '../../tag/index.js';
-declare const HelixHeadlessCombobox_base: (new (...args: any[]) => import("@fusion.dev/helix-core").MixinControllerOpenInterface) & (new (...args: any[]) => import("@fusion.dev/helix-core").MixinControllerValueInterface) & (new (...args: any[]) => import("@fusion.dev/helix-core").MixinFieldInterface) & typeof HelixFormElement;
+declare const HelixHeadlessCombobox_base: (new (...args: any[]) => import("@fusion.dev/helix-core").MixinControllerOpenInterface) & (new (...args: any[]) => import("@fusion.dev/helix-core").MixinTokensInterface) & (new (...args: any[]) => import("@fusion.dev/helix-core").MixinControllerValueInterface) & (new (...args: any[]) => import("@fusion.dev/helix-core").MixinFieldInterface) & typeof HelixFormElement;
 /**
  * @summary A field that filters a list as it is typed into.
  *
@@ -121,21 +121,6 @@ export declare class HelixHeadlessCombobox extends HelixHeadlessCombobox_base {
      * What the list says while they are on their way.
      */
     loadingText: string;
-    /**
-     * How many tags to draw before the rest become a count. `multiple` only.
-     *
-     * `0` is all of them, and is the default: a cap that guesses is worse than no
-     * cap, because the number that fits depends on the width of the field and the
-     * length of what is in it, neither of which this element knows. What a cap is
-     * genuinely for is a field in a row or a table cell, where a set of twelve
-     * choices would push everything below it down a line at a time.
-     *
-     * The remainder is counted rather than hidden. `+3` is a fact a reader can act
-     * on, where a row that silently stops is a field that appears to have lost
-     * what was put in it. Date Input and Time Input carry the same property and
-     * the same reasoning.
-     */
-    maxTags: number;
     /**
      * Whether more than one option can be chosen.
      *
@@ -295,6 +280,14 @@ export declare class HelixHeadlessCombobox extends HelixHeadlessCombobox_base {
      * when you clicked into the middle of your own typing would be unusable.
      */
     private readonly handleFieldClick;
+    /**
+     * The last chosen one goes, which is what Backspace on an empty field means.
+     *
+     * `MixinTokens` owns when this is asked for and this owns what it does: a
+     * token here is a chosen option, so it leaves by the same door a dismissed
+     * tag does.
+     */
+    protected removeLastToken(): void;
     /** One tag asking to be taken out of the set. */
     private readonly handleDismiss;
     /**

package/dist/combobox/root/combobox-root.js

@@ -4,7 +4,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { AriaForwardController, customElement, HelixCreateEvent, HelixFormElement, MixinControllerOpen, MixinControllerValue, MixinField, PopoverController, } from '@fusion.dev/helix-core';
+import { AriaForwardController, customElement, HelixCreateEvent, HelixFormElement, MixinControllerOpen, MixinControllerValue, MixinField, MixinTokens, PopoverController, } from '@fusion.dev/helix-core';
 import { caretDown } from '@fusion.dev/helix-icons';
 import { nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
@@ -13,7 +13,7 @@ import { html } from 'lit/static-html.js';
 import '../../listbox/index.js';
 import '../../tag/index.js';
 const isInsertion = (event) => !event.inputType?.startsWith('delete');
-let HelixHeadlessCombobox = class HelixHeadlessCombobox extends MixinControllerOpen(MixinControllerValue(MixinField(HelixFormElement))) {
+let HelixHeadlessCombobox = class HelixHeadlessCombobox extends MixinControllerOpen(MixinTokens(MixinControllerValue(MixinField(HelixFormElement)))) {
     constructor() {
         super(...arguments);
         this.aria = new AriaForwardController(this, {
@@ -26,7 +26,6 @@ let HelixHeadlessCombobox = class HelixHeadlessCombobox extends MixinControllerO
         this.listLabel = 'Options';
         this.loading = false;
         this.loadingText = 'Loading';
-        this.maxTags = 0;
         this.multiple = false;
         this.placeholder = '';
         this.removeLabel = 'Remove';
@@ -71,12 +70,7 @@ let HelixHeadlessCombobox = class HelixHeadlessCombobox extends MixinControllerO
                 }
                 return;
             }
-            if (event.key === 'Backspace' && this.multiple && this.typed === '') {
-                const last = this.values.at(-1);
-                if (last !== undefined) {
-                    event.preventDefault();
-                    this.drop(last);
-                }
+            if (this.multiple && this.tokenKeydown(event, this.typed)) {
                 return;
             }
             if (event.key === 'Enter' && this.creation !== '' && !this.showing) {
@@ -206,6 +200,12 @@ let HelixHeadlessCombobox = class HelixHeadlessCombobox extends MixinControllerO
         const match = (this.listbox?.options ?? []).find((option) => !option.hidden && !option.disabled && option.text.toLowerCase().startsWith(needle));
         return match && match.text.length > typed.length ? match.text : '';
     }
+    removeLastToken() {
+        const last = this.values.at(-1);
+        if (last !== undefined) {
+            this.drop(last);
+        }
+    }
     sync() {
         this.internals.setFormValue(this.value === '' ? null : this.value);
         this.reportRequired(this.value === '', 'Choose one to continue.', 'control');
@@ -284,12 +284,7 @@ let HelixHeadlessCombobox = class HelixHeadlessCombobox extends MixinControllerO
       <div part="field" @click=${this.handleFieldClick}>
         <slot name="start"></slot>
         ${this.multiple && this.chosen.length > 0
-            ? html `<span part="tags">
-                ${this.shown.map((option) => this.renderTag(option))}
-                ${this.restCount > 0
-                ? html `<span part="rest">${`+${this.restCount}`}</span>`
-                : nothing}
-              </span>`
+            ? this.renderTokenRow(this.shown.map((option) => this.renderTag(option)), this.restCount)
             : nothing}
         <input
           part="control"
@@ -344,9 +339,6 @@ __decorate([
 __decorate([
     property({ attribute: 'loading-text' })
 ], HelixHeadlessCombobox.prototype, "loadingText", void 0);
-__decorate([
-    property({ attribute: 'max-tags', type: Number })
-], HelixHeadlessCombobox.prototype, "maxTags", void 0);
 __decorate([
     property({ type: Boolean })
 ], HelixHeadlessCombobox.prototype, "multiple", void 0);

package/package.json

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

package/types/jsx.d.ts

@@ -3022,32 +3022,6 @@ message belongs. */
   "loading-text"?: (HelixHeadlessCombobox["loadingText"]) | undefined;
   /** What the list says while they are on their way. */
   loadingText?: (HelixHeadlessCombobox["loadingText"]) | undefined;
-  /** How many tags to draw before the rest become a count. `multiple` only.
-
-`0` is all of them, and is the default: a cap that guesses is worse than no
-cap, because the number that fits depends on the width of the field and the
-length of what is in it, neither of which this element knows. What a cap is
-genuinely for is a field in a row or a table cell, where a set of twelve
-choices would push everything below it down a line at a time.
-
-The remainder is counted rather than hidden. `+3` is a fact a reader can act
-on, where a row that silently stops is a field that appears to have lost
-what was put in it. Date Input and Time Input carry the same property and
-the same reasoning. */
-  "max-tags"?: (HelixHeadlessCombobox["maxTags"]) | undefined;
-  /** How many tags to draw before the rest become a count. `multiple` only.
-
-`0` is all of them, and is the default: a cap that guesses is worse than no
-cap, because the number that fits depends on the width of the field and the
-length of what is in it, neither of which this element knows. What a cap is
-genuinely for is a field in a row or a table cell, where a set of twelve
-choices would push everything below it down a line at a time.
-
-The remainder is counted rather than hidden. `+3` is a fact a reader can act
-on, where a row that silently stops is a field that appears to have lost
-what was put in it. Date Input and Time Input carry the same property and
-the same reasoning. */
-  maxTags?: (HelixHeadlessCombobox["maxTags"]) | undefined;
   /** Whether more than one option can be chosen.
 
 The list already does the work: `value` comes apart on commas, a press
@@ -3087,6 +3061,10 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "default-open"?: (HelixHeadlessCombobox["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   defaultOpen?: (HelixHeadlessCombobox["defaultOpen"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "max-tags"?: (HelixHeadlessCombobox["maxTags"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  maxTags?: (HelixHeadlessCombobox["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
   "default-value"?: (HelixHeadlessCombobox["defaultValue"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -3198,32 +3176,6 @@ message belongs. */
   "attr:loading-text"?: (HelixHeadlessCombobox["loadingText"]) | undefined;
   /** What the list says while they are on their way. */
   "prop:loadingText"?: (HelixHeadlessCombobox["loadingText"]) | undefined;
-  /** How many tags to draw before the rest become a count. `multiple` only.
-
-`0` is all of them, and is the default: a cap that guesses is worse than no
-cap, because the number that fits depends on the width of the field and the
-length of what is in it, neither of which this element knows. What a cap is
-genuinely for is a field in a row or a table cell, where a set of twelve
-choices would push everything below it down a line at a time.
-
-The remainder is counted rather than hidden. `+3` is a fact a reader can act
-on, where a row that silently stops is a field that appears to have lost
-what was put in it. Date Input and Time Input carry the same property and
-the same reasoning. */
-  "attr:max-tags"?: (HelixHeadlessCombobox["maxTags"]) | undefined;
-  /** How many tags to draw before the rest become a count. `multiple` only.
-
-`0` is all of them, and is the default: a cap that guesses is worse than no
-cap, because the number that fits depends on the width of the field and the
-length of what is in it, neither of which this element knows. What a cap is
-genuinely for is a field in a row or a table cell, where a set of twelve
-choices would push everything below it down a line at a time.
-
-The remainder is counted rather than hidden. `+3` is a fact a reader can act
-on, where a row that silently stops is a field that appears to have lost
-what was put in it. Date Input and Time Input carry the same property and
-the same reasoning. */
-  "prop:maxTags"?: (HelixHeadlessCombobox["maxTags"]) | undefined;
   /** Whether more than one option can be chosen.
 
 The list already does the work: `value` comes apart on commas, a press
@@ -3263,6 +3215,10 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "bool:default-open"?: (HelixHeadlessCombobox["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   "prop:defaultOpen"?: (HelixHeadlessCombobox["defaultOpen"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "attr:max-tags"?: (HelixHeadlessCombobox["maxTags"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "prop:maxTags"?: (HelixHeadlessCombobox["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
   "attr:default-value"?: (HelixHeadlessCombobox["defaultValue"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -18216,18 +18172,6 @@ export type CustomElements = {
    * Passed straight to the list, which is where the rows are and so where the
    * message belongs.
    * - `loading-text`/`loadingText`: What the list says while they are on their way.
-   * - `max-tags`/`maxTags`: How many tags to draw before the rest become a count. `multiple` only.
-   *
-   * `0` is all of them, and is the default: a cap that guesses is worse than no
-   * cap, because the number that fits depends on the width of the field and the
-   * length of what is in it, neither of which this element knows. What a cap is
-   * genuinely for is a field in a row or a table cell, where a set of twelve
-   * choices would push everything below it down a line at a time.
-   *
-   * The remainder is counted rather than hidden. `+3` is a fact a reader can act
-   * on, where a row that silently stops is a field that appears to have lost
-   * what was put in it. Date Input and Time Input carry the same property and
-   * the same reasoning.
    * - `multiple`: Whether more than one option can be chosen.
    *
    * The list already does the work: `value` comes apart on commas, a press
@@ -18257,6 +18201,7 @@ export type CustomElements = {
    * last reader did rather than what the author wrote. `:state(open)` carries
    * the resolved state for stylesheets, which is what the mirror is for.
    * - `default-open`/`defaultOpen`: Initial open state for uncontrolled use, where nothing declared one.
+   * - `max-tags`/`maxTags`: How many tokens to show before the rest become a count.
    * - `default-value`/`defaultValue`: The value the markup declared, which is where a reset returns to.
    * - `value`: What the control holds now, and what its form submits.
    *
@@ -32446,18 +32391,6 @@ export type CustomElementsSolidJs = {
    * Passed straight to the list, which is where the rows are and so where the
    * message belongs.
    * - `loading-text`/`loadingText`: What the list says while they are on their way.
-   * - `max-tags`/`maxTags`: How many tags to draw before the rest become a count. `multiple` only.
-   *
-   * `0` is all of them, and is the default: a cap that guesses is worse than no
-   * cap, because the number that fits depends on the width of the field and the
-   * length of what is in it, neither of which this element knows. What a cap is
-   * genuinely for is a field in a row or a table cell, where a set of twelve
-   * choices would push everything below it down a line at a time.
-   *
-   * The remainder is counted rather than hidden. `+3` is a fact a reader can act
-   * on, where a row that silently stops is a field that appears to have lost
-   * what was put in it. Date Input and Time Input carry the same property and
-   * the same reasoning.
    * - `multiple`: Whether more than one option can be chosen.
    *
    * The list already does the work: `value` comes apart on commas, a press
@@ -32487,6 +32420,7 @@ export type CustomElementsSolidJs = {
    * last reader did rather than what the author wrote. `:state(open)` carries
    * the resolved state for stylesheets, which is what the mirror is for.
    * - `default-open`/`defaultOpen`: Initial open state for uncontrolled use, where nothing declared one.
+   * - `max-tags`/`maxTags`: How many tokens to show before the rest become a count.
    * - `default-value`/`defaultValue`: The value the markup declared, which is where a reset returns to.
    * - `value`: What the control holds now, and what its form submits.
    *

package/types/vue.d.ts

@@ -1577,32 +1577,6 @@ message belongs. */
   "loading-text"?: (HelixHeadlessCombobox["loadingText"]) | undefined;
   /** What the list says while they are on their way. */
   loadingText?: (HelixHeadlessCombobox["loadingText"]) | undefined;
-  /** How many tags to draw before the rest become a count. `multiple` only.
-
-`0` is all of them, and is the default: a cap that guesses is worse than no
-cap, because the number that fits depends on the width of the field and the
-length of what is in it, neither of which this element knows. What a cap is
-genuinely for is a field in a row or a table cell, where a set of twelve
-choices would push everything below it down a line at a time.
-
-The remainder is counted rather than hidden. `+3` is a fact a reader can act
-on, where a row that silently stops is a field that appears to have lost
-what was put in it. Date Input and Time Input carry the same property and
-the same reasoning. */
-  "max-tags"?: (HelixHeadlessCombobox["maxTags"]) | undefined;
-  /** How many tags to draw before the rest become a count. `multiple` only.
-
-`0` is all of them, and is the default: a cap that guesses is worse than no
-cap, because the number that fits depends on the width of the field and the
-length of what is in it, neither of which this element knows. What a cap is
-genuinely for is a field in a row or a table cell, where a set of twelve
-choices would push everything below it down a line at a time.
-
-The remainder is counted rather than hidden. `+3` is a fact a reader can act
-on, where a row that silently stops is a field that appears to have lost
-what was put in it. Date Input and Time Input carry the same property and
-the same reasoning. */
-  maxTags?: (HelixHeadlessCombobox["maxTags"]) | undefined;
   /** Whether more than one option can be chosen.
 
 The list already does the work: `value` comes apart on commas, a press
@@ -1642,6 +1616,10 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "default-open"?: (HelixHeadlessCombobox["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   defaultOpen?: (HelixHeadlessCombobox["defaultOpen"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "max-tags"?: (HelixHeadlessCombobox["maxTags"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  maxTags?: (HelixHeadlessCombobox["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
   "default-value"?: (HelixHeadlessCombobox["defaultValue"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */