@fusion.dev/helix 0.164.0 → 0.165.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix",
   "description": "Styled component tier. Extends the headless tier with token-driven presentation.",
-  "version": "0.164.0",
+  "version": "0.165.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -54,13 +54,13 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.164.0",
-    "@fusion.dev/helix-headless": "0.164.0",
-    "@fusion.dev/helix-styles": "0.164.0"
+    "@fusion.dev/helix-core": "0.165.0",
+    "@fusion.dev/helix-headless": "0.165.0",
+    "@fusion.dev/helix-styles": "0.165.0"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.164.0",
-    "@fusion.dev/helix-testing": "0.164.0",
+    "@fusion.dev/helix-cem": "0.165.0",
+    "@fusion.dev/helix-testing": "0.165.0",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.14.5",
     "@lit-labs/ssr": "^4.1.0",

package/types/jsx.d.ts

@@ -16352,7 +16352,9 @@ place of the date: `long` ("3 hours ago"), `short` ("3 hr. ago") or
 `narrow` ("3h ago").
 
 The reading refreshes as it goes stale, as `elapsed` does, and the whole
-date is its title. `elapsed` wins where both are set. */
+date is its title. `elapsed` wins where both are set. Written with no
+value, as `elapsed` is, or with a style `Intl` does not know, it reads
+`long`. */
   relative?: (HelixFormatDate["relative"]) | undefined;
   /** How the second is written, where a time of day is shown. */
   second?: (HelixFormatDate["second"]) | undefined;
@@ -16494,7 +16496,9 @@ place of the date: `long` ("3 hours ago"), `short` ("3 hr. ago") or
 `narrow` ("3h ago").
 
 The reading refreshes as it goes stale, as `elapsed` does, and the whole
-date is its title. `elapsed` wins where both are set. */
+date is its title. `elapsed` wins where both are set. Written with no
+value, as `elapsed` is, or with a style `Intl` does not know, it reads
+`long`. */
   "prop:relative"?: (HelixFormatDate["relative"]) | undefined;
   /** How the second is written, where a time of day is shown. */
   "prop:second"?: (HelixFormatDate["second"]) | undefined;
@@ -24889,10 +24893,11 @@ one they already know. */
 invalid, as it is in a native number field.
 
 Unset, a step moves by one, or by one percent under a percent format, and
-a typed number is rounded to the smallest amount `format-options` shows
-rather than to whole steps, as React Aria's NumberField does: a field
-showing dollars keeps the cents typed into it. Without `format-options`
-the grid is whole numbers, as in a native number field. */
+a typed number is rounded to the smallest amount the format shows, as
+React Aria's NumberField does: a field showing dollars keeps the cents
+typed into it, and one with no `format-options` keeps three decimal
+places. `any` puts the number on no grid, as it does in a native number
+field: a step moves by one, and any number in range is valid. */
   step?: (HelixNumberInput["step"]) | undefined;
   /** The message the browser shows when the number is off the step grid, with
 `{below}` and `{above}` filled in with the nearest valid values, written in
@@ -25167,10 +25172,11 @@ one they already know. */
 invalid, as it is in a native number field.
 
 Unset, a step moves by one, or by one percent under a percent format, and
-a typed number is rounded to the smallest amount `format-options` shows
-rather than to whole steps, as React Aria's NumberField does: a field
-showing dollars keeps the cents typed into it. Without `format-options`
-the grid is whole numbers, as in a native number field. */
+a typed number is rounded to the smallest amount the format shows, as
+React Aria's NumberField does: a field showing dollars keeps the cents
+typed into it, and one with no `format-options` keeps three decimal
+places. `any` puts the number on no grid, as it does in a native number
+field: a step moves by one, and any number in range is valid. */
   "prop:step"?: (HelixNumberInput["step"]) | undefined;
   /** The message the browser shows when the number is off the step grid, with
 `{below}` and `{above}` filled in with the nearest valid values, written in
@@ -51728,7 +51734,9 @@ export type CustomElements = {
    * `narrow` ("3h ago").
    *
    * The reading refreshes as it goes stale, as `elapsed` does, and the whole
-   * date is its title. `elapsed` wins where both are set.
+   * date is its title. `elapsed` wins where both are set. Written with no
+   * value, as `elapsed` is, or with a style `Intl` does not know, it reads
+   * `long`.
    * - `second`: How the second is written, where a time of day is shown.
    * - `time-style`/`timeStyle`: The locale's own pattern for the time of day: `full`, `long`, `medium`, or
    * `short`. Set, it stands in for `hour`, `minute`, `second` and
@@ -57821,10 +57829,11 @@ export type CustomElements = {
    * invalid, as it is in a native number field.
    *
    * Unset, a step moves by one, or by one percent under a percent format, and
-   * a typed number is rounded to the smallest amount `format-options` shows
-   * rather than to whole steps, as React Aria's NumberField does: a field
-   * showing dollars keeps the cents typed into it. Without `format-options`
-   * the grid is whole numbers, as in a native number field.
+   * a typed number is rounded to the smallest amount the format shows, as
+   * React Aria's NumberField does: a field showing dollars keeps the cents
+   * typed into it, and one with no `format-options` keeps three decimal
+   * places. `any` puts the number on no grid, as it does in a native number
+   * field: a step moves by one, and any number in range is valid.
    * - `step-mismatch-message`/`stepMismatchMessage`: The message the browser shows when the number is off the step grid, with
    * `{below}` and `{above}` filled in with the nearest valid values, written in
    * the locale.
@@ -58020,6 +58029,8 @@ export type CustomElements = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `at-max`: The number is at `max`, so it cannot step up, as React Aria's NumberField says with `canIncrement`.
+   * - `at-min`: The number is at `min`, so it cannot step down.
    * - `invalid`: The control has an error to show, from the browser's validation or from your `feedback`.
    * - `scrubbing`: The label is being dragged to change the value, under `scrub`, as Zag's scrubber says while it is held.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.
@@ -80896,7 +80907,9 @@ export type CustomElementsSolidJs = {
    * `narrow` ("3h ago").
    *
    * The reading refreshes as it goes stale, as `elapsed` does, and the whole
-   * date is its title. `elapsed` wins where both are set.
+   * date is its title. `elapsed` wins where both are set. Written with no
+   * value, as `elapsed` is, or with a style `Intl` does not know, it reads
+   * `long`.
    * - `second`: How the second is written, where a time of day is shown.
    * - `time-style`/`timeStyle`: The locale's own pattern for the time of day: `full`, `long`, `medium`, or
    * `short`. Set, it stands in for `hour`, `minute`, `second` and
@@ -87102,10 +87115,11 @@ export type CustomElementsSolidJs = {
    * invalid, as it is in a native number field.
    *
    * Unset, a step moves by one, or by one percent under a percent format, and
-   * a typed number is rounded to the smallest amount `format-options` shows
-   * rather than to whole steps, as React Aria's NumberField does: a field
-   * showing dollars keeps the cents typed into it. Without `format-options`
-   * the grid is whole numbers, as in a native number field.
+   * a typed number is rounded to the smallest amount the format shows, as
+   * React Aria's NumberField does: a field showing dollars keeps the cents
+   * typed into it, and one with no `format-options` keeps three decimal
+   * places. `any` puts the number on no grid, as it does in a native number
+   * field: a step moves by one, and any number in range is valid.
    * - `step-mismatch-message`/`stepMismatchMessage`: The message the browser shows when the number is off the step grid, with
    * `{below}` and `{above}` filled in with the nearest valid values, written in
    * the locale.
@@ -87301,6 +87315,8 @@ export type CustomElementsSolidJs = {
    *
    * These can be used to apply styling when a component is in a given state.
    *
+   * - `at-max`: The number is at `max`, so it cannot step up, as React Aria's NumberField says with `canIncrement`.
+   * - `at-min`: The number is at `min`, so it cannot step down.
    * - `invalid`: The control has an error to show, from the browser's validation or from your `feedback`.
    * - `scrubbing`: The label is being dragged to change the value, under `scrub`, as Zag's scrubber says while it is held.
    * - `settled`: Set one frame after the first render. Transitions wait for it, so an element does not animate its own arrival.

package/types/vue.d.ts

@@ -8441,7 +8441,9 @@ place of the date: `long` ("3 hours ago"), `short` ("3 hr. ago") or
 `narrow` ("3h ago").
 
 The reading refreshes as it goes stale, as `elapsed` does, and the whole
-date is its title. `elapsed` wins where both are set. */
+date is its title. `elapsed` wins where both are set. Written with no
+value, as `elapsed` is, or with a style `Intl` does not know, it reads
+`long`. */
   relative?: (HelixFormatDate["relative"]) | undefined;
   /** How the second is written, where a time of day is shown. */
   second?: (HelixFormatDate["second"]) | undefined;
@@ -12874,10 +12876,11 @@ one they already know. */
 invalid, as it is in a native number field.
 
 Unset, a step moves by one, or by one percent under a percent format, and
-a typed number is rounded to the smallest amount `format-options` shows
-rather than to whole steps, as React Aria's NumberField does: a field
-showing dollars keeps the cents typed into it. Without `format-options`
-the grid is whole numbers, as in a native number field. */
+a typed number is rounded to the smallest amount the format shows, as
+React Aria's NumberField does: a field showing dollars keeps the cents
+typed into it, and one with no `format-options` keeps three decimal
+places. `any` puts the number on no grid, as it does in a native number
+field: a step moves by one, and any number in range is valid. */
   step?: (HelixNumberInput["step"]) | undefined;
   /** The message the browser shows when the number is off the step grid, with
 `{below}` and `{above}` filled in with the nearest valid values, written in