@dcs-tech/ui 0.4.0 → 0.7.0

package/dist/ChartImageMenu-HILSfn5A.js

@@ -1,1115 +0,0 @@
-"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 };