@fusion.dev/helix 0.146.0 → 0.147.0

package/dist/scatter-chart/root/scatter-chart-root.css.js

@@ -1,152 +1,17 @@
 import { createSheet } from '@fusion.dev/helix-core';
-export const styles = createSheet(`:host {
-container-type: inline-size;
-display: block;
-position: relative;
-}
-
-[part="plane"] {
-column-gap: var(--scatter-chart-gap, var(--helix-space-xs));
-display: grid;
-grid-template-areas:
+export const styles = createSheet(`:host {container-type: inline-size;display: block;position: relative;}[part="plane"] {column-gap: var(--scatter-chart-gap, var(--helix-space-xs));display: grid;grid-template-areas:
 "y-name y-name"
 "y-axis plot"
 ". x-axis"
-". x-name";
-grid-template-columns: auto minmax(0, 1fr);
-row-gap: var(--scatter-chart-gap, var(--helix-space-xs));
-}
-
-[part="plot"] {
-block-size: var(--scatter-chart-block-size, 14em);
-cursor: crosshair;
-grid-area: plot;
-position: relative;
-}
-
-[part="plot"] svg {
-block-size: 100%;
-inline-size: 100%;
-overflow: visible;
-}
-
-[part="trend"] {
-fill: none;
-stroke: var(--chart-series);
-stroke-dasharray: var(--scatter-chart-trend-dash, 4 3);
-stroke-linecap: round;
-stroke-width: var(--scatter-chart-trend-width, 1.5px);
-vector-effect: non-scaling-stroke;
-}
-
-[part="gridline"] {
-stroke: var(--scatter-chart-gridline-color, var(--helix-color-border));
-stroke-width: var(--helix-border-thin);
-vector-effect: non-scaling-stroke;
-}
-
-[part~="point"] {
-background-color: var(--chart-series);
-block-size: var(--scatter-chart-point-size, 8px);
-border-radius: var(--helix-radii-full);
-box-shadow: 0 0 0 var(--helix-border-thin)
-var(--scatter-chart-point-ring-color, var(--helix-color-background));
-inline-size: var(--scatter-chart-point-size, 8px);
-inset-block-start: var(--chart-point-y);
-inset-inline-start: var(--chart-point-x);
-opacity: var(--scatter-chart-point-opacity, 0.8);
-pointer-events: none;
-position: absolute;
-transition:
+". x-name";grid-template-columns: auto minmax(0, 1fr);row-gap: var(--scatter-chart-gap, var(--helix-space-xs));}[part="plot"] {block-size: var(--scatter-chart-block-size, 14em);cursor: crosshair;grid-area: plot;position: relative;}[part="plot"] svg {block-size: 100%;inline-size: 100%;overflow: visible;}[part="trend"] {fill: none;stroke: var(--chart-series);stroke-dasharray: var(--scatter-chart-trend-dash, 4 3);stroke-linecap: round;stroke-width: var(--scatter-chart-trend-width, 1.5px);vector-effect: non-scaling-stroke;}[part="gridline"] {stroke: var(--scatter-chart-gridline-color, var(--helix-color-border));stroke-width: var(--helix-border-thin);vector-effect: non-scaling-stroke;}[part~="point"] {--_scatter-chart-diameter: calc(
+var(--scatter-chart-point-size, 8px) +
+var(--chart-point-weight, 0) *
+(var(--scatter-chart-bubble-size, 40px) - var(--scatter-chart-point-size, 8px))
+);background-color: var(--chart-series);block-size: var(--_scatter-chart-diameter);border-radius: var(--helix-radii-full);box-shadow: 0 0 0 var(--helix-border-thin)
+var(--scatter-chart-point-ring-color, var(--helix-color-background));inline-size: var(--_scatter-chart-diameter);inset-block-start: var(--chart-point-y);inset-inline-start: var(--chart-point-x);opacity: var(--scatter-chart-point-opacity, 0.8);pointer-events: none;position: absolute;transition:
 inset-block-start var(--helix-duration-normal) var(--helix-easing-decelerate),
 inset-inline-start var(--helix-duration-normal) var(--helix-easing-decelerate),
-scale var(--helix-duration-fast) var(--helix-easing-decelerate);
-translate: -50% -50%;
-}
-
-[part~="point"][data-active] {
-opacity: 1;
-scale: 1.5;
-}
-
-[part="x-axis"],
-[part="y-axis"] {
-display: grid;
-}
-
-[part="x-axis"] {
-grid-area: x-axis;
-}
-
-[part="y-axis"] {
-grid-area: y-axis;
-}
-
-[part="x-tick"],
-[part="y-tick"] {
-color: var(--helix-color-foreground-muted);
-font-size: var(--helix-text-xs);
-font-variant-numeric: tabular-nums;
-grid-area: 1 / 1;
-line-height: 1;
-position: relative;
-white-space: nowrap;
-}
-
-[part="x-tick"] {
-inset-inline-start: var(--chart-tick);
-justify-self: start;
-translate: -50% 0;
-}
-
-[part="y-tick"] {
-align-self: start;
-inset-block-start: var(--chart-tick);
-justify-self: end;
-translate: 0 -50%;
-}
-
-@container (inline-size < 30rem) {
-[part="x-tick"]:nth-last-child(even) {
-visibility: hidden;
-}
-}
-
-[part="x-name"],
-[part="y-name"] {
-color: var(--helix-color-foreground-muted);
-font-size: var(--helix-text-xs);
-font-weight: var(--helix-weight-medium);
-}
-
-[part="x-name"] {
-grid-area: x-name;
-justify-self: end;
-}
-
-[part="y-name"] {
-grid-area: y-name;
-justify-self: start;
-}
-
-[part="summary"] {
-block-size: 1px;
-clip-path: inset(50%);
-inline-size: 1px;
-margin: var(--helix-space-none);
-overflow: hidden;
-position: absolute;
-white-space: nowrap;
-}
-
-@starting-style {
-[part~="point"] {
-opacity: 0;
-}
-}
-
-@media print {
-:host {
-print-color-adjust: exact;
-}
-}`);
+scale var(--helix-duration-fast) var(--helix-easing-decelerate);translate: -50% -50%;}[part~="point"][data-active] {opacity: 1;scale: 1.5;}[part="x-axis"],
+[part="y-axis"] {display: grid;}[part="x-axis"] {grid-area: x-axis;}[part="y-axis"] {grid-area: y-axis;}[part="x-tick"],
+[part="y-tick"] {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-xs);font-variant-numeric: tabular-nums;grid-area: 1 / 1;line-height: 1;position: relative;white-space: nowrap;}[part="x-tick"] {inset-inline-start: var(--chart-tick);justify-self: start;translate: -50% 0;}[part="y-tick"] {align-self: start;inset-block-start: var(--chart-tick);justify-self: end;translate: 0 -50%;}@container (inline-size < 30rem) {[part="x-tick"]:nth-last-child(even) {visibility: hidden;}}[part="x-name"],
+[part="y-name"] {color: var(--helix-color-foreground-muted);font-size: var(--helix-text-xs);font-weight: var(--helix-weight-medium);}[part="x-name"] {grid-area: x-name;justify-self: end;}[part="y-name"] {grid-area: y-name;justify-self: start;}[part="summary"] {block-size: 1px;clip-path: inset(50%);inline-size: 1px;margin: var(--helix-space-none);overflow: hidden;position: absolute;white-space: nowrap;}@starting-style {[part~="point"] {opacity: 0;}}@media print {:host {print-color-adjust: exact;}}`);

package/dist/scatter-chart/root/scatter-chart-root.d.ts

@@ -33,6 +33,7 @@ import '../../tooltip/index.js';
  * @documentation https://fusion.dev/helix/components/scatter-chart
  *
  * @cssproperty --scatter-chart-block-size - Height of the drawing.
+ * @cssproperty --scatter-chart-bubble-size - Diameter of the largest point under `size-by`. The smallest is `--scatter-chart-point-size`.
  * @cssproperty --scatter-chart-gap - Space between the drawing and its axes.
  * @cssproperty --scatter-chart-gridline-color - Color of the gridlines across the plot, drawn when `gridlines` is set.
  * @cssproperty --scatter-chart-point-opacity - Opacity of a point, so a cluster looks darker where it is denser.

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%);}`);