@thewhatmatters/wmds 0.2.0

package/dist/components/organisms/Chart/chartCartesianGaps.d.ts

@@ -0,0 +1,74 @@
+import type { ChartCartesianPoint } from "./chartCartesianContext";
+export declare const chartCartesianGapModes: readonly ["plotted", "all"];
+/** How in-series hatch bands decide that an x is missing. */
+export type ChartCartesianGapMode = (typeof chartCartesianGapModes)[number];
+/** Inclusive index run of missing values. */
+export type ChartCartesianGapRun = {
+    startIndex: number;
+    endIndex: number;
+};
+/** Inclusive index run of plottable values for one series. */
+export type ChartCartesianDefinedSegment = {
+    startIndex: number;
+    endIndex: number;
+};
+/** Explicit domain span for a hatch band. */
+export type ChartCartesianGapRange = {
+    start: Date;
+    end: Date;
+};
+/** Resolved hatch band in plot pixels. */
+export type ChartCartesianGapBand = ChartCartesianGapRange & {
+    x: number;
+    width: number;
+};
+export declare const chartCartesianNoDataLabelDefault = "No data";
+/** Hide the centered pill when the band is narrower than a Badge sm label. */
+export declare const chartCartesianNoDataMinPillWidth = 80;
+export type ChartCartesianNoDataOptions = {
+    /** Override the hatch pill — default **No data**. */
+    label?: string;
+    /**
+     * Explicit domain spans. When omitted, contiguous `null` / `undefined`
+     * (or non-finite) runs are derived from the data.
+     */
+    ranges?: ChartCartesianGapRange[];
+    /**
+     * `plotted` (default) — gap when every key in `seriesKeys` is missing.
+     * `all` — gap when every key in the series config is missing.
+     */
+    mode?: ChartCartesianGapMode;
+};
+export type ChartCartesianNoDataProp = boolean | ChartCartesianNoDataOptions;
+export type ChartCartesianNoDataResolved = {
+    enabled: boolean;
+    label: string;
+    ranges?: ChartCartesianGapRange[];
+    mode: ChartCartesianGapMode;
+};
+export declare function isChartCartesianNumber(value: unknown): value is number;
+export declare function isChartCartesianSeriesDefined(point: ChartCartesianPoint, key: string, yAccessor?: (point: ChartCartesianPoint, key: string) => number): boolean;
+export declare function isChartCartesianPointGap(point: ChartCartesianPoint, keys: string[], yAccessor?: (point: ChartCartesianPoint, key: string) => number): boolean;
+export declare function chartCartesianHasPlottableValues(data: ChartCartesianPoint[], keys: string[], yAccessor?: (point: ChartCartesianPoint, key: string) => number): boolean;
+export declare function resolveChartCartesianGapKeys({ mode, seriesKeys, configKeys, }: {
+    mode?: ChartCartesianGapMode;
+    seriesKeys: string[];
+    configKeys: string[];
+}): string[];
+export declare function resolveChartCartesianNoData(noData?: ChartCartesianNoDataProp): ChartCartesianNoDataResolved;
+/** Contiguous x-runs where every supplied key is missing. */
+export declare function chartCartesianGapRuns(data: ChartCartesianPoint[], keys: string[], yAccessor?: (point: ChartCartesianPoint, key: string) => number): ChartCartesianGapRun[];
+/** Contiguous plottable segments for one series — LinePath / Area `defined()` runs. */
+export declare function chartCartesianDefinedSegments(data: ChartCartesianPoint[], key: string, yAccessor?: (point: ChartCartesianPoint, key: string) => number): ChartCartesianDefinedSegment[];
+export declare function chartCartesianGapRangePixels(range: ChartCartesianGapRange, xScale: (date: Date) => number | undefined, innerWidth: number): Pick<ChartCartesianGapBand, "x" | "width">;
+export declare function chartCartesianGapRunBand(run: ChartCartesianGapRun, data: ChartCartesianPoint[], xAccessor: (point: ChartCartesianPoint) => Date, xScale: (date: Date) => number | undefined, innerWidth: number): ChartCartesianGapBand;
+export declare function chartCartesianGapBands(options: {
+    data: ChartCartesianPoint[];
+    keys: string[];
+    xAccessor: (point: ChartCartesianPoint) => Date;
+    xScale: (date: Date) => number | undefined;
+    innerWidth: number;
+    yAccessor?: (point: ChartCartesianPoint, key: string) => number;
+    ranges?: ChartCartesianGapRange[];
+}): ChartCartesianGapBand[];
+//# sourceMappingURL=chartCartesianGaps.d.ts.map

package/dist/components/organisms/Chart/chartCartesianGaps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartCartesianGaps.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Chart/chartCartesianGaps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,eAAO,MAAM,sBAAsB,6BAA8B,CAAC;AAElE,6DAA6D;AAC7D,MAAM,MAAM,qBAAqB,GAAG,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;AAE5E,6CAA6C;AAC7C,MAAM,MAAM,oBAAoB,GAAG;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,8DAA8D;AAC9D,MAAM,MAAM,4BAA4B,GAAG;IACzC,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,6CAA6C;AAC7C,MAAM,MAAM,sBAAsB,GAAG;IACnC,KAAK,EAAE,IAAI,CAAC;IACZ,GAAG,EAAE,IAAI,CAAC;CACX,CAAC;AAEF,0CAA0C;AAC1C,MAAM,MAAM,qBAAqB,GAAG,sBAAsB,GAAG;IAC3D,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,gCAAgC,YAAY,CAAC;AAE1D,8EAA8E;AAC9E,eAAO,MAAM,gCAAgC,KAAK,CAAC;AAEnD,MAAM,MAAM,2BAA2B,GAAG;IACxC,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,sBAAsB,EAAE,CAAC;IAClC;;;OAGG;IACH,IAAI,CAAC,EAAE,qBAAqB,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,OAAO,GAAG,2BAA2B,CAAC;AAE7E,MAAM,MAAM,4BAA4B,GAAG;IACzC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,sBAAsB,EAAE,CAAC;IAClC,IAAI,EAAE,qBAAqB,CAAC;CAC7B,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,IAAI,MAAM,CAEtE;AAED,wBAAgB,6BAA6B,CAC3C,KAAK,EAAE,mBAAmB,EAC1B,GAAG,EAAE,MAAM,EACX,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,GAC9D,OAAO,CAYT;AAED,wBAAgB,wBAAwB,CACtC,KAAK,EAAE,mBAAmB,EAC1B,IAAI,EAAE,MAAM,EAAE,EACd,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,GAC9D,OAAO,CAKT;AAED,wBAAgB,gCAAgC,CAC9C,IAAI,EAAE,mBAAmB,EAAE,EAC3B,IAAI,EAAE,MAAM,EAAE,EACd,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,GAC9D,OAAO,CAIT;AAED,wBAAgB,4BAA4B,CAAC,EAC3C,IAAgB,EAChB,UAAU,EACV,UAAU,GACX,EAAE;IACD,IAAI,CAAC,EAAE,qBAAqB,CAAC;IAC7B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB,GAAG,MAAM,EAAE,CAEX;AAED,wBAAgB,2BAA2B,CACzC,MAAM,CAAC,EAAE,wBAAwB,GAChC,4BAA4B,CAuB9B;AA2BD,6DAA6D;AAC7D,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,mBAAmB,EAAE,EAC3B,IAAI,EAAE,MAAM,EAAE,EACd,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,GAC9D,oBAAoB,EAAE,CAExB;AAED,uFAAuF;AACvF,wBAAgB,6BAA6B,CAC3C,IAAI,EAAE,mBAAmB,EAAE,EAC3B,GAAG,EAAE,MAAM,EACX,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,GAC9D,4BAA4B,EAAE,CAEhC;AAUD,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,sBAAsB,EAC7B,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS,EAC1C,UAAU,EAAE,MAAM,GACjB,IAAI,CAAC,qBAAqB,EAAE,GAAG,GAAG,OAAO,CAAC,CAM5C;AAED,wBAAgB,wBAAwB,CACtC,GAAG,EAAE,oBAAoB,EACzB,IAAI,EAAE,mBAAmB,EAAE,EAC3B,SAAS,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,EAC/C,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS,EAC1C,UAAU,EAAE,MAAM,GACjB,qBAAqB,CAgCvB;AAED,wBAAgB,sBAAsB,CAAC,OAAO,EAAE;IAC9C,IAAI,EAAE,mBAAmB,EAAE,CAAC;IAC5B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,SAAS,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChD,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS,CAAC;IAC3C,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAChE,MAAM,CAAC,EAAE,sBAAsB,EAAE,CAAC;CACnC,GAAG,qBAAqB,EAAE,CAmB1B"}

package/dist/components/organisms/Chart/chartCartesianGaps.js

@@ -0,0 +1,92 @@
+"use client";
+//#region src/components/organisms/Chart/chartCartesianGaps.ts
+var e = "No data";
+function t(e) {
+	return typeof e == "number" && Number.isFinite(e);
+}
+function n(e, n, r) {
+	let i = e[n];
+	return i == null || typeof i == "number" && !Number.isFinite(i) ? !1 : r == null ? t(i) : Number.isFinite(r(e, n));
+}
+function r(e, t, r) {
+	return t.length !== 0 && t.every((t) => !n(e, t, r));
+}
+function i(e, t, r) {
+	return e.some((e) => t.some((t) => n(e, t, r)));
+}
+function a({ mode: e = "plotted", seriesKeys: t, configKeys: n }) {
+	return e === "all" ? n : t;
+}
+function o(t) {
+	return t === !1 ? {
+		enabled: !1,
+		label: e,
+		mode: "plotted"
+	} : t === !0 || t == null ? {
+		enabled: !0,
+		label: e,
+		mode: "plotted"
+	} : {
+		enabled: !0,
+		label: t.label ?? "No data",
+		ranges: t.ranges,
+		mode: t.mode ?? "plotted"
+	};
+}
+function s(e, t) {
+	let n = [], r = null;
+	for (let i = 0; i < e.length; i++) {
+		let a = t(e[i], i);
+		a && r == null && (r = i), !a && r != null && (n.push({
+			startIndex: r,
+			endIndex: i - 1
+		}), r = null);
+	}
+	return r != null && n.push({
+		startIndex: r,
+		endIndex: e.length - 1
+	}), n;
+}
+function c(e, t, n) {
+	return s(e, (e) => r(e, t, n));
+}
+function l(e, t, r) {
+	return s(e, (e) => n(e, t, r));
+}
+function u(e, t) {
+	return (e + t) / 2;
+}
+function d(e, t, n) {
+	return Math.min(n, Math.max(t, e));
+}
+function f(e, t, n) {
+	let r = t(e.start) ?? 0, i = t(e.end) ?? n, a = d(Math.min(r, i), 0, n), o = d(Math.max(r, i), 0, n);
+	return {
+		x: a,
+		width: Math.max(0, o - a)
+	};
+}
+function p(e, t, n, r, i) {
+	let a = t[e.startIndex], o = t[e.endIndex], s = n(a), c = n(o), l = r(s) ?? 0, f = r(c) ?? i;
+	if (l = e.startIndex === 0 ? 0 : u(r(n(t[e.startIndex - 1])) ?? l, l), e.endIndex >= t.length - 1) f = i;
+	else {
+		let i = r(n(t[e.endIndex + 1])) ?? f;
+		f = u(f, i);
+	}
+	let p = d(Math.min(l, f), 0, i), m = d(Math.max(l, f), 0, i);
+	return {
+		start: s,
+		end: c,
+		x: p,
+		width: Math.max(0, m - p)
+	};
+}
+function m(e) {
+	let { data: t, keys: n, xAccessor: r, xScale: i, innerWidth: a, yAccessor: o, ranges: s } = e;
+	return a <= 0 || t.length === 0 ? [] : s == null ? c(t, n, o).map((e) => p(e, t, r, i, a)).filter((e) => e.width > 0) : s.map((e) => ({
+		...e,
+		...f(e, i, a)
+	})).filter((e) => e.width > 0);
+}
+//#endregion
+export { l as chartCartesianDefinedSegments, m as chartCartesianGapBands, f as chartCartesianGapRangePixels, p as chartCartesianGapRunBand, c as chartCartesianGapRuns, i as chartCartesianHasPlottableValues, e as chartCartesianNoDataLabelDefault, t as isChartCartesianNumber, r as isChartCartesianPointGap, n as isChartCartesianSeriesDefined, a as resolveChartCartesianGapKeys, o as resolveChartCartesianNoData };

package/dist/components/organisms/Chart/chartCartesianMotion.d.ts

@@ -0,0 +1,11 @@
+import type { Transition, Variants } from "motion/react";
+/** Enter animation on first mount — not for period/filter updates. */
+export type ChartCartesianAnimate = "initial" | "none";
+/** Optional container fade while marks draw — subtle; marks own the Motion Dev-style reveal. */
+export declare const chartCartesianEnterVariants: Variants;
+export declare const chartCartesianEnterTransition: Transition;
+/** Stroke draw — Motion pathLength pattern (examples.motion.dev path drawing). */
+export declare const chartCartesianLineEnterTransition: Transition;
+/** Area fill trails the stroke slightly. */
+export declare const chartCartesianAreaEnterTransition: Transition;
+//# sourceMappingURL=chartCartesianMotion.d.ts.map

package/dist/components/organisms/Chart/chartCartesianMotion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartCartesianMotion.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Chart/chartCartesianMotion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAGzD,sEAAsE;AACtE,MAAM,MAAM,qBAAqB,GAAG,SAAS,GAAG,MAAM,CAAC;AAEvD,gGAAgG;AAChG,eAAO,MAAM,2BAA2B,EAAE,QAGzC,CAAC;AAEF,eAAO,MAAM,6BAA6B,EAAE,UAAyC,CAAC;AAEtF,kFAAkF;AAClF,eAAO,MAAM,iCAAiC,EAAE,UAK/C,CAAC;AAEF,4CAA4C;AAC5C,eAAO,MAAM,iCAAiC,EAAE,UAK/C,CAAC"}

package/dist/components/organisms/Chart/chartCartesianMotion.js

@@ -0,0 +1,15 @@
+"use client";
+import { motionTransitionProp as e, readMotionDurationSeconds as t } from "../../../lib/motion.js";
+//#region src/components/organisms/Chart/chartCartesianMotion.ts
+var n = {
+	hidden: { opacity: 0 },
+	visible: { opacity: 1 }
+}, r = e("fast"), i = { pathLength: {
+	duration: t("slow"),
+	ease: "linear"
+} }, a = { opacity: {
+	...e("medium"),
+	delay: t("slow") * .35
+} };
+//#endregion
+export { a as chartCartesianAreaEnterTransition, r as chartCartesianEnterTransition, n as chartCartesianEnterVariants, i as chartCartesianLineEnterTransition };

package/dist/components/organisms/Chart/chartExploration.d.ts

@@ -0,0 +1,8 @@
+export interface ChartUnitAllocationPart {
+    key: string;
+    value: number;
+}
+export declare function allocateChartUnits(parts: ChartUnitAllocationPart[], total: number): Array<string | null>;
+export declare function resolveDistributionDomain(values: number[], referenceValue?: number): [number, number];
+export declare function normalizeHeatmapValue(value: number, max: number): number;
+//# sourceMappingURL=chartExploration.d.ts.map

package/dist/components/organisms/Chart/chartExploration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartExploration.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Chart/chartExploration.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,uBAAuB;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,kBAAkB,CAChC,KAAK,EAAE,uBAAuB,EAAE,EAChC,KAAK,EAAE,MAAM,GACZ,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CA6BtB;AAED,wBAAgB,yBAAyB,CACvC,MAAM,EAAE,MAAM,EAAE,EAChB,cAAc,CAAC,EAAE,MAAM,GACtB,CAAC,MAAM,EAAE,MAAM,CAAC,CAYlB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAGxE"}

package/dist/components/organisms/Chart/chartExploration.js

@@ -0,0 +1,31 @@
+"use client";
+//#region src/components/organisms/Chart/chartExploration.ts
+function e(e, t) {
+	let n = Math.max(1, Math.round(t)), r = e.map((e) => ({
+		key: e.key,
+		value: Number.isFinite(e.value) ? Math.max(0, e.value) : 0
+	})), i = r.reduce((e, t) => e + t.value, 0), a = i > n ? n / i : 1, o = r.map((e) => ({
+		...e,
+		value: e.value * a
+	})), s = Math.min(n, Math.round(o.reduce((e, t) => e + t.value, 0))), c = o.map((e) => Math.floor(e.value)), l = s - c.reduce((e, t) => e + t, 0), u = o.map((e, t) => ({
+		index: t,
+		remainder: e.value - c[t]
+	})).sort((e, t) => t.remainder - e.remainder || e.index - t.index);
+	for (let e of u) {
+		if (l <= 0) break;
+		c[e.index] = c[e.index] + 1, --l;
+	}
+	let d = o.flatMap((e, t) => Array.from({ length: c[t] }, () => e.key));
+	return [...d, ...Array.from({ length: n - d.length }, () => null)];
+}
+function t(e, t) {
+	let n = e.filter(Number.isFinite);
+	if (t != null && Number.isFinite(t) && n.push(t), n.length === 0) return [0, 1];
+	let r = Math.min(...n), i = Math.max(...n), a = i - r, o = a > 0 ? a * .12 : Math.max(Math.abs(i) * .1, 1);
+	return [Math.max(0, r - o), i + o];
+}
+function n(e, t) {
+	return !Number.isFinite(e) || t <= 0 ? 0 : Math.min(1, Math.max(0, e / t));
+}
+//#endregion
+export { e as allocateChartUnits, n as normalizeHeatmapValue, t as resolveDistributionDomain };

package/dist/components/organisms/Chart/chartSegmentedBarMotion.d.ts

@@ -0,0 +1,12 @@
+/** Mount enter on **Chart.SegmentedBar** — spring fill when data replaces loading. */
+export type ChartSegmentedBarAnimate = "initial" | "none";
+/**
+ * Spring fill — [Motion loading progress bar](https://motion.dev/examples/react-loading-progress-bar).
+ * `useSpring` smooths discrete segment steps on resolve.
+ */
+export declare const chartSegmentedBarSpringConfig: {
+    stiffness: number;
+    damping: number;
+    restDelta: number;
+};
+//# sourceMappingURL=chartSegmentedBarMotion.d.ts.map

package/dist/components/organisms/Chart/chartSegmentedBarMotion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartSegmentedBarMotion.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Chart/chartSegmentedBarMotion.ts"],"names":[],"mappings":"AAAA,sFAAsF;AACtF,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,MAAM,CAAC;AAE1D;;;GAGG;AACH,eAAO,MAAM,6BAA6B;;;;CAIzC,CAAC"}

package/dist/components/organisms/Chart/chartSegmentedBarMotion.js

@@ -0,0 +1,9 @@
+"use client";
+//#region src/components/organisms/Chart/chartSegmentedBarMotion.ts
+var e = {
+	stiffness: 100,
+	damping: 18,
+	restDelta: .001
+};
+//#endregion
+export { e as chartSegmentedBarSpringConfig };

package/dist/components/organisms/Chart/chartStyles.d.ts

@@ -0,0 +1,93 @@
+/** Responsive plot region — axis-agnostic; marks fill the frame. */
+export declare const chartFrameClasses = "relative w-full";
+/** Segmented bar — fixed tick height; width comes from layout. */
+export declare const chartSegmentBarHostClasses = "relative block w-full min-w-0 [height:var(--chart-segment-height,2rem)]";
+/** Ranked percentage breakdown — audience fit, locations, and demographics. */
+export declare const chartRankedBarListClasses = "flex w-full min-w-0 flex-col gap-3";
+export declare const chartRankedBarRowClasses = "flex min-w-0 flex-col gap-1.5";
+export declare const chartRankedBarHeaderClasses = "flex min-w-0 items-baseline justify-between gap-3";
+export declare const chartRankedBarLabelClasses: string;
+export declare const chartRankedBarValueClasses = "shrink-0 font-mono text-xs tabular-nums leading-none text-muted";
+export declare const chartRankedBarTrackClasses = "h-1.5 w-full overflow-hidden rounded-full bg-border";
+export declare const chartRankedBarFillClasses = "block h-full w-[var(--chart-ranked-bar-width)] origin-left rounded-full bg-primary";
+/** Experimental non-Cartesian chart patterns. */
+export declare const chartExplorationRootClasses = "flex h-full w-full min-w-0 flex-col gap-3";
+export declare const chartExplorationPlotHostClasses = "relative min-h-0 w-full min-w-0 flex-auto";
+export declare const chartExplorationSvgClasses = "block h-full w-full overflow-visible select-none";
+export declare const chartUnitGridCellClasses: string;
+export declare const chartExplorationSummaryClasses = "sr-only";
+export declare const chartExplorationEmptyClasses: string;
+export declare const chartExplorationLegendClasses = "flex flex-wrap items-center gap-x-4 gap-y-2";
+export declare const chartExplorationLegendItemClasses = "flex items-center gap-2";
+export declare const chartExplorationLegendSwatchClasses = "size-2 shrink-0 rounded-sm";
+export declare const chartExplorationLegendLabelClasses: string;
+export declare const chartHeatmapLegendScaleClasses = "flex items-center gap-1";
+export declare const chartHeatmapLegendSwatchClasses = "size-3 rounded-[2px] bg-primary";
+/** Occupancy-style KPI row — hero value + inline mono trend (no Badge). */
+export declare const chartKpiHeroRowClasses = "flex flex-wrap items-baseline gap-x-3 gap-y-1";
+export declare const chartKpiHeroValueClasses: string;
+export declare const chartKpiTrendRowClasses = "flex flex-wrap items-baseline gap-x-2 gap-y-0.5";
+/** Apply `text-success` or `text-destructive` for direction. */
+export declare const chartKpiTrendValueClasses = "font-mono text-sm tabular-nums leading-none";
+export declare const chartKpiTrendLabelClasses: string;
+/** Centered retrieving state — spinner + caption; pair with Chart.Cartesian when data is in flight. */
+export declare const chartLoadingPanelClasses = "flex w-full min-w-0 flex-col items-center justify-center gap-2 text-muted";
+export declare const chartLoadingLabelClasses: string;
+/** Shifts **Chart.Tooltip.Content** relative to the crosshair anchor (visx portal `left`/`top`). */
+export declare const chartTooltipAnchorAboveRightClasses = "-translate-y-[calc(100%+4px)] translate-x-1";
+export declare const chartTooltipAnchorAboveLeftClasses = "-translate-x-[calc(100%+4px)] -translate-y-[calc(100%+4px)]";
+export declare const chartTooltipAnchorBelowRightClasses = "translate-x-1 translate-y-1";
+export declare const chartTooltipAnchorBelowLeftClasses = "-translate-x-[calc(100%+4px)] translate-y-1";
+/** @deprecated Use chartTooltipAnchorAboveRightClasses */
+export declare const chartTooltipAnchorAboveClasses = "-translate-y-[calc(100%+4px)] translate-x-1";
+/** @deprecated Use chartTooltipAnchorBelowRightClasses */
+export declare const chartTooltipAnchorBelowClasses = "translate-x-1 translate-y-1";
+/** Portal wrapper — must not capture pointer events or the SVG hit rect flickers hide/show. */
+export declare const chartTooltipPortalClasses = "pointer-events-none";
+/** Floating tooltip panel — frosted glass on popover token (ADR-0015). */
+export declare const chartTooltipPanelClasses: string;
+export declare const chartTooltipLabelClasses: string;
+export declare const chartTooltipListClasses = "flex w-full min-w-0 flex-col gap-0";
+export declare const chartTooltipRowClasses = "flex w-full min-w-0 items-center gap-1.5";
+export declare const chartTooltipRowBodyClasses = "flex min-w-0 flex-1 items-baseline justify-between gap-2";
+export declare const chartTooltipIndicatorDotClasses = "size-2 shrink-0 rounded-full";
+export declare const chartTooltipIndicatorLineClasses = "h-3 w-0.5 shrink-0 rounded-full";
+export declare const chartTooltipIndicatorDashedClasses = "h-3 w-0 shrink-0 border-l-2 border-dashed bg-transparent";
+export declare const chartTooltipNameClasses: string;
+export declare const chartTooltipValueClasses = "shrink-0 text-right font-mono text-xs tabular-nums leading-none text-fg whitespace-nowrap";
+/** Cartesian host — ParentSize needs explicit height (not min-height alone). */
+export declare const chartCartesianHostClasses = "relative w-full min-w-0";
+/** HTML overlay for centered no-data pills — hatch lives in the SVG. */
+export declare const chartCartesianNoDataOverlayClasses = "pointer-events-none absolute inset-0 z-[1]";
+export declare const chartCartesianNoDataPillSlotClasses = "pointer-events-none absolute flex items-center justify-center";
+export declare const chartCartesianSvgClasses = "block max-w-full overflow-visible select-none";
+/** SVG axis tick labels — caption scale + tabular figures (Lieflat hairline / F3). */
+export declare const chartCartesianAxisTickLabelClasses: string;
+/** Vertical crosshair at hovered x — SVG line in Cartesian plots. */
+export declare const chartTooltipCrosshairLineClasses = "pointer-events-none stroke-border [stroke-width:1px]";
+/** Vertical crosshair — static wireframe div overlay. */
+export declare const chartTooltipCrosshairClasses = "pointer-events-none absolute top-0 w-px bg-border";
+/** Active point on series at crosshair — Cartesian tooltip only. */
+export declare const chartTooltipActiveDotClasses = "stroke-background [stroke-width:2px]";
+/** Static plot wireframe for reference stories — dot grid + min height. */
+export declare const chartCartesianWireframeClasses = "relative min-h-[200px] w-full overflow-hidden rounded-lg border border-border bg-body";
+export declare const chartCartesianWireframePlotClasses = "absolute inset-0 bg-[length:14px_14px] bg-body";
+/** Legend row below Cartesian plot — Card.Body typical placement. */
+export declare const chartLegendClasses = "flex flex-wrap items-center gap-x-4 gap-y-2";
+export declare const chartLegendItemClasses = "flex items-center gap-2";
+export declare const chartLegendSwatchClasses = "size-2 shrink-0 rounded-full";
+export declare const chartLegendLabelClasses: string;
+/** @deprecated Use chartTooltipPanelClasses — ADR-0015 rename. */
+export declare const chartPeriodTooltipClasses: string;
+/** @deprecated Use chartTooltipLabelClasses. */
+export declare const chartPeriodTooltipTitleClasses: string;
+/** @deprecated Use chartTooltipListClasses. */
+export declare const chartPeriodTooltipListClasses = "flex w-full min-w-0 flex-col gap-0";
+/** @deprecated Use chartTooltipRowBodyClasses. */
+export declare const chartPeriodTooltipRowClasses = "flex min-w-0 flex-1 items-baseline justify-between gap-2";
+/** @deprecated Use chartTooltipNameClasses. */
+export declare const chartPeriodTooltipPointLabelClasses: string;
+/** @deprecated Use chartTooltipValueClasses. */
+export declare const chartPeriodTooltipPointValueClasses = "shrink-0 text-right font-mono text-xs tabular-nums leading-none text-fg whitespace-nowrap";
+export declare function chartTooltipIndicatorClasses(indicator: "dot" | "line" | "dashed", className?: string): string;
+//# sourceMappingURL=chartStyles.d.ts.map

package/dist/components/organisms/Chart/chartStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Chart/chartStyles.ts"],"names":[],"mappings":"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"}

package/dist/components/organisms/Chart/chartStyles.js

@@ -0,0 +1,11 @@
+"use client";
+import { cn as e } from "../../../lib/cn.js";
+import { typographyClass as t } from "../../../lib/typography.js";
+import { motionTransition as n } from "../../../lib/motion.js";
+//#region src/components/organisms/Chart/chartStyles.ts
+var r = "relative w-full", i = "relative block w-full min-w-0 [height:var(--chart-segment-height,2rem)]", a = "flex w-full min-w-0 flex-col gap-3", o = "flex min-w-0 flex-col gap-1.5", s = "flex min-w-0 items-baseline justify-between gap-3", c = `${t("caption")} min-w-0 truncate text-fg`, l = "shrink-0 font-mono text-xs tabular-nums leading-none text-muted", u = "h-1.5 w-full overflow-hidden rounded-full bg-border", d = "block h-full w-[var(--chart-ranked-bar-width)] origin-left rounded-full bg-primary", f = "flex h-full w-full min-w-0 flex-col gap-3", p = "relative min-h-0 w-full min-w-0 flex-auto", m = "block h-full w-full overflow-visible select-none", h = `transition-[fill-opacity] motion-reduce:transition-none ${n("fast")}`, g = "sr-only", _ = `${t("body")} flex min-h-40 items-center justify-center rounded-lg border border-dashed border-border px-4 text-center text-muted`, v = `${t("caption")} text-muted`, y = "flex items-center gap-1", b = "size-3 rounded-[2px] bg-primary", x = "flex flex-wrap items-baseline gap-x-3 gap-y-1", S = `${t("display")} tabular-nums tracking-tight text-fg`, C = "flex flex-wrap items-baseline gap-x-2 gap-y-0.5", w = "font-mono text-sm tabular-nums leading-none", T = `${t("overline")} text-muted`, E = "flex w-full min-w-0 flex-col items-center justify-center gap-2 text-muted", D = t("caption"), ee = "-translate-y-[calc(100%+4px)] translate-x-1", O = "-translate-x-[calc(100%+4px)] -translate-y-[calc(100%+4px)]", k = "translate-x-1 translate-y-1", A = "-translate-x-[calc(100%+4px)] translate-y-1", j = "pointer-events-none", M = e("pointer-events-none w-max min-w-[8rem] rounded-lg px-2.5 py-2", "border border-border/40", "bg-[color-mix(in_srgb,var(--color-background-popover)_72%,transparent)]", "shadow-[var(--shadow-drop-sm),var(--shadow-inset-highlight)]", "backdrop-blur-md backdrop-saturate-150", "[@supports_not_(backdrop-filter:blur(0))]:bg-popover"), N = `${t("caption")} mb-1 font-medium text-fg`, P = "flex w-full min-w-0 flex-col gap-0", F = "flex w-full min-w-0 items-center gap-1.5", I = "flex min-w-0 flex-1 items-baseline justify-between gap-2", L = "size-2 shrink-0 rounded-full", R = "h-3 w-0.5 shrink-0 rounded-full", z = "h-3 w-0 shrink-0 border-l-2 border-dashed bg-transparent", B = `${t("caption")} min-w-0 text-muted whitespace-nowrap`, V = "shrink-0 text-right font-mono text-xs tabular-nums leading-none text-fg whitespace-nowrap", H = "relative w-full min-w-0", U = "pointer-events-none absolute inset-0 z-[1]", W = "pointer-events-none absolute flex items-center justify-center", G = "block max-w-full overflow-visible select-none", K = `${t("caption")} tabular-nums`, q = "pointer-events-none stroke-border [stroke-width:1px]", J = "stroke-background [stroke-width:2px]", Y = "flex flex-wrap items-center gap-x-4 gap-y-2", X = "flex items-center gap-2", Z = "size-2 shrink-0 rounded-full", Q = `${t("caption")} text-muted`;
+function $(t, n) {
+	return e(t === "dot" && "size-2 shrink-0 rounded-full", t === "line" && "h-3 w-0.5 shrink-0 rounded-full", t === "dashed" && "h-3 w-0 shrink-0 border-l-2 border-dashed bg-transparent", n);
+}
+//#endregion
+export { K as chartCartesianAxisTickLabelClasses, H as chartCartesianHostClasses, U as chartCartesianNoDataOverlayClasses, W as chartCartesianNoDataPillSlotClasses, G as chartCartesianSvgClasses, _ as chartExplorationEmptyClasses, v as chartExplorationLegendLabelClasses, p as chartExplorationPlotHostClasses, f as chartExplorationRootClasses, g as chartExplorationSummaryClasses, m as chartExplorationSvgClasses, r as chartFrameClasses, y as chartHeatmapLegendScaleClasses, b as chartHeatmapLegendSwatchClasses, x as chartKpiHeroRowClasses, S as chartKpiHeroValueClasses, T as chartKpiTrendLabelClasses, C as chartKpiTrendRowClasses, w as chartKpiTrendValueClasses, Y as chartLegendClasses, X as chartLegendItemClasses, Q as chartLegendLabelClasses, Z as chartLegendSwatchClasses, D as chartLoadingLabelClasses, E as chartLoadingPanelClasses, d as chartRankedBarFillClasses, s as chartRankedBarHeaderClasses, c as chartRankedBarLabelClasses, a as chartRankedBarListClasses, o as chartRankedBarRowClasses, u as chartRankedBarTrackClasses, l as chartRankedBarValueClasses, i as chartSegmentBarHostClasses, J as chartTooltipActiveDotClasses, O as chartTooltipAnchorAboveLeftClasses, ee as chartTooltipAnchorAboveRightClasses, A as chartTooltipAnchorBelowLeftClasses, k as chartTooltipAnchorBelowRightClasses, q as chartTooltipCrosshairLineClasses, $ as chartTooltipIndicatorClasses, z as chartTooltipIndicatorDashedClasses, L as chartTooltipIndicatorDotClasses, R as chartTooltipIndicatorLineClasses, N as chartTooltipLabelClasses, P as chartTooltipListClasses, B as chartTooltipNameClasses, M as chartTooltipPanelClasses, j as chartTooltipPortalClasses, I as chartTooltipRowBodyClasses, F as chartTooltipRowClasses, V as chartTooltipValueClasses, h as chartUnitGridCellClasses };

package/dist/components/organisms/Confetti/Confetti.d.ts

@@ -0,0 +1,35 @@
+import { type ReactNode } from "react";
+import { type ConfettiOrigin, type ConfettiPhysicsOptions } from "./confettiPhysics";
+export { confettiDefaultColors, confettiDefaults, type ConfettiOrigin, } from "./confettiPhysics";
+/** Physics props plus where the burst starts and which colors to sample. */
+export type ConfettiFireOptions = ConfettiPhysicsOptions & {
+    origin?: ConfettiOrigin;
+};
+export interface ConfettiProviderProps {
+    children: ReactNode;
+}
+interface ConfettiContextValue {
+    fire: (options?: ConfettiFireOptions) => void;
+}
+/**
+ * `fire` from the nearest **ConfettiProvider**.
+ * Does nothing when the reader prefers reduced motion, or when `MotionConfig`
+ * `reducedMotion` is `"always"`.
+ */
+export declare function useConfetti(): ConfettiContextValue;
+/**
+ * Fire one burst when this component mounts.
+ * A ref skips React StrictMode's extra effect run and later re-renders.
+ * Leaving the surface and mounting it again fires again.
+ * `fire()` still does nothing when reduced motion is on.
+ */
+export declare function useConfettiOnMount(options?: ConfettiFireOptions): void;
+/**
+ * App-root overlay for celebratory bursts. Mount once. After an async success,
+ * render the confirmation surface and call `useConfettiOnMount()` there.
+ * `useConfetti().fire()` is the same burst when the moment is not a mount.
+ * Bursts may overlap. Each burst is removed `duration + 0.5s` after it starts.
+ * Unmount cancels in-flight animations.
+ */
+export declare function ConfettiProvider({ children }: ConfettiProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=Confetti.d.ts.map

package/dist/components/organisms/Confetti/Confetti.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Confetti.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/Confetti/Confetti.tsx"],"names":[],"mappings":"AAQA,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAEf,OAAO,EAOL,KAAK,cAAc,EAEnB,KAAK,sBAAsB,EAE5B,MAAM,mBAAmB,CAAC;AAG3B,OAAO,EACL,qBAAqB,EACrB,gBAAgB,EAChB,KAAK,cAAc,GACpB,MAAM,mBAAmB,CAAC;AAE3B,4EAA4E;AAC5E,MAAM,MAAM,mBAAmB,GAAG,sBAAsB,GAAG;IACzD,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAQD,UAAU,oBAAoB;IAC5B,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAC/C;AAID;;;;GAIG;AACH,wBAAgB,WAAW,IAAI,oBAAoB,CAMlD;AAED;;;;;GAKG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,CAAC,EAAE,mBAAmB,QAa/D;AAED;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,qBAAqB,+BAgFnE"}

package/dist/components/organisms/Confetti/Confetti.js

@@ -0,0 +1,96 @@
+"use client";
+"use client";
+import { confettiCleanupDelayMs as e, confettiDefaultColors as t, confettiDefaults as n, confettiPieceBox as r, createConfettiParticles as i, isConfettiReducedMotion as a, resolveConfettiOrigin as o, resolveConfettiPhysics as s } from "./confettiPhysics.js";
+import { confettiLayerClasses as c } from "./confettiStyles.js";
+import { createContext as l, useCallback as u, useContext as d, useEffect as f, useLayoutEffect as p, useMemo as m, useRef as h, useState as g } from "react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { MotionConfigContext as y, animate as b, useReducedMotion as x } from "motion/react";
+import { createPortal as S } from "react-dom";
+//#region src/components/organisms/Confetti/Confetti.tsx
+var C = l(null);
+function w() {
+	let e = d(C);
+	if (!e) throw Error("useConfetti must be rendered inside ConfettiProvider.");
+	return e;
+}
+function T(e) {
+	let { fire: t } = w(), n = h(!1), r = h(e);
+	r.current = e, f(() => {
+		n.current || (n.current = !0, t(r.current));
+	}, [t]);
+}
+function E({ children: t }) {
+	let [n, r] = g([]), [l, f] = g(!1), b = h(0), w = h([]), { reducedMotion: T } = d(y), E = x() === !0, O = a(E, T), k = h(O);
+	k.current = O, p(() => (f(!0), () => {
+		for (let e of w.current) window.clearTimeout(e);
+		w.current = [];
+	}), []);
+	let A = u((t) => {
+		if (k.current || typeof window > "u") return;
+		let n = s(t), a = b.current++, c = o(t?.origin, {
+			width: window.innerWidth,
+			height: window.innerHeight
+		}), l = i(t);
+		r((e) => [...e, {
+			id: a,
+			origin: c,
+			particles: l
+		}]);
+		let u = window.setTimeout(() => {
+			w.current = w.current.filter((e) => e !== u), r((e) => e.filter((e) => e.id !== a));
+		}, e(n.duration));
+		w.current.push(u);
+	}, []), j = m(() => ({ fire: A }), [A]), M = l && typeof document < "u" ? S(/* @__PURE__ */ _("div", {
+		className: c,
+		"data-confetti-layer": "",
+		"aria-hidden": "true",
+		children: n.map((e) => /* @__PURE__ */ _("div", {
+			"data-confetti-burst": "",
+			style: {
+				position: "absolute",
+				left: e.origin.x,
+				top: e.origin.y,
+				width: 0,
+				height: 0
+			},
+			children: e.particles.map((e, t) => /* @__PURE__ */ _(D, { particle: e }, t))
+		}, e.id))
+	}), document.body) : null;
+	return /* @__PURE__ */ v(C.Provider, {
+		value: j,
+		children: [t, M]
+	});
+}
+function D({ particle: e }) {
+	let t = h(null), { keyframes: n, duration: i, size: a, color: o, shape: s } = e, c = r(s, a);
+	return p(() => {
+		let e = t.current;
+		if (!e) return;
+		let r = b(e, n, {
+			duration: i,
+			ease: "linear"
+		});
+		return () => {
+			r.cancel();
+		};
+	}, [i, n]), /* @__PURE__ */ _("div", {
+		ref: t,
+		"data-confetti-piece": "",
+		"data-shape": s,
+		style: {
+			position: "absolute",
+			left: 0,
+			top: 0,
+			width: c.width,
+			height: c.height,
+			borderRadius: c.borderRadius,
+			backgroundColor: o,
+			transform: n.transform[0],
+			opacity: n.opacity[0],
+			willChange: "transform, opacity",
+			pointerEvents: "none"
+		}
+	});
+}
+//#endregion
+export { E as ConfettiProvider, t as confettiDefaultColors, n as confettiDefaults, w as useConfetti, T as useConfettiOnMount };