@krosoft/react 0.0.381 → 0.0.383

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

@@ -1,709 +1,9 @@
-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-BhLphJa3.js";
-import { D as s, E as c, Nt as l, O as u, S as d, Ut as f, jt as p, kt as m, vn as h, w as g, x as _ } from "../../../ui-Fxy95kSJ.js";
-import { c as v, i as y, n as b, r as x, t as S } from "../../../tooltip-_geGvbS7.js";
-import { h as C, m as w, p as T } from "../../../sheet-cWJO_wkT.js";
-import { n as E, t as D } from "../../../switch-DspImmo_.js";
-import { i as O, l as k, n as A, t as j, u as M } from "../../../select-KWMg2_7Z.js";
-import { n as N, t as P } from "../../../useFixedColumns-Bo-Az3Hp.js";
-import { n as F, r as I } from "../../../datatable-COQcYUrk.js";
-import { useMemo as L, useState as R } from "react";
-import { Fragment as z, jsx as B, jsxs as V } from "react/jsx-runtime";
-import { formatJsonValue as H, isRecord as U, tryParseJson as W } from "@krosoft/core/helpers";
-import { AlertTriangleIcon as G, ArrowDownIcon as K, ArrowUpDownIcon as q, ArrowUpIcon as J, ChevronLeftIcon as Y, ChevronRightIcon as ee, GripVerticalIcon as te, Loader2Icon as ne, MoreVerticalIcon as re, SearchIcon as ie, SettingsIcon as ae } from "lucide-react";
-import { useNavigate as oe } from "react-router-dom";
-//#region src/components/core/table/TableActions.tsx
-function X({ 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), a = r.filter((e) => e.overflow === !0);
-	return /* @__PURE__ */ B(x, { children: /* @__PURE__ */ V("div", {
-		className: "flex items-center justify-end gap-1",
-		children: [i.map((e, r) => {
-			let i = e.icon, a = n(e.labelKey), o = e.disabled?.(t) ?? !1;
-			return e.iconOnly === !0 && i !== void 0 ? /* @__PURE__ */ V(S, { children: [/* @__PURE__ */ B(y, {
-				asChild: !0,
-				children: /* @__PURE__ */ B("span", {
-					className: "inline-flex",
-					tabIndex: o ? 0 : void 0,
-					children: /* @__PURE__ */ B(v, {
-						variant: e.variant ?? "ghost",
-						size: "icon",
-						disabled: o,
-						"aria-label": a,
-						className: `h-7 w-7 text-muted-foreground hover:text-foreground ${e.className ?? ""}`,
-						onClick: (n) => {
-							n.stopPropagation(), e.onClick(t);
-						},
-						children: /* @__PURE__ */ B(i, { className: "size-3.5" })
-					})
-				})
-			}), /* @__PURE__ */ B(b, { children: a })] }, r) : /* @__PURE__ */ V(v, {
-				variant: e.variant ?? "ghost",
-				size: "sm",
-				disabled: o,
-				className: `h-7 px-2 text-muted-foreground hover:text-foreground ${e.className ?? ""}`,
-				onClick: (n) => {
-					n.stopPropagation(), e.onClick(t);
-				},
-				children: [i !== void 0 && /* @__PURE__ */ B(i, { className: "size-3.5" }), a]
-			}, r);
-		}), a.length > 0 && /* @__PURE__ */ V(m, { children: [/* @__PURE__ */ B(f, {
-			asChild: !0,
-			children: /* @__PURE__ */ B(v, {
-				variant: "ghost",
-				size: "icon",
-				className: "h-7 w-7 text-muted-foreground hover:text-foreground",
-				children: /* @__PURE__ */ B(re, { className: "size-3.5" })
-			})
-		}), /* @__PURE__ */ B(p, {
-			align: "end",
-			onClick: (e) => {
-				e.stopPropagation();
-			},
-			children: a.map((e, r) => {
-				let i = e.icon;
-				return /* @__PURE__ */ V(l, {
-					disabled: e.disabled?.(t) ?? !1,
-					onClick: () => {
-						e.onClick(t);
-					},
-					className: e.className,
-					children: [i !== void 0 && /* @__PURE__ */ B("span", {
-						className: "mr-2 size-4 flex items-center justify-center",
-						children: /* @__PURE__ */ B(i, { className: "size-4" })
-					}), n(e.labelKey)]
-				}, r);
-			})
-		})] })]
-	}) });
-}
-//#endregion
-//#region src/components/core/table/TableBody.tsx
-function se({ isLoading: e, error: s, colSpanCount: c, messages: l, paginatedData: u, rowKey: d, onRowClick: f, onRowNavigate: p, rowNavigable: m, hasBulkActions: g, 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 = oe(), 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__ */ B("span", {
-			className: "text-sm truncate",
-			children: r == null ? "-" : String(r)
-		});
-	};
-	if (e) return /* @__PURE__ */ B("tbody", {
-		className: "divide-y divide-border",
-		children: /* @__PURE__ */ B("tr", { children: /* @__PURE__ */ B("td", {
-			colSpan: c,
-			className: "py-8 text-center",
-			children: /* @__PURE__ */ V("div", {
-				className: "flex flex-col items-center justify-center gap-2 text-muted-foreground",
-				children: [/* @__PURE__ */ B(ne, { className: "h-6 w-6 animate-spin text-primary" }), /* @__PURE__ */ B("span", {
-					className: "text-sm",
-					children: A
-				})]
-			})
-		}) })
-	});
-	if (s) return /* @__PURE__ */ B("tbody", {
-		className: "divide-y divide-border",
-		children: /* @__PURE__ */ B("tr", { children: /* @__PURE__ */ B("td", {
-			colSpan: c,
-			className: "py-8 text-center",
-			children: /* @__PURE__ */ V("div", {
-				className: "flex flex-col items-center justify-center gap-2 text-destructive",
-				children: [/* @__PURE__ */ B(G, { className: "h-6 w-6" }), /* @__PURE__ */ B("span", {
-					className: "text-sm",
-					children: s
-				})]
-			})
-		}) })
-	});
-	if (u.length === 0) return /* @__PURE__ */ B("tbody", {
-		className: "divide-y divide-border",
-		children: /* @__PURE__ */ B("tr", { children: /* @__PURE__ */ B("td", {
-			colSpan: c,
-			className: "py-8 text-center text-sm text-muted-foreground",
-			children: j
-		}) })
-	});
-	let P = a(O[n], "body"), F = a(O[t], "body"), I = g && v.size > 0, L = (e) => {
-		if (m === void 0 || m(e)) return p?.(e);
-	}, R = (e, t, n) => {
-		I ? y(e) : t === void 0 ? f?.(e, n) : n.ctrlKey || n.metaKey ? window.open(t, "_blank") : M(t);
-	};
-	return /* @__PURE__ */ B("tbody", {
-		className: "divide-y divide-border",
-		children: u.map((e) => {
-			let t = d(e), n = _ === void 0 || _(e), o = L(e);
-			return /* @__PURE__ */ V("tr", {
-				className: `group hover:bg-muted/50 transition-colors ${I || o !== void 0 || f !== void 0 ? "cursor-pointer" : ""}`,
-				onClick: (t) => {
-					R(e, o, t);
-				},
-				children: [
-					g ? /* @__PURE__ */ B("td", {
-						className: `p-1 text-center align-middle ${P.className}`,
-						style: {
-							width: "48px",
-							minWidth: "48px",
-							maxWidth: "48px",
-							...P.style
-						},
-						onClick: (e) => {
-							e.stopPropagation();
-						},
-						children: /* @__PURE__ */ B("div", {
-							className: "flex items-center justify-center",
-							children: /* @__PURE__ */ B(h, {
-								checked: v.has(t),
-								disabled: !n,
-								onCheckedChange: () => {
-									y(e);
-								}
-							})
-						})
-					}) : null,
-					b.map((t, n) => {
-						let o = n === b.length - 1, s = a(O[t.key], "body");
-						return /* @__PURE__ */ B("td", {
-							className: `${`${n === 0 && !g ? "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__ */ B("div", {
-								className: "w-full h-full",
-								children: N(e, t.key)
-							})
-						}, t.key);
-					}),
-					S ? /* @__PURE__ */ B("td", {
-						className: `py-1 pl-1 pr-4 text-right align-middle whitespace-nowrap ${F.className}`,
-						style: {
-							minWidth: "32px",
-							...F.style
-						},
-						onClick: (e) => {
-							e.stopPropagation();
-						},
-						children: C !== void 0 && C.length > 0 ? /* @__PURE__ */ B("div", {
-							className: "flex items-center justify-end",
-							children: /* @__PURE__ */ B(X, {
-								actions: C,
-								row: e
-							})
-						}) : null
-					}) : null
-				]
-			}, t);
-		})
-	});
-}
-//#endregion
-//#region src/components/core/table/TableBulkActions.tsx
-function ce({ selectedRows: e, setSelectedRows: t, bulkActions: n }) {
-	let { t: r } = o();
-	return /* @__PURE__ */ V("div", {
-		className: "bg-muted/60 border border-border px-3 py-1.5 flex items-center justify-between rounded-surface",
-		children: [/* @__PURE__ */ V("div", {
-			className: "flex items-center gap-4",
-			children: [/* @__PURE__ */ B("span", {
-				className: "text-sm font-medium text-primary ml-1",
-				children: r("table.selectedCount", { count: e.length })
-			}), /* @__PURE__ */ B("div", {
-				className: "flex items-center gap-2",
-				children: n.map((n, i) => {
-					let a = n.icon;
-					return /* @__PURE__ */ V(v, {
-						variant: "outline",
-						size: "sm",
-						onClick: () => {
-							n.onClick(e, () => {
-								t([]);
-							});
-						},
-						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__ */ B("span", {
-							className: "mr-1.5 flex items-center justify-center",
-							children: /* @__PURE__ */ B(a, { className: "h-3.5 w-3.5" })
-						}), r(n.labelKey)]
-					}, i);
-				})
-			})]
-		}), /* @__PURE__ */ B(v, {
-			variant: "ghost",
-			size: "sm",
-			onClick: () => {
-				t([]);
-			},
-			className: "text-xs text-muted-foreground hover:text-foreground h-7 px-2",
-			children: r("table.clearSelection")
-		})]
-	});
-}
-//#endregion
-//#region src/components/core/table/TableHeader.tsx
-var Z = {
-	left: "justify-start",
-	center: "justify-center",
-	right: "justify-end"
-};
-function le({ hasBulkActions: e, allSelected: s, someSelected: c, toggleSelectAll: l, visibleColumnsArray: u, draggableColumns: d, resizableColumns: f, columnWidths: p, sortColumn: m, sortDirection: g, 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 ? B(g === "asc" ? J : K, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ B(q, { 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__ */ V("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`,
-				r(d),
-				l.className,
-				w ? "border-r border-border" : "",
-				c ? "cursor-pointer select-none" : "",
-				t.className ?? ""
-			].filter(Boolean).join(" "),
-			style: {
-				...f ? { width: p[t.key] } : { minWidth: p[t.key] },
-				...l.style
-			},
-			draggable: s,
-			onClick: () => {
-				_(t.key);
-			},
-			onDragStart: (e) => {
-				s ? v(e, t.key) : e.preventDefault();
-			},
-			onDragOver: (e) => {
-				y(e, t.key);
-			},
-			onDrop: (e) => {
-				b(e, t.key);
-			},
-			children: [/* @__PURE__ */ V("div", {
-				className: `flex items-center gap-1 ${Z[d]} ${f ? "pr-2" : ""}`,
-				children: [
-					s ? /* @__PURE__ */ B(te, { className: "size-4 text-muted-foreground cursor-grab shrink-0" }) : null,
-					/* @__PURE__ */ B("span", {
-						className: "truncate",
-						children: k(t.headerKey)
-					}),
-					m === null ? null : /* @__PURE__ */ B("span", {
-						className: "ml-1 shrink-0",
-						children: m
-					})
-				]
-			}), f ? /* @__PURE__ */ B("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: (e) => {
-					x(e, t.key);
-				}
-			}) : null]
-		}, t.key);
-	}, N = a(E[n], "header"), P = a(E[t], "header");
-	return /* @__PURE__ */ B("thead", {
-		className: "bg-muted/50 border-b border-border",
-		children: /* @__PURE__ */ V("tr", { children: [
-			e ? /* @__PURE__ */ B("th", {
-				"data-column-key": n,
-				"data-fixed-side": D ? "left" : void 0,
-				className: `p-1 text-center align-middle ${N.className}`,
-				style: {
-					width: "48px",
-					minWidth: "48px",
-					maxWidth: "48px",
-					...N.style
-				},
-				children: /* @__PURE__ */ B("div", {
-					className: "flex items-center justify-center",
-					children: /* @__PURE__ */ B(h, {
-						checked: A,
-						onCheckedChange: l
-					})
-				})
-			}) : null,
-			u.map((e, t) => M(e, t, d)),
-			S || C !== void 0 ? /* @__PURE__ */ B("th", {
-				"data-column-key": t,
-				"data-fixed-side": O ? "right" : void 0,
-				className: `py-1 pl-1 pr-4 text-right align-middle ${P.className}`,
-				style: {
-					minWidth: "32px",
-					...P.style
-				},
-				children: C
-			}) : null
-		] })
-	});
-}
-//#endregion
-//#region src/components/core/table/TablePagination.tsx
-var Q = "…";
-function $(e, t) {
-	return Array.from({ length: t - e + 1 }, (t, n) => e + n);
-}
-function ue(e, t, n = 1) {
-	if (n * 2 + 5 >= t) return $(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 ? [
-		...$(1, n + 2),
-		Q,
-		t
-	] : a && !o ? [
-		1,
-		Q,
-		...$(t - (n + 2) + 1, t)
-	] : [
-		1,
-		Q,
-		...$(r, i),
-		Q,
-		t
-	];
-}
-function de({ totalItems: e, startIndex: t, endIndex: n, pageSize: r, setPageSize: i, currentPage: a, setCurrentPage: s, pageSizeOptions: c, totalPages: l }) {
-	let { t: u } = o(), d = ue(a, l);
-	return /* @__PURE__ */ V("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__ */ B("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__ */ B("div", {
-				className: "flex items-center justify-center gap-1",
-				children: l > 1 && /* @__PURE__ */ V(z, { children: [
-					/* @__PURE__ */ B(v, {
-						variant: "ghost",
-						size: "icon",
-						className: "h-8 w-8 rounded-control",
-						onClick: () => {
-							s((e) => Math.max(1, e - 1));
-						},
-						disabled: a === 1,
-						"aria-label": u("table.previousPage"),
-						children: /* @__PURE__ */ B(Y, { className: "size-4" })
-					}),
-					d.map((e, t) => e === Q ? /* @__PURE__ */ B("span", {
-						className: "flex h-8 w-8 items-center justify-center text-sm text-muted-foreground",
-						children: Q
-					}, `dots-${String(t)}`) : /* @__PURE__ */ B(v, {
-						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 === a ? "page" : void 0,
-						children: e
-					}, e)),
-					/* @__PURE__ */ B(v, {
-						variant: "ghost",
-						size: "icon",
-						className: "h-8 w-8 rounded-control",
-						onClick: () => {
-							s((e) => Math.min(l, e + 1));
-						},
-						disabled: a === l,
-						"aria-label": u("table.nextPage"),
-						children: /* @__PURE__ */ B(ee, { className: "size-4" })
-					})
-				] })
-			}),
-			/* @__PURE__ */ B("div", {
-				className: "justify-self-end",
-				children: /* @__PURE__ */ V(j, {
-					value: String(r),
-					onValueChange: (e) => {
-						i(Number(e)), s(1);
-					},
-					children: [/* @__PURE__ */ B(k, {
-						className: "h-8 w-[110px] text-sm",
-						children: /* @__PURE__ */ B(M, {})
-					}), /* @__PURE__ */ B(A, { children: c.map((e) => /* @__PURE__ */ B(O, {
-						value: String(e),
-						children: u("table.perPage", { count: e })
-					}, e)) })]
-				})
-			})
-		]
-	});
-}
-//#endregion
-//#region src/components/core/table/TableSettings.tsx
-function fe({ columns: t, visibleColumns: n, toggleColumnVisibility: r, setColumnsVisibility: i }) {
-	let { t: a } = o(), [s, c] = R(""), l = L(() => t.map((e, t) => ({
-		key: e.key,
-		label: a(e.headerKey),
-		locked: t === 0
-	})), [t, a]), u = L(() => {
-		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__ */ V(T, {
-		onOpenChange: (e) => {
-			e || c("");
-		},
-		children: [/* @__PURE__ */ B(C, {
-			asChild: !0,
-			children: /* @__PURE__ */ B(v, {
-				variant: "outline",
-				size: "sm",
-				className: "size-7 p-0 bg-background hover:bg-muted shadow-sm border-border",
-				children: /* @__PURE__ */ B(ae, { className: "size-3.5 text-muted-foreground" })
-			})
-		}), /* @__PURE__ */ V(w, {
-			align: "end",
-			className: "w-64 p-0",
-			children: [
-				/* @__PURE__ */ V("div", {
-					className: "flex items-center justify-between px-3 pt-3 pb-2",
-					children: [/* @__PURE__ */ B("span", {
-						className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground",
-						children: a("table.columnsTitle")
-					}), /* @__PURE__ */ V("span", {
-						className: "text-xs text-muted-foreground",
-						children: [
-							n.size,
-							" / ",
-							t.length
-						]
-					})]
-				}),
-				/* @__PURE__ */ B("div", {
-					className: "px-2 pb-2",
-					children: /* @__PURE__ */ V("div", {
-						className: "relative",
-						children: [/* @__PURE__ */ B(ie, { className: "absolute left-2 top-1/2 size-3.5 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ B("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__ */ V("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__ */ B("p", {
-						className: "px-2 py-3 text-center text-xs text-muted-foreground",
-						children: a("states.noResult")
-					}), u.map((t) => /* @__PURE__ */ V("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__ */ B(h, {
-							checked: t.locked || n.has(t.key),
-							disabled: t.locked,
-							onCheckedChange: () => {
-								r(t.key);
-							}
-						}), /* @__PURE__ */ B("span", {
-							className: "min-w-0 flex-1 truncate",
-							title: t.label,
-							children: t.label
-						})]
-					}, t.key))]
-				}),
-				u.length > 0 && /* @__PURE__ */ V("div", {
-					className: "flex items-center justify-end gap-2 border-t border-border px-3 py-2 text-xs",
-					children: [
-						/* @__PURE__ */ B("button", {
-							type: "button",
-							onClick: () => {
-								d(!0);
-							},
-							className: "font-medium text-primary hover:underline",
-							children: a("table.showAllColumns")
-						}),
-						/* @__PURE__ */ B("span", {
-							className: "h-3 w-px bg-border",
-							"aria-hidden": !0
-						}),
-						/* @__PURE__ */ B("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 pe({ 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 ?? F, m = r.pageSizeOptions ?? I, 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: k, endIndex: A, tableRef: j, hasActions: M, hasBulkActions: R, visibleColumnsArray: z, colSpanCount: H, paginatedData: U, handleSort: W, handleMouseDown: G, handleDragStart: K, handleDragOver: q, handleDrop: J, toggleColumnVisibility: Y, setColumnsVisibility: ee, toggleRowSelection: te, toggleSelectAll: ne, pageSize: re, setPageSize: ie, setCurrentPage: ae } = N({
-		data: e,
-		columns: a,
-		rowKey: o,
-		rowSelectable: s,
-		pageSizeDefault: p,
-		actions: d,
-		bulkActions: f,
-		columnVisibility: y,
-		columnVisibilityState: r.columnVisibilityState,
-		onColumnVisibilityChange: r.onColumnVisibilityChange,
-		columnVisibilityStorage: r.columnVisibilityStorage,
-		server: i
-	}), oe = R && z.some((e) => e.fixed === "left"), X = P(j), Z = L(() => new Set(C.map(o)), [C, o]), Q = L(() => s === void 0 ? e : e.filter(s), [e, s]), $ = Q.length > 0 && Q.every((e) => Z.has(o(e))), ue = !$ && Q.some((e) => Z.has(o(e)));
-	return /* @__PURE__ */ V("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__ */ B(ce, {
-			selectedRows: C,
-			setSelectedRows: w,
-			bulkActions: f
-		}), /* @__PURE__ */ V("div", {
-			className: "w-full bg-card rounded-surface border border-border overflow-hidden",
-			children: [/* @__PURE__ */ B("div", {
-				className: "overflow-x-auto",
-				children: /* @__PURE__ */ V("table", {
-					ref: j,
-					className: "w-full",
-					children: [/* @__PURE__ */ B(le, {
-						hasBulkActions: R,
-						allSelected: $,
-						someSelected: ue,
-						toggleSelectAll: ne,
-						visibleColumnsArray: z,
-						draggableColumns: _,
-						resizableColumns: v,
-						columnWidths: E,
-						sortColumn: x,
-						sortDirection: S,
-						handleSort: W,
-						handleDragStart: K,
-						handleDragOver: q,
-						handleDrop: J,
-						handleMouseDown: G,
-						hasActions: M,
-						bordered: g,
-						dense: h,
-						fixedColumns: X,
-						fixedSelection: oe,
-						fixedActions: b,
-						settingsNode: y ? /* @__PURE__ */ B(fe, {
-							columns: a,
-							visibleColumns: T,
-							toggleColumnVisibility: Y,
-							setColumnsVisibility: ee
-						}) : void 0
-					}), /* @__PURE__ */ B(se, {
-						bordered: g,
-						dense: h,
-						isLoading: t,
-						error: n,
-						colSpanCount: H,
-						messages: r.messages,
-						paginatedData: U,
-						rowKey: o,
-						onRowClick: c,
-						onRowNavigate: l,
-						rowNavigable: u,
-						hasBulkActions: R,
-						rowSelectable: s,
-						selectedKeys: Z,
-						toggleRowSelection: te,
-						visibleColumnsArray: z,
-						columnWidths: E,
-						hasActions: M || y,
-						actions: d,
-						columns: a,
-						resizableColumns: v,
-						fixedColumns: X
-					})]
-				})
-			}), /* @__PURE__ */ B(de, {
-				totalItems: i?.totalRows ?? e.length,
-				startIndex: k,
-				endIndex: A,
-				pageSize: re,
-				setPageSize: ie,
-				currentPage: D,
-				setCurrentPage: ae,
-				pageSizeOptions: m,
-				totalPages: O
-			})]
-		})]
-	});
-}
-//#endregion
-//#region src/components/core/table/JsonTableOutput.tsx
-var me = ({ header: e, output: t }) => {
-	let { t: n } = o(), [r, i] = R(!0), a = W(t), l = a !== null, f = () => /* @__PURE__ */ V("div", {
-		className: "flex items-center justify-between mb-2",
-		children: [/* @__PURE__ */ B("span", {
-			className: "font-medium text-sm",
-			children: e
-		}), /* @__PURE__ */ V("div", {
-			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ B(D, {
-				id: "table-mode",
-				checked: r,
-				onCheckedChange: i
-			}), /* @__PURE__ */ B(E, {
-				htmlFor: "table-mode",
-				className: "text-xs",
-				children: n("table.tableMode")
-			})]
-		})]
-	}), p = ({ children: e }) => /* @__PURE__ */ B("div", {
-		className: "border rounded min-w-0 w-full",
-		children: /* @__PURE__ */ B(_, { children: e })
-	}), m = () => /* @__PURE__ */ B("pre", {
-		className: "text-xs bg-muted p-4 rounded overflow-x-auto whitespace-pre-wrap",
-		children: l && !r ? JSON.stringify(a, null, 2) : t
-	});
-	return t ? /* @__PURE__ */ V("div", {
-		className: "min-w-0 w-full",
-		children: [f(), (() => {
-			if (!l || !r) return /* @__PURE__ */ B(m, {});
-			if (Array.isArray(a) && a.length > 0 && U(a[0])) {
-				let e = a, t = Object.keys(e[0]);
-				return /* @__PURE__ */ V(p, { children: [/* @__PURE__ */ B(s, {
-					className: "bg-muted/50",
-					children: /* @__PURE__ */ B(u, { children: t.map((e) => /* @__PURE__ */ B(c, {
-						className: "font-medium",
-						children: e
-					}, e)) })
-				}), /* @__PURE__ */ B(d, { children: e.map((e, n) => /* @__PURE__ */ B(u, { children: t.map((t) => /* @__PURE__ */ B(g, {
-					className: "text-sm whitespace-pre-wrap",
-					children: H(e[t])
-				}, t)) }, n)) })] });
-			}
-			if (U(a)) {
-				let e = Object.entries(a);
-				return /* @__PURE__ */ V(p, { children: [/* @__PURE__ */ B(s, {
-					className: "bg-muted/50",
-					children: /* @__PURE__ */ V(u, { children: [/* @__PURE__ */ B(c, {
-						className: "font-medium",
-						children: n("table.property")
-					}), /* @__PURE__ */ B(c, {
-						className: "font-medium",
-						children: n("table.value")
-					})] })
-				}), /* @__PURE__ */ B(d, { children: e.map(([e, t]) => /* @__PURE__ */ V(u, { children: [/* @__PURE__ */ B(g, {
-					className: "font-medium text-sm",
-					children: e
-				}), /* @__PURE__ */ B(g, {
-					className: "text-sm whitespace-pre-wrap",
-					children: H(t)
-				})] }, e)) })] });
-			}
-			return /* @__PURE__ */ B(m, {});
-		})()]
-	}) : null;
-};
-//#endregion
-export { pe as DataTable, me as JsonTableOutput, X as TableActions, se as TableBody, ce as TableBulkActions, le as TableHeader, de as TablePagination, fe as TableSettings };
+import { TableActions as e } from "./TableActions.js";
+import { TableBody as t } from "./TableBody.js";
+import { TableBulkActions as n } from "./TableBulkActions.js";
+import { TableHeader as r } from "./TableHeader.js";
+import { TablePagination as i } from "./TablePagination.js";
+import { TableSettings as a } from "./TableSettings.js";
+import { DataTable as o } from "./DataTable.js";
+import { JsonTableOutput as s } from "./JsonTableOutput.js";
+export { o as DataTable, s as JsonTableOutput, e as TableActions, t as TableBody, n as TableBulkActions, r as TableHeader, i as TablePagination, a as TableSettings };