@krosoft/react 0.0.391 → 0.0.392

package/dist/_virtual/_rolldown/runtime.js

@@ -1,4 +1,4 @@
-//#region \0rolldown/runtime.js
+// \0rolldown/runtime.js
 var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t, t.exports), e = null), t.exports), s = (e, i, o, s) => {
 	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
 		get: ((e) => i[e]).bind(null, d),
@@ -9,5 +9,4 @@ var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescr
 	value: n,
 	enumerable: !0
 }) : o, n));
-//#endregion
 export { o as __commonJSMin, c as __toESM };

package/dist/components/core/cards/DashboardCard.js

@@ -1,18 +1,17 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { Card as t, CardContent as n, CardHeader as r, CardTitle as i } from "../../ui/card.js";
+import { Card as e, CardContent as t, CardHeader as n, CardTitle as r } from "../../ui/card.js";
+import { cn as i } from "../../../helpers/tailwind.helper.js";
 import { useKrosoftTranslation as a } from "../../../i18n/useKrosoftTranslation.js";
 import "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/core/cards/DashboardCard.tsx
+// src/components/core/cards/DashboardCard.tsx
 var c = ({ titleKey: c, icon: l, className: u, children: d }) => {
 	let { t: f } = a();
-	return /* @__PURE__ */ s(t, {
-		className: e("bg-gray-50 dark:bg-gray-950", u),
-		children: [/* @__PURE__ */ o(r, { children: /* @__PURE__ */ s(i, {
+	return /* @__PURE__ */ s(e, {
+		className: i("bg-gray-50 dark:bg-gray-950", u),
+		children: [/* @__PURE__ */ o(n, { children: /* @__PURE__ */ s(r, {
 			className: "flex items-center gap-2",
 			children: [l && /* @__PURE__ */ o(l, { className: "mr-2 size-4" }), /* @__PURE__ */ o("span", { children: f(c) })]
-		}) }), /* @__PURE__ */ o(n, { children: d })]
+		}) }), /* @__PURE__ */ o(t, { children: d })]
 	});
 };
-//#endregion
 export { c as DashboardCard };

package/dist/components/core/cards/KpiCard.js

@@ -1,36 +1,35 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { Card as t, CardContent as n, CardHeader as r, CardTitle as i } from "../../ui/card.js";
-import { useKrosoftTranslation as a } from "../../../i18n/useKrosoftTranslation.js";
+import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
+import { cn as t } from "../../../helpers/tailwind.helper.js";
+import { Card as n, CardContent as r, CardHeader as i, CardTitle as a } from "../../ui/card.js";
 import { Skeleton as o } from "../../ui/skeleton.js";
 import "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 import { formatNumber as u } from "@krosoft/core/helpers";
-//#region src/components/core/cards/KpiCard.tsx
+// src/components/core/cards/KpiCard.tsx
 var d = ({ titleKey: d, value: f, valueClassName: p, icon: m, iconClassName: h, description: g, descriptionClassName: _, onClick: v, isLoading: y, error: b }) => {
-	let { t: x } = a();
-	return /* @__PURE__ */ l(t, {
-		className: e(v === void 0 ? "" : "hover:border-primary cursor-pointer"),
+	let { t: x } = e();
+	return /* @__PURE__ */ l(n, {
+		className: t(v === void 0 ? "" : "hover:border-primary cursor-pointer"),
 		onClick: v,
-		children: [/* @__PURE__ */ l(r, {
+		children: [/* @__PURE__ */ l(i, {
 			className: "flex flex-row items-center justify-between space-y-0 pb-2",
-			children: [/* @__PURE__ */ c(i, {
+			children: [/* @__PURE__ */ c(a, {
 				className: "text-sm font-medium",
 				children: x(d)
-			}), /* @__PURE__ */ c(m, { className: e("size-6 text-muted-foreground", h) })]
-		}), /* @__PURE__ */ c(n, { children: y ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(o, { className: "h-8 w-24 mb-1" }), /* @__PURE__ */ c(o, { className: "h-3 w-32" })] }) : b ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", {
+			}), /* @__PURE__ */ c(m, { className: t("size-6 text-muted-foreground", h) })]
+		}), /* @__PURE__ */ c(r, { children: y ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(o, { className: "h-8 w-24 mb-1" }), /* @__PURE__ */ c(o, { className: "h-3 w-32" })] }) : b ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", {
 			className: "text-2xl font-bold text-destructive",
 			children: "—"
 		}), /* @__PURE__ */ c("p", {
 			className: "text-xs text-destructive",
 			children: b
 		})] }) : /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", {
-			className: e("text-2xl font-bold", p),
+			className: t("text-2xl font-bold", p),
 			children: typeof f == "number" ? u(f) : f instanceof Date ? f.toLocaleDateString() : f
 		}), /* @__PURE__ */ c("p", {
-			className: e("text-xs text-muted-foreground", _),
+			className: t("text-xs text-muted-foreground", _),
 			children: g
 		})] }) })]
 	});
 };
-//#endregion
 export { d as KpiCard };

package/dist/components/core/cards/KpiCards.js

@@ -2,7 +2,7 @@ import { cn as e } from "../../../helpers/tailwind.helper.js";
 import { KpiCard as t } from "./KpiCard.js";
 import "react";
 import { jsx as n } from "react/jsx-runtime";
-//#region src/components/core/cards/KpiCards.tsx
+// src/components/core/cards/KpiCards.tsx
 var r = {
 	1: "lg:grid-cols-1",
 	2: "lg:grid-cols-2",
@@ -25,5 +25,4 @@ var r = {
 		error: c
 	}, e.titleKey))
 });
-//#endregion
 export { a as KpiCards };

package/dist/components/core/cards/MetricCard.js

@@ -1,7 +1,7 @@
 import { Card as e, CardContent as t, CardTitle as n } from "../../ui/card.js";
 import "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/core/cards/MetricCard.tsx
+// src/components/core/cards/MetricCard.tsx
 var a = {
 	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",
@@ -59,5 +59,4 @@ var a = {
 		})
 	});
 };
-//#endregion
 export { l as MetricCard };

package/dist/components/core/cards/SkeletonCard.js

@@ -1,7 +1,7 @@
 import { Card as e, CardContent as t, CardHeader as n } from "../../ui/card.js";
 import "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/core/cards/SkeletonCard.tsx
+// src/components/core/cards/SkeletonCard.tsx
 var a = () => /* @__PURE__ */ i(e, {
 	className: "animate-pulse",
 	children: [/* @__PURE__ */ r(n, { children: /* @__PURE__ */ r("div", { className: "h-6 bg-muted rounded w-1/4" }) }), /* @__PURE__ */ r(t, { children: /* @__PURE__ */ i("div", {
@@ -9,5 +9,4 @@ var a = () => /* @__PURE__ */ i(e, {
 		children: [/* @__PURE__ */ r("div", { className: "h-4 bg-muted rounded" }), /* @__PURE__ */ r("div", { className: "h-4 bg-muted rounded w-3/4" })]
 	}) })]
 });
-//#endregion
 export { a as SkeletonCard };

package/dist/components/core/cards/SkeletonCards.js

@@ -1,11 +1,10 @@
 import { SkeletonCard as e } from "./SkeletonCard.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
-//#region src/components/core/cards/SkeletonCards.tsx
+// src/components/core/cards/SkeletonCards.tsx
 var n = ({ count: n = 1 }) => /* @__PURE__ */ t("div", {
 	className: "grid gap-6",
 	style: { gridTemplateColumns: `repeat(${n}, minmax(0, 1fr))` },
 	children: Array.from({ length: n }).map((n, r) => /* @__PURE__ */ t(e, {}, r))
 });
-//#endregion
 export { n as SkeletonCards };

package/dist/components/core/changelog/AppChangelog.js

@@ -1,17 +1,17 @@
-import { filterChangelog as e, getChangelogItemAnchors as t, getChangelogTags as n, parseChangelog as r, splitChangelogItems as i } from "../../../helpers/changelog.helper.js";
-import { cn as a } from "../../../helpers/tailwind.helper.js";
-import { useKrosoftTranslation as o } from "../../../i18n/useKrosoftTranslation.js";
-import { SearchInput as s } from "../inputs/SearchInput.js";
-import { useNotifications as c } from "../../../hooks/ui/useNotifications.js";
+import { SearchInput as e } from "../inputs/SearchInput.js";
+import { filterChangelog as t, getChangelogItemAnchors as n, getChangelogTags as r, parseChangelog as i, splitChangelogItems as a } from "../../../helpers/changelog.helper.js";
+import { cn as o } from "../../../helpers/tailwind.helper.js";
+import { useNotifications as s } from "../../../hooks/ui/useNotifications.js";
+import { useKrosoftTranslation as c } from "../../../i18n/useKrosoftTranslation.js";
 import { AppChangelogEntry as l } from "./AppChangelogEntry.js";
 import { AppChangelogNav as u } from "./AppChangelogNav.js";
 import { AppChangelogTagFilter as d } from "./AppChangelogTagFilter.js";
 import { useEffect as f, useMemo as p, useState as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 import { useLocation as _, useNavigate as v } from "react-router-dom";
-//#region src/components/core/changelog/AppChangelog.tsx
+// src/components/core/changelog/AppChangelog.tsx
 var y = "0px 0px -60% 0px", b = ({ content: b, showNav: x = !0, showSearch: S = !0 }) => {
-	let { t: C } = o(), { showSuccess: w, showError: T } = c(), E = _(), D = v(), [O, k] = m(""), [A, j] = m([]), [M, N] = m(), P = p(() => r(b), [b]), F = p(() => n(P), [P]), I = p(() => e(P, O, A), [
+	let { t: C } = c(), { showSuccess: w, showError: T } = s(), E = _(), D = v(), [O, k] = m(""), [A, j] = m([]), [M, N] = m(), P = p(() => i(b), [b]), F = p(() => r(P), [P]), I = p(() => t(P, O, A), [
 		P,
 		O,
 		A
@@ -19,9 +19,9 @@ var y = "0px 0px -60% 0px", b = ({ content: b, showNav: x = !0, showSearch: S =
 		j((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
 	}, R = p(() => {
 		let e = /* @__PURE__ */ new Map();
-		return I.forEach((n) => {
-			t(n.id, i(n.content)).forEach((t) => {
-				t !== void 0 && e.set(t, n.id);
+		return I.forEach((t) => {
+			n(t.id, a(t.content)).forEach((n) => {
+				n !== void 0 && e.set(n, t.id);
 			});
 		}), e;
 	}, [I]), z = decodeURIComponent(E.hash.slice(1)), B = I.some((e) => e.id === z) ? z : R.get(z), V = B === void 0 ? void 0 : z, H = I.some((e) => e.id === M) ? M : B ?? I[0]?.id;
@@ -71,7 +71,7 @@ var y = "0px 0px -60% 0px", b = ({ content: b, showNav: x = !0, showSearch: S =
 	});
 	let G = /* @__PURE__ */ g("div", {
 		className: "flex flex-col gap-4",
-		children: [/* @__PURE__ */ h(s, {
+		children: [/* @__PURE__ */ h(e, {
 			search: O,
 			onSearch: k,
 			className: "md:w-full"
@@ -95,10 +95,10 @@ var y = "0px 0px -60% 0px", b = ({ content: b, showNav: x = !0, showSearch: S =
 				className: "min-h-0 flex-1 overflow-y-auto"
 			}) : null]
 		}) : null, /* @__PURE__ */ g("div", {
-			className: a("min-w-0 flex-1", x && "lg:border-l lg:pl-10"),
+			className: o("min-w-0 flex-1", x && "lg:border-l lg:pl-10"),
 			children: [
 				S ? /* @__PURE__ */ h("div", {
-					className: a("mb-6 md:max-w-md", x && "lg:hidden"),
+					className: o("mb-6 md:max-w-md", x && "lg:hidden"),
 					children: G
 				}) : null,
 				I.length === 0 ? /* @__PURE__ */ h("p", {
@@ -119,5 +119,4 @@ var y = "0px 0px -60% 0px", b = ({ content: b, showNav: x = !0, showSearch: S =
 		})]
 	});
 };
-//#endregion
 export { b as AppChangelog };

package/dist/components/core/changelog/AppChangelogEntry.js

@@ -1,15 +1,15 @@
-import { getChangelogItemAnchors as e, splitChangelogItems as t } from "../../../helpers/changelog.helper.js";
-import { cn as n } from "../../../helpers/tailwind.helper.js";
-import { useDateFnsLocale as r } from "../../../i18n/useDateFnsLocale.js";
-import { useKrosoftTranslation as i } from "../../../i18n/useKrosoftTranslation.js";
-import { AppMarkdown as a } from "../markdown/AppMarkdown.js";
+import { AppMarkdown as e } from "../markdown/AppMarkdown.js";
+import { getChangelogItemAnchors as t, splitChangelogItems as n } from "../../../helpers/changelog.helper.js";
+import { cn as r } from "../../../helpers/tailwind.helper.js";
+import { useDateFnsLocale as i } from "../../../i18n/useDateFnsLocale.js";
+import { useKrosoftTranslation as a } from "../../../i18n/useKrosoftTranslation.js";
 import { useMemo as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { HashIcon as l, LinkIcon as u, TagIcon as d } from "lucide-react";
 import { format as f } from "date-fns";
-//#region src/components/core/changelog/AppChangelogEntry.tsx
+// src/components/core/changelog/AppChangelogEntry.tsx
 var p = ({ entry: p, onSelect: m, onCopyLink: h, selectedTags: g, linkedId: _ }) => {
-	let { t: v } = i(), y = r(), b = o(() => t(p.content), [p.content]), x = o(() => e(p.id, b), [p.id, b]), S = p.date ? f(p.date, p.hasTime ? "d MMMM yyyy - HH:mm" : "d MMMM yyyy", { locale: y }) : void 0, C = (e) => {
+	let { t: v } = a(), y = i(), b = o(() => n(p.content), [p.content]), x = o(() => t(p.id, b), [p.id, b]), S = p.date ? f(p.date, p.hasTime ? "d MMMM yyyy - HH:mm" : "d MMMM yyyy", { locale: y }) : void 0, C = (e) => {
 		e.preventDefault(), m(p.id);
 	}, w = /* @__PURE__ */ s("button", {
 		type: "button",
@@ -49,17 +49,17 @@ var p = ({ entry: p, onSelect: m, onCopyLink: h, selectedTags: g, linkedId: _ })
 			]
 		}), /* @__PURE__ */ s("div", {
 			className: "space-y-4 pl-4 sm:pl-6",
-			children: b.map((e, t) => {
-				let r = x[t];
+			children: b.map((t, n) => {
+				let i = x[n];
 				return /* @__PURE__ */ c("div", {
-					id: r,
-					className: n("scroll-mt-4 rounded-md", r !== void 0 && r === _ && "-mx-3 bg-primary/5 px-3 py-2 ring-1 ring-primary/20"),
-					children: [e.tag === void 0 || r === void 0 ? null : /* @__PURE__ */ c("p", {
-						className: n("mb-1 flex items-center gap-1.5 text-sm font-semibold", g.includes(e.tag) ? "text-primary" : "text-foreground"),
+					id: i,
+					className: r("scroll-mt-4 rounded-md", i !== void 0 && i === _ && "-mx-3 bg-primary/5 px-3 py-2 ring-1 ring-primary/20"),
+					children: [t.tag === void 0 || i === void 0 ? null : /* @__PURE__ */ c("p", {
+						className: r("mb-1 flex items-center gap-1.5 text-sm font-semibold", g.includes(t.tag) ? "text-primary" : "text-foreground"),
 						children: [/* @__PURE__ */ s("button", {
 							type: "button",
 							onClick: () => {
-								h(r);
+								h(i);
 							},
 							title: v("markdown.copyLink"),
 							"aria-label": v("markdown.copyLink"),
@@ -68,18 +68,17 @@ var p = ({ entry: p, onSelect: m, onCopyLink: h, selectedTags: g, linkedId: _ })
 								className: "size-3.5",
 								"aria-hidden": "true"
 							})
-						}), e.tag]
+						}), t.tag]
 					}), /* @__PURE__ */ s("div", {
-						className: n("min-w-0 [&>*:last-child]:mb-0", e.tag !== void 0 && "pl-5"),
-						children: /* @__PURE__ */ s(a, {
-							content: e.content,
+						className: r("min-w-0 [&>*:last-child]:mb-0", t.tag !== void 0 && "pl-5"),
+						children: /* @__PURE__ */ s(e, {
+							content: t.content,
 							headingAnchors: !1
 						})
 					})]
-				}, r ?? `item-${String(t)}`);
+				}, i ?? `item-${String(n)}`);
 			})
 		})]
 	});
 };
-//#endregion
 export { p as AppChangelogEntry };

package/dist/components/core/changelog/AppChangelogNav.js

@@ -3,7 +3,7 @@ import { useDateFnsLocale as t } from "../../../i18n/useDateFnsLocale.js";
 import { useKrosoftTranslation as n } from "../../../i18n/useKrosoftTranslation.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { format as a } from "date-fns";
-//#region src/components/core/changelog/AppChangelogNav.tsx
+// src/components/core/changelog/AppChangelogNav.tsx
 var o = ({ entries: o, activeId: s, onSelect: c, className: l }) => {
 	let { t: u } = n(), d = t();
 	return /* @__PURE__ */ i("nav", {
@@ -35,5 +35,4 @@ var o = ({ entries: o, activeId: s, onSelect: c, className: l }) => {
 		})]
 	});
 };
-//#endregion
 export { o as AppChangelogNav };

package/dist/components/core/changelog/AppChangelogTagFilter.js

@@ -1,10 +1,10 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { useKrosoftTranslation as t } from "../../../i18n/useKrosoftTranslation.js";
-import { badgeVariants as n } from "../../ui/badge.js";
+import { badgeVariants as e } from "../../ui/badge.js";
+import { cn as t } from "../../../helpers/tailwind.helper.js";
+import { useKrosoftTranslation as n } from "../../../i18n/useKrosoftTranslation.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/core/changelog/AppChangelogTagFilter.tsx
+// src/components/core/changelog/AppChangelogTagFilter.tsx
 var a = ({ tags: a, selected: o, onToggle: s, onClear: c, className: l }) => {
-	let { t: u } = t();
+	let { t: u } = n();
 	return /* @__PURE__ */ i("div", {
 		className: l,
 		children: [/* @__PURE__ */ i("div", {
@@ -20,20 +20,19 @@ var a = ({ tags: a, selected: o, onToggle: s, onClear: c, className: l }) => {
 			}) : null]
 		}), /* @__PURE__ */ r("div", {
 			className: "flex flex-wrap gap-1.5",
-			children: a.map((t) => {
-				let i = o.includes(t);
+			children: a.map((n) => {
+				let i = o.includes(n);
 				return /* @__PURE__ */ r("button", {
 					type: "button",
 					"aria-pressed": i,
 					onClick: () => {
-						s(t);
+						s(n);
 					},
-					className: e(n({ variant: i ? "default" : "outline" }), "cursor-pointer font-medium focus:ring-0 focus-visible:ring-2", !i && "hover:bg-muted"),
-					children: t
-				}, t);
+					className: t(e({ variant: i ? "default" : "outline" }), "cursor-pointer font-medium focus:ring-0 focus-visible:ring-2", !i && "hover:bg-muted"),
+					children: n
+				}, n);
 			})
 		})]
 	});
 };
-//#endregion
 export { a as AppChangelogTagFilter };

package/dist/components/core/charts/BarChartHorizontal.js

@@ -1,10 +1,10 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { ChartContainer as t, ChartTooltip as n, ChartTooltipContent as r } from "../../ui/chart.js";
+import { ChartContainer as e, ChartTooltip as t, ChartTooltipContent as n } from "../../ui/chart.js";
+import { cn as r } from "../../../helpers/tailwind.helper.js";
 import { buildTooltipValueFormatter as i } from "./chartTooltip.helper.js";
 import * as a from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Bar as c, BarChart as l, CartesianGrid as u, Rectangle as d, XAxis as f, YAxis as p } from "recharts";
-//#region src/components/core/charts/BarChartHorizontal.tsx
+// src/components/core/charts/BarChartHorizontal.tsx
 var m = .35, h = (e, t) => t > 0 && e.length > t ? `${e.slice(0, t)}…` : e, g = ({ data: g, label: _ = "Valeur", color: v = "hsl(var(--primary))", categoryWidth: y = 140, maxLabelLength: b = 22, valueFormatter: x, onSelect: S, className: C }) => {
 	let [w, T] = a.useState(null), E = a.useMemo(() => ({ value: {
 		label: _,
@@ -13,9 +13,9 @@ var m = .35, h = (e, t) => t > 0 && e.length > t ? `${e.slice(0, t)}…` : e, g
 		...e,
 		fill: e.color ?? v
 	})) : g, [g, v]);
-	return /* @__PURE__ */ o(t, {
+	return /* @__PURE__ */ o(e, {
 		config: E,
-		className: e("aspect-auto size-full", C),
+		className: r("aspect-auto size-full", C),
 		children: /* @__PURE__ */ s(l, {
 			data: O,
 			layout: "vertical",
@@ -47,7 +47,7 @@ var m = .35, h = (e, t) => t > 0 && e.length > t ? `${e.slice(0, t)}…` : e, g
 					axisLine: !1,
 					tickFormatter: (e) => h(String(e), b)
 				}),
-				/* @__PURE__ */ o(n, { content: /* @__PURE__ */ o(r, { formatter: D }) }),
+				/* @__PURE__ */ o(t, { content: /* @__PURE__ */ o(n, { formatter: D }) }),
 				/* @__PURE__ */ o(c, {
 					dataKey: "value",
 					fill: "var(--color-value)",
@@ -76,5 +76,4 @@ var m = .35, h = (e, t) => t > 0 && e.length > t ? `${e.slice(0, t)}…` : e, g
 		})
 	});
 };
-//#endregion
 export { g as BarChartHorizontal };

package/dist/components/core/charts/BarChartVertical.js

@@ -1,10 +1,10 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { ChartContainer as t, ChartTooltip as n, ChartTooltipContent as r } from "../../ui/chart.js";
+import { ChartContainer as e, ChartTooltip as t, ChartTooltipContent as n } from "../../ui/chart.js";
+import { cn as r } from "../../../helpers/tailwind.helper.js";
 import { buildTooltipValueFormatter as i } from "./chartTooltip.helper.js";
 import * as a from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Bar as c, BarChart as l, CartesianGrid as u, XAxis as d, YAxis as f } from "recharts";
-//#region src/components/core/charts/BarChartVertical.tsx
+// src/components/core/charts/BarChartVertical.tsx
 var p = ({ data: p, label: m = "Valeur", color: h = "hsl(var(--primary))", labelAngle: g, valueFormatter: _, allowDecimals: v = !1, onSelect: y, className: b }) => {
 	let x = a.useMemo(() => ({ value: {
 		label: m,
@@ -13,9 +13,9 @@ var p = ({ data: p, label: m = "Valeur", color: h = "hsl(var(--primary))", label
 		...e,
 		fill: e.color ?? h
 	})) : p, [p, h]);
-	return /* @__PURE__ */ o(t, {
+	return /* @__PURE__ */ o(e, {
 		config: x,
-		className: e("aspect-auto size-full", b),
+		className: r("aspect-auto size-full", b),
 		children: /* @__PURE__ */ s(l, {
 			data: w,
 			margin: {
@@ -45,7 +45,7 @@ var p = ({ data: p, label: m = "Valeur", color: h = "hsl(var(--primary))", label
 					width: _ ? 48 : 32,
 					tickFormatter: _ ? (e) => _(Number(e)) : void 0
 				}),
-				/* @__PURE__ */ o(n, { content: /* @__PURE__ */ o(r, { formatter: S }) }),
+				/* @__PURE__ */ o(t, { content: /* @__PURE__ */ o(n, { formatter: S }) }),
 				/* @__PURE__ */ o(c, {
 					dataKey: "value",
 					fill: "var(--color-value)",
@@ -64,5 +64,4 @@ var p = ({ data: p, label: m = "Valeur", color: h = "hsl(var(--primary))", label
 		})
 	});
 };
-//#endregion
 export { p as BarChartVertical };

package/dist/components/core/charts/ChartCard.js

@@ -1,12 +1,12 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
+import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
 import { Card as t, CardContent as n, CardDescription as r, CardHeader as i, CardTitle as a } from "../../ui/card.js";
-import { useKrosoftTranslation as o } from "../../../i18n/useKrosoftTranslation.js";
-import { Skeleton as s } from "../../ui/skeleton.js";
+import { Skeleton as o } from "../../ui/skeleton.js";
+import { cn as s } from "../../../helpers/tailwind.helper.js";
 import "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region src/components/core/charts/ChartCard.tsx
+// src/components/core/charts/ChartCard.tsx
 var u = ({ title: u, description: d, icon: f, actions: p, footer: m, isLoading: h = !1, isEmpty: g = !1, emptyLabel: _, height: v = 300, className: y, contentClassName: b, children: x }) => {
-	let { t: S } = o(), C = f;
+	let { t: S } = e(), C = f;
 	return /* @__PURE__ */ l(t, {
 		className: y,
 		children: [/* @__PURE__ */ c(i, { children: /* @__PURE__ */ l("div", {
@@ -25,9 +25,9 @@ var u = ({ title: u, description: d, icon: f, actions: p, footer: m, isLoading:
 				children: p
 			})]
 		}) }), /* @__PURE__ */ l(n, { children: [/* @__PURE__ */ c("div", {
-			className: e("w-full", b),
+			className: s("w-full", b),
 			style: v === null ? void 0 : { height: v },
-			children: h ? /* @__PURE__ */ c(s, { className: "size-full rounded-surface" }) : g ? /* @__PURE__ */ c("div", {
+			children: h ? /* @__PURE__ */ c(o, { className: "size-full rounded-surface" }) : g ? /* @__PURE__ */ c("div", {
 				className: "flex size-full items-center justify-center",
 				children: /* @__PURE__ */ c("p", {
 					className: "text-sm text-muted-foreground",
@@ -40,5 +40,4 @@ var u = ({ title: u, description: d, icon: f, actions: p, footer: m, isLoading:
 		}) : null] })]
 	});
 };
-//#endregion
 export { u as ChartCard };

package/dist/components/core/charts/CircularGauge.js

@@ -1,7 +1,7 @@
 import { cn as e } from "../../../helpers/tailwind.helper.js";
 import "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/core/charts/CircularGauge.tsx
+// src/components/core/charts/CircularGauge.tsx
 var r = {
 	warning: 50,
 	danger: 80
@@ -54,5 +54,4 @@ var r = {
 		}) : null]
 	});
 };
-//#endregion
 export { a as CircularGauge };

package/dist/components/core/charts/LineChart.js

@@ -1,18 +1,18 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { ChartContainer as t, ChartTooltip as n, ChartTooltipContent as r } from "../../ui/chart.js";
+import { ChartContainer as e, ChartTooltip as t, ChartTooltipContent as n } from "../../ui/chart.js";
+import { cn as r } from "../../../helpers/tailwind.helper.js";
 import { buildTooltipValueFormatter as i } from "./chartTooltip.helper.js";
 import * as a from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { CartesianGrid as c, Line as l, LineChart as u, XAxis as d, YAxis as f } from "recharts";
-//#region src/components/core/charts/LineChart.tsx
+// src/components/core/charts/LineChart.tsx
 var p = ({ data: p, label: m = "Valeur", color: h = "hsl(var(--primary))", yAxisDomain: g, valueFormatter: _, labelFormatter: v, showDots: y = !0, className: b }) => {
 	let x = a.useMemo(() => ({ value: {
 		label: m,
 		color: h
 	} }), [m, h]), S = a.useMemo(() => i(_, m), [_, m]);
-	return /* @__PURE__ */ o(t, {
+	return /* @__PURE__ */ o(e, {
 		config: x,
-		className: e("aspect-auto size-full", b),
+		className: r("aspect-auto size-full", b),
 		children: /* @__PURE__ */ s(u, {
 			data: p,
 			margin: {
@@ -41,7 +41,7 @@ var p = ({ data: p, label: m = "Valeur", color: h = "hsl(var(--primary))", yAxis
 					width: _ ? 48 : 32,
 					tickFormatter: _ ? (e) => _(Number(e)) : void 0
 				}),
-				/* @__PURE__ */ o(n, { content: /* @__PURE__ */ o(r, {
+				/* @__PURE__ */ o(t, { content: /* @__PURE__ */ o(n, {
 					formatter: S,
 					labelFormatter: v ? (e) => v(String(e)) : void 0
 				}) }),
@@ -65,5 +65,4 @@ var p = ({ data: p, label: m = "Valeur", color: h = "hsl(var(--primary))", yAxis
 		})
 	});
 };
-//#endregion
 export { p as LineChart };

package/dist/components/core/charts/PieChart.js

@@ -1,25 +1,25 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { ChartContainer as t, ChartLegend as n, ChartLegendContent as r, ChartTooltip as i, ChartTooltipContent as a } from "../../ui/chart.js";
-import { buildTooltipValueFormatter as o } from "./chartTooltip.helper.js";
+import { ChartContainer as e, ChartLegend as t, ChartLegendContent as n, ChartTooltip as r, ChartTooltipContent as i } from "../../ui/chart.js";
+import { cn as a } from "../../../helpers/tailwind.helper.js";
+import { useMobile as o } from "../../../hooks/ui/useMobile.js";
 import { getChartColor as s } from "./chartColors.js";
-import { useMobile as c } from "../../../hooks/ui/useMobile.js";
+import { buildTooltipValueFormatter as c } from "./chartTooltip.helper.js";
 import * as l from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import { Pie as f, PieChart as p, Sector as m } from "recharts";
-//#region src/components/core/charts/PieChart.tsx
+// src/components/core/charts/PieChart.tsx
 var h = 6, g = ({ data: g, innerRadius: _, outerRadius: v, showLegend: y = !0, showLabels: b = !1, valueFormatter: x, onSelect: S, className: C }) => {
-	let w = c(), T = l.useMemo(() => g.map((e, t) => ({
+	let w = o(), T = l.useMemo(() => g.map((e, t) => ({
 		...e,
 		fill: e.color ?? s(t)
 	})), [g]), E = l.useMemo(() => Object.fromEntries(g.map((e, t) => [e.name, {
 		label: e.name,
 		color: e.color ?? s(t)
-	}])), [g]), D = l.useMemo(() => o(x), [x]), O = _ ?? (w ? 45 : 60), k = v ?? (w ? 80 : 100);
-	return /* @__PURE__ */ u(t, {
+	}])), [g]), D = l.useMemo(() => c(x), [x]), O = _ ?? (w ? 45 : 60), k = v ?? (w ? 80 : 100);
+	return /* @__PURE__ */ u(e, {
 		config: E,
-		className: e("aspect-auto size-full", C),
+		className: a("aspect-auto size-full", C),
 		children: /* @__PURE__ */ d(p, { children: [
-			/* @__PURE__ */ u(i, { content: /* @__PURE__ */ u(a, {
+			/* @__PURE__ */ u(r, { content: /* @__PURE__ */ u(i, {
 				nameKey: "name",
 				hideLabel: !0,
 				formatter: D
@@ -35,7 +35,7 @@ var h = 6, g = ({ data: g, innerRadius: _, outerRadius: v, showLegend: y = !0, s
 				paddingAngle: O > 0 ? 2 : 0,
 				label: b ? ({ name: e, value: t }) => `${String(e)} (${String(t)})` : void 0,
 				isAnimationActive: !1,
-				className: e("stroke-background", S && "cursor-pointer"),
+				className: a("stroke-background", S && "cursor-pointer"),
 				shape: (e) => /* @__PURE__ */ u(m, {
 					...e,
 					outerRadius: S && e.isActive ? e.outerRadius + h : e.outerRadius
@@ -44,12 +44,11 @@ var h = 6, g = ({ data: g, innerRadius: _, outerRadius: v, showLegend: y = !0, s
 					S(g[t], t);
 				} : void 0
 			}),
-			y && /* @__PURE__ */ u(n, { content: /* @__PURE__ */ u(r, {
+			y && /* @__PURE__ */ u(t, { content: /* @__PURE__ */ u(n, {
 				nameKey: "name",
 				className: "flex-wrap text-muted-foreground"
 			}) })
 		] })
 	});
 };
-//#endregion
 export { g as PieChart };

package/dist/components/core/charts/chartColors.js

@@ -1,4 +1,4 @@
-//#region src/components/core/charts/chartColors.ts
+// src/components/core/charts/chartColors.ts
 var e = [
 	"hsl(var(--k-chart-1))",
 	"hsl(var(--k-chart-2))",
@@ -6,5 +6,4 @@ var e = [
 	"hsl(var(--k-chart-4))",
 	"hsl(var(--k-chart-5))"
 ], t = (t) => e[t % e.length];
-//#endregion
 export { e as CHART_COLORS, t as getChartColor };

package/dist/components/core/charts/chartTooltip.helper.js

@@ -1,6 +1,6 @@
 import "react";
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-//#region src/components/core/charts/chartTooltip.helper.tsx
+// src/components/core/charts/chartTooltip.helper.tsx
 var n = (n, r) => n ? (i, a) => /* @__PURE__ */ t("div", {
 	className: "flex flex-1 justify-between gap-4",
 	children: [/* @__PURE__ */ e("span", {
@@ -11,5 +11,4 @@ var n = (n, r) => n ? (i, a) => /* @__PURE__ */ t("div", {
 		children: n(Number(i))
 	})]
 }) : void 0;
-//#endregion
 export { n as buildTooltipValueFormatter };