@dcs-tech/ui 0.3.0 → 0.4.0

package/dist/ChartImageMenu-HILSfn5A.js

@@ -0,0 +1,1115 @@
+"use client";
+import { A as e, C as t, E as n, F as r, In as i, J as a, L as o, Mn as s, N as c, Nn as l, O as u, P as d, Pn as f, Q as p, R as m, S as h, T as g, Y as _, _ as v, b as y, c as b, d as x, et as S, ft as C, g as w, h as T, i as E, j as ee, l as te, r as ne, rt as re, st as D, ut as O, w as ie, y as ae } from "./geometry-CG2nOEnw.js";
+import oe, { cloneElement as se, createContext as ce, forwardRef as le, useCallback as k, useContext as ue, useEffect as A, useId as de, useLayoutEffect as fe, useMemo as pe, useRef as j, useState as M } from "react";
+import { Fragment as me, jsx as N, jsxs as P } from "react/jsx-runtime";
+import { createPortal as he } from "react-dom";
+// src/core/logic/button.logic.ts
+function ge(e) {
+	let t = e.isIconOnly && e.shape === "rounded" ? "circle" : e.shape, n = [
+		"root",
+		`variant_${e.variant}`,
+		`size_${e.size}`,
+		`color_${e.color}`,
+		`shape_${t}`
+	];
+	return e.disabled && n.push("disabled"), e.loading && (n.push("loading"), n.push(`loading_${e.loadingPosition}`)), e.fullWidth && n.push("fullWidth"), e.disableTextTransform && n.push("disableTextTransform"), e.disableElevation && n.push("disableElevation"), e.showFocusRing && n.push("showFocusRing"), e.isIconOnly && n.push("iconOnly"), n;
+}
+function _e(e) {
+	let t = ["group", `orientation_${e.orientation}`];
+	return e.fullWidth && t.push("groupFullWidth"), t;
+}
+// src/core/logic/press.logic.ts
+function ve(e, t) {
+	let n = t ? Math.min(Math.max(t.x, 0), e.width) : e.width / 2, r = t ? Math.min(Math.max(t.y, 0), e.height) : e.height / 2, i = Math.max(n, e.width - n), a = Math.max(r, e.height - r);
+	return {
+		x: n,
+		y: r,
+		size: 2 * Math.hypot(i, a)
+	};
+}
+function ye(e, t = 150) {
+	return Math.max(0, t - e);
+}
+// src/core/logic/useMergeRefs.ts
+function be(...e) {
+	let t = j(e);
+	return t.current = e, k((e) => {
+		for (let n of t.current) n && (typeof n == "function" ? n(e) : n.current = e);
+	}, []);
+}
+var F = {
+	tooltip: "_tooltip_osxra_14",
+	open: "_open_osxra_42",
+	placement_top: "_placement_top_osxra_81",
+	placement_bottom: "_placement_bottom_osxra_82",
+	placement_left: "_placement_left_osxra_83",
+	placement_right: "_placement_right_osxra_84",
+	measured: "_measured_osxra_90",
+	helpIcon: "_helpIcon_osxra_98",
+	disabledAnchor: "_disabledAnchor_osxra_131"
+}, xe = 500, Se = 100, Ce = 8, I = 16, we = 300, Te = 0, Ee = () => Date.now() - Te < we, De = () => typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --probe"), Oe = () => typeof HTMLElement < "u" && Object.prototype.hasOwnProperty.call(HTMLElement.prototype, "popover");
+function ke(e) {
+	let t = f(e), n = `tooltip-${de().replace(/:/g, "")}`, [r, a] = M(!1), [o, s] = M(t?.placement || "top"), [c, u] = M(!1), d = j(null), p = j(null), m = j(void 0), h = j(void 0), g = j(null), _ = j("pointer"), v = t?.placement || "top", y = t?.anchorTo || "auto", b = t?.delay ?? xe, x = t?.closeDelay ?? Se, S = k(() => {
+		let e = d.current, t = p.current;
+		if (!e || !t) return;
+		let n = t.getBoundingClientRect(), r = e.getBoundingClientRect(), a = g.current, o = !!a && i({
+			anchorTo: y,
+			openedBy: _.current,
+			anchorWidth: n.width,
+			tooltipWidth: r.width
+		}), c = l({
+			anchor: o && a ? {
+				top: a.y - I / 2,
+				left: a.x - I / 2,
+				width: I,
+				height: I
+			} : {
+				top: n.top,
+				left: n.left,
+				width: n.width,
+				height: n.height
+			},
+			tooltip: {
+				width: r.width,
+				height: r.height
+			},
+			viewport: {
+				width: window.innerWidth,
+				height: window.innerHeight
+			},
+			placement: v,
+			offset: Ce
+		});
+		e.style.top = `${c.top}px`, e.style.left = `${c.left}px`, s(c.placement);
+	}, [v, y]), C = () => {
+		window.clearTimeout(m.current), window.clearTimeout(h.current);
+	}, w = k((e, t) => {
+		p.current = e, _.current = t, u(t === "pointer" && y !== "element"), De() && e.style.setProperty("anchor-name", `--${n}`), a(!0);
+	}, [n, y]), T = k(() => {
+		a(!1), Te = Date.now();
+	}, []), E = k((e, t) => {
+		C();
+		let n = Ee() ? 0 : b;
+		n === 0 ? w(e, t) : m.current = window.setTimeout(() => w(e, t), n);
+	}, [b, w]), ee = k(() => {
+		C(), h.current = window.setTimeout(T, x);
+	}, [x, T]);
+	return A(() => {
+		let e = d.current;
+		if (!e) return;
+		if (!r) {
+			Oe() && e.matches(":popover-open") && e.hidePopover();
+			return;
+		}
+		if (Oe() && !e.matches(":popover-open") && e.showPopover(), De() && !c) return;
+		S();
+		let t = () => S();
+		return window.addEventListener("scroll", t, !0), window.addEventListener("resize", t), () => {
+			window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", t);
+		};
+	}, [
+		r,
+		c,
+		S
+	]), A(() => {
+		if (!r) return;
+		let e = (e) => {
+			e.key === "Escape" && (C(), T());
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [r, T]), A(() => C, []), t ? {
+		hasTooltip: !0,
+		tooltipNode: /* @__PURE__ */ N("div", {
+			ref: d,
+			id: n,
+			role: "tooltip",
+			popover: Oe() ? "manual" : void 0,
+			className: [
+				F.tooltip,
+				F[`placement_${o}`],
+				r ? F.open : "",
+				c ? F.measured : "",
+				t.className || ""
+			].filter(Boolean).join(" "),
+			style: { "--tooltip-anchor": `--${n}` },
+			children: t.content
+		}),
+		triggerProps: {
+			onPointerEnter: (e) => {
+				e.pointerType !== "touch" && (g.current = {
+					x: e.clientX,
+					y: e.clientY
+				}, E(e.currentTarget, "pointer"));
+			},
+			onPointerMove: (e) => {
+				e.pointerType === "touch" || r || m.current === void 0 || (g.current = {
+					x: e.clientX,
+					y: e.clientY
+				});
+			},
+			onPointerLeave: ee,
+			onFocus: (e) => {
+				e.currentTarget.matches(":focus-visible") && (g.current = null, E(e.currentTarget, "focus"));
+			},
+			onBlur: ee,
+			"aria-describedby": r ? n : void 0
+		}
+	} : {
+		triggerProps: {
+			onPointerEnter: () => {},
+			onPointerMove: () => {},
+			onPointerLeave: () => {},
+			onFocus: () => {},
+			onBlur: () => {}
+		},
+		tooltipNode: null,
+		hasTooltip: !1
+	};
+}
+var Ae = {
+	press: "_press_1iawn_23",
+	ripple: "_ripple_1iawn_60",
+	rippleHost: "_rippleHost_1iawn_70",
+	wave: "_wave_1iawn_82",
+	waveGrow: "_waveGrow_1iawn_1",
+	waveFade: "_waveFade_1iawn_1",
+	waveAppear: "_waveAppear_1iawn_1"
+}, je = 1500;
+function Me(e) {
+	let t = e.querySelector(":scope > [data-press-ripples]");
+	if (t) return t;
+	let n = document.createElement("span");
+	return n.className = Ae.rippleHost, n.setAttribute("data-press-ripples", ""), n.setAttribute("aria-hidden", "true"), e.appendChild(n), n;
+}
+function Ne(e, t) {
+	let n = e.getBoundingClientRect(), r = ve(n, t && {
+		x: t.x - n.left,
+		y: t.y - n.top
+	}), i = document.createElement("span");
+	return i.className = Ae.wave, i.style.left = `${r.x - r.size / 2}px`, i.style.top = `${r.y - r.size / 2}px`, i.style.width = `${r.size}px`, i.style.height = `${r.size}px`, i.appendChild(document.createElement("span")), Me(e).appendChild(i), () => {
+		i.setAttribute("data-leaving", "");
+		let e = () => i.remove();
+		i.firstElementChild?.addEventListener("animationend", e, { once: !0 }), setTimeout(e, je);
+	};
+}
+function Pe({ enabled: e = !0, ripple: t = !1, centered: n = !1, target: r } = {}) {
+	let i = j(null);
+	A(() => () => {
+		i.current && clearTimeout(i.current);
+	}, []);
+	let a = k((e, n) => {
+		if (e.matches(":disabled, [aria-disabled=\"true\"]")) return () => void 0;
+		i.current && clearTimeout(i.current);
+		let r = performance.now();
+		e.setAttribute("data-pressed", "");
+		let a = t ? Ne(e, n) : null, o = !1;
+		return () => {
+			o || (o = !0, a?.(), i.current = setTimeout(() => e.removeAttribute("data-pressed"), ye(performance.now() - r)));
+		};
+	}, [t]), o = k((t) => {
+		if (!e || t.button !== 0) return;
+		let i = t.currentTarget, o = a(r?.current ?? i, n ? null : {
+			x: t.clientX,
+			y: t.clientY
+		});
+		window.addEventListener("pointerup", o, { once: !0 }), window.addEventListener("pointercancel", o, { once: !0 }), i.addEventListener("pointerleave", o, { once: !0 });
+	}, [
+		e,
+		n,
+		r,
+		a
+	]), s = k((t) => {
+		if (!e || t.repeat || t.key !== " " && t.key !== "Enter") return;
+		let n = t.currentTarget, i = a(r?.current ?? n, null);
+		t.key === "Enter" ? i() : n.addEventListener("keyup", i, { once: !0 });
+	}, [
+		e,
+		r,
+		a
+	]);
+	return pe(() => ({
+		onPointerDown: o,
+		onKeyDown: s
+	}), [o, s]);
+}
+// src/components/Button/ButtonGroupContext.ts
+var Fe = ce(null);
+function Ie() {
+	return ue(Fe);
+}
+var L = {
+	root: "_root_vgjyx_6",
+	size_xxs: "_size_xxs_vgjyx_45",
+	size_xs: "_size_xs_vgjyx_52",
+	size_small: "_size_small_vgjyx_59",
+	size_medium: "_size_medium_vgjyx_66",
+	size_large: "_size_large_vgjyx_73",
+	size_xl: "_size_xl_vgjyx_80",
+	iconOnly: "_iconOnly_vgjyx_89",
+	shape_rectangle: "_shape_rectangle_vgjyx_98",
+	shape_rounded: "_shape_rounded_vgjyx_102",
+	shape_pill: "_shape_pill_vgjyx_106",
+	shape_circle: "_shape_circle_vgjyx_110",
+	shape_square: "_shape_square_vgjyx_122",
+	color_primary: "_color_primary_vgjyx_140",
+	color_secondary: "_color_secondary_vgjyx_150",
+	color_success: "_color_success_vgjyx_160",
+	color_error: "_color_error_vgjyx_170",
+	color_warning: "_color_warning_vgjyx_180",
+	color_info: "_color_info_vgjyx_190",
+	color_neutral: "_color_neutral_vgjyx_200",
+	variant_filled: "_variant_filled_vgjyx_211",
+	disabled: "_disabled_vgjyx_217",
+	disableElevation: "_disableElevation_vgjyx_225",
+	variant_outlined: "_variant_outlined_vgjyx_235",
+	variant_text: "_variant_text_vgjyx_254",
+	variant_elevated: "_variant_elevated_vgjyx_270",
+	variant_tonal: "_variant_tonal_vgjyx_288",
+	loading: "_loading_vgjyx_312",
+	fullWidth: "_fullWidth_vgjyx_316",
+	disableTextTransform: "_disableTextTransform_vgjyx_320",
+	showFocusRing: "_showFocusRing_vgjyx_331",
+	content: "_content_vgjyx_338",
+	loading_overlay: "_loading_overlay_vgjyx_346",
+	loading_center: "_loading_center_vgjyx_347",
+	icon: "_icon_vgjyx_89",
+	loadingWrapper: "_loadingWrapper_vgjyx_365",
+	loading_start: "_loading_start_vgjyx_377",
+	loading_end: "_loading_end_vgjyx_378",
+	spinner: "_spinner_vgjyx_383",
+	spin: "_spin_vgjyx_383",
+	srOnly: "_srOnly_vgjyx_394",
+	group: "_group_vgjyx_414",
+	orientation_horizontal: "_orientation_horizontal_vgjyx_419",
+	orientation_vertical: "_orientation_vertical_vgjyx_423",
+	groupFullWidth: "_groupFullWidth_vgjyx_427"
+}, Le = () => /* @__PURE__ */ N("span", {
+	className: L.spinner,
+	role: "status",
+	"aria-label": "Loading",
+	children: /* @__PURE__ */ N("span", {
+		className: L.srOnly,
+		children: "Loading..."
+	})
+}), R = le(({ type: e = "button", name: t, value: n, onClick: r, onFocus: i, onBlur: a, onMouseEnter: o, onMouseLeave: s, onPointerEnter: c, onPointerMove: l, onPointerLeave: u, onKeyDown: d, children: p, label: m, startIcon: h, endIcon: g, icon: _, tooltip: v, tooltipTrigger: y, disabled: b = !1, loading: x = !1, loadingPosition: S = "center", loadingIndicator: C, autoFocus: w = !1, tabIndex: T, preventDefault: E = !1, stopPropagation: ee = !1, variant: te = "elevated", size: ne = "small", color: re = "primary", shape: D = "rounded", className: O = "", style: ie = {}, fullWidth: ae = !1, disableTextTransform: se = !1, disableElevation: ce = !1, ripple: le, feedback: ue, showFocusRing: A = !0, id: fe, buttonRef: M, href: he, target: _e, rel: ve, download: ye, component: xe, componentProps: Se = {}, "aria-label": Ce, "aria-labelledby": I, "aria-describedby": we, "aria-pressed": Te, "aria-expanded": Ee, "aria-controls": De, "aria-haspopup": Oe, role: je }, Me) => {
+	let Ne = Ie(), Fe = Ne?.size || ne, R = Ne?.variant || te, Re = Ne?.color || re, z = Ne?.disabled || b, ze = de(), Be = fe || ze, B = j(null), V = be(Me, M, B);
+	oe.useEffect(() => {
+		w && B.current && B.current.focus();
+	}, [w]);
+	let H = !!_ && !p && !m, U = p || m || "", Ve = k((e) => {
+		z || x || (E && e.preventDefault(), ee && e.stopPropagation(), r?.(e));
+	}, [
+		z,
+		x,
+		E,
+		ee,
+		r
+	]), W = ue ?? (le === !1 ? "none" : "ripple"), G = pe(() => {
+		let e = ge({
+			variant: R,
+			size: Fe,
+			color: Re,
+			shape: D,
+			isIconOnly: H,
+			disabled: z,
+			loading: x,
+			loadingPosition: S,
+			fullWidth: ae,
+			disableTextTransform: se,
+			disableElevation: ce,
+			showFocusRing: A
+		}).map((e) => L[e]).filter(Boolean);
+		return W !== "none" && e.push(Ae.press), W === "ripple" && e.push(Ae.ripple), O && e.push(O), e.join(" ");
+	}, [
+		R,
+		Fe,
+		Re,
+		D,
+		H,
+		z,
+		x,
+		S,
+		ae,
+		se,
+		ce,
+		A,
+		O,
+		W
+	]), K = Pe({
+		enabled: W !== "none",
+		ripple: W === "ripple"
+	}), q = k((e) => {
+		K.onPointerDown(e), Se.onPointerDown?.(e);
+	}, [K, Se]), He = k((e) => {
+		K.onKeyDown(e), d?.(e);
+	}, [K, d]), { triggerProps: J, tooltipNode: Ue, hasTooltip: We } = ke(v), Ge = f(v), Ke = typeof Ge?.content == "string" ? Ge.content : void 0, qe = (z || x) && We, Je = k((e) => {
+		i?.(e), J.onFocus(e);
+	}, [i, J]), Y = k((e) => {
+		a?.(e), J.onBlur();
+	}, [a, J]), Ye = k((e) => {
+		c?.(e), J.onPointerEnter(e);
+	}, [c, J]), Xe = k((e) => {
+		l?.(e), J.onPointerMove(e);
+	}, [l, J]), Ze = k((e) => {
+		u?.(e), J.onPointerLeave();
+	}, [u, J]), X = C || /* @__PURE__ */ N(Le, {}), Qe = () => S === "overlay" || S === "center" ? /* @__PURE__ */ N("span", {
+		className: `${L.loadingWrapper} ${L[`loading_${S}`] || ""}`,
+		children: X
+	}) : X, $e = () => H ? /* @__PURE__ */ N("span", {
+		className: L.icon,
+		children: _
+	}) : /* @__PURE__ */ P("span", {
+		className: L.content,
+		children: [
+			x && S === "start" && /* @__PURE__ */ N("span", {
+				className: `${L.loadingWrapper} ${L.loading_start || ""}`,
+				children: Qe()
+			}),
+			h && !x && /* @__PURE__ */ N("span", {
+				className: `${L.icon} ${L.iconStart || ""}`,
+				children: h
+			}),
+			U && /* @__PURE__ */ N("span", { children: U }),
+			g && !x && /* @__PURE__ */ N("span", {
+				className: `${L.icon} ${L.iconEnd || ""}`,
+				children: g
+			}),
+			x && S === "end" && /* @__PURE__ */ N("span", {
+				className: `${L.loadingWrapper} ${L.loading_end || ""}`,
+				children: Qe()
+			})
+		]
+	}), et = x && (S === "overlay" || S === "center"), tt = {
+		ref: V,
+		id: Be,
+		name: t,
+		value: n,
+		disabled: z || x,
+		tabIndex: T,
+		className: G,
+		style: ie,
+		onClick: Ve,
+		onFocus: Je,
+		onBlur: Y,
+		onMouseEnter: o,
+		onMouseLeave: s,
+		onKeyDown: He,
+		"aria-label": Ce || (H ? Ke : void 0),
+		"aria-labelledby": I,
+		"aria-describedby": J["aria-describedby"] || we,
+		onPointerEnter: Ye,
+		onPointerMove: Xe,
+		onPointerLeave: Ze,
+		"aria-pressed": Te,
+		"aria-expanded": Ee,
+		"aria-controls": De,
+		"aria-haspopup": Oe,
+		"aria-busy": x || void 0,
+		"aria-disabled": z || void 0,
+		role: je || (he ? "link" : void 0),
+		...Se,
+		onPointerDown: q
+	}, Z = /* @__PURE__ */ P(me, { children: [$e(), et && Qe()] }), nt = () => {
+		if (he) {
+			let { disabled: e, ref: t, ...n } = tt;
+			return /* @__PURE__ */ N("a", {
+				...n,
+				href: he,
+				target: _e,
+				rel: ve || (_e === "_blank" ? "noopener noreferrer" : void 0),
+				download: ye,
+				children: Z
+			});
+		}
+		return N(xe || "button", {
+			...tt,
+			type: e,
+			children: Z
+		});
+	};
+	return We ? /* @__PURE__ */ P(me, { children: [qe ? /* @__PURE__ */ N("span", {
+		className: F.disabledAnchor,
+		onPointerEnter: J.onPointerEnter,
+		onPointerLeave: J.onPointerLeave,
+		children: nt()
+	}) : nt(), Ue] }) : nt();
+});
+R.displayName = "Button";
+// src/components/Charts/menuPlacement.ts
+function Re(e, t, n, { align: r = "end", offset: i = 4, margin: a = 8 } = {}) {
+	let o = (e, t, n) => Math.min(Math.max(e, t), Math.max(t, n)), s = e.top + e.height, c = n.height - a - (s + i), l = e.top - i - a, u = t.height <= c || c >= l ? "below" : "above", d = u === "below" ? s + i : e.top - i - t.height;
+	return {
+		left: o(r === "end" ? e.left + e.width - t.width : e.left, a, n.width - t.width - a),
+		top: o(d, a, n.height - t.height - a),
+		side: u
+	};
+}
+function z(e, t, n) {
+	return {
+		x: e.left - t,
+		y: e.top - n
+	};
+}
+// src/components/Charts/AnchoredMenu.tsx
+var ze = () => ({
+	width: document.documentElement.clientWidth || window.innerWidth,
+	height: document.documentElement.clientHeight || window.innerHeight
+});
+function Be({ trigger: e, items: t, onSelect: n, align: r = "end", "aria-label": i }) {
+	let a = s(), o = j(null), c = j(null), l = j([]), [u, d] = M(!1), [f, p] = M(-1), m = k((e) => {
+		d(!1), p(-1), e && o.current?.querySelector("button")?.focus({ preventScroll: !0 });
+	}, []), h = k(() => {
+		let e = o.current, t = c.current;
+		if (!e || !t) return;
+		let n = z(t.getBoundingClientRect(), parseFloat(t.style.left) || 0, parseFloat(t.style.top) || 0), i = Re(e.getBoundingClientRect(), {
+			width: t.offsetWidth,
+			height: t.offsetHeight
+		}, ze(), { align: r });
+		t.style.left = `${Math.round(i.left - n.x)}px`, t.style.top = `${Math.round(i.top - n.y)}px`, t.style.visibility = "visible", t.dataset.side = i.side;
+	}, [r]);
+	fe(() => {
+		u && h();
+	}, [
+		u,
+		h,
+		t.length
+	]), A(() => {
+		if (!u) return;
+		let e = 0, t = () => {
+			cancelAnimationFrame(e), e = requestAnimationFrame(h);
+		}, n = (e) => {
+			let t = e.target;
+			!c.current?.contains(t) && !o.current?.contains(t) && m(!1);
+		};
+		return window.addEventListener("scroll", t, !0), window.addEventListener("resize", t), document.addEventListener("pointerdown", n, !0), () => {
+			cancelAnimationFrame(e), window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", t), document.removeEventListener("pointerdown", n, !0);
+		};
+	}, [
+		u,
+		h,
+		m
+	]), A(() => {
+		u && f >= 0 && l.current[f]?.focus({ preventScroll: !0 });
+	}, [u, f]);
+	let g = (e) => {
+		d(!0), p(e && t.length ? 0 : -1);
+	}, _ = (e) => p((n) => n < 0 ? e > 0 ? 0 : t.length - 1 : (n + e + t.length) % t.length);
+	return /* @__PURE__ */ P(me, { children: [/* @__PURE__ */ N("span", {
+		ref: o,
+		className: "chart-menu-anchor",
+		children: se(e, {
+			"aria-haspopup": "menu",
+			"aria-expanded": u,
+			onClick: (t) => {
+				e.props.onClick?.(t), u ? m(!1) : g(!1);
+			},
+			onKeyDown: (t) => {
+				e.props.onKeyDown?.(t), u || t.key !== "ArrowDown" && t.key !== "Enter" && t.key !== " " || (t.preventDefault(), g(!0));
+			}
+		})
+	}), u && a && he(/* @__PURE__ */ N("div", {
+		ref: c,
+		className: "chart-menu",
+		role: "menu",
+		"aria-label": i,
+		tabIndex: -1,
+		style: {
+			left: 0,
+			top: 0,
+			visibility: "hidden"
+		},
+		onKeyDown: (e) => {
+			switch (e.key) {
+				case "ArrowDown":
+					e.preventDefault(), _(1);
+					break;
+				case "ArrowUp":
+					e.preventDefault(), _(-1);
+					break;
+				case "Home":
+					e.preventDefault(), p(0);
+					break;
+				case "End":
+					e.preventDefault(), p(t.length - 1);
+					break;
+				case "Escape":
+					e.preventDefault(), e.stopPropagation(), m(!0);
+					break;
+				case "Tab": m(!1);
+			}
+		},
+		children: t.map((e, t) => /* @__PURE__ */ P("button", {
+			ref: (e) => {
+				l.current[t] = e;
+			},
+			type: "button",
+			role: "menuitem",
+			tabIndex: f === t ? 0 : -1,
+			className: `chart-menu-item${f === t ? " chart-menu-item--cursor" : ""}`,
+			onMouseEnter: () => p(t),
+			onClick: () => {
+				m(!0), n(e.value);
+			},
+			children: [e.icon && /* @__PURE__ */ N("span", {
+				className: "chart-menu-item-icon",
+				"aria-hidden": !0,
+				children: e.icon
+			}), e.label]
+		}, e.value))
+	}), a)] });
+}
+// src/components/Charts/chartImage.ts
+var B = {
+	background: "#ffffff",
+	text: "#0f0f0f",
+	muted: "#616161",
+	faint: "#737373",
+	line: "#e6e6e6",
+	track: "#ebebeb",
+	slots: re.light,
+	heat: S.light
+}, V = 28, H = 16, U = 22, Ve = 14, W = 12, G = 20, K = 28, q = 220, He = 220, J = 44, Ue = 80, We = 300, Ge = 36, Ke = 3, qe = 10, Je = 50, Y = 664, Ye = (e) => ({
+	title: `700 ${U}px ${e}`,
+	report: `600 ${Ve}px ${e}`,
+	big: `700 ${J}px ${e}`,
+	bold: `700 ${Ve}px ${e}`,
+	text: `400 ${Ve}px ${e}`,
+	small: `400 ${W}px ${e}`
+});
+function Xe(e) {
+	if (e.format) return e.format;
+	let t;
+	try {
+		t = new Intl.NumberFormat(e.locale ?? "en-IN");
+	} catch {
+		t = new Intl.NumberFormat();
+	}
+	return (e) => t.format(e);
+}
+function Ze(e, t) {
+	try {
+		return new Intl.DateTimeFormat(t ?? "en-IN", {
+			dateStyle: "medium",
+			timeStyle: "short"
+		}).format(e);
+	} catch {
+		return e.toLocaleString();
+	}
+}
+var X = (e, t) => {
+	let n = e.reduce((e, t) => e + t.value, 0);
+	return e.map((e) => ({
+		slot: e.slot,
+		label: e.label,
+		value: `${t(e.value)} · ${a(c(e.value, n))}`
+	}));
+};
+function Qe(e) {
+	switch (e.kind) {
+		case "donut":
+		case "pie": return Math.max(q, e.slices.length * K);
+		case "stacked": return 48 + Math.ceil(e.slices.length / 2) * K;
+		case "bars": return (e.series.length > 1 ? K : 0) + Math.max(1, e.data.length) * K;
+		case "columns": return (e.series.length > 1 ? 44 + Math.ceil(e.series.length / 2) * K : 0) + He + G + 8;
+		case "line": return 264 + Math.ceil(e.series.length / 2) * K;
+		case "progress": return Math.max(1, e.rows.length) * Je;
+		case "number": return J + ((e.points?.length ?? 0) > 1 ? 116 : 0) + (e.previous === void 0 ? 0 : 24);
+		case "gauge": return tt(e.rows.length, e.variant ?? "half").height + 8 + 40;
+		case "funnel": return Math.max(1, e.steps.length) * Ge;
+		case "treemap": return 316 + Math.ceil(e.nodes.length / 2) * K;
+		case "calendar": {
+			let { cell: t } = et(x(e.days).weeks);
+			return G + 7 * (t + $e) + H + K;
+		}
+	}
+}
+var $e = 3;
+function et(e) {
+	return { cell: Math.max(4, Math.min(16, 608 / Math.max(1, e) - $e)) };
+}
+function tt(e, t) {
+	let n = Y / Math.max(1, e), r = E[t], i = Math.min(t === "half" ? 260 : 200, n - 24);
+	return {
+		cell: n,
+		width: i,
+		height: i * r.height / r.width,
+		k: i / r.width
+	};
+}
+function Z(e, t, n) {
+	if (e.measureText(t).width <= n) return t;
+	let r = 0, i = t.length;
+	for (; r < i;) {
+		let a = Math.ceil((r + i) / 2);
+		e.measureText(`${t.slice(0, a)}…`).width <= n ? r = a : i = a - 1;
+	}
+	return `${t.slice(0, r)}…`;
+}
+function nt(e, t, n, r = Ke) {
+	if (r <= 1 || e.measureText(t).width <= n) return [Z(e, t, n)];
+	let i = t.split(" "), a = "", o = 0;
+	for (; o < i.length; o++) {
+		let t = a ? `${a} ${i[o]}` : i[o];
+		if (e.measureText(t).width > n) break;
+		a = t;
+	}
+	return a ? [a, ...nt(e, i.slice(o).join(" "), n, r - 1)] : [Z(e, t, n)];
+}
+function rt(e, t, n, r) {
+	e.fillStyle = D(r, "light"), e.fillRect(t, n - 6, 12, 12);
+}
+function Q(e, t, n, r, i, a, o) {
+	let s = (a - (o - 1) * H) / o;
+	t.forEach((t, a) => {
+		let c = r + a % o * (s + H), l = i + Math.floor(a / o) * K + K / 2;
+		rt(e, c, l, t.slot), e.font = n.bold, e.textAlign = "right", e.fillStyle = B.text, e.fillText(t.value, c + s, l);
+		let u = e.measureText(t.value).width;
+		e.font = n.text, e.textAlign = "left", e.fillText(Z(e, t.label, s - 20 - u - 10), c + 20, l);
+	});
+}
+function it(e, n, r, i, o, s) {
+	let l = q / 100, u = r + q / 2, d = 40 * l;
+	e.lineWidth = 16 * l, e.lineCap = "butt";
+	let f = (e) => -Math.PI / 2 + e / ne * 2 * Math.PI, p = t(n);
+	p.length || (e.globalAlpha = .5, e.strokeStyle = B.slots.rest, e.beginPath(), e.arc(138, u, d, 0, 2 * Math.PI), e.stroke(), e.globalAlpha = 1);
+	for (let t of p) e.strokeStyle = D(t.slice.slot, "light"), e.beginPath(), e.arc(138, u, d, f(t.start), f(t.start + t.length)), e.stroke();
+	let m = n.reduce((e, t) => e + t.value, 0), h = n[0];
+	e.textAlign = "center", m > 0 && h ? (e.font = s.title, e.fillStyle = B.text, e.fillText(a(c(h.value, m)), 138, u - 6), e.font = s.small, e.fillStyle = B.muted, e.fillText(Z(e, h.label.toLowerCase(), d * 1.3), 138, u + 16)) : (e.font = s.small, e.fillStyle = B.muted, e.fillText(o.empty, 138, u));
+	let g = X(n, i);
+	Q(e, g, s, 276, r + Math.max(0, (q - g.length * K) / 2), 416, 1);
+}
+var $ = (e) => e - Math.PI / 2;
+function at(t, n, r, i, o, s) {
+	let c = q / 100, l = r + q / 2, u = e(n);
+	u.length || (t.globalAlpha = .5, t.fillStyle = B.slots.rest, t.beginPath(), t.arc(138, l, 48 * c, 0, 2 * Math.PI), t.fill(), t.globalAlpha = 1, t.font = s.small, t.textAlign = "center", t.fillStyle = B.text, t.fillText(o.empty, 138, l)), t.lineWidth = 2, t.lineJoin = "round";
+	for (let e of u) t.fillStyle = D(e.slice.slot, "light"), t.strokeStyle = B.background, t.beginPath(), u.length > 1 && t.moveTo(138, l), t.arc(138, l, 48 * c, $(e.a0), $(e.a1)), t.closePath(), t.fill(), u.length > 1 && t.stroke();
+	t.font = s.bold, t.textAlign = "center";
+	for (let e of u) e.label && (t.fillStyle = O(D(e.slice.slot, "light")), t.fillText(a(e.share), V + e.label.x * c, r + e.label.y * c));
+	let d = X(n, i);
+	Q(t, d, s, 276, r + Math.max(0, (q - d.length * K) / 2), 416, 1);
+}
+function ot(e, t, n, r, i) {
+	let a = t.reduce((e, t) => e + t.value, 0), o = t.filter((e) => e.value > 0), s = Math.max(0, o.length - 1) * 2, c = V;
+	e.fillStyle = B.track, a || e.fillRect(V, n, Y, 32);
+	for (let t of o) {
+		let r = (Y - s) * t.value / a;
+		e.fillStyle = D(t.slot, "light"), e.fillRect(c, n, r, 32), c += r + 2;
+	}
+	Q(e, X(t, r), i, V, n + 32 + H, Y, 2);
+}
+function st(e, t, n, r) {
+	let i = V;
+	e.font = r.text, e.textAlign = "left";
+	for (let r of t) rt(e, i, n, r.slot), e.fillStyle = B.text, e.fillText(r.label, i + 18, n), i += 18 + e.measureText(r.label).width + 24;
+}
+function ct(e, t, n, r, i, o, s) {
+	let l = r;
+	n.length > 1 && (st(e, n, l + K / 2, s), l += K);
+	let u = t.map((e) => ae(e, n)), d = u.reduce((e, t) => e + t, 0);
+	if (!d) {
+		e.font = s.text, e.fillStyle = B.muted, e.textAlign = "left", e.fillText(o.empty, V, l + K / 2);
+		return;
+	}
+	let f = te(u), p = Math.min(200, Y * .3), m = 239.2, h = 310.8;
+	t.forEach((t, r) => {
+		let o = l + r * K + K / 2;
+		e.font = s.text, e.textAlign = "left", e.fillStyle = B.text, e.fillText(Z(e, t.fullLabel ?? t.label, p), V, o), e.fillStyle = B.track, e.fillRect(m, o - 7, h, 14);
+		let g = m;
+		for (let r of n) {
+			let i = t.values[r.key] ?? 0;
+			if (!i) continue;
+			let a = i / f * h;
+			e.fillStyle = D(n.length === 1 && t.slot ? t.slot : r.slot, "light"), e.fillRect(g, o - 7, a, 14), g += a;
+		}
+		e.font = s.bold, e.textAlign = "right", e.fillStyle = B.text, e.fillText(n.length === 1 ? `${i(u[r])} · ${a(c(u[r], d))}` : i(u[r]), 692, o);
+	});
+}
+function lt(e, t, n, r, i, a) {
+	let o = r + He;
+	e.font = a.small, e.textAlign = "right", e.lineWidth = 1;
+	for (let r of t) {
+		let t = o - r / n * 204;
+		e.fillStyle = B.faint, e.fillText(i(r), 76, t), e.strokeStyle = B.line, e.setLineDash(r === 0 ? [] : [4, 4]), e.beginPath(), e.moveTo(84, t), e.lineTo(692, t), e.stroke();
+	}
+	return e.setLineDash([]), {
+		plotX: 84,
+		plotW: 608,
+		bottom: o,
+		plotH: 204
+	};
+}
+function ut(e, t, n, r, i, o, s, l) {
+	let d = t.flatMap((e) => n.map((t) => e.values[t.key] ?? 0)), { max: f, ticks: p } = w(d), { plotX: m, plotW: h, bottom: g, plotH: _ } = lt(e, p, f, i, o, l);
+	if (!d.some((e) => e > 0)) e.textAlign = "center", e.fillStyle = B.muted, e.fillText(s.empty, m + h / 2, i + He / 2);
+	else {
+		e.lineWidth = 2, e.lineJoin = "round";
+		for (let i of n) {
+			let n = u(t.map((e) => e.values[i.key] ?? 0), h, _, f).map((e) => ({
+				x: m + e.x,
+				y: g - _ + e.y
+			})), a = D(i.slot, "light");
+			r && n.length && (e.globalAlpha = .14, e.fillStyle = a, e.beginPath(), n.forEach((t, n) => n ? e.lineTo(t.x, t.y) : e.moveTo(t.x, t.y)), e.lineTo(n[n.length - 1].x, g), e.lineTo(n[0].x, g), e.closePath(), e.fill(), e.globalAlpha = 1), e.strokeStyle = a, e.beginPath(), n.forEach((t, n) => n ? e.lineTo(t.x, t.y) : e.moveTo(t.x, t.y)), e.stroke();
+		}
+	}
+	e.font = l.small, e.fillStyle = B.muted;
+	let v = b(t.length, 6);
+	for (let n of v) {
+		let r = m + ee(n, t.length, h);
+		e.textAlign = n === 0 ? "left" : n === t.length - 1 ? "right" : "center", e.fillText(Z(e, t[n].label, h / v.length), r, g + G / 2 + 4);
+	}
+	let y = n.map((e) => t.reduce((t, n) => t + (n.values[e.key] ?? 0), 0)), x = y.reduce((e, t) => e + t, 0);
+	Q(e, n.map((e, t) => ({
+		slot: e.slot,
+		label: e.label,
+		value: n.length > 1 ? `${o(y[t])} · ${a(c(y[t], x))}` : `${s.total}: ${o(y[t])}`
+	})), l, V, g + G + 8 + H, Y, 2);
+}
+function dt(e, t, r, i, o, s, l, u) {
+	let f = o;
+	r.length > 1 && (st(e, r, f + K / 2, u), f += K);
+	let p = i === "grouped" && r.length > 1, m = t.map((e) => ae(e, r)), { max: h, ticks: g } = w(v(t, r, p ? "grouped" : "stacked")), { plotX: _, plotW: y, bottom: b } = lt(e, g, h, f, s, u);
+	if (!m.some((e) => e > 0)) {
+		e.textAlign = "center", e.fillStyle = B.muted, e.fillText(l.empty, _ + y / 2, f + He / 2);
+		return;
+	}
+	if (r.length > 1) {
+		let n = r.map((e) => t.reduce((t, n) => t + (n.values[e.key] ?? 0), 0)), i = n.reduce((e, t) => e + t, 0);
+		Q(e, r.map((e, t) => ({
+			slot: e.slot,
+			label: e.label,
+			value: `${s(n[t])} · ${a(c(n[t], i))}`
+		})), u, V, b + G + 8 + H, Y, 2);
+	}
+	let x = y / Math.max(1, t.length), S = p ? Math.min(24 * r.length, x * .8) : Math.min(48, x * .6), C = n(r.length, S, 2);
+	t.forEach((n, i) => {
+		let a = _ + i * x + (x - S) / 2, o = b;
+		r.forEach((t, r) => {
+			let i = n.values[t.key] ?? 0;
+			if (!i) return;
+			let s = i / h * 204;
+			e.fillStyle = D(t.slot, "light"), p ? (e.fillRect(a + C[r].x, b - s, C[r].width, s), o = Math.min(o, b - s)) : (e.fillRect(a, o - s, S, s), o -= s);
+		}), e.textAlign = "center", m[i] && (e.font = u.small, e.fillStyle = B.text, e.fillText(s(m[i]), a + S / 2, o - 8)), d(i, t.length) && (e.font = u.small, e.fillStyle = B.muted, e.fillText(Z(e, n.label, x - 4), a + S / 2, b + G / 2 + 4));
+	});
+}
+function ft(e, t, n) {
+	e.beginPath(), t.forEach((t, n) => n ? e.lineTo(t.x, t.y) : e.moveTo(t.x, t.y)), n !== void 0 && t.length && (e.lineTo(t[t.length - 1].x, n), e.lineTo(t[0].x, n), e.closePath());
+}
+function pt(e, t, n, i, o, s) {
+	let c = t.points ?? [];
+	e.textAlign = "left", e.font = s.big, e.fillStyle = B.text;
+	let l = i(t.value);
+	e.fillText(l, V, n + J / 2);
+	let u = e.measureText(l).width, d = n + J;
+	if (t.previous !== void 0) {
+		let r = m(t.current ?? c.reduce((e, t) => e + t.value, 0), t.previous), i = h(r.direction, t.good ?? "up"), l = r.direction === "up" ? "▲" : r.direction === "down" ? "▼" : "=";
+		e.font = s.bold, e.fillStyle = D(i, "light"), e.fillText(`${l} ${r.percent === null ? o.deltaNew : a(Math.abs(r.percent))}`, V + u + 16, n + J / 2 + 6);
+	}
+	if (c.length > 1) {
+		d += H;
+		let n = D(t.slot ?? 1, "light"), i = r(c.map((e) => e.value), Y, Ue).map((e) => ({
+			x: V + e.x,
+			y: d + e.y
+		}));
+		e.globalAlpha = .14, e.fillStyle = n, ft(e, i, d + Ue), e.fill(), e.globalAlpha = 1, e.strokeStyle = n, e.lineWidth = 2, e.lineJoin = "round", ft(e, i), e.stroke(), d += Ue, e.font = s.small, e.fillStyle = B.muted, e.fillText(c[0].label, V, d + G / 2), e.textAlign = "right", e.fillText(c[c.length - 1].label, 692, d + G / 2), e.textAlign = "left", d += G;
+	}
+	t.previous !== void 0 && (e.font = s.small, e.fillStyle = B.faint, e.fillText(o.vsPrevious, V, d + 4 + G / 2));
+}
+function mt(e, t, n, r, i, a) {
+	if (t.reduce((e, t) => e + Math.max(0, t.value), 0) <= 0) {
+		e.font = a.text, e.fillStyle = B.muted, e.textAlign = "left", e.fillText(i.empty, V, n + G / 2);
+		return;
+	}
+	let s = o(t, Y, We);
+	for (let t of s) {
+		let i = t.parent ?? t.node, o = D(i.slot, "light"), s = !!t.node.children?.some((e) => e.value > 0);
+		t.parent && (e.globalAlpha = T(t.parent.children.filter((e) => e.value > 0).indexOf(t.node))), e.fillStyle = o, e.fillRect(V + t.rect.x + 1, n + t.rect.y + 1, Math.max(0, t.rect.w - 2), Math.max(0, t.rect.h - 2)), e.globalAlpha = 1, t.label && (e.textAlign = "left", e.fillStyle = O(o), e.font = a.bold, e.fillText(Z(e, t.node.label, t.rect.w - 12), V + t.rect.x + 6, n + t.rect.y + (s ? 9 : 12)), s || (e.font = a.small, e.fillText(Z(e, r(t.node.value), t.rect.w - 12), V + t.rect.x + 6, n + t.rect.y + 28)));
+	}
+	Q(e, X(t, r), a, V, n + We + H, Y, 2);
+}
+function ht(e, t) {
+	try {
+		return new Intl.DateTimeFormat(e ?? "en-IN", {
+			...t,
+			timeZone: "UTC"
+		});
+	} catch {
+		return new Intl.DateTimeFormat(void 0, {
+			...t,
+			timeZone: "UTC"
+		});
+	}
+}
+function gt(e, t, n, r, i, a, o) {
+	let s = x(t), { cell: c } = et(s.weeks), l = c + $e, u = n + G;
+	e.font = a.small, e.textAlign = "left", e.fillStyle = B.muted;
+	let d = ht(o, { month: "short" });
+	for (let t of s.months) e.fillText(d.format(y(`${t.month}-01`)), 84 + t.week * l, n + G / 2);
+	let f = ht(o, { weekday: "short" });
+	for (let t = 0; t < 7; t += 2) e.fillText(Z(e, f.format(Date.UTC(2024, 0, 1 + t)), 50), V, u + t * l + c / 2);
+	for (let t of s.cells) e.fillStyle = B.heat[t.level], e.fillRect(84 + t.week * l, u + t.weekday * l, c, c);
+	let p = u + 7 * l + H + K / 2;
+	e.fillStyle = B.muted, e.fillText(i.less, V, p);
+	let m = V + e.measureText(i.less).width + 8;
+	for (let t of B.heat) e.fillStyle = t, e.fillRect(m, p - 6, 12, 12), m += 15;
+	e.fillStyle = B.muted, e.fillText(i.more, m + 5, p);
+	let h = s.cells.reduce((e, t) => t.count > (e?.count ?? 0) ? t : e, null);
+	e.textAlign = "right", e.font = a.bold, e.fillStyle = B.text;
+	let g = ht(o, { dateStyle: "medium" });
+	e.fillText(`${i.total}: ${r(s.total)}${h ? ` · ${i.busiest}: ${g.format(y(h.day))} (${r(h.count)})` : ""}`, 692, p);
+}
+function _t(e, t, n, r, i, o) {
+	if (!t.some((e) => e.value > 0)) {
+		e.font = o.text, e.fillStyle = B.muted, e.textAlign = "left", e.fillText(i.empty, V, n + G / 2);
+		return;
+	}
+	let s = Math.min(180, Y * .26), c = 317.36;
+	ie(t).forEach(({ step: t, width: i, ofFirst: l, drop: u }, d) => {
+		let f = n + d * Ge + Ge / 2;
+		e.font = o.bold, e.textAlign = "left", e.fillStyle = B.text, e.fillText(Z(e, t.label, s), V, f);
+		let p = Math.max(2, c * i), m = 212.64000000000001 + (c - p) / 2, h = D(t.slot, "light");
+		e.fillStyle = h, e.fillRect(m, f - 13, p, 26), e.textAlign = "center";
+		let g = r(t.value);
+		e.measureText(g).width + 12 <= p ? (e.fillStyle = O(h), e.fillText(g, m + p / 2, f)) : (e.fillStyle = B.text, e.textAlign = "left", e.fillText(g, m + p + 6, f)), e.textAlign = "right", u !== null && (e.fillStyle = u === 0 ? B.muted : D(u > 0 ? "negative" : "positive", "light"), e.fillText(_(u), 692, f - 7)), e.font = o.small, e.fillStyle = B.muted, e.fillText(a(l), 692, u === null ? f : f + 8);
+	});
+}
+function vt(e, t, n, r, i, o, s) {
+	let { cell: l, width: u, height: d, k: f } = tt(t.length, n), p = E[n];
+	t.length ? t.forEach((t, m) => {
+		let h = V + m * l + (l - u) / 2 + p.cx * f, _ = r + p.cy * f, v = c(t.value, t.total), { a0: y, a1: b, end: x } = g(n, v);
+		e.lineWidth = 12 * f, e.lineCap = "round", e.strokeStyle = B.track, e.beginPath(), e.arc(h, _, p.r * f, $(y), $(b)), e.stroke(), v > 0 && (e.strokeStyle = D(C(t.color ?? 1, v), "light"), e.beginPath(), e.arc(h, _, p.r * f, $(y), $(Math.max(x, y + .01))), e.stroke()), e.lineCap = "butt", e.textAlign = "center", e.font = s.title, e.fillStyle = B.text, e.fillText(a(v), h, n === "half" ? _ - U / 2 : _);
+		let S = V + m * l + l / 2;
+		e.font = s.bold, e.fillText(Z(e, t.label, l - 8), S, r + d + 8 + G / 2), e.font = s.text, e.fillStyle = B.muted, e.fillText(Z(e, `${o.ofTotal(i(t.value), i(t.total))} · ${a(v)}`, l - 8), S, r + d + 8 + G * 1.5);
+	}) : (e.font = s.text, e.fillStyle = B.muted, e.textAlign = "left", e.fillText(o.empty, V, r + G / 2));
+}
+function yt(e, t, n, r, i, o) {
+	t.length ? t.forEach((t, s) => {
+		let c = n + s * Je, l = t.total > 0 ? t.value / t.total * 100 : 0, u = `${i.ofTotal(r(t.value), r(t.total))} · ${a(l)}`;
+		e.font = o.bold, e.textAlign = "right", e.fillStyle = B.text, e.fillText(u, 692, c + G / 2);
+		let d = e.measureText(u).width;
+		e.font = o.text, e.textAlign = "left", e.fillText(Z(e, t.label, Y - d - 16), V, c + G / 2);
+		let f = c + G + 4;
+		e.fillStyle = B.track, e.fillRect(V, f, Y, qe), e.fillStyle = D(C(t.color ?? 1, l), "light"), l > 0 && e.fillRect(V, f, Y * Math.min(100, l) / 100, qe);
+	}) : (e.font = o.text, e.fillStyle = B.muted, e.textAlign = "left", e.fillText(i.empty, V, n + G / 2));
+}
+function bt(e, t, n) {
+	let r = e.getContext("2d");
+	if (!r) throw Error("No 2D canvas");
+	let i = Ye(n.fontFamily), a = {
+		...p,
+		...t.labels
+	}, o = Xe(t), s = n.pixelRatio ?? 2;
+	r.font = i.text;
+	let c = t.context ? nt(r, t.context, Y) : [], l = V + ((t.report ? 24 : 0) + U + 8 + c.length * G) + H + Qe(t.chart) + H + G + V;
+	e.width = 720 * s, e.height = l * s, r.setTransform(s, 0, 0, s, 0, 0), r.textBaseline = "middle", r.fillStyle = B.background, r.fillRect(0, 0, 720, l);
+	let u = V;
+	r.textAlign = "left", t.report && (r.font = i.report, r.fillStyle = B.muted, r.fillText(Z(r, t.report, Y), V, u + G / 2), u += 24), r.font = i.title, r.fillStyle = B.text, r.fillText(Z(r, t.title, Y), V, u + U / 2), u += 30, r.font = i.text, r.fillStyle = B.muted;
+	for (let e of c) r.fillText(e, V, u + G / 2), u += G;
+	u += H;
+	let d = t.chart;
+	switch (d.kind) {
+		case "donut":
+			it(r, d.slices, u, o, a, i);
+			break;
+		case "pie":
+			at(r, d.slices, u, o, a, i);
+			break;
+		case "stacked":
+			ot(r, d.slices, u, o, i);
+			break;
+		case "bars":
+			ct(r, d.data, d.series, u, o, a, i);
+			break;
+		case "progress":
+			yt(r, d.rows, u, o, a, i);
+			break;
+		case "columns":
+			dt(r, d.data, d.series, d.mode ?? "stacked", u, o, a, i);
+			break;
+		case "line":
+			ut(r, d.data, d.series, !!d.area, u, o, a, i);
+			break;
+		case "number":
+			pt(r, d, u, o, a, i);
+			break;
+		case "gauge":
+			vt(r, d.rows, d.variant ?? "half", u, o, a, i);
+			break;
+		case "funnel":
+			_t(r, d.steps, u, o, a, i);
+			break;
+		case "calendar":
+			gt(r, d.days, u, o, a, i, t.locale);
+			break;
+		case "treemap": mt(r, d.nodes, u, o, a, i);
+	}
+	u += Qe(d) + H, r.font = i.small, r.fillStyle = B.faint, r.textAlign = "left", r.fillText(Ze(t.at ?? /* @__PURE__ */ new Date(), t.locale), V, u + G / 2), t.branding && (r.textAlign = "right", r.fillText(Z(r, t.branding, Y / 2), 692, u + G / 2));
+}
+function xt(e) {
+	return [
+		e.report ?? "",
+		e.title,
+		e.context ?? "",
+		e.branding ?? "",
+		...St(e.chart)
+	].join(" ");
+}
+function St(e) {
+	switch (e.kind) {
+		case "donut":
+		case "pie":
+		case "stacked": return e.slices.map((e) => e.label);
+		case "funnel": return e.steps.map((e) => e.label);
+		case "calendar": return [];
+		case "treemap": return e.nodes.flatMap((e) => [e.label, ...(e.children ?? []).map((e) => e.label)]);
+		case "progress":
+		case "gauge": return e.rows.map((e) => e.label);
+		case "number": return (e.points ?? []).map((e) => e.label);
+		case "bars":
+		case "columns":
+		case "line": return [...e.data.map((e) => e.fullLabel ?? e.label), ...e.series.map((e) => e.label)];
+	}
+}
+async function Ct(e, t = {}) {
+	let n = t.fontFamily || (typeof document < "u" ? getComputedStyle(document.body).fontFamily : "") || "sans-serif", r = Ye(n);
+	if (typeof document < "u" && document.fonts) {
+		let t = xt(e);
+		await Promise.all([
+			r.report,
+			r.title,
+			r.bold,
+			r.text
+		].map((e) => document.fonts.load(e, t).catch(() => []))), await document.fonts.ready;
+	}
+	let i = document.createElement("canvas");
+	return bt(i, e, { fontFamily: n }), new Promise((e, t) => i.toBlob((n) => n ? e(n) : t(/* @__PURE__ */ Error("No image")), "image/png"));
+}
+function wt(e, t = /* @__PURE__ */ new Date(), n) {
+	let r = [n, e].filter(Boolean).join(" ").trim().toLowerCase().replace(/[^\p{L}\p{M}\p{N}]+/gu, "-").replace(/^-+|-+$/g, "") || "chart", i = (e) => String(e).padStart(2, "0");
+	return `${r}-${t.getFullYear()}-${i(t.getMonth() + 1)}-${i(t.getDate())}-${i(t.getHours())}${i(t.getMinutes())}.png`;
+}
+// src/components/Charts/ChartImageMenu.tsx
+var Tt = 2e3;
+function Et() {
+	if (typeof navigator > "u") return {
+		copy: !1,
+		share: !1
+	};
+	let e = typeof navigator.clipboard?.write == "function" && typeof ClipboardItem < "u", t = !1;
+	try {
+		t = typeof navigator.share == "function" && typeof navigator.canShare == "function" && navigator.canShare({ files: [new File([], "chart.png", { type: "image/png" })] });
+	} catch {
+		t = !1;
+	}
+	return {
+		copy: e,
+		share: t
+	};
+}
+var Dt = (e) => /* @__PURE__ */ N("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": !0,
+	children: /* @__PURE__ */ N("path", { d: e })
+}), Ot = () => Dt("M12 4v11M7 10l5 5 5-5M5 20h14"), kt = () => Dt("M9 9h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H9a1 1 0 0 1-1-1V10a1 1 0 0 1 1-1zM5 15H4a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1"), At = () => /* @__PURE__ */ N("svg", {
+	width: "16",
+	height: "16",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	"aria-hidden": !0,
+	children: /* @__PURE__ */ N("path", { d: "M4 12v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7M16 6l-4-4-4 4M12 2v13" })
+});
+function jt(e) {
+	let t = {
+		...p,
+		...e.labels
+	}, n = pe(Et, []), r = j(null), [i, a] = M(null);
+	A(() => {
+		if (!i) return;
+		let e = setTimeout(() => a(null), Tt);
+		return () => clearTimeout(e);
+	}, [i]);
+	let o = [
+		{
+			value: "download",
+			label: t.imageDownload,
+			icon: /* @__PURE__ */ N(Ot, {})
+		},
+		...n.copy ? [{
+			value: "copy",
+			label: t.imageCopy,
+			icon: /* @__PURE__ */ N(kt, {})
+		}] : [],
+		...n.share ? [{
+			value: "share",
+			label: t.imageShare,
+			icon: /* @__PURE__ */ N(At, {})
+		}] : []
+	], s = async (n) => {
+		a(null);
+		let i = /* @__PURE__ */ new Date(), o = wt(e.title, i, e.report), s = () => Ct({
+			...e,
+			at: i
+		}, { fontFamily: r.current ? getComputedStyle(r.current).fontFamily : void 0 });
+		try {
+			if (n === "copy") {
+				await navigator.clipboard.write([new ClipboardItem({ "image/png": s() })]), a({
+					tone: "done",
+					text: t.imageCopied
+				});
+				return;
+			}
+			let r = await s();
+			if (n === "share") {
+				await navigator.share({
+					files: [new File([r], o, { type: "image/png" })],
+					title: e.title
+				});
+				return;
+			}
+			let i = URL.createObjectURL(r), c = document.createElement("a");
+			c.href = i, c.download = o, document.body.appendChild(c), c.click(), c.remove(), setTimeout(() => URL.revokeObjectURL(i), 1e3);
+		} catch (e) {
+			e?.name !== "AbortError" && a({
+				tone: "failed",
+				text: t.imageFailed
+			});
+		}
+	};
+	return /* @__PURE__ */ P("span", {
+		ref: r,
+		className: "chart-root chart-image-menu",
+		children: [/* @__PURE__ */ N(Be, {
+			"aria-label": t.imageMenu,
+			items: o,
+			onSelect: (e) => void s(e),
+			trigger: /* @__PURE__ */ N(R, {
+				variant: "text",
+				color: "neutral",
+				size: "xs",
+				startIcon: /* @__PURE__ */ N(At, {}),
+				"aria-label": `${t.imageMenu}: ${e.title}`,
+				tooltip: t.imageMenu
+			})
+		}), /* @__PURE__ */ N("span", {
+			className: "chart-image-status",
+			role: "status",
+			"aria-live": "polite",
+			"data-tone": i?.tone,
+			children: i && /* @__PURE__ */ P(me, { children: [i.tone === "done" && /* @__PURE__ */ N("span", {
+				"aria-hidden": !0,
+				children: "✓"
+			}), i.text] })
+		})]
+	});
+}
+export { _e as _, bt as a, Re as c, Fe as d, Pe as f, be as g, F as h, wt as i, R as l, ke as m, B as n, Be as o, Ae as p, Ct as r, z as s, jt as t, L as u };