@krosoft/react 0.0.293 → 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-CXnF_D0R.js

@@ -0,0 +1,146 @@
+import { t as e } from "./tailwind.helper-CJaRYBmL.js";
+import { t } from "./i18n-d2p0RJo9.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.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("");
+	}, 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();
+	}, 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 = [..._];
+			I.forEach((t) => {
+				e.includes(t) || e.push(t);
+			}), b(e);
+		} else I.forEach((e) => {
+			_.includes(e) || v(e);
+		});
+	}, 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]"),
+		children: [/* @__PURE__ */ u("span", {
+			className: "truncate",
+			children: C === void 0 ? S ?? k("select.placeholder") : k(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__ */ d("button", {
+		type: "button",
+		disabled: E,
+		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") : B.join(", ")
+		}), /* @__PURE__ */ d("div", {
+			className: "flex shrink-0 items-center gap-1",
+			children: [
+				V > 0 && /* @__PURE__ */ d("span", {
+					className: "rounded-control bg-muted px-1.5 py-0.5 text-xs font-medium text-foreground",
+					children: ["+", V]
+				}),
+				_.length > 0 && !E && /* @__PURE__ */ u("span", {
+					role: "button",
+					tabIndex: -1,
+					onClick: (e) => {
+						e.stopPropagation();
+					},
+					onPointerDown: (e) => {
+						e.preventDefault(), e.stopPropagation(), U();
+					},
+					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") })
+			]
+		})]
+	});
+	return /* @__PURE__ */ d(s, {
+		open: M,
+		onOpenChange: H,
+		children: [/* @__PURE__ */ u(a, {
+			asChild: !0,
+			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",
+			children: [/* @__PURE__ */ d(h, {
+				shouldFilter: !1,
+				className: "flex flex-col",
+				children: [w ? /* @__PURE__ */ u("div", {
+					className: "border-b border-border p-2",
+					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"),
+							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__ */ u(h.Input, {
+					autoFocus: !0,
+					tabIndex: -1,
+					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", {
+						className: "px-2 py-3 text-center text-xs text-muted-foreground",
+						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 data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50",
+						children: [
+							/* @__PURE__ */ u("span", {
+								className: "pointer-events-none shrink-0",
+								children: /* @__PURE__ */ u(n, { checked: _.includes(e.value) })
+							}),
+							e.color && /* @__PURE__ */ u("span", {
+								className: "size-2.5 shrink-0 rounded-full",
+								style: { backgroundColor: e.color }
+							}),
+							/* @__PURE__ */ u("span", {
+								className: "min-w-0 flex-1 truncate",
+								title: e.label,
+								children: e.label
+							})
+						]
+					}, e.value))]
+				})]
+			}), I.length > 0 && /* @__PURE__ */ u("div", {
+				className: "border-t border-border p-1.5",
+				children: /* @__PURE__ */ u("button", {
+					type: "button",
+					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(R ? "filters.deselectAll" : "filters.selectAll")
+				})
+			})]
+		})]
+	});
+};
+//#endregion
+export { g as t };