@fusion.dev/helix 0.182.1 → 0.183.0

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

@@ -1,10 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`[part="field"] {align-items: center;position: relative;background-color: var(--file-input-background-color, var(--helix-color-well));border: var(--helix-border-thin) dashed var(--file-input-border-color, var(--helix-color-border));border-radius: var(--file-input-radius, var(--helix-radii-sm));display: flex;gap: var(--helix-space-xs);justify-content: center;padding: var(--file-input-padding, var(--helix-space-md));transition:
-background-color var(--helix-duration-fast) var(--helix-easing-standard),
-border-color var(--helix-duration-fast) var(--helix-easing-standard);}[part="control"] {cursor: pointer;inset: 0;opacity: 0;position: absolute;}:host(:focus-within) [part="field"]:not(:focus-within) {outline: none;}[part="field"][data-dropping] {background-color: var(--file-input-drop-background-color, var(--helix-color-primary-subtle));border-color: var(--file-input-drop-border-color, var(--helix-color-primary));border-style: solid;}[part="trigger"] {align-items: center;color: var(--helix-color-foreground);display: flex;flex-direction: column;font-family: var(--helix-font-sans);gap: var(--helix-space-2xs);text-align: center;font-size: var(--helix-text-md);font-weight: var(--helix-weight-medium);pointer-events: none;}[part="list"] {display: flex;flex-direction: column;gap: var(--helix-space-2xs);list-style: none;margin-block: var(--helix-space-2xs) 0;padding: var(--helix-space-none);}[part~="file"] {align-items: center;background-color: var(--file-input-file-background-color, var(--helix-color-surface));border: var(--helix-border-thin) solid
-var(--file-input-file-border-color, var(--helix-color-border));border-radius: var(--file-input-file-radius, var(--helix-radii-sm));display: flex;gap: var(--helix-space-sm);opacity: 1;padding-block: var(--file-input-file-padding-block, var(--helix-space-xs));padding-inline: var(--file-input-file-padding-inline, var(--helix-space-sm));scale: 1 1;transform-origin: top;transition:
-opacity var(--helix-duration-fast) var(--helix-easing-standard),
-scale var(--helix-duration-fast) var(--helix-easing-emphasized);}@starting-style {[part~="file"] {opacity: 0;scale: 1 0.9;}}[part="detail"] {align-items: center;column-gap: var(--helix-space-sm);display: flex;flex: 1 1 auto;flex-wrap: wrap;min-inline-size: 0;row-gap: var(--helix-space-2xs);}[part="name"] {min-inline-size: min(100%, 16ch);}[part="meta"] {--helix-size-tag: var(--helix-size-tag-sm);display: flex;flex-wrap: wrap;gap: var(--helix-space-2xs);}[part="size"] {font-variant-numeric: tabular-nums;}[part="name"] {color: var(--helix-color-foreground);flex: 1 1 auto;font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);overflow-wrap: anywhere;}[part="status"] {align-items: center;color: var(--file-input-status-color, var(--helix-color-foreground-muted));display: flex;flex: 1 1 100%;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);gap: var(--helix-space-xs);}[part~="file-error"] [part="status"] {color: var(--file-input-status-color-error, var(--helix-color-danger));}[part="progress"] {appearance: none;background-color: var(--file-input-progress-track-color, var(--helix-color-border));block-size: var(--helix-border-thick);border: 0;border-radius: var(--helix-radii-full);flex: 1 1 auto;overflow: hidden;}[part="progress"]::-webkit-progress-bar {background-color: transparent;}[part="progress"]::-webkit-progress-value {background-color: var(--file-input-progress-color, var(--helix-color-primary));}[part="progress"]::-moz-progress-bar {background-color: var(--file-input-progress-color, var(--helix-color-primary));}[part="remove"] {--icon-size: var(--helix-size-icon-tight);all: unset;align-items: center;border-radius: var(--helix-radii-sm);box-sizing: border-box;color: var(--file-input-remove-color, var(--helix-color-foreground-muted));cursor: pointer;display: flex;flex: none;justify-content: center;min-block-size: var(--helix-size-icon-loose);min-inline-size: var(--helix-size-icon-loose);transition: color var(--helix-duration-fast) var(--helix-easing-standard);}[part="remove"]:hover {color: var(--file-input-remove-color-hover, var(--helix-color-danger));}[part="remove"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}:host(:disabled) [part="field"] {border-style: solid;color: var(--helix-color-foreground-subtle);}:host(:disabled) [part="control"],
-:host(:disabled) [part="trigger"] {cursor: not-allowed;}@media (prefers-reduced-motion: reduce) {[part="field"],
-[part~="file"],
-[part="remove"] {transition: none;}[part~="file"] {opacity: 1;scale: 1 1;}}::slotted(helix-icon[slot="trigger"]) {--icon-size: var(--helix-size-icon-loose);color: var(--helix-color-foreground-muted);}@media print {:host {print-color-adjust: exact;}}`);
+export const styles = createSheet(`[part="field"] {align-items: center;position: relative;background-color: var(--file-input-background-color, var(--helix-color-well));border: var(--helix-border-thin) dashed var(--file-input-border-color, var(--helix-color-border));border-radius: var(--file-input-radius, var(--helix-radii-sm));display: flex;gap: var(--helix-space-xs);justify-content: center;padding: var(--file-input-padding, var(--helix-space-md));transition: background-color var(--helix-duration-fast) var(--helix-easing-standard), border-color var(--helix-duration-fast) var(--helix-easing-standard)}[part="control"] {cursor: pointer;inset: 0;opacity: 0;position: absolute}:host(:focus-within) [part="field"]:not(:focus-within) {outline: none}[part="field"][data-dropping] {background-color: var(--file-input-drop-background-color, var(--helix-color-primary-subtle));border-color: var(--file-input-drop-border-color, var(--helix-color-primary));border-style: solid}[part="trigger"] {align-items: center;color: var(--helix-color-foreground);display: flex;flex-direction: column;font-family: var(--helix-font-sans);gap: var(--helix-space-2xs);text-align: center;font-size: var(--helix-text-md);font-weight: var(--helix-weight-medium);pointer-events: none}[part="list"] {display: flex;flex-direction: column;gap: var(--helix-space-2xs);list-style: none;margin-block: var(--helix-space-2xs) 0;padding: var(--helix-space-none)}[part~="file"] {align-items: center;background-color: var(--file-input-file-background-color, var(--helix-color-surface));border: var(--helix-border-thin) solid var(--file-input-file-border-color, var(--helix-color-border));border-radius: var(--file-input-file-radius, var(--helix-radii-sm));display: flex;gap: var(--helix-space-sm);opacity: 1;padding-block: var(--file-input-file-padding-block, var(--helix-space-xs));padding-inline: var(--file-input-file-padding-inline, var(--helix-space-sm));scale: 1 1;transform-origin: top;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard), scale var(--helix-duration-fast) var(--helix-easing-emphasized)}@starting-style {[part~="file"] {opacity: 0;scale: 1 0.9}}[part="detail"] {align-items: center;column-gap: var(--helix-space-sm);display: flex;flex: 1 1 auto;flex-wrap: wrap;min-inline-size: 0;row-gap: var(--helix-space-2xs)}[part="name"] {min-inline-size: min(100%, 16ch)}[part="meta"] {--helix-size-tag: var(--helix-size-tag-sm);display: flex;flex-wrap: wrap;gap: var(--helix-space-2xs)}[part="size"] {font-variant-numeric: tabular-nums}[part="name"] {color: var(--helix-color-foreground);flex: 1 1 auto;font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);overflow-wrap: anywhere}[part="status"] {align-items: center;color: var(--file-input-status-color, var(--helix-color-foreground-muted));display: flex;flex: 1 1 100%;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);gap: var(--helix-space-xs)}[part~="file-error"] [part="status"] {color: var(--file-input-status-color-error, var(--helix-color-danger))}[part="progress"] {appearance: none;background-color: var(--file-input-progress-track-color, var(--helix-color-border));block-size: var(--helix-border-thick);border: 0;border-radius: var(--helix-radii-full);flex: 1 1 auto;overflow: hidden}[part="progress"]::-webkit-progress-bar {background-color: transparent}[part="progress"]::-webkit-progress-value {background-color: var(--file-input-progress-color, var(--helix-color-primary))}[part="progress"]::-moz-progress-bar {background-color: var(--file-input-progress-color, var(--helix-color-primary))}[part="remove"] {--icon-size: var(--helix-size-icon-tight);all: unset;align-items: center;border-radius: var(--helix-radii-sm);box-sizing: border-box;color: var(--file-input-remove-color, var(--helix-color-foreground-muted));cursor: pointer;display: flex;flex: none;justify-content: center;min-block-size: var(--helix-size-icon-loose);min-inline-size: var(--helix-size-icon-loose);transition: color var(--helix-duration-fast) var(--helix-easing-standard)}[part="remove"]:hover {color: var(--file-input-remove-color-hover, var(--helix-color-danger))}[part="remove"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}:host(:disabled) [part="field"] {border-style: solid;color: var(--helix-color-foreground-subtle)}:host(:disabled) [part="control"], :host(:disabled) [part="trigger"] {cursor: not-allowed}@media (prefers-reduced-motion: reduce) {[part="field"], [part~="file"], [part="remove"] {transition: none}[part~="file"] {opacity: 1;scale: 1 1}}::slotted(helix-icon[slot="trigger"]) {--icon-size: var(--helix-size-icon-loose);color: var(--helix-color-foreground-muted)}@media print {:host {print-color-adjust: exact}}`);

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

@@ -1,9 +1,4 @@
-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 { __decorate } from "tslib";
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessFileInput } from '@fusion.dev/helix-headless/file-input';
 import '../../tag/root/index.js';

package/dist/filter-input/chip/filter-chip.css.js

@@ -1,3 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {align-items: center;background-color: var(--filter-input-chip-background-color, var(--helix-color-surface-sunken));border: var(--helix-border-thin) solid
-var(--filter-input-chip-border-color, var(--helix-color-border));border-radius: var(--filter-input-chip-radius, var(--helix-radii-sm));color: var(--helix-color-foreground);display: inline-flex;font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);gap: var(--helix-space-none);line-height: var(--helix-leading-normal);max-inline-size: 100%;min-block-size: var(--helix-size-tag);padding-inline: var(--helix-space-xs);}:host {--helix-size-control: var(--helix-size-control-sm);--helix-size-control-loose: calc(var(--helix-size-control) * 1.2);--helix-size-control-tight: calc(var(--helix-size-control) * 0.8);--helix-size-icon: var(--helix-size-icon-sm);--helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);--helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);}[part="field"] {color: var(--helix-color-foreground-muted);padding-inline-end: var(--helix-space-2xs);white-space: nowrap;}[part="operator"] {align-items: center;color: var(--helix-color-foreground-subtle);display: inline-flex;padding-inline-end: var(--helix-space-2xs);white-space: nowrap;}[part="values"] {font-weight: var(--helix-weight-medium);min-inline-size: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}[part="dismiss"] {background: none;block-size: var(--helix-size-icon);border: 0;border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-subtle);cursor: pointer;display: grid;inline-size: var(--helix-size-icon);margin-inline-start: var(--helix-space-2xs);padding: var(--helix-space-none);place-items: center;}[part="dismiss-mark"] {block-size: var(--icon-size, 0.85em);inline-size: var(--icon-size, 0.85em);}[part="dismiss"]:hover {background-color: color-mix(in oklab, currentcolor 12%, transparent);color: var(--helix-color-foreground);}[part="dismiss"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}@media print {[part="dismiss"] {display: none;}}`);
+export const styles = createSheet(`:host {align-items: center;background-color: var(--filter-input-chip-background-color, var(--helix-color-surface-sunken));border: var(--helix-border-thin) solid var(--filter-input-chip-border-color, var(--helix-color-border));border-radius: var(--filter-input-chip-radius, var(--helix-radii-sm));color: var(--helix-color-foreground);display: inline-flex;font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);gap: var(--helix-space-none);line-height: var(--helix-leading-normal);max-inline-size: 100%;min-block-size: var(--helix-size-tag);padding-inline: var(--helix-space-xs)}:host {--helix-size-control: var(--helix-size-control-sm);--helix-size-control-loose: calc(var(--helix-size-control) * 1.2);--helix-size-control-tight: calc(var(--helix-size-control) * 0.8);--helix-size-icon: var(--helix-size-icon-sm);--helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);--helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8)}[part="field"] {color: var(--helix-color-foreground-muted);padding-inline-end: var(--helix-space-2xs);white-space: nowrap}[part="operator"] {align-items: center;color: var(--helix-color-foreground-subtle);display: inline-flex;padding-inline-end: var(--helix-space-2xs);white-space: nowrap}[part="values"] {font-weight: var(--helix-weight-medium);min-inline-size: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}[part="dismiss"] {background: none;block-size: var(--helix-size-icon);border: 0;border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-subtle);cursor: pointer;display: grid;inline-size: var(--helix-size-icon);margin-inline-start: var(--helix-space-2xs);padding: var(--helix-space-none);place-items: center}[part="dismiss-mark"] {block-size: var(--icon-size, 0.85em);inline-size: var(--icon-size, 0.85em)}[part="dismiss"]:hover {background-color: color-mix(in oklab, currentcolor 12%, transparent);color: var(--helix-color-foreground)}[part="dismiss"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}@media print {[part="dismiss"] {display: none}}`);

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

@@ -1,9 +1,4 @@
-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 { __decorate } from "tslib";
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessFilterChip } from '@fusion.dev/helix-headless/filter-input';
 import { styles } from './filter-chip.css.js';

package/dist/filter-input/field/filter-field.css.js

@@ -1,2 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: none;}`);
+export const styles = createSheet(`:host {display: none}`);

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

@@ -1,9 +1,4 @@
-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 { __decorate } from "tslib";
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessFilterField } from '@fusion.dev/helix-headless/filter-input';
 import { styles } from './filter-field.css.js';

package/dist/filter-input/menu/filter-menu.css.js

@@ -1,2 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: contents;}`);
+export const styles = createSheet(`:host {display: contents}`);

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

@@ -1,9 +1,4 @@
-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 { __decorate } from "tslib";
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessFilterMenu } from '@fusion.dev/helix-headless/filter-input/menu';
 import { styles } from './filter-menu.css.js';

package/dist/filter-input/operator/filter-operator.css.js

@@ -1,2 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: none;}`);
+export const styles = createSheet(`:host {display: none}`);

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

@@ -1,9 +1,4 @@
-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 { __decorate } from "tslib";
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessFilterOperator } from '@fusion.dev/helix-headless/filter-input';
 import { styles } from './filter-operator.css.js';

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

@@ -1,9 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {--_filter-input-size: var(--filter-input-size, var(--helix-size-control));}[part="field"] {align-items: center;background-color: var(--filter-input-background-color, var(--helix-color-well));border: var(--helix-border-thin) solid
-var(--filter-input-field-border-color, var(--helix-color-border));border-radius: var(--filter-input-radius, var(--helix-radii-sm));color: var(--helix-color-foreground-subtle);display: flex;flex-wrap: wrap;gap: var(--helix-space-2xs);min-block-size: var(--_filter-input-size);padding-block: var(--helix-space-2xs);padding-inline: var(--filter-input-padding-inline, var(--helix-space-xs));transition:
-border-color var(--helix-duration-fast) var(--helix-easing-standard),
-background-color var(--helix-duration-fast) var(--helix-easing-standard);}::slotted([slot="tags"]) {flex: 0 0 auto;max-inline-size: 100%;}[part="control"] {flex: 1 1 var(--filter-input-control-size, 6ch);}[part="lead"] {align-items: center;align-self: stretch;border-inline-end: var(--helix-border-thin) solid
-var(--filter-input-lead-border-color, var(--helix-color-border));display: flex;margin-block: calc(var(--helix-space-2xs) * -1);margin-inline-start: calc(var(--helix-space-xs) * -1);padding-inline: var(--helix-space-2xs);}[part="lead"][hidden] {display: none;}[part="lead"],
-slot[name="end"] {--button-size: var(--filter-input-action-size, var(--helix-size-tag));--icon-button-size: var(--filter-input-action-size, var(--helix-size-tag));--button-padding-inline: var(--filter-input-action-padding-inline, var(--helix-space-xs));}slot[name="start"]::slotted(*),
-slot[name="end"]::slotted(*) {color: var(--helix-color-foreground-subtle);flex: 0 0 auto;}[part="clear"] {--icon-size: 0.85em;all: unset;align-items: center;align-self: center;border-radius: var(--helix-radii-sm);box-sizing: border-box;color: var(--filter-input-clear-color, var(--helix-color-foreground-subtle));cursor: pointer;display: flex;flex: 0 0 auto;justify-content: center;min-block-size: var(--helix-size-icon-loose);min-inline-size: var(--helix-size-icon-loose);transition: color var(--helix-duration-fast) var(--helix-easing-standard);}[part="clear"]:hover {background-color: color-mix(in oklab, currentcolor 12%, transparent);color: var(--filter-input-clear-color-hover, var(--helix-color-foreground));}[part="clear"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}:host(:disabled) [part="field"] {cursor: not-allowed;opacity: 0.5;}@media print {:host {print-color-adjust: exact;}}[part="surface"] {--_floating-border-color: var(--filter-input-border-color, var(--helix-color-border));--_floating-border-width: var(--filter-input-border-width, var(--helix-border-floating));--_floating-shadow: var(--filter-input-shadow, var(--helix-shadow-floating));box-sizing: border-box;inline-size: var(--filter-input-panel-size, var(--floating-anchor-inline-size, 100%));max-block-size: var(--floating-available-block-size, 20rem);min-inline-size: max-content;overflow-y: auto;padding-block: var(--helix-space-2xs);padding-inline: var(--helix-space-none);position: absolute;}[part="empty"],
-[part="loading"] {--_collection-inset-block: var(--helix-space-xs);--_collection-inset-inline: var(--helix-space-xs);}`);
+export const styles = createSheet(`:host {--_filter-input-size: var(--filter-input-size, var(--helix-size-control))}[part="field"] {align-items: center;background-color: var(--filter-input-background-color, var(--helix-color-well));border: var(--helix-border-thin) solid var(--filter-input-field-border-color, var(--helix-color-border));border-radius: var(--filter-input-radius, var(--helix-radii-sm));color: var(--helix-color-foreground-subtle);display: flex;flex-wrap: wrap;gap: var(--helix-space-2xs);min-block-size: var(--_filter-input-size);padding-block: var(--helix-space-2xs);padding-inline: var(--filter-input-padding-inline, var(--helix-space-xs));transition: border-color var(--helix-duration-fast) var(--helix-easing-standard), background-color var(--helix-duration-fast) var(--helix-easing-standard)}::slotted([slot="tags"]) {flex: 0 0 auto;max-inline-size: 100%}[part="control"] {flex: 1 1 var(--filter-input-control-size, 6ch)}[part="lead"] {align-items: center;align-self: stretch;border-inline-end: var(--helix-border-thin) solid var(--filter-input-lead-border-color, var(--helix-color-border));display: flex;margin-block: calc(var(--helix-space-2xs) * -1);margin-inline-start: calc(var(--helix-space-xs) * -1);padding-inline: var(--helix-space-2xs)}[part="lead"][hidden] {display: none}[part="lead"], slot[name="end"] {--button-size: var(--filter-input-action-size, var(--helix-size-tag));--icon-button-size: var(--filter-input-action-size, var(--helix-size-tag));--button-padding-inline: var(--filter-input-action-padding-inline, var(--helix-space-xs))}slot[name="start"]::slotted(*), slot[name="end"]::slotted(*) {color: var(--helix-color-foreground-subtle);flex: 0 0 auto}[part="clear"] {--icon-size: 0.85em;all: unset;align-items: center;align-self: center;border-radius: var(--helix-radii-sm);box-sizing: border-box;color: var(--filter-input-clear-color, var(--helix-color-foreground-subtle));cursor: pointer;display: flex;flex: 0 0 auto;justify-content: center;min-block-size: var(--helix-size-icon-loose);min-inline-size: var(--helix-size-icon-loose);transition: color var(--helix-duration-fast) var(--helix-easing-standard)}[part="clear"]:hover {background-color: color-mix(in oklab, currentcolor 12%, transparent);color: var(--filter-input-clear-color-hover, var(--helix-color-foreground))}[part="clear"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}:host(:disabled) [part="field"] {cursor: not-allowed;opacity: 0.5}@media print {:host {print-color-adjust: exact}}[part="surface"] {--_floating-border-color: var(--filter-input-border-color, var(--helix-color-border));--_floating-border-width: var(--filter-input-border-width, var(--helix-border-floating));--_floating-shadow: var(--filter-input-shadow, var(--helix-shadow-floating));box-sizing: border-box;inline-size: var(--filter-input-panel-size, var(--floating-anchor-inline-size, 100%));max-block-size: var(--floating-available-block-size, 20rem);min-inline-size: max-content;overflow-y: auto;padding-block: var(--helix-space-2xs);padding-inline: var(--helix-space-none);position: absolute}[part="empty"], [part="loading"] {--_collection-inset-block: var(--helix-space-xs);--_collection-inset-inline: var(--helix-space-xs)}`);

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

@@ -1,9 +1,4 @@
-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 { __decorate } from "tslib";
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessFilterInput } from '@fusion.dev/helix-headless/filter-input';
 import { styles as collectionStateStyles } from '../../shared/collection/state.css.js';

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

@@ -1,7 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {--_flex-column-gap: var(--_flex-gap);--_flex-gap: var(--helix-space-none);--_flex-row-gap: var(--_flex-gap);column-gap: var(--_flex-column-gap);display: flex;flex-direction: row;row-gap: var(--_flex-row-gap);}:host([inline]) {display: inline-flex;}:host([direction="column"]) {flex-direction: column;}:host([direction="row-reverse"]) {flex-direction: row-reverse;}:host([direction="column-reverse"]) {flex-direction: column-reverse;}:host([layout="cluster"]),
-:host([layout="flank"]),
-:host([layout="flank-end"]),
-:host([layout="split"]) {align-items: center;flex-wrap: wrap;}:host([layout="split"]) {justify-content: space-between;}:host([layout="flank"]) ::slotted(:first-child),
-:host([layout="flank-end"]) ::slotted(:last-child) {flex-basis: var(--flex-flank-size, auto);flex-grow: 1;}:host([layout="flank"]) ::slotted(:last-child),
-:host([layout="flank-end"]) ::slotted(:first-child) {flex-basis: 0;flex-grow: 999;min-inline-size: var(--flex-flank-min, 50%);}:host([layout="switch"]) {flex-wrap: wrap;}:host([layout="switch"]) ::slotted(*) {flex-basis: calc((var(--flex-switch-at, 30rem) - 100%) * 999);flex-grow: 1;}:host([wrap]) {flex-wrap: wrap;}:host([wrap="reverse"]) {flex-wrap: wrap-reverse;}:host([gap="2xs"]) {--_flex-gap: var(--helix-space-2xs);}:host([gap="xs"]) {--_flex-gap: var(--helix-space-xs);}:host([gap="sm"]) {--_flex-gap: var(--helix-space-sm);}:host([gap="md"]) {--_flex-gap: var(--helix-space-md);}:host([gap="lg"]) {--_flex-gap: var(--helix-space-lg);}:host([gap="xl"]) {--_flex-gap: var(--helix-space-xl);}:host([gap="2xl"]) {--_flex-gap: var(--helix-space-2xl);}:host([gap="3xl"]) {--_flex-gap: var(--helix-space-3xl);}:host([row-gap="none"]) {--_flex-row-gap: var(--helix-space-none);}:host([row-gap="2xs"]) {--_flex-row-gap: var(--helix-space-2xs);}:host([row-gap="xs"]) {--_flex-row-gap: var(--helix-space-xs);}:host([row-gap="sm"]) {--_flex-row-gap: var(--helix-space-sm);}:host([row-gap="md"]) {--_flex-row-gap: var(--helix-space-md);}:host([row-gap="lg"]) {--_flex-row-gap: var(--helix-space-lg);}:host([row-gap="xl"]) {--_flex-row-gap: var(--helix-space-xl);}:host([row-gap="2xl"]) {--_flex-row-gap: var(--helix-space-2xl);}:host([row-gap="3xl"]) {--_flex-row-gap: var(--helix-space-3xl);}:host([column-gap="none"]) {--_flex-column-gap: var(--helix-space-none);}:host([column-gap="2xs"]) {--_flex-column-gap: var(--helix-space-2xs);}:host([column-gap="xs"]) {--_flex-column-gap: var(--helix-space-xs);}:host([column-gap="sm"]) {--_flex-column-gap: var(--helix-space-sm);}:host([column-gap="md"]) {--_flex-column-gap: var(--helix-space-md);}:host([column-gap="lg"]) {--_flex-column-gap: var(--helix-space-lg);}:host([column-gap="xl"]) {--_flex-column-gap: var(--helix-space-xl);}:host([column-gap="2xl"]) {--_flex-column-gap: var(--helix-space-2xl);}:host([column-gap="3xl"]) {--_flex-column-gap: var(--helix-space-3xl);}:host([align-items="start"]) {align-items: flex-start;}:host([align-items="center"]) {align-items: center;}:host([align-items="end"]) {align-items: flex-end;}:host([align-items="baseline"]) {align-items: baseline;}:host([align-content="start"]) {align-content: flex-start;}:host([align-content="center"]) {align-content: center;}:host([align-content="end"]) {align-content: flex-end;}:host([align-content="between"]) {align-content: space-between;}:host([align-content="around"]) {align-content: space-around;}:host([align-content="stretch"]) {align-content: stretch;}:host([align-items="stretch"]) {align-items: stretch;}:host([justify-content="start"]) {justify-content: flex-start;}:host([justify-content="center"]) {justify-content: center;}:host([justify-content="end"]) {justify-content: flex-end;}:host([justify-content="between"]) {justify-content: space-between;}:host([justify-content="around"]) {justify-content: space-around;}@media print {:host {print-color-adjust: economy;}}`);
+export const styles = createSheet(`:host {--_flex-column-gap: var(--_flex-gap);--_flex-gap: var(--helix-space-none);--_flex-row-gap: var(--_flex-gap);column-gap: var(--_flex-column-gap);display: flex;flex-direction: row;row-gap: var(--_flex-row-gap)}:host([inline]) {display: inline-flex}:host([direction="column"]) {flex-direction: column}:host([direction="row-reverse"]) {flex-direction: row-reverse}:host([direction="column-reverse"]) {flex-direction: column-reverse}:host([layout="cluster"]), :host([layout="flank"]), :host([layout="flank-end"]), :host([layout="split"]) {align-items: center;flex-wrap: wrap}:host([layout="split"]) {justify-content: space-between}:host([layout="flank"]) ::slotted(:first-child), :host([layout="flank-end"]) ::slotted(:last-child) {flex-basis: var(--flex-flank-size, auto);flex-grow: 1}:host([layout="flank"]) ::slotted(:last-child), :host([layout="flank-end"]) ::slotted(:first-child) {flex-basis: 0;flex-grow: 999;min-inline-size: var(--flex-flank-min, 50%)}:host([layout="switch"]) {flex-wrap: wrap}:host([layout="switch"]) ::slotted(*) {flex-basis: calc((var(--flex-switch-at, 30rem) - 100%) * 999);flex-grow: 1}:host([wrap]) {flex-wrap: wrap}:host([wrap="reverse"]) {flex-wrap: wrap-reverse}:host([gap="2xs"]) {--_flex-gap: var(--helix-space-2xs)}:host([gap="xs"]) {--_flex-gap: var(--helix-space-xs)}:host([gap="sm"]) {--_flex-gap: var(--helix-space-sm)}:host([gap="md"]) {--_flex-gap: var(--helix-space-md)}:host([gap="lg"]) {--_flex-gap: var(--helix-space-lg)}:host([gap="xl"]) {--_flex-gap: var(--helix-space-xl)}:host([gap="2xl"]) {--_flex-gap: var(--helix-space-2xl)}:host([gap="3xl"]) {--_flex-gap: var(--helix-space-3xl)}:host([row-gap="none"]) {--_flex-row-gap: var(--helix-space-none)}:host([row-gap="2xs"]) {--_flex-row-gap: var(--helix-space-2xs)}:host([row-gap="xs"]) {--_flex-row-gap: var(--helix-space-xs)}:host([row-gap="sm"]) {--_flex-row-gap: var(--helix-space-sm)}:host([row-gap="md"]) {--_flex-row-gap: var(--helix-space-md)}:host([row-gap="lg"]) {--_flex-row-gap: var(--helix-space-lg)}:host([row-gap="xl"]) {--_flex-row-gap: var(--helix-space-xl)}:host([row-gap="2xl"]) {--_flex-row-gap: var(--helix-space-2xl)}:host([row-gap="3xl"]) {--_flex-row-gap: var(--helix-space-3xl)}:host([column-gap="none"]) {--_flex-column-gap: var(--helix-space-none)}:host([column-gap="2xs"]) {--_flex-column-gap: var(--helix-space-2xs)}:host([column-gap="xs"]) {--_flex-column-gap: var(--helix-space-xs)}:host([column-gap="sm"]) {--_flex-column-gap: var(--helix-space-sm)}:host([column-gap="md"]) {--_flex-column-gap: var(--helix-space-md)}:host([column-gap="lg"]) {--_flex-column-gap: var(--helix-space-lg)}:host([column-gap="xl"]) {--_flex-column-gap: var(--helix-space-xl)}:host([column-gap="2xl"]) {--_flex-column-gap: var(--helix-space-2xl)}:host([column-gap="3xl"]) {--_flex-column-gap: var(--helix-space-3xl)}:host([align-items="start"]) {align-items: flex-start}:host([align-items="center"]) {align-items: center}:host([align-items="end"]) {align-items: flex-end}:host([align-items="baseline"]) {align-items: baseline}:host([align-content="start"]) {align-content: flex-start}:host([align-content="center"]) {align-content: center}:host([align-content="end"]) {align-content: flex-end}:host([align-content="between"]) {align-content: space-between}:host([align-content="around"]) {align-content: space-around}:host([align-content="stretch"]) {align-content: stretch}:host([align-items="stretch"]) {align-items: stretch}:host([justify-content="start"]) {justify-content: flex-start}:host([justify-content="center"]) {justify-content: center}:host([justify-content="end"]) {justify-content: flex-end}:host([justify-content="between"]) {justify-content: space-between}:host([justify-content="around"]) {justify-content: space-around}@media print {:host {print-color-adjust: economy}}`);

package/dist/flex/root/flex-root.js

@@ -1,9 +1,4 @@
-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 { __decorate } from "tslib";
 import { customElement, HelixElement } from '@fusion.dev/helix-core';
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';

package/dist/format-date/root/format-date-root.css.js

@@ -1,2 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host([elapsed]) {font-variant-numeric: tabular-nums;}@media print {:host([elapsed]) [part="time"]::after {content: " (" attr(datetime) ")";}}`);
+export const styles = createSheet(`:host([elapsed]) {font-variant-numeric: tabular-nums}@media print {:host([elapsed]) [part="time"]::after {content: " (" attr(datetime) ")"}}`);

package/dist/format-date/root/format-date-root.js

@@ -1,9 +1,4 @@
-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 { __decorate } from "tslib";
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessFormatDate } from '@fusion.dev/helix-headless/format-date';
 import { styles } from './format-date-root.css.js';

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

@@ -1,24 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: contents;}[part="region"] {background-color: var(--graph-background-color, var(--helix-color-surface-sunken));block-size: var(--graph-block-size, 32rem);border: var(--helix-border-thin) solid var(--graph-border-color, var(--helix-color-border));border-radius: var(--helix-radii-sm);box-sizing: border-box;container-type: inline-size;display: grid;grid-template-rows: auto minmax(0, 1fr) auto;overflow: hidden;position: relative;}[part="body"] {display: grid;grid-template-columns: minmax(0, 1fr) var(--graph-panel-size, 18rem);min-block-size: 0;}[part="stage"] {isolation: isolate;min-block-size: 0;overflow: hidden;position: relative;}[part="viewport"] {inset: 0;position: absolute;}[part="viewport"] ::slotted(*) {block-size: 100%;inline-size: 100%;}[part="panel"] {background-color: var(--graph-panel-background-color, var(--helix-color-surface));border-inline-start: var(--helix-border-thin) solid var(--helix-color-border);color: var(--graph-panel-color, var(--helix-color-foreground));display: grid;grid-template-columns: minmax(0, 1fr);grid-template-rows: auto minmax(0, 1fr);min-block-size: 0;}@container (inline-size < 40rem) {[part="body"] {grid-template-columns: minmax(0, 1fr);grid-template-rows: minmax(0, 3fr) minmax(0, 2fr);}[part="panel"] {border-block-start: var(--helix-border-thin) solid var(--helix-color-border);border-inline-start: none;}}:host([no-panel]) [part="body"] {grid-template-columns: minmax(0, 1fr);grid-template-rows: minmax(0, 1fr);position: relative;}:host([no-panel]) [part="panel"] {border: var(--helix-border-floating) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);box-shadow: var(--helix-shadow-floating);inline-size: min(var(--graph-panel-size, 18rem), calc(100% - var(--helix-space-sm) * 2));inset-block: var(--helix-space-sm);inset-inline-end: var(--helix-space-sm);overflow: hidden;position: absolute;z-index: 1;}:host([no-panel]) [part="panel"][hidden] {display: none;}:host([no-panel]) [part="body"]:has([part="panel"]:not([hidden])) [part="controls"] {inset-inline-end: calc(min(var(--graph-panel-size, 18rem), 100%) + var(--helix-space-sm) * 2);}[part="notes-toggle"] {grid-area: notes;}[part="notes-toggle"] svg {block-size: 1em;inline-size: 1em;}[part="controls"]:has([part="notes-toggle"]):not(:has([part="pan-up"])) {grid-template-areas:
-"zoomin"
-"zoomout"
-"notes"
-"full";}[part="controls"]:has([part="notes-toggle"]):has([part="pan-up"]) {grid-template-areas:
-".      up    .      zoomin"
-"start  .     end    zoomout"
-".      down  .      notes"
-".      .     .      full";}[part="legend"] {display: flex;flex-wrap: wrap;gap: var(--helix-space-2xs);inset-block-end: var(--helix-space-sm);inset-inline-start: var(--helix-space-sm);max-inline-size: calc(100% - var(--helix-space-sm) * 3 - var(--helix-size-control-sm));position: absolute;}:host([controls-placement="bottom-start"]) [part="legend"] {inset-inline: auto var(--helix-space-sm);}@container (inline-size < 40rem) {[part="legend"] {flex-wrap: nowrap;inset-block-end: calc(var(--helix-space-sm) - var(--helix-space-2xs));inset-inline-start: calc(var(--helix-space-sm) - var(--helix-space-2xs));overflow-x: auto;padding: var(--helix-space-2xs);scrollbar-width: none;}}[part~="legend-item"] {align-items: center;background-color: var(--viewport-control-background-color, var(--helix-color-surface-overlay));block-size: var(--helix-size-control-tight);border: var(--helix-border-floating) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);box-shadow: var(--helix-shadow-floating);color: var(--helix-color-foreground);cursor: pointer;display: inline-flex;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);gap: var(--helix-space-2xs);padding-inline: var(--helix-space-xs);white-space: nowrap;}[part~="legend-item"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part~="legend-item"]:nth-child(24n + 1) {--_graph-swatch: var(--helix-color-series-1);}[part~="legend-item"]:nth-child(24n + 2) {--_graph-swatch: var(--helix-color-series-2);}[part~="legend-item"]:nth-child(24n + 3) {--_graph-swatch: var(--helix-color-series-3);}[part~="legend-item"]:nth-child(24n + 4) {--_graph-swatch: var(--helix-color-series-4);}[part~="legend-item"]:nth-child(24n + 5) {--_graph-swatch: var(--helix-color-series-5);}[part~="legend-item"]:nth-child(24n + 6) {--_graph-swatch: var(--helix-color-series-6);}[part~="legend-item"]:nth-child(24n + 7) {--_graph-swatch: var(--helix-color-series-7);}[part~="legend-item"]:nth-child(24n + 8) {--_graph-swatch: var(--helix-color-series-8);}[part~="legend-item"]:nth-child(24n + 9) {--_graph-swatch: var(--helix-color-series-9);}[part~="legend-item"]:nth-child(24n + 10) {--_graph-swatch: var(--helix-color-series-10);}[part~="legend-item"]:nth-child(24n + 11) {--_graph-swatch: var(--helix-color-series-11);}[part~="legend-item"]:nth-child(24n + 12) {--_graph-swatch: var(--helix-color-series-12);}[part~="legend-item"]:nth-child(24n + 13) {--_graph-swatch: var(--helix-color-series-13);}[part~="legend-item"]:nth-child(24n + 14) {--_graph-swatch: var(--helix-color-series-14);}[part~="legend-item"]:nth-child(24n + 15) {--_graph-swatch: var(--helix-color-series-15);}[part~="legend-item"]:nth-child(24n + 16) {--_graph-swatch: var(--helix-color-series-16);}[part~="legend-item"]:nth-child(24n + 17) {--_graph-swatch: var(--helix-color-series-17);}[part~="legend-item"]:nth-child(24n + 18) {--_graph-swatch: var(--helix-color-series-18);}[part~="legend-item"]:nth-child(24n + 19) {--_graph-swatch: var(--helix-color-series-19);}[part~="legend-item"]:nth-child(24n + 20) {--_graph-swatch: var(--helix-color-series-20);}[part~="legend-item"]:nth-child(24n + 21) {--_graph-swatch: var(--helix-color-series-21);}[part~="legend-item"]:nth-child(24n + 22) {--_graph-swatch: var(--helix-color-series-22);}[part~="legend-item"]:nth-child(24n + 23) {--_graph-swatch: var(--helix-color-series-23);}[part~="legend-item"]:nth-child(24n + 24) {--_graph-swatch: var(--helix-color-series-24);}[part~="legend-item"][data-tone="accent"] {--_graph-swatch: var(--helix-color-accent);}[part~="legend-item"][data-tone="danger"] {--_graph-swatch: var(--helix-color-danger);}[part~="legend-item"][data-tone="info"] {--_graph-swatch: var(--helix-color-info);}[part~="legend-item"][data-tone="neutral"] {--_graph-swatch: var(--helix-color-foreground-muted);}[part~="legend-item"][data-tone="primary"] {--_graph-swatch: var(--helix-color-primary);}[part~="legend-item"][data-tone="success"] {--_graph-swatch: var(--helix-color-success);}[part~="legend-item"][data-tone="warning"] {--_graph-swatch: var(--helix-color-warning);}[part="legend-swatch"] {block-size: var(--helix-space-xs);border: var(--helix-border-thin) solid var(--_graph-swatch, var(--helix-color-foreground-muted));border-radius: var(--helix-radii-full);box-sizing: border-box;background-color: var(--_graph-swatch, var(--helix-color-foreground-muted));flex: 0 0 auto;inline-size: var(--helix-space-xs);}[part~="legend-item-hidden"] {color: var(--helix-color-foreground-subtle);}[part~="legend-item-hidden"] [part="legend-swatch"] {background-color: transparent;}[part="search"] {align-items: center;border-block-end: var(--helix-border-thin) solid var(--helix-color-border);display: flex;gap: var(--helix-space-2xs);padding: var(--helix-space-2xs);padding-inline-start: var(--helix-space-xs);}[part="filter-icon"] {align-items: center;color: var(--helix-color-foreground-subtle);display: inline-flex;flex: 0 0 auto;}[part="filter-icon"] svg,
-slot[name="filter-icon"]::slotted(*) {--icon-size: var(--helix-size-icon-tight);block-size: var(--helix-size-icon-tight);inline-size: var(--helix-size-icon-tight);}[part="search-field"] {appearance: none;background-color: transparent;block-size: var(--helix-size-control-tight);border: none;box-sizing: border-box;color: var(--helix-color-foreground);flex: 1 1 auto;font-family: var(--helix-font-sans);font-size: max(var(--helix-text-field-min), var(--helix-text-sm));font-weight: var(--helix-weight-medium);min-inline-size: 0;padding-inline: var(--helix-space-2xs);}[part="search-field"]::placeholder {color: var(--helix-color-foreground-subtle);}[part="search-field"]:focus-visible {outline: none;}[part="search"]:has([part="search-field"]:focus-visible),
-[part="list"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part="count"] {color: var(--helix-color-foreground-muted);flex: 0 0 auto;font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;padding-inline-end: calc(var(--helix-space-xs) - var(--helix-space-2xs));}[part="empty"],
-[part="loading"] {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-sm);grid-area: 2 / 1;padding: var(--helix-space-sm);}[part="list"] {min-block-size: 0;overflow-y: auto;overscroll-behavior: contain;padding-block: var(--helix-space-2xs);}[part~="note"] {align-items: center;box-sizing: border-box;cursor: pointer;display: flex;font-size: var(--graph-note-text, var(--helix-text-sm));gap: var(--helix-space-sm);min-block-size: var(--helix-size-control-tight);padding-block: var(--helix-space-2xs);padding-inline: var(--graph-note-padding-inline, var(--helix-space-xs));user-select: none;}[part~="note"]:hover,
-[part="list"]:focus-visible [part~="note-cursor"],
-[part="search"]:has([aria-activedescendant]) ~ [part="list"] [part~="note-cursor"] {--_graph-wash: var(
---graph-note-hover-color,
-light-dark(
-color-mix(in oklab, var(--helix-color-foreground) 8%, transparent),
-color-mix(in oklab, var(--helix-color-foreground) 12%, transparent)
-)
-);background-image: linear-gradient(var(--_graph-wash), var(--_graph-wash));}[part="note-name"] {flex: 0 1 auto;max-inline-size: 70%;min-inline-size: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}[part="note-relation"] {color: var(--graph-note-relation-color, var(--helix-color-foreground-muted));flex: 1 1 0;font-size: var(--helix-text-xs);min-inline-size: 0;overflow: hidden;text-align: end;text-overflow: ellipsis;white-space: nowrap;}[part~="note-selected"] {background-color: var(--graph-note-selected-background-color, var(--helix-color-surface-sunken));}[part~="note-selected"] [part="note-name"] {font-weight: var(--graph-note-selected-weight, var(--helix-weight-semibold));}[part="header"],
-[part="footer"] {min-inline-size: 0;}@media (forced-colors: active) {[part~="legend-item-hidden"] {color: GrayText;}[part="legend-swatch"] {forced-color-adjust: none;}[part="list"]:focus-visible [part~="note-cursor"],
-[part="search"]:has([aria-activedescendant]) ~ [part="list"] [part~="note-cursor"] {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part~="note-selected"],
-[part~="note-selected"] [part="note-relation"] {background-color: Highlight;color: HighlightText;forced-color-adjust: none;}}@media print {:host {print-color-adjust: economy;}}`);
+export const styles = createSheet(`:host {display: contents}[part="region"] {background-color: var(--graph-background-color, var(--helix-color-surface-sunken));block-size: var(--graph-block-size, 32rem);border: var(--helix-border-thin) solid var(--graph-border-color, var(--helix-color-border));border-radius: var(--helix-radii-sm);box-sizing: border-box;container-type: inline-size;display: grid;grid-template-rows: auto minmax(0, 1fr) auto;overflow: hidden;position: relative}[part="body"] {display: grid;grid-template-columns: minmax(0, 1fr) var(--graph-panel-size, 18rem);min-block-size: 0}[part="stage"] {isolation: isolate;min-block-size: 0;overflow: hidden;position: relative}[part="viewport"] {inset: 0;position: absolute}[part="viewport"] ::slotted(*) {block-size: 100%;inline-size: 100%}[part="panel"] {background-color: var(--graph-panel-background-color, var(--helix-color-surface));border-inline-start: var(--helix-border-thin) solid var(--helix-color-border);color: var(--graph-panel-color, var(--helix-color-foreground));display: grid;grid-template-columns: minmax(0, 1fr);grid-template-rows: auto minmax(0, 1fr);min-block-size: 0}@container (inline-size < 40rem) {[part="body"] {grid-template-columns: minmax(0, 1fr);grid-template-rows: minmax(0, 3fr) minmax(0, 2fr)}[part="panel"] {border-block-start: var(--helix-border-thin) solid var(--helix-color-border);border-inline-start: none}}:host([no-panel]) [part="body"] {grid-template-columns: minmax(0, 1fr);grid-template-rows: minmax(0, 1fr);position: relative}:host([no-panel]) [part="panel"] {border: var(--helix-border-floating) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);box-shadow: var(--helix-shadow-floating);inline-size: min(var(--graph-panel-size, 18rem), calc(100% - var(--helix-space-sm) * 2));inset-block: var(--helix-space-sm);inset-inline-end: var(--helix-space-sm);overflow: hidden;position: absolute;z-index: 1}:host([no-panel]) [part="panel"][hidden] {display: none}:host([no-panel]) [part="body"]:has([part="panel"]:not([hidden])) [part="controls"] {inset-inline-end: calc(min(var(--graph-panel-size, 18rem), 100%) + var(--helix-space-sm) * 2)}[part="notes-toggle"] {grid-area: notes}[part="notes-toggle"] svg {block-size: 1em;inline-size: 1em}[part="controls"]:has([part="notes-toggle"]):not(:has([part="pan-up"])) {grid-template-areas: "zoomin" "zoomout" "notes" "full"}[part="controls"]:has([part="notes-toggle"]):has([part="pan-up"]) {grid-template-areas: ".      up    .      zoomin" "start  .     end    zoomout" ".      down  .      notes" ".      .     .      full"}[part="legend"] {display: flex;flex-wrap: wrap;gap: var(--helix-space-2xs);inset-block-end: var(--helix-space-sm);inset-inline-start: var(--helix-space-sm);max-inline-size: calc(100% - var(--helix-space-sm) * 3 - var(--helix-size-control-sm));position: absolute}:host([controls-placement="bottom-start"]) [part="legend"] {inset-inline: auto var(--helix-space-sm)}@container (inline-size < 40rem) {[part="legend"] {flex-wrap: nowrap;inset-block-end: calc(var(--helix-space-sm) - var(--helix-space-2xs));inset-inline-start: calc(var(--helix-space-sm) - var(--helix-space-2xs));overflow-x: auto;padding: var(--helix-space-2xs);scrollbar-width: none}}[part~="legend-item"] {align-items: center;background-color: var(--viewport-control-background-color, var(--helix-color-surface-overlay));block-size: var(--helix-size-control-tight);border: var(--helix-border-floating) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);box-shadow: var(--helix-shadow-floating);color: var(--helix-color-foreground);cursor: pointer;display: inline-flex;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);gap: var(--helix-space-2xs);padding-inline: var(--helix-space-xs);white-space: nowrap}[part~="legend-item"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part~="legend-item"]:nth-child(24n + 1) {--_graph-swatch: var(--helix-color-series-1)}[part~="legend-item"]:nth-child(24n + 2) {--_graph-swatch: var(--helix-color-series-2)}[part~="legend-item"]:nth-child(24n + 3) {--_graph-swatch: var(--helix-color-series-3)}[part~="legend-item"]:nth-child(24n + 4) {--_graph-swatch: var(--helix-color-series-4)}[part~="legend-item"]:nth-child(24n + 5) {--_graph-swatch: var(--helix-color-series-5)}[part~="legend-item"]:nth-child(24n + 6) {--_graph-swatch: var(--helix-color-series-6)}[part~="legend-item"]:nth-child(24n + 7) {--_graph-swatch: var(--helix-color-series-7)}[part~="legend-item"]:nth-child(24n + 8) {--_graph-swatch: var(--helix-color-series-8)}[part~="legend-item"]:nth-child(24n + 9) {--_graph-swatch: var(--helix-color-series-9)}[part~="legend-item"]:nth-child(24n + 10) {--_graph-swatch: var(--helix-color-series-10)}[part~="legend-item"]:nth-child(24n + 11) {--_graph-swatch: var(--helix-color-series-11)}[part~="legend-item"]:nth-child(24n + 12) {--_graph-swatch: var(--helix-color-series-12)}[part~="legend-item"]:nth-child(24n + 13) {--_graph-swatch: var(--helix-color-series-13)}[part~="legend-item"]:nth-child(24n + 14) {--_graph-swatch: var(--helix-color-series-14)}[part~="legend-item"]:nth-child(24n + 15) {--_graph-swatch: var(--helix-color-series-15)}[part~="legend-item"]:nth-child(24n + 16) {--_graph-swatch: var(--helix-color-series-16)}[part~="legend-item"]:nth-child(24n + 17) {--_graph-swatch: var(--helix-color-series-17)}[part~="legend-item"]:nth-child(24n + 18) {--_graph-swatch: var(--helix-color-series-18)}[part~="legend-item"]:nth-child(24n + 19) {--_graph-swatch: var(--helix-color-series-19)}[part~="legend-item"]:nth-child(24n + 20) {--_graph-swatch: var(--helix-color-series-20)}[part~="legend-item"]:nth-child(24n + 21) {--_graph-swatch: var(--helix-color-series-21)}[part~="legend-item"]:nth-child(24n + 22) {--_graph-swatch: var(--helix-color-series-22)}[part~="legend-item"]:nth-child(24n + 23) {--_graph-swatch: var(--helix-color-series-23)}[part~="legend-item"]:nth-child(24n + 24) {--_graph-swatch: var(--helix-color-series-24)}[part~="legend-item"][data-tone="accent"] {--_graph-swatch: var(--helix-color-accent)}[part~="legend-item"][data-tone="danger"] {--_graph-swatch: var(--helix-color-danger)}[part~="legend-item"][data-tone="info"] {--_graph-swatch: var(--helix-color-info)}[part~="legend-item"][data-tone="neutral"] {--_graph-swatch: var(--helix-color-foreground-muted)}[part~="legend-item"][data-tone="primary"] {--_graph-swatch: var(--helix-color-primary)}[part~="legend-item"][data-tone="success"] {--_graph-swatch: var(--helix-color-success)}[part~="legend-item"][data-tone="warning"] {--_graph-swatch: var(--helix-color-warning)}[part="legend-swatch"] {block-size: var(--helix-space-xs);border: var(--helix-border-thin) solid var(--_graph-swatch, var(--helix-color-foreground-muted));border-radius: var(--helix-radii-full);box-sizing: border-box;background-color: var(--_graph-swatch, var(--helix-color-foreground-muted));flex: 0 0 auto;inline-size: var(--helix-space-xs)}[part~="legend-item-hidden"] {color: var(--helix-color-foreground-subtle)}[part~="legend-item-hidden"] [part="legend-swatch"] {background-color: transparent}[part="search"] {align-items: center;border-block-end: var(--helix-border-thin) solid var(--helix-color-border);display: flex;gap: var(--helix-space-2xs);padding: var(--helix-space-2xs);padding-inline-start: var(--helix-space-xs)}[part="filter-icon"] {align-items: center;color: var(--helix-color-foreground-subtle);display: inline-flex;flex: 0 0 auto}[part="filter-icon"] svg, slot[name="filter-icon"]::slotted(*) {--icon-size: var(--helix-size-icon-tight);block-size: var(--helix-size-icon-tight);inline-size: var(--helix-size-icon-tight)}[part="search-field"] {appearance: none;background-color: transparent;block-size: var(--helix-size-control-tight);border: none;box-sizing: border-box;color: var(--helix-color-foreground);flex: 1 1 auto;font-family: var(--helix-font-sans);font-size: max(var(--helix-text-field-min), var(--helix-text-sm));font-weight: var(--helix-weight-medium);min-inline-size: 0;padding-inline: var(--helix-space-2xs)}[part="search-field"]::placeholder {color: var(--helix-color-foreground-subtle)}[part="search-field"]:focus-visible {outline: none}[part="search"]:has([part="search-field"]:focus-visible), [part="list"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}[part="count"] {color: var(--helix-color-foreground-muted);flex: 0 0 auto;font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;padding-inline-end: calc(var(--helix-space-xs) - var(--helix-space-2xs))}[part="empty"], [part="loading"] {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-sm);grid-area: 2 / 1;padding: var(--helix-space-sm)}[part="list"] {min-block-size: 0;overflow-y: auto;overscroll-behavior: contain;padding-block: var(--helix-space-2xs)}[part~="note"] {align-items: center;box-sizing: border-box;cursor: pointer;display: flex;font-size: var(--graph-note-text, var(--helix-text-sm));gap: var(--helix-space-sm);min-block-size: var(--helix-size-control-tight);padding-block: var(--helix-space-2xs);padding-inline: var(--graph-note-padding-inline, var(--helix-space-xs));user-select: none}[part~="note"]:hover, [part="list"]:focus-visible [part~="note-cursor"], [part="search"]:has([aria-activedescendant]) ~ [part="list"] [part~="note-cursor"] {--_graph-wash: var(--graph-note-hover-color, light-dark(color-mix(in oklab, var(--helix-color-foreground) 8%, transparent), color-mix(in oklab, var(--helix-color-foreground) 12%, transparent)));background-image: linear-gradient(var(--_graph-wash), var(--_graph-wash))}[part="note-name"] {flex: 0 1 auto;max-inline-size: 70%;min-inline-size: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}[part="note-relation"] {color: var(--graph-note-relation-color, var(--helix-color-foreground-muted));flex: 1 1 0;font-size: var(--helix-text-xs);min-inline-size: 0;overflow: hidden;text-align: end;text-overflow: ellipsis;white-space: nowrap}[part~="note-selected"] {background-color: var(--graph-note-selected-background-color, var(--helix-color-surface-sunken))}[part~="note-selected"] [part="note-name"] {font-weight: var(--graph-note-selected-weight, var(--helix-weight-semibold))}[part="header"], [part="footer"] {min-inline-size: 0}@media (forced-colors: active) {[part~="legend-item-hidden"] {color: GrayText}[part="legend-swatch"] {forced-color-adjust: none}[part="list"]:focus-visible [part~="note-cursor"], [part="search"]:has([aria-activedescendant]) ~ [part="list"] [part~="note-cursor"] {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}[part~="note-selected"], [part~="note-selected"] [part="note-relation"] {background-color: Highlight;color: HighlightText;forced-color-adjust: none}}@media print {:host {print-color-adjust: economy}}`);

package/dist/graph/root/graph-root.js

@@ -1,9 +1,4 @@
-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 { __decorate } from "tslib";
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessGraph } from '@fusion.dev/helix-headless/graph';
 import { styles as liveStyles } from '../../shared/live/live.css.js';

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

@@ -1,2 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {--_grid-column-gap: var(--_grid-gap);--_grid-gap: var(--helix-space-none);--_grid-row-gap: var(--_grid-gap);column-gap: var(--_grid-column-gap);display: grid;grid-template-areas: var(--grid-areas, none);grid-template-columns: var(--grid-columns, var(--_grid-template, minmax(0, 1fr)));grid-template-rows: var(--grid-rows, none);row-gap: var(--_grid-row-gap);}:host([columns="2"]) {grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(2, minmax(0, 1fr))));}:host([columns="3"]) {grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(3, minmax(0, 1fr))));}:host([columns="4"]) {grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(4, minmax(0, 1fr))));}:host([columns="5"]) {grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(5, minmax(0, 1fr))));}:host([columns="6"]) {grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(6, minmax(0, 1fr))));}:host([gap="none"]) {--_grid-gap: var(--helix-space-none);}:host([gap="2xs"]) {--_grid-gap: var(--helix-space-2xs);}:host([gap="xs"]) {--_grid-gap: var(--helix-space-xs);}:host([gap="sm"]) {--_grid-gap: var(--helix-space-sm);}:host([gap="md"]) {--_grid-gap: var(--helix-space-md);}:host([gap="lg"]) {--_grid-gap: var(--helix-space-lg);}:host([gap="xl"]) {--_grid-gap: var(--helix-space-xl);}:host([gap="2xl"]) {--_grid-gap: var(--helix-space-2xl);}:host([gap="3xl"]) {--_grid-gap: var(--helix-space-3xl);}:host([row-gap="none"]) {--_grid-row-gap: var(--helix-space-none);}:host([row-gap="2xs"]) {--_grid-row-gap: var(--helix-space-2xs);}:host([row-gap="xs"]) {--_grid-row-gap: var(--helix-space-xs);}:host([row-gap="sm"]) {--_grid-row-gap: var(--helix-space-sm);}:host([row-gap="md"]) {--_grid-row-gap: var(--helix-space-md);}:host([row-gap="lg"]) {--_grid-row-gap: var(--helix-space-lg);}:host([row-gap="xl"]) {--_grid-row-gap: var(--helix-space-xl);}:host([row-gap="2xl"]) {--_grid-row-gap: var(--helix-space-2xl);}:host([row-gap="3xl"]) {--_grid-row-gap: var(--helix-space-3xl);}:host([column-gap="none"]) {--_grid-column-gap: var(--helix-space-none);}:host([column-gap="2xs"]) {--_grid-column-gap: var(--helix-space-2xs);}:host([column-gap="xs"]) {--_grid-column-gap: var(--helix-space-xs);}:host([column-gap="sm"]) {--_grid-column-gap: var(--helix-space-sm);}:host([column-gap="md"]) {--_grid-column-gap: var(--helix-space-md);}:host([column-gap="lg"]) {--_grid-column-gap: var(--helix-space-lg);}:host([column-gap="xl"]) {--_grid-column-gap: var(--helix-space-xl);}:host([column-gap="2xl"]) {--_grid-column-gap: var(--helix-space-2xl);}:host([column-gap="3xl"]) {--_grid-column-gap: var(--helix-space-3xl);}:host([align-items="start"]) {align-items: start;}:host([align-items="center"]) {align-items: center;}:host([align-items="end"]) {align-items: end;}:host([justify-items="start"]) {justify-items: start;}:host([justify-items="center"]) {justify-items: center;}:host([justify-items="end"]) {justify-items: end;}:host([auto-flow="column"]) {grid-auto-flow: column;}:host([auto-flow="dense"]) {grid-auto-flow: dense;}:host([auto-flow="column-dense"]) {grid-auto-flow: column dense;}::slotted([data-grid-span="full"]) {grid-column: 1 / -1;}::slotted([data-grid-span="2"]) {grid-column: span 2;}::slotted([data-grid-span="3"]) {grid-column: span 3;}::slotted([data-grid-span="4"]) {grid-column: span 4;}::slotted([data-grid-span="5"]) {grid-column: span 5;}::slotted([data-grid-span="6"]) {grid-column: span 6;}@media print {:host {print-color-adjust: economy;}}`);
+export const styles = createSheet(`:host {--_grid-column-gap: var(--_grid-gap);--_grid-gap: var(--helix-space-none);--_grid-row-gap: var(--_grid-gap);column-gap: var(--_grid-column-gap);display: grid;grid-template-areas: var(--grid-areas, none);grid-template-columns: var(--grid-columns, var(--_grid-template, minmax(0, 1fr)));grid-template-rows: var(--grid-rows, none);row-gap: var(--_grid-row-gap)}:host([columns="2"]) {grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(2, minmax(0, 1fr))))}:host([columns="3"]) {grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(3, minmax(0, 1fr))))}:host([columns="4"]) {grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(4, minmax(0, 1fr))))}:host([columns="5"]) {grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(5, minmax(0, 1fr))))}:host([columns="6"]) {grid-template-columns: var(--grid-columns, var(--_grid-template, repeat(6, minmax(0, 1fr))))}:host([gap="none"]) {--_grid-gap: var(--helix-space-none)}:host([gap="2xs"]) {--_grid-gap: var(--helix-space-2xs)}:host([gap="xs"]) {--_grid-gap: var(--helix-space-xs)}:host([gap="sm"]) {--_grid-gap: var(--helix-space-sm)}:host([gap="md"]) {--_grid-gap: var(--helix-space-md)}:host([gap="lg"]) {--_grid-gap: var(--helix-space-lg)}:host([gap="xl"]) {--_grid-gap: var(--helix-space-xl)}:host([gap="2xl"]) {--_grid-gap: var(--helix-space-2xl)}:host([gap="3xl"]) {--_grid-gap: var(--helix-space-3xl)}:host([row-gap="none"]) {--_grid-row-gap: var(--helix-space-none)}:host([row-gap="2xs"]) {--_grid-row-gap: var(--helix-space-2xs)}:host([row-gap="xs"]) {--_grid-row-gap: var(--helix-space-xs)}:host([row-gap="sm"]) {--_grid-row-gap: var(--helix-space-sm)}:host([row-gap="md"]) {--_grid-row-gap: var(--helix-space-md)}:host([row-gap="lg"]) {--_grid-row-gap: var(--helix-space-lg)}:host([row-gap="xl"]) {--_grid-row-gap: var(--helix-space-xl)}:host([row-gap="2xl"]) {--_grid-row-gap: var(--helix-space-2xl)}:host([row-gap="3xl"]) {--_grid-row-gap: var(--helix-space-3xl)}:host([column-gap="none"]) {--_grid-column-gap: var(--helix-space-none)}:host([column-gap="2xs"]) {--_grid-column-gap: var(--helix-space-2xs)}:host([column-gap="xs"]) {--_grid-column-gap: var(--helix-space-xs)}:host([column-gap="sm"]) {--_grid-column-gap: var(--helix-space-sm)}:host([column-gap="md"]) {--_grid-column-gap: var(--helix-space-md)}:host([column-gap="lg"]) {--_grid-column-gap: var(--helix-space-lg)}:host([column-gap="xl"]) {--_grid-column-gap: var(--helix-space-xl)}:host([column-gap="2xl"]) {--_grid-column-gap: var(--helix-space-2xl)}:host([column-gap="3xl"]) {--_grid-column-gap: var(--helix-space-3xl)}:host([align-items="start"]) {align-items: start}:host([align-items="center"]) {align-items: center}:host([align-items="end"]) {align-items: end}:host([justify-items="start"]) {justify-items: start}:host([justify-items="center"]) {justify-items: center}:host([justify-items="end"]) {justify-items: end}:host([auto-flow="column"]) {grid-auto-flow: column}:host([auto-flow="dense"]) {grid-auto-flow: dense}:host([auto-flow="column-dense"]) {grid-auto-flow: column dense}::slotted([data-grid-span="full"]) {grid-column: 1 / -1}::slotted([data-grid-span="2"]) {grid-column: span 2}::slotted([data-grid-span="3"]) {grid-column: span 3}::slotted([data-grid-span="4"]) {grid-column: span 4}::slotted([data-grid-span="5"]) {grid-column: span 5}::slotted([data-grid-span="6"]) {grid-column: span 6}@media print {:host {print-color-adjust: economy}}`);

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

@@ -1,9 +1,4 @@
-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 { __decorate } from "tslib";
 import { customElement, HelixElement, reportRuntime } from '@fusion.dev/helix-core';
 import { property } from 'lit/decorators.js';
 import { html, unsafeStatic } from 'lit/static-html.js';

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

@@ -1,23 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {--_heatmap-cell-width: var(--heatmap-cell-inline-size, var(--heatmap-cell-size, 0.75rem));--_heatmap-cell-height: var(--heatmap-cell-height, var(--heatmap-cell-size, 0.75rem));--heatmap-tone-accent: var(--helix-color-accent);--heatmap-tone-danger: var(--helix-color-danger);--heatmap-tone-info: var(--helix-color-info);--heatmap-tone-muted: var(--helix-color-surface-sunken);--heatmap-tone-primary: var(--helix-color-primary);--heatmap-tone-success: var(--helix-color-success);--heatmap-tone-warning: var(--helix-color-warning);--heatmap-tone-1: color-mix(
-in oklab,
-var(--helix-color-primary-active) 20%,
-var(--helix-color-surface-sunken)
-);--heatmap-tone-2: color-mix(
-in oklab,
-var(--helix-color-primary-active) 40%,
-var(--helix-color-surface-sunken)
-);--heatmap-tone-3: color-mix(
-in oklab,
-var(--helix-color-primary-active) 60%,
-var(--helix-color-surface-sunken)
-);--heatmap-tone-4: color-mix(
-in oklab,
-var(--helix-color-primary-active) 80%,
-var(--helix-color-surface-sunken)
-);--heatmap-tone-5: var(--helix-color-primary-active);display: grid;grid-template-columns: minmax(0, max-content);}[part~="strip"] {display: grid;gap: var(--heatmap-gap, var(--helix-space-2xs));grid-auto-columns: var(--_heatmap-cell-width);grid-auto-flow: column;grid-template-rows: repeat(var(--heatmap-rows, 1), var(--_heatmap-cell-height));justify-content: start;position: relative;}[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);}[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"] {display: block;font-weight: var(--helix-weight-medium);opacity: 0.72;}[part~="tooltip-cell"] {align-items: baseline;display: flex;gap: var(--helix-space-sm);justify-content: space-between;}[part="tooltip-name"] {opacity: 0.72;}[part="tooltip-value"] {font-variant-numeric: tabular-nums;font-weight: var(--helix-weight-medium);}@media (hover: 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 {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~="cell-selected"] {box-shadow: inset 0 0 0 var(--heatmap-selected-width, var(--helix-border-thick))
-var(--heatmap-selected-color, var(--helix-color-primary));}[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"],
-[part="overview"],
-[part="selection"],
-[part="table"] {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);display: grid;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);gap: var(--helix-space-xs);grid-template-columns: auto minmax(0, 1fr) auto;padding-block-start: var(--helix-space-xs);}[part="summary"] {text-align: center;}[part="end"] {text-align: end;}[part="footer"][data-empty] {display: none;}[part="empty"],
-[part="loading"] {color: var(--helix-color-foreground-subtle);font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);margin: var(--helix-space-none);text-align: center;}@media print {[part~="cell"] {outline: var(--helix-border-thin) solid var(--helix-color-border);outline-offset: calc(var(--helix-border-thin) * -1);}}@media (forced-colors: active) {[part~="cell"] {forced-color-adjust: none;outline: var(--helix-border-thin) solid CanvasText;outline-offset: calc(var(--helix-border-thin) * -1);}[part~="cell-active"] {outline: var(--helix-border-thick) solid Highlight;outline-offset: var(--helix-border-thin);}[part~="cell-selected"] {box-shadow: inset 0 0 0 var(--helix-border-thick) Highlight;}}`);
+export const styles = createSheet(`:host {--_heatmap-cell-width: var(--heatmap-cell-inline-size, var(--heatmap-cell-size, 0.75rem));--_heatmap-cell-height: var(--heatmap-cell-height, var(--heatmap-cell-size, 0.75rem));--heatmap-tone-accent: var(--helix-color-accent);--heatmap-tone-danger: var(--helix-color-danger);--heatmap-tone-info: var(--helix-color-info);--heatmap-tone-muted: var(--helix-color-surface-sunken);--heatmap-tone-primary: var(--helix-color-primary);--heatmap-tone-success: var(--helix-color-success);--heatmap-tone-warning: var(--helix-color-warning);--heatmap-tone-1: color-mix(in oklab, var(--helix-color-primary-active) 20%, var(--helix-color-surface-sunken));--heatmap-tone-2: color-mix(in oklab, var(--helix-color-primary-active) 40%, var(--helix-color-surface-sunken));--heatmap-tone-3: color-mix(in oklab, var(--helix-color-primary-active) 60%, var(--helix-color-surface-sunken));--heatmap-tone-4: color-mix(in oklab, var(--helix-color-primary-active) 80%, var(--helix-color-surface-sunken));--heatmap-tone-5: var(--helix-color-primary-active);display: grid;grid-template-columns: minmax(0, max-content)}[part~="strip"] {display: grid;gap: var(--heatmap-gap, var(--helix-space-2xs));grid-auto-columns: var(--_heatmap-cell-width);grid-auto-flow: column;grid-template-rows: repeat(var(--heatmap-rows, 1), var(--_heatmap-cell-height));justify-content: start;position: relative}[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)}[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"] {display: block;font-weight: var(--helix-weight-medium);opacity: 0.72}[part~="tooltip-cell"] {align-items: baseline;display: flex;gap: var(--helix-space-sm);justify-content: space-between}[part="tooltip-name"] {opacity: 0.72}[part="tooltip-value"] {font-variant-numeric: tabular-nums;font-weight: var(--helix-weight-medium)}@media (hover: 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 {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~="cell-selected"] {box-shadow: inset 0 0 0 var(--heatmap-selected-width, var(--helix-border-thick)) var(--heatmap-selected-color, var(--helix-color-primary))}[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"], [part="overview"], [part="selection"], [part="table"] {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);display: grid;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);gap: var(--helix-space-xs);grid-template-columns: auto minmax(0, 1fr) auto;padding-block-start: var(--helix-space-xs)}[part="summary"] {text-align: center}[part="end"] {text-align: end}[part="footer"][data-empty] {display: none}[part="empty"], [part="loading"] {color: var(--helix-color-foreground-subtle);font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);margin: var(--helix-space-none);text-align: center}@media print {[part~="cell"] {outline: var(--helix-border-thin) solid var(--helix-color-border);outline-offset: calc(var(--helix-border-thin) * -1)}}@media (forced-colors: active) {[part~="cell"] {forced-color-adjust: none;outline: var(--helix-border-thin) solid CanvasText;outline-offset: calc(var(--helix-border-thin) * -1)}[part~="cell-active"] {outline: var(--helix-border-thick) solid Highlight;outline-offset: var(--helix-border-thin)}[part~="cell-selected"] {box-shadow: inset 0 0 0 var(--helix-border-thick) Highlight}}`);

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

@@ -1,9 +1,4 @@
-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 { __decorate } from "tslib";
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessHeatmap } from '@fusion.dev/helix-headless/heatmap';
 import { styles } from './heatmap-root.css.js';

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

@@ -1,9 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {block-size: var(--icon-size, var(--helix-size-icon));display: inline-flex;flex: 0 0 auto;inline-size: var(--icon-size, var(--helix-size-icon));}[part="svg"] {block-size: 100%;inline-size: 100%;rotate: var(--icon-rotate, none);}:host([auto-width]) {inline-size: auto;}:host([auto-width]) [part="svg"] {inline-size: auto;}:host([rotate="90"]) [part="svg"] {rotate: 90deg;}:host([rotate="180"]) [part="svg"] {rotate: 180deg;}:host([rotate="270"]) [part="svg"] {rotate: 270deg;}:host([flip="x"]) [part="svg"] {transform: scale(-1, 1);}:host([flip="y"]) [part="svg"] {transform: scale(1, -1);}:host([flip="both"]) [part="svg"] {transform: scale(-1, -1);}:host([animation="spin"]) {animation: helix-icon-spin var(--icon-animation-duration, calc(var(--helix-duration-slow) * 3))
-linear infinite;}:host([animation="pulse"]) {animation: helix-icon-pulse var(--icon-animation-duration, calc(var(--helix-duration-slow) * 6))
-ease-in-out infinite;}:host([animation="beat"]) {animation: helix-icon-beat var(--icon-animation-duration, calc(var(--helix-duration-slow) * 3))
-ease-in-out infinite;}@keyframes helix-icon-spin {to {rotate: 1turn;}}@keyframes helix-icon-pulse {50% {opacity: 0.4;}}@keyframes helix-icon-beat {0%,
-60%,
-100% {scale: 1;}30% {scale: 1.2;}}@media (prefers-reduced-motion: reduce) {:host([animation="spin"]),
-:host([animation="pulse"]),
-:host([animation="beat"]) {animation: none;}}@media print {:host {print-color-adjust: economy;}}`);
+export const styles = createSheet(`:host {block-size: var(--icon-size, var(--helix-size-icon));display: inline-flex;flex: 0 0 auto;inline-size: var(--icon-size, var(--helix-size-icon))}[part="svg"] {block-size: 100%;inline-size: 100%;rotate: var(--icon-rotate, none)}:host([auto-width]) {inline-size: auto}:host([auto-width]) [part="svg"] {inline-size: auto}:host([rotate="90"]) [part="svg"] {rotate: 90deg}:host([rotate="180"]) [part="svg"] {rotate: 180deg}:host([rotate="270"]) [part="svg"] {rotate: 270deg}:host([flip="x"]) [part="svg"] {transform: scale(-1, 1)}:host([flip="y"]) [part="svg"] {transform: scale(1, -1)}:host([flip="both"]) [part="svg"] {transform: scale(-1, -1)}:host([animation="spin"]) {animation: helix-icon-spin var(--icon-animation-duration, calc(var(--helix-duration-slow) * 3)) linear infinite}:host([animation="pulse"]) {animation: helix-icon-pulse var(--icon-animation-duration, calc(var(--helix-duration-slow) * 6)) ease-in-out infinite}:host([animation="beat"]) {animation: helix-icon-beat var(--icon-animation-duration, calc(var(--helix-duration-slow) * 3)) ease-in-out infinite}@keyframes helix-icon-spin {to {rotate: 1turn}}@keyframes helix-icon-pulse {50% {opacity: 0.4}}@keyframes helix-icon-beat {0%, 60%, 100% {scale: 1}30% {scale: 1.2}}@media (prefers-reduced-motion: reduce) {:host([animation="spin"]), :host([animation="pulse"]), :host([animation="beat"]) {animation: none}}@media print {:host {print-color-adjust: economy}}`);

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

@@ -1,9 +1,4 @@
-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 { __decorate } from "tslib";
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessIcon } from '@fusion.dev/helix-headless/icon/root';
 import { property } from 'lit/decorators.js';

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

@@ -1,98 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {--_icon-button-size: var(--icon-button-size, var(--helix-size-control));display: inline-flex;}:host {--_icon-button-edge: var(--helix-color-border);--_icon-button-crawl: 4s;--_icon-button-turn: 0.8s;--_icon-button-ink: var(--helix-color-foreground-muted);--_icon-button-ink-hover: var(--helix-color-foreground);--_icon-button-fill: var(--_icon-button-tone);--_icon-button-fill-hover: var(--_icon-button-tone-hover);--_icon-button-on-tone: var(--helix-color-background);--_icon-button-tone: var(--helix-color-foreground);--_icon-button-tone-hover: color-mix(
-in oklab,
-var(--helix-color-foreground) 86%,
-var(--helix-color-background)
-);}:host([tone="primary"]) {--_icon-button-edge: var(--helix-color-primary);--_icon-button-ink: var(--helix-color-primary);--_icon-button-ink-hover: var(--helix-color-primary);--_icon-button-fill: var(--helix-color-primary-surface);--_icon-button-fill-hover: var(--helix-color-primary-surface-hover);--_icon-button-on-tone: var(--helix-color-foreground-on-primary);--_icon-button-tone: var(--helix-color-primary);--_icon-button-tone-hover: var(--helix-color-primary-hover);}:host([tone="accent"]) {--_icon-button-edge: var(--helix-color-accent);--_icon-button-ink: var(--helix-color-accent);--_icon-button-ink-hover: var(--helix-color-accent);--_icon-button-fill: var(--helix-color-accent-surface);--_icon-button-fill-hover: var(--helix-color-accent-surface-hover);--_icon-button-on-tone: var(--helix-color-foreground-on-accent);--_icon-button-tone: var(--helix-color-accent);--_icon-button-tone-hover: var(--helix-color-accent-hover);}:host([tone="danger"]) {--_icon-button-edge: var(--helix-color-danger);--_icon-button-ink: var(--helix-color-danger);--_icon-button-ink-hover: var(--helix-color-danger);--_icon-button-fill: var(--helix-color-danger-surface);--_icon-button-fill-hover: var(--helix-color-danger-surface-hover);--_icon-button-on-tone: var(--helix-color-foreground-on-status);--_icon-button-tone: var(--helix-color-danger);--_icon-button-tone-hover: color-mix(
-in oklab,
-var(--helix-color-danger) 86%,
-var(--helix-color-foreground)
-);}[part="button"] {align-items: center;background-color: var(
---_icon-button-pressed-fill,
-var(--icon-button-background-color, transparent)
-);block-size: var(--_icon-button-size);border: var(--helix-border-thin) solid transparent;border-end-end-radius: var(--button-radius-end, var(--icon-button-radius, var(--helix-radii-sm)));border-end-start-radius: var(
---button-radius-start,
-var(--icon-button-radius, var(--helix-radii-sm))
-);border-start-end-radius: var(
---button-radius-end,
-var(--icon-button-radius, var(--helix-radii-sm))
-);border-start-start-radius: var(
---button-radius-start,
-var(--icon-button-radius, var(--helix-radii-sm))
-);color: var(
---_icon-button-pressed-ink,
-var(--icon-button-foreground-color, var(--_icon-button-ink))
-);cursor: pointer;display: inline-flex;font: inherit;inline-size: var(--_icon-button-size);justify-content: center;padding: var(--helix-space-none);transition:
-background-color var(--helix-duration-fast) var(--helix-easing-standard),
-color var(--helix-duration-fast) var(--helix-easing-standard);}:host(:not(:disabled)) [part="button"]:hover {background-color: var(
---_icon-button-pressed-fill,
-var(
---icon-button-background-color-hover,
-var(
---icon-button-background-color,
-color-mix(in oklab, var(--_icon-button-tone) 8%, transparent)
-)
-)
-);color: var(
---_icon-button-pressed-ink,
-var(--icon-button-foreground-color, var(--_icon-button-ink-hover))
-);}:host(:not(:disabled)) [part="button"]:active {--_icon-button-pressed-fill: var(--icon-button-background-color-active);--_icon-button-pressed-ink: var(--icon-button-foreground-color-active);}:host([shape="circle"]) [part="button"] {border-radius: var(--helix-radii-full);}:host([raised]) [part="button"] {box-shadow: var(--icon-button-shadow, var(--helix-shadow-md));}:host([raised]:not(:disabled)) [part="button"]:hover {box-shadow: var(--icon-button-shadow, var(--helix-shadow-lg));}:host([raised]:not(:disabled)) [part="button"]:active {box-shadow: var(--icon-button-shadow, var(--helix-shadow-sm));}[part="button"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}:host([emphasis="solid"]) [part="button"] {background-color: var(
---_icon-button-pressed-fill,
-var(--icon-button-background-color, var(--_icon-button-fill))
-);border-color: transparent;color: var(
---_icon-button-pressed-ink,
-var(--icon-button-foreground-color, var(--_icon-button-on-tone))
-);}:host(:not(:disabled)[emphasis="solid"]) [part="button"]:hover {background-color: var(
---_icon-button-pressed-fill,
-var(
---icon-button-background-color-hover,
-var(--icon-button-background-color, var(--_icon-button-fill-hover))
-)
-);color: var(
---_icon-button-pressed-ink,
-var(--icon-button-foreground-color, var(--_icon-button-on-tone))
-);}:host([emphasis="outlined"]) [part="button"] {background-color: var(
---_icon-button-pressed-fill,
-var(
---icon-button-background-color,
-color-mix(in oklab, var(--_icon-button-tone) 6%, transparent)
-)
-);border-color: var(--_icon-button-edge);color: var(
---_icon-button-pressed-ink,
-var(--icon-button-foreground-color, var(--_icon-button-tone))
-);}:host(:not(:disabled)[emphasis="outlined"]) [part="button"]:hover {background-color: var(
---_icon-button-pressed-fill,
-var(
---icon-button-background-color-hover,
-var(
---icon-button-background-color,
-color-mix(in oklab, var(--_icon-button-tone) 12%, transparent)
-)
-)
-);color: var(
---_icon-button-pressed-ink,
-var(--icon-button-foreground-color, var(--_icon-button-tone))
-);}:host([emphasis="subtle"]) [part="button"] {background-color: var(
---_icon-button-pressed-fill,
-var(
---icon-button-background-color,
-color-mix(in oklab, var(--_icon-button-tone) 14%, transparent)
-)
-);border-color: transparent;color: var(
---_icon-button-pressed-ink,
-var(--icon-button-foreground-color, var(--_icon-button-tone))
-);}:host(:not(:disabled)[emphasis="subtle"]) [part="button"]:hover {background-color: var(
---_icon-button-pressed-fill,
-var(
---icon-button-background-color-hover,
-var(
---icon-button-background-color,
-color-mix(in oklab, var(--_icon-button-tone) 22%, transparent)
-)
-)
-);color: var(
---_icon-button-pressed-ink,
-var(--icon-button-foreground-color, var(--_icon-button-tone))
-);}:host(:disabled) [part="button"] {cursor: not-allowed;opacity: 0.5;}:host(:state(pending)) [part="button"] {cursor: progress;position: relative;}:host(:state(pending)) [part="button"] > :not([part="spinner"]) {visibility: hidden;}[part="spinner"] {animation: helix-icon-button-turn var(--icon-button-spinner-duration, var(--_icon-button-turn))
-linear infinite;block-size: var(--icon-button-spinner-size, 1.15em);border: var(--helix-border-thick) solid
-color-mix(in oklab, var(--icon-button-spinner-color, currentColor) 30%, transparent);border-block-start-color: var(--icon-button-spinner-color, currentColor);border-radius: var(--helix-radii-full);box-sizing: border-box;inline-size: var(--icon-button-spinner-size, 1.15em);inset: 0;margin: auto;position: absolute;}@keyframes helix-icon-button-turn {to {rotate: 1turn;}}@media (prefers-reduced-motion: reduce) {[part="spinner"] {animation-duration: var(--_icon-button-crawl);}}@media print {:host {display: none;}}`);
+export const styles = createSheet(`:host {--_icon-button-size: var(--icon-button-size, var(--helix-size-control));display: inline-flex}:host {--_icon-button-edge: var(--helix-color-border);--_icon-button-crawl: 4s;--_icon-button-turn: 0.8s;--_icon-button-ink: var(--helix-color-foreground-muted);--_icon-button-ink-hover: var(--helix-color-foreground);--_icon-button-fill: var(--_icon-button-tone);--_icon-button-fill-hover: var(--_icon-button-tone-hover);--_icon-button-on-tone: var(--helix-color-background);--_icon-button-tone: var(--helix-color-foreground);--_icon-button-tone-hover: color-mix(in oklab, var(--helix-color-foreground) 86%, var(--helix-color-background))}:host([tone="primary"]) {--_icon-button-edge: var(--helix-color-primary);--_icon-button-ink: var(--helix-color-primary);--_icon-button-ink-hover: var(--helix-color-primary);--_icon-button-fill: var(--helix-color-primary-surface);--_icon-button-fill-hover: var(--helix-color-primary-surface-hover);--_icon-button-on-tone: var(--helix-color-foreground-on-primary);--_icon-button-tone: var(--helix-color-primary);--_icon-button-tone-hover: var(--helix-color-primary-hover)}:host([tone="accent"]) {--_icon-button-edge: var(--helix-color-accent);--_icon-button-ink: var(--helix-color-accent);--_icon-button-ink-hover: var(--helix-color-accent);--_icon-button-fill: var(--helix-color-accent-surface);--_icon-button-fill-hover: var(--helix-color-accent-surface-hover);--_icon-button-on-tone: var(--helix-color-foreground-on-accent);--_icon-button-tone: var(--helix-color-accent);--_icon-button-tone-hover: var(--helix-color-accent-hover)}:host([tone="danger"]) {--_icon-button-edge: var(--helix-color-danger);--_icon-button-ink: var(--helix-color-danger);--_icon-button-ink-hover: var(--helix-color-danger);--_icon-button-fill: var(--helix-color-danger-surface);--_icon-button-fill-hover: var(--helix-color-danger-surface-hover);--_icon-button-on-tone: var(--helix-color-foreground-on-status);--_icon-button-tone: var(--helix-color-danger);--_icon-button-tone-hover: color-mix(in oklab, var(--helix-color-danger) 86%, var(--helix-color-foreground))}[part="button"] {align-items: center;background-color: var(--_icon-button-pressed-fill, var(--icon-button-background-color, transparent));block-size: var(--_icon-button-size);border: var(--helix-border-thin) solid transparent;border-end-end-radius: var(--button-radius-end, var(--icon-button-radius, var(--helix-radii-sm)));border-end-start-radius: var(--button-radius-start, var(--icon-button-radius, var(--helix-radii-sm)));border-start-end-radius: var(--button-radius-end, var(--icon-button-radius, var(--helix-radii-sm)));border-start-start-radius: var(--button-radius-start, var(--icon-button-radius, var(--helix-radii-sm)));color: var(--_icon-button-pressed-ink, var(--icon-button-foreground-color, var(--_icon-button-ink)));cursor: pointer;display: inline-flex;font: inherit;inline-size: var(--_icon-button-size);justify-content: center;padding: var(--helix-space-none);transition: background-color var(--helix-duration-fast) var(--helix-easing-standard), color var(--helix-duration-fast) var(--helix-easing-standard)}:host(:not(:disabled)) [part="button"]:hover {background-color: var(--_icon-button-pressed-fill, var(--icon-button-background-color-hover, var(--icon-button-background-color, color-mix(in oklab, var(--_icon-button-tone) 8%, transparent))));color: var(--_icon-button-pressed-ink, var(--icon-button-foreground-color, var(--_icon-button-ink-hover)))}:host(:not(:disabled)) [part="button"]:active {--_icon-button-pressed-fill: var(--icon-button-background-color-active);--_icon-button-pressed-ink: var(--icon-button-foreground-color-active)}:host([shape="circle"]) [part="button"] {border-radius: var(--helix-radii-full)}:host([raised]) [part="button"] {box-shadow: var(--icon-button-shadow, var(--helix-shadow-md))}:host([raised]:not(:disabled)) [part="button"]:hover {box-shadow: var(--icon-button-shadow, var(--helix-shadow-lg))}:host([raised]:not(:disabled)) [part="button"]:active {box-shadow: var(--icon-button-shadow, var(--helix-shadow-sm))}[part="button"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}:host([emphasis="solid"]) [part="button"] {background-color: var(--_icon-button-pressed-fill, var(--icon-button-background-color, var(--_icon-button-fill)));border-color: transparent;color: var(--_icon-button-pressed-ink, var(--icon-button-foreground-color, var(--_icon-button-on-tone)))}:host(:not(:disabled)[emphasis="solid"]) [part="button"]:hover {background-color: var(--_icon-button-pressed-fill, var(--icon-button-background-color-hover, var(--icon-button-background-color, var(--_icon-button-fill-hover))));color: var(--_icon-button-pressed-ink, var(--icon-button-foreground-color, var(--_icon-button-on-tone)))}:host([emphasis="outlined"]) [part="button"] {background-color: var(--_icon-button-pressed-fill, var(--icon-button-background-color, color-mix(in oklab, var(--_icon-button-tone) 6%, transparent)));border-color: var(--_icon-button-edge);color: var(--_icon-button-pressed-ink, var(--icon-button-foreground-color, var(--_icon-button-tone)))}:host(:not(:disabled)[emphasis="outlined"]) [part="button"]:hover {background-color: var(--_icon-button-pressed-fill, var(--icon-button-background-color-hover, var(--icon-button-background-color, color-mix(in oklab, var(--_icon-button-tone) 12%, transparent))));color: var(--_icon-button-pressed-ink, var(--icon-button-foreground-color, var(--_icon-button-tone)))}:host([emphasis="subtle"]) [part="button"] {background-color: var(--_icon-button-pressed-fill, var(--icon-button-background-color, color-mix(in oklab, var(--_icon-button-tone) 14%, transparent)));border-color: transparent;color: var(--_icon-button-pressed-ink, var(--icon-button-foreground-color, var(--_icon-button-tone)))}:host(:not(:disabled)[emphasis="subtle"]) [part="button"]:hover {background-color: var(--_icon-button-pressed-fill, var(--icon-button-background-color-hover, var(--icon-button-background-color, color-mix(in oklab, var(--_icon-button-tone) 22%, transparent))));color: var(--_icon-button-pressed-ink, var(--icon-button-foreground-color, var(--_icon-button-tone)))}:host(:disabled) [part="button"] {cursor: not-allowed;opacity: 0.5}:host(:state(pending)) [part="button"] {cursor: progress;position: relative}:host(:state(pending)) [part="button"] > :not([part="spinner"]) {visibility: hidden}[part="spinner"] {animation: helix-icon-button-turn var(--icon-button-spinner-duration, var(--_icon-button-turn)) linear infinite;block-size: var(--icon-button-spinner-size, 1.15em);border: var(--helix-border-thick) solid color-mix(in oklab, var(--icon-button-spinner-color, currentColor) 30%, transparent);border-block-start-color: var(--icon-button-spinner-color, currentColor);border-radius: var(--helix-radii-full);box-sizing: border-box;inline-size: var(--icon-button-spinner-size, 1.15em);inset: 0;margin: auto;position: absolute}@keyframes helix-icon-button-turn {to {rotate: 1turn}}@media (prefers-reduced-motion: reduce) {[part="spinner"] {animation-duration: var(--_icon-button-crawl)}}@media print {:host {display: none}}`);

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

@@ -1,9 +1,4 @@
-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 { __decorate } from "tslib";
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessIconButton } from '@fusion.dev/helix-headless/icon-button';
 import { property } from 'lit/decorators.js';

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

@@ -1,8 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {aspect-ratio: var(--image-aspect, auto);display: block;overflow: hidden;position: relative;}:host([shape="rounded"]) {border-radius: var(--image-radius, var(--helix-radii-md));}[part="image"] {block-size: 100%;display: block;inline-size: 100%;object-fit: var(--image-fit, cover);object-position: var(--image-position, center);}:host([data-status="error"]) [part="image"] {opacity: 0;}[part="placeholder"],
-[part="fallback"] {align-items: center;display: flex;inset: 0;justify-content: center;position: absolute;}:host [part="placeholder"][hidden],
-:host [part="fallback"][hidden] {display: none;}[part="placeholder"] {background-color: var(--image-placeholder-color, var(--helix-color-surface-sunken));}[part="placeholder"] ::slotted(*) {block-size: 100%;inline-size: 100%;}[part="fallback"] {background-color: var(
---image-fallback-background-color,
-var(--image-placeholder-color, var(--helix-color-surface-sunken))
-);color: var(--image-fallback-color, var(--helix-color-foreground-subtle));}[part="image"] {opacity: 0;transition: opacity var(--image-fade-duration, var(--helix-duration-normal))
-var(--helix-easing-standard);}:host([data-status="loaded"]) [part="image"] {opacity: 1;}@media print {:host {print-color-adjust: economy;}}`);
+export const styles = createSheet(`:host {aspect-ratio: var(--image-aspect, auto);display: block;overflow: hidden;position: relative}:host([shape="rounded"]) {border-radius: var(--image-radius, var(--helix-radii-md))}[part="image"] {block-size: 100%;display: block;inline-size: 100%;object-fit: var(--image-fit, cover);object-position: var(--image-position, center)}:host([data-status="error"]) [part="image"] {opacity: 0}[part="placeholder"], [part="fallback"] {align-items: center;display: flex;inset: 0;justify-content: center;position: absolute}:host [part="placeholder"][hidden], :host [part="fallback"][hidden] {display: none}[part="placeholder"] {background-color: var(--image-placeholder-color, var(--helix-color-surface-sunken))}[part="placeholder"] ::slotted(*) {block-size: 100%;inline-size: 100%}[part="fallback"] {background-color: var(--image-fallback-background-color, var(--image-placeholder-color, var(--helix-color-surface-sunken)));color: var(--image-fallback-color, var(--helix-color-foreground-subtle))}[part="image"] {opacity: 0;transition: opacity var(--image-fade-duration, var(--helix-duration-normal)) var(--helix-easing-standard)}:host([data-status="loaded"]) [part="image"] {opacity: 1}@media print {:host {print-color-adjust: economy}}`);

package/dist/image/root/image-root.js

@@ -1,9 +1,4 @@
-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 { __decorate } from "tslib";
 import { customElement } from '@fusion.dev/helix-core';
 import { HelixHeadlessImage } from '@fusion.dev/helix-headless/image';
 import { property } from 'lit/decorators.js';