@krosoft/react 0.0.376 → 0.0.377

package/dist/changelog-DyPFIscf.js

@@ -0,0 +1,257 @@
+import { t as e } from "./tailwind.helper-CJaRYBmL.js";
+import { filterChangelog as t, getChangelogItemAnchors as n, getChangelogTags as r, parseChangelog as i, splitChangelogItems as a } from "./helpers/index.js";
+import { r as o, t as s } from "./i18n-BhLphJa3.js";
+import { Nn as c } from "./ui-Fxy95kSJ.js";
+import { t as l } from "./SearchInput-IT_Rvthr.js";
+import { t as u } from "./useNotifications-CyhTruIG.js";
+import { t as d } from "./AppMarkdown-CAxm82x0.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 { HashIcon as _, LinkIcon as v, TagIcon as y } from "lucide-react";
+import { useLocation as b, useNavigate as x } from "react-router-dom";
+import { format as S } from "date-fns";
+//#region src/components/core/changelog/AppChangelogEntry.tsx
+var C = ({ entry: t, onSelect: r, onCopyLink: i, selectedTags: c, linkedId: l }) => {
+	let { t: u } = s(), f = o(), m = p(() => a(t.content), [t.content]), b = p(() => n(t.id, m), [t.id, m]), x = t.date ? S(t.date, t.hasTime ? "d MMMM yyyy - HH:mm" : "d MMMM yyyy", { locale: f }) : void 0, C = (e) => {
+		e.preventDefault(), r(t.id);
+	}, w = /* @__PURE__ */ h("button", {
+		type: "button",
+		onClick: () => {
+			i(t.id);
+		},
+		title: u("markdown.copyLink"),
+		"aria-label": u("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__ */ h(v, { className: "size-4" })
+	});
+	return /* @__PURE__ */ g("article", {
+		id: t.id,
+		className: "group scroll-mt-4 py-8 first:pt-0",
+		children: [/* @__PURE__ */ g("div", {
+			className: "mb-4 flex flex-wrap items-center gap-x-3 gap-y-1",
+			children: [
+				t.version === void 0 ? null : /* @__PURE__ */ g("span", {
+					title: u("changelog.version", { version: t.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__ */ h(y, {
+						className: "size-3",
+						"aria-hidden": "true"
+					}), t.version]
+				}),
+				t.title === void 0 ? null : /* @__PURE__ */ h("h2", {
+					className: "text-lg font-semibold leading-tight text-foreground",
+					children: t.title
+				}),
+				x === void 0 ? null : /* @__PURE__ */ h("a", {
+					href: `#${t.id}`,
+					onClick: C,
+					className: "text-sm font-medium text-muted-foreground hover:text-primary",
+					children: x
+				}),
+				w
+			]
+		}), /* @__PURE__ */ h("div", {
+			className: "space-y-4 pl-4 sm:pl-6",
+			children: m.map((t, n) => {
+				let r = b[n];
+				return /* @__PURE__ */ g("div", {
+					id: r,
+					className: e("scroll-mt-4 rounded-md", r !== void 0 && r === l && "-mx-3 bg-primary/5 px-3 py-2 ring-1 ring-primary/20"),
+					children: [t.tag === void 0 || r === void 0 ? null : /* @__PURE__ */ g("p", {
+						className: e("mb-1 flex items-center gap-1.5 text-sm font-semibold", c.includes(t.tag) ? "text-primary" : "text-foreground"),
+						children: [/* @__PURE__ */ h("button", {
+							type: "button",
+							onClick: () => {
+								i(r);
+							},
+							title: u("markdown.copyLink"),
+							"aria-label": u("markdown.copyLink"),
+							className: "inline-flex shrink-0 text-muted-foreground opacity-60 transition hover:text-primary hover:opacity-100",
+							children: /* @__PURE__ */ h(_, {
+								className: "size-3.5",
+								"aria-hidden": "true"
+							})
+						}), t.tag]
+					}), /* @__PURE__ */ h("div", {
+						className: e("min-w-0 [&>*:last-child]:mb-0", t.tag !== void 0 && "pl-5"),
+						children: /* @__PURE__ */ h(d, {
+							content: t.content,
+							headingAnchors: !1
+						})
+					})]
+				}, r ?? `item-${String(n)}`);
+			})
+		})]
+	});
+}, w = ({ entries: t, activeId: n, onSelect: r, className: i }) => {
+	let { t: a } = s(), c = o();
+	return /* @__PURE__ */ g("nav", {
+		"aria-label": a("changelog.nav"),
+		className: i,
+		children: [/* @__PURE__ */ h("p", {
+			className: "mb-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+			children: a("changelog.nav")
+		}), /* @__PURE__ */ h("ul", {
+			className: "space-y-1",
+			children: t.map((t) => {
+				let i = t.id === n, o = t.date ? S(t.date, t.hasTime ? "d MMM yyyy - HH:mm" : "d MMM yyyy", { locale: c }) : void 0, s = t.title ?? o ?? t.heading, l = [t.version === void 0 ? void 0 : a("changelog.version", { version: t.version }), t.title === void 0 ? void 0 : o].filter(Boolean).join("  ");
+				return /* @__PURE__ */ h("li", { children: /* @__PURE__ */ g("a", {
+					href: `#${t.id}`,
+					onClick: (e) => {
+						e.preventDefault(), r(t.id);
+					},
+					"aria-current": i ? "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", i && "border-border bg-muted text-foreground"),
+					children: [/* @__PURE__ */ h("span", {
+						className: e("block", i && "font-semibold"),
+						children: s
+					}), l === "" ? null : /* @__PURE__ */ h("span", {
+						className: "mt-0.5 block whitespace-pre text-xs text-muted-foreground",
+						children: l
+					})]
+				}) }, t.id);
+			})
+		})]
+	});
+}, T = ({ tags: t, selected: n, onToggle: r, onClear: i, className: a }) => {
+	let { t: o } = s();
+	return /* @__PURE__ */ g("div", {
+		className: a,
+		children: [/* @__PURE__ */ g("div", {
+			className: "mb-2 flex items-center justify-between gap-2",
+			children: [/* @__PURE__ */ h("p", {
+				className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+				children: o("changelog.tagsPlaceholder")
+			}), n.length > 0 ? /* @__PURE__ */ h("button", {
+				type: "button",
+				onClick: i,
+				className: "text-xs text-muted-foreground hover:text-foreground",
+				children: o("actions.clear")
+			}) : null]
+		}), /* @__PURE__ */ h("div", {
+			className: "flex flex-wrap gap-1.5",
+			children: t.map((t) => {
+				let i = n.includes(t);
+				return /* @__PURE__ */ h("button", {
+					type: "button",
+					"aria-pressed": i,
+					onClick: () => {
+						r(t);
+					},
+					className: e(c({ variant: i ? "default" : "outline" }), "cursor-pointer font-medium focus:ring-0 focus-visible:ring-2", !i && "hover:bg-muted"),
+					children: t
+				}, t);
+			})
+		})]
+	});
+}, E = "0px 0px -60% 0px", D = ({ content: o, showNav: c = !0, showSearch: d = !0 }) => {
+	let { t: _ } = s(), { showSuccess: v, showError: y } = u(), S = b(), D = x(), [O, k] = m(""), [A, j] = m([]), [M, N] = m(), P = p(() => i(o), [o]), F = p(() => r(P), [P]), I = p(() => t(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((t) => {
+			n(t.id, a(t.content)).forEach((n) => {
+				n !== void 0 && e.set(n, t.id);
+			});
+		}), e;
+	}, [I]), z = decodeURIComponent(S.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: E });
+		return I.forEach((e) => {
+			let n = document.getElementById(e.id);
+			n && t.observe(n);
+		}), () => {
+			t.disconnect();
+		};
+	}, [I]);
+	let U = (e) => {
+		D({
+			search: S.search,
+			hash: `#${e}`
+		}, { replace: !0 });
+	}, W = async (e) => {
+		U(e);
+		let t = `${window.location.origin}${S.pathname}${S.search}#${e}`;
+		try {
+			await navigator.clipboard.writeText(t), v(_("markdown.linkCopied"));
+		} catch {
+			y(_("markdown.linkCopyError"));
+		}
+	};
+	if (P.length === 0) return /* @__PURE__ */ h("p", {
+		className: "text-sm text-muted-foreground",
+		children: _("changelog.empty")
+	});
+	let G = /* @__PURE__ */ g("div", {
+		className: "flex flex-col gap-4",
+		children: [/* @__PURE__ */ h(l, {
+			search: O,
+			onSearch: k,
+			className: "md:w-full"
+		}), F.length > 0 ? /* @__PURE__ */ h(T, {
+			tags: F,
+			selected: A,
+			onToggle: L,
+			onClear: () => {
+				j([]);
+			}
+		}) : null]
+	});
+	return /* @__PURE__ */ g("div", {
+		className: "flex gap-10",
+		children: [c ? /* @__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: [d ? G : null, I.length > 0 ? /* @__PURE__ */ h(w, {
+				entries: I,
+				activeId: H,
+				onSelect: U,
+				className: "min-h-0 flex-1 overflow-y-auto"
+			}) : null]
+		}) : null, /* @__PURE__ */ g("div", {
+			className: e("min-w-0 flex-1", c && "lg:border-l lg:pl-10"),
+			children: [
+				d ? /* @__PURE__ */ h("div", {
+					className: e("mb-6 md:max-w-md", c && "lg:hidden"),
+					children: G
+				}) : null,
+				I.length === 0 ? /* @__PURE__ */ h("p", {
+					className: "text-sm text-muted-foreground",
+					children: _("changelog.noResult")
+				}) : null,
+				/* @__PURE__ */ h("div", {
+					className: "divide-y",
+					children: I.map((e) => /* @__PURE__ */ h(C, {
+						entry: e,
+						onSelect: U,
+						onCopyLink: (e) => void W(e),
+						selectedTags: A,
+						linkedId: V
+					}, e.id))
+				})
+			]
+		})]
+	});
+};
+//#endregion
+export { D as t };

package/dist/components/core/changelog/AppChangelog.d.ts

@@ -12,7 +12,7 @@ export interface AppChangelogProps {
 }
 /**
  * Journal des modifications : sommaire des dates dans une colonne collante à gauche (la date en cours de lecture
- * y est surlignée), entrées datées empilées à droite. Chaque date porte une ancre partageable (`#2026-10-30-1441`).
+ * y est surlignée), entrées datées empilées à droite. Chaque date et chaque catégorie portent une ancre partageable (`#2026-10-30-1441`, `#2026-10-30-1441-factures`).
  * Sur petit écran, la colonne disparaît et les filtres passent au-dessus des entrées.
  */
 export declare const AppChangelog: ({ content, showNav, showSearch }: AppChangelogProps) => JSX.Element;

package/dist/components/core/changelog/AppChangelog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppChangelog.d.ts","sourceRoot":"","sources":["../../../../src/components/core/changelog/AppChangelog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAYjC,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,sGAAsG;IACtG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAKD;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,kCAAgD,iBAAiB,KAAG,GAAG,CAAC,OA0HpG,CAAC"}
+{"version":3,"file":"AppChangelog.d.ts","sourceRoot":"","sources":["../../../../src/components/core/changelog/AppChangelog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAYjC,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB,sGAAsG;IACtG,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAKD;;;;GAIG;AACH,eAAO,MAAM,YAAY,GAAI,kCAAgD,iBAAiB,KAAG,GAAG,CAAC,OAgJpG,CAAC"}

package/dist/components/core/changelog/AppChangelogEntry.d.ts

@@ -6,8 +6,10 @@ interface AppChangelogEntryProps {
     onCopyLink: (id: string) => void;
     /** Catégories actuellement filtrées : leurs tags sont mis en évidence. */
     selectedTags: string[];
+    /** Ancre présente dans l'url : l'élément correspondant est mis en évidence. */
+    linkedId?: string;
 }
-/** Une entrée du journal : ses éléments (tag de catégorie + texte markdown) et le lien de partage au survol. */
-export declare const AppChangelogEntry: ({ entry, onSelect, onCopyLink, selectedTags }: AppChangelogEntryProps) => JSX.Element;
+/** Une entrée du journal : ses éléments (catégorie + texte markdown) et les liens de partage (entrée et éléments). */
+export declare const AppChangelogEntry: ({ entry, onSelect, onCopyLink, selectedTags, linkedId }: AppChangelogEntryProps) => JSX.Element;
 export {};
 //# sourceMappingURL=AppChangelogEntry.d.ts.map

package/dist/components/core/changelog/AppChangelogEntry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppChangelogEntry.d.ts","sourceRoot":"","sources":["../../../../src/components/core/changelog/AppChangelogEntry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAc,MAAM,OAAO,CAAC;AAS7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,UAAU,sBAAsB;IAC9B,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,0EAA0E;IAC1E,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB;AAED,gHAAgH;AAChH,eAAO,MAAM,iBAAiB,GAAI,+CAA+C,sBAAsB,KAAG,GAAG,CAAC,OA8D7G,CAAC"}
+{"version":3,"file":"AppChangelogEntry.d.ts","sourceRoot":"","sources":["../../../../src/components/core/changelog/AppChangelogEntry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAc,MAAM,OAAO,CAAC;AAQ7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,UAAU,sBAAsB;IAC9B,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,UAAU,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,0EAA0E;IAC1E,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,+EAA+E;IAC/E,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,sHAAsH;AACtH,eAAO,MAAM,iBAAiB,GAAI,yDAAyD,sBAAsB,KAAG,GAAG,CAAC,OAuFvH,CAAC"}

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

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

package/dist/components/core/index.js

@@ -3,7 +3,7 @@ import { F as o } from "../../ui-Fxy95kSJ.js";
 import { A as s, D as c, E as l, F as u, M as d, N as f, O as p, P as m, j as h, k as g } from "../../sheet-cWJO_wkT.js";
 import { t as _ } from "../../SearchInput-IT_Rvthr.js";
 import { t as v } from "../../AppMarkdown-CAxm82x0.js";
-import { t as y } from "../../changelog-D0SbAISW.js";
+import { t as y } from "../../changelog-DyPFIscf.js";
 import { a as b, c as x, i as S, n as C, o as w, r as T, s as E, t as D } from "../../charts-C7rKxkli.js";
 import { t as O } from "../../ErrorAlert-cJnfBL8H.js";
 import { i as k, n as A, r as j, t as M } from "../../dialogs-CG9Q7pqY.js";

package/dist/components/index.js

@@ -9,7 +9,7 @@ import { a as ur, c as dr, i as fr, l as pr, n as mr, o as hr, r as gr, s as _r,
 import { t as br } from "../skeleton-D6Ga4BLw.js";
 import { t as xr } from "../SearchInput-IT_Rvthr.js";
 import { t as Sr } from "../AppMarkdown-CAxm82x0.js";
-import { t as Cr } from "../changelog-D0SbAISW.js";
+import { t as Cr } from "../changelog-DyPFIscf.js";
 import { a as wr, c as Tr, i as Er, n as Dr, o as Or, r as kr, s as Ar, t as jr } from "../charts-C7rKxkli.js";
 import { t as Mr } from "../ErrorAlert-cJnfBL8H.js";
 import { i as Nr, n as Pr, r as Fr, t as Ir } from "../dialogs-CG9Q7pqY.js";

package/dist/helpers/changelog.helper.d.ts

@@ -20,4 +20,9 @@ export declare const splitChangelogItems: (content: string) => ChangelogItem[];
 export declare const filterChangelog: (entries: ChangelogEntry[], query: string, tags?: string[]) => ChangelogEntry[];
 /** Modules (tags) cités dans le journal, sans doublon, triés par ordre alphabétique. */
 export declare const getChangelogTags: (entries: ChangelogEntry[]) => string[];
+/**
+ * Ancre de chaque élément d'une entrée : `{ancre de l'entrée}-{catégorie}` (`2026-10-30-1441-factures`),
+ * suffixée `-2`, `-3`... si la catégorie revient dans la même entrée. Un élément sans catégorie n'a pas d'ancre.
+ */
+export declare const getChangelogItemAnchors: (entryId: string, items: ChangelogItem[]) => (string | undefined)[];
 //# sourceMappingURL=changelog.helper.d.ts.map

package/dist/helpers/changelog.helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"changelog.helper.d.ts","sourceRoot":"","sources":["../../src/helpers/changelog.helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAO3D,gFAAgF;AAChF,eAAO,MAAM,qBAAqB,GAAI,OAAO,MAAM,KAAG,MAK9B,CAAC;AA4BzB;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,UAAU,MAAM,KAAG,cAAc,EAmC/D,CAAC;AAOF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,SAAS,MAAM,KAAG,aAAa,EAqBlE,CAAC;AAKF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,cAAc,EAAE,EAAE,OAAO,MAAM,EAAE,OAAM,MAAM,EAAO,KAAG,cAAc,EAY7G,CAAC;AAEF,wFAAwF;AACxF,eAAO,MAAM,gBAAgB,GAAI,SAAS,cAAc,EAAE,KAAG,MAAM,EAGlE,CAAC"}
+{"version":3,"file":"changelog.helper.d.ts","sourceRoot":"","sources":["../../src/helpers/changelog.helper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAO3D,gFAAgF;AAChF,eAAO,MAAM,qBAAqB,GAAI,OAAO,MAAM,KAAG,MAK9B,CAAC;AA4BzB;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,UAAU,MAAM,KAAG,cAAc,EAmC/D,CAAC;AAOF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,SAAS,MAAM,KAAG,aAAa,EAqBlE,CAAC;AAKF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,SAAS,cAAc,EAAE,EAAE,OAAO,MAAM,EAAE,OAAM,MAAM,EAAO,KAAG,cAAc,EAY7G,CAAC;AAEF,wFAAwF;AACxF,eAAO,MAAM,gBAAgB,GAAI,SAAS,cAAc,EAAE,KAAG,MAAM,EAGlE,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,uBAAuB,GAAI,SAAS,MAAM,EAAE,OAAO,aAAa,EAAE,KAAG,CAAC,MAAM,GAAG,SAAS,CAAC,EAWrG,CAAC"}

package/dist/helpers/index.js

@@ -59,10 +59,17 @@ var n = /^## +(.+?)\s*$/, r = /^(?:\[v?([^\]]+)\]\s*[-–]\s*)?(\d{4}-\d{2}-\d{2
 		let t = f(`${e.heading}\n${e.content}`);
 		return r.every((e) => t.includes(e));
 	});
-}, m = (e) => [...new Set(e.flatMap((e) => d(e.content).flatMap((e) => e.tag === void 0 ? [] : [e.tag])))].sort((e, t) => e.localeCompare(t));
+}, m = (e) => [...new Set(e.flatMap((e) => d(e.content).flatMap((e) => e.tag === void 0 ? [] : [e.tag])))].sort((e, t) => e.localeCompare(t)), h = (e, t) => {
+	let n = /* @__PURE__ */ new Map();
+	return t.map((t) => {
+		if (t.tag === void 0) return;
+		let r = `${e}-${a(t.tag)}`, i = (n.get(r) ?? 0) + 1;
+		return n.set(r, i), i === 1 ? r : `${r}-${String(i)}`;
+	});
+};
 //#endregion
 //#region src/helpers/supabase.helper.ts
-function h(e, t, n = {}) {
+function g(e, t, n = {}) {
 	let r = e, i = t.debouncedSearchText ?? t.searchText;
 	if (i?.trim() && n.searchColumns?.length) {
 		let e = `%${i.trim()}%`, t = n.searchColumns.map((t) => `${t}.ilike.${e}`).join(",");
@@ -84,13 +91,13 @@ function h(e, t, n = {}) {
 	let a = (t.currentPage - 1) * t.pageSize, o = a + t.pageSize - 1;
 	return r = r.range(a, o), r;
 }
-function g(e, t) {
+function _(e, t) {
 	return e ? e.map((e) => {
 		let n = e[t];
 		return Array.isArray(n) ? n[0] : n;
 	}).filter((e) => !!e) : [];
 }
-function _(e, t) {
+function v(e, t) {
 	if (!e) return null;
 	let n = Array.isArray(e) ? e[0] : e;
 	if (!n) return null;
@@ -102,24 +109,24 @@ function _(e, t) {
 }
 //#endregion
 //#region src/helpers/table.helper.ts
-var v = {
+var y = {
 	left: "text-left",
 	center: "text-center",
 	right: "text-right"
 };
-function y(e) {
+function b(e) {
 	if (e.align !== void 0) return e.align;
 	let t = (e.className ?? "").split(/\s+/);
 	return t.includes("text-right") ? "right" : t.includes("text-center") ? "center" : "left";
 }
-function b(e) {
-	return v[e];
+function x(e) {
+	return y[e];
 }
-var x = "__selection__", S = "__actions__", C = {
+var S = "__selection__", C = "__actions__", w = {
 	left: "border-r border-border",
 	right: "border-l border-border"
 };
-function w(e, t) {
+function T(e, t) {
 	if (e === void 0) return {
 		className: "relative",
 		style: {}
@@ -131,12 +138,12 @@ function w(e, t) {
 			n ? "z-20" : "z-10",
 			"before:absolute before:inset-0 before:-z-10 before:pointer-events-none",
 			n ? "before:bg-muted/50" : "group-hover:before:bg-muted/50",
-			e.isEdge ? C[e.side] : ""
+			e.isEdge ? w[e.side] : ""
 		].filter(Boolean).join(" "),
 		style: e.side === "left" ? { left: e.offset } : { right: e.offset }
 	};
 }
-function T(e) {
+function E(e) {
 	return {
 		read: () => {
 			if (typeof window < "u") try {
@@ -156,4 +163,4 @@ function T(e) {
 	};
 }
 //#endregion
-export { S as ACTIONS_COLUMN_KEY, x as SELECTION_COLUMN_KEY, h as applyTableStateToQuery, e as cn, p as filterChangelog, b as getAlignmentClass, m as getChangelogTags, y as getColumnAlignment, w as getFixedCellProps, T as localStorageColumnVisibility, g as mapNestedRelationMany, _ as mapNestedRelationOne, c as parseChangelog, t as rehypeVersionSlug, a as slugifyChangelogTitle, d as splitChangelogItems };
+export { C as ACTIONS_COLUMN_KEY, S as SELECTION_COLUMN_KEY, g as applyTableStateToQuery, e as cn, p as filterChangelog, x as getAlignmentClass, h as getChangelogItemAnchors, m as getChangelogTags, b as getColumnAlignment, T as getFixedCellProps, E as localStorageColumnVisibility, _ as mapNestedRelationMany, v as mapNestedRelationOne, c as parseChangelog, t as rehypeVersionSlug, a as slugifyChangelogTitle, d as splitChangelogItems };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.376",
+  "version": "0.0.377",
   "description": "Krosoft shared React package",
   "type": "module",
   "sideEffects": [

package/dist/changelog-D0SbAISW.js

@@ -1,231 +0,0 @@
-import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { filterChangelog as t, getChangelogTags as n, parseChangelog as r, splitChangelogItems as i } from "./helpers/index.js";
-import { r as a, t as o } from "./i18n-BhLphJa3.js";
-import { Nn as s } from "./ui-Fxy95kSJ.js";
-import { t as c } from "./SearchInput-IT_Rvthr.js";
-import { t as l } from "./useNotifications-CyhTruIG.js";
-import { t as u } from "./AppMarkdown-CAxm82x0.js";
-import { useEffect as d, useMemo as f, useState as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { LinkIcon as g } from "lucide-react";
-import { useLocation as _, useNavigate as v } from "react-router-dom";
-import { format as y } from "date-fns";
-//#region src/components/core/changelog/AppChangelogEntry.tsx
-var b = ({ entry: t, onSelect: n, onCopyLink: r, selectedTags: c }) => {
-	let { t: l } = o(), d = a(), p = f(() => i(t.content), [t.content]), _ = t.date ? y(t.date, t.hasTime ? "d MMMM yyyy - HH:mm" : "d MMMM yyyy", { locale: d }) : void 0;
-	return /* @__PURE__ */ h("article", {
-		id: t.id,
-		className: "group scroll-mt-4 py-8 first:pt-0",
-		children: [
-			/* @__PURE__ */ h("div", {
-				className: "mb-3 flex flex-wrap items-center gap-x-3 gap-y-1",
-				children: [t.version === void 0 ? null : /* @__PURE__ */ m("span", {
-					className: e(s({ variant: "secondary" }), "rounded-full hover:bg-secondary"),
-					children: l("changelog.version", { version: t.version })
-				}), _ === void 0 ? null : /* @__PURE__ */ m("a", {
-					href: `#${t.id}`,
-					onClick: (e) => {
-						e.preventDefault(), n(t.id);
-					},
-					className: "text-sm font-medium text-muted-foreground hover:text-primary",
-					children: _
-				})]
-			}),
-			t.title === void 0 ? null : /* @__PURE__ */ m("h2", {
-				className: "mb-4 text-xl font-semibold leading-tight text-foreground",
-				children: t.title
-			}),
-			/* @__PURE__ */ h("div", {
-				className: "flex gap-4",
-				children: [/* @__PURE__ */ m("div", {
-					className: "min-w-0 flex-1 space-y-3",
-					children: p.map((t, n) => /* @__PURE__ */ h("div", {
-						className: "flex flex-col items-start gap-1.5 sm:flex-row sm:gap-3",
-						children: [t.tag === void 0 ? null : /* @__PURE__ */ m("span", {
-							className: e(s({ variant: c.includes(t.tag) ? "default" : "secondary" }), c.includes(t.tag) ? "hover:bg-primary" : "hover:bg-secondary", "mt-0.5 shrink-0"),
-							children: t.tag
-						}), /* @__PURE__ */ m("div", {
-							className: "min-w-0 [&>*:last-child]:mb-0",
-							children: /* @__PURE__ */ m(u, {
-								content: t.content,
-								headingAnchors: !1
-							})
-						})]
-					}, `${t.tag ?? ""}-${String(n)}`))
-				}), /* @__PURE__ */ m("button", {
-					type: "button",
-					onClick: () => {
-						r(t.id);
-					},
-					title: l("markdown.copyLink"),
-					"aria-label": l("markdown.copyLink"),
-					className: "mt-0.5 inline-flex h-fit 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__ */ m(g, { className: "size-4" })
-				})]
-			})
-		]
-	});
-}, x = ({ entries: t, activeId: n, onSelect: r, className: i }) => {
-	let { t: s } = o(), c = a();
-	return /* @__PURE__ */ h("nav", {
-		"aria-label": s("changelog.nav"),
-		className: i,
-		children: [/* @__PURE__ */ m("p", {
-			className: "mb-2 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
-			children: s("changelog.nav")
-		}), /* @__PURE__ */ m("ul", {
-			className: "space-y-1",
-			children: t.map((t) => {
-				let i = t.id === n, a = t.date ? y(t.date, t.hasTime ? "d MMM yyyy - HH:mm" : "d MMM yyyy", { locale: c }) : void 0, o = t.title ?? a ?? t.heading, l = [t.version === void 0 ? void 0 : s("changelog.version", { version: t.version }), t.title === void 0 ? void 0 : a].filter(Boolean).join("  ");
-				return /* @__PURE__ */ m("li", { children: /* @__PURE__ */ h("a", {
-					href: `#${t.id}`,
-					onClick: (e) => {
-						e.preventDefault(), r(t.id);
-					},
-					"aria-current": i ? "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", i && "border-border bg-muted text-foreground"),
-					children: [/* @__PURE__ */ m("span", {
-						className: e("block", i && "font-semibold"),
-						children: o
-					}), l === "" ? null : /* @__PURE__ */ m("span", {
-						className: "mt-0.5 block whitespace-pre text-xs text-muted-foreground",
-						children: l
-					})]
-				}) }, t.id);
-			})
-		})]
-	});
-}, S = ({ tags: t, selected: n, onToggle: r, onClear: i, className: a }) => {
-	let { t: c } = o();
-	return /* @__PURE__ */ h("div", {
-		className: a,
-		children: [/* @__PURE__ */ h("div", {
-			className: "mb-2 flex items-center justify-between gap-2",
-			children: [/* @__PURE__ */ m("p", {
-				className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground",
-				children: c("changelog.tagsPlaceholder")
-			}), n.length > 0 ? /* @__PURE__ */ m("button", {
-				type: "button",
-				onClick: i,
-				className: "text-xs text-muted-foreground hover:text-foreground",
-				children: c("actions.clear")
-			}) : null]
-		}), /* @__PURE__ */ m("div", {
-			className: "flex flex-wrap gap-1.5",
-			children: t.map((t) => {
-				let i = n.includes(t);
-				return /* @__PURE__ */ m("button", {
-					type: "button",
-					"aria-pressed": i,
-					onClick: () => {
-						r(t);
-					},
-					className: e(s({ variant: i ? "default" : "outline" }), "cursor-pointer font-medium focus:ring-0 focus-visible:ring-2", !i && "hover:bg-muted"),
-					children: t
-				}, t);
-			})
-		})]
-	});
-}, C = "0px 0px -60% 0px", w = ({ content: i, showNav: a = !0, showSearch: s = !0 }) => {
-	let { t: u } = o(), { showSuccess: g, showError: y } = l(), w = _(), T = v(), [E, D] = p(""), [O, k] = p([]), [A, j] = p(), M = f(() => r(i), [i]), N = f(() => n(M), [M]), P = f(() => t(M, E, O), [
-		M,
-		E,
-		O
-	]), F = (e) => {
-		k((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, I = decodeURIComponent(w.hash.slice(1)), L = P.some((e) => e.id === I) ? I : void 0, R = P.some((e) => e.id === A) ? A : L ?? P[0]?.id;
-	d(() => {
-		if (!L) return;
-		let e = requestAnimationFrame(() => {
-			document.getElementById(L)?.scrollIntoView({
-				behavior: "smooth",
-				block: "start"
-			});
-		});
-		return () => {
-			cancelAnimationFrame(e);
-		};
-	}, [L]), d(() => {
-		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 = P.find((t) => e.has(t.id));
-			n && j(n.id);
-		}, { rootMargin: C });
-		return P.forEach((e) => {
-			let n = document.getElementById(e.id);
-			n && t.observe(n);
-		}), () => {
-			t.disconnect();
-		};
-	}, [P]);
-	let z = (e) => {
-		T({
-			search: w.search,
-			hash: `#${e}`
-		}, { replace: !0 });
-	}, B = async (e) => {
-		z(e);
-		let t = `${window.location.origin}${w.pathname}${w.search}#${e}`;
-		try {
-			await navigator.clipboard.writeText(t), g(u("markdown.linkCopied"));
-		} catch {
-			y(u("markdown.linkCopyError"));
-		}
-	};
-	if (M.length === 0) return /* @__PURE__ */ m("p", {
-		className: "text-sm text-muted-foreground",
-		children: u("changelog.empty")
-	});
-	let V = /* @__PURE__ */ h("div", {
-		className: "flex flex-col gap-4",
-		children: [/* @__PURE__ */ m(c, {
-			search: E,
-			onSearch: D,
-			className: "md:w-full"
-		}), N.length > 0 ? /* @__PURE__ */ m(S, {
-			tags: N,
-			selected: O,
-			onToggle: F,
-			onClear: () => {
-				k([]);
-			}
-		}) : null]
-	});
-	return /* @__PURE__ */ h("div", {
-		className: "flex gap-10",
-		children: [a ? /* @__PURE__ */ h("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 ? V : null, P.length > 0 ? /* @__PURE__ */ m(x, {
-				entries: P,
-				activeId: R,
-				onSelect: z,
-				className: "min-h-0 flex-1 overflow-y-auto"
-			}) : null]
-		}) : null, /* @__PURE__ */ h("div", {
-			className: e("min-w-0 flex-1", a && "lg:border-l lg:pl-10"),
-			children: [
-				s ? /* @__PURE__ */ m("div", {
-					className: e("mb-6 md:max-w-md", a && "lg:hidden"),
-					children: V
-				}) : null,
-				P.length === 0 ? /* @__PURE__ */ m("p", {
-					className: "text-sm text-muted-foreground",
-					children: u("changelog.noResult")
-				}) : null,
-				/* @__PURE__ */ m("div", {
-					className: "divide-y",
-					children: P.map((e) => /* @__PURE__ */ m(b, {
-						entry: e,
-						onSelect: z,
-						onCopyLink: (e) => void B(e),
-						selectedTags: O
-					}, e.id))
-				})
-			]
-		})]
-	});
-};
-//#endregion
-export { w as t };