@krosoft/react 0.0.346 → 0.0.348

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

@@ -1,25 +1,27 @@
-import { ACTIONS_COLUMN_KEY as e, SELECTION_COLUMN_KEY as t, getAlignmentClass as n, getColumnAlignment as r, getFixedCellProps as i } from "../../../helpers/index.js";
-import { t as a } from "../../../i18n-3KRQA34v.js";
-import { At as o, C as s, D as c, Ft as l, Gt as u, Mt as d, Nt as f, O as p, S as m, T as h, bn as g, jt as _, k as v, v as y } from "../../../ui-DerGE_cz.js";
+import { t as e } from "../../../tailwind.helper-CJaRYBmL.js";
+import { ACTIONS_COLUMN_KEY as t, SELECTION_COLUMN_KEY as n, getAlignmentClass as r, getColumnAlignment as i, getFixedCellProps as a } from "../../../helpers/index.js";
+import { t as o } from "../../../i18n-IJZY85S7.js";
+import { At as s, C as c, D as l, Ft as u, Gt as d, Nt as f, O as p, S as m, T as h, bn as g, jt as _, k as v, v as y } from "../../../ui-DkYZe7sQ.js";
 import { c as b } from "../../../tooltip-_geGvbS7.js";
-import { i as x, l as S, n as C, t as w, u as T } from "../../../select-KWMg2_7Z.js";
-import { n as E, t as D } from "../../../useFixedColumns-B2yti0Rk.js";
-import { n as O, r as k } from "../../../datatable-COQcYUrk.js";
-import { useMemo as A, useState as j } from "react";
-import { Fragment as M, jsx as N, jsxs as P } from "react/jsx-runtime";
-import { formatJsonValue as F, isRecord as I, tryParseJson as L } from "@krosoft/core/helpers";
-import { AlertTriangleIcon as R, ArrowDownIcon as z, ArrowUpDownIcon as B, ArrowUpIcon as V, ChevronLeftIcon as H, ChevronRightIcon as ee, GripVerticalIcon as te, Loader2Icon as ne, MoreVerticalIcon as re, SettingsIcon as ie } from "lucide-react";
-import { useNavigate as U } from "react-router-dom";
+import { h as x, m as S, p as C } from "../../../sheet-C_t76Ttr.js";
+import { i as w, l as T, n as E, t as D, u as O } from "../../../select-KWMg2_7Z.js";
+import { n as k, t as A } from "../../../useFixedColumns-Bo-Az3Hp.js";
+import { n as j, r as M } from "../../../datatable-COQcYUrk.js";
+import { useMemo as N, useState as P } from "react";
+import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
+import { formatJsonValue as R, isRecord as z, tryParseJson as B } from "@krosoft/core/helpers";
+import { AlertTriangleIcon as V, ArrowDownIcon as ee, ArrowUpDownIcon as te, ArrowUpIcon as ne, ChevronLeftIcon as re, ChevronRightIcon as H, GripVerticalIcon as U, Loader2Icon as W, MoreVerticalIcon as G, SearchIcon as K, SettingsIcon as q } from "lucide-react";
+import { useNavigate as ie } from "react-router-dom";
 //#region src/components/core/table/TableActions.tsx
-function W({ actions: e, row: t }) {
-	let { t: n } = a(), r = e.filter((e) => e.visible === void 0 || e.visible(t));
+function J({ actions: e, row: t }) {
+	let { t: n } = o(), r = e.filter((e) => e.visible === void 0 || e.visible(t));
 	if (r.length === 0) return null;
-	let i = r.filter((e) => e.overflow !== !0), o = r.filter((e) => e.overflow === !0);
-	return /* @__PURE__ */ P("div", {
+	let i = r.filter((e) => e.overflow !== !0), a = r.filter((e) => e.overflow === !0);
+	return /* @__PURE__ */ L("div", {
 		className: "flex items-center justify-end gap-1",
 		children: [i.map((e, r) => {
 			let i = e.icon;
-			return /* @__PURE__ */ P(b, {
+			return /* @__PURE__ */ L(b, {
 				variant: e.variant ?? "ghost",
 				size: "sm",
 				disabled: e.disabled?.(t) ?? !1,
@@ -27,32 +29,32 @@ function W({ actions: e, row: t }) {
 				onClick: (n) => {
 					n.stopPropagation(), e.onClick(t);
 				},
-				children: [i !== void 0 && /* @__PURE__ */ N(i, { className: "size-3.5" }), n(e.labelKey)]
+				children: [i !== void 0 && /* @__PURE__ */ I(i, { className: "size-3.5" }), n(e.labelKey)]
 			}, r);
-		}), o.length > 0 && /* @__PURE__ */ P(_, { children: [/* @__PURE__ */ N(u, {
+		}), a.length > 0 && /* @__PURE__ */ L(_, { children: [/* @__PURE__ */ I(d, {
 			asChild: !0,
-			children: /* @__PURE__ */ N(b, {
+			children: /* @__PURE__ */ I(b, {
 				variant: "ghost",
 				size: "icon",
 				className: "h-7 w-7 text-muted-foreground hover:text-foreground",
-				children: /* @__PURE__ */ N(re, { className: "size-3.5" })
+				children: /* @__PURE__ */ I(G, { className: "size-3.5" })
 			})
-		}), /* @__PURE__ */ N(f, {
+		}), /* @__PURE__ */ I(f, {
 			align: "end",
 			onClick: (e) => {
 				e.stopPropagation();
 			},
-			children: o.map((e, r) => {
+			children: a.map((e, r) => {
 				let i = e.icon;
-				return /* @__PURE__ */ P(l, {
+				return /* @__PURE__ */ L(u, {
 					disabled: e.disabled?.(t) ?? !1,
 					onClick: () => {
 						e.onClick(t);
 					},
 					className: e.className,
-					children: [i !== void 0 && /* @__PURE__ */ N("span", {
+					children: [i !== void 0 && /* @__PURE__ */ I("span", {
 						className: "mr-2 size-4 flex items-center justify-center",
-						children: /* @__PURE__ */ N(i, { className: "size-4" })
+						children: /* @__PURE__ */ I(i, { className: "size-4" })
 					}), n(e.labelKey)]
 				}, r);
 			})
@@ -61,115 +63,115 @@ function W({ actions: e, row: t }) {
 }
 //#endregion
 //#region src/components/core/table/TableBody.tsx
-function G({ isLoading: o, error: s, colSpanCount: c, messages: l, paginatedData: u, rowKey: d, onRowClick: f, onRowNavigate: p, rowNavigable: m, hasBulkActions: h, rowSelectable: _, selectedKeys: v, toggleRowSelection: y, visibleColumnsArray: b, columnWidths: x, hasActions: S, actions: C, columns: w, bordered: T = !1, dense: E = !1, resizableColumns: D = !1, fixedColumns: O = {} }) {
-	let { t: k } = a(), A = k(l?.loadingKey ?? "states.loading"), j = k(l?.emptyKey ?? "states.noResult"), M = U(), F = (e, t) => {
+function ae({ isLoading: e, error: s, colSpanCount: c, messages: l, paginatedData: u, rowKey: d, onRowClick: f, onRowNavigate: p, rowNavigable: m, hasBulkActions: h, rowSelectable: _, selectedKeys: v, toggleRowSelection: y, visibleColumnsArray: b, columnWidths: x, hasActions: S, actions: C, columns: w, bordered: T = !1, dense: E = !1, resizableColumns: D = !1, fixedColumns: O = {} }) {
+	let { t: k } = o(), A = k(l?.loadingKey ?? "states.loading"), j = k(l?.emptyKey ?? "states.noResult"), M = ie(), N = (e, t) => {
 		let n = w.find((e) => e.key === t);
 		if (n?.renderCell !== void 0) return n.renderCell(e);
 		let r = e[t];
-		return /* @__PURE__ */ N("span", {
+		return /* @__PURE__ */ I("span", {
 			className: "text-sm truncate",
 			children: r == null ? "-" : String(r)
 		});
 	};
-	if (o) return /* @__PURE__ */ N("tbody", {
+	if (e) return /* @__PURE__ */ I("tbody", {
 		className: "divide-y divide-border",
-		children: /* @__PURE__ */ N("tr", { children: /* @__PURE__ */ N("td", {
+		children: /* @__PURE__ */ I("tr", { children: /* @__PURE__ */ I("td", {
 			colSpan: c,
 			className: "py-8 text-center",
-			children: /* @__PURE__ */ P("div", {
+			children: /* @__PURE__ */ L("div", {
 				className: "flex flex-col items-center justify-center gap-2 text-muted-foreground",
-				children: [/* @__PURE__ */ N(ne, { className: "h-6 w-6 animate-spin text-primary" }), /* @__PURE__ */ N("span", {
+				children: [/* @__PURE__ */ I(W, { className: "h-6 w-6 animate-spin text-primary" }), /* @__PURE__ */ I("span", {
 					className: "text-sm",
 					children: A
 				})]
 			})
 		}) })
 	});
-	if (s) return /* @__PURE__ */ N("tbody", {
+	if (s) return /* @__PURE__ */ I("tbody", {
 		className: "divide-y divide-border",
-		children: /* @__PURE__ */ N("tr", { children: /* @__PURE__ */ N("td", {
+		children: /* @__PURE__ */ I("tr", { children: /* @__PURE__ */ I("td", {
 			colSpan: c,
 			className: "py-8 text-center",
-			children: /* @__PURE__ */ P("div", {
+			children: /* @__PURE__ */ L("div", {
 				className: "flex flex-col items-center justify-center gap-2 text-destructive",
-				children: [/* @__PURE__ */ N(R, { className: "h-6 w-6" }), /* @__PURE__ */ N("span", {
+				children: [/* @__PURE__ */ I(V, { className: "h-6 w-6" }), /* @__PURE__ */ I("span", {
 					className: "text-sm",
 					children: s
 				})]
 			})
 		}) })
 	});
-	if (u.length === 0) return /* @__PURE__ */ N("tbody", {
+	if (u.length === 0) return /* @__PURE__ */ I("tbody", {
 		className: "divide-y divide-border",
-		children: /* @__PURE__ */ N("tr", { children: /* @__PURE__ */ N("td", {
+		children: /* @__PURE__ */ I("tr", { children: /* @__PURE__ */ I("td", {
 			colSpan: c,
 			className: "py-8 text-center text-sm text-muted-foreground",
 			children: j
 		}) })
 	});
-	let I = i(O[t], "body"), L = i(O[e], "body"), z = h && v.size > 0, B = (e) => {
+	let P = a(O[n], "body"), F = a(O[t], "body"), R = h && v.size > 0, z = (e) => {
 		if (m === void 0 || m(e)) return p?.(e);
-	}, V = (e, t, n) => {
-		z ? y(e) : t === void 0 ? f?.(e, n) : n.ctrlKey || n.metaKey ? window.open(t, "_blank") : M(t);
+	}, B = (e, t, n) => {
+		R ? y(e) : t === void 0 ? f?.(e, n) : n.ctrlKey || n.metaKey ? window.open(t, "_blank") : M(t);
 	};
-	return /* @__PURE__ */ N("tbody", {
+	return /* @__PURE__ */ I("tbody", {
 		className: "divide-y divide-border",
 		children: u.map((e) => {
-			let t = d(e), a = _ === void 0 || _(e), o = B(e);
-			return /* @__PURE__ */ P("tr", {
-				className: `group hover:bg-muted/50 transition-colors ${z || o !== void 0 || f !== void 0 ? "cursor-pointer" : ""}`,
+			let t = d(e), n = _ === void 0 || _(e), o = z(e);
+			return /* @__PURE__ */ L("tr", {
+				className: `group hover:bg-muted/50 transition-colors ${R || o !== void 0 || f !== void 0 ? "cursor-pointer" : ""}`,
 				onClick: (t) => {
-					V(e, o, t);
+					B(e, o, t);
 				},
 				children: [
-					h ? /* @__PURE__ */ N("td", {
-						className: `p-1 text-center align-middle ${I.className}`,
+					h ? /* @__PURE__ */ I("td", {
+						className: `p-1 text-center align-middle ${P.className}`,
 						style: {
 							width: "48px",
 							minWidth: "48px",
 							maxWidth: "48px",
-							...I.style
+							...P.style
 						},
 						onClick: (e) => {
 							e.stopPropagation();
 						},
-						children: /* @__PURE__ */ N("div", {
+						children: /* @__PURE__ */ I("div", {
 							className: "flex items-center justify-center",
-							children: /* @__PURE__ */ N(g, {
+							children: /* @__PURE__ */ I(g, {
 								checked: v.has(t),
-								disabled: !a,
+								disabled: !n,
 								onCheckedChange: () => {
 									y(e);
 								}
 							})
 						})
 					}) : null,
-					b.map((t, a) => {
-						let o = a === b.length - 1, s = i(O[t.key], "body");
-						return /* @__PURE__ */ N("td", {
-							className: `${`${a === 0 && !h ? "pl-4" : "pl-2"} ${o && !S ? "pr-4" : "pr-2"}`} ${E ? "py-2" : "py-4"} text-sm ${n(r(t))} ${s.className} ${T && !o ? "border-r border-border" : ""} ${t.className ?? ""}`,
+					b.map((t, n) => {
+						let o = n === b.length - 1, s = a(O[t.key], "body");
+						return /* @__PURE__ */ I("td", {
+							className: `${`${n === 0 && !h ? "pl-4" : "pl-2"} ${o && !S ? "pr-4" : "pr-2"}`} ${E ? "py-2" : "py-4"} text-sm ${r(i(t))} ${s.className} ${T && !o ? "border-r border-border" : ""} ${t.className ?? ""}`,
 							style: {
 								...D ? { width: x[t.key] } : { minWidth: x[t.key] },
 								...s.style
 							},
-							children: /* @__PURE__ */ N("div", {
+							children: /* @__PURE__ */ I("div", {
 								className: "w-full h-full",
-								children: F(e, t.key)
+								children: N(e, t.key)
 							})
 						}, t.key);
 					}),
-					S ? /* @__PURE__ */ N("td", {
-						className: `py-1 pl-1 pr-4 text-right align-middle whitespace-nowrap ${L.className}`,
+					S ? /* @__PURE__ */ I("td", {
+						className: `py-1 pl-1 pr-4 text-right align-middle whitespace-nowrap ${F.className}`,
 						style: {
 							minWidth: "32px",
-							...L.style
+							...F.style
 						},
 						onClick: (e) => {
 							e.stopPropagation();
 						},
-						children: C !== void 0 && C.length > 0 ? /* @__PURE__ */ N("div", {
+						children: C !== void 0 && C.length > 0 ? /* @__PURE__ */ I("div", {
 							className: "flex items-center justify-end",
-							children: /* @__PURE__ */ N(W, {
+							children: /* @__PURE__ */ I(J, {
 								actions: C,
 								row: e
 							})
@@ -182,20 +184,20 @@ function G({ isLoading: o, error: s, colSpanCount: c, messages: l, paginatedData
 }
 //#endregion
 //#region src/components/core/table/TableBulkActions.tsx
-function K({ selectedRows: e, setSelectedRows: t, bulkActions: n }) {
-	let { t: r } = a();
-	return /* @__PURE__ */ P("div", {
+function oe({ selectedRows: e, setSelectedRows: t, bulkActions: n }) {
+	let { t: r } = o();
+	return /* @__PURE__ */ L("div", {
 		className: "bg-muted/60 border border-border px-3 py-1.5 flex items-center justify-between rounded-surface",
-		children: [/* @__PURE__ */ P("div", {
+		children: [/* @__PURE__ */ L("div", {
 			className: "flex items-center gap-4",
-			children: [/* @__PURE__ */ N("span", {
+			children: [/* @__PURE__ */ I("span", {
 				className: "text-sm font-medium text-primary ml-1",
 				children: r("table.selectedCount", { count: e.length })
-			}), /* @__PURE__ */ N("div", {
+			}), /* @__PURE__ */ I("div", {
 				className: "flex items-center gap-2",
 				children: n.map((n, i) => {
 					let a = n.icon;
-					return /* @__PURE__ */ P(b, {
+					return /* @__PURE__ */ L(b, {
 						variant: "outline",
 						size: "sm",
 						onClick: () => {
@@ -204,14 +206,14 @@ function K({ selectedRows: e, setSelectedRows: t, bulkActions: n }) {
 							});
 						},
 						className: `h-7 bg-background shadow-sm text-xs px-2.5 ${n.variant === "destructive" ? "text-destructive border-destructive/30 hover:bg-destructive/10 hover:text-destructive" : "text-foreground"}`,
-						children: [a !== void 0 && /* @__PURE__ */ N("span", {
+						children: [a !== void 0 && /* @__PURE__ */ I("span", {
 							className: "mr-1.5 flex items-center justify-center",
-							children: /* @__PURE__ */ N(a, { className: "h-3.5 w-3.5" })
+							children: /* @__PURE__ */ I(a, { className: "h-3.5 w-3.5" })
 						}), r(n.labelKey)]
 					}, i);
 				})
 			})]
-		}), /* @__PURE__ */ N(b, {
+		}), /* @__PURE__ */ I(b, {
 			variant: "ghost",
 			size: "sm",
 			onClick: () => {
@@ -224,94 +226,94 @@ function K({ selectedRows: e, setSelectedRows: t, bulkActions: n }) {
 }
 //#endregion
 //#region src/components/core/table/TableHeader.tsx
-var q = {
+var se = {
 	left: "justify-start",
 	center: "justify-center",
 	right: "justify-end"
 };
-function J({ hasBulkActions: o, allSelected: s, someSelected: c, toggleSelectAll: l, visibleColumnsArray: u, draggableColumns: d, resizableColumns: f, columnWidths: p, sortColumn: m, sortDirection: h, handleSort: _, handleDragStart: v, handleDragOver: y, handleDrop: b, handleMouseDown: x, hasActions: S, settingsNode: C, bordered: w = !1, dense: T = !1, fixedColumns: E = {}, fixedSelection: D = !1, fixedActions: O = !1 }) {
-	let { t: k } = a(), A = !1;
+function ce({ hasBulkActions: e, allSelected: s, someSelected: c, toggleSelectAll: l, visibleColumnsArray: u, draggableColumns: d, resizableColumns: f, columnWidths: p, sortColumn: m, sortDirection: h, handleSort: _, handleDragStart: v, handleDragOver: y, handleDrop: b, handleMouseDown: x, hasActions: S, settingsNode: C, bordered: w = !1, dense: T = !1, fixedColumns: E = {}, fixedSelection: D = !1, fixedActions: O = !1 }) {
+	let { t: k } = o(), A = !1;
 	s ? A = !0 : c && (A = "indeterminate");
-	let j = (e) => e.sortable === !0 ? m === e.key ? N(h === "asc" ? V : z, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ N(B, { className: "size-3.5 text-muted-foreground/50 group-hover:text-muted-foreground transition-colors" }) : null, M = (e, t, a) => {
-		let s = a !== !1 && e.fixed === void 0, c = e.sortable === !0, l = i(E[e.key], "header"), d = r(e), m = j(e), h = t === 0 && !o, g = t === u.length - 1 && !(S || C !== void 0), D = `${h ? "pl-4" : "pl-2"} ${g ? "pr-4" : "pr-2"}`;
-		return /* @__PURE__ */ P("th", {
-			"data-column-key": e.key,
-			"data-fixed-side": e.fixed,
+	let j = (e) => e.sortable === !0 ? m === e.key ? I(h === "asc" ? ne : ee, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ I(te, { className: "size-3.5 text-muted-foreground/50 group-hover:text-muted-foreground transition-colors" }) : null, M = (t, n, o) => {
+		let s = o !== !1 && t.fixed === void 0, c = t.sortable === !0, l = a(E[t.key], "header"), d = i(t), m = j(t), h = n === 0 && !e, g = n === u.length - 1 && !(S || C !== void 0), D = `${h ? "pl-4" : "pl-2"} ${g ? "pr-4" : "pr-2"}`;
+		return /* @__PURE__ */ L("th", {
+			"data-column-key": t.key,
+			"data-fixed-side": t.fixed,
 			className: [
 				`${D} ${T ? "py-2" : "py-4"} text-sm font-medium text-foreground group`,
-				n(d),
+				r(d),
 				l.className,
 				w ? "border-r border-border" : "",
 				c ? "cursor-pointer select-none" : "",
-				e.className ?? ""
+				t.className ?? ""
 			].filter(Boolean).join(" "),
 			style: {
-				...f ? { width: p[e.key] } : { minWidth: p[e.key] },
+				...f ? { width: p[t.key] } : { minWidth: p[t.key] },
 				...l.style
 			},
 			draggable: s,
 			onClick: () => {
-				_(e.key);
+				_(t.key);
 			},
-			onDragStart: (t) => {
-				s ? v(t, e.key) : t.preventDefault();
+			onDragStart: (e) => {
+				s ? v(e, t.key) : e.preventDefault();
 			},
-			onDragOver: (t) => {
-				y(t, e.key);
+			onDragOver: (e) => {
+				y(e, t.key);
 			},
-			onDrop: (t) => {
-				b(t, e.key);
+			onDrop: (e) => {
+				b(e, t.key);
 			},
-			children: [/* @__PURE__ */ P("div", {
-				className: `flex items-center gap-1 ${q[d]} ${f ? "pr-2" : ""}`,
+			children: [/* @__PURE__ */ L("div", {
+				className: `flex items-center gap-1 ${se[d]} ${f ? "pr-2" : ""}`,
 				children: [
-					s ? /* @__PURE__ */ N(te, { className: "size-4 text-muted-foreground cursor-grab shrink-0" }) : null,
-					/* @__PURE__ */ N("span", {
+					s ? /* @__PURE__ */ I(U, { className: "size-4 text-muted-foreground cursor-grab shrink-0" }) : null,
+					/* @__PURE__ */ I("span", {
 						className: "truncate",
-						children: k(e.headerKey)
+						children: k(t.headerKey)
 					}),
-					m === null ? null : /* @__PURE__ */ N("span", {
+					m === null ? null : /* @__PURE__ */ I("span", {
 						className: "ml-1 shrink-0",
 						children: m
 					})
 				]
-			}), f ? /* @__PURE__ */ N("div", {
+			}), f ? /* @__PURE__ */ I("div", {
 				className: "absolute right-0 top-0 bottom-0 w-2 cursor-col-resize hover:bg-blue-500 opacity-0 group-hover:opacity-50 transition-opacity",
-				onMouseDown: (t) => {
-					x(t, e.key);
+				onMouseDown: (e) => {
+					x(e, t.key);
 				}
 			}) : null]
-		}, e.key);
-	}, F = i(E[t], "header"), I = i(E[e], "header");
-	return /* @__PURE__ */ N("thead", {
+		}, t.key);
+	}, N = a(E[n], "header"), P = a(E[t], "header");
+	return /* @__PURE__ */ I("thead", {
 		className: "bg-muted/50 border-b border-border",
-		children: /* @__PURE__ */ P("tr", { children: [
-			o ? /* @__PURE__ */ N("th", {
-				"data-column-key": t,
+		children: /* @__PURE__ */ L("tr", { children: [
+			e ? /* @__PURE__ */ I("th", {
+				"data-column-key": n,
 				"data-fixed-side": D ? "left" : void 0,
-				className: `p-1 text-center align-middle ${F.className}`,
+				className: `p-1 text-center align-middle ${N.className}`,
 				style: {
 					width: "48px",
 					minWidth: "48px",
 					maxWidth: "48px",
-					...F.style
+					...N.style
 				},
-				children: /* @__PURE__ */ N("div", {
+				children: /* @__PURE__ */ I("div", {
 					className: "flex items-center justify-center",
-					children: /* @__PURE__ */ N(g, {
+					children: /* @__PURE__ */ I(g, {
 						checked: A,
 						onCheckedChange: l
 					})
 				})
 			}) : null,
 			u.map((e, t) => M(e, t, d)),
-			S || C !== void 0 ? /* @__PURE__ */ N("th", {
-				"data-column-key": e,
+			S || C !== void 0 ? /* @__PURE__ */ I("th", {
+				"data-column-key": t,
 				"data-fixed-side": O ? "right" : void 0,
-				className: `py-1 pl-1 pr-4 text-right align-middle ${I.className}`,
+				className: `py-1 pl-1 pr-4 text-right align-middle ${P.className}`,
 				style: {
 					minWidth: "32px",
-					...I.style
+					...P.style
 				},
 				children: C
 			}) : null
@@ -324,7 +326,7 @@ var Y = "…";
 function X(e, t) {
 	return Array.from({ length: t - e + 1 }, (t, n) => e + n);
 }
-function ae(e, t, n = 1) {
+function Z(e, t, n = 1) {
 	if (n * 2 + 5 >= t) return X(1, t);
 	let r = Math.max(e - n, 1), i = Math.min(e + n, t), a = r > 2, o = i < t - 1;
 	return !a && o ? [
@@ -343,68 +345,68 @@ function ae(e, t, n = 1) {
 		t
 	];
 }
-function oe({ totalItems: e, startIndex: t, endIndex: n, pageSize: r, setPageSize: i, currentPage: o, setCurrentPage: s, pageSizeOptions: c, totalPages: l }) {
-	let { t: u } = a(), d = ae(o, l);
-	return /* @__PURE__ */ P("div", {
+function le({ totalItems: e, startIndex: t, endIndex: n, pageSize: r, setPageSize: i, currentPage: a, setCurrentPage: s, pageSizeOptions: c, totalPages: l }) {
+	let { t: u } = o(), d = Z(a, l);
+	return /* @__PURE__ */ L("div", {
 		className: "px-4 py-2 border-t border-border flex flex-col sm:grid sm:grid-cols-3 items-center gap-2 bg-muted/50",
 		children: [
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ I("div", {
 				className: "text-sm text-muted-foreground justify-self-start",
 				children: u("table.rangeOfTotal", {
 					range: e === 0 ? "0" : `${String(t + 1)} - ${String(n)}`,
 					total: e
 				})
 			}),
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ I("div", {
 				className: "flex items-center justify-center gap-1",
-				children: l > 1 && /* @__PURE__ */ P(M, { children: [
-					/* @__PURE__ */ N(b, {
+				children: l > 1 && /* @__PURE__ */ L(F, { children: [
+					/* @__PURE__ */ I(b, {
 						variant: "ghost",
 						size: "icon",
 						className: "h-8 w-8 rounded-control",
 						onClick: () => {
 							s((e) => Math.max(1, e - 1));
 						},
-						disabled: o === 1,
+						disabled: a === 1,
 						"aria-label": u("table.previousPage"),
-						children: /* @__PURE__ */ N(H, { className: "size-4" })
+						children: /* @__PURE__ */ I(re, { className: "size-4" })
 					}),
-					d.map((e, t) => e === Y ? /* @__PURE__ */ N("span", {
+					d.map((e, t) => e === Y ? /* @__PURE__ */ I("span", {
 						className: "flex h-8 w-8 items-center justify-center text-sm text-muted-foreground",
 						children: Y
-					}, `dots-${String(t)}`) : /* @__PURE__ */ N(b, {
-						variant: e === o ? "default" : "ghost",
+					}, `dots-${String(t)}`) : /* @__PURE__ */ I(b, {
+						variant: e === a ? "default" : "ghost",
 						className: "h-8 min-w-8 px-2 rounded-control text-sm tabular-nums",
 						onClick: () => {
 							s(e);
 						},
-						"aria-current": e === o ? "page" : void 0,
+						"aria-current": e === a ? "page" : void 0,
 						children: e
 					}, e)),
-					/* @__PURE__ */ N(b, {
+					/* @__PURE__ */ I(b, {
 						variant: "ghost",
 						size: "icon",
 						className: "h-8 w-8 rounded-control",
 						onClick: () => {
 							s((e) => Math.min(l, e + 1));
 						},
-						disabled: o === l,
+						disabled: a === l,
 						"aria-label": u("table.nextPage"),
-						children: /* @__PURE__ */ N(ee, { className: "size-4" })
+						children: /* @__PURE__ */ I(H, { className: "size-4" })
 					})
 				] })
 			}),
-			/* @__PURE__ */ N("div", {
+			/* @__PURE__ */ I("div", {
 				className: "justify-self-end",
-				children: /* @__PURE__ */ P(w, {
+				children: /* @__PURE__ */ L(D, {
 					value: String(r),
 					onValueChange: (e) => {
 						i(Number(e)), s(1);
 					},
-					children: [/* @__PURE__ */ N(S, {
+					children: [/* @__PURE__ */ I(T, {
 						className: "h-8 w-[110px] text-sm",
-						children: /* @__PURE__ */ N(T, {})
-					}), /* @__PURE__ */ N(C, { children: c.map((e) => /* @__PURE__ */ N(x, {
+						children: /* @__PURE__ */ I(O, {})
+					}), /* @__PURE__ */ I(E, { children: c.map((e) => /* @__PURE__ */ I(w, {
 						value: String(e),
 						children: u("table.perPage", { count: e })
 					}, e)) })]
@@ -415,32 +417,116 @@ function oe({ totalItems: e, startIndex: t, endIndex: n, pageSize: r, setPageSiz
 }
 //#endregion
 //#region src/components/core/table/TableSettings.tsx
-function Z({ columns: e, visibleColumns: t, toggleColumnVisibility: n }) {
-	let { t: r } = a();
-	return /* @__PURE__ */ P(_, { children: [/* @__PURE__ */ N(u, {
-		asChild: !0,
-		children: /* @__PURE__ */ N(b, {
-			variant: "outline",
-			size: "sm",
-			className: "size-7 p-0 bg-background hover:bg-muted shadow-sm border-border",
-			children: /* @__PURE__ */ N(ie, { className: "size-3.5 text-muted-foreground" })
-		})
-	}), /* @__PURE__ */ N(f, {
-		align: "end",
-		className: "w-56",
-		children: e.map((e) => /* @__PURE__ */ N(d, {
-			checked: t.has(e.key),
-			onCheckedChange: () => {
-				n(e.key);
-			},
-			children: r(e.headerKey)
-		}, e.key))
-	})] });
+function ue({ columns: t, visibleColumns: n, toggleColumnVisibility: r, setColumnsVisibility: i }) {
+	let { t: a } = o(), [s, c] = P(""), l = N(() => t.map((e, t) => ({
+		key: e.key,
+		label: a(e.headerKey),
+		locked: t === 0
+	})), [t, a]), u = N(() => {
+		let e = s.trim().toLowerCase();
+		return e === "" ? l : l.filter((t) => t.label.toLowerCase().includes(e));
+	}, [l, s]), d = (e) => {
+		let t = u.filter((e) => !e.locked).map((e) => e.key).filter((t) => n.has(t) !== e);
+		i === void 0 ? t.forEach(r) : i(t, e);
+	};
+	return /* @__PURE__ */ L(C, {
+		onOpenChange: (e) => {
+			e || c("");
+		},
+		children: [/* @__PURE__ */ I(x, {
+			asChild: !0,
+			children: /* @__PURE__ */ I(b, {
+				variant: "outline",
+				size: "sm",
+				className: "size-7 p-0 bg-background hover:bg-muted shadow-sm border-border",
+				children: /* @__PURE__ */ I(q, { className: "size-3.5 text-muted-foreground" })
+			})
+		}), /* @__PURE__ */ L(S, {
+			align: "end",
+			className: "w-64 p-0",
+			children: [
+				/* @__PURE__ */ L("div", {
+					className: "flex items-center justify-between px-3 pt-3 pb-2",
+					children: [/* @__PURE__ */ I("span", {
+						className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+						children: a("table.columnsTitle")
+					}), /* @__PURE__ */ L("span", {
+						className: "text-xs text-muted-foreground",
+						children: [
+							n.size,
+							" / ",
+							t.length
+						]
+					})]
+				}),
+				/* @__PURE__ */ I("div", {
+					className: "px-2 pb-2",
+					children: /* @__PURE__ */ L("div", {
+						className: "relative",
+						children: [/* @__PURE__ */ I(K, { className: "absolute left-2 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ I("input", {
+							value: s,
+							onChange: (e) => {
+								c(e.target.value);
+							},
+							placeholder: a("search.placeholder"),
+							className: "w-full rounded-control bg-muted/50 py-1.5 pl-7 pr-2 text-sm text-foreground placeholder:text-muted-foreground outline-none focus:ring-1 focus:ring-ring",
+							autoFocus: !0
+						})]
+					})
+				}),
+				/* @__PURE__ */ L("div", {
+					className: "flex max-h-72 flex-col gap-0.5 overflow-y-auto overflow-x-hidden border-t border-border p-1.5 [&::-webkit-scrollbar]:w-1.5 [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-muted-foreground/20 [&::-webkit-scrollbar-track]:bg-transparent",
+					children: [u.length === 0 && /* @__PURE__ */ I("p", {
+						className: "px-2 py-3 text-center text-xs text-muted-foreground",
+						children: a("states.noResult")
+					}), u.map((t) => /* @__PURE__ */ L("label", {
+						className: e("flex min-w-0 items-center gap-2.5 rounded-md px-2 py-1.5 text-sm transition-colors", t.locked ? "cursor-not-allowed text-muted-foreground" : "cursor-pointer hover:bg-muted"),
+						children: [/* @__PURE__ */ I(g, {
+							checked: t.locked || n.has(t.key),
+							disabled: t.locked,
+							onCheckedChange: () => {
+								r(t.key);
+							}
+						}), /* @__PURE__ */ I("span", {
+							className: "min-w-0 flex-1 truncate",
+							title: t.label,
+							children: t.label
+						})]
+					}, t.key))]
+				}),
+				u.length > 0 && /* @__PURE__ */ L("div", {
+					className: "flex items-center justify-end gap-2 border-t border-border px-3 py-2 text-xs",
+					children: [
+						/* @__PURE__ */ I("button", {
+							type: "button",
+							onClick: () => {
+								d(!0);
+							},
+							className: "font-medium text-primary hover:underline",
+							children: a("table.showAllColumns")
+						}),
+						/* @__PURE__ */ I("span", {
+							className: "h-3 w-px bg-border",
+							"aria-hidden": !0
+						}),
+						/* @__PURE__ */ I("button", {
+							type: "button",
+							onClick: () => {
+								d(!1);
+							},
+							className: "font-medium text-primary hover:underline",
+							children: a("table.hideAllColumns")
+						})
+					]
+				})
+			]
+		})]
+	});
 }
 //#endregion
 //#region src/components/core/table/DataTable.tsx
-function se({ data: e, isLoading: t = !1, error: n = null, config: r, server: i }) {
-	let { columns: a, rowKey: o, rowSelectable: s, onRowClick: c, onRowNavigate: l, rowNavigable: u, actions: d, bulkActions: f } = r, p = r.pageSizeDefault ?? O, m = r.pageSizeOptions ?? k, h = r.dense ?? !1, g = r.bordered ?? !1, _ = r.draggableColumns ?? !1, v = r.resizableColumns ?? !1, y = r.columnVisibility ?? !1, b = r.fixedActions ?? !1, { sortColumn: x, sortDirection: S, selectedRows: C, setSelectedRows: w, visibleColumns: T, columnWidths: j, safeCurrentPage: M, totalPages: F, startIndex: I, endIndex: L, tableRef: R, hasActions: z, hasBulkActions: B, visibleColumnsArray: V, colSpanCount: H, paginatedData: ee, handleSort: te, handleMouseDown: ne, handleDragStart: re, handleDragOver: ie, handleDrop: U, toggleColumnVisibility: W, toggleRowSelection: q, toggleSelectAll: Y, pageSize: X, setPageSize: ae, setCurrentPage: se } = E({
+function Q({ data: e, isLoading: t = !1, error: n = null, config: r, server: i }) {
+	let { columns: a, rowKey: o, rowSelectable: s, onRowClick: c, onRowNavigate: l, rowNavigable: u, actions: d, bulkActions: f } = r, p = r.pageSizeDefault ?? j, m = r.pageSizeOptions ?? M, h = r.dense ?? !1, g = r.bordered ?? !1, _ = r.draggableColumns ?? !1, v = r.resizableColumns ?? !1, y = r.columnVisibility ?? !1, b = r.fixedActions ?? !1, { sortColumn: x, sortDirection: S, selectedRows: C, setSelectedRows: w, visibleColumns: T, columnWidths: E, safeCurrentPage: D, totalPages: O, startIndex: P, endIndex: F, tableRef: R, hasActions: z, hasBulkActions: B, visibleColumnsArray: V, colSpanCount: ee, paginatedData: te, handleSort: ne, handleMouseDown: re, handleDragStart: H, handleDragOver: U, handleDrop: W, toggleColumnVisibility: G, setColumnsVisibility: K, toggleRowSelection: q, toggleSelectAll: ie, pageSize: J, setPageSize: se, setCurrentPage: Y } = k({
 		data: e,
 		columns: a,
 		rowKey: o,
@@ -449,56 +535,60 @@ function se({ data: e, isLoading: t = !1, error: n = null, config: r, server: i
 		actions: d,
 		bulkActions: f,
 		columnVisibility: y,
+		columnVisibilityState: r.columnVisibilityState,
+		onColumnVisibilityChange: r.onColumnVisibilityChange,
+		columnVisibilityStorage: r.columnVisibilityStorage,
 		server: i
-	}), ce = B && V.some((e) => e.fixed === "left"), le = D(R), Q = A(() => new Set(C.map(o)), [C, o]), $ = A(() => s === void 0 ? e : e.filter(s), [e, s]), ue = $.length > 0 && $.every((e) => Q.has(o(e))), de = !ue && $.some((e) => Q.has(o(e)));
-	return /* @__PURE__ */ P("div", {
+	}), X = B && V.some((e) => e.fixed === "left"), Z = A(R), Q = N(() => new Set(C.map(o)), [C, o]), $ = N(() => s === void 0 ? e : e.filter(s), [e, s]), de = $.length > 0 && $.every((e) => Q.has(o(e))), fe = !de && $.some((e) => Q.has(o(e)));
+	return /* @__PURE__ */ L("div", {
 		className: "space-y-4 [--k-radius-control:var(--k-radius-control-dense,0.5rem)] [--k-radius-surface:var(--k-radius-surface-dense,0.75rem)]",
-		children: [C.length > 0 && f !== void 0 && f.length > 0 && /* @__PURE__ */ N(K, {
+		children: [C.length > 0 && f !== void 0 && f.length > 0 && /* @__PURE__ */ I(oe, {
 			selectedRows: C,
 			setSelectedRows: w,
 			bulkActions: f
-		}), /* @__PURE__ */ P("div", {
+		}), /* @__PURE__ */ L("div", {
 			className: "w-full bg-card rounded-surface border border-border overflow-hidden",
-			children: [/* @__PURE__ */ N("div", {
+			children: [/* @__PURE__ */ I("div", {
 				className: "overflow-x-auto",
-				children: /* @__PURE__ */ P("table", {
+				children: /* @__PURE__ */ L("table", {
 					ref: R,
 					className: "w-full",
-					children: [/* @__PURE__ */ N(J, {
+					children: [/* @__PURE__ */ I(ce, {
 						hasBulkActions: B,
-						allSelected: ue,
-						someSelected: de,
-						toggleSelectAll: Y,
+						allSelected: de,
+						someSelected: fe,
+						toggleSelectAll: ie,
 						visibleColumnsArray: V,
 						draggableColumns: _,
 						resizableColumns: v,
-						columnWidths: j,
+						columnWidths: E,
 						sortColumn: x,
 						sortDirection: S,
-						handleSort: te,
-						handleDragStart: re,
-						handleDragOver: ie,
-						handleDrop: U,
-						handleMouseDown: ne,
+						handleSort: ne,
+						handleDragStart: H,
+						handleDragOver: U,
+						handleDrop: W,
+						handleMouseDown: re,
 						hasActions: z,
 						bordered: g,
 						dense: h,
-						fixedColumns: le,
-						fixedSelection: ce,
+						fixedColumns: Z,
+						fixedSelection: X,
 						fixedActions: b,
-						settingsNode: y ? /* @__PURE__ */ N(Z, {
+						settingsNode: y ? /* @__PURE__ */ I(ue, {
 							columns: a,
 							visibleColumns: T,
-							toggleColumnVisibility: W
+							toggleColumnVisibility: G,
+							setColumnsVisibility: K
 						}) : void 0
-					}), /* @__PURE__ */ N(G, {
+					}), /* @__PURE__ */ I(ae, {
 						bordered: g,
 						dense: h,
 						isLoading: t,
 						error: n,
-						colSpanCount: H,
+						colSpanCount: ee,
 						messages: r.messages,
-						paginatedData: ee,
+						paginatedData: te,
 						rowKey: o,
 						onRowClick: c,
 						onRowNavigate: l,
@@ -508,94 +598,94 @@ function se({ data: e, isLoading: t = !1, error: n = null, config: r, server: i
 						selectedKeys: Q,
 						toggleRowSelection: q,
 						visibleColumnsArray: V,
-						columnWidths: j,
+						columnWidths: E,
 						hasActions: z || y,
 						actions: d,
 						columns: a,
 						resizableColumns: v,
-						fixedColumns: le
+						fixedColumns: Z
 					})]
 				})
-			}), /* @__PURE__ */ N(oe, {
+			}), /* @__PURE__ */ I(le, {
 				totalItems: i?.totalRows ?? e.length,
-				startIndex: I,
-				endIndex: L,
-				pageSize: X,
-				setPageSize: ae,
-				currentPage: M,
-				setCurrentPage: se,
+				startIndex: P,
+				endIndex: F,
+				pageSize: J,
+				setPageSize: se,
+				currentPage: D,
+				setCurrentPage: Y,
 				pageSizeOptions: m,
-				totalPages: F
+				totalPages: O
 			})]
 		})]
 	});
 }
 //#endregion
 //#region src/components/core/table/JsonTableOutput.tsx
-var ce = ({ header: e, output: t }) => {
-	let { t: n } = a(), [r, i] = j(!0), l = L(t), u = l !== null, d = () => /* @__PURE__ */ P("div", {
+var $ = ({ header: e, output: t }) => {
+	let { t: n } = o(), [r, i] = P(!0), a = B(t), u = a !== null, d = () => /* @__PURE__ */ L("div", {
 		className: "flex items-center justify-between mb-2",
-		children: [/* @__PURE__ */ N("span", {
+		children: [/* @__PURE__ */ I("span", {
 			className: "font-medium text-sm",
 			children: e
-		}), /* @__PURE__ */ P("div", {
+		}), /* @__PURE__ */ L("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ N(y, {
+			children: [/* @__PURE__ */ I(y, {
 				id: "table-mode",
 				checked: r,
 				onCheckedChange: i
-			}), /* @__PURE__ */ N(o, {
+			}), /* @__PURE__ */ I(s, {
 				htmlFor: "table-mode",
 				className: "text-xs",
 				children: n("table.tableMode")
 			})]
 		})]
-	}), f = ({ children: e }) => /* @__PURE__ */ N("div", {
+	}), f = ({ children: e }) => /* @__PURE__ */ I("div", {
 		className: "border rounded min-w-0 w-full",
-		children: /* @__PURE__ */ N(m, { children: e })
-	}), g = () => /* @__PURE__ */ N("pre", {
+		children: /* @__PURE__ */ I(m, { children: e })
+	}), g = () => /* @__PURE__ */ I("pre", {
 		className: "text-xs bg-muted p-4 rounded overflow-x-auto whitespace-pre-wrap",
-		children: u && !r ? JSON.stringify(l, null, 2) : t
+		children: u && !r ? JSON.stringify(a, null, 2) : t
 	});
-	return t ? /* @__PURE__ */ P("div", {
+	return t ? /* @__PURE__ */ L("div", {
 		className: "min-w-0 w-full",
 		children: [d(), (() => {
-			if (!u || !r) return /* @__PURE__ */ N(g, {});
-			if (Array.isArray(l) && l.length > 0 && I(l[0])) {
-				let e = l, t = Object.keys(e[0]);
-				return /* @__PURE__ */ P(f, { children: [/* @__PURE__ */ N(p, {
+			if (!u || !r) return /* @__PURE__ */ I(g, {});
+			if (Array.isArray(a) && a.length > 0 && z(a[0])) {
+				let e = a, t = Object.keys(e[0]);
+				return /* @__PURE__ */ L(f, { children: [/* @__PURE__ */ I(p, {
 					className: "bg-muted/50",
-					children: /* @__PURE__ */ N(v, { children: t.map((e) => /* @__PURE__ */ N(c, {
+					children: /* @__PURE__ */ I(v, { children: t.map((e) => /* @__PURE__ */ I(l, {
 						className: "font-medium",
 						children: e
 					}, e)) })
-				}), /* @__PURE__ */ N(s, { children: e.map((e, n) => /* @__PURE__ */ N(v, { children: t.map((t) => /* @__PURE__ */ N(h, {
+				}), /* @__PURE__ */ I(c, { children: e.map((e, n) => /* @__PURE__ */ I(v, { children: t.map((t) => /* @__PURE__ */ I(h, {
 					className: "text-sm whitespace-pre-wrap",
-					children: F(e[t])
+					children: R(e[t])
 				}, t)) }, n)) })] });
 			}
-			if (I(l)) {
-				let e = Object.entries(l);
-				return /* @__PURE__ */ P(f, { children: [/* @__PURE__ */ N(p, {
+			if (z(a)) {
+				let e = Object.entries(a);
+				return /* @__PURE__ */ L(f, { children: [/* @__PURE__ */ I(p, {
 					className: "bg-muted/50",
-					children: /* @__PURE__ */ P(v, { children: [/* @__PURE__ */ N(c, {
+					children: /* @__PURE__ */ L(v, { children: [/* @__PURE__ */ I(l, {
 						className: "font-medium",
 						children: n("table.property")
-					}), /* @__PURE__ */ N(c, {
+					}), /* @__PURE__ */ I(l, {
 						className: "font-medium",
 						children: n("table.value")
 					})] })
-				}), /* @__PURE__ */ N(s, { children: e.map(([e, t]) => /* @__PURE__ */ P(v, { children: [/* @__PURE__ */ N(h, {
+				}), /* @__PURE__ */ I(c, { children: e.map(([e, t]) => /* @__PURE__ */ L(v, { children: [/* @__PURE__ */ I(h, {
 					className: "font-medium text-sm",
 					children: e
-				}), /* @__PURE__ */ N(h, {
+				}), /* @__PURE__ */ I(h, {
 					className: "text-sm whitespace-pre-wrap",
-					children: F(t)
+					children: R(t)
 				})] }, e)) })] });
 			}
-			return /* @__PURE__ */ N(g, {});
+			return /* @__PURE__ */ I(g, {});
 		})()]
 	}) : null;
 };
 //#endregion
-export { se as DataTable, ce as JsonTableOutput, W as TableActions, G as TableBody, K as TableBulkActions, J as TableHeader, oe as TablePagination, Z as TableSettings };
+export { Q as DataTable, $ as JsonTableOutput, J as TableActions, ae as TableBody, oe as TableBulkActions, ce as TableHeader, le as TablePagination, ue as TableSettings };