@fusion.dev/helix 0.142.1 → 0.144.0

package/dist/element-events.generated.js

@@ -4,6 +4,7 @@ registerElementEvents({
     'helix-announcement': ['helix-dismiss'],
     'helix-app-header': ['helix-scrolled'],
     'helix-avatar': ['error', 'load'],
+    'helix-callout': ['helix-dismiss'],
     'helix-canvas': [
         'helix-before-move',
         'helix-before-reconnect',
@@ -19,9 +20,9 @@ registerElementEvents({
         'helix-remove',
         'helix-select',
     ],
-    'helix-carousel': ['helix-select'],
-    'helix-chat': ['helix-before-pin', 'helix-history', 'helix-send'],
-    'helix-chat-composer': ['helix-send'],
+    'helix-carousel': ['helix-activate', 'helix-select'],
+    'helix-chat': ['helix-before-pin', 'helix-history', 'helix-pin', 'helix-send'],
+    'helix-chat-composer': ['helix-send', 'input'],
     'helix-chat-message': ['helix-send'],
     'helix-checkbox': ['change', 'helix-before-toggle', 'input'],
     'helix-checkbox-group': ['change', 'helix-before-change', 'input'],
@@ -51,14 +52,25 @@ registerElementEvents({
         'input',
         'toggle',
     ],
-    'helix-command': ['helix-before-close', 'helix-before-open', 'helix-select', 'toggle'],
-    'helix-copy-button': ['helix-copy'],
+    'helix-command': [
+        'helix-before-close',
+        'helix-before-open',
+        'helix-filter',
+        'helix-select',
+        'toggle',
+    ],
+    'helix-copy-button': ['helix-copy', 'helix-copy-error'],
     'helix-data-table': [
+        'helix-activate',
         'helix-filter',
+        'helix-filtered',
         'helix-navigate',
         'helix-reorder',
+        'helix-reordered',
         'helix-select',
+        'helix-selected',
         'helix-sort',
+        'helix-sorted',
     ],
     'helix-date-input': [
         'change',
@@ -73,7 +85,7 @@ registerElementEvents({
     'helix-drawer': ['close', 'helix-before-close', 'helix-before-open', 'toggle'],
     'helix-drilldown': ['helix-select'],
     'helix-drilldown-item': ['helix-select'],
-    'helix-file-input': ['change', 'helix-before-change', 'input'],
+    'helix-file-input': ['change', 'helix-before-change', 'helix-reject', 'input'],
     'helix-filter-chip': ['helix-dismiss'],
     'helix-filter-input': [
         'change',
@@ -99,9 +111,11 @@ registerElementEvents({
         'helix-graph-zoom',
     ],
     'helix-heatmap': ['helix-resize'],
+    'helix-icon': ['error', 'load'],
     'helix-image': ['error', 'load'],
-    'helix-input': ['change', 'helix-before-change', 'input'],
+    'helix-input': ['change', 'helix-before-change', 'helix-clear', 'input'],
     'helix-kbd': ['helix-shortcut'],
+    'helix-legend': ['change', 'helix-before-change'],
     'helix-lightbox': [
         'close',
         'helix-activate',
@@ -112,7 +126,10 @@ registerElementEvents({
     ],
     'helix-listbox': ['change', 'helix-before-change', 'helix-filter', 'input'],
     'helix-map': [
+        'change',
         'helix-activate',
+        'helix-before-change',
+        'helix-before-toggle',
         'helix-map-cluster',
         'helix-map-pan',
         'helix-map-part-change',
@@ -133,21 +150,22 @@ registerElementEvents({
     'helix-map-terrain': ['helix-map-part-change'],
     'helix-megamenu': ['helix-before-close', 'helix-before-open', 'toggle'],
     'helix-menu': ['helix-before-close', 'helix-before-open', 'helix-select', 'toggle'],
-    'helix-menu-item': ['helix-select'],
+    'helix-menu-item': ['helix-before-toggle', 'helix-select'],
     'helix-notification': ['helix-dismiss', 'helix-read'],
-    'helix-notification-group': ['helix-before-close', 'helix-before-open'],
+    'helix-notification-group': ['helix-before-close', 'helix-before-open', 'toggle'],
     'helix-notifications': ['helix-dismiss', 'helix-read'],
     'helix-number-input': ['change', 'helix-before-change', 'input'],
     'helix-object-inspector': ['helix-copy'],
     'helix-option': ['helix-select'],
     'helix-outline': ['helix-activate'],
-    'helix-pagination': ['helix-navigate'],
-    'helix-pagination-size': ['helix-before-change'],
+    'helix-pagination': ['helix-activate', 'helix-navigate'],
+    'helix-pagination-size': ['change', 'helix-before-change', 'input'],
     'helix-pin-input': ['change', 'helix-before-change', 'helix-complete', 'input'],
     'helix-popover': ['helix-before-close', 'helix-before-open', 'toggle'],
+    'helix-qr-code': ['error'],
     'helix-radio': ['helix-select'],
     'helix-radio-group': ['change', 'helix-before-change', 'helix-select', 'input'],
-    'helix-rating': ['change', 'helix-before-change', 'input'],
+    'helix-rating': ['change', 'helix-before-change', 'helix-clear', 'input'],
     'helix-sandbox': [
         'helix-before-edit',
         'helix-before-panel-resize',
@@ -163,20 +181,28 @@ registerElementEvents({
         'helix-before-change',
         'helix-before-close',
         'helix-before-open',
+        'helix-filter',
         'input',
         'toggle',
     ],
     'helix-slider': ['change', 'helix-before-change', 'input'],
     'helix-speed-dial': ['helix-before-close', 'helix-before-open', 'helix-select', 'toggle'],
     'helix-speed-dial-item': ['helix-select'],
-    'helix-splitter': ['helix-before-collapse', 'helix-before-resize'],
+    'helix-splitter': [
+        'helix-before-collapse',
+        'helix-before-resize',
+        'helix-collapse',
+        'helix-resized',
+    ],
     'helix-step': ['helix-select'],
     'helix-steps': ['helix-activate', 'helix-before-activate', 'helix-select'],
     'helix-switch': ['change', 'helix-before-toggle', 'input'],
     'helix-tab': ['helix-select'],
+    'helix-table': ['helix-sort'],
     'helix-table-column': ['helix-before-resize'],
     'helix-tabs': ['helix-activate', 'helix-before-activate', 'helix-select'],
     'helix-tag': ['helix-dismiss'],
+    'helix-tag-group': ['change', 'helix-before-change', 'helix-dismiss'],
     'helix-textarea': ['change', 'helix-before-change', 'input'],
     'helix-time-input': [
         'change',
@@ -192,7 +218,15 @@ registerElementEvents({
     'helix-toggle': ['helix-select'],
     'helix-toggle-group': ['change', 'helix-before-change', 'helix-select', 'input'],
     'helix-tooltip': ['helix-before-close', 'helix-before-open', 'toggle'],
-    'helix-tour': ['helix-before-activate', 'helix-before-close', 'helix-complete', 'helix-tour-ask'],
+    'helix-tour': [
+        'helix-activate',
+        'helix-before-activate',
+        'helix-before-close',
+        'helix-before-open',
+        'helix-complete',
+        'helix-tour-ask',
+        'toggle',
+    ],
     'helix-tour-stop': ['helix-tour-ask'],
     'helix-tree': ['helix-activate', 'helix-before-activate', 'helix-select'],
     'helix-tree-item': ['helix-before-close', 'helix-before-open', 'helix-select', 'toggle'],

package/dist/empty/root/empty-root.css.js

@@ -3,37 +3,37 @@ export const styles = createSheet(`:host {
 align-items: center;
 display: flex;
 flex-direction: column;
-gap: var(--helix-space-sm);
+gap: var(--empty-gap, var(--helix-space-sm));
 padding: var(--empty-padding, var(--helix-space-2xl));
 text-align: center;
 }
 
 slot[name="icon"]::slotted(*) {
 
---icon-size: var(--helix-size-icon-lg);
+--icon-size: var(--empty-icon-size, var(--helix-size-icon-lg));
 
-color: var(--helix-color-foreground-subtle);
+color: var(--empty-icon-color, var(--helix-color-foreground-subtle));
 }
 
 slot[name="heading"]::slotted(*) {
-color: var(--helix-color-foreground);
-font-size: var(--helix-text-lg);
+color: var(--empty-heading-color, var(--helix-color-foreground));
+font-size: var(--empty-heading-size, var(--helix-text-lg));
 font-weight: var(--helix-weight-semibold);
 letter-spacing: var(--helix-tracking-tight);
 margin: var(--helix-space-none);
 }
 
 slot:not([name]) {
-color: var(--helix-color-foreground-muted);
-font-size: var(--helix-text-sm);
+color: var(--empty-message-color, var(--helix-color-foreground-muted));
+font-size: var(--empty-message-size, var(--helix-text-sm));
 }
 
 slot:not([name])::slotted(*) {
 margin: var(--helix-space-none);
-max-inline-size: 46ch;
+max-inline-size: var(--empty-message-measure, 46ch);
 }
 slot[name="actions"]::slotted(*) {
-margin-block-start: var(--helix-space-sm);
+margin-block-start: var(--empty-actions-gap, var(--helix-space-sm));
 }
 
 @media print {

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

@@ -13,6 +13,15 @@ import type { CSSResultGroup } from 'lit';
  * @aliases Placeholder, NoResults, Blank
  * @documentation https://fusion.dev/helix/components/empty
  *
+ * @cssproperty --empty-actions-gap - Space added above the actions.
+ * @cssproperty --empty-gap - Space between the icon, the heading, the message and the actions.
+ * @cssproperty --empty-heading-color - Color of the heading.
+ * @cssproperty --empty-heading-size - Size of the heading.
+ * @cssproperty --empty-icon-color - Color of the icon.
+ * @cssproperty --empty-icon-size - Size of the icon.
+ * @cssproperty --empty-message-color - Color of the message.
+ * @cssproperty --empty-message-measure - Widest the message runs before it wraps.
+ * @cssproperty --empty-message-size - Size of the message.
  * @cssproperty --empty-padding - Space around the whole block.
  */
 export declare class HelixEmpty extends HelixHeadlessEmpty {

package/dist/file-input/root/file-input-root.d.ts

@@ -1,6 +1,5 @@
 import { HelixHeadlessFileInput } from '@fusion.dev/helix-headless/file-input';
 import type { CSSResultGroup } from 'lit';
-import '../../icon/index.js';
 import '../../tag/index.js';
 /**
  * @summary A field for choosing files from a picker or by dropping them on it.

package/dist/file-input/root/file-input-root.js

@@ -6,16 +6,17 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessFileInput } from '@fusion.dev/helix-headless/file-input';
-import '../../icon/index.js';
 import '../../tag/index.js';
 import { styles as fieldStyles } from '../../shared/field/field.css.js';
 import { styles as fieldFrameStyles } from '../../shared/field/field-frame.css.js';
 import { styles as fieldStackedStyles } from '../../shared/field/field-stacked.css.js';
 import { styles as glyphStyles } from '../../shared/glyph/glyph.css.js';
+import { styles as liveStyles } from '../../shared/live/live.css.js';
 import { styles } from './file-input-root.css.js';
 let HelixFileInput = class HelixFileInput extends HelixHeadlessFileInput {
     static { this.tier = 'helix-'; }
     static { this.styles = [
+        liveStyles,
         glyphStyles,
         fieldStyles,
         fieldFrameStyles,

package/dist/filter-input/root/filter-input-root.d.ts

@@ -1,6 +1,5 @@
 import { HelixHeadlessFilterInput } from '@fusion.dev/helix-headless/filter-input';
 import type { CSSResultGroup } from 'lit';
-import '../../icon/index.js';
 import '../../option/index.js';
 /**
  * @summary A text field for filters, with the active filters shown in it as tokens.

package/dist/filter-input/root/filter-input-root.js

@@ -6,7 +6,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessFilterInput } from '@fusion.dev/helix-headless/filter-input';
-import '../../icon/index.js';
 import '../../option/index.js';
 import { styles as fieldStyles } from '../../shared/field/field.css.js';
 import { styles as fieldFrameStyles } from '../../shared/field/field-frame.css.js';
@@ -14,10 +13,12 @@ import { styles as fieldStackedStyles } from '../../shared/field/field-stacked.c
 import { styles as floatingEntranceStyles } from '../../shared/floating/entrance.css.js';
 import { styles as floatingPanelStyles } from '../../shared/floating/panel.css.js';
 import { styles as glyphStyles } from '../../shared/glyph/glyph.css.js';
+import { styles as liveStyles } from '../../shared/live/live.css.js';
 import { styles as tagRowStyles } from '../../shared/tags/tags.css.js';
 import { styles } from './filter-input-root.css.js';
 let HelixFilterInput = class HelixFilterInput extends HelixHeadlessFilterInput {
     static { this.styles = [
+        liveStyles,
         glyphStyles,
         fieldStyles,
         fieldFrameStyles,

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

@@ -42,6 +42,9 @@ export declare class HelixGrid extends HelixElement {
     alignItems?: 'start' | 'center' | 'end' | 'stretch';
     /**
      * A fixed number of equal columns.
+     *
+     * Two to six are plain CSS. Any other count is written into the shadow
+     * root's rule, which the server renders too.
      */
     columns?: number;
     /**
@@ -51,12 +54,17 @@ export declare class HelixGrid extends HelixElement {
     /**
      * The minimum column width. The grid fits as many columns as the width allows.
      *
+     * A length, such as `12rem`, or `calc()`, `clamp()`, `min()`, `max()` and
+     * `var()` over lengths. Anything else is refused with a warning, and the grid
+     * lays out by `columns`.
+     *
      * Takes precedence over `columns`: a grid that both fixes a count and reflows
      * is two intentions in one element.
      */
     min: string;
     /**
-     * Writes the track list into the shadow root's own stylesheet.
+     * The rule the shadow root's own `<style>` holds: the reset, and the track
+     * list `min` or an unlisted `columns` asks for.
      *
      * Into a `<style>` rather than onto `this.style`, and the difference is
      * hydration. An inline style on the host is an attribute the element gives
@@ -64,10 +72,11 @@ export declare class HelixGrid extends HelixElement {
      * it and hydration reports a mismatch it will not patch up. The shadow root
      * is not part of the tree React hydrates, so a rule written there is free.
      *
-     * The element is filled imperatively because Lit refuses expressions inside
-     * `<style>`: it is an invalid binding location and throws while rendering
-     * rather than at build time. Hence a static, empty element in the template
-     * and its `textContent` set here.
+     * **Static text, so the server renders it.** Lit refuses an expression inside
+     * `<style>`, and a rule filled in after upgrade left a server-rendered `min`
+     * grid in one column until then. `unsafeStatic` joins the text into the
+     * template itself, so it is safe only because `min` passed `lengthOf` and a
+     * count is an integer.
      *
      * It sets a custom property rather than the track list itself. A shadow
      * root's adopted stylesheets cascade *after* its own `<style>` elements, and
@@ -75,13 +84,8 @@ export declare class HelixGrid extends HelixElement {
      * one in the stylesheet and every `min` grid came out a single column. The
      * stylesheet only ever reads `--_grid-template`, so there is nothing to
      * lose against.
-     *
-     * The consequence is that a server-rendered grid falls back to the
-     * stylesheet's single column until it upgrades. That is why `columns` is also
-     * expressed as plain CSS below: the fixed-count case, which can be enumerated,
-     * needs no JavaScript at all, and only `min` depends on this.
      */
-    private applyTemplate;
+    private templateRule;
     protected updated(changed: PropertyValues): void;
     protected render(): TemplateResult;
     static styles: CSSResultGroup;

package/dist/grid/root/grid-root.js

@@ -4,36 +4,70 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { customElement, HelixElement } from '@fusion.dev/helix-core';
-import { html } from 'lit';
+import { customElement, HelixElement, reportRuntime } from '@fusion.dev/helix-core';
 import { property } from 'lit/decorators.js';
+import { html, unsafeStatic } from 'lit/static-html.js';
 import { styles } from './grid-root.css.js';
 const UNINHERITED = '--grid-columns: initial; --_grid-template: initial;';
+const NUMBER = /^-?(?:\d+\.?\d*|\.\d+)(?:px|r?em|r?ex|r?ch|r?lh|r?ic|r?cap|%|[sdl]?v(?:w|h|i|b|min|max)|cq(?:w|h|i|b|min|max)|cm|mm|in|pt|pc|q)?$/i;
+const TOKEN = /\s+|(?:calc|clamp|min|max)\(|var\(--[\w-]+|-?(?:\d+\.?\d*|\.\d+)[a-z%]*|[(),+*/-]/giy;
+const lengthOf = (value) => {
+    const min = value?.trim() ?? '';
+    if (min === '' || min.includes('/*')) {
+        return undefined;
+    }
+    if (!min.includes('(')) {
+        return NUMBER.test(min) && /[a-z%]$/i.test(min) ? min : undefined;
+    }
+    let depth = 0;
+    TOKEN.lastIndex = 0;
+    while (TOKEN.lastIndex < min.length) {
+        const at = TOKEN.lastIndex;
+        const token = TOKEN.exec(min)?.[0];
+        if (token === undefined || TOKEN.lastIndex === at) {
+            return undefined;
+        }
+        if (/\d/.test(token) && /^-?[\d.]/.test(token) && !NUMBER.test(token)) {
+            return undefined;
+        }
+        depth += token.endsWith('(') || token.startsWith('var(') ? 1 : token === ')' ? -1 : 0;
+        if (depth < 0) {
+            return undefined;
+        }
+    }
+    return depth === 0 ? min : undefined;
+};
 let HelixGrid = class HelixGrid extends HelixElement {
     constructor() {
         super(...arguments);
         this.min = '';
     }
-    applyTemplate() {
-        const sheet = this.renderRoot.querySelector('#template');
-        if (!sheet) {
-            return;
+    templateRule() {
+        const min = lengthOf(this.min);
+        if (min !== undefined) {
+            return `:host { ${UNINHERITED} --_grid-template: repeat(auto-fit, minmax(min(${min}, 100%), 1fr)); }`;
         }
-        const length = /^-?(?:\d+\.?\d*|\.\d+)(?:px|r?em|%|v[hw]|ch|ex|cm|mm|in|pt|pc|q)$/i;
-        const min = this.min?.trim() ?? '';
-        sheet.textContent =
-            min !== '' && length.test(min)
-                ? `:host { ${UNINHERITED} --_grid-template: repeat(auto-fit, minmax(min(${min}, 100%), 1fr)); }`
-                : `:host { ${UNINHERITED} }`;
+        const count = Number(this.columns);
+        if (Number.isInteger(count) && count > 6) {
+            return `:host { ${UNINHERITED} --_grid-template: repeat(${count}, minmax(0, 1fr)); }`;
+        }
+        return `:host { ${UNINHERITED} }`;
     }
     updated(changed) {
         super.updated(changed);
-        if (changed.has('min')) {
-            this.applyTemplate();
+        const min = this.min?.trim() ?? '';
+        if (changed.has('min') && min !== '' && lengthOf(min) === undefined) {
+            reportRuntime({
+                kind: 'refused-length',
+                message: `<helix-grid min="${min}"> is not a length the grid can write, so it lays out by ` +
+                    '`columns`. Write a length such as `12rem`, or `calc()`, `clamp()`, `min()`, `max()` ' +
+                    'or `var()` over lengths.',
+                tag: this.localName,
+            });
         }
     }
     render() {
-        return html `<style id="template">:host { --grid-columns: initial; --_grid-template: initial; }</style>
+        return html `<style id="template">${unsafeStatic(this.templateRule())}</style>
       <slot></slot>`;
     }
     static { this.styles = styles; }

package/dist/heatmap/root/heatmap-root.css.js

@@ -49,7 +49,7 @@ justify-content: start;
 position: relative;
 }
 
-[part="cell"] {
+[part~="cell"] {
 background-color: var(--heatmap-tone, var(--helix-color-surface-sunken));
 border-radius: var(--heatmap-cell-radius, calc(var(--helix-radii-sm) * 0.5));
 inline-size: var(--_heatmap-cell-width);
@@ -74,7 +74,7 @@ font-weight: var(--helix-weight-medium);
 opacity: 0.72;
 }
 
-[part="tooltip-cell"] {
+[part~="tooltip-cell"] {
 align-items: baseline;
 display: flex;
 gap: var(--helix-space-sm);
@@ -91,16 +91,44 @@ font-weight: var(--helix-weight-medium);
 }
 
 @media (hover: hover) {
-[part="cell"]:hover {
+[part~="cell"]:hover {
 outline: var(--helix-border-thin) solid var(--helix-color-foreground);
 outline-offset: var(--helix-border-thin);
 }
 
-[part="strip"]:not([data-spaced]) [part="cell"]:hover {
+[part="strip"]:not([data-spaced]) [part~="cell"]:hover {
 outline-offset: calc(var(--helix-border-thin) * -1);
 }
 }
 
+[part~="cell-active"] {
+outline: var(--helix-border-thin) solid var(--helix-color-foreground);
+outline-offset: var(--helix-border-thin);
+}
+
+[part="strip"]:not([data-spaced]) [part~="cell-active"] {
+outline-offset: calc(var(--helix-border-thin) * -1);
+}
+
+[part="strip"]:focus-visible {
+outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
+outline-offset: var(--helix-size-focus-offset);
+}
+
+[part~="tooltip-cell-current"] {
+font-weight: var(--helix-weight-medium);
+}
+
+[part="live"] {
+block-size: 1px;
+clip-path: inset(50%);
+inline-size: 1px;
+margin: var(--helix-space-none);
+overflow: hidden;
+position: absolute;
+white-space: nowrap;
+}
+
 [part="footer"] {
 align-items: baseline;
 color: var(--helix-color-foreground-subtle);
@@ -133,7 +161,7 @@ text-align: center;
 }
 
 @media print {
-[part="cell"] {
+[part~="cell"] {
 outline: var(--helix-border-thin) solid var(--helix-color-border);
 outline-offset: calc(var(--helix-border-thin) * -1);
 }

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

@@ -26,9 +26,11 @@ import '../../tooltip/index.js';
  * @slot summary - Below the strip, in the middle.
  *
  * @csspart cell - One reading.
+ * @csspart cell-active - The cell the pointer or the keys rest on, ringed as a hovered cell is. Set alongside `cell`.
  * @csspart footer - The three-slot row under the strip.
+ * @csspart live - The readout, a polite live region the sheet hides visually.
  * @csspart mark - The invisible point the tooltip is anchored to.
- * @csspart strip - The grid of cells.
+ * @csspart strip - The grid of cells, which takes focus to be read by key.
  * @csspart tooltip - The bubble, forwarded from `Tooltip`.
  * @csspart tooltip-anchor - The `Tooltip` element itself.
  * @csspart tooltip-arrow - The bubble's point, forwarded from `Tooltip`.
@@ -38,6 +40,7 @@ import '../../tooltip/index.js';
  * @csspart tooltip-arrow-top - The point while the bubble is above the reading, on its bottom edge. Set alongside `tooltip-arrow`.
  * @csspart tooltip-bottom - The bubble while it is below the reading. Set alongside `tooltip`.
  * @csspart tooltip-cell - One column's name and value inside the tooltip.
+ * @csspart tooltip-cell-current - The cell the series keys rest on, in the charts whose readings hold several series. A strip draws one, so it is never set here.
  * @csspart tooltip-label - The reading's own name inside the tooltip.
  * @csspart tooltip-left - The bubble while it is left of the reading. Set alongside `tooltip`.
  * @csspart tooltip-name - A column's name inside the tooltip.

package/dist/icon/index.d.ts

@@ -1 +1,2 @@
+export { type IconResolver, registerIconLibrary, registerIcons, resolveIcon, } from '@fusion.dev/helix-headless/icon';
 export * from './root/icon-root.js';

package/dist/icon/index.js

@@ -1 +1,2 @@
+export { registerIconLibrary, registerIcons, resolveIcon, } from '@fusion.dev/helix-headless/icon';
 export * from './root/icon-root.js';

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

@@ -1,4 +1,4 @@
-import { HelixHeadlessIcon } from '@fusion.dev/helix-headless/icon';
+import { HelixHeadlessIcon } from '@fusion.dev/helix-headless/icon/root';
 import type { CSSResultGroup } from 'lit';
 /**
  * @summary A named icon from the Helix set.

package/dist/icon/root/icon-root.js

@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { customElement } from '@fusion.dev/helix-core';
-import { HelixHeadlessIcon } from '@fusion.dev/helix-headless/icon';
+import { HelixHeadlessIcon } from '@fusion.dev/helix-headless/icon/root';
 import { styles } from './icon-root.css.js';
 let HelixIcon = class HelixIcon extends HelixHeadlessIcon {
     static { this.styles = styles; }

package/dist/icon/root/index.d.ts

@@ -0,0 +1,2 @@
+export { type IconResolver, registerIconLibrary, registerIcons, resolveIcon, } from '@fusion.dev/helix-headless/icon/root';
+export * from './icon-root.js';

package/dist/icon/root/index.js

@@ -0,0 +1,2 @@
+export { registerIconLibrary, registerIcons, resolveIcon, } from '@fusion.dev/helix-headless/icon/root';
+export * from './icon-root.js';