@krizaka/charts 0.3.1 → 0.4.0

package/dist/actions-5VG352VZ.js

@@ -0,0 +1,53 @@
+"use client";
+"use client";
+
+// src/web/actions.tsx
+import { IconButton } from "@krizaka/ui/button";
+import { DropdownMenu } from "@krizaka/ui/dropdown-menu";
+import { lazy, Suspense, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var TableSheet = lazy(() => import("./table-sheet-CQBIAV5N.js"));
+var icon = (d) => /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d }) });
+var ICONS = {
+  table: "M3 5h18v14H3zM3 10h18M9 5v14",
+  download: "M12 3v12M7 10l5 5 5-5M5 21h14",
+  copy: "M9 9h11v11H9zM5 15V4h11"
+};
+function ChartActions({ title, table, labels, formats, viewTable, onExport, onCopy }) {
+  const [sheet, setSheet] = useState(false);
+  const entry = { csv: labels.downloadCsv, png: labels.downloadPng, svg: labels.downloadSvg };
+  let sheetNode = null;
+  if (sheet) {
+    sheetNode = /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(TableSheet, { title, table, labels, onClose: () => setSheet(false) }) });
+  }
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(DropdownMenu.Root, { modal: false, children: [
+      /* @__PURE__ */ jsx(DropdownMenu.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { label: `${labels.actions} \u2014 ${title}`, variant: "ghost", size: "icon", className: "kzc-more", "data-testid": "kzc-actions", children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": true, children: [
+        /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "1.8" }),
+        /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1.8" }),
+        /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "1.8" })
+      ] }) }) }),
+      /* @__PURE__ */ jsxs(DropdownMenu.Content, { align: "end", children: [
+        viewTable && /* @__PURE__ */ jsxs(DropdownMenu.Item, { onSelect: () => setSheet(true), children: [
+          icon(ICONS.table),
+          labels.viewTable
+        ] }),
+        viewTable && formats.length > 0 && /* @__PURE__ */ jsx(DropdownMenu.Separator, {}),
+        formats.map((format) => /* @__PURE__ */ jsxs(DropdownMenu.Item, { onSelect: () => onExport(format), children: [
+          icon(ICONS.download),
+          entry[format]
+        ] }, format)),
+        /* @__PURE__ */ jsx(DropdownMenu.Separator, {}),
+        /* @__PURE__ */ jsxs(DropdownMenu.Item, { onSelect: onCopy, children: [
+          icon(ICONS.copy),
+          labels.copyData
+        ] })
+      ] })
+    ] }),
+    sheetNode
+  ] });
+}
+export {
+  ChartActions as default
+};
+//# sourceMappingURL=actions-5VG352VZ.js.map

package/dist/actions-5VG352VZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/web/actions.tsx"],"sourcesContent":["\"use client\";\n// The actions menu (⋯) of a chart, built from the kit: @krizaka/ui's DropdownMenu and IconButton. Loaded by the frame\n// once the chart is in the browser (its own chunk): View as table (a Sheet holding the kit DataTable, loaded when it\n// opens), Download CSV / PNG / SVG, Copy data. The accessible table stays in the page whether this is used or not.\nimport { IconButton } from \"@krizaka/ui/button\";\nimport { DropdownMenu } from \"@krizaka/ui/dropdown-menu\";\nimport { lazy, type ReactNode, Suspense, useState } from \"react\";\n\nimport type { ChartLabels } from \"../core/labels\";\nimport type { ExportFormat, TableModel } from \"./frame\";\n\nconst TableSheet = lazy(() => import(\"./table-sheet\"));\n\nexport interface ChartActionsProps {\n  readonly title: string;\n  readonly table: TableModel;\n  readonly labels: ChartLabels;\n  /** Entries to offer, in this order. */\n  readonly formats: readonly ExportFormat[];\n  readonly viewTable: boolean;\n  readonly onExport: (format: ExportFormat) => void;\n  readonly onCopy: () => void;\n}\n\nconst icon = (d: string) => (\n  <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n    <path d={d} />\n  </svg>\n);\nconst ICONS = {\n  table: \"M3 5h18v14H3zM3 10h18M9 5v14\",\n  download: \"M12 3v12M7 10l5 5 5-5M5 21h14\",\n  copy: \"M9 9h11v11H9zM5 15V4h11\",\n} as const;\n\nexport default function ChartActions({ title, table, labels, formats, viewTable, onExport, onCopy }: ChartActionsProps) {\n  const [sheet, setSheet] = useState(false);\n  const entry: Record<ExportFormat, string> = { csv: labels.downloadCsv, png: labels.downloadPng, svg: labels.downloadSvg };\n  let sheetNode: ReactNode = null;\n  if (sheet) {\n    sheetNode = (\n      <Suspense fallback={null}>\n        <TableSheet title={title} table={table} labels={labels} onClose={() => setSheet(false)} />\n      </Suspense>\n    );\n  }\n  return (\n    <>\n      <DropdownMenu.Root modal={false}>\n        <DropdownMenu.Trigger asChild>\n          <IconButton label={`${labels.actions} — ${title}`} variant=\"ghost\" size=\"icon\" className=\"kzc-more\" data-testid=\"kzc-actions\">\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden>\n              <circle cx=\"5\" cy=\"12\" r=\"1.8\" />\n              <circle cx=\"12\" cy=\"12\" r=\"1.8\" />\n              <circle cx=\"19\" cy=\"12\" r=\"1.8\" />\n            </svg>\n          </IconButton>\n        </DropdownMenu.Trigger>\n        <DropdownMenu.Content align=\"end\">\n          {viewTable && (\n            <DropdownMenu.Item onSelect={() => setSheet(true)}>\n              {icon(ICONS.table)}\n              {labels.viewTable}\n            </DropdownMenu.Item>\n          )}\n          {viewTable && formats.length > 0 && <DropdownMenu.Separator />}\n          {formats.map((format) => (\n            <DropdownMenu.Item key={format} onSelect={() => onExport(format)}>\n              {icon(ICONS.download)}\n              {entry[format]}\n            </DropdownMenu.Item>\n          ))}\n          <DropdownMenu.Separator />\n          <DropdownMenu.Item onSelect={onCopy}>\n            {icon(ICONS.copy)}\n            {labels.copyData}\n          </DropdownMenu.Item>\n        </DropdownMenu.Content>\n      </DropdownMenu.Root>\n      {sheetNode}\n    </>\n  );\n}\n"],"mappings":";;;;AAIA,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,MAAsB,UAAU,gBAAgB;AAoBrD,SAqBA,UArBA,KAyBQ,YAzBR;AAfJ,IAAM,aAAa,KAAK,MAAM,OAAO,2BAAe,CAAC;AAarD,IAAM,OAAO,CAAC,MACZ,oBAAC,SAAI,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,KAAI,eAAc,SAAQ,gBAAe,SAAQ,eAAW,MACjI,8BAAC,UAAK,GAAM,GACd;AAEF,IAAM,QAAQ;AAAA,EACZ,OAAO;AAAA,EACP,UAAU;AAAA,EACV,MAAM;AACR;AAEe,SAAR,aAA8B,EAAE,OAAO,OAAO,QAAQ,SAAS,WAAW,UAAU,OAAO,GAAsB;AACtH,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK;AACxC,QAAM,QAAsC,EAAE,KAAK,OAAO,aAAa,KAAK,OAAO,aAAa,KAAK,OAAO,YAAY;AACxH,MAAI,YAAuB;AAC3B,MAAI,OAAO;AACT,gBACE,oBAAC,YAAS,UAAU,MAClB,8BAAC,cAAW,OAAc,OAAc,QAAgB,SAAS,MAAM,SAAS,KAAK,GAAG,GAC1F;AAAA,EAEJ;AACA,SACE,iCACE;AAAA,yBAAC,aAAa,MAAb,EAAkB,OAAO,OACxB;AAAA,0BAAC,aAAa,SAAb,EAAqB,SAAO,MAC3B,8BAAC,cAAW,OAAO,GAAG,OAAO,OAAO,WAAM,KAAK,IAAI,SAAQ,SAAQ,MAAK,QAAO,WAAU,YAAW,eAAY,eAC9G,+BAAC,SAAI,SAAQ,aAAY,MAAK,gBAAe,eAAW,MACtD;AAAA,4BAAC,YAAO,IAAG,KAAI,IAAG,MAAK,GAAE,OAAM;AAAA,QAC/B,oBAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,OAAM;AAAA,QAChC,oBAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,OAAM;AAAA,SAClC,GACF,GACF;AAAA,MACA,qBAAC,aAAa,SAAb,EAAqB,OAAM,OACzB;AAAA,qBACC,qBAAC,aAAa,MAAb,EAAkB,UAAU,MAAM,SAAS,IAAI,GAC7C;AAAA,eAAK,MAAM,KAAK;AAAA,UAChB,OAAO;AAAA,WACV;AAAA,QAED,aAAa,QAAQ,SAAS,KAAK,oBAAC,aAAa,WAAb,EAAuB;AAAA,QAC3D,QAAQ,IAAI,CAAC,WACZ,qBAAC,aAAa,MAAb,EAA+B,UAAU,MAAM,SAAS,MAAM,GAC5D;AAAA,eAAK,MAAM,QAAQ;AAAA,UACnB,MAAM,MAAM;AAAA,aAFS,MAGxB,CACD;AAAA,QACD,oBAAC,aAAa,WAAb,EAAuB;AAAA,QACxB,qBAAC,aAAa,MAAb,EAAkB,UAAU,QAC1B;AAAA,eAAK,MAAM,IAAI;AAAA,UACf,OAAO;AAAA,WACV;AAAA,SACF;AAAA,OACF;AAAA,IACC;AAAA,KACH;AAEJ;","names":[]}

package/dist/bar.d.ts

@@ -1,7 +1,7 @@
-import { C as CartesianProps } from './cartesian-BRhNQ3ib.js';
+import { C as CartesianProps } from './cartesian-CEY_wwe_.js';
 import * as react from 'react';
-import { g as Datum } from './context-BgYUymEO.js';
-import './frame-I7_xYGy5.js';
+import { g as Datum } from './context-DNW7bJYw.js';
+import './frame-B1HDNm7c.js';
 
 interface BarChartProps<T extends Datum> extends CartesianProps<T> {
     /** Stack the series in one bar per category (a total and its parts); default: grouped side by side. */

package/dist/bar.js

@@ -2,15 +2,16 @@
 import "./chunk-FINOPIDN.js";
 import {
   BarChart
-} from "./chunk-WVTIKOII.js";
-import "./chunk-CVWSMUUB.js";
+} from "./chunk-IURCLBUQ.js";
+import "./chunk-JST4HJC3.js";
 import "./chunk-BISL7DYW.js";
-import "./chunk-ANUCSRUN.js";
-import "./chunk-W5FX4TU3.js";
+import "./chunk-GD7TWEN3.js";
+import "./chunk-PGD6SH5I.js";
 import "./chunk-OB5EFDDH.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-JTKR7ZWP.js";
-import "./chunk-3CJHBJXA.js";
+import "./chunk-P6RS2L23.js";
+import "./chunk-OVASCEGF.js";
+import "./chunk-GRRFPI27.js";
 export {
   BarChart
 };

package/dist/candlestick.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
-import { g as Datum, A as Accessor, V as ValueFormat, C as CategoryFormat, T as Threshold } from './context-BgYUymEO.js';
+import { g as Datum, A as Accessor, V as ValueFormat, C as CategoryFormat, T as Threshold } from './context-DNW7bJYw.js';
 import { E as EngineProps } from './host-_F8RgiIz.js';
-import { C as ChartFrameProps } from './frame-I7_xYGy5.js';
+import { C as ChartFrameProps } from './frame-B1HDNm7c.js';
 
 interface CandlestickProps<T extends Datum> extends ChartFrameProps, EngineProps {
     /** One row per period, oldest first. */

package/dist/candlestick.js

@@ -1,12 +1,13 @@
 "use client";
 import {
   Candlestick
-} from "./chunk-NCIQMRV3.js";
-import "./chunk-PWMMXRMC.js";
-import "./chunk-W5FX4TU3.js";
+} from "./chunk-LLUQEK5J.js";
+import "./chunk-NV52AKHG.js";
+import "./chunk-PGD6SH5I.js";
 import "./chunk-XLLYNNC6.js";
-import "./chunk-JTKR7ZWP.js";
-import "./chunk-3CJHBJXA.js";
+import "./chunk-P6RS2L23.js";
+import "./chunk-OVASCEGF.js";
+import "./chunk-GRRFPI27.js";
 export {
   Candlestick
 };

package/dist/card.d.ts

@@ -0,0 +1,52 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { StatProps } from '@krizaka/ui/stat';
+import { f as ChartsSettings, V as ValueFormat, S as SeriesColor } from './context-DNW7bJYw.js';
+
+interface ChartCardProps {
+    /** What the chart shows, in a few words (a heading and the chart's accessible name). */
+    title: string;
+    /** One line that says what the chart shows: “100 jobs · +100 % vs last week”. Written by the app, from its data. */
+    insight?: ReactNode;
+    /** The period, the unit, the source — under the insight. */
+    description?: ReactNode;
+    /** Controls beside the actions menu: a period switch, a filter. */
+    actions?: ReactNode;
+    /** A line under the chart: the source, the freshness, a link. */
+    footer?: ReactNode;
+    /** The chart (`LineChart`, `BarChart`, `DonutChart`…), without its own title. */
+    children: ReactNode;
+    /** A class on the card (layout: grid placement). */
+    className?: string;
+    /** The id of the card. */
+    id?: string;
+}
+/** The frame of a chart: title, insight, actions, chart, footer — used everywhere a chart is shown. */
+declare function ChartCard({ title, insight, description, actions, footer, children, className, id }: ChartCardProps): react.JSX.Element;
+
+interface KpiStatProps extends ChartsSettings, Omit<StatProps, "value" | "trend" | "trendLabel" | "chart" | "label" | "color"> {
+    /** What the figure is (“Jobs”). */
+    label: string;
+    /** The figure for the period. */
+    value: number;
+    /** How it is written. Default `"number"`. */
+    format?: ValueFormat;
+    /** The same figure for the previous period: the trend is computed from it. */
+    previous?: number;
+    /** Which direction is good news. Default `"up"`; `"down"` for latency, failures, spend. */
+    good?: "up" | "down";
+    /** The shape of the period, oldest first (`null` for a gap). Without it, no sparkline. */
+    data?: readonly (number | null)[];
+    /** The labels of `data` (dates), for the sparkline's summary and table. */
+    categories?: readonly unknown[];
+    /** `bar` for discrete counts (jobs per day), `area` (default) or `line`. */
+    variant?: "line" | "area" | "bar";
+    /** The sparkline's colour. Default: the brand's. */
+    color?: SeriesColor;
+    /** Your own words for the change instead of “+12 % vs previous period”. */
+    trendLabel?: ReactNode;
+}
+/** A key figure, its change against the previous period and the shape of the period. */
+declare function KpiStat({ label, value, format, previous, good, data, categories, variant, color, trendLabel, hint, locale, brand, labels, className, ...rest }: KpiStatProps): react.JSX.Element;
+
+export { ChartCard, type ChartCardProps, KpiStat, type KpiStatProps };

package/dist/card.js

@@ -0,0 +1,19 @@
+"use client";
+import {
+  ChartCard,
+  KpiStat
+} from "./chunk-YHQFW2PR.js";
+import "./chunk-FIQHMJZK.js";
+import "./chunk-BISL7DYW.js";
+import "./chunk-GD7TWEN3.js";
+import "./chunk-PGD6SH5I.js";
+import "./chunk-OB5EFDDH.js";
+import "./chunk-XLLYNNC6.js";
+import "./chunk-P6RS2L23.js";
+import "./chunk-OVASCEGF.js";
+import "./chunk-GRRFPI27.js";
+export {
+  ChartCard,
+  KpiStat
+};
+//# sourceMappingURL=card.js.map

package/dist/card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/{cartesian-BRhNQ3ib.d.ts → cartesian-CEY_wwe_.d.ts}

@@ -1,5 +1,5 @@
-import { g as Datum, A as Accessor, h as SeriesSpec, V as ValueFormat, C as CategoryFormat, T as Threshold, M as Marker } from './context-BgYUymEO.js';
-import { C as ChartFrameProps } from './frame-I7_xYGy5.js';
+import { g as Datum, A as Accessor, h as SeriesSpec, V as ValueFormat, C as CategoryFormat, T as Threshold, M as Marker } from './context-DNW7bJYw.js';
+import { C as ChartFrameProps } from './frame-B1HDNm7c.js';
 
 /** What every cartesian chart takes: rows, the category field, the series, the formats, thresholds and markers. */
 interface CartesianProps<T extends Datum> extends ChartFrameProps {
@@ -29,6 +29,16 @@ interface CartesianProps<T extends Datum> extends ChartFrameProps {
     zero?: boolean;
     /** Called with the row when a point or a bar is clicked (or Enter is pressed on it). */
     onSelect?: (datum: T, index: number) => void;
+    /**
+     * Zoom the time axis on the period that has data: the empty days before the first and after the last value are
+     * left out (never fewer than `minPoints`), and a sparse period says so under the chart instead of drawing 13 empty
+     * days around one bar. Default false.
+     */
+    autoRange?: boolean;
+    /** With `autoRange`, the fewest categories to keep so a short burst still has a time scale. Default 7. */
+    minPoints?: number;
+    /** The legend chips switch the series on and off. Default true. */
+    filterable?: boolean;
 }
 
 export type { CartesianProps as C };

package/dist/chart.d.ts

@@ -1,8 +1,8 @@
 import { E as EngineProps, W as WalkItem } from './host-_F8RgiIz.js';
-import { C as ChartFrameProps, T as TableModel } from './frame-I7_xYGy5.js';
+import { C as ChartFrameProps, T as TableModel } from './frame-B1HDNm7c.js';
 import * as react from 'react';
 import { EChartsCoreOption } from 'echarts/core';
-import './context-BgYUymEO.js';
+import './context-DNW7bJYw.js';
 
 interface ResolvedTheme {
     readonly text: string;

package/dist/chart.js

@@ -1,10 +1,11 @@
 "use client";
 import {
   Chart
-} from "./chunk-AA5EWWYV.js";
-import "./chunk-PWMMXRMC.js";
-import "./chunk-JTKR7ZWP.js";
-import "./chunk-3CJHBJXA.js";
+} from "./chunk-LZPZWBBY.js";
+import "./chunk-NV52AKHG.js";
+import "./chunk-P6RS2L23.js";
+import "./chunk-OVASCEGF.js";
+import "./chunk-GRRFPI27.js";
 export {
   Chart
 };

package/dist/{chunk-BV4DBGN7.js → chunk-7W4T255Q.js}

@@ -5,7 +5,7 @@ import {
 } from "./chunk-6FINSUOS.js";
 import {
   read
-} from "./chunk-W5FX4TU3.js";
+} from "./chunk-PGD6SH5I.js";
 import {
   shareFormatter,
   valueFormatter
@@ -17,11 +17,11 @@ import {
   stepColor,
   useMounted,
   useSettings
-} from "./chunk-JTKR7ZWP.js";
+} from "./chunk-P6RS2L23.js";
 import {
   capitalize,
   fill
-} from "./chunk-3CJHBJXA.js";
+} from "./chunk-GRRFPI27.js";
 
 // src/geo/geo-map.tsx
 import { geoEqualEarth, geoPath } from "d3-geo";
@@ -175,4 +175,4 @@ function GeoMap(props) {
 export {
   GeoMap
 };
-//# sourceMappingURL=chunk-BV4DBGN7.js.map
+//# sourceMappingURL=chunk-7W4T255Q.js.map

package/dist/{chunk-W5ILLSPK.js → chunk-AGSSNMK5.js}

@@ -3,20 +3,20 @@ import {
   EChartHost,
   baseOption,
   tooltipHtml
-} from "./chunk-PWMMXRMC.js";
+} from "./chunk-NV52AKHG.js";
 import {
   describeParts
-} from "./chunk-ANUCSRUN.js";
+} from "./chunk-GD7TWEN3.js";
 import {
   shareFormatter,
   valueFormatter
 } from "./chunk-XLLYNNC6.js";
 import {
   useSettings
-} from "./chunk-JTKR7ZWP.js";
+} from "./chunk-P6RS2L23.js";
 import {
   contrast
-} from "./chunk-3CJHBJXA.js";
+} from "./chunk-OVASCEGF.js";
 
 // src/treemap/treemap.tsx
 import { useCallback, useMemo } from "react";
@@ -104,4 +104,4 @@ ${fmt.value(p.value)}` },
 export {
   Treemap
 };
-//# sourceMappingURL=chunk-W5ILLSPK.js.map
+//# sourceMappingURL=chunk-AGSSNMK5.js.map

package/dist/{chunk-VKZZY2QD.js → chunk-FE4LUGAE.js}

@@ -3,12 +3,12 @@ import {
   EChartHost,
   baseOption,
   tooltipHtml
-} from "./chunk-PWMMXRMC.js";
+} from "./chunk-NV52AKHG.js";
 import {
   normalizeSeries,
   summarize,
   tabulate
-} from "./chunk-W5FX4TU3.js";
+} from "./chunk-PGD6SH5I.js";
 import {
   categoryFormatter,
   valueFormatter
@@ -16,10 +16,10 @@ import {
 import {
   Legend,
   useSettings
-} from "./chunk-JTKR7ZWP.js";
+} from "./chunk-P6RS2L23.js";
 import {
   fill
-} from "./chunk-3CJHBJXA.js";
+} from "./chunk-GRRFPI27.js";
 
 // src/radar/radar-chart.tsx
 import { useCallback, useMemo } from "react";
@@ -100,4 +100,4 @@ function RadarChart(props) {
 export {
   RadarChart
 };
-//# sourceMappingURL=chunk-VKZZY2QD.js.map
+//# sourceMappingURL=chunk-FE4LUGAE.js.map

package/dist/{chunk-ARARFMNE.js → chunk-FIQHMJZK.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-BISL7DYW.js";
 import {
   describeSeries
-} from "./chunk-ANUCSRUN.js";
+} from "./chunk-GD7TWEN3.js";
 import {
   areaPath,
   barPath,
@@ -20,7 +20,7 @@ import {
   ChartFrame,
   colorOf,
   useSettings
-} from "./chunk-JTKR7ZWP.js";
+} from "./chunk-P6RS2L23.js";
 
 // src/sparkline/sparkline.tsx
 import { useMemo } from "react";
@@ -28,7 +28,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 function Sparkline(props) {
   const { data, categories, variant = "line", color, trendTone, threshold, format, width: fixed, height = 32 } = props;
   const { locale, labels } = useSettings(props);
-  const table = useMemo(() => ({ categories: categories ?? data.map((_, i) => i + 1), series: [{ id: "v", label: props.title, values: data, slot: 1 }] }), [data, categories, props.title]);
+  const table = useMemo(() => ({ categories: categories ?? data.map((_, i) => i + 1), series: [{ id: "v", label: props.title ?? "", values: data, slot: 1 }] }), [data, categories, props.title]);
   const fmt = useMemo(() => ({ value: valueFormatter(format, locale, labels.noValue), category: categoryFormatter(void 0, locale), share: shareFormatter(locale) }), [format, locale, labels.noValue]);
   const values = data.filter((v) => v != null);
   const isEmpty = values.length === 0;
@@ -44,7 +44,7 @@ function Sparkline(props) {
       kind: "sparkline",
       frame: { ...props, hideTitle: true, dataTable: false, height, style: { ...fixed ? { width: fixed, display: "inline-flex" } : {}, ...props.style } },
       defaultHeight: 32,
-      table: { columns: [labels.category, props.title], rows: table.categories.map((c, i) => [fmt.category(c), fmt.value(data[i])]) },
+      table: { columns: [labels.category, props.title ?? ""], rows: table.categories.map((c, i) => [fmt.category(c), fmt.value(data[i])]) },
       summary,
       isEmpty,
       navigable: false,
@@ -85,4 +85,4 @@ function Sparkline(props) {
 export {
   Sparkline
 };
-//# sourceMappingURL=chunk-ARARFMNE.js.map
+//# sourceMappingURL=chunk-FIQHMJZK.js.map

package/dist/chunk-FIQHMJZK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/sparkline/sparkline.tsx"],"sourcesContent":["\"use client\";\n// A word-sized chart: the shape of a series inside a sentence, a table cell or a stat. With a `width` it is drawn on\n// the server too (no placeholder); otherwise it fills its container. No axes: its title and summary carry the figures.\nimport { useMemo } from \"react\";\n\nimport { describeSeries } from \"../core/describe\";\nimport { categoryFormatter, shareFormatter, valueFormatter } from \"../core/format\";\nimport { niceDomain } from \"../core/scale\";\nimport { areaPath, barPath, linePath, type Point, segments } from \"../core/shape\";\nimport type { SeriesColor, Threshold, ValueFormat } from \"../core/types\";\nimport { ChartFrame, type ChartFrameProps, useSettings } from \"../web/frame\";\nimport { colorOf } from \"../web/parts\";\n\nexport interface SparklineProps extends Omit<ChartFrameProps, \"hideTitle\" | \"dataTable\" | \"exportable\" | \"description\"> {\n  /** The values, oldest first (`null` for a gap). */\n  data: readonly (number | null)[];\n  /** The labels of the values (dates, ISO or `Date`), for the summary and the table. Default: their positions. */\n  categories?: readonly unknown[];\n  /** `line` (default), `area` (line over a wash) or `bar` (discrete counts: jobs per hour). */\n  variant?: \"line\" | \"area\" | \"bar\";\n  /** A palette slot, a tone or a CSS colour. Default: the trend's tone when `trendTone`, else slot 1. */\n  color?: SeriesColor;\n  /** Colour by the trend: success up, danger down (or the reverse with `\"inverse\"`: costs, latency). */\n  trendTone?: boolean | \"inverse\";\n  /** A dashed reference line (yesterday's average, a quota). */\n  threshold?: Threshold;\n  /** How the values are written in the summary and table. */\n  format?: ValueFormat;\n  /** A fixed width in pixels: drawn on the server too. Default: the container's width. */\n  width?: number;\n}\n\n/** The shape of a trend in a few pixels: a stat's last 30 days, a job's throughput. */\nexport function Sparkline(props: SparklineProps) {\n  const { data, categories, variant = \"line\", color, trendTone, threshold, format, width: fixed, height = 32 } = props;\n  const { locale, labels } = useSettings(props);\n  const table = useMemo(() => ({ categories: categories ?? data.map((_, i) => i + 1), series: [{ id: \"v\", label: props.title ?? \"\", values: data, slot: 1 }] }), [data, categories, props.title]);\n  const fmt = useMemo(() => ({ value: valueFormatter(format, locale, labels.noValue), category: categoryFormatter(undefined, locale), share: shareFormatter(locale) }), [format, locale, labels.noValue]);\n  const values = data.filter((v): v is number => v != null);\n  const isEmpty = values.length === 0;\n  const summary = isEmpty ? labels.empty : describeSeries(table, { kind: \"sparkline\", labels, value: fmt.value, category: fmt.category, share: fmt.share, thresholds: threshold ? [threshold] : [] });\n  const first = values[0] ?? 0;\n  const last = values[values.length - 1] ?? 0;\n  const up = last >= first;\n  const tone = trendTone ? ((trendTone === \"inverse\" ? !up : up) ? \"success\" : \"danger\") : undefined;\n  const stroke = colorOf(color ?? tone, 1);\n\n  return (\n    <ChartFrame\n      kind=\"sparkline\"\n      frame={{ ...props, hideTitle: true, dataTable: false, height, style: { ...(fixed ? { width: fixed, display: \"inline-flex\" } : {}), ...props.style } }}\n      defaultHeight={32}\n      table={{ columns: [labels.category, props.title ?? \"\"], rows: table.categories.map((c, i) => [fmt.category(c), fmt.value(data[i])]) }}\n      summary={summary}\n      isEmpty={isEmpty}\n      navigable={false}\n      ssrWidth={fixed}\n      compact\n    >\n      {(width, h) => {\n        let lo = Math.min(...values, threshold?.value ?? Number.POSITIVE_INFINITY);\n        let hi = Math.max(...values, threshold?.value ?? Number.NEGATIVE_INFINITY);\n        if (variant === \"bar\") {\n          lo = Math.min(0, lo);\n          hi = Math.max(0, hi);\n        }\n        const [d0, d1] = lo === hi ? niceDomain(lo, hi).domain : [lo, hi];\n        const pad = variant === \"bar\" ? 0 : 3;\n        const yOf = (v: number) => pad + (1 - (v - d0) / (d1 - d0 || 1)) * (h - pad * 2);\n        const n = data.length;\n        const xOf = (i: number) => (variant === \"bar\" ? (i + 0.5) * (width / n) : n > 1 ? pad + (i / (n - 1)) * (width - pad * 2) : width / 2);\n        const pts = data.map((v, i) => (v == null ? null : ([xOf(i), yOf(v)] as Point)));\n        const lastPoint = [...pts].reverse().find(Boolean);\n        return (\n          <svg className=\"kzc-svg\" width={width} height={h} viewBox={`0 0 ${width} ${h}`} aria-hidden>\n            {threshold && <line x1={0} x2={width} y1={yOf(threshold.value)} y2={yOf(threshold.value)} data-tone={threshold.tone ?? \"neutral\"} className=\"kzc-threshold\" style={{ strokeWidth: 1 }} />}\n            {variant === \"bar\"\n              ? data.map((v, i) => {\n                  if (v == null || v === 0) return null;\n                  const bw = Math.max(1, Math.min(8, (width / n) * 0.7));\n                  const top = Math.min(yOf(v), yOf(0));\n                  return <path key={i} d={barPath(xOf(i) - bw / 2, top, bw, Math.abs(yOf(v) - yOf(0)), 1.5, false, v < 0)} style={{ fill: stroke }} />;\n                })\n              : segments(pts).map((seg) => (\n                  <g key={seg[0]![0]}>\n                    {variant === \"area\" && <path d={areaPath(seg, h, \"monotone\")} className=\"kzc-area\" style={{ fill: stroke }} />}\n                    <path d={linePath(seg, \"monotone\")} className=\"kzc-line\" style={{ stroke, strokeWidth: 1.75 }} />\n                  </g>\n                ))}\n            {variant !== \"bar\" && lastPoint && <circle cx={lastPoint[0]} cy={lastPoint[1]} r={2.75} style={{ fill: stroke }} />}\n          </svg>\n        );\n      }}\n    </ChartFrame>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-ANUCSRUN.js → chunk-GD7TWEN3.js}

@@ -1,11 +1,11 @@
 "use client";
 import {
   summarize
-} from "./chunk-W5FX4TU3.js";
+} from "./chunk-PGD6SH5I.js";
 import {
   capitalize,
   fill
-} from "./chunk-3CJHBJXA.js";
+} from "./chunk-GRRFPI27.js";
 
 // src/core/describe.ts
 function describeSeries(table, { kind, labels, value, category, share, thresholds = [] }) {
@@ -40,4 +40,4 @@ export {
   describeSeries,
   describeParts
 };
-//# sourceMappingURL=chunk-ANUCSRUN.js.map
+//# sourceMappingURL=chunk-GD7TWEN3.js.map

package/dist/chunk-GRRFPI27.js

@@ -0,0 +1,89 @@
+"use client";
+
+// src/core/labels.ts
+var DEFAULT_LABELS = {
+  showData: "Show data",
+  hideData: "Hide data",
+  tableCaption: "{title} \u2014 data",
+  exportPng: "PNG",
+  exportSvg: "SVG",
+  exportCsv: "CSV",
+  actions: "Chart actions",
+  viewTable: "View as table",
+  downloadCsv: "Download CSV",
+  downloadPng: "Download PNG",
+  downloadSvg: "Download SVG",
+  copyData: "Copy data",
+  copied: "Data copied",
+  close: "Close",
+  tableRows: "{count} rows",
+  toggleSeries: "Show or hide {label}",
+  sparse: "{count} of {total} periods have data.",
+  trendVsPrevious: "{change} vs previous period",
+  loading: "Loading chart\u2026",
+  empty: "No data for this period yet.",
+  error: "The chart could not be loaded.",
+  keyboardHint: "Use the arrow keys to move between points, Home and End to jump to the ends.",
+  roleDescription: "chart",
+  summaryIntro: "{kind}, {count}.",
+  summarySeries: "{label}: from {first} to {last}",
+  summaryRange: "lowest {min} ({minAt}), highest {max} ({maxAt})",
+  summaryTrendUp: "up {change}",
+  summaryTrendDown: "down {change}",
+  summaryTrendFlat: "stable",
+  summaryTotal: "total {total}",
+  summaryThreshold: "{label} at {value}",
+  summaryShare: "{label} {value} ({share})",
+  summaryCorrelation: "correlation {r}",
+  summaryConversion: "{from} \u2192 {to} {rate}",
+  summaryOverall: "overall {rate}",
+  summaryPeak: "peak {value} ({at})",
+  summaryActive: "{count} with a value",
+  summaryOhlc: "opened at {open}, closed at {close}, low {low}, high {high}",
+  kinds: {
+    line: "Line chart",
+    area: "Area chart",
+    bar: "Bar chart",
+    pie: "Pie chart",
+    donut: "Donut chart",
+    gauge: "Gauge",
+    sparkline: "Sparkline",
+    radar: "Radar chart",
+    heatmap: "Heatmap",
+    calendar: "Calendar heatmap",
+    sankey: "Flow diagram",
+    funnel: "Funnel",
+    candlestick: "Candlestick chart",
+    treemap: "Treemap",
+    scatter: "Scatter chart",
+    map: "Map",
+    globe: "Globe",
+    chart: "Chart"
+  },
+  category: "Category",
+  value: "Value",
+  total: "Total",
+  noValue: "\u2014"
+};
+function mergeLabels(...layers) {
+  let out = DEFAULT_LABELS;
+  for (const layer of layers) {
+    if (!layer) continue;
+    out = { ...out, ...layer, kinds: { ...out.kinds, ...layer.kinds } };
+  }
+  return out;
+}
+function capitalize(text) {
+  return text.charAt(0).toLocaleUpperCase() + text.slice(1);
+}
+function fill(template, values) {
+  return template.replace(/\{(\w+)\}/g, (match, name) => name in values ? String(values[name]) : match);
+}
+
+export {
+  DEFAULT_LABELS,
+  mergeLabels,
+  capitalize,
+  fill
+};
+//# sourceMappingURL=chunk-GRRFPI27.js.map

package/dist/chunk-GRRFPI27.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/core/labels.ts"],"sourcesContent":["// The words a chart says on its own: its controls, its states and its written summary. English by default; an app\n// passes its own (translated through its catalogue) once, to `ChartsProvider labels`, or to one chart's `labels`.\n// Placeholders are written `{name}`.\n\nexport interface ChartLabels {\n  /** The button that shows the data table. */\n  showData: string;\n  /** The button that hides it. */\n  hideData: string;\n  /** The caption of the data table: `{title}`. */\n  tableCaption: string;\n  /** The export buttons. */\n  exportPng: string;\n  exportSvg: string;\n  exportCsv: string;\n  /** The actions menu (⋯) of a chart: its accessible name, and its entries. */\n  actions: string;\n  viewTable: string;\n  downloadCsv: string;\n  downloadPng: string;\n  downloadSvg: string;\n  copyData: string;\n  /** Announced once the data is on the clipboard. */\n  copied: string;\n  /** The close button of the table sheet. */\n  close: string;\n  /** The sheet's description: `{count}` rows. */\n  tableRows: string;\n  /** Legend chips filter: the chip's accessible name, `{label}`. */\n  toggleSeries: string;\n  /** Sparse data: under the chart, `{count}` periods with data out of `{total}`. */\n  sparse: string;\n  /** A KPI's change: `{change}` (`+12 %`) against the previous period. */\n  trendVsPrevious: string;\n  /** Announced while the data loads. */\n  loading: string;\n  /** Shown when there is nothing to draw. */\n  empty: string;\n  /** Shown when the data could not be loaded. */\n  error: string;\n  /** The keyboard hint, read once when the plot takes the focus. */\n  keyboardHint: string;\n  /** The role description of the plot (`chart`). */\n  roleDescription: string;\n  /** Summary pieces. `{kind}` is the chart's name (`Line chart`), `{count}` a number of points or series. */\n  summaryIntro: string;\n  summarySeries: string;\n  summaryRange: string;\n  summaryTrendUp: string;\n  summaryTrendDown: string;\n  summaryTrendFlat: string;\n  summaryTotal: string;\n  summaryThreshold: string;\n  summaryShare: string;\n  /** Scatter: the correlation of x and y (Pearson's r). */\n  summaryCorrelation: string;\n  /** Funnel: from one stage to the next, and from the first to the last. */\n  summaryConversion: string;\n  summaryOverall: string;\n  /** Heatmap, calendar: the largest cell and the number of cells with a value. */\n  summaryPeak: string;\n  summaryActive: string;\n  /** Candlestick: the period's range. */\n  summaryOhlc: string;\n  /** The names of the charts, read first in the summary. */\n  kinds: Record<ChartKind, string>;\n  /** The column of the values, when the chart has no value label. */\n  value: string;\n  /** The column of the categories in the data table, when the chart has no x label. */\n  category: string;\n  /** The total row of a stacked chart, a pie, a funnel. */\n  total: string;\n  /** What a missing value reads as. */\n  noValue: string;\n}\n\nexport type ChartKind =\n  | \"line\"\n  | \"area\"\n  | \"bar\"\n  | \"pie\"\n  | \"donut\"\n  | \"gauge\"\n  | \"sparkline\"\n  | \"radar\"\n  | \"heatmap\"\n  | \"calendar\"\n  | \"sankey\"\n  | \"funnel\"\n  | \"candlestick\"\n  | \"treemap\"\n  | \"scatter\"\n  | \"map\"\n  | \"globe\"\n  | \"chart\";\n\nexport const DEFAULT_LABELS: ChartLabels = {\n  showData: \"Show data\",\n  hideData: \"Hide data\",\n  tableCaption: \"{title} — data\",\n  exportPng: \"PNG\",\n  exportSvg: \"SVG\",\n  exportCsv: \"CSV\",\n  actions: \"Chart actions\",\n  viewTable: \"View as table\",\n  downloadCsv: \"Download CSV\",\n  downloadPng: \"Download PNG\",\n  downloadSvg: \"Download SVG\",\n  copyData: \"Copy data\",\n  copied: \"Data copied\",\n  close: \"Close\",\n  tableRows: \"{count} rows\",\n  toggleSeries: \"Show or hide {label}\",\n  sparse: \"{count} of {total} periods have data.\",\n  trendVsPrevious: \"{change} vs previous period\",\n  loading: \"Loading chart…\",\n  empty: \"No data for this period yet.\",\n  error: \"The chart could not be loaded.\",\n  keyboardHint: \"Use the arrow keys to move between points, Home and End to jump to the ends.\",\n  roleDescription: \"chart\",\n  summaryIntro: \"{kind}, {count}.\",\n  summarySeries: \"{label}: from {first} to {last}\",\n  summaryRange: \"lowest {min} ({minAt}), highest {max} ({maxAt})\",\n  summaryTrendUp: \"up {change}\",\n  summaryTrendDown: \"down {change}\",\n  summaryTrendFlat: \"stable\",\n  summaryTotal: \"total {total}\",\n  summaryThreshold: \"{label} at {value}\",\n  summaryShare: \"{label} {value} ({share})\",\n  summaryCorrelation: \"correlation {r}\",\n  summaryConversion: \"{from} → {to} {rate}\",\n  summaryOverall: \"overall {rate}\",\n  summaryPeak: \"peak {value} ({at})\",\n  summaryActive: \"{count} with a value\",\n  summaryOhlc: \"opened at {open}, closed at {close}, low {low}, high {high}\",\n  kinds: {\n    line: \"Line chart\",\n    area: \"Area chart\",\n    bar: \"Bar chart\",\n    pie: \"Pie chart\",\n    donut: \"Donut chart\",\n    gauge: \"Gauge\",\n    sparkline: \"Sparkline\",\n    radar: \"Radar chart\",\n    heatmap: \"Heatmap\",\n    calendar: \"Calendar heatmap\",\n    sankey: \"Flow diagram\",\n    funnel: \"Funnel\",\n    candlestick: \"Candlestick chart\",\n    treemap: \"Treemap\",\n    scatter: \"Scatter chart\",\n    map: \"Map\",\n    globe: \"Globe\",\n    chart: \"Chart\",\n  },\n  category: \"Category\",\n  value: \"Value\",\n  total: \"Total\",\n  noValue: \"—\",\n};\n\n/** The words an app or a chart passes: any of them, and any of the chart names. */\nexport type ChartLabelsInput = Partial<Omit<ChartLabels, \"kinds\">> & { kinds?: Partial<Record<ChartKind, string>> };\n\n/** The default labels with an app's and a chart's on top (`kinds` merged too). */\nexport function mergeLabels(...layers: (ChartLabelsInput | undefined)[]): ChartLabels {\n  let out = DEFAULT_LABELS;\n  for (const layer of layers) {\n    if (!layer) continue;\n    out = { ...out, ...layer, kinds: { ...out.kinds, ...layer.kinds } };\n  }\n  return out;\n}\n\n/** A sentence's first letter in upper case (a template that may open a sentence: `total {total}`). */\nexport function capitalize(text: string): string {\n  return text.charAt(0).toLocaleUpperCase() + text.slice(1);\n}\n\n/** `{name}` → its value; an unknown placeholder stays as written. */\nexport function fill(template: string, values: Record<string, string | number>): string {\n  return template.replace(/\\{(\\w+)\\}/g, (match, name: string) => (name in values ? String(values[name]) : match));\n}\n"],"mappings":";;;AAgGO,IAAM,iBAA8B;AAAA,EACzC,UAAU;AAAA,EACV,UAAU;AAAA,EACV,cAAc;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AAAA,EACX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,aAAa;AAAA,EACb,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AAAA,EACX,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,OAAO;AAAA,EACP,OAAO;AAAA,EACP,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,aAAa;AAAA,EACb,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,KAAK;AAAA,IACL,KAAK;AAAA,IACL,OAAO;AAAA,IACP,OAAO;AAAA,IACP,WAAW;AAAA,IACX,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,aAAa;AAAA,IACb,SAAS;AAAA,IACT,SAAS;AAAA,IACT,KAAK;AAAA,IACL,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAAS;AACX;AAMO,SAAS,eAAe,QAAuD;AACpF,MAAI,MAAM;AACV,aAAW,SAAS,QAAQ;AAC1B,QAAI,CAAC,MAAO;AACZ,UAAM,EAAE,GAAG,KAAK,GAAG,OAAO,OAAO,EAAE,GAAG,IAAI,OAAO,GAAG,MAAM,MAAM,EAAE;AAAA,EACpE;AACA,SAAO;AACT;AAGO,SAAS,WAAW,MAAsB;AAC/C,SAAO,KAAK,OAAO,CAAC,EAAE,kBAAkB,IAAI,KAAK,MAAM,CAAC;AAC1D;AAGO,SAAS,KAAK,UAAkB,QAAiD;AACtF,SAAO,SAAS,QAAQ,cAAc,CAAC,OAAO,SAAkB,QAAQ,SAAS,OAAO,OAAO,IAAI,CAAC,IAAI,KAAM;AAChH;","names":[]}

package/dist/{chunk-SLEJDQ3A.js → chunk-HH65IEUV.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   BarChart
-} from "./chunk-WVTIKOII.js";
+} from "./chunk-IURCLBUQ.js";
 import {
   Kpi
 } from "./chunk-WBHFVBSK.js";
@@ -16,7 +16,7 @@ import {
 } from "./chunk-XLLYNNC6.js";
 import {
   useSettings
-} from "./chunk-JTKR7ZWP.js";
+} from "./chunk-P6RS2L23.js";
 
 // src/needs/statuses.ts
 var DEFAULT_STATUSES = [
@@ -78,4 +78,4 @@ export {
   DEFAULT_STATUSES,
   JobThroughput
 };
-//# sourceMappingURL=chunk-SLEJDQ3A.js.map
+//# sourceMappingURL=chunk-HH65IEUV.js.map

package/dist/{chunk-OIRHLJBC.js → chunk-IJTI6VJD.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   BarChart
-} from "./chunk-WVTIKOII.js";
+} from "./chunk-IURCLBUQ.js";
 import {
   Kpi,
   toneOf
@@ -20,7 +20,7 @@ import {
 } from "./chunk-XLLYNNC6.js";
 import {
   useSettings
-} from "./chunk-JTKR7ZWP.js";
+} from "./chunk-P6RS2L23.js";
 
 // src/earnings/earnings-chart.tsx
 import { useMemo } from "react";
@@ -80,4 +80,4 @@ function EarningsChart({
 export {
   EarningsChart
 };
-//# sourceMappingURL=chunk-OIRHLJBC.js.map
+//# sourceMappingURL=chunk-IJTI6VJD.js.map

package/dist/{chunk-WVTIKOII.js → chunk-IURCLBUQ.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Cartesian
-} from "./chunk-CVWSMUUB.js";
+} from "./chunk-JST4HJC3.js";
 
 // src/bar/bar-chart.tsx
 import { jsx } from "react/jsx-runtime";
@@ -12,4 +12,4 @@ function BarChart({ stacked, horizontal, valueLabels = true, ...props }) {
 export {
   BarChart
 };
-//# sourceMappingURL=chunk-WVTIKOII.js.map
+//# sourceMappingURL=chunk-IURCLBUQ.js.map