@cfasim-ui/charts 0.7.8 → 0.8.1

package/dist/LineChart/LineChart.d.ts

@@ -192,26 +192,12 @@ interface LineChartProps extends ChartCommonProps {
     xGrid?: boolean;
     yGrid?: boolean;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        tooltip?(props: ChartTooltipBaseProps & {
-            xLabel?: string;
-        }): unknown;
-    }> & {
-        tooltip?(props: ChartTooltipBaseProps & {
-            xLabel?: string;
-        }): unknown;
-    };
-    refs: {
-        containerRef: HTMLDivElement;
-        svgRef: SVGSVGElement;
-        tooltipRef: HTMLDivElement;
-    };
-    rootEl: any;
+type __VLS_Slots = {
+    tooltip?(props: ChartTooltipBaseProps & {
+        xLabel?: string;
+    }): unknown;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<LineChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_base: import('vue').DefineComponent<LineChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     hover: (payload: ChartHoverPayload) => any;
 }, string, import('vue').PublicProps, Readonly<LineChartProps> & Readonly<{
     onHover?: ((payload: ChartHoverPayload) => any) | undefined;
@@ -220,14 +206,11 @@ declare const __VLS_component: import('vue').DefineComponent<LineChartProps, {},
     lineOpacity: number;
     yScaleType: "linear" | "log";
     tooltipClamp: "none" | "chart" | "window";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    containerRef: HTMLDivElement;
-    svgRef: SVGSVGElement;
-    tooltipRef: HTMLDivElement;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/_shared/ChartAnnotations.d.ts

@@ -18,8 +18,9 @@ type __VLS_Props = {
      */
     bounds?: ChartBounds;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     annotations: readonly ChartAnnotation[];
     bounds: ChartBounds;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGGElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/_shared/ChartZoomControls.d.ts

@@ -7,7 +7,7 @@ type __VLS_Props = {
      * window, matching the ChartMenu trigger area. */
     isFullscreen?: boolean;
 };
-declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     reset: () => any;
     zoomIn: () => any;
     zoomOut: () => any;
@@ -20,5 +20,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     canZoomIn: boolean;
     canZoomOut: boolean;
     canReset: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/dist/_shared/index.d.ts

@@ -13,5 +13,6 @@ 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, BlendMode, LineMarkStyle, } from './chartProps.js';
-export { resolveColorToRgb, pickContrastColor, type Rgb } from './contrast.js';
+export { parseRgb, resolveColorToRgb, pickContrastColor, type Rgb, } from './contrast.js';
+export { useMapTheme, createMapThemeResolver, mapThemeDefaults, LIGHT_HIGHLIGHT, type MapTheme, type ResolvedMapTheme, type MapThemeResolver, } from './mapTheme.js';
 export { parseDate, isDateLike, isAllDates, pickDateTicks, formatDate, DATE_FORMAT_PRESETS, type DateFormat, type DateFormatPreset, type DateTickUnit, type DateTimezone, } from './dateAxis.js';

package/dist/_shared/mapTheme.d.ts

@@ -0,0 +1,159 @@
+import { Ref } from 'vue';
+export interface MapTheme {
+    /**
+     * Base fill for features without a data value (any CSS color).
+     * Default: `var(--choropleth-fill, light-dark(#ddd, #3f3f46))`.
+     */
+    fill?: string;
+    /**
+     * Interior feature borders (any CSS color).
+     * Default: `var(--choropleth-stroke, light-dark(#fff, #18181b))`.
+     */
+    stroke?: string;
+    /**
+     * Feature border width in CSS px, kept constant on screen at any zoom.
+     * Unset falls back to the component default (0.5, halved on county/HSA
+     * maps); an explicit value applies as-is on every geoType. 0 disables.
+     */
+    strokeWidth?: number;
+    /**
+     * The state-boundary mesh drawn over county/HSA maps. Falls back to
+     * `stroke` unless a visible color resolves (from here or the
+     * `--choropleth-borders` custom property). Hide it with
+     * `bordersWidth: 0`.
+     */
+    borders?: string;
+    /** State-borders mesh width in CSS px. Default 1; 0 disables. */
+    bordersWidth?: number;
+    /**
+     * Exterior boundary of the rendered geography (the nation outline, or
+     * the state outline in single-state mode), drawn on top of interior
+     * borders. Off unless a visible color resolves, so the
+     * `--choropleth-outline` custom property can enable it (it defaults to
+     * `transparent`).
+     */
+    outline?: string;
+    /** Exterior outline width in CSS px. Default 1; 0 disables. */
+    outlineWidth?: number;
+    /**
+     * Background wash behind the map features. Off unless a visible color
+     * resolves, so the `--choropleth-background` custom property can enable
+     * it (it defaults to `transparent`).
+     */
+    background?: string;
+    /**
+     * Hover/focus highlight stroke. Default:
+     * `var(--choropleth-highlight, light-dark(#000, #fff))`. Per-item
+     * `FocusItem.stroke` still wins for individual focus outlines.
+     */
+    highlight?: string;
+    /**
+     * Marker overlay (the `cities` prop layer): dot and label color (any
+     * CSS color). Sets both `--choropleth-city-marker` and
+     * `--choropleth-city-label-color`; default `#1a1a1a` (dark markers
+     * with a thin white halo read over any fill in either scheme). The
+     * marker layer is SVG in both renderers, so these four keys resolve
+     * in CSS directly (no probe) and follow theme flips on their own.
+     */
+    markerColor?: string;
+    /**
+     * Marker overlay: halo color around dots and labels (sets
+     * `--choropleth-city-halo`). Default `#fff`.
+     */
+    markerHalo?: string;
+    /**
+     * Halo width around each marker dot, in CSS px (constant on screen at
+     * any zoom). Default 0.9; 0 disables the dot halo. The label halo is
+     * unaffected.
+     */
+    markerHaloWidth?: number;
+    /** Opacity of the whole marker layer (dots, labels, halos). Default 1. */
+    markerOpacity?: number;
+}
+/** Theme values resolved to canvas-paintable colors. */
+export interface ResolvedMapTheme {
+    fill: string;
+    stroke: string;
+    strokeWidth: number | undefined;
+    /** Resolved borders color, falling back to `stroke`. */
+    borders: string;
+    bordersWidth: number | undefined;
+    /** undefined when the outline resolves invisible (off by default) */
+    outline: string | undefined;
+    outlineWidth: number | undefined;
+    /** undefined when the background resolves invisible (off by default) */
+    background: string | undefined;
+    highlight: string;
+}
+export declare const LIGHT_FILL = "#ddd";
+export declare const DARK_FILL = "#3f3f46";
+export declare const LIGHT_STROKE = "#fff";
+export declare const DARK_STROKE = "#18181b";
+export declare const LIGHT_HIGHLIGHT = "#000";
+export declare const DARK_HIGHLIGHT = "#fff";
+/**
+ * The built-in defaults: every channel routes through a `--choropleth-*`
+ * custom property, so CSS alone can retheme maps. `borders`, `outline`,
+ * and `background` use `transparent` sentinels, staying off (or, for
+ * borders, deferring to `stroke`) until a visible color resolves.
+ */
+export declare const mapThemeDefaults: {
+    readonly fill: "var(--choropleth-fill, light-dark(#ddd, #3f3f46))";
+    readonly stroke: "var(--choropleth-stroke, light-dark(#fff, #18181b))";
+    readonly borders: "var(--choropleth-borders, transparent)";
+    readonly outline: "var(--choropleth-outline, transparent)";
+    readonly background: "var(--choropleth-background, transparent)";
+    readonly highlight: "var(--choropleth-highlight, light-dark(#000, #fff))";
+};
+/** Shallow per-key equality; undefined and {} compare equal. */
+export declare function themeEquals(a: MapTheme | undefined, b: MapTheme | undefined): boolean;
+/** A resolved color that should actually paint; transparent means "off". */
+export declare const visible: (c: string) => string | undefined;
+/**
+ * Bare var() parses but is invalid at computed-value time when the property
+ * is undefined, inheriting the page text color; give it a fallback instead.
+ * var() references that already carry a fallback are left alone.
+ */
+export declare function withVarFallback(value: string, fallback: string): string;
+export interface MapThemeResolver {
+    resolve(theme: MapTheme | undefined): ResolvedMapTheme;
+    /**
+     * Resolve scale palette colors (colorScale endpoints and stop colors)
+     * through the cascade. Each entry gets a persistent watched span, so env
+     * changes to any entry notify. Returns a stable array identity until an
+     * entry actually resolves differently.
+     */
+    resolvePalette(colors: readonly string[], fallbacks: readonly string[]): readonly string[];
+    /** Force a re-read on the next resolve (env may have changed unobserved) */
+    invalidate(): void;
+    /**
+     * Compare probe reads against the cache and notify if anything changed.
+     * Transitions don't run in non-rendered subtrees, so a map hidden with
+     * `display:none` misses theme flips; call this when it may have been
+     * shown again (cheap: a handful of getComputedStyle reads, bail on equal).
+     */
+    recheck(): void;
+    /** True while the last resolve/palette read fell back to constants. */
+    unresolved(): boolean;
+    destroy(): void;
+}
+/**
+ * Hidden probe that resolves CSS color strings against the container's
+ * cascade, one channel span per themed color. Each span carries a
+ * step-start color transition, so any change to a resolved color (class
+ * flip up the tree, media query flip, var redefinition) fires a transition
+ * event and triggers `onEnvChange`.
+ */
+export declare function createMapThemeResolver(container: HTMLElement, onEnvChange: () => void): MapThemeResolver;
+/**
+ * Vue wrapper around {@link createMapThemeResolver}: creates the probe in
+ * `container` on mount, exposes the resolved theme as a computed, and bumps
+ * an internal version (re-running dependents) whenever the environment
+ * changes a resolved color. `resolvePalette` is reactive the same way; call
+ * it from a computed so scale colors re-resolve on theme flips.
+ */
+export declare function useMapTheme(container: Ref<HTMLElement | null>, theme: () => MapTheme | undefined): {
+    resolved: import('vue').ComputedRef<ResolvedMapTheme>;
+    resolvePalette: (colors: readonly string[], fallbacks: readonly string[]) => readonly string[];
+    ensureResolved: () => void;
+};

package/dist/_shared/mapTheme.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/index.css

@@ -1,2 +1,2 @@
-.chart-menu-trigger-area[data-v-f5743494]{z-index:1;position:absolute;top:.5em;right:.5em}.chart-menu-trigger-area--expanded[data-v-f5743494]{top:1.25em;right:1.25em}.chart-menu-button[data-v-f5743494]{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-f5743494],.chart-close-button[data-v-f5743494]{opacity:1}.chart-menu-button[data-v-f5743494]:hover{background:var(--color-bg-1,#0000000d);color:var(--color-text)}.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{opacity:1}.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-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}.chart-zoom-controls[data-v-87ceeada]{z-index:1;flex-direction:column;gap:4px;display:flex;position:absolute;top:.5em;left:.5em}.chart-zoom-controls--expanded[data-v-87ceeada]{top:1.25em;left:1.25em}.chart-zoom-button[data-v-87ceeada]{border:1px solid var(--color-border,#e5e7eb);background:var(--color-bg-0,#fff);width:28px;height:28px;color:var(--color-text-secondary,#555);cursor:pointer;border-radius:.25em;justify-content:center;align-items:center;padding:0;display:flex}.chart-zoom-button[data-v-87ceeada]:hover:not(:disabled){background:var(--color-bg-1,#0000000d);color:var(--color-text)}.chart-zoom-button[data-v-87ceeada]:disabled{opacity:.4;cursor:default}.line-chart-wrapper[data-v-a11696bb]{width:100%;position:relative}.line-chart-tooltip-label[data-v-a11696bb]{margin-bottom:.25em;font-weight:600}.line-chart-tooltip-row[data-v-a11696bb]{align-items:center;gap:.375em;display:flex}.line-chart-download-link[data-v-a11696bb]{text-align:right;font-size:var(--font-size-sm);margin-top:.25em;display:block}.line-chart-tooltip-swatch[data-v-a11696bb]{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-32872fa4]{width:100%;position:relative}.bar-chart-tooltip-label[data-v-32872fa4]{margin-bottom:.25em;font-weight:600}.bar-chart-tooltip-row[data-v-32872fa4]{align-items:center;gap:.375em;display:flex}.bar-chart-download-link[data-v-32872fa4]{text-align:right;font-size:var(--font-size-sm);margin-top:.25em;display:block}.bar-chart-tooltip-swatch[data-v-32872fa4]{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}.chart-tooltip-sheet[data-v-90392830]{z-index:2;background:var(--color-bg-0,#fff);color:var(--color-text,inherit);border-top:1px solid var(--color-border,#e5e7eb);padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));pointer-events:none;font-size:14px;line-height:1.4;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 12px #0000001f}.chart-tooltip-sheet.is-open[data-v-90392830]{transform:translateY(0)}.choropleth-wrapper[data-v-529f8dad]{--choropleth-legend-bg:var(--color-bg-0,#fff);width:100%;position:relative;container-type:inline-size}.choropleth-wrapper svg[data-v-529f8dad]{width:100%;height:auto;display:block}.choropleth-wrapper.pannable svg[data-v-529f8dad]{cursor:grab}.choropleth-wrapper.is-fullscreen svg[data-v-529f8dad]{flex:auto;width:100%;height:100%;min-height:0}.choropleth-wrapper.pannable svg[data-v-529f8dad]:active{cursor:grabbing}.state-path[data-v-529f8dad]{cursor:pointer}.choropleth-city-overlay[data-v-529f8dad]{pointer-events:none;position:absolute;top:0;left:0}.choropleth-cities[data-v-529f8dad]{--choropleth-city-marker:var(--lightningcss-light,#1a1a1a)var(--lightningcss-dark,#f2f2f2);--choropleth-city-halo:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0a0a0a);--choropleth-city-label-color:var(--lightningcss-light,#1a1a1a)var(--lightningcss-dark,#f2f2f2);font-family:var(--font-family,system-ui, sans-serif)}.choropleth-city-dot[data-v-529f8dad]{fill:var(--choropleth-city-marker);stroke:var(--choropleth-city-halo)}.choropleth-city-label[data-v-529f8dad]{fill:var(--choropleth-city-label-color);stroke:var(--choropleth-city-halo);paint-order:stroke fill;stroke-linejoin:round;font-weight:500}.choropleth-city-label-capital[data-v-529f8dad]{font-weight:700}.choropleth-canvas[data-v-529f8dad]{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.choropleth-zoom-hint[data-v-529f8dad]{z-index:1;text-align:center;color:var(--color-text-secondary,#777);opacity:.6;pointer-events:none;text-shadow:1px 0 0 var(--color-bg-0,#fff), -1px 0 0 var(--color-bg-0,#fff), 0 1px 0 var(--color-bg-0,#fff), 0 -1px 0 var(--color-bg-0,#fff), 0 0 3px var(--color-bg-0,#fff);padding-top:6px;font-size:12px;line-height:1.4;position:absolute;left:0;right:0}@container (width<=480px){.choropleth-zoom-hint[data-v-529f8dad]{padding:0;position:static}}.choropleth-header[data-v-529f8dad]{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-529f8dad]{white-space:pre-line;font-size:14px;font-weight:600;line-height:1.2}.choropleth-legend[data-v-529f8dad]{align-items:center;gap:14px;font-size:13px;line-height:1.2;display:flex}.choropleth-legend-title[data-v-529f8dad]{font-weight:600}.choropleth-legend[data-v-529f8dad]:has(.choropleth-legend-continuous){align-items:flex-start}.choropleth-legend:has(.choropleth-legend-continuous) .choropleth-legend-title[data-v-529f8dad]{line-height:12px}.choropleth-legend-item[data-v-529f8dad]{align-items:center;gap:6px;display:inline-flex}.choropleth-legend-swatch[data-v-529f8dad]{border-radius:3px;width:12px;height:12px;display:inline-block}.choropleth-legend-continuous[data-v-529f8dad]{flex-direction:column;width:160px;display:flex}.choropleth-legend-gradient[data-v-529f8dad]{border-radius:2px;height:12px}.choropleth-legend-ticks[data-v-529f8dad]{opacity:.7;height:14px;margin-top:4px;font-size:11px;position:relative}.choropleth-legend-ticks>span[data-v-529f8dad]{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-9b1b6a76]{display:inline-block;position:relative}.TableOuter.full-width[data-v-9b1b6a76]{display:block}.TableWrapper[data-v-9b1b6a76]{font-size:var(--font-size-sm);overflow-x:auto}.Table[data-v-9b1b6a76]{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-9b1b6a76]{width:100%}.Table tr[data-v-9b1b6a76],.Table th[data-v-9b1b6a76],.Table td[data-v-9b1b6a76]{background:0 0;border:none}.Table th[data-v-9b1b6a76],.Table td[data-v-9b1b6a76]{white-space:nowrap;text-overflow:ellipsis;text-align:left;padding:.75em 1.25em;overflow:hidden}.Table th.cell-wrap[data-v-9b1b6a76],.Table td.cell-wrap[data-v-9b1b6a76]{white-space:normal;text-overflow:clip;overflow:visible}.Table th[data-v-9b1b6a76]{border-bottom:1px solid var(--color-border-header);font-weight:600;position:sticky;top:0}.Table tbody td[data-v-9b1b6a76]{border-bottom:1px solid var(--color-border)}.Table tbody tr:last-child td[data-v-9b1b6a76]{border-bottom:none}.TableOuter[data-v-9b1b6a76] .chart-menu-trigger-area{top:4px;right:4px}.TableOuter[data-v-9b1b6a76] .chart-menu-button{opacity:1}.TableOuter.has-menu .Table thead th[data-v-9b1b6a76]: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}
+.chart-menu-trigger-area[data-v-f5743494]{z-index:1;position:absolute;top:.5em;right:.5em}.chart-menu-trigger-area--expanded[data-v-f5743494]{top:1.25em;right:1.25em}.chart-menu-button[data-v-f5743494]{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-f5743494],.chart-close-button[data-v-f5743494]{opacity:1}.chart-menu-button[data-v-f5743494]:hover{background:var(--color-bg-1,#0000000d);color:var(--color-text)}.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{opacity:1}.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-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}.chart-zoom-controls[data-v-87ceeada]{z-index:1;flex-direction:column;gap:4px;display:flex;position:absolute;top:.5em;left:.5em}.chart-zoom-controls--expanded[data-v-87ceeada]{top:1.25em;left:1.25em}.chart-zoom-button[data-v-87ceeada]{border:1px solid var(--color-border,#e5e7eb);background:var(--color-bg-0,#fff);width:28px;height:28px;color:var(--color-text-secondary,#555);cursor:pointer;border-radius:.25em;justify-content:center;align-items:center;padding:0;display:flex}.chart-zoom-button[data-v-87ceeada]:hover:not(:disabled){background:var(--color-bg-1,#0000000d);color:var(--color-text)}.chart-zoom-button[data-v-87ceeada]:disabled{opacity:.4;cursor:default}.line-chart-wrapper[data-v-7e41f1cc]{width:100%;position:relative}.line-chart-tooltip-label[data-v-7e41f1cc]{margin-bottom:.25em;font-weight:600}.line-chart-tooltip-row[data-v-7e41f1cc]{align-items:center;gap:.375em;display:flex}.line-chart-download-link[data-v-7e41f1cc]{text-align:right;font-size:var(--font-size-sm);margin-top:.25em;display:block}.line-chart-tooltip-swatch[data-v-7e41f1cc]{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-32872fa4]{width:100%;position:relative}.bar-chart-tooltip-label[data-v-32872fa4]{margin-bottom:.25em;font-weight:600}.bar-chart-tooltip-row[data-v-32872fa4]{align-items:center;gap:.375em;display:flex}.bar-chart-download-link[data-v-32872fa4]{text-align:right;font-size:var(--font-size-sm);margin-top:.25em;display:block}.bar-chart-tooltip-swatch[data-v-32872fa4]{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}.chart-tooltip-sheet[data-v-90392830]{z-index:2;background:var(--color-bg-0,#fff);color:var(--color-text,inherit);border-top:1px solid var(--color-border,#e5e7eb);padding:14px 16px calc(14px + env(safe-area-inset-bottom,0px));pointer-events:none;font-size:14px;line-height:1.4;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 12px #0000001f}.chart-tooltip-sheet.is-open[data-v-90392830]{transform:translateY(0)}.choropleth-wrapper[data-v-ef6ce015]{--choropleth-legend-bg:var(--color-bg-0,#fff);width:100%;position:relative;container-type:inline-size}.choropleth-wrapper svg[data-v-ef6ce015]{width:100%;height:auto;display:block}.choropleth-wrapper.pannable svg[data-v-ef6ce015]{cursor:grab}.choropleth-wrapper.is-fullscreen svg[data-v-ef6ce015]{flex:auto;width:100%;height:100%;min-height:0}.choropleth-wrapper.pannable svg[data-v-ef6ce015]:active{cursor:grabbing}.choropleth-wrapper[data-v-ef6ce015] .state-path{cursor:pointer}.choropleth-city-overlay[data-v-ef6ce015]{pointer-events:none;position:absolute;top:0;left:0}.choropleth-cities[data-v-ef6ce015]{--choropleth-city-marker:#1a1a1a;--choropleth-city-halo:#fff;--choropleth-city-label-color:#1a1a1a;font-family:var(--font-family,system-ui, sans-serif)}.choropleth-cities[data-v-ef6ce015] .choropleth-city-dot{fill:var(--choropleth-city-marker);stroke:var(--choropleth-city-halo)}.choropleth-cities[data-v-ef6ce015] .choropleth-city-label{fill:var(--choropleth-city-label-color);stroke:var(--choropleth-city-halo);paint-order:stroke fill;stroke-linejoin:round;font-weight:500}.choropleth-canvas[data-v-ef6ce015]{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.choropleth-zoom-hint[data-v-ef6ce015]{z-index:1;text-align:center;color:var(--color-text-secondary,#777);opacity:.6;pointer-events:none;text-shadow:1px 0 0 var(--color-bg-0,#fff), -1px 0 0 var(--color-bg-0,#fff), 0 1px 0 var(--color-bg-0,#fff), 0 -1px 0 var(--color-bg-0,#fff), 0 0 3px var(--color-bg-0,#fff);padding-top:6px;font-size:12px;line-height:1.4;position:absolute;left:0;right:0}@container (width<=480px){.choropleth-zoom-hint[data-v-ef6ce015]{padding:0;position:static}}.choropleth-header[data-v-ef6ce015]{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-ef6ce015]{white-space:pre-line;font-size:14px;font-weight:600;line-height:1.2}.choropleth-legend[data-v-ef6ce015]{align-items:center;gap:14px;font-size:13px;line-height:1.2;display:flex}.choropleth-legend-title[data-v-ef6ce015]{font-weight:600}.choropleth-legend[data-v-ef6ce015]:has(.choropleth-legend-continuous){align-items:flex-start}.choropleth-legend:has(.choropleth-legend-continuous) .choropleth-legend-title[data-v-ef6ce015]{line-height:12px}.choropleth-legend-item[data-v-ef6ce015]{align-items:center;gap:6px;display:inline-flex}.choropleth-legend-swatch[data-v-ef6ce015]{border-radius:3px;width:12px;height:12px;display:inline-block}.choropleth-legend-continuous[data-v-ef6ce015]{flex-direction:column;width:160px;display:flex}.choropleth-legend-gradient[data-v-ef6ce015]{border-radius:2px;height:12px}.choropleth-legend-ticks[data-v-ef6ce015]{opacity:.7;height:14px;margin-top:4px;font-size:11px;position:relative}.choropleth-legend-ticks>span[data-v-ef6ce015]{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-9b1b6a76]{display:inline-block;position:relative}.TableOuter.full-width[data-v-9b1b6a76]{display:block}.TableWrapper[data-v-9b1b6a76]{font-size:var(--font-size-sm);overflow-x:auto}.Table[data-v-9b1b6a76]{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-9b1b6a76]{width:100%}.Table tr[data-v-9b1b6a76],.Table th[data-v-9b1b6a76],.Table td[data-v-9b1b6a76]{background:0 0;border:none}.Table th[data-v-9b1b6a76],.Table td[data-v-9b1b6a76]{white-space:nowrap;text-overflow:ellipsis;text-align:left;padding:.75em 1.25em;overflow:hidden}.Table th.cell-wrap[data-v-9b1b6a76],.Table td.cell-wrap[data-v-9b1b6a76]{white-space:normal;text-overflow:clip;overflow:visible}.Table th[data-v-9b1b6a76]{border-bottom:1px solid var(--color-border-header);font-weight:600;position:sticky;top:0}.Table tbody td[data-v-9b1b6a76]{border-bottom:1px solid var(--color-border)}.Table tbody tr:last-child td[data-v-9b1b6a76]{border-bottom:none}.TableOuter[data-v-9b1b6a76] .chart-menu-trigger-area{top:4px;right:4px}.TableOuter[data-v-9b1b6a76] .chart-menu-button{opacity:1}.TableOuter.has-menu .Table thead th[data-v-9b1b6a76]: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

@@ -4,5 +4,6 @@ export { default as ChoroplethMap, type GeoType, type StateData, type Choropleth
 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 { CityMarker, PlacedCity } from './ChoroplethMap/cityLayout.js';
+export { mapThemeDefaults, type MapTheme, type ResolvedMapTheme, } from './_shared/mapTheme.js';
 export type { ChartAnnotation } from './_shared/annotations.js';
 export type { BlendMode, LineMarkStyle } from './_shared/chartProps.js';