@fusion.dev/helix 0.182.1 → 0.183.0

package/dist/shared/tags/tags.css.js

@@ -1,2 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`[part="tags"] {display: contents;}:where(button)[part="rest"] {all: unset;box-sizing: border-box;}[part="rest"] {align-self: center;color: var(--helix-color-foreground-subtle);flex: 0 0 auto;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);white-space: nowrap;}button[part="rest"] {border-radius: var(--helix-radii-sm);cursor: pointer;transition: color var(--helix-duration-fast) var(--helix-easing-standard);}button[part="rest"]:hover {color: var(--helix-color-foreground);}button[part="rest"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}button[part="rest"] svg {block-size: var(--helix-size-icon-tight);flex: 0 0 auto;inline-size: var(--helix-size-icon-tight);}`);
+export const styles = createSheet(`[part="tags"] {display: contents}:where(button)[part="rest"] {all: unset;box-sizing: border-box}[part="rest"] {align-self: center;color: var(--helix-color-foreground-subtle);flex: 0 0 auto;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);white-space: nowrap}button[part="rest"] {border-radius: var(--helix-radii-sm);cursor: pointer;transition: color var(--helix-duration-fast) var(--helix-easing-standard)}button[part="rest"]:hover {color: var(--helix-color-foreground)}button[part="rest"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}button[part="rest"] svg {block-size: var(--helix-size-icon-tight);flex: 0 0 auto;inline-size: var(--helix-size-icon-tight)}`);

package/dist/shared/viewport/viewport.css.js

@@ -1,21 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`[part="controls"] {display: grid;gap: var(--helix-space-2xs);grid-template-areas:
-".      up    .      zoomin"
-"start  .     end    zoomout"
-".      down  .      full";position: absolute;inset-block-start: var(--helix-space-sm);inset-inline-end: var(--helix-space-sm);transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);}[part="controls"]:not(:has([part="zoom-in"])) {grid-template-areas:
-".      up    ."
-"start  .     end"
-".      down  full";}[part="controls"]:not(:has([part="pan-up"])) {grid-template-areas:
-"zoomin"
-"zoomout"
-"full";}:host(:fullscreen) {display: block;}:host(:state(fullscreen)) [part="region"] {block-size: 100dvh;border: none;border-radius: 0;}:host([controls-placement="top-end"]) [part="controls"] {inset-block: var(--helix-space-sm) auto;inset-inline: auto var(--helix-space-sm);}:host([controls-placement="top-start"]) [part="controls"] {inset-block: var(--helix-space-sm) auto;inset-inline: var(--helix-space-sm) auto;}:host([controls-placement="bottom-end"]) [part="controls"] {inset-block: auto var(--helix-space-sm);inset-inline: auto var(--helix-space-sm);}:host([controls-placement="bottom-start"]) [part="controls"] {inset-block: auto var(--helix-space-sm);inset-inline: var(--helix-space-sm) auto;}[part="pan-up"] {grid-area: up;}[part="pan-down"] {grid-area: down;}[part="pan-start"] {grid-area: start;}[part="pan-end"] {grid-area: end;}[part="zoom-in"] {grid-area: zoomin;}[part="zoom-out"] {grid-area: zoomout;}[part="fullscreen"] {grid-area: full;}[part="controls"] button {align-items: center;background-color: var(--viewport-control-background-color, var(--helix-color-surface-overlay));border: var(--helix-border-floating) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);box-shadow: var(--helix-shadow-floating);block-size: var(--helix-size-control-sm);color: var(--helix-color-foreground);cursor: pointer;display: inline-flex;font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);inline-size: var(--helix-size-control-sm);justify-content: center;padding: 0;}[part="controls"] button ::slotted(*) {--icon-size: var(--helix-size-icon-sm);block-size: var(--helix-size-icon-sm);inline-size: var(--helix-size-icon-sm);}[part="controls"] button:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="controls"] button:hover {background-color: color-mix(
-in oklab,
-var(--helix-color-foreground) 10%,
-var(--viewport-control-background-color, var(--helix-color-surface-overlay))
-);}[part="gesture-hint"],
-[part="gesture-status"] {background-color: var(--helix-color-surface-inverse);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-inverse);left: 50%;max-inline-size: calc(100% - var(--helix-space-lg) * 2);pointer-events: none;position: absolute;text-align: center;z-index: calc(var(--helix-layer-raised) + 2);}[part="gesture-hint"] {font-size: var(--helix-text-sm);inset-block-start: clamp(
-var(--helix-space-2xl),
-var(--_viewport-hint-y, 50%),
-calc(100% - var(--helix-space-2xl))
-);padding: var(--helix-space-xs) var(--helix-space-sm);translate: -50% -50%;}[part="gesture-status"] {font-size: var(--helix-text-xs);inset-block-start: var(--helix-space-xs);padding: var(--helix-space-2xs) var(--helix-space-xs);translate: -50% 0;}[part="gesture-hint"][hidden],
-[part="gesture-status"][hidden] {display: none;}`);
+export const styles = createSheet(`[part="controls"] {display: grid;gap: var(--helix-space-2xs);grid-template-areas: ".      up    .      zoomin" "start  .     end    zoomout" ".      down  .      full";position: absolute;inset-block-start: var(--helix-space-sm);inset-inline-end: var(--helix-space-sm);transition: opacity var(--helix-duration-fast) var(--helix-easing-standard)}[part="controls"]:not(:has([part="zoom-in"])) {grid-template-areas: ".      up    ." "start  .     end" ".      down  full"}[part="controls"]:not(:has([part="pan-up"])) {grid-template-areas: "zoomin" "zoomout" "full"}:host(:fullscreen) {display: block}:host(:state(fullscreen)) [part="region"] {block-size: 100dvh;border: none;border-radius: 0}:host([controls-placement="top-end"]) [part="controls"] {inset-block: var(--helix-space-sm) auto;inset-inline: auto var(--helix-space-sm)}:host([controls-placement="top-start"]) [part="controls"] {inset-block: var(--helix-space-sm) auto;inset-inline: var(--helix-space-sm) auto}:host([controls-placement="bottom-end"]) [part="controls"] {inset-block: auto var(--helix-space-sm);inset-inline: auto var(--helix-space-sm)}:host([controls-placement="bottom-start"]) [part="controls"] {inset-block: auto var(--helix-space-sm);inset-inline: var(--helix-space-sm) auto}[part="pan-up"] {grid-area: up}[part="pan-down"] {grid-area: down}[part="pan-start"] {grid-area: start}[part="pan-end"] {grid-area: end}[part="zoom-in"] {grid-area: zoomin}[part="zoom-out"] {grid-area: zoomout}[part="fullscreen"] {grid-area: full}[part="controls"] button {align-items: center;background-color: var(--viewport-control-background-color, var(--helix-color-surface-overlay));border: var(--helix-border-floating) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);box-shadow: var(--helix-shadow-floating);block-size: var(--helix-size-control-sm);color: var(--helix-color-foreground);cursor: pointer;display: inline-flex;font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);inline-size: var(--helix-size-control-sm);justify-content: center;padding: 0}[part="controls"] button ::slotted(*) {--icon-size: var(--helix-size-icon-sm);block-size: var(--helix-size-icon-sm);inline-size: var(--helix-size-icon-sm)}[part="controls"] button:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="controls"] button:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 10%, var(--viewport-control-background-color, var(--helix-color-surface-overlay)))}[part="gesture-hint"], [part="gesture-status"] {background-color: var(--helix-color-surface-inverse);border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-inverse);left: 50%;max-inline-size: calc(100% - var(--helix-space-lg) * 2);pointer-events: none;position: absolute;text-align: center;z-index: calc(var(--helix-layer-raised) + 2)}[part="gesture-hint"] {font-size: var(--helix-text-sm);inset-block-start: clamp(var(--helix-space-2xl), var(--_viewport-hint-y, 50%), calc(100% - var(--helix-space-2xl)));padding: var(--helix-space-xs) var(--helix-space-sm);translate: -50% -50%}[part="gesture-status"] {font-size: var(--helix-text-xs);inset-block-start: var(--helix-space-xs);padding: var(--helix-space-2xs) var(--helix-space-xs);translate: -50% 0}[part="gesture-hint"][hidden], [part="gesture-status"][hidden] {display: none}`);

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

@@ -1,24 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: block;inline-size: 100%;}:host(:not([shape])) {block-size: var(--skeleton-block-size, var(--helix-size-control));}:host([shape="text"]) {block-size: 1em;}:host([shape="text"][lines]:not([lines="1"]):not([lines="0"])) {block-size: auto;}:host([shape="circle"]) {aspect-ratio: 1 / 1;inline-size: var(--skeleton-size, var(--helix-size-control));}[part~="skeleton"] {background-color: var(
---skeleton-color,
-color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)
-);block-size: 100%;border-radius: var(--skeleton-radius, var(--helix-radii-sm));display: block;inline-size: 100%;overflow: hidden;position: relative;}[part="lines"] {display: flex;flex-direction: column;gap: calc((var(--helix-leading-normal) - 1) * 1em);}[part~="line"] {block-size: 1em;}[part~="line"]:last-child:not(:first-child) {inline-size: var(--skeleton-last-line-size, 60%);}[part="sheen"] {animation: helix-skeleton-sweep var(--skeleton-duration, calc(var(--helix-duration-slow) * 4))
-ease-in-out infinite;background-image: linear-gradient(
-90deg,
-transparent 0%,
-var(--skeleton-sheen-color, color-mix(in oklab, var(--helix-color-foreground) 8%, transparent))
-50%,
-transparent 100%
-);display: block;inline-size: 200%;inset-block: 0;inset-inline-start: 0;position: absolute;}:host([shape="text"]) [part~="skeleton"] {border-radius: var(--helix-radii-full);}:host([shape="circle"]) [part="skeleton"] {border-radius: var(--helix-radii-full);}:host([effect="pulse"]) [part="sheen"],
-:host([effect="none"]) [part="sheen"] {animation: none;background-image: none;}:host([effect="pulse"]) [part~="skeleton"] {animation: helix-skeleton-pulse var(--skeleton-duration, calc(var(--helix-duration-slow) * 4))
-ease-in-out infinite;}@keyframes helix-skeleton-pulse {50% {opacity: 0.4;}}:host(:state(wrapping)),
-:host(:not(:defined):not(:empty)) {block-size: auto;inline-size: fit-content;max-inline-size: 100%;position: relative;}:host(:state(wrapping)) [part="content"],
-:host(:not(:defined):not(:empty)) [part="content"] {display: block;}:host(:state(wrapping)) [part="skeleton"],
-:host(:not(:defined):not(:empty)) [part="skeleton"],
-:host(:state(wrapping)) [part="lines"],
-:host(:not(:defined):not(:empty)) [part="lines"] {block-size: auto;inset: 0;position: absolute;}:host(:state(wrapping):not([loading])) [part="skeleton"],
-:host(:not(:defined):not(:empty):not([loading])) [part="skeleton"],
-:host(:state(wrapping):not([loading])) [part="lines"],
-:host(:not(:defined):not(:empty):not([loading])) [part="lines"] {display: none;}:host([loading]:state(wrapping)) [part="content"],
-:host([loading]:not(:defined):not(:empty)) [part="content"] {visibility: hidden;}@keyframes helix-skeleton-sweep {from {translate: -50% 0;}to {translate: 50% 0;}}@media (prefers-reduced-motion: reduce) {[part="sheen"],
-:host([effect="pulse"]) [part~="skeleton"] {animation: none;}[part="sheen"] {background-image: none;}}@media print {:host {display: none;}}@media (forced-colors: active) {[part~="skeleton"] {outline: var(--helix-border-thin) solid GrayText;outline-offset: calc(var(--helix-border-thin) * -1);}}@media (forced-colors: active) and (prefers-reduced-motion: no-preference) {[part="sheen"] {background-image: linear-gradient(90deg, transparent 35%, GrayText 50%, transparent 65%);forced-color-adjust: none;}}`);
+export const styles = createSheet(`:host {display: block;inline-size: 100%}:host(:not([shape])) {block-size: var(--skeleton-block-size, var(--helix-size-control))}:host([shape="text"]) {block-size: 1em}:host([shape="text"][lines]:not([lines="1"]):not([lines="0"])) {block-size: auto}:host([shape="circle"]) {aspect-ratio: 1 / 1;inline-size: var(--skeleton-size, var(--helix-size-control))}[part~="skeleton"] {background-color: var(--skeleton-color, color-mix(in oklab, var(--helix-color-foreground) 8%, transparent));block-size: 100%;border-radius: var(--skeleton-radius, var(--helix-radii-sm));display: block;inline-size: 100%;overflow: hidden;position: relative}[part="lines"] {display: flex;flex-direction: column;gap: calc((var(--helix-leading-normal) - 1) * 1em)}[part~="line"] {block-size: 1em}[part~="line"]:last-child:not(:first-child) {inline-size: var(--skeleton-last-line-size, 60%)}[part="sheen"] {animation: helix-skeleton-sweep var(--skeleton-duration, calc(var(--helix-duration-slow) * 4)) ease-in-out infinite;background-image: linear-gradient(90deg, transparent 0%, var(--skeleton-sheen-color, color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)) 50%, transparent 100%);display: block;inline-size: 200%;inset-block: 0;inset-inline-start: 0;position: absolute}:host([shape="text"]) [part~="skeleton"] {border-radius: var(--helix-radii-full)}:host([shape="circle"]) [part="skeleton"] {border-radius: var(--helix-radii-full)}:host([effect="pulse"]) [part="sheen"], :host([effect="none"]) [part="sheen"] {animation: none;background-image: none}:host([effect="pulse"]) [part~="skeleton"] {animation: helix-skeleton-pulse var(--skeleton-duration, calc(var(--helix-duration-slow) * 4)) ease-in-out infinite}@keyframes helix-skeleton-pulse {50% {opacity: 0.4}}:host(:state(wrapping)), :host(:not(:defined):not(:empty)) {block-size: auto;inline-size: fit-content;max-inline-size: 100%;position: relative}:host(:state(wrapping)) [part="content"], :host(:not(:defined):not(:empty)) [part="content"] {display: block}:host(:state(wrapping)) [part="skeleton"], :host(:not(:defined):not(:empty)) [part="skeleton"], :host(:state(wrapping)) [part="lines"], :host(:not(:defined):not(:empty)) [part="lines"] {block-size: auto;inset: 0;position: absolute}:host(:state(wrapping):not([loading])) [part="skeleton"], :host(:not(:defined):not(:empty):not([loading])) [part="skeleton"], :host(:state(wrapping):not([loading])) [part="lines"], :host(:not(:defined):not(:empty):not([loading])) [part="lines"] {display: none}:host([loading]:state(wrapping)) [part="content"], :host([loading]:not(:defined):not(:empty)) [part="content"] {visibility: hidden}@keyframes helix-skeleton-sweep {from {translate: -50% 0}to {translate: 50% 0}}@media (prefers-reduced-motion: reduce) {[part="sheen"], :host([effect="pulse"]) [part~="skeleton"] {animation: none}[part="sheen"] {background-image: none}}@media print {:host {display: none}}@media (forced-colors: active) {[part~="skeleton"] {outline: var(--helix-border-thin) solid GrayText;outline-offset: calc(var(--helix-border-thin) * -1)}}@media (forced-colors: active) and (prefers-reduced-motion: no-preference) {[part="sheen"] {background-image: linear-gradient(90deg, transparent 35%, GrayText 50%, transparent 65%);forced-color-adjust: none}}`);

package/dist/skeleton/root/skeleton-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 { HelixHeadlessSkeleton } from '@fusion.dev/helix-headless/skeleton';
 import { html } from 'lit';

package/dist/skip-link/root/skip-link-root.css.js

@@ -1,3 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: block;inset-block-start: var(--skip-link-inset-block, var(--helix-space-sm));inset-inline-start: var(--skip-link-inset-inline, var(--helix-space-sm));position: fixed;z-index: var(--helix-layer-overlay);}:host(:not(:focus-within)) {block-size: 1px;border: var(--helix-space-none);clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;padding: var(--helix-space-none);position: absolute;white-space: nowrap;}[part="link"] {background-color: var(--skip-link-background-color, var(--helix-color-surface-inverse));border: var(--skip-link-border-width, var(--helix-border-floating)) solid
-var(--skip-link-border-color, var(--helix-color-border));border-radius: var(--skip-link-radius, var(--helix-radii-sm));box-shadow: var(--skip-link-shadow, var(--helix-shadow-floating));color: var(--skip-link-color, var(--helix-color-foreground-inverse));display: inline-block;font-family: var(--helix-font-sans);font-size: var(--skip-link-font-size, var(--helix-text-sm));font-weight: var(--helix-weight-medium);line-height: var(--helix-leading-normal);padding-block: var(--skip-link-padding-block, var(--helix-space-sm));padding-inline: var(--skip-link-padding-inline, var(--helix-space-md));text-decoration: none;}[part="link"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}@media print {:host {display: none;}}`);
+export const styles = createSheet(`:host {display: block;inset-block-start: var(--skip-link-inset-block, var(--helix-space-sm));inset-inline-start: var(--skip-link-inset-inline, var(--helix-space-sm));position: fixed;z-index: var(--helix-layer-overlay)}:host(:not(:focus-within)) {block-size: 1px;border: var(--helix-space-none);clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;padding: var(--helix-space-none);position: absolute;white-space: nowrap}[part="link"] {background-color: var(--skip-link-background-color, var(--helix-color-surface-inverse));border: var(--skip-link-border-width, var(--helix-border-floating)) solid var(--skip-link-border-color, var(--helix-color-border));border-radius: var(--skip-link-radius, var(--helix-radii-sm));box-shadow: var(--skip-link-shadow, var(--helix-shadow-floating));color: var(--skip-link-color, var(--helix-color-foreground-inverse));display: inline-block;font-family: var(--helix-font-sans);font-size: var(--skip-link-font-size, var(--helix-text-sm));font-weight: var(--helix-weight-medium);line-height: var(--helix-leading-normal);padding-block: var(--skip-link-padding-block, var(--helix-space-sm));padding-inline: var(--skip-link-padding-inline, var(--helix-space-md));text-decoration: none}[part="link"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}@media print {:host {display: none}}`);

package/dist/skip-link/root/skip-link-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 { HelixHeadlessSkipLink } from '@fusion.dev/helix-headless/skip-link';
 import { styles } from './skip-link-root.css.js';

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

@@ -1,84 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {--_slider-track: var(--slider-track-size, var(--helix-size-progress));--_slider-thumb: var(--slider-thumb-size, var(--helix-size-checkbox));--_slider-thumb-length: var(--slider-thumb-length, var(--_slider-thumb));--_slider-thumb-radii: var(--slider-thumb-radius, var(--helix-radii-full));--_slider-halo: color-mix(
-in oklab,
-var(--slider-fill-color, var(--helix-color-primary)) 24%,
-transparent
-);--_slider-track-color: var(--slider-track-color, var(--helix-color-border));--_slider-along: to right;display: flex;flex-direction: column;gap: var(--helix-space-2xs);}:host(:dir(rtl)) {--_slider-along: to left;}[part="field"] {align-items: center;display: flex;gap: var(--helix-space-sm);}[part="field"][data-markers] {display: grid;grid-template-columns: 1fr auto;}[part="control"] {z-index: var(--helix-layer-raised);appearance: none;background: transparent;cursor: pointer;flex: 1 1 auto;min-inline-size: 0;}[part="field"][data-markers] [part="control"],
-[part="field"][data-markers] [part="markers"] {grid-column: 1;grid-row: 1;}[part="output"] {color: var(--helix-color-foreground);font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);font-variant-numeric: tabular-nums;min-inline-size: var(--_slider-output-reserve, 3ch);text-align: end;}[part="field"][data-markers] [part="output"] {grid-column: 2;grid-row: 1;}[part="control"] {--_slider-track-image: var(
---slider-track-image,
-linear-gradient(
-var(--_slider-along),
-var(--slider-fill-color, var(--helix-color-primary)) calc(var(--slider-fraction, 0) * 100%),
-var(--_slider-track-color) calc(var(--slider-fraction, 0) * 100%)
-)
-);}[part="control"][data-origin] {--_slider-track-image: var(
---slider-track-image,
-linear-gradient(
-var(--_slider-along),
-var(--_slider-track-color) calc(var(--slider-from, 0) * 100%),
-var(--slider-fill-color, var(--helix-color-primary)) calc(var(--slider-from, 0) * 100%),
-var(--slider-fill-color, var(--helix-color-primary)) calc(var(--slider-to, 0) * 100%),
-var(--_slider-track-color) calc(var(--slider-to, 0) * 100%)
-)
-);}[part="markers"] {align-self: center;block-size: var(--_slider-track);margin-inline: calc(var(--_slider-thumb-length) / 2);pointer-events: none;position: relative;z-index: var(--helix-layer-raised);}:host([marker-labels]) [part="field"] {padding-block-end: var(--helix-space-lg);}:host([marker-labels]:not([orientation="vertical"])) [part="markers"] {block-size: calc(var(--_slider-track) + var(--helix-space-lg));border-inline: var(--helix-space-lg) solid transparent;margin-block-end: calc(var(--helix-space-lg) * -1);margin-inline: calc(var(--_slider-thumb-length) / 2 - var(--helix-space-lg));mask-origin: padding-box;}[part="marker-label"] {color: var(--helix-color-foreground-subtle);font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;inset-block-start: var(--helix-space-sm);inset-inline-start: 50%;position: absolute;translate: -50% 0;}:host(:dir(rtl)) [part="marker-label"] {translate: 50% 0;}[part="markers"] {--_slider-hole: calc(var(--_slider-thumb-length) / 2 + var(--helix-border-thin));--_slider-hole-at: calc(var(--slider-fraction, 0) * 100%);--_slider-hole-from: calc(var(--slider-from, 0) * 100%);--_slider-hole-to: calc(var(--slider-to, 0) * 100%);--_slider-under: linear-gradient(transparent var(--_slider-track), currentColor 0);mask-image:
-var(--_slider-under),
-radial-gradient(
-circle at var(--_slider-hole-at) calc(var(--_slider-track) / 2),
-transparent var(--_slider-hole),
-currentColor var(--_slider-hole)
-);}:host(:dir(rtl)) [part="markers"] {--_slider-hole-at: calc(100% - var(--slider-fraction, 0) * 100%);--_slider-hole-from: calc(100% - var(--slider-from, 0) * 100%);--_slider-hole-to: calc(100% - var(--slider-to, 0) * 100%);}[part="field"][data-range] [part="markers"] {mask-composite: add, intersect;mask-image:
-var(--_slider-under),
-radial-gradient(
-circle at var(--_slider-hole-from) calc(var(--_slider-track) / 2),
-transparent var(--_slider-hole),
-currentColor var(--_slider-hole)
-),
-radial-gradient(
-circle at var(--_slider-hole-to) calc(var(--_slider-track) / 2),
-transparent var(--_slider-hole),
-currentColor var(--_slider-hole)
-);}:host([orientation="vertical"]) [part="markers"] {mask-image: radial-gradient(
-circle at 50% calc(100% - var(--slider-fraction, 0) * 100%),
-transparent var(--_slider-hole),
-currentColor var(--_slider-hole)
-);}[part="marker"] {background-color: var(--slider-marker-color, var(--helix-color-background));block-size: var(--_slider-track);border-radius: var(--helix-radii-full);inline-size: var(--helix-border-thick);inset-block-start: 0;inset-inline-start: var(--slider-marker-at, 0%);position: absolute;translate: -50% 0;}:host(:dir(rtl)) [part="marker"] {translate: 50% 0;}:host(:disabled) [part="control"] {cursor: not-allowed;}:host([readonly]) [part="control"] {cursor: default;}:host(:disabled) {opacity: 0.5;}[part="control"]::-webkit-slider-runnable-track {background: var(--_slider-track-image);block-size: var(--_slider-track);border-radius: var(--helix-radii-full);}[part="control"]::-moz-range-track {background: var(--_slider-track-image);block-size: var(--_slider-track);border-radius: var(--helix-radii-full);}[part="control"]::-webkit-slider-thumb {appearance: none;background-color: var(--slider-thumb-color, var(--helix-color-surface-inverse));block-size: var(--_slider-thumb);border: none;border-radius: var(--_slider-thumb-radii);box-shadow:
-0 0 0 var(--helix-border-thick) var(--slider-thumb-ring-color, var(--helix-color-background)),
-var(--helix-shadow-md);inline-size: var(--_slider-thumb-length);margin-block-start: calc((var(--_slider-track) - var(--_slider-thumb)) / 2);}[part="control"]:focus-visible::-webkit-slider-thumb,
-[part="control"]:active::-webkit-slider-thumb {box-shadow:
-0 0 0 var(--helix-border-thick) var(--slider-thumb-ring-color, var(--helix-color-background)),
-var(--helix-shadow-md),
-0 0 0 var(--helix-space-2xs) var(--_slider-halo);}[part="control"]:focus-visible::-moz-range-thumb,
-[part="control"]:active::-moz-range-thumb {box-shadow:
-0 0 0 var(--helix-border-thick) var(--slider-thumb-ring-color, var(--helix-color-background)),
-var(--helix-shadow-md),
-0 0 0 var(--helix-space-2xs) var(--_slider-halo);}[part="control"]::-moz-range-thumb {background-color: var(--slider-thumb-color, var(--helix-color-surface-inverse));block-size: var(--_slider-thumb);border: none;border-radius: var(--_slider-thumb-radii);box-shadow:
-0 0 0 var(--helix-border-thick) var(--slider-thumb-ring-color, var(--helix-color-background)),
-var(--helix-shadow-md);inline-size: var(--_slider-thumb-length);}[part="control"]:focus-visible {outline: none;}[part="control"]:focus-visible::-webkit-slider-thumb {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="control"]:focus-visible::-moz-range-thumb {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}:host(:state(invalid)) [part="control"]::-webkit-slider-thumb {box-shadow: 0 0 0 var(--helix-size-focus-ring) var(--helix-color-danger);}:host(:state(invalid)) [part="control"]::-moz-range-thumb {box-shadow: 0 0 0 var(--helix-size-focus-ring) var(--helix-color-danger);}:host([range]) [part="field"] {display: grid;grid-template-columns: 1fr auto;}:host([range]) [part="control"] {grid-area: 1 / 1;}:host([range]) [part="output"] {grid-column: 2;grid-row: 1;}:host([range]) [part="control"][data-thumb="start"] {--_slider-track-image: var(
---slider-track-image,
-linear-gradient(
-var(--_slider-along),
-var(--_slider-track-color) calc(var(--slider-from, 0) * 100%),
-var(--slider-fill-color, var(--helix-color-primary)) calc(var(--slider-from, 0) * 100%),
-var(--slider-fill-color, var(--helix-color-primary)) calc(var(--slider-to, 1) * 100%),
-var(--_slider-track-color) calc(var(--slider-to, 1) * 100%)
-)
-);}:host([range]) [part="control"]:not([data-thumb="start"])::-webkit-slider-runnable-track {background: transparent;}:host([range]) [part="control"]:not([data-thumb="start"])::-moz-range-track {background: transparent;}:host([range]) [part="control"] {pointer-events: none;}:host([range]) [part="control"]::-webkit-slider-thumb {pointer-events: auto;}:host([range]) [part="control"]::-moz-range-thumb {pointer-events: auto;}:host([orientation="vertical"]) [part="field"] {flex-direction: column;}:host([orientation="vertical"]) [part="field"][data-markers] {grid-template-columns: none;grid-template-rows: 1fr auto;}:host([orientation="vertical"]) [part="control"] {--_slider-track-image: var(
---slider-track-image,
-linear-gradient(
-to top,
-var(--slider-fill-color, var(--helix-color-primary)) calc(var(--slider-fraction, 0) * 100%),
-var(--_slider-track-color) calc(var(--slider-fraction, 0) * 100%)
-)
-);direction: rtl;inline-size: var(--slider-length, 9rem);margin-block: calc(var(--_slider-thumb-length) / 2);margin-inline: 0;writing-mode: vertical-lr;}:host([orientation="vertical"]) [part="control"][data-origin] {--_slider-track-image: var(
---slider-track-image,
-linear-gradient(
-to top,
-var(--_slider-track-color) calc(var(--slider-from, 0) * 100%),
-var(--slider-fill-color, var(--helix-color-primary)) calc(var(--slider-from, 0) * 100%),
-var(--slider-fill-color, var(--helix-color-primary)) calc(var(--slider-to, 0) * 100%),
-var(--_slider-track-color) calc(var(--slider-to, 0) * 100%)
-)
-);}:host([orientation="vertical"]) [part="marker"] {block-size: var(--helix-border-thick);inline-size: var(--_slider-track);inset-block-end: var(--slider-marker-at, 0%);inset-block-start: auto;inset-inline-start: 0;translate: 0 50%;}:host([orientation="vertical"]) [part="field"][data-markers] [part="output"] {grid-column: 1;grid-row: 2;}:host([orientation="vertical"]) [part="markers"] {align-self: stretch;block-size: auto;inline-size: var(--_slider-track);justify-self: center;margin-block: calc(var(--_slider-thumb) / 2);margin-inline: 0;}[part="field"][data-tooltip] {display: grid;grid-template-columns: 1fr auto;}[part="field"][data-tooltip] [part="control"],
-[part="tooltips"] {grid-column: 1;grid-row: 1;}[part="field"][data-tooltip] [part="output"] {grid-column: 2;grid-row: 1;}[part="tooltips"] {align-self: center;block-size: var(--_slider-track);margin-inline: calc(var(--_slider-thumb-length) / 2);pointer-events: none;position: relative;z-index: var(--helix-layer-overlay);}[part="tooltip"] {background-color: var(--slider-tooltip-background-color, var(--helix-color-surface-inverse));border-radius: var(--helix-radii-sm);color: var(--slider-tooltip-color, var(--helix-color-foreground-inverse));font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;inset-block-end: calc(50% + var(--_slider-thumb) / 2 + var(--helix-space-2xs));inset-inline-start: calc(var(--slider-at, 0) * 100%);opacity: 0;padding: var(--helix-space-2xs) var(--helix-space-xs);position: absolute;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);translate: -50% 0;white-space: nowrap;}:host(:dir(rtl)) [part="tooltip"] {translate: 50% 0;}:host(:hover) [part="tooltip"],
-:host(:focus-within) [part="tooltip"] {opacity: 1;}:host([orientation="vertical"]) [part="field"][data-tooltip] {grid-template-columns: none;grid-template-rows: 1fr auto;}:host([orientation="vertical"]) [part="field"][data-tooltip] [part="output"] {grid-column: 1;grid-row: 2;justify-self: center;}:host([orientation="vertical"]) [part="tooltips"] {align-self: stretch;block-size: auto;inline-size: var(--_slider-track);justify-self: center;margin-block: calc(var(--_slider-thumb) / 2);margin-inline: 0;}:host([orientation="vertical"]) [part="tooltip"] {inset-block-end: calc(var(--slider-at, 0) * 100%);inset-inline-start: calc(50% + var(--_slider-thumb) / 2 + var(--helix-space-2xs));translate: 0 50%;}[part="field"][data-thumbs] {display: grid;grid-template-columns: 1fr auto;}[part="field"][data-thumbs] [part="control"],
-[part="field"][data-thumbs] [part="thumbs"] {grid-column: 1;grid-row: 1;}[part="field"][data-thumbs] [part="output"] {grid-column: 2;grid-row: 1;}[part="field"][data-thumbs] [part="thumbs"] {align-self: center;block-size: var(--_slider-track);display: block;margin-inline: calc(var(--_slider-thumb-length) / 2);pointer-events: none;position: relative;z-index: var(--helix-layer-overlay);}[part="thumb"] {align-items: center;background-color: var(--slider-thumb-color, var(--helix-color-surface-inverse));block-size: var(--_slider-thumb);border-radius: var(--_slider-thumb-radii);color: var(--slider-thumb-content-color, var(--helix-color-foreground-inverse));display: flex;font-size: var(--helix-text-xs);inline-size: var(--_slider-thumb-length);inset-block-start: 50%;inset-inline-start: calc(var(--slider-at, 0) * 100%);justify-content: center;position: absolute;translate: -50% -50%;}:host(:dir(rtl)) [part="thumb"] {translate: 50% -50%;}:host([orientation="vertical"]) [part="field"][data-thumbs] {grid-template-columns: none;grid-template-rows: 1fr auto;}:host([orientation="vertical"]) [part="field"][data-thumbs] [part="output"] {grid-column: 1;grid-row: 2;justify-self: center;}:host([orientation="vertical"]) [part="field"][data-thumbs] [part="thumbs"] {align-self: stretch;block-size: auto;inline-size: var(--_slider-track);justify-self: center;margin-block: calc(var(--_slider-thumb-length) / 2);margin-inline: 0;}:host([orientation="vertical"]) [part="thumb"] {block-size: var(--_slider-thumb-length);inline-size: var(--_slider-thumb);inset-block-end: calc(var(--slider-at, 0) * 100%);inset-block-start: auto;inset-inline-start: 50%;translate: -50% 50%;}:host([orientation="vertical"]:dir(rtl)) [part="thumb"] {translate: 50% 50%;}@media print {:host {box-shadow: none;print-color-adjust: exact;}}`);
+export const styles = createSheet(`:host {--_slider-track: var(--slider-track-size, var(--helix-size-progress));--_slider-thumb: var(--slider-thumb-size, var(--helix-size-checkbox));--_slider-thumb-length: var(--slider-thumb-length, var(--_slider-thumb));--_slider-thumb-radii: var(--slider-thumb-radius, var(--helix-radii-full));--_slider-halo: color-mix(in oklab, var(--slider-fill-color, var(--helix-color-primary)) 24%, transparent);--_slider-track-color: var(--slider-track-color, var(--helix-color-border));--_slider-along: to right;display: flex;flex-direction: column;gap: var(--helix-space-2xs)}:host(:dir(rtl)) {--_slider-along: to left}[part="field"] {align-items: center;display: flex;gap: var(--helix-space-sm)}[part="field"][data-markers] {display: grid;grid-template-columns: 1fr auto}[part="control"] {z-index: var(--helix-layer-raised);appearance: none;background: transparent;cursor: pointer;flex: 1 1 auto;min-inline-size: 0}[part="field"][data-markers] [part="control"], [part="field"][data-markers] [part="markers"] {grid-column: 1;grid-row: 1}[part="output"] {color: var(--helix-color-foreground);font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);font-variant-numeric: tabular-nums;min-inline-size: var(--_slider-output-reserve, 3ch);text-align: end}[part="field"][data-markers] [part="output"] {grid-column: 2;grid-row: 1}[part="control"] {--_slider-track-image: var(--slider-track-image, linear-gradient(var(--_slider-along), var(--slider-fill-color, var(--helix-color-primary)) calc(var(--slider-fraction, 0) * 100%), var(--_slider-track-color) calc(var(--slider-fraction, 0) * 100%)))}[part="control"][data-origin] {--_slider-track-image: var(--slider-track-image, linear-gradient(var(--_slider-along), var(--_slider-track-color) calc(var(--slider-from, 0) * 100%), var(--slider-fill-color, var(--helix-color-primary)) calc(var(--slider-from, 0) * 100%), var(--slider-fill-color, var(--helix-color-primary)) calc(var(--slider-to, 0) * 100%), var(--_slider-track-color) calc(var(--slider-to, 0) * 100%)))}[part="markers"] {align-self: center;block-size: var(--_slider-track);margin-inline: calc(var(--_slider-thumb-length) / 2);pointer-events: none;position: relative;z-index: var(--helix-layer-raised)}:host([marker-labels]) [part="field"] {padding-block-end: var(--helix-space-lg)}:host([marker-labels]:not([orientation="vertical"])) [part="markers"] {block-size: calc(var(--_slider-track) + var(--helix-space-lg));border-inline: var(--helix-space-lg) solid transparent;margin-block-end: calc(var(--helix-space-lg) * -1);margin-inline: calc(var(--_slider-thumb-length) / 2 - var(--helix-space-lg));mask-origin: padding-box}[part="marker-label"] {color: var(--helix-color-foreground-subtle);font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;inset-block-start: var(--helix-space-sm);inset-inline-start: 50%;position: absolute;translate: -50% 0}:host(:dir(rtl)) [part="marker-label"] {translate: 50% 0}[part="markers"] {--_slider-hole: calc(var(--_slider-thumb-length) / 2 + var(--helix-border-thin));--_slider-hole-at: calc(var(--slider-fraction, 0) * 100%);--_slider-hole-from: calc(var(--slider-from, 0) * 100%);--_slider-hole-to: calc(var(--slider-to, 0) * 100%);--_slider-under: linear-gradient(transparent var(--_slider-track), currentColor 0);mask-image: var(--_slider-under), radial-gradient(circle at var(--_slider-hole-at) calc(var(--_slider-track) / 2), transparent var(--_slider-hole), currentColor var(--_slider-hole))}:host(:dir(rtl)) [part="markers"] {--_slider-hole-at: calc(100% - var(--slider-fraction, 0) * 100%);--_slider-hole-from: calc(100% - var(--slider-from, 0) * 100%);--_slider-hole-to: calc(100% - var(--slider-to, 0) * 100%)}[part="field"][data-range] [part="markers"] {mask-composite: add, intersect;mask-image: var(--_slider-under), radial-gradient(circle at var(--_slider-hole-from) calc(var(--_slider-track) / 2), transparent var(--_slider-hole), currentColor var(--_slider-hole)), radial-gradient(circle at var(--_slider-hole-to) calc(var(--_slider-track) / 2), transparent var(--_slider-hole), currentColor var(--_slider-hole))}:host([orientation="vertical"]) [part="markers"] {mask-image: radial-gradient(circle at 50% calc(100% - var(--slider-fraction, 0) * 100%), transparent var(--_slider-hole), currentColor var(--_slider-hole))}[part="marker"] {background-color: var(--slider-marker-color, var(--helix-color-background));block-size: var(--_slider-track);border-radius: var(--helix-radii-full);inline-size: var(--helix-border-thick);inset-block-start: 0;inset-inline-start: var(--slider-marker-at, 0%);position: absolute;translate: -50% 0}:host(:dir(rtl)) [part="marker"] {translate: 50% 0}:host(:disabled) [part="control"] {cursor: not-allowed}:host([readonly]) [part="control"] {cursor: default}:host(:disabled) {opacity: 0.5}[part="control"]::-webkit-slider-runnable-track {background: var(--_slider-track-image);block-size: var(--_slider-track);border-radius: var(--helix-radii-full)}[part="control"]::-moz-range-track {background: var(--_slider-track-image);block-size: var(--_slider-track);border-radius: var(--helix-radii-full)}[part="control"]::-webkit-slider-thumb {appearance: none;background-color: var(--slider-thumb-color, var(--helix-color-surface-inverse));block-size: var(--_slider-thumb);border: none;border-radius: var(--_slider-thumb-radii);box-shadow: 0 0 0 var(--helix-border-thick) var(--slider-thumb-ring-color, var(--helix-color-background)), var(--helix-shadow-md);inline-size: var(--_slider-thumb-length);margin-block-start: calc((var(--_slider-track) - var(--_slider-thumb)) / 2)}[part="control"]:focus-visible::-webkit-slider-thumb, [part="control"]:active::-webkit-slider-thumb {box-shadow: 0 0 0 var(--helix-border-thick) var(--slider-thumb-ring-color, var(--helix-color-background)), var(--helix-shadow-md), 0 0 0 var(--helix-space-2xs) var(--_slider-halo)}[part="control"]:focus-visible::-moz-range-thumb, [part="control"]:active::-moz-range-thumb {box-shadow: 0 0 0 var(--helix-border-thick) var(--slider-thumb-ring-color, var(--helix-color-background)), var(--helix-shadow-md), 0 0 0 var(--helix-space-2xs) var(--_slider-halo)}[part="control"]::-moz-range-thumb {background-color: var(--slider-thumb-color, var(--helix-color-surface-inverse));block-size: var(--_slider-thumb);border: none;border-radius: var(--_slider-thumb-radii);box-shadow: 0 0 0 var(--helix-border-thick) var(--slider-thumb-ring-color, var(--helix-color-background)), var(--helix-shadow-md);inline-size: var(--_slider-thumb-length)}[part="control"]:focus-visible {outline: none}[part="control"]:focus-visible::-webkit-slider-thumb {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="control"]:focus-visible::-moz-range-thumb {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}:host(:state(invalid)) [part="control"]::-webkit-slider-thumb {box-shadow: 0 0 0 var(--helix-size-focus-ring) var(--helix-color-danger)}:host(:state(invalid)) [part="control"]::-moz-range-thumb {box-shadow: 0 0 0 var(--helix-size-focus-ring) var(--helix-color-danger)}:host([range]) [part="field"] {display: grid;grid-template-columns: 1fr auto}:host([range]) [part="control"] {grid-area: 1 / 1}:host([range]) [part="output"] {grid-column: 2;grid-row: 1}:host([range]) [part="control"][data-thumb="start"] {--_slider-track-image: var(--slider-track-image, linear-gradient(var(--_slider-along), var(--_slider-track-color) calc(var(--slider-from, 0) * 100%), var(--slider-fill-color, var(--helix-color-primary)) calc(var(--slider-from, 0) * 100%), var(--slider-fill-color, var(--helix-color-primary)) calc(var(--slider-to, 1) * 100%), var(--_slider-track-color) calc(var(--slider-to, 1) * 100%)))}:host([range]) [part="control"]:not([data-thumb="start"])::-webkit-slider-runnable-track {background: transparent}:host([range]) [part="control"]:not([data-thumb="start"])::-moz-range-track {background: transparent}:host([range]) [part="control"] {pointer-events: none}:host([range]) [part="control"]::-webkit-slider-thumb {pointer-events: auto}:host([range]) [part="control"]::-moz-range-thumb {pointer-events: auto}:host([orientation="vertical"]) [part="field"] {flex-direction: column}:host([orientation="vertical"]) [part="field"][data-markers] {grid-template-columns: none;grid-template-rows: 1fr auto}:host([orientation="vertical"]) [part="control"] {--_slider-track-image: var(--slider-track-image, linear-gradient(to top, var(--slider-fill-color, var(--helix-color-primary)) calc(var(--slider-fraction, 0) * 100%), var(--_slider-track-color) calc(var(--slider-fraction, 0) * 100%)));direction: rtl;inline-size: var(--slider-length, 9rem);margin-block: calc(var(--_slider-thumb-length) / 2);margin-inline: 0;writing-mode: vertical-lr}:host([orientation="vertical"]) [part="control"][data-origin] {--_slider-track-image: var(--slider-track-image, linear-gradient(to top, var(--_slider-track-color) calc(var(--slider-from, 0) * 100%), var(--slider-fill-color, var(--helix-color-primary)) calc(var(--slider-from, 0) * 100%), var(--slider-fill-color, var(--helix-color-primary)) calc(var(--slider-to, 0) * 100%), var(--_slider-track-color) calc(var(--slider-to, 0) * 100%)))}:host([orientation="vertical"]) [part="marker"] {block-size: var(--helix-border-thick);inline-size: var(--_slider-track);inset-block-end: var(--slider-marker-at, 0%);inset-block-start: auto;inset-inline-start: 0;translate: 0 50%}:host([orientation="vertical"]) [part="field"][data-markers] [part="output"] {grid-column: 1;grid-row: 2}:host([orientation="vertical"]) [part="markers"] {align-self: stretch;block-size: auto;inline-size: var(--_slider-track);justify-self: center;margin-block: calc(var(--_slider-thumb) / 2);margin-inline: 0}[part="field"][data-tooltip] {display: grid;grid-template-columns: 1fr auto}[part="field"][data-tooltip] [part="control"], [part="tooltips"] {grid-column: 1;grid-row: 1}[part="field"][data-tooltip] [part="output"] {grid-column: 2;grid-row: 1}[part="tooltips"] {align-self: center;block-size: var(--_slider-track);margin-inline: calc(var(--_slider-thumb-length) / 2);pointer-events: none;position: relative;z-index: var(--helix-layer-overlay)}[part="tooltip"] {background-color: var(--slider-tooltip-background-color, var(--helix-color-surface-inverse));border-radius: var(--helix-radii-sm);color: var(--slider-tooltip-color, var(--helix-color-foreground-inverse));font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;inset-block-end: calc(50% + var(--_slider-thumb) / 2 + var(--helix-space-2xs));inset-inline-start: calc(var(--slider-at, 0) * 100%);opacity: 0;padding: var(--helix-space-2xs) var(--helix-space-xs);position: absolute;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);translate: -50% 0;white-space: nowrap}:host(:dir(rtl)) [part="tooltip"] {translate: 50% 0}:host(:hover) [part="tooltip"], :host(:focus-within) [part="tooltip"] {opacity: 1}:host([orientation="vertical"]) [part="field"][data-tooltip] {grid-template-columns: none;grid-template-rows: 1fr auto}:host([orientation="vertical"]) [part="field"][data-tooltip] [part="output"] {grid-column: 1;grid-row: 2;justify-self: center}:host([orientation="vertical"]) [part="tooltips"] {align-self: stretch;block-size: auto;inline-size: var(--_slider-track);justify-self: center;margin-block: calc(var(--_slider-thumb) / 2);margin-inline: 0}:host([orientation="vertical"]) [part="tooltip"] {inset-block-end: calc(var(--slider-at, 0) * 100%);inset-inline-start: calc(50% + var(--_slider-thumb) / 2 + var(--helix-space-2xs));translate: 0 50%}[part="field"][data-thumbs] {display: grid;grid-template-columns: 1fr auto}[part="field"][data-thumbs] [part="control"], [part="field"][data-thumbs] [part="thumbs"] {grid-column: 1;grid-row: 1}[part="field"][data-thumbs] [part="output"] {grid-column: 2;grid-row: 1}[part="field"][data-thumbs] [part="thumbs"] {align-self: center;block-size: var(--_slider-track);display: block;margin-inline: calc(var(--_slider-thumb-length) / 2);pointer-events: none;position: relative;z-index: var(--helix-layer-overlay)}[part="thumb"] {align-items: center;background-color: var(--slider-thumb-color, var(--helix-color-surface-inverse));block-size: var(--_slider-thumb);border-radius: var(--_slider-thumb-radii);color: var(--slider-thumb-content-color, var(--helix-color-foreground-inverse));display: flex;font-size: var(--helix-text-xs);inline-size: var(--_slider-thumb-length);inset-block-start: 50%;inset-inline-start: calc(var(--slider-at, 0) * 100%);justify-content: center;position: absolute;translate: -50% -50%}:host(:dir(rtl)) [part="thumb"] {translate: 50% -50%}:host([orientation="vertical"]) [part="field"][data-thumbs] {grid-template-columns: none;grid-template-rows: 1fr auto}:host([orientation="vertical"]) [part="field"][data-thumbs] [part="output"] {grid-column: 1;grid-row: 2;justify-self: center}:host([orientation="vertical"]) [part="field"][data-thumbs] [part="thumbs"] {align-self: stretch;block-size: auto;inline-size: var(--_slider-track);justify-self: center;margin-block: calc(var(--_slider-thumb-length) / 2);margin-inline: 0}:host([orientation="vertical"]) [part="thumb"] {block-size: var(--_slider-thumb-length);inline-size: var(--_slider-thumb);inset-block-end: calc(var(--slider-at, 0) * 100%);inset-block-start: auto;inset-inline-start: 50%;translate: -50% 50%}:host([orientation="vertical"]:dir(rtl)) [part="thumb"] {translate: 50% 50%}@media print {:host {box-shadow: none;print-color-adjust: exact}}`);

package/dist/slider/root/slider-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 { HelixHeadlessSlider } from '@fusion.dev/helix-headless/slider';
 import { styles as fieldStyles } from '../../shared/field/field.css.js';

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

@@ -1,17 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {--_sparkline-ink: var(--sparkline-color, var(--helix-color-series-1));block-size: var(--sparkline-block-size, 2.5em);color: var(--_sparkline-ink);position: relative;display: inline-block;inline-size: var(--sparkline-inline-size, 7em);vertical-align: middle;}[part="svg"] {block-size: 100%;inline-size: 100%;overflow: visible;}[part="line"] {fill: none;stroke: currentColor;stroke-linecap: round;stroke-linejoin: round;stroke-width: var(--sparkline-width, var(--_sparkline-weight, 0.11em));vector-effect: non-scaling-stroke;}[part="area"] {fill: none;}[part="wash-start"],
-[part="wash-end"] {stop-color: currentColor;stop-opacity: 0;}:host(:not([plot="bar"]):not([plot="line"])) [part="area"] {fill: url("#sparkline-wash");}:host(:not([plot="bar"]):not([plot="line"])) [part="wash-start"] {stop-opacity: calc(var(--sparkline-area-opacity, 0.45) * var(--helix-material-opacity));}:host(:not([plot="bar"]):not([plot="line"])) [part="wash-end"] {stop-opacity: calc(var(--sparkline-area-opacity, 0.45) / 9 * var(--helix-material-opacity));}:host([weight="thin"]) {--_sparkline-weight: 0.07em;}:host([weight="thick"]) {--_sparkline-weight: 0.18em;}[part="range"] {fill: var(--sparkline-range-color, currentColor);fill-opacity: var(--sparkline-range-opacity, 0.12);}[part="bar"] {fill: currentColor;rx: var(--sparkline-bar-radius, 0.5);}:host([terminus="ring"]) [part="svg"] {mask-image: radial-gradient(
-circle at var(--chart-terminus-x) var(--chart-terminus-y),
-#0000 calc(var(--_chart-terminus-inner) - 0.5px),
-#000 var(--_chart-terminus-inner)
-);}@media print {:host {print-color-adjust: exact;}}@media (forced-colors: active) {[part="cursor"],
-[part="high"],
-[part="lone"],
-[part="low"] {forced-color-adjust: none;}}:host([emphasis="subtle"]) {color: color-mix(in oklab, var(--_sparkline-ink) 40%, var(--helix-color-background));}:host([emphasis="outlined"]) [part="bar"] {fill: color-mix(in oklab, var(--_sparkline-ink) 55%, var(--helix-color-background));stroke: var(--_sparkline-ink);stroke-width: var(--sparkline-bar-stroke, 1);vector-effect: non-scaling-stroke;}:host([emphasis="outlined"]) [part="area"] {opacity: var(--sparkline-area-opacity, 0.35);}:host([emphasis="solid"]) [part="area"] {opacity: 1;}[part="svg"]:focus-visible {border-radius: var(--helix-radii-sm);outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="cursor"],
-[part="high"],
-[part="lone"],
-[part="low"] {background-color: var(--sparkline-mark-color, currentColor);block-size: var(--sparkline-mark-size, 5px);border-radius: var(--helix-radii-full);inline-size: var(--sparkline-mark-size, 5px);pointer-events: none;position: absolute;translate: -50% -50%;}[part="cursor"] {box-shadow: 0 0 0 var(--helix-border-thick)
-var(--sparkline-mark-ring-color, var(--helix-color-background));}[part="readout"] {background-color: var(--sparkline-readout-background-color, var(--helix-color-surface-inverse));border-radius: var(--helix-radii-sm);color: var(--sparkline-readout-color, var(--helix-color-foreground-inverse));font-family: var(--helix-font-sans);font-size: var(--sparkline-readout-font-size, var(--helix-text-xs));font-variant-numeric: tabular-nums;line-height: 1.4;padding: 0 var(--helix-space-2xs);pointer-events: none;position: absolute;translate: -50% calc(-100% - var(--sparkline-mark-size, 5px));white-space: nowrap;z-index: 1;}:host(:dir(rtl)) [part="cursor"],
-:host(:dir(rtl)) [part="high"],
-:host(:dir(rtl)) [part="lone"],
-:host(:dir(rtl)) [part="low"] {translate: 50% -50%;}:host(:dir(rtl)) [part="readout"] {translate: 50% calc(-100% - var(--sparkline-mark-size, 5px));}[part="live"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap;}`);
+export const styles = createSheet(`:host {--_sparkline-ink: var(--sparkline-color, var(--helix-color-series-1));block-size: var(--sparkline-block-size, 2.5em);color: var(--_sparkline-ink);position: relative;display: inline-block;inline-size: var(--sparkline-inline-size, 7em);vertical-align: middle}[part="svg"] {block-size: 100%;inline-size: 100%;overflow: visible}[part="line"] {fill: none;stroke: currentColor;stroke-linecap: round;stroke-linejoin: round;stroke-width: var(--sparkline-width, var(--_sparkline-weight, 0.11em));vector-effect: non-scaling-stroke}[part="area"] {fill: none}[part="wash-start"], [part="wash-end"] {stop-color: currentColor;stop-opacity: 0}:host(:not([plot="bar"]):not([plot="line"])) [part="area"] {fill: url("#sparkline-wash")}:host(:not([plot="bar"]):not([plot="line"])) [part="wash-start"] {stop-opacity: calc(var(--sparkline-area-opacity, 0.45) * var(--helix-material-opacity))}:host(:not([plot="bar"]):not([plot="line"])) [part="wash-end"] {stop-opacity: calc(var(--sparkline-area-opacity, 0.45) / 9 * var(--helix-material-opacity))}:host([weight="thin"]) {--_sparkline-weight: 0.07em}:host([weight="thick"]) {--_sparkline-weight: 0.18em}[part="range"] {fill: var(--sparkline-range-color, currentColor);fill-opacity: var(--sparkline-range-opacity, 0.12)}[part="bar"] {fill: currentColor;rx: var(--sparkline-bar-radius, 0.5)}:host([terminus="ring"]) [part="svg"] {mask-image: radial-gradient(circle at var(--chart-terminus-x) var(--chart-terminus-y), #0000 calc(var(--_chart-terminus-inner) - 0.5px), #000 var(--_chart-terminus-inner))}@media print {:host {print-color-adjust: exact}}@media (forced-colors: active) {[part="cursor"], [part="high"], [part="lone"], [part="low"] {forced-color-adjust: none}}:host([emphasis="subtle"]) {color: color-mix(in oklab, var(--_sparkline-ink) 40%, var(--helix-color-background))}:host([emphasis="outlined"]) [part="bar"] {fill: color-mix(in oklab, var(--_sparkline-ink) 55%, var(--helix-color-background));stroke: var(--_sparkline-ink);stroke-width: var(--sparkline-bar-stroke, 1);vector-effect: non-scaling-stroke}:host([emphasis="outlined"]) [part="area"] {opacity: var(--sparkline-area-opacity, 0.35)}:host([emphasis="solid"]) [part="area"] {opacity: 1}[part="svg"]:focus-visible {border-radius: var(--helix-radii-sm);outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="cursor"], [part="high"], [part="lone"], [part="low"] {background-color: var(--sparkline-mark-color, currentColor);block-size: var(--sparkline-mark-size, 5px);border-radius: var(--helix-radii-full);inline-size: var(--sparkline-mark-size, 5px);pointer-events: none;position: absolute;translate: -50% -50%}[part="cursor"] {box-shadow: 0 0 0 var(--helix-border-thick) var(--sparkline-mark-ring-color, var(--helix-color-background))}[part="readout"] {background-color: var(--sparkline-readout-background-color, var(--helix-color-surface-inverse));border-radius: var(--helix-radii-sm);color: var(--sparkline-readout-color, var(--helix-color-foreground-inverse));font-family: var(--helix-font-sans);font-size: var(--sparkline-readout-font-size, var(--helix-text-xs));font-variant-numeric: tabular-nums;line-height: 1.4;padding: 0 var(--helix-space-2xs);pointer-events: none;position: absolute;translate: -50% calc(-100% - var(--sparkline-mark-size, 5px));white-space: nowrap;z-index: 1}:host(:dir(rtl)) [part="cursor"], :host(:dir(rtl)) [part="high"], :host(:dir(rtl)) [part="lone"], :host(:dir(rtl)) [part="low"] {translate: 50% -50%}:host(:dir(rtl)) [part="readout"] {translate: 50% calc(-100% - var(--sparkline-mark-size, 5px))}[part="live"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap}`);

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

package/dist/speed-dial/group/speed-dial-group.css.js

@@ -1,2 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: block;}[part="group"] {align-items: var(--_speed-dial-align, flex-end);display: flex;flex-direction: column;gap: var(--speed-dial-gap, var(--helix-space-sm));}[part="label"] {background-color: var(--speed-dial-label-background-color, var(--helix-color-surface-overlay));border-radius: var(--helix-radii-sm);color: var(--speed-dial-group-label-color, var(--helix-color-foreground-muted));font-family: var(--helix-font-sans);font-size: var(--speed-dial-group-label-font-size, var(--helix-text-xs));font-weight: var(--helix-weight-medium);padding: var(--helix-space-2xs) var(--helix-space-xs);white-space: nowrap;}[part="label"][hidden] {display: none;}`);
+export const styles = createSheet(`:host {display: block}[part="group"] {align-items: var(--_speed-dial-align, flex-end);display: flex;flex-direction: column;gap: var(--speed-dial-gap, var(--helix-space-sm))}[part="label"] {background-color: var(--speed-dial-label-background-color, var(--helix-color-surface-overlay));border-radius: var(--helix-radii-sm);color: var(--speed-dial-group-label-color, var(--helix-color-foreground-muted));font-family: var(--helix-font-sans);font-size: var(--speed-dial-group-label-font-size, var(--helix-text-xs));font-weight: var(--helix-weight-medium);padding: var(--helix-space-2xs) var(--helix-space-xs);white-space: nowrap}[part="label"][hidden] {display: none}`);

package/dist/speed-dial/group/speed-dial-group.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 { HelixHeadlessSpeedDialGroup } from '@fusion.dev/helix-headless/speed-dial';
 import { styles } from './speed-dial-group.css.js';

package/dist/speed-dial/item/speed-dial-item.css.js

@@ -1,8 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: block;}[part="item"] {align-items: center;background: none;border: none;color: inherit;cursor: pointer;display: inline-flex;flex-direction: var(--_speed-dial-row, row-reverse);font: inherit;gap: var(--helix-space-sm);padding: var(--helix-space-none);text-decoration: none;}[part="item"]:disabled {cursor: not-allowed;opacity: var(--speed-dial-item-disabled-opacity, 0.5);}[part="icon"] {--icon-size: var(--helix-size-icon);align-items: center;aspect-ratio: 1;background-color: var(--speed-dial-item-background-color, var(--helix-color-surface-overlay));border-radius: var(--helix-radii-full);box-shadow: var(--helix-shadow-md);color: var(--speed-dial-item-color, var(--helix-color-foreground));display: inline-flex;inline-size: var(--speed-dial-item-size, var(--helix-size-control-tight));justify-content: center;pointer-events: auto;transition:
-background-color var(--helix-duration-fast) var(--helix-easing-standard),
-box-shadow var(--helix-duration-fast) var(--helix-easing-standard);}[part="item"]:not(:disabled):hover [part="icon"] {background-color: var(
---speed-dial-item-hover-background-color,
-color-mix(in oklab, var(--helix-color-foreground) 6%, var(--helix-color-surface-overlay))
-);box-shadow: var(--helix-shadow-lg);}[part="item"]:focus-visible {outline: none;}[part="item"]:focus-visible [part="icon"] {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="label"] {background-color: var(--speed-dial-label-background-color, var(--helix-color-surface-overlay));border-radius: var(--helix-radii-sm);box-shadow: var(--helix-shadow-sm);color: var(--speed-dial-label-color, var(--helix-color-foreground));font-family: var(--helix-font-sans);font-size: var(--speed-dial-label-font-size, var(--helix-text-sm));font-weight: var(--helix-weight-medium);opacity: var(--_speed-dial-label-opacity, 1);padding: var(--helix-space-2xs) var(--helix-space-xs);transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);white-space: nowrap;}[part="item"]:hover [part="label"],
-[part="item"]:focus-visible [part="label"] {opacity: 1;}[part="shortcut"] {color: var(--speed-dial-shortcut-color, var(--helix-color-foreground-muted));margin-inline-start: var(--helix-space-sm);}[part="shortcut"][hidden] {display: none;}`);
+export const styles = createSheet(`:host {display: block}[part="item"] {align-items: center;background: none;border: none;color: inherit;cursor: pointer;display: inline-flex;flex-direction: var(--_speed-dial-row, row-reverse);font: inherit;gap: var(--helix-space-sm);padding: var(--helix-space-none);text-decoration: none}[part="item"]:disabled {cursor: not-allowed;opacity: var(--speed-dial-item-disabled-opacity, 0.5)}[part="icon"] {--icon-size: var(--helix-size-icon);align-items: center;aspect-ratio: 1;background-color: var(--speed-dial-item-background-color, var(--helix-color-surface-overlay));border-radius: var(--helix-radii-full);box-shadow: var(--helix-shadow-md);color: var(--speed-dial-item-color, var(--helix-color-foreground));display: inline-flex;inline-size: var(--speed-dial-item-size, var(--helix-size-control-tight));justify-content: center;pointer-events: auto;transition: background-color var(--helix-duration-fast) var(--helix-easing-standard), box-shadow var(--helix-duration-fast) var(--helix-easing-standard)}[part="item"]:not(:disabled):hover [part="icon"] {background-color: var(--speed-dial-item-hover-background-color, color-mix(in oklab, var(--helix-color-foreground) 6%, var(--helix-color-surface-overlay)));box-shadow: var(--helix-shadow-lg)}[part="item"]:focus-visible {outline: none}[part="item"]:focus-visible [part="icon"] {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="label"] {background-color: var(--speed-dial-label-background-color, var(--helix-color-surface-overlay));border-radius: var(--helix-radii-sm);box-shadow: var(--helix-shadow-sm);color: var(--speed-dial-label-color, var(--helix-color-foreground));font-family: var(--helix-font-sans);font-size: var(--speed-dial-label-font-size, var(--helix-text-sm));font-weight: var(--helix-weight-medium);opacity: var(--_speed-dial-label-opacity, 1);padding: var(--helix-space-2xs) var(--helix-space-xs);transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);white-space: nowrap}[part="item"]:hover [part="label"], [part="item"]:focus-visible [part="label"] {opacity: 1}[part="shortcut"] {color: var(--speed-dial-shortcut-color, var(--helix-color-foreground-muted));margin-inline-start: var(--helix-space-sm)}[part="shortcut"][hidden] {display: none}`);

package/dist/speed-dial/item/speed-dial-item.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 { HelixHeadlessSpeedDialItem } from '@fusion.dev/helix-headless/speed-dial';
 import { styles } from './speed-dial-item.css.js';

package/dist/speed-dial/root/speed-dial-root.css.js

@@ -1,6 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: inline-flex;}[part="actions"] {background-color: transparent;border: none;display: flex;flex-direction: column;gap: var(--speed-dial-gap, var(--helix-space-sm));margin: var(--helix-space-none);overflow: visible;padding: var(--helix-space-none);}[part="actions"] {--_speed-dial-row: row-reverse;align-items: flex-end;}[part="actions"][data-placement$="-start"] {--_speed-dial-align: flex-start;--_speed-dial-row: row;align-items: flex-start;}[part="actions"][hidden] {display: none;}[part="actions"] {--_dial-from: var(--speed-dial-travel, var(--helix-space-md));}[part="actions"][data-placement^="bottom"] {--_dial-from: calc(var(--speed-dial-travel, var(--helix-space-md)) * -1);}[part="actions"] ::slotted(*) {opacity: 0;scale: 0.8;transition:
-opacity var(--helix-duration-fast) var(--helix-easing-standard),
-scale var(--helix-duration-fast) var(--helix-easing-emphasized),
-translate var(--helix-duration-fast) var(--helix-easing-emphasized);translate: 0 var(--_dial-from);}[part="actions"][data-placed] ::slotted(*) {opacity: 1;scale: 1;translate: 0 0;}[part="actions"] {--_speed-dial-stagger: var(--speed-dial-stagger, calc(var(--helix-duration-fast) / 3));}[part="actions"][data-placed] ::slotted(:nth-last-child(2)) {transition-delay: var(--_speed-dial-stagger);}[part="actions"][data-placed] ::slotted(:nth-last-child(3)) {transition-delay: calc(var(--_speed-dial-stagger) * 2);}[part="actions"][data-placed] ::slotted(:nth-last-child(4)) {transition-delay: calc(var(--_speed-dial-stagger) * 3);}[part="actions"][data-placed] ::slotted(:nth-last-child(n + 5)) {transition-delay: calc(var(--_speed-dial-stagger) * 4);}[part="actions"][data-placement^="bottom"][data-placed] ::slotted(:nth-child(2)) {transition-delay: var(--_speed-dial-stagger);}[part="actions"][data-placement^="bottom"][data-placed] ::slotted(:nth-child(3)) {transition-delay: calc(var(--_speed-dial-stagger) * 2);}[part="actions"][data-placement^="bottom"][data-placed] ::slotted(:nth-child(4)) {transition-delay: calc(var(--_speed-dial-stagger) * 3);}[part="actions"][data-placement^="bottom"][data-placed] ::slotted(:nth-child(n + 5)) {transition-delay: calc(var(--_speed-dial-stagger) * 4);}@media (prefers-reduced-motion: reduce) {[part="actions"] ::slotted(*) {opacity: 1;scale: 1;transition: none;transition-delay: 0s;translate: 0 0;}[part="trigger"] {transition: none;}}[part="trigger"] {--icon-size: var(--helix-size-icon);all: unset;align-items: center;background-color: var(--speed-dial-background-color, var(--helix-color-primary-surface));block-size: var(--speed-dial-size, var(--helix-size-control));border-radius: var(--helix-radii-full);box-shadow: var(--speed-dial-shadow, var(--helix-shadow-md));box-sizing: border-box;color: var(--speed-dial-color, var(--helix-color-foreground-on-primary));cursor: pointer;display: inline-flex;inline-size: var(--speed-dial-size, var(--helix-size-control));justify-content: center;transition: box-shadow var(--helix-duration-fast) var(--helix-easing-standard);}[part="trigger"]:hover {box-shadow: var(--helix-shadow-lg);}[part="trigger"]:active {box-shadow: var(--helix-shadow-sm);}[part="trigger"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}::slotted([slot="icon"]) {block-size: var(--icon-size);inline-size: var(--icon-size);}@media print {:host {display: none;}}:host([labels="hover"]) {--_speed-dial-label-opacity: 0;}:host([labels="hover"]) [part="actions"],
-:host([labels="hover"]) [part="actions"] ::slotted(*) {pointer-events: none;}`);
+export const styles = createSheet(`:host {display: inline-flex}[part="actions"] {background-color: transparent;border: none;display: flex;flex-direction: column;gap: var(--speed-dial-gap, var(--helix-space-sm));margin: var(--helix-space-none);overflow: visible;padding: var(--helix-space-none)}[part="actions"] {--_speed-dial-row: row-reverse;align-items: flex-end}[part="actions"][data-placement$="-start"] {--_speed-dial-align: flex-start;--_speed-dial-row: row;align-items: flex-start}[part="actions"][hidden] {display: none}[part="actions"] {--_dial-from: var(--speed-dial-travel, var(--helix-space-md))}[part="actions"][data-placement^="bottom"] {--_dial-from: calc(var(--speed-dial-travel, var(--helix-space-md)) * -1)}[part="actions"] ::slotted(*) {opacity: 0;scale: 0.8;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard), scale var(--helix-duration-fast) var(--helix-easing-emphasized), translate var(--helix-duration-fast) var(--helix-easing-emphasized);translate: 0 var(--_dial-from)}[part="actions"][data-placed] ::slotted(*) {opacity: 1;scale: 1;translate: 0 0}[part="actions"] {--_speed-dial-stagger: var(--speed-dial-stagger, calc(var(--helix-duration-fast) / 3))}[part="actions"][data-placed] ::slotted(:nth-last-child(2)) {transition-delay: var(--_speed-dial-stagger)}[part="actions"][data-placed] ::slotted(:nth-last-child(3)) {transition-delay: calc(var(--_speed-dial-stagger) * 2)}[part="actions"][data-placed] ::slotted(:nth-last-child(4)) {transition-delay: calc(var(--_speed-dial-stagger) * 3)}[part="actions"][data-placed] ::slotted(:nth-last-child(n + 5)) {transition-delay: calc(var(--_speed-dial-stagger) * 4)}[part="actions"][data-placement^="bottom"][data-placed] ::slotted(:nth-child(2)) {transition-delay: var(--_speed-dial-stagger)}[part="actions"][data-placement^="bottom"][data-placed] ::slotted(:nth-child(3)) {transition-delay: calc(var(--_speed-dial-stagger) * 2)}[part="actions"][data-placement^="bottom"][data-placed] ::slotted(:nth-child(4)) {transition-delay: calc(var(--_speed-dial-stagger) * 3)}[part="actions"][data-placement^="bottom"][data-placed] ::slotted(:nth-child(n + 5)) {transition-delay: calc(var(--_speed-dial-stagger) * 4)}@media (prefers-reduced-motion: reduce) {[part="actions"] ::slotted(*) {opacity: 1;scale: 1;transition: none;transition-delay: 0s;translate: 0 0}[part="trigger"] {transition: none}}[part="trigger"] {--icon-size: var(--helix-size-icon);all: unset;align-items: center;background-color: var(--speed-dial-background-color, var(--helix-color-primary-surface));block-size: var(--speed-dial-size, var(--helix-size-control));border-radius: var(--helix-radii-full);box-shadow: var(--speed-dial-shadow, var(--helix-shadow-md));box-sizing: border-box;color: var(--speed-dial-color, var(--helix-color-foreground-on-primary));cursor: pointer;display: inline-flex;inline-size: var(--speed-dial-size, var(--helix-size-control));justify-content: center;transition: box-shadow var(--helix-duration-fast) var(--helix-easing-standard)}[part="trigger"]:hover {box-shadow: var(--helix-shadow-lg)}[part="trigger"]:active {box-shadow: var(--helix-shadow-sm)}[part="trigger"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}::slotted([slot="icon"]) {block-size: var(--icon-size);inline-size: var(--icon-size)}@media print {:host {display: none}}:host([labels="hover"]) {--_speed-dial-label-opacity: 0}:host([labels="hover"]) [part="actions"], :host([labels="hover"]) [part="actions"] ::slotted(*) {pointer-events: none}`);

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

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

@@ -1,30 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: flex;min-block-size: 0;min-inline-size: 0;position: relative;}:host(:is([orientation="vertical"], [data-axis="vertical"])) {flex-direction: column;}[part="start"] {flex: 0 0 var(--splitter-position, 50%);min-block-size: 0;min-inline-size: 0;overflow: auto;}[part="end"] {flex: 1 1 0;min-block-size: 0;min-inline-size: 0;overflow: auto;}[part="separator"] {background-color: transparent;box-sizing: border-box;cursor: col-resize;display: grid;flex: none;place-content: center;place-items: center;inline-size: var(--splitter-target, var(--helix-space-xs));margin-inline: calc(var(--splitter-target, var(--helix-space-xs)) / -2);position: relative;touch-action: none;user-select: none;z-index: var(--helix-layer-raised);}[part="separator"]::before {background-color: var(--splitter-color, var(--helix-color-border));content: "";inline-size: var(--splitter-thickness, var(--helix-border-thin));inset-block: 0;inset-inline-start: 50%;margin-inline-start: calc(var(--splitter-thickness, var(--helix-border-thin)) / -2);position: absolute;transition:
-background-color var(--helix-duration-fast) var(--helix-easing-standard),
-inline-size var(--helix-duration-fast) var(--helix-easing-standard);}:host(:is([orientation="vertical"], [data-axis="vertical"])) [part="separator"] {block-size: var(--splitter-target, var(--helix-space-xs));cursor: row-resize;inline-size: auto;margin-block: calc(var(--splitter-target, var(--helix-space-xs)) / -2);margin-inline: 0;}:host(:is([orientation="vertical"], [data-axis="vertical"])) [part="separator"]::before {block-size: var(--splitter-thickness, var(--helix-border-thin));inline-size: auto;inset-block-start: 50%;inset-inline: 0;margin-block-start: calc(var(--splitter-thickness, var(--helix-border-thin)) / -2);transition:
-background-color var(--helix-duration-fast) var(--helix-easing-standard),
-block-size var(--helix-duration-fast) var(--helix-easing-standard);}[part="separator"]:hover,
-[part="separator"]:focus-visible,
-[part="separator"][data-dragging] {z-index: calc(var(--helix-layer-raised) + 1);}[part="separator"][data-flush]::before {background-color: transparent;}:host(:not([variant="grip"])) [part="separator"]:hover::before,
-:host(:not([variant="grip"])) [part="separator"]:focus-visible::before,
-:host(:not([variant="grip"])) [part="separator"][data-dragging]::before {background-color: var(--splitter-hover-color, var(--helix-color-foreground-muted));inline-size: var(--splitter-hover-thickness, var(--helix-border-thick));}:host(:not([variant="grip"])) [part="separator"][data-dragging]::before {background-color: var(--splitter-drag-color, var(--helix-color-primary));}:host(:is([orientation="vertical"], [data-axis="vertical"]):not([variant="grip"]))
-[part="separator"]:hover::before,
-:host(:is([orientation="vertical"], [data-axis="vertical"]):not([variant="grip"]))
-[part="separator"]:focus-visible::before,
-:host(:is([orientation="vertical"], [data-axis="vertical"]):not([variant="grip"]))
-[part="separator"][data-dragging]::before {block-size: var(--splitter-hover-thickness, var(--helix-border-thick));inline-size: auto;}[part="separator"]:focus-visible {outline: none;}[part="separator"]:focus-visible::before {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="corner"] {block-size: var(--splitter-corner, var(--helix-space-md));cursor: move;inline-size: var(--splitter-corner, var(--helix-space-md));inset-block-start: var(--splitter-corner-at);inset-inline-start: var(--splitter-position);margin-block-start: calc(var(--splitter-corner, var(--helix-space-md)) / -2);margin-inline-start: calc(var(--splitter-corner, var(--helix-space-md)) / -2);position: absolute;touch-action: none;user-select: none;z-index: calc(var(--helix-layer-raised) + 2);}:host(:is([orientation="vertical"], [data-axis="vertical"])) [part="corner"] {inset-block-start: var(--splitter-position);inset-inline-start: var(--splitter-corner-at);}[part="corner"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}:host([variant="grip"]) [part="separator"]::after {background-color: var(--splitter-grip-color, var(--helix-color-foreground-muted));border-radius: var(--helix-radii-full);content: "";opacity: 0;position: absolute;transition:
-background-color var(--helix-duration-fast) var(--helix-easing-standard),
-opacity var(--helix-duration-fast) var(--helix-easing-standard);}:host([variant="grip"]:not(:is([orientation="vertical"], [data-axis="vertical"])))
-[part="separator"]::after {block-size: var(--splitter-grip-length, 2rem);inline-size: var(--splitter-grip-thickness, var(--helix-border-thick));inset-block-start: calc(50% - var(--splitter-grip-length, 2rem) / 2);inset-inline-start: calc(
-50% -
-var(--splitter-grip-thickness, var(--helix-border-thick)) -
-var(--helix-space-2xs)
-);}:host([variant="grip"]:is([orientation="vertical"], [data-axis="vertical"]))
-[part="separator"]::after {block-size: var(--splitter-grip-thickness, var(--helix-border-thick));inline-size: var(--splitter-grip-length, 2rem);inset-block-start: calc(
-50% -
-var(--splitter-grip-thickness, var(--helix-border-thick)) -
-var(--helix-space-2xs)
-);inset-inline-start: calc(50% - var(--splitter-grip-length, 2rem) / 2);}:host([variant="grip"]) [part="separator"]:hover::after,
-:host([variant="grip"]) [part="separator"]:focus-visible::after,
-:host([variant="grip"]) [part="separator"][data-dragging]::after {opacity: 1;}:host([variant="grip"]) [part="separator"][data-dragging]::after {background-color: var(--splitter-drag-color, var(--helix-color-primary));}::slotted([slot="handle"]) {color: var(--splitter-handle-color, var(--helix-color-foreground-muted));pointer-events: none;position: relative;}[part="start"][data-dragging],
-[part="end"][data-dragging] {pointer-events: none;}@media print {:host {overflow: visible;}}`);
+export const styles = createSheet(`:host {display: flex;min-block-size: 0;min-inline-size: 0;position: relative}:host(:is([orientation="vertical"], [data-axis="vertical"])) {flex-direction: column}[part="start"] {flex: 0 0 var(--splitter-position, 50%);min-block-size: 0;min-inline-size: 0;overflow: auto}[part="end"] {flex: 1 1 0;min-block-size: 0;min-inline-size: 0;overflow: auto}[part="separator"] {background-color: transparent;box-sizing: border-box;cursor: col-resize;display: grid;flex: none;place-content: center;place-items: center;inline-size: var(--splitter-target, var(--helix-space-xs));margin-inline: calc(var(--splitter-target, var(--helix-space-xs)) / -2);position: relative;touch-action: none;user-select: none;z-index: var(--helix-layer-raised)}[part="separator"]::before {background-color: var(--splitter-color, var(--helix-color-border));content: "";inline-size: var(--splitter-thickness, var(--helix-border-thin));inset-block: 0;inset-inline-start: 50%;margin-inline-start: calc(var(--splitter-thickness, var(--helix-border-thin)) / -2);position: absolute;transition: background-color var(--helix-duration-fast) var(--helix-easing-standard), inline-size var(--helix-duration-fast) var(--helix-easing-standard)}:host(:is([orientation="vertical"], [data-axis="vertical"])) [part="separator"] {block-size: var(--splitter-target, var(--helix-space-xs));cursor: row-resize;inline-size: auto;margin-block: calc(var(--splitter-target, var(--helix-space-xs)) / -2);margin-inline: 0}:host(:is([orientation="vertical"], [data-axis="vertical"])) [part="separator"]::before {block-size: var(--splitter-thickness, var(--helix-border-thin));inline-size: auto;inset-block-start: 50%;inset-inline: 0;margin-block-start: calc(var(--splitter-thickness, var(--helix-border-thin)) / -2);transition: background-color var(--helix-duration-fast) var(--helix-easing-standard), block-size var(--helix-duration-fast) var(--helix-easing-standard)}[part="separator"]:hover, [part="separator"]:focus-visible, [part="separator"][data-dragging] {z-index: calc(var(--helix-layer-raised) + 1)}[part="separator"][data-flush]::before {background-color: transparent}:host(:not([variant="grip"])) [part="separator"]:hover::before, :host(:not([variant="grip"])) [part="separator"]:focus-visible::before, :host(:not([variant="grip"])) [part="separator"][data-dragging]::before {background-color: var(--splitter-hover-color, var(--helix-color-foreground-muted));inline-size: var(--splitter-hover-thickness, var(--helix-border-thick))}:host(:not([variant="grip"])) [part="separator"][data-dragging]::before {background-color: var(--splitter-drag-color, var(--helix-color-primary))}:host(:is([orientation="vertical"], [data-axis="vertical"]):not([variant="grip"])) [part="separator"]:hover::before, :host(:is([orientation="vertical"], [data-axis="vertical"]):not([variant="grip"])) [part="separator"]:focus-visible::before, :host(:is([orientation="vertical"], [data-axis="vertical"]):not([variant="grip"])) [part="separator"][data-dragging]::before {block-size: var(--splitter-hover-thickness, var(--helix-border-thick));inline-size: auto}[part="separator"]:focus-visible {outline: none}[part="separator"]:focus-visible::before {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="corner"] {block-size: var(--splitter-corner, var(--helix-space-md));cursor: move;inline-size: var(--splitter-corner, var(--helix-space-md));inset-block-start: var(--splitter-corner-at);inset-inline-start: var(--splitter-position);margin-block-start: calc(var(--splitter-corner, var(--helix-space-md)) / -2);margin-inline-start: calc(var(--splitter-corner, var(--helix-space-md)) / -2);position: absolute;touch-action: none;user-select: none;z-index: calc(var(--helix-layer-raised) + 2)}:host(:is([orientation="vertical"], [data-axis="vertical"])) [part="corner"] {inset-block-start: var(--splitter-position);inset-inline-start: var(--splitter-corner-at)}[part="corner"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}:host([variant="grip"]) [part="separator"]::after {background-color: var(--splitter-grip-color, var(--helix-color-foreground-muted));border-radius: var(--helix-radii-full);content: "";opacity: 0;position: absolute;transition: background-color var(--helix-duration-fast) var(--helix-easing-standard), opacity var(--helix-duration-fast) var(--helix-easing-standard)}:host([variant="grip"]:not(:is([orientation="vertical"], [data-axis="vertical"]))) [part="separator"]::after {block-size: var(--splitter-grip-length, 2rem);inline-size: var(--splitter-grip-thickness, var(--helix-border-thick));inset-block-start: calc(50% - var(--splitter-grip-length, 2rem) / 2);inset-inline-start: calc(50% - var(--splitter-grip-thickness, var(--helix-border-thick)) - var(--helix-space-2xs))}:host([variant="grip"]:is([orientation="vertical"], [data-axis="vertical"])) [part="separator"]::after {block-size: var(--splitter-grip-thickness, var(--helix-border-thick));inline-size: var(--splitter-grip-length, 2rem);inset-block-start: calc(50% - var(--splitter-grip-thickness, var(--helix-border-thick)) - var(--helix-space-2xs));inset-inline-start: calc(50% - var(--splitter-grip-length, 2rem) / 2)}:host([variant="grip"]) [part="separator"]:hover::after, :host([variant="grip"]) [part="separator"]:focus-visible::after, :host([variant="grip"]) [part="separator"][data-dragging]::after {opacity: 1}:host([variant="grip"]) [part="separator"][data-dragging]::after {background-color: var(--splitter-drag-color, var(--helix-color-primary))}::slotted([slot="handle"]) {color: var(--splitter-handle-color, var(--helix-color-foreground-muted));pointer-events: none;position: relative}[part="start"][data-dragging], [part="end"][data-dragging] {pointer-events: none}@media print {:host {overflow: visible}}`);

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

package/dist/stat/group/stat-group.css.js

@@ -1,2 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {--_stat-group-gap: var(--stat-group-gap, var(--helix-space-2xl));display: flex;flex-wrap: wrap;gap: var(--_stat-group-gap);}:host([columns]) {display: grid;}:host([columns="2"]) {grid-template-columns: var(--stat-group-columns, repeat(2, minmax(0, 1fr)));}:host([columns="3"]) {grid-template-columns: var(--stat-group-columns, repeat(3, minmax(0, 1fr)));}:host([columns="4"]) {grid-template-columns: var(--stat-group-columns, repeat(4, minmax(0, 1fr)));}:host([columns="5"]) {grid-template-columns: var(--stat-group-columns, repeat(5, minmax(0, 1fr)));}:host([columns="6"]) {grid-template-columns: var(--stat-group-columns, repeat(6, minmax(0, 1fr)));}:host([divided]) {column-gap: calc(var(--_stat-group-gap) * 2);overflow-x: clip;}:host([divided]) ::slotted(*) {border-inline-start: var(--helix-border-thin) solid var(--helix-color-border);margin-inline-start: calc(var(--_stat-group-gap) * -1 - var(--helix-border-thin));padding-inline-start: var(--_stat-group-gap);}`);
+export const styles = createSheet(`:host {--_stat-group-gap: var(--stat-group-gap, var(--helix-space-2xl));display: flex;flex-wrap: wrap;gap: var(--_stat-group-gap)}:host([columns]) {display: grid}:host([columns="2"]) {grid-template-columns: var(--stat-group-columns, repeat(2, minmax(0, 1fr)))}:host([columns="3"]) {grid-template-columns: var(--stat-group-columns, repeat(3, minmax(0, 1fr)))}:host([columns="4"]) {grid-template-columns: var(--stat-group-columns, repeat(4, minmax(0, 1fr)))}:host([columns="5"]) {grid-template-columns: var(--stat-group-columns, repeat(5, minmax(0, 1fr)))}:host([columns="6"]) {grid-template-columns: var(--stat-group-columns, repeat(6, minmax(0, 1fr)))}:host([divided]) {column-gap: calc(var(--_stat-group-gap) * 2);overflow-x: clip}:host([divided]) ::slotted(*) {border-inline-start: var(--helix-border-thin) solid var(--helix-color-border);margin-inline-start: calc(var(--_stat-group-gap) * -1 - var(--helix-border-thin));padding-inline-start: var(--_stat-group-gap)}`);

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

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

@@ -1,4 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {align-content: start;align-items: baseline;display: grid;gap: var(--stat-gap, var(--helix-space-2xs));grid-template-columns: auto 1fr;}slot[name="label"]::slotted(*) {color: var(--stat-label-color, var(--helix-color-foreground-muted));font-size: var(--stat-label-size, calc(var(--helix-text-xs) / var(--helix-text-md) * 1em));font-weight: var(--helix-weight-medium);grid-column: 1 / -1;letter-spacing: var(--helix-tracking-wide);}[part="value"] {color: var(--stat-value-color, var(--helix-color-foreground));font-family: var(--helix-font-display);font-size: var(--stat-value-size, calc(var(--helix-text-3xl) / var(--helix-text-md) * 1em));font-weight: var(--helix-weight-semibold);letter-spacing: var(--helix-tracking-tight);line-height: var(--helix-leading-tight);}slot[name="unit"]::slotted(*) {color: var(--stat-unit-color, var(--helix-color-foreground-muted));font-size: var(--stat-unit-size, calc(var(--helix-text-md) / var(--helix-text-md) * 1em));font-weight: var(--helix-weight-medium);}slot[name="trend"]::slotted(*) {grid-column: 1 / -1;}:host([direction="column-reverse"]) slot[name="label"]::slotted(*) {order: 1;}:host([direction="row"]),
-:host([direction="row-reverse"]) {align-items: baseline;display: flex;gap: var(--stat-gap, var(--helix-space-xs));}:host([direction="row"]) slot[name="label"]::slotted(*),
-:host([direction="row-reverse"]) slot[name="label"]::slotted(*) {grid-column: auto;}:host([direction="row-reverse"]) slot[name="label"] {order: 1;}@media print {:host {print-color-adjust: economy;}}`);
+export const styles = createSheet(`:host {align-content: start;align-items: baseline;display: grid;gap: var(--stat-gap, var(--helix-space-2xs));grid-template-columns: auto 1fr}slot[name="label"]::slotted(*) {color: var(--stat-label-color, var(--helix-color-foreground-muted));font-size: var(--stat-label-size, calc(var(--helix-text-xs) / var(--helix-text-md) * 1em));font-weight: var(--helix-weight-medium);grid-column: 1 / -1;letter-spacing: var(--helix-tracking-wide)}[part="value"] {color: var(--stat-value-color, var(--helix-color-foreground));font-family: var(--helix-font-display);font-size: var(--stat-value-size, calc(var(--helix-text-3xl) / var(--helix-text-md) * 1em));font-weight: var(--helix-weight-semibold);letter-spacing: var(--helix-tracking-tight);line-height: var(--helix-leading-tight)}slot[name="unit"]::slotted(*) {color: var(--stat-unit-color, var(--helix-color-foreground-muted));font-size: var(--stat-unit-size, calc(var(--helix-text-md) / var(--helix-text-md) * 1em));font-weight: var(--helix-weight-medium)}slot[name="trend"]::slotted(*) {grid-column: 1 / -1}:host([direction="column-reverse"]) slot[name="label"]::slotted(*) {order: 1}:host([direction="row"]), :host([direction="row-reverse"]) {align-items: baseline;display: flex;gap: var(--stat-gap, var(--helix-space-xs))}:host([direction="row"]) slot[name="label"]::slotted(*), :host([direction="row-reverse"]) slot[name="label"]::slotted(*) {grid-column: auto}:host([direction="row-reverse"]) slot[name="label"] {order: 1}@media print {:host {print-color-adjust: economy}}`);

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

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

@@ -1,34 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {--_steps-m: var(--steps-marker-size, var(--helix-size-icon));--_steps-mark-box: var(--_steps-m);--_steps-connector-inset: var(--steps-connector-inset, var(--helix-space-2xs));--_steps-columns: minmax(0, 1fr);--_steps-marker-column: 1;--_steps-marker-justify: center;--_steps-body-column: 1;--_steps-body-row: 2;--_steps-body-align: center;--_steps-row-gap: var(--helix-space-xs);--_steps-content: none;--_steps-lead-inline-start: calc(var(--steps-gap, var(--helix-space-md)) / -2);--_steps-lead-inline-size: calc(
-50% +
-var(--steps-gap, var(--helix-space-md)) /
-2 -
-var(--_steps-mark-box) /
-2 -
-var(--_steps-connector-inset)
-);--_steps-lead-block-start: calc(var(--_steps-mark-box) / 2);--_steps-lead-block-size: var(--helix-border-thin);--_steps-trail-inline-start: calc(
-50% +
-var(--_steps-mark-box) /
-2 +
-var(--_steps-connector-inset)
-);--_steps-trail-inline-size: calc(
-50% +
-var(--steps-gap, var(--helix-space-md)) /
-2 -
-var(--_steps-mark-box) /
-2 -
-var(--_steps-connector-inset)
-);--_steps-trail-block-start: calc(var(--_steps-mark-box) / 2);--_steps-trail-block-size: var(--helix-border-thin);counter-reset: helix-step;display: flex;flex-wrap: wrap;gap: var(--steps-gap, var(--helix-space-md));}[part="progress"] {background-color: var(--steps-progress-track-color, var(--helix-color-border));background-image: linear-gradient(
-to right,
-var(--steps-progress-color, var(--helix-color-success)) var(--steps-progress, 0%),
-transparent 0
-);block-size: var(--steps-progress-thickness, var(--helix-border-thick));border-radius: var(--helix-radii-full);flex: 0 0 100%;order: 1;}[part="progress"]:dir(rtl) {background-image: linear-gradient(
-to left,
-var(--steps-progress-color, var(--helix-color-success)) var(--steps-progress, 0%),
-transparent 0
-);}:host([orientation="vertical"]) [part="progress"] {flex: none;inline-size: 100%;}:host(:not([orientation="vertical"])) ::slotted(*) {flex: 1 1 0;min-inline-size: 0;}:host([orientation="vertical"]) {--_steps-mark-box: var(--helix-size-control-tight);--_steps-columns: auto minmax(0, 1fr);--_steps-marker-justify: start;--_steps-body-column: 2;--_steps-body-row: 1;--_steps-body-align: start;--_steps-row-gap: var(--helix-space-2xs);--_steps-content: grid;--_steps-lead-inline-start: calc(var(--_steps-mark-box) / 2);--_steps-lead-inline-size: var(--helix-border-thin);--_steps-lead-block-start: calc(var(--steps-gap, var(--helix-space-md)) / -2);--_steps-lead-block-size: calc(var(--steps-gap, var(--helix-space-md)) / 2);--_steps-trail-inline-start: calc(var(--_steps-mark-box) / 2);--_steps-trail-inline-size: var(--helix-border-thin);--_steps-trail-block-start: var(--_steps-mark-box);--_steps-trail-block-size: calc(
-100% -
-var(--_steps-mark-box) +
-var(--steps-gap, var(--helix-space-md)) /
-2
-);flex-direction: column;}:host([variant="numeric"]) {--_steps-mark: none;--_steps-count: counter(helix-step);--_steps-marker-color: var(--helix-color-foreground-subtle);--_steps-ink-complete: var(--helix-color-foreground-muted);--_steps-ink-current: var(--helix-color-foreground);}@media print {:host {print-color-adjust: economy;}}`);
+export const styles = createSheet(`:host {--_steps-m: var(--steps-marker-size, var(--helix-size-icon));--_steps-mark-box: var(--_steps-m);--_steps-connector-inset: var(--steps-connector-inset, var(--helix-space-2xs));--_steps-columns: minmax(0, 1fr);--_steps-marker-column: 1;--_steps-marker-justify: center;--_steps-body-column: 1;--_steps-body-row: 2;--_steps-body-align: center;--_steps-row-gap: var(--helix-space-xs);--_steps-content: none;--_steps-lead-inline-start: calc(var(--steps-gap, var(--helix-space-md)) / -2);--_steps-lead-inline-size: calc(50% + var(--steps-gap, var(--helix-space-md)) / 2 - var(--_steps-mark-box) / 2 - var(--_steps-connector-inset));--_steps-lead-block-start: calc(var(--_steps-mark-box) / 2);--_steps-lead-block-size: var(--helix-border-thin);--_steps-trail-inline-start: calc(50% + var(--_steps-mark-box) / 2 + var(--_steps-connector-inset));--_steps-trail-inline-size: calc(50% + var(--steps-gap, var(--helix-space-md)) / 2 - var(--_steps-mark-box) / 2 - var(--_steps-connector-inset));--_steps-trail-block-start: calc(var(--_steps-mark-box) / 2);--_steps-trail-block-size: var(--helix-border-thin);counter-reset: helix-step;display: flex;flex-wrap: wrap;gap: var(--steps-gap, var(--helix-space-md))}[part="progress"] {background-color: var(--steps-progress-track-color, var(--helix-color-border));background-image: linear-gradient(to right, var(--steps-progress-color, var(--helix-color-success)) var(--steps-progress, 0%), transparent 0);block-size: var(--steps-progress-thickness, var(--helix-border-thick));border-radius: var(--helix-radii-full);flex: 0 0 100%;order: 1}[part="progress"]:dir(rtl) {background-image: linear-gradient(to left, var(--steps-progress-color, var(--helix-color-success)) var(--steps-progress, 0%), transparent 0)}:host([orientation="vertical"]) [part="progress"] {flex: none;inline-size: 100%}:host(:not([orientation="vertical"])) ::slotted(*) {flex: 1 1 0;min-inline-size: 0}:host([orientation="vertical"]) {--_steps-mark-box: var(--helix-size-control-tight);--_steps-columns: auto minmax(0, 1fr);--_steps-marker-justify: start;--_steps-body-column: 2;--_steps-body-row: 1;--_steps-body-align: start;--_steps-row-gap: var(--helix-space-2xs);--_steps-content: grid;--_steps-lead-inline-start: calc(var(--_steps-mark-box) / 2);--_steps-lead-inline-size: var(--helix-border-thin);--_steps-lead-block-start: calc(var(--steps-gap, var(--helix-space-md)) / -2);--_steps-lead-block-size: calc(var(--steps-gap, var(--helix-space-md)) / 2);--_steps-trail-inline-start: calc(var(--_steps-mark-box) / 2);--_steps-trail-inline-size: var(--helix-border-thin);--_steps-trail-block-start: var(--_steps-mark-box);--_steps-trail-block-size: calc(100% - var(--_steps-mark-box) + var(--steps-gap, var(--helix-space-md)) / 2);flex-direction: column}:host([variant="numeric"]) {--_steps-mark: none;--_steps-count: counter(helix-step);--_steps-marker-color: var(--helix-color-foreground-subtle);--_steps-ink-complete: var(--helix-color-foreground-muted);--_steps-ink-current: var(--helix-color-foreground)}@media print {:host {print-color-adjust: economy}}`);

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