@stackframe/dashboard-ui-components 2.8.84 → 2.8.86

package/dist/esm/components/analytics-chart/index.d.ts

@@ -0,0 +1,8 @@
+import { ANALYTICS_CHART_DEFAULT_STRINGS, AnalyticsChartStrings, resolveAnalyticsChartStrings } from "./strings";
+import { AnalyticsChartAnnotationsLayer, AnalyticsChartAreaLayer, AnalyticsChartBarLayer, AnalyticsChartDataLayer, AnalyticsChartDelta, AnalyticsChartLayer, AnalyticsChartLayerType, AnalyticsChartLayers, AnalyticsChartLineLayer, AnalyticsChartPalette, AnalyticsChartPieProps, AnalyticsChartPieState, AnalyticsChartSegmentRamp, AnalyticsChartSeries, AnalyticsChartState, AnalyticsChartStrokeStyle, AnalyticsChartTimeseriesState, AnalyticsChartView, Annotation, FormatKind, FormatKindCurrency, FormatKindDatetime, FormatKindDuration, FormatKindNumeric, FormatKindPercent, FormatKindShort, FormatKindType, Point, pointValue } from "./types";
+import { AnalyticsChartTooltipContext, AnalyticsChartTooltipLayerView, AnalyticsChartTooltipSegmentRow, DefaultAnalyticsChartTooltip, DefaultAnalyticsChartTooltipProps, TrendPill } from "./default-analytics-chart-tooltip";
+import { AnalyticsChart, AnalyticsChartProps, Margin } from "./analytics-chart";
+import { DEFAULT_FORMAT_KIND, FORMAT_KIND_TYPES, formatDelta, formatValue } from "./format";
+import { ANALYTICS_CHART_DEFAULT_PALETTE, buildRampColors, buildSegmentThemeMap, resolveAnalyticsChartPalette } from "./palette";
+import { ANALYTICS_CHART_DEFAULT_LAYERS, ANALYTICS_CHART_DEFAULT_STATE, EMPTY_MATRIX, EMPTY_SERIES, ResolvedDataLayerStyle, STROKE_DASHARRAY, computeLocalInProgressIdx, findAnnotationsLayer, findCompareLayer, findLayerById, findPrimaryLayer, isAnalyticsChartDataLayer, isTimeseriesState, patchLayerById, resolveDataLayerStyle, setLayerById } from "./state";
+export { ANALYTICS_CHART_DEFAULT_LAYERS, ANALYTICS_CHART_DEFAULT_PALETTE, ANALYTICS_CHART_DEFAULT_STATE, ANALYTICS_CHART_DEFAULT_STRINGS, AnalyticsChart, type AnalyticsChartAnnotationsLayer, type AnalyticsChartAreaLayer, type AnalyticsChartBarLayer, type AnalyticsChartDataLayer, type AnalyticsChartDelta, type AnalyticsChartLayer, type AnalyticsChartLayerType, type AnalyticsChartLayers, type AnalyticsChartLineLayer, type AnalyticsChartPalette, type AnalyticsChartPieProps, type AnalyticsChartPieState, type AnalyticsChartProps, type AnalyticsChartSegmentRamp, type AnalyticsChartSeries, type AnalyticsChartState, type AnalyticsChartStrings, type AnalyticsChartStrokeStyle, type AnalyticsChartTimeseriesState, type AnalyticsChartTooltipContext, type AnalyticsChartTooltipLayerView, type AnalyticsChartTooltipSegmentRow, type AnalyticsChartView, type Annotation, DEFAULT_FORMAT_KIND, DefaultAnalyticsChartTooltip, type DefaultAnalyticsChartTooltipProps, EMPTY_MATRIX, EMPTY_SERIES, FORMAT_KIND_TYPES, type FormatKind, type FormatKindCurrency, type FormatKindDatetime, type FormatKindDuration, type FormatKindNumeric, type FormatKindPercent, type FormatKindShort, type FormatKindType, type Margin, type Point, type ResolvedDataLayerStyle, STROKE_DASHARRAY, TrendPill, buildRampColors, buildSegmentThemeMap, computeLocalInProgressIdx, findAnnotationsLayer, findCompareLayer, findLayerById, findPrimaryLayer, formatDelta, formatValue, isAnalyticsChartDataLayer, isTimeseriesState, patchLayerById, pointValue, resolveAnalyticsChartPalette, resolveAnalyticsChartStrings, resolveDataLayerStyle, setLayerById };

package/dist/esm/components/analytics-chart/index.js

@@ -0,0 +1,9 @@
+import { DefaultAnalyticsChartTooltip, TrendPill } from "./default-analytics-chart-tooltip.js";
+import { DEFAULT_FORMAT_KIND, FORMAT_KIND_TYPES, formatDelta, formatValue } from "./format.js";
+import { pointValue } from "./types.js";
+import { ANALYTICS_CHART_DEFAULT_PALETTE, buildRampColors, buildSegmentThemeMap, resolveAnalyticsChartPalette } from "./palette.js";
+import { ANALYTICS_CHART_DEFAULT_LAYERS, ANALYTICS_CHART_DEFAULT_STATE, EMPTY_MATRIX, EMPTY_SERIES, STROKE_DASHARRAY, computeLocalInProgressIdx, findAnnotationsLayer, findCompareLayer, findLayerById, findPrimaryLayer, isAnalyticsChartDataLayer, isTimeseriesState, patchLayerById, resolveDataLayerStyle, setLayerById } from "./state.js";
+import { ANALYTICS_CHART_DEFAULT_STRINGS, resolveAnalyticsChartStrings } from "./strings.js";
+import { AnalyticsChart } from "./analytics-chart.js";
+
+export { ANALYTICS_CHART_DEFAULT_LAYERS, ANALYTICS_CHART_DEFAULT_PALETTE, ANALYTICS_CHART_DEFAULT_STATE, ANALYTICS_CHART_DEFAULT_STRINGS, AnalyticsChart, DEFAULT_FORMAT_KIND, DefaultAnalyticsChartTooltip, EMPTY_MATRIX, EMPTY_SERIES, FORMAT_KIND_TYPES, STROKE_DASHARRAY, TrendPill, buildRampColors, buildSegmentThemeMap, computeLocalInProgressIdx, findAnnotationsLayer, findCompareLayer, findLayerById, findPrimaryLayer, formatDelta, formatValue, isAnalyticsChartDataLayer, isTimeseriesState, patchLayerById, pointValue, resolveAnalyticsChartPalette, resolveAnalyticsChartStrings, resolveDataLayerStyle, setLayerById };

package/dist/esm/components/analytics-chart/palette.d.ts

@@ -0,0 +1,15 @@
+import { AnalyticsChartPalette, AnalyticsChartSegmentRamp, AnalyticsChartSeries } from "./types";
+
+//#region src/components/analytics-chart/palette.d.ts
+declare const ANALYTICS_CHART_DEFAULT_PALETTE: AnalyticsChartPalette;
+declare function resolveAnalyticsChartPalette(override: Partial<AnalyticsChartPalette> | undefined): AnalyticsChartPalette;
+/** Expand a ramp into N colors for a given theme. */
+declare function buildRampColors(ramp: AnalyticsChartSegmentRamp, count: number, theme: "light" | "dark"): string[];
+/** Per-segment light/dark colors for `ChartConfig.theme` (SVG only; siblings use inline vars). */
+declare function buildSegmentThemeMap(series: readonly AnalyticsChartSeries[], ramp: AnalyticsChartSegmentRamp): Record<string, {
+  light: string;
+  dark: string;
+}>;
+//#endregion
+export { ANALYTICS_CHART_DEFAULT_PALETTE, buildRampColors, buildSegmentThemeMap, resolveAnalyticsChartPalette };
+//# sourceMappingURL=palette.d.ts.map

package/dist/esm/components/analytics-chart/palette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.d.ts","names":[],"sources":["../../../../src/components/analytics-chart/palette.ts"],"mappings":";;;cAMa,+BAAA,EAAiC,qBAAA;AAAA,iBAiB9B,4BAAA,CACd,QAAA,EAAU,OAAA,CAAQ,qBAAA,gBACjB,qBAAA;AAnBH;AAAA,iBA4BgB,eAAA,CACd,IAAA,EAAM,yBAAA,EACN,KAAA,UACA,KAAA;;iBAmBc,oBAAA,CACd,MAAA,WAAiB,oBAAA,IACjB,IAAA,EAAM,yBAAA,GACL,MAAA;EAAiB,KAAA;EAAe,IAAA;AAAA"}

package/dist/esm/components/analytics-chart/palette.js

@@ -0,0 +1,55 @@
+//#region src/components/analytics-chart/palette.ts
+const ANALYTICS_CHART_DEFAULT_PALETTE = {
+	primary: {
+		kind: "procedural",
+		hue: 220,
+		sat: 78,
+		shadeRangeLight: [28, 62],
+		shadeRangeDark: [52, 82]
+	},
+	compare: {
+		kind: "procedural",
+		hue: 38,
+		sat: 92,
+		shadeRangeLight: [28, 62],
+		shadeRangeDark: [52, 82]
+	}
+};
+function resolveAnalyticsChartPalette(override) {
+	if (!override) return ANALYTICS_CHART_DEFAULT_PALETTE;
+	return {
+		primary: override.primary ?? ANALYTICS_CHART_DEFAULT_PALETTE.primary,
+		compare: override.compare ?? ANALYTICS_CHART_DEFAULT_PALETTE.compare
+	};
+}
+/** Expand a ramp into N colors for a given theme. */
+function buildRampColors(ramp, count, theme) {
+	if (ramp.kind === "explicit") {
+		const list = theme === "light" ? ramp.light : ramp.dark;
+		if (list.length === 0) return Array.from({ length: count }, () => "#888");
+		return Array.from({ length: count }, (_, i) => list[i < list.length ? i : list.length - 1]);
+	}
+	const range = theme === "light" ? ramp.shadeRangeLight : ramp.shadeRangeDark;
+	return Array.from({ length: count }, (_, i) => {
+		const t = count <= 1 ? .5 : i / (count - 1);
+		const l = range[0] + t * (range[1] - range[0]);
+		return `hsl(${ramp.hue} ${ramp.sat}% ${l.toFixed(1)}%)`;
+	});
+}
+/** Per-segment light/dark colors for `ChartConfig.theme` (SVG only; siblings use inline vars). */
+function buildSegmentThemeMap(series, ramp) {
+	const light = buildRampColors(ramp, series.length, "light");
+	const dark = buildRampColors(ramp, series.length, "dark");
+	const out = {};
+	series.forEach((s, i) => {
+		out[s.key] = {
+			light: light[i],
+			dark: dark[i]
+		};
+	});
+	return out;
+}
+
+//#endregion
+export { ANALYTICS_CHART_DEFAULT_PALETTE, buildRampColors, buildSegmentThemeMap, resolveAnalyticsChartPalette };
+//# sourceMappingURL=palette.js.map

package/dist/esm/components/analytics-chart/palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.js","names":[],"sources":["../../../../src/components/analytics-chart/palette.ts"],"sourcesContent":["import type {\n  AnalyticsChartPalette,\n  AnalyticsChartSegmentRamp,\n  AnalyticsChartSeries,\n} from \"./types\";\n\nexport const ANALYTICS_CHART_DEFAULT_PALETTE: AnalyticsChartPalette = {\n  primary: {\n    kind: \"procedural\",\n    hue: 220,\n    sat: 78,\n    shadeRangeLight: [28, 62],\n    shadeRangeDark: [52, 82],\n  },\n  compare: {\n    kind: \"procedural\",\n    hue: 38,\n    sat: 92,\n    shadeRangeLight: [28, 62],\n    shadeRangeDark: [52, 82],\n  },\n};\n\nexport function resolveAnalyticsChartPalette(\n  override: Partial<AnalyticsChartPalette> | undefined,\n): AnalyticsChartPalette {\n  if (!override) return ANALYTICS_CHART_DEFAULT_PALETTE;\n  return {\n    primary: override.primary ?? ANALYTICS_CHART_DEFAULT_PALETTE.primary,\n    compare: override.compare ?? ANALYTICS_CHART_DEFAULT_PALETTE.compare,\n  };\n}\n\n/** Expand a ramp into N colors for a given theme. */\nexport function buildRampColors(\n  ramp: AnalyticsChartSegmentRamp,\n  count: number,\n  theme: \"light\" | \"dark\",\n): string[] {\n  if (ramp.kind === \"explicit\") {\n    const list = theme === \"light\" ? ramp.light : ramp.dark;\n    if (list.length === 0) return Array.from({ length: count }, () => \"#888\");\n    return Array.from(\n      { length: count },\n      (_, i) => list[i < list.length ? i : list.length - 1]!,\n    );\n  }\n  const range = theme === \"light\" ? ramp.shadeRangeLight : ramp.shadeRangeDark;\n  return Array.from({ length: count }, (_, i) => {\n    const t = count <= 1 ? 0.5 : i / (count - 1);\n    const l = range[0] + t * (range[1] - range[0]);\n    return `hsl(${ramp.hue} ${ramp.sat}% ${l.toFixed(1)}%)`;\n  });\n}\n\n/** Per-segment light/dark colors for `ChartConfig.theme` (SVG only; siblings use inline vars). */\nexport function buildSegmentThemeMap(\n  series: readonly AnalyticsChartSeries[],\n  ramp: AnalyticsChartSegmentRamp,\n): Record<string, { light: string, dark: string }> {\n  const light = buildRampColors(ramp, series.length, \"light\");\n  const dark = buildRampColors(ramp, series.length, \"dark\");\n  const out: Record<string, { light: string, dark: string }> = {};\n  series.forEach((s, i) => {\n    out[s.key] = { light: light[i]!, dark: dark[i]! };\n  });\n  return out;\n}\n"],"mappings":";AAMA,MAAa,kCAAyD;CACpE,SAAS;EACP,MAAM;EACN,KAAK;EACL,KAAK;EACL,iBAAiB,CAAC,IAAI,GAAG;EACzB,gBAAgB,CAAC,IAAI,GAAG;EACzB;CACD,SAAS;EACP,MAAM;EACN,KAAK;EACL,KAAK;EACL,iBAAiB,CAAC,IAAI,GAAG;EACzB,gBAAgB,CAAC,IAAI,GAAG;EACzB;CACF;AAED,SAAgB,6BACd,UACuB;AACvB,KAAI,CAAC,SAAU,QAAO;AACtB,QAAO;EACL,SAAS,SAAS,WAAW,gCAAgC;EAC7D,SAAS,SAAS,WAAW,gCAAgC;EAC9D;;;AAIH,SAAgB,gBACd,MACA,OACA,OACU;AACV,KAAI,KAAK,SAAS,YAAY;EAC5B,MAAM,OAAO,UAAU,UAAU,KAAK,QAAQ,KAAK;AACnD,MAAI,KAAK,WAAW,EAAG,QAAO,MAAM,KAAK,EAAE,QAAQ,OAAO,QAAQ,OAAO;AACzE,SAAO,MAAM,KACX,EAAE,QAAQ,OAAO,GAChB,GAAG,MAAM,KAAK,IAAI,KAAK,SAAS,IAAI,KAAK,SAAS,GACpD;;CAEH,MAAM,QAAQ,UAAU,UAAU,KAAK,kBAAkB,KAAK;AAC9D,QAAO,MAAM,KAAK,EAAE,QAAQ,OAAO,GAAG,GAAG,MAAM;EAC7C,MAAM,IAAI,SAAS,IAAI,KAAM,KAAK,QAAQ;EAC1C,MAAM,IAAI,MAAM,KAAK,KAAK,MAAM,KAAK,MAAM;AAC3C,SAAO,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,IAAI,EAAE,QAAQ,EAAE,CAAC;GACpD;;;AAIJ,SAAgB,qBACd,QACA,MACiD;CACjD,MAAM,QAAQ,gBAAgB,MAAM,OAAO,QAAQ,QAAQ;CAC3D,MAAM,OAAO,gBAAgB,MAAM,OAAO,QAAQ,OAAO;CACzD,MAAM,MAAuD,EAAE;AAC/D,QAAO,SAAS,GAAG,MAAM;AACvB,MAAI,EAAE,OAAO;GAAE,OAAO,MAAM;GAAK,MAAM,KAAK;GAAK;GACjD;AACF,QAAO"}

package/dist/esm/components/analytics-chart/render-data-series.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from "react";
+import { AnalyticsChartDataLayer, AnalyticsChartSeries } from "./types";
+
+//#region src/components/analytics-chart/render-data-series.d.ts
+/** Area layers use fill-only `<Area>` plus `<Line>` for the top edge (not Recharts' closed-path stroke). */
+type RenderDataSeriesArgs = {
+  layer: AnalyticsChartDataLayer;
+  segmented: boolean;
+  segmentSeries: readonly AnalyticsChartSeries[];
+  segKey: (segKey: string) => string;
+  stackId: string;
+  strokeDasharray: string | undefined;
+  segmentedStrokeDasharray: string | undefined;
+  fillOpacity: number;
+  segmentedFillOpacity: number;
+  baseOpacity?: number;
+  strokeWidth: number;
+  segmentedStrokeWidth: number;
+  inProgressKeys: {
+    solid: string;
+    dashed: string;
+  } | null;
+};
+/** Return value must be spread into `<ComposedChart>` as siblings — do not wrap in `<Fragment>`. */
+declare function renderDataSeries(args: RenderDataSeriesArgs): ReactNode[];
+//#endregion
+export { RenderDataSeriesArgs, renderDataSeries };
+//# sourceMappingURL=render-data-series.d.ts.map

package/dist/esm/components/analytics-chart/render-data-series.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-data-series.d.ts","names":[],"sources":["../../../../src/components/analytics-chart/render-data-series.tsx"],"mappings":";;;;;KAQY,oBAAA;EACV,KAAA,EAAO,uBAAA;EACP,SAAA;EACA,aAAA,WAAwB,oBAAA;EACxB,MAAA,GAAS,MAAA;EACT,OAAA;EACA,eAAA;EACA,wBAAA;EACA,WAAA;EACA,oBAAA;EACA,WAAA;EACA,WAAA;EACA,oBAAA;EACA,cAAA;IAAkB,KAAA;IAAe,MAAA;EAAA;AAAA;;iBAInB,gBAAA,CAAiB,IAAA,EAAM,oBAAA,GAAuB,SAAA"}

package/dist/esm/components/analytics-chart/render-data-series.js

@@ -0,0 +1,107 @@
+import { jsx } from "react/jsx-runtime";
+import { Area, Bar, Line } from "recharts";
+
+//#region src/components/analytics-chart/render-data-series.tsx
+/** Return value must be spread into `<ComposedChart>` as siblings — do not wrap in `<Fragment>`. */
+function renderDataSeries(args) {
+	const { layer, segmented, segmentSeries, segKey, stackId, strokeDasharray, segmentedStrokeDasharray, fillOpacity, segmentedFillOpacity, baseOpacity = 1, strokeWidth, segmentedStrokeWidth, inProgressKeys } = args;
+	const nodes = [];
+	if (segmented) {
+		segmentSeries.forEach((s, sIdx) => {
+			const key = segKey(s.key);
+			const nodeKey = `${layer.id}_seg_${s.key}`;
+			if (layer.type === "bar") {
+				const isTop = sIdx === segmentSeries.length - 1;
+				nodes.push(/* @__PURE__ */ jsx(Bar, {
+					dataKey: key,
+					stackId,
+					fill: `var(--color-${key})`,
+					radius: isTop ? [
+						2,
+						2,
+						0,
+						0
+					] : 0,
+					isAnimationActive: false,
+					opacity: baseOpacity
+				}, nodeKey));
+			} else if (layer.type === "area") nodes.push(/* @__PURE__ */ jsx(Area, {
+				dataKey: key,
+				stackId,
+				type: "linear",
+				fill: `var(--color-${key})`,
+				fillOpacity: segmentedFillOpacity,
+				stroke: `var(--color-${key})`,
+				strokeWidth: segmentedStrokeWidth,
+				strokeDasharray: segmentedStrokeDasharray,
+				isAnimationActive: false,
+				opacity: baseOpacity
+			}, nodeKey));
+			else nodes.push(/* @__PURE__ */ jsx(Line, {
+				dataKey: key,
+				type: "linear",
+				stroke: `var(--color-${key})`,
+				strokeWidth,
+				strokeDasharray: segmentedStrokeDasharray,
+				dot: false,
+				isAnimationActive: false,
+				opacity: baseOpacity
+			}, nodeKey));
+		});
+		return nodes;
+	}
+	if (layer.type === "bar") {
+		nodes.push(/* @__PURE__ */ jsx(Bar, {
+			dataKey: layer.id,
+			fill: `var(--color-${layer.id})`,
+			radius: 2,
+			isAnimationActive: false
+		}, `${layer.id}_main`));
+		return nodes;
+	}
+	if (layer.type === "area") nodes.push(/* @__PURE__ */ jsx(Area, {
+		dataKey: layer.id,
+		type: "linear",
+		fill: `var(--color-${layer.id})`,
+		fillOpacity,
+		stroke: "none",
+		isAnimationActive: false
+	}, `${layer.id}_area`));
+	if (inProgressKeys) {
+		nodes.push(/* @__PURE__ */ jsx(Line, {
+			dataKey: inProgressKeys.solid,
+			type: "linear",
+			stroke: `var(--color-${layer.id})`,
+			strokeWidth,
+			strokeDasharray,
+			dot: false,
+			isAnimationActive: false,
+			connectNulls: true
+		}, `${layer.id}_solid`));
+		nodes.push(/* @__PURE__ */ jsx(Line, {
+			dataKey: inProgressKeys.dashed,
+			type: "linear",
+			stroke: `var(--color-${layer.id})`,
+			strokeWidth,
+			strokeDasharray: "4 4",
+			dot: false,
+			isAnimationActive: false,
+			connectNulls: true,
+			opacity: .85
+		}, `${layer.id}_dashed`));
+	} else nodes.push(/* @__PURE__ */ jsx(Line, {
+		dataKey: layer.id,
+		type: "linear",
+		stroke: `var(--color-${layer.id})`,
+		strokeWidth,
+		strokeDasharray,
+		dot: false,
+		isAnimationActive: false,
+		opacity: baseOpacity
+	}, `${layer.id}_line`));
+	return nodes;
+}
+
+//#endregion
+export { renderDataSeries };
+//# sourceMappingURL=render-data-series.js.map

package/dist/esm/components/analytics-chart/render-data-series.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render-data-series.js","names":[],"sources":["../../../../src/components/analytics-chart/render-data-series.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Area, Bar, Line } from \"recharts\";\nimport type {\n  AnalyticsChartDataLayer,\n  AnalyticsChartSeries,\n} from \"./types\";\n\n/** Area layers use fill-only `<Area>` plus `<Line>` for the top edge (not Recharts' closed-path stroke). */\nexport type RenderDataSeriesArgs = {\n  layer: AnalyticsChartDataLayer,\n  segmented: boolean,\n  segmentSeries: readonly AnalyticsChartSeries[],\n  segKey: (segKey: string) => string,\n  stackId: string,\n  strokeDasharray: string | undefined,\n  segmentedStrokeDasharray: string | undefined,\n  fillOpacity: number,\n  segmentedFillOpacity: number,\n  baseOpacity?: number,\n  strokeWidth: number,\n  segmentedStrokeWidth: number,\n  inProgressKeys: { solid: string, dashed: string } | null,\n};\n\n/** Return value must be spread into `<ComposedChart>` as siblings — do not wrap in `<Fragment>`. */\nexport function renderDataSeries(args: RenderDataSeriesArgs): ReactNode[] {\n  const {\n    layer,\n    segmented,\n    segmentSeries,\n    segKey,\n    stackId,\n    strokeDasharray,\n    segmentedStrokeDasharray,\n    fillOpacity,\n    segmentedFillOpacity,\n    baseOpacity = 1,\n    strokeWidth,\n    segmentedStrokeWidth,\n    inProgressKeys,\n  } = args;\n\n  const nodes: ReactNode[] = [];\n\n  if (segmented) {\n    segmentSeries.forEach((s, sIdx) => {\n      const key = segKey(s.key);\n      const nodeKey = `${layer.id}_seg_${s.key}`;\n      if (layer.type === \"bar\") {\n        const isTop = sIdx === segmentSeries.length - 1;\n        nodes.push(\n          <Bar\n            key={nodeKey}\n            dataKey={key}\n            stackId={stackId}\n            fill={`var(--color-${key})`}\n            radius={isTop ? [2, 2, 0, 0] : 0}\n            isAnimationActive={false}\n            opacity={baseOpacity}\n          />,\n        );\n      } else if (layer.type === \"area\") {\n        nodes.push(\n          <Area\n            key={nodeKey}\n            dataKey={key}\n            stackId={stackId}\n            type=\"linear\"\n            fill={`var(--color-${key})`}\n            fillOpacity={segmentedFillOpacity}\n            stroke={`var(--color-${key})`}\n            strokeWidth={segmentedStrokeWidth}\n            strokeDasharray={segmentedStrokeDasharray}\n            isAnimationActive={false}\n            opacity={baseOpacity}\n          />,\n        );\n      } else {\n        nodes.push(\n          <Line\n            key={nodeKey}\n            dataKey={key}\n            type=\"linear\"\n            stroke={`var(--color-${key})`}\n            strokeWidth={strokeWidth}\n            strokeDasharray={segmentedStrokeDasharray}\n            dot={false}\n            isAnimationActive={false}\n            opacity={baseOpacity}\n          />,\n        );\n      }\n    });\n    return nodes;\n  }\n\n  if (layer.type === \"bar\") {\n    nodes.push(\n      <Bar\n        key={`${layer.id}_main`}\n        dataKey={layer.id}\n        fill={`var(--color-${layer.id})`}\n        radius={2}\n        isAnimationActive={false}\n      />,\n    );\n    return nodes;\n  }\n\n  if (layer.type === \"area\") {\n    nodes.push(\n      <Area\n        key={`${layer.id}_area`}\n        dataKey={layer.id}\n        type=\"linear\"\n        fill={`var(--color-${layer.id})`}\n        fillOpacity={fillOpacity}\n        stroke=\"none\"\n        isAnimationActive={false}\n      />,\n    );\n  }\n\n  if (inProgressKeys) {\n    nodes.push(\n      <Line\n        key={`${layer.id}_solid`}\n        dataKey={inProgressKeys.solid}\n        type=\"linear\"\n        stroke={`var(--color-${layer.id})`}\n        strokeWidth={strokeWidth}\n        strokeDasharray={strokeDasharray}\n        dot={false}\n        isAnimationActive={false}\n        connectNulls\n      />,\n    );\n    nodes.push(\n      <Line\n        key={`${layer.id}_dashed`}\n        dataKey={inProgressKeys.dashed}\n        type=\"linear\"\n        stroke={`var(--color-${layer.id})`}\n        strokeWidth={strokeWidth}\n        strokeDasharray=\"4 4\"\n        dot={false}\n        isAnimationActive={false}\n        connectNulls\n        opacity={0.85}\n      />,\n    );\n  } else {\n    nodes.push(\n      <Line\n        key={`${layer.id}_line`}\n        dataKey={layer.id}\n        type=\"linear\"\n        stroke={`var(--color-${layer.id})`}\n        strokeWidth={strokeWidth}\n        strokeDasharray={strokeDasharray}\n        dot={false}\n        isAnimationActive={false}\n        opacity={baseOpacity}\n      />,\n    );\n  }\n\n  return nodes;\n}\n"],"mappings":";;;;;AAyBA,SAAgB,iBAAiB,MAAyC;CACxE,MAAM,EACJ,OACA,WACA,eACA,QACA,SACA,iBACA,0BACA,aACA,sBACA,cAAc,GACd,aACA,sBACA,mBACE;CAEJ,MAAM,QAAqB,EAAE;AAE7B,KAAI,WAAW;AACb,gBAAc,SAAS,GAAG,SAAS;GACjC,MAAM,MAAM,OAAO,EAAE,IAAI;GACzB,MAAM,UAAU,GAAG,MAAM,GAAG,OAAO,EAAE;AACrC,OAAI,MAAM,SAAS,OAAO;IACxB,MAAM,QAAQ,SAAS,cAAc,SAAS;AAC9C,UAAM,KACJ,oBAAC;KAEC,SAAS;KACA;KACT,MAAM,eAAe,IAAI;KACzB,QAAQ,QAAQ;MAAC;MAAG;MAAG;MAAG;MAAE,GAAG;KAC/B,mBAAmB;KACnB,SAAS;OANJ,QAOL,CACH;cACQ,MAAM,SAAS,OACxB,OAAM,KACJ,oBAAC;IAEC,SAAS;IACA;IACT,MAAK;IACL,MAAM,eAAe,IAAI;IACzB,aAAa;IACb,QAAQ,eAAe,IAAI;IAC3B,aAAa;IACb,iBAAiB;IACjB,mBAAmB;IACnB,SAAS;MAVJ,QAWL,CACH;OAED,OAAM,KACJ,oBAAC;IAEC,SAAS;IACT,MAAK;IACL,QAAQ,eAAe,IAAI;IACd;IACb,iBAAiB;IACjB,KAAK;IACL,mBAAmB;IACnB,SAAS;MARJ,QASL,CACH;IAEH;AACF,SAAO;;AAGT,KAAI,MAAM,SAAS,OAAO;AACxB,QAAM,KACJ,oBAAC;GAEC,SAAS,MAAM;GACf,MAAM,eAAe,MAAM,GAAG;GAC9B,QAAQ;GACR,mBAAmB;KAJd,GAAG,MAAM,GAAG,OAKjB,CACH;AACD,SAAO;;AAGT,KAAI,MAAM,SAAS,OACjB,OAAM,KACJ,oBAAC;EAEC,SAAS,MAAM;EACf,MAAK;EACL,MAAM,eAAe,MAAM,GAAG;EACjB;EACb,QAAO;EACP,mBAAmB;IANd,GAAG,MAAM,GAAG,OAOjB,CACH;AAGH,KAAI,gBAAgB;AAClB,QAAM,KACJ,oBAAC;GAEC,SAAS,eAAe;GACxB,MAAK;GACL,QAAQ,eAAe,MAAM,GAAG;GACnB;GACI;GACjB,KAAK;GACL,mBAAmB;GACnB;KARK,GAAG,MAAM,GAAG,QASjB,CACH;AACD,QAAM,KACJ,oBAAC;GAEC,SAAS,eAAe;GACxB,MAAK;GACL,QAAQ,eAAe,MAAM,GAAG;GACnB;GACb,iBAAgB;GAChB,KAAK;GACL,mBAAmB;GACnB;GACA,SAAS;KATJ,GAAG,MAAM,GAAG,SAUjB,CACH;OAED,OAAM,KACJ,oBAAC;EAEC,SAAS,MAAM;EACf,MAAK;EACL,QAAQ,eAAe,MAAM,GAAG;EACnB;EACI;EACjB,KAAK;EACL,mBAAmB;EACnB,SAAS;IARJ,GAAG,MAAM,GAAG,OASjB,CACH;AAGH,QAAO"}

package/dist/esm/components/analytics-chart/state.d.ts

@@ -0,0 +1,54 @@
+import { AnalyticsChartAnnotationsLayer, AnalyticsChartDataLayer, AnalyticsChartLayer, AnalyticsChartLayerType, AnalyticsChartLayers, AnalyticsChartSeries, AnalyticsChartState, AnalyticsChartStrokeStyle, AnalyticsChartTimeseriesState } from "./types";
+
+//#region src/components/analytics-chart/state.d.ts
+declare const STROKE_DASHARRAY: Record<AnalyticsChartStrokeStyle, string | undefined>;
+declare const EMPTY_SERIES: readonly AnalyticsChartSeries[];
+declare const EMPTY_MATRIX: readonly (readonly number[])[];
+/** Generic non-segmented defaults; demos swap in segment data. */
+declare const ANALYTICS_CHART_DEFAULT_LAYERS: AnalyticsChartLayers;
+/**
+ * Default state for `AnalyticsChart`. ALWAYS spread from this when
+ * initializing state; never build the state object by hand. Ships with
+ * three pre-configured layers (primary, compare, annotations) — map over
+ * `layers` to override individual ones.
+ *
+ * ```tsx
+ * const [state, setState] = React.useState({
+ *   ...ANALYTICS_CHART_DEFAULT_STATE,
+ *   layers: ANALYTICS_CHART_DEFAULT_STATE.layers.map(l =>
+ *     l.kind === "compare" ? { ...l, visible: false } : l
+ *   ),
+ * });
+ * ```
+ *
+ * See the JSDoc on `AnalyticsChart` for the full contract, examples, and
+ * the segment data format.
+ */
+declare const ANALYTICS_CHART_DEFAULT_STATE: AnalyticsChartState;
+declare function findPrimaryLayer(layers: AnalyticsChartLayers): AnalyticsChartDataLayer | undefined;
+declare function findCompareLayer(layers: AnalyticsChartLayers): AnalyticsChartDataLayer | undefined;
+declare function findAnnotationsLayer(layers: AnalyticsChartLayers): AnalyticsChartAnnotationsLayer | undefined;
+declare function findLayerById(layers: AnalyticsChartLayers, id: string): AnalyticsChartLayer | undefined;
+declare function isAnalyticsChartDataLayer(l: AnalyticsChartLayer): l is AnalyticsChartDataLayer;
+declare function isTimeseriesState(state: AnalyticsChartState): state is AnalyticsChartTimeseriesState;
+/** Replace a single layer (looked up by id) with a new layer object. */
+declare function setLayerById(layers: AnalyticsChartLayers, id: string, next: AnalyticsChartLayer): AnalyticsChartLayers;
+/** Shallow-patch fields on a layer by id. The patch type is deliberately
+ * loose — callers are trusted to supply only fields the layer's
+ * `kind`/`type` actually owns. */
+declare function patchLayerById(layers: AnalyticsChartLayers, id: string, patch: Record<string, unknown>): AnalyticsChartLayers;
+type ResolvedDataLayerStyle = {
+  color: string;
+  type: AnalyticsChartLayerType;
+  strokeStyle: AnalyticsChartStrokeStyle;
+  fillOpacity: number;
+};
+declare function resolveDataLayerStyle(layer: AnalyticsChartDataLayer): ResolvedDataLayerStyle;
+/** Translate a layer's absolute `inProgressFromIndex` into a local index
+ * inside the visible window. Returns `null` when the marker sits beyond
+ * the visible window, `0` when it sits before the window (whole window
+ * is dashed), or the clamped local index otherwise. */
+declare function computeLocalInProgressIdx(absIdx: number | null | undefined, visibleStart: number, visibleEnd: number): number | null;
+//#endregion
+export { ANALYTICS_CHART_DEFAULT_LAYERS, ANALYTICS_CHART_DEFAULT_STATE, EMPTY_MATRIX, EMPTY_SERIES, ResolvedDataLayerStyle, STROKE_DASHARRAY, computeLocalInProgressIdx, findAnnotationsLayer, findCompareLayer, findLayerById, findPrimaryLayer, isAnalyticsChartDataLayer, isTimeseriesState, patchLayerById, resolveDataLayerStyle, setLayerById };
+//# sourceMappingURL=state.d.ts.map

package/dist/esm/components/analytics-chart/state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.d.ts","names":[],"sources":["../../../../src/components/analytics-chart/state.ts"],"mappings":";;;cAaa,gBAAA,EAAkB,MAAA,CAAO,yBAAA;AAAA,cAMzB,YAAA,WAAuB,oBAAA;AAAA,cACvB,YAAA;;cAGA,8BAAA,EAAgC,oBAAA;;;AAJ7C;;;;;AACA;;;;;AAGA;;;;;AA6CA;cAAa,6BAAA,EAA+B,mBAAA;AAAA,iBAY5B,gBAAA,CAAiB,MAAA,EAAQ,oBAAA,GAAuB,uBAAA;AAAA,iBAIhD,gBAAA,CAAiB,MAAA,EAAQ,oBAAA,GAAuB,uBAAA;AAAA,iBAIhD,oBAAA,CAAqB,MAAA,EAAQ,oBAAA,GAAuB,8BAAA;AAAA,iBAKpD,aAAA,CACd,MAAA,EAAQ,oBAAA,EACR,EAAA,WACC,mBAAA;AAAA,iBAIa,yBAAA,CAA0B,CAAA,EAAG,mBAAA,GAAsB,CAAA,IAAK,uBAAA;AAAA,iBAIxD,iBAAA,CACd,KAAA,EAAO,mBAAA,GACN,KAAA,IAAS,6BAAA;;iBAKI,YAAA,CACd,MAAA,EAAQ,oBAAA,EACR,EAAA,UACA,IAAA,EAAM,mBAAA,GACL,oBAAA;;;;iBAOa,cAAA,CACd,MAAA,EAAQ,oBAAA,EACR,EAAA,UACA,KAAA,EAAO,MAAA,oBACN,oBAAA;AAAA,KAIS,sBAAA;EACV,KAAA;EACA,IAAA,EAAM,uBAAA;EACN,WAAA,EAAa,yBAAA;EACb,WAAA;AAAA;AAAA,iBAGc,qBAAA,CACd,KAAA,EAAO,uBAAA,GACN,sBAAA;;;AAnDH;;iBAkEgB,yBAAA,CACd,MAAA,6BACA,YAAA,UACA,UAAA"}

package/dist/esm/components/analytics-chart/state.js

@@ -0,0 +1,126 @@
+import { DEFAULT_FORMAT_KIND } from "./format.js";
+
+//#region src/components/analytics-chart/state.ts
+const STROKE_DASHARRAY = {
+	solid: void 0,
+	dashed: "5 4",
+	dotted: "1 4"
+};
+const EMPTY_SERIES = [];
+const EMPTY_MATRIX = [];
+/** Generic non-segmented defaults; demos swap in segment data. */
+const ANALYTICS_CHART_DEFAULT_LAYERS = [
+	{
+		id: "primary",
+		kind: "primary",
+		label: "Current",
+		visible: true,
+		color: "#2563eb",
+		segmented: false,
+		type: "area",
+		strokeStyle: "solid",
+		fillOpacity: .22,
+		inProgressFromIndex: null
+	},
+	{
+		id: "compare",
+		kind: "compare",
+		label: "Previous period",
+		visible: true,
+		color: "#f59e0b",
+		segmented: false,
+		type: "line",
+		strokeStyle: "dashed",
+		inProgressFromIndex: null
+	},
+	{
+		id: "annotations",
+		kind: "annotations",
+		label: "Annotations",
+		visible: true,
+		color: "#f59e0b"
+	}
+];
+/**
+* Default state for `AnalyticsChart`. ALWAYS spread from this when
+* initializing state; never build the state object by hand. Ships with
+* three pre-configured layers (primary, compare, annotations) — map over
+* `layers` to override individual ones.
+*
+* ```tsx
+* const [state, setState] = React.useState({
+*   ...ANALYTICS_CHART_DEFAULT_STATE,
+*   layers: ANALYTICS_CHART_DEFAULT_STATE.layers.map(l =>
+*     l.kind === "compare" ? { ...l, visible: false } : l
+*   ),
+* });
+* ```
+*
+* See the JSDoc on `AnalyticsChart` for the full contract, examples, and
+* the segment data format.
+*/
+const ANALYTICS_CHART_DEFAULT_STATE = {
+	view: "timeseries",
+	layers: ANALYTICS_CHART_DEFAULT_LAYERS,
+	xFormatKind: DEFAULT_FORMAT_KIND.datetime,
+	yFormatKind: DEFAULT_FORMAT_KIND.short,
+	showGrid: true,
+	showXAxis: true,
+	showYAxis: true,
+	zoomRange: null,
+	pinnedIndex: null
+};
+function findPrimaryLayer(layers) {
+	return layers.find((x) => x.kind === "primary");
+}
+function findCompareLayer(layers) {
+	return layers.find((x) => x.kind === "compare");
+}
+function findAnnotationsLayer(layers) {
+	return layers.find((x) => x.kind === "annotations");
+}
+function findLayerById(layers, id) {
+	return layers.find((l) => l.id === id);
+}
+function isAnalyticsChartDataLayer(l) {
+	return l.kind === "primary" || l.kind === "compare";
+}
+function isTimeseriesState(state) {
+	return state.view === "timeseries";
+}
+/** Replace a single layer (looked up by id) with a new layer object. */
+function setLayerById(layers, id, next) {
+	return layers.map((l) => l.id === id ? next : l);
+}
+/** Shallow-patch fields on a layer by id. The patch type is deliberately
+* loose — callers are trusted to supply only fields the layer's
+* `kind`/`type` actually owns. */
+function patchLayerById(layers, id, patch) {
+	return layers.map((l) => l.id === id ? {
+		...l,
+		...patch
+	} : l);
+}
+function resolveDataLayerStyle(layer) {
+	return {
+		color: layer.color,
+		type: layer.type,
+		strokeStyle: layer.type === "bar" ? "solid" : layer.strokeStyle,
+		fillOpacity: layer.type === "line" ? 0 : layer.fillOpacity
+	};
+}
+/** Translate a layer's absolute `inProgressFromIndex` into a local index
+* inside the visible window. Returns `null` when the marker sits beyond
+* the visible window, `0` when it sits before the window (whole window
+* is dashed), or the clamped local index otherwise. */
+function computeLocalInProgressIdx(absIdx, visibleStart, visibleEnd) {
+	if (absIdx == null) return null;
+	const local = absIdx - visibleStart;
+	if (local >= visibleEnd - visibleStart + 1) return null;
+	if (local < 0) return 0;
+	return local;
+}
+
+//#endregion
+export { ANALYTICS_CHART_DEFAULT_LAYERS, ANALYTICS_CHART_DEFAULT_STATE, EMPTY_MATRIX, EMPTY_SERIES, STROKE_DASHARRAY, computeLocalInProgressIdx, findAnnotationsLayer, findCompareLayer, findLayerById, findPrimaryLayer, isAnalyticsChartDataLayer, isTimeseriesState, patchLayerById, resolveDataLayerStyle, setLayerById };
+//# sourceMappingURL=state.js.map

package/dist/esm/components/analytics-chart/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","names":[],"sources":["../../../../src/components/analytics-chart/state.ts"],"sourcesContent":["import { DEFAULT_FORMAT_KIND } from \"./format\";\nimport type {\n  AnalyticsChartAnnotationsLayer,\n  AnalyticsChartDataLayer,\n  AnalyticsChartLayer,\n  AnalyticsChartLayers,\n  AnalyticsChartLayerType,\n  AnalyticsChartSeries,\n  AnalyticsChartState,\n  AnalyticsChartStrokeStyle,\n  AnalyticsChartTimeseriesState,\n} from \"./types\";\n\nexport const STROKE_DASHARRAY: Record<AnalyticsChartStrokeStyle, string | undefined> = {\n  solid: undefined,\n  dashed: \"5 4\",\n  dotted: \"1 4\",\n};\n\nexport const EMPTY_SERIES: readonly AnalyticsChartSeries[] = [];\nexport const EMPTY_MATRIX: readonly (readonly number[])[] = [];\n\n/** Generic non-segmented defaults; demos swap in segment data. */\nexport const ANALYTICS_CHART_DEFAULT_LAYERS: AnalyticsChartLayers = [\n  {\n    id: \"primary\",\n    kind: \"primary\",\n    label: \"Current\",\n    visible: true,\n    color: \"#2563eb\",\n    segmented: false,\n    type: \"area\",\n    strokeStyle: \"solid\",\n    fillOpacity: 0.22,\n    inProgressFromIndex: null,\n  },\n  {\n    id: \"compare\",\n    kind: \"compare\",\n    label: \"Previous period\",\n    visible: true,\n    color: \"#f59e0b\",\n    segmented: false,\n    type: \"line\",\n    strokeStyle: \"dashed\",\n    inProgressFromIndex: null,\n  },\n  { id: \"annotations\", kind: \"annotations\", label: \"Annotations\", visible: true, color: \"#f59e0b\" },\n];\n\n/**\n * Default state for `AnalyticsChart`. ALWAYS spread from this when\n * initializing state; never build the state object by hand. Ships with\n * three pre-configured layers (primary, compare, annotations) — map over\n * `layers` to override individual ones.\n *\n * ```tsx\n * const [state, setState] = React.useState({\n *   ...ANALYTICS_CHART_DEFAULT_STATE,\n *   layers: ANALYTICS_CHART_DEFAULT_STATE.layers.map(l =>\n *     l.kind === \"compare\" ? { ...l, visible: false } : l\n *   ),\n * });\n * ```\n *\n * See the JSDoc on `AnalyticsChart` for the full contract, examples, and\n * the segment data format.\n */\nexport const ANALYTICS_CHART_DEFAULT_STATE: AnalyticsChartState = {\n  view: \"timeseries\",\n  layers: ANALYTICS_CHART_DEFAULT_LAYERS,\n  xFormatKind: DEFAULT_FORMAT_KIND.datetime,\n  yFormatKind: DEFAULT_FORMAT_KIND.short,\n  showGrid: true,\n  showXAxis: true,\n  showYAxis: true,\n  zoomRange: null,\n  pinnedIndex: null,\n};\n\nexport function findPrimaryLayer(layers: AnalyticsChartLayers): AnalyticsChartDataLayer | undefined {\n  const l = layers.find((x) => x.kind === \"primary\");\n  return l as AnalyticsChartDataLayer | undefined;\n}\nexport function findCompareLayer(layers: AnalyticsChartLayers): AnalyticsChartDataLayer | undefined {\n  const l = layers.find((x) => x.kind === \"compare\");\n  return l as AnalyticsChartDataLayer | undefined;\n}\nexport function findAnnotationsLayer(layers: AnalyticsChartLayers): AnalyticsChartAnnotationsLayer | undefined {\n  const l = layers.find((x) => x.kind === \"annotations\");\n  return l as AnalyticsChartAnnotationsLayer | undefined;\n}\n\nexport function findLayerById(\n  layers: AnalyticsChartLayers,\n  id: string,\n): AnalyticsChartLayer | undefined {\n  return layers.find((l) => l.id === id);\n}\n\nexport function isAnalyticsChartDataLayer(l: AnalyticsChartLayer): l is AnalyticsChartDataLayer {\n  return l.kind === \"primary\" || l.kind === \"compare\";\n}\n\nexport function isTimeseriesState(\n  state: AnalyticsChartState,\n): state is AnalyticsChartTimeseriesState {\n  return state.view === \"timeseries\";\n}\n\n/** Replace a single layer (looked up by id) with a new layer object. */\nexport function setLayerById(\n  layers: AnalyticsChartLayers,\n  id: string,\n  next: AnalyticsChartLayer,\n): AnalyticsChartLayers {\n  return layers.map((l) => (l.id === id ? next : l));\n}\n\n/** Shallow-patch fields on a layer by id. The patch type is deliberately\n * loose — callers are trusted to supply only fields the layer's\n * `kind`/`type` actually owns. */\nexport function patchLayerById(\n  layers: AnalyticsChartLayers,\n  id: string,\n  patch: Record<string, unknown>,\n): AnalyticsChartLayers {\n  return layers.map((l) => (l.id === id ? ({ ...l, ...patch } as AnalyticsChartLayer) : l));\n}\n\nexport type ResolvedDataLayerStyle = {\n  color: string,\n  type: AnalyticsChartLayerType,\n  strokeStyle: AnalyticsChartStrokeStyle,\n  fillOpacity: number,\n};\n\nexport function resolveDataLayerStyle(\n  layer: AnalyticsChartDataLayer,\n): ResolvedDataLayerStyle {\n  return {\n    color: layer.color,\n    type: layer.type,\n    // Bars have no stroke pattern — default to solid for the underline.\n    strokeStyle: layer.type === \"bar\" ? \"solid\" : layer.strokeStyle,\n    // Lines have no fill — default to 0 so gradient overlays sit flat.\n    fillOpacity: layer.type === \"line\" ? 0 : layer.fillOpacity,\n  };\n}\n\n/** Translate a layer's absolute `inProgressFromIndex` into a local index\n * inside the visible window. Returns `null` when the marker sits beyond\n * the visible window, `0` when it sits before the window (whole window\n * is dashed), or the clamped local index otherwise. */\nexport function computeLocalInProgressIdx(\n  absIdx: number | null | undefined,\n  visibleStart: number,\n  visibleEnd: number,\n): number | null {\n  if (absIdx == null) return null;\n  const local = absIdx - visibleStart;\n  if (local >= visibleEnd - visibleStart + 1) return null; // beyond window\n  if (local < 0) return 0; // before window — whole window is dashed\n  return local;\n}\n"],"mappings":";;;AAaA,MAAa,mBAA0E;CACrF,OAAO;CACP,QAAQ;CACR,QAAQ;CACT;AAED,MAAa,eAAgD,EAAE;AAC/D,MAAa,eAA+C,EAAE;;AAG9D,MAAa,iCAAuD;CAClE;EACE,IAAI;EACJ,MAAM;EACN,OAAO;EACP,SAAS;EACT,OAAO;EACP,WAAW;EACX,MAAM;EACN,aAAa;EACb,aAAa;EACb,qBAAqB;EACtB;CACD;EACE,IAAI;EACJ,MAAM;EACN,OAAO;EACP,SAAS;EACT,OAAO;EACP,WAAW;EACX,MAAM;EACN,aAAa;EACb,qBAAqB;EACtB;CACD;EAAE,IAAI;EAAe,MAAM;EAAe,OAAO;EAAe,SAAS;EAAM,OAAO;EAAW;CAClG;;;;;;;;;;;;;;;;;;;AAoBD,MAAa,gCAAqD;CAChE,MAAM;CACN,QAAQ;CACR,aAAa,oBAAoB;CACjC,aAAa,oBAAoB;CACjC,UAAU;CACV,WAAW;CACX,WAAW;CACX,WAAW;CACX,aAAa;CACd;AAED,SAAgB,iBAAiB,QAAmE;AAElG,QADU,OAAO,MAAM,MAAM,EAAE,SAAS,UAAU;;AAGpD,SAAgB,iBAAiB,QAAmE;AAElG,QADU,OAAO,MAAM,MAAM,EAAE,SAAS,UAAU;;AAGpD,SAAgB,qBAAqB,QAA0E;AAE7G,QADU,OAAO,MAAM,MAAM,EAAE,SAAS,cAAc;;AAIxD,SAAgB,cACd,QACA,IACiC;AACjC,QAAO,OAAO,MAAM,MAAM,EAAE,OAAO,GAAG;;AAGxC,SAAgB,0BAA0B,GAAsD;AAC9F,QAAO,EAAE,SAAS,aAAa,EAAE,SAAS;;AAG5C,SAAgB,kBACd,OACwC;AACxC,QAAO,MAAM,SAAS;;;AAIxB,SAAgB,aACd,QACA,IACA,MACsB;AACtB,QAAO,OAAO,KAAK,MAAO,EAAE,OAAO,KAAK,OAAO,EAAG;;;;;AAMpD,SAAgB,eACd,QACA,IACA,OACsB;AACtB,QAAO,OAAO,KAAK,MAAO,EAAE,OAAO,KAAM;EAAE,GAAG;EAAG,GAAG;EAAO,GAA2B,EAAG;;AAU3F,SAAgB,sBACd,OACwB;AACxB,QAAO;EACL,OAAO,MAAM;EACb,MAAM,MAAM;EAEZ,aAAa,MAAM,SAAS,QAAQ,UAAU,MAAM;EAEpD,aAAa,MAAM,SAAS,SAAS,IAAI,MAAM;EAChD;;;;;;AAOH,SAAgB,0BACd,QACA,cACA,YACe;AACf,KAAI,UAAU,KAAM,QAAO;CAC3B,MAAM,QAAQ,SAAS;AACvB,KAAI,SAAS,aAAa,eAAe,EAAG,QAAO;AACnD,KAAI,QAAQ,EAAG,QAAO;AACtB,QAAO"}

package/dist/esm/components/analytics-chart/strings.d.ts

@@ -0,0 +1,33 @@
+//#region src/components/analytics-chart/strings.d.ts
+type AnalyticsChartStrings = {
+  /** Reset-zoom badge in the top-right corner when `state.zoomRange` is set. */resetZoom: string; /** Header label above the timestamps in the live range-brush popup. */
+  rangeLabel: string; /** Formatted day-count suffix used by the brush + action-bar. */
+  daysShort: (days: number) => string; /** "Zoom in" button inside the committed-range action bar. */
+  zoomIn: string; /** "Annotate" button inside the committed-range action bar. */
+  annotate: string; /** Placeholder for the annotation label input. */
+  annotationPlaceholder: string; /** `aria-label` for the annotation label input. */
+  annotationLabelAria: string; /** Save button in the annotation form. */
+  save: string; /** Cancel button in the annotation form. */
+  cancel: string; /** `aria-label` for the X button that clears the committed range. */
+  clearSelection: string; /** Pinned badge shown in the tooltip header when the tooltip is pinned. */
+  pinnedBadge: string; /** "Δ vs prev" row label in the tooltip (both segmented and flat modes). */
+  deltaVsPrev: string;
+  /** Suffix appended to a layer's label in the per-layer totals section
+   * (e.g. "Sign-ups" → "Sign-ups total"). */
+  layerTotalSuffix: string; /** Hint row shown in the tooltip while it is floating (not pinned). */
+  hintClickToPin: string; /** Hint row shown in the tooltip while it is pinned. */
+  hintClickAnywhereUnpin: string; /** Center-stat heading shown in the pie when no segment is hovered. */
+  pieTotalCenter: string; /** Label on the TrendPill in the pie center. */
+  pieVsPrev: string; /** `aria-label` for the PieChart SVG. */
+  pieAriaLabel: (ctx: {
+    segmentCount: number;
+    windowDays: number;
+  }) => string; /** Percentage-of-total caption shown under an active pie slice. */
+  piePercentOfTotal: (pct: number) => string;
+};
+declare const ANALYTICS_CHART_DEFAULT_STRINGS: AnalyticsChartStrings;
+/** Shallow merge — every field is a primitive or a flat function. */
+declare function resolveAnalyticsChartStrings(override: Partial<AnalyticsChartStrings> | undefined): AnalyticsChartStrings;
+//#endregion
+export { ANALYTICS_CHART_DEFAULT_STRINGS, AnalyticsChartStrings, resolveAnalyticsChartStrings };
+//# sourceMappingURL=strings.d.ts.map

package/dist/esm/components/analytics-chart/strings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"strings.d.ts","names":[],"sources":["../../../../src/components/analytics-chart/strings.ts"],"mappings":";KAAY,qBAAA;EAAA,8EAEV,SAAA;EAEA,UAAA,UAFA;EAIA,SAAA,GAAY,IAAA,qBAAZ;EAEA,MAAA;EAEA,QAAA,UAEA;EAAA,qBAAA,UAIA;EAFA,mBAAA,UAMA;EAJA,IAAA,UAQA;EANA,MAAA,UAWA;EATA,cAAA,UAaA;EAXA,WAAA,UAeA;EAbA,WAAA;EAa4C;;EAV5C,gBAAA,UAYoB;EAVpB,cAAA,UAU+B;EAR/B,sBAAA,UAgCD;EA9BC,cAAA,UAS4C;EAP5C,SAAA,UA+Bc;EA7Bd,YAAA,GAAe,GAAA;IAAO,YAAA;IAAsB,UAAA;EAAA,cA+B3C;EA7BD,iBAAA,GAAoB,GAAA;AAAA;AAAA,cAGT,+BAAA,EAAiC,qBAAA;;iBAwB9B,4BAAA,CACd,QAAA,EAAU,OAAA,CAAQ,qBAAA,gBACjB,qBAAA"}

package/dist/esm/components/analytics-chart/strings.js

@@ -0,0 +1,34 @@
+//#region src/components/analytics-chart/strings.ts
+const ANALYTICS_CHART_DEFAULT_STRINGS = {
+	resetZoom: "Reset zoom",
+	rangeLabel: "Range",
+	daysShort: (days) => `${days}d`,
+	zoomIn: "Zoom in",
+	annotate: "Annotate",
+	annotationPlaceholder: "Label this range…",
+	annotationLabelAria: "Annotation label",
+	save: "Save",
+	cancel: "Cancel",
+	clearSelection: "Clear selection",
+	pinnedBadge: "Pinned",
+	deltaVsPrev: "Δ vs prev",
+	layerTotalSuffix: " total",
+	hintClickToPin: "Click to pin this point",
+	hintClickAnywhereUnpin: "Click anywhere · Esc\xA0to unpin",
+	pieTotalCenter: "Total",
+	pieVsPrev: "vs prev",
+	pieAriaLabel: ({ segmentCount, windowDays }) => `${segmentCount} segment share-of-total over the visible ${windowDays}-day range`,
+	piePercentOfTotal: (pct) => `${(pct * 100).toFixed(1)}% of total`
+};
+/** Shallow merge — every field is a primitive or a flat function. */
+function resolveAnalyticsChartStrings(override) {
+	if (!override) return ANALYTICS_CHART_DEFAULT_STRINGS;
+	return {
+		...ANALYTICS_CHART_DEFAULT_STRINGS,
+		...override
+	};
+}
+
+//#endregion
+export { ANALYTICS_CHART_DEFAULT_STRINGS, resolveAnalyticsChartStrings };
+//# sourceMappingURL=strings.js.map

package/dist/esm/components/analytics-chart/strings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"strings.js","names":[],"sources":["../../../../src/components/analytics-chart/strings.ts"],"sourcesContent":["export type AnalyticsChartStrings = {\n  /** Reset-zoom badge in the top-right corner when `state.zoomRange` is set. */\n  resetZoom: string,\n  /** Header label above the timestamps in the live range-brush popup. */\n  rangeLabel: string,\n  /** Formatted day-count suffix used by the brush + action-bar. */\n  daysShort: (days: number) => string,\n  /** \"Zoom in\" button inside the committed-range action bar. */\n  zoomIn: string,\n  /** \"Annotate\" button inside the committed-range action bar. */\n  annotate: string,\n  /** Placeholder for the annotation label input. */\n  annotationPlaceholder: string,\n  /** `aria-label` for the annotation label input. */\n  annotationLabelAria: string,\n  /** Save button in the annotation form. */\n  save: string,\n  /** Cancel button in the annotation form. */\n  cancel: string,\n  /** `aria-label` for the X button that clears the committed range. */\n  clearSelection: string,\n  /** Pinned badge shown in the tooltip header when the tooltip is pinned. */\n  pinnedBadge: string,\n  /** \"Δ vs prev\" row label in the tooltip (both segmented and flat modes). */\n  deltaVsPrev: string,\n  /** Suffix appended to a layer's label in the per-layer totals section\n   * (e.g. \"Sign-ups\" → \"Sign-ups total\"). */\n  layerTotalSuffix: string,\n  /** Hint row shown in the tooltip while it is floating (not pinned). */\n  hintClickToPin: string,\n  /** Hint row shown in the tooltip while it is pinned. */\n  hintClickAnywhereUnpin: string,\n  /** Center-stat heading shown in the pie when no segment is hovered. */\n  pieTotalCenter: string,\n  /** Label on the TrendPill in the pie center. */\n  pieVsPrev: string,\n  /** `aria-label` for the PieChart SVG. */\n  pieAriaLabel: (ctx: { segmentCount: number, windowDays: number }) => string,\n  /** Percentage-of-total caption shown under an active pie slice. */\n  piePercentOfTotal: (pct: number) => string,\n};\n\nexport const ANALYTICS_CHART_DEFAULT_STRINGS: AnalyticsChartStrings = {\n  resetZoom: \"Reset zoom\",\n  rangeLabel: \"Range\",\n  daysShort: (days) => `${days}d`,\n  zoomIn: \"Zoom in\",\n  annotate: \"Annotate\",\n  annotationPlaceholder: \"Label this range…\",\n  annotationLabelAria: \"Annotation label\",\n  save: \"Save\",\n  cancel: \"Cancel\",\n  clearSelection: \"Clear selection\",\n  pinnedBadge: \"Pinned\",\n  deltaVsPrev: \"Δ vs prev\",\n  layerTotalSuffix: \" total\",\n  hintClickToPin: \"Click to pin this point\",\n  hintClickAnywhereUnpin: \"Click anywhere · Esc\\u00A0to unpin\",\n  pieTotalCenter: \"Total\",\n  pieVsPrev: \"vs prev\",\n  pieAriaLabel: ({ segmentCount, windowDays }) =>\n    `${segmentCount} segment share-of-total over the visible ${windowDays}-day range`,\n  piePercentOfTotal: (pct) => `${(pct * 100).toFixed(1)}% of total`,\n};\n\n/** Shallow merge — every field is a primitive or a flat function. */\nexport function resolveAnalyticsChartStrings(\n  override: Partial<AnalyticsChartStrings> | undefined,\n): AnalyticsChartStrings {\n  if (!override) return ANALYTICS_CHART_DEFAULT_STRINGS;\n  return { ...ANALYTICS_CHART_DEFAULT_STRINGS, ...override };\n}\n"],"mappings":";AA0CA,MAAa,kCAAyD;CACpE,WAAW;CACX,YAAY;CACZ,YAAY,SAAS,GAAG,KAAK;CAC7B,QAAQ;CACR,UAAU;CACV,uBAAuB;CACvB,qBAAqB;CACrB,MAAM;CACN,QAAQ;CACR,gBAAgB;CAChB,aAAa;CACb,aAAa;CACb,kBAAkB;CAClB,gBAAgB;CAChB,wBAAwB;CACxB,gBAAgB;CAChB,WAAW;CACX,eAAe,EAAE,cAAc,iBAC7B,GAAG,aAAa,2CAA2C,WAAW;CACxE,oBAAoB,QAAQ,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;CACvD;;AAGD,SAAgB,6BACd,UACuB;AACvB,KAAI,CAAC,SAAU,QAAO;AACtB,QAAO;EAAE,GAAG;EAAiC,GAAG;EAAU"}