@krosoft/react 0.0.390 → 0.0.392

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

@@ -1,35 +1,35 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { Tooltip as t, TooltipContent as n, TooltipTrigger as r } from "../../ui/tooltip.js";
+import { Tooltip as e, TooltipContent as t, TooltipTrigger as n } from "../../ui/tooltip.js";
+import { cn as r } from "../../../helpers/tailwind.helper.js";
 import * as i from "react";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
 import { ChevronDownIcon as c } from "lucide-react";
-//#region src/components/core/navbar/SidebarNavItem.tsx
+// src/components/core/navbar/SidebarNavItem.tsx
 var l = (e, t, n) => t === e ? !0 : e === "/" || !t.startsWith(`${e}/`) ? !1 : !n.some((n) => n !== e && n.startsWith(`${e}/`) && (t === n || t.startsWith(`${n}/`))), u = ({ path: u, icon: d, label: f, badge: p, subItems: m, currentPath: h, collapsed: g, dense: _ = !1, onItemClick: v }) => {
 	let y = m?.map((e) => e.path) ?? [], [b, x] = i.useState(m?.some((e) => l(e.path, h, y)) ?? !1), S = u ? h === u || u !== "/" && h.startsWith(`${u}/`) : !1, C = m?.some((e) => l(e.path, h, y)), w = S || !g && C, T = /* @__PURE__ */ s("a", {
 		href: u ?? "#",
 		onClick: (e) => {
 			e.ctrlKey || e.metaKey || e.button === 1 || (e.preventDefault(), m && m.length > 0 ? g || x(!b) : u && v(u));
 		},
-		className: e("flex items-center cursor-pointer transition-all duration-200 group rounded-control", _ ? "gap-2.5  mb-0.5" : "gap-3  mb-1", g ? _ ? "justify-center p-2 h-9 w-9 mx-auto" : "justify-center p-3 h-12 w-12 mx-auto" : _ ? "px-3 py-1.5 h-9" : "px-4 py-3 h-12", w ? "bg-sidebar-primary/10 text-sidebar-primary font-semibold border border-sidebar-primary/40 [&_svg]:text-sidebar-primary" : "border border-transparent hover:bg-sidebar-accent text-sidebar-foreground hover:text-sidebar-accent-foreground"),
+		className: r("flex items-center cursor-pointer transition-all duration-200 group rounded-control", _ ? "gap-2.5  mb-0.5" : "gap-3  mb-1", g ? _ ? "justify-center p-2 h-9 w-9 mx-auto" : "justify-center p-3 h-12 w-12 mx-auto" : _ ? "px-3 py-1.5 h-9" : "px-4 py-3 h-12", w ? "bg-sidebar-primary/10 text-sidebar-primary font-semibold border border-sidebar-primary/40 [&_svg]:text-sidebar-primary" : "border border-transparent hover:bg-sidebar-accent text-sidebar-foreground hover:text-sidebar-accent-foreground"),
 		children: [/* @__PURE__ */ o("div", {
-			className: e("flex-shrink-0 transition-transform group-hover:scale-110", g ? "flex items-center justify-center" : ""),
-			children: /* @__PURE__ */ o(d, { className: e("size-4", w && "text-sidebar-primary") })
+			className: r("flex-shrink-0 transition-transform group-hover:scale-110", g ? "flex items-center justify-center" : ""),
+			children: /* @__PURE__ */ o(d, { className: r("size-4", w && "text-sidebar-primary") })
 		}), !g && /* @__PURE__ */ s(a, { children: [
 			/* @__PURE__ */ o("span", {
-				className: e("flex-grow transition-opacity duration-150", w ? "font-semibold" : "font-medium", _ ? "text-sm" : ""),
+				className: r("flex-grow transition-opacity duration-150", w ? "font-semibold" : "font-medium", _ ? "text-sm" : ""),
 				children: f
 			}),
 			p !== void 0 && /* @__PURE__ */ o("span", {
 				className: "bg-red-500 text-white text-xs rounded-full py-1 min-w-[20px] text-center px-2 font-semibold",
 				children: p
 			}),
-			m && m.length > 0 && /* @__PURE__ */ o(c, { className: e("size-4 transition-transform duration-200", b ? "rotate-180" : "") })
+			m && m.length > 0 && /* @__PURE__ */ o(c, { className: r("size-4 transition-transform duration-200", b ? "rotate-180" : "") })
 		] })]
 	});
-	return /* @__PURE__ */ s(a, { children: [g ? /* @__PURE__ */ s(t, { children: [/* @__PURE__ */ o(r, {
+	return /* @__PURE__ */ s(a, { children: [g ? /* @__PURE__ */ s(e, { children: [/* @__PURE__ */ o(n, {
 		asChild: !0,
 		children: T
-	}), /* @__PURE__ */ o(n, {
+	}), /* @__PURE__ */ o(t, {
 		side: "right",
 		sideOffset: 6,
 		className: "rounded-surface z-[99999] flex gap-2 bg-sidebar text-sidebar-foreground border border-sidebar-border py-2 text-sm shadow-lg",
@@ -51,22 +51,21 @@ var l = (e, t, n) => t === e ? !0 : e === "/" || !t.startsWith(`${e}/`) ? !1 : !
 			})
 		})
 	})] }) : T, !g && m && m.length > 0 && b && /* @__PURE__ */ o("div", {
-		className: e("flex flex-col ml-4 pl-4 border-l-2 border-sidebar-border/50 animate-in slide-in-from-top-2 fade-in duration-200", _ ? "gap-0.5 mb-0.5" : "gap-1 mb-2"),
-		children: m.map((t, n) => {
-			let r = l(t.path, h, y);
+		className: r("flex flex-col ml-4 pl-4 border-l-2 border-sidebar-border/50 animate-in slide-in-from-top-2 fade-in duration-200", _ ? "gap-0.5 mb-0.5" : "gap-1 mb-2"),
+		children: m.map((e, t) => {
+			let n = l(e.path, h, y);
 			return /* @__PURE__ */ s("a", {
-				href: t.path,
-				onClick: (e) => {
-					e.ctrlKey || e.metaKey || e.button === 1 || (e.preventDefault(), v(t.path));
+				href: e.path,
+				onClick: (t) => {
+					t.ctrlKey || t.metaKey || t.button === 1 || (t.preventDefault(), v(e.path));
 				},
-				className: e("flex items-center justify-between rounded-control text-sm transition-all duration-200", _ ? "px-3 py-1" : "px-4 py-2", r ? "bg-sidebar-accent/50 text-sidebar-primary font-semibold" : "text-sidebar-muted hover:bg-sidebar-accent hover:text-sidebar-foreground"),
-				children: [/* @__PURE__ */ o("span", { children: t.label }), t.badge !== void 0 && /* @__PURE__ */ o("span", {
+				className: r("flex items-center justify-between rounded-control text-sm transition-all duration-200", _ ? "px-3 py-1" : "px-4 py-2", n ? "bg-sidebar-accent/50 text-sidebar-primary font-semibold" : "text-sidebar-muted hover:bg-sidebar-accent hover:text-sidebar-foreground"),
+				children: [/* @__PURE__ */ o("span", { children: e.label }), e.badge !== void 0 && /* @__PURE__ */ o("span", {
 					className: "bg-sidebar-primary/20 text-sidebar-primary text-[10px] rounded-full py-0.5 px-2 font-semibold",
-					children: t.badge
+					children: e.badge
 				})]
-			}, n);
+			}, t);
 		})
 	})] });
 };
-//#endregion
 export { u as SidebarNavItem };

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

@@ -1,15 +1,15 @@
-import { cn as e } from "../../../helpers/tailwind.helper.js";
-import { Button as t } from "../../ui/button.js";
+import { Button as e } from "../../ui/button.js";
+import { cn as t } from "../../../helpers/tailwind.helper.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { MenuIcon as i } from "lucide-react";
-//#region src/components/core/navbar/Topbar.tsx
+// src/components/core/navbar/Topbar.tsx
 var a = ({ collapsed: a, isMobile: o, onToggleSidebar: s, actionsNode: c, userMenuNode: l }) => /* @__PURE__ */ r("header", {
-	className: e("fixed top-0 right-0 z-[60] h-16 md:h-20 bg-topbar text-topbar-foreground flex items-center justify-between px-4 transition-all duration-300", o && "left-0", !o && a && "left-[5rem]", !o && !a && "left-[16rem]"),
+	className: t("fixed top-0 right-0 z-[60] h-16 md:h-20 bg-topbar text-topbar-foreground flex items-center justify-between px-4 transition-all duration-300", o && "left-0", !o && a && "left-[5rem]", !o && !a && "left-[16rem]"),
 	tabIndex: -1,
 	children: [/* @__PURE__ */ n("div", {
 		className: "flex items-center min-w-0 flex-1",
-		children: /* @__PURE__ */ n(t, {
+		children: /* @__PURE__ */ n(e, {
 			variant: "ghost",
 			size: "icon",
 			onClick: s,
@@ -21,5 +21,4 @@ var a = ({ collapsed: a, isMobile: o, onToggleSidebar: s, actionsNode: c, userMe
 		children: [c, l]
 	})]
 });
-//#endregion
 export { a as Topbar };

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

@@ -1,7 +1,7 @@
 import { GlobalSearch as e } from "./GlobalSearch.js";
 import { NotificationsBell as t } from "./NotificationsBell.js";
-import { SidebarNavItem as n } from "./SidebarNavItem.js";
-import { Sidebar as r } from "./Sidebar.js";
-import { SidebarHeader as i } from "./SidebarHeader.js";
+import { Sidebar as n } from "./Sidebar.js";
+import { SidebarHeader as r } from "./SidebarHeader.js";
+import { SidebarNavItem as i } from "./SidebarNavItem.js";
 import { Topbar as a } from "./Topbar.js";
-export { e as GlobalSearch, t as NotificationsBell, r as Sidebar, i as SidebarHeader, n as SidebarNavItem, a as Topbar };
+export { e as GlobalSearch, t as NotificationsBell, n as Sidebar, r as SidebarHeader, i as SidebarNavItem, a as Topbar };

package/dist/components/core/states/ErrorAlert.js

@@ -3,7 +3,7 @@ import { Alert as t, AlertDescription as n } from "../../ui/alert.js";
 import "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { AlertTriangle as a } from "lucide-react";
-//#region src/components/core/states/ErrorAlert.tsx
+// src/components/core/states/ErrorAlert.tsx
 var o = (e) => e instanceof Error ? {} : {
 	code: e.code,
 	errors: e.errors ?? void 0
@@ -33,5 +33,4 @@ var o = (e) => e instanceof Error ? {} : {
 		})] })]
 	});
 };
-//#endregion
 export { s as ErrorAlert };

package/dist/components/core/states/ErrorState.js

@@ -1,6 +1,6 @@
 import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/core/states/ErrorState.tsx
+// src/components/core/states/ErrorState.tsx
 var r = ({ message: r }) => {
 	let { t: i } = e();
 	return /* @__PURE__ */ n("div", {
@@ -14,5 +14,4 @@ var r = ({ message: r }) => {
 		}) : null]
 	});
 };
-//#endregion
 export { r as ErrorState };

package/dist/components/core/states/LoadingState.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
 import { Loader2Icon as n } from "lucide-react";
-//#region src/components/core/states/LoadingState.tsx
+// src/components/core/states/LoadingState.tsx
 var r = ({ message: r }) => /* @__PURE__ */ t("div", {
 	className: "flex flex-col items-center justify-center p-12 text-muted-foreground animate-fade-in",
 	children: [/* @__PURE__ */ e(n, { className: "size-8 animate-spin mb-4 text-primary" }), r !== void 0 && r !== "" ? /* @__PURE__ */ e("p", {
@@ -8,5 +8,4 @@ var r = ({ message: r }) => /* @__PURE__ */ t("div", {
 		children: r
 	}) : null]
 });
-//#endregion
 export { r as LoadingState };

package/dist/components/core/table/DataTable.js

@@ -8,7 +8,7 @@ import { TablePagination as o } from "./TablePagination.js";
 import { TableSettings as s } from "./TableSettings.js";
 import { useMemo as c } from "react";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/components/core/table/DataTable.tsx
+// src/components/core/table/DataTable.tsx
 function d({ data: d, isLoading: te = !1, error: f = null, config: p, server: m }) {
 	let { columns: h, rowKey: g, rowSelectable: _, onRowClick: v, onRowNavigate: y, rowNavigable: b, actions: x, bulkActions: S } = p, ne = p.pageSizeDefault ?? n, re = p.pageSizeOptions ?? r, C = p.dense ?? !1, w = p.bordered ?? !1, T = p.draggableColumns ?? !1, E = p.resizableColumns ?? !1, D = p.columnVisibility ?? !1, O = p.fixedActions ?? !1, { sortColumn: k, sortDirection: A, selectedRows: j, setSelectedRows: M, visibleColumns: N, columnWidths: P, safeCurrentPage: F, totalPages: I, startIndex: L, endIndex: R, tableRef: z, hasActions: B, hasBulkActions: V, visibleColumnsArray: H, colSpanCount: ie, paginatedData: U, handleSort: W, handleMouseDown: G, handleDragStart: K, handleDragOver: q, handleDrop: J, toggleColumnVisibility: Y, setColumnsVisibility: ae, toggleRowSelection: oe, toggleSelectAll: se, pageSize: ce, setPageSize: le, setCurrentPage: ue } = e({
 		data: d,
@@ -104,5 +104,4 @@ function d({ data: d, isLoading: te = !1, error: f = null, config: p, server: m
 		})]
 	});
 }
-//#endregion
 export { d as DataTable };

package/dist/components/core/table/JsonTableOutput.js

@@ -1,24 +1,24 @@
-import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
-import { Label as t } from "../../ui/label.js";
-import { SimpleTable as n, SimpleTableBody as r, SimpleTableCell as i, SimpleTableHead as a, SimpleTableHeader as o, SimpleTableRow as s } from "../../ui/simple-table.js";
-import { Switch as c } from "../../ui/switch.js";
+import { Label as e } from "../../ui/label.js";
+import { SimpleTable as t, SimpleTableBody as n, SimpleTableCell as r, SimpleTableHead as i, SimpleTableHeader as a, SimpleTableRow as o } from "../../ui/simple-table.js";
+import { Switch as s } from "../../ui/switch.js";
+import { useKrosoftTranslation as c } from "../../../i18n/useKrosoftTranslation.js";
 import { useState as l } from "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import { formatJsonValue as f, isRecord as p, tryParseJson as m } from "@krosoft/core/helpers";
-//#region src/components/core/table/JsonTableOutput.tsx
+// src/components/core/table/JsonTableOutput.tsx
 var h = ({ header: h, output: g }) => {
-	let { t: _ } = e(), [v, y] = l(!0), b = m(g), x = b !== null, S = () => /* @__PURE__ */ d("div", {
+	let { t: _ } = c(), [v, y] = l(!0), b = m(g), x = b !== null, S = () => /* @__PURE__ */ d("div", {
 		className: "flex items-center justify-between mb-2",
 		children: [/* @__PURE__ */ u("span", {
 			className: "font-medium text-sm",
 			children: h
 		}), /* @__PURE__ */ d("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ u(c, {
+			children: [/* @__PURE__ */ u(s, {
 				id: "table-mode",
 				checked: v,
 				onCheckedChange: y
-			}), /* @__PURE__ */ u(t, {
+			}), /* @__PURE__ */ u(e, {
 				htmlFor: "table-mode",
 				className: "text-xs",
 				children: _("table.tableMode")
@@ -26,7 +26,7 @@ var h = ({ header: h, output: g }) => {
 		})]
 	}), C = ({ children: e }) => /* @__PURE__ */ u("div", {
 		className: "border rounded min-w-0 w-full",
-		children: /* @__PURE__ */ u(n, { children: e })
+		children: /* @__PURE__ */ u(t, { children: e })
 	}), w = () => /* @__PURE__ */ u("pre", {
 		className: "text-xs bg-muted p-4 rounded overflow-x-auto whitespace-pre-wrap",
 		children: x && !v ? JSON.stringify(b, null, 2) : g
@@ -37,32 +37,32 @@ var h = ({ header: h, output: g }) => {
 			if (!x || !v) return /* @__PURE__ */ u(w, {});
 			if (Array.isArray(b) && b.length > 0 && p(b[0])) {
 				let e = b, t = Object.keys(e[0]);
-				return /* @__PURE__ */ d(C, { children: [/* @__PURE__ */ u(o, {
+				return /* @__PURE__ */ d(C, { children: [/* @__PURE__ */ u(a, {
 					className: "bg-muted/50",
-					children: /* @__PURE__ */ u(s, { children: t.map((e) => /* @__PURE__ */ u(a, {
+					children: /* @__PURE__ */ u(o, { children: t.map((e) => /* @__PURE__ */ u(i, {
 						className: "font-medium",
 						children: e
 					}, e)) })
-				}), /* @__PURE__ */ u(r, { children: e.map((e, n) => /* @__PURE__ */ u(s, { children: t.map((t) => /* @__PURE__ */ u(i, {
+				}), /* @__PURE__ */ u(n, { children: e.map((e, n) => /* @__PURE__ */ u(o, { children: t.map((t) => /* @__PURE__ */ u(r, {
 					className: "text-sm whitespace-pre-wrap",
 					children: f(e[t])
 				}, t)) }, n)) })] });
 			}
 			if (p(b)) {
 				let e = Object.entries(b);
-				return /* @__PURE__ */ d(C, { children: [/* @__PURE__ */ u(o, {
+				return /* @__PURE__ */ d(C, { children: [/* @__PURE__ */ u(a, {
 					className: "bg-muted/50",
-					children: /* @__PURE__ */ d(s, { children: [/* @__PURE__ */ u(a, {
+					children: /* @__PURE__ */ d(o, { children: [/* @__PURE__ */ u(i, {
 						className: "font-medium",
 						children: _("table.property")
-					}), /* @__PURE__ */ u(a, {
+					}), /* @__PURE__ */ u(i, {
 						className: "font-medium",
 						children: _("table.value")
 					})] })
-				}), /* @__PURE__ */ u(r, { children: e.map(([e, t]) => /* @__PURE__ */ d(s, { children: [/* @__PURE__ */ u(i, {
+				}), /* @__PURE__ */ u(n, { children: e.map(([e, t]) => /* @__PURE__ */ d(o, { children: [/* @__PURE__ */ u(r, {
 					className: "font-medium text-sm",
 					children: e
-				}), /* @__PURE__ */ u(i, {
+				}), /* @__PURE__ */ u(r, {
 					className: "text-sm whitespace-pre-wrap",
 					children: f(t)
 				})] }, e)) })] });
@@ -71,5 +71,4 @@ var h = ({ header: h, output: g }) => {
 		})()]
 	}) : null;
 };
-//#endregion
 export { h as JsonTableOutput };

package/dist/components/core/table/TableActions.js

@@ -1,62 +1,62 @@
-import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
-import { Button as t } from "../../ui/button.js";
-import { DropdownMenu as n, DropdownMenuContent as r, DropdownMenuItem as i, DropdownMenuTrigger as a } from "../../ui/dropdown-menu.js";
-import { Tooltip as o, TooltipContent as s, TooltipProvider as c, TooltipTrigger as l } from "../../ui/tooltip.js";
+import { Button as e } from "../../ui/button.js";
+import { Tooltip as t, TooltipContent as n, TooltipProvider as r, TooltipTrigger as i } from "../../ui/tooltip.js";
+import { DropdownMenu as a, DropdownMenuContent as o, DropdownMenuItem as s, DropdownMenuTrigger as c } from "../../ui/dropdown-menu.js";
+import { useKrosoftTranslation as l } from "../../../i18n/useKrosoftTranslation.js";
 import "react";
 import { jsx as u, jsxs as d } from "react/jsx-runtime";
 import { MoreVerticalIcon as f } from "lucide-react";
-//#region src/components/core/table/TableActions.tsx
+// src/components/core/table/TableActions.tsx
 function p({ actions: p, row: m }) {
-	let { t: h } = e(), g = p.filter((e) => e.visible === void 0 || e.visible(m));
+	let { t: h } = l(), g = p.filter((e) => e.visible === void 0 || e.visible(m));
 	if (g.length === 0) return null;
 	let _ = g.filter((e) => e.overflow !== !0), v = g.filter((e) => e.overflow === !0);
-	return /* @__PURE__ */ u(c, { children: /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ u(r, { children: /* @__PURE__ */ d("div", {
 		className: "flex items-center justify-end gap-1",
-		children: [_.map((e, n) => {
-			let r = e.icon, i = h(e.labelKey), a = e.disabled?.(m) ?? !1;
-			return e.iconOnly === !0 && r !== void 0 ? /* @__PURE__ */ d(o, { children: [/* @__PURE__ */ u(l, {
+		children: [_.map((r, a) => {
+			let o = r.icon, s = h(r.labelKey), c = r.disabled?.(m) ?? !1;
+			return r.iconOnly === !0 && o !== void 0 ? /* @__PURE__ */ d(t, { children: [/* @__PURE__ */ u(i, {
 				asChild: !0,
 				children: /* @__PURE__ */ u("span", {
 					className: "inline-flex",
-					tabIndex: a ? 0 : void 0,
-					children: /* @__PURE__ */ u(t, {
-						variant: e.variant ?? "ghost",
+					tabIndex: c ? 0 : void 0,
+					children: /* @__PURE__ */ u(e, {
+						variant: r.variant ?? "ghost",
 						size: "icon",
-						disabled: a,
-						"aria-label": i,
-						className: `h-7 w-7 text-muted-foreground hover:text-foreground ${e.className ?? ""}`,
-						onClick: (t) => {
-							t.stopPropagation(), e.onClick(m);
+						disabled: c,
+						"aria-label": s,
+						className: `h-7 w-7 text-muted-foreground hover:text-foreground ${r.className ?? ""}`,
+						onClick: (e) => {
+							e.stopPropagation(), r.onClick(m);
 						},
-						children: /* @__PURE__ */ u(r, { className: "size-3.5" })
+						children: /* @__PURE__ */ u(o, { className: "size-3.5" })
 					})
 				})
-			}), /* @__PURE__ */ u(s, { children: i })] }, n) : /* @__PURE__ */ d(t, {
-				variant: e.variant ?? "ghost",
+			}), /* @__PURE__ */ u(n, { children: s })] }, a) : /* @__PURE__ */ d(e, {
+				variant: r.variant ?? "ghost",
 				size: "sm",
-				disabled: a,
-				className: `h-7 px-2 text-muted-foreground hover:text-foreground ${e.className ?? ""}`,
-				onClick: (t) => {
-					t.stopPropagation(), e.onClick(m);
+				disabled: c,
+				className: `h-7 px-2 text-muted-foreground hover:text-foreground ${r.className ?? ""}`,
+				onClick: (e) => {
+					e.stopPropagation(), r.onClick(m);
 				},
-				children: [r !== void 0 && /* @__PURE__ */ u(r, { className: "size-3.5" }), i]
-			}, n);
-		}), v.length > 0 && /* @__PURE__ */ d(n, { children: [/* @__PURE__ */ u(a, {
+				children: [o !== void 0 && /* @__PURE__ */ u(o, { className: "size-3.5" }), s]
+			}, a);
+		}), v.length > 0 && /* @__PURE__ */ d(a, { children: [/* @__PURE__ */ u(c, {
 			asChild: !0,
-			children: /* @__PURE__ */ u(t, {
+			children: /* @__PURE__ */ u(e, {
 				variant: "ghost",
 				size: "icon",
 				className: "h-7 w-7 text-muted-foreground hover:text-foreground",
 				children: /* @__PURE__ */ u(f, { className: "size-3.5" })
 			})
-		}), /* @__PURE__ */ u(r, {
+		}), /* @__PURE__ */ u(o, {
 			align: "end",
 			onClick: (e) => {
 				e.stopPropagation();
 			},
 			children: v.map((e, t) => {
 				let n = e.icon;
-				return /* @__PURE__ */ d(i, {
+				return /* @__PURE__ */ d(s, {
 					disabled: e.disabled?.(m) ?? !1,
 					onClick: () => {
 						e.onClick(m);
@@ -71,5 +71,4 @@ function p({ actions: p, row: m }) {
 		})] })]
 	}) });
 }
-//#endregion
 export { p as TableActions };

package/dist/components/core/table/TableBody.js

@@ -1,14 +1,14 @@
-import { ACTIONS_COLUMN_KEY as e, SELECTION_COLUMN_KEY as t, getAlignmentClass as n, getColumnAlignment as r, getFixedCellProps as i } from "../../../helpers/table.helper.js";
-import { useKrosoftTranslation as a } from "../../../i18n/useKrosoftTranslation.js";
-import { Checkbox as o } from "../../ui/checkbox.js";
-import { TableActions as s } from "./TableActions.js";
+import { Checkbox as e } from "../../ui/checkbox.js";
+import { useKrosoftTranslation as t } from "../../../i18n/useKrosoftTranslation.js";
+import { TableActions as n } from "./TableActions.js";
+import { ACTIONS_COLUMN_KEY as r, SELECTION_COLUMN_KEY as i, getAlignmentClass as a, getColumnAlignment as o, getFixedCellProps as s } from "../../../helpers/table.helper.js";
 import "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { AlertTriangleIcon as u, Loader2Icon as d } from "lucide-react";
 import { useNavigate as f } from "react-router-dom";
-//#region src/components/core/table/TableBody.tsx
+// src/components/core/table/TableBody.tsx
 function p({ isLoading: p, error: m, colSpanCount: h, messages: g, paginatedData: _, rowKey: v, onRowClick: y, onRowNavigate: b, rowNavigable: x, hasBulkActions: S, rowSelectable: C, selectedKeys: w, toggleRowSelection: T, visibleColumnsArray: E, columnWidths: D, hasActions: O, actions: k, columns: A, bordered: j = !1, dense: M = !1, resizableColumns: N = !1, fixedColumns: P = {} }) {
-	let { t: F } = a(), I = F(g?.loadingKey ?? "states.loading"), L = F(g?.emptyKey ?? "states.noResult"), R = f(), z = (e, t) => {
+	let { t: F } = t(), I = F(g?.loadingKey ?? "states.loading"), L = F(g?.emptyKey ?? "states.noResult"), R = f(), z = (e, t) => {
 		let n = A.find((e) => e.key === t);
 		if (n?.renderCell !== void 0) return n.renderCell(e);
 		let r = e[t];
@@ -53,19 +53,19 @@ function p({ isLoading: p, error: m, colSpanCount: h, messages: g, paginatedData
 			children: L
 		}) })
 	});
-	let B = i(P[t], "body"), V = i(P[e], "body"), H = S && w.size > 0, U = (e) => {
+	let B = s(P[i], "body"), V = s(P[r], "body"), H = S && w.size > 0, U = (e) => {
 		if (x === void 0 || x(e)) return b?.(e);
 	}, W = (e, t, n) => {
 		H ? T(e) : t === void 0 ? y?.(e, n) : n.ctrlKey || n.metaKey ? window.open(t, "_blank") : R(t);
 	};
 	return /* @__PURE__ */ c("tbody", {
 		className: "divide-y divide-border",
-		children: _.map((e) => {
-			let t = v(e), a = C === void 0 || C(e), u = U(e);
+		children: _.map((t) => {
+			let r = v(t), i = C === void 0 || C(t), u = U(t);
 			return /* @__PURE__ */ l("tr", {
 				className: `group hover:bg-muted/50 transition-colors ${H || u !== void 0 || y !== void 0 ? "cursor-pointer" : ""}`,
-				onClick: (t) => {
-					W(e, u, t);
+				onClick: (e) => {
+					W(t, u, e);
 				},
 				children: [
 					S ? /* @__PURE__ */ c("td", {
@@ -81,28 +81,28 @@ function p({ isLoading: p, error: m, colSpanCount: h, messages: g, paginatedData
 						},
 						children: /* @__PURE__ */ c("div", {
 							className: "flex items-center justify-center",
-							children: /* @__PURE__ */ c(o, {
-								checked: w.has(t),
-								disabled: !a,
+							children: /* @__PURE__ */ c(e, {
+								checked: w.has(r),
+								disabled: !i,
 								onCheckedChange: () => {
-									T(e);
+									T(t);
 								}
 							})
 						})
 					}) : null,
-					E.map((t, a) => {
-						let o = a === E.length - 1, s = i(P[t.key], "body");
+					E.map((e, n) => {
+						let r = n === E.length - 1, i = s(P[e.key], "body");
 						return /* @__PURE__ */ c("td", {
-							className: `${`${a === 0 && !S ? "pl-4" : "pl-2"} ${o && !O ? "pr-4" : "pr-2"}`} ${M ? "py-2" : "py-4"} text-sm ${n(r(t))} ${s.className} ${j && !o ? "border-r border-border" : ""} ${t.className ?? ""}`,
+							className: `${`${n === 0 && !S ? "pl-4" : "pl-2"} ${r && !O ? "pr-4" : "pr-2"}`} ${M ? "py-2" : "py-4"} text-sm ${a(o(e))} ${i.className} ${j && !r ? "border-r border-border" : ""} ${e.className ?? ""}`,
 							style: {
-								...N ? { width: D[t.key] } : { minWidth: D[t.key] },
-								...s.style
+								...N ? { width: D[e.key] } : { minWidth: D[e.key] },
+								...i.style
 							},
 							children: /* @__PURE__ */ c("div", {
 								className: "w-full h-full",
-								children: z(e, t.key)
+								children: z(t, e.key)
 							})
-						}, t.key);
+						}, e.key);
 					}),
 					O ? /* @__PURE__ */ c("td", {
 						className: `py-1 pl-1 pr-4 text-right align-middle whitespace-nowrap ${V.className}`,
@@ -115,16 +115,15 @@ function p({ isLoading: p, error: m, colSpanCount: h, messages: g, paginatedData
 						},
 						children: k !== void 0 && k.length > 0 ? /* @__PURE__ */ c("div", {
 							className: "flex items-center justify-end",
-							children: /* @__PURE__ */ c(s, {
+							children: /* @__PURE__ */ c(n, {
 								actions: k,
-								row: e
+								row: t
 							})
 						}) : null
 					}) : null
 				]
-			}, t);
+			}, r);
 		})
 	});
 }
-//#endregion
 export { p as TableBody };

package/dist/components/core/table/TableBulkActions.js

@@ -1,10 +1,10 @@
-import { useKrosoftTranslation as e } from "../../../i18n/useKrosoftTranslation.js";
-import { Button as t } from "../../ui/button.js";
+import { Button as e } from "../../ui/button.js";
+import { useKrosoftTranslation as t } from "../../../i18n/useKrosoftTranslation.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/core/table/TableBulkActions.tsx
+// src/components/core/table/TableBulkActions.tsx
 function i({ selectedRows: i, setSelectedRows: a, bulkActions: o }) {
-	let { t: s } = e();
+	let { t: s } = t();
 	return /* @__PURE__ */ r("div", {
 		className: "bg-muted/60 border border-border px-3 py-1.5 flex items-center justify-between rounded-surface",
 		children: [/* @__PURE__ */ r("div", {
@@ -14,25 +14,25 @@ function i({ selectedRows: i, setSelectedRows: a, bulkActions: o }) {
 				children: s("table.selectedCount", { count: i.length })
 			}), /* @__PURE__ */ n("div", {
 				className: "flex items-center gap-2",
-				children: o.map((e, o) => {
-					let c = e.icon;
-					return /* @__PURE__ */ r(t, {
+				children: o.map((t, o) => {
+					let c = t.icon;
+					return /* @__PURE__ */ r(e, {
 						variant: "outline",
 						size: "sm",
 						onClick: () => {
-							e.onClick(i, () => {
+							t.onClick(i, () => {
 								a([]);
 							});
 						},
-						className: `h-7 bg-background shadow-sm text-xs px-2.5 ${e.variant === "destructive" ? "text-destructive border-destructive/30 hover:bg-destructive/10 hover:text-destructive" : "text-foreground"}`,
+						className: `h-7 bg-background shadow-sm text-xs px-2.5 ${t.variant === "destructive" ? "text-destructive border-destructive/30 hover:bg-destructive/10 hover:text-destructive" : "text-foreground"}`,
 						children: [c !== void 0 && /* @__PURE__ */ n("span", {
 							className: "mr-1.5 flex items-center justify-center",
 							children: /* @__PURE__ */ n(c, { className: "h-3.5 w-3.5" })
-						}), s(e.labelKey)]
+						}), s(t.labelKey)]
 					}, o);
 				})
 			})]
-		}), /* @__PURE__ */ n(t, {
+		}), /* @__PURE__ */ n(e, {
 			variant: "ghost",
 			size: "sm",
 			onClick: () => {
@@ -43,5 +43,4 @@ function i({ selectedRows: i, setSelectedRows: a, bulkActions: o }) {
 		})]
 	});
 }
-//#endregion
 export { i as TableBulkActions };