@fusion.dev/helix-core 0.198.0 → 0.199.0

package/custom-elements.json

@@ -3717,7 +3717,7 @@
         },
         {
           "kind": "class",
-          "description": "Runs a canvas painter's frame loop, and stops it whenever nobody is looking.\n\nIt holds the five pieces every animated canvas needs and none of which is\nabout what is drawn: an `IntersectionObserver` for whether the host is on\nscreen, `visibilitychange` for whether the tab is in front,\n`prefers-reduced-motion` and its `change` listener for whether the reader\nasked for less, a `ResizeObserver` for the box, and the\n`requestAnimationFrame` loop that reports a clamped step. It says whether it\nis running, whether the reader asked for less motion, and whether the host is\non screen.\n\n**Separable because none of it reads a pixel.** `Aura` and `Orb` are the\nlibrary's two canvas painters and are otherwise nothing alike, one a WebGL\nshader over a full-screen triangle and the other a depth-sorted cloud of 2D\ndots. Everything above is the same question in both, which is when a frame is\nworth drawing, and the answer never mentions the drawing.\n\n**Every path to a frame is gated, not only the observer's.** The tab's own\nstate is asked in `play` rather than in the intersection callback, because a\nrestored context, a resize, a state change and a preference all play too, and\na check that lives in the observer covers exactly one of them.\n\n**The next frame is asked for rather than booked blind.** A loop that books\nits own next frame unconditionally ends only where something calls `stop`,\nwhich is how a detached element and a host whose context was taken both went\non drawing into nothing.\n\n**The device-pixel cap is not here.** The aura scales by\n`Math.min(devicePixelRatio || 1, 2) * 0.85` and the orb by\n`Math.min(2, devicePixelRatio || 1)`, and the difference between them is a\nmeasured fill cost, five octaves of noise per pixel against a disc fill.\nThose are decisions about a drawing, not the mechanism around it.\n\n**Nor is context loss.** The event names differ by context type,\n`webglcontextlost` against `contextlost`, and so does the contract: a 2D\ncontext comes back unless the loss is canceled and a WebGL one comes back\nonly if it is. The aura's deferred release is an argument about a browser's\nbudget of about sixteen live WebGL contexts, which is nothing a 2D canvas\nhas.\n\nClient only, and by contract rather than by a guard: every caller holds a\ndrawing context before it calls `watch`, and there is no context on a server\nor on a machine that refuses one.",
+          "description": "Runs a canvas painter's frame loop, and stops it whenever nobody is looking.\n\nIt holds the five pieces every animated canvas needs and none of which is\nabout what is drawn: an `IntersectionObserver` for whether the host is on\nscreen, `visibilitychange` for whether the tab is in front,\n`prefers-reduced-motion` and its `change` listener for whether the reader\nasked for less, a `ResizeObserver` for the box, and the\n`requestAnimationFrame` loop that reports a clamped step. It says whether it\nis running, whether the reader asked for less motion, and whether the host is\non screen.\n\n**Separable because none of it reads a pixel.** `Aura` and `Orb` are the\nlibrary's two canvas painters and are otherwise nothing alike, one a WebGL\nshader over a full-screen triangle and the other a depth-sorted cloud of 2D\ndots. Everything above is the same question in both, which is when a frame is\nworth drawing, and the answer never mentions the drawing.\n\n**The page's pause stops it too.** A page that pauses its motion, through\n`pauseMotion` or `Motion Toggle`, holds every painter on the frame it was\nshowing, and lets them run again when it lets motion run.\n\n**Every path to a frame is gated, not only the observer's.** The tab's own\nstate is asked in `play` rather than in the intersection callback, because a\nrestored context, a resize, a state change and a preference all play too, and\na check that lives in the observer covers exactly one of them.\n\n**The next frame is asked for rather than booked blind.** A loop that books\nits own next frame unconditionally ends only where something calls `stop`,\nwhich is how a detached element and a host whose context was taken both went\non drawing into nothing.\n\n**The device-pixel cap is not here.** The aura scales by\n`Math.min(devicePixelRatio || 1, 2) * 0.85` and the orb by\n`Math.min(2, devicePixelRatio || 1)`, and the difference between them is a\nmeasured fill cost, five octaves of noise per pixel against a disc fill.\nThose are decisions about a drawing, not the mechanism around it.\n\n**Nor is context loss.** The event names differ by context type,\n`webglcontextlost` against `contextlost`, and so does the contract: a 2D\ncontext comes back unless the loss is canceled and a WebGL one comes back\nonly if it is. The aura's deferred release is an argument about a browser's\nbudget of about sixteen live WebGL contexts, which is nothing a 2D canvas\nhas.\n\nClient only, and by contract rather than by a guard: every caller holds a\ndrawing context before it calls `watch`, and there is no context on a server\nor on a machine that refuses one.",
           "name": "PaintGateController",
           "members": [
             {
@@ -3786,6 +3786,15 @@
               },
               "privacy": "private"
             },
+            {
+              "kind": "field",
+              "name": "unpaused",
+              "type": {
+                "text": "(() => void) | undefined"
+              },
+              "privacy": "private",
+              "description": "What stops hearing the page's pause."
+            },
             {
               "kind": "field",
               "name": "visible",
@@ -3883,6 +3892,13 @@
               "privacy": "private",
               "readonly": true
             },
+            {
+              "kind": "field",
+              "name": "handlePause",
+              "privacy": "private",
+              "readonly": true,
+              "description": "The page paused its motion, or let it run again."
+            },
             {
               "kind": "field",
               "name": "handleVisibility",
@@ -18011,6 +18027,46 @@
             "module": "./utils/own-rule/own-rule.js"
           }
         },
+        {
+          "kind": "js",
+          "name": "MOTION_ATTRIBUTE",
+          "declaration": {
+            "name": "MOTION_ATTRIBUTE",
+            "module": "./utils/page-motion/page-motion.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "motionPaused",
+          "declaration": {
+            "name": "motionPaused",
+            "module": "./utils/page-motion/page-motion.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "onMotionChange",
+          "declaration": {
+            "name": "onMotionChange",
+            "module": "./utils/page-motion/page-motion.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "pauseMotion",
+          "declaration": {
+            "name": "pauseMotion",
+            "module": "./utils/page-motion/page-motion.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "reducedMotion",
+          "declaration": {
+            "name": "reducedMotion",
+            "module": "./utils/page-motion/page-motion.js"
+          }
+        },
         {
           "kind": "js",
           "name": "plainClick",
@@ -31824,6 +31880,117 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/utils/page-motion/page-motion.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "MOTION_ATTRIBUTE",
+          "type": {
+            "text": "string"
+          },
+          "default": "'data-helix-motion'",
+          "description": "The attribute on the document element that holds the page's choice."
+        },
+        {
+          "kind": "function",
+          "name": "motionPaused",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "description": "Whether the page has paused the motion that starts by itself. False on a server, where nothing moves."
+        },
+        {
+          "kind": "function",
+          "name": "pauseMotion",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "paused",
+              "default": "true"
+            }
+          ],
+          "description": "Pauses the motion that starts by itself across the page, or with `false` lets it run again."
+        },
+        {
+          "kind": "function",
+          "name": "reducedMotion",
+          "return": {
+            "type": {
+              "text": "boolean"
+            }
+          },
+          "description": "Whether the reader's system asks for movement to be kept to a minimum."
+        },
+        {
+          "kind": "function",
+          "name": "onMotionChange",
+          "return": {
+            "type": {
+              "text": "(() => void)"
+            }
+          },
+          "parameters": [
+            {
+              "name": "listener",
+              "type": {
+                "text": "(paused: boolean) => void"
+              }
+            }
+          ],
+          "description": "Calls `listener` with the page's choice whenever it changes, however it\nwas changed. Returns what stops listening. **One observer for the page**,\nshared by every listener, and none at all while nobody listens."
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "MOTION_ATTRIBUTE",
+          "declaration": {
+            "name": "MOTION_ATTRIBUTE",
+            "module": "src/utils/page-motion/page-motion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "motionPaused",
+          "declaration": {
+            "name": "motionPaused",
+            "module": "src/utils/page-motion/page-motion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "pauseMotion",
+          "declaration": {
+            "name": "pauseMotion",
+            "module": "src/utils/page-motion/page-motion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "reducedMotion",
+          "declaration": {
+            "name": "reducedMotion",
+            "module": "src/utils/page-motion/page-motion.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "onMotionChange",
+          "declaration": {
+            "name": "onMotionChange",
+            "module": "src/utils/page-motion/page-motion.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/utils/plain-click/plain-click.ts",
@@ -32124,9 +32291,13 @@
               "type": {
                 "text": "number"
               }
+            },
+            {
+              "name": "deep",
+              "default": "width"
             }
           ],
-          "description": "A note as a solid, standing on the floor at `x` and `y`, `width` cells\nacross its footprint and `height` cells tall, as the camera sees it.\n\n**Each face is drawn only where it turns toward the camera**, so a block\nshows its top and the two sides that face the viewer from any turn, and a\nplan seen from straight above shows tops alone."
+          "description": "A note as a solid, standing on the floor at `x` and `y`, `width` cells\nacross its footprint and `height` cells tall, as the camera sees it. A\nblock or a pyramid is `deep` cells back, as wide as it is deep where that\nis not given; a cylinder is round.\n\n**Each face is drawn only where it turns toward the camera**, so a block\nshows its top and the two sides that face the viewer from any turn, and a\nplan seen from straight above shows tops alone."
         },
         {
           "kind": "function",
@@ -36359,7 +36530,7 @@
           "type": {
             "text": "string"
           },
-          "default": "'0.198.0'",
+          "default": "'0.199.0'",
           "description": "The version of the package this file ships in.\n\n**Written by `fusion/scripts/version.mjs`** wherever it writes the package's\n`package.json`, and stamped back into the repository beside it after a\nrelease, so the two never disagree; a spec beside this holds them to it.\nNothing else in the running code knows which release it is."
         }
       ],
@@ -36995,6 +37166,6 @@
   ],
   "helix": {
     "package": "@fusion.dev/helix-core",
-    "version": "0.198.0"
+    "version": "0.199.0"
   }
 }

package/dist/controllers/paint-gate-controller/paint-gate-controller.d.ts

@@ -58,6 +58,10 @@ export interface PaintGateOptions {
  * dots. Everything above is the same question in both, which is when a frame is
  * worth drawing, and the answer never mentions the drawing.
  *
+ * **The page's pause stops it too.** A page that pauses its motion, through
+ * `pauseMotion` or `Motion Toggle`, holds every painter on the frame it was
+ * showing, and lets them run again when it lets motion run.
+ *
  * **Every path to a frame is gated, not only the observer's.** The tab's own
  * state is asked in `play` rather than in the intersection callback, because a
  * restored context, a resize, a state change and a preference all play too, and
@@ -99,6 +103,8 @@ export declare class PaintGateController implements ReactiveController {
     private intersecting;
     private motion;
     private sized;
+    /** What stops hearing the page's pause. */
+    private unpaused;
     private visible;
     constructor(host: ReactiveControllerHost & HTMLElement, options: PaintGateOptions);
     /** Whether the host is on screen, as the intersection observer last said. */
@@ -131,5 +137,7 @@ export declare class PaintGateController implements ReactiveController {
     private wanted;
     private readonly tick;
     private readonly handleMotion;
+    /** The page paused its motion, or let it run again. */
+    private readonly handlePause;
     private readonly handleVisibility;
 }

package/dist/controllers/paint-gate-controller/paint-gate-controller.js

@@ -1,3 +1,4 @@
+import { motionPaused, onMotionChange } from '../../utils/page-motion/page-motion.js';
 export const MAX_FRAME_STEP = 0.05;
 const STILL_CLOCK = 0.016;
 export class PaintGateController {
@@ -22,6 +23,14 @@ export class PaintGateController {
             this.options.onMotion?.(this.reduced);
             this.play();
         };
+        this.handlePause = (paused) => {
+            if (paused) {
+                this.stop();
+            }
+            else {
+                this.play();
+            }
+        };
         this.handleVisibility = () => {
             if (document.hidden) {
                 this.stop();
@@ -57,6 +66,7 @@ export class PaintGateController {
         });
         this.visible.observe(this.host);
         document.addEventListener('visibilitychange', this.handleVisibility);
+        this.unpaused ??= onMotionChange(this.handlePause);
         this.sized ??= new ResizeObserver(() => {
             this.options.onResize?.();
         });
@@ -72,6 +82,8 @@ export class PaintGateController {
         this.motion?.removeEventListener('change', this.handleMotion);
         this.motion = undefined;
         document.removeEventListener('visibilitychange', this.handleVisibility);
+        this.unpaused?.();
+        this.unpaused = undefined;
     }
     play() {
         if (this.frame || !this.wanted()) {
@@ -91,6 +103,7 @@ export class PaintGateController {
         return (this.host.isConnected &&
             this.intersecting &&
             !this.reduced &&
+            !motionPaused() &&
             !document.hidden &&
             (this.options.canRun?.() ?? true));
     }

package/dist/index.d.ts

@@ -118,6 +118,7 @@ export { nearest } from './utils/nearest/nearest.js';
 export { formatNumber, formatPercent, parseNumber, readingText, } from './utils/number-format/number-format.js';
 export { onUnlessFalse } from './utils/on-unless-false/on-unless-false.js';
 export { applyOwnRule, type OwnRule } from './utils/own-rule/own-rule.js';
+export { MOTION_ATTRIBUTE, motionPaused, onMotionChange, pauseMotion, reducedMotion, } from './utils/page-motion/page-motion.js';
 export { plainClick } from './utils/plain-click/plain-click.js';
 export { appleTouch, onAndroid, onApple, type Platform } from './utils/platform/platform.js';
 export { pressType, type RecentPress } from './utils/press-type/press-type.js';

package/dist/index.js

@@ -118,6 +118,7 @@ export { nearest } from './utils/nearest/nearest.js';
 export { formatNumber, formatPercent, parseNumber, readingText, } from './utils/number-format/number-format.js';
 export { onUnlessFalse } from './utils/on-unless-false/on-unless-false.js';
 export { applyOwnRule } from './utils/own-rule/own-rule.js';
+export { MOTION_ATTRIBUTE, motionPaused, onMotionChange, pauseMotion, reducedMotion, } from './utils/page-motion/page-motion.js';
 export { plainClick } from './utils/plain-click/plain-click.js';
 export { appleTouch, onAndroid, onApple } from './utils/platform/platform.js';
 export { pressType } from './utils/press-type/press-type.js';

package/dist/utils/box-labels/box-labels.d.ts

@@ -13,7 +13,8 @@
  *
  * **A number that would cover another label is left out**, which thins an
  * axis seen at a slant, and an axis whose edge is seen end on is left out
- * whole. Every name is kept.
+ * whole. Every name is kept, and where two axes' labels meet, the axis with
+ * fewer keeps its own.
  *
  * Pure, and measured in the page's own units: the SVG drawing passes its
  * drawing's units, and three.js passes pixels.

package/dist/utils/box-labels/box-labels.js

@@ -1,5 +1,6 @@
+const INK = 0.8;
 const overlaps = (one, other, pad) => Math.abs(one.x - other.x) < one.half.width + other.half.width + pad &&
-    Math.abs(one.y - other.y) < one.half.height + other.half.height + pad;
+    Math.abs(one.y - other.y) < (one.half.height + other.half.height) * INK + pad;
 export const boxLabels = (seen, axes, sizes) => {
     const corners = [];
     for (const x of [-1, 1]) {
@@ -59,14 +60,22 @@ export const boxLabels = (seen, axes, sizes) => {
         let deepest = 0;
         for (const tick of axis.ticks) {
             const box = size(tick.text, false);
-            ticks.push({ ...off(seen(along(tick.at)), out, box, sizes.gap), text: tick.text });
+            ticks.push({
+                ...off(seen(along(tick.at)), out, box, sizes.gap),
+                of: axis.ticks.length,
+                text: tick.text,
+            });
             deepest = Math.max(deepest, Math.abs(out.x) * box.width + Math.abs(out.y) * box.height);
         }
+        if (axis.name === '') {
+            continue;
+        }
         const box = size(axis.name, true);
+        const topped = axis.ticks.some((tick) => tick.at > 1 - 1e-6);
         names.push({
             ...(key === 'y'
                 ?
-                    off(to, { x: 0, y: -1 }, box, sizes.gap)
+                    off(to, { x: 0, y: -1 }, box, sizes.gap + (topped ? sizes.tick / 2 : 0))
                 : off(seen(along(0)), out, box, sizes.gap * 2 + deepest)),
             text: axis.name,
         });
@@ -78,7 +87,7 @@ export const boxLabels = (seen, axes, sizes) => {
         x: one.x,
         y: one.y,
     }));
-    for (const tick of ticks) {
+    for (const tick of [...ticks].sort((one, other) => one.of - other.of)) {
         if (kept.some((other) => overlaps(tick, other, sizes.gap / 2))) {
             continue;
         }

package/dist/utils/page-motion/page-motion.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Whether the page has paused the motion that starts by itself: a
+ * carousel's rotation, an autoplaying video, an ambient drawing such as
+ * `Aura`, a graph settling or turning, a map's frames. **One switch for the
+ * page**, as WCAG 2.2.2 asks of motion that starts by itself and runs longer
+ * than five seconds, so a reader who stops it once has stopped all of it.
+ *
+ * **Kept on the document element**, as `data-helix-motion="paused"`, so a
+ * page can write it in its markup or set it from its own code as well as
+ * from `Motion Toggle`, and a stylesheet can select on it. Every component
+ * that moves by itself reads it, and hears it change.
+ *
+ * Separate from `prefers-reduced-motion`, which a component reads too: that
+ * asks for less movement everywhere and from the start, and this stops
+ * motion already running, on this page, when the reader asks.
+ */
+/** The attribute on the document element that holds the page's choice. */
+export declare const MOTION_ATTRIBUTE = "data-helix-motion";
+/** Whether the page has paused the motion that starts by itself. False on a server, where nothing moves. */
+export declare const motionPaused: () => boolean;
+/** Pauses the motion that starts by itself across the page, or with `false` lets it run again. */
+export declare const pauseMotion: (paused?: boolean) => void;
+/** Whether the reader's system asks for movement to be kept to a minimum. */
+export declare const reducedMotion: () => boolean;
+/**
+ * Calls `listener` with the page's choice whenever it changes, however it
+ * was changed. Returns what stops listening. **One observer for the page**,
+ * shared by every listener, and none at all while nobody listens.
+ */
+export declare const onMotionChange: (listener: (paused: boolean) => void) => (() => void);

package/dist/utils/page-motion/page-motion.js

@@ -0,0 +1,47 @@
+export const MOTION_ATTRIBUTE = 'data-helix-motion';
+export const motionPaused = () => typeof document !== 'undefined' &&
+    document.documentElement?.getAttribute(MOTION_ATTRIBUTE) === 'paused';
+export const pauseMotion = (paused = true) => {
+    if (typeof document === 'undefined') {
+        return;
+    }
+    if (paused) {
+        document.documentElement.setAttribute(MOTION_ATTRIBUTE, 'paused');
+    }
+    else {
+        document.documentElement.removeAttribute(MOTION_ATTRIBUTE);
+    }
+};
+export const reducedMotion = () => typeof matchMedia === 'function' && matchMedia('(prefers-reduced-motion: reduce)').matches;
+const listeners = new Set();
+let watcher;
+let last = false;
+export const onMotionChange = (listener) => {
+    if (typeof document === 'undefined' || typeof MutationObserver === 'undefined') {
+        return () => undefined;
+    }
+    listeners.add(listener);
+    if (!watcher) {
+        last = motionPaused();
+        watcher = new MutationObserver(() => {
+            const now = motionPaused();
+            if (now !== last) {
+                last = now;
+                for (const one of [...listeners]) {
+                    one(now);
+                }
+            }
+        });
+        watcher.observe(document.documentElement, {
+            attributeFilter: [MOTION_ATTRIBUTE],
+            attributes: true,
+        });
+    }
+    return () => {
+        listeners.delete(listener);
+        if (listeners.size === 0) {
+            watcher?.disconnect();
+            watcher = undefined;
+        }
+    };
+};

package/dist/utils/projection/projection.d.ts

@@ -79,13 +79,15 @@ export interface Drawn {
 }
 /**
  * A note as a solid, standing on the floor at `x` and `y`, `width` cells
- * across its footprint and `height` cells tall, as the camera sees it.
+ * across its footprint and `height` cells tall, as the camera sees it. A
+ * block or a pyramid is `deep` cells back, as wide as it is deep where that
+ * is not given; a cylinder is round.
  *
  * **Each face is drawn only where it turns toward the camera**, so a block
  * shows its top and the two sides that face the viewer from any turn, and a
  * plan seen from straight above shows tops alone.
  */
-export declare const solid: (projection: Projection, kind: Solid, x: number, y: number, width: number, height: number) => Drawn;
+export declare const solid: (projection: Projection, kind: Solid, x: number, y: number, width: number, height: number, deep?: number) => Drawn;
 /**
  * The order to paint notes in, back to front: by how near the camera each
  * stands on the floor, and the taller first where two stand level.

package/dist/utils/projection/projection.js

@@ -55,8 +55,9 @@ const facing = (normal, projection) => normal[0] * projection.toward[0] +
     normal[2] * projection.toward[2] >
     1e-6;
 const ARC = 12;
-export const solid = (projection, kind, x, y, width, height) => {
+export const solid = (projection, kind, x, y, width, height, deep = width) => {
     const half = width / 2;
+    const back = deep / 2;
     const tall = Math.max(0, height);
     const on = (corner) => projection.at(corner[0], corner[1], corner[2]);
     if (kind === 'cylinder') {
@@ -82,10 +83,10 @@ export const solid = (projection, kind, x, y, width, height) => {
         };
     }
     const floor = [
-        [x - half, y - half, 0],
-        [x + half, y - half, 0],
-        [x + half, y + half, 0],
-        [x - half, y + half, 0],
+        [x - half, y - back, 0],
+        [x + half, y - back, 0],
+        [x + half, y + back, 0],
+        [x - half, y + back, 0],
     ];
     const outward = [
         [0, -1, 0],
@@ -97,13 +98,13 @@ export const solid = (projection, kind, x, y, width, height) => {
     let corners;
     let peak;
     if (kind === 'pyramid') {
-        const apex = [x, y, Math.max(tall, width)];
+        const apex = [x, y, Math.max(tall, width, deep)];
         corners = [...floor, apex];
         peak = on(apex);
         floor.forEach((corner, at) => {
             const next = floor[(at + 1) % 4];
             const [ox, oy] = outward[at];
-            const normal = [ox * apex[2], oy * apex[2], half];
+            const normal = [ox * apex[2], oy * apex[2], ox === 0 ? back : half];
             if (facing(normal, projection)) {
                 faces.push({
                     d: pathData([on(corner), on(next), on(apex)]),

package/dist/version.d.ts

@@ -6,4 +6,4 @@
  * release, so the two never disagree; a spec beside this holds them to it.
  * Nothing else in the running code knows which release it is.
  */
-export declare const VERSION = "0.198.0";
+export declare const VERSION = "0.199.0";

package/dist/version.js

@@ -1 +1 @@
-export const VERSION = '0.198.0';
+export const VERSION = '0.199.0';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-core",
   "description": "Helix element primitives: base classes, mixins, decorators, utilities.",
-  "version": "0.198.0",
+  "version": "0.199.0",
   "license": "MIT",
   "author": "Ross Sheppard <ross.sheppard@fusion.dev>",
   "repository": {
@@ -74,12 +74,12 @@
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "@fusion.dev/helix-icons": "0.198.0",
+    "@fusion.dev/helix-icons": "0.199.0",
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.198.0",
-    "@fusion.dev/helix-testing": "0.198.0",
+    "@fusion.dev/helix-cem": "0.199.0",
+    "@fusion.dev/helix-testing": "0.199.0",
     "@lit-labs/ssr": "^4.1.0",
     "lit": "^3.2.1"
   },