@krosoft/react 0.0.294 → 0.0.295

package/README.md

@@ -91,10 +91,13 @@ Rien n'oblige à suivre un preset : n'importe quelle valeur convient (`--k-radiu
 | ---------------------------------------------------------- | ---------------------------------------------------------------- |
 | `--k-success`, `--k-warning`, `--k-info` (+ `-foreground`) | `bg-success`, `text-warning-foreground`, `border-info`…          |
 | `--k-topbar-*`                                             | `bg-topbar`, `text-topbar-foreground`, `bg-topbar-accent`…       |
+| `--k-brand-from`, `--k-brand-to`, `--k-brand-foreground`   | `from-brand-from`, `to-brand-to`, `text-brand-foreground`        |
 | `--k-sidebar-muted`                                        | `text-sidebar-muted`                                             |
 | `--k-radius-control`, `--k-radius-surface` (+ `-dense`)    | `rounded-control`, `rounded-surface`                             |
 | `--k-font-heading`, `--k-font-body`                        | appliquées directement par `globals.css` sur `body` et `h1`–`h6` |
 
+`--k-brand-*` est le dégradé de marque : il habille l'en-tête d'`AppDialog`. Deux bornes plutôt qu'une couleur pleine, parce que les surfaces qui le portent sont des dégradés — un thème qui n'en veut pas met la même valeur des deux côtés. Il est déclaré sur `:root` seulement, comme la palette des graphes : ces teintes portent du texte blanc et restent identiques en clair comme en sombre.
+
 Ces couleurs sont désormais mappées par le preset partagé : un projet consommateur qui les déclarait dans son propre `tailwind.config` peut supprimer ces lignes.
 
 Story `Démos/Radius` pour comparer les presets, sélecteur **Radius** dans la barre d'outils Storybook pour les appliquer à n'importe quelle story.

package/dist/{AppActions-CpbkO_3O.js → AppActions-NdUYh2ii.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
 import { t } from "./i18n-d2p0RJo9.js";
-import { Bt as n, Ft as r, Gt as i, Nt as a, jt as o } from "./ui-D8Pg34YW.js";
-import { s } from "./tooltip-BmZ9Bfou.js";
+import { Bt as n, Ft as r, Gt as i, Nt as a, jt as o } from "./ui-rJqnHWNK.js";
+import { s } from "./tooltip-CWdde1-y.js";
 import { t as c } from "./useMobile-pTQ8lWvt.js";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { MoreVerticalIcon as d } from "lucide-react";

package/dist/{AppSubTitle-BOVTZlUB.js → AppSubTitle-CunCNtvJ.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./i18n-d2p0RJo9.js";
-import { t } from "./AppActions-CpbkO_3O.js";
+import { t } from "./AppActions-NdUYh2ii.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/core/layouts/AppSubTitle.tsx
 function i({ titleKey: i, actions: a, className: o }) {

package/dist/ErrorAlert-0L-Dwqu8.js

@@ -0,0 +1,37 @@
+import { t as e } from "./i18n-d2p0RJo9.js";
+import { n as t, t as n } from "./alert-REQGK9bR.js";
+import "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { AlertTriangle as a } from "lucide-react";
+//#region src/components/core/states/ErrorAlert.tsx
+var o = (e) => e instanceof Error ? {} : {
+	code: e.code,
+	errors: e.errors ?? void 0
+}, s = ({ error: s, className: c }) => {
+	let { t: l } = e();
+	if (!s) return null;
+	let { code: u, errors: d } = o(s);
+	return /* @__PURE__ */ i(n, {
+		variant: "destructive",
+		className: c,
+		children: [/* @__PURE__ */ r(a, { className: "size-4" }), /* @__PURE__ */ i(t, { children: [/* @__PURE__ */ i("div", {
+			className: "flex items-center space-x-2",
+			children: [
+				/* @__PURE__ */ r("span", {
+					className: "font-semibold",
+					children: l("states.errorPrefix")
+				}),
+				u !== void 0 && /* @__PURE__ */ r("span", { children: u }),
+				/* @__PURE__ */ r("span", {
+					className: "break-words [overflow-wrap:anywhere]",
+					children: s.message
+				})
+			]
+		}), d && d.length > 0 && /* @__PURE__ */ r("ul", {
+			className: "mt-2 list-disc list-inside",
+			children: d.map((e, t) => /* @__PURE__ */ r("li", { children: e }, t))
+		})] })]
+	});
+};
+//#endregion
+export { s as t };

package/dist/GenericForm-CLgO9HuL.js

@@ -0,0 +1,311 @@
+import { t as e } from "./tailwind.helper-CJaRYBmL.js";
+import { c as t, d as n, s as r } from "./chart-Dq3AIrue.js";
+import { t as i } from "./i18n-d2p0RJo9.js";
+import { Ct as a, Dt as o, Et as s, Ot as c, St as l, Tt as u, bn as d, p as f } from "./ui-rJqnHWNK.js";
+import { s as p } from "./tooltip-CWdde1-y.js";
+import { g as m } from "./sheet-4VOGdoiW.js";
+import { i as h, l as g, n as ee, t as _, u as v } from "./select-CsXmG_sJ.js";
+import { n as y } from "./useToast-UeDRLovh.js";
+import { t as b } from "./ImageInput-DYGqUTBi.js";
+import { t as x } from "./AppSubTitle-CunCNtvJ.js";
+import { t as S } from "./MultiSelect-CXnF_D0R.js";
+import { useEffect as C, useRef as w, useState as T } from "react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { useForm as O } from "react-hook-form";
+import { zodResolver as k } from "@hookform/resolvers/zod";
+import { z as A } from "zod";
+//#region src/components/core/forms/GenericForm.tsx
+var j = (e) => {
+	let t = {};
+	return (e?.sections ?? []).forEach((e) => {
+		e.fields.forEach((e) => {
+			if (e.rules) t[e.key] = e.rules(A);
+			else switch (e.type) {
+				case "checkbox":
+					t[e.key] = A.boolean().nullable().optional();
+					break;
+				case "html": break;
+				case "text":
+				case "textarea":
+				case "number":
+				case "date":
+				case "time":
+				case "select":
+				case "multiSelect":
+				case "color":
+				case "image": t[e.key] = A.string().nullable().optional();
+			}
+		});
+	}), A.object(t);
+}, M = (e, t) => t || Object.fromEntries((e?.sections ?? []).flatMap((e) => e.fields.map((e) => [e.key, e.defaultValue ?? null]))), N = (e, t) => {
+	let n = {};
+	return t && (e?.sections ?? []).forEach((e) => {
+		e.fields.forEach((e) => {
+			let r = t[e.key];
+			e.type === "image" && typeof r == "string" && r && (n[e.key] = r);
+		});
+	}), n;
+}, P = ({ schema: P, isLoading: F, error: I, onSubmit: L, onCancel: R, initialData: z, disabled: B = !1, renderActions: V = !0, id: H, defaultCols: U = 4 }) => {
+	let { t: W } = i(), { toast: G } = y(), [K, q] = T(!1), [J, Y] = T(() => N(P, z)), X = O({
+		resolver: k(j(P)),
+		defaultValues: M(P, z)
+	}), Z = w(!!P);
+	C(() => {
+		!P || Z.current || (Z.current = !0, X.reset(M(P, z)), Y(N(P, z)));
+	}, [
+		X,
+		P,
+		z
+	]);
+	let Q = (e) => {
+		switch (e) {
+			case 1: return "md:col-span-1 col-span-4";
+			case 2: return "md:col-span-2 col-span-4";
+			case 3: return "md:col-span-3 col-span-4";
+			default: return "md:col-span-4 col-span-4";
+		}
+	}, te = async (e) => {
+		if (!K) {
+			if (Object.keys(X.formState.errors).length > 0) {
+				G({
+					title: W("form.validationTitle"),
+					description: W("form.validationMessage"),
+					variant: "destructive"
+				});
+				return;
+			}
+			q(!0);
+			try {
+				await Promise.resolve(L(e));
+			} catch (e) {
+				console.error("Error during form submission:", e), G({
+					title: W("states.errorTitle"),
+					description: W("form.submitError"),
+					variant: "destructive"
+				});
+			} finally {
+				q(!1);
+			}
+		}
+	}, $ = (e, t) => {
+		Y((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, ne = (e) => {
+		if (!e) return !1;
+		let t = (e) => {
+			if (!e || !e._def) return !1;
+			let n = e._def;
+			return n.typeName === "ZodNullable" ? !0 : n.innerType ? t(n.innerType) : n.type ? t(n.type) : !1;
+		};
+		try {
+			return t(e(A));
+		} catch {
+			return !1;
+		}
+	}, re = (e) => {
+		if (!e) return !1;
+		let t = e(A);
+		return t.safeParse(void 0).success ? !1 : t._def.checks?.some((e) => e.kind === "min") ?? !1;
+	}, ie = (t, n) => {
+		let r = !!X.formState.errors[t.key], i = B;
+		switch (t.type) {
+			case "text":
+			case "color": return /* @__PURE__ */ E(m, {
+				type: t.type,
+				...n,
+				placeholder: t.placeholderKey ? W(t.placeholderKey) : "",
+				className: e(r && "border-destructive"),
+				disabled: i,
+				value: n.value ?? ""
+			});
+			case "image": {
+				let a = t, o = t.key, s = typeof n.value == "string" ? n.value : void 0, c = a.value === void 0 ? s ?? J[o] : a.value;
+				return /* @__PURE__ */ E(b, {
+					value: c ?? "",
+					onChange: (e) => {
+						if (a.onChange && a.onChange(e), n.onChange(e), e) {
+							let t = new FileReader();
+							t.onloadend = () => {
+								$(o, t.result);
+							}, t.readAsDataURL(e);
+						} else $(o, "");
+					},
+					accept: a.accept,
+					maxSizeMB: a.maxSizeMB,
+					hint: a.hint,
+					disabled: i,
+					className: e(r && "border-destructive")
+				});
+			}
+			case "date": return /* @__PURE__ */ E(m, {
+				type: "date",
+				...n,
+				className: e(r && "border-destructive"),
+				disabled: i,
+				value: n.value ?? ""
+			});
+			case "time": return /* @__PURE__ */ E(m, {
+				type: "time",
+				...n,
+				className: e(r && "border-destructive"),
+				disabled: i,
+				value: n.value ?? ""
+			});
+			case "checkbox": return /* @__PURE__ */ D("div", {
+				className: "flex items-center space-x-2",
+				children: [/* @__PURE__ */ E(d, {
+					id: t.key,
+					checked: n.value === !0,
+					onCheckedChange: (e) => {
+						n.onChange(e);
+					},
+					disabled: i,
+					className: e(r && "border-destructive")
+				}), /* @__PURE__ */ E("label", {
+					htmlFor: t.key,
+					className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
+					children: W(t.labelKey)
+				})]
+			}, t.key);
+			case "textarea": return /* @__PURE__ */ E(f, {
+				...n,
+				placeholder: t.placeholderKey ? W(t.placeholderKey) : "",
+				className: e(r && "border-destructive", "min-h-[100px]"),
+				disabled: i,
+				value: n.value ?? ""
+			});
+			case "number": {
+				let a = t;
+				return /* @__PURE__ */ E(m, {
+					type: "number",
+					...n,
+					step: a.step,
+					min: a.min,
+					placeholder: t.placeholderKey ? W(t.placeholderKey) : "",
+					className: e(r && "border-destructive"),
+					disabled: i,
+					value: n.value ?? "",
+					onChange: (e) => {
+						let t = e.target.value === "" ? "" : Number(e.target.value);
+						n.onChange(t);
+					}
+				});
+			}
+			case "select": {
+				let o = t, s = ne(t.rules), c = n.value === null || n.value === void 0 ? "" : n.value, l = o.options, u = l.find((e) => e.value === c);
+				return /* @__PURE__ */ D(_, {
+					value: c,
+					onValueChange: n.onChange,
+					disabled: i,
+					children: [/* @__PURE__ */ E(a, { children: /* @__PURE__ */ E(g, {
+						className: e(r && "border-destructive"),
+						onClear: s && c ? (e) => {
+							e.preventDefault(), e.stopPropagation(), n.onChange(null);
+						} : void 0,
+						children: /* @__PURE__ */ E(v, {
+							placeholder: t.placeholderKey ? W(t.placeholderKey) : "",
+							children: u ? /* @__PURE__ */ D("div", {
+								className: "flex items-center gap-2",
+								children: [u.color && /* @__PURE__ */ E("div", {
+									className: "w-4 h-4 rounded-full",
+									style: { backgroundColor: u.color }
+								}), u.label]
+							}) : void 0
+						})
+					}) }), /* @__PURE__ */ E(ee, { children: l.map((e, t) => /* @__PURE__ */ E(h, {
+						value: e.value,
+						children: /* @__PURE__ */ D("div", {
+							className: "flex items-center gap-2",
+							children: [e.color && /* @__PURE__ */ E("div", {
+								className: "w-4 h-4 rounded-full",
+								style: { backgroundColor: e.color }
+							}), e.label]
+						})
+					}, t)) })]
+				});
+			}
+			case "multiSelect": {
+				let e = t, r = n.value ?? [];
+				return /* @__PURE__ */ E(S, {
+					options: e.options,
+					selected: r,
+					onToggle: (e) => {
+						let t = r.includes(e) ? r.filter((t) => t !== e) : [...r, e];
+						n.onChange(t);
+					},
+					onClear: () => {
+						n.onChange([]);
+					},
+					onSelectAll: (e) => {
+						n.onChange(e);
+					},
+					placeholder: t.placeholderKey ? W(t.placeholderKey) : "",
+					disabled: i
+				});
+			}
+			case "html": return t.render(X.getValues(), t);
+			default: return null;
+		}
+	}, ae = (i, l) => {
+		let d = /* @__PURE__ */ E("div", {
+			className: e("grid grid-cols-4 gap-4"),
+			children: i.fields.map((t) => /* @__PURE__ */ E(u, {
+				control: X.control,
+				name: t.key,
+				render: ({ field: n }) => /* @__PURE__ */ D(s, {
+					className: e(Q(t.layout?.cols ?? U)),
+					children: [
+						t.type !== "checkbox" && t.type !== "html" && /* @__PURE__ */ D(o, { children: [W(t.labelKey), re(t.rules) && /* @__PURE__ */ E("span", {
+							className: "text-destructive ml-1",
+							children: "*"
+						})] }),
+						/* @__PURE__ */ E(a, { children: ie(t, n) }),
+						/* @__PURE__ */ E(c, {})
+					]
+				})
+			}, t.key))
+		});
+		return P?.useCards === !1 ? /* @__PURE__ */ D("div", {
+			className: "space-y-4 mb-6",
+			children: [i.titleKey && /* @__PURE__ */ E(x, { titleKey: i.titleKey }), d]
+		}, l) : /* @__PURE__ */ D(r, {
+			className: "mb-6",
+			children: [i.titleKey && /* @__PURE__ */ E(n, { children: /* @__PURE__ */ E(x, { titleKey: i.titleKey }) }), /* @__PURE__ */ E(t, { children: d })]
+		}, l);
+	};
+	return P ? /* @__PURE__ */ E(l, {
+		...X,
+		children: /* @__PURE__ */ D("form", {
+			id: H,
+			onSubmit: (e) => {
+				X.handleSubmit(te)(e);
+			},
+			className: "space-y-4 px-0 w-full",
+			children: [/* @__PURE__ */ D("div", {
+				className: "space-y-4",
+				children: [P.sections.map((e, t) => ae(e, t)), I && /* @__PURE__ */ E("div", {
+					className: "text-sm font-medium text-destructive",
+					children: I.message
+				})]
+			}), !B && V && /* @__PURE__ */ D("div", {
+				className: "flex justify-end gap-3 mt-6 border-t pt-4",
+				children: [R && /* @__PURE__ */ E(p, {
+					type: "button",
+					variant: "outline",
+					onClick: R,
+					disabled: K || F,
+					children: W("actions.cancel")
+				}), /* @__PURE__ */ E(p, {
+					variant: "default",
+					type: "submit",
+					disabled: K || (F ?? !1) || X.formState.isSubmitting,
+					children: W(K || F ? "actions.saving" : "actions.save")
+				})]
+			})]
+		})
+	}) : null;
+};
+//#endregion
+export { P as t };

package/dist/{ImageInput-BPNEywyf.js → ImageInput-DYGqUTBi.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
 import { t } from "./i18n-d2p0RJo9.js";
-import "./ui-D8Pg34YW.js";
-import { s as n } from "./tooltip-BmZ9Bfou.js";
+import "./ui-rJqnHWNK.js";
+import { s as n } from "./tooltip-CWdde1-y.js";
 import { t as r } from "./useNotifications-CyhTruIG.js";
 import { forwardRef as i, useRef as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";

package/dist/{MultiSelect-CZ4hye2w.js → MultiSelect-CXnF_D0R.js}

@@ -1,37 +1,35 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
 import { t } from "./i18n-d2p0RJo9.js";
-import { bn as n } from "./ui-D8Pg34YW.js";
-import { a as r, o as i } from "./tooltip-BmZ9Bfou.js";
-import { h as a, m as o, p as s } from "./sheet-DQTOen4V.js";
+import { bn as n } from "./ui-rJqnHWNK.js";
+import { a as r, o as i } from "./tooltip-CWdde1-y.js";
+import { h as a, m as o, p as s } from "./sheet-4VOGdoiW.js";
 import { useMemo as c, useState as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import { ChevronDownIcon as f, SearchIcon as p, XIcon as m } from "lucide-react";
 import { Command as h } from "cmdk";
 //#region src/components/core/inputs/MultiSelect.tsx
 var g = ({ options: g, selected: _, onToggle: v, onClear: y, onSelectAll: b, variant: x = "input", placeholder: S, labelKey: C, searchable: w = !1, searchPlaceholder: T, disabled: E = !1, maxCount: D, className: O }) => {
-	let { t: k } = t(), [A, j] = l(""), [M, N] = l(!1), P = x === "pill", F = c(() => A === "" ? g : g.filter((e) => e.label.toLowerCase().includes(A.toLowerCase())), [g, A]), I = c(() => F.length !== 0 && F.every((e) => _.includes(e.value)), [F, _]), L = c(() => _.map((e) => g.find((t) => t.value === e)?.label ?? e), [g, _]), R = D !== void 0 && D > 0 ? L.slice(0, D) : L, z = L.length - R.length, B = (e) => {
+	let { t: k } = t(), [A, j] = l(""), [M, N] = l(!1), P = x === "pill", F = c(() => A === "" ? g : g.filter((e) => e.label.toLowerCase().includes(A.toLowerCase())), [g, A]), I = c(() => F.filter((e) => e.disabled !== !0).map((e) => e.value), [F]), L = c(() => _.filter((e) => g.find((t) => t.value === e)?.disabled === !0), [g, _]), R = c(() => I.length !== 0 && I.every((e) => _.includes(e)), [I, _]), z = c(() => _.map((e) => g.find((t) => t.value === e)?.label ?? e), [g, _]), B = D !== void 0 && D > 0 ? z.slice(0, D) : z, V = z.length - B.length, H = (e) => {
 		N(e), e || j("");
-	}, V = () => {
-		y === void 0 ? b === void 0 ? _.forEach((e) => {
+	}, U = () => {
+		L.length > 0 ? b === void 0 ? _.filter((e) => !L.includes(e)).forEach((e) => {
+			v(e);
+		}) : b(L) : y === void 0 ? b === void 0 ? _.forEach((e) => {
 			v(e);
 		}) : b([]) : y();
-	}, H = () => {
-		if (I) {
-			if (b !== void 0) {
-				let e = F.map((e) => e.value);
-				b(_.filter((t) => !e.includes(t)));
-			} else y === void 0 ? _.forEach((e) => {
-				v(e);
-			}) : y();
-		} else if (b !== void 0) {
+	}, W = () => {
+		if (R) b === void 0 ? y !== void 0 && _.every((e) => I.includes(e)) ? y() : I.forEach((e) => {
+			v(e);
+		}) : b(_.filter((e) => !I.includes(e)));
+		else if (b !== void 0) {
 			let e = [..._];
-			F.forEach((t) => {
-				e.includes(t.value) || e.push(t.value);
+			I.forEach((t) => {
+				e.includes(t) || e.push(t);
 			}), b(e);
-		} else F.forEach((e) => {
-			_.includes(e.value) || v(e.value);
+		} else I.forEach((e) => {
+			_.includes(e) || v(e);
 		});
-	}, U = P ? /* @__PURE__ */ d("button", {
+	}, G = P ? /* @__PURE__ */ d("button", {
 		type: "button",
 		disabled: E,
 		className: e(r, "inline-flex items-center justify-between gap-1.5 whitespace-nowrap transition-colors", _.length > 0 ? "border-primary bg-primary/10 text-primary font-medium" : "hover:bg-muted", O ?? "w-full md:w-[180px]"),
@@ -51,13 +49,13 @@ var g = ({ options: g, selected: _, onToggle: v, onClear: y, onSelectAll: b, var
 		className: e(i, "w-full", M && "ring-2 ring-ring ring-offset-2", _.length === 0 && "text-muted-foreground", O),
 		children: [/* @__PURE__ */ u("span", {
 			className: "truncate",
-			children: _.length === 0 ? S ?? k("select.placeholder") : R.join(", ")
+			children: _.length === 0 ? S ?? k("select.placeholder") : B.join(", ")
 		}), /* @__PURE__ */ d("div", {
 			className: "flex shrink-0 items-center gap-1",
 			children: [
-				z > 0 && /* @__PURE__ */ d("span", {
+				V > 0 && /* @__PURE__ */ d("span", {
 					className: "rounded-control bg-muted px-1.5 py-0.5 text-xs font-medium text-foreground",
-					children: ["+", z]
+					children: ["+", V]
 				}),
 				_.length > 0 && !E && /* @__PURE__ */ u("span", {
 					role: "button",
@@ -66,7 +64,7 @@ var g = ({ options: g, selected: _, onToggle: v, onClear: y, onSelectAll: b, var
 						e.stopPropagation();
 					},
 					onPointerDown: (e) => {
-						e.preventDefault(), e.stopPropagation(), V();
+						e.preventDefault(), e.stopPropagation(), U();
 					},
 					className: "text-muted-foreground hover:text-foreground",
 					children: /* @__PURE__ */ u(m, { className: "size-4" })
@@ -77,10 +75,10 @@ var g = ({ options: g, selected: _, onToggle: v, onClear: y, onSelectAll: b, var
 	});
 	return /* @__PURE__ */ d(s, {
 		open: M,
-		onOpenChange: B,
+		onOpenChange: H,
 		children: [/* @__PURE__ */ u(a, {
 			asChild: !0,
-			children: U
+			children: G
 		}), /* @__PURE__ */ d(o, {
 			className: e("p-0", P ? "w-72 max-w-[var(--radix-popover-content-available-width)]" : "w-[var(--radix-popover-trigger-width)]"),
 			align: "start",
@@ -110,10 +108,11 @@ var g = ({ options: g, selected: _, onToggle: v, onClear: y, onSelectAll: b, var
 						children: k("states.noResult")
 					}), F.map((e) => /* @__PURE__ */ d(h.Item, {
 						value: e.value,
+						disabled: e.disabled,
 						onSelect: () => {
 							v(e.value);
 						},
-						className: "flex min-w-0 items-center gap-2.5 rounded-md px-2 py-2 text-sm cursor-pointer transition-colors data-[selected=true]:bg-muted",
+						className: "flex min-w-0 items-center gap-2.5 rounded-md px-2 py-2 text-sm cursor-pointer transition-colors data-[selected=true]:bg-muted data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",
 						children: [
 							/* @__PURE__ */ u("span", {
 								className: "pointer-events-none shrink-0",
@@ -131,13 +130,13 @@ var g = ({ options: g, selected: _, onToggle: v, onClear: y, onSelectAll: b, var
 						]
 					}, e.value))]
 				})]
-			}), F.length > 0 && /* @__PURE__ */ u("div", {
+			}), I.length > 0 && /* @__PURE__ */ u("div", {
 				className: "border-t border-border p-1.5",
 				children: /* @__PURE__ */ u("button", {
 					type: "button",
-					onClick: H,
+					onClick: W,
 					className: "w-full rounded-md px-2 py-1.5 text-xs text-muted-foreground hover:text-foreground hover:bg-muted transition-colors text-center",
-					children: k(I ? "filters.deselectAll" : "filters.selectAll")
+					children: k(R ? "filters.deselectAll" : "filters.selectAll")
 				})
 			})]
 		})]

package/dist/{SearchInput-nr0CrMLK.js → SearchInput-DDcL_q7h.js}

@@ -1,9 +1,9 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
 import { r as t, t as n } from "./i18n-d2p0RJo9.js";
-import { En as r } from "./ui-D8Pg34YW.js";
-import { o as i, s as a } from "./tooltip-BmZ9Bfou.js";
-import { g as o, h as s, m as c, p as l } from "./sheet-DQTOen4V.js";
-import { i as u, l as d, n as f, t as p, u as m } from "./select-DmLScQKX.js";
+import { En as r } from "./ui-rJqnHWNK.js";
+import { o as i, s as a } from "./tooltip-CWdde1-y.js";
+import { g as o, h as s, m as c, p as l } from "./sheet-4VOGdoiW.js";
+import { i as u, l as d, n as f, t as p, u as m } from "./select-CsXmG_sJ.js";
 import * as h from "react";
 import { useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
@@ -141,6 +141,7 @@ var A = ({ date: n, onDateChange: i, placeholder: o }) => {
 			children: /* @__PURE__ */ b(m, { placeholder: v ?? P("select.placeholder") })
 		}), /* @__PURE__ */ b(f, { children: t.map((e) => /* @__PURE__ */ b(u, {
 			value: e.value,
+			disabled: e.disabled,
 			children: /* @__PURE__ */ x("span", {
 				className: "flex items-center",
 				children: [
@@ -242,10 +243,11 @@ var A = ({ date: n, onDateChange: i, placeholder: o }) => {
 						t.map((t) => /* @__PURE__ */ x(O.Item, {
 							value: t.value,
 							keywords: [t.label, t.description ?? ""],
+							disabled: t.disabled,
 							onSelect: () => {
 								G(t.value);
 							},
-							className: "flex min-w-0 items-center gap-2.5 rounded-md px-2 py-2 text-sm cursor-pointer transition-colors data-[selected=true]:bg-muted",
+							className: "flex min-w-0 items-center gap-2.5 rounded-md px-2 py-2 text-sm cursor-pointer transition-colors data-[selected=true]:bg-muted data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",
 							children: [
 								/* @__PURE__ */ b(C, { className: e("size-4 shrink-0", r === t.value ? "opacity-100" : "opacity-0") }),
 								t.color && /* @__PURE__ */ b("span", {

package/dist/{cards-BBgGXmYa.js → cards-BB6V8VWw.js}

@@ -1,7 +1,7 @@
 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 { t as a } from "./i18n-d2p0RJo9.js";
-import "./ui-D8Pg34YW.js";
+import "./ui-rJqnHWNK.js";
 import { t as o } from "./skeleton-D6Ga4BLw.js";
 import "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";

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

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

package/dist/components/core/dialogs/AppDialog.d.ts

@@ -1,28 +1,62 @@
+import { buttonVariants } from "../../../components/ui";
+import { ErrorHttp } from "@krosoft/core/types";
+import type { VariantProps } from "class-variance-authority";
 import React from "react";
-export type ButtonVariantType = "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "styled";
+/** Dérivé de `buttonVariants` : un variant ajouté au `Button` devient utilisable ici sans rien recopier. */
+export type ButtonVariantType = NonNullable<VariantProps<typeof buttonVariants>["variant"]>;
+export type AppDialogSize = "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "full";
 export interface DialogAction {
+    /** Clé de rendu. À défaut, le libellé sert de clé : à renseigner si deux actions partagent le même. */
+    id?: string;
+    /** Clé i18n, ou libellé déjà résolu — le repli i18next renvoie la chaîne telle quelle. */
     label: string;
-    onClick: () => void;
+    onClick?: () => void;
     variant?: ButtonVariantType;
     disabled?: boolean;
     icon?: React.ElementType;
     className?: string;
+    /**
+     * `"submit"` combiné à `form` soumet un formulaire rendu dans `children` : c'est
+     * ce qui évite de remonter le `submit` du formulaire jusqu'au pied de la dialog.
+     */
+    type?: "button" | "submit";
+    /** `id` du `<form>` visé par une action `"submit"`. */
+    form?: string;
+    /**
+     * Désactivation automatique pendant `isLoading`. Passer `false` pour une action
+     * qui doit rester atteignable pendant le chargement (« Annuler » d'un envoi long).
+     */
+    disableOnLoading?: boolean;
 }
 export interface AppDialogConfig {
-    title: string;
-    description?: string;
+    /** Une chaîne est traitée comme une clé i18n ; passer un `ReactNode` pour un libellé métier à ne pas traduire. */
+    title: React.ReactNode;
+    description?: React.ReactNode;
     icon?: React.ElementType;
+    /** Largeur maximale à partir de `sm`. `xl` par défaut. */
+    size?: AppDialogSize;
+    /**
+     * Classe de largeur brute, breakpoint compris (`"sm:max-w-4xl"`).
+     * @deprecated Préférer `size`, qui n'oblige pas à connaître le gabarit interne.
+     */
     maxWidth?: string;
+    /** Ignoré si un `footer` est fourni au composant. */
     actions?: DialogAction[];
+    headerClassName?: string;
+    footerClassName?: string;
 }
 interface AppDialogProps {
     open: boolean;
     onOpenChange: (open: boolean) => void;
     config: AppDialogConfig;
+    /** Affiche une barre de progression, désactive les actions et verrouille la fermeture. */
     isLoading?: boolean;
-    error?: Error | null;
+    error?: ErrorHttp | Error | null;
+    /** Pied de dialog libre, prioritaire sur `config.actions`. */
+    footer?: React.ReactNode;
+    className?: string;
     children: React.ReactNode;
 }
-export declare function AppDialog({ open, onOpenChange, config, isLoading, error, children }: AppDialogProps): React.ReactElement;
+export declare function AppDialog({ open, onOpenChange, config, isLoading, error, footer, className, children }: AppDialogProps): React.ReactElement;
 export {};
 //# sourceMappingURL=AppDialog.d.ts.map

package/dist/components/core/dialogs/AppDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dialogs/AppDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAElH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;CAC1B;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,eAAe,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CAoDxH"}
+{"version":3,"file":"AppDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/core/dialogs/AppDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIzD,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,4GAA4G;AAC5G,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;AAE5F,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAkBvF,MAAM,WAAW,YAAY;IAC3B,uGAAuG;IACvG,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0FAA0F;IAC1F,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,WAAW,eAAe;IAC9B,kHAAkH;IAClH,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,eAAe,CAAC;IACxB,0FAA0F;IAC1F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,KAAK,GAAG,IAAI,CAAC;IACjC,8DAA8D;IAC9D,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,cAAc,GAAG,KAAK,CAAC,YAAY,CA4F3I"}