@burdenoff/microfe-movethewheels 2026.704.2 → 2026.713.1

package/dist/components/PageLayout.js

@@ -0,0 +1,157 @@
+import { cn as e } from "../utils/cn.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { AuroraBackground as i, GradientText as a, IllustratedEmptyState as o } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/components/PageLayout.tsx
+var s = {
+	sm: "max-w-screen-sm",
+	md: "max-w-screen-md",
+	lg: "max-w-screen-lg",
+	xl: "max-w-screen-xl",
+	"2xl": "max-w-screen-2xl",
+	"3xl": "max-w-[1600px]",
+	full: "max-w-full"
+};
+function c({ children: o, title: c, subtitle: l, icon: u, headerActions: d, headerContent: f, maxWidth: p = "xl", showHeader: m = !0, className: h, contentClassName: g, hero: _ = !1, titleAccent: v }) {
+	return /* @__PURE__ */ n("div", {
+		className: e("min-h-full w-full", "px-4 sm:px-6 lg:px-8 xl:px-12", "py-6 sm:py-8 lg:py-10", "animate-in fade-in-0 slide-in-from-bottom-4 duration-500", h),
+		children: /* @__PURE__ */ r("div", {
+			className: e("mx-auto w-full", s[p], g),
+			children: [m && (c || d) && /* @__PURE__ */ r("header", {
+				className: e("mb-6 sm:mb-8", _ && "relative overflow-hidden rounded-card border border-border-seam bg-hero-mesh px-5 py-6 sm:px-7 sm:py-8"),
+				children: [
+					_ && /* @__PURE__ */ n(i, { intensity: "subtle" }),
+					/* @__PURE__ */ r("div", {
+						className: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",
+						children: [/* @__PURE__ */ r("div", {
+							className: "space-y-1",
+							children: [(c || u) && /* @__PURE__ */ r("div", {
+								className: "flex items-center gap-3",
+								children: [u && /* @__PURE__ */ n("div", {
+									className: "flex-shrink-0 p-2.5 rounded-xl bg-action-primary-bg/10 text-action-primary-bg",
+									children: u
+								}), c && /* @__PURE__ */ n("h1", {
+									className: "text-2xl sm:text-3xl font-bold tracking-tight text-text-primary",
+									children: ((e) => {
+										if (!v || !e.includes(v)) return e;
+										let [i, o] = e.split(v);
+										return /* @__PURE__ */ r(t, { children: [
+											i,
+											/* @__PURE__ */ n(a, { children: v }),
+											o
+										] });
+									})(c)
+								})]
+							}), l && /* @__PURE__ */ n("p", {
+								className: "text-sm sm:text-base text-text-secondary max-w-2xl",
+								children: l
+							})]
+						}), d && /* @__PURE__ */ n("div", {
+							className: "flex items-center gap-2 flex-shrink-0",
+							children: d
+						})]
+					}),
+					f && /* @__PURE__ */ n("div", {
+						className: "mt-4",
+						children: f
+					})
+				]
+			}), /* @__PURE__ */ n("div", {
+				className: "space-y-6",
+				children: o
+			})]
+		})
+	});
+}
+function l({ children: t, title: i, description: a, actions: o, className: s }) {
+	return /* @__PURE__ */ r("section", {
+		className: e("space-y-4", s),
+		children: [(i || o) && /* @__PURE__ */ r("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ r("div", { children: [i && /* @__PURE__ */ n("h2", {
+				className: "text-lg font-semibold text-text-primary",
+				children: i
+			}), a && /* @__PURE__ */ n("p", {
+				className: "text-sm text-text-secondary",
+				children: a
+			})] }), o && /* @__PURE__ */ n("div", {
+				className: "flex items-center gap-2",
+				children: o
+			})]
+		}), t]
+	});
+}
+function u({ icon: t, title: i, description: a, action: s, className: c, illustration: l = "empty-data" }) {
+	return t ? /* @__PURE__ */ r("div", {
+		className: e("flex flex-col items-center justify-center", "py-12 sm:py-16 px-4", "text-center", "animate-in fade-in-0 zoom-in-95 duration-300", c),
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: "mb-4 p-4 rounded-2xl bg-bg-sunken/50 text-text-secondary",
+				children: t
+			}),
+			/* @__PURE__ */ n("h3", {
+				className: "text-lg font-semibold text-text-primary mb-1",
+				children: i
+			}),
+			a && /* @__PURE__ */ n("p", {
+				className: "text-sm text-text-secondary max-w-sm mb-4",
+				children: a
+			}),
+			s
+		]
+	}) : /* @__PURE__ */ n(o, {
+		illustration: l,
+		title: i,
+		description: a,
+		action: s,
+		className: e("animate-in fade-in-0 zoom-in-95 duration-300", c)
+	});
+}
+function d({ message: e = "Loading..." }) {
+	return /* @__PURE__ */ n("div", {
+		className: "flex items-center justify-center min-h-[400px]",
+		children: /* @__PURE__ */ r("div", {
+			className: "flex flex-col items-center gap-3",
+			children: [/* @__PURE__ */ n("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-primary" }), /* @__PURE__ */ n("p", {
+				className: "text-sm text-text-secondary",
+				children: e
+			})]
+		})
+	});
+}
+function f({ title: e = "Something went wrong", message: t, onRetry: i }) {
+	return /* @__PURE__ */ r("div", {
+		className: "flex flex-col items-center justify-center py-12 px-4 text-center",
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: "mb-4 p-4 rounded-2xl bg-status-error-bg/10 text-status-error-text",
+				children: /* @__PURE__ */ n("svg", {
+					className: "h-12 w-12",
+					fill: "none",
+					viewBox: "0 0 24 24",
+					stroke: "currentColor",
+					children: /* @__PURE__ */ n("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+					})
+				})
+			}),
+			/* @__PURE__ */ n("h3", {
+				className: "text-lg font-semibold text-text-primary mb-1",
+				children: e
+			}),
+			t && /* @__PURE__ */ n("p", {
+				className: "text-sm text-text-secondary max-w-sm mb-4",
+				children: t
+			}),
+			i && /* @__PURE__ */ n("button", {
+				onClick: i,
+				className: "px-4 py-2 text-sm font-medium text-primary hover:text-primary/80 transition-colors",
+				children: "Try again"
+			})
+		]
+	});
+}
+//#endregion
+export { u as EmptyState, f as ErrorState, d as LoadingState, c as PageLayout, l as PageSection };

package/dist/components/StatusBadge.js

@@ -0,0 +1,105 @@
+import { cn as e } from "../utils/cn.js";
+import { Badge as t } from "./ui.js";
+import { DRIVER_STATUS_COLORS as n, ORDER_STATUS_COLORS as r, PRIORITY_COLORS as i, VEHICLE_STATUS_COLORS as a } from "../constants/index.js";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/movethewheels/components/StatusBadge.tsx
+var c = {
+	sm: "text-xs px-2 py-0.5",
+	md: "text-sm px-2.5 py-1",
+	lg: "text-base px-3 py-1.5"
+};
+function l({ status: i, type: l = "custom", customColors: u, size: d = "md", showDot: f = !0, className: p }) {
+	let m = u, h = {
+		bg: "bg-bg-sunken",
+		text: "text-text-secondary"
+	};
+	if (!m) switch (l) {
+		case "order":
+			m = r[i] || h;
+			break;
+		case "vehicle":
+			m = a[i] || h;
+			break;
+		case "driver":
+			m = n[i] || h;
+			break;
+		default: m = h;
+	}
+	let g = i.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+	return /* @__PURE__ */ s(t, {
+		variant: "outline",
+		className: e("inline-flex items-center gap-1.5 whitespace-nowrap rounded-full border-0 font-medium capitalize", "ring-1 ring-inset ring-border-seam/60", m.bg, m.text, c[d], p),
+		children: [f && /* @__PURE__ */ o("span", {
+			"aria-hidden": "true",
+			className: e("h-1.5 w-1.5 flex-shrink-0 rounded-full motion-safe:animate-vc-glow-pulse", m.text.replace("text-", "bg-"))
+		}), g]
+	});
+}
+function u({ priority: n, size: r = "md", className: a }) {
+	let s = i[n];
+	return /* @__PURE__ */ o(t, {
+		variant: "outline",
+		className: e("rounded-full font-medium capitalize border-0 whitespace-nowrap ring-1 ring-inset ring-border-seam/60", s.bg, s.text, c[r], a),
+		children: n
+	});
+}
+function d({ type: n, size: r = "md", className: i }) {
+	let a = {
+		b2b: {
+			bg: "bg-status-info-bg-subtle",
+			text: "text-status-info-text"
+		},
+		b2c: {
+			bg: "bg-status-success-bg-subtle",
+			text: "text-status-success-text"
+		}
+	}[n];
+	return /* @__PURE__ */ o(t, {
+		variant: "outline",
+		className: e("rounded-full font-medium uppercase border-0 whitespace-nowrap ring-1 ring-inset ring-border-seam/60", a.bg, a.text, c[r], i),
+		children: n
+	});
+}
+function f({ status: n, size: r = "md", className: i }) {
+	let a = {
+		pending: {
+			bg: "bg-status-warning-bg-subtle",
+			text: "text-status-warning-text"
+		},
+		paid: {
+			bg: "bg-status-success-bg-subtle",
+			text: "text-status-success-text"
+		},
+		failed: {
+			bg: "bg-status-error-bg-subtle",
+			text: "text-status-error-text"
+		},
+		refunded: {
+			bg: "bg-bg-sunken",
+			text: "text-text-secondary"
+		}
+	}[n];
+	return /* @__PURE__ */ o(t, {
+		variant: "outline",
+		className: e("rounded-full font-medium capitalize border-0 whitespace-nowrap ring-1 ring-inset ring-border-seam/60", a.bg, a.text, c[r], i),
+		children: n
+	});
+}
+function p({ type: n, size: r = "md", className: i }) {
+	return /* @__PURE__ */ s(t, {
+		variant: "outline",
+		className: e("rounded-full font-medium capitalize whitespace-nowrap inline-flex items-center ring-1 ring-inset ring-border-seam/60", c[r], i),
+		children: [/* @__PURE__ */ o("span", {
+			className: "mr-1",
+			children: {
+				van: "🚐",
+				truck: "🚚",
+				motorcycle: "🏍️",
+				bicycle: "🚲",
+				car: "🚗"
+			}[n]
+		}), n]
+	});
+}
+//#endregion
+export { f as PaymentStatusBadge, u as PriorityBadge, l as StatusBadge, d as TypeBadge, p as VehicleTypeBadge };

package/dist/components/charts/ChartShell.js

@@ -0,0 +1,45 @@
+import { cn as e } from "../../utils/cn.js";
+import { chartTokens as t } from "./chartTokens.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/movethewheels/components/charts/ChartShell.tsx
+function i({ message: t = "No data yet", height: r, className: i }) {
+	return /* @__PURE__ */ n("div", {
+		className: e("flex items-center justify-center rounded-2xl border border-dashed border-border-seam bg-bg-sunken/40 text-sm text-text-secondary", i),
+		style: {
+			height: r ?? "100%",
+			minHeight: 120
+		},
+		children: t
+	});
+}
+function a({ active: e, payload: i, label: a, formatter: o }) {
+	return !e || !i || i.length === 0 ? null : /* @__PURE__ */ r("div", {
+		className: "rounded-xl border border-border-seam bg-bg-surface/95 px-3 py-2 shadow-elevation-2 backdrop-blur-sm",
+		children: [a != null && a !== "" && /* @__PURE__ */ n("p", {
+			className: "mb-1 text-xs font-medium text-text-secondary",
+			children: a
+		}), /* @__PURE__ */ n("div", {
+			className: "space-y-1",
+			children: i.map((e, i) => /* @__PURE__ */ r("div", {
+				className: "flex items-center gap-2 text-xs",
+				children: [
+					/* @__PURE__ */ n("span", {
+						"aria-hidden": "true",
+						className: "h-2 w-2 shrink-0 rounded-full",
+						style: { background: e.color ?? t.brandPrimary }
+					}),
+					/* @__PURE__ */ n("span", {
+						className: "text-text-secondary",
+						children: e.name
+					}),
+					/* @__PURE__ */ n("span", {
+						className: "ml-auto font-semibold tabular-nums text-text-primary",
+						children: o && e.value != null ? o(e.value, String(e.name ?? "")) : e.value
+					})
+				]
+			}, i))
+		})]
+	});
+}
+//#endregion
+export { i as ChartEmpty, a as ChartTooltip };

package/dist/components/charts/Sparkline.js

@@ -0,0 +1,95 @@
+import { ResponsiveContainer as e } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { Line as t } from "../../node_modules/recharts/es6/cartesian/Line.js";
+import { Area as n } from "../../node_modules/recharts/es6/cartesian/Area.js";
+import { YAxis as r } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
+import { LineChart as i } from "../../node_modules/recharts/es6/chart/LineChart.js";
+import { AreaChart as a } from "../../node_modules/recharts/es6/chart/AreaChart.js";
+import { chartTokens as o } from "./chartTokens.js";
+import { useId as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/movethewheels/components/charts/Sparkline.tsx
+function u({ data: u, color: d = o.brandPrimary, variant: f = "area", height: p = 40, width: m = "100%", className: h, strokeWidth: g = 2 }) {
+	let _ = s().replace(/:/g, ""), v = u.map((e, t) => ({
+		i: t,
+		value: typeof e == "number" ? e : e.value
+	}));
+	return v.length < 2 ? /* @__PURE__ */ c("div", {
+		style: {
+			height: p,
+			width: m
+		},
+		className: h,
+		"aria-hidden": "true"
+	}) : /* @__PURE__ */ c("div", {
+		style: {
+			height: p,
+			width: m
+		},
+		className: h,
+		children: /* @__PURE__ */ c(e, {
+			width: "100%",
+			height: "100%",
+			children: f === "area" ? /* @__PURE__ */ l(a, {
+				data: v,
+				margin: {
+					top: 2,
+					right: 0,
+					bottom: 2,
+					left: 0
+				},
+				children: [
+					/* @__PURE__ */ c("defs", { children: /* @__PURE__ */ l("linearGradient", {
+						id: _,
+						x1: "0",
+						y1: "0",
+						x2: "0",
+						y2: "1",
+						children: [/* @__PURE__ */ c("stop", {
+							offset: "0%",
+							stopColor: d,
+							stopOpacity: .35
+						}), /* @__PURE__ */ c("stop", {
+							offset: "100%",
+							stopColor: d,
+							stopOpacity: 0
+						})]
+					}) }),
+					/* @__PURE__ */ c(r, {
+						hide: !0,
+						domain: ["dataMin", "dataMax"]
+					}),
+					/* @__PURE__ */ c(n, {
+						type: "monotone",
+						dataKey: "value",
+						stroke: d,
+						strokeWidth: g,
+						fill: `url(#${_})`,
+						isAnimationActive: !1,
+						dot: !1
+					})
+				]
+			}) : /* @__PURE__ */ l(i, {
+				data: v,
+				margin: {
+					top: 2,
+					right: 0,
+					bottom: 2,
+					left: 0
+				},
+				children: [/* @__PURE__ */ c(r, {
+					hide: !0,
+					domain: ["dataMin", "dataMax"]
+				}), /* @__PURE__ */ c(t, {
+					type: "monotone",
+					dataKey: "value",
+					stroke: d,
+					strokeWidth: g,
+					isAnimationActive: !1,
+					dot: !1
+				})]
+			})
+		})
+	});
+}
+//#endregion
+export { u as Sparkline };

package/dist/components/charts/StatusDonut.js

@@ -0,0 +1,83 @@
+import { cn as e } from "../../utils/cn.js";
+import { Tooltip as t } from "../../node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as n } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { Cell as r } from "../../node_modules/recharts/es6/component/Cell.js";
+import { Pie as i } from "../../node_modules/recharts/es6/polar/Pie.js";
+import { PieChart as a } from "../../node_modules/recharts/es6/chart/PieChart.js";
+import { seriesColor as o } from "./chartTokens.js";
+import { ChartEmpty as s, ChartTooltip as c } from "./ChartShell.js";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/movethewheels/components/charts/StatusDonut.tsx
+function d({ data: d, height: f = 240, className: p, centerLabel: m, centerSubLabel: h, showLegend: g = !0, emptyMessage: _ = "No breakdown yet", valueFormatter: v }) {
+	let y = (d ?? []).filter((e) => e.value > 0), b = y.reduce((e, t) => e + t.value, 0);
+	if (y.length === 0 || b === 0) return /* @__PURE__ */ l(s, {
+		message: _,
+		height: f,
+		className: p
+	});
+	let x = (e, t) => e.color ?? o(t);
+	return /* @__PURE__ */ u("div", {
+		className: e("flex flex-col gap-4 sm:flex-row sm:items-center", p),
+		children: [/* @__PURE__ */ u("div", {
+			className: "relative mx-auto",
+			style: {
+				width: f,
+				height: f,
+				maxWidth: "100%"
+			},
+			children: [/* @__PURE__ */ l(n, {
+				width: "100%",
+				height: "100%",
+				children: /* @__PURE__ */ u(a, { children: [/* @__PURE__ */ l(i, {
+					data: y,
+					dataKey: "value",
+					nameKey: "name",
+					innerRadius: "62%",
+					outerRadius: "100%",
+					paddingAngle: 2,
+					stroke: "none",
+					isAnimationActive: !1,
+					children: y.map((e, t) => /* @__PURE__ */ l(r, { fill: x(e, t) }, e.name))
+				}), /* @__PURE__ */ l(t, { content: /* @__PURE__ */ l(c, { formatter: (e) => v ? v(Number(e)) : String(e) }) })] })
+			}), m != null && /* @__PURE__ */ u("div", {
+				className: "pointer-events-none absolute inset-0 flex flex-col items-center justify-center text-center",
+				children: [/* @__PURE__ */ l("span", {
+					className: "text-2xl font-bold tabular-nums text-text-primary",
+					children: m
+				}), h && /* @__PURE__ */ l("span", {
+					className: "text-xs text-text-secondary",
+					children: h
+				})]
+			})]
+		}), g && /* @__PURE__ */ l("ul", {
+			className: "flex flex-1 flex-col gap-2",
+			children: y.map((e, t) => {
+				let n = b > 0 ? Math.round(e.value / b * 100) : 0;
+				return /* @__PURE__ */ u("li", {
+					className: "flex items-center gap-2 text-sm",
+					children: [
+						/* @__PURE__ */ l("span", {
+							"aria-hidden": "true",
+							className: "h-2.5 w-2.5 shrink-0 rounded-full",
+							style: { background: x(e, t) }
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "text-text-secondary",
+							children: e.name
+						}),
+						/* @__PURE__ */ l("span", {
+							className: "ml-auto font-semibold tabular-nums text-text-primary",
+							children: v ? v(e.value) : e.value
+						}),
+						/* @__PURE__ */ u("span", {
+							className: "w-10 text-right text-xs tabular-nums text-text-secondary",
+							children: [n, "%"]
+						})
+					]
+				}, e.name);
+			})
+		})]
+	});
+}
+//#endregion
+export { d as StatusDonut };

package/dist/components/charts/TrendChart.js

@@ -0,0 +1,169 @@
+import { Legend as e } from "../../node_modules/recharts/es6/component/Legend.js";
+import { Tooltip as t } from "../../node_modules/recharts/es6/component/Tooltip.js";
+import { ResponsiveContainer as n } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { CartesianGrid as r } from "../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
+import { Line as i } from "../../node_modules/recharts/es6/cartesian/Line.js";
+import { Area as a } from "../../node_modules/recharts/es6/cartesian/Area.js";
+import { XAxis as o } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as s } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
+import { LineChart as c } from "../../node_modules/recharts/es6/chart/LineChart.js";
+import { AreaChart as l } from "../../node_modules/recharts/es6/chart/AreaChart.js";
+import { chartTokens as u, seriesColor as d } from "./chartTokens.js";
+import { ChartEmpty as f, ChartTooltip as p } from "./ChartShell.js";
+import { useId as m } from "react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/movethewheels/components/charts/TrendChart.tsx
+function _({ data: _, series: v, xKey: y, variant: b = "area", height: x = 300, className: S, showLegend: C = !0, showGrid: w = !0, emptyMessage: T = "No trend data yet", valueFormatter: E }) {
+	let D = m().replace(/:/g, "");
+	if (!_ || _.length === 0 || v.length === 0) return /* @__PURE__ */ h(f, {
+		message: T,
+		height: x,
+		className: S
+	});
+	let O = {
+		fill: u.axis,
+		fontSize: 12
+	}, k = (e, t) => e.color ?? d(t);
+	return /* @__PURE__ */ h("div", {
+		className: S,
+		style: {
+			width: "100%",
+			height: x
+		},
+		children: /* @__PURE__ */ h(n, {
+			width: "100%",
+			height: "100%",
+			children: b === "area" ? /* @__PURE__ */ g(l, {
+				data: _,
+				margin: {
+					top: 8,
+					right: 12,
+					bottom: 4,
+					left: -8
+				},
+				children: [
+					/* @__PURE__ */ h("defs", { children: v.map((e, t) => /* @__PURE__ */ g("linearGradient", {
+						id: `${D}-${e.dataKey}`,
+						x1: "0",
+						y1: "0",
+						x2: "0",
+						y2: "1",
+						children: [/* @__PURE__ */ h("stop", {
+							offset: "0%",
+							stopColor: k(e, t),
+							stopOpacity: .28
+						}), /* @__PURE__ */ h("stop", {
+							offset: "100%",
+							stopColor: k(e, t),
+							stopOpacity: .02
+						})]
+					}, e.dataKey)) }),
+					w && /* @__PURE__ */ h(r, {
+						strokeDasharray: "3 3",
+						stroke: u.grid,
+						vertical: !1
+					}),
+					/* @__PURE__ */ h(o, {
+						dataKey: y,
+						tick: O,
+						tickLine: !1,
+						axisLine: { stroke: u.grid },
+						minTickGap: 24
+					}),
+					/* @__PURE__ */ h(s, {
+						tick: O,
+						tickLine: !1,
+						axisLine: !1,
+						width: 44,
+						tickFormatter: E ? (e) => E(e, "") : void 0
+					}),
+					/* @__PURE__ */ h(t, {
+						cursor: {
+							stroke: u.axis,
+							strokeOpacity: .3
+						},
+						content: /* @__PURE__ */ h(p, { formatter: E })
+					}),
+					C && /* @__PURE__ */ h(e, {
+						iconType: "circle",
+						wrapperStyle: {
+							fontSize: 12,
+							color: u.textSecondary
+						}
+					}),
+					v.map((e, t) => /* @__PURE__ */ h(a, {
+						type: "monotone",
+						dataKey: e.dataKey,
+						name: e.name,
+						stroke: k(e, t),
+						strokeWidth: 2.5,
+						fill: `url(#${D}-${e.dataKey})`,
+						isAnimationActive: !1,
+						activeDot: {
+							r: 4,
+							strokeWidth: 0
+						}
+					}, e.dataKey))
+				]
+			}) : /* @__PURE__ */ g(c, {
+				data: _,
+				margin: {
+					top: 8,
+					right: 12,
+					bottom: 4,
+					left: -8
+				},
+				children: [
+					w && /* @__PURE__ */ h(r, {
+						strokeDasharray: "3 3",
+						stroke: u.grid,
+						vertical: !1
+					}),
+					/* @__PURE__ */ h(o, {
+						dataKey: y,
+						tick: O,
+						tickLine: !1,
+						axisLine: { stroke: u.grid },
+						minTickGap: 24
+					}),
+					/* @__PURE__ */ h(s, {
+						tick: O,
+						tickLine: !1,
+						axisLine: !1,
+						width: 44,
+						tickFormatter: E ? (e) => E(e, "") : void 0
+					}),
+					/* @__PURE__ */ h(t, {
+						cursor: {
+							stroke: u.axis,
+							strokeOpacity: .3
+						},
+						content: /* @__PURE__ */ h(p, { formatter: E })
+					}),
+					C && /* @__PURE__ */ h(e, {
+						iconType: "circle",
+						wrapperStyle: {
+							fontSize: 12,
+							color: u.textSecondary
+						}
+					}),
+					v.map((e, t) => /* @__PURE__ */ h(i, {
+						type: "monotone",
+						dataKey: e.dataKey,
+						name: e.name,
+						stroke: k(e, t),
+						strokeWidth: 2.5,
+						dot: !1,
+						isAnimationActive: !1,
+						activeDot: {
+							r: 4,
+							strokeWidth: 0
+						}
+					}, e.dataKey))
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { _ as TrendChart };