@krosoft/react 0.0.293 → 0.0.295

package/dist/{inputs-CUNf48Vk.js → inputs-DG8o5DMW.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import "./ImageInput-BPNEywyf.js";
-import "./MultiSelect-O4JP5fRO.js";
-import "./SearchInput-BSIjKB_9.js";
+import "./ImageInput-DYGqUTBi.js";
+import "./MultiSelect-CXnF_D0R.js";
+import "./SearchInput-DDcL_q7h.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/dist/{language-DOGOdjzx.js → language-BvPG7v7d.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./i18n-d2p0RJo9.js";
-import { i as t, n, r, s as i, t as a } from "./tooltip-BmZ9Bfou.js";
-import { i as o, l as s, n as c, t as l, u } from "./select-DmLScQKX.js";
+import { i as t, n, r, s as i, t as a } from "./tooltip-CWdde1-y.js";
+import { i as o, l as s, n as c, t as l, u } from "./select-CsXmG_sJ.js";
 import { t as d } from "./useLanguage-BVUtoDnh.js";
 import "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";

package/dist/{navbar-CCHGdEzE.js → navbar-CU6zaS92.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
 import { t } from "./i18n-d2p0RJo9.js";
-import { i as n, n as r, r as i, s as a, t as o } from "./tooltip-BmZ9Bfou.js";
-import { C as s, S as c, b as l, d as u, g as d, h as f, i as p, l as m, m as h, p as g, r as _, t as v, v as y, x as b, y as x } from "./sheet-DQTOen4V.js";
+import { i as n, n as r, r as i, s as a, t as o } from "./tooltip-CWdde1-y.js";
+import { C as s, S as c, b as l, d as u, g as d, h as f, i as p, l as m, m as h, p as g, r as _, t as v, v as y, x as b, y as x } from "./sheet-4VOGdoiW.js";
 import { t as S } from "./skeleton-D6Ga4BLw.js";
 import { c as C } from "./behavior-CFsFoY50.js";
 import "./hooks/index.js";

package/dist/{select-DmLScQKX.js → select-CsXmG_sJ.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { o as t } from "./tooltip-BmZ9Bfou.js";
+import { o as t } from "./tooltip-CWdde1-y.js";
 import * as n from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { CheckIcon as a, ChevronDownIcon as o, ChevronUpIcon as s, XIcon as c } from "lucide-react";

package/dist/{sheet-DQTOen4V.js → sheet-4VOGdoiW.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
 import "./helpers/index.js";
 import { t } from "./i18n-d2p0RJo9.js";
-import { a as n } from "./tooltip-BmZ9Bfou.js";
+import { a as n } from "./tooltip-CWdde1-y.js";
 import * as r from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
 import { SearchIcon as o, X as s } from "lucide-react";

package/dist/{states-BQK9jqS4.js → states-C4MdmAbW.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./i18n-d2p0RJo9.js";
-import "./ErrorAlert-L2s8Dd1_.js";
+import "./ErrorAlert-0L-Dwqu8.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { Loader2Icon as r } from "lucide-react";
 //#region src/components/core/states/ErrorState.tsx

package/dist/tailwind/index.d.ts

@@ -82,6 +82,11 @@ declare const krosoftPreset: {
                     DEFAULT: string;
                     foreground: string;
                 };
+                brand: {
+                    from: string;
+                    to: string;
+                    foreground: string;
+                };
                 success: {
                     DEFAULT: string;
                     foreground: string;

package/dist/tailwind/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,UAAiD,CAAC;AAE7E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmLQ,CAAC;AAE5B,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tailwind/index.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,UAAiD,CAAC;AAE7E;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4LQ,CAAC;AAE5B,eAAe,aAAa,CAAC"}

package/dist/tailwind/index.js

@@ -91,6 +91,11 @@ var t = Object.create, n = Object.defineProperty, r = Object.getOwnPropertyDescr
 					DEFAULT: "hsl(var(--card))",
 					foreground: "hsl(var(--card-foreground))"
 				},
+				brand: {
+					from: "hsl(var(--k-brand-from))",
+					to: "hsl(var(--k-brand-to))",
+					foreground: "hsl(var(--k-brand-foreground))"
+				},
 				success: {
 					DEFAULT: "hsl(var(--k-success))",
 					foreground: "hsl(var(--k-success-foreground))"

package/dist/{theme-q2uzluEd.js → theme-uTxCKUip.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./i18n-d2p0RJo9.js";
-import { i as t, n, r, s as i, t as a } from "./tooltip-BmZ9Bfou.js";
-import { i as o, l as s, n as c, t as l, u } from "./select-DmLScQKX.js";
+import { i as t, n, r, s as i, t as a } from "./tooltip-CWdde1-y.js";
+import { i as o, l as s, n as c, t as l, u } from "./select-CsXmG_sJ.js";
 import { t as d } from "./useTheme-CNx4iolb.js";
 import "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";

package/dist/{tooltip-BmZ9Bfou.js → tooltip-CWdde1-y.js}

@@ -14,7 +14,7 @@ var o = r("inline-flex items-center justify-center gap-2 whitespace-nowrap round
 			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
 			ghost: "hover:bg-accent hover:text-accent-foreground",
 			link: "text-primary underline-offset-4 hover:underline",
-			styled: "bg-gradient-to-r from-slate-900 to-purple-700 hover:from-slate-800 hover:to-purple-600 text-white shadow-lg shadow-purple-500/25 px-6 h-12"
+			styled: "bg-gradient-to-r from-brand-from to-brand-to hover:from-brand-from/90 hover:to-brand-to/90 text-brand-foreground shadow-lg shadow-brand-to/25 px-6 h-12"
 		},
 		size: {
 			default: "h-10 px-4 py-2",

package/dist/{ui-D8Pg34YW.js → ui-rJqnHWNK.js}

@@ -2,9 +2,9 @@ import { t as e } from "./tailwind.helper-CJaRYBmL.js";
 import "./helpers/index.js";
 import "./chart-Dq3AIrue.js";
 import "./alert-REQGK9bR.js";
-import { c as t, s as n } from "./tooltip-BmZ9Bfou.js";
-import "./sheet-DQTOen4V.js";
-import "./select-DmLScQKX.js";
+import { c as t, s as n } from "./tooltip-CWdde1-y.js";
+import "./sheet-4VOGdoiW.js";
+import "./select-CsXmG_sJ.js";
 import "./skeleton-D6Ga4BLw.js";
 import { t as r } from "./useScrollFade-D9kqJBDh.js";
 import { n as i } from "./useToast-UeDRLovh.js";

package/package.json

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

package/dist/ErrorAlert-L2s8Dd1_.js

@@ -1,27 +0,0 @@
-import { t as e } from "./i18n-d2p0RJo9.js";
-import { n as t, t as n } from "./alert-REQGK9bR.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 } = e();
-	return o ? /* @__PURE__ */ i(n, {
-		variant: "destructive",
-		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: 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-BdKwapAz.js

@@ -1,309 +0,0 @@
-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-D8Pg34YW.js";
-import { s as p } from "./tooltip-BmZ9Bfou.js";
-import { g as m } from "./sheet-DQTOen4V.js";
-import { i as h, l as g, n as _, t as v, u as y } from "./select-DmLScQKX.js";
-import { n as b } from "./useToast-UeDRLovh.js";
-import { t as x } from "./ImageInput-BPNEywyf.js";
-import { t as S } from "./AppSubTitle-BOVTZlUB.js";
-import { t as C } from "./MultiSelect-O4JP5fRO.js";
-import { useState as w } from "react";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { useForm as D } from "react-hook-form";
-import { zodResolver as O } from "@hookform/resolvers/zod";
-import { z as k } from "zod";
-//#region src/components/core/forms/GenericForm.tsx
-var A = ({ schema: A, isLoading: j, error: M, onSubmit: N, onCancel: P, initialData: F, disabled: I = !1, renderActions: L = !0, onRegisterSubmit: R, defaultCols: z = 4 }) => {
-	let { t: B } = i(), { toast: V } = b(), [H, U] = w(!1), [ee, W] = w({});
-	if (!A) return null;
-	let G = (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";
-		}
-	}, K = (() => {
-		let e = {};
-		return A.sections.forEach((t) => {
-			t.fields.forEach((t) => {
-				if (t.rules) e[t.key] = t.rules(k);
-				else switch (t.type) {
-					case "checkbox":
-						e[t.key] = k.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] = k.string().nullable().optional();
-				}
-			});
-		}), k.object(e);
-	})(), q = D({
-		resolver: O(K),
-		defaultValues: F || Object.fromEntries(A.sections.flatMap((e) => e.fields.map((e) => [e.key, e.defaultValue ?? null])))
-	});
-	w(() => {
-		R && R(() => void q.handleSubmit(J)());
-	}), w(() => {
-		if (F) {
-			let e = {};
-			A.sections.forEach((t) => {
-				t.fields.forEach((t) => {
-					t.type === "image" && F[t.key] && (e[t.key] = F[t.key]);
-				});
-			}), W(e);
-		}
-	});
-	let J = async (e) => {
-		if (!H) {
-			if (Object.keys(q.formState.errors).length > 0) {
-				V({
-					title: B("form.validationTitle"),
-					description: B("form.validationMessage"),
-					variant: "destructive"
-				});
-				return;
-			}
-			U(!0);
-			try {
-				await Promise.resolve(N(e));
-			} catch (e) {
-				console.error("Error during form submission:", e), V({
-					title: B("states.errorTitle"),
-					description: B("form.submitError"),
-					variant: "destructive"
-				});
-			} finally {
-				U(!1);
-			}
-		}
-	}, Y = (e, t) => {
-		t && W((n) => ({
-			...n,
-			[e]: t
-		}));
-	}, X = (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(k));
-		} catch {
-			return !1;
-		}
-	}, Z = (e) => {
-		if (!e) return !1;
-		let t = e(k);
-		return t.safeParse(void 0).success ? !1 : t._def.checks?.some((e) => e.kind === "min") ?? !1;
-	}, Q = (t, n) => {
-		let r = !!q.formState.errors[t.key], i = I;
-		switch (t.type) {
-			case "text":
-			case "color": return /* @__PURE__ */ T(m, {
-				type: t.type,
-				...n,
-				placeholder: t.placeholderKey ? B(t.placeholderKey) : "",
-				className: e(r && "border-destructive"),
-				disabled: i,
-				value: n.value ?? ""
-			});
-			case "image": {
-				let a = t, o = a.value === void 0 ? n.value : a.value;
-				return /* @__PURE__ */ T(x, {
-					value: o ?? "",
-					onChange: (e) => {
-						if (a.onChange && a.onChange(e), n.onChange(e), e) {
-							let n = new FileReader();
-							n.onloadend = () => {
-								Y(t.key, n.result);
-							}, n.readAsDataURL(e);
-						}
-					},
-					accept: a.accept,
-					maxSizeMB: a.maxSizeMB,
-					hint: a.hint,
-					disabled: i,
-					className: e(r && "border-destructive")
-				});
-			}
-			case "date": return /* @__PURE__ */ T(m, {
-				type: "date",
-				...n,
-				className: e(r && "border-destructive"),
-				disabled: i,
-				value: n.value ?? ""
-			});
-			case "time": return /* @__PURE__ */ T(m, {
-				type: "time",
-				...n,
-				className: e(r && "border-destructive"),
-				disabled: i,
-				value: n.value ?? ""
-			});
-			case "checkbox": return /* @__PURE__ */ E("div", {
-				className: "flex items-center space-x-2",
-				children: [/* @__PURE__ */ T(d, {
-					id: t.key,
-					checked: n.value === !0,
-					onCheckedChange: (e) => {
-						n.onChange(e);
-					},
-					disabled: i,
-					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: B(t.labelKey)
-				})]
-			}, t.key);
-			case "textarea": return /* @__PURE__ */ T(f, {
-				...n,
-				placeholder: t.placeholderKey ? B(t.placeholderKey) : "",
-				className: e(r && "border-destructive", "min-h-[100px]"),
-				disabled: i,
-				value: n.value ?? ""
-			});
-			case "number": {
-				let a = t;
-				return /* @__PURE__ */ T(m, {
-					type: "number",
-					...n,
-					step: a.step,
-					min: a.min,
-					placeholder: t.placeholderKey ? B(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 = X(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: i,
-					children: [/* @__PURE__ */ T(a, { 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 ? B(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 ? B(t.placeholderKey) : "",
-					disabled: i
-				});
-			}
-			case "html": return t.render(q.getValues(), t);
-			default: return null;
-		}
-	}, $ = (i, l) => {
-		let d = /* @__PURE__ */ T("div", {
-			className: e("grid grid-cols-4 gap-4"),
-			children: i.fields.map((t) => /* @__PURE__ */ T(u, {
-				control: q.control,
-				name: t.key,
-				render: ({ field: n }) => /* @__PURE__ */ E(s, {
-					className: e(G(t.layout?.cols ?? z)),
-					children: [
-						t.type !== "checkbox" && t.type !== "html" && /* @__PURE__ */ E(o, { children: [B(t.labelKey), Z(t.rules) && /* @__PURE__ */ T("span", {
-							className: "text-destructive ml-1",
-							children: "*"
-						})] }),
-						/* @__PURE__ */ T(a, { children: Q(t, n) }),
-						/* @__PURE__ */ T(c, {})
-					]
-				})
-			}, t.key))
-		});
-		return A.useCards === !1 ? /* @__PURE__ */ E("div", {
-			className: "space-y-4 mb-6",
-			children: [i.titleKey && /* @__PURE__ */ T(S, { titleKey: i.titleKey }), d]
-		}, l) : /* @__PURE__ */ E(r, {
-			className: "mb-6",
-			children: [i.titleKey && /* @__PURE__ */ T(n, { children: /* @__PURE__ */ T(S, { titleKey: i.titleKey }) }), /* @__PURE__ */ T(t, { children: d })]
-		}, l);
-	};
-	return /* @__PURE__ */ T(l, {
-		...q,
-		children: /* @__PURE__ */ E("form", {
-			onSubmit: (e) => {
-				q.handleSubmit(J)(e);
-			},
-			className: "space-y-4 px-0 w-full",
-			children: [/* @__PURE__ */ E("div", {
-				className: "space-y-4",
-				children: [A.sections.map((e, t) => $(e, t)), M && /* @__PURE__ */ T("div", {
-					className: "text-sm font-medium text-destructive",
-					children: M.message
-				})]
-			}), !I && L && /* @__PURE__ */ E("div", {
-				className: "flex justify-end gap-3 mt-6 border-t pt-4",
-				children: [P && /* @__PURE__ */ T(p, {
-					type: "button",
-					variant: "outline",
-					onClick: P,
-					disabled: H || j,
-					children: B("actions.cancel")
-				}), /* @__PURE__ */ T(p, {
-					variant: "default",
-					type: "submit",
-					disabled: H || (j ?? !1) || q.formState.isSubmitting,
-					children: B(H || j ? "actions.saving" : "actions.save")
-				})]
-			})]
-		})
-	});
-};
-//#endregion
-export { A as t };

package/dist/MultiSelect-O4JP5fRO.js

@@ -1,129 +0,0 @@
-import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { t } from "./i18n-d2p0RJo9.js";
-import { bn as n } from "./ui-D8Pg34YW.js";
-import { o as r } from "./tooltip-BmZ9Bfou.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 } = t(), [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(r, "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__ */ 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(n, {
-								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))]
-				}),
-				A.length > 0 && /* @__PURE__ */ c("div", {
-					className: "border-t border-border p-1.5",
-					children: j ? /* @__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: C("filters.deselectAll")
-					}) : /* @__PURE__ */ c("button", {
-						type: "button",
-						onClick: () => {
-							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);
-							}
-						},
-						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: C("filters.selectAll")
-					})
-				})
-			]
-		}) : null]
-	});
-};
-//#endregion
-export { p as t };