@krosoft/react 0.0.294 → 0.0.296

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` et le bouton `variant="brand"`. 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. C'est la surface la plus identitaire du package : chaque thème embarqué le redéclare avec ses propres teintes (violet par défaut, jaune sur Temporal, cyan sur Ocean). `--k-brand-foreground` porte le texte et les icônes posés dessus, et n'est donc pas toujours blanc : un dégradé clair demande un texte sombre. Story `Design Tokens/Marque` pour comparer les thèmes côte à côte.
+
 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-BMh044Sc.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-DVtB9U8H.js";
+import { s } from "./tooltip-Bu3wNhtW.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-BfZTloah.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./i18n-d2p0RJo9.js";
-import { t } from "./AppActions-CpbkO_3O.js";
+import { t } from "./AppActions-BMh044Sc.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-BV8n9y1n.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-DVtB9U8H.js";
+import { s as p } from "./tooltip-Bu3wNhtW.js";
+import { g as m } from "./sheet-DRzg-JWH.js";
+import { i as h, l as g, n as ee, t as _, u as v } from "./select-CfhuieLs.js";
+import { n as y } from "./useToast-UeDRLovh.js";
+import { t as b } from "./ImageInput-BdOxyamZ.js";
+import { t as x } from "./AppSubTitle-BfZTloah.js";
+import { t as S } from "./MultiSelect-Dmt1iWgB.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-BdOxyamZ.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-DVtB9U8H.js";
+import { s as n } from "./tooltip-Bu3wNhtW.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-Dmt1iWgB.js}

@@ -1,63 +1,63 @@
 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-DVtB9U8H.js";
+import { a as r, o as i } from "./tooltip-Bu3wNhtW.js";
+import { h as a, m as o, p as s } from "./sheet-DRzg-JWH.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) => {
-		N(e), e || j("");
-	}, V = () => {
-		y === void 0 ? b === void 0 ? _.forEach((e) => {
+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, ...k }) => {
+	let { t: A } = t(), [j, M] = l(""), [N, P] = l(!1), F = x === "pill", I = c(() => j === "" ? g : g.filter((e) => e.label.toLowerCase().includes(j.toLowerCase())), [g, j]), L = c(() => I.filter((e) => e.disabled !== !0).map((e) => e.value), [I]), R = c(() => _.filter((e) => g.find((t) => t.value === e)?.disabled === !0), [g, _]), z = c(() => L.length !== 0 && L.every((e) => _.includes(e)), [L, _]), B = c(() => _.map((e) => g.find((t) => t.value === e)?.label ?? e), [g, _]), V = D !== void 0 && D > 0 ? B.slice(0, D) : B, H = B.length - V.length, U = (e) => {
+		P(e), e || M("");
+	}, W = () => {
+		R.length > 0 ? b === void 0 ? _.filter((e) => !R.includes(e)).forEach((e) => {
+			v(e);
+		}) : b(R) : 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) {
+	}, G = () => {
+		if (z) b === void 0 ? y !== void 0 && _.every((e) => L.includes(e)) ? y() : L.forEach((e) => {
+			v(e);
+		}) : b(_.filter((e) => !L.includes(e)));
+		else if (b !== void 0) {
 			let e = [..._];
-			F.forEach((t) => {
-				e.includes(t.value) || e.push(t.value);
+			L.forEach((t) => {
+				e.includes(t) || e.push(t);
 			}), b(e);
-		} else F.forEach((e) => {
-			_.includes(e.value) || v(e.value);
+		} else L.forEach((e) => {
+			_.includes(e) || v(e);
 		});
-	}, U = P ? /* @__PURE__ */ d("button", {
+	}, K = F ? /* @__PURE__ */ d("button", {
+		...k,
 		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]"),
 		children: [/* @__PURE__ */ u("span", {
 			className: "truncate",
-			children: C === void 0 ? S ?? k("select.placeholder") : k(C)
+			children: C === void 0 ? S ?? A("select.placeholder") : A(C)
 		}), /* @__PURE__ */ d("div", {
 			className: "flex shrink-0 items-center gap-1.5",
 			children: [_.length > 0 && /* @__PURE__ */ u("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: _.length
-			}), /* @__PURE__ */ u(f, { className: e("size-3.5 opacity-60 transition-transform", M && "rotate-180") })]
+			}), /* @__PURE__ */ u(f, { className: e("size-3.5 opacity-60 transition-transform", N && "rotate-180") })]
 		})]
 	}) : /* @__PURE__ */ d("button", {
+		...k,
 		type: "button",
 		disabled: E,
-		className: e(i, "w-full", M && "ring-2 ring-ring ring-offset-2", _.length === 0 && "text-muted-foreground", O),
+		className: e(i, "w-full", N && "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 ?? A("select.placeholder") : V.join(", ")
 		}), /* @__PURE__ */ d("div", {
 			className: "flex shrink-0 items-center gap-1",
 			children: [
-				z > 0 && /* @__PURE__ */ d("span", {
+				H > 0 && /* @__PURE__ */ d("span", {
 					className: "rounded-control bg-muted px-1.5 py-0.5 text-xs font-medium text-foreground",
-					children: ["+", z]
+					children: ["+", H]
 				}),
 				_.length > 0 && !E && /* @__PURE__ */ u("span", {
 					role: "button",
@@ -66,23 +66,23 @@ 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(), W();
 					},
 					className: "text-muted-foreground hover:text-foreground",
 					children: /* @__PURE__ */ u(m, { className: "size-4" })
 				}),
-				/* @__PURE__ */ u(f, { className: e("size-4 opacity-50 shrink-0 transition-transform", M && "rotate-180") })
+				/* @__PURE__ */ u(f, { className: e("size-4 opacity-50 shrink-0 transition-transform", N && "rotate-180") })
 			]
 		})]
 	});
 	return /* @__PURE__ */ d(s, {
-		open: M,
-		onOpenChange: B,
+		open: N,
+		onOpenChange: U,
 		children: [/* @__PURE__ */ u(a, {
 			asChild: !0,
-			children: U
+			children: K
 		}), /* @__PURE__ */ d(o, {
-			className: e("p-0", P ? "w-72 max-w-[var(--radix-popover-content-available-width)]" : "w-[var(--radix-popover-trigger-width)]"),
+			className: e("p-0", F ? "w-72 max-w-[var(--radix-popover-content-available-width)]" : "w-[var(--radix-popover-trigger-width)]"),
 			align: "start",
 			children: [/* @__PURE__ */ d(h, {
 				shouldFilter: !1,
@@ -92,9 +92,9 @@ var g = ({ options: g, selected: _, onToggle: v, onClear: y, onSelectAll: b, var
 					children: /* @__PURE__ */ d("div", {
 						className: "relative",
 						children: [/* @__PURE__ */ u(p, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ u(h.Input, {
-							value: A,
-							onValueChange: j,
-							placeholder: T ?? k("search.placeholder"),
+							value: j,
+							onValueChange: M,
+							placeholder: T ?? A("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,15 +105,16 @@ var g = ({ options: g, selected: _, onToggle: v, onClear: y, onSelectAll: b, var
 					className: "sr-only"
 				}), /* @__PURE__ */ d(h.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: [F.length === 0 && /* @__PURE__ */ u("p", {
+					children: [I.length === 0 && /* @__PURE__ */ u("p", {
 						className: "px-2 py-3 text-center text-xs text-muted-foreground",
-						children: k("states.noResult")
-					}), F.map((e) => /* @__PURE__ */ d(h.Item, {
+						children: A("states.noResult")
+					}), I.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 +132,13 @@ var g = ({ options: g, selected: _, onToggle: v, onClear: y, onSelectAll: b, var
 						]
 					}, e.value))]
 				})]
-			}), F.length > 0 && /* @__PURE__ */ u("div", {
+			}), L.length > 0 && /* @__PURE__ */ u("div", {
 				className: "border-t border-border p-1.5",
 				children: /* @__PURE__ */ u("button", {
 					type: "button",
-					onClick: H,
+					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: k(I ? "filters.deselectAll" : "filters.selectAll")
+					children: A(z ? "filters.deselectAll" : "filters.selectAll")
 				})
 			})]
 		})]