@burdenoff/microfe-bigconsole 2026.1012.3 → 2026.1012.5

package/dist/bigconsole/components/widgets/map-widget/MapWidget.js

@@ -1,82 +1,83 @@
-import { memo as e, useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import s from "leaflet";
+import { normalizeMapMarkers as e } from "../advanced/mapData.js";
+import { memo as t, useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import c from "leaflet";
 //#region src/bigconsole/components/widgets/map-widget/MapWidget.tsx
-var c = "https://unpkg.com/leaflet@1.9.4/dist/leaflet.css", l = "sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=", u = !1;
-function d() {
-	if (u || document.getElementById("leaflet-css")) return;
-	u = !0;
+var l = "https://unpkg.com/leaflet@1.9.4/dist/leaflet.css", u = "sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=", d = !1;
+function f() {
+	if (d || document.getElementById("leaflet-css")) return;
+	d = !0;
 	let e = document.createElement("link");
-	e.id = "leaflet-css", e.rel = "stylesheet", e.href = c, e.integrity = l, e.crossOrigin = "anonymous", e.referrerPolicy = "no-referrer", e.onerror = () => {
-		console.warn("[bigconsole] Leaflet CSS failed to load; map styling may be broken."), u = !1, e.remove();
+	e.id = "leaflet-css", e.rel = "stylesheet", e.href = l, e.integrity = u, e.crossOrigin = "anonymous", e.referrerPolicy = "no-referrer", e.onerror = () => {
+		console.warn("[bigconsole] Leaflet CSS failed to load; map styling may be broken."), d = !1, e.remove();
 	}, document.head.appendChild(e);
 }
-var f = "var(--color-chart-1, #3b82f6)";
-function p(e) {
-	if (typeof e != "string") return f;
+var p = "var(--color-chart-1, #3b82f6)";
+function m(e) {
+	if (typeof e != "string") return p;
 	let t = e.trim();
-	return t.length > 64 || /[;{}<>"'\\]/.test(t) || /\burl\s*\(/i.test(t) || !/^[#a-zA-Z0-9(),.%/_\s-]+$/.test(t) ? f : t;
+	return t.length > 64 || /[;{}<>"'\\]/.test(t) || /\burl\s*\(/i.test(t) || !/^[#a-zA-Z0-9(),.%/_\s-]+$/.test(t) ? p : t;
 }
-function m(e) {
+function h(e) {
 	return typeof e == "number" && Number.isFinite(e);
 }
-function h(e) {
+function g(e) {
 	return e >= .66 ? "var(--color-status-error)" : e >= .33 ? "var(--color-status-warning)" : "var(--color-status-info)";
 }
-function g(e) {
+function _(e) {
 	let t = document.createElement("div"), n = document.createElement("div");
-	if (n.style.fontWeight = "600", n.textContent = e.popup || e.name || "Location", t.appendChild(n), m(e.value)) {
+	if (n.style.fontWeight = "600", n.textContent = e.popup || e.name || "Location", t.appendChild(n), h(e.value)) {
 		let n = document.createElement("div");
 		n.textContent = e.value.toLocaleString(), t.appendChild(n);
 	}
 	return t;
 }
-function _(e) {
+function v(e) {
 	let t = e;
-	return t && m(t.lat) && m(t.lng) ? {
+	return t && h(t.lat) && h(t.lng) ? {
 		lat: t.lat,
 		lng: t.lng
 	} : void 0;
 }
-function v(e, t) {
-	let n = Array.isArray(e) ? void 0 : e, r = Array.isArray(e) ? e : e?.markers, i = Array.isArray(r) ? r.filter((e) => e && m(e.lat) && m(e.lng)) : [], a = (n?.geoJson ?? t.geoJson) || void 0, o = t.regionIdField || "id", s = /* @__PURE__ */ new Map(), c = n?.regions ?? t.regions;
+function y(t, n) {
+	let r = Array.isArray(t) ? void 0 : t, i = e(Array.isArray(t) ? t : t?.markers ?? t?.rows, n), a = (r?.geoJson ?? n.geoJson) || void 0, o = n.regionIdField || "id", s = /* @__PURE__ */ new Map(), c = r?.regions ?? n.regions;
 	if (Array.isArray(c)) for (let e of c) {
 		if (!e) continue;
 		let t = e[o] ?? e.id ?? e.region ?? e.code, n = e.value ?? e.count ?? e.total;
-		t != null && m(n) && s.set(String(t), {
+		t != null && h(n) && s.set(String(t), {
 			value: n,
 			name: typeof e.name == "string" ? e.name : void 0
 		});
 	}
 	return {
 		markers: i,
-		center: _(n?.center),
-		zoom: m(n?.zoom) ? n?.zoom : void 0,
-		fallbackCenter: _(t.center),
-		fallbackZoom: m(t.zoom) ? t.zoom : void 0,
+		center: v(r?.center),
+		zoom: h(r?.zoom) ? r?.zoom : void 0,
+		fallbackCenter: v(n.center),
+		fallbackZoom: h(n.zoom) ? n.zoom : void 0,
 		geoJson: a && Array.isArray(a.features) ? a : void 0,
 		regionValues: s
 	};
 }
-var y = e(function({ widget: e, data: c, onClick: l, onDrilldown: u }) {
-	let f = r(null), _ = r(null), y = r(null), [b, x] = i("loading"), S = n(() => e?.config ?? {}, [e?.config]), C = S.showMarkers !== !1, w = S.mapMode === "heat", T = S.regionIdField || "id", { markers: E, center: D, zoom: O, fallbackCenter: k, fallbackZoom: A, geoJson: j, regionValues: M } = n(() => v(c, S), [c, S]), N = !!(j && M.size > 0), P = r(() => void 0);
-	return t(() => {
+var b = t(function({ widget: e, data: t, onClick: l, onDrilldown: u }) {
+	let d = i(null), p = i(null), v = i(null), [b, x] = a("loading"), S = r(() => e?.config ?? {}, [e?.config]), C = S.showMarkers !== !1, w = S.mapMode === "heat", T = S.regionIdField || "id", { markers: E, center: D, zoom: O, fallbackCenter: k, fallbackZoom: A, geoJson: j, regionValues: M } = r(() => y(t, S), [t, S]), N = !!(j && M.size > 0), P = i(() => void 0);
+	return n(() => {
 		P.current = (e) => {
 			u ? u(e) : l && l(e);
 		};
-	}, [l, u]), t(() => {
-		let e = f.current;
+	}, [l, u]), n(() => {
+		let e = d.current;
 		if (!e) return;
-		d();
+		f();
 		let t;
 		try {
-			t = s.map(e, {
+			t = c.map(e, {
 				center: [20, 0],
 				zoom: 2,
 				scrollWheelZoom: !0,
 				attributionControl: !0
 			});
-			let n = s.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
+			let n = c.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png", {
 				attribution: "© OpenStreetMap contributors",
 				maxZoom: 18
 			}), r = !1;
@@ -84,27 +85,27 @@ var y = e(function({ widget: e, data: c, onClick: l, onDrilldown: u }) {
 				r = !0, x((e) => e === "error" ? "ready" : e);
 			}), n.on("tileerror", () => {
 				r || x("error");
-			}), n.addTo(t), _.current = t, y.current = null, x("ready");
+			}), n.addTo(t), p.current = t, v.current = null, x("ready");
 		} catch {
 			x("error");
 			return;
 		}
-		let n = typeof ResizeObserver < "u" ? new ResizeObserver(() => _.current?.invalidateSize()) : void 0;
+		let n = typeof ResizeObserver < "u" ? new ResizeObserver(() => p.current?.invalidateSize()) : void 0;
 		n?.observe(e);
 		let r = window.setTimeout(() => t.invalidateSize(), 80);
 		return () => {
-			window.clearTimeout(r), n?.disconnect(), t.remove(), _.current = null;
+			window.clearTimeout(r), n?.disconnect(), t.remove(), p.current = null;
 		};
-	}, []), t(() => {
-		let e = _.current;
+	}, []), n(() => {
+		let e = p.current;
 		if (!e) return;
-		let t = s.layerGroup(), n = null;
+		let t = c.layerGroup(), n = null;
 		if (j && M.size > 0) {
 			let e = Array.from(M.values()).map((e) => e.value), r = Math.min(...e), i = Math.max(...e) - r || 1, a = (e) => {
 				let t = e.properties ?? {}, n = e.id ?? t[T] ?? t.id ?? t.code;
 				return n == null ? void 0 : M.get(String(n));
 			};
-			n = s.geoJSON(j, {
+			n = c.geoJSON(j, {
 				style: (e) => {
 					let t = e ? a(e) : void 0, n = t ? (t.value - r) / i : 0;
 					return {
@@ -130,15 +131,15 @@ var y = e(function({ widget: e, data: c, onClick: l, onDrilldown: u }) {
 			}), n.addTo(t);
 		}
 		if (C && w) {
-			let e = E.map((e) => m(e.value) ? e.value : 1), n = e.reduce((e, t) => Math.min(e, t), Infinity), r = e.reduce((e, t) => Math.max(e, t), -Infinity) - n || 1;
+			let e = E.map((e) => h(e.value) ? e.value : 1), n = e.reduce((e, t) => Math.min(e, t), Infinity), r = e.reduce((e, t) => Math.max(e, t), -Infinity) - n || 1;
 			E.forEach((i, a) => {
-				let o = (e[a] - n) / r, c = s.circleMarker([i.lat, i.lng], {
+				let o = (e[a] - n) / r, s = c.circleMarker([i.lat, i.lng], {
 					radius: 10 + o * 22,
-					fillColor: h(o),
+					fillColor: g(o),
 					fillOpacity: .25 + o * .35,
 					stroke: !1
 				}).addTo(t);
-				c.bindPopup(g(i)), c.on("click", () => P.current(i));
+				s.bindPopup(_(i)), s.on("click", () => P.current(i));
 			});
 		} else if (C) for (let e of E) {
 			let n = document.createElement("div");
@@ -147,17 +148,17 @@ var y = e(function({ widget: e, data: c, onClick: l, onDrilldown: u }) {
 				height: "14px",
 				borderRadius: "50% 50% 50% 0",
 				transform: "rotate(-45deg)",
-				background: p(e.color),
+				background: m(e.color),
 				border: "2px solid #fff",
 				boxShadow: "0 1px 4px rgba(0,0,0,.4)"
 			});
-			let r = s.divIcon({
+			let r = c.divIcon({
 				className: "bc-map-marker",
 				html: n,
 				iconSize: [14, 14],
 				iconAnchor: [7, 14]
-			}), i = s.marker([e.lat, e.lng], { icon: r }).addTo(t);
-			i.bindPopup(g(e)), i.on("click", () => P.current(e));
+			}), i = c.marker([e.lat, e.lng], { icon: r }).addTo(t);
+			i.bindPopup(_(e)), i.on("click", () => P.current(e));
 		}
 		t.addTo(e);
 		let r = JSON.stringify({
@@ -168,7 +169,7 @@ var y = e(function({ widget: e, data: c, onClick: l, onDrilldown: u }) {
 			fz: A ?? null,
 			g: j ? M.size : 0
 		});
-		if (r !== y.current) if (y.current = r, D) e.setView([D.lat, D.lng], O ?? e.getZoom());
+		if (r !== v.current) if (v.current = r, D) e.setView([D.lat, D.lng], O ?? e.getZoom());
 		else if (!E.length && n) {
 			let t = n.getBounds();
 			t.isValid() && e.fitBounds(t, {
@@ -177,12 +178,12 @@ var y = e(function({ widget: e, data: c, onClick: l, onDrilldown: u }) {
 			});
 		} else if (E.length === 1) e.setView([E[0].lat, E[0].lng], O ?? 8);
 		else if (E.length > 1) {
-			let t = s.latLngBounds(E.map((e) => [e.lat, e.lng]));
+			let t = c.latLngBounds(E.map((e) => [e.lat, e.lng]));
 			e.fitBounds(t, {
 				padding: [32, 32],
 				maxZoom: 12
 			});
-		} else k ? e.setView([k.lat, k.lng], O ?? A ?? e.getZoom()) : m(O ?? A) && e.setZoom(O ?? A);
+		} else k ? e.setView([k.lat, k.lng], O ?? A ?? e.getZoom()) : h(O ?? A) && e.setZoom(O ?? A);
 		let i = window.setTimeout(() => e.invalidateSize(), 0);
 		return () => {
 			window.clearTimeout(i), t.remove();
@@ -198,37 +199,37 @@ var y = e(function({ widget: e, data: c, onClick: l, onDrilldown: u }) {
 		j,
 		M,
 		T
-	]), /* @__PURE__ */ o("div", {
+	]), /* @__PURE__ */ s("div", {
 		className: "relative h-full w-full overflow-hidden rounded-lg bg-bg-sunken",
 		children: [
-			/* @__PURE__ */ a("div", {
-				ref: f,
+			/* @__PURE__ */ o("div", {
+				ref: d,
 				className: "h-full w-full"
 			}),
-			b !== "error" && E.length === 0 && !N && /* @__PURE__ */ a("div", {
+			b !== "error" && E.length === 0 && !N && /* @__PURE__ */ o("div", {
 				className: "pointer-events-none absolute inset-0 z-[500] flex items-center justify-center bg-bg-sunken/70 text-sm text-text-secondary",
-				children: /* @__PURE__ */ o("div", {
+				children: /* @__PURE__ */ s("div", {
 					className: "text-center",
-					children: [/* @__PURE__ */ o("svg", {
+					children: [/* @__PURE__ */ s("svg", {
 						className: "mx-auto mb-2 h-12 w-12 text-text-muted",
 						fill: "none",
 						stroke: "currentColor",
 						viewBox: "0 0 24 24",
-						children: [/* @__PURE__ */ a("path", {
+						children: [/* @__PURE__ */ o("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 1.5,
 							d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
-						}), /* @__PURE__ */ a("path", {
+						}), /* @__PURE__ */ o("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 1.5,
 							d: "M15 11a3 3 0 11-6 0 3 3 0 016 0z"
 						})]
-					}), /* @__PURE__ */ a("p", { children: "No map data" })]
+					}), /* @__PURE__ */ o("p", { children: "No map data" })]
 				})
 			}),
-			b === "error" && /* @__PURE__ */ a("div", {
+			b === "error" && /* @__PURE__ */ o("div", {
 				className: "absolute inset-0 z-[500] flex items-center justify-center bg-bg-sunken px-4 text-center text-sm text-text-secondary",
 				children: "The map needs an internet connection and couldn’t load."
 			})
@@ -236,4 +237,4 @@ var y = e(function({ widget: e, data: c, onClick: l, onDrilldown: u }) {
 	});
 });
 //#endregion
-export { y as default };
+export { b as default };

package/dist/bigconsole/components/widgets/metric-card/MetricCardConfig.js

@@ -1,89 +1,89 @@
 import { memo as e, useCallback as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/metric-card/MetricCardConfig.tsx
 var a = e(function({ config: e, onChange: a }) {
-	let { t: o } = i(), s = t((t, n) => {
+	let { t: o } = n(), s = t((t, n) => {
 		a({
 			...e,
 			[t]: n
 		});
 	}, [e, a]);
-	return /* @__PURE__ */ r("div", {
+	return /* @__PURE__ */ i("div", {
 		className: "min-w-0 space-y-form-gap",
 		children: [
-			/* @__PURE__ */ r("div", { children: [
-				/* @__PURE__ */ n("label", {
+			/* @__PURE__ */ i("div", { children: [
+				/* @__PURE__ */ r("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: o("bigconsole.widget.config.metricCard.valueField.label", "Value Field")
 				}),
-				/* @__PURE__ */ n("input", {
+				/* @__PURE__ */ r("input", {
 					type: "text",
 					value: e.valueField || "",
 					onChange: (e) => s("valueField", e.target.value),
 					placeholder: o("bigconsole.widget.config.metricCard.valueField.placeholder", "e.g., totalSales, value, amount"),
 					className: "\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            "
 				}),
-				/* @__PURE__ */ n("p", {
+				/* @__PURE__ */ r("p", {
 					className: "text-xs text-text-secondary mt-1",
 					children: o("bigconsole.widget.config.metricCard.valueField.help", "Field name to extract from data (leave empty for auto-detect)")
 				})
 			] }),
-			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: o("bigconsole.widget.config.metricCard.subtitle.label", "Subtitle")
-			}), /* @__PURE__ */ n("input", {
+			}), /* @__PURE__ */ r("input", {
 				type: "text",
 				value: e.subtitle || "",
 				onChange: (e) => s("subtitle", e.target.value),
 				placeholder: o("bigconsole.widget.config.metricCard.subtitle.placeholder", "e.g., Total Revenue"),
 				className: "\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            "
 			})] }),
-			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: o("bigconsole.widget.config.metricCard.format.label", "Value Format")
-			}), /* @__PURE__ */ r("select", {
+			}), /* @__PURE__ */ i("select", {
 				value: e.format || "auto",
 				onChange: (e) => s("format", e.target.value),
 				className: "\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            ",
 				children: [
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "auto",
 						children: o("bigconsole.widget.config.metricCard.format.auto", "Auto (from data)")
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "number",
 						children: o("bigconsole.widget.config.metricCard.format.number", "Number")
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "currency",
 						children: o("bigconsole.widget.config.metricCard.format.currency", "Currency")
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "percentage",
 						children: o("bigconsole.widget.config.metricCard.format.percentage", "Percentage")
 					}),
-					/* @__PURE__ */ n("option", {
+					/* @__PURE__ */ r("option", {
 						value: "compact",
 						children: o("bigconsole.widget.config.metricCard.format.compact", "Compact (1K, 1M)")
 					})
 				]
 			})] }),
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ i("div", {
 				className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-				children: [/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+				children: [/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: o("bigconsole.widget.config.metricCard.prefix.label", "Prefix")
-				}), /* @__PURE__ */ n("input", {
+				}), /* @__PURE__ */ r("input", {
 					type: "text",
 					value: e.prefix || "",
 					onChange: (e) => s("prefix", e.target.value),
 					placeholder: o("bigconsole.widget.config.metricCard.prefix.placeholder", "e.g., $"),
 					className: "\n                w-full px-3 py-2\n                text-sm text-text-primary\n                bg-bg-surface\n                border border-border-default\n                rounded-md\n                focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n              "
-				})] }), /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+				})] }), /* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: o("bigconsole.widget.config.metricCard.suffix.label", "Suffix")
-				}), /* @__PURE__ */ n("input", {
+				}), /* @__PURE__ */ r("input", {
 					type: "text",
 					value: e.suffix || "",
 					onChange: (e) => s("suffix", e.target.value),
@@ -91,69 +91,69 @@ var a = e(function({ config: e, onChange: a }) {
 					className: "\n                w-full px-3 py-2\n                text-sm text-text-primary\n                bg-bg-surface\n                border border-border-default\n                rounded-md\n                focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n              "
 				})] })]
 			}),
-			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
+			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: o("bigconsole.widget.config.metricCard.comparisonLabel.label", "Comparison Label")
-			}), /* @__PURE__ */ n("input", {
+			}), /* @__PURE__ */ r("input", {
 				type: "text",
 				value: e.comparisonLabel || "",
 				onChange: (e) => s("comparisonLabel", e.target.value),
 				placeholder: o("bigconsole.widget.config.metricCard.comparisonLabel.placeholder", "e.g., vs last week"),
 				className: "\n              w-full px-3 py-2\n              text-sm text-text-primary\n              bg-bg-surface\n              border border-border-default\n              rounded-md\n              focus:outline-none focus:ring-2 focus:ring-action-primary-bg\n            "
 			})] }),
-			/* @__PURE__ */ r("div", {
+			/* @__PURE__ */ i("div", {
 				role: "group",
 				"aria-label": "Display options",
 				className: "space-y-3 border-t border-[var(--color-border-subtle)] pt-form-gap",
 				children: [
-					/* @__PURE__ */ n("p", {
+					/* @__PURE__ */ r("p", {
 						className: "text-xs font-bold uppercase tracking-wider text-text-secondary",
 						children: "Display options"
 					}),
-					/* @__PURE__ */ r("label", {
+					/* @__PURE__ */ i("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ n("input", {
+						children: [/* @__PURE__ */ r("input", {
 							type: "checkbox",
 							checked: e.showTrend !== !1,
 							onChange: (e) => s("showTrend", e.target.checked),
 							className: "\n                w-4 h-4\n                text-action-primary-bg\n                bg-bg-surface\n                border-border-default\n                rounded\n                focus:ring-action-primary-bg\n              "
-						}), /* @__PURE__ */ n("span", {
+						}), /* @__PURE__ */ r("span", {
 							className: "text-sm text-text-primary",
 							children: o("bigconsole.widget.config.metricCard.showTrend", "Show trend indicator")
 						})]
 					}),
-					/* @__PURE__ */ r("label", {
+					/* @__PURE__ */ i("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ n("input", {
+						children: [/* @__PURE__ */ r("input", {
 							type: "checkbox",
 							checked: e.showComparison !== !1,
 							onChange: (e) => s("showComparison", e.target.checked),
 							className: "\n                w-4 h-4\n                text-action-primary-bg\n                bg-bg-surface\n                border-border-default\n                rounded\n                focus:ring-action-primary-bg\n              "
-						}), /* @__PURE__ */ n("span", {
+						}), /* @__PURE__ */ r("span", {
 							className: "text-sm text-text-primary",
 							children: o("bigconsole.widget.config.metricCard.showComparison", "Show comparison badge")
 						})]
 					}),
-					/* @__PURE__ */ r("label", {
+					/* @__PURE__ */ i("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ n("input", {
+						children: [/* @__PURE__ */ r("input", {
 							type: "checkbox",
 							checked: e.showSparkline !== !1,
 							onChange: (e) => s("showSparkline", e.target.checked),
 							className: "\n                w-4 h-4\n                text-action-primary-bg\n                bg-bg-surface\n                border-border-default\n                rounded\n                focus:ring-action-primary-bg\n              "
-						}), /* @__PURE__ */ n("span", {
+						}), /* @__PURE__ */ r("span", {
 							className: "text-sm text-text-primary",
 							children: o("bigconsole.widget.config.metricCard.showSparkline", "Show sparkline chart")
 						})]
 					}),
-					/* @__PURE__ */ r("label", {
+					/* @__PURE__ */ i("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ n("input", {
+						children: [/* @__PURE__ */ r("input", {
 							type: "checkbox",
 							checked: e.positiveIsGood !== !1,
 							onChange: (e) => s("positiveIsGood", e.target.checked),
 							className: "\n                w-4 h-4\n                text-action-primary-bg\n                bg-bg-surface\n                border-border-default\n                rounded\n                focus:ring-action-primary-bg\n              "
-						}), /* @__PURE__ */ n("span", {
+						}), /* @__PURE__ */ r("span", {
 							className: "text-sm text-text-primary",
 							children: o("bigconsole.widget.config.metricCard.positiveIsGood", "Positive change is good")
 						})]

package/dist/bigconsole/components/widgets/metric-card/SparklineChart.js

@@ -1,6 +1,6 @@
 import { memo as e, useMemo as t } from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/metric-card/SparklineChart.tsx
 var a = {
 	primary: {
@@ -24,7 +24,7 @@ var a = {
 		fill: "fill-text-secondary/10"
 	}
 }, o = e(function({ data: e, width: o = 100, height: s = 32, color: c = "primary", showFill: l = !0, strokeWidth: u = 2 }) {
-	let { t: d } = i(), f = t(() => {
+	let { t: d } = n(), f = t(() => {
 		if (!e.length) return {
 			line: "",
 			area: "",
@@ -56,31 +56,31 @@ var a = {
 		s,
 		u
 	]);
-	if (!f.end) return /* @__PURE__ */ n("div", {
+	if (!f.end) return /* @__PURE__ */ r("div", {
 		className: "flex items-center justify-center text-text-secondary",
 		style: {
 			width: o,
 			height: s
 		},
-		children: /* @__PURE__ */ n("span", {
+		children: /* @__PURE__ */ r("span", {
 			className: "text-xs",
 			children: d("bigconsole.widget.sparkline.noData", "No data")
 		})
 	});
 	let p = a[c];
-	return /* @__PURE__ */ r("svg", {
+	return /* @__PURE__ */ i("svg", {
 		width: o,
 		height: s,
 		className: "overflow-visible",
 		role: "img",
 		"aria-label": d("bigconsole.widget.sparkline.ariaLabel", "Sparkline chart"),
 		children: [
-			l && /* @__PURE__ */ n("path", {
+			l && /* @__PURE__ */ r("path", {
 				d: f.area,
 				className: p.fill,
 				strokeWidth: 0
 			}),
-			/* @__PURE__ */ n("path", {
+			/* @__PURE__ */ r("path", {
 				d: f.line,
 				className: p.stroke,
 				fill: "none",
@@ -88,7 +88,7 @@ var a = {
 				strokeLinecap: "round",
 				strokeLinejoin: "round"
 			}),
-			/* @__PURE__ */ n("circle", {
+			/* @__PURE__ */ r("circle", {
 				cx: f.end.x,
 				cy: f.end.y,
 				r: u + 1,

package/dist/bigconsole/components/widgets/metric-card/TrendIndicator.js

@@ -1,48 +1,48 @@
 import { memo as e } from "react";
-import { jsx as t } from "react/jsx-runtime";
-import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { useI18n as t } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/metric-card/TrendIndicator.tsx
 var r = {
 	sm: "w-3 h-3",
 	md: "w-4 h-4",
 	lg: "w-5 h-5"
 }, i = e(function({ direction: e, size: i = "md", positiveIsGood: a = !0 }) {
-	let { t: o } = n(), s = () => {
+	let { t: o } = t(), s = () => {
 		if (e === "flat") return "text-text-secondary";
 		let t = e === "up";
 		return (a ? t : !t) ? "text-status-success-text" : "text-status-error-text";
 	}, c = r[i], l = s();
-	return e === "flat" ? /* @__PURE__ */ t("svg", {
+	return e === "flat" ? /* @__PURE__ */ n("svg", {
 		className: `${c} ${l}`,
 		fill: "none",
 		stroke: "currentColor",
 		viewBox: "0 0 24 24",
 		"aria-label": o("bigconsole.widget.trend.noChange", "No change"),
-		children: /* @__PURE__ */ t("path", {
+		children: /* @__PURE__ */ n("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: 2,
 			d: "M5 12h14"
 		})
-	}) : e === "up" ? /* @__PURE__ */ t("svg", {
+	}) : e === "up" ? /* @__PURE__ */ n("svg", {
 		className: `${c} ${l}`,
 		fill: "none",
 		stroke: "currentColor",
 		viewBox: "0 0 24 24",
 		"aria-label": o("bigconsole.widget.trend.up", "Trending up"),
-		children: /* @__PURE__ */ t("path", {
+		children: /* @__PURE__ */ n("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: 2,
 			d: "M5 15l7-7 7 7"
 		})
-	}) : /* @__PURE__ */ t("svg", {
+	}) : /* @__PURE__ */ n("svg", {
 		className: `${c} ${l}`,
 		fill: "none",
 		stroke: "currentColor",
 		viewBox: "0 0 24 24",
 		"aria-label": o("bigconsole.widget.trend.down", "Trending down"),
-		children: /* @__PURE__ */ t("path", {
+		children: /* @__PURE__ */ n("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: 2,