@burdenoff/microfe-bigconsole 2026.924.1 → 2026.924.3

package/dist/bigconsole/components/widgets/kanban/KanbanWidget.js

@@ -1,6 +1,6 @@
 import { memo as e, useMemo as t } from "react";
-import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/widgets/kanban/KanbanWidget.tsx
 function a(e) {
 	switch (e) {
@@ -111,79 +111,79 @@ function f(e, t) {
 	};
 }
 var p = e(function({ widget: e, data: o, onClick: s }) {
-	let { t: c } = n(), l = e.config, { columns: u, tasks: d } = t(() => f(o, l), [o, l]), p = t(() => {
+	let { t: c } = i(), l = e.config, { columns: u, tasks: d } = t(() => f(o, l), [o, l]), p = t(() => {
 		let e = {};
 		return u.forEach((t) => {
 			e[t.id] = d.filter((e) => e.column === t.id);
 		}), e;
 	}, [u, d]);
-	return u.length ? /* @__PURE__ */ r("div", {
+	return u.length ? /* @__PURE__ */ n("div", {
 		className: "flex h-full p-2 gap-2 overflow-x-auto",
 		children: u.map((e) => {
 			let t = p[e.id] || [];
-			return /* @__PURE__ */ i("div", {
+			return /* @__PURE__ */ r("div", {
 				className: "flex-shrink-0 w-48 flex flex-col bg-bg-sunken/50 rounded-lg",
-				children: [/* @__PURE__ */ i("div", {
+				children: [/* @__PURE__ */ r("div", {
 					className: "flex items-center gap-2 p-2 border-b border-border-default",
 					children: [
-						/* @__PURE__ */ r("div", {
+						/* @__PURE__ */ n("div", {
 							className: "w-2 h-2 rounded-full",
 							style: { backgroundColor: e.color || "var(--color-text-muted)" }
 						}),
-						/* @__PURE__ */ r("span", {
+						/* @__PURE__ */ n("span", {
 							className: "text-xs font-medium text-text-primary truncate",
 							children: e.title
 						}),
-						/* @__PURE__ */ r("span", {
+						/* @__PURE__ */ n("span", {
 							className: "ml-auto text-xs text-text-muted",
 							children: t.length
 						})
 					]
-				}), /* @__PURE__ */ i("div", {
+				}), /* @__PURE__ */ r("div", {
 					className: "flex-1 p-2 space-y-2 overflow-y-auto",
-					children: [t.map((e) => /* @__PURE__ */ i("div", {
+					children: [t.map((e) => /* @__PURE__ */ r("div", {
 						className: `
                       p-2 bg-bg-surface rounded border border-border-default
                       ${s ? "cursor-pointer hover:border-action-primary-bg" : ""}
                       transition-colors
                     `,
 						onClick: () => s?.(e),
-						children: [/* @__PURE__ */ r("p", {
+						children: [/* @__PURE__ */ n("p", {
 							className: "text-xs font-medium text-text-primary line-clamp-2",
 							children: e.title
-						}), /* @__PURE__ */ i("div", {
+						}), /* @__PURE__ */ r("div", {
 							className: "flex items-center gap-1 mt-2 flex-wrap",
-							children: [e.priority && /* @__PURE__ */ r("span", {
+							children: [e.priority && /* @__PURE__ */ n("span", {
 								className: `px-1.5 py-0.5 text-[10px] rounded ${a(e.priority)}`,
 								children: e.priority
-							}), e.assignee && /* @__PURE__ */ r("span", {
+							}), e.assignee && /* @__PURE__ */ n("span", {
 								className: "px-1.5 py-0.5 text-[10px] rounded bg-action-primary-bg/10 text-action-primary-text",
 								children: e.assignee
 							})]
 						})]
-					}, e.id)), t.length === 0 && /* @__PURE__ */ r("p", {
+					}, e.id)), t.length === 0 && /* @__PURE__ */ n("p", {
 						className: "text-[10px] text-text-muted text-center py-4",
 						children: c("bigconsole.widget.kanban.noTasks", "No tasks")
 					})]
 				})]
 			}, e.id);
 		})
-	}) : /* @__PURE__ */ r("div", {
+	}) : /* @__PURE__ */ n("div", {
 		className: "flex items-center justify-center h-full text-text-secondary text-sm",
-		children: /* @__PURE__ */ i("div", {
+		children: /* @__PURE__ */ r("div", {
 			className: "text-center",
-			children: [/* @__PURE__ */ r("svg", {
+			children: [/* @__PURE__ */ n("svg", {
 				className: "w-12 h-12 mx-auto mb-2 text-text-muted",
 				fill: "none",
 				stroke: "currentColor",
 				viewBox: "0 0 24 24",
-				children: /* @__PURE__ */ r("path", {
+				children: /* @__PURE__ */ n("path", {
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
 					strokeWidth: 1.5,
 					d: "M9 17V7m0 10a2 2 0 01-2 2H5a2 2 0 01-2-2V7a2 2 0 012-2h2a2 2 0 012 2m0 10a2 2 0 002 2h2a2 2 0 002-2M9 7a2 2 0 012-2h2a2 2 0 012 2m0 10V7m0 10a2 2 0 002 2h2a2 2 0 002-2V7a2 2 0 00-2-2h-2a2 2 0 00-2 2"
 				})
-			}), /* @__PURE__ */ r("p", { children: c("bigconsole.widget.kanban.emptyState", "No board data") })]
+			}), /* @__PURE__ */ n("p", { children: c("bigconsole.widget.kanban.emptyState", "No board data") })]
 		})
 	});
 });

package/dist/bigconsole/components/widgets/list/ListConfig.js

@@ -1,23 +1,23 @@
 import { memo as e, useCallback as t } from "react";
-import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/widgets/list/ListConfig.tsx
 var a = e(function({ config: e, onChange: a }) {
-	let { t: o } = n(), s = t((t, n) => {
+	let { t: o } = i(), s = t((t, n) => {
 		a({
 			...e,
 			[t]: n
 		});
 	}, [e, a]);
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ r("div", {
 		className: "min-w-0 space-y-form-gap",
 		children: [
-			/* @__PURE__ */ i("div", { children: [
-				/* @__PURE__ */ r("label", {
+			/* @__PURE__ */ r("div", { children: [
+				/* @__PURE__ */ n("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: o("bigconsole.widget.config.list.maxItems.label", "Maximum Items to Display")
 				}),
-				/* @__PURE__ */ r("input", {
+				/* @__PURE__ */ n("input", {
 					type: "number",
 					value: e.maxItems ?? "",
 					onChange: (e) => s("maxItems", e.target.value ? Number(e.target.value) : void 0),
@@ -25,104 +25,104 @@ var a = e(function({ config: e, onChange: a }) {
 					placeholder: o("bigconsole.widget.config.list.maxItems.placeholder", "No limit"),
 					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("p", {
+				/* @__PURE__ */ n("p", {
 					className: "text-xs text-text-secondary mt-1",
 					children: o("bigconsole.widget.config.list.maxItems.help", "Leave empty to show all items")
 				})
 			] }),
-			/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
+			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: o("bigconsole.widget.config.list.titleField.label", "Title Field")
-			}), /* @__PURE__ */ r("input", {
+			}), /* @__PURE__ */ n("input", {
 				type: "text",
 				value: e.titleField || "",
 				onChange: (e) => s("titleField", e.target.value),
 				placeholder: o("bigconsole.widget.config.list.titleField.placeholder", "e.g., name, title"),
 				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__ */ i("div", { children: [/* @__PURE__ */ r("label", {
+			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: o("bigconsole.widget.config.list.subtitleField.label", "Subtitle Field")
-			}), /* @__PURE__ */ r("input", {
+			}), /* @__PURE__ */ n("input", {
 				type: "text",
 				value: e.subtitleField || "",
 				onChange: (e) => s("subtitleField", e.target.value),
 				placeholder: o("bigconsole.widget.config.list.subtitleField.placeholder", "e.g., description, email"),
 				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__ */ i("div", { children: [/* @__PURE__ */ r("label", {
+			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: o("bigconsole.widget.config.list.valueField.label", "Value Field (right side)")
-			}), /* @__PURE__ */ r("input", {
+			}), /* @__PURE__ */ n("input", {
 				type: "text",
 				value: e.valueField || "",
 				onChange: (e) => s("valueField", e.target.value),
 				placeholder: o("bigconsole.widget.config.list.valueField.placeholder", "e.g., amount, count"),
 				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__ */ i("div", { children: [/* @__PURE__ */ r("label", {
+			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: o("bigconsole.widget.config.list.badgeField.label", "Badge Field")
-			}), /* @__PURE__ */ r("input", {
+			}), /* @__PURE__ */ n("input", {
 				type: "text",
 				value: e.badgeField || "",
 				onChange: (e) => s("badgeField", e.target.value),
 				placeholder: o("bigconsole.widget.config.list.badgeField.placeholder", "e.g., status, type"),
 				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__ */ i("div", {
+			/* @__PURE__ */ r("div", {
 				role: "group",
 				"aria-label": "Display options",
 				className: "space-y-3 border-t border-[var(--color-border-subtle)] pt-form-gap",
 				children: [
-					/* @__PURE__ */ r("p", {
+					/* @__PURE__ */ n("p", {
 						className: "text-xs font-bold uppercase tracking-wider text-text-secondary",
 						children: "Display options"
 					}),
-					/* @__PURE__ */ i("label", {
+					/* @__PURE__ */ r("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ r("input", {
+						children: [/* @__PURE__ */ n("input", {
 							type: "checkbox",
 							checked: e.showCount !== !1,
 							onChange: (e) => s("showCount", 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__ */ r("span", {
+						}), /* @__PURE__ */ n("span", {
 							className: "text-sm text-text-primary",
 							children: o("bigconsole.widget.config.list.showCount", "Show item count")
 						})]
 					}),
-					/* @__PURE__ */ i("label", {
+					/* @__PURE__ */ r("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ r("input", {
+						children: [/* @__PURE__ */ n("input", {
 							type: "checkbox",
 							checked: e.showSearch === !0,
 							onChange: (e) => s("showSearch", 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__ */ r("span", {
+						}), /* @__PURE__ */ n("span", {
 							className: "text-sm text-text-primary",
 							children: o("bigconsole.widget.config.list.showSearch", "Show search box")
 						})]
 					}),
-					/* @__PURE__ */ i("label", {
+					/* @__PURE__ */ r("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ r("input", {
+						children: [/* @__PURE__ */ n("input", {
 							type: "checkbox",
 							checked: e.showViewAll !== !1,
 							onChange: (e) => s("showViewAll", 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__ */ r("span", {
+						}), /* @__PURE__ */ n("span", {
 							className: "text-sm text-text-primary",
 							children: o("bigconsole.widget.config.list.showViewAll", "Show \"View All\" link when truncated")
 						})]
 					}),
-					/* @__PURE__ */ i("label", {
+					/* @__PURE__ */ r("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ r("input", {
+						children: [/* @__PURE__ */ n("input", {
 							type: "checkbox",
 							checked: e.showIcon === !0,
 							onChange: (e) => s("showIcon", 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__ */ r("span", {
+						}), /* @__PURE__ */ n("span", {
 							className: "text-sm text-text-primary",
 							children: o("bigconsole.widget.config.list.showIcon", "Show item icons")
 						})]

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

@@ -1,89 +1,89 @@
 import { memo as e, useCallback as t } from "react";
-import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/bigconsole/components/widgets/metric-card/MetricCardConfig.tsx
 var a = e(function({ config: e, onChange: a }) {
-	let { t: o } = n(), s = t((t, n) => {
+	let { t: o } = i(), s = t((t, n) => {
 		a({
 			...e,
 			[t]: n
 		});
 	}, [e, a]);
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ r("div", {
 		className: "min-w-0 space-y-form-gap",
 		children: [
-			/* @__PURE__ */ i("div", { children: [
-				/* @__PURE__ */ r("label", {
+			/* @__PURE__ */ r("div", { children: [
+				/* @__PURE__ */ n("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: o("bigconsole.widget.config.metricCard.valueField.label", "Value Field")
 				}),
-				/* @__PURE__ */ r("input", {
+				/* @__PURE__ */ n("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__ */ r("p", {
+				/* @__PURE__ */ n("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__ */ i("div", { children: [/* @__PURE__ */ r("label", {
+			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: o("bigconsole.widget.config.metricCard.subtitle.label", "Subtitle")
-			}), /* @__PURE__ */ r("input", {
+			}), /* @__PURE__ */ n("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__ */ i("div", { children: [/* @__PURE__ */ r("label", {
+			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: o("bigconsole.widget.config.metricCard.format.label", "Value Format")
-			}), /* @__PURE__ */ i("select", {
+			}), /* @__PURE__ */ r("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__ */ r("option", {
+					/* @__PURE__ */ n("option", {
 						value: "auto",
 						children: o("bigconsole.widget.config.metricCard.format.auto", "Auto (from data)")
 					}),
-					/* @__PURE__ */ r("option", {
+					/* @__PURE__ */ n("option", {
 						value: "number",
 						children: o("bigconsole.widget.config.metricCard.format.number", "Number")
 					}),
-					/* @__PURE__ */ r("option", {
+					/* @__PURE__ */ n("option", {
 						value: "currency",
 						children: o("bigconsole.widget.config.metricCard.format.currency", "Currency")
 					}),
-					/* @__PURE__ */ r("option", {
+					/* @__PURE__ */ n("option", {
 						value: "percentage",
 						children: o("bigconsole.widget.config.metricCard.format.percentage", "Percentage")
 					}),
-					/* @__PURE__ */ r("option", {
+					/* @__PURE__ */ n("option", {
 						value: "compact",
 						children: o("bigconsole.widget.config.metricCard.format.compact", "Compact (1K, 1M)")
 					})
 				]
 			})] }),
-			/* @__PURE__ */ i("div", {
+			/* @__PURE__ */ r("div", {
 				className: "grid grid-cols-1 gap-3 sm:grid-cols-2",
-				children: [/* @__PURE__ */ i("div", { children: [/* @__PURE__ */ r("label", {
+				children: [/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: o("bigconsole.widget.config.metricCard.prefix.label", "Prefix")
-				}), /* @__PURE__ */ r("input", {
+				}), /* @__PURE__ */ n("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__ */ i("div", { children: [/* @__PURE__ */ r("label", {
+				})] }), /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
 					className: "block text-sm font-medium text-text-primary mb-1",
 					children: o("bigconsole.widget.config.metricCard.suffix.label", "Suffix")
-				}), /* @__PURE__ */ r("input", {
+				}), /* @__PURE__ */ n("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__ */ i("div", { children: [/* @__PURE__ */ r("label", {
+			/* @__PURE__ */ r("div", { children: [/* @__PURE__ */ n("label", {
 				className: "block text-sm font-medium text-text-primary mb-1",
 				children: o("bigconsole.widget.config.metricCard.comparisonLabel.label", "Comparison Label")
-			}), /* @__PURE__ */ r("input", {
+			}), /* @__PURE__ */ n("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__ */ i("div", {
+			/* @__PURE__ */ r("div", {
 				role: "group",
 				"aria-label": "Display options",
 				className: "space-y-3 border-t border-[var(--color-border-subtle)] pt-form-gap",
 				children: [
-					/* @__PURE__ */ r("p", {
+					/* @__PURE__ */ n("p", {
 						className: "text-xs font-bold uppercase tracking-wider text-text-secondary",
 						children: "Display options"
 					}),
-					/* @__PURE__ */ i("label", {
+					/* @__PURE__ */ r("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ r("input", {
+						children: [/* @__PURE__ */ n("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__ */ r("span", {
+						}), /* @__PURE__ */ n("span", {
 							className: "text-sm text-text-primary",
 							children: o("bigconsole.widget.config.metricCard.showTrend", "Show trend indicator")
 						})]
 					}),
-					/* @__PURE__ */ i("label", {
+					/* @__PURE__ */ r("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ r("input", {
+						children: [/* @__PURE__ */ n("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__ */ r("span", {
+						}), /* @__PURE__ */ n("span", {
 							className: "text-sm text-text-primary",
 							children: o("bigconsole.widget.config.metricCard.showComparison", "Show comparison badge")
 						})]
 					}),
-					/* @__PURE__ */ i("label", {
+					/* @__PURE__ */ r("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ r("input", {
+						children: [/* @__PURE__ */ n("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__ */ r("span", {
+						}), /* @__PURE__ */ n("span", {
 							className: "text-sm text-text-primary",
 							children: o("bigconsole.widget.config.metricCard.showSparkline", "Show sparkline chart")
 						})]
 					}),
-					/* @__PURE__ */ i("label", {
+					/* @__PURE__ */ r("label", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ r("input", {
+						children: [/* @__PURE__ */ n("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__ */ r("span", {
+						}), /* @__PURE__ */ n("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 { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useI18n as i } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#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 } = n(), f = t(() => {
+	let { t: d } = i(), f = t(() => {
 		if (!e.length) return {
 			line: "",
 			area: "",
@@ -56,31 +56,31 @@ var a = {
 		s,
 		u
 	]);
-	if (!f.end) return /* @__PURE__ */ r("div", {
+	if (!f.end) return /* @__PURE__ */ n("div", {
 		className: "flex items-center justify-center text-text-secondary",
 		style: {
 			width: o,
 			height: s
 		},
-		children: /* @__PURE__ */ r("span", {
+		children: /* @__PURE__ */ n("span", {
 			className: "text-xs",
 			children: d("bigconsole.widget.sparkline.noData", "No data")
 		})
 	});
 	let p = a[c];
-	return /* @__PURE__ */ i("svg", {
+	return /* @__PURE__ */ r("svg", {
 		width: o,
 		height: s,
 		className: "overflow-visible",
 		role: "img",
 		"aria-label": d("bigconsole.widget.sparkline.ariaLabel", "Sparkline chart"),
 		children: [
-			l && /* @__PURE__ */ r("path", {
+			l && /* @__PURE__ */ n("path", {
 				d: f.area,
 				className: p.fill,
 				strokeWidth: 0
 			}),
-			/* @__PURE__ */ r("path", {
+			/* @__PURE__ */ n("path", {
 				d: f.line,
 				className: p.stroke,
 				fill: "none",
@@ -88,7 +88,7 @@ var a = {
 				strokeLinecap: "round",
 				strokeLinejoin: "round"
 			}),
-			/* @__PURE__ */ r("circle", {
+			/* @__PURE__ */ n("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 { useI18n as t } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#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 } = t(), s = () => {
+	let { t: o } = n(), 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__ */ n("svg", {
+	return e === "flat" ? /* @__PURE__ */ t("svg", {
 		className: `${c} ${l}`,
 		fill: "none",
 		stroke: "currentColor",
 		viewBox: "0 0 24 24",
 		"aria-label": o("bigconsole.widget.trend.noChange", "No change"),
-		children: /* @__PURE__ */ n("path", {
+		children: /* @__PURE__ */ t("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: 2,
 			d: "M5 12h14"
 		})
-	}) : e === "up" ? /* @__PURE__ */ n("svg", {
+	}) : e === "up" ? /* @__PURE__ */ t("svg", {
 		className: `${c} ${l}`,
 		fill: "none",
 		stroke: "currentColor",
 		viewBox: "0 0 24 24",
 		"aria-label": o("bigconsole.widget.trend.up", "Trending up"),
-		children: /* @__PURE__ */ n("path", {
+		children: /* @__PURE__ */ t("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: 2,
 			d: "M5 15l7-7 7 7"
 		})
-	}) : /* @__PURE__ */ n("svg", {
+	}) : /* @__PURE__ */ t("svg", {
 		className: `${c} ${l}`,
 		fill: "none",
 		stroke: "currentColor",
 		viewBox: "0 0 24 24",
 		"aria-label": o("bigconsole.widget.trend.down", "Trending down"),
-		children: /* @__PURE__ */ n("path", {
+		children: /* @__PURE__ */ t("path", {
 			strokeLinecap: "round",
 			strokeLinejoin: "round",
 			strokeWidth: 2,