@krosoft/react 0.0.391 → 0.0.393

package/dist/components/core/inputs/MultiSelect.js

@@ -1,72 +1,72 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { useKrosoftTranslation as t } from "../../../i18n/useKrosoftTranslation.js";
-import { Badge as ee } from "../../ui/badge.js";
+import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
+import { Badge as t } from "../../ui/badge.js";
 import { Checkbox as n } from "../../ui/checkbox.js";
-import { controlBaseClass as te, controlFilterWidthClass as r, controlTriggerClass as i } from "../../ui/control.js";
-import { Popover as a, PopoverContent as o, PopoverTrigger as s } from "../../ui/popover.js";
-import { renderOptionThumbnail as ne, useOptionWindow as re } from "./select.helper.js";
-import { useMemo as c, useState as l } from "react";
-import { Fragment as ie, 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, modal: D = !0, chips: O = !1, maxCount: k, className: A, ...j }) => {
-	let { t: M } = t(), [N, P] = l(""), [F, I] = l(!1), L = x === "pill", R = x === "input" ? void 0 : r, z = c(() => N === "" ? g : g.filter((e) => e.label.toLowerCase().includes(N.toLowerCase())), [g, N]), B = c(() => z.filter((e) => e.disabled !== !0).map((e) => e.value), [z]), V = c(() => _.filter((e) => g.find((t) => t.value === e)?.disabled === !0), [g, _]), H = c(() => B.length !== 0 && B.every((e) => _.includes(e)), [B, _]), U = c(() => _.map((e) => g.find((t) => t.value === e)?.label ?? e), [g, _]), W = k !== void 0 && k > 0 ? U.slice(0, k) : U, G = U.length - W.length, { listRef: K, virtualized: q, startIndex: J, endIndex: ae, padTop: Y, padBottom: X, onScroll: oe, resetScroll: Z } = re(F, z.length, g.some((e) => e.imageUrl !== void 0)), se = q ? z.slice(J, ae) : z, ce = (e) => {
-		I(e), e ? Z() : P("");
+import { controlBaseClass as r, controlFilterWidthClass as ee, controlTriggerClass as i } from "../../ui/control.js";
+import { Popover as a, PopoverContent as o, PopoverTrigger as te } from "../../ui/popover.js";
+import { cn as s } from "../../../helpers/tailwind.helper.js";
+import { renderOptionThumbnail as ne, useOptionWindow as c } from "./select.helper.js";
+import { useMemo as l, useState as u } from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { ChevronDownIcon as m, SearchIcon as re, XIcon as h } from "lucide-react";
+import { Command as g } from "cmdk";
+// 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, modal: O = !0, chips: k = !1, maxCount: A, className: j, ...M }) => {
+	let { t: N } = e(), [P, F] = u(""), [I, ie] = u(!1), L = S === "pill", R = S === "input" ? void 0 : ee, z = l(() => P === "" ? _ : _.filter((e) => e.label.toLowerCase().includes(P.toLowerCase())), [_, P]), B = l(() => z.filter((e) => e.disabled !== !0).map((e) => e.value), [z]), V = l(() => v.filter((e) => _.find((t) => t.value === e)?.disabled === !0), [_, v]), H = l(() => B.length !== 0 && B.every((e) => v.includes(e)), [B, v]), U = l(() => v.map((e) => _.find((t) => t.value === e)?.label ?? e), [_, v]), 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 } = c(I, z.length, _.some((e) => e.imageUrl !== void 0)), se = q ? z.slice(J, ae) : z, ce = (e) => {
+		ie(e), e ? Z() : F("");
 	}, le = (e) => {
-		P(e), Z();
+		F(e), Z();
 	}, ue = () => {
-		V.length > 0 ? b === void 0 ? _.filter((e) => !V.includes(e)).forEach((e) => {
-			v(e);
-		}) : b(V) : y === void 0 ? b === void 0 ? _.forEach((e) => {
-			v(e);
-		}) : b([]) : y();
+		V.length > 0 ? x === void 0 ? v.filter((e) => !V.includes(e)).forEach((e) => {
+			y(e);
+		}) : x(V) : b === void 0 ? x === void 0 ? v.forEach((e) => {
+			y(e);
+		}) : x([]) : b();
 	}, Q = () => {
-		if (H) b === void 0 ? y !== void 0 && _.every((e) => B.includes(e)) ? y() : B.forEach((e) => {
-			v(e);
-		}) : b(_.filter((e) => !B.includes(e)));
-		else if (b !== void 0) {
-			let e = [..._];
+		if (H) x === void 0 ? b !== void 0 && v.every((e) => B.includes(e)) ? b() : B.forEach((e) => {
+			y(e);
+		}) : x(v.filter((e) => !B.includes(e)));
+		else if (x !== void 0) {
+			let e = [...v];
 			B.forEach((t) => {
 				e.includes(t) || e.push(t);
-			}), b(e);
+			}), x(e);
 		} else B.forEach((e) => {
-			_.includes(e) || v(e);
+			v.includes(e) || y(e);
 		});
-	}, $ = c(() => _.map((e) => ({
+	}, $ = l(() => v.map((e) => ({
 		value: e,
-		option: g.find((t) => t.value === e)
-	})), [g, _]), de = L ? /* @__PURE__ */ d("button", {
-		...j,
+		option: _.find((t) => t.value === e)
+	})), [_, v]), de = L ? /* @__PURE__ */ p("button", {
+		...M,
 		type: "button",
-		disabled: E,
-		className: e(te, "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", R, A),
-		children: [/* @__PURE__ */ u("span", {
+		disabled: D,
+		className: s(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", R, j),
+		children: [/* @__PURE__ */ f("span", {
 			className: "truncate",
-			children: C === void 0 ? S ?? M("select.placeholder") : M(C)
-		}), /* @__PURE__ */ d("div", {
+			children: w === void 0 ? C ?? N("select.placeholder") : N(w)
+		}), /* @__PURE__ */ p("div", {
 			className: "flex shrink-0 items-center gap-1.5",
-			children: [_.length > 0 && /* @__PURE__ */ u("span", {
+			children: [v.length > 0 && /* @__PURE__ */ f("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", F && "rotate-180") })]
+				children: v.length
+			}), /* @__PURE__ */ f(m, { className: s("size-3.5 opacity-60 transition-transform", I && "rotate-180") })]
 		})]
-	}) : /* @__PURE__ */ d("button", {
-		...j,
+	}) : /* @__PURE__ */ p("button", {
+		...M,
 		type: "button",
-		disabled: E,
-		className: e(i, "w-full", R, F && "ring-2 ring-ring ring-offset-2", _.length === 0 && "text-muted-foreground", A),
-		children: [/* @__PURE__ */ u("span", {
+		disabled: D,
+		className: s(i, "w-full", R, I && "ring-2 ring-ring ring-offset-2", v.length === 0 && "text-muted-foreground", j),
+		children: [/* @__PURE__ */ f("span", {
 			className: "truncate",
-			children: _.length === 0 ? S ?? M("select.placeholder") : W.join(", ")
-		}), /* @__PURE__ */ d("div", {
+			children: v.length === 0 ? C ?? N("select.placeholder") : W.join(", ")
+		}), /* @__PURE__ */ p("div", {
 			className: "flex shrink-0 items-center gap-1",
 			children: [
-				G > 0 && /* @__PURE__ */ d("span", {
+				G > 0 && /* @__PURE__ */ p("span", {
 					className: "rounded-control bg-muted px-1.5 py-0.5 text-xs font-medium text-foreground",
 					children: ["+", G]
 				}),
-				_.length > 0 && !E && /* @__PURE__ */ u("span", {
+				v.length > 0 && !D && /* @__PURE__ */ f("span", {
 					role: "button",
 					tabIndex: -1,
 					onClick: (e) => {
@@ -76,116 +76,115 @@ var g = ({ options: g, selected: _, onToggle: v, onClear: y, onSelectAll: b, var
 						e.preventDefault(), e.stopPropagation(), ue();
 					},
 					className: "text-muted-foreground hover:text-foreground",
-					children: /* @__PURE__ */ u(m, { className: "size-4" })
+					children: /* @__PURE__ */ f(h, { className: "size-4" })
 				}),
-				/* @__PURE__ */ u(f, { className: e("size-4 opacity-50 shrink-0 transition-transform", F && "rotate-180") })
+				/* @__PURE__ */ f(m, { className: s("size-4 opacity-50 shrink-0 transition-transform", I && "rotate-180") })
 			]
 		})]
-	}), fe = O && $.length > 0 ? /* @__PURE__ */ u("div", {
+	}), fe = k && $.length > 0 ? /* @__PURE__ */ f("div", {
 		className: "mt-2 flex flex-wrap gap-1.5",
-		children: $.map(({ value: e, option: t }) => {
-			let n = t?.disabled === !0;
-			return /* @__PURE__ */ d(ee, {
+		children: $.map(({ value: e, option: n }) => {
+			let r = n?.disabled === !0;
+			return /* @__PURE__ */ p(t, {
 				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__ */ u("span", {
+				children: [/* @__PURE__ */ f("span", {
 					className: "max-w-[16rem] truncate",
-					children: t?.label ?? e
-				}), !n && /* @__PURE__ */ u("button", {
+					children: n?.label ?? e
+				}), !r && /* @__PURE__ */ f("button", {
 					type: "button",
 					onClick: () => {
-						v(e);
+						y(e);
 					},
 					className: "rounded-full p-0.5 hover:bg-primary/20",
-					"aria-label": M("filters.remove"),
-					children: /* @__PURE__ */ u(m, { className: "size-3" })
+					"aria-label": N("filters.remove"),
+					children: /* @__PURE__ */ f(h, { className: "size-3" })
 				})]
 			}, e);
 		})
 	}) : null;
-	return /* @__PURE__ */ d(ie, { children: [/* @__PURE__ */ d(a, {
-		open: F,
+	return /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ p(a, {
+		open: I,
 		onOpenChange: ce,
-		modal: D,
-		children: [/* @__PURE__ */ u(s, {
+		modal: O,
+		children: [/* @__PURE__ */ f(te, {
 			asChild: !0,
 			children: de
-		}), /* @__PURE__ */ d(o, {
-			className: e("p-0", L ? "w-72 max-w-[var(--radix-popover-content-available-width)]" : "w-[var(--radix-popover-trigger-width)]"),
+		}), /* @__PURE__ */ p(o, {
+			className: s("p-0", L ? "w-72 max-w-[var(--radix-popover-content-available-width)]" : "w-[var(--radix-popover-trigger-width)]"),
 			align: "start",
-			children: [/* @__PURE__ */ d(h, {
+			children: [/* @__PURE__ */ p(g, {
 				shouldFilter: !1,
 				className: "flex flex-col",
-				children: [w ? /* @__PURE__ */ u("div", {
+				children: [T ? /* @__PURE__ */ f("div", {
 					className: "border-b border-border p-2",
-					children: /* @__PURE__ */ d("div", {
+					children: /* @__PURE__ */ p("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: N,
+						children: [/* @__PURE__ */ f(re, { className: "absolute left-2 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ f(g.Input, {
+							value: P,
 							onValueChange: le,
-							placeholder: T ?? M("search.placeholder"),
+							placeholder: E ?? 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__ */ u(h.Input, {
+				}) : /* @__PURE__ */ f(g.Input, {
 					autoFocus: !0,
 					tabIndex: -1,
 					className: "sr-only"
-				}), /* @__PURE__ */ d(h.List, {
+				}), /* @__PURE__ */ p(g.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"),
+					className: s("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__ */ u("p", {
+						z.length === 0 && /* @__PURE__ */ f("p", {
 							className: "px-2 py-3 text-center text-xs text-muted-foreground",
-							children: M("states.noResult")
+							children: N("states.noResult")
 						}),
-						Y > 0 && /* @__PURE__ */ u("div", {
+						Y > 0 && /* @__PURE__ */ f("div", {
 							"aria-hidden": !0,
 							style: { height: Y }
 						}),
-						se.map((e) => /* @__PURE__ */ d(h.Item, {
+						se.map((e) => /* @__PURE__ */ p(g.Item, {
 							value: e.value,
 							disabled: e.disabled,
 							onSelect: () => {
-								v(e.value);
+								y(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", {
+								/* @__PURE__ */ f("span", {
 									className: "pointer-events-none shrink-0",
-									children: /* @__PURE__ */ u(n, { checked: _.includes(e.value) })
+									children: /* @__PURE__ */ f(n, { checked: v.includes(e.value) })
 								}),
 								ne(e.imageUrl),
-								e.color && /* @__PURE__ */ u("span", {
+								e.color && /* @__PURE__ */ f("span", {
 									className: "size-2.5 shrink-0 rounded-full",
 									style: { backgroundColor: e.color }
 								}),
-								/* @__PURE__ */ u("span", {
+								/* @__PURE__ */ f("span", {
 									className: "min-w-0 flex-1 truncate",
 									title: e.label,
 									children: e.label
 								})
 							]
 						}, e.value)),
-						X > 0 && /* @__PURE__ */ u("div", {
+						X > 0 && /* @__PURE__ */ f("div", {
 							"aria-hidden": !0,
 							style: { height: X }
 						})
 					]
 				})]
-			}), B.length > 0 && /* @__PURE__ */ u("div", {
+			}), B.length > 0 && /* @__PURE__ */ f("div", {
 				className: "border-t border-border p-1.5",
-				children: /* @__PURE__ */ u("button", {
+				children: /* @__PURE__ */ f("button", {
 					type: "button",
 					onClick: Q,
 					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: M(H ? "filters.deselectAll" : "filters.selectAll")
+					children: N(H ? "filters.deselectAll" : "filters.selectAll")
 				})
 			})]
 		})]
 	}), fe] });
 };
-//#endregion
-export { g as MultiSelect };
+export { _ as MultiSelect };

package/dist/components/core/inputs/RatingInput.js

@@ -1,7 +1,7 @@
 import { cn as e } from "../../../helpers/tailwind.helper.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
+// src/components/core/inputs/RatingInput.tsx
 var i = {
 	heart: {
 		Icon: n,
@@ -32,5 +32,4 @@ function a({ value: n, onChange: r, max: a = 5, size: o = "md", icon: s = "star"
 		})
 	});
 }
-//#endregion
 export { a as RatingInput };

package/dist/components/core/inputs/SearchInput.js

@@ -1,16 +1,16 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { useKrosoftTranslation as t } from "../../../i18n/useKrosoftTranslation.js";
-import { Input as n } from "../../ui/input.js";
+import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
+import { Input as t } from "../../ui/input.js";
+import { cn as n } from "../../../helpers/tailwind.helper.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { SearchIcon as a, XIcon as o } from "lucide-react";
-//#region src/components/core/inputs/SearchInput.tsx
+// src/components/core/inputs/SearchInput.tsx
 var s = ({ searchQuery: s, search: c, placeholder: l, onSearch: u, onSubmit: d, onClear: f, className: p }) => {
-	let { t: m } = t(), h = s ?? c ?? "";
+	let { t: m } = e(), h = s ?? c ?? "";
 	return /* @__PURE__ */ i("div", {
-		className: e("relative h-fit w-full md:w-64", p),
+		className: n("relative h-fit w-full md:w-64", p),
 		children: [
 			/* @__PURE__ */ r(a, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground w-4 h-4" }),
-			/* @__PURE__ */ r(n, {
+			/* @__PURE__ */ r(t, {
 				placeholder: l ?? m("search.placeholder"),
 				value: h,
 				onChange: (e) => {
@@ -32,5 +32,4 @@ var s = ({ searchQuery: s, search: c, placeholder: l, onSearch: u, onSubmit: d,
 		]
 	});
 };
-//#endregion
 export { s as SearchInput };

package/dist/components/core/inputs/SingleSelect.js

@@ -1,16 +1,16 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { useKrosoftTranslation as t } from "../../../i18n/useKrosoftTranslation.js";
-import { controlFilterWidthClass as ee, controlTriggerClass as te } from "../../ui/control.js";
-import { Popover as n, PopoverContent as r, PopoverTrigger as i } from "../../ui/popover.js";
-import { Select as a, SelectContent as o, SelectItem as s, SelectTrigger as c, SelectValue as l } from "../../ui/select.js";
-import { renderOptionThumbnail as u, useOptionWindow as ne } from "./select.helper.js";
+import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
+import { Popover as t, PopoverContent as n, PopoverTrigger as r } from "../../ui/popover.js";
+import { Select as ee, SelectContent as te, SelectItem as ne, SelectTrigger as i, SelectValue as a } from "../../ui/select.js";
+import { controlFilterWidthClass as o, controlTriggerClass as s } from "../../ui/control.js";
+import { cn as c } from "../../../helpers/tailwind.helper.js";
+import { renderOptionThumbnail as l, useOptionWindow as u } from "./select.helper.js";
 import { useMemo as d, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { CheckIcon as h, ChevronDownIcon as g, PlusIcon as _, SearchIcon as v, XIcon as y } from "lucide-react";
 import { Command as b } from "cmdk";
-//#region src/components/core/inputs/SingleSelect.tsx
+// src/components/core/inputs/SingleSelect.tsx
 var x = ({ options: x = [], value: S, onChange: C, onClear: w, searchable: T = !1, onCreate: E, placeholder: D, searchPlaceholder: re, emptyLabel: ie, createLabel: O, disabled: k = !1, modal: A = !0, variant: j = "input", className: M, ...N }) => {
-	let { t: P } = t(), [F, I] = f(!1), [L, R] = f(""), z = j === "filter" ? ee : void 0, B = S !== void 0 && S !== "", V = d(() => B ? x.find((e) => e.value === S) : void 0, [
+	let { t: P } = e(), [F, I] = f(!1), [L, R] = f(""), z = j === "filter" ? o : void 0, B = S !== void 0 && S !== "", V = d(() => B ? x.find((e) => e.value === S) : void 0, [
 		B,
 		x,
 		S
@@ -18,25 +18,25 @@ var x = ({ options: x = [], value: S, onChange: C, onClear: w, searchable: T = !
 		if (U === "") return x;
 		let e = U.toLowerCase();
 		return x.filter((t) => `${t.label} ${t.description ?? ""}`.toLowerCase().includes(e));
-	}, [x, U]), { listRef: G, virtualized: K, startIndex: q, endIndex: J, padTop: Y, padBottom: X, onScroll: ae, resetScroll: Z } = ne(F, W.length, x.some((e) => e.imageUrl !== void 0)), oe = K ? W.slice(q, J) : W;
-	if (!T) return /* @__PURE__ */ m(a, {
+	}, [x, U]), { listRef: G, virtualized: K, startIndex: q, endIndex: J, padTop: Y, padBottom: X, onScroll: ae, resetScroll: Z } = u(F, W.length, x.some((e) => e.imageUrl !== void 0)), oe = K ? W.slice(q, J) : W;
+	if (!T) return /* @__PURE__ */ m(ee, {
 		value: S ?? "",
 		onValueChange: C,
 		disabled: k,
-		children: [/* @__PURE__ */ p(c, {
+		children: [/* @__PURE__ */ p(i, {
 			...N,
-			className: e(!B && "text-muted-foreground", z, M),
+			className: c(!B && "text-muted-foreground", z, M),
 			onClear: w !== void 0 && B && !k ? (e) => {
 				e.preventDefault(), e.stopPropagation(), w();
 			} : void 0,
-			children: /* @__PURE__ */ p(l, { placeholder: D ?? P("select.placeholder") })
-		}), /* @__PURE__ */ p(o, { children: x.map((e) => /* @__PURE__ */ p(s, {
+			children: /* @__PURE__ */ p(a, { placeholder: D ?? P("select.placeholder") })
+		}), /* @__PURE__ */ p(te, { children: x.map((e) => /* @__PURE__ */ p(ne, {
 			value: e.value,
 			disabled: e.disabled,
 			children: /* @__PURE__ */ m("span", {
 				className: "flex items-center",
 				children: [
-					u(e.imageUrl, "mr-2"),
+					l(e.imageUrl, "mr-2"),
 					e.color !== void 0 && /* @__PURE__ */ p("span", {
 						className: "mr-2 size-2.5 shrink-0 rounded-full",
 						style: { backgroundColor: e.color }
@@ -63,11 +63,11 @@ var x = ({ options: x = [], value: S, onChange: C, onClear: w, searchable: T = !
 	}, le = () => {
 		E?.(U), $(!1);
 	};
-	return /* @__PURE__ */ m(n, {
+	return /* @__PURE__ */ m(t, {
 		open: F,
 		onOpenChange: $,
 		modal: A,
-		children: [/* @__PURE__ */ p(i, {
+		children: [/* @__PURE__ */ p(r, {
 			asChild: !0,
 			children: /* @__PURE__ */ m("button", {
 				...N,
@@ -75,11 +75,11 @@ var x = ({ options: x = [], value: S, onChange: C, onClear: w, searchable: T = !
 				role: "combobox",
 				"aria-expanded": F,
 				disabled: k,
-				className: e(te, "w-full", z, "data-[state=open]:ring-2 data-[state=open]:ring-ring data-[state=open]:ring-offset-2", !B && "text-muted-foreground", M),
+				className: c(s, "w-full", z, "data-[state=open]:ring-2 data-[state=open]:ring-ring data-[state=open]:ring-offset-2", !B && "text-muted-foreground", M),
 				children: [/* @__PURE__ */ m("div", {
 					className: "flex min-w-0 items-center truncate",
 					children: [
-						u(V?.imageUrl, "mr-2 h-6 w-8"),
+						l(V?.imageUrl, "mr-2 h-6 w-8"),
 						V?.color && /* @__PURE__ */ p("span", {
 							className: "mr-2 size-2.5 shrink-0 rounded-full",
 							style: { backgroundColor: V.color }
@@ -110,10 +110,10 @@ var x = ({ options: x = [], value: S, onChange: C, onClear: w, searchable: T = !
 						},
 						className: "text-muted-foreground hover:text-foreground",
 						children: /* @__PURE__ */ p(y, { className: "size-4" })
-					}), /* @__PURE__ */ p(g, { className: e("size-4 shrink-0 opacity-50 transition-transform", F && "rotate-180") })]
+					}), /* @__PURE__ */ p(g, { className: c("size-4 shrink-0 opacity-50 transition-transform", F && "rotate-180") })]
 				})]
 			})
-		}), /* @__PURE__ */ p(r, {
+		}), /* @__PURE__ */ p(n, {
 			className: "w-[var(--radix-popover-trigger-width)] p-0",
 			align: "start",
 			children: /* @__PURE__ */ m(b, {
@@ -134,7 +134,7 @@ var x = ({ options: x = [], value: S, onChange: C, onClear: w, searchable: T = !
 				}), /* @__PURE__ */ m(b.List, {
 					ref: G,
 					onScroll: ae,
-					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", !K && "gap-0.5"),
+					className: c("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", !K && "gap-0.5"),
 					children: [
 						W.length === 0 && !Q && /* @__PURE__ */ p("div", {
 							className: "px-2 py-3 text-center text-xs text-muted-foreground",
@@ -144,36 +144,36 @@ var x = ({ options: x = [], value: S, onChange: C, onClear: w, searchable: T = !
 							"aria-hidden": !0,
 							style: { height: Y }
 						}),
-						oe.map((t) => /* @__PURE__ */ m(b.Item, {
-							value: t.value,
-							keywords: [t.label, t.description ?? ""],
-							disabled: t.disabled,
+						oe.map((e) => /* @__PURE__ */ m(b.Item, {
+							value: e.value,
+							keywords: [e.label, e.description ?? ""],
+							disabled: e.disabled,
 							onSelect: () => {
-								ce(t.value);
+								ce(e.value);
 							},
 							className: "flex min-w-0 items-center gap-2 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: [
-								u(t.imageUrl),
-								t.color && /* @__PURE__ */ p("span", {
+								l(e.imageUrl),
+								e.color && /* @__PURE__ */ p("span", {
 									className: "size-2.5 shrink-0 rounded-full",
-									style: { backgroundColor: t.color }
+									style: { backgroundColor: e.color }
 								}),
 								/* @__PURE__ */ p("span", {
 									className: "min-w-0 flex-1 truncate",
-									title: t.label,
-									children: t.label
+									title: e.label,
+									children: e.label
 								}),
-								t.description !== void 0 && /* @__PURE__ */ m("span", {
+								e.description !== void 0 && /* @__PURE__ */ m("span", {
 									className: "shrink-0 truncate text-muted-foreground",
 									children: [
 										"(",
-										t.description,
+										e.description,
 										")"
 									]
 								}),
-								/* @__PURE__ */ p(h, { className: e("ml-auto size-4 shrink-0", S === t.value ? "opacity-100" : "opacity-0") })
+								/* @__PURE__ */ p(h, { className: c("ml-auto size-4 shrink-0", S === e.value ? "opacity-100" : "opacity-0") })
 							]
-						}, t.value)),
+						}, e.value)),
 						X > 0 && /* @__PURE__ */ p("div", {
 							"aria-hidden": !0,
 							style: { height: X }
@@ -194,5 +194,4 @@ var x = ({ options: x = [], value: S, onChange: C, onClear: w, searchable: T = !
 		})]
 	});
 };
-//#endregion
 export { x as SingleSelect };

package/dist/components/core/inputs/index.js

@@ -1,9 +1,9 @@
-import { SearchInput as e } from "./SearchInput.js";
-import { ImageInput as t } from "./ImageInput.js";
-import { MultiSelect as n } from "./MultiSelect.js";
+import { ImageInput as e } from "./ImageInput.js";
+import { FileDropzone as t } from "./FileDropzone.js";
+import { SearchInput as n } from "./SearchInput.js";
 import { DatePicker as r } from "./DatePicker.js";
 import { DateRangePicker as i } from "./DateRangePicker.js";
 import { SingleSelect as a } from "./SingleSelect.js";
-import { FileDropzone as o } from "./FileDropzone.js";
+import { MultiSelect as o } from "./MultiSelect.js";
 import { RatingInput as s } from "./RatingInput.js";
-export { r as DatePicker, i as DateRangePicker, o as FileDropzone, t as ImageInput, n as MultiSelect, s as RatingInput, e as SearchInput, a as SingleSelect };
+export { r as DatePicker, i as DateRangePicker, t as FileDropzone, e as ImageInput, o as MultiSelect, s as RatingInput, n as SearchInput, a as SingleSelect };

package/dist/components/core/inputs/select.helper.js

@@ -1,7 +1,7 @@
 import { cn as e } from "../../../helpers/tailwind.helper.js";
 import { useCallback as t, useLayoutEffect as n, useRef as r, useState as i } from "react";
 import { jsx as a } from "react/jsx-runtime";
-//#region src/components/core/inputs/select.helper.tsx
+// src/components/core/inputs/select.helper.tsx
 var o = 40, s = 224, c = 6;
 function l(e, a, l) {
 	let u = r(null), [d, f] = i(0), [p, m] = i(0), h = p || (l ? 52 : 40), g = a > o, _ = g ? Math.max(0, Math.floor(d / h) - c) : 0, v = g ? Math.min(a, Math.ceil((d + s) / h) + c) : a, y = g ? _ * h : 0, b = g ? (a - v) * h : 0;
@@ -42,5 +42,4 @@ var u = (t, n) => t === void 0 ? null : t ? /* @__PURE__ */ a("img", {
 	className: e("flex h-9 w-12 shrink-0 items-center justify-center rounded bg-muted text-[9px] text-muted-foreground", n),
 	children: "—"
 });
-//#endregion
 export { u as renderOptionThumbnail, l as useOptionWindow };

package/dist/components/core/language/LanguageSelector.js

@@ -6,7 +6,7 @@ import { useLanguage as d } from "../../../hooks/ui/useLanguage.js";
 import "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { LanguagesIcon as m } from "lucide-react";
-//#region src/components/core/language/LanguageSelector.tsx
+// src/components/core/language/LanguageSelector.tsx
 function h({ languageOptions: h, variant: g = "select", id: _, className: v }) {
 	let { t: y } = e(), { currentLanguageOption: b, nextLanguageOption: x, changeLanguage: S, cycleLanguage: C } = d(h);
 	if (g === "mini") {
@@ -55,5 +55,4 @@ function h({ languageOptions: h, variant: g = "select", id: _, className: v }) {
 		})]
 	});
 }
-//#endregion
 export { h as LanguageSelector };