@krosoft/react 0.0.308 → 0.0.310

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

@@ -1,6 +1,6 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.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 { t } from "./i18n-DbPbmPRj.js";
+import { Bt as n, Ft as r, Gt as i, Nt as a, jt as o } from "./ui-k3NqEwlP.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-DJQjeSdC.js → AppSubTitle-Ck4UmLrQ.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./i18n-Iyf3fyzr.js";
-import { t } from "./AppActions-CvT8dDnQ.js";
+import { t as e } from "./i18n-DbPbmPRj.js";
+import { t } from "./AppActions-DBxmXROG.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-C8t_LSuG.js → AppTitle-CA3AuX6v.js}

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

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

@@ -1,4 +1,4 @@
-import { t as e } from "./i18n-Iyf3fyzr.js";
+import { t as e } from "./i18n-DbPbmPRj.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-D0VYEbKP.js → GenericForm-tZkFJ7mA.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-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 { t as i } from "./i18n-DbPbmPRj.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-k3NqEwlP.js";
 import { c as p } from "./tooltip-_geGvbS7.js";
-import { g as m } from "./sheet-C2vx5V6Q.js";
+import { g as m } from "./sheet-w_xag5lP.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-B6NH8JDS.js";
-import { t as x } from "./AppSubTitle-DJQjeSdC.js";
-import { t as S } from "./MultiSelect-kct3FndJ.js";
+import { t as b } from "./ImageInput-BT08niR9.js";
+import { t as x } from "./AppSubTitle-Ck4UmLrQ.js";
+import { t as S } from "./MultiSelect-D7AFiC_X.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-B6NH8JDS.js → ImageInput-BT08niR9.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./tailwind.helper-CJaRYBmL.js";
-import { t } from "./i18n-Iyf3fyzr.js";
-import "./ui-BdLutnCT.js";
+import { t } from "./i18n-DbPbmPRj.js";
+import "./ui-k3NqEwlP.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-D7AFiC_X.js

@@ -0,0 +1,228 @@
+import { t as e } from "./tailwind.helper-CJaRYBmL.js";
+import { t } from "./i18n-DbPbmPRj.js";
+import { Pn as n, bn as r } from "./ui-k3NqEwlP.js";
+import { a as i, o as a, s as o } from "./tooltip-_geGvbS7.js";
+import { h as s, m as c, p as l } from "./sheet-w_xag5lP.js";
+import { useCallback as u, useLayoutEffect as d, useMemo as f, useRef as p, useState as m } from "react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { ChevronDownIcon as v, SearchIcon as y, XIcon as b } from "lucide-react";
+import { Command as x } from "cmdk";
+//#region src/components/core/inputs/select.helper.tsx
+var S = 40, C = 224, w = 6;
+function T(e, t, n) {
+	let r = p(null), [i, a] = m(0), [o, s] = m(0), c = o || (n ? 52 : 40), l = t > S, f = l ? Math.max(0, Math.floor(i / c) - w) : 0, h = l ? Math.min(t, Math.ceil((i + C) / c) + w) : t, g = l ? f * c : 0, _ = l ? (t - h) * c : 0;
+	d(() => {
+		if (!e) return;
+		let t = r.current?.querySelector("[cmdk-item]");
+		if (t) {
+			let e = t.getBoundingClientRect().height;
+			e > 0 && Math.abs(e - o) > .5 && s(e);
+		}
+	}, [
+		e,
+		t,
+		o
+	]);
+	let v = u(() => {
+		a(0), r.current && (r.current.scrollTop = 0);
+	}, []);
+	return {
+		listRef: r,
+		virtualized: l,
+		startIndex: f,
+		endIndex: h,
+		padTop: g,
+		padBottom: _,
+		onScroll: l ? (e) => {
+			a(e.currentTarget.scrollTop);
+		} : void 0,
+		resetScroll: v
+	};
+}
+var E = (t, n) => t === void 0 ? null : t ? /* @__PURE__ */ g("img", {
+	src: t,
+	alt: "",
+	loading: "lazy",
+	className: e("h-9 w-12 shrink-0 rounded object-cover", n)
+}) : /* @__PURE__ */ g("span", {
+	className: e("flex h-9 w-12 shrink-0 items-center justify-center rounded bg-muted text-[9px] text-muted-foreground", n),
+	children: "—"
+}), D = ({ options: u, selected: d, onToggle: p, onClear: S, onSelectAll: C, variant: w = "input", placeholder: D, labelKey: O, searchable: ee = !1, searchPlaceholder: te, disabled: k = !1, modal: ne = !0, chips: re = !1, maxCount: A, className: j, ...M }) => {
+	let { t: N } = t(), [P, F] = m(""), [I, ie] = m(!1), L = w === "pill", R = w === "input" ? void 0 : a, z = f(() => P === "" ? u : u.filter((e) => e.label.toLowerCase().includes(P.toLowerCase())), [u, P]), B = f(() => z.filter((e) => e.disabled !== !0).map((e) => e.value), [z]), V = f(() => d.filter((e) => u.find((t) => t.value === e)?.disabled === !0), [u, d]), H = f(() => B.length !== 0 && B.every((e) => d.includes(e)), [B, d]), U = f(() => d.map((e) => u.find((t) => t.value === e)?.label ?? e), [u, d]), W = A !== void 0 && A > 0 ? U.slice(0, A) : U, G = U.length - W.length, { listRef: K, virtualized: q, startIndex: J, endIndex: ae, padTop: Y, padBottom: X, onScroll: oe, resetScroll: Z } = T(I, z.length, u.some((e) => e.imageUrl !== void 0)), se = q ? z.slice(J, ae) : z, ce = (e) => {
+		ie(e), e ? Z() : F("");
+	}, Q = (e) => {
+		F(e), Z();
+	}, le = () => {
+		V.length > 0 ? C === void 0 ? d.filter((e) => !V.includes(e)).forEach((e) => {
+			p(e);
+		}) : C(V) : S === void 0 ? C === void 0 ? d.forEach((e) => {
+			p(e);
+		}) : C([]) : S();
+	}, ue = () => {
+		if (H) C === void 0 ? S !== void 0 && d.every((e) => B.includes(e)) ? S() : B.forEach((e) => {
+			p(e);
+		}) : C(d.filter((e) => !B.includes(e)));
+		else if (C !== void 0) {
+			let e = [...d];
+			B.forEach((t) => {
+				e.includes(t) || e.push(t);
+			}), C(e);
+		} else B.forEach((e) => {
+			d.includes(e) || p(e);
+		});
+	}, $ = f(() => d.map((e) => ({
+		value: e,
+		option: u.find((t) => t.value === e)
+	})), [u, d]), de = L ? /* @__PURE__ */ _("button", {
+		...M,
+		type: "button",
+		disabled: k,
+		className: e(i, "inline-flex items-center justify-between gap-1.5 whitespace-nowrap transition-colors", d.length > 0 ? "border-primary bg-primary/10 text-primary font-medium" : "hover:bg-muted", R, j),
+		children: [/* @__PURE__ */ g("span", {
+			className: "truncate",
+			children: O === void 0 ? D ?? N("select.placeholder") : N(O)
+		}), /* @__PURE__ */ _("div", {
+			className: "flex shrink-0 items-center gap-1.5",
+			children: [d.length > 0 && /* @__PURE__ */ g("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: d.length
+			}), /* @__PURE__ */ g(v, { className: e("size-3.5 opacity-60 transition-transform", I && "rotate-180") })]
+		})]
+	}) : /* @__PURE__ */ _("button", {
+		...M,
+		type: "button",
+		disabled: k,
+		className: e(o, "w-full", R, I && "ring-2 ring-ring ring-offset-2", d.length === 0 && "text-muted-foreground", j),
+		children: [/* @__PURE__ */ g("span", {
+			className: "truncate",
+			children: d.length === 0 ? D ?? N("select.placeholder") : W.join(", ")
+		}), /* @__PURE__ */ _("div", {
+			className: "flex shrink-0 items-center gap-1",
+			children: [
+				G > 0 && /* @__PURE__ */ _("span", {
+					className: "rounded-control bg-muted px-1.5 py-0.5 text-xs font-medium text-foreground",
+					children: ["+", G]
+				}),
+				d.length > 0 && !k && /* @__PURE__ */ g("span", {
+					role: "button",
+					tabIndex: -1,
+					onClick: (e) => {
+						e.stopPropagation();
+					},
+					onPointerDown: (e) => {
+						e.preventDefault(), e.stopPropagation(), le();
+					},
+					className: "text-muted-foreground hover:text-foreground",
+					children: /* @__PURE__ */ g(b, { className: "size-4" })
+				}),
+				/* @__PURE__ */ g(v, { className: e("size-4 opacity-50 shrink-0 transition-transform", I && "rotate-180") })
+			]
+		})]
+	}), fe = re && $.length > 0 ? /* @__PURE__ */ g("div", {
+		className: "mt-2 flex flex-wrap gap-1.5",
+		children: $.map(({ value: e, option: t }) => {
+			let r = t?.disabled === !0;
+			return /* @__PURE__ */ _(n, {
+				variant: "secondary",
+				className: "flex items-center gap-1 border border-primary/20 bg-primary/10 py-0.5 pl-2 pr-1 text-primary",
+				children: [/* @__PURE__ */ g("span", {
+					className: "max-w-[16rem] truncate",
+					children: t?.label ?? e
+				}), !r && /* @__PURE__ */ g("button", {
+					type: "button",
+					onClick: () => {
+						p(e);
+					},
+					className: "rounded-full p-0.5 hover:bg-primary/20",
+					"aria-label": N("filters.remove"),
+					children: /* @__PURE__ */ g(b, { className: "size-3" })
+				})]
+			}, e);
+		})
+	}) : null;
+	return /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ _(l, {
+		open: I,
+		onOpenChange: ce,
+		modal: ne,
+		children: [/* @__PURE__ */ g(s, {
+			asChild: !0,
+			children: de
+		}), /* @__PURE__ */ _(c, {
+			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__ */ _(x, {
+				shouldFilter: !1,
+				className: "flex flex-col",
+				children: [ee ? /* @__PURE__ */ g("div", {
+					className: "border-b border-border p-2",
+					children: /* @__PURE__ */ _("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ g(y, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ g(x.Input, {
+							value: P,
+							onValueChange: Q,
+							placeholder: te ?? N("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__ */ g(x.Input, {
+					autoFocus: !0,
+					tabIndex: -1,
+					className: "sr-only"
+				}), /* @__PURE__ */ _(x.List, {
+					ref: K,
+					onScroll: oe,
+					className: e("flex flex-col 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", !q && "gap-0.5"),
+					children: [
+						z.length === 0 && /* @__PURE__ */ g("p", {
+							className: "px-2 py-3 text-center text-xs text-muted-foreground",
+							children: N("states.noResult")
+						}),
+						Y > 0 && /* @__PURE__ */ g("div", {
+							"aria-hidden": !0,
+							style: { height: Y }
+						}),
+						se.map((e) => /* @__PURE__ */ _(x.Item, {
+							value: e.value,
+							disabled: e.disabled,
+							onSelect: () => {
+								p(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__ */ g("span", {
+									className: "pointer-events-none shrink-0",
+									children: /* @__PURE__ */ g(r, { checked: d.includes(e.value) })
+								}),
+								E(e.imageUrl),
+								e.color && /* @__PURE__ */ g("span", {
+									className: "size-2.5 shrink-0 rounded-full",
+									style: { backgroundColor: e.color }
+								}),
+								/* @__PURE__ */ g("span", {
+									className: "min-w-0 flex-1 truncate",
+									title: e.label,
+									children: e.label
+								})
+							]
+						}, e.value)),
+						X > 0 && /* @__PURE__ */ g("div", {
+							"aria-hidden": !0,
+							style: { height: X }
+						})
+					]
+				})]
+			}), B.length > 0 && /* @__PURE__ */ g("div", {
+				className: "border-t border-border p-1.5",
+				children: /* @__PURE__ */ g("button", {
+					type: "button",
+					onClick: ue,
+					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: N(H ? "filters.deselectAll" : "filters.selectAll")
+				})
+			})]
+		})]
+	}), fe] });
+};
+//#endregion
+export { E as n, T as r, D as t };