@fusion.dev/helix 0.13.2 → 0.14.0

package/custom-elements.json

@@ -19033,6 +19033,48 @@
                 "text": "toggleOpen() => boolean"
               }
             },
+            {
+              "kind": "field",
+              "name": "collapseLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show fewer'",
+              "description": "What the control says once everything is showing.",
+              "attribute": "collapse-label",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "expandable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the count is a control that shows the rest.",
+              "attribute": "expandable",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "expandLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show all'",
+              "description": "What the collapsed count is called, since `+3` names nothing.",
+              "attribute": "expand-label",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "maxTags",
@@ -19047,6 +19089,44 @@
                 "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether the reader has asked for all of them.\n\nState and private, the way `Input`'s `revealed` is: it is a reader's\nmomentary choice about what is on their own screen, it must not survive\nanything, and a consumer who wants the field opened is asking for\n`max-tags=\"0\"` rather than for a second way to say it.",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "shownLimit",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "toggleExpanded",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Turns the cap off and on, which is all expanding is.",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "renderTokenRow",
@@ -19075,6 +19155,29 @@
                 "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "renderRest",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "over",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "The count, as a control where the host asked for one and a word otherwise.\n\n**`part=\"rest\"` either way**, so a consumer's `::part(rest)` keeps working\nacross the change. The element under it is different, which is the point:\na `<span>` that looks like an affordance and answers nothing is the fault\nthis exists to fix, and the way to fix it is a real button rather than a\nclick handler on text.\n\n**Expanded, it renders on no count.** `shownLimit` is zero while expanded,\nso `over` is zero too, and gating the control on the number would take\naway the only way back.",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "hideOverflow",
@@ -20374,7 +20477,7 @@
                 "slug": "invalid"
               },
               {
-                "description": "A cap on the tags drawn, with the rest counted.",
+                "description": "A cap on the tags drawn, with the rest counted and openable.",
                 "slug": "max-tags"
               },
               {
@@ -20420,6 +20523,45 @@
                 "module": "src/mixins/mixin-controller-open/mixin-controller-open.ts"
               }
             },
+            {
+              "name": "collapse-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show fewer'",
+              "description": "What the control says once everything is showing.",
+              "fieldName": "collapseLabel",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "name": "expandable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the count is a control that shows the rest.",
+              "fieldName": "expandable",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "name": "expand-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show all'",
+              "description": "What the collapsed count is called, since `+3` names nothing.",
+              "fieldName": "expandLabel",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
             {
               "name": "max-tags",
               "type": {
@@ -20958,7 +21100,7 @@
               }
             },
             {
-              "description": "The count of choices held beyond `max-tags`.",
+              "description": "The count of choices held beyond `max-tags`. A `<button>` with `expandable`, a `<span>` without it.",
               "name": "rest",
               "inheritedFrom": {
                 "name": "HelixHeadlessCombobox",
@@ -34431,6 +34573,48 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "collapseLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show fewer'",
+              "description": "What the control says once everything is showing.",
+              "attribute": "collapse-label",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "expandable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the count is a control that shows the rest.",
+              "attribute": "expandable",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "expandLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show all'",
+              "description": "What the collapsed count is called, since `+3` names nothing.",
+              "attribute": "expand-label",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "maxTags",
@@ -34445,6 +34629,44 @@
                 "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false",
+              "description": "Whether the reader has asked for all of them.\n\nState and private, the way `Input`'s `revealed` is: it is a reader's\nmomentary choice about what is on their own screen, it must not survive\nanything, and a consumer who wants the field opened is asking for\n`max-tags=\"0\"` rather than for a second way to say it.",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "shownLimit",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "toggleExpanded",
+              "privacy": "private",
+              "readonly": true,
+              "description": "Turns the cap off and on, which is all expanding is.",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "renderTokenRow",
@@ -34473,6 +34695,29 @@
                 "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "renderRest",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "TemplateResult | typeof nothing"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "over",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ],
+              "description": "The count, as a control where the host asked for one and a word otherwise.\n\n**`part=\"rest\"` either way**, so a consumer's `::part(rest)` keeps working\nacross the change. The element under it is different, which is the point:\na `<span>` that looks like an affordance and answers nothing is the fault\nthis exists to fix, and the way to fix it is a real button rather than a\nclick handler on text.\n\n**Expanded, it renders on no count.** `shownLimit` is zero while expanded,\nso `over` is zero too, and gating the control on the number would take\naway the only way back.",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
             {
               "kind": "method",
               "name": "hideOverflow",
@@ -35445,6 +35690,10 @@
                 "description": "Backspace on an empty field asks the same way the close control does.",
                 "slug": "dismissing"
               },
+              {
+                "description": "A capped row whose count opens it, and closes it again.",
+                "slug": "expandable"
+              },
               {
                 "description": "A cap for a field in a row, where the rest becomes a count.",
                 "slug": "max-tags"
@@ -35455,6 +35704,45 @@
           "tagName": "helix-filter-input",
           "customElement": true,
           "attributes": [
+            {
+              "name": "collapse-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show fewer'",
+              "description": "What the control says once everything is showing.",
+              "fieldName": "collapseLabel",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "name": "expandable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the count is a control that shows the rest.",
+              "fieldName": "expandable",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
+            {
+              "name": "expand-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show all'",
+              "description": "What the collapsed count is called, since `+3` names nothing.",
+              "fieldName": "expandLabel",
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
             {
               "name": "max-tags",
               "type": {
@@ -35725,7 +36013,7 @@
               }
             },
             {
-              "description": "How many tokens did not fit.",
+              "description": "How many tokens did not fit. A `<button>` with `expandable`, a `<span>` without it.",
               "name": "rest",
               "inheritedFrom": {
                 "name": "HelixHeadlessFilterInput",

package/dist/shared/tags/tags.css.js

@@ -3,6 +3,11 @@ export const styles = createSheet(`[part="tags"] {
 display: contents;
 }
 
+:where(button)[part="rest"] {
+all: unset;
+box-sizing: border-box;
+}
+
 [part="rest"] {
 align-self: center;
 color: var(--helix-color-foreground-subtle);
@@ -11,4 +16,19 @@ font-family: var(--helix-font-sans);
 font-size: var(--helix-text-xs);
 font-weight: var(--helix-weight-medium);
 white-space: nowrap;
+}
+
+button[part="rest"] {
+border-radius: var(--helix-radii-sm);
+cursor: pointer;
+transition: color var(--helix-duration-fast) var(--helix-easing-standard);
+}
+
+button[part="rest"]:hover {
+color: var(--helix-color-foreground);
+}
+
+button[part="rest"]:focus-visible {
+outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
+outline-offset: var(--helix-size-focus-offset);
 }`);

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.13.2",
+  "version": "0.14.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -46,14 +46,14 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.13.2",
-    "@fusion.dev/helix-headless": "0.13.2",
-    "@fusion.dev/helix-styles": "0.13.2"
+    "@fusion.dev/helix-core": "0.14.0",
+    "@fusion.dev/helix-headless": "0.14.0",
+    "@fusion.dev/helix-styles": "0.14.0"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@fusion.dev/helix-cem": "0.13.2",
-    "@fusion.dev/helix-testing": "0.13.2",
+    "@fusion.dev/helix-cem": "0.14.0",
+    "@fusion.dev/helix-testing": "0.14.0",
     "@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

@@ -4068,6 +4068,16 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "default-open"?: (HelixCombobox["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   defaultOpen?: (HelixCombobox["defaultOpen"]) | undefined;
+  /** What the control says once everything is showing. */
+  "collapse-label"?: (HelixCombobox["collapseLabel"]) | undefined;
+  /** What the control says once everything is showing. */
+  collapseLabel?: (HelixCombobox["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  expandable?: (HelixCombobox["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "expand-label"?: (HelixCombobox["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  expandLabel?: (HelixCombobox["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
   "max-tags"?: (HelixCombobox["maxTags"]) | undefined;
   /** How many tokens to show before the rest become a count. */
@@ -4222,6 +4232,16 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "bool:default-open"?: (HelixCombobox["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   "prop:defaultOpen"?: (HelixCombobox["defaultOpen"]) | undefined;
+  /** What the control says once everything is showing. */
+  "attr:collapse-label"?: (HelixCombobox["collapseLabel"]) | undefined;
+  /** What the control says once everything is showing. */
+  "prop:collapseLabel"?: (HelixCombobox["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  "prop:expandable"?: (HelixCombobox["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "attr:expand-label"?: (HelixCombobox["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "prop:expandLabel"?: (HelixCombobox["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
   "attr:max-tags"?: (HelixCombobox["maxTags"]) | undefined;
   /** How many tokens to show before the rest become a count. */
@@ -6959,6 +6979,16 @@ export type HelixFilterInputHelixBeforeChangeElementEvent =
   HelixFilterInputElementEvent<HelixBeforeChangeEvent>;
 
 export type HelixFilterInputProps = {
+  /** What the control says once everything is showing. */
+  "collapse-label"?: (HelixFilterInput["collapseLabel"]) | undefined;
+  /** What the control says once everything is showing. */
+  collapseLabel?: (HelixFilterInput["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  expandable?: (HelixFilterInput["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "expand-label"?: (HelixFilterInput["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  expandLabel?: (HelixFilterInput["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
   "max-tags"?: (HelixFilterInput["maxTags"]) | undefined;
   /** How many tokens to show before the rest become a count. */
@@ -7035,6 +7065,16 @@ Here rather than on each control. */
 };
 
 export type HelixFilterInputSolidJsProps = {
+  /** What the control says once everything is showing. */
+  "attr:collapse-label"?: (HelixFilterInput["collapseLabel"]) | undefined;
+  /** What the control says once everything is showing. */
+  "prop:collapseLabel"?: (HelixFilterInput["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  "prop:expandable"?: (HelixFilterInput["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "attr:expand-label"?: (HelixFilterInput["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "prop:expandLabel"?: (HelixFilterInput["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
   "attr:max-tags"?: (HelixFilterInput["maxTags"]) | undefined;
   /** How many tokens to show before the rest become a count. */
@@ -21424,6 +21464,9 @@ 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.
+   * - `collapse-label`/`collapseLabel`: What the control says once everything is showing.
+   * - `expandable`: Whether the count is a control that shows the rest.
+   * - `expand-label`/`expandLabel`: What the collapsed count is called, since `+3` names nothing.
    * - `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.
@@ -21642,7 +21685,7 @@ export type CustomElements = {
    * - `listbox-loading`: Shown while the options are still on their way.
    * - `listbox-search`: The region holding the field that narrows the list.
    * - `listbox-search-field`: The field itself.
-   * - `rest`: The count of choices held beyond `max-tags`.
+   * - `rest`: The count of choices held beyond `max-tags`. A `<button>` with `expandable`, a `<span>` without it.
    * - `surface`: The floating panel.
    * - `tag`: One chosen option.
    * - `tag-dismiss`: The remove button, when `dismissible`.
@@ -23720,6 +23763,9 @@ export type CustomElements = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `collapse-label`/`collapseLabel`: What the control says once everything is showing.
+   * - `expandable`: Whether the count is a control that shows the rest.
+   * - `expand-label`/`expandLabel`: What the collapsed count is called, since `+3` names nothing.
    * - `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.
@@ -23877,7 +23923,7 @@ export type CustomElements = {
    * - `field`: The box holding everything.
    * - `hint`: Help under the field, while nothing is wrong.
    * - `label`: The question, over the field.
-   * - `rest`: How many tokens did not fit.
+   * - `rest`: How many tokens did not fit. A `<button>` with `expandable`, a `<span>` without it.
    * - `tags`: The row the tokens sit in.
    */
   "helix-filter-input": Partial<
@@ -37377,6 +37423,9 @@ 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.
+   * - `collapse-label`/`collapseLabel`: What the control says once everything is showing.
+   * - `expandable`: Whether the count is a control that shows the rest.
+   * - `expand-label`/`expandLabel`: What the collapsed count is called, since `+3` names nothing.
    * - `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.
@@ -37595,7 +37644,7 @@ export type CustomElementsSolidJs = {
    * - `listbox-loading`: Shown while the options are still on their way.
    * - `listbox-search`: The region holding the field that narrows the list.
    * - `listbox-search-field`: The field itself.
-   * - `rest`: The count of choices held beyond `max-tags`.
+   * - `rest`: The count of choices held beyond `max-tags`. A `<button>` with `expandable`, a `<span>` without it.
    * - `surface`: The floating panel.
    * - `tag`: One chosen option.
    * - `tag-dismiss`: The remove button, when `dismissible`.
@@ -39717,6 +39766,9 @@ export type CustomElementsSolidJs = {
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
    *
+   * - `collapse-label`/`collapseLabel`: What the control says once everything is showing.
+   * - `expandable`: Whether the count is a control that shows the rest.
+   * - `expand-label`/`expandLabel`: What the collapsed count is called, since `+3` names nothing.
    * - `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.
@@ -39874,7 +39926,7 @@ export type CustomElementsSolidJs = {
    * - `field`: The box holding everything.
    * - `hint`: Help under the field, while nothing is wrong.
    * - `label`: The question, over the field.
-   * - `rest`: How many tokens did not fit.
+   * - `rest`: How many tokens did not fit. A `<button>` with `expandable`, a `<span>` without it.
    * - `tags`: The row the tokens sit in.
    */
   "helix-filter-input": Partial<

package/types/vue.d.ts

@@ -2095,6 +2095,16 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "default-open"?: (HelixCombobox["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   defaultOpen?: (HelixCombobox["defaultOpen"]) | undefined;
+  /** What the control says once everything is showing. */
+  "collapse-label"?: (HelixCombobox["collapseLabel"]) | undefined;
+  /** What the control says once everything is showing. */
+  collapseLabel?: (HelixCombobox["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  expandable?: (HelixCombobox["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "expand-label"?: (HelixCombobox["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  expandLabel?: (HelixCombobox["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
   "max-tags"?: (HelixCombobox["maxTags"]) | undefined;
   /** How many tokens to show before the rest become a count. */
@@ -3570,6 +3580,16 @@ export type HelixFilterInputHelixBeforeChangeElementEvent =
   HelixFilterInputElementEvent<HelixBeforeChangeEvent>;
 
 export type HelixFilterInputVueProps = {
+  /** What the control says once everything is showing. */
+  "collapse-label"?: (HelixFilterInput["collapseLabel"]) | undefined;
+  /** What the control says once everything is showing. */
+  collapseLabel?: (HelixFilterInput["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  expandable?: (HelixFilterInput["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "expand-label"?: (HelixFilterInput["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  expandLabel?: (HelixFilterInput["expandLabel"]) | undefined;
   /** How many tokens to show before the rest become a count. */
   "max-tags"?: (HelixFilterInput["maxTags"]) | undefined;
   /** How many tokens to show before the rest become a count. */