@fusion.dev/helix-headless 0.177.0 → 0.177.2

package/types/vue.d.ts

@@ -2680,7 +2680,7 @@ export type HelixHeadlessChatComposerVueEvents = {
   "helix-send": HelixHeadlessChatComposerHelixSendElementEvent;
   /** The user started or stopped writing, with `typing` saying which, as the composer's `typing` does. */
   "helix-typing": HelixHeadlessChatComposerHelixTypingElementEvent;
-  /** The user changed the text. Read it from `value`, for a typing indicator or a saved draft. Sent on the composer and does not bubble. */
+  /** The user changed the text. Read it from `value`, for a typing indicator or a saved draft. Bubbles and is composed, as a native field's is. */
   input: HelixHeadlessChatComposerElementEvent;
 };
 
@@ -5540,10 +5540,22 @@ Empty is the reader's own. Dates are plain `YYYY-MM-DD` and carry no zone. */
   /** The message shown when `disable-dates` or `disable-days` bars a date. */
   unavailableMessage?: (HelixHeadlessDateInput["unavailableMessage"]) | undefined;
   /** The message for text that is no date, where `bad-input-message` is not
-set. `{mode}` is `single`, `range`, or `multiple`. */
+set. `{mode}` is `single`, `range`, or `multiple`, and `{example}` is a
+date written as the field writes one, `August 24, 2026` in `en-US` and
+`24. August 2026` in `de-DE` at the default `date-style`.
+
+**The default names a date the field reads back.** It said "Enter a date
+as YYYY-MM-DD." to a reader whose field showed `August 4, 2026`, and a
+pattern token is words for a developer. Time Input says the same. */
   "unreadable-message"?: (HelixHeadlessDateInput["unreadableMessage"]) | undefined;
   /** The message for text that is no date, where `bad-input-message` is not
-set. `{mode}` is `single`, `range`, or `multiple`. */
+set. `{mode}` is `single`, `range`, or `multiple`, and `{example}` is a
+date written as the field writes one, `August 24, 2026` in `en-US` and
+`24. August 2026` in `de-DE` at the default `date-style`.
+
+**The default names a date the field reads back.** It said "Enter a date
+as YYYY-MM-DD." to a reader whose field showed `August 4, 2026`, and a
+pattern token is words for a developer. Time Input says the same. */
   unreadableMessage?: (HelixHeadlessDateInput["unreadableMessage"]) | undefined;
   /** The name of the calendar's heading where it shows a page of years, with
 `{heading}` filled in. */
@@ -5834,16 +5846,24 @@ export type HelixHeadlessDatePickerVueProps = {
 **Every sentence a control raises in the browser's bubble is a property**,
 named for the validity flag it reports, so a form in another language
 speaks it. Unset is the sentence registered for the page's language, then
-the English. `{mode}` is `single`, `range` or `multiple`, so each can have
-its own sentence. */
+the English. `{example}` is a date written as the calendar names one,
+`August 24, 2026` in `en-US` and `24. August 2026` in `de-DE`, and `{mode}`
+is `single`, `range` or `multiple`, so each can have its own sentence.
+
+**The default names a date in words.** It said "Enter a date as
+YYYY-MM-DD.", and a pattern token is words for a developer. */
   "bad-input-message"?: (HelixHeadlessDatePicker["badInputMessage"]) | undefined;
   /** The validation message for a value that is not a date.
 
 **Every sentence a control raises in the browser's bubble is a property**,
 named for the validity flag it reports, so a form in another language
 speaks it. Unset is the sentence registered for the page's language, then
-the English. `{mode}` is `single`, `range` or `multiple`, so each can have
-its own sentence. */
+the English. `{example}` is a date written as the calendar names one,
+`August 24, 2026` in `en-US` and `24. August 2026` in `de-DE`, and `{mode}`
+is `single`, `range` or `multiple`, so each can have its own sentence.
+
+**The default names a date in words.** It said "Enter a date as
+YYYY-MM-DD.", and a pattern token is words for a developer. */
   badInputMessage?: (HelixHeadlessDatePicker["badInputMessage"]) | undefined;
   /** The calendar the heading, the days, and the months are written in.
 
@@ -16280,10 +16300,22 @@ never something this element would refuse to read back. */
   /** The message shown when `disable-times` bars a time. */
   unavailableMessage?: (HelixHeadlessTimeInput["unavailableMessage"]) | undefined;
   /** The message for text that is no time, where `bad-input-message` is not
-set. `{mode}` is `single`, `range`, or `multiple`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`. */
+set. `{mode}` is `single`, `range`, or `multiple`, `{example}` is a time
+written as the field writes one, `2:30 PM` in `en-US` and `14:30` in
+`de-DE`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`.
+
+**The default names a time the field reads back.** It said "Enter a time
+as HH:mm." to a reader whose field showed `2:30 PM`, and a pattern token
+is words for a developer. */
   "unreadable-message"?: (HelixHeadlessTimeInput["unreadableMessage"]) | undefined;
   /** The message for text that is no time, where `bad-input-message` is not
-set. `{mode}` is `single`, `range`, or `multiple`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`. */
+set. `{mode}` is `single`, `range`, or `multiple`, `{example}` is a time
+written as the field writes one, `2:30 PM` in `en-US` and `14:30` in
+`de-DE`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`.
+
+**The default names a time the field reads back.** It said "Enter a time
+as HH:mm." to a reader whose field showed `2:30 PM`, and a pattern token
+is words for a developer. */
   unreadableMessage?: (HelixHeadlessTimeInput["unreadableMessage"]) | undefined;
   /** Whether the panel shows one list of times or a column for each part of the
 time.
@@ -16569,18 +16601,28 @@ export type HelixHeadlessTimePickerVueProps = {
 **Every sentence a control raises in the browser's bubble is a property**,
 named for the validity flag it reports, so a form in another language
 speaks it. Unset is the sentence registered for the page's language, then
-the English. `{shape}` is how a time is written, `HH:mm` or `HH:mm:ss`, and
-`{mode}` is `single`, `range` or `multiple`, so each can have its own
-sentence. */
+the English. `{example}` is a time written as the picker writes one,
+`2:30 PM` in `en-US` and `14:30` in `de-DE`, `{shape}` is `HH:mm` or
+`HH:mm:ss`, and `{mode}` is `single`, `range` or `multiple`, so each can
+have its own sentence.
+
+**The default names a time as the picker shows one.** It said "Enter a
+time as HH:mm." to a reader whose list showed `2:30 PM`, and a pattern
+token is words for a developer. Time Input says the same. */
   "bad-input-message"?: (HelixHeadlessTimePicker["badInputMessage"]) | undefined;
   /** The validation message for a value that is not a time.
 
 **Every sentence a control raises in the browser's bubble is a property**,
 named for the validity flag it reports, so a form in another language
 speaks it. Unset is the sentence registered for the page's language, then
-the English. `{shape}` is how a time is written, `HH:mm` or `HH:mm:ss`, and
-`{mode}` is `single`, `range` or `multiple`, so each can have its own
-sentence. */
+the English. `{example}` is a time written as the picker writes one,
+`2:30 PM` in `en-US` and `14:30` in `de-DE`, `{shape}` is `HH:mm` or
+`HH:mm:ss`, and `{mode}` is `single`, `range` or `multiple`, so each can
+have its own sentence.
+
+**The default names a time as the picker shows one.** It said "Enter a
+time as HH:mm." to a reader whose list showed `2:30 PM`, and a pattern
+token is words for a developer. Time Input says the same. */
   badInputMessage?: (HelixHeadlessTimePicker["badInputMessage"]) | undefined;
   /** Times that cannot be chosen, as `HH:mm`, separated by commas or spaces.
 

package/types/words.d.ts

@@ -1276,9 +1276,11 @@ declare module '@fusion.dev/helix-core' {
       unavailableMessage: Message
       /**
        * The message for text that is no date, where `bad-input-message` is not
-       * set. `{mode}` is `single`, `range`, or `multiple`.
+       * set. `{mode}` is `single`, `range`, or `multiple`, and `{example}` is a
+       * date written as the field writes one, `August 24, 2026` in `en-US` and
+       * `24. August 2026` in `de-DE` at the default `date-style`.
        *
-       * English: `{mode, select, single {Enter a date as YYYY-MM-DD.} other {Enter dates as YYYY-MM-DD, separated by commas.}}`
+       * English: `{mode, select, single {Enter a date such as {example}.} other {Enter dates such as {example}, separated by commas.}}`
        */
       unreadableMessage: Message
       /**
@@ -1293,7 +1295,7 @@ declare module '@fusion.dev/helix-core' {
       /**
        * The validation message for a value that is not a date.
        *
-       * English: `{mode, select, single {Enter a date as YYYY-MM-DD.} other {Enter dates as YYYY-MM-DD, separated by commas.}}`
+       * English: `{mode, select, single {Enter a date such as {example}.} other {Enter dates such as {example}, separated by commas.}}`
        */
       badInputMessage: Message
       /**
@@ -3311,9 +3313,11 @@ declare module '@fusion.dev/helix-core' {
       unavailableMessage: Message
       /**
        * The message for text that is no time, where `bad-input-message` is not
-       * set. `{mode}` is `single`, `range`, or `multiple`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`.
+       * set. `{mode}` is `single`, `range`, or `multiple`, `{example}` is a time
+       * written as the field writes one, `2:30 PM` in `en-US` and `14:30` in
+       * `de-DE`, and `{shape}` is `HH:mm`, or `HH:mm:ss` with `seconds`.
        *
-       * English: `{mode, select, single {Enter a time as {shape}.} other {Enter times as {shape}, separated by commas.}}`
+       * English: `{mode, select, single {Enter a time such as {example}.} other {Enter times such as {example}, separated by commas.}}`
        */
       unreadableMessage: Message
     }
@@ -3321,7 +3325,7 @@ declare module '@fusion.dev/helix-core' {
       /**
        * The validation message for a value that is not a time.
        *
-       * English: `{mode, select, single {Enter a time as {shape}.} other {Enter times as {shape}, separated by commas.}}`
+       * English: `{mode, select, single {Enter a time such as {example}.} other {Enter times such as {example}, separated by commas.}}`
        */
       badInputMessage: Message
       /**