@stackframe/dashboard-ui-components 2.8.83 → 2.8.85

package/dist/components/analytics-chart/format.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.js","names":[],"sources":["../../../src/components/analytics-chart/format.ts"],"sourcesContent":["import type { FormatKind, FormatKindType, AnalyticsChartDelta } from \"./types\";\n\nexport const FORMAT_KIND_TYPES: FormatKindType[] = [\n  \"numeric\",\n  \"short\",\n  \"currency\",\n  \"duration\",\n  \"datetime\",\n  \"percent\",\n];\n\nexport const DEFAULT_FORMAT_KIND: { [K in FormatKindType]: Extract<FormatKind, { type: K }> } = {\n  numeric: { type: \"numeric\", locale: \"en-US\", decimals: 0 },\n  short: { type: \"short\", precision: 1, locale: \"en-US\" },\n  currency: { type: \"currency\", currency: \"USD\", divisor: 100, locale: \"en-US\" },\n  duration: { type: \"duration\", unit: \"s\", showZero: false },\n  datetime: { type: \"datetime\", style: \"short\", locale: \"en-US\" },\n  percent: { type: \"percent\", source: \"fraction\", decimals: 1 },\n};\n\nfunction formatRelative(value: number, locale: string): string {\n  const diff = value - Date.now();\n  const absSec = Math.abs(diff) / 1000;\n  const rtf = new Intl.RelativeTimeFormat(locale, { numeric: \"auto\" });\n  if (absSec >= 86_400) return rtf.format(Math.round(diff / 86_400_000), \"day\");\n  if (absSec >= 3600) return rtf.format(Math.round(diff / 3_600_000), \"hour\");\n  if (absSec >= 60) return rtf.format(Math.round(diff / 60_000), \"minute\");\n  return \"just now\";\n}\n\n/** `short` uses compact notation (e.g. `1.2K`), not a custom `k` suffix. */\nexport function formatValue(value: number, kind: FormatKind): string {\n  switch (kind.type) {\n    case \"numeric\": {\n      const decimals = kind.decimals ?? 0;\n      return value.toLocaleString(kind.locale ?? \"en-US\", {\n        minimumFractionDigits: decimals,\n        maximumFractionDigits: decimals,\n      });\n    }\n    case \"short\": {\n      const precision = kind.precision ?? 1;\n      return new Intl.NumberFormat(kind.locale ?? \"en-US\", {\n        notation: \"compact\",\n        compactDisplay: \"short\",\n        minimumFractionDigits: precision,\n        maximumFractionDigits: precision,\n      }).format(value);\n    }\n    case \"currency\": {\n      const divisor = kind.divisor ?? 1;\n      return new Intl.NumberFormat(kind.locale ?? \"en-US\", {\n        style: \"currency\",\n        currency: kind.currency ?? \"USD\",\n      }).format(value / divisor);\n    }\n    case \"duration\": {\n      const unit = kind.unit ?? \"s\";\n      const seconds = unit === \"ms\" ? value / 1000\n        : unit === \"m\" ? value * 60\n          : unit === \"h\" ? value * 3600\n            : value;\n      const h = Math.floor(seconds / 3600);\n      const m = Math.floor((seconds % 3600) / 60);\n      const s = Math.floor(seconds % 60);\n      if (h > 0) return `${h}h ${m}m ${s}s`;\n      if (m > 0) return `${m}m ${s}s`;\n      if (unit === \"ms\" && seconds < 1) return `${Math.round(value)}ms`;\n      if (s > 0 || kind.showZero) return `${s}s`;\n      return \"0s\";\n    }\n    case \"datetime\": {\n      const d = new Date(value);\n      const style = kind.style ?? \"short\";\n      const locale = kind.locale ?? \"en-US\";\n      if (style === \"iso\") return d.toISOString();\n      if (style === \"relative\") return formatRelative(value, locale);\n      if (style === \"long\") return d.toLocaleString(locale, {\n        dateStyle: \"medium\",\n        timeStyle: \"short\",\n      });\n      return d.toLocaleDateString(locale, { month: \"short\", day: \"numeric\" });\n    }\n    case \"percent\": {\n      const source = kind.source ?? \"fraction\";\n      const decimals = kind.decimals ?? 1;\n      const pct = source === \"basis\" ? value / 100\n        : source === \"whole\" ? value\n          : value * 100;\n      return `${pct.toFixed(decimals)}%`;\n    }\n  }\n}\n\nexport function formatDelta(current: number, previous: number): AnalyticsChartDelta {\n  if (!Number.isFinite(current) || !Number.isFinite(previous)) return { pct: null, sign: \"na\" };\n  if (previous === 0) return current === 0 ? { pct: 0, sign: \"flat\" } : { pct: null, sign: \"na\" };\n  const pct = Number((((current - previous) / previous) * 100).toFixed(1));\n  const sign = pct > 0 ? \"up\" : pct < 0 ? \"down\" : \"flat\";\n  return { pct, sign };\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+import { ANALYTICS_CHART_DEFAULT_STRINGS, AnalyticsChartStrings, resolveAnalyticsChartStrings } from "./strings.js";
+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.js";
+import { AnalyticsChartTooltipContext, AnalyticsChartTooltipLayerView, AnalyticsChartTooltipSegmentRow, DefaultAnalyticsChartTooltip, DefaultAnalyticsChartTooltipProps, TrendPill } from "./default-analytics-chart-tooltip.js";
+import { AnalyticsChart, AnalyticsChartProps, Margin } from "./analytics-chart.js";
+import { DEFAULT_FORMAT_KIND, FORMAT_KIND_TYPES, formatDelta, formatValue } from "./format.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, ResolvedDataLayerStyle, STROKE_DASHARRAY, computeLocalInProgressIdx, findAnnotationsLayer, findCompareLayer, findLayerById, findPrimaryLayer, isAnalyticsChartDataLayer, isTimeseriesState, patchLayerById, resolveDataLayerStyle, setLayerById } from "./state.js";
+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/components/analytics-chart/index.js

@@ -0,0 +1,184 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../chunk-BE-pF4vm.js');
+let __default_analytics_chart_tooltip_js = require("./default-analytics-chart-tooltip.js");
+let __format_js = require("./format.js");
+let __types_js = require("./types.js");
+let __palette_js = require("./palette.js");
+let __state_js = require("./state.js");
+let __strings_js = require("./strings.js");
+let __analytics_chart_js = require("./analytics-chart.js");
+
+Object.defineProperty(exports, 'ANALYTICS_CHART_DEFAULT_LAYERS', {
+  enumerable: true,
+  get: function () {
+    return __state_js.ANALYTICS_CHART_DEFAULT_LAYERS;
+  }
+});
+Object.defineProperty(exports, 'ANALYTICS_CHART_DEFAULT_PALETTE', {
+  enumerable: true,
+  get: function () {
+    return __palette_js.ANALYTICS_CHART_DEFAULT_PALETTE;
+  }
+});
+Object.defineProperty(exports, 'ANALYTICS_CHART_DEFAULT_STATE', {
+  enumerable: true,
+  get: function () {
+    return __state_js.ANALYTICS_CHART_DEFAULT_STATE;
+  }
+});
+Object.defineProperty(exports, 'ANALYTICS_CHART_DEFAULT_STRINGS', {
+  enumerable: true,
+  get: function () {
+    return __strings_js.ANALYTICS_CHART_DEFAULT_STRINGS;
+  }
+});
+Object.defineProperty(exports, 'AnalyticsChart', {
+  enumerable: true,
+  get: function () {
+    return __analytics_chart_js.AnalyticsChart;
+  }
+});
+Object.defineProperty(exports, 'DEFAULT_FORMAT_KIND', {
+  enumerable: true,
+  get: function () {
+    return __format_js.DEFAULT_FORMAT_KIND;
+  }
+});
+Object.defineProperty(exports, 'DefaultAnalyticsChartTooltip', {
+  enumerable: true,
+  get: function () {
+    return __default_analytics_chart_tooltip_js.DefaultAnalyticsChartTooltip;
+  }
+});
+Object.defineProperty(exports, 'EMPTY_MATRIX', {
+  enumerable: true,
+  get: function () {
+    return __state_js.EMPTY_MATRIX;
+  }
+});
+Object.defineProperty(exports, 'EMPTY_SERIES', {
+  enumerable: true,
+  get: function () {
+    return __state_js.EMPTY_SERIES;
+  }
+});
+Object.defineProperty(exports, 'FORMAT_KIND_TYPES', {
+  enumerable: true,
+  get: function () {
+    return __format_js.FORMAT_KIND_TYPES;
+  }
+});
+Object.defineProperty(exports, 'STROKE_DASHARRAY', {
+  enumerable: true,
+  get: function () {
+    return __state_js.STROKE_DASHARRAY;
+  }
+});
+Object.defineProperty(exports, 'TrendPill', {
+  enumerable: true,
+  get: function () {
+    return __default_analytics_chart_tooltip_js.TrendPill;
+  }
+});
+Object.defineProperty(exports, 'buildRampColors', {
+  enumerable: true,
+  get: function () {
+    return __palette_js.buildRampColors;
+  }
+});
+Object.defineProperty(exports, 'buildSegmentThemeMap', {
+  enumerable: true,
+  get: function () {
+    return __palette_js.buildSegmentThemeMap;
+  }
+});
+Object.defineProperty(exports, 'computeLocalInProgressIdx', {
+  enumerable: true,
+  get: function () {
+    return __state_js.computeLocalInProgressIdx;
+  }
+});
+Object.defineProperty(exports, 'findAnnotationsLayer', {
+  enumerable: true,
+  get: function () {
+    return __state_js.findAnnotationsLayer;
+  }
+});
+Object.defineProperty(exports, 'findCompareLayer', {
+  enumerable: true,
+  get: function () {
+    return __state_js.findCompareLayer;
+  }
+});
+Object.defineProperty(exports, 'findLayerById', {
+  enumerable: true,
+  get: function () {
+    return __state_js.findLayerById;
+  }
+});
+Object.defineProperty(exports, 'findPrimaryLayer', {
+  enumerable: true,
+  get: function () {
+    return __state_js.findPrimaryLayer;
+  }
+});
+Object.defineProperty(exports, 'formatDelta', {
+  enumerable: true,
+  get: function () {
+    return __format_js.formatDelta;
+  }
+});
+Object.defineProperty(exports, 'formatValue', {
+  enumerable: true,
+  get: function () {
+    return __format_js.formatValue;
+  }
+});
+Object.defineProperty(exports, 'isAnalyticsChartDataLayer', {
+  enumerable: true,
+  get: function () {
+    return __state_js.isAnalyticsChartDataLayer;
+  }
+});
+Object.defineProperty(exports, 'isTimeseriesState', {
+  enumerable: true,
+  get: function () {
+    return __state_js.isTimeseriesState;
+  }
+});
+Object.defineProperty(exports, 'patchLayerById', {
+  enumerable: true,
+  get: function () {
+    return __state_js.patchLayerById;
+  }
+});
+Object.defineProperty(exports, 'pointValue', {
+  enumerable: true,
+  get: function () {
+    return __types_js.pointValue;
+  }
+});
+Object.defineProperty(exports, 'resolveAnalyticsChartPalette', {
+  enumerable: true,
+  get: function () {
+    return __palette_js.resolveAnalyticsChartPalette;
+  }
+});
+Object.defineProperty(exports, 'resolveAnalyticsChartStrings', {
+  enumerable: true,
+  get: function () {
+    return __strings_js.resolveAnalyticsChartStrings;
+  }
+});
+Object.defineProperty(exports, 'resolveDataLayerStyle', {
+  enumerable: true,
+  get: function () {
+    return __state_js.resolveDataLayerStyle;
+  }
+});
+Object.defineProperty(exports, 'setLayerById', {
+  enumerable: true,
+  get: function () {
+    return __state_js.setLayerById;
+  }
+});

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

@@ -0,0 +1,15 @@
+import { AnalyticsChartPalette, AnalyticsChartSegmentRamp, AnalyticsChartSeries } from "./types.js";
+
+//#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/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/components/analytics-chart/palette.js

@@ -0,0 +1,60 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+//#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
+exports.ANALYTICS_CHART_DEFAULT_PALETTE = ANALYTICS_CHART_DEFAULT_PALETTE;
+exports.buildRampColors = buildRampColors;
+exports.buildSegmentThemeMap = buildSegmentThemeMap;
+exports.resolveAnalyticsChartPalette = resolveAnalyticsChartPalette;
+//# sourceMappingURL=palette.js.map

package/dist/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/components/analytics-chart/render-data-series.d.ts

@@ -0,0 +1,28 @@
+import { AnalyticsChartDataLayer, AnalyticsChartSeries } from "./types.js";
+import { ReactNode } from "react";
+
+//#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/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/components/analytics-chart/render-data-series.js

@@ -0,0 +1,109 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../chunk-BE-pF4vm.js');
+let react_jsx_runtime = require("react/jsx-runtime");
+let recharts = require("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__ */ (0, react_jsx_runtime.jsx)(recharts.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__ */ (0, react_jsx_runtime.jsx)(recharts.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__ */ (0, react_jsx_runtime.jsx)(recharts.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__ */ (0, react_jsx_runtime.jsx)(recharts.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__ */ (0, react_jsx_runtime.jsx)(recharts.Area, {
+		dataKey: layer.id,
+		type: "linear",
+		fill: `var(--color-${layer.id})`,
+		fillOpacity,
+		stroke: "none",
+		isAnimationActive: false
+	}, `${layer.id}_area`));
+	if (inProgressKeys) {
+		nodes.push(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(recharts.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__ */ (0, react_jsx_runtime.jsx)(recharts.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__ */ (0, react_jsx_runtime.jsx)(recharts.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
+exports.renderDataSeries = renderDataSeries;
+//# sourceMappingURL=render-data-series.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"render-data-series.js","names":["Bar","Area","Line"],"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,2CAACA;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,2CAACC;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,2CAACC;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,2CAACF;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,2CAACC;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,2CAACC;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,2CAACA;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,2CAACA;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/components/analytics-chart/state.d.ts

@@ -0,0 +1,54 @@
+import { AnalyticsChartAnnotationsLayer, AnalyticsChartDataLayer, AnalyticsChartLayer, AnalyticsChartLayerType, AnalyticsChartLayers, AnalyticsChartSeries, AnalyticsChartState, AnalyticsChartStrokeStyle, AnalyticsChartTimeseriesState } from "./types.js";
+
+//#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/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/components/analytics-chart/state.js

@@ -0,0 +1,142 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../chunk-BE-pF4vm.js');
+let __format_js = require("./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: __format_js.DEFAULT_FORMAT_KIND.datetime,
+	yFormatKind: __format_js.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
+exports.ANALYTICS_CHART_DEFAULT_LAYERS = ANALYTICS_CHART_DEFAULT_LAYERS;
+exports.ANALYTICS_CHART_DEFAULT_STATE = ANALYTICS_CHART_DEFAULT_STATE;
+exports.EMPTY_MATRIX = EMPTY_MATRIX;
+exports.EMPTY_SERIES = EMPTY_SERIES;
+exports.STROKE_DASHARRAY = STROKE_DASHARRAY;
+exports.computeLocalInProgressIdx = computeLocalInProgressIdx;
+exports.findAnnotationsLayer = findAnnotationsLayer;
+exports.findCompareLayer = findCompareLayer;
+exports.findLayerById = findLayerById;
+exports.findPrimaryLayer = findPrimaryLayer;
+exports.isAnalyticsChartDataLayer = isAnalyticsChartDataLayer;
+exports.isTimeseriesState = isTimeseriesState;
+exports.patchLayerById = patchLayerById;
+exports.resolveDataLayerStyle = resolveDataLayerStyle;
+exports.setLayerById = setLayerById;
+//# sourceMappingURL=state.js.map