@krosoft/react 0.0.391 → 0.0.392

package/dist/components/core/layouts/AppActions.js

@@ -1,72 +1,71 @@
-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 { DropdownMenu as r, DropdownMenuContent as i, DropdownMenuItem as a, DropdownMenuSeparator as o, DropdownMenuTrigger as s } from "../../ui/dropdown-menu.js";
+import { Button as e } from "../../ui/button.js";
+import { DropdownMenu as t, DropdownMenuContent as n, DropdownMenuItem as r, DropdownMenuSeparator as i, DropdownMenuTrigger as a } from "../../ui/dropdown-menu.js";
+import { cn as o } from "../../../helpers/tailwind.helper.js";
+import { useKrosoftTranslation as s } from "../../../i18n/useKrosoftTranslation.js";
 import { useMobile as c } from "../../../hooks/ui/useMobile.js";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { MoreVerticalIcon as d } from "lucide-react";
-//#region src/components/core/layouts/AppActions.tsx
+// src/components/core/layouts/AppActions.tsx
 var f = (e) => {
 	let t = document.getElementById(e);
 	t instanceof HTMLFormElement && t.requestSubmit();
 };
 function p({ actions: p, className: m }) {
-	let { t: h } = t(), g = c();
-	return !p || p.length === 0 ? null : g ? /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l(s, {
+	let { t: h } = s(), g = c();
+	return !p || p.length === 0 ? null : g ? /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ l(a, {
 		asChild: !0,
-		children: /* @__PURE__ */ l(n, {
+		children: /* @__PURE__ */ l(e, {
 			variant: "outline",
 			size: "icon",
 			children: /* @__PURE__ */ l(d, { className: "size-4" })
 		})
-	}), /* @__PURE__ */ l(i, {
+	}), /* @__PURE__ */ l(n, {
 		align: "end",
 		className: "min-w-48",
-		children: p.map((t, n) => t ? t.children && t.children.length > 0 ? /* @__PURE__ */ u("div", { children: [n > 0 && /* @__PURE__ */ l(o, {}), t.children.map((t, n) => t ? /* @__PURE__ */ u(a, {
+		children: p.map((e, t) => e ? e.children && e.children.length > 0 ? /* @__PURE__ */ u("div", { children: [t > 0 && /* @__PURE__ */ l(i, {}), e.children.map((e, t) => e ? /* @__PURE__ */ u(r, {
 			onClick: () => {
-				t.type === "submit" ? f(t.form) : t.onClick?.();
+				e.type === "submit" ? f(e.form) : e.onClick?.();
 			},
-			disabled: t.disabled,
-			className: e("gap-2", t.className),
-			children: [t.icon && /* @__PURE__ */ l(t.icon, { className: "size-4" }), t.labelKey && h(t.labelKey)]
-		}, n) : null)] }, n) : /* @__PURE__ */ u(a, {
+			disabled: e.disabled,
+			className: o("gap-2", e.className),
+			children: [e.icon && /* @__PURE__ */ l(e.icon, { className: "size-4" }), e.labelKey && h(e.labelKey)]
+		}, t) : null)] }, t) : /* @__PURE__ */ u(r, {
 			onClick: () => {
-				t.type === "submit" ? f(t.form) : t.onClick?.();
+				e.type === "submit" ? f(e.form) : e.onClick?.();
 			},
-			disabled: t.disabled,
-			className: e("gap-2", t.className),
-			children: [t.icon && /* @__PURE__ */ l(t.icon, { className: "size-4" }), t.labelKey && h(t.labelKey)]
-		}, n) : null)
-	})] }) : ((t) => /* @__PURE__ */ l("div", {
-		className: e("flex gap-2", m),
-		children: t.map((t, o) => t ? t.children && t.children.length > 0 ? /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l(s, {
+			disabled: e.disabled,
+			className: o("gap-2", e.className),
+			children: [e.icon && /* @__PURE__ */ l(e.icon, { className: "size-4" }), e.labelKey && h(e.labelKey)]
+		}, t) : null)
+	})] }) : ((i) => /* @__PURE__ */ l("div", {
+		className: o("flex gap-2", m),
+		children: i.map((i, s) => i ? i.children && i.children.length > 0 ? /* @__PURE__ */ u(t, { children: [/* @__PURE__ */ l(a, {
 			asChild: !0,
-			children: /* @__PURE__ */ u(n, {
-				variant: t.variant,
-				disabled: t.disabled,
-				className: e("gap-2", t.className),
-				children: [t.icon && /* @__PURE__ */ l(t.icon, { className: "size-4" }), t.labelKey && h(t.labelKey)]
+			children: /* @__PURE__ */ u(e, {
+				variant: i.variant,
+				disabled: i.disabled,
+				className: o("gap-2", i.className),
+				children: [i.icon && /* @__PURE__ */ l(i.icon, { className: "size-4" }), i.labelKey && h(i.labelKey)]
 			})
-		}), /* @__PURE__ */ l(i, {
+		}), /* @__PURE__ */ l(n, {
 			align: "end",
-			children: t.children.map((t, n) => t ? /* @__PURE__ */ u(a, {
+			children: i.children.map((e, t) => e ? /* @__PURE__ */ u(r, {
 				onClick: () => {
-					t.type === "submit" ? f(t.form) : t.onClick?.();
+					e.type === "submit" ? f(e.form) : e.onClick?.();
 				},
-				disabled: t.disabled,
-				className: e("gap-2", t.className),
-				children: [t.icon && /* @__PURE__ */ l(t.icon, { className: "size-4" }), t.labelKey && h(t.labelKey)]
-			}, n) : null)
-		})] }, o) : /* @__PURE__ */ u(n, {
-			variant: t.variant,
-			type: t.type,
-			form: t.form,
-			onClick: t.onClick ? () => void t.onClick?.() : void 0,
-			disabled: t.disabled,
-			className: e("gap-2", t.className),
-			children: [t.icon && /* @__PURE__ */ l(t.icon, { className: "size-4" }), t.labelKey && h(t.labelKey)]
-		}, o) : null)
+				disabled: e.disabled,
+				className: o("gap-2", e.className),
+				children: [e.icon && /* @__PURE__ */ l(e.icon, { className: "size-4" }), e.labelKey && h(e.labelKey)]
+			}, t) : null)
+		})] }, s) : /* @__PURE__ */ u(e, {
+			variant: i.variant,
+			type: i.type,
+			form: i.form,
+			onClick: i.onClick ? () => void i.onClick?.() : void 0,
+			disabled: i.disabled,
+			className: o("gap-2", i.className),
+			children: [i.icon && /* @__PURE__ */ l(i.icon, { className: "size-4" }), i.labelKey && h(i.labelKey)]
+		}, s) : null)
 	}))(p);
 }
-//#endregion
 export { p as AppActions };

package/dist/components/core/layouts/AppPageHeader.js

@@ -1,20 +1,20 @@
-import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
-import { Button as t } from "../../ui/button.js";
-import { AppActions as n } from "./AppActions.js";
+import { Button as e } from "../../ui/button.js";
+import { AppActions as t } from "./AppActions.js";
+import { AppTitle as n } from "./AppTitle.js";
 import { useDocumentTitle as r } from "../../../hooks/ui/useDocumentTitle.js";
-import { AppTitle as i } from "./AppTitle.js";
+import { useKrosoftTranslation as i } from "../../../i18n/useKrosoftTranslation.js";
 import "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { ArrowLeftIcon as s } from "lucide-react";
-//#region src/components/core/layouts/AppPageHeader.tsx
+// src/components/core/layouts/AppPageHeader.tsx
 function c({ icon: c, titleKey: l, descriptionKey: u, actions: d, onBack: f, renderPreActions: p, className: m, inline: h }) {
-	let { t: g } = e();
+	let { t: g } = i();
 	return r(g(l)), /* @__PURE__ */ o("div", {
 		className: "flex flex-row items-center justify-between gap-3 md:gap-4",
 		children: [/* @__PURE__ */ o("div", {
 			className: "flex min-w-0 items-center gap-3 md:gap-4",
 			children: [
-				f && /* @__PURE__ */ a(t, {
+				f && /* @__PURE__ */ a(e, {
 					variant: "ghost",
 					size: "icon",
 					className: "shrink-0",
@@ -25,7 +25,7 @@ function c({ icon: c, titleKey: l, descriptionKey: u, actions: d, onBack: f, ren
 					className: "size-12 shrink-0 bg-blue-100 rounded-control flex items-center justify-center",
 					children: /* @__PURE__ */ a(c, { className: "h-6 w-6 text-blue-600" })
 				}),
-				/* @__PURE__ */ a(i, {
+				/* @__PURE__ */ a(n, {
 					titleKey: l,
 					descriptionKey: u,
 					inline: h
@@ -33,12 +33,11 @@ function c({ icon: c, titleKey: l, descriptionKey: u, actions: d, onBack: f, ren
 			]
 		}), /* @__PURE__ */ o("div", {
 			className: "flex shrink-0 items-center gap-2 md:gap-4",
-			children: [p && p(), /* @__PURE__ */ a(n, {
+			children: [p && p(), /* @__PURE__ */ a(t, {
 				actions: d,
 				className: m
 			})]
 		})]
 	});
 }
-//#endregion
 export { c as AppPageHeader };

package/dist/components/core/layouts/AppSubTitle.js

@@ -1,7 +1,7 @@
 import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
 import { AppActions as t } from "./AppActions.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/core/layouts/AppSubTitle.tsx
+// src/components/core/layouts/AppSubTitle.tsx
 function i({ titleKey: i, actions: a, className: o }) {
 	let { t: s } = e();
 	return /* @__PURE__ */ r("div", {
@@ -15,5 +15,4 @@ function i({ titleKey: i, actions: a, className: o }) {
 		})]
 	});
 }
-//#endregion
 export { i as AppSubTitle };

package/dist/components/core/layouts/AppTitle.js

@@ -1,7 +1,7 @@
 import { cn as e } from "../../../helpers/tailwind.helper.js";
 import { useKrosoftTranslation as t } from "../../../i18n/useKrosoftTranslation.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/core/layouts/AppTitle.tsx
+// src/components/core/layouts/AppTitle.tsx
 function i({ titleKey: i, descriptionKey: a, isSubTitle: o, inline: s }) {
 	let { t: c } = t(), l = o ? "text-xl md:text-2xl font-semibold" : "text-xl md:text-3xl font-bold";
 	return s ? /* @__PURE__ */ r("div", {
@@ -24,5 +24,4 @@ function i({ titleKey: i, descriptionKey: a, isSubTitle: o, inline: s }) {
 		}) : null]
 	});
 }
-//#endregion
 export { i as AppTitle };

package/dist/components/core/layouts/KpiCardsLayout.js

@@ -2,7 +2,6 @@ import { KpiCards as e } from "../cards/KpiCards.js";
 import { SkeletonCards as t } from "../cards/SkeletonCards.js";
 import { ErrorState as n } from "../states/ErrorState.js";
 import { jsx as r } from "react/jsx-runtime";
-//#region src/components/core/layouts/KpiCardsLayout.tsx
+// src/components/core/layouts/KpiCardsLayout.tsx
 var i = ({ stats: i, isLoading: a, error: o }) => a ? /* @__PURE__ */ r(t, { count: 4 }) : o ? /* @__PURE__ */ r(n, { message: o.message }) : /* @__PURE__ */ r(e, { stats: i });
-//#endregion
 export { i as KpiCardsLayout };

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

@@ -1,6 +1,6 @@
 import { AppActions as e } from "./AppActions.js";
-import { AppSubTitle as t } from "./AppSubTitle.js";
-import { AppTitle as n } from "./AppTitle.js";
-import { AppPageHeader as r } from "./AppPageHeader.js";
+import { AppPageHeader as t } from "./AppPageHeader.js";
+import { AppSubTitle as n } from "./AppSubTitle.js";
+import { AppTitle as r } from "./AppTitle.js";
 import { KpiCardsLayout as i } from "./KpiCardsLayout.js";
-export { e as AppActions, r as AppPageHeader, t as AppSubTitle, n as AppTitle, i as KpiCardsLayout };
+export { e as AppActions, t as AppPageHeader, n as AppSubTitle, r as AppTitle, i as KpiCardsLayout };

package/dist/components/core/markdown/AppMarkdown.js

@@ -7,7 +7,7 @@ import { useLocation as a, useNavigate as o } from "react-router-dom";
 import s from "react-markdown";
 import c from "rehype-slug";
 import l from "remark-gfm";
-//#region src/components/core/markdown/AppMarkdown.tsx
+// src/components/core/markdown/AppMarkdown.tsx
 var u = ({ content: u, headingAnchors: d = !0 }) => {
 	let f = a(), p = o(), { hash: m } = f;
 	r(() => {
@@ -130,5 +130,4 @@ var u = ({ content: u, headingAnchors: d = !0 }) => {
 		children: u
 	});
 };
-//#endregion
 export { u as AppMarkdown };

package/dist/components/core/markdown/AppMarkdownHeading.js

@@ -1,16 +1,16 @@
 import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { useKrosoftTranslation as t } from "../../../i18n/useKrosoftTranslation.js";
-import { useNotifications as n } from "../../../hooks/ui/useNotifications.js";
+import { useNotifications as t } from "../../../hooks/ui/useNotifications.js";
+import { useKrosoftTranslation as n } from "../../../i18n/useKrosoftTranslation.js";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { LinkIcon as a } from "lucide-react";
 import { useLocation as o, useNavigate as s } from "react-router-dom";
-//#region src/components/core/markdown/AppMarkdownHeading.tsx
+// src/components/core/markdown/AppMarkdownHeading.tsx
 var c = {
 	2: "h2",
 	3: "h3",
 	4: "h4"
 }, l = ({ level: l, className: u, id: d, anchor: f = !0, children: p }) => {
-	let { t: m } = t(), { showSuccess: h, showError: g } = n(), _ = o(), v = s(), y = c[l];
+	let { t: m } = n(), { showSuccess: h, showError: g } = t(), _ = o(), v = s(), y = c[l];
 	if (!f || !d) return /* @__PURE__ */ r(y, {
 		id: d,
 		className: u,
@@ -41,5 +41,4 @@ var c = {
 		})]
 	});
 };
-//#endregion
 export { l as AppMarkdownHeading };

package/dist/components/core/navbar/GlobalSearch.js

@@ -1,13 +1,13 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { useKrosoftTranslation as t } from "../../../i18n/useKrosoftTranslation.js";
+import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
+import { cn as t } from "../../../helpers/tailwind.helper.js";
 import { Button as n } from "../../ui/button.js";
 import { CommandDialog as r, CommandEmpty as i, CommandGroup as a, CommandInput as o, CommandItem as s, CommandList as c } from "../../ui/command.js";
 import * as l from "react";
 import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
 import { ClockIcon as p, LoaderCircleIcon as m, SearchIcon as h, XIcon as g } from "lucide-react";
-//#region src/components/core/navbar/GlobalSearch.tsx
+// src/components/core/navbar/GlobalSearch.tsx
 var _ = ({ groups: _, search: v, onSearch: y, onSelect: b, loading: x = !1, open: S, onOpenChange: C, trigger: w = !0, triggerLabel: T, shortcut: E = !0, shortcutLabel: D = "Ctrl+K", history: O, onHistorySelect: k, onHistoryRemove: A, historyHeading: j, removeFromHistoryLabel: M, placeholder: N, emptyLabel: P, loadingLabel: F, title: I, description: L, hint: R, className: z }) => {
-	let { t: B } = t(), [V, H] = l.useState(!1), U = S !== void 0, W = U ? S : V, G = l.useCallback((e) => {
+	let { t: B } = e(), [V, H] = l.useState(!1), U = S !== void 0, W = U ? S : V, G = l.useCallback((e) => {
 		U || H(e), C?.(e);
 	}, [U, C]);
 	l.useEffect(() => {
@@ -90,32 +90,32 @@ var _ = ({ groups: _, search: v, onSearch: y, onSelect: b, loading: x = !1, open
 						]
 					}, `history-${e}`))
 				}),
-				_.map((t) => t.items.length === 0 ? null : /* @__PURE__ */ d(a, {
-					heading: t.heading,
-					children: t.items.map((t) => {
-						let n = t.icon;
+				_.map((e) => e.items.length === 0 ? null : /* @__PURE__ */ d(a, {
+					heading: e.heading,
+					children: e.items.map((e) => {
+						let n = e.icon;
 						return /* @__PURE__ */ f(s, {
-							value: t.key,
+							value: e.key,
 							className: "gap-3 px-2 py-2",
 							onSelect: () => {
-								K(t);
+								K(e);
 							},
 							children: [n && /* @__PURE__ */ d("span", {
-								className: e("flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", t.iconClassName),
+								className: t("flex size-8 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", e.iconClassName),
 								children: /* @__PURE__ */ d(n, { className: "size-4" })
 							}), /* @__PURE__ */ f("span", {
 								className: "flex min-w-0 flex-1 flex-col",
 								children: [/* @__PURE__ */ d("span", {
 									className: "truncate font-medium",
-									children: t.label
-								}), t.description !== void 0 && t.description !== "" && /* @__PURE__ */ d("span", {
+									children: e.label
+								}), e.description !== void 0 && e.description !== "" && /* @__PURE__ */ d("span", {
 									className: "truncate text-xs text-muted-foreground",
-									children: t.description
+									children: e.description
 								})]
 							})]
-						}, t.key);
+						}, e.key);
 					})
-				}, t.heading))
+				}, e.heading))
 			] }),
 			R !== void 0 && q && !x && /* @__PURE__ */ d("div", {
 				className: "border-t border-border p-2 text-center text-xs text-muted-foreground",
@@ -124,5 +124,4 @@ var _ = ({ groups: _, search: v, onSearch: y, onSelect: b, loading: x = !1, open
 		]
 	})] });
 };
-//#endregion
 export { _ as GlobalSearch };

package/dist/components/core/navbar/NotificationsBell.js

@@ -1,14 +1,14 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { useKrosoftTranslation as t } from "../../../i18n/useKrosoftTranslation.js";
+import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
+import { cn as t } from "../../../helpers/tailwind.helper.js";
 import { Button as n } from "../../ui/button.js";
 import { Popover as r, PopoverContent as i, PopoverTrigger as a } from "../../ui/popover.js";
 import { ScrollArea as o } from "../../ui/scroll-area.js";
 import * as s from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { BellIcon as u, Trash2Icon as d } from "lucide-react";
-//#region src/components/core/navbar/NotificationsBell.tsx
+// src/components/core/navbar/NotificationsBell.tsx
 var f = 9, p = ({ items: p, onSelect: m, onMarkAllAsRead: h, onRemove: g, onSeeAll: _, isLoading: v = !1, unreadCount: y, maxBadgeCount: b = f, open: x, onOpenChange: S, triggerLabel: C, title: w, emptyLabel: T, loadingLabel: E, markAllAsReadLabel: D, removeLabel: O, seeAllLabel: k, className: A, contentClassName: j, badgeClassName: M, itemClassName: N, unreadItemClassName: P }) => {
-	let { t: F } = t(), [I, L] = s.useState(!1), R = x !== void 0, z = R ? x : I, B = (e) => {
+	let { t: F } = e(), [I, L] = s.useState(!1), R = x !== void 0, z = R ? x : I, B = (e) => {
 		R || L(e), S?.(e);
 	}, V = y ?? p.filter((e) => !e.read).length, H = C ?? F("notifications.trigger"), U = (e) => {
 		B(!1), m?.(e);
@@ -22,17 +22,17 @@ var f = 9, p = ({ items: p, onSelect: m, onMarkAllAsRead: h, onRemove: g, onSeeA
 				type: "button",
 				variant: "ghost",
 				size: "icon",
-				className: e("relative rounded-control", A),
+				className: t("relative rounded-control", A),
 				"aria-label": V > 0 ? `${H} (${String(V)})` : H,
 				title: H,
 				children: [/* @__PURE__ */ c(u, { className: "size-4" }), V > 0 && /* @__PURE__ */ c("span", {
-					className: e("absolute right-1 top-1 flex size-4 items-center justify-center rounded-full bg-primary text-[10px] font-bold leading-none text-primary-foreground", M),
+					className: t("absolute right-1 top-1 flex size-4 items-center justify-center rounded-full bg-primary text-[10px] font-bold leading-none text-primary-foreground", M),
 					children: V > b ? `${String(b)}+` : V
 				})]
 			})
 		}), /* @__PURE__ */ l(i, {
 			align: "end",
-			className: e("w-80 p-0", j),
+			className: t("w-80 p-0", j),
 			children: [
 				/* @__PURE__ */ l("div", {
 					className: "flex items-center justify-between gap-2 border-b px-3 py-2",
@@ -60,39 +60,39 @@ var f = 9, p = ({ items: p, onSelect: m, onMarkAllAsRead: h, onRemove: g, onSeeA
 					viewportClassName: "max-h-96",
 					children: /* @__PURE__ */ c("ul", {
 						className: "divide-y",
-						children: p.map((t) => {
-							let r = t.icon;
+						children: p.map((e) => {
+							let r = e.icon;
 							return /* @__PURE__ */ l("li", {
-								className: e("flex items-start gap-2 px-3 py-2", !t.read && (P ?? "bg-accent/40"), N),
+								className: t("flex items-start gap-2 px-3 py-2", !e.read && (P ?? "bg-accent/40"), N),
 								children: [/* @__PURE__ */ l("button", {
 									type: "button",
 									className: "flex min-w-0 flex-1 items-start gap-2 rounded-sm text-left focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
 									onClick: () => {
-										U(t);
+										U(e);
 									},
 									children: [r && /* @__PURE__ */ c("span", {
-										className: e("mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground", t.iconClassName),
+										className: t("mt-0.5 flex size-6 shrink-0 items-center justify-center rounded-md bg-muted text-muted-foreground", e.iconClassName),
 										children: /* @__PURE__ */ c(r, { className: "size-3.5" })
 									}), /* @__PURE__ */ l("span", {
 										className: "min-w-0 flex-1 space-y-0.5",
 										children: [
 											/* @__PURE__ */ l("span", {
 												className: "flex items-center gap-2",
-												children: [!t.read && /* @__PURE__ */ c("span", {
+												children: [!e.read && /* @__PURE__ */ c("span", {
 													className: "size-1.5 shrink-0 rounded-full bg-primary",
 													"aria-hidden": !0
 												}), /* @__PURE__ */ c("span", {
-													className: e("truncate text-sm", !t.read && "font-medium"),
-													children: t.title
+													className: t("truncate text-sm", !e.read && "font-medium"),
+													children: e.title
 												})]
 											}),
-											t.description && /* @__PURE__ */ c("span", {
+											e.description && /* @__PURE__ */ c("span", {
 												className: "block text-xs text-muted-foreground",
-												children: t.description
+												children: e.description
 											}),
-											t.date && /* @__PURE__ */ c("span", {
+											e.date && /* @__PURE__ */ c("span", {
 												className: "block text-xs text-muted-foreground/60",
-												children: t.date
+												children: e.date
 											})
 										]
 									})]
@@ -102,13 +102,13 @@ var f = 9, p = ({ items: p, onSelect: m, onMarkAllAsRead: h, onRemove: g, onSeeA
 									size: "icon",
 									className: "size-7 shrink-0 text-muted-foreground hover:text-destructive",
 									onClick: () => {
-										g(t);
+										g(e);
 									},
 									"aria-label": O ?? F("notifications.remove"),
 									title: O ?? F("notifications.remove"),
 									children: /* @__PURE__ */ c(d, { className: "size-3.5" })
 								})]
-							}, t.key);
+							}, e.key);
 						})
 					})
 				}),
@@ -129,5 +129,4 @@ var f = 9, p = ({ items: p, onSelect: m, onMarkAllAsRead: h, onRemove: g, onSeeA
 		})]
 	});
 };
-//#endregion
 export { p as NotificationsBell };

package/dist/components/core/navbar/Sidebar.js

@@ -1,17 +1,17 @@
-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 { Sheet as r, SheetContent as i, SheetDescription as a, SheetTitle as o } from "../../ui/sheet.js";
-import { Skeleton as s } from "../../ui/skeleton.js";
-import { TooltipProvider as c } from "../../ui/tooltip.js";
-import { SidebarNavItem as l } from "./SidebarNavItem.js";
-import { useSidebar as u } from "../../../hooks/behavior/useSidebar.js";
+import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
+import { TooltipProvider as t } from "../../ui/tooltip.js";
+import { cn as n } from "../../../helpers/tailwind.helper.js";
+import { SidebarNavItem as r } from "./SidebarNavItem.js";
+import { useSidebar as i } from "../../../hooks/behavior/useSidebar.js";
+import { Sheet as a, SheetContent as o, SheetDescription as s, SheetTitle as c } from "../../ui/sheet.js";
+import { Input as l } from "../../ui/input.js";
+import { Skeleton as u } from "../../ui/skeleton.js";
 import * as d from "react";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { SearchIcon as m } from "lucide-react";
-//#region src/components/core/navbar/Sidebar.tsx
+// src/components/core/navbar/Sidebar.tsx
 var h = ({ groups: h, currentPath: g, onItemClick: _, slots: v, search: y, dense: b = !1, loading: x = !1, showCloseButton: S = !0 }) => {
-	let { t: C } = t(), { enabled: w = !1, placeholder: T } = y ?? {}, { header: E, footer: D } = v ?? {}, { collapsed: O, isMobile: k, setCollapsed: A } = u(), [j, M] = d.useState(""), N = !k && O, P = !O, F = (e) => {
+	let { t: C } = e(), { enabled: w = !1, placeholder: T } = y ?? {}, { header: E, footer: D } = v ?? {}, { collapsed: O, isMobile: k, setCollapsed: A } = i(), [j, M] = d.useState(""), N = !k && O, P = !O, F = (e) => {
 		_(e), k && A(!0);
 	}, I = j.trim().toLowerCase(), L = I === "" ? h : h.map((e) => ({
 		...e,
@@ -21,33 +21,33 @@ var h = ({ groups: h, currentPath: g, onItemClick: _, slots: v, search: y, dense
 		children: [
 			E,
 			w && !N && /* @__PURE__ */ f("div", {
-				className: e("px-4", b ? "pt-2" : "pt-4"),
+				className: n("px-4", b ? "pt-2" : "pt-4"),
 				children: /* @__PURE__ */ p("div", {
 					className: "relative",
-					children: [/* @__PURE__ */ f(m, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-sidebar-muted" }), /* @__PURE__ */ f(n, {
+					children: [/* @__PURE__ */ f(m, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-sidebar-muted" }), /* @__PURE__ */ f(l, {
 						type: "search",
 						value: j,
 						onChange: (e) => {
 							M(e.target.value);
 						},
 						placeholder: T ?? C("search.placeholder"),
-						className: e("bg-sidebar-accent/40 border-sidebar-border pl-9 text-sidebar-foreground placeholder:text-sidebar-muted", b ? "h-8 text-sm" : "h-9")
+						className: n("bg-sidebar-accent/40 border-sidebar-border pl-9 text-sidebar-foreground placeholder:text-sidebar-muted", b ? "h-8 text-sm" : "h-9")
 					})]
 				})
 			}),
 			/* @__PURE__ */ f("div", {
-				className: e("flex-1 overflow-y-auto scrollbar-modern", N ? "px-0" : "px-2", b ? "py-2" : "py-4"),
-				children: x ? Array.from({ length: 5 }).map((t, n) => /* @__PURE__ */ p("div", {
-					className: e("flex items-center gap-3", b ? "mb-1 h-9" : "mb-2 h-12", N ? "justify-center px-3" : "px-4"),
-					children: [/* @__PURE__ */ f(s, { className: "size-5 flex-shrink-0 rounded-control" }), !N && /* @__PURE__ */ f(s, { className: "h-4 flex-1" })]
-				}, n)) : L.map((t, n) => /* @__PURE__ */ p("div", {
+				className: n("flex-1 overflow-y-auto scrollbar-modern", N ? "px-0" : "px-2", b ? "py-2" : "py-4"),
+				children: x ? Array.from({ length: 5 }).map((e, t) => /* @__PURE__ */ p("div", {
+					className: n("flex items-center gap-3", b ? "mb-1 h-9" : "mb-2 h-12", N ? "justify-center px-3" : "px-4"),
+					children: [/* @__PURE__ */ f(u, { className: "size-5 flex-shrink-0 rounded-control" }), !N && /* @__PURE__ */ f(u, { className: "h-4 flex-1" })]
+				}, t)) : L.map((e, t) => /* @__PURE__ */ p("div", {
 					className: b ? "mb-7" : "mb-10",
-					children: [!N && t.title !== void 0 && t.title !== "" && /* @__PURE__ */ f("h3", {
-						className: e("px-4 text-xs uppercase tracking-wider font-semibold text-sidebar-muted", b ? "mb-3" : "mb-4"),
-						children: t.title
+					children: [!N && e.title !== void 0 && e.title !== "" && /* @__PURE__ */ f("h3", {
+						className: n("px-4 text-xs uppercase tracking-wider font-semibold text-sidebar-muted", b ? "mb-3" : "mb-4"),
+						children: e.title
 					}), /* @__PURE__ */ f("nav", {
-						className: e("flex flex-col", b ? "gap-0.5" : "gap-1"),
-						children: t.items.map((e, t) => /* @__PURE__ */ f(l, {
+						className: n("flex flex-col", b ? "gap-0.5" : "gap-1"),
+						children: e.items.map((e, t) => /* @__PURE__ */ f(r, {
 							...e,
 							currentPath: g,
 							collapsed: N,
@@ -55,38 +55,38 @@ var h = ({ groups: h, currentPath: g, onItemClick: _, slots: v, search: y, dense
 							onItemClick: F
 						}, t))
 					})]
-				}, n))
+				}, t))
 			}),
 			D && /* @__PURE__ */ f("div", {
-				className: e("border-t border-sidebar-border", b ? "p-2" : "p-4", N ? "flex justify-center" : ""),
+				className: n("border-t border-sidebar-border", b ? "p-2" : "p-4", N ? "flex justify-center" : ""),
 				children: D
 			})
 		]
 	});
-	return k ? /* @__PURE__ */ f(r, {
+	return k ? /* @__PURE__ */ f(a, {
 		open: P,
 		onOpenChange: (e) => {
 			A(!e);
 		},
-		children: /* @__PURE__ */ p(i, {
+		children: /* @__PURE__ */ p(o, {
 			side: "left",
-			className: e("w-[16rem] p-0 bg-sidebar border-r border-sidebar-border overflow-hidden", S ? "[&>button]:text-sidebar-foreground" : "[&>button]:hidden"),
+			className: n("w-[16rem] p-0 bg-sidebar border-r border-sidebar-border overflow-hidden", S ? "[&>button]:text-sidebar-foreground" : "[&>button]:hidden"),
 			children: [
-				/* @__PURE__ */ f(o, {
+				/* @__PURE__ */ f(c, {
 					className: "sr-only",
 					children: C("sidebar.menu")
 				}),
-				/* @__PURE__ */ f(a, {
+				/* @__PURE__ */ f(s, {
 					className: "sr-only",
 					children: C("sidebar.description")
 				}),
 				R
 			]
 		})
-	}) : /* @__PURE__ */ f(c, {
+	}) : /* @__PURE__ */ f(t, {
 		delayDuration: 0,
 		children: /* @__PURE__ */ f("aside", {
-			className: e("flex flex-col bg-sidebar h-screen border-r border-sidebar-border transition-all duration-300", N ? "w-[--navbar-width-icon]" : "w-[--navbar-width]", "flex"),
+			className: n("flex flex-col bg-sidebar h-screen border-r border-sidebar-border transition-all duration-300", N ? "w-[--navbar-width-icon]" : "w-[--navbar-width]", "flex"),
 			style: {
 				"--navbar-width": "16rem",
 				"--navbar-width-icon": "4rem"
@@ -95,5 +95,4 @@ var h = ({ groups: h, currentPath: g, onItemClick: _, slots: v, search: y, dense
 		})
 	});
 };
-//#endregion
 export { h as Sidebar };

package/dist/components/core/navbar/SidebarHeader.js

@@ -2,7 +2,7 @@ import { cn as e } from "../../../helpers/tailwind.helper.js";
 import { useSidebar as t } from "../../../hooks/behavior/useSidebar.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/core/navbar/SidebarHeader.tsx
+// src/components/core/navbar/SidebarHeader.tsx
 var i = ({ name: i = "appname", subName: a = "appsubname", icon: o, dense: s = !1 }) => {
 	let { collapsed: c, isMobile: l } = t(), u = !l && c;
 	return /* @__PURE__ */ r("div", {
@@ -22,5 +22,4 @@ var i = ({ name: i = "appname", subName: a = "appsubname", icon: o, dense: s = !
 		})]
 	});
 };
-//#endregion
 export { i as SidebarHeader };