@krosoft/react 0.0.391 → 0.0.392

package/dist/components/core/forms/GenericForm.js

@@ -1,30 +1,30 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { Card as t, CardContent as n, CardHeader as r } from "../../ui/card.js";
-import { useKrosoftTranslation as i } from "../../../i18n/useKrosoftTranslation.js";
-import { Button as a } from "../../ui/button.js";
-import { Checkbox as o } from "../../ui/checkbox.js";
-import { Form as s, FormControl as c, FormField as l, FormItem as u, FormLabel as d, FormMessage as f } from "../../ui/form.js";
-import { Input as p } from "../../ui/input.js";
-import { Select as m, SelectContent as h, SelectItem as g, SelectTrigger as _, SelectValue as v } from "../../ui/select.js";
-import { Textarea as y } from "../../ui/textarea.js";
-import { useToast as b } from "../../../hooks/ui/useToast.js";
-import { ImageInput as x } from "../inputs/ImageInput.js";
-import { AppSubTitle as S } from "../layouts/AppSubTitle.js";
-import { MultiSelect as C } from "../inputs/MultiSelect.js";
-import { useEffect as ee, 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";
-import { zodResolver as k } from "@hookform/resolvers/zod";
-import { z as A } from "zod";
-//#region src/components/core/forms/GenericForm.tsx
-var j = (e) => {
+import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
+import { ImageInput as t } from "../inputs/ImageInput.js";
+import { AppSubTitle as n } from "../layouts/AppSubTitle.js";
+import { MultiSelect as r } from "../inputs/MultiSelect.js";
+import { Button as i } from "../../ui/button.js";
+import { Card as a, CardContent as o, CardHeader as s } from "../../ui/card.js";
+import { Checkbox as c } from "../../ui/checkbox.js";
+import { Form as l, FormControl as u, FormField as d, FormItem as f, FormLabel as p, FormMessage as m } from "../../ui/form.js";
+import { Input as h } from "../../ui/input.js";
+import { Select as g, SelectContent as _, SelectItem as v, SelectTrigger as y, SelectValue as b } from "../../ui/select.js";
+import { Textarea as x } from "../../ui/textarea.js";
+import { cn as S } from "../../../helpers/tailwind.helper.js";
+import { useToast as C } from "../../../hooks/ui/useToast.js";
+import { useEffect as w, useRef as T, useState as E } from "react";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { useForm as k } from "react-hook-form";
+import { zodResolver as A } from "@hookform/resolvers/zod";
+import { z as j } from "zod";
+// src/components/core/forms/GenericForm.tsx
+var ee = (e) => {
 	let t = {};
 	return (e?.sections ?? []).forEach((e) => {
 		e.fields.forEach((e) => {
-			if (e.rules) t[e.key] = e.rules(A);
+			if (e.rules) t[e.key] = e.rules(j);
 			else switch (e.type) {
 				case "checkbox":
-					t[e.key] = A.boolean().nullable().optional();
+					t[e.key] = j.boolean().nullable().optional();
 					break;
 				case "html": break;
 				case "text":
@@ -35,10 +35,10 @@ var j = (e) => {
 				case "select":
 				case "multiSelect":
 				case "color":
-				case "image": t[e.key] = A.string().nullable().optional();
+				case "image": t[e.key] = j.string().nullable().optional();
 			}
 		});
-	}), A.object(t);
+	}), j.object(t);
 }, M = (e, t) => t || Object.fromEntries((e?.sections ?? []).flatMap((e) => e.fields.map((e) => [e.key, e.defaultValue ?? null]))), N = (e, t) => {
 	let n = {};
 	return t && (e?.sections ?? []).forEach((e) => {
@@ -48,11 +48,11 @@ var j = (e) => {
 		});
 	}), n;
 }, P = ({ schema: P, isLoading: F, error: I, onSubmit: L, onCancel: R, initialData: z, disabled: B = !1, renderActions: V = !0, id: H, defaultCols: U = 4 }) => {
-	let { t: W } = i(), { toast: G } = b(), [K, q] = T(!1), [J, Y] = T(() => N(P, z)), X = O({
-		resolver: k(j(P)),
+	let { t: W } = e(), { toast: G } = C(), [K, q] = E(!1), [J, Y] = E(() => N(P, z)), X = k({
+		resolver: A(ee(P)),
 		defaultValues: M(P, z)
-	}), Z = w(!!P);
-	ee(() => {
+	}), Z = T(!!P);
+	w(() => {
 		P && !Z.current && (Z.current = !0, X.reset(M(P, z)), Y(N(P, z)));
 	}, [
 		X,
@@ -101,92 +101,92 @@ var j = (e) => {
 			return n.typeName === "ZodNullable" ? !0 : n.innerType ? t(n.innerType) : n.type ? t(n.type) : !1;
 		};
 		try {
-			return t(e(A));
+			return t(e(j));
 		} catch {
 			return !1;
 		}
 	}, re = (e) => {
 		if (!e) return !1;
-		let t = e(A);
+		let t = e(j);
 		return t.safeParse(void 0).success ? !1 : t._def.checks?.some((e) => e.kind === "min") ?? !1;
-	}, ie = (t, n) => {
-		let r = !!X.formState.errors[t.key], i = B;
-		switch (t.type) {
+	}, ie = (e, n) => {
+		let i = !!X.formState.errors[e.key], a = B;
+		switch (e.type) {
 			case "text":
-			case "color": return /* @__PURE__ */ E(p, {
-				type: t.type,
+			case "color": return /* @__PURE__ */ D(h, {
+				type: e.type,
 				...n,
-				placeholder: t.placeholderKey ? W(t.placeholderKey) : "",
-				className: e(r && "border-destructive"),
-				disabled: i,
+				placeholder: e.placeholderKey ? W(e.placeholderKey) : "",
+				className: S(i && "border-destructive"),
+				disabled: a,
 				value: n.value ?? ""
 			});
 			case "image": {
-				let a = t, o = t.key, s = typeof n.value == "string" ? n.value : void 0, c = a.value === void 0 ? s ?? J[o] : a.value;
-				return /* @__PURE__ */ E(x, {
+				let r = e, o = e.key, s = typeof n.value == "string" ? n.value : void 0, c = r.value === void 0 ? s ?? J[o] : r.value;
+				return /* @__PURE__ */ D(t, {
 					value: c ?? "",
 					onChange: (e) => {
-						if (a.onChange && a.onChange(e), n.onChange(e), e) {
+						if (r.onChange && r.onChange(e), n.onChange(e), e) {
 							let t = new FileReader();
 							t.onloadend = () => {
 								$(o, t.result);
 							}, t.readAsDataURL(e);
 						} else $(o, "");
 					},
-					accept: a.accept,
-					maxSizeMB: a.maxSizeMB,
-					hint: a.hint,
-					disabled: i,
-					className: e(r && "border-destructive")
+					accept: r.accept,
+					maxSizeMB: r.maxSizeMB,
+					hint: r.hint,
+					disabled: a,
+					className: S(i && "border-destructive")
 				});
 			}
-			case "date": return /* @__PURE__ */ E(p, {
+			case "date": return /* @__PURE__ */ D(h, {
 				type: "date",
 				...n,
-				className: e(r && "border-destructive"),
-				disabled: i,
+				className: S(i && "border-destructive"),
+				disabled: a,
 				value: n.value ?? ""
 			});
-			case "time": return /* @__PURE__ */ E(p, {
+			case "time": return /* @__PURE__ */ D(h, {
 				type: "time",
 				...n,
-				className: e(r && "border-destructive"),
-				disabled: i,
+				className: S(i && "border-destructive"),
+				disabled: a,
 				value: n.value ?? ""
 			});
-			case "checkbox": return /* @__PURE__ */ D("div", {
+			case "checkbox": return /* @__PURE__ */ O("div", {
 				className: "flex items-center space-x-2",
-				children: [/* @__PURE__ */ E(o, {
-					id: t.key,
+				children: [/* @__PURE__ */ D(c, {
+					id: e.key,
 					checked: n.value === !0,
 					onCheckedChange: (e) => {
 						n.onChange(e);
 					},
-					disabled: i,
-					className: e(r && "border-destructive")
-				}), /* @__PURE__ */ E("label", {
-					htmlFor: t.key,
+					disabled: a,
+					className: S(i && "border-destructive")
+				}), /* @__PURE__ */ D("label", {
+					htmlFor: e.key,
 					className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-					children: W(t.labelKey)
+					children: W(e.labelKey)
 				})]
-			}, t.key);
-			case "textarea": return /* @__PURE__ */ E(y, {
+			}, e.key);
+			case "textarea": return /* @__PURE__ */ D(x, {
 				...n,
-				placeholder: t.placeholderKey ? W(t.placeholderKey) : "",
-				className: e(r && "border-destructive", "min-h-[100px]"),
-				disabled: i,
+				placeholder: e.placeholderKey ? W(e.placeholderKey) : "",
+				className: S(i && "border-destructive", "min-h-[100px]"),
+				disabled: a,
 				value: n.value ?? ""
 			});
 			case "number": {
-				let a = t;
-				return /* @__PURE__ */ E(p, {
+				let t = e;
+				return /* @__PURE__ */ D(h, {
 					type: "number",
 					...n,
-					step: a.step,
-					min: a.min,
-					placeholder: t.placeholderKey ? W(t.placeholderKey) : "",
-					className: e(r && "border-destructive"),
-					disabled: i,
+					step: t.step,
+					min: t.min,
+					placeholder: e.placeholderKey ? W(e.placeholderKey) : "",
+					className: S(i && "border-destructive"),
+					disabled: a,
 					value: n.value ?? "",
 					onChange: (e) => {
 						let t = e.target.value === "" ? "" : Number(e.target.value);
@@ -195,31 +195,31 @@ var j = (e) => {
 				});
 			}
 			case "select": {
-				let a = t, o = ne(t.rules), s = n.value === null || n.value === void 0 ? "" : n.value, l = a.options, u = l.find((e) => e.value === s);
-				return /* @__PURE__ */ D(m, {
-					value: s,
+				let t = e, r = ne(e.rules), o = n.value === null || n.value === void 0 ? "" : n.value, s = t.options, c = s.find((e) => e.value === o);
+				return /* @__PURE__ */ O(g, {
+					value: o,
 					onValueChange: n.onChange,
-					disabled: i,
-					children: [/* @__PURE__ */ E(c, { children: /* @__PURE__ */ E(_, {
-						className: e(r && "border-destructive"),
-						onClear: o && s ? (e) => {
+					disabled: a,
+					children: [/* @__PURE__ */ D(u, { children: /* @__PURE__ */ D(y, {
+						className: S(i && "border-destructive"),
+						onClear: r && o ? (e) => {
 							e.preventDefault(), e.stopPropagation(), n.onChange(null);
 						} : void 0,
-						children: /* @__PURE__ */ E(v, {
-							placeholder: t.placeholderKey ? W(t.placeholderKey) : "",
-							children: u ? /* @__PURE__ */ D("div", {
+						children: /* @__PURE__ */ D(b, {
+							placeholder: e.placeholderKey ? W(e.placeholderKey) : "",
+							children: c ? /* @__PURE__ */ O("div", {
 								className: "flex items-center gap-2",
-								children: [u.color && /* @__PURE__ */ E("div", {
+								children: [c.color && /* @__PURE__ */ D("div", {
 									className: "w-4 h-4 rounded-full",
-									style: { backgroundColor: u.color }
-								}), u.label]
+									style: { backgroundColor: c.color }
+								}), c.label]
 							}) : void 0
 						})
-					}) }), /* @__PURE__ */ E(h, { children: l.map((e, t) => /* @__PURE__ */ E(g, {
+					}) }), /* @__PURE__ */ D(_, { children: s.map((e, t) => /* @__PURE__ */ D(v, {
 						value: e.value,
-						children: /* @__PURE__ */ D("div", {
+						children: /* @__PURE__ */ O("div", {
 							className: "flex items-center gap-2",
-							children: [e.color && /* @__PURE__ */ E("div", {
+							children: [e.color && /* @__PURE__ */ D("div", {
 								className: "w-4 h-4 rounded-full",
 								style: { backgroundColor: e.color }
 							}), e.label]
@@ -228,12 +228,12 @@ var j = (e) => {
 				});
 			}
 			case "multiSelect": {
-				let e = t, r = n.value ?? [];
-				return /* @__PURE__ */ E(C, {
-					options: e.options,
-					selected: r,
+				let t = e, i = n.value ?? [];
+				return /* @__PURE__ */ D(r, {
+					options: t.options,
+					selected: i,
 					onToggle: (e) => {
-						let t = r.includes(e) ? r.filter((t) => t !== e) : [...r, e];
+						let t = i.includes(e) ? i.filter((t) => t !== e) : [...i, e];
 						n.onChange(t);
 					},
 					onClear: () => {
@@ -242,63 +242,63 @@ var j = (e) => {
 					onSelectAll: (e) => {
 						n.onChange(e);
 					},
-					placeholder: t.placeholderKey ? W(t.placeholderKey) : "",
-					disabled: i
+					placeholder: e.placeholderKey ? W(e.placeholderKey) : "",
+					disabled: a
 				});
 			}
-			case "html": return t.render(X.getValues(), t);
+			case "html": return e.render(X.getValues(), e);
 			default: return null;
 		}
-	}, ae = (i, a) => {
-		let o = /* @__PURE__ */ E("div", {
-			className: e("grid grid-cols-4 gap-4"),
-			children: i.fields.map((t) => /* @__PURE__ */ E(l, {
+	}, ae = (e, t) => {
+		let r = /* @__PURE__ */ D("div", {
+			className: S("grid grid-cols-4 gap-4"),
+			children: e.fields.map((e) => /* @__PURE__ */ D(d, {
 				control: X.control,
-				name: t.key,
-				render: ({ field: n }) => /* @__PURE__ */ D(u, {
-					className: e(Q(t.layout?.cols ?? U)),
+				name: e.key,
+				render: ({ field: t }) => /* @__PURE__ */ O(f, {
+					className: S(Q(e.layout?.cols ?? U)),
 					children: [
-						t.type !== "checkbox" && t.type !== "html" && /* @__PURE__ */ D(d, { children: [W(t.labelKey), re(t.rules) && /* @__PURE__ */ E("span", {
+						e.type !== "checkbox" && e.type !== "html" && /* @__PURE__ */ O(p, { children: [W(e.labelKey), re(e.rules) && /* @__PURE__ */ D("span", {
 							className: "text-destructive ml-1",
 							children: "*"
 						})] }),
-						/* @__PURE__ */ E(c, { children: ie(t, n) }),
-						/* @__PURE__ */ E(f, {})
+						/* @__PURE__ */ D(u, { children: ie(e, t) }),
+						/* @__PURE__ */ D(m, {})
 					]
 				})
-			}, t.key))
+			}, e.key))
 		});
-		return P?.useCards === !1 ? /* @__PURE__ */ D("div", {
+		return P?.useCards === !1 ? /* @__PURE__ */ O("div", {
 			className: "space-y-4 mb-6",
-			children: [i.titleKey && /* @__PURE__ */ E(S, { titleKey: i.titleKey }), o]
-		}, a) : /* @__PURE__ */ D(t, {
+			children: [e.titleKey && /* @__PURE__ */ D(n, { titleKey: e.titleKey }), r]
+		}, t) : /* @__PURE__ */ O(a, {
 			className: "mb-6",
-			children: [i.titleKey && /* @__PURE__ */ E(r, { children: /* @__PURE__ */ E(S, { titleKey: i.titleKey }) }), /* @__PURE__ */ E(n, { children: o })]
-		}, a);
+			children: [e.titleKey && /* @__PURE__ */ D(s, { children: /* @__PURE__ */ D(n, { titleKey: e.titleKey }) }), /* @__PURE__ */ D(o, { children: r })]
+		}, t);
 	};
-	return P ? /* @__PURE__ */ E(s, {
+	return P ? /* @__PURE__ */ D(l, {
 		...X,
-		children: /* @__PURE__ */ D("form", {
+		children: /* @__PURE__ */ O("form", {
 			id: H,
 			onSubmit: (e) => {
 				X.handleSubmit(te)(e);
 			},
 			className: "space-y-4 px-0 w-full",
-			children: [/* @__PURE__ */ D("div", {
+			children: [/* @__PURE__ */ O("div", {
 				className: "space-y-4",
-				children: [P.sections.map((e, t) => ae(e, t)), I && /* @__PURE__ */ E("div", {
+				children: [P.sections.map((e, t) => ae(e, t)), I && /* @__PURE__ */ D("div", {
 					className: "text-sm font-medium text-destructive",
 					children: I.message
 				})]
-			}), !B && V && /* @__PURE__ */ D("div", {
+			}), !B && V && /* @__PURE__ */ O("div", {
 				className: "flex justify-end gap-3 mt-6 border-t pt-4",
-				children: [R && /* @__PURE__ */ E(a, {
+				children: [R && /* @__PURE__ */ D(i, {
 					type: "button",
 					variant: "outline",
 					onClick: R,
 					disabled: K || F,
 					children: W("actions.cancel")
-				}), /* @__PURE__ */ E(a, {
+				}), /* @__PURE__ */ D(i, {
 					variant: "default",
 					type: "submit",
 					disabled: K || (F ?? !1) || X.formState.isSubmitting,
@@ -308,5 +308,4 @@ var j = (e) => {
 		})
 	}) : null;
 };
-//#endregion
 export { P as GenericForm };

package/dist/components/core/icons/FlagFrIcon.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
-//#region src/components/core/icons/FlagFrIcon.tsx
+// src/components/core/icons/FlagFrIcon.tsx
 var n = ({ className: n }) => /* @__PURE__ */ t("svg", {
 	viewBox: "0 0 640 480",
 	preserveAspectRatio: "xMidYMid slice",
@@ -24,5 +24,4 @@ var n = ({ className: n }) => /* @__PURE__ */ t("svg", {
 		})
 	]
 });
-//#endregion
 export { n as FlagFrIcon };

package/dist/components/core/icons/FlagGbIcon.js

@@ -1,6 +1,6 @@
 import { useId as e } from "react";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/core/icons/FlagGbIcon.tsx
+// src/components/core/icons/FlagGbIcon.tsx
 var r = ({ className: r }) => {
 	let i = e().replace(/:/g, ""), a = `flag-gb-field-${i}`, o = `flag-gb-saltire-${i}`;
 	return /* @__PURE__ */ n("svg", {
@@ -50,5 +50,4 @@ var r = ({ className: r }) => {
 		]
 	});
 };
-//#endregion
 export { r as FlagGbIcon };

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

@@ -1,14 +1,14 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { useDateFnsLocale as t } from "../../../i18n/useDateFnsLocale.js";
-import { Button as n } from "../../ui/button.js";
-import { Calendar as r } from "../../ui/calendar.js";
+import { Button as e } from "../../ui/button.js";
+import { Calendar as t } from "../../ui/calendar.js";
+import { useDateFnsLocale as n } from "../../../i18n/useDateFnsLocale.js";
+import { cn as r } from "../../../helpers/tailwind.helper.js";
 import { useEffect as i, useRef as a, useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { CalendarIcon as l } from "lucide-react";
 import { format as u } from "date-fns";
-//#region src/components/core/inputs/DatePicker.tsx
+// src/components/core/inputs/DatePicker.tsx
 var d = ({ date: d, onDateChange: f, placeholder: p }) => {
-	let m = t(), [h, g] = o(!1), _ = a(null);
+	let m = n(), [h, g] = o(!1), _ = a(null);
 	return i(() => {
 		if (!h) return;
 		let e = (e) => {
@@ -20,17 +20,17 @@ var d = ({ date: d, onDateChange: f, placeholder: p }) => {
 	}, [h]), /* @__PURE__ */ c("div", {
 		ref: _,
 		className: "relative w-full",
-		children: [/* @__PURE__ */ c(n, {
+		children: [/* @__PURE__ */ c(e, {
 			variant: "outline",
 			type: "button",
 			onClick: () => {
 				g((e) => !e);
 			},
-			className: e("w-full justify-start text-left font-normal focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", h && "ring-2 ring-ring ring-offset-2", d === void 0 && "text-muted-foreground"),
+			className: r("w-full justify-start text-left font-normal focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", h && "ring-2 ring-ring ring-offset-2", d === void 0 && "text-muted-foreground"),
 			children: [/* @__PURE__ */ s(l, { className: "mr-2 size-4 shrink-0" }), d === void 0 ? /* @__PURE__ */ s("span", { children: p }) : u(d, "dd/MM/yyyy", { locale: m })]
 		}), h ? /* @__PURE__ */ s("div", {
 			className: "absolute left-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: /* @__PURE__ */ s(r, {
+			children: /* @__PURE__ */ s(t, {
 				mode: "single",
 				locale: m,
 				defaultMonth: d,
@@ -42,5 +42,4 @@ var d = ({ date: d, onDateChange: f, placeholder: p }) => {
 		}) : null]
 	});
 };
-//#endregion
 export { d as DatePicker };

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

@@ -1,36 +1,36 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { useDateFnsLocale as t } from "../../../i18n/useDateFnsLocale.js";
-import { useKrosoftTranslation as n } from "../../../i18n/useKrosoftTranslation.js";
-import { Button as r } from "../../ui/button.js";
-import { Calendar as i } from "../../ui/calendar.js";
-import { Popover as a, PopoverContent as o, PopoverTrigger as s } from "../../ui/popover.js";
+import { useDateFnsLocale as e } from "../../../i18n/useDateFnsLocale.js";
+import { useKrosoftTranslation as t } from "../../../i18n/useKrosoftTranslation.js";
+import { Button as n } from "../../ui/button.js";
+import { Calendar as r } from "../../ui/calendar.js";
+import { Popover as i, PopoverContent as a, PopoverTrigger as o } from "../../ui/popover.js";
+import { cn as s } from "../../../helpers/tailwind.helper.js";
 import * as c from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { CalendarIcon as d, XIcon as f } from "lucide-react";
 import { format as p } from "date-fns";
-//#region src/components/core/inputs/DateRangePicker.tsx
+// src/components/core/inputs/DateRangePicker.tsx
 var m = (e) => e ? {
 	from: e.from,
 	to: e.to
 } : void 0, h = ({ value: h, onChange: g, placeholder: _, className: v }) => {
-	let { t: y } = n(), b = t(), [x, S] = c.useState(!1), [C, w] = c.useState(m(h));
+	let { t: y } = t(), b = e(), [x, S] = c.useState(!1), [C, w] = c.useState(m(h));
 	return c.useEffect(() => {
 		x && w(m(h));
 	}, [x, h]), /* @__PURE__ */ l("div", {
-		className: e("grid gap-2", v),
-		children: /* @__PURE__ */ u(a, {
+		className: s("grid gap-2", v),
+		children: /* @__PURE__ */ u(i, {
 			open: x,
 			onOpenChange: S,
-			children: [/* @__PURE__ */ l(s, {
+			children: [/* @__PURE__ */ l(o, {
 				asChild: !0,
-				children: /* @__PURE__ */ u(r, {
+				children: /* @__PURE__ */ u(n, {
 					id: "date",
 					variant: "outline",
-					className: e("w-[300px] justify-start text-left font-normal", !h?.from && "text-muted-foreground"),
+					className: s("w-[300px] justify-start text-left font-normal", !h?.from && "text-muted-foreground"),
 					children: [
 						/* @__PURE__ */ l(d, { className: "mr-2 size-4" }),
 						((e) => e?.from ? !e.to || e.from.getTime() === e.to.getTime() ? p(e.from, "dd MMM yyyy", { locale: b }) : `${p(e.from, "dd MMM yyyy", { locale: b })} - ${p(e.to, "dd MMM yyyy", { locale: b })}` : _ ?? y("date.pickPeriod"))(h),
-						h?.from && /* @__PURE__ */ l(r, {
+						h?.from && /* @__PURE__ */ l(n, {
 							type: "button",
 							variant: "ghost",
 							size: "icon",
@@ -43,12 +43,12 @@ var m = (e) => e ? {
 						})
 					]
 				})
-			}), /* @__PURE__ */ u(o, {
+			}), /* @__PURE__ */ u(a, {
 				className: "w-auto p-0",
 				align: "start",
 				side: "bottom",
 				sideOffset: 4,
-				children: [/* @__PURE__ */ l(i, {
+				children: [/* @__PURE__ */ l(r, {
 					mode: "range",
 					resetOnSelect: !0,
 					defaultMonth: C?.from,
@@ -59,7 +59,7 @@ var m = (e) => e ? {
 					className: "pointer-events-auto p-3"
 				}), /* @__PURE__ */ u("div", {
 					className: "flex items-center justify-between border-t border-border px-3 py-2",
-					children: [/* @__PURE__ */ l(r, {
+					children: [/* @__PURE__ */ l(n, {
 						variant: "ghost",
 						size: "sm",
 						onClick: () => {
@@ -68,14 +68,14 @@ var m = (e) => e ? {
 						children: y("actions.clear")
 					}), /* @__PURE__ */ u("div", {
 						className: "flex gap-2",
-						children: [/* @__PURE__ */ l(r, {
+						children: [/* @__PURE__ */ l(n, {
 							variant: "ghost",
 							size: "sm",
 							onClick: () => {
 								w(m(h)), S(!1);
 							},
 							children: y("actions.cancel")
-						}), /* @__PURE__ */ l(r, {
+						}), /* @__PURE__ */ l(n, {
 							size: "sm",
 							onClick: () => {
 								g(C), S(!1);
@@ -88,5 +88,4 @@ var m = (e) => e ? {
 		})
 	});
 };
-//#endregion
 export { h as DateRangePicker };

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

@@ -3,7 +3,7 @@ import { useKrosoftTranslation as t } from "../../../i18n/useKrosoftTranslation.
 import { useRef as n, useState as r } from "react";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
 import { Loader2 as s, UploadIcon as c } from "lucide-react";
-//#region src/components/core/inputs/FileDropzone.tsx
+// src/components/core/inputs/FileDropzone.tsx
 var l = ({ onFiles: l, accept: u, multiple: d = !0, title: f, hint: p, formats: m, uploading: h = !1, uploadingLabel: g, icon: _ = c, className: v }) => {
 	let { t: y } = t(), b = n(null), [x, S] = r(!1), C = (e) => {
 		let t = Array.from(e ?? []);
@@ -29,7 +29,7 @@ var l = ({ onFiles: l, accept: u, multiple: d = !0, title: f, hint: p, formats:
 			S(!1);
 		},
 		onDrop: (e) => {
-			e.preventDefault(), e.stopPropagation(), S(!1), !h && C(e.dataTransfer.files);
+			e.preventDefault(), e.stopPropagation(), S(!1), h || C(e.dataTransfer.files);
 		},
 		className: e("group flex min-h-52 w-full flex-col items-center justify-center gap-3 rounded-xl border-2 border-dashed p-8 text-center transition-colors", h ? "pointer-events-none border-border bg-muted/30 opacity-50" : x ? "border-primary/50 bg-primary/[0.06]" : "border-border bg-muted/30 hover:border-primary/40 hover:bg-primary/[0.03]", v),
 		children: h ? /* @__PURE__ */ o("span", {
@@ -64,5 +64,4 @@ var l = ({ onFiles: l, accept: u, multiple: d = !0, title: f, hint: p, formats:
 		})] })
 	})] });
 };
-//#endregion
 export { l as FileDropzone };

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

@@ -1,13 +1,13 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { useKrosoftTranslation as t } from "../../../i18n/useKrosoftTranslation.js";
-import { Button as n } from "../../ui/button.js";
-import { useNotifications as r } from "../../../hooks/ui/useNotifications.js";
+import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
+import { Button as t } from "../../ui/button.js";
+import { useNotifications as n } from "../../../hooks/ui/useNotifications.js";
+import { cn as r } from "../../../helpers/tailwind.helper.js";
 import { forwardRef as i, useRef as a, useState as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { ImageIcon as l, UploadIcon as u, XIcon as d } from "lucide-react";
-//#region src/components/core/inputs/ImageInput.tsx
+// src/components/core/inputs/ImageInput.tsx
 var f = i(({ value: i, onChange: f, accept: p = "image/jpeg,image/png,image/webp", maxSizeMB: m = 2, disabled: h = !1, className: g = "", hint: _ = "JPG, PNG, WEBP" }, v) => {
-	let { t: y } = t(), { showError: b } = r(), x = a(null), [S, C] = o(!1), w = (e) => {
+	let { t: y } = e(), { showError: b } = n(), x = a(null), [S, C] = o(!1), w = (e) => {
 		p.split(",").map((e) => e.trim()).includes(e.type) ? e.size > m * 1024 * 1024 ? b(y("states.errorTitle"), y("image.tooLarge", { size: m })) : f(e) : b(y("states.errorTitle"), y("image.invalidType", { types: _ }));
 	};
 	return /* @__PURE__ */ s("div", {
@@ -19,7 +19,7 @@ var f = i(({ value: i, onChange: f, accept: p = "image/jpeg,image/png,image/webp
 				src: i,
 				alt: "Preview",
 				className: "w-full h-full object-cover"
-			}), !h && /* @__PURE__ */ s(n, {
+			}), !h && /* @__PURE__ */ s(t, {
 				type: "button",
 				variant: "destructive",
 				size: "sm",
@@ -30,7 +30,7 @@ var f = i(({ value: i, onChange: f, accept: p = "image/jpeg,image/png,image/webp
 				children: /* @__PURE__ */ s(d, { className: "h-4 w-4" })
 			})]
 		}) : h ? /* @__PURE__ */ c("div", {
-			className: e("flex flex-col items-center justify-center w-full h-32", "border-2 border-dashed border-border rounded-surface", "bg-muted/30"),
+			className: r("flex flex-col items-center justify-center w-full h-32", "border-2 border-dashed border-border rounded-surface", "bg-muted/30"),
 			children: [/* @__PURE__ */ s(l, { className: "h-8 w-8 text-muted-foreground/50 mb-2" }), /* @__PURE__ */ s("span", {
 				className: "text-sm text-muted-foreground/50",
 				children: y("image.empty")
@@ -48,7 +48,7 @@ var f = i(({ value: i, onChange: f, accept: p = "image/jpeg,image/png,image/webp
 				let t = e.dataTransfer.files?.[0];
 				t && w(t);
 			},
-			className: e("flex flex-col items-center justify-center w-full h-32", "border-2 border-dashed rounded-surface", "cursor-pointer hover:bg-muted/50 transition-colors", S ? "border-primary bg-primary/10" : "border-border"),
+			className: r("flex flex-col items-center justify-center w-full h-32", "border-2 border-dashed rounded-surface", "cursor-pointer hover:bg-muted/50 transition-colors", S ? "border-primary bg-primary/10" : "border-border"),
 			children: [
 				/* @__PURE__ */ s(u, { className: "h-8 w-8 text-muted-foreground mb-2" }),
 				/* @__PURE__ */ s("span", {
@@ -79,5 +79,4 @@ var f = i(({ value: i, onChange: f, accept: p = "image/jpeg,image/png,image/webp
 	});
 });
 f.displayName = "ImageInput";
-//#endregion
 export { f as ImageInput };