@krosoft/react 0.0.260 → 0.0.262

package/dist/AppActions-D8KKXpq-.js

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

package/dist/{AppSubTitle-C8zoMJo_.js → AppSubTitle-CVhjWRBp.js}

@@ -1,15 +1,15 @@
-import { t as e } from "./AppActions-CcU3ClFS.js";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useTranslation as r } from "react-i18next";
+import { t as e } from "./i18n-CevI9Cgk.js";
+import { t } from "./AppActions-D8KKXpq-.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 }) {
-	let { t: s } = r();
-	return /* @__PURE__ */ n("div", {
+	let { t: s } = e();
+	return /* @__PURE__ */ r("div", {
 		className: "flex flex-col sm:flex-row sm:items-center justify-between gap-4",
-		children: [/* @__PURE__ */ t("h2", {
+		children: [/* @__PURE__ */ n("h2", {
 			className: "text-lg font-semibold",
 			children: s(i)
-		}), /* @__PURE__ */ t(e, {
+		}), /* @__PURE__ */ n(t, {
 			actions: a,
 			className: o
 		})]

package/dist/{AppTitle-BR4JFZfp.js → AppTitle-DBGJRsjU.js}

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

package/dist/{ErrorAlert-DClCk3Ey.js → ErrorAlert-6ECy_Dox.js}

@@ -1,13 +1,13 @@
-import { n as e, t } from "./alert-REQGK9bR.js";
-import { t as n } from "./i18n-DW5zKBEK.js";
+import { t as e } from "./i18n-CevI9Cgk.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 } = n();
-	return o ? /* @__PURE__ */ i(t, {
+	let { t: s } = e();
+	return o ? /* @__PURE__ */ i(n, {
 		variant: "destructive",
-		children: [/* @__PURE__ */ r(a, { className: "size-4" }), /* @__PURE__ */ i(e, { children: [/* @__PURE__ */ i("div", {
+		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", {

package/dist/{GenericForm-JqObtUCQ.js → GenericForm-C86_Jk7X.js}

@@ -1,39 +1,38 @@
 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-hnbBp9RZ.js";
-import { s as f } from "./tooltip-BmZ9Bfou.js";
-import { t as p } from "./i18n-DW5zKBEK.js";
-import { g as m } from "./sheet-_rrCMue7.js";
+import { t as i } from "./i18n-CevI9Cgk.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-D7YSs2kF.js";
+import { s as p } from "./tooltip-BmZ9Bfou.js";
+import { g as m } from "./sheet-RYwa4-Nl.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-BLIo5LYH.js";
-import { t as S } from "./AppSubTitle-C8zoMJo_.js";
-import { t as C } from "./MultiSelect-B0Ke0cfS.js";
+import { t as x } from "./ImageInput-DvHgBYsy.js";
+import { t as S } from "./AppSubTitle-CVhjWRBp.js";
+import { t as C } from "./MultiSelect-TGu_k3KM.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";
+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 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) => {
+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";
 		}
-	}, J = (() => {
+	}, K = (() => {
 		let e = {};
-		return j.sections.forEach((t) => {
+		return A.sections.forEach((t) => {
 			t.fields.forEach((t) => {
-				if (t.rules) e[t.key] = t.rules(A);
+				if (t.rules) e[t.key] = t.rules(k);
 				else switch (t.type) {
 					case "checkbox":
-						e[t.key] = A.boolean().nullable().optional();
+						e[t.key] = k.boolean().nullable().optional();
 						break;
 					case "html": break;
 					case "text":
@@ -44,55 +43,55 @@ var j = ({ schema: j, isLoading: M, error: N, onSubmit: P, onCancel: F, initialD
 					case "select":
 					case "multiSelect":
 					case "color":
-					case "image": e[t.key] = A.string().nullable().optional();
+					case "image": e[t.key] = k.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])))
+		}), 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(() => {
-		z && z(() => void Y.handleSubmit(X)());
+		R && R(() => void q.handleSubmit(J)());
 	}), w(() => {
-		if (I) {
+		if (F) {
 			let e = {};
-			j.sections.forEach((t) => {
+			A.sections.forEach((t) => {
 				t.fields.forEach((t) => {
-					t.type === "image" && I[t.key] && (e[t.key] = I[t.key]);
+					t.type === "image" && F[t.key] && (e[t.key] = F[t.key]);
 				});
-			}), K(e);
+			}), W(e);
 		}
 	});
-	let X = async (e) => {
-		if (!W) {
-			if (Object.keys(Y.formState.errors).length > 0) {
-				U({
-					title: H("form.validationTitle"),
-					description: H("form.validationMessage"),
+	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;
 			}
-			G(!0);
+			U(!0);
 			try {
-				await Promise.resolve(P(e));
+				await Promise.resolve(N(e));
 			} catch (e) {
-				console.error("Error during form submission:", e), U({
-					title: H("states.errorTitle"),
-					description: H("form.submitError"),
+				console.error("Error during form submission:", e), V({
+					title: B("states.errorTitle"),
+					description: B("form.submitError"),
 					variant: "destructive"
 				});
 			} finally {
-				G(!1);
+				U(!1);
 			}
 		}
-	}, Z = (e, t) => {
-		t && K((n) => ({
+	}, Y = (e, t) => {
+		t && W((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, Q = (e) => {
+	}, X = (e) => {
 		if (!e) return !1;
 		let t = (e) => {
 			if (!e || !e._def) return !1;
@@ -100,42 +99,42 @@ var j = ({ schema: j, isLoading: M, error: N, onSubmit: P, onCancel: F, initialD
 			return n.typeName === "ZodNullable" ? !0 : n.innerType ? t(n.innerType) : n.type ? t(n.type) : !1;
 		};
 		try {
-			return t(e(A));
+			return t(e(k));
 		} catch {
 			return !1;
 		}
-	}, $ = (e) => {
+	}, Z = (e) => {
 		if (!e) return !1;
-		let t = e(A);
+		let t = e(k);
 		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;
+	}, 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 ? V(t.placeholderKey) : "",
+				placeholder: t.placeholderKey ? B(t.placeholderKey) : "",
 				className: e(r && "border-destructive"),
-				disabled: a,
+				disabled: i,
 				value: n.value ?? ""
 			});
 			case "image": {
-				let i = t, o = i.value === void 0 ? n.value : i.value;
+				let a = t, o = a.value === void 0 ? n.value : a.value;
 				return /* @__PURE__ */ T(x, {
 					value: o ?? "",
 					onChange: (e) => {
-						if (i.onChange && i.onChange(e), n.onChange(e), e) {
+						if (a.onChange && a.onChange(e), n.onChange(e), e) {
 							let n = new FileReader();
 							n.onloadend = () => {
-								Z(t.key, n.result);
+								Y(t.key, n.result);
 							}, n.readAsDataURL(e);
 						}
 					},
-					accept: i.accept,
-					maxSizeMB: i.maxSizeMB,
-					hint: i.hint,
-					disabled: a,
+					accept: a.accept,
+					maxSizeMB: a.maxSizeMB,
+					hint: a.hint,
+					disabled: i,
 					className: e(r && "border-destructive")
 				});
 			}
@@ -143,49 +142,49 @@ var j = ({ schema: j, isLoading: M, error: N, onSubmit: P, onCancel: F, initialD
 				type: "date",
 				...n,
 				className: e(r && "border-destructive"),
-				disabled: a,
+				disabled: i,
 				value: n.value ?? ""
 			});
 			case "time": return /* @__PURE__ */ T(m, {
 				type: "time",
 				...n,
 				className: e(r && "border-destructive"),
-				disabled: a,
+				disabled: i,
 				value: n.value ?? ""
 			});
 			case "checkbox": return /* @__PURE__ */ E("div", {
 				className: "flex items-center space-x-2",
-				children: [/* @__PURE__ */ T(u, {
+				children: [/* @__PURE__ */ T(d, {
 					id: t.key,
 					checked: n.value === !0,
 					onCheckedChange: (e) => {
 						n.onChange(e);
 					},
-					disabled: a,
+					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: V(t.labelKey)
+					children: B(t.labelKey)
 				})]
 			}, t.key);
-			case "textarea": return /* @__PURE__ */ T(d, {
+			case "textarea": return /* @__PURE__ */ T(f, {
 				...n,
-				placeholder: t.placeholderKey ? V(t.placeholderKey) : "",
+				placeholder: t.placeholderKey ? B(t.placeholderKey) : "",
 				className: e(r && "border-destructive", "min-h-[100px]"),
-				disabled: a,
+				disabled: i,
 				value: n.value ?? ""
 			});
 			case "number": {
-				let i = t;
+				let a = t;
 				return /* @__PURE__ */ T(m, {
 					type: "number",
 					...n,
-					step: i.step,
-					min: i.min,
-					placeholder: t.placeholderKey ? V(t.placeholderKey) : "",
+					step: a.step,
+					min: a.min,
+					placeholder: t.placeholderKey ? B(t.placeholderKey) : "",
 					className: e(r && "border-destructive"),
-					disabled: a,
+					disabled: i,
 					value: n.value ?? "",
 					onChange: (e) => {
 						let t = e.target.value === "" ? "" : Number(e.target.value);
@@ -194,18 +193,18 @@ var j = ({ schema: j, isLoading: M, error: N, onSubmit: P, onCancel: F, initialD
 				});
 			}
 			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);
+				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: a,
-					children: [/* @__PURE__ */ T(i, { children: /* @__PURE__ */ T(g, {
+					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 ? V(t.placeholderKey) : "",
+							placeholder: t.placeholderKey ? B(t.placeholderKey) : "",
 							children: u ? /* @__PURE__ */ E("div", {
 								className: "flex items-center gap-2",
 								children: [u.color && /* @__PURE__ */ T("div", {
@@ -241,70 +240,70 @@ var j = ({ schema: j, isLoading: M, error: N, onSubmit: P, onCancel: F, initialD
 					onSelectAll: (e) => {
 						n.onChange(e);
 					},
-					placeholder: t.placeholderKey ? V(t.placeholderKey) : "",
-					disabled: a
+					placeholder: t.placeholderKey ? B(t.placeholderKey) : "",
+					disabled: i
 				});
 			}
-			case "html": return t.render(Y.getValues(), t);
+			case "html": return t.render(q.getValues(), t);
 			default: return null;
 		}
-	}, ne = (c, u) => {
+	}, $ = (i, l) => {
 		let d = /* @__PURE__ */ T("div", {
 			className: e("grid grid-cols-4 gap-4"),
-			children: c.fields.map((t) => /* @__PURE__ */ T(l, {
-				control: Y.control,
+			children: i.fields.map((t) => /* @__PURE__ */ T(u, {
+				control: q.control,
 				name: t.key,
-				render: ({ field: n }) => /* @__PURE__ */ E(o, {
-					className: e(q(t.layout?.cols ?? B)),
+				render: ({ field: n }) => /* @__PURE__ */ E(s, {
+					className: e(G(t.layout?.cols ?? z)),
 					children: [
-						t.type !== "checkbox" && t.type !== "html" && /* @__PURE__ */ E(a, { children: [V(t.labelKey), $(t.rules) && /* @__PURE__ */ T("span", {
+						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(i, { children: te(t, n) }),
-						/* @__PURE__ */ T(s, {})
+						/* @__PURE__ */ T(a, { children: Q(t, n) }),
+						/* @__PURE__ */ T(c, {})
 					]
 				})
 			}, t.key))
 		});
-		return j.useCards === !1 ? /* @__PURE__ */ E("div", {
+		return A.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, {
+			children: [i.titleKey && /* @__PURE__ */ T(S, { titleKey: i.titleKey }), d]
+		}, l) : /* @__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);
+			children: [i.titleKey && /* @__PURE__ */ T(n, { children: /* @__PURE__ */ T(S, { titleKey: i.titleKey }) }), /* @__PURE__ */ T(t, { children: d })]
+		}, l);
 	};
-	return /* @__PURE__ */ T(c, {
-		...Y,
+	return /* @__PURE__ */ T(l, {
+		...q,
 		children: /* @__PURE__ */ E("form", {
 			onSubmit: (e) => {
-				Y.handleSubmit(X)(e);
+				q.handleSubmit(J)(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", {
+				children: [A.sections.map((e, t) => $(e, t)), M && /* @__PURE__ */ T("div", {
 					className: "text-sm font-medium text-destructive",
-					children: N.message
+					children: M.message
 				})]
-			}), !L && R && /* @__PURE__ */ E("div", {
+			}), !I && L && /* @__PURE__ */ E("div", {
 				className: "flex justify-end gap-3 mt-6 border-t pt-4",
-				children: [F && /* @__PURE__ */ T(f, {
+				children: [P && /* @__PURE__ */ T(p, {
 					type: "button",
 					variant: "outline",
-					onClick: F,
-					disabled: W || M,
-					children: H("actions.cancel")
-				}), /* @__PURE__ */ T(f, {
+					onClick: P,
+					disabled: H || j,
+					children: B("actions.cancel")
+				}), /* @__PURE__ */ T(p, {
 					variant: "default",
 					type: "submit",
-					disabled: W || (M ?? !1) || Y.formState.isSubmitting,
-					children: H(W || M ? "actions.saving" : "actions.save")
+					disabled: H || (j ?? !1) || q.formState.isSubmitting,
+					children: B(H || j ? "actions.saving" : "actions.save")
 				})]
 			})]
 		})
 	});
 };
 //#endregion
-export { j as t };
+export { A as t };

package/dist/{ImageInput-BLIo5LYH.js → ImageInput-DvHgBYsy.js}

@@ -1,14 +1,14 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import "./ui-hnbBp9RZ.js";
-import { s as t } from "./tooltip-BmZ9Bfou.js";
-import { t as n } from "./i18n-DW5zKBEK.js";
+import { t } from "./i18n-CevI9Cgk.js";
+import "./ui-D7YSs2kF.js";
+import { s as n } from "./tooltip-BmZ9Bfou.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);
+	let { t: v } = t(), { showError: y } = r(), b = a(null);
 	return /* @__PURE__ */ o("div", {
 		ref: _,
 		className: h,
@@ -18,7 +18,7 @@ var d = i(({ value: i, onChange: d, accept: f = "image/jpeg,image/png,image/webp
 				src: i,
 				alt: "Preview",
 				className: "w-full h-full object-cover"
-			}), !m && /* @__PURE__ */ o(t, {
+			}), !m && /* @__PURE__ */ o(n, {
 				type: "button",
 				variant: "destructive",
 				size: "sm",

package/dist/{MultiSelect-B0Ke0cfS.js → MultiSelect-TGu_k3KM.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { bn as t } from "./ui-hnbBp9RZ.js";
-import { o as n } from "./tooltip-BmZ9Bfou.js";
-import { t as r } from "./i18n-DW5zKBEK.js";
+import { t } from "./i18n-CevI9Cgk.js";
+import { bn as n } from "./ui-D7YSs2kF.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 } = 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;
+	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();
@@ -29,7 +29,7 @@ var p = ({ options: p, selected: m, onToggle: h, onClear: g, onSelectAll: _, pla
 			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"),
+			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(", ")
@@ -78,7 +78,7 @@ var p = ({ options: p, selected: m, onToggle: h, onClear: g, onSelectAll: _, pla
 					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, {
+							children: [/* @__PURE__ */ c(n, {
 								checked: j,
 								onCheckedChange: () => {
 									if (j) {
@@ -102,7 +102,7 @@ var p = ({ options: p, selected: m, onToggle: h, onClear: g, onSelectAll: _, pla
 						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, {
+								/* @__PURE__ */ c(n, {
 									checked: m.includes(e.value),
 									onCheckedChange: () => {
 										h(e.value);