@fusion.dev/helix 0.19.1 → 0.20.1

package/custom-elements.json

@@ -10903,6 +10903,10 @@
           "description": "**`author=\"me\"` is the one piece of paint that says whose turn it is**, and it\nsays it by which edge the turn sits against. Everything else about a turn is\nthe same on both sides, because two bubble styles is two components.\n\nA failure is the only state that takes a tone, because it is the one a reader\nhas to find rather than notice. `streaming` is left alone: the text arriving\nis the signal, and decorating it competes with the thing it is decorating.",
           "name": "HelixChatMessage",
           "cssProperties": [
+            {
+              "description": "Ground behind a slotted waiting indicator, which is a chip so the mark and its word read as one thing.",
+              "name": "--chat-indicator-background-color"
+            },
             {
               "description": "Fill behind a turn.",
               "name": "--chat-message-background-color"
@@ -12410,6 +12414,11 @@
                 "min": 380,
                 "slug": "launcher"
               },
+              {
+                "description": "An answer that is a document: a heading, a table, a list and a block of code in one turn.",
+                "min": 480,
+                "slug": "markdown"
+              },
               {
                 "description": "The sidebar: a drawer from the trailing edge, with the conversation filling the panel.",
                 "min": 420,
@@ -25139,6 +25148,215 @@
                 "text": "toggleOpen() => boolean"
               }
             },
+            {
+              "kind": "field",
+              "name": "collapseLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show fewer'",
+              "description": "What the control is called 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",
+              "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": "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",
+              "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": "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",
+              "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": "method",
+              "name": "removeLastToken",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "defaultValue",
@@ -25610,20 +25828,6 @@
                 "module": "src/date-input/root/date-input-root.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "maxTags",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "How many dates are shown as tags before the rest are counted, in `multiple`.\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\ndates 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\nact on, where a row that silently stops is a field that appears to have lost\nwhat was put in it, and the count is what tells them there is more to see.",
-              "attribute": "max-tags",
-              "inheritedFrom": {
-                "name": "HelixHeadlessDateInput",
-                "module": "src/date-input/root/date-input-root.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "min",
@@ -25841,7 +26045,7 @@
                 "text": "string[]"
               },
               "privacy": "private",
-              "description": "The dates that get a tag, which is all of them until `maxTags` says not.",
+              "description": "The dates that get a tag, which is all of them until the cap says not.",
               "readonly": true,
               "inheritedFrom": {
                 "name": "HelixHeadlessDateInput",
@@ -26465,6 +26669,58 @@
                 "module": "src/mixins/mixin-controller-open/mixin-controller-open.ts"
               }
             },
+            {
+              "name": "collapse-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show fewer'",
+              "description": "What the control is called 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": {
+                "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": {
@@ -26633,19 +26889,6 @@
                 "module": "src/date-input/root/date-input-root.ts"
               }
             },
-            {
-              "name": "max-tags",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "How many dates are shown as tags before the rest are counted, in `multiple`.\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\ndates 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\nact on, where a row that silently stops is a field that appears to have lost\nwhat was put in it, and the count is what tells them there is more to see.",
-              "fieldName": "maxTags",
-              "inheritedFrom": {
-                "name": "HelixHeadlessDateInput",
-                "module": "src/date-input/root/date-input-root.ts"
-              }
-            },
             {
               "name": "min",
               "type": {
@@ -27049,7 +27292,7 @@
               }
             },
             {
-              "description": "How many dates are held beyond the ones shown.",
+              "description": "How many dates are held beyond the ones shown. A `<button>` with `expandable`, a `<span>` without it.",
               "name": "rest",
               "inheritedFrom": {
                 "name": "HelixHeadlessDateInput",
@@ -27064,6 +27307,14 @@
                 "module": "src/date-input/root/date-input-root.ts"
               }
             },
+            {
+              "description": "The row the dates sit in.",
+              "name": "tags",
+              "inheritedFrom": {
+                "name": "HelixHeadlessDateInput",
+                "module": "src/date-input/root/date-input-root.ts"
+              }
+            },
             {
               "description": "The control that opens the calendar.",
               "name": "trigger",
@@ -86043,6 +86294,215 @@
                 "text": "toggleOpen() => boolean"
               }
             },
+            {
+              "kind": "field",
+              "name": "collapseLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show fewer'",
+              "description": "What the control is called 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",
+              "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": "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",
+              "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": "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",
+              "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": "method",
+              "name": "removeLastToken",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "inheritedFrom": {
+                "name": "MixinTokens",
+                "module": "src/mixins/mixin-tokens/mixin-tokens.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "defaultValue",
@@ -86458,20 +86918,6 @@
                 "module": "src/time-input/root/time-input-root.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "maxTags",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "How many times are shown as tags before the rest are counted, in `multiple`.\n\n`0` is all of them, and is the default, for the reason Date Input gives: how\nmany fit depends on the width of the field and the length of what is in it,\nand this element knows neither.",
-              "attribute": "max-tags",
-              "inheritedFrom": {
-                "name": "HelixHeadlessTimeInput",
-                "module": "src/time-input/root/time-input-root.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "min",
@@ -86682,7 +87128,7 @@
                 "text": "string[]"
               },
               "privacy": "private",
-              "description": "The times that get a tag, which is all of them until `maxTags` says not.",
+              "description": "The times that get a tag, which is all of them until the cap says not.",
               "readonly": true,
               "inheritedFrom": {
                 "name": "HelixHeadlessTimeInput",
@@ -87337,6 +87783,58 @@
                 "module": "src/mixins/mixin-controller-open/mixin-controller-open.ts"
               }
             },
+            {
+              "name": "collapse-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "'Show fewer'",
+              "description": "What the control is called 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": {
+                "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": {
@@ -87453,19 +87951,6 @@
                 "module": "src/time-input/root/time-input-root.ts"
               }
             },
-            {
-              "name": "max-tags",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "How many times are shown as tags before the rest are counted, in `multiple`.\n\n`0` is all of them, and is the default, for the reason Date Input gives: how\nmany fit depends on the width of the field and the length of what is in it,\nand this element knows neither.",
-              "fieldName": "maxTags",
-              "inheritedFrom": {
-                "name": "HelixHeadlessTimeInput",
-                "module": "src/time-input/root/time-input-root.ts"
-              }
-            },
             {
               "name": "min",
               "type": {
@@ -87969,7 +88454,7 @@
               }
             },
             {
-              "description": "How many times are held beyond the ones shown.",
+              "description": "How many times are held beyond the ones shown. A `<button>` with `expandable`, a `<span>` without it.",
               "name": "rest",
               "inheritedFrom": {
                 "name": "HelixHeadlessTimeInput",
@@ -87984,6 +88469,14 @@
                 "module": "src/time-input/root/time-input-root.ts"
               }
             },
+            {
+              "description": "The row the times sit in.",
+              "name": "tags",
+              "inheritedFrom": {
+                "name": "HelixHeadlessTimeInput",
+                "module": "src/time-input/root/time-input-root.ts"
+              }
+            },
             {
               "description": "One held time, as a tag, in `multiple`.",
               "name": "time",

package/dist/chat/composer/chat-composer.css.js

@@ -29,7 +29,7 @@ font-size: var(--helix-text-sm);
 line-height: var(--helix-leading-normal);
 max-block-size: var(--chat-composer-max-block-size, 12rem);
 padding-block: var(--helix-space-2xs);
-padding-inline: var(--helix-space-2xs);
+padding-inline: var(--helix-space-none);
 resize: none;
 }
 

package/dist/chat/message/chat-message.css.js

@@ -150,6 +150,17 @@ display: none;
 display: block;
 }
 
+slot[name="indicator"]::slotted(*) {
+background-color: var(--chat-indicator-background-color, var(--helix-color-surface-sunken));
+border-radius: var(--helix-radii-full);
+
+font-size: var(--helix-text-xs);
+padding-block: var(--helix-space-2xs);
+padding-inline: var(--helix-space-xs);
+
+--orb-size: var(--helix-size-icon-sm);
+}
+
 [part="indicator"] {
 animation: helix-chat-typing 1.2s infinite ease-in-out;
 background-image:

package/dist/chat/message/chat-message.d.ts

@@ -26,6 +26,7 @@ import type { CSSResultGroup } from 'lit';
  * @csspart indicator - The three dots, when nothing is slotted over them.
  * @csspart meta - The time and the state together.
  *
+ * @cssproperty --chat-indicator-background-color - Ground behind a slotted waiting indicator, which is a chip so the mark and its word read as one thing.
  * @cssproperty --chat-message-background-color - Fill behind a turn.
  * @cssproperty --chat-message-background-color-me - Fill behind the reader's own turns.
  * @cssproperty --chat-message-color - Ink in a turn.

package/dist/chat/root/chat-root.css.js

@@ -104,7 +104,11 @@ padding-inline: var(--chat-padding-inline, var(--helix-space-md));
 
 [part="composer"] {
 padding-block: var(--helix-space-sm);
-padding-inline: var(--chat-padding-inline, var(--helix-space-md));
+padding-inline: calc(
+var(--chat-padding-inline, var(--helix-space-md)) -
+var(--helix-space-xs) -
+var(--helix-border-thin)
+);
 }
 
 [part="empty"],

package/dist/date-input/root/date-input-root.css.js

@@ -144,17 +144,6 @@ flex-basis: 0;
 min-inline-size: var(--helix-size-icon-loose);
 }
 
-[part="rest"] {
-color: var(--helix-color-foreground-subtle);
-flex: none;
-align-self: center;
-
-font-family: var(--helix-font-sans);
-font-size: var(--helix-text-xs);
-font-weight: var(--helix-weight-medium);
-white-space: nowrap;
-}
-
 :host(:state(invalid)) [part="field"],
 :host(:state(invalid)) [part="field"]:hover,
 :host(:state(invalid):focus-within) [part="field"],

package/dist/date-input/root/date-input-root.js

@@ -10,10 +10,11 @@ import '../../date-picker/index.js';
 import '../../tag/index.js';
 import { styles as fieldStyles } from '../../shared/field/field.css.js';
 import { styles as fieldStackedStyles } from '../../shared/field/field-stacked.css.js';
+import { styles as tagRowStyles } from '../../shared/tags/tags.css.js';
 import { styles } from './date-input-root.css.js';
 let HelixDateInput = class HelixDateInput extends HelixHeadlessDateInput {
     static { this.tier = 'helix-'; }
-    static { this.styles = [fieldStyles, fieldStackedStyles, styles]; }
+    static { this.styles = [fieldStyles, fieldStackedStyles, tagRowStyles, styles]; }
 };
 HelixDateInput = __decorate([
     customElement('helix-date-input')

package/dist/time-input/root/time-input-root.css.js

@@ -156,17 +156,6 @@ flex-basis: 0;
 min-inline-size: var(--helix-size-icon-loose);
 }
 
-[part="rest"] {
-color: var(--helix-color-foreground-subtle);
-flex: none;
-align-self: center;
-
-font-family: var(--helix-font-sans);
-font-size: var(--helix-text-xs);
-font-weight: var(--helix-weight-medium);
-white-space: nowrap;
-}
-
 :host(:state(invalid)) [part="field"],
 :host(:state(invalid)) [part="field"]:hover,
 :host(:state(invalid):focus-within) [part="field"],

package/dist/time-input/root/time-input-root.js

@@ -11,10 +11,11 @@ import '../../tag/index.js';
 import '../../time-picker/index.js';
 import { styles as fieldStyles } from '../../shared/field/field.css.js';
 import { styles as fieldStackedStyles } from '../../shared/field/field-stacked.css.js';
+import { styles as tagRowStyles } from '../../shared/tags/tags.css.js';
 import { styles } from './time-input-root.css.js';
 let HelixTimeInput = class HelixTimeInput extends HelixHeadlessTimeInput {
     static { this.tier = 'helix-'; }
-    static { this.styles = [fieldStyles, fieldStackedStyles, styles]; }
+    static { this.styles = [fieldStyles, fieldStackedStyles, tagRowStyles, styles]; }
 };
 HelixTimeInput = __decorate([
     customElement('helix-time-input')

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.19.1",
+  "version": "0.20.1",
   "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.19.1",
-    "@fusion.dev/helix-headless": "0.19.1",
-    "@fusion.dev/helix-styles": "0.19.1"
+    "@fusion.dev/helix-core": "0.20.1",
+    "@fusion.dev/helix-headless": "0.20.1",
+    "@fusion.dev/helix-styles": "0.20.1"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@fusion.dev/helix-cem": "0.19.1",
-    "@fusion.dev/helix-testing": "0.19.1",
+    "@fusion.dev/helix-cem": "0.20.1",
+    "@fusion.dev/helix-testing": "0.20.1",
     "@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

@@ -5227,6 +5227,20 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "default-open"?: (HelixDateInput["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   defaultOpen?: (HelixDateInput["defaultOpen"]) | undefined;
+  /** What the control is called once everything is showing. */
+  "collapse-label"?: (HelixDateInput["collapseLabel"]) | undefined;
+  /** What the control is called once everything is showing. */
+  collapseLabel?: (HelixDateInput["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  expandable?: (HelixDateInput["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "expand-label"?: (HelixDateInput["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  expandLabel?: (HelixDateInput["expandLabel"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "max-tags"?: (HelixDateInput["maxTags"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  maxTags?: (HelixDateInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
   "default-value"?: (HelixDateInput["defaultValue"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -5314,30 +5328,6 @@ submits and what `min` and `max` compare against. */
   locale?: (HelixDateInput["locale"]) | undefined;
   /** Latest date that can be chosen, as `YYYY-MM-DD`. */
   max?: (HelixDateInput["max"]) | undefined;
-  /** How many dates are shown as tags before the rest are counted, in `multiple`.
-
-`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
-dates 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, and the count is what tells them there is more to see. */
-  "max-tags"?: (HelixDateInput["maxTags"]) | undefined;
-  /** How many dates are shown as tags before the rest are counted, in `multiple`.
-
-`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
-dates 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, and the count is what tells them there is more to see. */
-  maxTags?: (HelixDateInput["maxTags"]) | undefined;
   /** Earliest date that can be chosen, as `YYYY-MM-DD`. */
   min?: (HelixDateInput["min"]) | undefined;
   /** How many dates can be held at once.
@@ -5468,6 +5458,20 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "bool:default-open"?: (HelixDateInput["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   "prop:defaultOpen"?: (HelixDateInput["defaultOpen"]) | undefined;
+  /** What the control is called once everything is showing. */
+  "attr:collapse-label"?: (HelixDateInput["collapseLabel"]) | undefined;
+  /** What the control is called once everything is showing. */
+  "prop:collapseLabel"?: (HelixDateInput["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  "prop:expandable"?: (HelixDateInput["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "attr:expand-label"?: (HelixDateInput["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "prop:expandLabel"?: (HelixDateInput["expandLabel"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "attr:max-tags"?: (HelixDateInput["maxTags"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "prop:maxTags"?: (HelixDateInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
   "attr:default-value"?: (HelixDateInput["defaultValue"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -5555,30 +5559,6 @@ submits and what `min` and `max` compare against. */
   "prop:locale"?: (HelixDateInput["locale"]) | undefined;
   /** Latest date that can be chosen, as `YYYY-MM-DD`. */
   "prop:max"?: (HelixDateInput["max"]) | undefined;
-  /** How many dates are shown as tags before the rest are counted, in `multiple`.
-
-`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
-dates 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, and the count is what tells them there is more to see. */
-  "attr:max-tags"?: (HelixDateInput["maxTags"]) | undefined;
-  /** How many dates are shown as tags before the rest are counted, in `multiple`.
-
-`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
-dates 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, and the count is what tells them there is more to see. */
-  "prop:maxTags"?: (HelixDateInput["maxTags"]) | undefined;
   /** Earliest date that can be chosen, as `YYYY-MM-DD`. */
   "prop:min"?: (HelixDateInput["min"]) | undefined;
   /** How many dates can be held at once.
@@ -15463,6 +15443,20 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "default-open"?: (HelixTimeInput["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   defaultOpen?: (HelixTimeInput["defaultOpen"]) | undefined;
+  /** What the control is called once everything is showing. */
+  "collapse-label"?: (HelixTimeInput["collapseLabel"]) | undefined;
+  /** What the control is called once everything is showing. */
+  collapseLabel?: (HelixTimeInput["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  expandable?: (HelixTimeInput["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "expand-label"?: (HelixTimeInput["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  expandLabel?: (HelixTimeInput["expandLabel"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "max-tags"?: (HelixTimeInput["maxTags"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  maxTags?: (HelixTimeInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
   "default-value"?: (HelixTimeInput["defaultValue"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -15493,18 +15487,6 @@ Absent uses the runtime's own. */
   locale?: (HelixTimeInput["locale"]) | undefined;
   /** Latest time that can be chosen, as `HH:mm`. */
   max?: (HelixTimeInput["max"]) | undefined;
-  /** How many times are shown as tags before the rest are counted, in `multiple`.
-
-`0` is all of them, and is the default, for the reason Date Input gives: how
-many fit depends on the width of the field and the length of what is in it,
-and this element knows neither. */
-  "max-tags"?: (HelixTimeInput["maxTags"]) | undefined;
-  /** How many times are shown as tags before the rest are counted, in `multiple`.
-
-`0` is all of them, and is the default, for the reason Date Input gives: how
-many fit depends on the width of the field and the length of what is in it,
-and this element knows neither. */
-  maxTags?: (HelixTimeInput["maxTags"]) | undefined;
   /** Earliest time that can be chosen, as `HH:mm`. */
   min?: (HelixTimeInput["min"]) | undefined;
   /** How many times can be held at once.
@@ -15649,6 +15631,20 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "bool:default-open"?: (HelixTimeInput["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   "prop:defaultOpen"?: (HelixTimeInput["defaultOpen"]) | undefined;
+  /** What the control is called once everything is showing. */
+  "attr:collapse-label"?: (HelixTimeInput["collapseLabel"]) | undefined;
+  /** What the control is called once everything is showing. */
+  "prop:collapseLabel"?: (HelixTimeInput["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  "prop:expandable"?: (HelixTimeInput["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "attr:expand-label"?: (HelixTimeInput["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "prop:expandLabel"?: (HelixTimeInput["expandLabel"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "attr:max-tags"?: (HelixTimeInput["maxTags"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "prop:maxTags"?: (HelixTimeInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
   "attr:default-value"?: (HelixTimeInput["defaultValue"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -15679,18 +15675,6 @@ Absent uses the runtime's own. */
   "prop:locale"?: (HelixTimeInput["locale"]) | undefined;
   /** Latest time that can be chosen, as `HH:mm`. */
   "prop:max"?: (HelixTimeInput["max"]) | undefined;
-  /** How many times are shown as tags before the rest are counted, in `multiple`.
-
-`0` is all of them, and is the default, for the reason Date Input gives: how
-many fit depends on the width of the field and the length of what is in it,
-and this element knows neither. */
-  "attr:max-tags"?: (HelixTimeInput["maxTags"]) | undefined;
-  /** How many times are shown as tags before the rest are counted, in `multiple`.
-
-`0` is all of them, and is the default, for the reason Date Input gives: how
-many fit depends on the width of the field and the length of what is in it,
-and this element knows neither. */
-  "prop:maxTags"?: (HelixTimeInput["maxTags"]) | undefined;
   /** Earliest time that can be chosen, as `HH:mm`. */
   "prop:min"?: (HelixTimeInput["min"]) | undefined;
   /** How many times can be held at once.
@@ -20438,6 +20422,7 @@ export type CustomElements = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--chat-indicator-background-color`: Ground behind a slotted waiting indicator, which is a chip so the mark and its word read as one thing. (default: `undefined`)
    * - `--chat-message-background-color`: Fill behind a turn. (default: `undefined`)
    * - `--chat-message-background-color-me`: Fill behind the reader's own turns. (default: `undefined`)
    * - `--chat-message-color`: Ink in a turn. (default: `undefined`)
@@ -22385,6 +22370,10 @@ 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 is called 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.
    *
@@ -22428,17 +22417,6 @@ export type CustomElements = {
    * - `first-day-of-week`/`firstDayOfWeek`: First column of the week in the calendar, `0` for Sunday through `6`.
    * - `locale`: Language tag the calendar names its months and days in.
    * - `max`: Latest date that can be chosen, as `YYYY-MM-DD`.
-   * - `max-tags`/`maxTags`: How many dates are shown as tags before the rest are counted, in `multiple`.
-   *
-   * `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
-   * dates 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, and the count is what tells them there is more to see.
    * - `min`: Earliest date that can be chosen, as `YYYY-MM-DD`.
    * - `mode`: How many dates can be held at once.
    *
@@ -22645,8 +22623,9 @@ export type CustomElements = {
    * - `picker-previous-mark`: The glyph on the previous month control.
    * - `picker-week`: One row of days.
    * - `picker-weekday`: A column header naming a day of the week.
-   * - `rest`: How many dates are held beyond the ones shown.
+   * - `rest`: How many dates are held beyond the ones shown. A `<button>` with `expandable`, a `<span>` without it.
    * - `surface`: The floating panel.
+   * - `tags`: The row the dates sit in.
    * - `trigger`: The control that opens the calendar.
    * - `trigger-icon`: The mark on the button that opens the calendar.
    */
@@ -31784,6 +31763,10 @@ 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 is called 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.
    *
@@ -31803,11 +31786,6 @@ export type CustomElements = {
    *
    * Absent uses the runtime's own.
    * - `max`: Latest time that can be chosen, as `HH:mm`.
-   * - `max-tags`/`maxTags`: How many times are shown as tags before the rest are counted, in `multiple`.
-   *
-   * `0` is all of them, and is the default, for the reason Date Input gives: how
-   * many fit depends on the width of the field and the length of what is in it,
-   * and this element knows neither.
    * - `min`: Earliest time that can be chosen, as `HH:mm`.
    * - `mode`: How many times can be held at once.
    *
@@ -32031,8 +32009,9 @@ export type CustomElements = {
    * - `picker-option-item`: The row.
    * - `picker-option-label`: The words.
    * - `picker-option-text`: The words and the caption, as one column.
-   * - `rest`: How many times are held beyond the ones shown.
+   * - `rest`: How many times are held beyond the ones shown. A `<button>` with `expandable`, a `<span>` without it.
    * - `surface`: The floating panel.
+   * - `tags`: The row the times sit in.
    * - `time`: One held time, as a tag, in `multiple`.
    * - `time-dismiss`: The remove button, when `dismissible`.
    * - `time-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
@@ -36441,6 +36420,7 @@ export type CustomElementsSolidJs = {
    *
    * CSS variables available for styling the component.
    *
+   * - `--chat-indicator-background-color`: Ground behind a slotted waiting indicator, which is a chip so the mark and its word read as one thing. (default: `undefined`)
    * - `--chat-message-background-color`: Fill behind a turn. (default: `undefined`)
    * - `--chat-message-background-color-me`: Fill behind the reader's own turns. (default: `undefined`)
    * - `--chat-message-color`: Ink in a turn. (default: `undefined`)
@@ -38422,6 +38402,10 @@ 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 is called 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.
    *
@@ -38465,17 +38449,6 @@ export type CustomElementsSolidJs = {
    * - `first-day-of-week`/`firstDayOfWeek`: First column of the week in the calendar, `0` for Sunday through `6`.
    * - `locale`: Language tag the calendar names its months and days in.
    * - `max`: Latest date that can be chosen, as `YYYY-MM-DD`.
-   * - `max-tags`/`maxTags`: How many dates are shown as tags before the rest are counted, in `multiple`.
-   *
-   * `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
-   * dates 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, and the count is what tells them there is more to see.
    * - `min`: Earliest date that can be chosen, as `YYYY-MM-DD`.
    * - `mode`: How many dates can be held at once.
    *
@@ -38682,8 +38655,9 @@ export type CustomElementsSolidJs = {
    * - `picker-previous-mark`: The glyph on the previous month control.
    * - `picker-week`: One row of days.
    * - `picker-weekday`: A column header naming a day of the week.
-   * - `rest`: How many dates are held beyond the ones shown.
+   * - `rest`: How many dates are held beyond the ones shown. A `<button>` with `expandable`, a `<span>` without it.
    * - `surface`: The floating panel.
+   * - `tags`: The row the dates sit in.
    * - `trigger`: The control that opens the calendar.
    * - `trigger-icon`: The mark on the button that opens the calendar.
    */
@@ -48058,6 +48032,10 @@ 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 is called 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.
    *
@@ -48077,11 +48055,6 @@ export type CustomElementsSolidJs = {
    *
    * Absent uses the runtime's own.
    * - `max`: Latest time that can be chosen, as `HH:mm`.
-   * - `max-tags`/`maxTags`: How many times are shown as tags before the rest are counted, in `multiple`.
-   *
-   * `0` is all of them, and is the default, for the reason Date Input gives: how
-   * many fit depends on the width of the field and the length of what is in it,
-   * and this element knows neither.
    * - `min`: Earliest time that can be chosen, as `HH:mm`.
    * - `mode`: How many times can be held at once.
    *
@@ -48305,8 +48278,9 @@ export type CustomElementsSolidJs = {
    * - `picker-option-item`: The row.
    * - `picker-option-label`: The words.
    * - `picker-option-text`: The words and the caption, as one column.
-   * - `rest`: How many times are held beyond the ones shown.
+   * - `rest`: How many times are held beyond the ones shown. A `<button>` with `expandable`, a `<span>` without it.
    * - `surface`: The floating panel.
+   * - `tags`: The row the times sit in.
    * - `time`: One held time, as a tag, in `multiple`.
    * - `time-dismiss`: The remove button, when `dismissible`.
    * - `time-dismiss-mark`: The glyph on the dismiss control, where none is slotted.
@@ -50721,6 +50695,8 @@ export type CustomCssProperties = {
   "--chat-composer-border-width"?: (string) | undefined;
   /** How tall the field may grow. */
   "--chat-composer-max-block-size"?: (string) | undefined;
+  /** Ground behind a slotted waiting indicator, which is a chip so the mark and its word read as one thing. */
+  "--chat-indicator-background-color"?: (string) | undefined;
   /** Fill behind a turn. */
   "--chat-message-background-color"?: (string) | undefined;
   /** Fill behind the reader's own turns. */

package/types/vue.d.ts

@@ -2693,6 +2693,20 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "default-open"?: (HelixDateInput["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   defaultOpen?: (HelixDateInput["defaultOpen"]) | undefined;
+  /** What the control is called once everything is showing. */
+  "collapse-label"?: (HelixDateInput["collapseLabel"]) | undefined;
+  /** What the control is called once everything is showing. */
+  collapseLabel?: (HelixDateInput["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  expandable?: (HelixDateInput["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "expand-label"?: (HelixDateInput["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  expandLabel?: (HelixDateInput["expandLabel"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "max-tags"?: (HelixDateInput["maxTags"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  maxTags?: (HelixDateInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
   "default-value"?: (HelixDateInput["defaultValue"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -2780,30 +2794,6 @@ submits and what `min` and `max` compare against. */
   locale?: (HelixDateInput["locale"]) | undefined;
   /** Latest date that can be chosen, as `YYYY-MM-DD`. */
   max?: (HelixDateInput["max"]) | undefined;
-  /** How many dates are shown as tags before the rest are counted, in `multiple`.
-
-`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
-dates 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, and the count is what tells them there is more to see. */
-  "max-tags"?: (HelixDateInput["maxTags"]) | undefined;
-  /** How many dates are shown as tags before the rest are counted, in `multiple`.
-
-`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
-dates 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, and the count is what tells them there is more to see. */
-  maxTags?: (HelixDateInput["maxTags"]) | undefined;
   /** Earliest date that can be chosen, as `YYYY-MM-DD`. */
   min?: (HelixDateInput["min"]) | undefined;
   /** How many dates can be held at once.
@@ -7915,6 +7905,20 @@ the resolved state for stylesheets, which is what the mirror is for. */
   "default-open"?: (HelixTimeInput["defaultOpen"]) | undefined;
   /** Initial open state for uncontrolled use, where nothing declared one. */
   defaultOpen?: (HelixTimeInput["defaultOpen"]) | undefined;
+  /** What the control is called once everything is showing. */
+  "collapse-label"?: (HelixTimeInput["collapseLabel"]) | undefined;
+  /** What the control is called once everything is showing. */
+  collapseLabel?: (HelixTimeInput["collapseLabel"]) | undefined;
+  /** Whether the count is a control that shows the rest. */
+  expandable?: (HelixTimeInput["expandable"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  "expand-label"?: (HelixTimeInput["expandLabel"]) | undefined;
+  /** What the collapsed count is called, since `+3` names nothing. */
+  expandLabel?: (HelixTimeInput["expandLabel"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  "max-tags"?: (HelixTimeInput["maxTags"]) | undefined;
+  /** How many tokens to show before the rest become a count. */
+  maxTags?: (HelixTimeInput["maxTags"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
   "default-value"?: (HelixTimeInput["defaultValue"]) | undefined;
   /** The value the markup declared, which is where a reset returns to. */
@@ -7945,18 +7949,6 @@ Absent uses the runtime's own. */
   locale?: (HelixTimeInput["locale"]) | undefined;
   /** Latest time that can be chosen, as `HH:mm`. */
   max?: (HelixTimeInput["max"]) | undefined;
-  /** How many times are shown as tags before the rest are counted, in `multiple`.
-
-`0` is all of them, and is the default, for the reason Date Input gives: how
-many fit depends on the width of the field and the length of what is in it,
-and this element knows neither. */
-  "max-tags"?: (HelixTimeInput["maxTags"]) | undefined;
-  /** How many times are shown as tags before the rest are counted, in `multiple`.
-
-`0` is all of them, and is the default, for the reason Date Input gives: how
-many fit depends on the width of the field and the length of what is in it,
-and this element knows neither. */
-  maxTags?: (HelixTimeInput["maxTags"]) | undefined;
   /** Earliest time that can be chosen, as `HH:mm`. */
   min?: (HelixTimeInput["min"]) | undefined;
   /** How many times can be held at once.
@@ -9497,6 +9489,8 @@ export type CustomCssProperties = {
   "--chat-composer-border-width"?: (string) | undefined;
   /** How tall the field may grow. */
   "--chat-composer-max-block-size"?: (string) | undefined;
+  /** Ground behind a slotted waiting indicator, which is a chip so the mark and its word read as one thing. */
+  "--chat-indicator-background-color"?: (string) | undefined;
   /** Fill behind a turn. */
   "--chat-message-background-color"?: (string) | undefined;
   /** Fill behind the reader's own turns. */