@krosoft/react 0.0.303 → 0.0.304

package/dist/{GenericForm-CwbtZNXB.js → GenericForm-p_iFnXCI.js}

@@ -8,7 +8,7 @@ import { i as h, l as g, n as ee, t as _, u as v } from "./select-KWMg2_7Z.js";
 import { n as y } from "./useToast-UeDRLovh.js";
 import { t as b } from "./ImageInput-B6NH8JDS.js";
 import { t as x } from "./AppSubTitle-DJQjeSdC.js";
-import { t as S } from "./MultiSelect-DmdYovWw.js";
+import { t as S } from "./MultiSelect-BAIbW9Ge.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";

package/dist/{MultiSelect-DmdYovWw.js → MultiSelect-BAIbW9Ge.js}

@@ -7,94 +7,102 @@ import { useMemo as l, useState as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { ChevronDownIcon as p, SearchIcon as m, XIcon as h } from "lucide-react";
 import { Command as g } from "cmdk";
-//#region src/components/core/inputs/MultiSelect.tsx
-var _ = ({ options: _, selected: v, onToggle: y, onClear: b, onSelectAll: x, variant: S = "input", placeholder: C, labelKey: w, searchable: T = !1, searchPlaceholder: E, disabled: D = !1, maxCount: O, className: k, ...A }) => {
-	let { t: j } = t(), [M, N] = u(""), [P, F] = u(!1), I = S === "pill", L = S === "input" ? void 0 : i, R = l(() => M === "" ? _ : _.filter((e) => e.label.toLowerCase().includes(M.toLowerCase())), [_, M]), z = l(() => R.filter((e) => e.disabled !== !0).map((e) => e.value), [R]), B = l(() => v.filter((e) => _.find((t) => t.value === e)?.disabled === !0), [_, v]), V = l(() => z.length !== 0 && z.every((e) => v.includes(e)), [z, v]), H = l(() => v.map((e) => _.find((t) => t.value === e)?.label ?? e), [_, v]), U = O !== void 0 && O > 0 ? H.slice(0, O) : H, W = H.length - U.length, G = (e) => {
-		F(e), e || N("");
-	}, K = () => {
-		B.length > 0 ? x === void 0 ? v.filter((e) => !B.includes(e)).forEach((e) => {
-			y(e);
-		}) : x(B) : b === void 0 ? x === void 0 ? v.forEach((e) => {
-			y(e);
-		}) : x([]) : b();
+//#region src/components/core/inputs/select.helper.tsx
+var _ = (t, n) => t === void 0 ? null : t ? /* @__PURE__ */ d("img", {
+	src: t,
+	alt: "",
+	loading: "lazy",
+	className: e("h-7 w-10 shrink-0 rounded object-cover", n)
+}) : /* @__PURE__ */ d("span", {
+	className: e("flex h-7 w-10 shrink-0 items-center justify-center rounded bg-muted text-[9px] text-muted-foreground", n),
+	children: "—"
+}), v = ({ options: v, selected: y, onToggle: b, onClear: x, onSelectAll: S, variant: C = "input", placeholder: w, labelKey: T, searchable: E = !1, searchPlaceholder: D, disabled: O = !1, maxCount: k, className: A, ...j }) => {
+	let { t: M } = t(), [N, P] = u(""), [F, I] = u(!1), L = C === "pill", R = C === "input" ? void 0 : i, z = l(() => N === "" ? v : v.filter((e) => e.label.toLowerCase().includes(N.toLowerCase())), [v, N]), B = l(() => z.filter((e) => e.disabled !== !0).map((e) => e.value), [z]), V = l(() => y.filter((e) => v.find((t) => t.value === e)?.disabled === !0), [v, y]), H = l(() => B.length !== 0 && B.every((e) => y.includes(e)), [B, y]), U = l(() => y.map((e) => v.find((t) => t.value === e)?.label ?? e), [v, y]), W = k !== void 0 && k > 0 ? U.slice(0, k) : U, G = U.length - W.length, K = (e) => {
+		I(e), e || P("");
 	}, q = () => {
-		if (V) x === void 0 ? b !== void 0 && v.every((e) => z.includes(e)) ? b() : z.forEach((e) => {
-			y(e);
-		}) : x(v.filter((e) => !z.includes(e)));
-		else if (x !== void 0) {
-			let e = [...v];
-			z.forEach((t) => {
+		V.length > 0 ? S === void 0 ? y.filter((e) => !V.includes(e)).forEach((e) => {
+			b(e);
+		}) : S(V) : x === void 0 ? S === void 0 ? y.forEach((e) => {
+			b(e);
+		}) : S([]) : x();
+	}, J = () => {
+		if (H) S === void 0 ? x !== void 0 && y.every((e) => B.includes(e)) ? x() : B.forEach((e) => {
+			b(e);
+		}) : S(y.filter((e) => !B.includes(e)));
+		else if (S !== void 0) {
+			let e = [...y];
+			B.forEach((t) => {
 				e.includes(t) || e.push(t);
-			}), x(e);
-		} else z.forEach((e) => {
-			v.includes(e) || y(e);
+			}), S(e);
+		} else B.forEach((e) => {
+			y.includes(e) || b(e);
 		});
-	}, J = I ? /* @__PURE__ */ f("button", {
-		...A,
+	}, Y = L ? /* @__PURE__ */ f("button", {
+		...j,
 		type: "button",
-		disabled: D,
-		className: e(r, "inline-flex items-center justify-between gap-1.5 whitespace-nowrap transition-colors", v.length > 0 ? "border-primary bg-primary/10 text-primary font-medium" : "hover:bg-muted", L, k),
+		disabled: O,
+		className: e(r, "inline-flex items-center justify-between gap-1.5 whitespace-nowrap transition-colors", y.length > 0 ? "border-primary bg-primary/10 text-primary font-medium" : "hover:bg-muted", R, A),
 		children: [/* @__PURE__ */ d("span", {
 			className: "truncate",
-			children: w === void 0 ? C ?? j("select.placeholder") : j(w)
+			children: T === void 0 ? w ?? M("select.placeholder") : M(T)
 		}), /* @__PURE__ */ f("div", {
 			className: "flex shrink-0 items-center gap-1.5",
-			children: [v.length > 0 && /* @__PURE__ */ d("span", {
+			children: [y.length > 0 && /* @__PURE__ */ d("span", {
 				className: "flex h-4 min-w-[16px] items-center justify-center rounded-full bg-primary px-1 text-[10px] font-bold text-primary-foreground",
-				children: v.length
-			}), /* @__PURE__ */ d(p, { className: e("size-3.5 opacity-60 transition-transform", P && "rotate-180") })]
+				children: y.length
+			}), /* @__PURE__ */ d(p, { className: e("size-3.5 opacity-60 transition-transform", F && "rotate-180") })]
 		})]
 	}) : /* @__PURE__ */ f("button", {
-		...A,
+		...j,
 		type: "button",
-		disabled: D,
-		className: e(a, "w-full", L, P && "ring-2 ring-ring ring-offset-2", v.length === 0 && "text-muted-foreground", k),
+		disabled: O,
+		className: e(a, "w-full", R, F && "ring-2 ring-ring ring-offset-2", y.length === 0 && "text-muted-foreground", A),
 		children: [/* @__PURE__ */ d("span", {
 			className: "truncate",
-			children: v.length === 0 ? C ?? j("select.placeholder") : U.join(", ")
+			children: y.length === 0 ? w ?? M("select.placeholder") : W.join(", ")
 		}), /* @__PURE__ */ f("div", {
 			className: "flex shrink-0 items-center gap-1",
 			children: [
-				W > 0 && /* @__PURE__ */ f("span", {
+				G > 0 && /* @__PURE__ */ f("span", {
 					className: "rounded-control bg-muted px-1.5 py-0.5 text-xs font-medium text-foreground",
-					children: ["+", W]
+					children: ["+", G]
 				}),
-				v.length > 0 && !D && /* @__PURE__ */ d("span", {
+				y.length > 0 && !O && /* @__PURE__ */ d("span", {
 					role: "button",
 					tabIndex: -1,
 					onClick: (e) => {
 						e.stopPropagation();
 					},
 					onPointerDown: (e) => {
-						e.preventDefault(), e.stopPropagation(), K();
+						e.preventDefault(), e.stopPropagation(), q();
 					},
 					className: "text-muted-foreground hover:text-foreground",
 					children: /* @__PURE__ */ d(h, { className: "size-4" })
 				}),
-				/* @__PURE__ */ d(p, { className: e("size-4 opacity-50 shrink-0 transition-transform", P && "rotate-180") })
+				/* @__PURE__ */ d(p, { className: e("size-4 opacity-50 shrink-0 transition-transform", F && "rotate-180") })
 			]
 		})]
 	});
 	return /* @__PURE__ */ f(c, {
-		open: P,
-		onOpenChange: G,
+		open: F,
+		onOpenChange: K,
 		children: [/* @__PURE__ */ d(o, {
 			asChild: !0,
-			children: J
+			children: Y
 		}), /* @__PURE__ */ f(s, {
-			className: e("p-0", I ? "w-72 max-w-[var(--radix-popover-content-available-width)]" : "w-[var(--radix-popover-trigger-width)]"),
+			className: e("p-0", L ? "w-72 max-w-[var(--radix-popover-content-available-width)]" : "w-[var(--radix-popover-trigger-width)]"),
 			align: "start",
 			children: [/* @__PURE__ */ f(g, {
 				shouldFilter: !1,
 				className: "flex flex-col",
-				children: [T ? /* @__PURE__ */ d("div", {
+				children: [E ? /* @__PURE__ */ d("div", {
 					className: "border-b border-border p-2",
 					children: /* @__PURE__ */ f("div", {
 						className: "relative",
 						children: [/* @__PURE__ */ d(m, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ d(g.Input, {
-							value: M,
-							onValueChange: N,
-							placeholder: E ?? j("search.placeholder"),
+							value: N,
+							onValueChange: P,
+							placeholder: D ?? M("search.placeholder"),
 							className: "w-full rounded-control bg-muted/50 py-1.5 pl-7 pr-2 text-sm text-foreground placeholder:text-muted-foreground outline-none focus:ring-1 focus:ring-ring",
 							autoFocus: !0
 						})]
@@ -105,21 +113,22 @@ var _ = ({ options: _, selected: v, onToggle: y, onClear: b, onSelectAll: x, var
 					className: "sr-only"
 				}), /* @__PURE__ */ f(g.List, {
 					className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto overflow-x-hidden p-1.5 scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-track]:bg-transparent",
-					children: [R.length === 0 && /* @__PURE__ */ d("p", {
+					children: [z.length === 0 && /* @__PURE__ */ d("p", {
 						className: "px-2 py-3 text-center text-xs text-muted-foreground",
-						children: j("states.noResult")
-					}), R.map((e) => /* @__PURE__ */ f(g.Item, {
+						children: M("states.noResult")
+					}), z.map((e) => /* @__PURE__ */ f(g.Item, {
 						value: e.value,
 						disabled: e.disabled,
 						onSelect: () => {
-							y(e.value);
+							b(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 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",
 						children: [
 							/* @__PURE__ */ d("span", {
 								className: "pointer-events-none shrink-0",
-								children: /* @__PURE__ */ d(n, { checked: v.includes(e.value) })
+								children: /* @__PURE__ */ d(n, { checked: y.includes(e.value) })
 							}),
+							_(e.imageUrl),
 							e.color && /* @__PURE__ */ d("span", {
 								className: "size-2.5 shrink-0 rounded-full",
 								style: { backgroundColor: e.color }
@@ -132,17 +141,17 @@ var _ = ({ options: _, selected: v, onToggle: y, onClear: b, onSelectAll: x, var
 						]
 					}, e.value))]
 				})]
-			}), z.length > 0 && /* @__PURE__ */ d("div", {
+			}), B.length > 0 && /* @__PURE__ */ d("div", {
 				className: "border-t border-border p-1.5",
 				children: /* @__PURE__ */ d("button", {
 					type: "button",
-					onClick: q,
+					onClick: J,
 					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: j(V ? "filters.deselectAll" : "filters.selectAll")
+					children: M(H ? "filters.deselectAll" : "filters.selectAll")
 				})
 			})]
 		})]
 	});
 };
 //#endregion
-export { _ as t };
+export { _ as n, v as t };

package/dist/{SearchInput-KWshEFFU.js → SearchInput-BZKtBGfH.js}

@@ -4,16 +4,17 @@ import { En as r } from "./ui-BdLutnCT.js";
 import { c as i, o as a, s as o } from "./tooltip-_geGvbS7.js";
 import { g as s, h as c, m as l, p as u } from "./sheet-C2vx5V6Q.js";
 import { i as d, l as f, n as p, t as m, u as h } from "./select-KWMg2_7Z.js";
-import * as g from "react";
-import { useEffect as _, useMemo as v, useRef as y, useState as b } from "react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { CalendarIcon as C, CheckIcon as w, ChevronDownIcon as T, PlusIcon as E, SearchIcon as D, XIcon as O } from "lucide-react";
-import { Command as k } from "cmdk";
-import { format as A } from "date-fns";
+import { n as g } from "./MultiSelect-BAIbW9Ge.js";
+import * as _ from "react";
+import { useEffect as v, useMemo as y, useRef as b, useState as x } from "react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+import { CalendarIcon as w, CheckIcon as T, ChevronDownIcon as E, PlusIcon as D, SearchIcon as O, XIcon as k } from "lucide-react";
+import { Command as A } from "cmdk";
+import { format as j } from "date-fns";
 //#region src/components/core/inputs/DatePicker.tsx
-var j = ({ date: n, onDateChange: a, placeholder: o }) => {
-	let s = t(), [c, l] = b(!1), u = y(null);
-	return _(() => {
+var M = ({ date: n, onDateChange: a, placeholder: o }) => {
+	let s = t(), [c, l] = x(!1), u = b(null);
+	return v(() => {
 		if (!c) return;
 		let e = (e) => {
 			u.current !== null && !u.current.contains(e.target) && l(!1);
@@ -21,20 +22,20 @@ var j = ({ date: n, onDateChange: a, placeholder: o }) => {
 		return document.addEventListener("mousedown", e), () => {
 			document.removeEventListener("mousedown", e);
 		};
-	}, [c]), /* @__PURE__ */ S("div", {
+	}, [c]), /* @__PURE__ */ C("div", {
 		ref: u,
 		className: "relative w-full",
-		children: [/* @__PURE__ */ S(i, {
+		children: [/* @__PURE__ */ C(i, {
 			variant: "outline",
 			type: "button",
 			onClick: () => {
 				l((e) => !e);
 			},
 			className: e("w-full justify-start text-left font-normal focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", c && "ring-2 ring-ring ring-offset-2", n === void 0 && "text-muted-foreground"),
-			children: [/* @__PURE__ */ x(C, { className: "mr-2 size-4 shrink-0" }), n === void 0 ? /* @__PURE__ */ x("span", { children: o }) : A(n, "dd/MM/yyyy", { locale: s })]
-		}), c ? /* @__PURE__ */ x("div", {
+			children: [/* @__PURE__ */ S(w, { className: "mr-2 size-4 shrink-0" }), n === void 0 ? /* @__PURE__ */ S("span", { children: o }) : j(n, "dd/MM/yyyy", { locale: s })]
+		}), c ? /* @__PURE__ */ S("div", {
 			className: "absolute left-0 top-[calc(100%+4px)] z-[100] rounded-surface border bg-popover text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 slide-in-from-top-2",
-			children: /* @__PURE__ */ x(r, {
+			children: /* @__PURE__ */ S(r, {
 				mode: "single",
 				locale: s,
 				defaultMonth: n,
@@ -45,28 +46,28 @@ var j = ({ date: n, onDateChange: a, placeholder: o }) => {
 			})
 		}) : null]
 	});
-}, M = (e) => e ? {
+}, N = (e) => e ? {
 	from: e.from,
 	to: e.to
-} : void 0, N = ({ value: a, onChange: o, placeholder: s, className: d }) => {
-	let { t: f } = n(), p = t(), [m, h] = g.useState(!1), [_, v] = g.useState(M(a));
-	return g.useEffect(() => {
-		m && v(M(a));
-	}, [m, a]), /* @__PURE__ */ x("div", {
+} : void 0, P = ({ value: a, onChange: o, placeholder: s, className: d }) => {
+	let { t: f } = n(), p = t(), [m, h] = _.useState(!1), [g, v] = _.useState(N(a));
+	return _.useEffect(() => {
+		m && v(N(a));
+	}, [m, a]), /* @__PURE__ */ S("div", {
 		className: e("grid gap-2", d),
-		children: /* @__PURE__ */ S(u, {
+		children: /* @__PURE__ */ C(u, {
 			open: m,
 			onOpenChange: h,
-			children: [/* @__PURE__ */ x(c, {
+			children: [/* @__PURE__ */ S(c, {
 				asChild: !0,
-				children: /* @__PURE__ */ S(i, {
+				children: /* @__PURE__ */ C(i, {
 					id: "date",
 					variant: "outline",
 					className: e("w-[300px] justify-start text-left font-normal", !a?.from && "text-muted-foreground"),
 					children: [
-						/* @__PURE__ */ x(C, { className: "mr-2 size-4" }),
-						((e) => e?.from ? !e.to || e.from.getTime() === e.to.getTime() ? A(e.from, "dd MMM yyyy", { locale: p }) : `${A(e.from, "dd MMM yyyy", { locale: p })} - ${A(e.to, "dd MMM yyyy", { locale: p })}` : s ?? f("date.pickPeriod"))(a),
-						a?.from && /* @__PURE__ */ x(i, {
+						/* @__PURE__ */ S(w, { className: "mr-2 size-4" }),
+						((e) => e?.from ? !e.to || e.from.getTime() === e.to.getTime() ? j(e.from, "dd MMM yyyy", { locale: p }) : `${j(e.from, "dd MMM yyyy", { locale: p })} - ${j(e.to, "dd MMM yyyy", { locale: p })}` : s ?? f("date.pickPeriod"))(a),
+						a?.from && /* @__PURE__ */ S(i, {
 							type: "button",
 							variant: "ghost",
 							size: "icon",
@@ -75,46 +76,46 @@ var j = ({ date: n, onDateChange: a, placeholder: o }) => {
 							onClick: (e) => {
 								e.stopPropagation(), o(void 0), h(!1);
 							},
-							children: /* @__PURE__ */ x(O, { className: "size-4" })
+							children: /* @__PURE__ */ S(k, { className: "size-4" })
 						})
 					]
 				})
-			}), /* @__PURE__ */ S(l, {
+			}), /* @__PURE__ */ C(l, {
 				className: "w-auto p-0",
 				align: "start",
 				side: "bottom",
 				sideOffset: 4,
-				children: [/* @__PURE__ */ x(r, {
+				children: [/* @__PURE__ */ S(r, {
 					mode: "range",
 					resetOnSelect: !0,
-					defaultMonth: _?.from,
-					selected: _,
+					defaultMonth: g?.from,
+					selected: g,
 					onSelect: v,
 					numberOfMonths: 2,
 					locale: p,
 					className: "pointer-events-auto p-3"
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ C("div", {
 					className: "flex items-center justify-between border-t border-border px-3 py-2",
-					children: [/* @__PURE__ */ x(i, {
+					children: [/* @__PURE__ */ S(i, {
 						variant: "ghost",
 						size: "sm",
 						onClick: () => {
 							v(void 0);
 						},
 						children: f("actions.clear")
-					}), /* @__PURE__ */ S("div", {
+					}), /* @__PURE__ */ C("div", {
 						className: "flex gap-2",
-						children: [/* @__PURE__ */ x(i, {
+						children: [/* @__PURE__ */ S(i, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => {
-								v(M(a)), h(!1);
+								v(N(a)), h(!1);
 							},
 							children: f("actions.cancel")
-						}), /* @__PURE__ */ x(i, {
+						}), /* @__PURE__ */ S(i, {
 							size: "sm",
 							onClick: () => {
-								o(_), h(!1);
+								o(g), h(!1);
 							},
 							children: f("actions.apply")
 						})]
@@ -123,35 +124,36 @@ var j = ({ date: n, onDateChange: a, placeholder: o }) => {
 			})]
 		})
 	});
-}, P = ({ options: t = [], value: r, onChange: i, onClear: s, searchable: g = !1, onCreate: _, placeholder: y, searchPlaceholder: C, emptyLabel: A, createLabel: j, disabled: M = !1, modal: N = !0, variant: P = "input", className: F, ...I }) => {
-	let { t: L } = n(), [R, z] = b(!1), [B, V] = b(""), H = P === "filter" ? a : void 0, U = r !== void 0 && r !== "", W = v(() => U ? t.find((e) => e.value === r) : void 0, [
-		U,
+}, F = ({ options: t = [], value: r, onChange: i, onClear: s, searchable: _ = !1, onCreate: v, placeholder: b, searchPlaceholder: w, emptyLabel: j, createLabel: M, disabled: N = !1, modal: P = !0, variant: F = "input", className: I, ...L }) => {
+	let { t: R } = n(), [z, B] = x(!1), [V, H] = x(""), U = F === "filter" ? a : void 0, W = r !== void 0 && r !== "", G = y(() => W ? t.find((e) => e.value === r) : void 0, [
+		W,
 		t,
 		r
-	]), G = U ? W?.label ?? r : void 0;
-	if (!g) return /* @__PURE__ */ S(m, {
+	]), K = W ? G?.label ?? r : void 0;
+	if (!_) return /* @__PURE__ */ C(m, {
 		value: r ?? "",
 		onValueChange: i,
-		disabled: M,
-		children: [/* @__PURE__ */ x(f, {
-			...I,
-			className: e(!U && "text-muted-foreground", H, F),
-			onClear: s !== void 0 && U && !M ? (e) => {
+		disabled: N,
+		children: [/* @__PURE__ */ S(f, {
+			...L,
+			className: e(!W && "text-muted-foreground", U, I),
+			onClear: s !== void 0 && W && !N ? (e) => {
 				e.preventDefault(), e.stopPropagation(), s();
 			} : void 0,
-			children: /* @__PURE__ */ x(h, { placeholder: y ?? L("select.placeholder") })
-		}), /* @__PURE__ */ x(p, { children: t.map((e) => /* @__PURE__ */ x(d, {
+			children: /* @__PURE__ */ S(h, { placeholder: b ?? R("select.placeholder") })
+		}), /* @__PURE__ */ S(p, { children: t.map((e) => /* @__PURE__ */ S(d, {
 			value: e.value,
 			disabled: e.disabled,
-			children: /* @__PURE__ */ S("span", {
+			children: /* @__PURE__ */ C("span", {
 				className: "flex items-center",
 				children: [
-					e.color !== void 0 && /* @__PURE__ */ x("span", {
+					g(e.imageUrl, "mr-2"),
+					e.color !== void 0 && /* @__PURE__ */ S("span", {
 						className: "mr-2 size-2.5 shrink-0 rounded-full",
 						style: { backgroundColor: e.color }
 					}),
 					e.label,
-					e.description !== void 0 && /* @__PURE__ */ S("span", {
+					e.description !== void 0 && /* @__PURE__ */ C("span", {
 						className: "ml-1 text-muted-foreground",
 						children: [
 							"(",
@@ -163,49 +165,50 @@ var j = ({ date: n, onDateChange: a, placeholder: o }) => {
 			})
 		}, e.value)) })]
 	});
-	let K = B.trim(), q = _ !== void 0 && K !== "" && !t.some((e) => e.label.toLowerCase() === K.toLowerCase()), J = (e) => {
-		z(e), e || V("");
-	}, Y = (e) => {
-		i(e), J(!1);
-	}, X = () => {
-		_?.(K), J(!1);
+	let q = V.trim(), J = v !== void 0 && q !== "" && !t.some((e) => e.label.toLowerCase() === q.toLowerCase()), Y = (e) => {
+		B(e), e || H("");
+	}, X = (e) => {
+		i(e), Y(!1);
+	}, Z = () => {
+		v?.(q), Y(!1);
 	};
-	return /* @__PURE__ */ S(u, {
-		open: R,
-		onOpenChange: J,
-		modal: N,
-		children: [/* @__PURE__ */ x(c, {
+	return /* @__PURE__ */ C(u, {
+		open: z,
+		onOpenChange: Y,
+		modal: P,
+		children: [/* @__PURE__ */ S(c, {
 			asChild: !0,
-			children: /* @__PURE__ */ S("button", {
-				...I,
+			children: /* @__PURE__ */ C("button", {
+				...L,
 				type: "button",
 				role: "combobox",
-				"aria-expanded": R,
-				disabled: M,
-				className: e(o, "w-full", H, "data-[state=open]:ring-2 data-[state=open]:ring-ring data-[state=open]:ring-offset-2", !U && "text-muted-foreground", F),
-				children: [/* @__PURE__ */ S("span", {
+				"aria-expanded": z,
+				disabled: N,
+				className: e(o, "w-full", U, "data-[state=open]:ring-2 data-[state=open]:ring-ring data-[state=open]:ring-offset-2", !W && "text-muted-foreground", I),
+				children: [/* @__PURE__ */ C("span", {
 					className: "flex items-center truncate",
 					children: [
-						W?.color && /* @__PURE__ */ x("span", {
+						g(G?.imageUrl, "mr-2"),
+						G?.color && /* @__PURE__ */ S("span", {
 							className: "mr-2 size-2.5 shrink-0 rounded-full",
-							style: { backgroundColor: W.color }
+							style: { backgroundColor: G.color }
 						}),
-						/* @__PURE__ */ x("span", {
+						/* @__PURE__ */ S("span", {
 							className: "truncate",
-							children: G ?? y ?? L("select.placeholder")
+							children: K ?? b ?? R("select.placeholder")
 						}),
-						W?.description !== void 0 && /* @__PURE__ */ S("span", {
+						G?.description !== void 0 && /* @__PURE__ */ C("span", {
 							className: "ml-1 truncate text-muted-foreground",
 							children: [
 								"(",
-								W.description,
+								G.description,
 								")"
 							]
 						})
 					]
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ C("div", {
 					className: "flex items-center gap-1",
-					children: [s && U && !M && /* @__PURE__ */ x("span", {
+					children: [s && W && !N && /* @__PURE__ */ S("span", {
 						role: "button",
 						tabIndex: -1,
 						onClick: (e) => {
@@ -215,55 +218,56 @@ var j = ({ date: n, onDateChange: a, placeholder: o }) => {
 							e.preventDefault(), e.stopPropagation(), s();
 						},
 						className: "text-muted-foreground hover:text-foreground",
-						children: /* @__PURE__ */ x(O, { className: "size-4" })
-					}), /* @__PURE__ */ x(T, { className: e("size-4 shrink-0 opacity-50 transition-transform", R && "rotate-180") })]
+						children: /* @__PURE__ */ S(k, { className: "size-4" })
+					}), /* @__PURE__ */ S(E, { className: e("size-4 shrink-0 opacity-50 transition-transform", z && "rotate-180") })]
 				})]
 			})
-		}), /* @__PURE__ */ x(l, {
+		}), /* @__PURE__ */ S(l, {
 			className: "w-[var(--radix-popover-trigger-width)] p-0",
 			align: "start",
-			children: /* @__PURE__ */ S(k, {
+			children: /* @__PURE__ */ C(A, {
 				className: "flex flex-col",
 				filter: (e, t, n) => +!!(n ?? []).join(" ").toLowerCase().includes(t.trim().toLowerCase()),
-				children: [/* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ S("div", {
 					className: "border-b border-border p-2",
-					children: /* @__PURE__ */ S("div", {
+					children: /* @__PURE__ */ C("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ x(D, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ x(k.Input, {
-							value: B,
-							onValueChange: V,
-							placeholder: C ?? L("search.placeholder"),
+						children: [/* @__PURE__ */ S(O, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ S(A.Input, {
+							value: V,
+							onValueChange: H,
+							placeholder: w ?? R("search.placeholder"),
 							className: "w-full rounded-control bg-muted/50 py-1.5 pl-7 pr-2 text-sm text-foreground placeholder:text-muted-foreground outline-none focus:ring-1 focus:ring-ring",
 							autoFocus: !0
 						})]
 					})
-				}), /* @__PURE__ */ S(k.List, {
+				}), /* @__PURE__ */ C(A.List, {
 					className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto overflow-x-hidden p-1.5 scrollbar-thin scrollbar-thumb-rounded scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-track]:bg-transparent",
 					children: [
-						!q && /* @__PURE__ */ x(k.Empty, {
+						!J && /* @__PURE__ */ S(A.Empty, {
 							className: "px-2 py-3 text-center text-xs text-muted-foreground",
-							children: A ?? L("states.noResult")
+							children: j ?? R("states.noResult")
 						}),
-						t.map((t) => /* @__PURE__ */ S(k.Item, {
+						t.map((t) => /* @__PURE__ */ C(A.Item, {
 							value: t.value,
 							keywords: [t.label, t.description ?? ""],
 							disabled: t.disabled,
 							onSelect: () => {
-								Y(t.value);
+								X(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 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",
 							children: [
-								/* @__PURE__ */ x(w, { className: e("size-4 shrink-0", r === t.value ? "opacity-100" : "opacity-0") }),
-								t.color && /* @__PURE__ */ x("span", {
+								/* @__PURE__ */ S(T, { className: e("size-4 shrink-0", r === t.value ? "opacity-100" : "opacity-0") }),
+								g(t.imageUrl),
+								t.color && /* @__PURE__ */ S("span", {
 									className: "size-2.5 shrink-0 rounded-full",
 									style: { backgroundColor: t.color }
 								}),
-								/* @__PURE__ */ x("span", {
+								/* @__PURE__ */ S("span", {
 									className: "min-w-0 flex-1 truncate",
 									title: t.label,
 									children: t.label
 								}),
-								t.description !== void 0 && /* @__PURE__ */ S("span", {
+								t.description !== void 0 && /* @__PURE__ */ C("span", {
 									className: "shrink-0 truncate text-muted-foreground",
 									children: [
 										"(",
@@ -273,14 +277,14 @@ var j = ({ date: n, onDateChange: a, placeholder: o }) => {
 								})
 							]
 						}, t.value)),
-						q && /* @__PURE__ */ S(k.Item, {
+						J && /* @__PURE__ */ C(A.Item, {
 							forceMount: !0,
 							value: "__create__",
-							onSelect: X,
+							onSelect: Z,
 							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",
-							children: [/* @__PURE__ */ x(E, { className: "size-4 shrink-0" }), /* @__PURE__ */ x("span", {
+							children: [/* @__PURE__ */ S(D, { className: "size-4 shrink-0" }), /* @__PURE__ */ S("span", {
 								className: "truncate",
-								children: j ? j(K) : L("select.create", { search: K })
+								children: M ? M(q) : R("select.create", { search: q })
 							})]
 						})
 					]
@@ -288,13 +292,13 @@ var j = ({ date: n, onDateChange: a, placeholder: o }) => {
 			})
 		})]
 	});
-}, F = ({ searchQuery: t, search: r, placeholder: i, onSearch: a, onSubmit: o, onClear: c, className: l }) => {
+}, I = ({ searchQuery: t, search: r, placeholder: i, onSearch: a, onSubmit: o, onClear: c, className: l }) => {
 	let { t: u } = n(), d = t ?? r ?? "";
-	return /* @__PURE__ */ S("div", {
+	return /* @__PURE__ */ C("div", {
 		className: e("relative h-fit w-full md:w-64", l),
 		children: [
-			/* @__PURE__ */ x(D, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" }),
-			/* @__PURE__ */ x(s, {
+			/* @__PURE__ */ S(O, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" }),
+			/* @__PURE__ */ S(s, {
 				placeholder: i ?? u("search.placeholder"),
 				value: d,
 				onChange: (e) => {
@@ -305,16 +309,16 @@ var j = ({ date: n, onDateChange: a, placeholder: o }) => {
 					e.key === "Enter" && o !== void 0 && (e.preventDefault(), o());
 				}
 			}),
-			d === "" ? null : /* @__PURE__ */ x("button", {
+			d === "" ? null : /* @__PURE__ */ S("button", {
 				onClick: () => {
 					a(""), c !== void 0 && c();
 				},
 				className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-500 hover:text-gray-700",
 				type: "button",
-				children: /* @__PURE__ */ x(O, { className: "size-4" })
+				children: /* @__PURE__ */ S(k, { className: "size-4" })
 			})
 		]
 	});
 };
 //#endregion
-export { j as i, P as n, N as r, F as t };
+export { M as i, F as n, P as r, I as t };

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

@@ -1,4 +1,4 @@
 import { I as e } from "../../../ui-BdLutnCT.js";
 import { A as t, D as n, E as r, F as i, M as a, N as o, O as s, P as c, j as l, k as u } from "../../../sheet-C2vx5V6Q.js";
-import { n as d, r as f, t as p } from "../../../dialogs-pgWKP4su.js";
+import { n as d, r as f, t as p } from "../../../dialogs-BSl4lTGR.js";
 export { f as AppDialog, p as ConfirmationDialog, r as Dialog, n as DialogClose, s as DialogContent, u as DialogDescription, t as DialogFooter, l as DialogHeader, a as DialogOverlay, o as DialogPortal, c as DialogTitle, i as DialogTrigger, d as FormDialog, e as Progress };

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

@@ -3,8 +3,8 @@ import { t } from "../../../i18n-Iyf3fyzr.js";
 import { At as n, Pn as r } from "../../../ui-BdLutnCT.js";
 import { c as i } from "../../../tooltip-_geGvbS7.js";
 import { a, g as o, l as s, o as c, r as l, t as u, u as d } from "../../../sheet-C2vx5V6Q.js";
-import { t as f } from "../../../MultiSelect-DmdYovWw.js";
-import { i as p, n as m, r as h, t as g } from "../../../SearchInput-KWshEFFU.js";
+import { t as f } from "../../../MultiSelect-BAIbW9Ge.js";
+import { i as p, n as m, r as h, t as g } from "../../../SearchInput-BZKtBGfH.js";
 import { useEffect as _, useMemo as v, useState as y } from "react";
 import { jsx as b, jsxs as x } from "react/jsx-runtime";
 import { getLocale as S } from "@krosoft/core/helpers";

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../../GenericForm-CwbtZNXB.js";
+import { t as e } from "../../../GenericForm-p_iFnXCI.js";
 export { e as GenericForm };

package/dist/components/core/index.js

@@ -3,17 +3,17 @@ import { I as o } from "../../ui-BdLutnCT.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-C2vx5V6Q.js";
 import { a as _, c as v, i as y, n as b, o as x, r as S, s as C, t as w } from "../../charts-BDlyl5wa.js";
 import { t as T } from "../../ErrorAlert-DrjpMJu6.js";
-import { n as E, r as D, t as O } from "../../dialogs-pgWKP4su.js";
+import { n as E, r as D, t as O } from "../../dialogs-BSl4lTGR.js";
 import { t as k } from "../../ImageInput-B6NH8JDS.js";
 import { t as A } from "../../AppActions-CvT8dDnQ.js";
 import { t as j } from "../../AppSubTitle-DJQjeSdC.js";
-import { t as M } from "../../MultiSelect-DmdYovWw.js";
-import { t as N } from "../../GenericForm-CwbtZNXB.js";
-import { i as P, n as F, r as I, t as L } from "../../SearchInput-KWshEFFU.js";
+import { t as M } from "../../MultiSelect-BAIbW9Ge.js";
+import { t as N } from "../../GenericForm-p_iFnXCI.js";
+import { i as P, n as F, r as I, t as L } from "../../SearchInput-BZKtBGfH.js";
 import { ActiveFilters as R, AdvancedFilters as z, FilterField as B, FilterPills as V, FilterPillsGroup as H, TableFilter as U } from "./filters/index.js";
 import "./forms/index.js";
 import { n as W, t as G } from "../../icons-n0m_1w7z.js";
-import { t as K } from "../../inputs-DrA-HJOt.js";
+import { t as K } from "../../inputs-e0dg-VvS.js";
 import { t as q } from "../../language-DgO7XgOg.js";
 import { t as J } from "../../AppTitle-BShUHen9.js";
 import { n as Y, t as X } from "../../states-Bs9lIWQe.js";

package/dist/components/core/inputs/MultiSelect.d.ts

@@ -3,6 +3,8 @@ import type { SelectOption } from "@krosoft/core/types";
 export interface MultiSelectOption extends SelectOption {
     /** Option visible mais non basculable : grisée, ignorée par le clic, la navigation clavier et les actions globales. */
     disabled?: boolean;
+    /** Vignette affichée avant le libellé dans la liste. Définie (URL) → image ; définie à `null`/`""` → placeholder gris ; absente → pas de vignette. */
+    imageUrl?: string | null;
 }
 /**
  * Les props non reconnues (et la `ref`) sont relayées au bouton du trigger : c'est ce qui permet à un

package/dist/components/core/inputs/MultiSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/core/inputs/MultiSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,uHAAuH;IACvH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AACH,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;IAC7J,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,QAAQ,EAAE,CAAC,EAAE,CAAC;IACd,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACpC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iHAAiH;IACjH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,sKAepD,gBAAgB,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,YAmO9B,CAAC"}
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/core/inputs/MultiSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGxD,MAAM,WAAW,iBAAkB,SAAQ,YAAY;IACrD,uHAAuH;IACvH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sJAAsJ;IACtJ,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED;;;;;GAKG;AACH,UAAU,gBAAgB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;IAC7J,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,QAAQ,EAAE,CAAC,EAAE,CAAC;IACd,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACpC;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iHAAiH;IACjH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,GAAG,MAAM,EAAE,sKAepD,gBAAgB,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,YAoO9B,CAAC"}

package/dist/components/core/inputs/SingleSelect.d.ts

@@ -5,6 +5,8 @@ export interface SingleSelectOption extends SelectOption {
     description?: string;
     /** Option visible mais non sélectionnable : grisée, ignorée par le clic et par la navigation clavier. */
     disabled?: boolean;
+    /** Vignette affichée avant le libellé. Définie (URL) → image ; définie à `null`/`""` → placeholder gris ; absente → pas de vignette. */
+    imageUrl?: string | null;
 }
 /**
  * Les props non reconnues (et la `ref`) sont relayées au bouton du trigger, dans les deux modes : c'est ce

package/dist/components/core/inputs/SingleSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SingleSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/core/inputs/SingleSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,oIAAoI;IACpI,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yGAAyG;IACzG,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;;GAKG;AACH,UAAU,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;IACtH,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gIAAgI;IAChI,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,GAAI,4KAgB1B,iBAAiB,KAAG,KAAK,CAAC,YA+K5B,CAAC"}
+{"version":3,"file":"SingleSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/core/inputs/SingleSelect.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGxD,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,oIAAoI;IACpI,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yGAAyG;IACzG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wIAAwI;IACxI,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC1B;AAED;;;;;GAKG;AACH,UAAU,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;IACtH,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gIAAgI;IAChI,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8GAA8G;IAC9G,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,YAAY,GAAI,4KAgB1B,iBAAiB,KAAG,KAAK,CAAC,YAkL5B,CAAC"}

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

@@ -1,5 +1,5 @@
 import { t as e } from "../../../ImageInput-B6NH8JDS.js";
-import { t } from "../../../MultiSelect-DmdYovWw.js";
-import { i as n, n as r, r as i, t as a } from "../../../SearchInput-KWshEFFU.js";
-import { t as o } from "../../../inputs-DrA-HJOt.js";
+import { t } from "../../../MultiSelect-BAIbW9Ge.js";
+import { i as n, n as r, r as i, t as a } from "../../../SearchInput-BZKtBGfH.js";
+import { t as o } from "../../../inputs-e0dg-VvS.js";
 export { n as DatePicker, i as DateRangePicker, e as ImageInput, t as MultiSelect, o as RatingInput, a as SearchInput, r as SingleSelect };

package/dist/components/core/inputs/select.helper.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+/**
+ * Vignette d'une option de select (partagée par `SingleSelect` et `MultiSelect`).
+ * URL → image ; `null`/`""` → placeholder gris ; `undefined` → rien (option sans vignette).
+ */
+export declare const renderOptionThumbnail: (imageUrl: string | null | undefined, className?: string) => React.ReactNode;
+//# sourceMappingURL=select.helper.d.ts.map

package/dist/components/core/inputs/select.helper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.helper.d.ts","sourceRoot":"","sources":["../../../../src/components/core/inputs/select.helper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AACH,eAAO,MAAM,qBAAqB,GAAI,UAAU,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,YAAY,MAAM,KAAG,KAAK,CAAC,SASrG,CAAC"}

package/dist/components/index.js

@@ -8,16 +8,16 @@ 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 { a as xr, c as Sr, i as Cr, n as wr, o as Tr, r as Er, s as Dr, t as Or } from "../charts-BDlyl5wa.js";
 import { t as kr } from "../ErrorAlert-DrjpMJu6.js";
-import { n as Ar, r as jr, t as Mr } from "../dialogs-pgWKP4su.js";
+import { n as Ar, r as jr, t as Mr } from "../dialogs-BSl4lTGR.js";
 import { t as Nr } from "../ImageInput-B6NH8JDS.js";
 import { t as Pr } from "../AppActions-CvT8dDnQ.js";
 import { t as Fr } from "../AppSubTitle-DJQjeSdC.js";
-import { t as Ir } from "../MultiSelect-DmdYovWw.js";
-import { t as Lr } from "../GenericForm-CwbtZNXB.js";
-import { i as Rr, n as zr, r as Br, t as Vr } from "../SearchInput-KWshEFFU.js";
+import { t as Ir } from "../MultiSelect-BAIbW9Ge.js";
+import { t as Lr } from "../GenericForm-p_iFnXCI.js";
+import { i as Rr, n as zr, r as Br, t as Vr } from "../SearchInput-BZKtBGfH.js";
 import { ActiveFilters as Hr, AdvancedFilters as Ur, FilterField as Wr, FilterPills as Gr, FilterPillsGroup as Kr, TableFilter as qr } from "./core/filters/index.js";
 import { n as Jr, t as Yr } from "../icons-n0m_1w7z.js";
-import { t as Xr } from "../inputs-DrA-HJOt.js";
+import { t as Xr } from "../inputs-e0dg-VvS.js";
 import { t as Zr } from "../language-DgO7XgOg.js";
 import { t as Qr } from "../AppTitle-BShUHen9.js";
 import { n as $r, t as ei } from "../states-Bs9lIWQe.js";

package/dist/{dialogs-pgWKP4su.js → dialogs-BSl4lTGR.js}

@@ -4,7 +4,7 @@ import { Bn as n, Gn as r, Hn as i, I as a, Kn as o, Un as s, Wn as c, qn as l }
 import { c as u } from "./tooltip-_geGvbS7.js";
 import { E as d, O as f, P as p, j as m, k as h } from "./sheet-C2vx5V6Q.js";
 import { t as g } from "./ErrorAlert-DrjpMJu6.js";
-import { t as _ } from "./GenericForm-CwbtZNXB.js";
+import { t as _ } from "./GenericForm-p_iFnXCI.js";
 import { useEffect as v, useId as y, useState as b } from "react";
 import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
 import { Pen as w, Save as T, X as E } from "lucide-react";

package/dist/{inputs-DrA-HJOt.js → inputs-e0dg-VvS.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
 import "./ImageInput-B6NH8JDS.js";
-import "./MultiSelect-DmdYovWw.js";
-import "./SearchInput-KWshEFFU.js";
+import "./MultiSelect-BAIbW9Ge.js";
+import "./SearchInput-BZKtBGfH.js";
 import { jsx as t } from "react/jsx-runtime";
 import { Heart as n, Star as r } from "lucide-react";
 //#region src/components/core/inputs/RatingInput.tsx

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.303",
+  "version": "0.0.304",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {