@krosoft/react 0.0.391 → 0.0.392

package/dist/components/core/dialogs/AboutDialog.js

@@ -1,15 +1,15 @@
-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 { Dialog as r, DialogContent as i, DialogHeader as a, DialogTitle as o } from "../../ui/dialog.js";
+import { Dialog as e, DialogContent as t, DialogHeader as n, DialogTitle as r } from "../../ui/dialog.js";
+import { cn as i } from "../../../helpers/tailwind.helper.js";
+import { useDateFnsLocale as a } from "../../../i18n/useDateFnsLocale.js";
+import { useKrosoftTranslation as o } from "../../../i18n/useKrosoftTranslation.js";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { format as l, isValid as u } from "date-fns";
-//#region src/components/core/dialogs/AboutDialog.tsx
+// src/components/core/dialogs/AboutDialog.tsx
 var d = (e, t) => {
 	let n = e instanceof Date ? e : new Date(e);
 	return u(n) ? l(n, "Pp", { locale: t }) : String(e);
 }, f = ({ open: l, onOpenChange: u, info: f, logo: p, title: m = "about.title", className: h }) => {
-	let { t: g } = n(), _ = t(), v = [
+	let { t: g } = o(), _ = a(), v = [
 		{
 			label: g("about.version"),
 			value: f.version
@@ -23,16 +23,16 @@ var d = (e, t) => {
 			value: f.buildDate ? d(f.buildDate, _) : void 0
 		}
 	].filter((e) => e.value);
-	return /* @__PURE__ */ s(r, {
+	return /* @__PURE__ */ s(e, {
 		open: l,
 		onOpenChange: u,
-		children: /* @__PURE__ */ c(i, {
-			className: e("sm:max-w-sm", h),
+		children: /* @__PURE__ */ c(t, {
+			className: i("sm:max-w-sm", h),
 			"aria-describedby": void 0,
 			children: [
-				/* @__PURE__ */ s(a, {
+				/* @__PURE__ */ s(n, {
 					className: "mb-6",
-					children: /* @__PURE__ */ s(o, { children: g(m) })
+					children: /* @__PURE__ */ s(r, { children: g(m) })
 				}),
 				p && /* @__PURE__ */ s("div", {
 					className: "flex justify-center",
@@ -55,5 +55,4 @@ var d = (e, t) => {
 		})
 	});
 };
-//#endregion
 export { f as AboutDialog };

package/dist/components/core/dialogs/AppDialog.js

@@ -1,12 +1,12 @@
-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 { Dialog as r, DialogContent as i, DialogDescription as a, DialogHeader as o, DialogTitle as s } from "../../ui/dialog.js";
-import { Progress as c } from "../../ui/progress.js";
-import { ErrorAlert as l } from "../states/ErrorAlert.js";
+import { Button as e } from "../../ui/button.js";
+import { ErrorAlert as t } from "../states/ErrorAlert.js";
+import { cn as n } from "../../../helpers/tailwind.helper.js";
+import { useKrosoftTranslation as r } from "../../../i18n/useKrosoftTranslation.js";
+import { Progress as i } from "../../ui/progress.js";
+import { Dialog as a, DialogContent as o, DialogDescription as s, DialogHeader as c, DialogTitle as l } from "../../ui/dialog.js";
 import "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/components/core/dialogs/AppDialog.tsx
+// src/components/core/dialogs/AppDialog.tsx
 var f = {
 	sm: "sm:max-w-sm",
 	md: "sm:max-w-md",
@@ -18,38 +18,38 @@ var f = {
 	full: "sm:max-w-[95vw]"
 };
 function p({ open: p, onOpenChange: m, config: h, isLoading: g, error: _, footer: v, className: y, children: b }) {
-	let { t: x } = t(), { title: S, description: C, icon: w, size: T = "xl", maxWidth: E, actions: D, headerClassName: O, footerClassName: k } = h, A = g === !0, j = (e) => typeof e == "string" ? x(e) : e, M = (e) => {
+	let { t: x } = r(), { title: S, description: C, icon: w, size: T = "xl", maxWidth: E, actions: D, headerClassName: O, footerClassName: k } = h, A = g === !0, j = (e) => typeof e == "string" ? x(e) : e, M = (e) => {
 		(e || !A) && m(e);
 	}, N = v !== void 0 || D !== void 0 && D.length > 0;
-	return /* @__PURE__ */ u(r, {
+	return /* @__PURE__ */ u(a, {
 		open: p,
 		onOpenChange: M,
-		children: /* @__PURE__ */ d(i, {
-			className: e("max-h-[100dvh] sm:max-h-[90vh] border-0 shadow-2xl p-0 flex flex-col overflow-hidden", "[&>button]:text-dialog-header-foreground [&>button]:focus:ring-dialog-header-foreground", A && "[&>button]:pointer-events-none [&>button]:opacity-40", E ?? f[T], y),
+		children: /* @__PURE__ */ d(o, {
+			className: n("max-h-[100dvh] sm:max-h-[90vh] border-0 shadow-2xl p-0 flex flex-col overflow-hidden", "[&>button]:text-dialog-header-foreground [&>button]:focus:ring-dialog-header-foreground", A && "[&>button]:pointer-events-none [&>button]:opacity-40", E ?? f[T], y),
 			children: [
 				A ? /* @__PURE__ */ u("div", {
 					className: "absolute top-0 left-0 right-0 z-10",
-					children: /* @__PURE__ */ u(c, {
+					children: /* @__PURE__ */ u(i, {
 						indeterminate: !0,
 						className: "h-1 rounded-none"
 					})
 				}) : null,
-				/* @__PURE__ */ d(o, {
-					className: e("bg-gradient-to-r from-dialog-header-from to-dialog-header-to p-4 sm:p-6 pr-12 sm:pr-12 sm:rounded-t-surface shrink-0", O),
-					children: [/* @__PURE__ */ d(s, {
+				/* @__PURE__ */ d(c, {
+					className: n("bg-gradient-to-r from-dialog-header-from to-dialog-header-to p-4 sm:p-6 pr-12 sm:pr-12 sm:rounded-t-surface shrink-0", O),
+					children: [/* @__PURE__ */ d(l, {
 						className: "text-xl sm:text-2xl font-bold flex items-center gap-2 text-dialog-header-foreground",
 						children: [w === void 0 ? null : /* @__PURE__ */ u("div", {
 							className: "p-2 bg-dialog-header-foreground/20 rounded-control",
 							children: /* @__PURE__ */ u(w, { className: "size-4 text-dialog-header-foreground" })
 						}), j(S)]
-					}), C !== void 0 && C !== "" ? /* @__PURE__ */ u(a, {
+					}), C !== void 0 && C !== "" ? /* @__PURE__ */ u(s, {
 						className: "text-dialog-header-foreground/80 text-base",
 						children: j(C)
 					}) : null]
 				}),
 				_ ? /* @__PURE__ */ u("div", {
 					className: "px-4 sm:px-6 pt-4",
-					children: /* @__PURE__ */ u(l, {
+					children: /* @__PURE__ */ u(t, {
 						error: _,
 						className: "max-w-full"
 					})
@@ -59,23 +59,22 @@ function p({ open: p, onOpenChange: m, config: h, isLoading: g, error: _, footer
 					children: b
 				}),
 				N ? /* @__PURE__ */ u("div", {
-					className: e("sm:rounded-b-surface border-t border-border bg-muted/40 shrink-0 p-4 sm:p-6", k),
+					className: n("sm:rounded-b-surface border-t border-border bg-muted/40 shrink-0 p-4 sm:p-6", k),
 					children: v ?? /* @__PURE__ */ u("div", {
 						className: "flex justify-end gap-3",
-						children: D?.map((e) => /* @__PURE__ */ d(n, {
-							type: e.type ?? "button",
-							form: e.form,
-							variant: e.variant ?? "default",
-							onClick: e.onClick,
-							disabled: e.disabled === !0 || A && e.disableOnLoading !== !1,
-							className: e.className,
-							children: [e.icon === void 0 ? null : /* @__PURE__ */ u(e.icon, { className: "size-4" }), x(e.label)]
-						}, e.id ?? e.label))
+						children: D?.map((t) => /* @__PURE__ */ d(e, {
+							type: t.type ?? "button",
+							form: t.form,
+							variant: t.variant ?? "default",
+							onClick: t.onClick,
+							disabled: t.disabled === !0 || A && t.disableOnLoading !== !1,
+							className: t.className,
+							children: [t.icon === void 0 ? null : /* @__PURE__ */ u(t.icon, { className: "size-4" }), x(t.label)]
+						}, t.id ?? t.label))
 					})
 				}) : null
 			]
 		})
 	});
 }
-//#endregion
 export { p as AppDialog };

package/dist/components/core/dialogs/ConfirmationDialog.js

@@ -1,33 +1,33 @@
-import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
-import { Button as t } from "../../ui/button.js";
-import { AlertDialog as n, AlertDialogCancel as r, AlertDialogContent as i, AlertDialogDescription as a, AlertDialogFooter as o, AlertDialogHeader as s, AlertDialogTitle as c } from "../../ui/alert-dialog.js";
-import { ErrorAlert as l } from "../states/ErrorAlert.js";
+import { ErrorAlert as e } from "../states/ErrorAlert.js";
+import { AlertDialog as t, AlertDialogCancel as n, AlertDialogContent as r, AlertDialogDescription as i, AlertDialogFooter as a, AlertDialogHeader as o, AlertDialogTitle as s } from "../../ui/alert-dialog.js";
+import { Button as c } from "../../ui/button.js";
+import { useKrosoftTranslation as l } from "../../../i18n/useKrosoftTranslation.js";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
-//#region src/components/core/dialogs/ConfirmationDialog.tsx
+// src/components/core/dialogs/ConfirmationDialog.tsx
 function f({ isLoading: f, error: p, config: m, destructive: h = !1 }) {
-	let { t: g } = e();
-	return m ? /* @__PURE__ */ u(n, {
+	let { t: g } = l();
+	return m ? /* @__PURE__ */ u(t, {
 		open: m.isOpen,
 		onOpenChange: (e) => {
 			!e && !f && m.onClose();
 		},
-		children: /* @__PURE__ */ d(i, { children: [
-			/* @__PURE__ */ d(s, { children: [
-				/* @__PURE__ */ d(c, {
+		children: /* @__PURE__ */ d(r, { children: [
+			/* @__PURE__ */ d(o, { children: [
+				/* @__PURE__ */ d(s, {
 					className: m.titleClassName,
 					children: [m.icon && /* @__PURE__ */ u(m.icon, { className: "size-4" }), g(m.title)]
 				}),
-				/* @__PURE__ */ u(a, { children: g(m.description) }),
-				m.itemName && /* @__PURE__ */ u(a, { children: /* @__PURE__ */ u("span", {
+				/* @__PURE__ */ u(i, { children: g(m.description) }),
+				m.itemName && /* @__PURE__ */ u(i, { children: /* @__PURE__ */ u("span", {
 					className: "font-semibold block my-2",
 					children: m.itemName
 				}) })
 			] }),
-			/* @__PURE__ */ u(l, { error: p }),
-			/* @__PURE__ */ d(o, { children: [/* @__PURE__ */ u(r, {
+			/* @__PURE__ */ u(e, { error: p }),
+			/* @__PURE__ */ d(a, { children: [/* @__PURE__ */ u(n, {
 				disabled: f,
 				children: g("actions.cancel")
-			}), /* @__PURE__ */ u(t, {
+			}), /* @__PURE__ */ u(c, {
 				onClick: (e) => {
 					e.preventDefault(), m.onConfirm();
 				},
@@ -38,5 +38,4 @@ function f({ isLoading: f, error: p, config: m, destructive: h = !1 }) {
 		] })
 	}) : null;
 }
-//#endregion
 export { f as ConfirmationDialog };

package/dist/components/core/dialogs/FormDialog.js

@@ -1,11 +1,11 @@
 import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
-import { Button as t } from "../../ui/button.js";
-import { AppDialog as n } from "./AppDialog.js";
+import { AppDialog as t } from "./AppDialog.js";
+import { Button as n } from "../../ui/button.js";
 import { GenericForm as r } from "../forms/GenericForm.js";
 import { useEffect as i, useId as a, useState as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Pen as u, Save as d, X as f } from "lucide-react";
-//#region src/components/core/dialogs/FormDialog.tsx
+// src/components/core/dialogs/FormDialog.tsx
 function p({ open: p, onOpenChange: m, data: h, title: g, headerBadge: _, schema: v, onSave: y, customFooter: b, defaultEditing: x = !1, footerActions: S = !0, saveLabel: C, cancelLabel: w, hideSaveIcon: T = !1, size: E = "4xl", maxWidth: D, isLoading: O = !1 }) {
 	let { t: k } = e(), A = C ?? k("actions.save"), [j, M] = o(x), [N, P] = o(!1), F = a();
 	if (i(() => {
@@ -52,7 +52,7 @@ function p({ open: p, onOpenChange: m, data: h, title: g, headerBadge: _, schema
 		maxWidth: D,
 		actions: S ? z : []
 	};
-	return /* @__PURE__ */ c(n, {
+	return /* @__PURE__ */ c(t, {
 		open: p,
 		onOpenChange: (e) => {
 			m(e), e || L();
@@ -78,20 +78,20 @@ function p({ open: p, onOpenChange: m, data: h, title: g, headerBadge: _, schema
 			b === void 0 ? null : b(h),
 			y !== void 0 && !S ? /* @__PURE__ */ c("div", {
 				className: "flex justify-end gap-2 border-t pt-4 mt-6",
-				children: j ? /* @__PURE__ */ l(s, { children: [w === "" ? null : /* @__PURE__ */ l(t, {
+				children: j ? /* @__PURE__ */ l(s, { children: [w === "" ? null : /* @__PURE__ */ l(n, {
 					onClick: L,
 					variant: "outline",
 					size: "sm",
 					disabled: N || O,
 					children: [/* @__PURE__ */ c(f, { className: "size-4 mr-2" }), w ?? k("actions.cancel")]
-				}), /* @__PURE__ */ l(t, {
+				}), /* @__PURE__ */ l(n, {
 					type: "submit",
 					form: F,
 					size: "sm",
 					disabled: N || O,
 					className: "text-white",
 					children: [T ? null : /* @__PURE__ */ c(d, { className: "size-4 mr-2" }), N ? k("actions.saving") : A]
-				})] }) : /* @__PURE__ */ l(t, {
+				})] }) : /* @__PURE__ */ l(n, {
 					onClick: I,
 					variant: "outline",
 					size: "sm",
@@ -101,5 +101,4 @@ function p({ open: p, onOpenChange: m, data: h, title: g, headerBadge: _, schema
 		] })
 	});
 }
-//#endregion
 export { p as default };

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

@@ -1,7 +1,7 @@
-import { Dialog as e, DialogClose as t, DialogContent as n, DialogDescription as r, DialogFooter as i, DialogHeader as a, DialogOverlay as o, DialogPortal as s, DialogTitle as c, DialogTrigger as l } from "../../ui/dialog.js";
-import { Progress as u } from "../../ui/progress.js";
-import { AppDialog as d } from "./AppDialog.js";
+import { AppDialog as e } from "./AppDialog.js";
+import { Dialog as t, DialogClose as n, DialogContent as r, DialogDescription as i, DialogFooter as a, DialogHeader as o, DialogOverlay as s, DialogPortal as c, DialogTitle as l, DialogTrigger as u } from "../../ui/dialog.js";
+import { Progress as d } from "../../ui/progress.js";
 import f from "./FormDialog.js";
 import { ConfirmationDialog as p } from "./ConfirmationDialog.js";
 import { AboutDialog as m } from "./AboutDialog.js";
-export { m as AboutDialog, d as AppDialog, p as ConfirmationDialog, e as Dialog, t as DialogClose, n as DialogContent, r as DialogDescription, i as DialogFooter, a as DialogHeader, o as DialogOverlay, s as DialogPortal, c as DialogTitle, l as DialogTrigger, f as FormDialog, u as Progress };
+export { m as AboutDialog, e as AppDialog, p as ConfirmationDialog, t as Dialog, n as DialogClose, r as DialogContent, i as DialogDescription, a as DialogFooter, o as DialogHeader, s as DialogOverlay, c as DialogPortal, l as DialogTitle, u as DialogTrigger, f as FormDialog, d as Progress };

package/dist/components/core/filters/ActiveFilters.js

@@ -3,7 +3,7 @@ import { Badge as t } from "../../ui/badge.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { getLocale as i } from "@krosoft/core/helpers";
 import { XIcon as a } from "lucide-react";
-//#region src/components/core/filters/ActiveFilters.tsx
+// src/components/core/filters/ActiveFilters.tsx
 var o = (e, t, n, r = {}) => {
 	if (t instanceof Date) return t.toLocaleDateString(i());
 	let a = String(t), o = r[`${e}_${a}`];
@@ -65,5 +65,4 @@ function s({ filters: i, onRemoveFilter: s, onClearAll: c, filterLabelKeys: l =
 		]
 	});
 }
-//#endregion
 export { s as ActiveFilters };

package/dist/components/core/filters/AdvancedFilters.js

@@ -6,7 +6,7 @@ import { FilterField as l } from "./FilterField.js";
 import { useEffect as u, useMemo as d, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { Filter as h } from "lucide-react";
-//#region src/components/core/filters/AdvancedFilters.tsx
+// src/components/core/filters/AdvancedFilters.tsx
 var g = (e) => !(e == null || e === "" || Array.isArray(e) && e.length === 0);
 function _({ sections: _, filters: v, onFiltersChange: y, buttonText: b, sheetTitle: x }) {
 	let { t: S } = e(), [C, w] = f(!1), [T, E] = f(v);
@@ -99,5 +99,4 @@ function _({ sections: _, filters: v, onFiltersChange: y, buttonText: b, sheetTi
 		})]
 	});
 }
-//#endregion
 export { _ as AdvancedFilters };

package/dist/components/core/filters/ConditionFilter.js

@@ -1,19 +1,19 @@
-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 { controlBaseClass as r } from "../../ui/control.js";
+import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
+import { Button as t } from "../../ui/button.js";
+import { controlBaseClass as n } from "../../ui/control.js";
+import { Input as r } from "../../ui/input.js";
 import { Label as i } from "../../ui/label.js";
-import { Input as a } from "../../ui/input.js";
-import { Popover as o, PopoverContent as s, PopoverTrigger as c } from "../../ui/popover.js";
-import { ToggleGroup as l, ToggleGroupItem as u } from "../../ui/toggle-group.js";
+import { Popover as a, PopoverContent as o, PopoverTrigger as s } from "../../ui/popover.js";
+import { ToggleGroup as c, ToggleGroupItem as l } from "../../ui/toggle-group.js";
+import { cn as u } from "../../../helpers/tailwind.helper.js";
 import { SingleSelect as d } from "../inputs/SingleSelect.js";
 import { useState as f } from "react";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 import { ChevronDownIcon as g, XIcon as _ } from "lucide-react";
-//#region src/components/core/filters/ConditionFilter.tsx
+// src/components/core/filters/ConditionFilter.tsx
 var v = (e) => e?.requiresValue !== !1;
 function y({ fields: y, operators: b, value: x, onChange: S, labelKey: C, icon: w, disabled: T = !1, className: E }) {
-	let { t: D } = t(), [O, k] = f(!1), [A, j] = f({ value: "" }), M = x === void 0 ? void 0 : y.find((e) => e.value === x.field), N = x === void 0 ? void 0 : b.find((e) => e.value === x.operator), P = x !== void 0, F = b.find((e) => e.value === A.operator), I = v(F), L = F?.numeric === !0, R = A.value.trim(), z = I && L && R !== "" && Number.isNaN(Number(R)), B = A.field !== void 0 && F !== void 0 && (!I || R !== "") && !z, V = (e) => {
+	let { t: D } = e(), [O, k] = f(!1), [A, j] = f({ value: "" }), M = x === void 0 ? void 0 : y.find((e) => e.value === x.field), N = x === void 0 ? void 0 : b.find((e) => e.value === x.operator), P = x !== void 0, F = b.find((e) => e.value === A.operator), I = v(F), L = F?.numeric === !0, R = A.value.trim(), z = I && L && R !== "" && Number.isNaN(Number(R)), B = A.field !== void 0 && F !== void 0 && (!I || R !== "") && !z, V = (e) => {
 		e && j(x === void 0 ? { value: "" } : { ...x }), k(e);
 	}, H = () => {
 		B && A.field !== void 0 && F !== void 0 && (S({
@@ -24,15 +24,15 @@ function y({ fields: y, operators: b, value: x, onChange: S, labelKey: C, icon:
 	}, U = () => {
 		S(void 0), k(!1);
 	}, W = D(C === void 0 ? "filters.condition.label" : C);
-	return /* @__PURE__ */ h(o, {
+	return /* @__PURE__ */ h(a, {
 		open: O,
 		onOpenChange: V,
-		children: [/* @__PURE__ */ m(c, {
+		children: [/* @__PURE__ */ m(s, {
 			asChild: !0,
 			children: /* @__PURE__ */ h("button", {
 				type: "button",
 				disabled: T,
-				className: e(r, "inline-flex items-center justify-between gap-1.5 whitespace-nowrap transition-colors", P ? "border-primary bg-primary/10 text-primary" : "hover:bg-muted", !P && "w-full md:w-[200px]", E),
+				className: u(n, "inline-flex items-center justify-between gap-1.5 whitespace-nowrap transition-colors", P ? "border-primary bg-primary/10 text-primary" : "hover:bg-muted", !P && "w-full md:w-[200px]", E),
 				children: [/* @__PURE__ */ h("span", {
 					className: "flex min-w-0 items-center gap-1.5",
 					children: [w !== void 0 && /* @__PURE__ */ m(w, { className: "size-3.5 shrink-0 opacity-70" }), /* @__PURE__ */ m("span", {
@@ -67,10 +67,10 @@ function y({ fields: y, operators: b, value: x, onChange: S, labelKey: C, icon:
 						},
 						className: "opacity-70 hover:opacity-100",
 						children: /* @__PURE__ */ m(_, { className: "size-3.5" })
-					}), /* @__PURE__ */ m(g, { className: e("size-3.5 opacity-60 transition-transform", O && "rotate-180") })]
+					}), /* @__PURE__ */ m(g, { className: u("size-3.5 opacity-60 transition-transform", O && "rotate-180") })]
 				})]
 			})
-		}), /* @__PURE__ */ h(s, {
+		}), /* @__PURE__ */ h(o, {
 			align: "start",
 			className: "w-80 space-y-4",
 			children: [
@@ -90,7 +90,7 @@ function y({ fields: y, operators: b, value: x, onChange: S, labelKey: C, icon:
 				}),
 				/* @__PURE__ */ h("div", {
 					className: "space-y-1.5",
-					children: [/* @__PURE__ */ m(i, { children: D("filters.condition.operator") }), /* @__PURE__ */ m(l, {
+					children: [/* @__PURE__ */ m(i, { children: D("filters.condition.operator") }), /* @__PURE__ */ m(c, {
 						type: "single",
 						variant: "outline",
 						size: "sm",
@@ -106,7 +106,7 @@ function y({ fields: y, operators: b, value: x, onChange: S, labelKey: C, icon:
 								};
 							});
 						},
-						children: b.map((e) => /* @__PURE__ */ m(u, {
+						children: b.map((e) => /* @__PURE__ */ m(l, {
 							value: e.value,
 							title: e.title,
 							"aria-label": e.title ?? e.label,
@@ -122,7 +122,7 @@ function y({ fields: y, operators: b, value: x, onChange: S, labelKey: C, icon:
 							htmlFor: "condition-filter-value",
 							children: D("filters.condition.value")
 						}),
-						/* @__PURE__ */ m(a, {
+						/* @__PURE__ */ m(r, {
 							id: "condition-filter-value",
 							value: A.value,
 							type: L ? "number" : "text",
@@ -142,12 +142,12 @@ function y({ fields: y, operators: b, value: x, onChange: S, labelKey: C, icon:
 				}),
 				/* @__PURE__ */ h("div", {
 					className: "flex justify-end gap-2",
-					children: [P && /* @__PURE__ */ m(n, {
+					children: [P && /* @__PURE__ */ m(t, {
 						variant: "ghost",
 						size: "sm",
 						onClick: U,
 						children: D("filters.condition.clear")
-					}), /* @__PURE__ */ m(n, {
+					}), /* @__PURE__ */ m(t, {
 						size: "sm",
 						onClick: H,
 						disabled: !B,
@@ -158,5 +158,4 @@ function y({ fields: y, operators: b, value: x, onChange: S, labelKey: C, icon:
 		})]
 	});
 }
-//#endregion
 export { y as ConditionFilter };

package/dist/components/core/filters/ConditionFilterGroup.js

@@ -3,7 +3,7 @@ import { ConditionFilter as t } from "./ConditionFilter.js";
 import { useRef as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { PlusIcon as a } from "lucide-react";
-//#region src/components/core/filters/ConditionFilterGroup.tsx
+// src/components/core/filters/ConditionFilterGroup.tsx
 var o = (e, t) => e.field === t.field && e.operator === t.operator && e.value === t.value;
 function s({ fields: s, operators: c, values: l, onChange: u, labelKey: d, max: f = 5, disabled: p = !1, className: m }) {
 	let h = n(!1), g = (e) => {
@@ -40,5 +40,4 @@ function s({ fields: s, operators: c, values: l, onChange: u, labelKey: d, max:
 		})]
 	});
 }
-//#endregion
 export { s as ConditionFilterGroup };

package/dist/components/core/filters/FilterField.js

@@ -1,12 +1,12 @@
 import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
 import { Input as t } from "../../ui/input.js";
-import { MultiSelect as n } from "../inputs/MultiSelect.js";
-import { DatePicker as r } from "../inputs/DatePicker.js";
-import { DateRangePicker as i } from "../inputs/DateRangePicker.js";
-import { SingleSelect as a } from "../inputs/SingleSelect.js";
+import { DatePicker as n } from "../inputs/DatePicker.js";
+import { DateRangePicker as r } from "../inputs/DateRangePicker.js";
+import { SingleSelect as i } from "../inputs/SingleSelect.js";
+import { MultiSelect as a } from "../inputs/MultiSelect.js";
 import "react";
 import { jsx as o } from "react/jsx-runtime";
-//#region src/components/core/filters/FilterField.tsx
+// src/components/core/filters/FilterField.tsx
 var s = ({ field: s, value: c, onChange: l, onToggleMultiSelect: u }) => {
 	let { t: d } = e();
 	switch (s.type) {
@@ -27,7 +27,7 @@ var s = ({ field: s, value: c, onChange: l, onToggleMultiSelect: u }) => {
 			min: s.min,
 			max: s.max
 		});
-		case "select": return /* @__PURE__ */ o(a, {
+		case "select": return /* @__PURE__ */ o(i, {
 			options: s.options ?? [],
 			value: c,
 			onChange: l,
@@ -35,17 +35,17 @@ var s = ({ field: s, value: c, onChange: l, onToggleMultiSelect: u }) => {
 			placeholder: s.placeholder,
 			searchPlaceholder: s.searchPlaceholder
 		});
-		case "date": return /* @__PURE__ */ o(r, {
+		case "date": return /* @__PURE__ */ o(n, {
 			date: c,
 			onDateChange: l,
 			placeholder: s.placeholder ?? d("date.pickDate")
 		});
-		case "date-range": return /* @__PURE__ */ o(i, {
+		case "date-range": return /* @__PURE__ */ o(r, {
 			value: c,
 			onChange: l,
 			placeholder: s.placeholder
 		});
-		case "multi-select": return /* @__PURE__ */ o(n, {
+		case "multi-select": return /* @__PURE__ */ o(a, {
 			options: s.options ?? [],
 			selected: c ?? [],
 			onToggle: u,
@@ -60,5 +60,4 @@ var s = ({ field: s, value: c, onChange: l, onToggleMultiSelect: u }) => {
 		default: return null;
 	}
 };
-//#endregion
 export { s as FilterField };

package/dist/components/core/filters/FilterPills.js

@@ -1,6 +1,6 @@
 import { FilterPillsGroup as e } from "./FilterPillsGroup.js";
 import { jsx as t } from "react/jsx-runtime";
-//#region src/components/core/filters/FilterPills.tsx
+// src/components/core/filters/FilterPills.tsx
 function n({ options: n, value: r, onChange: i, variant: a = "solid" }) {
 	return /* @__PURE__ */ t(e, {
 		options: n,
@@ -9,5 +9,4 @@ function n({ options: n, value: r, onChange: i, variant: a = "solid" }) {
 		variant: a
 	});
 }
-//#endregion
 export { n as FilterPills };

package/dist/components/core/filters/FilterPillsGroup.js

@@ -1,6 +1,6 @@
 import { cn as e } from "../../../helpers/tailwind.helper.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/core/filters/FilterPillsGroup.tsx
+// src/components/core/filters/FilterPillsGroup.tsx
 var r = {
 	solid: "border-foreground bg-foreground text-background",
 	outline: "border-primary bg-primary/10 text-primary font-medium"
@@ -35,5 +35,4 @@ function a({ options: r, values: a, onToggle: o, variant: s = "solid" }) {
 		})
 	});
 }
-//#endregion
 export { a as FilterPillsGroup };

package/dist/components/core/filters/FiltersContainer.js

@@ -1,19 +1,19 @@
 import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
 import { Button as t } from "../../ui/button.js";
-import { SearchInput as n } from "../inputs/SearchInput.js";
-import { useMobile as r } from "../../../hooks/ui/useMobile.js";
+import { useMobile as n } from "../../../hooks/ui/useMobile.js";
+import { SearchInput as r } from "../inputs/SearchInput.js";
 import { FiltersMobileDrawer as i } from "./FiltersMobileDrawer.js";
 import "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { FilterXIcon as s } from "lucide-react";
-//#region src/components/core/filters/FiltersContainer.tsx
+// src/components/core/filters/FiltersContainer.tsx
 function c({ children: c, search: l, searchPlaceholder: u, activeFiltersCount: d = 0, onReset: f, onSearch: p }) {
 	let { t: m } = e();
-	return r() ? /* @__PURE__ */ o("div", {
+	return n() ? /* @__PURE__ */ o("div", {
 		className: "flex items-center gap-2",
 		children: [p !== void 0 && /* @__PURE__ */ a("div", {
 			className: "flex-1",
-			children: /* @__PURE__ */ a(n, {
+			children: /* @__PURE__ */ a(r, {
 				search: l ?? "",
 				onSearch: p,
 				placeholder: u
@@ -27,7 +27,7 @@ function c({ children: c, search: l, searchPlaceholder: u, activeFiltersCount: d
 		className: "flex justify-between",
 		children: [/* @__PURE__ */ o("div", {
 			className: "flex flex-wrap gap-2",
-			children: [p !== void 0 && /* @__PURE__ */ a(n, {
+			children: [p !== void 0 && /* @__PURE__ */ a(r, {
 				search: l ?? "",
 				onSearch: p,
 				placeholder: u
@@ -50,5 +50,4 @@ function c({ children: c, search: l, searchPlaceholder: u, activeFiltersCount: d
 		})]
 	});
 }
-//#endregion
 export { c as FiltersContainer };

package/dist/components/core/filters/FiltersMobileDrawer.js

@@ -4,7 +4,7 @@ import { Drawer as n, DrawerClose as r, DrawerContent as i, DrawerFooter as a, D
 import { useState as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import { FilterIcon as f, FilterXIcon as p } from "lucide-react";
-//#region src/components/core/filters/FiltersMobileDrawer.tsx
+// src/components/core/filters/FiltersMobileDrawer.tsx
 function m({ children: m, activeFiltersCount: h = 0, onReset: g, onApply: _ }) {
 	let { t: v } = e(), [y, b] = l(!1);
 	return /* @__PURE__ */ d(n, {
@@ -53,5 +53,4 @@ function m({ children: m, activeFiltersCount: h = 0, onReset: g, onApply: _ }) {
 		] })]
 	});
 }
-//#endregion
 export { m as FiltersMobileDrawer };

package/dist/components/core/filters/TableFilter.js

@@ -1,11 +1,11 @@
 import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
-import { SearchInput as t } from "../inputs/SearchInput.js";
-import { MultiSelect as n } from "../inputs/MultiSelect.js";
+import { MultiSelect as t } from "../inputs/MultiSelect.js";
+import { SearchInput as n } from "../inputs/SearchInput.js";
 import { ActiveFilters as r } from "./ActiveFilters.js";
 import { AdvancedFilters as i } from "./AdvancedFilters.js";
 import { useMemo as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-//#region src/components/core/filters/TableFilter.tsx
+// src/components/core/filters/TableFilter.tsx
 function c({ searchQuery: c, onSearchChange: l, searchPlaceholder: u, filters: d, onFiltersChange: f, sections: p, advancedButtonText: m, sheetTitle: h }) {
 	let { t: g } = e(), _ = (e, t) => {
 		let n = d[e], r = Array.isArray(n) ? n : [], i = r.includes(t) ? r.filter((e) => e !== t) : [...r, t], a = { ...d };
@@ -54,14 +54,14 @@ function c({ searchQuery: c, onSearchChange: l, searchPlaceholder: u, filters: d
 			className: "flex flex-wrap items-center gap-2 justify-between",
 			children: [/* @__PURE__ */ s("div", {
 				className: "flex flex-wrap items-center gap-2",
-				children: [l === void 0 ? null : /* @__PURE__ */ o(t, {
+				children: [l === void 0 ? null : /* @__PURE__ */ o(n, {
 					searchQuery: c,
 					onSearch: l,
 					onClear: () => {
 						l("");
 					},
 					placeholder: u ?? g("search.placeholder")
-				}), x.map((e) => /* @__PURE__ */ o(n, {
+				}), x.map((e) => /* @__PURE__ */ o(t, {
 					variant: "pill",
 					labelKey: e.labelKey,
 					options: e.options,
@@ -97,5 +97,4 @@ function c({ searchQuery: c, onSearchChange: l, searchPlaceholder: u, filters: d
 		})]
 	});
 }
-//#endregion
 export { c as TableFilter };

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

@@ -1,11 +1,11 @@
 import { ActiveFilters as e } from "./ActiveFilters.js";
-import { FilterField as t } from "./FilterField.js";
-import { AdvancedFilters as n } from "./AdvancedFilters.js";
-import { FilterPillsGroup as r } from "./FilterPillsGroup.js";
-import { FilterPills as i } from "./FilterPills.js";
-import { FiltersMobileDrawer as a } from "./FiltersMobileDrawer.js";
-import { FiltersContainer as o } from "./FiltersContainer.js";
+import { AdvancedFilters as t } from "./AdvancedFilters.js";
+import { FilterField as n } from "./FilterField.js";
+import { FilterPills as r } from "./FilterPills.js";
+import { FilterPillsGroup as i } from "./FilterPillsGroup.js";
+import { FiltersContainer as a } from "./FiltersContainer.js";
+import { FiltersMobileDrawer as o } from "./FiltersMobileDrawer.js";
 import { TableFilter as s } from "./TableFilter.js";
 import { ConditionFilter as c } from "./ConditionFilter.js";
 import { ConditionFilterGroup as l } from "./ConditionFilterGroup.js";
-export { e as ActiveFilters, n as AdvancedFilters, c as ConditionFilter, l as ConditionFilterGroup, t as FilterField, i as FilterPills, r as FilterPillsGroup, o as FiltersContainer, a as FiltersMobileDrawer, s as TableFilter };
+export { e as ActiveFilters, t as AdvancedFilters, c as ConditionFilter, l as ConditionFilterGroup, n as FilterField, r as FilterPills, i as FilterPillsGroup, a as FiltersContainer, o as FiltersMobileDrawer, s as TableFilter };