@fusion.dev/helix 0.182.1 → 0.183.0

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

@@ -1,47 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: inline-flex;min-inline-size: var(--button-inline-size, auto);max-inline-size: 100%;}:host {--_button-edge: var(--helix-color-border);--_button-fill: var(--_button-tone);--_button-fill-hover: var(--_button-tone-hover);--_button-on-tone: var(--helix-color-background);--_button-tone: var(--helix-color-foreground);--_button-crawl: 4s;--_button-turn: 0.8s;--_button-tone-hover: color-mix(
-in oklab,
-var(--helix-color-foreground) 86%,
-var(--helix-color-background)
-);}:host([tone="primary"]) {--_button-edge: var(--helix-color-primary);--_button-fill: var(--helix-color-primary-surface);--_button-fill-hover: var(--helix-color-primary-surface-hover);--_button-on-tone: var(--helix-color-foreground-on-primary);--_button-tone: var(--helix-color-primary);--_button-tone-hover: var(--helix-color-primary-hover);}:host([tone="accent"]) {--_button-edge: var(--helix-color-accent);--_button-fill: var(--helix-color-accent-surface);--_button-fill-hover: var(--helix-color-accent-surface-hover);--_button-on-tone: var(--helix-color-foreground-on-accent);--_button-tone: var(--helix-color-accent);--_button-tone-hover: var(--helix-color-accent-hover);}:host([tone="danger"]) {--_button-edge: var(--helix-color-danger);--_button-fill: var(--helix-color-danger-surface);--_button-fill-hover: var(--helix-color-danger-surface-hover);--_button-on-tone: var(--helix-color-foreground-on-status);--_button-tone: var(--helix-color-danger);--_button-tone-hover: color-mix(
-in oklab,
-var(--helix-color-danger) 86%,
-var(--helix-color-foreground)
-);}[part="button"] {all: unset;align-items: center;background-color: var(
---button-background-color,
-color-mix(in oklab, var(--_button-tone) 6%, transparent)
-);block-size: var(--button-size, var(--helix-size-control));border: var(--helix-border-thin) solid var(--button-border-color, var(--_button-edge));box-sizing: border-box;color: var(--button-foreground-color, var(--_button-tone));cursor: pointer;display: inline-flex;font-family: var(--helix-font-sans);font-size: var(--helix-text-control);font-weight: var(--helix-weight-medium);gap: var(--button-gap, var(--helix-space-xs));inline-size: 100%;justify-content: center;letter-spacing: var(--helix-tracking-normal);line-height: var(--helix-leading-tight);padding-inline: var(--button-padding-inline, var(--helix-space-control));text-decoration: none;transition:
-background-color var(--helix-duration-fast) var(--helix-easing-standard),
-border-color var(--helix-duration-fast) var(--helix-easing-standard),
-color var(--helix-duration-fast) var(--helix-easing-standard);white-space: nowrap;}[part="button"] {border-end-end-radius: var(
---button-radius-end-end,
-var(--button-radius-end, var(--button-radius, var(--helix-radii-sm)))
-);border-end-start-radius: var(
---button-radius-end-start,
-var(--button-radius-start, var(--button-radius, var(--helix-radii-sm)))
-);border-start-end-radius: var(
---button-radius-start-end,
-var(--button-radius-end, var(--button-radius, var(--helix-radii-sm)))
-);border-start-start-radius: var(
---button-radius-start-start,
-var(--button-radius-start, var(--button-radius, var(--helix-radii-sm)))
-);}:host(:not(:disabled)) [part="button"]:hover {background-color: var(
---button-background-color-hover,
-var(--button-background-color, color-mix(in oklab, var(--_button-tone) 12%, transparent))
-);}[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(--button-background-color, var(--_button-fill));border-color: transparent;color: var(--button-foreground-color, var(--_button-on-tone));}:host(:not(:disabled)[emphasis="solid"]) [part="button"]:hover {background-color: var(
---button-background-color-hover,
-var(--button-background-color, var(--_button-fill-hover))
-);border-color: transparent;}:host([emphasis="subtle"]) [part="button"] {background-color: var(
---button-background-color,
-color-mix(in oklab, var(--_button-tone) 14%, transparent)
-);border-color: transparent;color: var(
---button-foreground-color,
-color-mix(in oklab, var(--_button-tone) 78%, var(--helix-color-foreground))
-);}:host(:not(:disabled)[emphasis="subtle"]) [part="button"]:hover {background-color: var(
---button-background-color-hover,
-var(--button-background-color, color-mix(in oklab, var(--_button-tone) 22%, transparent))
-);border-color: transparent;}:host([emphasis="ghost"]) [part="button"] {background-color: var(--button-background-color, transparent);border-color: transparent;color: var(--button-foreground-color, var(--_button-tone));}:host(:not(:disabled)[emphasis="ghost"]) [part="button"]:hover {background-color: var(
---button-background-color-hover,
-var(--button-background-color, color-mix(in oklab, var(--_button-tone) 8%, transparent))
-);border-color: transparent;}:host([width="full"]) {display: flex;inline-size: 100%;}:host(:disabled) [part="button"] {cursor: not-allowed;opacity: 0.5;}@supports (text-box: trim-both cap alphabetic) {slot:not([name]) {display: block;padding-block: var(--helix-space-2xs);text-box: trim-both cap alphabetic;}}[part="button"] ::slotted(helix-icon) {--icon-size: 1.15em;}:host(:state(pending)) [part="button"] {cursor: progress;position: relative;}:host(:state(pending)) [part="button"] > slot {visibility: hidden;}[part="spinner"] {animation: helix-button-turn var(--button-spinner-duration, var(--_button-turn)) linear infinite;block-size: var(--button-spinner-size, 1.15em);border: var(--helix-border-thick) solid
-color-mix(in oklab, var(--button-spinner-color, currentColor) 30%, transparent);border-block-start-color: var(--button-spinner-color, currentColor);border-radius: var(--helix-radii-full);box-sizing: border-box;inline-size: var(--button-spinner-size, 1.15em);inset: 0;margin: auto;position: absolute;}@keyframes helix-button-turn {to {rotate: 1turn;}}@media (prefers-reduced-motion: reduce) {[part="spinner"] {animation-duration: var(--_button-crawl);}}@media print {:host {display: none;}}`);
+export const styles = createSheet(`:host {display: inline-flex;min-inline-size: var(--button-inline-size, auto);max-inline-size: 100%}:host {--_button-edge: var(--helix-color-border);--_button-fill: var(--_button-tone);--_button-fill-hover: var(--_button-tone-hover);--_button-on-tone: var(--helix-color-background);--_button-tone: var(--helix-color-foreground);--_button-crawl: 4s;--_button-turn: 0.8s;--_button-tone-hover: color-mix(in oklab, var(--helix-color-foreground) 86%, var(--helix-color-background))}:host([tone="primary"]) {--_button-edge: var(--helix-color-primary);--_button-fill: var(--helix-color-primary-surface);--_button-fill-hover: var(--helix-color-primary-surface-hover);--_button-on-tone: var(--helix-color-foreground-on-primary);--_button-tone: var(--helix-color-primary);--_button-tone-hover: var(--helix-color-primary-hover)}:host([tone="accent"]) {--_button-edge: var(--helix-color-accent);--_button-fill: var(--helix-color-accent-surface);--_button-fill-hover: var(--helix-color-accent-surface-hover);--_button-on-tone: var(--helix-color-foreground-on-accent);--_button-tone: var(--helix-color-accent);--_button-tone-hover: var(--helix-color-accent-hover)}:host([tone="danger"]) {--_button-edge: var(--helix-color-danger);--_button-fill: var(--helix-color-danger-surface);--_button-fill-hover: var(--helix-color-danger-surface-hover);--_button-on-tone: var(--helix-color-foreground-on-status);--_button-tone: var(--helix-color-danger);--_button-tone-hover: color-mix(in oklab, var(--helix-color-danger) 86%, var(--helix-color-foreground))}[part="button"] {all: unset;align-items: center;background-color: var(--button-background-color, color-mix(in oklab, var(--_button-tone) 6%, transparent));block-size: var(--button-size, var(--helix-size-control));border: var(--helix-border-thin) solid var(--button-border-color, var(--_button-edge));box-sizing: border-box;color: var(--button-foreground-color, var(--_button-tone));cursor: pointer;display: inline-flex;font-family: var(--helix-font-sans);font-size: var(--helix-text-control);font-weight: var(--helix-weight-medium);gap: var(--button-gap, var(--helix-space-xs));inline-size: 100%;justify-content: center;letter-spacing: var(--helix-tracking-normal);line-height: var(--helix-leading-tight);padding-inline: var(--button-padding-inline, var(--helix-space-control));text-decoration: none;transition: background-color var(--helix-duration-fast) var(--helix-easing-standard), border-color var(--helix-duration-fast) var(--helix-easing-standard), color var(--helix-duration-fast) var(--helix-easing-standard);white-space: nowrap}[part="button"] {border-end-end-radius: var(--button-radius-end-end, var(--button-radius-end, var(--button-radius, var(--helix-radii-sm))));border-end-start-radius: var(--button-radius-end-start, var(--button-radius-start, var(--button-radius, var(--helix-radii-sm))));border-start-end-radius: var(--button-radius-start-end, var(--button-radius-end, var(--button-radius, var(--helix-radii-sm))));border-start-start-radius: var(--button-radius-start-start, var(--button-radius-start, var(--button-radius, var(--helix-radii-sm))))}:host(:not(:disabled)) [part="button"]:hover {background-color: var(--button-background-color-hover, var(--button-background-color, color-mix(in oklab, var(--_button-tone) 12%, transparent)))}[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(--button-background-color, var(--_button-fill));border-color: transparent;color: var(--button-foreground-color, var(--_button-on-tone))}:host(:not(:disabled)[emphasis="solid"]) [part="button"]:hover {background-color: var(--button-background-color-hover, var(--button-background-color, var(--_button-fill-hover)));border-color: transparent}:host([emphasis="subtle"]) [part="button"] {background-color: var(--button-background-color, color-mix(in oklab, var(--_button-tone) 14%, transparent));border-color: transparent;color: var(--button-foreground-color, color-mix(in oklab, var(--_button-tone) 78%, var(--helix-color-foreground)))}:host(:not(:disabled)[emphasis="subtle"]) [part="button"]:hover {background-color: var(--button-background-color-hover, var(--button-background-color, color-mix(in oklab, var(--_button-tone) 22%, transparent)));border-color: transparent}:host([emphasis="ghost"]) [part="button"] {background-color: var(--button-background-color, transparent);border-color: transparent;color: var(--button-foreground-color, var(--_button-tone))}:host(:not(:disabled)[emphasis="ghost"]) [part="button"]:hover {background-color: var(--button-background-color-hover, var(--button-background-color, color-mix(in oklab, var(--_button-tone) 8%, transparent)));border-color: transparent}:host([width="full"]) {display: flex;inline-size: 100%}:host(:disabled) [part="button"] {cursor: not-allowed;opacity: 0.5}@supports (text-box: trim-both cap alphabetic) {slot:not([name]) {display: block;padding-block: var(--helix-space-2xs);text-box: trim-both cap alphabetic}}[part="button"] ::slotted(helix-icon) {--icon-size: 1.15em}:host(:state(pending)) [part="button"] {cursor: progress;position: relative}:host(:state(pending)) [part="button"] > slot {visibility: hidden}[part="spinner"] {animation: helix-button-turn var(--button-spinner-duration, var(--_button-turn)) linear infinite;block-size: var(--button-spinner-size, 1.15em);border: var(--helix-border-thick) solid color-mix(in oklab, var(--button-spinner-color, currentColor) 30%, transparent);border-block-start-color: var(--button-spinner-color, currentColor);border-radius: var(--helix-radii-full);box-sizing: border-box;inline-size: var(--button-spinner-size, 1.15em);inset: 0;margin: auto;position: absolute}@keyframes helix-button-turn {to {rotate: 1turn}}@media (prefers-reduced-motion: reduce) {[part="spinner"] {animation-duration: var(--_button-crawl)}}@media print {:host {display: none}}`);

package/dist/button/root/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 { HelixHeadlessButton } from '@fusion.dev/helix-headless/button';
 import { property } from 'lit/decorators.js';

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

@@ -1,12 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: inline-flex;}:host([size="sm"]) {--helix-size-control-tight: calc(var(--helix-size-control) * 0.8);--helix-size-control-loose: calc(var(--helix-size-control) * 1.2);--helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);--helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);--helix-size-control: var(--helix-size-control-sm);--helix-size-icon: var(--helix-size-icon-sm);--helix-space-control: var(--helix-space-sm);--helix-text-control: var(--helix-text-xs);}:host([size="md"]) {--helix-size-control-tight: calc(var(--helix-size-control) * 0.8);--helix-size-control-loose: calc(var(--helix-size-control) * 1.2);--helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);--helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);--helix-size-control: var(--helix-size-control-md);--helix-size-icon: var(--helix-size-icon-md);--helix-space-control: var(--helix-space-md);--helix-text-control: var(--helix-text-sm);}:host([size="lg"]) {--helix-size-control-tight: calc(var(--helix-size-control) * 0.8);--helix-size-control-loose: calc(var(--helix-size-control) * 1.2);--helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);--helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);--helix-size-control: var(--helix-size-control-lg);--helix-size-icon: var(--helix-size-icon-lg);--helix-space-control: var(--helix-space-lg);--helix-text-control: var(--helix-text-md);}:host([size]) ::slotted(button) {block-size: var(--helix-size-control);font-size: var(--helix-text-control);}:host([selection-mode]) {--_button-group-pressed-background: var(
---button-group-pressed-background-color,
-var(--helix-color-foreground)
-);--_button-group-pressed-border: var(
---button-group-pressed-border-color,
-var(--_button-group-pressed-background)
-);--_button-group-pressed-foreground: var(
---button-group-pressed-color,
-var(--helix-color-background)
-);}:host(:not([variant="spaced"])) ::slotted(*:not(:first-child)) {margin-inline-start: calc(var(--helix-border-thin) * -1);}:host(:not([variant="spaced"])) ::slotted(*:not(:first-child)) {--button-radius-start: 0;}:host(:not([variant="spaced"])) ::slotted(*:not(:last-child)) {--button-radius-end: 0;}:host([orientation="vertical"]) {align-items: stretch;flex-direction: column;}:host([orientation="vertical"]:not([variant="spaced"])) ::slotted(*:not(:first-child)) {--button-radius-start-start: 0;--button-radius-start-end: 0;--button-radius-start: var(--button-radius, var(--helix-radii-sm));margin-block-start: calc(var(--helix-border-thin) * -1);margin-inline-start: 0;}:host([orientation="vertical"]:not([variant="spaced"])) ::slotted(*:not(:last-child)) {--button-radius-end-end: 0;--button-radius-end-start: 0;--button-radius-end: var(--button-radius, var(--helix-radii-sm));}::slotted(*:hover),
-::slotted(*:focus-within) {position: relative;z-index: var(--helix-layer-raised);}:host([variant="spaced"]) {gap: var(--button-group-gap, var(--helix-space-xs));}@media print {:host {display: none;}}`);
+export const styles = createSheet(`:host {display: inline-flex}:host([size="sm"]) {--helix-size-control-tight: calc(var(--helix-size-control) * 0.8);--helix-size-control-loose: calc(var(--helix-size-control) * 1.2);--helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);--helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);--helix-size-control: var(--helix-size-control-sm);--helix-size-icon: var(--helix-size-icon-sm);--helix-space-control: var(--helix-space-sm);--helix-text-control: var(--helix-text-xs)}:host([size="md"]) {--helix-size-control-tight: calc(var(--helix-size-control) * 0.8);--helix-size-control-loose: calc(var(--helix-size-control) * 1.2);--helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);--helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);--helix-size-control: var(--helix-size-control-md);--helix-size-icon: var(--helix-size-icon-md);--helix-space-control: var(--helix-space-md);--helix-text-control: var(--helix-text-sm)}:host([size="lg"]) {--helix-size-control-tight: calc(var(--helix-size-control) * 0.8);--helix-size-control-loose: calc(var(--helix-size-control) * 1.2);--helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);--helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);--helix-size-control: var(--helix-size-control-lg);--helix-size-icon: var(--helix-size-icon-lg);--helix-space-control: var(--helix-space-lg);--helix-text-control: var(--helix-text-md)}:host([size]) ::slotted(button) {block-size: var(--helix-size-control);font-size: var(--helix-text-control)}:host([selection-mode]) {--_button-group-pressed-background: var(--button-group-pressed-background-color, var(--helix-color-foreground));--_button-group-pressed-border: var(--button-group-pressed-border-color, var(--_button-group-pressed-background));--_button-group-pressed-foreground: var(--button-group-pressed-color, var(--helix-color-background))}:host(:not([variant="spaced"])) ::slotted(*:not(:first-child)) {margin-inline-start: calc(var(--helix-border-thin) * -1)}:host(:not([variant="spaced"])) ::slotted(*:not(:first-child)) {--button-radius-start: 0}:host(:not([variant="spaced"])) ::slotted(*:not(:last-child)) {--button-radius-end: 0}:host([orientation="vertical"]) {align-items: stretch;flex-direction: column}:host([orientation="vertical"]:not([variant="spaced"])) ::slotted(*:not(:first-child)) {--button-radius-start-start: 0;--button-radius-start-end: 0;--button-radius-start: var(--button-radius, var(--helix-radii-sm));margin-block-start: calc(var(--helix-border-thin) * -1);margin-inline-start: 0}:host([orientation="vertical"]:not([variant="spaced"])) ::slotted(*:not(:last-child)) {--button-radius-end-end: 0;--button-radius-end-start: 0;--button-radius-end: var(--button-radius, var(--helix-radii-sm))}::slotted(*:hover), ::slotted(*:focus-within) {position: relative;z-index: var(--helix-layer-raised)}:host([variant="spaced"]) {gap: var(--button-group-gap, var(--helix-space-xs))}@media print {:host {display: none}}`);

package/dist/button-group/root/button-group-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 { HelixHeadlessButtonGroup } from '@fusion.dev/helix-headless/button-group';
 import { property } from 'lit/decorators.js';

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

@@ -1,11 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {--_callout-tone: var(--helix-color-info);--_callout-color: var(--callout-accent-color, var(--_callout-tone));--_callout-bar: var(--callout-bar-thickness, var(--helix-border-thick));--_callout-inset: var(--callout-padding, var(--helix-space-control));font-size: var(--callout-font-size, var(--helix-text-control));background-color: var(
---callout-background-color,
-color-mix(in oklab, var(--_callout-color) 10%, transparent)
-);overflow: hidden;position: relative;border-radius: var(--callout-radius, var(--helix-radii-sm));color: var(--helix-color-foreground);display: flex;gap: var(--callout-gap, var(--helix-space-sm));padding: var(--_callout-inset);padding-inline-start: calc(var(--_callout-inset) + var(--_callout-bar));}:host::before {background-color: var(--_callout-color);content: "";inline-size: var(--_callout-bar);inset-block: 0;inset-inline-start: 0;position: absolute;}:host([tone="neutral"]) {--_callout-tone: var(--helix-color-foreground-muted);}:host([tone="success"]) {--_callout-tone: var(--helix-color-success);}:host([tone="warning"]) {--_callout-tone: var(--helix-color-warning);}:host([tone="danger"]) {--_callout-tone: var(--helix-color-danger);}:host([separation="outlined"]) {background-color: var(--callout-background-color, transparent);box-shadow: inset 0 0 0 var(--helix-border-thin)
-color-mix(in oklab, var(--_callout-color) 45%, var(--helix-color-background));}:host([separation="plain"]) {background-color: var(--callout-background-color, transparent);}[part="icon"] {color: var(--_callout-color);display: inline-flex;flex: 0 0 auto;}[part="icon"] svg {block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);}slot[name="icon"]::slotted(*) {--icon-size: var(--helix-size-icon);block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);}[part="content"] {line-height: var(--helix-leading-normal);min-inline-size: 0;}[part="dismiss"] {all: unset;box-sizing: border-box;block-size: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;flex: 0 0 auto;inline-size: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2);margin-block: calc(var(--helix-space-2xs) * -1);margin-inline: auto calc(var(--helix-space-2xs) * -1);place-content: center;place-items: center;transition:
-background-color var(--helix-duration-fast) var(--helix-easing-standard),
-color var(--helix-duration-fast) var(--helix-easing-standard);}[part="dismiss"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, 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);}[part="dismiss"] svg,
-slot[name="dismiss-icon"]::slotted(*) {--icon-size: var(--helix-size-icon);block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);}:host(:state(exiting)) {opacity: 0;transition: opacity var(--helix-duration-normal) var(--helix-easing-accelerate);}:host(:state(entering)) {transition: opacity var(--helix-duration-normal) var(--helix-easing-decelerate);}@starting-style {:host(:state(entering)) {opacity: 0;}}@media (prefers-reduced-motion: reduce) {[part="dismiss"],
-:host(:state(exiting)),
-:host(:state(entering)) {transition: none;}}slot[name="heading"]::slotted(*) {color: var(--helix-color-foreground);display: block;font-size: var(--callout-font-size, var(--helix-text-control));font-weight: var(--helix-weight-semibold);margin: var(--helix-space-none);}@media print {:host {background-color: transparent;}}`);
+export const styles = createSheet(`:host {--_callout-tone: var(--helix-color-info);--_callout-color: var(--callout-accent-color, var(--_callout-tone));--_callout-bar: var(--callout-bar-thickness, var(--helix-border-thick));--_callout-inset: var(--callout-padding, var(--helix-space-control));font-size: var(--callout-font-size, var(--helix-text-control));background-color: var(--callout-background-color, color-mix(in oklab, var(--_callout-color) 10%, transparent));overflow: hidden;position: relative;border-radius: var(--callout-radius, var(--helix-radii-sm));color: var(--helix-color-foreground);display: flex;gap: var(--callout-gap, var(--helix-space-sm));padding: var(--_callout-inset);padding-inline-start: calc(var(--_callout-inset) + var(--_callout-bar))}:host::before {background-color: var(--_callout-color);content: "";inline-size: var(--_callout-bar);inset-block: 0;inset-inline-start: 0;position: absolute}:host([tone="neutral"]) {--_callout-tone: var(--helix-color-foreground-muted)}:host([tone="success"]) {--_callout-tone: var(--helix-color-success)}:host([tone="warning"]) {--_callout-tone: var(--helix-color-warning)}:host([tone="danger"]) {--_callout-tone: var(--helix-color-danger)}:host([separation="outlined"]) {background-color: var(--callout-background-color, transparent);box-shadow: inset 0 0 0 var(--helix-border-thin) color-mix(in oklab, var(--_callout-color) 45%, var(--helix-color-background))}:host([separation="plain"]) {background-color: var(--callout-background-color, transparent)}[part="icon"] {color: var(--_callout-color);display: inline-flex;flex: 0 0 auto}[part="icon"] svg {block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon)}slot[name="icon"]::slotted(*) {--icon-size: var(--helix-size-icon);block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon)}[part="content"] {line-height: var(--helix-leading-normal);min-inline-size: 0}[part="dismiss"] {all: unset;box-sizing: border-box;block-size: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;flex: 0 0 auto;inline-size: calc(var(--helix-size-icon) + var(--helix-space-2xs) * 2);margin-block: calc(var(--helix-space-2xs) * -1);margin-inline: auto calc(var(--helix-space-2xs) * -1);place-content: center;place-items: center;transition: background-color var(--helix-duration-fast) var(--helix-easing-standard), color var(--helix-duration-fast) var(--helix-easing-standard)}[part="dismiss"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, 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)}[part="dismiss"] svg, slot[name="dismiss-icon"]::slotted(*) {--icon-size: var(--helix-size-icon);block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon)}:host(:state(exiting)) {opacity: 0;transition: opacity var(--helix-duration-normal) var(--helix-easing-accelerate)}:host(:state(entering)) {transition: opacity var(--helix-duration-normal) var(--helix-easing-decelerate)}@starting-style {:host(:state(entering)) {opacity: 0}}@media (prefers-reduced-motion: reduce) {[part="dismiss"], :host(:state(exiting)), :host(:state(entering)) {transition: none}}slot[name="heading"]::slotted(*) {color: var(--helix-color-foreground);display: block;font-size: var(--callout-font-size, var(--helix-text-control));font-weight: var(--helix-weight-semibold);margin: var(--helix-space-none)}@media print {:host {background-color: transparent}}`);

package/dist/callout/root/callout-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 { HelixHeadlessCallout } from '@fusion.dev/helix-headless/callout';
 import { property } from 'lit/decorators.js';

package/dist/canvas/edge/canvas-edge.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 { HelixHeadlessCanvasEdge } from '@fusion.dev/helix-headless/canvas';
 import { css } from 'lit';

package/dist/canvas/node/canvas-node.css.js

@@ -1,13 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {--_canvas-card-x: 0px;--_canvas-card-y: 0px;--_canvas-card-inline-size: auto;--_canvas-card-block-size: auto;--_heading-ink: var(--helix-color-foreground);--_canvas-card-tone: var(--helix-color-border);--_canvas-card-color: var(--canvas-node-color, var(--_canvas-card-tone));--_canvas-handle-color: var(--_canvas-card-color);background-color: var(--canvas-node-background-color, var(--helix-color-surface));block-size: var(--_canvas-card-block-size);box-shadow: var(--canvas-node-shadow, none);border: var(--helix-border-thin) solid var(--_canvas-card-color);border-radius: var(--canvas-node-radius, var(--helix-radii-sm));box-sizing: border-box;color: var(--helix-color-foreground);display: block;font-family: var(--helix-font-sans);font-size: var(--canvas-node-font-size, var(--helix-text-sm));inline-size: var(--_canvas-card-inline-size);left: var(--_canvas-card-x);top: var(--_canvas-card-y);overflow: visible;position: absolute;z-index: 1;}:host([group]) {background-color: color-mix(in oklab, var(--helix-color-foreground) 4%, transparent);border-style: dashed;overflow: visible;z-index: 0;}:host([tone="accent"]) {--_canvas-card-tone: var(--helix-color-accent);}:host([tone="danger"]) {--_canvas-card-tone: var(--helix-color-danger);}:host([tone="info"]) {--_canvas-card-tone: var(--helix-color-info);}:host([tone="primary"]) {--_canvas-card-tone: var(--helix-color-primary);}:host([tone="success"]) {--_canvas-card-tone: var(--helix-color-success);}:host([tone="warning"]) {--_canvas-card-tone: var(--helix-color-warning);}:host(:not([tone])),
-:host([tone="neutral"]) {--_canvas-handle-color: var(--canvas-node-color, var(--helix-color-foreground-muted));}:host(:state(selected)) {--_canvas-handle-color: var(--canvas-selected-color, var(--helix-color-accent));}:host(:state(target)) {--_canvas-handle-color: var(--canvas-connect-color, var(--helix-color-accent));}:host([separation="filled"]:not([group])) {background-color: color-mix(in oklab, var(--_canvas-card-color) 16%, var(--helix-color-surface));border-color: transparent;}:host([separation="elevated"]:not([group])) {--canvas-node-shadow: var(--helix-shadow-md);}:host([separation="plain"]:not([group])) {background-color: transparent;border-color: transparent;}:host([material="glass"]:not([group])) {backdrop-filter: var(--helix-material-backdrop);background-color: var(--helix-material-translucent);}:host([material="frosted"]:not([group])) {backdrop-filter: blur(var(--helix-material-blur-lg));background-color: var(--helix-material-translucent-strong);}:host([material="transparent"]:not([group])) {backdrop-filter: none;background-color: transparent;}[part="node"] {block-size: 100%;border-radius: inherit;box-sizing: border-box;display: flex;flex-direction: column;gap: var(--helix-space-2xs);justify-content: center;overflow: hidden;padding: var(--canvas-node-padding, var(--helix-space-sm));}[part="node"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}:host([group]) [part="node"]::before {color: var(--helix-color-foreground-muted);content: attr(aria-label);font-size: var(--helix-text-xs);inset-block-end: 100%;inset-inline-start: 0;padding-block-end: var(--helix-space-2xs);position: absolute;}:host([group]) [part="node"] {display: block;overflow: visible;position: relative;}[part~="handle"] {background-color: var(--helix-color-surface);block-size: var(--canvas-handle-size, 0.625rem);border: var(--helix-border-thick) solid var(--_canvas-handle-color);border-radius: var(--helix-radii-full);box-sizing: border-box;cursor: crosshair;inline-size: var(--canvas-handle-size, 0.625rem);opacity: 0;position: absolute;transform: translate(-50%, -50%);transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);}[part~="handle"]::after {content: "";inset: calc(var(--helix-space-sm) * -1);position: absolute;}:host(:hover) [part~="handle"],
-:host(:focus-within) [part~="handle"],
-:host(:state(candidate)) [part~="handle"] {opacity: 1;}:host(:state(selected)) {outline: var(--helix-border-thick) solid var(--canvas-selected-color, var(--helix-color-accent));outline-offset: calc(var(--helix-border-thin) * -1);}:host(:state(target)) {box-shadow: 0 0 0 var(--helix-border-thick) var(--canvas-connect-color, var(--helix-color-accent));}:host(:state(target)) [part~="handle"] {background-color: var(--_canvas-handle-color);}@media (forced-colors: active) {:host(:state(target)) {outline: var(--helix-border-thick) solid Highlight;outline-offset: var(--helix-space-2xs);}}@media (prefers-reduced-motion: reduce) {[part~="handle"],
-[part~="move"] {transition: none;}}[part~="handle-top"] {left: 50%;top: 0;}[part~="handle-right"] {left: 100%;top: 50%;}[part~="handle-bottom"] {left: 50%;top: 100%;}[part~="handle-left"] {left: 0;top: 50%;}::slotted([slot="description"]) {color: var(--helix-color-foreground-subtle);font-size: var(--helix-text-xs);}:host(:not(:state(placed))) {position: static;}[part~="grip"] {background-color: var(--helix-color-surface);block-size: var(--canvas-grip-size, 0.5rem);border: var(--helix-border-thin) solid var(--canvas-selected-color, var(--helix-color-accent));box-sizing: border-box;inline-size: var(--canvas-grip-size, 0.5rem);position: absolute;transform: translate(-50%, -50%);}[part~="grip"]::after {content: "";inset: calc(var(--helix-space-2xs) * -1);position: absolute;}@media (pointer: coarse) {:host(:focus-within) [part~="handle"]::after,
-:host(:focus-within) [part~="grip"]::after {inset: calc((2.75rem - 100%) / -2);}}[part~="grip-top-left"] {cursor: nwse-resize;left: 0;top: 0;}[part~="grip-top-right"] {cursor: nesw-resize;left: 100%;top: 0;}[part~="grip-bottom-right"] {cursor: nwse-resize;left: 100%;top: 100%;}[part~="grip-bottom-left"] {cursor: nesw-resize;left: 0;top: 100%;}[part~="move"] {background-image: radial-gradient(circle, currentColor 1px, transparent 1.25px);background-size: 50% calc(100% / 3);block-size: var(--canvas-move-block-size, 0.75rem);color: var(--helix-color-foreground-subtle);cursor: move;inline-size: var(--canvas-move-inline-size, 0.5rem);inset-block-start: var(--canvas-move-inset, var(--helix-space-xs));inset-inline-start: var(--canvas-move-inset, var(--helix-space-xs));opacity: 0;position: absolute;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);}[part~="move"]::after {content: "";inset: calc((1.5rem - 100%) / -2);position: absolute;}:host(:hover) [part~="move"],
-:host(:focus-within) [part~="move"] {opacity: 1;}[part~="move"]:hover {color: var(--canvas-selected-color, var(--helix-color-accent));}:host([shape="pill"]) [part~="move"],
-:host([shape="circle"]) [part~="move"],
-:host([shape="diamond"]) [part~="move"] {inset-block-start: calc(var(--canvas-move-inset, var(--helix-space-xs)) * 2);inset-inline: 0;margin-inline: auto;}:host([shape="square"]:not([group])) {border-radius: 0;}:host([shape="pill"]:not([group])) {border-radius: var(--helix-radii-full);}:host([shape="circle"]:not([group])) {border-radius: 50%;}:host([shape="pill"]:not([group])) [part="node"],
-:host([shape="circle"]:not([group])) [part="node"] {align-items: center;padding-inline: 15%;text-align: center;}:host([shape="diamond"]:not([group])) {backdrop-filter: none;background-color: transparent;border-color: transparent;--canvas-node-shadow: none;}[part="outline"] {block-size: calc(100% + var(--helix-border-thin) * 2);inline-size: calc(100% + var(--helix-border-thin) * 2);left: calc(var(--helix-border-thin) * -1);overflow: visible;pointer-events: none;position: absolute;top: calc(var(--helix-border-thin) * -1);}[part="outline"] polygon {fill: var(--canvas-node-background-color, var(--helix-color-surface));stroke: var(--_canvas-card-color);stroke-width: var(--helix-border-thin);}:host([shape="diamond"][material="glass"]) [part="outline"] polygon {fill: var(--helix-material-translucent);}:host([shape="diamond"][material="frosted"]) [part="outline"] polygon {fill: var(--helix-material-translucent-strong);}:host([shape="diamond"][material="transparent"]) [part="outline"] polygon {fill: transparent;}:host([shape="diamond"][separation="filled"]) [part="outline"] polygon {fill: color-mix(in oklab, var(--_canvas-card-color) 16%, var(--helix-color-surface));stroke: transparent;}:host([shape="diamond"][separation="plain"]) [part="outline"] polygon {fill: transparent;stroke: transparent;}:host([shape="diamond"]:state(selected)),
-:host([shape="diamond"]:state(target)) {box-shadow: none;outline: none;}:host([shape="diamond"]:state(selected)) [part="outline"] polygon,
-:host([shape="diamond"]:state(target)) [part="outline"] polygon {stroke: var(--helix-color-accent);stroke-width: var(--helix-border-thick);}:host([shape="diamond"]:not([group])) [part="node"] {align-items: center;padding-inline: 22%;position: relative;text-align: center;}`);
+export const styles = createSheet(`:host {--_canvas-card-x: 0px;--_canvas-card-y: 0px;--_canvas-card-inline-size: auto;--_canvas-card-block-size: auto;--_heading-ink: var(--helix-color-foreground);--_canvas-card-tone: var(--helix-color-border);--_canvas-card-color: var(--canvas-node-color, var(--_canvas-card-tone));--_canvas-handle-color: var(--_canvas-card-color);background-color: var(--canvas-node-background-color, var(--helix-color-surface));block-size: var(--_canvas-card-block-size);box-shadow: var(--canvas-node-shadow, none);border: var(--helix-border-thin) solid var(--_canvas-card-color);border-radius: var(--canvas-node-radius, var(--helix-radii-sm));box-sizing: border-box;color: var(--helix-color-foreground);display: block;font-family: var(--helix-font-sans);font-size: var(--canvas-node-font-size, var(--helix-text-sm));inline-size: var(--_canvas-card-inline-size);left: var(--_canvas-card-x);top: var(--_canvas-card-y);overflow: visible;position: absolute;z-index: 1}:host([group]) {background-color: color-mix(in oklab, var(--helix-color-foreground) 4%, transparent);border-style: dashed;overflow: visible;z-index: 0}:host([tone="accent"]) {--_canvas-card-tone: var(--helix-color-accent)}:host([tone="danger"]) {--_canvas-card-tone: var(--helix-color-danger)}:host([tone="info"]) {--_canvas-card-tone: var(--helix-color-info)}:host([tone="primary"]) {--_canvas-card-tone: var(--helix-color-primary)}:host([tone="success"]) {--_canvas-card-tone: var(--helix-color-success)}:host([tone="warning"]) {--_canvas-card-tone: var(--helix-color-warning)}:host(:not([tone])), :host([tone="neutral"]) {--_canvas-handle-color: var(--canvas-node-color, var(--helix-color-foreground-muted))}:host(:state(selected)) {--_canvas-handle-color: var(--canvas-selected-color, var(--helix-color-accent))}:host(:state(target)) {--_canvas-handle-color: var(--canvas-connect-color, var(--helix-color-accent))}:host([separation="filled"]:not([group])) {background-color: color-mix(in oklab, var(--_canvas-card-color) 16%, var(--helix-color-surface));border-color: transparent}:host([separation="elevated"]:not([group])) {--canvas-node-shadow: var(--helix-shadow-md)}:host([separation="plain"]:not([group])) {background-color: transparent;border-color: transparent}:host([material="glass"]:not([group])) {backdrop-filter: var(--helix-material-backdrop);background-color: var(--helix-material-translucent)}:host([material="frosted"]:not([group])) {backdrop-filter: blur(var(--helix-material-blur-lg));background-color: var(--helix-material-translucent-strong)}:host([material="transparent"]:not([group])) {backdrop-filter: none;background-color: transparent}[part="node"] {block-size: 100%;border-radius: inherit;box-sizing: border-box;display: flex;flex-direction: column;gap: var(--helix-space-2xs);justify-content: center;overflow: hidden;padding: var(--canvas-node-padding, var(--helix-space-sm))}[part="node"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}:host([group]) [part="node"]::before {color: var(--helix-color-foreground-muted);content: attr(aria-label);font-size: var(--helix-text-xs);inset-block-end: 100%;inset-inline-start: 0;padding-block-end: var(--helix-space-2xs);position: absolute}:host([group]) [part="node"] {display: block;overflow: visible;position: relative}[part~="handle"] {background-color: var(--helix-color-surface);block-size: var(--canvas-handle-size, 0.625rem);border: var(--helix-border-thick) solid var(--_canvas-handle-color);border-radius: var(--helix-radii-full);box-sizing: border-box;cursor: crosshair;inline-size: var(--canvas-handle-size, 0.625rem);opacity: 0;position: absolute;transform: translate(-50%, -50%);transition: opacity var(--helix-duration-fast) var(--helix-easing-standard)}[part~="handle"]::after {content: "";inset: calc(var(--helix-space-sm) * -1);position: absolute}:host(:hover) [part~="handle"], :host(:focus-within) [part~="handle"], :host(:state(candidate)) [part~="handle"] {opacity: 1}:host(:state(selected)) {outline: var(--helix-border-thick) solid var(--canvas-selected-color, var(--helix-color-accent));outline-offset: calc(var(--helix-border-thin) * -1)}:host(:state(target)) {box-shadow: 0 0 0 var(--helix-border-thick) var(--canvas-connect-color, var(--helix-color-accent))}:host(:state(target)) [part~="handle"] {background-color: var(--_canvas-handle-color)}@media (forced-colors: active) {:host(:state(target)) {outline: var(--helix-border-thick) solid Highlight;outline-offset: var(--helix-space-2xs)}}@media (prefers-reduced-motion: reduce) {[part~="handle"], [part~="move"] {transition: none}}[part~="handle-top"] {left: 50%;top: 0}[part~="handle-right"] {left: 100%;top: 50%}[part~="handle-bottom"] {left: 50%;top: 100%}[part~="handle-left"] {left: 0;top: 50%}::slotted([slot="description"]) {color: var(--helix-color-foreground-subtle);font-size: var(--helix-text-xs)}:host(:not(:state(placed))) {position: static}[part~="grip"] {background-color: var(--helix-color-surface);block-size: var(--canvas-grip-size, 0.5rem);border: var(--helix-border-thin) solid var(--canvas-selected-color, var(--helix-color-accent));box-sizing: border-box;inline-size: var(--canvas-grip-size, 0.5rem);position: absolute;transform: translate(-50%, -50%)}[part~="grip"]::after {content: "";inset: calc(var(--helix-space-2xs) * -1);position: absolute}@media (pointer: coarse) {:host(:focus-within) [part~="handle"]::after, :host(:focus-within) [part~="grip"]::after {inset: calc((2.75rem - 100%) / -2)}}[part~="grip-top-left"] {cursor: nwse-resize;left: 0;top: 0}[part~="grip-top-right"] {cursor: nesw-resize;left: 100%;top: 0}[part~="grip-bottom-right"] {cursor: nwse-resize;left: 100%;top: 100%}[part~="grip-bottom-left"] {cursor: nesw-resize;left: 0;top: 100%}[part~="move"] {background-image: radial-gradient(circle, currentColor 1px, transparent 1.25px);background-size: 50% calc(100% / 3);block-size: var(--canvas-move-block-size, 0.75rem);color: var(--helix-color-foreground-subtle);cursor: move;inline-size: var(--canvas-move-inline-size, 0.5rem);inset-block-start: var(--canvas-move-inset, var(--helix-space-xs));inset-inline-start: var(--canvas-move-inset, var(--helix-space-xs));opacity: 0;position: absolute;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard)}[part~="move"]::after {content: "";inset: calc((1.5rem - 100%) / -2);position: absolute}:host(:hover) [part~="move"], :host(:focus-within) [part~="move"] {opacity: 1}[part~="move"]:hover {color: var(--canvas-selected-color, var(--helix-color-accent))}:host([shape="pill"]) [part~="move"], :host([shape="circle"]) [part~="move"], :host([shape="diamond"]) [part~="move"] {inset-block-start: calc(var(--canvas-move-inset, var(--helix-space-xs)) * 2);inset-inline: 0;margin-inline: auto}:host([shape="square"]:not([group])) {border-radius: 0}:host([shape="pill"]:not([group])) {border-radius: var(--helix-radii-full)}:host([shape="circle"]:not([group])) {border-radius: 50%}:host([shape="pill"]:not([group])) [part="node"], :host([shape="circle"]:not([group])) [part="node"] {align-items: center;padding-inline: 15%;text-align: center}:host([shape="diamond"]:not([group])) {backdrop-filter: none;background-color: transparent;border-color: transparent;--canvas-node-shadow: none}[part="outline"] {block-size: calc(100% + var(--helix-border-thin) * 2);inline-size: calc(100% + var(--helix-border-thin) * 2);left: calc(var(--helix-border-thin) * -1);overflow: visible;pointer-events: none;position: absolute;top: calc(var(--helix-border-thin) * -1)}[part="outline"] polygon {fill: var(--canvas-node-background-color, var(--helix-color-surface));stroke: var(--_canvas-card-color);stroke-width: var(--helix-border-thin)}:host([shape="diamond"][material="glass"]) [part="outline"] polygon {fill: var(--helix-material-translucent)}:host([shape="diamond"][material="frosted"]) [part="outline"] polygon {fill: var(--helix-material-translucent-strong)}:host([shape="diamond"][material="transparent"]) [part="outline"] polygon {fill: transparent}:host([shape="diamond"][separation="filled"]) [part="outline"] polygon {fill: color-mix(in oklab, var(--_canvas-card-color) 16%, var(--helix-color-surface));stroke: transparent}:host([shape="diamond"][separation="plain"]) [part="outline"] polygon {fill: transparent;stroke: transparent}:host([shape="diamond"]:state(selected)), :host([shape="diamond"]:state(target)) {box-shadow: none;outline: none}:host([shape="diamond"]:state(selected)) [part="outline"] polygon, :host([shape="diamond"]:state(target)) [part="outline"] polygon {stroke: var(--helix-color-accent);stroke-width: var(--helix-border-thick)}:host([shape="diamond"]:not([group])) [part="node"] {align-items: center;padding-inline: 22%;position: relative;text-align: center}`);

package/dist/canvas/node/canvas-node.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 { HelixHeadlessCanvasNode } from '@fusion.dev/helix-headless/canvas';
 import { property } from 'lit/decorators.js';

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

@@ -1,16 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: contents;}[part="region"] {background-color: var(--canvas-background-color, var(--helix-color-surface-sunken));block-size: var(--canvas-block-size, 30rem);border: var(--helix-border-thin) solid var(--canvas-border-color, var(--helix-color-border));border-radius: var(--canvas-radius, var(--helix-radii-sm));box-sizing: border-box;display: grid;grid-template-rows: auto 1fr auto;overflow: hidden;position: relative;}:host([separation="plain"]) [part="region"] {background-color: transparent;border: none;border-radius: 0;}[part="viewport"] {min-block-size: 0;overflow: hidden;position: relative;}[part="minimap"] {background-color: var(--viewport-control-background-color, var(--helix-color-surface-overlay));block-size: var(--canvas-minimap-block-size, 7.5rem);border: var(--helix-border-floating) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);box-shadow: var(--helix-shadow-floating);box-sizing: border-box;cursor: pointer;inline-size: var(--canvas-minimap-inline-size, 10rem);inset-block-end: var(--helix-space-sm);inset-inline-end: var(--helix-space-sm);position: absolute;touch-action: none;}:host([controls-placement^="bottom"]) [part="minimap"] {inset-block: var(--helix-space-sm) auto;}[part="minimap-node"] {fill: var(--helix-color-foreground-subtle);}[part="minimap-node"][data-group] {fill: none;stroke: var(--helix-color-foreground-subtle);vector-effect: non-scaling-stroke;}[part="minimap-view"] {fill: color-mix(in oklab, var(--helix-color-accent) 12%, transparent);stroke: var(--helix-color-accent);stroke-width: var(--helix-border-thick);vector-effect: non-scaling-stroke;}:host(:not(:state(empty))) ::slotted([slot="empty"]) {display: none;}[part="board"] {block-size: var(--_canvas-plane-block-size);inline-size: var(--_canvas-plane-inline-size);left: 0;position: absolute;top: 0;transform: translate(var(--_canvas-x), var(--_canvas-y)) scale(var(--canvas-zoom));transform-origin: 0 0;transition: transform var(--helix-duration-normal) var(--helix-easing-standard);}:host([grid]) [part="viewport"] {background-position: var(--_canvas-rule-x) var(--_canvas-rule-y);background-size: calc(var(--canvas-grid-size, 32px) * var(--_canvas-rule-zoom))
-calc(var(--canvas-grid-size, 32px) * var(--_canvas-rule-zoom));transition:
-background-position var(--helix-duration-normal) var(--helix-easing-standard),
-background-size var(--helix-duration-normal) var(--helix-easing-standard);}:host([grid="lines"]) [part="viewport"] {--_canvas-rule: color-mix(in oklab, var(--helix-color-border) 50%, transparent);background-image:
-linear-gradient(to right, var(--_canvas-rule) var(--helix-border-thin), transparent 0),
-linear-gradient(to bottom, var(--_canvas-rule) var(--helix-border-thin), transparent 0);}:host([grid="dots"]) [part="viewport"] {background-image: radial-gradient(
-var(--helix-color-border) var(--helix-border-thin),
-transparent 0
-);}:host(:state(direct)) [part="board"],
-:host(:state(direct)) [part="viewport"] {transition: none;}@media (prefers-reduced-motion: reduce) {[part="board"],
-:host([grid]) [part="viewport"] {transition: none;}}[part="edges"] {inset: 0;overflow: visible;position: absolute;z-index: var(--helix-layer-beneath);}[part="edge"] {stroke: var(--_canvas-edge-color, var(--canvas-edge-color, var(--helix-color-border)));stroke-width: var(--canvas-edge-width, var(--helix-border-thick));}[part="edge"] {pointer-events: none;}[part="edge-target"] {cursor: grab;pointer-events: stroke;stroke: transparent;stroke-width: var(--canvas-edge-target-width, 12px);}[part="edge-target"]:focus {outline: none;}[part="edge-target"]:hover + [part="edge"] {stroke: var(--helix-color-focus-ring);}[part="edge-target"]:focus-visible + [part="edge"] {stroke: var(--helix-color-focus-ring);stroke-width: calc(var(--canvas-edge-width, var(--helix-border-thick)) * 2);}[part="edge-end"] {background-color: var(--canvas-selected-color, var(--helix-color-accent));block-size: var(--canvas-handle-size, 0.625rem);border: var(--helix-border-thick) solid var(--helix-color-surface);border-radius: var(--helix-radii-full);box-sizing: border-box;cursor: grab;inline-size: var(--canvas-handle-size, 0.625rem);left: var(--_canvas-end-x);position: absolute;top: var(--_canvas-end-y);transform: translate(-50%, -50%);z-index: 1;}[part="edge-end"]::after {content: "";inset: calc(var(--helix-space-sm) * -1);position: absolute;}@media (pointer: coarse) {[part="edge-end"]::after {inset: calc((2.75rem - 100%) / -2);}}:host(:state(holding)) [part="viewport"] {cursor: grabbing;}[part="label-editor"] {background-color: var(--helix-color-surface);border: var(--helix-border-thin) solid var(--helix-color-accent);border-radius: var(--helix-radii-sm);box-sizing: border-box;color: var(--helix-color-foreground);font-family: var(--helix-font-sans);font-size: max(var(--helix-text-field-min), var(--helix-text-xs));inline-size: var(--canvas-label-editor-inline-size, 12rem);left: var(--_canvas-editor-x);padding: var(--helix-space-2xs) var(--helix-space-xs);position: absolute;text-align: center;top: var(--_canvas-editor-y);transform: translate(-50%, -50%);z-index: 1;}[part="label-editor"][data-target="group"] {text-align: start;transform: translate(0, -100%);}[part="label-editor"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="marquee"] {background-color: color-mix(
-in oklab,
-var(--canvas-selected-color, var(--helix-color-accent)) 10%,
-transparent
-);block-size: var(--_canvas-marquee-block-size);border: var(--helix-border-thin) dashed var(--canvas-selected-color, var(--helix-color-accent));box-sizing: border-box;inline-size: var(--_canvas-marquee-inline-size);left: var(--_canvas-marquee-x);pointer-events: none;position: absolute;top: var(--_canvas-marquee-y);z-index: 1;}[part="draft"] {pointer-events: none;stroke: var(--canvas-connect-color, var(--helix-color-accent));stroke-dasharray: 6 4;stroke-width: var(--helix-border-thick);}:host(:state(connecting)) [part="viewport"] {cursor: crosshair;}[part="arrow"] {fill: var(--canvas-edge-color, var(--helix-color-border));}@supports (fill: context-stroke) {[part="arrow"] {fill: context-stroke;}}[part="edge"][data-tone="accent"] {stroke: var(--helix-color-accent);}[part="edge"][data-tone="danger"] {stroke: var(--helix-color-danger);}[part="edge"][data-tone="info"] {stroke: var(--helix-color-info);}[part="edge"][data-tone="primary"] {stroke: var(--helix-color-primary);}[part="edge"][data-tone="success"] {stroke: var(--helix-color-success);}[part="edge"][data-tone="warning"] {stroke: var(--helix-color-warning);}[part="edge"][data-selected] {stroke: var(--canvas-selected-color, var(--helix-color-accent));stroke-width: calc(var(--canvas-edge-width, var(--helix-border-thick)) * 2);}[part="edge"][data-variant="dashed"] {stroke-dasharray: 6 4;}[part="edge"][data-variant="dotted"] {stroke-dasharray: 0 5;stroke-linecap: round;}[part="label"] {background-color: var(--canvas-background-color, var(--helix-color-surface-sunken));color: var(--canvas-label-color, var(--helix-color-foreground-subtle));font-family: var(--helix-font-sans);font-size: var(--canvas-label-font-size, var(--helix-text-xs));left: var(--_canvas-label-x);line-height: 1;padding: var(--helix-space-2xs);pointer-events: none;position: absolute;top: var(--_canvas-label-y);transform: translate(-50%, -50%);white-space: nowrap;}[part="viewport"] {cursor: grab;touch-action: none;}:host(:state(sharing)) [part="viewport"] {touch-action: pan-x pan-y;}:host(:state(pressing)) [part="viewport"] {user-select: none;}[part="viewport"]:active {cursor: grabbing;}@media print {[part="controls"] {display: none;}}`);
+export const styles = createSheet(`:host {display: contents}[part="region"] {background-color: var(--canvas-background-color, var(--helix-color-surface-sunken));block-size: var(--canvas-block-size, 30rem);border: var(--helix-border-thin) solid var(--canvas-border-color, var(--helix-color-border));border-radius: var(--canvas-radius, var(--helix-radii-sm));box-sizing: border-box;display: grid;grid-template-rows: auto 1fr auto;overflow: hidden;position: relative}:host([separation="plain"]) [part="region"] {background-color: transparent;border: none;border-radius: 0}[part="viewport"] {min-block-size: 0;overflow: hidden;position: relative}[part="minimap"] {background-color: var(--viewport-control-background-color, var(--helix-color-surface-overlay));block-size: var(--canvas-minimap-block-size, 7.5rem);border: var(--helix-border-floating) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);box-shadow: var(--helix-shadow-floating);box-sizing: border-box;cursor: pointer;inline-size: var(--canvas-minimap-inline-size, 10rem);inset-block-end: var(--helix-space-sm);inset-inline-end: var(--helix-space-sm);position: absolute;touch-action: none}:host([controls-placement^="bottom"]) [part="minimap"] {inset-block: var(--helix-space-sm) auto}[part="minimap-node"] {fill: var(--helix-color-foreground-subtle)}[part="minimap-node"][data-group] {fill: none;stroke: var(--helix-color-foreground-subtle);vector-effect: non-scaling-stroke}[part="minimap-view"] {fill: color-mix(in oklab, var(--helix-color-accent) 12%, transparent);stroke: var(--helix-color-accent);stroke-width: var(--helix-border-thick);vector-effect: non-scaling-stroke}:host(:not(:state(empty))) ::slotted([slot="empty"]) {display: none}[part="board"] {block-size: var(--_canvas-plane-block-size);inline-size: var(--_canvas-plane-inline-size);left: 0;position: absolute;top: 0;transform: translate(var(--_canvas-x), var(--_canvas-y)) scale(var(--canvas-zoom));transform-origin: 0 0;transition: transform var(--helix-duration-normal) var(--helix-easing-standard)}:host([grid]) [part="viewport"] {background-position: var(--_canvas-rule-x) var(--_canvas-rule-y);background-size: calc(var(--canvas-grid-size, 32px) * var(--_canvas-rule-zoom)) calc(var(--canvas-grid-size, 32px) * var(--_canvas-rule-zoom));transition: background-position var(--helix-duration-normal) var(--helix-easing-standard), background-size var(--helix-duration-normal) var(--helix-easing-standard)}:host([grid="lines"]) [part="viewport"] {--_canvas-rule: color-mix(in oklab, var(--helix-color-border) 50%, transparent);background-image: linear-gradient(to right, var(--_canvas-rule) var(--helix-border-thin), transparent 0), linear-gradient(to bottom, var(--_canvas-rule) var(--helix-border-thin), transparent 0)}:host([grid="dots"]) [part="viewport"] {background-image: radial-gradient(var(--helix-color-border) var(--helix-border-thin), transparent 0)}:host(:state(direct)) [part="board"], :host(:state(direct)) [part="viewport"] {transition: none}@media (prefers-reduced-motion: reduce) {[part="board"], :host([grid]) [part="viewport"] {transition: none}}[part="edges"] {inset: 0;overflow: visible;position: absolute;z-index: var(--helix-layer-beneath)}[part="edge"] {stroke: var(--_canvas-edge-color, var(--canvas-edge-color, var(--helix-color-border)));stroke-width: var(--canvas-edge-width, var(--helix-border-thick))}[part="edge"] {pointer-events: none}[part="edge-target"] {cursor: grab;pointer-events: stroke;stroke: transparent;stroke-width: var(--canvas-edge-target-width, 12px)}[part="edge-target"]:focus {outline: none}[part="edge-target"]:hover + [part="edge"] {stroke: var(--helix-color-focus-ring)}[part="edge-target"]:focus-visible + [part="edge"] {stroke: var(--helix-color-focus-ring);stroke-width: calc(var(--canvas-edge-width, var(--helix-border-thick)) * 2)}[part="edge-end"] {background-color: var(--canvas-selected-color, var(--helix-color-accent));block-size: var(--canvas-handle-size, 0.625rem);border: var(--helix-border-thick) solid var(--helix-color-surface);border-radius: var(--helix-radii-full);box-sizing: border-box;cursor: grab;inline-size: var(--canvas-handle-size, 0.625rem);left: var(--_canvas-end-x);position: absolute;top: var(--_canvas-end-y);transform: translate(-50%, -50%);z-index: 1}[part="edge-end"]::after {content: "";inset: calc(var(--helix-space-sm) * -1);position: absolute}@media (pointer: coarse) {[part="edge-end"]::after {inset: calc((2.75rem - 100%) / -2)}}:host(:state(holding)) [part="viewport"] {cursor: grabbing}[part="label-editor"] {background-color: var(--helix-color-surface);border: var(--helix-border-thin) solid var(--helix-color-accent);border-radius: var(--helix-radii-sm);box-sizing: border-box;color: var(--helix-color-foreground);font-family: var(--helix-font-sans);font-size: max(var(--helix-text-field-min), var(--helix-text-xs));inline-size: var(--canvas-label-editor-inline-size, 12rem);left: var(--_canvas-editor-x);padding: var(--helix-space-2xs) var(--helix-space-xs);position: absolute;text-align: center;top: var(--_canvas-editor-y);transform: translate(-50%, -50%);z-index: 1}[part="label-editor"][data-target="group"] {text-align: start;transform: translate(0, -100%)}[part="label-editor"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="marquee"] {background-color: color-mix(in oklab, var(--canvas-selected-color, var(--helix-color-accent)) 10%, transparent);block-size: var(--_canvas-marquee-block-size);border: var(--helix-border-thin) dashed var(--canvas-selected-color, var(--helix-color-accent));box-sizing: border-box;inline-size: var(--_canvas-marquee-inline-size);left: var(--_canvas-marquee-x);pointer-events: none;position: absolute;top: var(--_canvas-marquee-y);z-index: 1}[part="draft"] {pointer-events: none;stroke: var(--canvas-connect-color, var(--helix-color-accent));stroke-dasharray: 6 4;stroke-width: var(--helix-border-thick)}:host(:state(connecting)) [part="viewport"] {cursor: crosshair}[part="arrow"] {fill: var(--canvas-edge-color, var(--helix-color-border))}@supports (fill: context-stroke) {[part="arrow"] {fill: context-stroke}}[part="edge"][data-tone="accent"] {stroke: var(--helix-color-accent)}[part="edge"][data-tone="danger"] {stroke: var(--helix-color-danger)}[part="edge"][data-tone="info"] {stroke: var(--helix-color-info)}[part="edge"][data-tone="primary"] {stroke: var(--helix-color-primary)}[part="edge"][data-tone="success"] {stroke: var(--helix-color-success)}[part="edge"][data-tone="warning"] {stroke: var(--helix-color-warning)}[part="edge"][data-selected] {stroke: var(--canvas-selected-color, var(--helix-color-accent));stroke-width: calc(var(--canvas-edge-width, var(--helix-border-thick)) * 2)}[part="edge"][data-variant="dashed"] {stroke-dasharray: 6 4}[part="edge"][data-variant="dotted"] {stroke-dasharray: 0 5;stroke-linecap: round}[part="label"] {background-color: var(--canvas-background-color, var(--helix-color-surface-sunken));color: var(--canvas-label-color, var(--helix-color-foreground-subtle));font-family: var(--helix-font-sans);font-size: var(--canvas-label-font-size, var(--helix-text-xs));left: var(--_canvas-label-x);line-height: 1;padding: var(--helix-space-2xs);pointer-events: none;position: absolute;top: var(--_canvas-label-y);transform: translate(-50%, -50%);white-space: nowrap}[part="viewport"] {cursor: grab;touch-action: none}:host(:state(sharing)) [part="viewport"] {touch-action: pan-x pan-y}:host(:state(pressing)) [part="viewport"] {user-select: none}[part="viewport"]:active {cursor: grabbing}@media print {[part="controls"] {display: none}}`);

package/dist/canvas/root/canvas-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 { HelixHeadlessCanvas } from '@fusion.dev/helix-headless/canvas';
 import { property } from 'lit/decorators.js';

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

@@ -1,9 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {--_card-inset: var(--card-padding, var(--helix-space-control));--_card-media: var(--card-media-size, 12rem);--_heading-ink: var(--card-heading-color, var(--helix-color-foreground));background-color: var(--card-background-color, var(--helix-color-surface));border: var(--card-border-width, var(--helix-border-surface)) solid
-var(--card-border-color, var(--helix-color-border));border-radius: var(--card-radius, var(--helix-radii-lg));box-shadow: var(--card-shadow, var(--helix-shadow-surface));color: var(--card-color, var(--helix-color-foreground-muted));align-content: var(--card-align, start);display: grid;gap: var(--card-gap, var(--helix-space-sm));grid-template-columns: minmax(0, 1fr);line-height: var(--card-line-height, var(--helix-leading-normal));overflow: hidden;padding: var(--_card-inset);transition:
-border-color var(--helix-duration-fast) var(--helix-easing-standard),
-box-shadow var(--helix-duration-fast) var(--helix-easing-standard);}:host([separation="elevated"]) {--card-shadow: var(--helix-shadow-md);border-color: light-dark(transparent, var(--helix-color-border));}:host([separation="filled"]) {--card-shadow: none;border-color: transparent;}:host([separation="plain"]) {--card-shadow: none;background-color: transparent;border-color: transparent;}slot[name="media"]::slotted(*) {block-size: var(--card-media-block-size, auto);display: block;inline-size: calc(100% + var(--_card-inset) * 2);margin: calc(var(--_card-inset) * -1);margin-block-end: 0;object-fit: var(--card-media-fit, cover);}:host([media-placement="end"]) slot[name="media"]::slotted(*) {margin-block-end: calc(var(--_card-inset) * -1);margin-block-start: 0;order: 1;}slot[name="header"]::slotted(*) {color: var(--_heading-ink);}slot[name="footer"]::slotted(*) {justify-self: end;}[part="header-row"],
-[part="footer-row"] {align-items: center;display: flex;flex-wrap: wrap;gap: var(--card-gap, var(--helix-space-sm));min-inline-size: 0;}[part="header-row"] slot[name="header"]::slotted(*) {flex: 1 1 auto;min-inline-size: 0;}slot[name="header-actions"]::slotted(*),
-slot[name="footer-actions"]::slotted(*) {flex: none;justify-self: end;}[part="footer-row"] slot[name="footer-actions"]::slotted(*) {margin-inline-start: auto;}:host(:not(:defined)) {column-gap: var(--helix-space-none);grid-template-columns: minmax(0, 1fr) auto;}:host(:not(:defined)) slot::slotted(*) {grid-column: 1 / -1;}:host(:not(:defined)) slot[name="header"]::slotted(*),
-:host(:not(:defined)) slot[name="footer"]::slotted(*) {grid-column: 1;}:host(:not(:defined)) slot[name="header-actions"]::slotted(*),
-:host(:not(:defined)) slot[name="footer-actions"]::slotted(*) {align-self: center;grid-column: 2;margin-inline-start: var(--card-gap, var(--helix-space-sm));}:host([orientation="horizontal"]) {padding-inline-start: calc(var(--_card-media) + var(--_card-inset));position: relative;}:host([orientation="horizontal"]) slot[name="media"]::slotted(*) {block-size: 100%;inline-size: var(--_card-media);inset-block: 0;inset-inline-start: 0;margin: var(--helix-space-none);position: absolute;}@media (prefers-reduced-motion: reduce) {:host {transition: none;}}:host([material="glass"]) {backdrop-filter: var(--card-backdrop, var(--helix-material-backdrop));background-color: var(--card-background-color, var(--helix-material-translucent));}:host([material="frosted"]) {backdrop-filter: var(--card-backdrop, blur(var(--helix-material-blur-lg)));background-color: var(--card-background-color, var(--helix-material-translucent-strong));}:host([material="transparent"]) {backdrop-filter: none;background-color: transparent;}@media print {:host {background-color: transparent;box-shadow: none;}}`);
+export const styles = createSheet(`:host {--_card-inset: var(--card-padding, var(--helix-space-control));--_card-media: var(--card-media-size, 12rem);--_heading-ink: var(--card-heading-color, var(--helix-color-foreground));background-color: var(--card-background-color, var(--helix-color-surface));border: var(--card-border-width, var(--helix-border-surface)) solid var(--card-border-color, var(--helix-color-border));border-radius: var(--card-radius, var(--helix-radii-lg));box-shadow: var(--card-shadow, var(--helix-shadow-surface));color: var(--card-color, var(--helix-color-foreground-muted));align-content: var(--card-align, start);display: grid;gap: var(--card-gap, var(--helix-space-sm));grid-template-columns: minmax(0, 1fr);line-height: var(--card-line-height, var(--helix-leading-normal));overflow: hidden;padding: var(--_card-inset);transition: border-color var(--helix-duration-fast) var(--helix-easing-standard), box-shadow var(--helix-duration-fast) var(--helix-easing-standard)}:host([separation="elevated"]) {--card-shadow: var(--helix-shadow-md);border-color: light-dark(transparent, var(--helix-color-border))}:host([separation="filled"]) {--card-shadow: none;border-color: transparent}:host([separation="plain"]) {--card-shadow: none;background-color: transparent;border-color: transparent}slot[name="media"]::slotted(*) {block-size: var(--card-media-block-size, auto);display: block;inline-size: calc(100% + var(--_card-inset) * 2);margin: calc(var(--_card-inset) * -1);margin-block-end: 0;object-fit: var(--card-media-fit, cover)}:host([media-placement="end"]) slot[name="media"]::slotted(*) {margin-block-end: calc(var(--_card-inset) * -1);margin-block-start: 0;order: 1}slot[name="header"]::slotted(*) {color: var(--_heading-ink)}slot[name="footer"]::slotted(*) {justify-self: end}[part="header-row"], [part="footer-row"] {align-items: center;display: flex;flex-wrap: wrap;gap: var(--card-gap, var(--helix-space-sm));min-inline-size: 0}[part="header-row"] slot[name="header"]::slotted(*) {flex: 1 1 auto;min-inline-size: 0}slot[name="header-actions"]::slotted(*), slot[name="footer-actions"]::slotted(*) {flex: none;justify-self: end}[part="footer-row"] slot[name="footer-actions"]::slotted(*) {margin-inline-start: auto}:host(:not(:defined)) {column-gap: var(--helix-space-none);grid-template-columns: minmax(0, 1fr) auto}:host(:not(:defined)) slot::slotted(*) {grid-column: 1 / -1}:host(:not(:defined)) slot[name="header"]::slotted(*), :host(:not(:defined)) slot[name="footer"]::slotted(*) {grid-column: 1}:host(:not(:defined)) slot[name="header-actions"]::slotted(*), :host(:not(:defined)) slot[name="footer-actions"]::slotted(*) {align-self: center;grid-column: 2;margin-inline-start: var(--card-gap, var(--helix-space-sm))}:host([orientation="horizontal"]) {padding-inline-start: calc(var(--_card-media) + var(--_card-inset));position: relative}:host([orientation="horizontal"]) slot[name="media"]::slotted(*) {block-size: 100%;inline-size: var(--_card-media);inset-block: 0;inset-inline-start: 0;margin: var(--helix-space-none);position: absolute}@media (prefers-reduced-motion: reduce) {:host {transition: none}}:host([material="glass"]) {backdrop-filter: var(--card-backdrop, var(--helix-material-backdrop));background-color: var(--card-background-color, var(--helix-material-translucent))}:host([material="frosted"]) {backdrop-filter: var(--card-backdrop, blur(var(--helix-material-blur-lg)));background-color: var(--card-background-color, var(--helix-material-translucent-strong))}:host([material="transparent"]) {backdrop-filter: none;background-color: transparent}@media print {:host {background-color: transparent;box-shadow: none}}`);

package/dist/card/root/card-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 { HelixHeadlessCard } from '@fusion.dev/helix-headless/card';
 import { property } from 'lit/decorators.js';

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

@@ -1,43 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {--_carousel-bleed: var(--carousel-bleed, var(--helix-space-md));--_carousel-gap: var(--carousel-gap, var(--helix-space-md));}:host {display: grid;grid-template-columns: auto minmax(0, 1fr) auto;grid-template-rows: auto minmax(0, 1fr) auto;}[part="track"] {grid-area: 2 / 2;}[part="controls"],
-[part="indicators"] {align-items: center;display: flex;gap: var(--helix-space-2xs);}[part="indicators"] {grid-area: 3 / 2;justify-self: var(--_carousel-indicators-along);padding-block-start: var(--helix-space-sm);padding-inline: var(--_carousel-bleed);}[part="controls"] {grid-area: 3 / 2;justify-self: var(--_carousel-controls-along);padding-block-start: var(--helix-space-sm);padding-inline: var(--_carousel-bleed);}[part="indicators"] {--_carousel-indicators-along: start;}[part="controls"] {--_carousel-controls-along: end;}@media (hover: none) and (pointer: coarse) {:host(:not([controls="always"])) [part="indicators"] {--_carousel-indicators-along: center;}}:host([indicator-placement="top"]) [part="indicators"] {grid-area: 1 / 2;padding-block: var(--helix-space-none) var(--helix-space-sm);}:host([controls-placement="top"]) [part="controls"] {grid-area: 1 / 2;padding-block: var(--helix-space-none) var(--helix-space-sm);}:host([indicator-placement="start"]) [part="indicators"],
-:host([indicator-placement="end"]) [part="indicators"] {align-self: var(--_carousel-indicators-along);flex-direction: column;justify-self: center;padding-block-start: var(--helix-space-none);padding-inline: var(--helix-space-none);}:host([controls-placement="start"]) [part="controls"],
-:host([controls-placement="end"]) [part="controls"] {align-self: var(--_carousel-controls-along);flex-direction: column;justify-self: center;padding-block-start: var(--helix-space-none);padding-inline: var(--helix-space-none);}:host([indicator-placement="start"]) [part="indicators"],
-:host([indicator-placement="end"]) [part="indicators"] {--_carousel-indicators-along: center;}:host([controls-placement="start"]) [part="controls"],
-:host([controls-placement="end"]) [part="controls"],
-:host([controls-placement="overlay"]) [part="controls"] {--_carousel-controls-along: center;}:host([indicator-placement="overlay"]) [part="indicators"] {--_carousel-indicators-along: center;}:host([indicator-align="start"]) [part="indicators"] {--_carousel-indicators-along: start;}:host([indicator-align="center"]) [part="indicators"] {--_carousel-indicators-along: center;}:host([indicator-align="end"]) [part="indicators"] {--_carousel-indicators-along: end;}:host([controls-align="start"]) [part="controls"] {--_carousel-controls-along: start;}:host([controls-align="center"]) [part="controls"] {--_carousel-controls-along: center;}:host([controls-align="end"]) [part="controls"] {--_carousel-controls-along: end;}:host([indicator-placement="start"]) [part="indicators"] {grid-area: 2 / 1;padding-inline-end: var(--helix-space-sm);}:host([controls-placement="start"]) [part="controls"] {grid-area: 2 / 1;padding-inline-end: var(--helix-space-sm);}:host([indicator-placement="end"]) [part="indicators"] {grid-area: 2 / 3;padding-inline-start: var(--helix-space-sm);}:host([controls-placement="end"]) [part="controls"] {grid-area: 2 / 3;padding-inline-start: var(--helix-space-sm);}[part="rotation"],
-[part="previous"],
-[part="next"] {all: unset;box-sizing: border-box;align-items: center;block-size: var(--helix-size-control-tight);border: var(--helix-border-thin) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;inline-size: var(--helix-size-control-tight);justify-content: center;}[part="rotation"]:hover,
-[part="previous"]:hover,
-[part="next"]:hover {background-color: var(--helix-color-surface-sunken);color: var(--helix-color-foreground);}[part="rotation"]:focus-visible,
-[part="previous"]:focus-visible,
-[part="next"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="rotation"] svg,
-[part="previous"] svg,
-[part="next"] svg,
-::slotted([slot="previous-icon"]),
-::slotted([slot="next-icon"]) {block-size: 1em;inline-size: 1em;}:host(:dir(rtl)) ::slotted([slot="previous-icon"]),
-:host(:dir(rtl)) ::slotted([slot="next-icon"]) {scale: -1 1;}:host([mouse-drag]) [part="track"] {cursor: grab;}:host(:state(dragging)) [part="track"] {cursor: grabbing;user-select: none;}[part="track"] {--_carousel-share: calc(
-(100% - (var(--carousel-per-view, 1) - 1) * var(--_carousel-gap)) /
-var(--carousel-per-view, 1)
-);--carousel-gap: var(--_carousel-gap);--carousel-pane: calc(round(var(--_carousel-share) - 0.015625px, 0.03125px) + 0.015625px);display: flex;gap: var(--_carousel-gap);overflow-x: auto;padding-block: var(--helix-space-md);padding-inline: var(--_carousel-bleed);scroll-padding-inline: var(--_carousel-bleed);scroll-snap-type: x mandatory;scrollbar-width: none;}[part="track"]::-webkit-scrollbar {display: none;}:host([per-view="auto"]:not([orientation="vertical"])) [part="track"] {--carousel-per-view: max(
-1,
-round(
-down,
-calc(
-(100cqi + var(--_carousel-gap)) /
-(var(--carousel-slide-min, 100cqi) + var(--_carousel-gap))
-),
-1
-)
-);container-type: inline-size;}:host([orientation="vertical"]) [part="track"] {block-size: var(--carousel-block-size, 20rem);flex-direction: column;overflow-x: hidden;overflow-y: auto;padding-block: var(--_carousel-bleed);scroll-padding-block: var(--_carousel-bleed);scroll-snap-type: y mandatory;}[part="slide"] {display: flex;flex: 0 0 var(--carousel-pane);margin-inline-end: var(--carousel-run-end, 0px);scroll-snap-align: start;}:host([per-view="auto"]:not([orientation="vertical"])) [part="slide"] {flex-grow: 1;}[part="slide"] ::slotted(*) {flex: 1 1 0;min-block-size: 0;min-inline-size: 0;}:host([orientation="vertical"]) [part="slide"] {flex-direction: column;flex: 0 0 var(--_carousel-share);}[part~="indicator"] {--_carousel-indicator-motion: var(--helix-duration-slow) var(--helix-easing-emphasized);all: unset;background-color: var(--helix-color-border);block-size: var(--helix-space-xs);border-radius: var(--helix-radii-full);box-sizing: border-box;cursor: pointer;inline-size: var(--helix-space-xs);transition:
-background-color var(--_carousel-indicator-motion),
-inline-size var(--_carousel-indicator-motion);}[part~="indicator"][data-current] {background-color: var(--helix-color-primary);inline-size: var(--helix-space-lg);}:host([indicator-placement="start"]) [part~="indicator"],
-:host([indicator-placement="end"]) [part~="indicator"] {transition:
-background-color var(--_carousel-indicator-motion),
-block-size var(--_carousel-indicator-motion);}:host([indicator-placement="start"]) [part~="indicator"][data-current],
-:host([indicator-placement="end"]) [part~="indicator"][data-current] {block-size: var(--helix-space-lg);inline-size: var(--helix-space-xs);}[part~="indicator"]:hover {background-color: var(--helix-color-foreground-muted);}[part~="indicator"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}:host([controls-placement="overlay"]) [part="controls"] {grid-area: 2 / 2;justify-self: stretch;}:host([controls-placement="overlay"]) [part="controls"] {align-items: var(--_carousel-controls-along);justify-content: flex-start;padding-block-start: var(--helix-space-none);padding-inline: calc(var(--_carousel-bleed) + var(--helix-space-md));pointer-events: none;z-index: var(--helix-layer-raised);}:host([controls-placement="overlay"]) [part="previous"],
-:host([controls-placement="overlay"]) [part="next"],
-:host([controls-placement="overlay"]) [part="rotation"] {background-color: var(--helix-color-surface-overlay);border-color: transparent;box-shadow: var(--helix-shadow-md);pointer-events: auto;}:host([indicator-placement="overlay"]) [part="indicators"] {align-self: end;grid-area: 2 / 2;z-index: var(--helix-layer-raised);}:host([indicator-placement="overlay"]) [part="indicators"] {background-color: var(--helix-color-surface-overlay);border-radius: var(--helix-radii-full);box-shadow: var(--helix-shadow-md);margin-block-end: calc(var(--_carousel-bleed) + var(--helix-space-md));padding-block: var(--helix-space-2xs);padding-inline: var(--helix-space-xs);}:host([indicator-placement="overlay"]) [part~="indicator"] {background-color: var(--helix-color-foreground-muted);}:host([indicator-placement="overlay"]) [part~="indicator"][data-current] {background-color: var(--helix-color-primary);}:host([controls-placement="overlay"]) [part="next"] {margin-inline-start: auto;}:host([controls-placement="overlay"]) [part="rotation"] {order: 1;}:host([orientation="vertical"]:not([indicator-placement])) [part="indicators"] {align-self: var(--_carousel-indicators-along);flex-direction: column;grid-area: 2 / 3;justify-self: center;padding-block-start: var(--helix-space-none);padding-inline: var(--helix-space-none);padding-inline-start: var(--helix-space-sm);}:host([orientation="vertical"]:not([controls-placement])) [part="controls"] {align-self: var(--_carousel-controls-along);flex-direction: column;grid-area: 2 / 3;justify-self: center;padding-block-start: var(--helix-space-none);padding-inline: var(--helix-space-none);padding-inline-start: var(--helix-space-sm);}:host([orientation="vertical"]:not([indicator-placement])) [part~="indicator"] {transition:
-background-color var(--_carousel-indicator-motion),
-block-size var(--_carousel-indicator-motion);}:host([orientation="vertical"]:not([indicator-placement])) [part~="indicator"][data-current] {block-size: var(--helix-space-lg);inline-size: var(--helix-space-xs);}@media print {:host {box-shadow: none;overflow: visible;}}@media (hover: none) and (pointer: coarse) {:host(:not([controls="always"])) [part="previous"],
-:host(:not([controls="always"])) [part="next"] {display: none;}:host(:not([controls="always"]):not([autoplay])) [part="controls"] {display: none;}}`);
+export const styles = createSheet(`:host {--_carousel-bleed: var(--carousel-bleed, var(--helix-space-md));--_carousel-gap: var(--carousel-gap, var(--helix-space-md))}:host {display: grid;grid-template-columns: auto minmax(0, 1fr) auto;grid-template-rows: auto minmax(0, 1fr) auto}[part="track"] {grid-area: 2 / 2}[part="controls"], [part="indicators"] {align-items: center;display: flex;gap: var(--helix-space-2xs)}[part="indicators"] {grid-area: 3 / 2;justify-self: var(--_carousel-indicators-along);padding-block-start: var(--helix-space-sm);padding-inline: var(--_carousel-bleed)}[part="controls"] {grid-area: 3 / 2;justify-self: var(--_carousel-controls-along);padding-block-start: var(--helix-space-sm);padding-inline: var(--_carousel-bleed)}[part="indicators"] {--_carousel-indicators-along: start}[part="controls"] {--_carousel-controls-along: end}@media (hover: none) and (pointer: coarse) {:host(:not([controls="always"])) [part="indicators"] {--_carousel-indicators-along: center}}:host([indicator-placement="top"]) [part="indicators"] {grid-area: 1 / 2;padding-block: var(--helix-space-none) var(--helix-space-sm)}:host([controls-placement="top"]) [part="controls"] {grid-area: 1 / 2;padding-block: var(--helix-space-none) var(--helix-space-sm)}:host([indicator-placement="start"]) [part="indicators"], :host([indicator-placement="end"]) [part="indicators"] {align-self: var(--_carousel-indicators-along);flex-direction: column;justify-self: center;padding-block-start: var(--helix-space-none);padding-inline: var(--helix-space-none)}:host([controls-placement="start"]) [part="controls"], :host([controls-placement="end"]) [part="controls"] {align-self: var(--_carousel-controls-along);flex-direction: column;justify-self: center;padding-block-start: var(--helix-space-none);padding-inline: var(--helix-space-none)}:host([indicator-placement="start"]) [part="indicators"], :host([indicator-placement="end"]) [part="indicators"] {--_carousel-indicators-along: center}:host([controls-placement="start"]) [part="controls"], :host([controls-placement="end"]) [part="controls"], :host([controls-placement="overlay"]) [part="controls"] {--_carousel-controls-along: center}:host([indicator-placement="overlay"]) [part="indicators"] {--_carousel-indicators-along: center}:host([indicator-align="start"]) [part="indicators"] {--_carousel-indicators-along: start}:host([indicator-align="center"]) [part="indicators"] {--_carousel-indicators-along: center}:host([indicator-align="end"]) [part="indicators"] {--_carousel-indicators-along: end}:host([controls-align="start"]) [part="controls"] {--_carousel-controls-along: start}:host([controls-align="center"]) [part="controls"] {--_carousel-controls-along: center}:host([controls-align="end"]) [part="controls"] {--_carousel-controls-along: end}:host([indicator-placement="start"]) [part="indicators"] {grid-area: 2 / 1;padding-inline-end: var(--helix-space-sm)}:host([controls-placement="start"]) [part="controls"] {grid-area: 2 / 1;padding-inline-end: var(--helix-space-sm)}:host([indicator-placement="end"]) [part="indicators"] {grid-area: 2 / 3;padding-inline-start: var(--helix-space-sm)}:host([controls-placement="end"]) [part="controls"] {grid-area: 2 / 3;padding-inline-start: var(--helix-space-sm)}[part="rotation"], [part="previous"], [part="next"] {all: unset;box-sizing: border-box;align-items: center;block-size: var(--helix-size-control-tight);border: var(--helix-border-thin) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;inline-size: var(--helix-size-control-tight);justify-content: center}[part="rotation"]:hover, [part="previous"]:hover, [part="next"]:hover {background-color: var(--helix-color-surface-sunken);color: var(--helix-color-foreground)}[part="rotation"]:focus-visible, [part="previous"]:focus-visible, [part="next"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="rotation"] svg, [part="previous"] svg, [part="next"] svg, ::slotted([slot="previous-icon"]), ::slotted([slot="next-icon"]) {block-size: 1em;inline-size: 1em}:host(:dir(rtl)) ::slotted([slot="previous-icon"]), :host(:dir(rtl)) ::slotted([slot="next-icon"]) {scale: -1 1}:host([mouse-drag]) [part="track"] {cursor: grab}:host(:state(dragging)) [part="track"] {cursor: grabbing;user-select: none}[part="track"] {--_carousel-share: calc((100% - (var(--carousel-per-view, 1) - 1) * var(--_carousel-gap)) / var(--carousel-per-view, 1));--carousel-gap: var(--_carousel-gap);--carousel-pane: calc(round(var(--_carousel-share) - 0.015625px, 0.03125px) + 0.015625px);display: flex;gap: var(--_carousel-gap);overflow-x: auto;padding-block: var(--helix-space-md);padding-inline: var(--_carousel-bleed);scroll-padding-inline: var(--_carousel-bleed);scroll-snap-type: x mandatory;scrollbar-width: none}[part="track"]::-webkit-scrollbar {display: none}:host([per-view="auto"]:not([orientation="vertical"])) [part="track"] {--carousel-per-view: max(1, round(down, calc((100cqi + var(--_carousel-gap)) / (var(--carousel-slide-min, 100cqi) + var(--_carousel-gap))), 1));container-type: inline-size}:host([orientation="vertical"]) [part="track"] {block-size: var(--carousel-block-size, 20rem);flex-direction: column;overflow-x: hidden;overflow-y: auto;padding-block: var(--_carousel-bleed);scroll-padding-block: var(--_carousel-bleed);scroll-snap-type: y mandatory}[part="slide"] {display: flex;flex: 0 0 var(--carousel-pane);margin-inline-end: var(--carousel-run-end, 0px);scroll-snap-align: start}:host([per-view="auto"]:not([orientation="vertical"])) [part="slide"] {flex-grow: 1}[part="slide"] ::slotted(*) {flex: 1 1 0;min-block-size: 0;min-inline-size: 0}:host([orientation="vertical"]) [part="slide"] {flex-direction: column;flex: 0 0 var(--_carousel-share)}[part~="indicator"] {--_carousel-indicator-motion: var(--helix-duration-slow) var(--helix-easing-emphasized);all: unset;background-color: var(--helix-color-border);block-size: var(--helix-space-xs);border-radius: var(--helix-radii-full);box-sizing: border-box;cursor: pointer;inline-size: var(--helix-space-xs);transition: background-color var(--_carousel-indicator-motion), inline-size var(--_carousel-indicator-motion)}[part~="indicator"][data-current] {background-color: var(--helix-color-primary);inline-size: var(--helix-space-lg)}:host([indicator-placement="start"]) [part~="indicator"], :host([indicator-placement="end"]) [part~="indicator"] {transition: background-color var(--_carousel-indicator-motion), block-size var(--_carousel-indicator-motion)}:host([indicator-placement="start"]) [part~="indicator"][data-current], :host([indicator-placement="end"]) [part~="indicator"][data-current] {block-size: var(--helix-space-lg);inline-size: var(--helix-space-xs)}[part~="indicator"]:hover {background-color: var(--helix-color-foreground-muted)}[part~="indicator"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}:host([controls-placement="overlay"]) [part="controls"] {grid-area: 2 / 2;justify-self: stretch}:host([controls-placement="overlay"]) [part="controls"] {align-items: var(--_carousel-controls-along);justify-content: flex-start;padding-block-start: var(--helix-space-none);padding-inline: calc(var(--_carousel-bleed) + var(--helix-space-md));pointer-events: none;z-index: var(--helix-layer-raised)}:host([controls-placement="overlay"]) [part="previous"], :host([controls-placement="overlay"]) [part="next"], :host([controls-placement="overlay"]) [part="rotation"] {background-color: var(--helix-color-surface-overlay);border-color: transparent;box-shadow: var(--helix-shadow-md);pointer-events: auto}:host([indicator-placement="overlay"]) [part="indicators"] {align-self: end;grid-area: 2 / 2;z-index: var(--helix-layer-raised)}:host([indicator-placement="overlay"]) [part="indicators"] {background-color: var(--helix-color-surface-overlay);border-radius: var(--helix-radii-full);box-shadow: var(--helix-shadow-md);margin-block-end: calc(var(--_carousel-bleed) + var(--helix-space-md));padding-block: var(--helix-space-2xs);padding-inline: var(--helix-space-xs)}:host([indicator-placement="overlay"]) [part~="indicator"] {background-color: var(--helix-color-foreground-muted)}:host([indicator-placement="overlay"]) [part~="indicator"][data-current] {background-color: var(--helix-color-primary)}:host([controls-placement="overlay"]) [part="next"] {margin-inline-start: auto}:host([controls-placement="overlay"]) [part="rotation"] {order: 1}:host([orientation="vertical"]:not([indicator-placement])) [part="indicators"] {align-self: var(--_carousel-indicators-along);flex-direction: column;grid-area: 2 / 3;justify-self: center;padding-block-start: var(--helix-space-none);padding-inline: var(--helix-space-none);padding-inline-start: var(--helix-space-sm)}:host([orientation="vertical"]:not([controls-placement])) [part="controls"] {align-self: var(--_carousel-controls-along);flex-direction: column;grid-area: 2 / 3;justify-self: center;padding-block-start: var(--helix-space-none);padding-inline: var(--helix-space-none);padding-inline-start: var(--helix-space-sm)}:host([orientation="vertical"]:not([indicator-placement])) [part~="indicator"] {transition: background-color var(--_carousel-indicator-motion), block-size var(--_carousel-indicator-motion)}:host([orientation="vertical"]:not([indicator-placement])) [part~="indicator"][data-current] {block-size: var(--helix-space-lg);inline-size: var(--helix-space-xs)}@media print {:host {box-shadow: none;overflow: visible}}@media (hover: none) and (pointer: coarse) {:host(:not([controls="always"])) [part="previous"], :host(:not([controls="always"])) [part="next"] {display: none}:host(:not([controls="always"]):not([autoplay])) [part="controls"] {display: none}}`);

package/dist/carousel/root/carousel-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 { HelixHeadlessCarousel } from '@fusion.dev/helix-headless/carousel';
 import { property } from 'lit/decorators.js';

package/dist/chat/composer/chat-composer.css.js

@@ -1,6 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: block;}[part="composer"] {background-color: var(--chat-composer-background-color, var(--helix-color-surface));border: var(--chat-composer-border-width, var(--helix-border-thin)) solid
-var(--helix-color-border);border-radius: var(--helix-radii-md);display: grid;gap: var(--helix-space-2xs);padding: var(--helix-space-xs);}[part="composer"]:focus-within {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: 0;}:host(:state(invalid)) [part="composer"],
-:host(:state(invalid)) [part="composer"]:focus-within {border-color: var(--helix-color-danger);outline-color: var(--helix-color-danger);}[part="feedback"] {color: var(--helix-color-danger);font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);line-height: var(--helix-leading-normal);margin: var(--helix-space-none);margin-block-start: var(--helix-space-2xs);}[part="field"] {background-color: transparent;border: 0;color: var(--helix-color-foreground);field-sizing: content;font-family: var(--helix-font-sans);font-size: max(var(--helix-text-field-min), var(--helix-text-sm));line-height: var(--helix-leading-normal);max-block-size: var(--chat-composer-max-block-size, 12rem);padding-block: var(--helix-space-2xs);padding-inline: calc(var(--helix-space-sm) - var(--helix-space-xs) - var(--helix-border-thin));resize: none;}[part="field"]:focus-visible {outline: none;}[part="tools"] {align-items: center;display: flex;gap: var(--helix-space-2xs);justify-content: flex-end;}[part="start"],
-[part="end"] {--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);align-items: center;display: flex;gap: var(--helix-space-2xs);}[part="start"] {margin-inline-end: auto;}[part="end"] {margin-inline-end: var(--helix-space-2xs);}[part="start"][data-empty],
-[part="end"][data-empty] {display: none;}[part="send"] {align-items: center;background-color: transparent;block-size: calc(var(--helix-size-control-tight) - var(--helix-space-2xs));border: 0;border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;inline-size: calc(var(--helix-size-control-tight) - var(--helix-space-2xs));justify-content: center;padding: var(--helix-space-none);}[part="mark"] {block-size: var(--helix-size-icon-tight);inline-size: var(--helix-size-icon-tight);}[part="send"]:hover:not(:disabled) {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);color: var(--helix-color-foreground);}[part="send"]:disabled {cursor: not-allowed;opacity: 0.5;}[part="send"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}`);
+export const styles = createSheet(`:host {display: block}[part="composer"] {background-color: var(--chat-composer-background-color, var(--helix-color-surface));border: var(--chat-composer-border-width, var(--helix-border-thin)) solid var(--helix-color-border);border-radius: var(--helix-radii-md);display: grid;gap: var(--helix-space-2xs);padding: var(--helix-space-xs)}[part="composer"]:focus-within {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: 0}:host(:state(invalid)) [part="composer"], :host(:state(invalid)) [part="composer"]:focus-within {border-color: var(--helix-color-danger);outline-color: var(--helix-color-danger)}[part="feedback"] {color: var(--helix-color-danger);font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);line-height: var(--helix-leading-normal);margin: var(--helix-space-none);margin-block-start: var(--helix-space-2xs)}[part="field"] {background-color: transparent;border: 0;color: var(--helix-color-foreground);field-sizing: content;font-family: var(--helix-font-sans);font-size: max(var(--helix-text-field-min), var(--helix-text-sm));line-height: var(--helix-leading-normal);max-block-size: var(--chat-composer-max-block-size, 12rem);padding-block: var(--helix-space-2xs);padding-inline: calc(var(--helix-space-sm) - var(--helix-space-xs) - var(--helix-border-thin));resize: none}[part="field"]:focus-visible {outline: none}[part="tools"] {align-items: center;display: flex;gap: var(--helix-space-2xs);justify-content: flex-end}[part="start"], [part="end"] {--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);align-items: center;display: flex;gap: var(--helix-space-2xs)}[part="start"] {margin-inline-end: auto}[part="end"] {margin-inline-end: var(--helix-space-2xs)}[part="start"][data-empty], [part="end"][data-empty] {display: none}[part="send"] {align-items: center;background-color: transparent;block-size: calc(var(--helix-size-control-tight) - var(--helix-space-2xs));border: 0;border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;inline-size: calc(var(--helix-size-control-tight) - var(--helix-space-2xs));justify-content: center;padding: var(--helix-space-none)}[part="mark"] {block-size: var(--helix-size-icon-tight);inline-size: var(--helix-size-icon-tight)}[part="send"]:hover:not(:disabled) {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);color: var(--helix-color-foreground)}[part="send"]:disabled {cursor: not-allowed;opacity: 0.5}[part="send"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}`);

package/dist/chat/composer/chat-composer.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 { HelixHeadlessChatComposer } from '@fusion.dev/helix-headless/chat';
 import { styles } from './chat-composer.css.js';

package/dist/chat/message/chat-message.css.js

@@ -1,12 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: block;}:host(:focus-visible) {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part="message"] {align-items: start;display: grid;grid-template-columns: auto minmax(0, 1fr);}[part="avatar"] > slot::slotted(*) {margin-inline-end: var(--helix-space-sm);}[part="avatar"] {align-items: center;display: flex;font-size: var(--helix-text-sm);grid-column: 1;line-height: var(--helix-leading-normal);min-block-size: calc(1lh + var(--helix-space-xs) * 2);}[part="body"] {grid-column: 2;}:host([author="me"]) [part="avatar"] {display: none;}[part="body"] {display: grid;gap: var(--helix-space-2xs);justify-items: start;max-inline-size: min(var(--chat-message-measure, 42rem), 80%);}:host([author="me"]) [part="body"] {justify-items: end;justify-self: end;}[part="actions"] {opacity: 0;pointer-events: none;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);}:host(:hover) [part="actions"],
-:host(:focus-within) [part="actions"] {opacity: 1;pointer-events: auto;}@media (hover: none) {[part="actions"] {opacity: 1;pointer-events: auto;}}[part="actions"] {--helix-size-control: calc(var(--helix-size-control-sm) - var(--helix-space-2xs));--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);align-items: center;display: inline-flex;gap: var(--helix-space-2xs);}[part="actions"][hidden] {display: none;}[part="sources"] {--helix-size-avatar: var(--helix-size-avatar-sm);--helix-size-tag: var(--helix-size-tag-sm);--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);align-items: center;color: var(--helix-color-foreground-muted);display: flex;flex-wrap: wrap;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);gap: var(--helix-space-2xs);line-height: var(--helix-leading-normal);}[part="sources"][hidden] {display: none;}[part="content"] {background-color: var(
---chat-message-background-color,
-color-mix(in oklab, var(--helix-color-foreground) 14%, transparent)
-);border-radius: var(--chat-message-radius, var(--helix-radii-md));color: var(--chat-message-color, var(--helix-color-foreground));font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);line-height: var(--helix-leading-normal);padding-block: var(--chat-message-padding-block, var(--helix-space-xs));padding-inline: var(--chat-message-padding-inline, var(--helix-space-sm));}:host([separation="plain"]) [part="content"] {background-color: transparent;padding-inline: var(--helix-space-none);}:host([separation="plain"]) [part="body"] {justify-items: stretch;max-inline-size: 100%;}:host([separation="plain"]) [part="content"] {inline-size: auto;}:host([author="me"]) [part="content"] {background-color: var(
---chat-message-background-color-me,
-color-mix(in oklab, var(--helix-color-primary) 28%, transparent)
-);color: var(--chat-message-color-me, var(--chat-message-color, var(--helix-color-foreground)));}[part="meta"] {align-items: center;color: var(--chat-message-meta-color, var(--helix-color-foreground-muted));display: flex;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);gap: var(--helix-space-2xs);}:host([author="me"]) [part="meta"] {justify-content: flex-end;}[part="content"] {inline-size: fit-content;max-inline-size: 100%;min-inline-size: 0;overflow-x: auto;}[part="content"] slot[name="indicator"] {display: none;}:host([state="streaming"]) [part="content"][data-empty] slot[name="indicator"] {display: block;}slot[name="indicator"]::slotted(*) {background-color: var(--chat-indicator-background-color, var(--helix-color-surface-sunken));border-radius: var(--helix-radii-full);font-size: var(--helix-text-xs);padding-block: var(--helix-space-2xs);padding-inline: var(--helix-space-xs);--orb-size: var(--helix-size-icon-sm);}slot[name="indicator"]::slotted(helix-orb) {background-color: transparent;padding: var(--helix-space-none);}:host([state="failed"]) [part="meta"] {color: var(--helix-color-danger);}[part="state"] {align-items: center;display: inline-flex;font-weight: var(--helix-weight-medium);gap: var(--helix-space-2xs);}[part="mark"] {block-size: var(--helix-size-icon-tight);flex: 0 0 auto;inline-size: var(--helix-size-icon-tight);}:host([state="sending"]) [part="content"] {opacity: 0.6;}[part="retry"] {background: none;border: 0;border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground);cursor: pointer;font: inherit;font-weight: var(--helix-weight-medium);margin-inline-end: calc(var(--helix-space-2xs) * -1);min-block-size: calc(var(--helix-size-control-tight) - var(--helix-space-2xs));padding-block: var(--helix-space-2xs);padding-inline: var(--helix-space-2xs);text-decoration: underline;text-underline-offset: 0.2em;}[part="retry"]:hover {background-color: light-dark(
-color-mix(in oklab, var(--helix-color-foreground) 8%, transparent),
-color-mix(in oklab, var(--helix-color-foreground) 12%, transparent)
-);}[part="retry"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}@media print {[part="retry"] {display: none;}[part="actions"] {display: none;}[part="content"] slot[name="indicator"] {display: none;}}`);
+export const styles = createSheet(`:host {display: block}:host(:focus-visible) {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}[part="message"] {align-items: start;display: grid;grid-template-columns: auto minmax(0, 1fr)}[part="avatar"] > slot::slotted(*) {margin-inline-end: var(--helix-space-sm)}[part="avatar"] {align-items: center;display: flex;font-size: var(--helix-text-sm);grid-column: 1;line-height: var(--helix-leading-normal);min-block-size: calc(1lh + var(--helix-space-xs) * 2)}[part="body"] {grid-column: 2}:host([author="me"]) [part="avatar"] {display: none}[part="body"] {display: grid;gap: var(--helix-space-2xs);justify-items: start;max-inline-size: min(var(--chat-message-measure, 42rem), 80%)}:host([author="me"]) [part="body"] {justify-items: end;justify-self: end}[part="actions"] {opacity: 0;pointer-events: none;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard)}:host(:hover) [part="actions"], :host(:focus-within) [part="actions"] {opacity: 1;pointer-events: auto}@media (hover: none) {[part="actions"] {opacity: 1;pointer-events: auto}}[part="actions"] {--helix-size-control: calc(var(--helix-size-control-sm) - var(--helix-space-2xs));--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);align-items: center;display: inline-flex;gap: var(--helix-space-2xs)}[part="actions"][hidden] {display: none}[part="sources"] {--helix-size-avatar: var(--helix-size-avatar-sm);--helix-size-tag: var(--helix-size-tag-sm);--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);align-items: center;color: var(--helix-color-foreground-muted);display: flex;flex-wrap: wrap;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);gap: var(--helix-space-2xs);line-height: var(--helix-leading-normal)}[part="sources"][hidden] {display: none}[part="content"] {background-color: var(--chat-message-background-color, color-mix(in oklab, var(--helix-color-foreground) 14%, transparent));border-radius: var(--chat-message-radius, var(--helix-radii-md));color: var(--chat-message-color, var(--helix-color-foreground));font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);line-height: var(--helix-leading-normal);padding-block: var(--chat-message-padding-block, var(--helix-space-xs));padding-inline: var(--chat-message-padding-inline, var(--helix-space-sm))}:host([separation="plain"]) [part="content"] {background-color: transparent;padding-inline: var(--helix-space-none)}:host([separation="plain"]) [part="body"] {justify-items: stretch;max-inline-size: 100%}:host([separation="plain"]) [part="content"] {inline-size: auto}:host([author="me"]) [part="content"] {background-color: var(--chat-message-background-color-me, color-mix(in oklab, var(--helix-color-primary) 28%, transparent));color: var(--chat-message-color-me, var(--chat-message-color, var(--helix-color-foreground)))}[part="meta"] {align-items: center;color: var(--chat-message-meta-color, var(--helix-color-foreground-muted));display: flex;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);gap: var(--helix-space-2xs)}:host([author="me"]) [part="meta"] {justify-content: flex-end}[part="content"] {inline-size: fit-content;max-inline-size: 100%;min-inline-size: 0;overflow-x: auto}[part="content"] slot[name="indicator"] {display: none}:host([state="streaming"]) [part="content"][data-empty] slot[name="indicator"] {display: block}slot[name="indicator"]::slotted(*) {background-color: var(--chat-indicator-background-color, var(--helix-color-surface-sunken));border-radius: var(--helix-radii-full);font-size: var(--helix-text-xs);padding-block: var(--helix-space-2xs);padding-inline: var(--helix-space-xs);--orb-size: var(--helix-size-icon-sm)}slot[name="indicator"]::slotted(helix-orb) {background-color: transparent;padding: var(--helix-space-none)}:host([state="failed"]) [part="meta"] {color: var(--helix-color-danger)}[part="state"] {align-items: center;display: inline-flex;font-weight: var(--helix-weight-medium);gap: var(--helix-space-2xs)}[part="mark"] {block-size: var(--helix-size-icon-tight);flex: 0 0 auto;inline-size: var(--helix-size-icon-tight)}:host([state="sending"]) [part="content"] {opacity: 0.6}[part="retry"] {background: none;border: 0;border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground);cursor: pointer;font: inherit;font-weight: var(--helix-weight-medium);margin-inline-end: calc(var(--helix-space-2xs) * -1);min-block-size: calc(var(--helix-size-control-tight) - var(--helix-space-2xs));padding-block: var(--helix-space-2xs);padding-inline: var(--helix-space-2xs);text-decoration: underline;text-underline-offset: 0.2em}[part="retry"]:hover {background-color: light-dark(color-mix(in oklab, var(--helix-color-foreground) 8%, transparent), color-mix(in oklab, var(--helix-color-foreground) 12%, transparent))}[part="retry"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}@media print {[part="retry"] {display: none}[part="actions"] {display: none}[part="content"] slot[name="indicator"] {display: none}}`);

package/dist/chat/message/chat-message.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 { HelixHeadlessChatMessage } from '@fusion.dev/helix-headless/chat';
 import { property } from 'lit/decorators.js';

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

@@ -1,14 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: grid;grid-template-rows: auto minmax(0, 1fr) auto auto auto;max-block-size: var(--chat-max-block-size, none);min-block-size: 0;}[part="header"] {grid-row: 1;}[part="log"] {grid-row: 2;}[part="resume"] {grid-row: 3;}[part="status"] {grid-row: 4;}[part="composer"] {grid-row: 5;}[part="log"] {display: flex;flex-direction: column;scrollbar-color: var(--chat-scrollbar-thumb-color, var(--helix-scrollbar-thumb-color))
-var(--chat-scrollbar-track-color, var(--helix-scrollbar-track-color));scrollbar-width: thin;gap: var(--chat-gap, var(--helix-space-md));overflow-y: auto;padding-block: var(--helix-space-md);padding-inline: var(--chat-padding-inline, var(--helix-space-md));justify-content: safe flex-end;}[part="log"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part="log"]:hover {scrollbar-color: var(--chat-scrollbar-thumb-hover-color, var(--helix-scrollbar-thumb-hover-color))
-var(--chat-scrollbar-track-color, var(--helix-scrollbar-track-color));}[part="header"][hidden],
-[part="resume"][hidden],
-[part="composer"][hidden] {display: none;}[part="status"][data-empty] {padding-block: 0;}[part="header"] {--helix-size-tag: var(--helix-size-tag-sm);align-items: center;border-block-end: var(--helix-border-thin) solid var(--chat-rule, var(--helix-color-border));display: flex;gap: var(--helix-space-sm);justify-content: space-between;min-block-size: var(--helix-size-control);padding-block: var(--helix-space-2xs);padding-inline: var(--chat-padding-inline, var(--helix-space-md));}[part="header"] > [part="actions"] {--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);align-items: center;display: flex;flex: 0 0 auto;gap: var(--helix-space-2xs);}[part="header"] > [part="actions"][hidden] {display: none;}[part="resume"] {display: grid;justify-items: center;margin-block-start: calc(var(--helix-space-xl) * -1);pointer-events: none;position: relative;}[part="resume"] > * {pointer-events: auto;}[part="resume"] slot::slotted(*) {border: var(--chat-resume-border-width, var(--helix-border-floating)) solid
-var(--chat-resume-border-color, var(--helix-color-border));box-shadow: var(--chat-resume-shadow, var(--helix-shadow-floating));}[part="resume-button"] {all: unset;box-sizing: border-box;align-items: center;background-color: var(--helix-color-surface-raised);block-size: var(--helix-size-control);border: var(--chat-resume-border-width, var(--helix-border-floating)) solid
-var(--chat-resume-border-color, var(--helix-color-border));border-radius: var(--helix-radii-sm);box-shadow: var(--chat-resume-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-control);font-weight: var(--helix-weight-medium);gap: var(--helix-space-xs);line-height: var(--helix-leading-tight);padding-inline: var(--helix-space-control);pointer-events: auto;white-space: nowrap;}[part="resume-button"]:hover {background-color: color-mix(
-in oklab,
-var(--helix-color-foreground) 6%,
-var(--helix-color-surface-raised)
-);}[part="resume-button"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="resume-mark"] {block-size: var(--helix-size-icon-sm);display: inline-flex;inline-size: var(--helix-size-icon-sm);}[part="resume-mark"] svg {block-size: 100%;inline-size: 100%;}[part="status"] {color: var(--helix-color-foreground-muted);font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);padding-block-end: var(--helix-space-2xs);padding-block-start: var(--helix-space-xs);padding-inline: var(--chat-padding-inline, var(--helix-space-md));}[part="typing"] {align-items: center;color: var(--chat-typing-color, var(--helix-color-foreground-muted));display: inline-flex;gap: var(--chat-typing-gap, var(--helix-space-xs));}[part="composer"] {padding-block: var(--helix-space-sm);padding-inline: var(--chat-padding-inline, var(--helix-space-md));}[part="empty"],
-[part="loading"] {--_collection-inset-block: var(--helix-space-lg);--_collection-inset-inline: var(--helix-space-none);}[part="history"] {color: var(--helix-color-foreground-subtle);font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);margin: var(--helix-space-none);padding-block: var(--helix-space-lg);text-align: center;}[part="log"][data-windowed] {gap: var(--helix-space-none);}[part="turn"] {flex: none;}[part="turn"]:not([data-index="0"]) {padding-block-start: var(--chat-gap, var(--helix-space-md));}@media print {:host {max-block-size: none;}[part="log"] {overflow-y: visible;}[part="composer"],
-[part="resume"] {display: none;}}`);
+export const styles = createSheet(`:host {display: grid;grid-template-rows: auto minmax(0, 1fr) auto auto auto;max-block-size: var(--chat-max-block-size, none);min-block-size: 0}[part="header"] {grid-row: 1}[part="log"] {grid-row: 2}[part="resume"] {grid-row: 3}[part="status"] {grid-row: 4}[part="composer"] {grid-row: 5}[part="log"] {display: flex;flex-direction: column;scrollbar-color: var(--chat-scrollbar-thumb-color, var(--helix-scrollbar-thumb-color)) var(--chat-scrollbar-track-color, var(--helix-scrollbar-track-color));scrollbar-width: thin;gap: var(--chat-gap, var(--helix-space-md));overflow-y: auto;padding-block: var(--helix-space-md);padding-inline: var(--chat-padding-inline, var(--helix-space-md));justify-content: safe flex-end}[part="log"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}[part="log"]:hover {scrollbar-color: var(--chat-scrollbar-thumb-hover-color, var(--helix-scrollbar-thumb-hover-color)) var(--chat-scrollbar-track-color, var(--helix-scrollbar-track-color))}[part="header"][hidden], [part="resume"][hidden], [part="composer"][hidden] {display: none}[part="status"][data-empty] {padding-block: 0}[part="header"] {--helix-size-tag: var(--helix-size-tag-sm);align-items: center;border-block-end: var(--helix-border-thin) solid var(--chat-rule, var(--helix-color-border));display: flex;gap: var(--helix-space-sm);justify-content: space-between;min-block-size: var(--helix-size-control);padding-block: var(--helix-space-2xs);padding-inline: var(--chat-padding-inline, var(--helix-space-md))}[part="header"] > [part="actions"] {--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);align-items: center;display: flex;flex: 0 0 auto;gap: var(--helix-space-2xs)}[part="header"] > [part="actions"][hidden] {display: none}[part="resume"] {display: grid;justify-items: center;margin-block-start: calc(var(--helix-space-xl) * -1);pointer-events: none;position: relative}[part="resume"] > * {pointer-events: auto}[part="resume"] slot::slotted(*) {border: var(--chat-resume-border-width, var(--helix-border-floating)) solid var(--chat-resume-border-color, var(--helix-color-border));box-shadow: var(--chat-resume-shadow, var(--helix-shadow-floating))}[part="resume-button"] {all: unset;box-sizing: border-box;align-items: center;background-color: var(--helix-color-surface-raised);block-size: var(--helix-size-control);border: var(--chat-resume-border-width, var(--helix-border-floating)) solid var(--chat-resume-border-color, var(--helix-color-border));border-radius: var(--helix-radii-sm);box-shadow: var(--chat-resume-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-control);font-weight: var(--helix-weight-medium);gap: var(--helix-space-xs);line-height: var(--helix-leading-tight);padding-inline: var(--helix-space-control);pointer-events: auto;white-space: nowrap}[part="resume-button"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 6%, var(--helix-color-surface-raised))}[part="resume-button"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="resume-mark"] {block-size: var(--helix-size-icon-sm);display: inline-flex;inline-size: var(--helix-size-icon-sm)}[part="resume-mark"] svg {block-size: 100%;inline-size: 100%}[part="status"] {color: var(--helix-color-foreground-muted);font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);padding-block-end: var(--helix-space-2xs);padding-block-start: var(--helix-space-xs);padding-inline: var(--chat-padding-inline, var(--helix-space-md))}[part="typing"] {align-items: center;color: var(--chat-typing-color, var(--helix-color-foreground-muted));display: inline-flex;gap: var(--chat-typing-gap, var(--helix-space-xs))}[part="composer"] {padding-block: var(--helix-space-sm);padding-inline: var(--chat-padding-inline, var(--helix-space-md))}[part="empty"], [part="loading"] {--_collection-inset-block: var(--helix-space-lg);--_collection-inset-inline: var(--helix-space-none)}[part="history"] {color: var(--helix-color-foreground-subtle);font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);margin: var(--helix-space-none);padding-block: var(--helix-space-lg);text-align: center}[part="log"][data-windowed] {gap: var(--helix-space-none)}[part="turn"] {flex: none}[part="turn"]:not([data-index="0"]) {padding-block-start: var(--chat-gap, var(--helix-space-md))}@media print {:host {max-block-size: none}[part="log"] {overflow-y: visible}[part="composer"], [part="resume"] {display: none}}`);

package/dist/chat/root/chat-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 { HelixHeadlessChat } from '@fusion.dev/helix-headless/chat';
 import { styles as collectionStateStyles } from '../../shared/collection/state.css.js';