@cfasim-ui/charts 0.4.14 → 0.4.16

package/dist/BarChart/BarChart.d.ts

@@ -1,5 +1,5 @@
 import { NumberFormat } from '@cfasim-ui/shared';
-import { ChartData, DateFormat, ChartCommonProps, ChartHoverPayload, ChartTooltipBaseProps } from '../_shared/index.js';
+import { ChartData, DateFormat, ChartCommonProps, ChartHoverPayload, ChartTooltipBaseProps, BlendMode, LineMarkStyle } from '../_shared/index.js';
 export type BarChartData = ChartData;
 export interface BarSeries {
     /** Bar values; one entry per category. `y` is accepted as an alias. */
@@ -7,6 +7,12 @@ export interface BarSeries {
     data?: BarChartData;
     color?: string;
     opacity?: number;
+    /**
+     * CSS `mix-blend-mode` applied to each bar in this series. Lets
+     * overlapping bars (e.g. `layout="overlay"`) combine their colors
+     * instead of one obscuring the other.
+     */
+    blendMode?: BlendMode;
     /** Label shown in the inline legend. */
     legend?: string;
     /**
@@ -20,6 +26,37 @@ export interface BarSeries {
      */
     showInTooltip?: boolean;
 }
+/**
+ * A line overlay drawn on top of the bars — e.g. a KDE over a histogram,
+ * a rolling mean, or any other summary curve. Each line scales to its
+ * own value extent (independent of the bars), so a probability-density
+ * curve in `[0, 0.02]` and a count histogram in `[0, 500]` can coexist.
+ *
+ * Sample the curve densely on the input side — `summaryLines` connects
+ * points with straight segments (matching matplotlib / seaborn `kde=True`).
+ *
+ * Shares visual styling (`color`, `strokeWidth`, `dashed`, `opacity`,
+ * `blendMode`, `dots`, `dotRadius`, `legend`, `showInLegend`) with
+ * `LineChart`'s `Series` via `LineMarkStyle`.
+ */
+export interface BarSummaryLine extends LineMarkStyle {
+    /** Y values along the line. */
+    data: BarChartData;
+    /**
+     * X positions in category-index space (0 = first category center,
+     * `categories.length - 1` = last). Fractional values land between
+     * category centers. When omitted, points plot at successive category
+     * centers — one point per `data` entry.
+     */
+    x?: BarChartData;
+    /**
+     * Override the line's value-axis floor. When unset, defaults to the
+     * line's own min (clamped to 0 when all data is non-negative).
+     */
+    valueMin?: number;
+    /** Override the line's value-axis ceiling. Defaults to the line's own max. */
+    valueMax?: number;
+}
 interface BarChartProps extends ChartCommonProps {
     /** Single-series values. Equivalent to `y`. */
     data?: BarChartData;
@@ -27,6 +64,12 @@ interface BarChartProps extends ChartCommonProps {
     y?: BarChartData;
     /** Multi-series mode. Each series has its own values. */
     series?: BarSeries[];
+    /**
+     * Line overlays drawn on top of the bars (e.g. a KDE, a rolling mean,
+     * or any summary curve). Each line scales to its own value extent —
+     * unrelated to the bar value axis. See `BarSummaryLine`.
+     */
+    summaryLines?: BarSummaryLine[];
     /**
      * Category labels for the categorical axis. Length should match the
      * longest series. When omitted, indices (0, 1, 2, ...) are used.
@@ -37,8 +80,14 @@ interface BarChartProps extends ChartCommonProps {
     categories?: readonly (string | Date)[];
     /** "vertical" (default, aka column) draws upright bars; "horizontal" draws sideways. */
     orientation?: "vertical" | "horizontal";
-    /** "grouped" (default) places series side-by-side; "stacked" stacks them. */
-    layout?: "grouped" | "stacked";
+    /**
+     * "grouped" (default) places series side-by-side; "stacked" stacks
+     * them; "overlay" draws each series at full group width from the
+     * shared baseline, painting later series on top of earlier ones.
+     * In overlay mode set `opacity` per series, or order series so the
+     * tallest renders first, so bars behind remain visible.
+     */
+    layout?: "grouped" | "stacked" | "overlay";
     /** Force the value axis to start at this value or lower (default 0). */
     valueMin?: number;
     /**
@@ -111,9 +160,9 @@ declare const __VLS_component: import('vue').DefineComponent<BarChartProps, {},
 }>, {
     menu: boolean | string;
     tooltipClamp: "none" | "chart" | "window";
-    orientation: "vertical" | "horizontal";
-    layout: "grouped" | "stacked";
     valueMin: number;
+    orientation: "vertical" | "horizontal";
+    layout: "grouped" | "stacked" | "overlay";
     valueScaleType: "linear" | "log";
     barPadding: number;
     groupGap: number;

package/dist/DataTable/DataTable.d.ts

@@ -34,15 +34,31 @@ type __VLS_Props = {
     /** Filename (without extension) for downloaded CSV files. */
     filename?: string;
     /**
-     * Label for the Download item in the table's top-right menu.
-     * Defaults to "Download".
+     * Label for the Download item in the table's top-right menu, and for
+     * the button rendered when `downloadButton` is true. Defaults to
+     * "Download".
      */
     downloadMenuLink?: string;
+    /**
+     * Render a visible "Download" button beneath the table instead of
+     * exposing the action only via the top-right menu. When enabled, the
+     * menu's Download item is suppressed to avoid duplicate controls.
+     */
+    downloadButton?: boolean;
+    /**
+     * Render a plain text link beneath the table for downloading CSV.
+     * Pass `true` for the default "Download data (CSV)" label, or a
+     * string to customize. When set, the menu's Download item is
+     * suppressed. Mutually exclusive with `downloadButton`; if both are
+     * set, `downloadButton` wins.
+     */
+    downloadLink?: boolean | string;
     /** Stretch the table to fill its container's width. */
     fullWidth?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     menu: boolean | string;
+    downloadButton: boolean;
     downloadMenuLink: string;
     fullWidth: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/LineChart/LineChart.d.ts

@@ -1,5 +1,5 @@
 import { NumberFormat } from '@cfasim-ui/shared';
-import { ChartData, LabelStyle, DateFormat, DateTimezone, ChartCommonProps, ChartHoverPayload, ChartTooltipBaseProps } from '../_shared/index.js';
+import { ChartData, LabelStyle, DateFormat, DateTimezone, ChartCommonProps, ChartHoverPayload, ChartTooltipBaseProps, LineMarkStyle } from '../_shared/index.js';
 /**
  * Numeric input accepted by the chart. `number[]` and any standard numeric
  * typed array are supported, so the output of
@@ -13,7 +13,13 @@ export type LineChartData = ChartData;
  * element parses. See the `timezone` prop and `dateAxis` module.
  */
 export type LineChartXInput = LineChartData | readonly (string | Date)[];
-export interface Series {
+/**
+ * A single line/dot series. Inherits visual styling
+ * (`color`, `strokeWidth`, `dashed`, `opacity`, `blendMode`, `dots`,
+ * `dotRadius`, `legend`, `showInLegend`) from `LineMarkStyle`, shared
+ * with `BarChart`'s `BarSummaryLine`.
+ */
+export interface Series extends LineMarkStyle {
     /**
      * Y-values. One of `y` or `data` must be supplied; `y` wins if both
      * are set.
@@ -28,12 +34,11 @@ export interface Series {
      * date strings or `Date` objects to enable date-axis mode.
      */
     x?: LineChartXInput;
-    color?: string;
-    dashed?: boolean;
-    strokeWidth?: number;
-    opacity?: number;
+    /** Overrides `opacity` for the line stroke only. */
     lineOpacity?: number;
+    /** Overrides `opacity` for the dots only. */
     dotOpacity?: number;
+    /** Draw the line. Default true. */
     line?: boolean;
     /**
      * Draw a page-colored stroke behind the line so it stays visually
@@ -41,17 +46,8 @@ export interface Series {
      * effect when `line` is `false`.
      */
     outline?: boolean;
-    dots?: boolean;
-    dotRadius?: number;
     dotFill?: string;
     dotStroke?: string;
-    /** Label shown in the inline legend */
-    legend?: string;
-    /**
-     * Whether this series appears in the inline legend. Defaults to true.
-     * Has no effect when `legend` is unset (no legend entry to begin with).
-     */
-    showInLegend?: boolean;
     /**
      * Whether this series contributes a value to the tooltip and shows a
      * hover dot. Defaults to true. The series line/dots are still drawn.

package/dist/_shared/chartProps.d.ts

@@ -26,6 +26,41 @@ export interface LabelStyle {
     color?: string;
     fontWeight?: number | string;
 }
+/**
+ * CSS `mix-blend-mode` values usable on chart series. Drives how a
+ * series' pixels combine with what's painted behind them. Useful for
+ * overlapping series (e.g. `"multiply"` darkens light fills where bars
+ * overlap; `"screen"` lightens dark fills).
+ */
+export type BlendMode = "normal" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "difference" | "exclusion" | "hue" | "saturation" | "color" | "luminosity";
+/**
+ * Visual styling shared by anything drawn as "a stroked line with
+ * optional dots" — used by `LineChart`'s `Series` and `BarChart`'s
+ * `BarSummaryLine`. Chart-specific data (y/x arrays, scaling overrides,
+ * tooltip/outline behavior) lives on the extending type.
+ */
+export interface LineMarkStyle {
+    color?: string;
+    strokeWidth?: number;
+    dashed?: boolean;
+    opacity?: number;
+    /**
+     * CSS `mix-blend-mode` applied to the line and dots. Lets overlapping
+     * marks combine their colors instead of one obscuring the other.
+     */
+    blendMode?: BlendMode;
+    /** Draw a dot at each sample point. Default false. */
+    dots?: boolean;
+    /** Radius of each dot in pixels. */
+    dotRadius?: number;
+    /** Label shown in the inline legend. */
+    legend?: string;
+    /**
+     * Whether this mark appears in the inline legend. Defaults to true.
+     * Has no effect when `legend` is unset.
+     */
+    showInLegend?: boolean;
+}
 /**
  * Props common to every cartesian chart component. Anything specific to
  * the chart type (series shape, layout, value-axis details) lives on the
@@ -79,6 +114,13 @@ export interface ChartCommonProps {
      * for the default label or a string to customize.
      */
     downloadLink?: boolean | string;
+    /**
+     * Show a `<button>` below the chart to download CSV. Pass `true` for
+     * the default label or a string to customize. When set, the CSV menu
+     * item is suppressed. Mutually exclusive with `downloadLink`; if both
+     * are set, `downloadButton` wins.
+     */
+    downloadButton?: boolean | string;
     /** Annotations rendered as the top layer of the chart. */
     annotations?: readonly ChartAnnotation[];
     /**

package/dist/_shared/index.d.ts

@@ -10,5 +10,5 @@ export { seriesToCsv, categoricalToCsv, type CsvSeries } from './seriesCsv.js';
 export { default as ChartAnnotations } from './ChartAnnotations';
 export type { ChartAnnotation } from './annotations.js';
 export { useChartFoundation, makeTooltipValueFormatter, type ChartFoundationOptions, } from './useChartFoundation.js';
-export type { ChartCommonProps, ChartHoverPayload, ChartTooltipValue, ChartTooltipBaseProps, TitleStyle, LabelStyle, } from './chartProps.js';
+export type { ChartCommonProps, ChartHoverPayload, ChartTooltipValue, ChartTooltipBaseProps, TitleStyle, LabelStyle, BlendMode, LineMarkStyle, } from './chartProps.js';
 export { parseDate, isDateLike, isAllDates, pickDateTicks, formatDate, DATE_FORMAT_PRESETS, type DateFormat, type DateFormatPreset, type DateTickUnit, type DateTimezone, } from './dateAxis.js';

package/dist/_shared/useChartFoundation.d.ts

@@ -15,6 +15,7 @@ export interface ChartFoundationOptions {
     tooltipClamp: () => TooltipClamp | undefined;
     filename: () => string | undefined;
     downloadLink: () => boolean | string | undefined;
+    downloadButton: () => boolean | string | undefined;
     chartPadding: () => ChartPadding | undefined;
     /**
      * Labels for the inline legend in render order. Empty array = no
@@ -90,6 +91,8 @@ export declare function useChartFoundation(opts: ChartFoundationOptions): {
     menuItems: import('vue').ComputedRef<import('../ChartMenu/ChartMenu').ChartMenuItem[]>;
     downloadLinkText: import('vue').ComputedRef<string | null>;
     csvHref: import('vue').ComputedRef<string | null>;
+    downloadButtonText: import('vue').ComputedRef<string | null>;
+    triggerCsvDownload: () => void;
     menuFilename: () => string;
     isFullscreen: import('vue').Ref<boolean, boolean>;
     measuredHeight: import('vue').Ref<number, number>;

package/dist/_shared/useChartMenu.d.ts

@@ -8,6 +8,8 @@ export interface ChartMenuOptions {
     getCsv: () => string;
     /** Whether a separate download link is rendered (and the CSV menu item should be hidden). */
     downloadLink: () => boolean | string | undefined;
+    /** Whether a separate download button is rendered (and the CSV menu item should be hidden). */
+    downloadButton?: () => boolean | string | undefined;
     /**
      * When true, prepends an Expand/Collapse menu item that toggles the
      * chart into a full-window view. The consumer is responsible for
@@ -25,6 +27,8 @@ export declare function useChartMenu(opts: ChartMenuOptions): {
     items: import('vue').ComputedRef<ChartMenuItem[]>;
     downloadLinkText: import('vue').ComputedRef<string | null>;
     csvHref: import('vue').ComputedRef<string | null>;
+    downloadButtonText: import('vue').ComputedRef<string | null>;
+    triggerCsvDownload: () => void;
     resolvedFilename: () => string;
     isFullscreen: Ref<boolean, boolean>;
 };

package/dist/index.css

@@ -1,2 +1,2 @@
-.line-chart-wrapper:hover .chart-menu-button,.bar-chart-wrapper:hover .chart-menu-button,.choropleth-wrapper:hover .chart-menu-button,.line-chart-wrapper:focus-within .chart-menu-button,.bar-chart-wrapper:focus-within .chart-menu-button,.choropleth-wrapper:focus-within .chart-menu-button,.line-chart-wrapper.is-fullscreen .chart-menu-button,.bar-chart-wrapper.is-fullscreen .chart-menu-button,.choropleth-wrapper.is-fullscreen .chart-menu-button{opacity:1}.line-chart-wrapper.is-fullscreen,.bar-chart-wrapper.is-fullscreen,.choropleth-wrapper.is-fullscreen{z-index:var(--cfasim-z-fullscreen,1000);background:var(--color-bg-0,#fff);color:var(--color-text,inherit);box-sizing:border-box;flex-direction:column;justify-content:center;padding:2em;display:flex;position:fixed;inset:0}.choropleth-wrapper.is-fullscreen svg{flex:auto;width:100%;height:100%;min-height:0}.chart-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chart-menu-trigger-area[data-v-c74e2889]{z-index:1;position:absolute;top:0;right:0}.chart-menu-button[data-v-c74e2889]{border:1px solid var(--color-border);background:var(--color-bg-0,#fff);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;opacity:0;border-radius:.25em;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.chart-menu-button[data-state=open][data-v-c74e2889]{opacity:1}.chart-menu-button[data-v-c74e2889]:hover{background:var(--color-bg-1,#0000000d);color:var(--color-text)}.chart-menu-content{z-index:100;background:var(--color-bg-0);border:1px solid var(--color-border);border-radius:.25em;min-width:140px;padding:.25em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.chart-menu-item{font-size:var(--font-size-sm);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:.25em;outline:none;align-items:center;padding:.375em .5em;display:flex}.chart-menu-item[data-highlighted]{background:var(--color-primary);color:#fff}.line-chart-wrapper[data-v-d5524bd2]{width:100%;position:relative}.line-chart-tooltip-label[data-v-d5524bd2]{margin-bottom:.25em;font-weight:600}.line-chart-tooltip-row[data-v-d5524bd2]{align-items:center;gap:.375em;display:flex}.line-chart-download-link[data-v-d5524bd2]{text-align:right;font-size:var(--font-size-sm);margin-top:.25em;display:block}.line-chart-tooltip-swatch[data-v-d5524bd2]{border-radius:50%;flex-shrink:0;width:.625em;height:.625em;display:inline-block}.bar-chart-wrapper[data-v-ad030dd3]{width:100%;position:relative}.bar-chart-tooltip-label[data-v-ad030dd3]{margin-bottom:.25em;font-weight:600}.bar-chart-tooltip-row[data-v-ad030dd3]{align-items:center;gap:.375em;display:flex}.bar-chart-download-link[data-v-ad030dd3]{text-align:right;font-size:var(--font-size-sm);margin-top:.25em;display:block}.bar-chart-tooltip-swatch[data-v-ad030dd3]{border-radius:50%;flex-shrink:0;width:.625em;height:.625em;display:inline-block}.choropleth-wrapper[data-v-b11a80ed]{--choropleth-legend-bg:var(--color-bg-0,#fff);width:100%;position:relative}.choropleth-wrapper svg[data-v-b11a80ed]{width:100%;height:auto;display:block}.choropleth-wrapper.pannable svg[data-v-b11a80ed]{cursor:grab}.choropleth-wrapper.pannable svg[data-v-b11a80ed]:active{cursor:grabbing}.state-path[data-v-b11a80ed]{cursor:pointer}.choropleth-reset[data-v-b11a80ed]{font:inherit;color:var(--color-text-secondary,#555);background:var(--color-bg-0,#fff);border:1px solid var(--color-border,#e5e7eb);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:12px;position:absolute;bottom:8px;left:8px;box-shadow:0 1px 2px #0000000d}.choropleth-reset[data-v-b11a80ed]:hover{background:var(--color-bg-1,#f8f9fa);color:var(--color-text,#212529)}.choropleth-header[data-v-b11a80ed]{background:var(--choropleth-legend-bg);color:currentColor;border-radius:4px;flex-direction:column;align-items:center;gap:10px;width:fit-content;margin:0 auto;padding:8px 14px;display:flex}.choropleth-title[data-v-b11a80ed]{white-space:pre-line;font-size:14px;font-weight:600;line-height:1.2}.choropleth-legend[data-v-b11a80ed]{align-items:center;gap:14px;font-size:13px;line-height:1.2;display:flex}.choropleth-legend-title[data-v-b11a80ed]{font-weight:600}.choropleth-legend-item[data-v-b11a80ed]{align-items:center;gap:6px;display:inline-flex}.choropleth-legend-swatch[data-v-b11a80ed]{border-radius:3px;width:12px;height:12px;display:inline-block}.choropleth-legend-continuous[data-v-b11a80ed]{flex-direction:column;width:160px;display:flex}.choropleth-legend-gradient[data-v-b11a80ed]{border-radius:2px;height:12px}.choropleth-legend-ticks[data-v-b11a80ed]{opacity:.7;height:14px;margin-top:4px;font-size:11px;position:relative}.choropleth-legend-ticks>span[data-v-b11a80ed]{position:absolute;transform:translate(-50%)}.chart-tooltip-anchor[data-v-44377f70]{pointer-events:none;width:1px;height:1px;position:absolute}.chart-tooltip-content{z-index:100;background:var(--color-bg-0,#fff);border:1px solid var(--color-border,#e5e7eb);font-size:var(--font-size-sm,.875rem);pointer-events:none;border-radius:.375em;padding:.5em .75em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.TableOuter[data-v-d6b3bce8]{display:inline-block;position:relative}.TableOuter.full-width[data-v-d6b3bce8]{display:block}.TableWrapper[data-v-d6b3bce8]{font-size:var(--font-size-sm);overflow-x:auto}.Table[data-v-d6b3bce8]{border-collapse:collapse;font-variant-numeric:tabular-nums;border:1px solid var(--color-border);table-layout:fixed;margin:0;display:table}.Table.full-width[data-v-d6b3bce8]{width:100%}.Table tr[data-v-d6b3bce8],.Table th[data-v-d6b3bce8],.Table td[data-v-d6b3bce8]{background:0 0;border:none}.Table th[data-v-d6b3bce8],.Table td[data-v-d6b3bce8]{white-space:nowrap;text-align:left;padding:.75em 1.25em}.Table th[data-v-d6b3bce8]{border-bottom:1px solid var(--color-border-header);font-weight:600;position:sticky;top:0}.Table tbody td[data-v-d6b3bce8]{border-bottom:1px solid var(--color-border)}.Table tbody tr:last-child td[data-v-d6b3bce8]{border-bottom:none}.TableOuter[data-v-d6b3bce8] .chart-menu-trigger-area{top:4px;right:4px}.TableOuter[data-v-d6b3bce8] .chart-menu-button{opacity:1}.TableOuter.has-menu .Table thead th[data-v-d6b3bce8]:last-child{padding-right:2.5em}
+.line-chart-wrapper:hover .chart-menu-button,.bar-chart-wrapper:hover .chart-menu-button,.choropleth-wrapper:hover .chart-menu-button,.line-chart-wrapper:focus-within .chart-menu-button,.bar-chart-wrapper:focus-within .chart-menu-button,.choropleth-wrapper:focus-within .chart-menu-button,.line-chart-wrapper.is-fullscreen .chart-menu-button,.bar-chart-wrapper.is-fullscreen .chart-menu-button,.choropleth-wrapper.is-fullscreen .chart-menu-button{opacity:1}.line-chart-wrapper.is-fullscreen,.bar-chart-wrapper.is-fullscreen,.choropleth-wrapper.is-fullscreen{z-index:var(--cfasim-z-fullscreen,1000);background:var(--color-bg-0,#fff);color:var(--color-text,inherit);box-sizing:border-box;flex-direction:column;justify-content:center;padding:2em;display:flex;position:fixed;inset:0}.choropleth-wrapper.is-fullscreen svg{flex:auto;width:100%;height:100%;min-height:0}.chart-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.chart-menu-trigger-area[data-v-c74e2889]{z-index:1;position:absolute;top:0;right:0}.chart-menu-button[data-v-c74e2889]{border:1px solid var(--color-border);background:var(--color-bg-0,#fff);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;opacity:0;border-radius:.25em;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.chart-menu-button[data-state=open][data-v-c74e2889]{opacity:1}.chart-menu-button[data-v-c74e2889]:hover{background:var(--color-bg-1,#0000000d);color:var(--color-text)}.chart-menu-content{z-index:100;background:var(--color-bg-0);border:1px solid var(--color-border);border-radius:.25em;min-width:140px;padding:.25em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.chart-menu-item{font-size:var(--font-size-sm);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:.25em;outline:none;align-items:center;padding:.375em .5em;display:flex}.chart-menu-item[data-highlighted]{background:var(--color-primary);color:#fff}.line-chart-wrapper[data-v-0d24242d]{width:100%;position:relative}.line-chart-tooltip-label[data-v-0d24242d]{margin-bottom:.25em;font-weight:600}.line-chart-tooltip-row[data-v-0d24242d]{align-items:center;gap:.375em;display:flex}.line-chart-download-link[data-v-0d24242d]{text-align:right;font-size:var(--font-size-sm);margin-top:.25em;display:block}.line-chart-tooltip-swatch[data-v-0d24242d]{border-radius:50%;flex-shrink:0;width:.625em;height:.625em;display:inline-block}.line-chart-download-button{border:1px solid var(--color-border);background:var(--color-bg-0,#fff);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;border-radius:.25em;align-items:center;margin-top:.5em;padding:.5em 1em;display:inline-flex}.line-chart-download-button:hover{background:var(--color-bg-1,#0000000d)}.line-chart-download-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.bar-chart-wrapper[data-v-bce03a52]{width:100%;position:relative}.bar-chart-tooltip-label[data-v-bce03a52]{margin-bottom:.25em;font-weight:600}.bar-chart-tooltip-row[data-v-bce03a52]{align-items:center;gap:.375em;display:flex}.bar-chart-download-link[data-v-bce03a52]{text-align:right;font-size:var(--font-size-sm);margin-top:.25em;display:block}.bar-chart-tooltip-swatch[data-v-bce03a52]{border-radius:50%;flex-shrink:0;width:.625em;height:.625em;display:inline-block}.bar-chart-download-button{border:1px solid var(--color-border);background:var(--color-bg-0,#fff);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;border-radius:.25em;align-items:center;margin-top:.5em;padding:.5em 1em;display:inline-flex}.bar-chart-download-button:hover{background:var(--color-bg-1,#0000000d)}.bar-chart-download-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.choropleth-wrapper[data-v-b11a80ed]{--choropleth-legend-bg:var(--color-bg-0,#fff);width:100%;position:relative}.choropleth-wrapper svg[data-v-b11a80ed]{width:100%;height:auto;display:block}.choropleth-wrapper.pannable svg[data-v-b11a80ed]{cursor:grab}.choropleth-wrapper.pannable svg[data-v-b11a80ed]:active{cursor:grabbing}.state-path[data-v-b11a80ed]{cursor:pointer}.choropleth-reset[data-v-b11a80ed]{font:inherit;color:var(--color-text-secondary,#555);background:var(--color-bg-0,#fff);border:1px solid var(--color-border,#e5e7eb);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:12px;position:absolute;bottom:8px;left:8px;box-shadow:0 1px 2px #0000000d}.choropleth-reset[data-v-b11a80ed]:hover{background:var(--color-bg-1,#f8f9fa);color:var(--color-text,#212529)}.choropleth-header[data-v-b11a80ed]{background:var(--choropleth-legend-bg);color:currentColor;border-radius:4px;flex-direction:column;align-items:center;gap:10px;width:fit-content;margin:0 auto;padding:8px 14px;display:flex}.choropleth-title[data-v-b11a80ed]{white-space:pre-line;font-size:14px;font-weight:600;line-height:1.2}.choropleth-legend[data-v-b11a80ed]{align-items:center;gap:14px;font-size:13px;line-height:1.2;display:flex}.choropleth-legend-title[data-v-b11a80ed]{font-weight:600}.choropleth-legend-item[data-v-b11a80ed]{align-items:center;gap:6px;display:inline-flex}.choropleth-legend-swatch[data-v-b11a80ed]{border-radius:3px;width:12px;height:12px;display:inline-block}.choropleth-legend-continuous[data-v-b11a80ed]{flex-direction:column;width:160px;display:flex}.choropleth-legend-gradient[data-v-b11a80ed]{border-radius:2px;height:12px}.choropleth-legend-ticks[data-v-b11a80ed]{opacity:.7;height:14px;margin-top:4px;font-size:11px;position:relative}.choropleth-legend-ticks>span[data-v-b11a80ed]{position:absolute;transform:translate(-50%)}.chart-tooltip-anchor[data-v-44377f70]{pointer-events:none;width:1px;height:1px;position:absolute}.chart-tooltip-content{z-index:100;background:var(--color-bg-0,#fff);border:1px solid var(--color-border,#e5e7eb);font-size:var(--font-size-sm,.875rem);pointer-events:none;border-radius:.375em;padding:.5em .75em;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.TableOuter[data-v-20a55780]{display:inline-block;position:relative}.TableOuter.full-width[data-v-20a55780]{display:block}.TableWrapper[data-v-20a55780]{font-size:var(--font-size-sm);overflow-x:auto}.Table[data-v-20a55780]{border-collapse:collapse;font-variant-numeric:tabular-nums;border:1px solid var(--color-border);table-layout:fixed;margin:0;display:table}.Table.full-width[data-v-20a55780]{width:100%}.Table tr[data-v-20a55780],.Table th[data-v-20a55780],.Table td[data-v-20a55780]{background:0 0;border:none}.Table th[data-v-20a55780],.Table td[data-v-20a55780]{white-space:nowrap;text-align:left;padding:.75em 1.25em}.Table th[data-v-20a55780]{border-bottom:1px solid var(--color-border-header);font-weight:600;position:sticky;top:0}.Table tbody td[data-v-20a55780]{border-bottom:1px solid var(--color-border)}.Table tbody tr:last-child td[data-v-20a55780]{border-bottom:none}.TableOuter[data-v-20a55780] .chart-menu-trigger-area{top:4px;right:4px}.TableOuter[data-v-20a55780] .chart-menu-button{opacity:1}.TableOuter.has-menu .Table thead th[data-v-20a55780]:last-child{padding-right:2.5em}.data-table-download-button{border:1px solid var(--color-border);background:var(--color-bg-0,#fff);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;border-radius:.25em;align-items:center;margin-top:.75em;padding:.5em 1em;display:inline-flex}.data-table-download-button:hover{background:var(--color-bg-1,#0000000d)}.data-table-download-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.data-table-download-link{text-align:right;font-size:var(--font-size-sm);margin-top:.25em;display:block}
 /*$vite$:1*/

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { default as LineChart, type LineChartData, type Series, type Area, type AreaSection, } from './LineChart/LineChart';
-export { default as BarChart, type BarChartData, type BarSeries, } from './BarChart/BarChart';
+export { default as BarChart, type BarChartData, type BarSeries, type BarSummaryLine, } from './BarChart/BarChart';
 export { default as ChoroplethMap, type GeoType, type StateData, type ChoroplethColorScale, type ThresholdStop, type CategoricalStop, type FocusItem, type FocusValue, type FocusStyle, } from './ChoroplethMap/ChoroplethMap';
 export { default as ChartTooltip } from './ChartTooltip/ChartTooltip';
 export { default as DataTable, type TableData, type TableRecord, type ColumnAlign, type ColumnConfig, type ColumnWidth, } from './DataTable/DataTable';
 export type { ChartAnnotation } from './_shared/annotations.js';
+export type { BlendMode, LineMarkStyle } from './_shared/chartProps.js';