@fusion.dev/helix 0.201.1 → 0.203.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.201.1",
+  "version": "0.203.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -60,14 +60,14 @@
   },
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
-    "@fusion.dev/helix-core": "0.201.1",
-    "@fusion.dev/helix-headless": "0.201.1",
-    "@fusion.dev/helix-styles": "0.201.1",
+    "@fusion.dev/helix-core": "0.203.0",
+    "@fusion.dev/helix-headless": "0.203.0",
+    "@fusion.dev/helix-styles": "0.203.0",
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.201.1",
-    "@fusion.dev/helix-testing": "0.201.1",
+    "@fusion.dev/helix-cem": "0.203.0",
+    "@fusion.dev/helix-testing": "0.203.0",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.14.5",
     "@lit-labs/ssr": "^4.1.0",

package/skills/helix/SKILL.md

@@ -2,12 +2,12 @@
 name: helix
 description: Writes and checks pages built with Helix, the web components in @fusion.dev/helix. Use when building or reviewing any user interface in a project that installs @fusion.dev/helix, and when code has helix- elements, Helix tokens, or the helix command line.
 metadata:
-  version: "0.201.1"
+  version: "0.203.0"
 ---
 
 # Helix
 
-This guide is for @fusion.dev/helix 0.201.1, the version installed beside it.
+This guide is for @fusion.dev/helix 0.203.0, the version installed beside it.
 
 ## Using Helix with an agent
 

package/types/jsx.d.ts

@@ -1692,7 +1692,8 @@ a timer. */
 `variant`.
 
 Absent is `native`, which is each shape answering in the terms it is made
-of: braid leans, rays are occluded, threads pinch, particles scatter. The
+of: braid leans, rays are occluded, threads pinch, particles scatter, a
+constellation gathers. The
 named options are generic, and are a deliberate step down in meaning. A
 response made of the same material as the shape says something about that
 shape; a lamp following the cursor says the same nothing on every one.
@@ -1770,10 +1771,11 @@ that range, because they interpolate: a larger number would extrapolate,
 and a streak whose length passed through zero would be drawn as a bar
 across the whole frame.
 
-Read by six of the eleven shapes, the ones made of many similar things,
+Read by seven of the twelve shapes, the ones made of many similar things,
 whether those are counted or continuous: `streaks`, whose lanes draw a
-speed, a length, a width, a spacing and a weight apiece; `particles`, whose
-motes draw a size, a brightness and a wander; `rays` and `aurora`, whose
+speed, a length, a width, a spacing and a weight apiece; `particles` and
+`constellation`, whose motes and stars draw a size, a brightness and a
+wander; `rays` and `aurora`, whose
 fan, bundles and folds widen or even out; `caustics`, whose three depths of
 fold close on one scale and one weight while the pool over them flattens to
 an even wash; and `fracture`, whose sites come home to their own cell
@@ -1796,7 +1798,7 @@ property writes the attribute onto every host anybody renders.
 
 **`variant` and not `shape`.** `shape` is an axis about geometry, `circle`
 against `square`, `arc` against `ring`, and it is registered as one.
-Aurora, braid and caustics are not geometries; they are eleven names for a
+Aurora, braid and caustics are not geometries; they are twelve names for a
 look, which is what `variant` is for by the rule the registry already
 states. */
   variant?: (HelixAura["variant"]) | undefined;
@@ -1829,7 +1831,8 @@ a timer. */
 `variant`.
 
 Absent is `native`, which is each shape answering in the terms it is made
-of: braid leans, rays are occluded, threads pinch, particles scatter. The
+of: braid leans, rays are occluded, threads pinch, particles scatter, a
+constellation gathers. The
 named options are generic, and are a deliberate step down in meaning. A
 response made of the same material as the shape says something about that
 shape; a lamp following the cursor says the same nothing on every one.
@@ -1907,10 +1910,11 @@ that range, because they interpolate: a larger number would extrapolate,
 and a streak whose length passed through zero would be drawn as a bar
 across the whole frame.
 
-Read by six of the eleven shapes, the ones made of many similar things,
+Read by seven of the twelve shapes, the ones made of many similar things,
 whether those are counted or continuous: `streaks`, whose lanes draw a
-speed, a length, a width, a spacing and a weight apiece; `particles`, whose
-motes draw a size, a brightness and a wander; `rays` and `aurora`, whose
+speed, a length, a width, a spacing and a weight apiece; `particles` and
+`constellation`, whose motes and stars draw a size, a brightness and a
+wander; `rays` and `aurora`, whose
 fan, bundles and folds widen or even out; `caustics`, whose three depths of
 fold close on one scale and one weight while the pool over them flattens to
 an even wash; and `fracture`, whose sites come home to their own cell
@@ -1933,7 +1937,7 @@ property writes the attribute onto every host anybody renders.
 
 **`variant` and not `shape`.** `shape` is an axis about geometry, `circle`
 against `square`, `arc` against `ring`, and it is registered as one.
-Aurora, braid and caustics are not geometries; they are eleven names for a
+Aurora, braid and caustics are not geometries; they are twelve names for a
 look, which is what `variant` is for by the rule the registry already
 states. */
   "prop:variant"?: (HelixAura["variant"]) | undefined;
@@ -45947,7 +45951,8 @@ export type CustomElements = {
    * `variant`.
    *
    * Absent is `native`, which is each shape answering in the terms it is made
-   * of: braid leans, rays are occluded, threads pinch, particles scatter. The
+   * of: braid leans, rays are occluded, threads pinch, particles scatter, a
+   * constellation gathers. The
    * named options are generic, and are a deliberate step down in meaning. A
    * response made of the same material as the shape says something about that
    * shape; a lamp following the cursor says the same nothing on every one.
@@ -46007,10 +46012,11 @@ export type CustomElements = {
    * and a streak whose length passed through zero would be drawn as a bar
    * across the whole frame.
    *
-   * Read by six of the eleven shapes, the ones made of many similar things,
+   * Read by seven of the twelve shapes, the ones made of many similar things,
    * whether those are counted or continuous: `streaks`, whose lanes draw a
-   * speed, a length, a width, a spacing and a weight apiece; `particles`, whose
-   * motes draw a size, a brightness and a wander; `rays` and `aurora`, whose
+   * speed, a length, a width, a spacing and a weight apiece; `particles` and
+   * `constellation`, whose motes and stars draw a size, a brightness and a
+   * wander; `rays` and `aurora`, whose
    * fan, bundles and folds widen or even out; `caustics`, whose three depths of
    * fold close on one scale and one weight while the pool over them flattens to
    * an even wash; and `fracture`, whose sites come home to their own cell
@@ -46032,7 +46038,7 @@ export type CustomElements = {
    *
    * **`variant` and not `shape`.** `shape` is an axis about geometry, `circle`
    * against `square`, `arc` against `ring`, and it is registered as one.
-   * Aurora, braid and caustics are not geometries; they are eleven names for a
+   * Aurora, braid and caustics are not geometries; they are twelve names for a
    * look, which is what `variant` is for by the rule the registry already
    * states.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -68476,6 +68482,7 @@ export type CustomElements = {
    * - `mark`: The invisible point the tooltip is anchored to, where the renderer draws the reading.
    * - `plot`: The box the drawing fills, which takes focus to be read by key. It is named by the host's `aria-labelledby` or `aria-label`, then by `label`, then by the caption of the table.
    * - `ring`: The outline around the bar the pointer or the keys rest on, painted after it, so the bars in front of it cover it.
+   * - `ring-behind`: The same outline, faint and dashed, drawn over every bar, so the part of the bar the pointer or the keys rest on that others hide still shows.
    * - `summary`: The number of bars, series, and categories, and the range of values, written as a sentence for screen readers, which describes the plot. Hide it visually.
    * - `table`: The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.
    * - `tick`: A category's or a series' name, or a value at a tick, along its edge of the box, in the chart's own drawing.
@@ -69880,6 +69887,7 @@ export type CustomElements = {
    * - `mark`: The invisible point the tooltip is anchored to, where the renderer draws the reading.
    * - `plot`: The box the drawing fills, which takes focus to be read by key. It is named by the host's `aria-labelledby` or `aria-label`, then by `label`, then by the caption of the table.
    * - `ring`: The outline around the block the pointer or the keys rest on, painted after it, so the blocks in front of it cover it.
+   * - `ring-behind`: The same outline, faint and dashed, drawn over every block, so the part of the block the pointer or the keys rest on that others hide still shows.
    * - `summary`: The number of items and groups and the range of their sizes, written as a sentence for screen readers, which describes the plot. Hide it visually.
    * - `table`: The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.
    * - `tick`: A height at a tick, along its edge of the box, in the chart's own drawing.
@@ -77901,7 +77909,8 @@ export type CustomElementsSolidJs = {
    * `variant`.
    *
    * Absent is `native`, which is each shape answering in the terms it is made
-   * of: braid leans, rays are occluded, threads pinch, particles scatter. The
+   * of: braid leans, rays are occluded, threads pinch, particles scatter, a
+   * constellation gathers. The
    * named options are generic, and are a deliberate step down in meaning. A
    * response made of the same material as the shape says something about that
    * shape; a lamp following the cursor says the same nothing on every one.
@@ -77961,10 +77970,11 @@ export type CustomElementsSolidJs = {
    * and a streak whose length passed through zero would be drawn as a bar
    * across the whole frame.
    *
-   * Read by six of the eleven shapes, the ones made of many similar things,
+   * Read by seven of the twelve shapes, the ones made of many similar things,
    * whether those are counted or continuous: `streaks`, whose lanes draw a
-   * speed, a length, a width, a spacing and a weight apiece; `particles`, whose
-   * motes draw a size, a brightness and a wander; `rays` and `aurora`, whose
+   * speed, a length, a width, a spacing and a weight apiece; `particles` and
+   * `constellation`, whose motes and stars draw a size, a brightness and a
+   * wander; `rays` and `aurora`, whose
    * fan, bundles and folds widen or even out; `caustics`, whose three depths of
    * fold close on one scale and one weight while the pool over them flattens to
    * an even wash; and `fracture`, whose sites come home to their own cell
@@ -77986,7 +77996,7 @@ export type CustomElementsSolidJs = {
    *
    * **`variant` and not `shape`.** `shape` is an axis about geometry, `circle`
    * against `square`, `arc` against `ring`, and it is registered as one.
-   * Aurora, braid and caustics are not geometries; they are eleven names for a
+   * Aurora, braid and caustics are not geometries; they are twelve names for a
    * look, which is what `variant` is for by the rule the registry already
    * states.
    * - `whenSettled`: Resolves a frame after the first update, when transitions are switched on.
@@ -100788,6 +100798,7 @@ export type CustomElementsSolidJs = {
    * - `mark`: The invisible point the tooltip is anchored to, where the renderer draws the reading.
    * - `plot`: The box the drawing fills, which takes focus to be read by key. It is named by the host's `aria-labelledby` or `aria-label`, then by `label`, then by the caption of the table.
    * - `ring`: The outline around the bar the pointer or the keys rest on, painted after it, so the bars in front of it cover it.
+   * - `ring-behind`: The same outline, faint and dashed, drawn over every bar, so the part of the bar the pointer or the keys rest on that others hide still shows.
    * - `summary`: The number of bars, series, and categories, and the range of values, written as a sentence for screen readers, which describes the plot. Hide it visually.
    * - `table`: The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.
    * - `tick`: A category's or a series' name, or a value at a tick, along its edge of the box, in the chart's own drawing.
@@ -102201,6 +102212,7 @@ export type CustomElementsSolidJs = {
    * - `mark`: The invisible point the tooltip is anchored to, where the renderer draws the reading.
    * - `plot`: The box the drawing fills, which takes focus to be read by key. It is named by the host's `aria-labelledby` or `aria-label`, then by `label`, then by the caption of the table.
    * - `ring`: The outline around the block the pointer or the keys rest on, painted after it, so the blocks in front of it cover it.
+   * - `ring-behind`: The same outline, faint and dashed, drawn over every block, so the part of the block the pointer or the keys rest on that others hide still shows.
    * - `summary`: The number of items and groups and the range of their sizes, written as a sentence for screen readers, which describes the plot. Hide it visually.
    * - `table`: The readings as a table, for a screen reader, rendered only where they were drawn from `data`. Hide it visually.
    * - `tick`: A height at a tick, along its edge of the box, in the chart's own drawing.

package/types/vue.d.ts

@@ -926,7 +926,8 @@ a timer. */
 `variant`.
 
 Absent is `native`, which is each shape answering in the terms it is made
-of: braid leans, rays are occluded, threads pinch, particles scatter. The
+of: braid leans, rays are occluded, threads pinch, particles scatter, a
+constellation gathers. The
 named options are generic, and are a deliberate step down in meaning. A
 response made of the same material as the shape says something about that
 shape; a lamp following the cursor says the same nothing on every one.
@@ -1004,10 +1005,11 @@ that range, because they interpolate: a larger number would extrapolate,
 and a streak whose length passed through zero would be drawn as a bar
 across the whole frame.
 
-Read by six of the eleven shapes, the ones made of many similar things,
+Read by seven of the twelve shapes, the ones made of many similar things,
 whether those are counted or continuous: `streaks`, whose lanes draw a
-speed, a length, a width, a spacing and a weight apiece; `particles`, whose
-motes draw a size, a brightness and a wander; `rays` and `aurora`, whose
+speed, a length, a width, a spacing and a weight apiece; `particles` and
+`constellation`, whose motes and stars draw a size, a brightness and a
+wander; `rays` and `aurora`, whose
 fan, bundles and folds widen or even out; `caustics`, whose three depths of
 fold close on one scale and one weight while the pool over them flattens to
 an even wash; and `fracture`, whose sites come home to their own cell
@@ -1030,7 +1032,7 @@ property writes the attribute onto every host anybody renders.
 
 **`variant` and not `shape`.** `shape` is an axis about geometry, `circle`
 against `square`, `arc` against `ring`, and it is registered as one.
-Aurora, braid and caustics are not geometries; they are eleven names for a
+Aurora, braid and caustics are not geometries; they are twelve names for a
 look, which is what `variant` is for by the rule the registry already
 states. */
   variant?: (HelixAura["variant"]) | undefined;