@fusion.dev/helix 0.182.1 → 0.183.0

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

package/dist/map/position/map-position.css.js

@@ -1,22 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {--_map-position-ink: color-mix(
-in oklab,
-var(--helix-color-foreground) 84%,
-var(--helix-color-surface)
-);--_map-position-color: var(--map-position-color, var(--_map-position-ink));--_map-position-edge: var(--map-position-edge, var(--helix-color-surface));--_map-position-fill: var(--map-position-fill, var(--_map-position-ink));--_map-position-size: var(--map-position-size, 1.25rem);--_map-position-heading: 0deg;--_map-position-pitch: 0deg;--_map-position-radius: 0px;--_map-position-x: 0px;--_map-position-y: 0px;block-size: 0;display: block;inline-size: 0;inset-block-start: var(--_map-position-y);left: var(--_map-position-x);pointer-events: none;position: absolute;z-index: var(--helix-layer-raised);}:host(:not(:state(placed))) [part="position"] {visibility: hidden;}[part="position"] {display: block;left: 0;position: absolute;top: 0;transform: rotateX(var(--_map-position-pitch));}[part="accuracy"] {background: color-mix(in oklab, var(--_map-position-color) 12%, transparent);block-size: calc(var(--_map-position-radius) * 2);border: var(--helix-border-thin) solid
-color-mix(in oklab, var(--_map-position-color) 35%, transparent);border-radius: var(--helix-radii-full);box-sizing: border-box;inline-size: calc(var(--_map-position-radius) * 2);left: 0;position: absolute;top: 0;translate: -50% -50%;}[part="heading"] {background: conic-gradient(
-from -45deg,
-transparent 0deg,
-var(--_map-position-color) 30deg 60deg,
-transparent 90deg
-);block-size: calc(var(--_map-position-size) * 5);border-radius: var(--helix-radii-full);display: none;inline-size: calc(var(--_map-position-size) * 5);left: 0;mask: radial-gradient(closest-side, rgb(0 0 0 / 0.32) 20%, transparent);position: absolute;rotate: var(--_map-position-heading);top: 0;translate: -50% -50%;}:host([heading]) [part="heading"] {display: block;}[part="pulse"] {animation: map-position-pulse calc(var(--helix-duration-slow) * 7.5)
-var(--helix-easing-decelerate) infinite;background: var(--_map-position-color);block-size: var(--_map-position-size);border-radius: var(--helix-radii-full);inline-size: var(--_map-position-size);left: 0;opacity: 0;position: absolute;top: 0;translate: -50% -50%;}@keyframes map-position-pulse {from {opacity: 0.45;scale: 1;}to {opacity: 0;scale: 3.2;}}[part="dot"] {background: var(--_map-position-fill);block-size: var(--_map-position-size);border: var(--helix-border-thick) solid var(--_map-position-edge);border-radius: var(--helix-radii-full);box-shadow:
-0 0 0 calc(var(--_map-position-size) * 0.3)
-color-mix(in oklab, var(--_map-position-color) 20%, transparent),
-var(--helix-shadow-sm);box-sizing: border-box;inline-size: var(--_map-position-size);left: 0;position: absolute;top: 0;translate: -50% -50%;}[part="arrow"] {block-size: calc(var(--_map-position-size) * 1.6);display: none;filter: drop-shadow(
-0 var(--helix-border-thin) var(--helix-border-thick)
-color-mix(in oklab, var(--helix-color-foreground) 30%, transparent)
-);inline-size: calc(var(--_map-position-size) * 1.6);left: 0;overflow: visible;position: absolute;rotate: var(--_map-position-heading);top: 0;translate: -50% -50%;}[part="arrow"] path {fill: var(--_map-position-fill);paint-order: stroke;stroke: none;stroke-linejoin: round;stroke-width: calc(var(--helix-border-thick) * 1.5);}:host([heading]) [part="arrow"] {display: block;}:host([heading]) [part="dot"] {display: none;}:host([shape="rounded"]) [part="dot"] {border-radius: var(--helix-radii-md);}:host([shape="square"]) [part="dot"] {border-radius: var(--helix-radii-none);}:host([shape="diamond"]) [part="dot"] {border-radius: var(--helix-radii-none);rotate: 45deg;scale: 0.85;}:host([shape="ring"]) [part="dot"] {background: transparent;border-color: var(--_map-position-fill);border-width: calc(var(--_map-position-size) * 0.25);}:host([separation="outlined"]) [part="dot"] {box-shadow: none;}:host([separation="elevated"]) [part="dot"] {box-shadow: var(--helix-shadow-md);}:host([separation="filled"]) [part="dot"] {border-color: transparent;}:host([separation="plain"]) [part="dot"] {border-color: transparent;box-shadow: none;}:host([separation="outlined"]) [part="arrow"] path {stroke: var(--_map-position-edge);}:host([separation="outlined"]) [part="arrow"],
-:host([separation="plain"]) [part="arrow"] {filter: none;}@media (prefers-reduced-motion: reduce) {[part="pulse"] {animation: none;}}[part="status"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;overflow: hidden;position: absolute;white-space: nowrap;}:host([tone]) {--_map-position-color: var(--_map-position-tone);--_map-position-fill: var(--_map-position-tone);}:host([tone="accent"]) {--_map-position-tone: var(--helix-color-accent);}:host([tone="danger"]) {--_map-position-tone: var(--helix-color-danger);}:host([tone="info"]) {--_map-position-tone: var(--helix-color-info);}:host([tone="neutral"]) {--_map-position-tone: var(--helix-color-foreground-muted);}:host([tone="primary"]) {--_map-position-tone: var(--helix-color-primary);}:host([tone="success"]) {--_map-position-tone: var(--helix-color-success);}:host([tone="warning"]) {--_map-position-tone: var(--helix-color-warning);}@media (forced-colors: active) {[part="dot"],
-[part="heading"],
-[part="pulse"] {forced-color-adjust: none;}}`);
+export const styles = createSheet(`:host {--_map-position-ink: color-mix(in oklab, var(--helix-color-foreground) 84%, var(--helix-color-surface));--_map-position-color: var(--map-position-color, var(--_map-position-ink));--_map-position-edge: var(--map-position-edge, var(--helix-color-surface));--_map-position-fill: var(--map-position-fill, var(--_map-position-ink));--_map-position-size: var(--map-position-size, 1.25rem);--_map-position-heading: 0deg;--_map-position-pitch: 0deg;--_map-position-radius: 0px;--_map-position-x: 0px;--_map-position-y: 0px;block-size: 0;display: block;inline-size: 0;inset-block-start: var(--_map-position-y);left: var(--_map-position-x);pointer-events: none;position: absolute;z-index: var(--helix-layer-raised)}:host(:not(:state(placed))) [part="position"] {visibility: hidden}[part="position"] {display: block;left: 0;position: absolute;top: 0;transform: rotateX(var(--_map-position-pitch))}[part="accuracy"] {background: color-mix(in oklab, var(--_map-position-color) 12%, transparent);block-size: calc(var(--_map-position-radius) * 2);border: var(--helix-border-thin) solid color-mix(in oklab, var(--_map-position-color) 35%, transparent);border-radius: var(--helix-radii-full);box-sizing: border-box;inline-size: calc(var(--_map-position-radius) * 2);left: 0;position: absolute;top: 0;translate: -50% -50%}[part="heading"] {background: conic-gradient(from -45deg, transparent 0deg, var(--_map-position-color) 30deg 60deg, transparent 90deg);block-size: calc(var(--_map-position-size) * 5);border-radius: var(--helix-radii-full);display: none;inline-size: calc(var(--_map-position-size) * 5);left: 0;mask: radial-gradient(closest-side, rgb(0 0 0 / 0.32) 20%, transparent);position: absolute;rotate: var(--_map-position-heading);top: 0;translate: -50% -50%}:host([heading]) [part="heading"] {display: block}[part="pulse"] {animation: map-position-pulse calc(var(--helix-duration-slow) * 7.5) var(--helix-easing-decelerate) infinite;background: var(--_map-position-color);block-size: var(--_map-position-size);border-radius: var(--helix-radii-full);inline-size: var(--_map-position-size);left: 0;opacity: 0;position: absolute;top: 0;translate: -50% -50%}@keyframes map-position-pulse {from {opacity: 0.45;scale: 1}to {opacity: 0;scale: 3.2}}[part="dot"] {background: var(--_map-position-fill);block-size: var(--_map-position-size);border: var(--helix-border-thick) solid var(--_map-position-edge);border-radius: var(--helix-radii-full);box-shadow: 0 0 0 calc(var(--_map-position-size) * 0.3) color-mix(in oklab, var(--_map-position-color) 20%, transparent), var(--helix-shadow-sm);box-sizing: border-box;inline-size: var(--_map-position-size);left: 0;position: absolute;top: 0;translate: -50% -50%}[part="arrow"] {block-size: calc(var(--_map-position-size) * 1.6);display: none;filter: drop-shadow(0 var(--helix-border-thin) var(--helix-border-thick) color-mix(in oklab, var(--helix-color-foreground) 30%, transparent));inline-size: calc(var(--_map-position-size) * 1.6);left: 0;overflow: visible;position: absolute;rotate: var(--_map-position-heading);top: 0;translate: -50% -50%}[part="arrow"] path {fill: var(--_map-position-fill);paint-order: stroke;stroke: none;stroke-linejoin: round;stroke-width: calc(var(--helix-border-thick) * 1.5)}:host([heading]) [part="arrow"] {display: block}:host([heading]) [part="dot"] {display: none}:host([shape="rounded"]) [part="dot"] {border-radius: var(--helix-radii-md)}:host([shape="square"]) [part="dot"] {border-radius: var(--helix-radii-none)}:host([shape="diamond"]) [part="dot"] {border-radius: var(--helix-radii-none);rotate: 45deg;scale: 0.85}:host([shape="ring"]) [part="dot"] {background: transparent;border-color: var(--_map-position-fill);border-width: calc(var(--_map-position-size) * 0.25)}:host([separation="outlined"]) [part="dot"] {box-shadow: none}:host([separation="elevated"]) [part="dot"] {box-shadow: var(--helix-shadow-md)}:host([separation="filled"]) [part="dot"] {border-color: transparent}:host([separation="plain"]) [part="dot"] {border-color: transparent;box-shadow: none}:host([separation="outlined"]) [part="arrow"] path {stroke: var(--_map-position-edge)}:host([separation="outlined"]) [part="arrow"], :host([separation="plain"]) [part="arrow"] {filter: none}@media (prefers-reduced-motion: reduce) {[part="pulse"] {animation: none}}[part="status"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;overflow: hidden;position: absolute;white-space: nowrap}:host([tone]) {--_map-position-color: var(--_map-position-tone);--_map-position-fill: var(--_map-position-tone)}:host([tone="accent"]) {--_map-position-tone: var(--helix-color-accent)}:host([tone="danger"]) {--_map-position-tone: var(--helix-color-danger)}:host([tone="info"]) {--_map-position-tone: var(--helix-color-info)}:host([tone="neutral"]) {--_map-position-tone: var(--helix-color-foreground-muted)}:host([tone="primary"]) {--_map-position-tone: var(--helix-color-primary)}:host([tone="success"]) {--_map-position-tone: var(--helix-color-success)}:host([tone="warning"]) {--_map-position-tone: var(--helix-color-warning)}@media (forced-colors: active) {[part="dot"], [part="heading"], [part="pulse"] {forced-color-adjust: none}}`);

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

package/dist/map/raster/map-raster.css.js

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

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

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

@@ -1,24 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: contents;}[part="region"] {background-color: var(--map-background-color, var(--helix-color-surface-sunken));block-size: var(--map-block-size, 24rem);border: var(--helix-border-thin) solid var(--map-border-color, var(--helix-color-border));border-radius: var(--map-radius, var(--helix-radii-sm));box-sizing: border-box;display: grid;grid-template-rows: auto 1fr auto auto;overflow: hidden;position: relative;}:host([fill]) [part="region"] {block-size: auto;border: none;border-radius: 0;container-type: size;inset: 0;position: absolute;}[part="viewport"] {isolation: isolate;min-block-size: 0;overflow: hidden;position: relative;}[part="layers"] {block-size: 1px;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="viewport"] ::slotted(:not(helix-map-marker, helix-map-points, helix-map-position)) {block-size: 100%;inline-size: 100%;}:host(:state(idle)) ::slotted([slot="header"]),
-:host(:state(idle)) ::slotted([slot="footer"]) {opacity: 0;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);}::slotted([slot="attribution"]) {border-block-start: var(--helix-border-thin) solid
-var(--map-attribution-border-color, var(--helix-color-border));color: var(--map-attribution-color, var(--helix-color-foreground-subtle));display: block;font-size: var(--map-attribution-font-size, var(--helix-text-xs));padding: var(--helix-space-2xs) var(--helix-space-xs);}:host([credit-placement]) [part="attribution"] {inset-block-end: var(--helix-space-2xs);max-inline-size: calc(100% - var(--helix-space-2xs) * 2);position: absolute;}:host([credit-placement="bottom-end"]) [part="attribution"] {inset-inline-end: var(--helix-space-2xs);}:host([credit-placement="bottom-start"]) [part="attribution"] {inset-inline-start: var(--helix-space-2xs);}:host([credit-placement]) ::slotted([slot="attribution"]) {backdrop-filter: var(--helix-material-backdrop);background-color: var(--helix-material-translucent);border-block-start: none;border-radius: var(--helix-radii-sm);color: var(--map-attribution-color, var(--helix-color-foreground-muted));overflow: hidden;padding: var(--helix-space-none) var(--helix-space-xs);text-overflow: ellipsis;white-space: nowrap;}:host([credit-placement])
-[part="attribution"]:is(:hover, :focus-within)
-::slotted([slot="attribution"]) {white-space: normal;}:host([material="glass"]) [part="controls"] button {backdrop-filter: var(--helix-material-backdrop);background-color: var(--viewport-control-background-color, var(--helix-material-translucent));}:host([material="frosted"]) [part="controls"] button {backdrop-filter: blur(var(--helix-material-blur-lg));background-color: var(
---viewport-control-background-color,
-var(--helix-material-translucent-strong)
-);}:host([material="transparent"]) [part="controls"] button {backdrop-filter: none;background-color: var(--viewport-control-background-color, transparent);}:host([material]) [part="controls"] button:hover {background-color: color-mix(
-in oklab,
-var(--helix-color-foreground) 10%,
-var(--helix-color-surface-overlay)
-);}@media print {[part="controls"] {display: none;}}[part="controls"] {align-items: center;display: flex;flex-direction: column;grid-column: 1 / -1;grid-row: 2 / 3;}[part="controls"] [part="zoom-in"] {border-end-end-radius: 0;border-end-start-radius: 0;}[part="controls"] [part="zoom-out"] {border-block-start: 0;border-start-end-radius: 0;border-start-start-radius: 0;margin-block-start: calc(-1 * var(--helix-space-2xs));}[part="controls"] [part="face-north"] ::slotted(*) {--icon-size: var(--helix-size-icon-md);block-size: var(--helix-size-icon-md);inline-size: var(--helix-size-icon-md);}[part="tilt"] {font-size: var(--helix-text-xs);font-weight: var(--helix-weight-semibold);}[part="tilt"][aria-pressed="true"] {background-color: var(--map-chosen-color, var(--helix-color-primary-surface));border-color: var(--map-chosen-color, var(--helix-color-primary-surface));color: var(--helix-color-foreground-on-primary);}[part="tilt"][aria-pressed="true"]:hover {background-color: var(--helix-color-primary-surface-hover);}[part="compass"] {border-radius: var(--helix-radii-sm);display: grid;grid-template-areas:
-"rotl   up     rotr"
-"start  north  end"
-".      down   .";place-items: center;}[part="rotate-left"] {grid-area: rotl;}[part="rotate-right"] {grid-area: rotr;}[part="face-north"] {grid-area: north;}[part="compass"] > :not([part="face-north"]) {background-color: transparent;block-size: calc(var(--helix-size-control-sm) * 0.75);border-color: transparent;box-shadow: none;font-size: var(--helix-text-xs);inline-size: calc(var(--helix-size-control-sm) * 0.75);}[part="compass"]:has(> :not([part="face-north"])) {background-color: var(--viewport-control-background-color, var(--helix-color-surface-overlay));box-shadow:
-var(--helix-shadow-floating),
-0 0 0 var(--helix-border-floating) var(--helix-color-border);}[part="needle"] {block-size: var(--helix-size-icon-md);inline-size: var(--helix-size-icon-md);transform: rotate(var(--map-needle-turn, 0deg));}[part="needle"] [data-end="north"] {fill: var(--map-needle-north-color, var(--helix-color-danger));}[part="needle"] [data-end="south"] {fill: var(--map-needle-south-color, var(--helix-color-foreground-muted));}[part="layers-menu"] {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);color: var(--helix-color-foreground);display: grid;gap: var(--map-layers-menu-gap, var(--helix-space-sm));inline-size: var(
---map-layers-menu-inline-size,
-min(calc(var(--helix-size-control-lg) * 6), 70vw)
-);inset-block-start: 0;inset-inline-end: calc(100% + var(--helix-space-2xs));max-block-size: calc(var(--map-block-size, 24rem) - var(--helix-space-sm) * 2);overflow-y: auto;padding: var(--map-layers-menu-padding, var(--helix-space-sm));position: absolute;}:host([fill]) [part="layers-menu"] {max-block-size: calc(100cqb - var(--helix-space-sm) * 2);}[part="layers-menu"][hidden] {display: none;}:host([controls-placement^="bottom"]) [part="layers-menu"] {inset-block: auto 0;}:host([controls-placement$="start"]) [part="layers-menu"] {inset-inline: calc(100% + var(--helix-space-2xs)) auto;}[part="map-types"] {display: grid;gap: var(--helix-space-xs);grid-template-columns: repeat(3, 1fr);}[part="map-type"] {color: var(--helix-color-foreground-muted);cursor: pointer;display: grid;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);gap: var(--helix-space-2xs);justify-items: center;position: relative;}[part="map-type"] input {block-size: 1px;inline-size: 1px;margin: 0;opacity: 0;pointer-events: none;position: absolute;}[part="map-type-preview"] {aspect-ratio: 4 / 3;background-color: var(--helix-color-surface-sunken);border: var(--helix-border-thick) solid transparent;border-radius: var(--helix-radii-sm);box-sizing: border-box;display: block;inline-size: 100%;object-fit: cover;}[part="map-type"]:hover,
-[part="map-type"]:has(input:checked) {color: var(--helix-color-foreground);}[part="map-type"]:has(input:checked) [part="map-type-preview"] {border-color: var(--map-chosen-color, var(--helix-color-primary-surface));}[part="map-type"]:has(input:focus-visible) [part="map-type-preview"] {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="layer-choices"] {display: grid;gap: var(--helix-space-xs);grid-template-columns: repeat(3, 1fr);}[part="layers-menu"] [part="layer-choice"] {align-content: start;background-color: transparent;block-size: auto;border: 0;box-shadow: none;color: var(--helix-color-foreground-muted);display: grid;font-size: var(--helix-text-xs);gap: var(--helix-space-2xs);inline-size: auto;justify-items: center;padding: 0;text-align: center;}[part="layers-menu"] [part="layer-choice"]:hover,
-[part="layers-menu"] [part="layer-choice"][aria-pressed="true"] {background-color: transparent;color: var(--helix-color-foreground);}[part="layers-menu"] [part="layer-choice"]:focus-visible {outline: none;}[part="layer-icon"] {aspect-ratio: 4 / 3;background-color: var(--helix-color-surface-sunken);border: var(--helix-border-thick) solid transparent;border-radius: var(--helix-radii-sm);box-sizing: border-box;display: block;inline-size: 100%;padding: var(--helix-space-sm);}[part="layer-choice"][aria-pressed="true"] [part="layer-icon"] {border-color: var(--map-chosen-color, var(--helix-color-primary-surface));}[part="layer-choice"]:focus-visible [part="layer-icon"] {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}@media (forced-colors: active) {[part="tilt"][aria-pressed="true"] {background-color: Highlight;color: HighlightText;forced-color-adjust: none;}[part="map-type"]:has(input:checked),
-[part="layers-menu"] [part="layer-choice"][aria-pressed="true"] {outline: var(--helix-border-thick) solid Highlight;outline-offset: var(--helix-space-2xs);}}`);
+export const styles = createSheet(`:host {display: contents}[part="region"] {background-color: var(--map-background-color, var(--helix-color-surface-sunken));block-size: var(--map-block-size, 24rem);border: var(--helix-border-thin) solid var(--map-border-color, var(--helix-color-border));border-radius: var(--map-radius, var(--helix-radii-sm));box-sizing: border-box;display: grid;grid-template-rows: auto 1fr auto auto;overflow: hidden;position: relative}:host([fill]) [part="region"] {block-size: auto;border: none;border-radius: 0;container-type: size;inset: 0;position: absolute}[part="viewport"] {isolation: isolate;min-block-size: 0;overflow: hidden;position: relative}[part="layers"] {block-size: 1px;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="viewport"] ::slotted(:not(helix-map-marker, helix-map-points, helix-map-position)) {block-size: 100%;inline-size: 100%}:host(:state(idle)) ::slotted([slot="header"]), :host(:state(idle)) ::slotted([slot="footer"]) {opacity: 0;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard)}::slotted([slot="attribution"]) {border-block-start: var(--helix-border-thin) solid var(--map-attribution-border-color, var(--helix-color-border));color: var(--map-attribution-color, var(--helix-color-foreground-subtle));display: block;font-size: var(--map-attribution-font-size, var(--helix-text-xs));padding: var(--helix-space-2xs) var(--helix-space-xs)}:host([credit-placement]) [part="attribution"] {inset-block-end: var(--helix-space-2xs);max-inline-size: calc(100% - var(--helix-space-2xs) * 2);position: absolute}:host([credit-placement="bottom-end"]) [part="attribution"] {inset-inline-end: var(--helix-space-2xs)}:host([credit-placement="bottom-start"]) [part="attribution"] {inset-inline-start: var(--helix-space-2xs)}:host([credit-placement]) ::slotted([slot="attribution"]) {backdrop-filter: var(--helix-material-backdrop);background-color: var(--helix-material-translucent);border-block-start: none;border-radius: var(--helix-radii-sm);color: var(--map-attribution-color, var(--helix-color-foreground-muted));overflow: hidden;padding: var(--helix-space-none) var(--helix-space-xs);text-overflow: ellipsis;white-space: nowrap}:host([credit-placement]) [part="attribution"]:is(:hover, :focus-within) ::slotted([slot="attribution"]) {white-space: normal}:host([material="glass"]) [part="controls"] button {backdrop-filter: var(--helix-material-backdrop);background-color: var(--viewport-control-background-color, var(--helix-material-translucent))}:host([material="frosted"]) [part="controls"] button {backdrop-filter: blur(var(--helix-material-blur-lg));background-color: var(--viewport-control-background-color, var(--helix-material-translucent-strong))}:host([material="transparent"]) [part="controls"] button {backdrop-filter: none;background-color: var(--viewport-control-background-color, transparent)}:host([material]) [part="controls"] button:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 10%, var(--helix-color-surface-overlay))}@media print {[part="controls"] {display: none}}[part="controls"] {align-items: center;display: flex;flex-direction: column;grid-column: 1 / -1;grid-row: 2 / 3}[part="controls"] [part="zoom-in"] {border-end-end-radius: 0;border-end-start-radius: 0}[part="controls"] [part="zoom-out"] {border-block-start: 0;border-start-end-radius: 0;border-start-start-radius: 0;margin-block-start: calc(-1 * var(--helix-space-2xs))}[part="controls"] [part="face-north"] ::slotted(*) {--icon-size: var(--helix-size-icon-md);block-size: var(--helix-size-icon-md);inline-size: var(--helix-size-icon-md)}[part="tilt"] {font-size: var(--helix-text-xs);font-weight: var(--helix-weight-semibold)}[part="tilt"][aria-pressed="true"] {background-color: var(--map-chosen-color, var(--helix-color-primary-surface));border-color: var(--map-chosen-color, var(--helix-color-primary-surface));color: var(--helix-color-foreground-on-primary)}[part="tilt"][aria-pressed="true"]:hover {background-color: var(--helix-color-primary-surface-hover)}[part="compass"] {border-radius: var(--helix-radii-sm);display: grid;grid-template-areas: "rotl   up     rotr" "start  north  end" ".      down   .";place-items: center}[part="rotate-left"] {grid-area: rotl}[part="rotate-right"] {grid-area: rotr}[part="face-north"] {grid-area: north}[part="compass"] > :not([part="face-north"]) {background-color: transparent;block-size: calc(var(--helix-size-control-sm) * 0.75);border-color: transparent;box-shadow: none;font-size: var(--helix-text-xs);inline-size: calc(var(--helix-size-control-sm) * 0.75)}[part="compass"]:has(> :not([part="face-north"])) {background-color: var(--viewport-control-background-color, var(--helix-color-surface-overlay));box-shadow: var(--helix-shadow-floating), 0 0 0 var(--helix-border-floating) var(--helix-color-border)}[part="needle"] {block-size: var(--helix-size-icon-md);inline-size: var(--helix-size-icon-md);transform: rotate(var(--map-needle-turn, 0deg))}[part="needle"] [data-end="north"] {fill: var(--map-needle-north-color, var(--helix-color-danger))}[part="needle"] [data-end="south"] {fill: var(--map-needle-south-color, var(--helix-color-foreground-muted))}[part="layers-menu"] {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);color: var(--helix-color-foreground);display: grid;gap: var(--map-layers-menu-gap, var(--helix-space-sm));inline-size: var(--map-layers-menu-inline-size, min(calc(var(--helix-size-control-lg) * 6), 70vw));inset-block-start: 0;inset-inline-end: calc(100% + var(--helix-space-2xs));max-block-size: calc(var(--map-block-size, 24rem) - var(--helix-space-sm) * 2);overflow-y: auto;padding: var(--map-layers-menu-padding, var(--helix-space-sm));position: absolute}:host([fill]) [part="layers-menu"] {max-block-size: calc(100cqb - var(--helix-space-sm) * 2)}[part="layers-menu"][hidden] {display: none}:host([controls-placement^="bottom"]) [part="layers-menu"] {inset-block: auto 0}:host([controls-placement$="start"]) [part="layers-menu"] {inset-inline: calc(100% + var(--helix-space-2xs)) auto}[part="map-types"] {display: grid;gap: var(--helix-space-xs);grid-template-columns: repeat(3, 1fr)}[part="map-type"] {color: var(--helix-color-foreground-muted);cursor: pointer;display: grid;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);gap: var(--helix-space-2xs);justify-items: center;position: relative}[part="map-type"] input {block-size: 1px;inline-size: 1px;margin: 0;opacity: 0;pointer-events: none;position: absolute}[part="map-type-preview"] {aspect-ratio: 4 / 3;background-color: var(--helix-color-surface-sunken);border: var(--helix-border-thick) solid transparent;border-radius: var(--helix-radii-sm);box-sizing: border-box;display: block;inline-size: 100%;object-fit: cover}[part="map-type"]:hover, [part="map-type"]:has(input:checked) {color: var(--helix-color-foreground)}[part="map-type"]:has(input:checked) [part="map-type-preview"] {border-color: var(--map-chosen-color, var(--helix-color-primary-surface))}[part="map-type"]:has(input:focus-visible) [part="map-type-preview"] {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="layer-choices"] {display: grid;gap: var(--helix-space-xs);grid-template-columns: repeat(3, 1fr)}[part="layers-menu"] [part="layer-choice"] {align-content: start;background-color: transparent;block-size: auto;border: 0;box-shadow: none;color: var(--helix-color-foreground-muted);display: grid;font-size: var(--helix-text-xs);gap: var(--helix-space-2xs);inline-size: auto;justify-items: center;padding: 0;text-align: center}[part="layers-menu"] [part="layer-choice"]:hover, [part="layers-menu"] [part="layer-choice"][aria-pressed="true"] {background-color: transparent;color: var(--helix-color-foreground)}[part="layers-menu"] [part="layer-choice"]:focus-visible {outline: none}[part="layer-icon"] {aspect-ratio: 4 / 3;background-color: var(--helix-color-surface-sunken);border: var(--helix-border-thick) solid transparent;border-radius: var(--helix-radii-sm);box-sizing: border-box;display: block;inline-size: 100%;padding: var(--helix-space-sm)}[part="layer-choice"][aria-pressed="true"] [part="layer-icon"] {border-color: var(--map-chosen-color, var(--helix-color-primary-surface))}[part="layer-choice"]:focus-visible [part="layer-icon"] {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}@media (forced-colors: active) {[part="tilt"][aria-pressed="true"] {background-color: Highlight;color: HighlightText;forced-color-adjust: none}[part="map-type"]:has(input:checked), [part="layers-menu"] [part="layer-choice"][aria-pressed="true"] {outline: var(--helix-border-thick) solid Highlight;outline-offset: var(--helix-space-2xs)}}`);

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

package/dist/map/route/map-route.css.js

@@ -1,2 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {border-color: var(--map-route-casing-color, var(--helix-color-surface));color: var(--map-route-color, var(--helix-color-primary));display: none;}:host([tone="accent"]) {color: var(--helix-color-accent);}:host([tone="danger"]) {color: var(--helix-color-danger);}:host([tone="info"]) {color: var(--helix-color-info);}:host([tone="neutral"]) {color: var(--helix-color-foreground-muted);}:host([tone="success"]) {color: var(--helix-color-success);}:host([tone="warning"]) {color: var(--helix-color-warning);}`);
+export const styles = createSheet(`:host {border-color: var(--map-route-casing-color, var(--helix-color-surface));color: var(--map-route-color, var(--helix-color-primary));display: none}:host([tone="accent"]) {color: var(--helix-color-accent)}:host([tone="danger"]) {color: var(--helix-color-danger)}:host([tone="info"]) {color: var(--helix-color-info)}:host([tone="neutral"]) {color: var(--helix-color-foreground-muted)}:host([tone="success"]) {color: var(--helix-color-success)}:host([tone="warning"]) {color: var(--helix-color-warning)}`);

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

package/dist/map/terrain/map-terrain.css.js

@@ -1,8 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {border-top-color: var(
---map-terrain-highlight-color,
-color-mix(in oklab, var(--helix-color-foreground-media) 25%, transparent)
-);color: var(
---map-terrain-shadow-color,
-color-mix(in oklab, var(--helix-color-surface-media) 40%, transparent)
-);display: none;}`);
+export const styles = createSheet(`:host {border-top-color: var(--map-terrain-highlight-color, color-mix(in oklab, var(--helix-color-foreground-media) 25%, transparent));color: var(--map-terrain-shadow-color, color-mix(in oklab, var(--helix-color-surface-media) 40%, transparent));display: none}`);

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

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

@@ -1,22 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: inline-flex;position: relative;}[part="indicator"] {align-items: flex-end;display: flex;inset-block: 0;inset-inline: 0;justify-content: center;pointer-events: none;position: absolute;}[part="trigger"] {all: unset;box-sizing: border-box;align-items: center;border-radius: var(--megamenu-trigger-radius, var(--helix-radii-sm));color: var(--megamenu-trigger-color, var(--helix-color-foreground-muted));cursor: pointer;display: inline-flex;font-family: var(--helix-font-sans);font-size: var(--megamenu-trigger-font-size, var(--helix-text-sm));font-weight: var(--megamenu-trigger-font-weight, var(--helix-weight-medium));gap: var(--helix-space-2xs);min-block-size: var(--helix-size-control-tight);padding-inline: var(--megamenu-trigger-padding-inline, var(--helix-space-xs));transition:
-background-color var(--helix-duration-fast) var(--helix-easing-standard),
-color var(--helix-duration-fast) var(--helix-easing-standard);}[part="trigger"]:hover {color: var(--megamenu-trigger-hover-color, var(--helix-color-foreground));}[part="trigger"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="trigger"][aria-expanded="true"] {background-color: var(
---megamenu-trigger-open-background-color,
-color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)
-);color: var(--megamenu-trigger-open-color, var(--helix-color-foreground));}[part="surface"] {backdrop-filter: var(--megamenu-backdrop, none);background-color: var(--megamenu-background-color, var(--helix-color-background));border: var(--megamenu-border-width, var(--helix-border-thin)) solid
-light-dark(transparent, var(--helix-color-border));border-radius: var(--helix-radii-sm);box-shadow: var(--megamenu-shadow, var(--helix-shadow-floating));box-sizing: border-box;clip-path: inset(0 calc(var(--helix-space-xl) * -1) 100% calc(var(--helix-space-xl) * -1));display: grid;gap: var(--megamenu-gap, var(--helix-space-xl));grid-auto-columns: minmax(var(--megamenu-column-size, 15rem), 1fr);grid-auto-flow: column;inline-size: max-content;margin: var(--helix-space-none);max-inline-size: min(var(--megamenu-size, 52rem), calc(100% - var(--helix-space-xl) * 2));padding: var(--megamenu-padding, var(--helix-space-md));transition:
-clip-path var(--megamenu-duration, var(--helix-duration-slow)) var(--helix-easing-decelerate),
-display var(--megamenu-duration, var(--helix-duration-slow)) allow-discrete,
-overlay var(--megamenu-duration, var(--helix-duration-slow)) allow-discrete;}[part="surface"]:popover-open {clip-path: inset(
-0 calc(var(--helix-space-xl) * -1) calc(var(--helix-space-xl) * -1)
-calc(var(--helix-space-xl) * -1)
-);}@starting-style {[part="surface"]:popover-open {clip-path: inset(0 calc(var(--helix-space-xl) * -1) 100% calc(var(--helix-space-xl) * -1));}}:host(:not([variant="band"])) [part="surface"] {clip-path: inset(0 100% 100% calc(var(--helix-space-xl) * -1));}:host(:not([variant="band"])) [part="surface"]:popover-open {clip-path: inset(
-0 calc(var(--helix-space-xl) * -1) calc(var(--helix-space-xl) * -1)
-calc(var(--helix-space-xl) * -1)
-);}@starting-style {:host(:not([variant="band"])) [part="surface"]:popover-open {clip-path: inset(0 100% 100% calc(var(--helix-space-xl) * -1));}}:host([variant="band"]) [part="surface"],
-:host(:state(narrow)) [part="surface"] {backdrop-filter: var(--megamenu-backdrop, none);background-color: var(--megamenu-background-color, var(--helix-color-background));border: none;border-radius: var(--helix-radii-none);box-shadow: var(--helix-shadow-md);clip-path: inset(0 0 100% 0);display: grid;grid-auto-flow: row;grid-template-columns: repeat(auto-fit, minmax(var(--megamenu-column-size, 15rem), 1fr));inline-size: auto;inset-block-start: var(--megamenu-top, 100%);inset-inline: 0;max-inline-size: none;padding-block: var(--helix-space-md) var(--helix-space-xl);padding-inline: max(var(--helix-space-xl), calc((100% - var(--megamenu-full-size, 80rem)) / 2));position: fixed;}:host([variant="band"]) [part="surface"]:popover-open,
-:host(:state(narrow)) [part="surface"]:popover-open {clip-path: inset(0 0 calc(var(--helix-space-xl) * -1) 0);}@starting-style {:host([variant="band"]) [part="surface"]:popover-open,
-:host(:state(narrow)) [part="surface"]:popover-open {clip-path: inset(0 0 100% 0);}}:host(:state(narrow)) [part="surface"] {grid-auto-flow: row;grid-template-columns: 1fr;max-block-size: calc(100dvh - var(--megamenu-top, 0px) - var(--helix-space-xl));overflow-y: auto;overscroll-behavior: contain;padding-inline: var(--helix-space-md);}:host [part="surface"][hidden] {display: none;}@media (prefers-reduced-motion: reduce) {[part="trigger"] {transition: none;}[part="surface"] {clip-path: none;transition:
-display var(--helix-duration-instant) allow-discrete,
-overlay var(--helix-duration-instant) allow-discrete;}}@media print {:host {display: none;}}`);
+export const styles = createSheet(`:host {display: inline-flex;position: relative}[part="indicator"] {align-items: flex-end;display: flex;inset-block: 0;inset-inline: 0;justify-content: center;pointer-events: none;position: absolute}[part="trigger"] {all: unset;box-sizing: border-box;align-items: center;border-radius: var(--megamenu-trigger-radius, var(--helix-radii-sm));color: var(--megamenu-trigger-color, var(--helix-color-foreground-muted));cursor: pointer;display: inline-flex;font-family: var(--helix-font-sans);font-size: var(--megamenu-trigger-font-size, var(--helix-text-sm));font-weight: var(--megamenu-trigger-font-weight, var(--helix-weight-medium));gap: var(--helix-space-2xs);min-block-size: var(--helix-size-control-tight);padding-inline: var(--megamenu-trigger-padding-inline, var(--helix-space-xs));transition: background-color var(--helix-duration-fast) var(--helix-easing-standard), color var(--helix-duration-fast) var(--helix-easing-standard)}[part="trigger"]:hover {color: var(--megamenu-trigger-hover-color, var(--helix-color-foreground))}[part="trigger"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="trigger"][aria-expanded="true"] {background-color: var(--megamenu-trigger-open-background-color, color-mix(in oklab, var(--helix-color-foreground) 8%, transparent));color: var(--megamenu-trigger-open-color, var(--helix-color-foreground))}[part="surface"] {backdrop-filter: var(--megamenu-backdrop, none);background-color: var(--megamenu-background-color, var(--helix-color-background));border: var(--megamenu-border-width, var(--helix-border-thin)) solid light-dark(transparent, var(--helix-color-border));border-radius: var(--helix-radii-sm);box-shadow: var(--megamenu-shadow, var(--helix-shadow-floating));box-sizing: border-box;clip-path: inset(0 calc(var(--helix-space-xl) * -1) 100% calc(var(--helix-space-xl) * -1));display: grid;gap: var(--megamenu-gap, var(--helix-space-xl));grid-auto-columns: minmax(var(--megamenu-column-size, 15rem), 1fr);grid-auto-flow: column;inline-size: max-content;margin: var(--helix-space-none);max-inline-size: min(var(--megamenu-size, 52rem), calc(100% - var(--helix-space-xl) * 2));padding: var(--megamenu-padding, var(--helix-space-md));transition: clip-path var(--megamenu-duration, var(--helix-duration-slow)) var(--helix-easing-decelerate), display var(--megamenu-duration, var(--helix-duration-slow)) allow-discrete, overlay var(--megamenu-duration, var(--helix-duration-slow)) allow-discrete}[part="surface"]:popover-open {clip-path: inset(0 calc(var(--helix-space-xl) * -1) calc(var(--helix-space-xl) * -1) calc(var(--helix-space-xl) * -1))}@starting-style {[part="surface"]:popover-open {clip-path: inset(0 calc(var(--helix-space-xl) * -1) 100% calc(var(--helix-space-xl) * -1))}}:host(:not([variant="band"])) [part="surface"] {clip-path: inset(0 100% 100% calc(var(--helix-space-xl) * -1))}:host(:not([variant="band"])) [part="surface"]:popover-open {clip-path: inset(0 calc(var(--helix-space-xl) * -1) calc(var(--helix-space-xl) * -1) calc(var(--helix-space-xl) * -1))}@starting-style {:host(:not([variant="band"])) [part="surface"]:popover-open {clip-path: inset(0 100% 100% calc(var(--helix-space-xl) * -1))}}:host([variant="band"]) [part="surface"], :host(:state(narrow)) [part="surface"] {backdrop-filter: var(--megamenu-backdrop, none);background-color: var(--megamenu-background-color, var(--helix-color-background));border: none;border-radius: var(--helix-radii-none);box-shadow: var(--helix-shadow-md);clip-path: inset(0 0 100% 0);display: grid;grid-auto-flow: row;grid-template-columns: repeat(auto-fit, minmax(var(--megamenu-column-size, 15rem), 1fr));inline-size: auto;inset-block-start: var(--megamenu-top, 100%);inset-inline: 0;max-inline-size: none;padding-block: var(--helix-space-md) var(--helix-space-xl);padding-inline: max(var(--helix-space-xl), calc((100% - var(--megamenu-full-size, 80rem)) / 2));position: fixed}:host([variant="band"]) [part="surface"]:popover-open, :host(:state(narrow)) [part="surface"]:popover-open {clip-path: inset(0 0 calc(var(--helix-space-xl) * -1) 0)}@starting-style {:host([variant="band"]) [part="surface"]:popover-open, :host(:state(narrow)) [part="surface"]:popover-open {clip-path: inset(0 0 100% 0)}}:host(:state(narrow)) [part="surface"] {grid-auto-flow: row;grid-template-columns: 1fr;max-block-size: calc(100dvh - var(--megamenu-top, 0px) - var(--helix-space-xl));overflow-y: auto;overscroll-behavior: contain;padding-inline: var(--helix-space-md)}:host [part="surface"][hidden] {display: none}@media (prefers-reduced-motion: reduce) {[part="trigger"] {transition: none}[part="surface"] {clip-path: none;transition: display var(--helix-duration-instant) allow-discrete, overlay var(--helix-duration-instant) allow-discrete}}@media print {:host {display: none}}`);

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

package/dist/menu/item/menu-item.css.js

@@ -1,18 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: block;}[part="item"] {align-items: center;text-decoration: none;border-radius: var(--helix-radii-none);color: var(--helix-color-foreground);cursor: pointer;display: grid;font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);grid-template-columns:
-var(--menu-item-start, 0px)
-minmax(0, 1fr)
-auto
-var(--menu-item-end, 0px);min-block-size: var(--helix-size-control);padding-inline: var(--helix-space-sm);transition: background-color var(--helix-duration-fast) var(--helix-easing-standard);user-select: none;}[part="item"]:hover {background-color: var(
---menu-item-hover-color,
-color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)
-);}:host(:state(highlighted)) [part="item"] {background-color: var(
---menu-item-hover-color,
-color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)
-);}[part="item"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part="item"][aria-disabled="true"] {cursor: not-allowed;opacity: 0.5;}[part="start"] {--icon-size: var(--helix-size-icon);align-items: center;box-sizing: border-box;color: var(--helix-color-foreground-subtle);display: flex;justify-content: center;padding-inline-end: var(--helix-space-xs);min-block-size: var(--helix-size-icon);}[part="start"] {grid-column: 1;}[part="item"] > slot:not([name]) {display: block;grid-column: 2;min-inline-size: 0;}slot[name="description"] {color: var(--menu-item-description-color, var(--helix-color-foreground-subtle));display: block;font-weight: var(--helix-weight-regular);grid-column: 2;grid-row: 2;min-inline-size: 0;padding-block-end: var(--helix-space-2xs);}slot[name="description"][data-empty] {display: none;}[part="end"] {align-items: center;color: var(--menu-item-detail-color, var(--helix-color-foreground-subtle));display: flex;gap: var(--helix-space-2xs);grid-column: 3;padding-inline-start: var(--helix-space-sm);}[part="end"][data-empty] {display: none;}[part="mark"],
-slot[name="check"]::slotted(*),
-slot[name="chevron"]::slotted(*) {grid-column: 4;grid-row: 1;}[part="start"][data-empty] {display: none;}[part="mark"],
-slot[name="check"]::slotted(*),
-slot[name="chevron"]::slotted(*) {block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);justify-self: end;}svg[part="mark"],
-slot[name="chevron"]::slotted(*) {color: var(--helix-color-foreground-subtle);}:host(:state(checked)) svg[part="mark"],
-slot[name="check"]::slotted(*) {color: var(--helix-color-foreground);}slot[name="submenu"] {display: contents;}slot[name="submenu"]::slotted(helix-divider) {margin-block: var(--helix-space-2xs);}[part="surface"] {--menu-item-start: 0px;--menu-item-end: 0px;--_floating-background-color: var(--menu-background-color, var(--helix-color-surface-overlay));--_floating-border-color: var(--menu-border-color, var(--helix-color-border));--_floating-border-width: var(--menu-border-width, var(--helix-border-floating));--_floating-shadow: var(--menu-shadow, var(--helix-shadow-floating));max-block-size: var(--menu-max-block-size, var(--floating-available-block-size, none));min-inline-size: var(--menu-min-inline-size, 12rem);overflow-y: auto;padding-block: var(--helix-space-xs);padding-inline: var(--helix-space-none);}:host(:state(submenu-start)) [part="surface"] {--menu-item-start: calc(var(--helix-size-icon) + var(--helix-space-xs));}:host(:state(submenu-mark)) [part="surface"] {--menu-item-end: calc(var(--helix-size-icon) + var(--helix-space-xs));}[part="surface"][data-placement^="left"] {transform-origin: 100% 0;}[part="surface"][data-placement^="right"] {transform-origin: 0 0;}`);
+export const styles = createSheet(`:host {display: block}[part="item"] {align-items: center;text-decoration: none;border-radius: var(--helix-radii-none);color: var(--helix-color-foreground);cursor: pointer;display: grid;font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);grid-template-columns: var(--menu-item-start, 0px) minmax(0, 1fr) auto var(--menu-item-end, 0px);min-block-size: var(--helix-size-control);padding-inline: var(--helix-space-sm);transition: background-color var(--helix-duration-fast) var(--helix-easing-standard);user-select: none}[part="item"]:hover {background-color: var(--menu-item-hover-color, color-mix(in oklab, var(--helix-color-foreground) 8%, transparent))}:host(:state(highlighted)) [part="item"] {background-color: var(--menu-item-hover-color, color-mix(in oklab, var(--helix-color-foreground) 8%, transparent))}[part="item"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}[part="item"][aria-disabled="true"] {cursor: not-allowed;opacity: 0.5}[part="start"] {--icon-size: var(--helix-size-icon);align-items: center;box-sizing: border-box;color: var(--helix-color-foreground-subtle);display: flex;justify-content: center;padding-inline-end: var(--helix-space-xs);min-block-size: var(--helix-size-icon)}[part="start"] {grid-column: 1}[part="item"] > slot:not([name]) {display: block;grid-column: 2;min-inline-size: 0}slot[name="description"] {color: var(--menu-item-description-color, var(--helix-color-foreground-subtle));display: block;font-weight: var(--helix-weight-regular);grid-column: 2;grid-row: 2;min-inline-size: 0;padding-block-end: var(--helix-space-2xs)}slot[name="description"][data-empty] {display: none}[part="end"] {align-items: center;color: var(--menu-item-detail-color, var(--helix-color-foreground-subtle));display: flex;gap: var(--helix-space-2xs);grid-column: 3;padding-inline-start: var(--helix-space-sm)}[part="end"][data-empty] {display: none}[part="mark"], slot[name="check"]::slotted(*), slot[name="chevron"]::slotted(*) {grid-column: 4;grid-row: 1}[part="start"][data-empty] {display: none}[part="mark"], slot[name="check"]::slotted(*), slot[name="chevron"]::slotted(*) {block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);justify-self: end}svg[part="mark"], slot[name="chevron"]::slotted(*) {color: var(--helix-color-foreground-subtle)}:host(:state(checked)) svg[part="mark"], slot[name="check"]::slotted(*) {color: var(--helix-color-foreground)}slot[name="submenu"] {display: contents}slot[name="submenu"]::slotted(helix-divider) {margin-block: var(--helix-space-2xs)}[part="surface"] {--menu-item-start: 0px;--menu-item-end: 0px;--_floating-background-color: var(--menu-background-color, var(--helix-color-surface-overlay));--_floating-border-color: var(--menu-border-color, var(--helix-color-border));--_floating-border-width: var(--menu-border-width, var(--helix-border-floating));--_floating-shadow: var(--menu-shadow, var(--helix-shadow-floating));max-block-size: var(--menu-max-block-size, var(--floating-available-block-size, none));min-inline-size: var(--menu-min-inline-size, 12rem);overflow-y: auto;padding-block: var(--helix-space-xs);padding-inline: var(--helix-space-none)}:host(:state(submenu-start)) [part="surface"] {--menu-item-start: calc(var(--helix-size-icon) + var(--helix-space-xs))}:host(:state(submenu-mark)) [part="surface"] {--menu-item-end: calc(var(--helix-size-icon) + var(--helix-space-xs))}[part="surface"][data-placement^="left"] {transform-origin: 100% 0}[part="surface"][data-placement^="right"] {transform-origin: 0 0}`);

package/dist/menu/item/menu-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 { HelixHeadlessMenuItem } from '@fusion.dev/helix-headless/menu';
 import { styles as floatingEntranceStyles } from '../../shared/floating/entrance.css.js';

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

@@ -1,2 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: contents;}[part="surface"] {--helix-size-control: var(--helix-size-control-sm);--helix-size-control-loose: calc(var(--helix-size-control) * 1.2);--helix-size-control-tight: calc(var(--helix-size-control) * 0.8);--helix-size-icon: var(--helix-size-icon-sm);--helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);--helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);--menu-item-start: 0px;--menu-item-end: 0px;max-block-size: var(--menu-max-block-size, var(--floating-available-block-size, none));overflow-y: auto;--_floating-background-color: var(--menu-background-color, var(--helix-color-surface-overlay));--_floating-border-color: var(--menu-border-color, var(--helix-color-border));--_floating-border-width: var(--menu-border-width, var(--helix-border-floating));--_floating-shadow: var(--menu-shadow, var(--helix-shadow-floating));min-inline-size: var(--menu-min-inline-size, 12rem);padding-block: var(--helix-space-xs);padding-inline: var(--helix-space-none);}:host(:state(start)) [part="surface"] {--menu-item-start: calc(var(--helix-size-icon) + var(--helix-space-xs));}:host(:state(mark)) [part="surface"] {--menu-item-end: calc(var(--helix-size-icon) + var(--helix-space-xs));}[part="surface"][data-placement^="left"] {transform-origin: 100% var(--floating-arrow-y, 50%);}[part="surface"][data-placement^="right"] {transform-origin: 0 var(--floating-arrow-y, 50%);}[part="header"] {align-items: center;border-block-end: var(--helix-border-thin) solid var(--helix-color-border);display: flex;gap: var(--helix-space-2xs);margin-block-end: var(--helix-space-2xs);padding: var(--helix-space-2xs) var(--helix-space-xs) var(--helix-space-xs);}[part="back"] {align-items: center;background: none;border: none;border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;justify-content: center;block-size: calc(var(--helix-size-icon) + var(--helix-space-xs));inline-size: calc(var(--helix-size-icon) + var(--helix-space-xs));padding: var(--helix-space-none);}[part="back"] svg {block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon);}[part="back"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);color: var(--helix-color-foreground);}[part="back"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part="title"] {color: var(--helix-color-foreground);font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);}::slotted(helix-divider) {margin-block: var(--helix-space-2xs);}[part="surface"][data-drilled] slot::slotted(:not(helix-menu-item)) {display: none;}[part="search-field"] {appearance: none;background-color: var(--menu-background-color, var(--helix-color-surface-overlay));border: none;border-block-end: var(--helix-border-thin) solid var(--helix-color-border);box-sizing: border-box;color: var(--helix-color-foreground);display: block;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);inline-size: 100%;inset-block-start: calc(var(--helix-space-xs) * -1);margin-block: calc(var(--helix-space-xs) * -1) var(--helix-space-xs);min-block-size: var(--helix-size-control);padding-inline: var(--helix-space-sm);position: sticky;z-index: 1;}[part="search-field"]:focus-visible {outline: none;}[part="surface"][data-filtered] slot::slotted(helix-divider) {display: none;}:host([loading]) [part="surface"] {opacity: 0.5;}@media print {:host {display: none;}}`);
+export const styles = createSheet(`:host {display: contents}[part="surface"] {--helix-size-control: var(--helix-size-control-sm);--helix-size-control-loose: calc(var(--helix-size-control) * 1.2);--helix-size-control-tight: calc(var(--helix-size-control) * 0.8);--helix-size-icon: var(--helix-size-icon-sm);--helix-size-icon-loose: calc(var(--helix-size-icon) * 1.2);--helix-size-icon-tight: calc(var(--helix-size-icon) * 0.8);--menu-item-start: 0px;--menu-item-end: 0px;max-block-size: var(--menu-max-block-size, var(--floating-available-block-size, none));overflow-y: auto;--_floating-background-color: var(--menu-background-color, var(--helix-color-surface-overlay));--_floating-border-color: var(--menu-border-color, var(--helix-color-border));--_floating-border-width: var(--menu-border-width, var(--helix-border-floating));--_floating-shadow: var(--menu-shadow, var(--helix-shadow-floating));min-inline-size: var(--menu-min-inline-size, 12rem);padding-block: var(--helix-space-xs);padding-inline: var(--helix-space-none)}:host(:state(start)) [part="surface"] {--menu-item-start: calc(var(--helix-size-icon) + var(--helix-space-xs))}:host(:state(mark)) [part="surface"] {--menu-item-end: calc(var(--helix-size-icon) + var(--helix-space-xs))}[part="surface"][data-placement^="left"] {transform-origin: 100% var(--floating-arrow-y, 50%)}[part="surface"][data-placement^="right"] {transform-origin: 0 var(--floating-arrow-y, 50%)}[part="header"] {align-items: center;border-block-end: var(--helix-border-thin) solid var(--helix-color-border);display: flex;gap: var(--helix-space-2xs);margin-block-end: var(--helix-space-2xs);padding: var(--helix-space-2xs) var(--helix-space-xs) var(--helix-space-xs)}[part="back"] {align-items: center;background: none;border: none;border-radius: var(--helix-radii-sm);color: var(--helix-color-foreground-muted);cursor: pointer;display: inline-flex;justify-content: center;block-size: calc(var(--helix-size-icon) + var(--helix-space-xs));inline-size: calc(var(--helix-size-icon) + var(--helix-space-xs));padding: var(--helix-space-none)}[part="back"] svg {block-size: var(--helix-size-icon);inline-size: var(--helix-size-icon)}[part="back"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);color: var(--helix-color-foreground)}[part="back"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}[part="title"] {color: var(--helix-color-foreground);font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium)}::slotted(helix-divider) {margin-block: var(--helix-space-2xs)}[part="surface"][data-drilled] slot::slotted(:not(helix-menu-item)) {display: none}[part="search-field"] {appearance: none;background-color: var(--menu-background-color, var(--helix-color-surface-overlay));border: none;border-block-end: var(--helix-border-thin) solid var(--helix-color-border);box-sizing: border-box;color: var(--helix-color-foreground);display: block;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);inline-size: 100%;inset-block-start: calc(var(--helix-space-xs) * -1);margin-block: calc(var(--helix-space-xs) * -1) var(--helix-space-xs);min-block-size: var(--helix-size-control);padding-inline: var(--helix-space-sm);position: sticky;z-index: 1}[part="search-field"]:focus-visible {outline: none}[part="surface"][data-filtered] slot::slotted(helix-divider) {display: none}:host([loading]) [part="surface"] {opacity: 0.5}@media print {:host {display: none}}`);

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

package/dist/menu/section/menu-section.css.js

@@ -1,2 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: block;}[part="heading"] {color: var(--menu-section-heading-color, var(--helix-color-foreground-subtle));font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);line-height: var(--helix-leading-normal);padding-block: var(--helix-space-xs) var(--helix-space-2xs);padding-inline: var(--helix-space-sm);user-select: none;}`);
+export const styles = createSheet(`:host {display: block}[part="heading"] {color: var(--menu-section-heading-color, var(--helix-color-foreground-subtle));font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);line-height: var(--helix-leading-normal);padding-block: var(--helix-space-xs) var(--helix-space-2xs);padding-inline: var(--helix-space-sm);user-select: none}`);

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

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

@@ -1,31 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: block;}:host([show-value]) {align-items: center;column-gap: var(--meter-value-gap, var(--helix-space-sm));display: grid;grid-template-columns: 1fr auto;row-gap: var(--meter-label-gap, var(--helix-space-2xs));}slot[name="label"]::slotted(*) {color: var(--meter-label-color, var(--helix-color-foreground));display: block;font-size: var(--meter-label-size, var(--helix-text-sm));grid-column: 1 / -1;margin-block-end: var(--meter-label-gap, var(--helix-space-2xs));}:host([show-value]) slot[name="label"]::slotted(*) {margin-block-end: 0;}:host([shape="arc"]) slot[name="label"]::slotted(*),
-:host([shape="ring"]) slot[name="label"]::slotted(*) {grid-column: 1;margin-block: 0;}[part="live"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap;}[part="value"] {color: var(--meter-value-color, var(--helix-color-foreground-muted));font-family: var(--helix-font-sans);font-size: var(--meter-value-size, var(--helix-text-xs));font-variant-numeric: tabular-nums;min-inline-size: 3ch;text-align: end;}[part="track"] {background-color: var(--meter-track-color, var(--helix-color-surface-sunken));block-size: var(--meter-size, var(--helix-size-meter));border-radius: var(--helix-radii-sm);inline-size: 100%;overflow: hidden;position: relative;}[part~="indicator"] {--_meter-hue: var(--meter-color, var(--helix-color-primary));background-color: var(--_meter-hue);block-size: 100%;border-radius: inherit;inline-size: 100%;scale: var(--meter-fraction, 0) 1;transform-origin: left center;transition:
-background-color var(--meter-transition-duration, var(--helix-duration-normal))
-var(--helix-easing-standard),
-scale var(--meter-transition-duration, var(--helix-duration-normal))
-var(--helix-easing-decelerate);}:host(:dir(rtl)) [part~="indicator"] {transform-origin: right center;}[part~="indicator"][data-band="good"] {--_meter-hue: var(--meter-color, var(--helix-color-success));background-color: var(--_meter-hue);}[part~="indicator"][data-band="fair"] {--_meter-hue: var(--meter-color, var(--helix-color-warning));background-color: var(--_meter-hue);}[part~="indicator"][data-band="poor"] {--_meter-hue: var(--meter-color, var(--helix-color-danger));background-color: var(--_meter-hue);}[part~="indicator"][data-beyond="over"] {border-end-end-radius: var(--helix-radii-none);border-start-end-radius: var(--helix-radii-none);}[part~="indicator"][data-beyond="under"] {border-end-start-radius: var(--helix-radii-none);border-start-start-radius: var(--helix-radii-none);}[part="tick"] {background-color: var(--meter-tick-color, var(--helix-color-background));block-size: 100%;inline-size: var(--helix-border-thick);inset-block-start: 0;inset-inline-start: var(--meter-at, 0%);position: absolute;translate: -50%;z-index: var(--helix-layer-raised);}:host([shape="arc"]),
-:host([shape="ring"]) {display: inline-grid;place-items: center;row-gap: var(--meter-label-gap, var(--helix-space-2xs));}:host([shape="arc"]) [part="track"],
-:host([shape="ring"]) [part="track"] {--_meter-stroke: var(--meter-ring-width, var(--helix-size-progress));background-color: transparent;block-size: var(--meter-ring-size, 6rem);border-radius: var(--helix-radii-none);grid-area: 1 / 1;inline-size: var(--meter-ring-size, 6rem);}:host([shape="ring"]) [part="track"] {rotate: -90deg;}:host([shape="arc"]) [part="track"] {rotate: 135deg;}:host([shape="arc"]) [part="groove"],
-:host([shape="arc"]) [part~="indicator"],
-:host([shape="arc"]) [part="tick"],
-:host([shape="ring"]) [part="groove"],
-:host([shape="ring"]) [part~="indicator"],
-:host([shape="ring"]) [part="tick"] {cx: 50%;cy: 50%;fill: none;r: calc(50% - var(--_meter-stroke) / 2);stroke-width: var(--_meter-stroke);}:host([shape="arc"]) [part="groove"],
-:host([shape="ring"]) [part="groove"] {stroke: var(--meter-track-color, var(--helix-color-surface-sunken));stroke-dasharray: var(--meter-sweep) 100;}:host([shape="arc"]) [part~="indicator"],
-:host([shape="ring"]) [part~="indicator"] {--_meter-hue: var(--meter-color, var(--helix-color-foreground-muted));scale: none;stroke: var(--_meter-hue);stroke-dasharray: var(--meter-along) 100;stroke-linecap: round;transition: stroke-dasharray var(--meter-transition-duration, var(--helix-duration-normal))
-var(--helix-easing-standard);}:host([shape="arc"]) [part="tick"],
-:host([shape="ring"]) [part="tick"] {inset-inline-start: auto;position: static;stroke: var(--meter-tick-color, var(--helix-color-background));stroke-dasharray: 1 99;stroke-dashoffset: calc(var(--meter-along) * -1);}:host([shape="arc"]) [part~="indicator"][data-band="good"],
-:host([shape="ring"]) [part~="indicator"][data-band="good"] {--_meter-hue: var(--meter-color, var(--helix-color-success));stroke: var(--_meter-hue);}:host([shape="arc"]) [part~="indicator"][data-band="fair"],
-:host([shape="ring"]) [part~="indicator"][data-band="fair"] {--_meter-hue: var(--meter-color, var(--helix-color-warning));stroke: var(--_meter-hue);}:host([shape="arc"]) [part~="indicator"][data-band="poor"],
-:host([shape="ring"]) [part~="indicator"][data-band="poor"] {--_meter-hue: var(--meter-color, var(--helix-color-danger));stroke: var(--_meter-hue);}:host([shape="arc"]) [part="value"],
-:host([shape="ring"]) [part="value"] {grid-area: 1 / 1;}@media print {:host {print-color-adjust: exact;}}:host([emphasis="subtle"]) [part~="indicator"] {background-color: color-mix(
-in oklab,
-var(--_meter-hue) 30%,
-var(--meter-track-color, var(--helix-color-surface-sunken))
-);}:host([emphasis="subtle"][shape="arc"]) [part~="indicator"],
-:host([emphasis="subtle"][shape="ring"]) [part~="indicator"] {stroke: color-mix(
-in oklab,
-var(--_meter-hue) 30%,
-var(--meter-track-color, var(--helix-color-surface-sunken))
-);}@media (forced-colors: active) {[part="track"] {outline: var(--helix-border-thin) solid CanvasText;}[part~="indicator"] {background-color: Highlight;forced-color-adjust: none;}[part~="indicator"][data-band] {background-color: var(--_meter-hue);}[part="tick"] {background-color: Canvas;forced-color-adjust: none;}}`);
+export const styles = createSheet(`:host {display: block}:host([show-value]) {align-items: center;column-gap: var(--meter-value-gap, var(--helix-space-sm));display: grid;grid-template-columns: 1fr auto;row-gap: var(--meter-label-gap, var(--helix-space-2xs))}slot[name="label"]::slotted(*) {color: var(--meter-label-color, var(--helix-color-foreground));display: block;font-size: var(--meter-label-size, var(--helix-text-sm));grid-column: 1 / -1;margin-block-end: var(--meter-label-gap, var(--helix-space-2xs))}:host([show-value]) slot[name="label"]::slotted(*) {margin-block-end: 0}:host([shape="arc"]) slot[name="label"]::slotted(*), :host([shape="ring"]) slot[name="label"]::slotted(*) {grid-column: 1;margin-block: 0}[part="live"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap}[part="value"] {color: var(--meter-value-color, var(--helix-color-foreground-muted));font-family: var(--helix-font-sans);font-size: var(--meter-value-size, var(--helix-text-xs));font-variant-numeric: tabular-nums;min-inline-size: 3ch;text-align: end}[part="track"] {background-color: var(--meter-track-color, var(--helix-color-surface-sunken));block-size: var(--meter-size, var(--helix-size-meter));border-radius: var(--helix-radii-sm);inline-size: 100%;overflow: hidden;position: relative}[part~="indicator"] {--_meter-hue: var(--meter-color, var(--helix-color-primary));background-color: var(--_meter-hue);block-size: 100%;border-radius: inherit;inline-size: 100%;scale: var(--meter-fraction, 0) 1;transform-origin: left center;transition: background-color var(--meter-transition-duration, var(--helix-duration-normal)) var(--helix-easing-standard), scale var(--meter-transition-duration, var(--helix-duration-normal)) var(--helix-easing-decelerate)}:host(:dir(rtl)) [part~="indicator"] {transform-origin: right center}[part~="indicator"][data-band="good"] {--_meter-hue: var(--meter-color, var(--helix-color-success));background-color: var(--_meter-hue)}[part~="indicator"][data-band="fair"] {--_meter-hue: var(--meter-color, var(--helix-color-warning));background-color: var(--_meter-hue)}[part~="indicator"][data-band="poor"] {--_meter-hue: var(--meter-color, var(--helix-color-danger));background-color: var(--_meter-hue)}[part~="indicator"][data-beyond="over"] {border-end-end-radius: var(--helix-radii-none);border-start-end-radius: var(--helix-radii-none)}[part~="indicator"][data-beyond="under"] {border-end-start-radius: var(--helix-radii-none);border-start-start-radius: var(--helix-radii-none)}[part="tick"] {background-color: var(--meter-tick-color, var(--helix-color-background));block-size: 100%;inline-size: var(--helix-border-thick);inset-block-start: 0;inset-inline-start: var(--meter-at, 0%);position: absolute;translate: -50%;z-index: var(--helix-layer-raised)}:host([shape="arc"]), :host([shape="ring"]) {display: inline-grid;place-items: center;row-gap: var(--meter-label-gap, var(--helix-space-2xs))}:host([shape="arc"]) [part="track"], :host([shape="ring"]) [part="track"] {--_meter-stroke: var(--meter-ring-width, var(--helix-size-progress));background-color: transparent;block-size: var(--meter-ring-size, 6rem);border-radius: var(--helix-radii-none);grid-area: 1 / 1;inline-size: var(--meter-ring-size, 6rem)}:host([shape="ring"]) [part="track"] {rotate: -90deg}:host([shape="arc"]) [part="track"] {rotate: 135deg}:host([shape="arc"]) [part="groove"], :host([shape="arc"]) [part~="indicator"], :host([shape="arc"]) [part="tick"], :host([shape="ring"]) [part="groove"], :host([shape="ring"]) [part~="indicator"], :host([shape="ring"]) [part="tick"] {cx: 50%;cy: 50%;fill: none;r: calc(50% - var(--_meter-stroke) / 2);stroke-width: var(--_meter-stroke)}:host([shape="arc"]) [part="groove"], :host([shape="ring"]) [part="groove"] {stroke: var(--meter-track-color, var(--helix-color-surface-sunken));stroke-dasharray: var(--meter-sweep) 100}:host([shape="arc"]) [part~="indicator"], :host([shape="ring"]) [part~="indicator"] {--_meter-hue: var(--meter-color, var(--helix-color-foreground-muted));scale: none;stroke: var(--_meter-hue);stroke-dasharray: var(--meter-along) 100;stroke-linecap: round;transition: stroke-dasharray var(--meter-transition-duration, var(--helix-duration-normal)) var(--helix-easing-standard)}:host([shape="arc"]) [part="tick"], :host([shape="ring"]) [part="tick"] {inset-inline-start: auto;position: static;stroke: var(--meter-tick-color, var(--helix-color-background));stroke-dasharray: 1 99;stroke-dashoffset: calc(var(--meter-along) * -1)}:host([shape="arc"]) [part~="indicator"][data-band="good"], :host([shape="ring"]) [part~="indicator"][data-band="good"] {--_meter-hue: var(--meter-color, var(--helix-color-success));stroke: var(--_meter-hue)}:host([shape="arc"]) [part~="indicator"][data-band="fair"], :host([shape="ring"]) [part~="indicator"][data-band="fair"] {--_meter-hue: var(--meter-color, var(--helix-color-warning));stroke: var(--_meter-hue)}:host([shape="arc"]) [part~="indicator"][data-band="poor"], :host([shape="ring"]) [part~="indicator"][data-band="poor"] {--_meter-hue: var(--meter-color, var(--helix-color-danger));stroke: var(--_meter-hue)}:host([shape="arc"]) [part="value"], :host([shape="ring"]) [part="value"] {grid-area: 1 / 1}@media print {:host {print-color-adjust: exact}}:host([emphasis="subtle"]) [part~="indicator"] {background-color: color-mix(in oklab, var(--_meter-hue) 30%, var(--meter-track-color, var(--helix-color-surface-sunken)))}:host([emphasis="subtle"][shape="arc"]) [part~="indicator"], :host([emphasis="subtle"][shape="ring"]) [part~="indicator"] {stroke: color-mix(in oklab, var(--_meter-hue) 30%, var(--meter-track-color, var(--helix-color-surface-sunken)))}@media (forced-colors: active) {[part="track"] {outline: var(--helix-border-thin) solid CanvasText}[part~="indicator"] {background-color: Highlight;forced-color-adjust: none}[part~="indicator"][data-band] {background-color: var(--_meter-hue)}[part="tick"] {background-color: Canvas;forced-color-adjust: none}}`);

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

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

@@ -1,11 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: block;}[part="nav"] {align-items: center;block-size: var(--navigation-block-size, var(--helix-size-control-sm));display: flex;gap: var(--navigation-gap, var(--helix-space-2xs));min-inline-size: 0;overflow-x: auto;position: relative;}::slotted(:is(ul, ol, [role="list"])) {align-items: center;block-size: 100%;display: flex;gap: var(--navigation-gap, var(--helix-space-2xs));list-style: none;margin: var(--helix-space-none);padding: var(--helix-space-none);}:host([orientation="vertical"]) ::slotted(:is(ul, ol, [role="list"])) {align-items: stretch;block-size: auto;flex-direction: column;}[part="indicator"] {background-color: var(--navigation-indicator-color, var(--helix-color-surface-sunken));block-size: var(--indicator-block-size, 0);border-radius: var(--navigation-indicator-radius, var(--helix-radii-sm));box-shadow: var(--navigation-indicator-shadow, none);inline-size: var(--indicator-inline-size, 0);inset-block-start: 50%;inset-inline-start: 0;opacity: 0;position: absolute;translate: var(--indicator-x, 0) -50%;transition:
-translate var(--helix-duration-normal) var(--helix-easing-emphasized),
-inline-size var(--helix-duration-normal) var(--helix-easing-emphasized),
-opacity var(--helix-duration-fast) var(--helix-easing-standard);z-index: var(--helix-layer-base);}[part="indicator"][data-placed] {opacity: 1;}:host([orientation="vertical"]) [part="nav"] {align-items: stretch;block-size: auto;flex-direction: column;overflow-x: visible;}:host([orientation="vertical"]) [part="indicator"] {inset-block-start: 0;translate: var(--indicator-x, 0) var(--indicator-y, 0);}:host([variant="underlined"]) [part="nav"] {background-image: linear-gradient(
-var(--navigation-rule-color, var(--helix-color-border)),
-var(--navigation-rule-color, var(--helix-color-border))
-);background-position: bottom;background-repeat: repeat-x;background-size: 100% var(--helix-border-thin);}:host([variant="underlined"]) [part="indicator"] {background-color: var(--navigation-indicator-color, var(--helix-color-primary));block-size: var(--navigation-indicator-thickness, var(--helix-border-thick));border-radius: var(--navigation-indicator-radius, var(--helix-radii-none));inset-block-end: 0;inset-block-start: auto;translate: var(--indicator-x, 0) 0;}:host([variant="segmented"]) [part="nav"] {background-color: var(--helix-color-surface-sunken);block-size: var(--navigation-block-size, var(--helix-size-control));border: var(--helix-border-thin) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);box-sizing: border-box;inline-size: fit-content;max-inline-size: 100%;padding: var(--helix-space-2xs);}:host([variant="segmented"]) [part="indicator"] {background-color: var(--navigation-indicator-color, var(--helix-color-surface-overlay));border-radius: var(
---navigation-indicator-radius,
-calc(var(--helix-radii-sm) - var(--helix-border-thin))
-);box-shadow: var(--navigation-indicator-shadow, var(--helix-shadow-sm));}:host([orientation="vertical"][variant="underlined"]) [part="nav"] {background-position: right;background-repeat: repeat-y;background-size: var(--helix-border-thin) 100%;}:host([orientation="vertical"][variant="underlined"]) [part="indicator"] {block-size: var(--indicator-block-size, 0);inline-size: var(--navigation-indicator-thickness, var(--helix-border-thick));inset-block-start: 0;inset-inline-end: 0;inset-inline-start: auto;translate: 0 var(--indicator-y, 0);}:host([orientation="vertical"][variant="segmented"]) [part="nav"] {block-size: auto;}:host([orientation="vertical"][variant="underlined"]:dir(rtl)) [part="nav"] {background-position: left;}@media print {:host {display: none;}}`);
+export const styles = createSheet(`:host {display: block}[part="nav"] {align-items: center;block-size: var(--navigation-block-size, var(--helix-size-control-sm));display: flex;gap: var(--navigation-gap, var(--helix-space-2xs));min-inline-size: 0;overflow-x: auto;position: relative}::slotted(:is(ul, ol, [role="list"])) {align-items: center;block-size: 100%;display: flex;gap: var(--navigation-gap, var(--helix-space-2xs));list-style: none;margin: var(--helix-space-none);padding: var(--helix-space-none)}:host([orientation="vertical"]) ::slotted(:is(ul, ol, [role="list"])) {align-items: stretch;block-size: auto;flex-direction: column}[part="indicator"] {background-color: var(--navigation-indicator-color, var(--helix-color-surface-sunken));block-size: var(--indicator-block-size, 0);border-radius: var(--navigation-indicator-radius, var(--helix-radii-sm));box-shadow: var(--navigation-indicator-shadow, none);inline-size: var(--indicator-inline-size, 0);inset-block-start: 50%;inset-inline-start: 0;opacity: 0;position: absolute;translate: var(--indicator-x, 0) -50%;transition: translate var(--helix-duration-normal) var(--helix-easing-emphasized), inline-size var(--helix-duration-normal) var(--helix-easing-emphasized), opacity var(--helix-duration-fast) var(--helix-easing-standard);z-index: var(--helix-layer-base)}[part="indicator"][data-placed] {opacity: 1}:host([orientation="vertical"]) [part="nav"] {align-items: stretch;block-size: auto;flex-direction: column;overflow-x: visible}:host([orientation="vertical"]) [part="indicator"] {inset-block-start: 0;translate: var(--indicator-x, 0) var(--indicator-y, 0)}:host([variant="underlined"]) [part="nav"] {background-image: linear-gradient(var(--navigation-rule-color, var(--helix-color-border)), var(--navigation-rule-color, var(--helix-color-border)));background-position: bottom;background-repeat: repeat-x;background-size: 100% var(--helix-border-thin)}:host([variant="underlined"]) [part="indicator"] {background-color: var(--navigation-indicator-color, var(--helix-color-primary));block-size: var(--navigation-indicator-thickness, var(--helix-border-thick));border-radius: var(--navigation-indicator-radius, var(--helix-radii-none));inset-block-end: 0;inset-block-start: auto;translate: var(--indicator-x, 0) 0}:host([variant="segmented"]) [part="nav"] {background-color: var(--helix-color-surface-sunken);block-size: var(--navigation-block-size, var(--helix-size-control));border: var(--helix-border-thin) solid var(--helix-color-border);border-radius: var(--helix-radii-sm);box-sizing: border-box;inline-size: fit-content;max-inline-size: 100%;padding: var(--helix-space-2xs)}:host([variant="segmented"]) [part="indicator"] {background-color: var(--navigation-indicator-color, var(--helix-color-surface-overlay));border-radius: var(--navigation-indicator-radius, calc(var(--helix-radii-sm) - var(--helix-border-thin)));box-shadow: var(--navigation-indicator-shadow, var(--helix-shadow-sm))}:host([orientation="vertical"][variant="underlined"]) [part="nav"] {background-position: right;background-repeat: repeat-y;background-size: var(--helix-border-thin) 100%}:host([orientation="vertical"][variant="underlined"]) [part="indicator"] {block-size: var(--indicator-block-size, 0);inline-size: var(--navigation-indicator-thickness, var(--helix-border-thick));inset-block-start: 0;inset-inline-end: 0;inset-inline-start: auto;translate: 0 var(--indicator-y, 0)}:host([orientation="vertical"][variant="segmented"]) [part="nav"] {block-size: auto}:host([orientation="vertical"][variant="underlined"]:dir(rtl)) [part="nav"] {background-position: left}@media print {:host {display: none}}`);

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

package/dist/notifications/group/notification-group.css.js

@@ -1,2 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {display: block;}[part="header"] {align-items: center;display: flex;gap: var(--helix-space-xs);padding-block: var(--helix-space-xs);padding-inline: var(--notifications-padding-inline, var(--helix-space-lg));}[part="label"] {color: var(--helix-color-foreground-muted);font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);font-weight: var(--helix-weight-medium);}[part="count"] {background-color: var(--helix-color-surface-sunken);border-radius: var(--helix-radii-full);color: var(--helix-color-foreground-subtle);font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;line-height: 1;min-inline-size: var(--helix-size-badge);padding-block: var(--helix-space-2xs);padding-inline: var(--helix-space-xs);text-align: center;}[part="trigger"] {all: unset;align-items: center;box-sizing: border-box;border-radius: var(--helix-radii-sm);cursor: pointer;display: inline-flex;gap: var(--helix-space-xs);}[part="trigger"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="trigger"]:hover [part="label"] {color: var(--helix-color-foreground);}[part="actions"] {align-items: center;display: inline-flex;margin-inline-start: auto;}[part="items"] {position: relative;}`);
+export const styles = createSheet(`:host {display: block}[part="header"] {align-items: center;display: flex;gap: var(--helix-space-xs);padding-block: var(--helix-space-xs);padding-inline: var(--notifications-padding-inline, var(--helix-space-lg))}[part="label"] {color: var(--helix-color-foreground-muted);font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);font-weight: var(--helix-weight-medium)}[part="count"] {background-color: var(--helix-color-surface-sunken);border-radius: var(--helix-radii-full);color: var(--helix-color-foreground-subtle);font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;line-height: 1;min-inline-size: var(--helix-size-badge);padding-block: var(--helix-space-2xs);padding-inline: var(--helix-space-xs);text-align: center}[part="trigger"] {all: unset;align-items: center;box-sizing: border-box;border-radius: var(--helix-radii-sm);cursor: pointer;display: inline-flex;gap: var(--helix-space-xs)}[part="trigger"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="trigger"]:hover [part="label"] {color: var(--helix-color-foreground)}[part="actions"] {align-items: center;display: inline-flex;margin-inline-start: auto}[part="items"] {position: relative}`);

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

package/dist/notifications/notification/notification.css.js

@@ -1,31 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {--_notifications-line: calc(var(--helix-text-sm) * var(--helix-leading-normal));--_notifications-pad-block: var(--notifications-padding-block, var(--helix-space-xs));--_notifications-unread: var(--notifications-unread-block-size, var(--helix-space-xs));--_notifications-pad-inline: var(--notifications-padding-inline, var(--helix-space-lg));container-type: inline-size;display: block;}[part="item"] {align-items: start;border-block-end: var(--helix-border-thin) solid
-var(--notifications-rule, var(--helix-color-border));cursor: default;display: grid;grid-template-columns: minmax(var(--notifications-media-column, 0px), auto) minmax(0, 1fr) auto;padding-block: var(--_notifications-pad-block);padding-inline: var(--_notifications-pad-inline);position: relative;}:host(:not(:state(read))) [part="item"]::before {background-color: var(--notifications-unread-mark, var(--helix-color-accent));block-size: var(--_notifications-unread);border-radius: var(--notifications-unread-radius, var(--helix-radii-full));content: "";inline-size: var(--notifications-unread-inline-size, var(--_notifications-unread));inset-block-start: var(
---notifications-unread-offset,
-calc(
-var(--_notifications-pad-block) +
-(var(--_notifications-line) - var(--_notifications-unread)) /
-2
-)
-);inset-inline-start: var(
---notifications-unread-inset,
-calc(
-(
-var(--_notifications-pad-inline) -
-var(--notifications-unread-inline-size, var(--_notifications-unread))
-) /
-2
-)
-);position: absolute;}:host([separation="filled"]),
-:host([separation="outlined"]),
-:host(:state(feed-filled)),
-:host(:state(feed-outlined)) {--notifications-rule: transparent;margin-block-end: var(--notifications-item-gap, var(--helix-space-xs));}:host([separation="filled"]) [part="item"],
-:host([separation="outlined"]) [part="item"],
-:host(:state(feed-filled)) [part="item"],
-:host(:state(feed-outlined)) [part="item"] {border: var(--helix-border-thin) solid var(--notifications-item-edge, var(--helix-color-border));border-radius: var(--notifications-item-radius, var(--helix-radii-md));}:host([separation="filled"]) [part="item"],
-:host(:state(feed-filled)) [part="item"] {background-color: var(--notifications-item-fill, var(--helix-color-surface-raised));}:host([separation="filled"]),
-:host(:state(feed-filled)) {--avatar-background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);}[part="media"] {display: grid;grid-template-rows: var(--_notifications-line);place-items: center start;}[part="body"] {display: grid;gap: var(--helix-space-2xs);}[part="label"] {color: var(--notifications-color, var(--helix-color-foreground-muted));font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);line-height: var(--_notifications-line);}slot[name="description"]::slotted(*) {color: var(--helix-color-foreground-subtle);font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);line-height: var(--helix-leading-normal);margin: var(--helix-space-none);}slot[name="detail"]::slotted(*) {margin-block: var(--helix-space-2xs) var(--helix-space-none);margin-inline: var(--helix-space-none);}[part="body"] slot:not([name])::slotted(a) {color: inherit;text-decoration: none;}[part="body"] slot:not([name])::slotted(a:hover) {text-decoration: underline;text-decoration-color: color-mix(in oklab, currentcolor 35%, transparent);text-decoration-thickness: 1px;text-underline-offset: 0.25em;}:host(:not(:state(read))) [part="label"] {color: var(--helix-color-foreground);font-weight: var(--helix-weight-medium);}[part="controls"] {margin-inline-end: calc((var(--helix-size-control) - var(--helix-size-icon)) / -2);}[part="trailing"] {align-items: center;align-self: start;display: grid;grid-template-areas: "swap";justify-items: end;grid-template-rows: var(--_notifications-line);margin-inline-start: var(--helix-space-sm);}[part="trailing"] > * {grid-area: swap;transition:
-opacity var(--helix-duration-normal) var(--helix-easing-standard),
-translate var(--helix-duration-normal) var(--helix-easing-decelerate);}:host {--_notifications-swap: 0;}[part="trailing"] > :not([part="controls"]) {color: var(--helix-color-foreground-subtle);display: block;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);line-height: var(--_notifications-line);opacity: calc(1 - var(--_notifications-swap));translate: calc(var(--helix-space-2xs) * var(--_notifications-swap)) 0;}[part="controls"] {align-items: center;display: flex;opacity: var(--_notifications-swap);}:host(:hover:state(controls)),
-:host(:focus-within:state(controls)) {--_notifications-swap: 1;}[part="controls"] {pointer-events: none;}:host(:hover:state(controls)) [part="controls"],
-:host(:focus-within:state(controls)) [part="controls"] {pointer-events: auto;}@media (hover: none) and (pointer: coarse) {[part="trailing"] {column-gap: var(--helix-space-sm);grid-auto-flow: column;grid-template-areas: none;}[part="trailing"] > * {grid-area: auto;opacity: 1;translate: none;}[part="controls"] {pointer-events: auto;}}@media (prefers-reduced-motion: reduce) {[part="trailing"] > * {transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);translate: none;}}[part="actions"] {align-items: center;display: flex;flex-wrap: wrap;gap: var(--helix-space-2xs);}:host(:not(:state(actions))) [part="actions"] {display: none;}:host(:state(actions)) [part="actions"] {margin-block-start: var(--helix-space-2xs);}[part="dismiss"] {background: none;border: 0;border-radius: var(--helix-radii-sm);block-size: var(--helix-size-control);color: var(--notifications-dismiss-color, var(--helix-color-foreground-subtle));cursor: pointer;display: grid;inline-size: var(--helix-size-control);margin-inline-start: var(--helix-space-2xs);padding: var(--helix-space-none);place-items: center;}[part="dismiss"] ::slotted(*) {block-size: var(--icon-size, var(--helix-size-icon));inline-size: var(--icon-size, var(--helix-size-icon));}[part="dismiss"]:hover {background-color: color-mix(in oklab, currentcolor 12%, transparent);}[part="dismiss"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="item"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}@media print {[part="dismiss"] {display: none;}:host(:not(:state(read))) [part="item"]::before {display: none;}}@container (inline-size < 18rem) {[part="item"] {grid-template-columns: minmax(var(--notifications-media-column, 0px), auto) minmax(0, 1fr);}[part="trailing"] {align-self: start;grid-column: 2;grid-row: 2;justify-items: end;margin-block-start: var(--helix-space-2xs);margin-inline-start: var(--helix-space-none);}}`);
+export const styles = createSheet(`:host {--_notifications-line: calc(var(--helix-text-sm) * var(--helix-leading-normal));--_notifications-pad-block: var(--notifications-padding-block, var(--helix-space-xs));--_notifications-unread: var(--notifications-unread-block-size, var(--helix-space-xs));--_notifications-pad-inline: var(--notifications-padding-inline, var(--helix-space-lg));container-type: inline-size;display: block}[part="item"] {align-items: start;border-block-end: var(--helix-border-thin) solid var(--notifications-rule, var(--helix-color-border));cursor: default;display: grid;grid-template-columns: minmax(var(--notifications-media-column, 0px), auto) minmax(0, 1fr) auto;padding-block: var(--_notifications-pad-block);padding-inline: var(--_notifications-pad-inline);position: relative}:host(:not(:state(read))) [part="item"]::before {background-color: var(--notifications-unread-mark, var(--helix-color-accent));block-size: var(--_notifications-unread);border-radius: var(--notifications-unread-radius, var(--helix-radii-full));content: "";inline-size: var(--notifications-unread-inline-size, var(--_notifications-unread));inset-block-start: var(--notifications-unread-offset, calc(var(--_notifications-pad-block) + (var(--_notifications-line) - var(--_notifications-unread)) / 2));inset-inline-start: var(--notifications-unread-inset, calc((var(--_notifications-pad-inline) - var(--notifications-unread-inline-size, var(--_notifications-unread))) / 2));position: absolute}:host([separation="filled"]), :host([separation="outlined"]), :host(:state(feed-filled)), :host(:state(feed-outlined)) {--notifications-rule: transparent;margin-block-end: var(--notifications-item-gap, var(--helix-space-xs))}:host([separation="filled"]) [part="item"], :host([separation="outlined"]) [part="item"], :host(:state(feed-filled)) [part="item"], :host(:state(feed-outlined)) [part="item"] {border: var(--helix-border-thin) solid var(--notifications-item-edge, var(--helix-color-border));border-radius: var(--notifications-item-radius, var(--helix-radii-md))}:host([separation="filled"]) [part="item"], :host(:state(feed-filled)) [part="item"] {background-color: var(--notifications-item-fill, var(--helix-color-surface-raised))}:host([separation="filled"]), :host(:state(feed-filled)) {--avatar-background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent)}[part="media"] {display: grid;grid-template-rows: var(--_notifications-line);place-items: center start}[part="body"] {display: grid;gap: var(--helix-space-2xs)}[part="label"] {color: var(--notifications-color, var(--helix-color-foreground-muted));font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);line-height: var(--_notifications-line)}slot[name="description"]::slotted(*) {color: var(--helix-color-foreground-subtle);font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);line-height: var(--helix-leading-normal);margin: var(--helix-space-none)}slot[name="detail"]::slotted(*) {margin-block: var(--helix-space-2xs) var(--helix-space-none);margin-inline: var(--helix-space-none)}[part="body"] slot:not([name])::slotted(a) {color: inherit;text-decoration: none}[part="body"] slot:not([name])::slotted(a:hover) {text-decoration: underline;text-decoration-color: color-mix(in oklab, currentcolor 35%, transparent);text-decoration-thickness: 1px;text-underline-offset: 0.25em}:host(:not(:state(read))) [part="label"] {color: var(--helix-color-foreground);font-weight: var(--helix-weight-medium)}[part="controls"] {margin-inline-end: calc((var(--helix-size-control) - var(--helix-size-icon)) / -2)}[part="trailing"] {align-items: center;align-self: start;display: grid;grid-template-areas: "swap";justify-items: end;grid-template-rows: var(--_notifications-line);margin-inline-start: var(--helix-space-sm)}[part="trailing"] > * {grid-area: swap;transition: opacity var(--helix-duration-normal) var(--helix-easing-standard), translate var(--helix-duration-normal) var(--helix-easing-decelerate)}:host {--_notifications-swap: 0}[part="trailing"] > :not([part="controls"]) {color: var(--helix-color-foreground-subtle);display: block;font-family: var(--helix-font-sans);font-size: var(--helix-text-xs);line-height: var(--_notifications-line);opacity: calc(1 - var(--_notifications-swap));translate: calc(var(--helix-space-2xs) * var(--_notifications-swap)) 0}[part="controls"] {align-items: center;display: flex;opacity: var(--_notifications-swap)}:host(:hover:state(controls)), :host(:focus-within:state(controls)) {--_notifications-swap: 1}[part="controls"] {pointer-events: none}:host(:hover:state(controls)) [part="controls"], :host(:focus-within:state(controls)) [part="controls"] {pointer-events: auto}@media (hover: none) and (pointer: coarse) {[part="trailing"] {column-gap: var(--helix-space-sm);grid-auto-flow: column;grid-template-areas: none}[part="trailing"] > * {grid-area: auto;opacity: 1;translate: none}[part="controls"] {pointer-events: auto}}@media (prefers-reduced-motion: reduce) {[part="trailing"] > * {transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);translate: none}}[part="actions"] {align-items: center;display: flex;flex-wrap: wrap;gap: var(--helix-space-2xs)}:host(:not(:state(actions))) [part="actions"] {display: none}:host(:state(actions)) [part="actions"] {margin-block-start: var(--helix-space-2xs)}[part="dismiss"] {background: none;border: 0;border-radius: var(--helix-radii-sm);block-size: var(--helix-size-control);color: var(--notifications-dismiss-color, var(--helix-color-foreground-subtle));cursor: pointer;display: grid;inline-size: var(--helix-size-control);margin-inline-start: var(--helix-space-2xs);padding: var(--helix-space-none);place-items: center}[part="dismiss"] ::slotted(*) {block-size: var(--icon-size, var(--helix-size-icon));inline-size: var(--icon-size, var(--helix-size-icon))}[part="dismiss"]:hover {background-color: color-mix(in oklab, currentcolor 12%, transparent)}[part="dismiss"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset)}[part="item"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1)}@media print {[part="dismiss"] {display: none}:host(:not(:state(read))) [part="item"]::before {display: none}}@container (inline-size < 18rem) {[part="item"] {grid-template-columns: minmax(var(--notifications-media-column, 0px), auto) minmax(0, 1fr)}[part="trailing"] {align-self: start;grid-column: 2;grid-row: 2;justify-items: end;margin-block-start: var(--helix-space-2xs);margin-inline-start: var(--helix-space-none)}}`);

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