@fusion.dev/helix-headless 0.34.2 → 0.35.1

package/dist/tooltip/root/tooltip-root.d.ts

@@ -41,7 +41,7 @@ declare const HelixHeadlessTooltip_base: (new (...args: any[]) => import("@fusio
  * @status experimental
  * @category overlays
  * @aliases Hint, Popup label
- * @documentation https://helix.fusion.dev/components/tooltip
+ * @documentation https://fusion.dev/helix/components/tooltip
  *
  * @slot - The trigger.
  * @slot content - The bubble's content, when `content` is not enough. Anything

package/dist/tour/root/tour-root.d.ts

@@ -23,7 +23,7 @@ import type { HelixHeadlessTourStop } from '../stop/tour-stop.js';
  * @status experimental
  * @category overlays
  * @aliases Coachmark, Product tour, Walkthrough, Onboarding
- * @documentation https://helix.fusion.dev/components/tour
+ * @documentation https://fusion.dev/helix/components/tour
  *
  * @slot - The stops, in the order they should be visited.
  *

package/dist/tour/stop/tour-stop.d.ts

@@ -37,7 +37,7 @@ import '../../button/index.js';
  * @since 0.1.0
  * @status experimental
  * @category overlays
- * @documentation https://helix.fusion.dev/components/tour
+ * @documentation https://fusion.dev/helix/components/tour
  *
  * @slot - What this stop says. A card, a heading and a line, anything.
  * @slot actions - Replaces the controls, which are Back, Next and Skip.

package/dist/tree/item/tree-item.d.ts

@@ -26,7 +26,7 @@ declare const HelixHeadlessTreeItem_base: (new (...args: any[]) => import("@fusi
  * @since 0.1.0
  * @status experimental
  * @aliases TreeNode, Branch, Leaf
- * @documentation https://helix.fusion.dev/components/tree
+ * @documentation https://fusion.dev/helix/components/tree
  *
  * @slot - The item's label.
  * @slot children - Nested items, which make this a branch.

package/dist/tree/root/tree-root.d.ts

@@ -17,7 +17,7 @@ declare const HelixHeadlessTree_base: (new (...args: any[]) => import("@fusion.d
  * @status experimental
  * @category navigation
  * @aliases FileTree, Navigation tree
- * @documentation https://helix.fusion.dev/components/tree
+ * @documentation https://fusion.dev/helix/components/tree
  *
  * @slot - The tree's items.
  *

package/dist/trend/root/trend-root.d.ts

@@ -27,7 +27,7 @@ import { type TemplateResult } from 'lit';
  * @status stable
  * @category charts
  * @aliases Delta, Change, Movement
- * @documentation https://helix.fusion.dev/components/trend
+ * @documentation https://fusion.dev/helix/components/trend
  *
  * @slot - The metric that moved.
  * @slot label - What it moved over.

package/dist/video/root/video-root.d.ts

@@ -35,7 +35,7 @@ import '../../menu/index.js';
  * @status experimental
  * @category media
  * @aliases Player, Media, Movie
- * @documentation https://helix.fusion.dev/components/video
+ * @documentation https://fusion.dev/helix/components/video
  *
  * @slot - `<source>` and `<track>` elements, which are copied into the video.
  * @slot back - Top left over the frame, for a way out of a set.

package/dist/video-playlist/item/video-playlist-item.d.ts

@@ -25,7 +25,7 @@ import { type TemplateResult } from 'lit';
  * @since 0.1.0
  * @status experimental
  * @category media
- * @documentation https://helix.fusion.dev/components/video-playlist
+ * @documentation https://fusion.dev/helix/components/video-playlist
  *
  * @slot - The entry's name.
  * @slot media - A thumbnail. Falls back to an image of `poster`.

package/dist/video-playlist/menu/video-playlist-menu.d.ts

@@ -19,7 +19,7 @@ import '../../menu/index.js';
  * @status experimental
  * @category media
  * @aliases Episode Menu, Queue Menu, Up Next
- * @documentation https://helix.fusion.dev/components/video-playlist
+ * @documentation https://fusion.dev/helix/components/video-playlist
  *
  * @slot trigger - Replaces the button that opens the menu.
  *

package/dist/video-playlist/root/video-playlist-root.d.ts

@@ -32,7 +32,7 @@ declare const HelixHeadlessVideoPlaylist_base: (new (...args: any[]) => import("
  * @status experimental
  * @category media
  * @aliases Playlist, Queue, Up next
- * @documentation https://helix.fusion.dev/components/video-playlist
+ * @documentation https://fusion.dev/helix/components/video-playlist
  *
  * @slot - The entries.
  * @slot player - The `helix-video` they play in.

package/dist/virtual-list/root/virtual-list-root.d.ts

@@ -20,14 +20,20 @@ import { type PropertyValues, type TemplateResult } from 'lit';
  * that share this `for="<id>"` shape: ten thousand rows in one is the cost this
  * exists to avoid. It is the rendered window plus `aria-setsize`.
  *
+ * **The box scrolls on this tier.** The viewport carries `data-scroller` and
+ * `core` ships `[data-scroller] { overflow: auto }` into every shadow root, so
+ * `scrollTop` exists with no stylesheet at all. What a headless consumer still
+ * has to supply is a block size, which is a design decision; the `overflow`
+ * they used to supply was a mechanism they had no way of knowing was missing.
+ *
  * @since 0.1.0
- * @status experimental
+ * @status stable
  * @category layout
- * @documentation https://helix.fusion.dev/components/virtual-list
+ * @documentation https://fusion.dev/helix/components/virtual-list
  *
  * @csspart after - The space standing in for rows below the window.
  * @csspart before - The space standing in for rows above the window.
- * @csspart viewport - The scrolling box. Needs a block size and an overflow on this tier.
+ * @csspart viewport - The scrolling box. Needs a block size on this tier, and nothing else.
  */
 export declare class HelixHeadlessVirtualList extends HelixElement {
     /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-headless",
   "description": "Headless component tier. Structure, accessibility, state, and form participation. No styling.",
-  "version": "0.34.2",
+  "version": "0.35.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.34.2",
-    "@fusion.dev/helix-icons": "0.34.2",
+    "@fusion.dev/helix-core": "0.35.1",
+    "@fusion.dev/helix-icons": "0.35.1",
     "uqr": "^0.1.3"
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@fusion.dev/helix-cem": "0.34.2",
-    "@fusion.dev/helix-testing": "0.34.2",
+    "@fusion.dev/helix-cem": "0.35.1",
+    "@fusion.dev/helix-testing": "0.35.1",
     "@fusion.dev/scripts": "0.0.0-dev",
     "@happy-dom/global-registrator": "^20.0.0",
     "@lit-labs/ssr": "^4.1.0",

package/types/jsx.d.ts

@@ -34363,6 +34363,12 @@ export type CustomElements = {
    * that share this `for="<id>"` shape: ten thousand rows in one is the cost this
    * exists to avoid. It is the rendered window plus `aria-setsize`.
    *
+   * **The box scrolls on this tier.** The viewport carries `data-scroller` and
+   * `core` ships `[data-scroller] { overflow: auto }` into every shadow root, so
+   * `scrollTop` exists with no stylesheet at all. What a headless consumer still
+   * has to supply is a block size, which is a design decision; the `overflow`
+   * they used to supply was a mechanism they had no way of knowing was missing.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -34407,7 +34413,7 @@ export type CustomElements = {
    *
    * - `after`: The space standing in for rows below the window.
    * - `before`: The space standing in for rows above the window.
-   * - `viewport`: The scrolling box. Needs a block size and an overflow on this tier.
+   * - `viewport`: The scrolling box. Needs a block size on this tier, and nothing else.
    *
    * ## CSS States
    *
@@ -52050,6 +52056,12 @@ export type CustomElementsSolidJs = {
    * that share this `for="<id>"` shape: ten thousand rows in one is the cost this
    * exists to avoid. It is the rendered window plus `aria-setsize`.
    *
+   * **The box scrolls on this tier.** The viewport carries `data-scroller` and
+   * `core` ships `[data-scroller] { overflow: auto }` into every shadow root, so
+   * `scrollTop` exists with no stylesheet at all. What a headless consumer still
+   * has to supply is a block size, which is a design decision; the `overflow`
+   * they used to supply was a mechanism they had no way of knowing was missing.
+   *
    * ## Attributes & Properties
    *
    * Component attributes and properties that can be applied to the element or by using JavaScript.
@@ -52094,7 +52106,7 @@ export type CustomElementsSolidJs = {
    *
    * - `after`: The space standing in for rows below the window.
    * - `before`: The space standing in for rows above the window.
-   * - `viewport`: The scrolling box. Needs a block size and an overflow on this tier.
+   * - `viewport`: The scrolling box. Needs a block size on this tier, and nothing else.
    *
    * ## CSS States
    *

package/types/vue.d.ts

@@ -9637,7 +9637,7 @@ export interface WcToolkitVueGlobalComponents {
     HelixHeadlessVideoVueProps,
     HelixHeadlessVideoVueEvents
   >;
-  /** **The set arrives as data, which is what makes this a virtual list rather than a box that hides children.** 'for' names a '<script type="application/json">' holding an array of objects, and a '<template>' child says what one row looks like: elements carrying 'data-field="name"' are filled with that field of the item.  Both halves are markup, and that is the reason for the shape. An 'items' property cannot survive React hydration, which skips every property it would have to apply imperatively, and light-DOM children exist by the time anything could decide not to create them. Text in the document is neither, and it is one node whatever the row count.  **The accessible version is not a '<table>'**, the way it is for the charts that share this 'for="<id>"' shape: ten thousand rows in one is the cost this exists to avoid. It is the rendered window plus 'aria-setsize'. */
+  /** **The set arrives as data, which is what makes this a virtual list rather than a box that hides children.** 'for' names a '<script type="application/json">' holding an array of objects, and a '<template>' child says what one row looks like: elements carrying 'data-field="name"' are filled with that field of the item.  Both halves are markup, and that is the reason for the shape. An 'items' property cannot survive React hydration, which skips every property it would have to apply imperatively, and light-DOM children exist by the time anything could decide not to create them. Text in the document is neither, and it is one node whatever the row count.  **The accessible version is not a '<table>'**, the way it is for the charts that share this 'for="<id>"' shape: ten thousand rows in one is the cost this exists to avoid. It is the rendered window plus 'aria-setsize'.  **The box scrolls on this tier.** The viewport carries 'data-scroller' and 'core' ships '[data-scroller] { overflow: auto }' into every shadow root, so 'scrollTop' exists with no stylesheet at all. What a headless consumer still has to supply is a block size, which is a design decision; the 'overflow' they used to supply was a mechanism they had no way of knowing was missing. */
   "helix-headless-virtual-list": DefineCustomElement<
     HelixHeadlessVirtualList,
     HelixHeadlessVirtualListVueProps,