@fusion.dev/helix 0.145.0 → 0.147.0

package/dist/scroll-area/root/scroll-area-root.css.js

@@ -1,204 +1,37 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {
-display: block;
-position: relative;
-}
-
-[part="viewport"] {
-block-size: 100%;
-overflow: auto;
-overscroll-behavior: contain;
-}
-
-[part="viewport"]:focus-visible {
-outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
-outline-offset: calc(var(--helix-size-focus-offset) * -1);
-}
-
-[part="viewport"] {
-scrollbar-color: var(--scroll-area-thumb-color, var(--helix-color-border))
-var(--scroll-area-track-color, transparent);
-scrollbar-width: var(--scroll-area-scrollbar, thin);
-}
-
-:host([scrollbars]) [part="viewport"] {
-scrollbar-width: none;
-}
-
-[part~="scrollbar"] {
---_scroll-area-thumb: max(
+export const styles = createSheet(`:host {display: block;position: relative;}[part="viewport"] {block-size: 100%;overflow: auto;overscroll-behavior: contain;}[part="viewport"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: calc(var(--helix-size-focus-offset) * -1);}[part="viewport"] {scrollbar-color: var(--scroll-area-thumb-color, var(--helix-color-border))
+var(--scroll-area-track-color, transparent);scrollbar-width: var(--scroll-area-scrollbar, thin);}:host([scrollbars]) [part="viewport"] {scrollbar-width: none;}[part~="scrollbar"] {--_scroll-area-thumb: max(
 var(--scroll-area-thumb-min-size, var(--helix-space-lg)),
 var(--scroll-area-thumb-fraction, 1) *
 100%
-);
-background-color: var(--scroll-area-track-color, transparent);
-opacity: 0;
-position: absolute;
-touch-action: none;
-transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);
-user-select: none;
-
-z-index: calc(var(--helix-layer-raised) + 1);
-}
-
-[part~="scrollbar-visible"] {
-opacity: 1;
-}
-
-[part~="scrollbar-vertical"] {
-inline-size: var(--scroll-area-scrollbar-size, var(--helix-space-sm));
-inset-block: 0;
-inset-inline-end: 0;
-}
-
-[part~="scrollbar-horizontal"] {
-block-size: var(--scroll-area-scrollbar-size, var(--helix-space-sm));
-inset-block-end: 0;
-inset-inline: 0;
-}
-
-:host(:state(scrollbar-horizontal)) [part~="scrollbar-vertical"] {
-inset-block-end: var(--scroll-area-scrollbar-size, var(--helix-space-sm));
-}
-
-:host(:state(scrollbar-vertical)) [part~="scrollbar-horizontal"] {
-inset-inline-end: var(--scroll-area-scrollbar-size, var(--helix-space-sm));
-}
-
-[part~="thumb"] {
-background-color: var(--scroll-area-thumb-color, var(--helix-color-border));
-border-radius: var(--helix-radii-full);
-position: absolute;
-}
-
-[part~="thumb"]:hover {
-background-color: var(--scroll-area-thumb-hover-color, var(--helix-color-foreground-subtle));
-}
-
-[part~="thumb-vertical"] {
-block-size: var(--_scroll-area-thumb);
-inset-block-start: calc(
+);background-color: var(--scroll-area-track-color, transparent);opacity: 0;position: absolute;touch-action: none;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);user-select: none;z-index: calc(var(--helix-layer-raised) + 1);}[part~="scrollbar-visible"] {opacity: 1;}[part~="scrollbar-vertical"] {inline-size: var(--scroll-area-scrollbar-size, var(--helix-space-sm));inset-block: 0;inset-inline-end: 0;}[part~="scrollbar-horizontal"] {block-size: var(--scroll-area-scrollbar-size, var(--helix-space-sm));inset-block-end: 0;inset-inline: 0;}:host(:state(scrollbar-horizontal)) [part~="scrollbar-vertical"] {inset-block-end: var(--scroll-area-scrollbar-size, var(--helix-space-sm));}:host(:state(scrollbar-vertical)) [part~="scrollbar-horizontal"] {inset-inline-end: var(--scroll-area-scrollbar-size, var(--helix-space-sm));}[part~="thumb"] {background-color: var(--scroll-area-thumb-color, var(--helix-color-border));border-radius: var(--helix-radii-full);position: absolute;}[part~="thumb"]:hover {background-color: var(--scroll-area-thumb-hover-color, var(--helix-color-foreground-subtle));}[part~="thumb-vertical"] {block-size: var(--_scroll-area-thumb);inset-block-start: calc(
 var(--scroll-area-scroll-fraction, 0) *
 (100% - var(--_scroll-area-thumb))
-);
-inset-inline: var(--helix-border-thick);
-}
-
-[part~="thumb-horizontal"] {
-inline-size: var(--_scroll-area-thumb);
-inset-block: var(--helix-border-thick);
-inset-inline-start: calc(
+);inset-inline: var(--helix-border-thick);}[part~="thumb-horizontal"] {inline-size: var(--_scroll-area-thumb);inset-block: var(--helix-border-thick);inset-inline-start: calc(
 var(--scroll-area-scroll-fraction, 0) *
 (100% - var(--_scroll-area-thumb))
-);
-}
-
-[part="corner"] {
-background-color: var(--scroll-area-track-color, transparent);
-block-size: var(--scroll-area-scrollbar-size, var(--helix-space-sm));
-inline-size: var(--scroll-area-scrollbar-size, var(--helix-space-sm));
-inset-block-end: 0;
-inset-inline-end: 0;
-position: absolute;
-}
-
-:host::before,
-:host::after {
-content: "";
-opacity: 0;
-pointer-events: none;
-position: absolute;
-transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);
-z-index: var(--helix-layer-raised);
-}
-
-:host::before {
-background: linear-gradient(
+);}[part="corner"] {background-color: var(--scroll-area-track-color, transparent);block-size: var(--scroll-area-scrollbar-size, var(--helix-space-sm));inline-size: var(--scroll-area-scrollbar-size, var(--helix-space-sm));inset-block-end: 0;inset-inline-end: 0;position: absolute;}:host::before,
+:host::after {content: "";opacity: 0;pointer-events: none;position: absolute;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);z-index: var(--helix-layer-raised);}:host::before {background: linear-gradient(
 to bottom,
 var(--scroll-area-fade-color, var(--helix-color-background)),
 transparent
-);
-block-size: var(--scroll-area-fade-block-start, var(--scroll-area-fade, var(--helix-space-xl)));
-inset-block-start: 0;
-inset-inline: 0;
-}
-
-:host::after {
-background: linear-gradient(
+);block-size: var(--scroll-area-fade-block-start, var(--scroll-area-fade, var(--helix-space-xl)));inset-block-start: 0;inset-inline: 0;}:host::after {background: linear-gradient(
 to top,
 var(--scroll-area-fade-color, var(--helix-color-background)),
 transparent
-);
-block-size: var(--scroll-area-fade-block-end, var(--scroll-area-fade, var(--helix-space-xl)));
-inset-block-end: 0;
-inset-inline: 0;
-}
-
-:host(:state(more-block-start))::before,
-:host(:state(more-block-end))::after {
-opacity: 1;
-}
-
-[part="edges"] {
---_scroll-area-from-start: to right;
---_scroll-area-from-end: to left;
-inset: 0;
-pointer-events: none;
-position: absolute;
-}
-
-:host(:dir(rtl)) [part="edges"] {
---_scroll-area-from-start: to left;
---_scroll-area-from-end: to right;
-}
-
-[part="edges"]::before,
-[part="edges"]::after {
-content: "";
-inset-block: 0;
-opacity: 0;
-position: absolute;
-transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);
-z-index: var(--helix-layer-raised);
-}
-
-[part="edges"]::before {
-background: linear-gradient(
+);block-size: var(--scroll-area-fade-block-end, var(--scroll-area-fade, var(--helix-space-xl)));inset-block-end: 0;inset-inline: 0;}:host(:state(more-block-start))::before,
+:host(:state(more-block-end))::after {opacity: 1;}[part="edges"] {--_scroll-area-from-start: to right;--_scroll-area-from-end: to left;inset: 0;pointer-events: none;position: absolute;}:host(:dir(rtl)) [part="edges"] {--_scroll-area-from-start: to left;--_scroll-area-from-end: to right;}[part="edges"]::before,
+[part="edges"]::after {content: "";inset-block: 0;opacity: 0;position: absolute;transition: opacity var(--helix-duration-fast) var(--helix-easing-standard);z-index: var(--helix-layer-raised);}[part="edges"]::before {background: linear-gradient(
 var(--_scroll-area-from-start),
 var(--scroll-area-fade-color, var(--helix-color-background)),
 transparent
-);
-inline-size: var(--scroll-area-fade-inline-start, var(--scroll-area-fade, var(--helix-space-xl)));
-inset-inline-start: 0;
-}
-
-[part="edges"]::after {
-background: linear-gradient(
+);inline-size: var(--scroll-area-fade-inline-start, var(--scroll-area-fade, var(--helix-space-xl)));inset-inline-start: 0;}[part="edges"]::after {background: linear-gradient(
 var(--_scroll-area-from-end),
 var(--scroll-area-fade-color, var(--helix-color-background)),
 transparent
-);
-inline-size: var(--scroll-area-fade-inline-end, var(--scroll-area-fade, var(--helix-space-xl)));
-inset-inline-end: 0;
-}
-
-:host(:state(more-inline-start)) [part="edges"]::before,
-:host(:state(more-inline-end)) [part="edges"]::after {
-opacity: 1;
-}
-
-@media (prefers-reduced-motion: reduce) {
-:host::before,
+);inline-size: var(--scroll-area-fade-inline-end, var(--scroll-area-fade, var(--helix-space-xl)));inset-inline-end: 0;}:host(:state(more-inline-start)) [part="edges"]::before,
+:host(:state(more-inline-end)) [part="edges"]::after {opacity: 1;}@media (prefers-reduced-motion: reduce) {:host::before,
 :host::after,
 [part="edges"]::before,
 [part="edges"]::after,
-[part~="scrollbar"] {
-transition: none;
-}
-}
-
-@media print {
-:host {
-overflow: visible;
-}
-}`);
+[part~="scrollbar"] {transition: none;}}@media print {:host {overflow: visible;}}`);

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

@@ -1,126 +1,6 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {
-display: flex;
-flex-direction: column;
-gap: var(--helix-space-2xs);
-position: relative;
-}
-
-[part="trigger"] {
-all: unset;
-align-items: center;
-background-color: var(--helix-color-well);
-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;
-color: var(--helix-color-foreground);
-cursor: pointer;
-display: flex;
-font-family: var(--helix-font-sans);
-font-size: var(--helix-text-sm);
-gap: var(--helix-space-xs);
-justify-content: space-between;
-padding-inline: var(--helix-space-xs);
-transition: border-color var(--helix-duration-fast) var(--helix-easing-standard);
-}
-
-:host(:not(:disabled)) [part="trigger"]:hover {
-border-color: var(--helix-color-primary);
-}
-
-[part="trigger"]:focus-visible {
-border-color: var(--helix-color-primary);
-outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
-outline-offset: 0;
-}
-
-:host(:state(invalid)) [part="trigger"],
+export const styles = createSheet(`:host {display: flex;flex-direction: column;gap: var(--helix-space-2xs);position: relative;}[part="trigger"] {all: unset;align-items: center;background-color: var(--helix-color-well);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;color: var(--helix-color-foreground);cursor: pointer;display: flex;font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);gap: var(--helix-space-xs);justify-content: space-between;padding-inline: var(--helix-space-xs);transition: border-color var(--helix-duration-fast) var(--helix-easing-standard);}:host(:not(:disabled)) [part="trigger"]:hover {border-color: var(--helix-color-primary);}[part="trigger"]:focus-visible {border-color: var(--helix-color-primary);outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: 0;}:host(:state(invalid)) [part="trigger"],
 :host(:state(invalid)) [part="trigger"]:hover,
-:host(:state(invalid)) [part="trigger"]:focus-visible {
-border-color: var(--helix-color-danger);
-outline-color: var(--helix-color-danger);
-}
-
-:host(:disabled) [part="trigger"] {
-cursor: not-allowed;
-opacity: 0.5;
-}
-
-:host([emphasis="ghost"]) {
-inline-size: fit-content;
-}
-
-:host([emphasis="ghost"]) [part="trigger"] {
-background-color: transparent;
-block-size: var(--helix-size-control-tight);
-border-color: transparent;
-justify-content: start;
-padding-inline: var(--helix-space-2xs);
-}
-
-:host([emphasis="ghost"]:not(:disabled)) [part="trigger"]:hover {
-background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);
-border-color: transparent;
-}
-
-:host([emphasis="ghost"]) [part="trigger"]:focus-visible {
-border-color: var(--helix-color-primary);
-}
-
-[part="value"] {
-flex: 1;
-overflow: hidden;
-text-overflow: ellipsis;
-white-space: nowrap;
-}
-
-[part="surface"] {
---_floating-border-color: var(--select-border-color, var(--helix-color-border));
---_floating-border-width: var(--select-border-width, var(--helix-border-floating));
---_floating-shadow: var(--select-shadow, var(--helix-shadow-floating));
-
---option-radius: var(--helix-radii-none);
-
-inline-size: var(--floating-anchor-inline-size, 100%);
-min-inline-size: max-content;
-
-max-block-size: var(--floating-available-block-size, none);
-padding-block: var(--helix-space-xs);
-padding-inline: var(--helix-space-none);
-}
-
-[part="indicator"],
-::slotted([slot="indicator"]) {
-transition: scale var(--helix-duration-fast) var(--helix-easing-standard);
-}
-
-:host(:state(open)) [part="indicator"],
-:host(:state(open)) ::slotted([slot="indicator"]) {
-scale: 1 -1;
-}
-
-[part="listbox"]::part(items) {
-background-color: transparent;
-border: none;
-border-radius: var(--helix-radii-none);
-max-block-size: var(--select-surface-max-block-size, 14rem);
-padding: var(--helix-space-none);
-}
-
-[part="listbox"]::part(items):focus-visible {
-outline: none;
-}
-
-[part="indicator"] {
-block-size: var(--helix-size-icon-tight);
-color: var(--helix-color-foreground-muted);
-flex: 0 0 auto;
-inline-size: var(--helix-size-icon-tight);
-}
-
-@media print {
-:host {
-print-color-adjust: exact;
-}
-}`);
+:host(:state(invalid)) [part="trigger"]:focus-visible {border-color: var(--helix-color-danger);outline-color: var(--helix-color-danger);}:host(:disabled) [part="trigger"] {cursor: not-allowed;opacity: 0.5;}:host([emphasis="ghost"]) {inline-size: fit-content;}:host([emphasis="ghost"]) [part="trigger"] {background-color: transparent;block-size: var(--helix-size-control-tight);border-color: transparent;justify-content: start;padding-inline: var(--helix-space-2xs);}:host([emphasis="ghost"]:not(:disabled)) [part="trigger"]:hover {background-color: color-mix(in oklab, var(--helix-color-foreground) 8%, transparent);border-color: transparent;}:host([emphasis="ghost"]) [part="trigger"]:focus-visible {border-color: var(--helix-color-primary);}[part="value"] {flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}[part="surface"] {--_floating-border-color: var(--select-border-color, var(--helix-color-border));--_floating-border-width: var(--select-border-width, var(--helix-border-floating));--_floating-shadow: var(--select-shadow, var(--helix-shadow-floating));--option-radius: var(--helix-radii-none);inline-size: var(--floating-anchor-inline-size, 100%);min-inline-size: max-content;max-block-size: var(--floating-available-block-size, none);padding-block: var(--helix-space-xs);padding-inline: var(--helix-space-none);}[part="indicator"],
+::slotted([slot="indicator"]) {transition: scale var(--helix-duration-fast) var(--helix-easing-standard);}:host(:state(open)) [part="indicator"],
+:host(:state(open)) ::slotted([slot="indicator"]) {scale: 1 -1;}[part="listbox"]::part(items) {background-color: transparent;border: none;border-radius: var(--helix-radii-none);max-block-size: var(--select-surface-max-block-size, 14rem);padding: var(--helix-space-none);}[part="listbox"]::part(items):focus-visible {outline: none;}[part="indicator"] {block-size: var(--helix-size-icon-tight);color: var(--helix-color-foreground-muted);flex: 0 0 auto;inline-size: var(--helix-size-icon-tight);}@media print {:host {print-color-adjust: exact;}}`);

package/dist/shared/chart/series.css.js

@@ -1,37 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {
---chart-series-1: var(--helix-color-series-1);
---chart-series-2: var(--helix-color-series-2);
---chart-series-3: var(--helix-color-series-3);
---chart-series-4: var(--helix-color-series-4);
---chart-series-5: var(--helix-color-series-5);
---chart-series-6: var(--helix-color-series-6);
---chart-series-7: var(--helix-color-series-7);
---chart-series-8: var(--helix-color-series-8);
---chart-series-9: var(--helix-color-series-9);
---chart-series-10: var(--helix-color-series-10);
---chart-series-11: var(--helix-color-series-11);
---chart-series-12: var(--helix-color-series-12);
---chart-series-13: var(--helix-color-series-13);
---chart-series-14: var(--helix-color-series-14);
---chart-series-15: var(--helix-color-series-15);
---chart-series-16: var(--helix-color-series-16);
---chart-series-17: var(--helix-color-series-17);
---chart-series-18: var(--helix-color-series-18);
---chart-series-19: var(--helix-color-series-19);
---chart-series-20: var(--helix-color-series-20);
---chart-series-21: var(--helix-color-series-21);
---chart-series-22: var(--helix-color-series-22);
---chart-series-23: var(--helix-color-series-23);
---chart-series-24: var(--helix-color-series-24);
-}
-
-:host {
---_chart-stroke: var(--chart-stroke, 2px);
-}
-
-@media print {
-:host {
-print-color-adjust: exact;
-}
-}`);
+export const styles = createSheet(`:host {--chart-series-1: var(--helix-color-series-1);--chart-series-2: var(--helix-color-series-2);--chart-series-3: var(--helix-color-series-3);--chart-series-4: var(--helix-color-series-4);--chart-series-5: var(--helix-color-series-5);--chart-series-6: var(--helix-color-series-6);--chart-series-7: var(--helix-color-series-7);--chart-series-8: var(--helix-color-series-8);--chart-series-9: var(--helix-color-series-9);--chart-series-10: var(--helix-color-series-10);--chart-series-11: var(--helix-color-series-11);--chart-series-12: var(--helix-color-series-12);--chart-series-13: var(--helix-color-series-13);--chart-series-14: var(--helix-color-series-14);--chart-series-15: var(--helix-color-series-15);--chart-series-16: var(--helix-color-series-16);--chart-series-17: var(--helix-color-series-17);--chart-series-18: var(--helix-color-series-18);--chart-series-19: var(--helix-color-series-19);--chart-series-20: var(--helix-color-series-20);--chart-series-21: var(--helix-color-series-21);--chart-series-22: var(--helix-color-series-22);--chart-series-23: var(--helix-color-series-23);--chart-series-24: var(--helix-color-series-24);}:host {--_chart-stroke: var(--chart-stroke, 2px);}@media print {:host {print-color-adjust: exact;}}`);

package/dist/shared/chart/terminus.css.js

@@ -1,48 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`[part="terminus"] {
-background-color: currentColor;
-block-size: var(--chart-terminus-size, 5px);
-inline-size: var(--chart-terminus-size, 5px);
-inset-block-start: var(--chart-terminus-y);
-inset-inline-start: var(--chart-terminus-x);
-position: absolute;
-
-translate: -50% -50%;
-}
-
-:host(:dir(rtl)) [part="terminus"] {
-translate: 50% -50%;
-}
-
-[part="terminus"] {
-border-radius: var(--helix-radii-full);
-}
-
-:host([terminus="none"]) [part="terminus"] {
-display: none;
-}
-
-:host([terminus="square"]) [part="terminus"] {
-border-radius: var(--helix-radii-none);
-}
-
-:host([terminus="ring"]) [part="terminus"] {
-background-color: var(--chart-terminus-hole, transparent);
-block-size: calc(var(--chart-terminus-size, 5px) * 1.6);
-border: var(--helix-border-thick) solid currentColor;
-inline-size: calc(var(--chart-terminus-size, 5px) * 1.6);
-}
-
-:host([terminus="ring"]) {
---_chart-terminus-inner: calc(var(--chart-terminus-size, 5px) * 0.8 - var(--helix-border-thick));
-}
-
-:host([terminus="triangle"]) [part="terminus"] {
-background-color: currentColor;
-border-radius: var(--helix-radii-none);
-clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
-}
-
-:host([terminus="triangle"]:dir(rtl)) [part="terminus"] {
-clip-path: polygon(100% 0%, 0% 50%, 100% 100%);
-}`);
+export const styles = createSheet(`[part="terminus"] {background-color: currentColor;block-size: var(--chart-terminus-size, 5px);inline-size: var(--chart-terminus-size, 5px);inset-block-start: var(--chart-terminus-y);inset-inline-start: var(--chart-terminus-x);position: absolute;translate: -50% -50%;}:host(:dir(rtl)) [part="terminus"] {translate: 50% -50%;}[part="terminus"] {border-radius: var(--helix-radii-full);}:host([terminus="none"]) [part="terminus"] {display: none;}:host([terminus="square"]) [part="terminus"] {border-radius: var(--helix-radii-none);}:host([terminus="ring"]) [part="terminus"] {background-color: var(--chart-terminus-hole, transparent);block-size: calc(var(--chart-terminus-size, 5px) * 1.6);border: var(--helix-border-thick) solid currentColor;inline-size: calc(var(--chart-terminus-size, 5px) * 1.6);}:host([terminus="ring"]) {--_chart-terminus-inner: calc(var(--chart-terminus-size, 5px) * 0.8 - var(--helix-border-thick));}:host([terminus="triangle"]) [part="terminus"] {background-color: currentColor;border-radius: var(--helix-radii-none);clip-path: polygon(0% 0%, 100% 50%, 0% 100%);}:host([terminus="triangle"]:dir(rtl)) [part="terminus"] {clip-path: polygon(100% 0%, 0% 50%, 100% 100%);}`);

package/dist/shared/chart/tooltip.css.js

@@ -1,69 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`[part="mark"] {
-block-size: 1px;
-inline-size: 1px;
-pointer-events: none;
-position: absolute;
-}
-
-[part="tooltip-anchor"] {
-inset: 0;
-pointer-events: none;
-position: absolute;
-}
-
-[part="tooltip-label"] {
-display: block;
-font-weight: var(--helix-weight-medium);
-margin-block-end: var(--helix-space-2xs);
-}
-
-[part~="tooltip-cell"] {
-align-items: baseline;
-column-gap: var(--helix-space-sm);
-display: grid;
-grid-template-columns: 0.5em minmax(0, 1fr) auto;
-}
-
-[part="tooltip-name"] {
-grid-column: 2;
-
-opacity: 0.72;
-}
-
-[part="tooltip-value"] {
-font-variant-numeric: tabular-nums;
-grid-column: 3;
-}
-
-[part~="tooltip-cell"][data-series]::before {
-background-color: var(--chart-series);
-block-size: 0.5em;
-border-radius: var(--helix-radii-full);
-content: "";
-grid-column: 1;
-inline-size: 0.5em;
-}
-
-[part~="tooltip-cell-current"] {
-font-weight: var(--helix-weight-medium);
-}
-
-[part~="tooltip-cell-current"] [part="tooltip-name"] {
-opacity: 1;
-}
-
-[part="plot"]:focus-visible {
-outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
-outline-offset: var(--helix-size-focus-offset);
-}
-
-[part="live"] {
-block-size: 1px;
-clip-path: inset(50%);
-inline-size: 1px;
-margin: var(--helix-space-none);
-overflow: hidden;
-position: absolute;
-white-space: nowrap;
-}`);
+export const styles = createSheet(`[part="mark"] {block-size: 1px;inline-size: 1px;pointer-events: none;position: absolute;}[part="tooltip-anchor"] {inset: 0;pointer-events: none;position: absolute;}[part="tooltip-label"] {display: block;font-weight: var(--helix-weight-medium);margin-block-end: var(--helix-space-2xs);}[part~="tooltip-cell"] {align-items: baseline;column-gap: var(--helix-space-sm);display: grid;grid-template-columns: 0.5em minmax(0, 1fr) auto;}[part="tooltip-name"] {grid-column: 2;opacity: 0.72;}[part="tooltip-value"] {font-variant-numeric: tabular-nums;grid-column: 3;}[part~="tooltip-cell"][data-series]::before {background-color: var(--chart-series);block-size: 0.5em;border-radius: var(--helix-radii-full);content: "";grid-column: 1;inline-size: 0.5em;}[part~="tooltip-cell-current"] {font-weight: var(--helix-weight-medium);}[part~="tooltip-cell-current"] [part="tooltip-name"] {opacity: 1;}[part="plot"]:focus-visible {outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: var(--helix-size-focus-offset);}[part="live"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap;}`);

package/dist/shared/collection/state.css.js

@@ -1,11 +1,3 @@
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`[part="empty"],
-[part="loading"] {
-color: var(--helix-color-foreground-subtle);
-font-family: var(--helix-font-sans);
-font-size: var(--helix-text-sm);
-margin: var(--helix-space-none);
-padding-block: var(--_collection-inset-block, var(--helix-space-md));
-padding-inline: var(--_collection-inset-inline, var(--helix-space-sm));
-text-align: center;
-}`);
+[part="loading"] {color: var(--helix-color-foreground-subtle);font-family: var(--helix-font-sans);font-size: var(--helix-text-sm);margin: var(--helix-space-none);padding-block: var(--_collection-inset-block, var(--helix-space-md));padding-inline: var(--_collection-inset-inline, var(--helix-space-sm));text-align: center;}`);

package/dist/shared/field/field-frame.css.js

@@ -1,36 +1,6 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {
-display: flex;
-flex-direction: column;
-gap: var(--helix-space-2xs);
-}
-
-:host(:not(:disabled)) [part="field"]:hover {
-border-color: var(--helix-color-primary);
-}
-
-:host(:focus-within) [part="field"],
-:host(:focus-within) [part="field"]:hover {
-border-color: var(--helix-color-primary);
-outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);
-outline-offset: 0;
-}
-
-:host(:state(invalid)) [part="field"],
+export const styles = createSheet(`:host {display: flex;flex-direction: column;gap: var(--helix-space-2xs);}:host(:not(:disabled)) [part="field"]:hover {border-color: var(--helix-color-primary);}:host(:focus-within) [part="field"],
+:host(:focus-within) [part="field"]:hover {border-color: var(--helix-color-primary);outline: var(--helix-size-focus-ring) solid var(--helix-color-focus-ring);outline-offset: 0;}:host(:state(invalid)) [part="field"],
 :host(:state(invalid)) [part="field"]:hover,
 :host(:state(invalid):focus-within) [part="field"],
-:host(:state(invalid):focus-within) [part="field"]:hover {
-border-color: var(--helix-color-danger);
-outline-color: var(--helix-color-danger);
-}
-
-[part="control"] {
-all: unset;
-box-sizing: border-box;
-color: var(--helix-color-foreground);
-flex: 1 1 auto;
-font-family: var(--helix-font-sans);
-font-size: var(--helix-text-md);
-font-weight: var(--helix-weight-medium);
-min-inline-size: 0;
-}`);
+:host(:state(invalid):focus-within) [part="field"]:hover {border-color: var(--helix-color-danger);outline-color: var(--helix-color-danger);}[part="control"] {all: unset;box-sizing: border-box;color: var(--helix-color-foreground);flex: 1 1 auto;font-family: var(--helix-font-sans);font-size: var(--helix-text-md);font-weight: var(--helix-weight-medium);min-inline-size: 0;}`);

package/dist/shared/field/field-inline.css.js

@@ -1,6 +1,3 @@
 import { createSheet } from '@fusion.dev/helix-core';
 export const styles = createSheet(`[part="hint"],
-[part="feedback"] {
-
-padding-inline-start: calc(var(--_field-control-inline-size, 0px) + var(--helix-space-xs));
-}`);
+[part="feedback"] {padding-inline-start: calc(var(--_field-control-inline-size, 0px) + var(--helix-space-xs));}`);

package/dist/shared/field/field-segments.css.js

@@ -1,40 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`[part="segments"] {
-align-items: center;
-color: var(--helix-color-foreground);
-display: flex;
-flex: 1 1 auto;
-font-family: var(--helix-font-sans);
-font-size: var(--helix-text-md);
-
-font-variant-numeric: tabular-nums;
-font-weight: var(--helix-weight-medium);
-min-inline-size: 0;
-white-space: nowrap;
-}
-
-[part~="segment"] {
-border-radius: var(--helix-radii-sm);
-caret-color: transparent;
-outline: none;
-padding-inline: calc(var(--helix-space-2xs) / 2);
-}
-
-[part~="segment"]:focus {
-background-color: var(--_segment-focus-background-color, var(--helix-color-primary));
-color: var(--_segment-focus-color, var(--helix-color-foreground-on-primary));
-}
-
-[part~="segment-placeholder"] {
-color: var(--_segment-placeholder-color, var(--helix-color-foreground-subtle));
-}
-
-[part="literal"] {
-color: var(--_segment-literal-color, var(--helix-color-foreground-muted));
-white-space: pre;
-}
-
-:host(:disabled) [part="segments"] {
-color: var(--helix-color-foreground-subtle);
-cursor: not-allowed;
-}`);
+export const styles = createSheet(`[part="segments"] {align-items: center;color: var(--helix-color-foreground);display: flex;flex: 1 1 auto;font-family: var(--helix-font-sans);font-size: var(--helix-text-md);font-variant-numeric: tabular-nums;font-weight: var(--helix-weight-medium);min-inline-size: 0;white-space: nowrap;}[part~="segment"] {border-radius: var(--helix-radii-sm);caret-color: transparent;outline: none;padding-inline: calc(var(--helix-space-2xs) / 2);}[part~="segment"]:focus {background-color: var(--_segment-focus-background-color, var(--helix-color-primary));color: var(--_segment-focus-color, var(--helix-color-foreground-on-primary));}[part~="segment-placeholder"] {color: var(--_segment-placeholder-color, var(--helix-color-foreground-subtle));}[part="literal"] {color: var(--_segment-literal-color, var(--helix-color-foreground-muted));white-space: pre;}:host(:disabled) [part="segments"] {color: var(--helix-color-foreground-subtle);cursor: not-allowed;}`);

package/dist/shared/field/field-stacked.css.js

@@ -1,6 +1,2 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`[part="label"] {
-display: block;
-
-padding-block-end: var(--helix-space-2xs);
-}`);
+export const styles = createSheet(`[part="label"] {display: block;padding-block-end: var(--helix-space-2xs);}`);