@lilt-ui/charts 0.12.2 → 0.13.0

package/dist/report-context-CIUa6iiD.js

@@ -1,1101 +0,0 @@
-import { createContext as e, useContext as t, useEffect as n, useId as r, useLayoutEffect as i, useMemo as a, useRef as o, useState as s } from "react";
-import { AnimatePresence as c, LazyMotion as l, animate as u, domAnimation as d, m as f, useMotionValue as p, useMotionValueEvent as m, useReducedMotion as h, useTransform as g } from "motion/react";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { extent as b, min as x } from "d3-array";
-import { animate as S } from "motion";
-import C from "@number-flow/react";
-//#region src/motion/motion-scope.tsx
-var w, T;
-function E() {
-	return T ??= import("./motion-layout-features-CJq3xh5t.js").then((e) => (w = e.domMax, e.domMax)), T;
-}
-function D({ children: e, layout: t = !1 }) {
-	let [r, i] = s(w);
-	return n(() => {
-		if (!t || r) return;
-		let e = !0;
-		return E().then((t) => {
-			e && i(t);
-		}), () => {
-			e = !1;
-		};
-	}, [t, r]), /* @__PURE__ */ v(l, {
-		features: t && r ? r : d,
-		children: e
-	});
-}
-//#endregion
-//#region src/motion/use-chart-motion.ts
-var O = [
-	.22,
-	1,
-	.36,
-	1
-];
-function k(e) {
-	let [t, r] = s(!1);
-	return n(() => {
-		if (typeof window > "u" || !window.matchMedia) return;
-		let e = window.matchMedia("(prefers-reduced-motion: reduce)"), t = () => r(e.matches);
-		return t(), e.addEventListener?.("change", t), () => e.removeEventListener?.("change", t);
-	}, []), e === "none" || t;
-}
-function ee(e, t) {
-	let [n, r] = s(e.active ? +!!t : 1), a = o(e.key), c = e.active && e.key !== a.current;
-	return i(() => {
-		if (a.current = e.key, !e.active || t) {
-			r(1);
-			return;
-		}
-		r(0);
-		let n = S(0, 1, {
-			...e.spring ? {
-				type: "spring",
-				duration: e.duration / 1e3,
-				bounce: .18
-			} : {
-				duration: e.duration / 1e3,
-				ease: O
-			},
-			onUpdate: (e) => r(e),
-			onComplete: () => r(1)
-		});
-		return () => n.stop();
-	}, [
-		t,
-		e.active,
-		e.duration,
-		e.key,
-		e.spring
-	]), t ? 1 : c ? 0 : Math.max(0, e.spring ? n : Math.min(1, n));
-}
-//#endregion
-//#region src/interaction/pin-glyphs.tsx
-var A = "M9 4.5h6l-1 5 3 3v2H7v-2l3-3-1-5ZM12 14.5v7";
-function j({ release: e }) {
-	return /* @__PURE__ */ v("svg", {
-		className: e ? "lilt-chart__pin-glyph lilt-chart__pin-glyph--release" : "lilt-chart__pin-glyph",
-		viewBox: "0 0 24 24",
-		fill: "none",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ v("path", {
-			d: e ? `${A}M4.5 5.5l15 15` : A,
-			stroke: "currentColor",
-			strokeLinecap: "round",
-			strokeLinejoin: "round",
-			strokeWidth: "1.8"
-		})
-	});
-}
-function te({ release: e = !1 }) {
-	return /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(j, {}), e ? /* @__PURE__ */ v(j, { release: !0 }) : null] });
-}
-//#endregion
-//#region src/motion/number-format.ts
-var M = /* @__PURE__ */ new WeakMap();
-function ne(e) {
-	let t = (t) => e.format(t);
-	return M.set(t, e), t;
-}
-function re(e) {
-	return e instanceof Intl.NumberFormat ? e : M.get(e);
-}
-//#endregion
-//#region src/motion/animated-number.tsx
-var N = /\p{Decimal_Number}/u, P = /* @__PURE__ */ new Set([
-	"integer",
-	"group",
-	"decimal",
-	"fraction",
-	"nan",
-	"infinity"
-]);
-function ie(e, t) {
-	let n = [];
-	if (t?.length && t.map((e) => e.value).join("") === e) {
-		let e = t.findIndex((e) => P.has(e.type)), r = t.length - 1 - [...t].reverse().findIndex((e) => P.has(e.type)), i = t.filter((e) => e.type === "integer").reduce((e, t) => e + Array.from(t.value).length, 0), a = 0, o = /* @__PURE__ */ new Map();
-		t.forEach((t, s) => {
-			let c = e < 0 || s < e ? "prefix" : s > r ? "suffix" : "number";
-			for (let e of Array.from(t.value)) {
-				let r;
-				if (t.type === "integer") r = `i${--i}`;
-				else if (t.type === "group") r = `g${i}`;
-				else if (t.type === "decimal") r = "dec";
-				else if (t.type === "fraction") r = `f${a++}`;
-				else {
-					let e = `${c}-${t.type}`, n = o.get(e) ?? 0;
-					o.set(e, n + 1), r = `${e}-${n}`;
-				}
-				n.push({
-					key: r,
-					char: e,
-					digit: N.test(e),
-					role: c
-				});
-			}
-		});
-	} else {
-		let t = Array.from(e), r = t.findIndex((e) => N.test(e)), i = t.length - 1 - [...t].reverse().findIndex((e) => N.test(e));
-		t.forEach((e, a) => {
-			let o = N.test(e);
-			r < 0 || a < r ? n.push({
-				key: `prefix-${a}`,
-				char: e,
-				digit: o,
-				role: "prefix"
-			}) : a > i ? n.push({
-				key: `suffix-${t.length - 1 - a}`,
-				char: e,
-				digit: o,
-				role: "suffix"
-			}) : n.push({
-				key: `n${i - a}${o ? "d" : "s"}`,
-				char: e,
-				digit: o,
-				role: "number"
-			});
-		});
-	}
-	return n.map((e, t) => ({
-		...e,
-		place: n.length - 1 - t
-	}));
-}
-function ae(e, t) {
-	let [n, r] = String(t).toLowerCase().split("e"), i = n.split(".")[1]?.length ?? 0, a = Number(r ?? 0), o = Math.min(10, Math.max(0, i - a)), s = Number(e.toFixed(o));
-	return Object.is(s, -0) ? 0 : s;
-}
-function oe(e, t, n) {
-	let r = ((t - e) % 10 + 10) % 10;
-	return r === 0 ? e : n > 0 ? e + r : e - (10 - r);
-}
-var se = 240, F = .16, I = {
-	duration: .1,
-	ease: "easeOut"
-}, L = [
-	.16,
-	1,
-	.3,
-	1
-], ce = {
-	type: "spring",
-	stiffness: 420,
-	damping: 34,
-	mass: .7
-}, R = (e) => Math.min(e, 6) * .024;
-function z({ cell: e, change: t, style: n }) {
-	let r = n === "slide" ? .72 : 0;
-	return /* @__PURE__ */ v("span", {
-		className: "lilt-number__cell",
-		"data-digit": e.digit || void 0,
-		children: /* @__PURE__ */ v(c, {
-			initial: !1,
-			custom: t,
-			children: /* @__PURE__ */ v(f.span, {
-				className: "lilt-number__glyph",
-				custom: t,
-				variants: {
-					enter: ({ direction: e, live: t }) => t ? {
-						y: `${e * r * 55}%`,
-						opacity: .35,
-						scale: 1,
-						filter: "blur(0px)"
-					} : {
-						y: `${e * r * 100}%`,
-						opacity: 0,
-						scale: n === "fade" ? 1.06 : .96,
-						filter: `blur(${n === "fade" ? 1.5 : 2.5}px)`
-					},
-					rest: {
-						y: "0%",
-						opacity: 1,
-						scale: 1,
-						filter: "blur(0px)"
-					},
-					leave: ({ direction: e, live: t }) => t ? {
-						y: `${-e * r * 55}%`,
-						opacity: 0,
-						transition: I
-					} : {
-						y: `${-e * r * 100}%`,
-						opacity: 0,
-						scale: n === "fade" ? .94 : .96,
-						filter: `blur(${n === "fade" ? 1.5 : 2.5}px)`
-					}
-				},
-				initial: "enter",
-				animate: "rest",
-				exit: "leave",
-				transition: t.live ? {
-					duration: F,
-					ease: L
-				} : {
-					delay: R(e.place),
-					y: ce,
-					default: {
-						duration: .26,
-						ease: L
-					}
-				},
-				children: e.char
-			}, e.char)
-		})
-	});
-}
-var B = Array.from({ length: 30 }, (e, t) => String(t % 10));
-function le({ cell: e, change: t }) {
-	let r = Number(e.char), i = p(10 + r), a = o(t);
-	a.current = t, n(() => {
-		let t = i.get();
-		(t < 5 || t >= 25) && (t = 10 + (t % 10 + 10) % 10, i.jump(t));
-		let { direction: n, live: o } = a.current, s = oe(t, r, n);
-		if (s === t) return;
-		let c = u(i, s, {
-			type: "spring",
-			stiffness: o ? 320 : 190,
-			damping: o ? 32 : 26,
-			mass: .9,
-			delay: o ? 0 : R(e.place),
-			onComplete: () => i.jump(10 + r)
-		});
-		return () => c.stop();
-	}, [
-		e.place,
-		r,
-		i
-	]);
-	let s = g(i, (e) => `${-e / B.length * 100}%`);
-	return /* @__PURE__ */ y("span", {
-		className: "lilt-number__cell lilt-number__cell--reel",
-		"data-digit": !0,
-		children: [/* @__PURE__ */ v("span", {
-			className: "lilt-number__glyph lilt-number__sizer",
-			"aria-hidden": "true",
-			children: e.char
-		}), /* @__PURE__ */ v(f.span, {
-			className: "lilt-number__reel",
-			style: { y: s },
-			children: B.map((e, t) => /* @__PURE__ */ v("span", { children: e }, t))
-		})]
-	});
-}
-var ue = "0123456789";
-function de({ cell: e, live: t }) {
-	let [r, i] = s(null), a = o(e.char), c = o(t);
-	return c.current = t, n(() => {
-		if (a.current === e.char) return;
-		a.current = e.char;
-		let t = 0, n = c.current ? 2 : 5 + Math.min(e.place, 6), r = window.setInterval(() => {
-			t += 1, i(t >= n ? null : ue[Math.floor(Math.random() * 10)]), t >= n && window.clearInterval(r);
-		}, 36);
-		return () => {
-			window.clearInterval(r), i(null);
-		};
-	}, [e.char, e.place]), /* @__PURE__ */ v("span", {
-		className: "lilt-number__cell",
-		"data-digit": e.digit || void 0,
-		"data-scrambling": r !== null || void 0,
-		children: /* @__PURE__ */ v("span", {
-			className: "lilt-number__glyph",
-			children: r ?? e.char
-		})
-	});
-}
-function V({ cell: e }) {
-	return /* @__PURE__ */ v("span", {
-		className: "lilt-number__cell",
-		"data-digit": e.digit || void 0,
-		children: /* @__PURE__ */ v("span", {
-			className: "lilt-number__glyph",
-			children: e.char
-		})
-	});
-}
-var H = [
-	.34,
-	1.45,
-	.64,
-	1
-], fe = {
-	enter: (e) => e ? {
-		y: "16%",
-		opacity: .4,
-		filter: "blur(0px)"
-	} : {
-		y: "32%",
-		opacity: 0,
-		filter: "blur(2px)"
-	},
-	visible: {
-		y: "0%",
-		opacity: 1,
-		filter: "blur(0px)"
-	}
-}, pe = { leave: (e) => e ? {
-	y: "-16%",
-	opacity: 0,
-	transition: I
-} : {
-	y: "-32%",
-	opacity: 0,
-	filter: "blur(2px)",
-	transition: {
-		duration: .3,
-		ease: L
-	}
-} };
-function me({ cells: e, live: t }) {
-	let n = e.map((e) => e.char).join("");
-	return /* @__PURE__ */ v("span", {
-		className: "lilt-number__pop-host",
-		children: /* @__PURE__ */ v(c, {
-			mode: "popLayout",
-			initial: !1,
-			custom: t,
-			children: /* @__PURE__ */ v(f.span, {
-				className: "lilt-number__pop",
-				variants: pe,
-				initial: "enter",
-				animate: "visible",
-				exit: "leave",
-				children: e.map((e, n) => /* @__PURE__ */ v(f.span, {
-					className: "lilt-number__pop-char",
-					custom: t,
-					variants: fe,
-					transition: t ? {
-						duration: .22,
-						ease: H
-					} : {
-						duration: .5,
-						delay: Math.min(n, 2) * .07,
-						ease: H
-					},
-					children: e.char
-				}, n))
-			}, n)
-		})
-	});
-}
-function he(e, t, r) {
-	let i = p(e), a = o(r);
-	a.current = r;
-	let [c, l] = s(e);
-	return m(i, "change", l), n(() => {
-		if (!t) {
-			i.jump(e);
-			return;
-		}
-		let n = u(i, e, {
-			duration: a.current ? .24 : .62,
-			ease: L
-		});
-		return () => n.stop();
-	}, [
-		t,
-		i,
-		e
-	]), t ? ae(c, e) : e;
-}
-function ge(e) {
-	let [t, n] = s({
-		value: e,
-		at: 0,
-		direction: 1,
-		live: !1
-	});
-	if (t.value !== e) {
-		let r = Date.now();
-		n({
-			value: e,
-			at: r,
-			direction: e >= t.value ? 1 : -1,
-			live: r - t.at < se
-		});
-	}
-	return {
-		direction: t.direction,
-		live: t.live
-	};
-}
-function _e({ value: e, format: t = String, className: n, motion: r = "auto", variant: i = "count" }) {
-	let o = !h() && r !== "none", s = re(t), l = (e) => t instanceof Intl.NumberFormat ? t.format(e) : t(e), u = (e) => ie(l(e), s?.formatToParts(e)), d = i === "flow" && !s ? "slide" : i, p = a(() => {
-		if (!s) return;
-		let { locale: e, ...t } = s.resolvedOptions();
-		return {
-			locale: e,
-			options: t
-		};
-	}, [s]), m = l(e), g = ge(e), b = he(e, o && d === "count", g.live), x = ["lilt-number", n].filter(Boolean).join(" ");
-	if (d === "flow" && p) return /* @__PURE__ */ y("span", {
-		className: x,
-		"data-variant": "flow",
-		children: [/* @__PURE__ */ v("span", {
-			className: "lilt-chart__sr-only",
-			children: m
-		}), /* @__PURE__ */ v("span", {
-			"aria-hidden": "true",
-			className: "lilt-number__flow",
-			children: /* @__PURE__ */ v(C, {
-				value: e,
-				locales: p.locale,
-				format: p.options,
-				animated: o,
-				willChange: !0
-			})
-		})]
-	});
-	let S = u(d === "count" ? b : e), w = (e) => o ? e.role === "number" ? d === "count" ? /* @__PURE__ */ v(V, { cell: e }) : d === "roll" ? /[0-9]/.test(e.char) ? /* @__PURE__ */ v(le, {
-		cell: e,
-		change: g
-	}) : /* @__PURE__ */ v(z, {
-		cell: e,
-		change: g,
-		style: "fade"
-	}) : d === "scramble" ? /[0-9]/.test(e.char) ? /* @__PURE__ */ v(de, {
-		cell: e,
-		live: g.live
-	}) : /* @__PURE__ */ v(z, {
-		cell: e,
-		change: g,
-		style: "fade"
-	}) : /* @__PURE__ */ v(z, {
-		cell: e,
-		change: g,
-		style: "slide"
-	}) : /* @__PURE__ */ v(z, {
-		cell: e,
-		change: g,
-		style: "fade"
-	}) : /* @__PURE__ */ v(V, { cell: e }), T = (e) => /* @__PURE__ */ v(f.span, {
-		className: "lilt-number__place",
-		custom: g.live,
-		initial: o ? {
-			width: 0,
-			opacity: 0
-		} : !1,
-		animate: {
-			width: "auto",
-			opacity: 1
-		},
-		exit: o ? {
-			width: 0,
-			opacity: 0
-		} : void 0,
-		transition: {
-			duration: g.live ? F : .32,
-			ease: L
-		},
-		children: w(e)
-	}, e.key), E = d === "pop" && o, D = S.filter((e) => e.role === "prefix"), O = S.filter((e) => e.role === "number"), k = S.filter((e) => e.role === "suffix");
-	return /* @__PURE__ */ y("span", {
-		className: x,
-		"data-variant": i,
-		children: [/* @__PURE__ */ v("span", {
-			className: "lilt-chart__sr-only",
-			children: m
-		}), /* @__PURE__ */ v("span", {
-			"aria-hidden": "true",
-			className: "lilt-number__characters",
-			children: E ? /* @__PURE__ */ y(_, { children: [
-				/* @__PURE__ */ v(c, {
-					initial: !1,
-					children: D.map(T)
-				}),
-				/* @__PURE__ */ v(me, {
-					cells: O,
-					live: g.live
-				}),
-				/* @__PURE__ */ v(c, {
-					initial: !1,
-					children: k.map(T)
-				})
-			] }) : /* @__PURE__ */ v(c, {
-				initial: !1,
-				children: S.map(T)
-			})
-		})]
-	});
-}
-function U(e) {
-	return /* @__PURE__ */ v(D, { children: /* @__PURE__ */ v(_e, { ...e }) });
-}
-//#endregion
-//#region src/cards/range-select.tsx
-var W = e(null);
-function ve({ rangeSelect: e, children: t }) {
-	return /* @__PURE__ */ v(W.Provider, {
-		value: e ?? null,
-		children: t
-	});
-}
-function ye() {
-	return t(W);
-}
-var G = [
-	.23,
-	1,
-	.32,
-	1
-], be = 30;
-function xe({ value: e, options: t, onValueChange: i, "aria-label": a }) {
-	let l = r(), u = h(), [d, p] = s(!1), m = Math.max(0, t.findIndex((t) => t.id === e)), [g, _] = s(m), b = o(null), x = o(null), S = o(null), C = t[m], w = (e = m) => {
-		_(e), p(!0);
-	}, T = (e = !0) => {
-		p(!1), e && x.current?.focus();
-	}, E = (n) => {
-		let r = t[n];
-		r && r.id !== e && i(r.id), T();
-	};
-	return n(() => {
-		if (!d) return;
-		S.current?.focus();
-		let e = (e) => {
-			b.current?.contains(e.target) || T(!1);
-		};
-		return document.addEventListener("pointerdown", e), () => document.removeEventListener("pointerdown", e);
-	}, [d]), /* @__PURE__ */ y("span", {
-		ref: b,
-		className: "lilt-card__range lilt-card__range--select",
-		"data-value": C?.id,
-		"data-open": d || void 0,
-		children: [/* @__PURE__ */ y("button", {
-			ref: x,
-			type: "button",
-			className: "lilt-range-select__trigger",
-			"aria-haspopup": "listbox",
-			"aria-expanded": d,
-			"aria-controls": d ? `${l}-list` : void 0,
-			"aria-label": `${a}: ${C?.label ?? ""}`,
-			onClick: () => d ? T() : w(),
-			onKeyDown: (e) => {
-				(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), w(e.key === "ArrowDown" ? Math.min(t.length - 1, m + 1) : Math.max(0, m - 1)));
-			},
-			children: [/* @__PURE__ */ v("span", {
-				className: "lilt-range-select__value",
-				children: /* @__PURE__ */ v(c, {
-					mode: "popLayout",
-					initial: !1,
-					children: /* @__PURE__ */ v(f.span, {
-						initial: u ? { opacity: 0 } : {
-							opacity: 0,
-							y: 4,
-							filter: "blur(3px)"
-						},
-						animate: {
-							opacity: 1,
-							y: 0,
-							filter: "blur(0px)"
-						},
-						exit: u ? { opacity: 0 } : {
-							opacity: 0,
-							y: -4,
-							filter: "blur(3px)"
-						},
-						transition: {
-							duration: .2,
-							ease: G
-						},
-						children: C?.label
-					}, C?.id)
-				})
-			}), /* @__PURE__ */ v("svg", {
-				"aria-hidden": "true",
-				viewBox: "0 0 12 12",
-				width: "12",
-				height: "12",
-				children: /* @__PURE__ */ v("path", {
-					d: "M3 4.5 6 7.5 9 4.5",
-					fill: "none",
-					stroke: "currentColor",
-					strokeWidth: "1.5"
-				})
-			})]
-		}), /* @__PURE__ */ v(c, { children: d ? /* @__PURE__ */ y(f.ul, {
-			ref: S,
-			id: `${l}-list`,
-			role: "listbox",
-			tabIndex: -1,
-			"aria-label": a,
-			"aria-activedescendant": `${l}-option-${g}`,
-			className: "lilt-range-select__list",
-			onKeyDown: (e) => {
-				let n = (n) => {
-					e.preventDefault(), _(Math.max(0, Math.min(t.length - 1, n)));
-				};
-				if (e.key === "ArrowDown") n(g + 1);
-				else if (e.key === "ArrowUp") n(g - 1);
-				else if (e.key === "Home") n(0);
-				else if (e.key === "End") n(t.length - 1);
-				else if (e.key === "Enter" || e.key === " ") e.preventDefault(), E(g);
-				else if (e.key === "Escape") e.preventDefault(), T();
-				else if (e.key === "Tab") T(!1);
-				else if (e.key.length === 1) {
-					let r = e.key.toLowerCase(), i = t.findIndex((e, t) => t > g && e.label.toLowerCase().startsWith(r)), a = i >= 0 ? i : t.findIndex((e) => e.label.toLowerCase().startsWith(r));
-					a >= 0 && n(a);
-				}
-			},
-			initial: u ? { opacity: 0 } : {
-				opacity: 0,
-				scale: .96,
-				y: -4,
-				filter: "blur(4px)"
-			},
-			animate: {
-				opacity: 1,
-				scale: 1,
-				y: 0,
-				filter: "blur(0px)"
-			},
-			exit: u ? {
-				opacity: 0,
-				transition: { duration: .1 }
-			} : {
-				opacity: 0,
-				scale: .97,
-				filter: "blur(3px)",
-				transition: { duration: .12 }
-			},
-			transition: {
-				duration: .18,
-				ease: G
-			},
-			children: [/* @__PURE__ */ v(f.li, {
-				role: "presentation",
-				"aria-hidden": "true",
-				className: "lilt-range-select__highlight",
-				initial: !1,
-				animate: { y: g * be },
-				transition: u ? { duration: 0 } : {
-					type: "spring",
-					duration: .28,
-					bounce: 0
-				}
-			}), t.map((e, t) => /* @__PURE__ */ y("li", {
-				id: `${l}-option-${t}`,
-				role: "option",
-				"data-value": e.id,
-				"aria-selected": t === m,
-				className: "lilt-range-select__option",
-				"data-active": t === g || void 0,
-				onPointerMove: () => _(t),
-				onClick: () => E(t),
-				children: [/* @__PURE__ */ v("span", {
-					className: "lilt-range-select__label",
-					children: e.label
-				}), t === m ? /* @__PURE__ */ v("svg", {
-					"aria-hidden": "true",
-					className: "lilt-range-select__check",
-					viewBox: "0 0 12 12",
-					width: "12",
-					height: "12",
-					children: /* @__PURE__ */ v("path", {
-						d: "M2.5 6.5 5 9l4.5-6",
-						fill: "none",
-						stroke: "currentColor",
-						strokeWidth: "1.6"
-					})
-				}) : null]
-			}, e.id))]
-		}) : null })]
-	});
-}
-function Se(e) {
-	return /* @__PURE__ */ v(D, { children: /* @__PURE__ */ v(xe, { ...e }) });
-}
-//#endregion
-//#region src/cards/chart-card.tsx
-var K = e("count");
-function q(...e) {
-	return e.filter(Boolean).join(" ");
-}
-var J = e(null);
-function Ce({ children: e, surface: n = "elevated", palette: r, motion: i, numberStyle: a = "count", badge: o, className: s, style: c, "aria-label": l, onKeyDown: u }) {
-	let d = t(J), f = d?.badge ?? o, p = f != null && f !== !1, m = p || d !== null, h = {
-		"data-lilt-chart": "",
-		"data-lilt-palette": r,
-		"data-motion": i === "none" ? "none" : void 0,
-		style: c
-	}, g = /* @__PURE__ */ v("section", {
-		...m ? { "data-lilt-chart": "" } : h,
-		"data-surface": n,
-		"data-tone": d?.tone ?? void 0,
-		className: q("lilt-card", !m && s),
-		"aria-label": l,
-		onKeyDown: u,
-		children: /* @__PURE__ */ v(J.Provider, {
-			value: null,
-			children: e
-		})
-	});
-	return /* @__PURE__ */ v(K.Provider, {
-		value: a,
-		children: /* @__PURE__ */ v(D, { children: m ? /* @__PURE__ */ y("div", {
-			...h,
-			className: q("lilt-card-frame", s),
-			"data-tabbed": p || void 0,
-			"data-surface": n,
-			children: [
-				p ? /* @__PURE__ */ v(Y, { children: f }) : null,
-				d?.handle,
-				g
-			]
-		}) : g })
-	});
-}
-function Y({ children: e, className: t }) {
-	return /* @__PURE__ */ v("div", {
-		"data-lilt-chart": "",
-		className: q("lilt-card-badge", t),
-		children: e
-	});
-}
-function we({ children: e, aside: t, className: n }) {
-	return /* @__PURE__ */ y("header", {
-		className: q("lilt-card__header", n),
-		children: [/* @__PURE__ */ v("div", {
-			className: "lilt-card__heading",
-			children: e
-		}), t ? /* @__PURE__ */ v("div", {
-			className: "lilt-card__aside",
-			children: t
-		}) : null]
-	});
-}
-function Te({ children: e }) {
-	return /* @__PURE__ */ v("p", {
-		className: "lilt-card__title",
-		children: e
-	});
-}
-function Ee({ value: e, format: n, children: r, loading: i = !1, motion: a }) {
-	let o = t(K);
-	return /* @__PURE__ */ y("div", {
-		className: "lilt-card__value-row",
-		children: [/* @__PURE__ */ v("strong", {
-			className: "lilt-card__value",
-			"data-loading": i || void 0,
-			children: i ? /* @__PURE__ */ v("span", {
-				className: "lilt-card__skeleton",
-				"aria-label": "Loading"
-			}) : e === null ? "—" : /* @__PURE__ */ v(U, {
-				value: e,
-				format: n,
-				variant: o,
-				motion: a
-			})
-		}), r]
-	});
-}
-var De = (e) => `${e >= 0 ? "+" : ""}${(e * 100).toFixed(1)}%`;
-function Oe({ value: e, tone: t = "default", format: n = De }) {
-	let r = e > 0 ? "up" : e < 0 ? "down" : "flat";
-	return /* @__PURE__ */ v("span", {
-		className: "lilt-card__delta",
-		"data-tone": t === "neutral" || r === "flat" ? "neutral" : r === "up" == (t === "default") ? "positive" : "negative",
-		children: n(e)
-	});
-}
-function ke({ children: e }) {
-	return /* @__PURE__ */ v("span", {
-		className: "lilt-card__caption",
-		children: e
-	});
-}
-function Ae({ label: e, options: t, value: n, onValueChange: r }) {
-	let i = ye();
-	if (!t || t.length < 2) return /* @__PURE__ */ v("span", {
-		className: "lilt-card__range",
-		children: e ?? t?.[0]?.label
-	});
-	let a = {
-		value: n ?? t[0].id,
-		options: t,
-		onValueChange: (e) => r?.(e),
-		"aria-label": "Period"
-	};
-	return i ? /* @__PURE__ */ v("span", {
-		className: "lilt-card__range-slot",
-		children: /* @__PURE__ */ v(i, { ...a })
-	}) : /* @__PURE__ */ v(Se, { ...a });
-}
-//#endregion
-//#region src/watch/engine/robust.ts
-function X(e) {
-	if (e.length === 0) return null;
-	let t = [...e].sort((e, t) => e - t), n = t.length >> 1;
-	return t.length % 2 == 1 ? t[n] : (t[n - 1] + t[n]) / 2;
-}
-function je(e, t) {
-	let n = X(e.map((e) => Math.abs(e - t)));
-	return n === null ? 0 : n * 1.4826;
-}
-//#endregion
-//#region src/watch/engine/normal.ts
-var Z = 1440, Me = 256, Ne = 12;
-function Pe({ data: e, x: t, value: n, normal: r }) {
-	let i = (e, t) => {
-		let n = e[t];
-		return typeof n == "number" && Number.isFinite(n) ? n : null;
-	}, a = e.map((e) => i(e, n));
-	if (r.around !== void 0 && r.tolerance === void 0) throw Error("Lilt Charts: `normal.around` needs a `tolerance`.");
-	if (r.given !== void 0 && r.learn === void 0) throw Error("Lilt Charts: `normal.given` needs `learn`.");
-	let o = r.learn === void 0 ? null : Be(r.learn), s = o ? Ve(e, t, o) : null, c = r.given === void 0 ? null : Ue(r.given, e, i), l = /* @__PURE__ */ new Map(), u = [], d = Object.entries(r.rules ?? {}).map(([e, t]) => typeof t == "function" ? {
-		id: e,
-		test: t
-	} : {
-		id: e,
-		...t
-	});
-	return e.map((t, n) => {
-		let f = a[n] ?? null, p = !r.when || r.when(t, n), m = [], h = {
-			lower: null,
-			upper: null
-		}, g = null, _ = null;
-		if (r.limits) {
-			let { min: e, max: t, severity: n = "critical" } = r.limits;
-			h = {
-				lower: e ?? null,
-				upper: t ?? null
-			}, p && f !== null && (t !== void 0 && f > t && m.push(Q("limit", "max", n, "above", t, f, Fe(t))), e !== void 0 && f < e && m.push(Q("limit", "min", n, "below", e, f, Fe(e))));
-		}
-		if (r.around !== void 0 && r.tolerance !== void 0) {
-			let e = i(t, r.around);
-			if (e !== null) {
-				let t = Ie(r.tolerance, e), n = {
-					lower: e - t,
-					upper: e + t
-				};
-				if (h = Le(h, n), g = e, p && f !== null) {
-					let e = r.aroundSeverity ?? "warning";
-					f > n.upper ? m.push(Q("around", "around", e, "above", n.upper, f, t)) : f < n.lower && m.push(Q("around", "around", e, "below", n.lower, f, t));
-				}
-			}
-		}
-		if (o && s) {
-			let e = We(s(t), c ? c(t) : ""), r = e === null ? void 0 : l.get(e), i = r?.values;
-			if (r && i && i.length >= o.minSamples) {
-				let e = X(i);
-				_ = [...r.rows];
-				let t = u.length >= Ne ? X(u) * 1.4826 : 0, n = Math.max(je(i, e), Math.abs(e) * Math.max(t, .02), 1e-9) * o.width, a = {
-					lower: e - n,
-					upper: e + n
-				};
-				h = Le(h, a), g = e, p && f !== null && (f > a.upper ? m.push(Q("learned", "learned", o.severity, "above", a.upper, f, n)) : f < a.lower && m.push(Q("learned", "learned", o.severity, "below", a.lower, f, n)));
-			}
-			if (e !== null && p && f !== null) {
-				if (g !== null && i && i.length >= o.minSamples) {
-					let e = X(i);
-					e !== 0 && (u.push(Math.abs(f - e) / Math.abs(e)), u.length > Me && u.shift());
-				}
-				let t = l.get(e) ?? {
-					values: [],
-					rows: []
-				};
-				t.values.push(f), t.rows.push(n), t.values.length > o.history && (t.values.shift(), t.rows.shift()), l.set(e, t);
-			}
-		}
-		if (p) for (let r of d) r.test(t, {
-			index: n,
-			rows: e,
-			value: f,
-			values: a
-		}) && m.push({
-			source: "rule",
-			id: r.id,
-			severity: r.severity ?? "critical",
-			message: r.message ?? r.id,
-			score: 1
-		});
-		let v = m.some((e) => e.severity === "critical") ? "critical" : m.length > 0 ? "warning" : null;
-		return {
-			index: n,
-			value: f,
-			judged: p,
-			expected: g,
-			lower: h.lower,
-			upper: h.upper,
-			flags: m,
-			severity: v,
-			score: m.reduce((e, t) => Math.max(e, t.score), 0),
-			basis: _
-		};
-	});
-}
-function Q(e, t, n, r, i, a, o) {
-	return {
-		source: e,
-		id: t,
-		severity: n,
-		direction: r,
-		bound: i,
-		score: 1 + Math.abs(a - i) / Math.max(o, 1e-9)
-	};
-}
-var Fe = (e) => e === 0 ? 1 : Math.abs(e) * .1;
-function Ie(e, t) {
-	return typeof e == "number" ? Math.abs(e) : Math.abs(t) * Math.abs(Number.parseFloat(e)) / 100;
-}
-function Le(e, t) {
-	let n = Re(e.lower, t.lower), r = ze(e.upper, t.upper);
-	return n !== null && r !== null && n > r ? e : {
-		lower: n,
-		upper: r
-	};
-}
-var Re = (e, t) => e === null ? t : t === null ? e : Math.max(e, t), ze = (e, t) => e === null ? t : t === null ? e : Math.min(e, t);
-function Be(e) {
-	return {
-		width: 3,
-		history: 8,
-		minSamples: 3,
-		utcOffsetMinutes: 0,
-		severity: "warning",
-		...typeof e == "string" ? { period: e } : e
-	};
-}
-function Ve(e, t, n) {
-	if (n.period === "all") return () => "all";
-	let r = (e) => {
-		let r = e[t];
-		if (r instanceof Date) return r.getTime();
-		if (typeof r == "number" && Number.isFinite(r)) return r;
-		if (r == null) return null;
-		throw Error(`Lilt Charts: learning by '${n.period}' needs dates or epoch milliseconds in '${t}'.`);
-	}, i = n.slotMinutes ?? He(e.map(r));
-	return (e) => {
-		let t = r(e);
-		if (t === null) return null;
-		let a = new Date(t + n.utcOffsetMinutes * 6e4), o = a.getUTCHours() * 60 + a.getUTCMinutes(), s = Math.floor(o / i);
-		return n.period === "week" ? `${a.getUTCDay()}:${s}` : String(s);
-	};
-}
-function He(e) {
-	let t = e.filter((e) => e !== null), n = [];
-	for (let e = 1; e < t.length; e += 1) {
-		let r = t[e] - t[e - 1];
-		r > 0 && n.push(r);
-	}
-	let r = X(n);
-	return r === null ? Z : Math.min(Z, Math.max(1, Math.round(r / 6e4)));
-}
-function Ue(e, t, n) {
-	let { key: r, step: i } = typeof e == "string" ? {
-		key: e,
-		step: void 0
-	} : e, a = i;
-	if (a === void 0) {
-		let e = t.map((e) => n(e, r)).filter((e) => e !== null), [i, o] = b(e), s = i === void 0 || o === void 0 ? 0 : o - i;
-		a = s > 0 ? s / 8 : 1;
-	}
-	return (e) => {
-		let t = n(e, r);
-		return t === null ? null : String(Math.floor(t / a));
-	};
-}
-function We(e, t) {
-	return e === null || t === null ? null : t === "" ? e : `${e}|${t}`;
-}
-//#endregion
-//#region src/watch/engine/status.ts
-function Ge(e, { enter: t = 2, exit: n = 3 } = {}) {
-	let r = [], i = !1, a = null, o = null, s = [], c = 0, l = 0, u = 0, d = 0, f = [];
-	for (let p of e) {
-		let e = p.flags.length > 0;
-		p.judged && (e || p.value !== null) && (e ? (d = 0, l === 0 && (u = p.index, f = []), l += 1, f.push(p), !i && l >= t ? (i = !0, o = u, a = Ke(f), c = Math.max(...f.map((e) => e.score)), s = p.flags, r.push({
-			type: "activated",
-			index: p.index,
-			severity: a,
-			flags: s
-		})) : i && (s = p.flags, c = Math.max(c, p.score), a === "warning" && p.severity === "critical" && (a = "critical", r.push({
-			type: "escalated",
-			index: p.index,
-			severity: a,
-			flags: s
-		})))) : (l = 0, d += 1, i && d >= n && (i = !1, r.push({
-			type: "cleared",
-			index: p.index
-		}), a = null, o = null, s = [], c = 0)));
-	}
-	return {
-		active: i,
-		severity: a,
-		since: o,
-		flags: s,
-		score: c,
-		events: r
-	};
-}
-var Ke = (e) => e.some((e) => e.severity === "critical") ? "critical" : "warning";
-//#endregion
-//#region src/watch/engine/describe.ts
-function qe(e, { formatValue: t = String, aroundLabel: n = "reference" } = {}) {
-	let r = e.direction === "above";
-	switch (e.source) {
-		case "limit": return `${r ? "Above max" : "Below min"} ${t(e.bound)}`;
-		case "around": return `${r ? "Above" : "Below"} ${n} range`;
-		case "learned": return r ? "Unusually high" : "Unusually low";
-		case "rule": return e.message ?? e.id;
-	}
-}
-//#endregion
-//#region src/watch/engine/explain.ts
-function Je(e, t) {
-	let n = [.../* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)])], r = [], i = [];
-	for (let a of n) {
-		let n = e[a], o = t[a];
-		if (!$(n) || !$(o)) {
-			r.push(a);
-			continue;
-		}
-		i.push({
-			segment: a,
-			actual: n,
-			expected: o,
-			delta: n - o
-		});
-	}
-	let a = i.reduce((e, t) => e + t.actual, 0), o = i.reduce((e, t) => e + t.expected, 0), s = a - o;
-	return {
-		actual: a,
-		expected: o,
-		delta: s,
-		parts: i.map((e) => ({
-			...e,
-			share: s === 0 ? 0 : e.delta / s
-		})).sort((e, t) => t.share - e.share),
-		missing: r
-	};
-}
-var $ = (e) => typeof e == "number" && Number.isFinite(e);
-function Ye({ data: e, points: t, indices: n, breakdown: r, fallback: i = 6 }) {
-	if (!n.length) return null;
-	let a = {}, o = {}, s = (e, t, n) => {
-		e[t] !== null && (e[t] = n === null ? null : (e[t] ?? 0) + n);
-	}, c = x(n) ?? Infinity, l = [];
-	for (let e = c - 1; e >= 0 && l.length < i; --e) {
-		let n = t[e];
-		n?.judged && n.value !== null && n.flags.length === 0 && l.push(e);
-	}
-	for (let i of n) {
-		let n = e[i];
-		if (n === void 0) continue;
-		let c = r(n), u = (t[i]?.basis?.length ? t[i].basis : l).map((t) => r(e[t])), d = /* @__PURE__ */ new Set([...Object.keys(c), ...u.flatMap(Object.keys)]);
-		for (let e of d) {
-			let t = c[e];
-			s(a, e, $(t) ? t : null), s(o, e, X(u.map((t) => t[e]).filter($)));
-		}
-	}
-	return Je(a, o);
-}
-function Xe(e, { lead: t = .5 } = {}) {
-	if (!e || e.delta === 0) return null;
-	let [n, r] = e.parts;
-	if (!n || n.share <= 0) return null;
-	let i = e.delta < 0 ? "drop" : "rise";
-	return n.share >= t ? `${Math.round(Math.min(n.share, 1) * 100)}% of the ${i} is ${n.segment}` : r && r.share > 0 ? `${n.segment} and ${r.segment} lead the ${i}` : `${n.segment} leads the ${i}`;
-}
-//#endregion
-//#region src/watch/board/report-context.ts
-var Ze = e(null);
-//#endregion
-export { k as C, ee as S, ve as _, qe as a, te as b, Y as c, ke as d, Oe as f, Ee as g, Te as h, Ye as i, J as l, Ae as m, Xe as n, Ge as o, we as p, Je as r, Pe as s, Ze as t, Ce as u, U as v, D as w, O as x, ne as y };