@krosoft/react 0.0.238 → 0.0.240

package/dist/SearchInput-BJPT0SbB.js

@@ -0,0 +1,255 @@
+import { t as e } from "./tailwind.helper-CJaRYBmL.js";
+import { En as t } from "./ui-CiX0E_bn.js";
+import { o as n, s as r } from "./tooltip-B2dzyfs9.js";
+import { r as i, t as a } from "./i18n-Dw99bRmg.js";
+import { C as o, S as s, _ as c, b as l, g as u, h as d, m as f, p, x as m, y as h } from "./sheet-CRrYTZrl.js";
+import * as g from "react";
+import { useEffect as _, useMemo as v, useRef as y, useState as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { CalendarIcon as C, CheckIcon as w, ChevronDownIcon as T, PlusIcon as E, SearchIcon as D, XIcon as O } from "lucide-react";
+import { format as k } from "date-fns";
+//#region src/components/core/inputs/DatePicker.tsx
+var A = ({ date: n, onDateChange: a, placeholder: o }) => {
+	let s = i(), [c, l] = b(!1), u = y(null);
+	return _(() => {
+		if (!c) return;
+		let e = (e) => {
+			u.current !== null && !u.current.contains(e.target) && l(!1);
+		};
+		return document.addEventListener("mousedown", e), () => {
+			document.removeEventListener("mousedown", e);
+		};
+	}, [c]), /* @__PURE__ */ S("div", {
+		ref: u,
+		className: "relative w-full",
+		children: [/* @__PURE__ */ S(r, {
+			variant: "outline",
+			type: "button",
+			onClick: () => {
+				l((e) => !e);
+			},
+			className: e("w-full justify-start text-left font-normal focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", c && "ring-2 ring-ring ring-offset-2", n === void 0 && "text-muted-foreground"),
+			children: [/* @__PURE__ */ x(C, { className: "mr-2 size-4 shrink-0" }), n === void 0 ? /* @__PURE__ */ x("span", { children: o }) : k(n, "dd/MM/yyyy", { locale: s })]
+		}), c ? /* @__PURE__ */ x("div", {
+			className: "absolute left-0 top-[calc(100%+4px)] z-[100] rounded-surface border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2",
+			children: /* @__PURE__ */ x(t, {
+				mode: "single",
+				locale: s,
+				defaultMonth: n,
+				selected: n,
+				onSelect: (e) => {
+					a(e), l(!1);
+				}
+			})
+		}) : null]
+	});
+}, j = ({ value: n, onChange: o, placeholder: s, className: c }) => {
+	let { t: l } = a(), u = i(), [m, h] = g.useState(!1), [_, v] = g.useState(n);
+	return g.useEffect(() => {
+		m && v(n);
+	}, [m, n]), /* @__PURE__ */ x("div", {
+		className: e("grid gap-2", c),
+		children: /* @__PURE__ */ S(p, {
+			open: m,
+			onOpenChange: h,
+			children: [/* @__PURE__ */ x(d, {
+				asChild: !0,
+				children: /* @__PURE__ */ S(r, {
+					id: "date",
+					variant: "outline",
+					className: e("w-[300px] justify-start text-left font-normal", !n?.from && "text-muted-foreground"),
+					children: [
+						/* @__PURE__ */ x(C, { className: "mr-2 size-4" }),
+						((e) => e?.from ? !e.to || e.from.getTime() === e.to.getTime() ? k(e.from, "dd MMM yyyy", { locale: u }) : `${k(e.from, "dd MMM yyyy", { locale: u })} - ${k(e.to, "dd MMM yyyy", { locale: u })}` : s ?? l("date.pickPeriod"))(n),
+						n?.from && /* @__PURE__ */ x(r, {
+							type: "button",
+							variant: "ghost",
+							size: "icon",
+							"aria-label": l("date.clearPeriod"),
+							className: "ml-auto h-5 w-5 opacity-50 hover:opacity-100",
+							onClick: (e) => {
+								e.stopPropagation(), o(void 0), h(!1);
+							},
+							children: /* @__PURE__ */ x(O, { className: "size-4" })
+						})
+					]
+				})
+			}), /* @__PURE__ */ S(f, {
+				className: "w-auto p-0",
+				align: "start",
+				side: "bottom",
+				sideOffset: 4,
+				children: [/* @__PURE__ */ x(t, {
+					mode: "range",
+					defaultMonth: _?.from,
+					selected: _,
+					onSelect: v,
+					numberOfMonths: 2,
+					locale: u,
+					className: "pointer-events-auto p-3"
+				}), /* @__PURE__ */ S("div", {
+					className: "flex items-center justify-between border-t border-border px-3 py-2",
+					children: [/* @__PURE__ */ x(r, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => {
+							v(void 0);
+						},
+						children: l("actions.clear")
+					}), /* @__PURE__ */ S("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ x(r, {
+							variant: "ghost",
+							size: "sm",
+							onClick: () => {
+								v(n), h(!1);
+							},
+							children: l("actions.cancel")
+						}), /* @__PURE__ */ x(r, {
+							size: "sm",
+							onClick: () => {
+								o(_), h(!1);
+							},
+							children: l("actions.apply")
+						})]
+					})]
+				})]
+			})]
+		})
+	});
+}, M = ({ options: t = [], value: r, onChange: i, onClear: u, onCreate: g, placeholder: _, searchPlaceholder: y, emptyLabel: C, createLabel: D, disabled: k = !1, modal: A = !0, className: j }) => {
+	let { t: M } = a(), [N, P] = b(!1), [F, I] = b(""), L = r !== void 0 && r !== "", R = v(() => L ? t.find((e) => e.value === r) : void 0, [
+		L,
+		t,
+		r
+	]), z = L ? R?.label ?? r : void 0, B = F.trim(), V = g !== void 0 && B !== "" && !t.some((e) => e.label.toLowerCase() === B.toLowerCase()), H = (e) => {
+		P(e), e || I("");
+	}, U = (e) => {
+		i(e), H(!1);
+	};
+	return /* @__PURE__ */ S(p, {
+		open: N,
+		onOpenChange: H,
+		modal: A,
+		children: [/* @__PURE__ */ x(d, {
+			asChild: !0,
+			children: /* @__PURE__ */ S("button", {
+				type: "button",
+				role: "combobox",
+				"aria-expanded": N,
+				disabled: k,
+				className: e(n, "w-full", "data-[state=open]:ring-2 data-[state=open]:ring-ring data-[state=open]:ring-offset-2", !L && "text-muted-foreground", j),
+				children: [/* @__PURE__ */ S("span", {
+					className: "flex items-center truncate",
+					children: [
+						R?.color && /* @__PURE__ */ x("span", {
+							className: "mr-2 size-2.5 shrink-0 rounded-full",
+							style: { backgroundColor: R.color }
+						}),
+						/* @__PURE__ */ x("span", {
+							className: "truncate",
+							children: z ?? _ ?? M("select.placeholder")
+						}),
+						R?.description !== void 0 && /* @__PURE__ */ S("span", {
+							className: "ml-1 truncate text-muted-foreground",
+							children: [
+								"(",
+								R.description,
+								")"
+							]
+						})
+					]
+				}), /* @__PURE__ */ S("div", {
+					className: "flex items-center gap-1",
+					children: [u && L && !k && /* @__PURE__ */ x("span", {
+						role: "button",
+						tabIndex: -1,
+						onClick: (e) => {
+							e.stopPropagation();
+						},
+						onPointerDown: (e) => {
+							e.preventDefault(), e.stopPropagation(), u();
+						},
+						className: "text-muted-foreground hover:text-foreground",
+						children: /* @__PURE__ */ x(O, { className: "size-4" })
+					}), /* @__PURE__ */ x(T, { className: e("size-4 shrink-0 opacity-50 transition-transform", N && "rotate-180") })]
+				})]
+			})
+		}), /* @__PURE__ */ x(f, {
+			className: "w-[var(--radix-popover-trigger-width)] p-0",
+			align: "start",
+			children: /* @__PURE__ */ S(c, {
+				filter: (e, t, n) => +!!(n ?? []).join(" ").toLowerCase().includes(t.trim().toLowerCase()),
+				children: [/* @__PURE__ */ x(m, {
+					placeholder: y ?? M("search.placeholder"),
+					value: F,
+					onValueChange: I
+				}), /* @__PURE__ */ S(o, { children: [!V && /* @__PURE__ */ x(h, { children: C ?? M("states.noResult") }), /* @__PURE__ */ S(l, { children: [t.map((t) => /* @__PURE__ */ S(s, {
+					value: t.value,
+					keywords: [t.label, t.description ?? ""],
+					onSelect: () => {
+						U(t.value);
+					},
+					children: [
+						/* @__PURE__ */ x(w, { className: e("mr-2 size-4 shrink-0", r === t.value ? "opacity-100" : "opacity-0") }),
+						t.color !== void 0 && /* @__PURE__ */ x("span", {
+							className: "mr-2 size-2.5 shrink-0 rounded-full",
+							style: { backgroundColor: t.color }
+						}),
+						/* @__PURE__ */ x("span", {
+							className: "truncate",
+							children: t.label
+						}),
+						t.description !== void 0 && /* @__PURE__ */ S("span", {
+							className: "ml-1 truncate text-muted-foreground",
+							children: [
+								"(",
+								t.description,
+								")"
+							]
+						})
+					]
+				}, t.value)), V && /* @__PURE__ */ S(s, {
+					forceMount: !0,
+					value: "__create__",
+					onSelect: () => {
+						g?.(B), H(!1);
+					},
+					children: [/* @__PURE__ */ x(E, { className: "mr-2 size-4 shrink-0" }), /* @__PURE__ */ x("span", {
+						className: "truncate",
+						children: D ? D(B) : M("select.create", { search: B })
+					})]
+				})] })] })]
+			})
+		})]
+	});
+}, N = ({ searchQuery: t, search: n, placeholder: r, onSearch: i, onSubmit: o, onClear: s, className: c }) => {
+	let { t: l } = a(), d = t ?? n ?? "";
+	return /* @__PURE__ */ S("div", {
+		className: e("relative h-fit w-full md:w-64", c),
+		children: [
+			/* @__PURE__ */ x(D, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" }),
+			/* @__PURE__ */ x(u, {
+				placeholder: r ?? l("search.placeholder"),
+				value: d,
+				onChange: (e) => {
+					i(e.target.value);
+				},
+				className: "pl-8",
+				onKeyDown: (e) => {
+					e.key === "Enter" && o !== void 0 && (e.preventDefault(), o());
+				}
+			}),
+			d === "" ? null : /* @__PURE__ */ x("button", {
+				onClick: () => {
+					i(""), s !== void 0 && s();
+				},
+				className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 hover:text-gray-700",
+				type: "button",
+				children: /* @__PURE__ */ x(O, { className: "size-4" })
+			})
+		]
+	});
+};
+//#endregion
+export { A as i, M as n, j as r, N as t };

package/dist/alert-REQGK9bR.js

@@ -0,0 +1,32 @@
+import { t as e } from "./tailwind.helper-CJaRYBmL.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import { cva as r } from "class-variance-authority";
+//#region src/components/ui/alert.tsx
+var i = r("relative w-full rounded-surface border p-4 [&>svg~*]:pl-7 [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground", {
+	variants: { variant: {
+		default: "bg-background text-foreground",
+		destructive: "border-destructive/50 text-destructive dark:border-destructive [&>svg]:text-destructive"
+	} },
+	defaultVariants: { variant: "default" }
+}), a = t.forwardRef(({ className: t, variant: r, ...a }, o) => /* @__PURE__ */ n("div", {
+	ref: o,
+	role: "alert",
+	className: e(i({ variant: r }), t),
+	...a
+}));
+a.displayName = "Alert";
+var o = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("h5", {
+	ref: i,
+	className: e("mb-1 font-medium leading-none tracking-tight", t),
+	...r
+}));
+o.displayName = "AlertTitle";
+var s = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("div", {
+	ref: i,
+	className: e("text-sm [&_p]:leading-relaxed", t),
+	...r
+}));
+s.displayName = "AlertDescription";
+//#endregion
+export { s as n, o as r, a as t };

package/dist/behavior-BR_V9Rpe.js

@@ -0,0 +1,76 @@
+import { t as e } from "./i18n-Dw99bRmg.js";
+import { n as t, t as n } from "./sidebar.context-BahtU6hE.js";
+import * as r from "react";
+import { useContext as i, useState as a } from "react";
+import { TrashIcon as o } from "lucide-react";
+//#region src/hooks/behavior/useDialog.ts
+var s = (e) => {
+	let [t, n] = a(null);
+	return {
+		id: t?.id ?? null,
+		name: t?.name ?? null,
+		isOpen: !!t,
+		openDialog: (t, r) => {
+			e?.onReset?.(), n({
+				id: t,
+				name: r
+			});
+		},
+		onClose: () => {
+			n(null);
+		}
+	};
+}, c = ({ titleKey: e, descriptionKey: t, confirmKey: n = "Confirmer", onConfirm: r, onReset: i }) => {
+	let a = s({ onReset: i });
+	return {
+		isOpen: a.isOpen,
+		itemName: a.name,
+		title: e,
+		description: t,
+		confirmKey: n,
+		openDialog: a.openDialog,
+		onClose: a.onClose,
+		onConfirm: async () => {
+			if (a.id) try {
+				await r(a.id), a.onClose();
+			} catch (e) {
+				console.error("Error confirming action:", e);
+			}
+		}
+	};
+}, l = ({ titleKey: t, descriptionKey: n, confirmKey: r, onConfirm: i, onReset: a }) => {
+	let { t: s } = e();
+	return {
+		...c({
+			titleKey: t,
+			descriptionKey: n,
+			confirmKey: r ?? s("actions.delete"),
+			onConfirm: i,
+			onReset: a
+		}),
+		loadingKey: "Suppression...",
+		icon: o,
+		titleClassName: "flex items-center gap-2 text-destructive",
+		headerClassName: "bg-gradient-to-r from-slate-900 to-purple-700 rounded-t-surface shrink-0"
+	};
+}, u = (e, t = 250) => {
+	let [n, i] = r.useState(e);
+	return r.useEffect(() => {
+		let n = setTimeout(() => {
+			i(e);
+		}, t);
+		return () => {
+			clearTimeout(n);
+		};
+	}, [e, t]), n;
+}, d = () => {
+	let e = i(t);
+	if (e === void 0) throw Error("usePage must be used within an PageProvider");
+	return e;
+}, f = () => {
+	let e = i(n);
+	if (e === void 0) throw Error("useSidebar must be used within a SidebarProvider");
+	return e;
+};
+//#endregion
+export { c as a, l as i, d as n, s as o, u as r, f as t };

package/dist/cards-Cta6x49J.js

@@ -0,0 +1,126 @@
+import { t as e } from "./tailwind.helper-CJaRYBmL.js";
+import { c as t, d as n, f as r, s as i } from "./chart-Dq3AIrue.js";
+import "./ui-CiX0E_bn.js";
+import { t as a } from "./skeleton-D6Ga4BLw.js";
+import "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
+import { formatNumber as u } from "@krosoft/core/helpers";
+//#region src/components/core/cards/DashboardCard.tsx
+var d = ({ titleKey: a, icon: o, className: u, children: d }) => {
+	let { t: f } = l();
+	return /* @__PURE__ */ c(i, {
+		className: e("bg-gray-50 dark:bg-gray-950", u),
+		children: [/* @__PURE__ */ s(n, { children: /* @__PURE__ */ c(r, {
+			className: "flex items-center gap-2",
+			children: [o && /* @__PURE__ */ s(o, { className: "mr-2 size-4" }), /* @__PURE__ */ s("span", { children: f(a) })]
+		}) }), /* @__PURE__ */ s(t, { children: d })]
+	});
+}, f = ({ titleKey: d, value: f, valueClassName: p, icon: m, iconClassName: h, description: g, descriptionClassName: _, onClick: v, isLoading: y, error: b }) => {
+	let { t: x } = l();
+	return /* @__PURE__ */ c(i, {
+		className: e(v === void 0 ? "" : "hover:border-primary cursor-pointer"),
+		onClick: v,
+		children: [/* @__PURE__ */ c(n, {
+			className: "flex flex-row items-center justify-between space-y-0 pb-2",
+			children: [/* @__PURE__ */ s(r, {
+				className: "text-sm font-medium",
+				children: x(d)
+			}), /* @__PURE__ */ s(m, { className: e("size-6 text-muted-foreground", h) })]
+		}), /* @__PURE__ */ s(t, { children: y ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(a, { className: "h-8 w-24 mb-1" }), /* @__PURE__ */ s(a, { className: "h-3 w-32" })] }) : b ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", {
+			className: "text-2xl font-bold text-destructive",
+			children: "—"
+		}), /* @__PURE__ */ s("p", {
+			className: "text-xs text-destructive",
+			children: b
+		})] }) : /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", {
+			className: e("text-2xl font-bold", p),
+			children: typeof f == "number" ? u(f) : f instanceof Date ? f.toLocaleDateString() : f
+		}), /* @__PURE__ */ s("p", {
+			className: e("text-xs text-muted-foreground", _),
+			children: g
+		})] }) })]
+	});
+}, p = ({ stats: e, isLoading: t, error: n }) => /* @__PURE__ */ s("div", {
+	className: "grid gap-6 md:grid-cols-2 lg:grid-cols-4",
+	children: e.map((e) => /* @__PURE__ */ s(f, {
+		titleKey: e.titleKey,
+		value: e.value,
+		valueClassName: e.valueClassName,
+		icon: e.icon,
+		iconClassName: e.iconClassName,
+		description: e.description,
+		descriptionClassName: e.descriptionClassName,
+		onClick: e.onClick,
+		isLoading: t,
+		error: n
+	}, e.titleKey))
+}), m = {
+	blue: "bg-gradient-to-br from-blue-500 to-cyan-500 text-white",
+	green: "bg-gradient-to-br from-green-500 to-emerald-500 text-white",
+	orange: "bg-gradient-to-br from-orange-500 to-yellow-500 text-white",
+	red: "bg-gradient-to-br from-red-500 to-pink-500 text-white",
+	purple: "bg-gradient-to-br from-purple-500 to-indigo-500 text-white",
+	accent: "bg-accent/10 text-accent",
+	success: "bg-success/10 text-success",
+	info: "bg-info/10 text-info",
+	warning: "bg-warning/10 text-warning",
+	destructive: "bg-destructive/10 text-destructive"
+}, h = {
+	sm: "size-4",
+	md: "size-5",
+	lg: "size-6"
+}, g = (e) => e === "up" ? "↑" : e === "down" ? "↓" : "", _ = (e) => e === "up" ? "text-green-600" : e === "down" ? "text-red-600" : "text-muted-foreground", v = ({ title: e, value: n, unit: a, subtitle: o, icon: l, iconSize: u = "md", trend: d, trendValue: f, color: p = "blue", children: v }) => {
+	let y = l;
+	return /* @__PURE__ */ s(i, {
+		className: "relative overflow-hidden bg-card border shadow-lg hover:shadow-xl transition-all duration-300",
+		children: /* @__PURE__ */ c(t, {
+			className: "pt-6",
+			children: [/* @__PURE__ */ c("div", {
+				className: "flex items-start justify-between",
+				children: [/* @__PURE__ */ c("div", { children: [
+					/* @__PURE__ */ s(r, {
+						className: "text-sm font-medium text-muted-foreground",
+						children: e
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "flex items-baseline space-x-2 mt-1",
+						children: [/* @__PURE__ */ s("div", {
+							className: "text-2xl font-bold text-card-foreground",
+							children: typeof n == "number" ? n.toFixed(1) : n
+						}), a && /* @__PURE__ */ s("div", {
+							className: "text-sm text-muted-foreground font-medium",
+							children: a
+						})]
+					}),
+					o && /* @__PURE__ */ s("div", {
+						className: "mt-1 text-xs text-muted-foreground",
+						children: o
+					}),
+					d && f && /* @__PURE__ */ c("div", {
+						className: `flex items-center space-x-1 mt-2 text-xs ${_(d)}`,
+						children: [/* @__PURE__ */ s("span", { children: g(d) }), /* @__PURE__ */ s("span", { children: f })]
+					})
+				] }), /* @__PURE__ */ s("div", {
+					className: `p-2 rounded-control ${m[p]} shadow-lg`,
+					children: /* @__PURE__ */ s(y, { className: h[u] })
+				})]
+			}), v && /* @__PURE__ */ s("div", {
+				className: "mt-4",
+				children: v
+			})]
+		})
+	});
+}, y = () => /* @__PURE__ */ c(i, {
+	className: "animate-pulse",
+	children: [/* @__PURE__ */ s(n, { children: /* @__PURE__ */ s("div", { className: "h-6 bg-muted rounded w-1/4" }) }), /* @__PURE__ */ s(t, { children: /* @__PURE__ */ c("div", {
+		className: "space-y-2",
+		children: [/* @__PURE__ */ s("div", { className: "h-4 bg-muted rounded" }), /* @__PURE__ */ s("div", { className: "h-4 bg-muted rounded w-3/4" })]
+	}) })]
+}), b = ({ count: e = 1 }) => /* @__PURE__ */ s("div", {
+	className: "grid gap-6",
+	style: { gridTemplateColumns: `repeat(${e}, minmax(0, 1fr))` },
+	children: Array.from({ length: e }).map((e, t) => /* @__PURE__ */ s(y, {}, t))
+});
+//#endregion
+export { f as a, p as i, y as n, d as o, v as r, b as t };

package/dist/chart-Dq3AIrue.js

@@ -0,0 +1,166 @@
+import { t as e } from "./tailwind.helper-CJaRYBmL.js";
+import "./helpers/index.js";
+import * as t from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import * as a from "recharts";
+//#region src/components/ui/card.tsx
+var o = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("div", {
+	ref: i,
+	className: e("rounded-surface border bg-card text-card-foreground shadow-sm", t),
+	...n
+}));
+o.displayName = "Card";
+var s = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("div", {
+	ref: i,
+	className: e("flex flex-col space-y-1.5 p-6", t),
+	...n
+}));
+s.displayName = "CardHeader";
+var c = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("h3", {
+	ref: i,
+	className: e("text-2xl font-semibold leading-none tracking-tight", t),
+	...n
+}));
+c.displayName = "CardTitle";
+var l = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("p", {
+	ref: i,
+	className: e("text-sm text-muted-foreground", t),
+	...n
+}));
+l.displayName = "CardDescription";
+var u = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("div", {
+	ref: i,
+	className: e("p-6 pt-0", t),
+	...n
+}));
+u.displayName = "CardContent";
+var d = t.forwardRef(({ className: t, ...n }, i) => /* @__PURE__ */ r("div", {
+	ref: i,
+	className: e("flex items-center p-6 pt-0", t),
+	...n
+}));
+d.displayName = "CardFooter";
+//#endregion
+//#region src/components/ui/chart.tsx
+var f = {
+	light: "",
+	dark: ".dark"
+}, p = t.createContext(null);
+function m() {
+	let e = t.useContext(p);
+	if (!e) throw Error("useChart must be used within a <ChartContainer />");
+	return e;
+}
+var h = t.forwardRef(({ id: n, className: o, children: s, config: c, ...l }, u) => {
+	let d = t.useId(), f = `chart-${n || d.replace(/:/g, "")}`;
+	return /* @__PURE__ */ r(p.Provider, {
+		value: { config: c },
+		children: /* @__PURE__ */ i("div", {
+			"data-chart": f,
+			ref: u,
+			className: e("flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-none [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-none [&_.recharts-surface]:outline-none", o),
+			...l,
+			children: [/* @__PURE__ */ r(g, {
+				id: f,
+				config: c
+			}), /* @__PURE__ */ r(a.ResponsiveContainer, { children: s })]
+		})
+	});
+});
+h.displayName = "Chart";
+var g = ({ id: e, config: t }) => {
+	let n = Object.entries(t).filter(([e, t]) => t.theme || t.color);
+	return n.length ? /* @__PURE__ */ r("style", { dangerouslySetInnerHTML: { __html: Object.entries(f).map(([t, r]) => `
+${r} [data-chart=${e}] {
+${n.map(([e, n]) => {
+		let r = n.theme?.[t] || n.color;
+		return r ? `  --color-${e}: ${r};` : null;
+	}).join("\n")}
+}
+`).join("\n") } }) : null;
+}, _ = a.Tooltip, v = t.forwardRef(({ active: a, payload: o = [], className: s, indicator: c = "dot", hideLabel: l = !1, hideIndicator: u = !1, label: d = "", labelFormatter: f, labelClassName: p, formatter: h, color: g, nameKey: _, labelKey: v }, y) => {
+	let { config: b } = m(), S = t.useMemo(() => {
+		if (l || !o?.length) return null;
+		let [t] = o, n = `${v || t.dataKey || t.name || "value"}`, i = x(b, t, n), a = !v && typeof d == "string" ? b[d]?.label || d : i?.label;
+		return f ? /* @__PURE__ */ r("div", {
+			className: e("font-medium", p),
+			children: f(a, o)
+		}) : a ? /* @__PURE__ */ r("div", {
+			className: e("font-medium", p),
+			children: a
+		}) : null;
+	}, [
+		d,
+		f,
+		o,
+		l,
+		p,
+		b,
+		v
+	]);
+	if (!a || !o?.length) return null;
+	let C = o.length === 1 && c !== "dot";
+	return /* @__PURE__ */ i("div", {
+		ref: y,
+		className: e("grid min-w-[8rem] items-start gap-1.5 rounded-surface border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", s),
+		children: [C ? null : S, /* @__PURE__ */ r("div", {
+			className: "grid gap-1.5",
+			children: o.map((t, a) => {
+				let o = `${_ || t.name || t.dataKey || "value"}`, s = x(b, t, o), l = g || t.payload.fill || t.color;
+				return /* @__PURE__ */ r("div", {
+					className: e("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", c === "dot" && "items-center"),
+					children: h && t?.value !== void 0 && t.name ? h(t.value, t.name, t, a, t.payload) : /* @__PURE__ */ i(n, { children: [s?.icon ? /* @__PURE__ */ r(s.icon, {}) : !u && /* @__PURE__ */ r("div", {
+						className: e("shrink-0 rounded-[2px] border-[--color-border] bg-[--color-bg]", {
+							"h-2.5 w-2.5": c === "dot",
+							"w-1": c === "line",
+							"w-0 border-[1.5px] border-dashed bg-transparent": c === "dashed",
+							"my-0.5": C && c === "dashed"
+						}),
+						style: {
+							"--color-bg": l,
+							"--color-border": l
+						}
+					}), /* @__PURE__ */ i("div", {
+						className: e("flex flex-1 justify-between leading-none", C ? "items-end" : "items-center"),
+						children: [/* @__PURE__ */ i("div", {
+							className: "grid gap-1.5",
+							children: [C ? S : null, /* @__PURE__ */ r("span", {
+								className: "text-muted-foreground",
+								children: s?.label || t.name
+							})]
+						}), t.value && /* @__PURE__ */ r("span", {
+							className: "font-mono font-medium tabular-nums text-foreground",
+							children: t.value.toLocaleString()
+						})]
+					})] })
+				}, t.dataKey);
+			})
+		})]
+	});
+});
+v.displayName = "ChartTooltip";
+var y = a.Legend, b = t.forwardRef(({ className: t, hideIcon: n = !1, payload: a, verticalAlign: o = "bottom", nameKey: s }, c) => {
+	let { config: l } = m();
+	return !a || !Array.isArray(a) || !a.length ? null : /* @__PURE__ */ r("div", {
+		ref: c,
+		className: e("flex items-center justify-center gap-4", o === "top" ? "pb-3" : "pt-3", t),
+		children: Array.isArray(a) && a.map((t) => {
+			let a = `${s || t.dataKey || "value"}`, o = x(l, t, a);
+			return /* @__PURE__ */ i("div", {
+				className: e("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"),
+				children: [o?.icon && !n ? /* @__PURE__ */ r(o.icon, {}) : /* @__PURE__ */ r("div", {
+					className: "h-2 w-2 shrink-0 rounded-[2px]",
+					style: { backgroundColor: t.color }
+				}), o?.label]
+			}, t.value);
+		})
+	});
+});
+b.displayName = "ChartLegend";
+function x(e, t, n) {
+	if (typeof t != "object" || !t) return;
+	let r = "payload" in t && typeof t.payload == "object" && t.payload !== null ? t.payload : void 0, i = n;
+	return n in t && typeof t[n] == "string" ? i = t[n] : r && n in r && typeof r[n] == "string" && (i = r[n]), i in e ? e[i] : e[n];
+}
+//#endregion
+export { _ as a, u as c, s as d, c as f, g as i, l, y as n, v as o, b as r, o as s, h as t, d as u };