@krosoft/react 0.0.302 → 0.0.304

package/dist/{AppActions-DCFvzqFN.js → AppActions-CvT8dDnQ.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { t } from "./i18n-TbpdvUJO.js";
-import { Bt as n, Ft as r, Gt as i, Nt as a, jt as o } from "./ui-Ce0ULzME.js";
+import { t } from "./i18n-Iyf3fyzr.js";
+import { Bt as n, Ft as r, Gt as i, Nt as a, jt as o } from "./ui-BdLutnCT.js";
 import { c as s } from "./tooltip-_geGvbS7.js";
 import { t as c } from "./useMobile-pTQ8lWvt.js";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";

package/dist/{AppSubTitle-Cmu-4o-a.js → AppSubTitle-DJQjeSdC.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./i18n-TbpdvUJO.js";
-import { t } from "./AppActions-DCFvzqFN.js";
+import { t as e } from "./i18n-Iyf3fyzr.js";
+import { t } from "./AppActions-CvT8dDnQ.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/{AppTitle-CBY03gZy.js → AppTitle-BShUHen9.js}

@@ -1,5 +1,5 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { t } from "./i18n-TbpdvUJO.js";
+import { t } from "./i18n-Iyf3fyzr.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 }) {

package/dist/{ErrorAlert-CpxyT2oM.js → ErrorAlert-DrjpMJu6.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./i18n-TbpdvUJO.js";
+import { t as e } from "./i18n-Iyf3fyzr.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";

package/dist/{GenericForm-fiF_fEUb.js → GenericForm-p_iFnXCI.js}

@@ -1,14 +1,14 @@
 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-TbpdvUJO.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-Ce0ULzME.js";
+import { t as i } from "./i18n-Iyf3fyzr.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-BdLutnCT.js";
 import { c as p } from "./tooltip-_geGvbS7.js";
-import { g as m } from "./sheet-Dyu9stsE.js";
+import { g as m } from "./sheet-C2vx5V6Q.js";
 import { i as h, l as g, n as ee, t as _, u as v } from "./select-KWMg2_7Z.js";
 import { n as y } from "./useToast-UeDRLovh.js";
-import { t as b } from "./ImageInput-BGe_bc79.js";
-import { t as x } from "./AppSubTitle-Cmu-4o-a.js";
-import { t as S } from "./MultiSelect-xNfIdYS9.js";
+import { t as b } from "./ImageInput-B6NH8JDS.js";
+import { t as x } from "./AppSubTitle-DJQjeSdC.js";
+import { t as S } from "./MultiSelect-BAIbW9Ge.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";

package/dist/{ImageInput-BGe_bc79.js → ImageInput-B6NH8JDS.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { t } from "./i18n-TbpdvUJO.js";
-import "./ui-Ce0ULzME.js";
+import { t } from "./i18n-Iyf3fyzr.js";
+import "./ui-BdLutnCT.js";
 import { c as n } from "./tooltip-_geGvbS7.js";
 import { t as r } from "./useNotifications-CyhTruIG.js";
 import { forwardRef as i, useRef as a } from "react";

package/dist/{MultiSelect-xNfIdYS9.js → MultiSelect-BAIbW9Ge.js}

@@ -1,100 +1,108 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { t } from "./i18n-TbpdvUJO.js";
-import { bn as n } from "./ui-Ce0ULzME.js";
+import { t } from "./i18n-Iyf3fyzr.js";
+import { bn as n } from "./ui-BdLutnCT.js";
 import { a as r, o as i, s as a } from "./tooltip-_geGvbS7.js";
-import { h as o, m as s, p as c } from "./sheet-Dyu9stsE.js";
+import { h as o, m as s, p as c } from "./sheet-C2vx5V6Q.js";
 import { useMemo as l, useState as u } from "react";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
 import { ChevronDownIcon as p, SearchIcon as m, XIcon as h } from "lucide-react";
 import { Command as g } from "cmdk";
-//#region src/components/core/inputs/MultiSelect.tsx
-var _ = ({ options: _, selected: v, onToggle: y, onClear: b, onSelectAll: x, variant: S = "input", placeholder: C, labelKey: w, searchable: T = !1, searchPlaceholder: E, disabled: D = !1, maxCount: O, className: k, ...A }) => {
-	let { t: j } = t(), [M, N] = u(""), [P, F] = u(!1), I = S === "pill", L = S === "input" ? void 0 : i, R = l(() => M === "" ? _ : _.filter((e) => e.label.toLowerCase().includes(M.toLowerCase())), [_, M]), z = l(() => R.filter((e) => e.disabled !== !0).map((e) => e.value), [R]), B = l(() => v.filter((e) => _.find((t) => t.value === e)?.disabled === !0), [_, v]), V = l(() => z.length !== 0 && z.every((e) => v.includes(e)), [z, v]), H = l(() => v.map((e) => _.find((t) => t.value === e)?.label ?? e), [_, v]), U = O !== void 0 && O > 0 ? H.slice(0, O) : H, W = H.length - U.length, G = (e) => {
-		F(e), e || N("");
-	}, K = () => {
-		B.length > 0 ? x === void 0 ? v.filter((e) => !B.includes(e)).forEach((e) => {
-			y(e);
-		}) : x(B) : b === void 0 ? x === void 0 ? v.forEach((e) => {
-			y(e);
-		}) : x([]) : b();
+//#region src/components/core/inputs/select.helper.tsx
+var _ = (t, n) => t === void 0 ? null : t ? /* @__PURE__ */ d("img", {
+	src: t,
+	alt: "",
+	loading: "lazy",
+	className: e("h-7 w-10 shrink-0 rounded object-cover", n)
+}) : /* @__PURE__ */ d("span", {
+	className: e("flex h-7 w-10 shrink-0 items-center justify-center rounded bg-muted text-[9px] text-muted-foreground", n),
+	children: "—"
+}), v = ({ options: v, selected: y, onToggle: b, onClear: x, onSelectAll: S, variant: C = "input", placeholder: w, labelKey: T, searchable: E = !1, searchPlaceholder: D, disabled: O = !1, maxCount: k, className: A, ...j }) => {
+	let { t: M } = t(), [N, P] = u(""), [F, I] = u(!1), L = C === "pill", R = C === "input" ? void 0 : i, z = l(() => N === "" ? v : v.filter((e) => e.label.toLowerCase().includes(N.toLowerCase())), [v, N]), B = l(() => z.filter((e) => e.disabled !== !0).map((e) => e.value), [z]), V = l(() => y.filter((e) => v.find((t) => t.value === e)?.disabled === !0), [v, y]), H = l(() => B.length !== 0 && B.every((e) => y.includes(e)), [B, y]), U = l(() => y.map((e) => v.find((t) => t.value === e)?.label ?? e), [v, y]), W = k !== void 0 && k > 0 ? U.slice(0, k) : U, G = U.length - W.length, K = (e) => {
+		I(e), e || P("");
 	}, q = () => {
-		if (V) x === void 0 ? b !== void 0 && v.every((e) => z.includes(e)) ? b() : z.forEach((e) => {
-			y(e);
-		}) : x(v.filter((e) => !z.includes(e)));
-		else if (x !== void 0) {
-			let e = [...v];
-			z.forEach((t) => {
+		V.length > 0 ? S === void 0 ? y.filter((e) => !V.includes(e)).forEach((e) => {
+			b(e);
+		}) : S(V) : x === void 0 ? S === void 0 ? y.forEach((e) => {
+			b(e);
+		}) : S([]) : x();
+	}, J = () => {
+		if (H) S === void 0 ? x !== void 0 && y.every((e) => B.includes(e)) ? x() : B.forEach((e) => {
+			b(e);
+		}) : S(y.filter((e) => !B.includes(e)));
+		else if (S !== void 0) {
+			let e = [...y];
+			B.forEach((t) => {
 				e.includes(t) || e.push(t);
-			}), x(e);
-		} else z.forEach((e) => {
-			v.includes(e) || y(e);
+			}), S(e);
+		} else B.forEach((e) => {
+			y.includes(e) || b(e);
 		});
-	}, J = I ? /* @__PURE__ */ f("button", {
-		...A,
+	}, Y = L ? /* @__PURE__ */ f("button", {
+		...j,
 		type: "button",
-		disabled: D,
-		className: e(r, "inline-flex items-center justify-between gap-1.5 whitespace-nowrap transition-colors", v.length > 0 ? "border-primary bg-primary/10 text-primary font-medium" : "hover:bg-muted", L, k),
+		disabled: O,
+		className: e(r, "inline-flex items-center justify-between gap-1.5 whitespace-nowrap transition-colors", y.length > 0 ? "border-primary bg-primary/10 text-primary font-medium" : "hover:bg-muted", R, A),
 		children: [/* @__PURE__ */ d("span", {
 			className: "truncate",
-			children: w === void 0 ? C ?? j("select.placeholder") : j(w)
+			children: T === void 0 ? w ?? M("select.placeholder") : M(T)
 		}), /* @__PURE__ */ f("div", {
 			className: "flex shrink-0 items-center gap-1.5",
-			children: [v.length > 0 && /* @__PURE__ */ d("span", {
+			children: [y.length > 0 && /* @__PURE__ */ d("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: v.length
-			}), /* @__PURE__ */ d(p, { className: e("size-3.5 opacity-60 transition-transform", P && "rotate-180") })]
+				children: y.length
+			}), /* @__PURE__ */ d(p, { className: e("size-3.5 opacity-60 transition-transform", F && "rotate-180") })]
 		})]
 	}) : /* @__PURE__ */ f("button", {
-		...A,
+		...j,
 		type: "button",
-		disabled: D,
-		className: e(a, "w-full", L, P && "ring-2 ring-ring ring-offset-2", v.length === 0 && "text-muted-foreground", k),
+		disabled: O,
+		className: e(a, "w-full", R, F && "ring-2 ring-ring ring-offset-2", y.length === 0 && "text-muted-foreground", A),
 		children: [/* @__PURE__ */ d("span", {
 			className: "truncate",
-			children: v.length === 0 ? C ?? j("select.placeholder") : U.join(", ")
+			children: y.length === 0 ? w ?? M("select.placeholder") : W.join(", ")
 		}), /* @__PURE__ */ f("div", {
 			className: "flex shrink-0 items-center gap-1",
 			children: [
-				W > 0 && /* @__PURE__ */ f("span", {
+				G > 0 && /* @__PURE__ */ f("span", {
 					className: "rounded-control bg-muted px-1.5 py-0.5 text-xs font-medium text-foreground",
-					children: ["+", W]
+					children: ["+", G]
 				}),
-				v.length > 0 && !D && /* @__PURE__ */ d("span", {
+				y.length > 0 && !O && /* @__PURE__ */ d("span", {
 					role: "button",
 					tabIndex: -1,
 					onClick: (e) => {
 						e.stopPropagation();
 					},
 					onPointerDown: (e) => {
-						e.preventDefault(), e.stopPropagation(), K();
+						e.preventDefault(), e.stopPropagation(), q();
 					},
 					className: "text-muted-foreground hover:text-foreground",
 					children: /* @__PURE__ */ d(h, { className: "size-4" })
 				}),
-				/* @__PURE__ */ d(p, { className: e("size-4 opacity-50 shrink-0 transition-transform", P && "rotate-180") })
+				/* @__PURE__ */ d(p, { className: e("size-4 opacity-50 shrink-0 transition-transform", F && "rotate-180") })
 			]
 		})]
 	});
 	return /* @__PURE__ */ f(c, {
-		open: P,
-		onOpenChange: G,
+		open: F,
+		onOpenChange: K,
 		children: [/* @__PURE__ */ d(o, {
 			asChild: !0,
-			children: J
+			children: Y
 		}), /* @__PURE__ */ f(s, {
-			className: e("p-0", I ? "w-72 max-w-[var(--radix-popover-content-available-width)]" : "w-[var(--radix-popover-trigger-width)]"),
+			className: e("p-0", L ? "w-72 max-w-[var(--radix-popover-content-available-width)]" : "w-[var(--radix-popover-trigger-width)]"),
 			align: "start",
 			children: [/* @__PURE__ */ f(g, {
 				shouldFilter: !1,
 				className: "flex flex-col",
-				children: [T ? /* @__PURE__ */ d("div", {
+				children: [E ? /* @__PURE__ */ d("div", {
 					className: "border-b border-border p-2",
 					children: /* @__PURE__ */ f("div", {
 						className: "relative",
 						children: [/* @__PURE__ */ d(m, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ d(g.Input, {
-							value: M,
-							onValueChange: N,
-							placeholder: E ?? j("search.placeholder"),
+							value: N,
+							onValueChange: P,
+							placeholder: D ?? M("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,21 +113,22 @@ var _ = ({ options: _, selected: v, onToggle: y, onClear: b, onSelectAll: x, var
 					className: "sr-only"
 				}), /* @__PURE__ */ f(g.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: [R.length === 0 && /* @__PURE__ */ d("p", {
+					children: [z.length === 0 && /* @__PURE__ */ d("p", {
 						className: "px-2 py-3 text-center text-xs text-muted-foreground",
-						children: j("states.noResult")
-					}), R.map((e) => /* @__PURE__ */ f(g.Item, {
+						children: M("states.noResult")
+					}), z.map((e) => /* @__PURE__ */ f(g.Item, {
 						value: e.value,
 						disabled: e.disabled,
 						onSelect: () => {
-							y(e.value);
+							b(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__ */ d("span", {
 								className: "pointer-events-none shrink-0",
-								children: /* @__PURE__ */ d(n, { checked: v.includes(e.value) })
+								children: /* @__PURE__ */ d(n, { checked: y.includes(e.value) })
 							}),
+							_(e.imageUrl),
 							e.color && /* @__PURE__ */ d("span", {
 								className: "size-2.5 shrink-0 rounded-full",
 								style: { backgroundColor: e.color }
@@ -132,17 +141,17 @@ var _ = ({ options: _, selected: v, onToggle: y, onClear: b, onSelectAll: x, var
 						]
 					}, e.value))]
 				})]
-			}), z.length > 0 && /* @__PURE__ */ d("div", {
+			}), B.length > 0 && /* @__PURE__ */ d("div", {
 				className: "border-t border-border p-1.5",
 				children: /* @__PURE__ */ d("button", {
 					type: "button",
-					onClick: q,
+					onClick: J,
 					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: j(V ? "filters.deselectAll" : "filters.selectAll")
+					children: M(H ? "filters.deselectAll" : "filters.selectAll")
 				})
 			})]
 		})]
 	});
 };
 //#endregion
-export { _ as t };
+export { _ as n, v as t };