@krosoft/react 0.0.238 → 0.0.240

package/dist/AppActions-C_0YI75w.js

@@ -0,0 +1,60 @@
+import { t as e } from "./tailwind.helper-CJaRYBmL.js";
+import { Bt as t, Ft as n, Gt as r, Nt as i, jt as a } from "./ui-CiX0E_bn.js";
+import { s as o } from "./tooltip-B2dzyfs9.js";
+import { t as s } from "./useMobile-pTQ8lWvt.js";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { MoreVerticalIcon as d } from "lucide-react";
+//#region src/components/core/layouts/AppActions.tsx
+function f({ actions: f, className: p }) {
+	let { t: m } = u(), h = s();
+	return !f || f.length === 0 ? null : h ? /* @__PURE__ */ l(a, { children: [/* @__PURE__ */ c(r, {
+		asChild: !0,
+		children: /* @__PURE__ */ c(o, {
+			variant: "outline",
+			size: "icon",
+			children: /* @__PURE__ */ c(d, { className: "size-4" })
+		})
+	}), /* @__PURE__ */ c(i, {
+		align: "end",
+		className: "min-w-48",
+		children: f.map((r, i) => r ? r.children && r.children.length > 0 ? /* @__PURE__ */ l("div", { children: [i > 0 && /* @__PURE__ */ c(t, {}), r.children.map((t, r) => t ? /* @__PURE__ */ l(n, {
+			onClick: () => void t.onClick(),
+			disabled: t.disabled,
+			className: e("gap-2", t.className),
+			children: [t.icon && /* @__PURE__ */ c(t.icon, { className: "size-4" }), t.labelKey && m(t.labelKey)]
+		}, r) : null)] }, i) : /* @__PURE__ */ l(n, {
+			onClick: () => void r.onClick(),
+			disabled: r.disabled,
+			className: e("gap-2", r.className),
+			children: [r.icon && /* @__PURE__ */ c(r.icon, { className: "size-4" }), r.labelKey && m(r.labelKey)]
+		}, i) : null)
+	})] }) : ((t) => /* @__PURE__ */ c("div", {
+		className: e("flex gap-2", p),
+		children: t.map((t, s) => t ? t.children && t.children.length > 0 ? /* @__PURE__ */ l(a, { children: [/* @__PURE__ */ c(r, {
+			asChild: !0,
+			children: /* @__PURE__ */ l(o, {
+				variant: t.variant,
+				disabled: t.disabled,
+				className: e("gap-2", t.className),
+				children: [t.icon && /* @__PURE__ */ c(t.icon, { className: "size-4" }), t.labelKey && m(t.labelKey)]
+			})
+		}), /* @__PURE__ */ c(i, {
+			align: "end",
+			children: t.children.map((t, r) => t ? /* @__PURE__ */ l(n, {
+				onClick: () => void t.onClick(),
+				disabled: t.disabled,
+				className: e("gap-2", t.className),
+				children: [t.icon && /* @__PURE__ */ c(t.icon, { className: "size-4" }), t.labelKey && m(t.labelKey)]
+			}, r) : null)
+		})] }, s) : /* @__PURE__ */ l(o, {
+			variant: t.variant,
+			onClick: () => void t.onClick(),
+			disabled: t.disabled,
+			className: e("gap-2", t.className),
+			children: [t.icon && /* @__PURE__ */ c(t.icon, { className: "size-4" }), t.labelKey && m(t.labelKey)]
+		}, s) : null)
+	}))(f);
+}
+//#endregion
+export { f as t };

package/dist/AppSubTitle-tqqV9nuT.js

@@ -0,0 +1,19 @@
+import { t as e } from "./AppActions-C_0YI75w.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useTranslation as r } from "react-i18next";
+//#region src/components/core/layouts/AppSubTitle.tsx
+function i({ titleKey: i, actions: a, className: o }) {
+	let { t: s } = r();
+	return /* @__PURE__ */ n("div", {
+		className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4",
+		children: [/* @__PURE__ */ t("h2", {
+			className: "text-lg font-semibold",
+			children: s(i)
+		}), /* @__PURE__ */ t(e, {
+			actions: a,
+			className: o
+		})]
+	});
+}
+//#endregion
+export { i as t };

package/dist/AppTitle-BR4JFZfp.js

@@ -0,0 +1,19 @@
+import { t as e } from "./tailwind.helper-CJaRYBmL.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useTranslation as r } from "react-i18next";
+//#region src/components/core/layouts/AppTitle.tsx
+function i({ titleKey: i, descriptionKey: a, isSubTitle: o }) {
+	let { t: s } = r();
+	return /* @__PURE__ */ n("div", {
+		className: "flex min-w-0 flex-col gap-1",
+		children: [/* @__PURE__ */ t("h1", {
+			className: o ? "text-xl md:text-2xl font-semibold" : "text-xl md:text-3xl font-bold",
+			children: s(i) ?? ""
+		}), a ? /* @__PURE__ */ t("p", {
+			className: e("hidden md:block text-muted-foreground", o && "text-sm"),
+			children: s(a)
+		}) : null]
+	});
+}
+//#endregion
+export { i as t };

package/dist/ErrorAlert-BDqDHUUc.js

@@ -0,0 +1,27 @@
+import { n as e, t } from "./alert-REQGK9bR.js";
+import { t as n } from "./i18n-Dw99bRmg.js";
+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 = ({ error: o }) => {
+	let { t: s } = n();
+	return o ? /* @__PURE__ */ i(t, {
+		variant: "destructive",
+		children: [/* @__PURE__ */ r(a, { className: "size-4" }), /* @__PURE__ */ i(e, { children: [/* @__PURE__ */ i("div", {
+			className: "flex items-center space-x-2",
+			children: [
+				/* @__PURE__ */ r("span", {
+					className: "font-semibold",
+					children: s("states.errorPrefix")
+				}),
+				/* @__PURE__ */ r("span", { children: o.code }),
+				/* @__PURE__ */ r("span", { children: o.message })
+			]
+		}), o.errors && o.errors.length > 0 && /* @__PURE__ */ r("ul", {
+			className: "mt-2 list-disc list-inside",
+			children: o.errors.map((e, t) => /* @__PURE__ */ r("li", { children: e }, t))
+		})] })]
+	}) : null;
+};
+//#endregion
+export { o as t };

package/dist/GenericForm-CWXT5wiv.js

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

package/dist/ImageInput-CN2ozjpc.js

@@ -0,0 +1,80 @@
+import { t as e } from "./tailwind.helper-CJaRYBmL.js";
+import "./ui-CiX0E_bn.js";
+import { s as t } from "./tooltip-B2dzyfs9.js";
+import { t as n } from "./i18n-Dw99bRmg.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";
+import { ImageIcon as c, UploadIcon as l, XIcon as u } from "lucide-react";
+//#region src/components/core/inputs/ImageInput.tsx
+var d = i(({ value: i, onChange: d, accept: f = "image/jpeg,image/png,image/webp", maxSizeMB: p = 2, disabled: m = !1, className: h = "", hint: g = "JPG, PNG, WEBP" }, _) => {
+	let { t: v } = n(), { showError: y } = r(), b = a(null);
+	return /* @__PURE__ */ o("div", {
+		ref: _,
+		className: h,
+		children: i ? /* @__PURE__ */ s("div", {
+			className: "relative w-32 h-32 rounded-surface overflow-hidden border-2 border-border",
+			children: [/* @__PURE__ */ o("img", {
+				src: i,
+				alt: "Preview",
+				className: "w-full h-full object-cover"
+			}), !m && /* @__PURE__ */ o(t, {
+				type: "button",
+				variant: "destructive",
+				size: "sm",
+				className: "absolute top-1 right-1 h-6 w-6 p-0",
+				onClick: () => {
+					d(null);
+				},
+				children: /* @__PURE__ */ o(u, { className: "h-4 w-4" })
+			})]
+		}) : m ? /* @__PURE__ */ s("div", {
+			className: e("flex flex-col items-center justify-center w-full h-32", "border-2 border-dashed border-border rounded-surface", "bg-muted/30"),
+			children: [/* @__PURE__ */ o(c, { className: "h-8 w-8 text-muted-foreground/50 mb-2" }), /* @__PURE__ */ o("span", {
+				className: "text-sm text-muted-foreground/50",
+				children: v("image.empty")
+			})]
+		}) : /* @__PURE__ */ s("label", {
+			className: e("flex flex-col items-center justify-center w-full h-32", "border-2 border-dashed border-border rounded-surface", "cursor-pointer hover:bg-muted/50 transition-colors"),
+			children: [
+				/* @__PURE__ */ o(l, { className: "h-8 w-8 text-muted-foreground mb-2" }),
+				/* @__PURE__ */ o("span", {
+					className: "text-sm text-muted-foreground",
+					children: v("image.upload")
+				}),
+				/* @__PURE__ */ s("span", {
+					className: "text-xs text-muted-foreground mt-1",
+					children: [
+						g,
+						" (max ",
+						p,
+						"MB)"
+					]
+				}),
+				/* @__PURE__ */ o("input", {
+					ref: b,
+					type: "file",
+					className: "hidden",
+					accept: f,
+					onChange: (e) => {
+						let t = e.target.files?.[0];
+						if (t) {
+							if (!f.split(",").map((e) => e.trim()).includes(t.type)) {
+								y(v("states.errorTitle"), v("image.invalidType", { types: g })), b.current && (b.current.value = "");
+								return;
+							}
+							if (t.size > p * 1024 * 1024) {
+								y(v("states.errorTitle"), v("image.tooLarge", { size: p })), b.current && (b.current.value = "");
+								return;
+							}
+							d(t), b.current && (b.current.value = "");
+						}
+					}
+				})
+			]
+		})
+	});
+});
+d.displayName = "ImageInput";
+//#endregion
+export { d as t };

package/dist/MultiSelect-BF0zL0B0.js

@@ -0,0 +1,134 @@
+import { t as e } from "./tailwind.helper-CJaRYBmL.js";
+import { bn as t } from "./ui-CiX0E_bn.js";
+import { o as n } from "./tooltip-B2dzyfs9.js";
+import { t as r } from "./i18n-Dw99bRmg.js";
+import { useEffect as i, useMemo as a, useRef as o, useState as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { ChevronDownIcon as u, SearchIcon as d, XIcon as f } from "lucide-react";
+//#region src/components/core/inputs/MultiSelect.tsx
+var p = ({ options: p, selected: m, onToggle: h, onClear: g, onSelectAll: _, placeholder: v, searchable: y = !1, searchPlaceholder: b, disabled: x = !1, maxCount: S }) => {
+	let { t: C } = r(), [w, T] = s(""), [E, D] = s(!1), O = o(null), k = o(null), A = a(() => w === "" ? p : p.filter((e) => e.label.toLowerCase().includes(w.toLowerCase())), [p, w]), j = a(() => A.length !== 0 && A.every((e) => m.includes(e.value)), [A, m]), M = a(() => m.map((e) => p.find((t) => t.value === e)?.label ?? e), [p, m]), N = S !== void 0 && S > 0 ? M.slice(0, S) : M, P = M.length - N.length;
+	return i(() => {
+		E && y && requestAnimationFrame(() => {
+			k.current?.focus();
+		});
+	}, [E, y]), i(() => {
+		if (!E) return;
+		let e = (e) => {
+			O.current !== null && !O.current.contains(e.target) && (D(!1), T(""));
+		};
+		return document.addEventListener("mousedown", e), () => {
+			document.removeEventListener("mousedown", e);
+		};
+	}, [E]), /* @__PURE__ */ l("div", {
+		ref: O,
+		className: "relative w-full",
+		children: [/* @__PURE__ */ l("button", {
+			type: "button",
+			disabled: x,
+			onClick: () => {
+				x || D((e) => (e && T(""), !e));
+			},
+			className: e(n, "w-full", E && "ring-2 ring-ring ring-offset-2", m.length === 0 && "text-muted-foreground"),
+			children: [/* @__PURE__ */ c("span", {
+				className: "truncate",
+				children: m.length === 0 ? v ?? C("select.placeholder") : N.join(", ")
+			}), /* @__PURE__ */ l("div", {
+				className: "flex shrink-0 items-center gap-1",
+				children: [
+					P > 0 && /* @__PURE__ */ l("span", {
+						className: "rounded-control bg-muted px-1.5 py-0.5 text-xs font-medium text-foreground",
+						children: ["+", P]
+					}),
+					m.length > 0 && !x && /* @__PURE__ */ c("span", {
+						role: "button",
+						tabIndex: -1,
+						onClick: (e) => {
+							e.stopPropagation();
+						},
+						onPointerDown: (e) => {
+							e.preventDefault(), e.stopPropagation(), g();
+						},
+						className: "text-muted-foreground hover:text-foreground",
+						children: /* @__PURE__ */ c(f, { className: "size-4" })
+					}),
+					/* @__PURE__ */ c(u, { className: e("size-4 opacity-50 shrink-0 transition-transform", E && "rotate-180") })
+				]
+			})]
+		}), E ? /* @__PURE__ */ l("div", {
+			className: "absolute left-0 right-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: [
+				y ? /* @__PURE__ */ c("div", {
+					className: "border-b border-border p-2",
+					children: /* @__PURE__ */ l("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ c(d, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ c("input", {
+							ref: k,
+							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",
+							placeholder: b ?? C("search.placeholder"),
+							value: w,
+							onChange: (e) => {
+								T(e.target.value);
+							}
+						})]
+					})
+				}) : null,
+				/* @__PURE__ */ l("div", {
+					className: "flex flex-col gap-0.5 max-h-56 overflow-y-auto 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: [
+						A.length > 0 && /* @__PURE__ */ l("label", {
+							className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors",
+							children: [/* @__PURE__ */ c(t, {
+								checked: j,
+								onCheckedChange: () => {
+									if (j) {
+										let e = A.map((e) => e.value), t = m.filter((t) => !e.includes(t));
+										_ === void 0 ? g() : _(t);
+									} else {
+										let e = [...m];
+										A.forEach((t) => {
+											e.includes(t.value) || e.push(t.value);
+										}), _ === void 0 ? A.forEach((e) => {
+											m.includes(e.value) || h(e.value);
+										}) : _(e);
+									}
+								}
+							}), "Tout sélectionner"]
+						}),
+						A.length === 0 && /* @__PURE__ */ c("p", {
+							className: "px-2 py-3 text-center text-xs text-muted-foreground",
+							children: C("states.noResult")
+						}),
+						A.map((e) => /* @__PURE__ */ l("label", {
+							className: "flex items-center gap-2.5 rounded-md px-2 py-2 text-sm hover:bg-muted cursor-pointer transition-colors",
+							children: [
+								/* @__PURE__ */ c(t, {
+									checked: m.includes(e.value),
+									onCheckedChange: () => {
+										h(e.value);
+									}
+								}),
+								e.color && /* @__PURE__ */ c("span", {
+									className: "size-2.5 shrink-0 rounded-full",
+									style: { backgroundColor: e.color }
+								}),
+								e.label
+							]
+						}, e.value))
+					]
+				}),
+				m.length > 0 && /* @__PURE__ */ c("div", {
+					className: "border-t border-border p-1.5",
+					children: /* @__PURE__ */ c("button", {
+						type: "button",
+						onClick: g,
+						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: "Tout désélectionner"
+					})
+				})
+			]
+		}) : null]
+	});
+};
+//#endregion
+export { p as t };