@krosoft/react 0.0.380 → 0.0.382

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,13 @@
+//#region \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),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, c = (n, r, o) => (o = n == null ? {} : e(i(n)), s(r || !n || !n.__esModule || !a.call(n, "default") ? t(o, "default", {
+	value: n,
+	enumerable: !0
+}) : o, n));
+//#endregion
+export { o as __commonJSMin, c as __toESM };

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

@@ -0,0 +1,18 @@
+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 "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region 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, {
+			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 })]
+	});
+};
+//#endregion
+export { c as DashboardCard };

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

@@ -0,0 +1,36 @@
+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 { 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
+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"),
+		onClick: v,
+		children: [/* @__PURE__ */ l(r, {
+			className: "flex flex-row items-center justify-between space-y-0 pb-2",
+			children: [/* @__PURE__ */ c(i, {
+				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", {
+			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),
+			children: typeof f == "number" ? u(f) : f instanceof Date ? f.toLocaleDateString() : f
+		}), /* @__PURE__ */ c("p", {
+			className: e("text-xs text-muted-foreground", _),
+			children: g
+		})] }) })]
+	});
+};
+//#endregion
+export { d as KpiCard };

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

@@ -0,0 +1,29 @@
+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
+var r = {
+	1: "lg:grid-cols-1",
+	2: "lg:grid-cols-2",
+	3: "lg:grid-cols-3",
+	4: "lg:grid-cols-4",
+	5: "lg:grid-cols-5",
+	6: "lg:grid-cols-6"
+}, i = 4, a = ({ stats: a, columns: o = i, isLoading: s, error: c }) => /* @__PURE__ */ n("div", {
+	className: e("grid gap-4 md:grid-cols-2", r[o] ?? r[i]),
+	children: a.map((e) => /* @__PURE__ */ n(t, {
+		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: s,
+		error: c
+	}, e.titleKey))
+});
+//#endregion
+export { a as KpiCards };

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

@@ -0,0 +1,63 @@
+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
+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",
+	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"
+}, o = {
+	sm: "size-4",
+	md: "size-5",
+	lg: "size-6"
+}, s = (e) => e === "up" ? "↑" : e === "down" ? "↓" : "", c = (e) => e === "up" ? "text-green-600" : e === "down" ? "text-red-600" : "text-muted-foreground", l = ({ title: l, value: u, unit: d, subtitle: f, icon: p, iconSize: m = "md", trend: h, trendValue: g, color: _ = "blue", children: v }) => {
+	let y = p;
+	return /* @__PURE__ */ r(e, {
+		className: "relative overflow-hidden bg-card border shadow-lg hover:shadow-xl transition-all duration-300",
+		children: /* @__PURE__ */ i(t, {
+			className: "pt-6",
+			children: [/* @__PURE__ */ i("div", {
+				className: "flex items-start justify-between",
+				children: [/* @__PURE__ */ i("div", { children: [
+					/* @__PURE__ */ r(n, {
+						className: "text-sm font-medium text-muted-foreground",
+						children: l
+					}),
+					/* @__PURE__ */ i("div", {
+						className: "flex items-baseline space-x-2 mt-1",
+						children: [/* @__PURE__ */ r("div", {
+							className: "text-2xl font-bold text-card-foreground",
+							children: typeof u == "number" ? u.toFixed(1) : u
+						}), d && /* @__PURE__ */ r("div", {
+							className: "text-sm text-muted-foreground font-medium",
+							children: d
+						})]
+					}),
+					f && /* @__PURE__ */ r("div", {
+						className: "mt-1 text-xs text-muted-foreground",
+						children: f
+					}),
+					h && g && /* @__PURE__ */ i("div", {
+						className: `flex items-center space-x-1 mt-2 text-xs ${c(h)}`,
+						children: [/* @__PURE__ */ r("span", { children: s(h) }), /* @__PURE__ */ r("span", { children: g })]
+					})
+				] }), /* @__PURE__ */ r("div", {
+					className: `p-2 rounded-control ${a[_]} shadow-lg`,
+					children: /* @__PURE__ */ r(y, { className: o[m] })
+				})]
+			}), v && /* @__PURE__ */ r("div", {
+				className: "mt-4",
+				children: v
+			})]
+		})
+	});
+};
+//#endregion
+export { l as MetricCard };

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

@@ -0,0 +1,13 @@
+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
+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", {
+		className: "space-y-2",
+		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

@@ -0,0 +1,11 @@
+import { SkeletonCard as e } from "./SkeletonCard.js";
+import "react";
+import { jsx as t } from "react/jsx-runtime";
+//#region 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/cards/index.js

@@ -1 +1,7 @@
-export { o as DashboardCard, a as KpiCard, i as KpiCards, r as MetricCard, n as SkeletonCard, t as SkeletonCards } from "../../../cards-DPzVebUM.js";
+import { DashboardCard as e } from "./DashboardCard.js";
+import { KpiCard as t } from "./KpiCard.js";
+import { KpiCards as n } from "./KpiCards.js";
+import { MetricCard as r } from "./MetricCard.js";
+import { SkeletonCard as i } from "./SkeletonCard.js";
+import { SkeletonCards as a } from "./SkeletonCards.js";
+export { e as DashboardCard, t as KpiCard, n as KpiCards, r as MetricCard, i as SkeletonCard, a as SkeletonCards };

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

@@ -0,0 +1,123 @@
+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 { 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
+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), [
+		P,
+		O,
+		A
+	]), L = (e) => {
+		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);
+			});
+		}), 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;
+	f(() => {
+		if (!V) return;
+		let e = requestAnimationFrame(() => {
+			document.getElementById(V)?.scrollIntoView({
+				behavior: "smooth",
+				block: "start"
+			});
+		});
+		return () => {
+			cancelAnimationFrame(e);
+		};
+	}, [V]), f(() => {
+		let e = /* @__PURE__ */ new Set(), t = new IntersectionObserver((t) => {
+			t.forEach((t) => {
+				t.isIntersecting ? e.add(t.target.id) : e.delete(t.target.id);
+			});
+			let n = I.find((t) => e.has(t.id));
+			n && N(n.id);
+		}, { rootMargin: y });
+		return I.forEach((e) => {
+			let n = document.getElementById(e.id);
+			n && t.observe(n);
+		}), () => {
+			t.disconnect();
+		};
+	}, [I]);
+	let U = (e) => {
+		D({
+			search: E.search,
+			hash: `#${e}`
+		}, { replace: !0 });
+	}, W = async (e) => {
+		U(e);
+		let t = `${window.location.origin}${E.pathname}${E.search}#${e}`;
+		try {
+			await navigator.clipboard.writeText(t), w(C("markdown.linkCopied"));
+		} catch {
+			T(C("markdown.linkCopyError"));
+		}
+	};
+	if (P.length === 0) return /* @__PURE__ */ h("p", {
+		className: "text-sm text-muted-foreground",
+		children: C("changelog.empty")
+	});
+	let G = /* @__PURE__ */ g("div", {
+		className: "flex flex-col gap-4",
+		children: [/* @__PURE__ */ h(s, {
+			search: O,
+			onSearch: k,
+			className: "md:w-full"
+		}), F.length > 0 ? /* @__PURE__ */ h(d, {
+			tags: F,
+			selected: A,
+			onToggle: L,
+			onClear: () => {
+				j([]);
+			}
+		}) : null]
+	});
+	return /* @__PURE__ */ g("div", {
+		className: "flex gap-10",
+		children: [x ? /* @__PURE__ */ g("aside", {
+			className: "sticky top-4 hidden max-h-[calc(100vh-2rem)] w-60 shrink-0 flex-col gap-8 self-start lg:flex",
+			children: [S ? G : null, I.length > 0 ? /* @__PURE__ */ h(u, {
+				entries: I,
+				activeId: H,
+				onSelect: U,
+				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"),
+			children: [
+				S ? /* @__PURE__ */ h("div", {
+					className: a("mb-6 md:max-w-md", x && "lg:hidden"),
+					children: G
+				}) : null,
+				I.length === 0 ? /* @__PURE__ */ h("p", {
+					className: "text-sm text-muted-foreground",
+					children: C("changelog.noResult")
+				}) : null,
+				/* @__PURE__ */ h("div", {
+					className: "divide-y",
+					children: I.map((e) => /* @__PURE__ */ h(l, {
+						entry: e,
+						onSelect: U,
+						onCopyLink: (e) => void W(e),
+						selectedTags: A,
+						linkedId: V
+					}, e.id))
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { b as AppChangelog };

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

@@ -0,0 +1,85 @@
+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 { 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
+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) => {
+		e.preventDefault(), m(p.id);
+	}, w = /* @__PURE__ */ s("button", {
+		type: "button",
+		onClick: () => {
+			h(p.id);
+		},
+		title: v("markdown.copyLink"),
+		"aria-label": v("markdown.copyLink"),
+		className: "inline-flex shrink-0 text-muted-foreground transition-opacity hover:text-primary md:opacity-0 md:focus-visible:opacity-100 md:group-hover:opacity-100",
+		children: /* @__PURE__ */ s(u, { className: "size-4" })
+	});
+	return /* @__PURE__ */ c("article", {
+		id: p.id,
+		className: "group scroll-mt-4 py-8 first:pt-0",
+		children: [/* @__PURE__ */ c("div", {
+			className: "mb-4 flex flex-wrap items-center gap-x-3 gap-y-1",
+			children: [
+				p.version === void 0 ? null : /* @__PURE__ */ c("span", {
+					title: v("changelog.version", { version: p.version }),
+					className: "inline-flex items-center gap-1.5 rounded-full border border-primary/30 bg-primary/10 px-2.5 py-0.5 font-mono text-xs font-semibold text-primary",
+					children: [/* @__PURE__ */ s(d, {
+						className: "size-3",
+						"aria-hidden": "true"
+					}), p.version]
+				}),
+				p.title === void 0 ? null : /* @__PURE__ */ s("h2", {
+					className: "text-lg font-semibold leading-tight text-foreground",
+					children: p.title
+				}),
+				S === void 0 ? null : /* @__PURE__ */ s("a", {
+					href: `#${p.id}`,
+					onClick: C,
+					className: "text-sm font-medium text-muted-foreground hover:text-primary",
+					children: S
+				}),
+				w
+			]
+		}), /* @__PURE__ */ s("div", {
+			className: "space-y-4 pl-4 sm:pl-6",
+			children: b.map((e, t) => {
+				let r = x[t];
+				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"),
+						children: [/* @__PURE__ */ s("button", {
+							type: "button",
+							onClick: () => {
+								h(r);
+							},
+							title: v("markdown.copyLink"),
+							"aria-label": v("markdown.copyLink"),
+							className: "inline-flex shrink-0 text-muted-foreground opacity-60 transition hover:text-primary hover:opacity-100",
+							children: /* @__PURE__ */ s(l, {
+								className: "size-3.5",
+								"aria-hidden": "true"
+							})
+						}), e.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,
+							headingAnchors: !1
+						})
+					})]
+				}, r ?? `item-${String(t)}`);
+			})
+		})]
+	});
+};
+//#endregion
+export { p as AppChangelogEntry };

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

@@ -0,0 +1,39 @@
+import { cn as e } from "../../../helpers/tailwind.helper.js";
+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
+var o = ({ entries: o, activeId: s, onSelect: c, className: l }) => {
+	let { t: u } = n(), d = t();
+	return /* @__PURE__ */ i("nav", {
+		"aria-label": u("changelog.nav"),
+		className: l,
+		children: [/* @__PURE__ */ r("p", {
+			className: "mb-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+			children: u("changelog.nav")
+		}), /* @__PURE__ */ r("ul", {
+			className: "space-y-1",
+			children: o.map((t) => {
+				let n = t.id === s, o = t.date ? a(t.date, t.hasTime ? "d MMM yyyy - HH:mm" : "d MMM yyyy", { locale: d }) : void 0, l = t.title ?? o ?? t.heading, f = [t.version === void 0 ? void 0 : u("changelog.version", { version: t.version }), t.title === void 0 ? void 0 : o].filter(Boolean).join("  ");
+				return /* @__PURE__ */ r("li", { children: /* @__PURE__ */ i("a", {
+					href: `#${t.id}`,
+					onClick: (e) => {
+						e.preventDefault(), c(t.id);
+					},
+					"aria-current": n ? "location" : void 0,
+					className: e("block rounded-md border border-transparent px-3 py-1.5 text-sm text-muted-foreground transition-colors hover:text-foreground", n && "border-border bg-muted text-foreground"),
+					children: [/* @__PURE__ */ r("span", {
+						className: e("block", n && "font-semibold"),
+						children: l
+					}), f === "" ? null : /* @__PURE__ */ r("span", {
+						className: "mt-0.5 block whitespace-pre text-xs text-muted-foreground",
+						children: f
+					})]
+				}) }, t.id);
+			})
+		})]
+	});
+};
+//#endregion
+export { o as AppChangelogNav };

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

@@ -0,0 +1,39 @@
+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 { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/core/changelog/AppChangelogTagFilter.tsx
+var a = ({ tags: a, selected: o, onToggle: s, onClear: c, className: l }) => {
+	let { t: u } = t();
+	return /* @__PURE__ */ i("div", {
+		className: l,
+		children: [/* @__PURE__ */ i("div", {
+			className: "mb-2 flex items-center justify-between gap-2",
+			children: [/* @__PURE__ */ r("p", {
+				className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+				children: u("changelog.tagsPlaceholder")
+			}), o.length > 0 ? /* @__PURE__ */ r("button", {
+				type: "button",
+				onClick: c,
+				className: "text-xs text-muted-foreground hover:text-foreground",
+				children: u("actions.clear")
+			}) : null]
+		}), /* @__PURE__ */ r("div", {
+			className: "flex flex-wrap gap-1.5",
+			children: a.map((t) => {
+				let i = o.includes(t);
+				return /* @__PURE__ */ r("button", {
+					type: "button",
+					"aria-pressed": i,
+					onClick: () => {
+						s(t);
+					},
+					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);
+			})
+		})]
+	});
+};
+//#endregion
+export { a as AppChangelogTagFilter };

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

@@ -1 +1 @@
-export { t as AppChangelog } from "../../../changelog-DyPFIscf.js";
+export { AppChangelog } from "./AppChangelog.js";

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

@@ -0,0 +1,80 @@
+import { cn as e } from "../../../helpers/tailwind.helper.js";
+import { ChartContainer as t, ChartTooltip as n, ChartTooltipContent as r } from "../../ui/chart.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
+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: _,
+		color: v
+	} }), [_, v]), D = a.useMemo(() => i(x, _), [x, _]), O = a.useMemo(() => g.some((e) => e.color !== void 0) ? g.map((e) => ({
+		...e,
+		fill: e.color ?? v
+	})) : g, [g, v]);
+	return /* @__PURE__ */ o(t, {
+		config: E,
+		className: e("aspect-auto size-full", C),
+		children: /* @__PURE__ */ s(l, {
+			data: O,
+			layout: "vertical",
+			margin: {
+				top: 5,
+				right: 20,
+				left: 0,
+				bottom: 5
+			},
+			children: [
+				/* @__PURE__ */ o(u, {
+					strokeDasharray: "3 3",
+					horizontal: !1
+				}),
+				/* @__PURE__ */ o(f, {
+					type: "number",
+					dataKey: "value",
+					allowDecimals: !1,
+					tickLine: !1,
+					axisLine: !1,
+					tickMargin: 8,
+					tickFormatter: x ? (e) => x(Number(e)) : void 0
+				}),
+				/* @__PURE__ */ o(p, {
+					type: "category",
+					dataKey: "name",
+					width: y,
+					tickLine: !1,
+					axisLine: !1,
+					tickFormatter: (e) => h(String(e), b)
+				}),
+				/* @__PURE__ */ o(n, { content: /* @__PURE__ */ o(r, { formatter: D }) }),
+				/* @__PURE__ */ o(c, {
+					dataKey: "value",
+					fill: "var(--color-value)",
+					radius: [
+						0,
+						4,
+						4,
+						0
+					],
+					className: S ? "cursor-pointer" : void 0,
+					onMouseEnter: S ? (e, t) => {
+						T(t);
+					} : void 0,
+					onMouseLeave: S ? () => {
+						T(null);
+					} : void 0,
+					shape: (e) => /* @__PURE__ */ o(d, {
+						...e,
+						fillOpacity: w !== null && w !== e.index ? m : 1
+					}),
+					onClick: S ? (e, t) => {
+						S(g[t], t);
+					} : void 0
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { g as BarChartHorizontal };

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

@@ -0,0 +1,68 @@
+import { cn as e } from "../../../helpers/tailwind.helper.js";
+import { ChartContainer as t, ChartTooltip as n, ChartTooltipContent as r } from "../../ui/chart.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
+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,
+		color: h
+	} }), [m, h]), S = a.useMemo(() => i(_, m), [_, m]), C = g !== void 0 && g !== 0, w = a.useMemo(() => p.some((e) => e.color !== void 0) ? p.map((e) => ({
+		...e,
+		fill: e.color ?? h
+	})) : p, [p, h]);
+	return /* @__PURE__ */ o(t, {
+		config: x,
+		className: e("aspect-auto size-full", b),
+		children: /* @__PURE__ */ s(l, {
+			data: w,
+			margin: {
+				top: 10,
+				right: 10,
+				left: 0,
+				bottom: C ? 20 : 10
+			},
+			children: [
+				/* @__PURE__ */ o(u, {
+					strokeDasharray: "3 3",
+					vertical: !1
+				}),
+				/* @__PURE__ */ o(d, {
+					dataKey: "name",
+					angle: g,
+					textAnchor: C ? "end" : "middle",
+					height: C ? 50 : void 0,
+					tickLine: !1,
+					axisLine: !1,
+					tickMargin: 8
+				}),
+				/* @__PURE__ */ o(f, {
+					allowDecimals: v,
+					tickLine: !1,
+					axisLine: !1,
+					width: _ ? 48 : 32,
+					tickFormatter: _ ? (e) => _(Number(e)) : void 0
+				}),
+				/* @__PURE__ */ o(n, { content: /* @__PURE__ */ o(r, { formatter: S }) }),
+				/* @__PURE__ */ o(c, {
+					dataKey: "value",
+					fill: "var(--color-value)",
+					radius: [
+						4,
+						4,
+						0,
+						0
+					],
+					className: y ? "cursor-pointer" : void 0,
+					onClick: y ? (e, t) => {
+						y(p[t], t);
+					} : void 0
+				})
+			]
+		})
+	});
+};
+//#endregion
+export { p as BarChartVertical };