@fusion.dev/helix 0.23.0 → 0.24.1

package/dist/code-block/root/code-block-root.css.js

@@ -75,9 +75,131 @@ font-size: var(--helix-text-sm);
 line-height: var(--helix-leading-normal);
 }
 
+:host([diff]) {
+gap: var(--helix-space-md);
+}
+
+:host([diff]) [part="file"] {
+container-type: inline-size;
+display: flex;
+flex-direction: column;
+}
+
+:host([diff]) [part="block"],
+[part="old"],
+[part="new"] {
+backdrop-filter: var(--code-block-backdrop, none);
+background-color: var(--code-block-background-color, var(--helix-color-background));
+border: var(--helix-border-thin) solid var(--code-block-border-color, var(--helix-color-border));
+border-radius: var(--code-block-radius, var(--helix-radii-lg));
+margin: var(--helix-space-none);
+min-inline-size: 0;
+overflow-x: auto;
+
+padding-block: var(--helix-space-none) var(--helix-space-sm);
+padding-inline: var(--helix-space-none);
+}
+
+[part="header"] + [part="frame"] [part="split"] > * {
+border-block-start-width: var(--helix-space-none);
+border-start-end-radius: var(--helix-radii-none);
+border-start-start-radius: var(--helix-radii-none);
+}
+
+[part="split"] {
+display: grid;
+gap: var(--helix-space-xs);
+grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+}
+
+@container (inline-size < 40rem) {
+[part="split"] {
+grid-template-columns: minmax(0, 1fr);
+}
+}
+
+:host([diff]) [part="code"] {
+display: inline-block;
+min-inline-size: 100%;
+}
+
+[part="hunk"],
+[part="context"],
+[part="added"],
+[part="removed"],
+[part="filler"] {
+display: flex;
+padding-inline: var(--helix-space-md);
+text-decoration: none;
+}
+
+:host(:not([no-copy])) :is([part="hunk"], [part="context"], [part="added"], [part="removed"]) {
+padding-inline-end: calc(var(--helix-size-control) + var(--helix-space-sm));
+}
+
+[part="hunk"] {
+background-color: var(--helix-color-surface-sunken);
+color: var(--helix-color-foreground-muted);
+}
+
+[part="added"] {
+background-color: color-mix(
+in srgb,
+var(--helix-color-success) 14%,
+var(--code-block-background-color, var(--helix-color-background))
+);
+}
+
+[part="removed"] {
+background-color: color-mix(
+in srgb,
+var(--helix-color-danger) 14%,
+var(--code-block-background-color, var(--helix-color-background))
+);
+}
+
+[part="marker"] {
+padding-inline-end: var(--helix-space-xs);
+user-select: none;
+}
+
+[part="added"] [part="marker"] {
+color: color-mix(in oklab, var(--helix-color-success) 55%, var(--helix-color-foreground));
+}
+
+[part="removed"] [part="marker"] {
+color: color-mix(in oklab, var(--helix-color-danger) 55%, var(--helix-color-foreground));
+}
+
+[part="filler"] {
+background-color: var(--helix-color-surface-sunken);
+min-block-size: 1lh;
+}
+
+[part="number"] {
+color: var(--helix-color-foreground-muted);
+font-variant-numeric: tabular-nums;
+padding-inline-end: var(--helix-space-sm);
+user-select: none;
+}
+
 @media print {
 :host {
 background-color: transparent;
 box-shadow: none;
 }
+
+:host([diff]) [part="block"],
+[part="old"],
+[part="new"] {
+overflow: visible;
+white-space: pre-wrap;
+}
+
+[part="added"],
+[part="removed"],
+[part="hunk"],
+[part="filler"] {
+print-color-adjust: exact;
+}
 }`);

package/dist/code-block/root/code-block-root.d.ts

@@ -9,6 +9,11 @@ import '../../copy-button/index.js';
  * the usual build, the copy button covers the first line, which is the one line
  * of a snippet a reader is most likely to be reading.
  *
+ * A diff is drawn a block per file in the same frame, each changed line washed
+ * in its tone at Tag's resting strength with its `+` or `-` in the tone's ink,
+ * so the change does not rest on telling two pale grounds apart. A split diff
+ * stacks its two versions below about 40rem of the file's own width.
+ *
  * @since 0.1.0
  * @status stable
  * @category typography

package/dist/data-table/root/data-table-root.css.js

@@ -46,9 +46,27 @@ text-align: start;
 cursor: pointer;
 }
 
-::slotted(helix-table-column[sortable]:focus-visible) {
-outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
-outline-offset: var(--helix-size-focus-offset);
+[part="select"],
+[part="select-all"] {
+align-items: center;
+border-block-end: var(--helix-border-thin) solid
+var(--data-table-rule-color, var(--helix-color-border));
+display: flex;
+justify-content: center;
+padding-block: var(--data-table-padding-block, var(--helix-space-sm));
+padding-inline: var(--data-table-padding-inline, var(--helix-space-sm));
+}
+
+[part="row"]:last-of-type [part="select"] {
+border-block-end-color: transparent;
+}
+
+[part="row"][aria-selected="true"] > * {
+background-color: color-mix(
+in srgb,
+var(--helix-color-primary) 10%,
+var(--helix-color-background)
+);
 }
 
 [part="toolbar"][data-empty],

package/dist/data-table/root/data-table-root.d.ts

@@ -1,5 +1,6 @@
 import { HelixHeadlessDataTable } from '@fusion.dev/helix-headless/data-table';
 import type { CSSResultGroup } from 'lit';
+import '../../checkbox/index.js';
 import '../../pagination/index.js';
 import '../../table/index.js';
 /**

package/dist/data-table/root/data-table-root.js

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessDataTable } from '@fusion.dev/helix-headless/data-table';
 import { styles } from './data-table-root.css.js';
+import '../../checkbox/index.js';
 import '../../pagination/index.js';
 import '../../table/index.js';
 let HelixDataTable = class HelixDataTable extends HelixHeadlessDataTable {

package/dist/description-list/index.d.ts

@@ -0,0 +1,2 @@
+export * from './item/description-list-item.js';
+export * from './root/description-list-root.js';

package/dist/description-list/index.js

@@ -0,0 +1,2 @@
+export * from './item/description-list-item.js';
+export * from './root/description-list-root.js';

package/dist/description-list/item/description-list-item.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/dist/description-list/item/description-list-item.css.js

@@ -0,0 +1,31 @@
+import { createSheet } from '@fusion.dev/helix-core';
+export const styles = createSheet(`:host {
+align-items: baseline;
+display: grid;
+grid-column: 1 / -1;
+grid-template-columns: subgrid;
+row-gap: var(--helix-space-2xs);
+}
+
+[part="label"] {
+color: var(--helix-color-foreground-muted);
+font-size: var(--helix-text-sm);
+font-weight: var(--helix-weight-medium);
+margin: 0;
+}
+
+[part="value"] {
+color: var(--helix-color-foreground);
+font-variant-numeric: var(--_description-list-value-figures, normal);
+justify-self: var(--_description-list-value-align, stretch);
+margin: 0;
+min-inline-size: 0;
+overflow-wrap: anywhere;
+text-align: var(--_description-list-value-align, start);
+}
+
+@media print {
+:host {
+break-inside: avoid;
+}
+}`);

package/dist/description-list/item/description-list-item.d.ts

@@ -0,0 +1,21 @@
+import { HelixHeadlessDescriptionListItem } from '@fusion.dev/helix-headless/description-list';
+import type { CSSResultGroup } from 'lit';
+/**
+ * @summary One label and its value.
+ *
+ * @description
+ * A subgrid of the list, so the label and value stay one element, and one pair
+ * to a screen reader, while lining up with every other pair in the list.
+ *
+ * @since 0.1.0
+ * @status experimental
+ * @documentation https://helix.fusion.dev/components/description-list
+ */
+export declare class HelixDescriptionListItem extends HelixHeadlessDescriptionListItem {
+    static styles: CSSResultGroup;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'helix-description-list-item': HelixDescriptionListItem;
+    }
+}

package/dist/description-list/item/description-list-item.js

@@ -0,0 +1,16 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 } from '@fusion.dev/helix-core';
+import { HelixHeadlessDescriptionListItem } from '@fusion.dev/helix-headless/description-list';
+import { styles } from './description-list-item.css.js';
+let HelixDescriptionListItem = class HelixDescriptionListItem extends HelixHeadlessDescriptionListItem {
+    static { this.styles = styles; }
+};
+HelixDescriptionListItem = __decorate([
+    customElement('helix-description-list-item')
+], HelixDescriptionListItem);
+export { HelixDescriptionListItem };

package/dist/description-list/root/description-list-root.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/dist/description-list/root/description-list-root.css.js

@@ -0,0 +1,35 @@
+import { createSheet } from '@fusion.dev/helix-core';
+export const styles = createSheet(`:host {
+container-type: inline-size;
+display: block;
+}
+
+[part="list"] {
+display: grid;
+gap: var(--description-list-gap, var(--helix-space-md));
+margin: 0;
+}
+
+:host([direction="row"]) [part="list"] {
+column-gap: var(--helix-space-lg);
+grid-template-columns: max-content minmax(0, 1fr);
+row-gap: var(--description-list-gap, var(--helix-space-sm));
+}
+
+@container (inline-size < 22rem) {
+:host([direction="row"]) [part="list"] {
+grid-template-columns: minmax(0, 1fr);
+row-gap: var(--description-list-gap, var(--helix-space-md));
+}
+}
+
+:host([width="auto"]) {
+container-type: normal;
+inline-size: fit-content;
+max-inline-size: 100%;
+}
+
+:host([direction="row"][justify="between"]) {
+--_description-list-value-align: end;
+--_description-list-value-figures: tabular-nums;
+}`);

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

@@ -0,0 +1,62 @@
+import { HelixHeadlessDescriptionList } from '@fusion.dev/helix-headless/description-list';
+import type { CSSResultGroup } from 'lit';
+/**
+ * @summary Labels and their values, read as pairs: the details panel every
+ * product has.
+ *
+ * @description
+ * Each label is quiet and each value takes the text around it, so the eye goes
+ * to the values and the labels are there to find them by. With
+ * `direction="row"` the labels share one column, as wide as the longest of
+ * them, and the values start on one line beside it.
+ *
+ * **Beside falls back to over below about 22rem of its own width**, measured on
+ * the list rather than on the viewport, since a details panel is as often a
+ * sidebar on a wide screen as the whole of a narrow one. Below that the label
+ * column leaves the values too little room to be read.
+ *
+ * **`width="auto"` with `justify="between"` is a summary**: the list as wide as
+ * its widest pair, labels on the start edge and values on the end one in
+ * figures of one width, which is how a set of totals is read.
+ *
+ * @since 0.1.0
+ * @status experimental
+ * @category data
+ * @aliases Data list, Key-value list, Details, Properties
+ * @documentation https://helix.fusion.dev/components/description-list
+ *
+ * @cssproperty --description-list-gap - Space between one pair and the next.
+ */
+export declare class HelixDescriptionList extends HelixHeadlessDescriptionList {
+    static styles: CSSResultGroup;
+    /**
+     * Where the values sit, beside their labels.
+     *
+     * Absent, each value starts right after the label column. `between` sets it on
+     * the end edge instead, with the label on the start one, and in figures of one
+     * width so a column of numbers lines up by its digits. Only with
+     * `direction="row"`: stacked, a label and its value share one edge already.
+     *
+     * Flex's word for the same thing, and a grid rather than a flex row
+     * underneath, so the labels still share one column while the values share an
+     * end.
+     */
+    justify?: 'between';
+    /**
+     * How wide the list is.
+     *
+     * Absent, it fills the row it is in. `auto` is as wide as its widest pair,
+     * which is what a summary beside other content wants.
+     *
+     * **At `auto` the list does not stack when narrow.** The fallback measures the
+     * list's own width, and a list sized by its content has no width of its own to
+     * measure: containment would size it to nothing. It is capped at its container
+     * instead, and a long value wraps inside its column.
+     */
+    width?: 'auto';
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'helix-description-list': HelixDescriptionList;
+    }
+}

package/dist/description-list/root/description-list-root.js

@@ -0,0 +1,23 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 } from '@fusion.dev/helix-core';
+import { HelixHeadlessDescriptionList } from '@fusion.dev/helix-headless/description-list';
+import { property } from 'lit/decorators.js';
+import { styles } from './description-list-root.css.js';
+let HelixDescriptionList = class HelixDescriptionList extends HelixHeadlessDescriptionList {
+    static { this.styles = styles; }
+};
+__decorate([
+    property({ reflect: true })
+], HelixDescriptionList.prototype, "justify", void 0);
+__decorate([
+    property({ reflect: true })
+], HelixDescriptionList.prototype, "width", void 0);
+HelixDescriptionList = __decorate([
+    customElement('helix-description-list')
+], HelixDescriptionList);
+export { HelixDescriptionList };

package/dist/donut-chart/root/donut-chart-root.css.js

@@ -67,144 +67,6 @@ text-align: center;
 stroke: var(--chart-series);
 }
 
-[part="mark"] {
-block-size: 1px;
-inline-size: 1px;
-pointer-events: none;
-position: absolute;
-}
-
-[part="tooltip-anchor"] {
-inset: 0;
-pointer-events: none;
-position: absolute;
-}
-
-[part="tooltip-label"] {
-color: var(--helix-color-foreground-muted);
-display: block;
-font-weight: var(--helix-weight-medium);
-}
-
-[part="tooltip-cell"] {
-align-items: baseline;
-display: flex;
-gap: var(--helix-space-sm);
-justify-content: space-between;
-}
-
-[part="tooltip-name"] {
-color: var(--helix-color-foreground-muted);
-}
-
-[part="tooltip-value"] {
-font-variant-numeric: tabular-nums;
-font-weight: var(--helix-weight-medium);
-}
-
-[part="tooltip-cell"][data-series]::before {
-block-size: 0.5em;
-border-radius: var(--helix-radii-full);
-content: "";
-inline-size: 0.5em;
-}
-
-[part="tooltip-cell"][data-series="1"]::before {
-background-color: var(--helix-color-series-1);
-}
-
-[part="tooltip-cell"][data-series="2"]::before {
-background-color: var(--helix-color-series-2);
-}
-
-[part="tooltip-cell"][data-series="3"]::before {
-background-color: var(--helix-color-series-3);
-}
-
-[part="tooltip-cell"][data-series="4"]::before {
-background-color: var(--helix-color-series-4);
-}
-
-[part="tooltip-cell"][data-series="5"]::before {
-background-color: var(--helix-color-series-5);
-}
-
-[part="tooltip-cell"][data-series="6"]::before {
-background-color: var(--helix-color-series-6);
-}
-
-[part="tooltip-cell"][data-series="7"]::before {
-background-color: var(--helix-color-series-7);
-}
-
-[part="tooltip-cell"][data-series="8"]::before {
-background-color: var(--helix-color-series-8);
-}
-
-[part="tooltip-cell"][data-series="9"]::before {
-background-color: var(--helix-color-series-9);
-}
-
-[part="tooltip-cell"][data-series="10"]::before {
-background-color: var(--helix-color-series-10);
-}
-
-[part="tooltip-cell"][data-series="11"]::before {
-background-color: var(--helix-color-series-11);
-}
-
-[part="tooltip-cell"][data-series="12"]::before {
-background-color: var(--helix-color-series-12);
-}
-
-[part="tooltip-cell"][data-series="13"]::before {
-background-color: var(--helix-color-series-13);
-}
-
-[part="tooltip-cell"][data-series="14"]::before {
-background-color: var(--helix-color-series-14);
-}
-
-[part="tooltip-cell"][data-series="15"]::before {
-background-color: var(--helix-color-series-15);
-}
-
-[part="tooltip-cell"][data-series="16"]::before {
-background-color: var(--helix-color-series-16);
-}
-
-[part="tooltip-cell"][data-series="17"]::before {
-background-color: var(--helix-color-series-17);
-}
-
-[part="tooltip-cell"][data-series="18"]::before {
-background-color: var(--helix-color-series-18);
-}
-
-[part="tooltip-cell"][data-series="19"]::before {
-background-color: var(--helix-color-series-19);
-}
-
-[part="tooltip-cell"][data-series="20"]::before {
-background-color: var(--helix-color-series-20);
-}
-
-[part="tooltip-cell"][data-series="21"]::before {
-background-color: var(--helix-color-series-21);
-}
-
-[part="tooltip-cell"][data-series="22"]::before {
-background-color: var(--helix-color-series-22);
-}
-
-[part="tooltip-cell"][data-series="23"]::before {
-background-color: var(--helix-color-series-23);
-}
-
-[part="tooltip-cell"][data-series="24"]::before {
-background-color: var(--helix-color-series-24);
-}
-
 [part="segment"][data-active] {
 stroke-width: calc(var(--donut-chart-stroke) * 1.18);
 }

package/dist/donut-chart/root/donut-chart-root.js

@@ -8,11 +8,12 @@ import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessDonutChart } from '@fusion.dev/helix-headless/donut-chart';
 import { property } from 'lit/decorators.js';
 import { styles as seriesStyles } from '../../shared/chart/series.css.js';
+import { styles as tooltipStyles } from '../../shared/chart/tooltip.css.js';
 import { styles } from './donut-chart-root.css.js';
 import '../../tooltip/index.js';
 let HelixDonutChart = class HelixDonutChart extends HelixHeadlessDonutChart {
     static { this.tier = 'helix-'; }
-    static { this.styles = [seriesStyles, styles]; }
+    static { this.styles = [seriesStyles, tooltipStyles, styles]; }
 };
 __decorate([
     property({ reflect: true })

package/dist/element-events.generated.js

@@ -5,7 +5,7 @@ registerElementEvents({
     'helix-app-header': ['helix-scrolled'],
     'helix-avatar': ['error', 'load'],
     'helix-carousel': ['helix-select'],
-    'helix-chat': ['helix-before-pin'],
+    'helix-chat': ['helix-before-pin', 'helix-history', 'helix-send'],
     'helix-chat-composer': ['helix-send'],
     'helix-chat-message': ['helix-send'],
     'helix-checkbox': ['change', 'helix-before-toggle', 'input'],
@@ -38,7 +38,13 @@ registerElementEvents({
     ],
     'helix-command': ['helix-before-close', 'helix-before-open', 'helix-select', 'toggle'],
     'helix-copy-button': ['helix-copy'],
-    'helix-data-table': ['helix-filter', 'helix-navigate', 'helix-sort'],
+    'helix-data-table': [
+        'helix-filter',
+        'helix-navigate',
+        'helix-reorder',
+        'helix-select',
+        'helix-sort',
+    ],
     'helix-date-input': [
         'change',
         'helix-before-change',
@@ -53,14 +59,19 @@ registerElementEvents({
     'helix-drilldown': ['helix-select'],
     'helix-drilldown-item': ['helix-select'],
     'helix-file-input': ['change', 'helix-before-change', 'input'],
+    'helix-filter-chip': ['helix-dismiss'],
     'helix-filter-input': [
         'change',
         'helix-before-change',
         'helix-before-close',
         'helix-before-open',
+        'helix-dismiss',
+        'helix-facet',
+        'helix-select',
         'input',
         'toggle',
     ],
+    'helix-filter-menu': ['helix-facet'],
     'helix-heatmap': ['helix-resize'],
     'helix-image': ['error', 'load'],
     'helix-input': ['change', 'helix-before-change', 'input'],
@@ -70,8 +81,10 @@ registerElementEvents({
     'helix-menu': ['helix-before-close', 'helix-before-open', 'helix-select', 'toggle'],
     'helix-menu-item': ['helix-select'],
     'helix-notification': ['helix-dismiss', 'helix-read'],
-    'helix-notifications': ['helix-read'],
+    'helix-notification-group': ['helix-before-close', 'helix-before-open'],
+    '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-before-activate'],
     'helix-pagination': ['helix-navigate'],
@@ -79,9 +92,16 @@ registerElementEvents({
     'helix-pin-input': ['change', 'helix-before-change', 'helix-complete', 'input'],
     'helix-popover': ['helix-before-close', 'helix-before-open', 'toggle'],
     'helix-radio': ['helix-select'],
-    'helix-radio-group': ['change', 'helix-before-change', 'input'],
+    'helix-radio-group': ['change', 'helix-before-change', 'helix-select', 'input'],
     'helix-rating': ['change', 'helix-before-change', 'input'],
-    'helix-sandbox': ['helix-before-panel-resize', 'helix-before-split'],
+    'helix-sandbox': [
+        'helix-before-edit',
+        'helix-before-panel-resize',
+        'helix-before-split',
+        'helix-caret',
+        'helix-console',
+        'helix-resize',
+    ],
     'helix-sandbox-preview': ['helix-console', 'helix-resize'],
     'helix-sandbox-source': ['helix-before-edit', 'helix-caret'],
     'helix-select': [
@@ -93,13 +113,14 @@ registerElementEvents({
         'toggle',
     ],
     'helix-slider': ['change', 'helix-before-change', 'input'],
-    'helix-speed-dial': ['helix-before-close', 'helix-before-open', 'toggle'],
+    '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-step': ['helix-select'],
-    'helix-steps': ['helix-activate', 'helix-before-activate'],
+    'helix-steps': ['helix-activate', 'helix-before-activate', 'helix-select'],
     'helix-switch': ['change', 'helix-before-toggle', 'input'],
     'helix-tab': ['helix-select'],
+    'helix-table-column': ['helix-before-resize'],
     'helix-tabs': ['helix-activate', 'helix-before-activate', 'helix-select'],
     'helix-tag': ['helix-dismiss'],
     'helix-textarea': ['change', 'helix-before-change', 'input'],
@@ -112,11 +133,18 @@ registerElementEvents({
         'toggle',
     ],
     'helix-time-picker': ['change', 'helix-before-change', 'input'],
+    'helix-toast': ['helix-dismiss'],
     'helix-toast-item': ['helix-dismiss'],
     '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', 'toggle'],
+    'helix-tour': [
+        'helix-before-activate',
+        'helix-before-close',
+        '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/filter-input/chip/filter-chip.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;