@fusion.dev/helix 0.145.0 → 0.147.0

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

@@ -1,239 +1,20 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {
-
---_map-position-ink: color-mix(
+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(
+);--_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:
+);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(
+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);
-}`);
+);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);}`);

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

@@ -1,4 +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/root/map-root.css.js

@@ -1,362 +1,20 @@
 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(--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(--helix-color-border);
-color: var(--helix-color-foreground-subtle);
-
-display: block;
-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(--helix-color-foreground-muted);
-overflow: hidden;
-padding: var(--helix-space-none) var(--helix-space-xs);
-text-overflow: ellipsis;
-white-space: nowrap;
-}
-
-:host([credit-placement])
+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(--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(--helix-color-border);color: var(--helix-color-foreground-subtle);display: block;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(--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(
+::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(
+);}: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="tilt"] {
-font-size: var(--helix-text-xs);
-font-weight: var(--helix-weight-semibold);
-}
-
-[part="tilt"][aria-pressed="true"] {
-background-color: var(--helix-color-primary-surface);
-border-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:
+);}@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="tilt"] {font-size: var(--helix-text-xs);font-weight: var(--helix-weight-semibold);}[part="tilt"][aria-pressed="true"] {background-color: var(--helix-color-primary-surface);border-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:
+".      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(--helix-color-danger);
-}
-[part="needle"] [data-end="south"] {
-fill: 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(--helix-space-sm);
-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(--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(--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(--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);
-}
-}`);
+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(--helix-color-danger);}[part="needle"] [data-end="south"] {fill: 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(--helix-space-sm);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(--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(--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(--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/route/map-route.css.js

@@ -1,25 +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/terrain/map-terrain.css.js

@@ -1,12 +1,8 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {
-border-top-color: var(
+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(
+);color: var(
 --map-terrain-shadow-color,
 color-mix(in oklab, var(--helix-color-surface-media) 40%, transparent)
-);
-display: none;
-}`);
+);display: none;}`);