@krosoft/react 0.0.255 → 0.0.256

package/dist/components/core/index.js

@@ -18,7 +18,7 @@ import { t as W } from "../../AppTitle-BR4JFZfp.js";
 import { n as G, t as K } from "../../states-BusGNKku.js";
 import { AppPageHeader as q, KpiCardsLayout as J } from "./layouts/index.js";
 import { a as Y, i as X, n as Z, o as Q, r as $, t as ee } from "../../navbar-DLxNVUU9.js";
-import { a as te, c as ne, d as re, f as ie, i as ae, l as oe, n as se, o as ce, p as le, r as ue, s as de, t as fe, u as pe } from "../../table-C56FL-qc.js";
+import { a as te, c as ne, d as re, f as ie, i as ae, l as oe, n as se, o as ce, p as le, r as ue, s as de, t as fe, u as pe } from "../../table-B7lgx_iw.js";
 import { AppTabContainer as me, AppTabHeader as he, AppTabs as ge, AppVerticalTabs as _e } from "./tabs/index.js";
 import { t as ve } from "../../theme-Ck_D5xtg.js";
 export { ne as ACTIONS_COLUMN_KEY, R as ActiveFilters, z as AdvancedFilters, k as AppActions, E as AppDialog, q as AppPageHeader, A as AppSubTitle, me as AppTabContainer, he as AppTabHeader, ge as AppTabs, W as AppTitle, _e as AppVerticalTabs, v as BarChartHorizontal, C as BarChartVertical, _ as CHART_COLORS, y as ChartCard, S as CircularGauge, D as ConfirmationDialog, r as DashboardCard, se as DataTable, P as DatePicker, I as DateRangePicker, l as Dialog, c as DialogClose, p as DialogContent, g as DialogDescription, s as DialogFooter, h as DialogHeader, d as DialogOverlay, f as DialogPortal, m as DialogTitle, u as DialogTrigger, N as ErrorAlert, G as ErrorState, B as FilterField, T as FormDialog, M as GenericForm, Q as GlobalSearch, O as ImageInput, fe as JsonTableOutput, e as KpiCard, t as KpiCards, J as KpiCardsLayout, U as LanguageSelector, b as LineChart, K as LoadingState, i as MetricCard, j as MultiSelect, Y as NotificationsBell, w as PieChart, o as Progress, oe as SELECTION_COLUMN_KEY, L as SearchInput, V as SearchableFilterPill, F as SearchableSelect, $ as Sidebar, Z as SidebarHeader, X as SidebarNavItem, n as SkeletonCard, a as SkeletonCards, le as TableActions, de as TableBody, ce as TableBulkActions, H as TableFilter, te as TableHeader, ae as TablePagination, ue as TableSettings, ve as ThemeSelector, ee as Topbar, re as getAlignmentClass, x as getChartColor, ie as getColumnAlignment, pe as getFixedCellProps };

package/dist/components/core/table/JsonTableOutput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"JsonTableOutput.d.ts","sourceRoot":"","sources":["../../../../src/components/core/table/JsonTableOutput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB;AAmBD,eAAO,MAAM,eAAe,GAAI,oBAAoB,oBAAoB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAuG9F,CAAC"}
+{"version":3,"file":"JsonTableOutput.d.ts","sourceRoot":"","sources":["../../../../src/components/core/table/JsonTableOutput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,eAAe,GAAI,oBAAoB,oBAAoB,KAAG,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAuG9F,CAAC"}

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

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "../../../table-C56FL-qc.js";
+import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f } from "../../../table-B7lgx_iw.js";
 export { t as ACTIONS_COLUMN_KEY, o as DataTable, d as JsonTableOutput, a as SELECTION_COLUMN_KEY, c as TableActions, u as TableBody, s as TableBulkActions, e as TableHeader, i as TablePagination, l as TableSettings, n as getAlignmentClass, r as getColumnAlignment, f as getFixedCellProps };

package/dist/components/index.js

@@ -21,7 +21,7 @@ import { t as qr } from "../AppTitle-BR4JFZfp.js";
 import { n as Jr, t as Yr } from "../states-BusGNKku.js";
 import { AppPageHeader as Xr, KpiCardsLayout as Zr } from "./core/layouts/index.js";
 import { a as Qr, i as $r, n as ei, o as ti, r as ni, t as ri } from "../navbar-DLxNVUU9.js";
-import { a as ii, c as ai, d as oi, f as si, i as ci, l as li, n as ui, o as di, p as fi, r as pi, s as mi, t as hi, u as gi } from "../table-C56FL-qc.js";
+import { a as ii, c as ai, d as oi, f as si, i as ci, l as li, n as ui, o as di, p as fi, r as pi, s as mi, t as hi, u as gi } from "../table-B7lgx_iw.js";
 import { AppTabContainer as _i, AppTabHeader as vi, AppTabs as yi, AppVerticalTabs as bi } from "./core/tabs/index.js";
 import { t as xi } from "../theme-Ck_D5xtg.js";
 import "./core/index.js";

package/dist/{table-C56FL-qc.js → table-B7lgx_iw.js}

@@ -5,20 +5,20 @@ import { i as g, l as _, n as v, t as y, u as b } from "./select-ULiTPOr5.js";
 import { n as x, t as S } from "./useFixedColumns-DnzqhbfT.js";
 import { useState as C } from "react";
 import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { tryParseJson as D } from "@krosoft/core/helpers";
-import { AlertTriangleIcon as O, ArrowDownIcon as k, ArrowUpDownIcon as A, ArrowUpIcon as j, ChevronLeftIcon as M, ChevronRightIcon as N, GripVerticalIcon as P, Loader2Icon as F, MoreVerticalIcon as ee, SettingsIcon as te } from "lucide-react";
-import { useNavigate as ne } from "react-router-dom";
+import { formatJsonValue as D, isRecord as O, tryParseJson as k } from "@krosoft/core/helpers";
+import { AlertTriangleIcon as A, ArrowDownIcon as j, ArrowUpDownIcon as M, ArrowUpIcon as N, ChevronLeftIcon as ee, ChevronRightIcon as P, GripVerticalIcon as F, Loader2Icon as I, MoreVerticalIcon as L, SettingsIcon as R } from "lucide-react";
+import { useNavigate as z } from "react-router-dom";
 //#region src/constants/datatable.ts
-var I = [
+var te = [
 	5,
 	10,
 	30,
 	50,
 	100
-], re = I[1];
+], ne = te[1];
 //#endregion
 //#region src/components/core/table/TableActions.tsx
-function L({ actions: e, row: t }) {
+function B({ actions: e, row: t }) {
 	let n = e.filter((e) => e.visible === void 0 || e.visible(t));
 	if (n.length === 0) return null;
 	let a = n.filter((e) => e.overflow !== !0), s = n.filter((e) => e.overflow === !0);
@@ -42,7 +42,7 @@ function L({ actions: e, row: t }) {
 				variant: "ghost",
 				size: "icon",
 				className: "h-7 w-7 text-muted-foreground hover:text-foreground",
-				children: /* @__PURE__ */ T(ee, { className: "size-3.5" })
+				children: /* @__PURE__ */ T(L, { className: "size-3.5" })
 			})
 		}), /* @__PURE__ */ T(o, {
 			align: "end",
@@ -68,26 +68,26 @@ function L({ actions: e, row: t }) {
 }
 //#endregion
 //#region src/components/core/table/columnAlignment.ts
-var R = {
+var V = {
 	left: "text-left",
 	center: "text-center",
 	right: "text-right"
 };
-function z(e) {
+function H(e) {
 	if (e.align !== void 0) return e.align;
 	let t = (e.className ?? "").split(/\s+/);
 	return t.includes("text-right") ? "right" : t.includes("text-center") ? "center" : "left";
 }
-function B(e) {
-	return R[e];
+function U(e) {
+	return V[e];
 }
 //#endregion
 //#region src/components/core/table/fixedColumns.ts
-var V = "__selection__", H = "__actions__", U = {
+var W = "__selection__", G = "__actions__", K = {
 	left: "border-r border-gray-200 dark:border-gray-800",
 	right: "border-l border-gray-200 dark:border-gray-800"
 };
-function W(e, t) {
+function q(e, t) {
 	if (e === void 0) return {
 		className: "relative",
 		style: {}
@@ -99,15 +99,15 @@ function W(e, t) {
 			n ? "z-20" : "z-10",
 			"before:absolute before:inset-0 before:-z-10 before:pointer-events-none",
 			n ? "before:bg-muted/50 dark:before:bg-gray-900/50" : "group-hover:before:bg-muted/50 dark:group-hover:before:bg-gray-900/50",
-			e.isEdge ? U[e.side] : ""
+			e.isEdge ? K[e.side] : ""
 		].filter(Boolean).join(" "),
 		style: e.side === "left" ? { left: e.offset } : { right: e.offset }
 	};
 }
 //#endregion
 //#region src/components/core/table/TableBody.tsx
-function G({ isLoading: e, error: t, colSpanCount: n, noDataMessage: r, paginatedData: i, getRowId: a, onRowClick: o, onRowNavigate: s, hasBulkActions: c, selectedRows: l, toggleRowSelection: d, visibleColumnsArray: f, columnWidths: p, hasActions: m, actions: g, columns: _, bordered: v = !1, dense: y = !1, resizableColumns: b = !1, fixedColumns: x = {} }) {
-	let { t: S } = h(), C = ne(), w = (e, t) => {
+function J({ isLoading: e, error: t, colSpanCount: n, noDataMessage: r, paginatedData: i, getRowId: a, onRowClick: o, onRowNavigate: s, hasBulkActions: c, selectedRows: l, toggleRowSelection: d, visibleColumnsArray: f, columnWidths: p, hasActions: m, actions: g, columns: _, bordered: v = !1, dense: y = !1, resizableColumns: b = !1, fixedColumns: x = {} }) {
+	let { t: S } = h(), C = z(), w = (e, t) => {
 		let n = _.find((e) => e.key === t);
 		if (n?.renderCell !== void 0) return n.renderCell(e);
 		let r = e[t];
@@ -123,7 +123,7 @@ function G({ isLoading: e, error: t, colSpanCount: n, noDataMessage: r, paginate
 			className: "py-8 text-center",
 			children: /* @__PURE__ */ E("div", {
 				className: "flex flex-col items-center justify-center gap-2 text-muted-foreground",
-				children: [/* @__PURE__ */ T(F, { className: "h-6 w-6 animate-spin text-primary" }), /* @__PURE__ */ T("span", {
+				children: [/* @__PURE__ */ T(I, { className: "h-6 w-6 animate-spin text-primary" }), /* @__PURE__ */ T("span", {
 					className: "text-sm",
 					children: S("states.loading")
 				})]
@@ -137,7 +137,7 @@ function G({ isLoading: e, error: t, colSpanCount: n, noDataMessage: r, paginate
 			className: "py-8 text-center",
 			children: /* @__PURE__ */ E("div", {
 				className: "flex flex-col items-center justify-center gap-2 text-destructive",
-				children: [/* @__PURE__ */ T(O, { className: "h-6 w-6" }), /* @__PURE__ */ T("span", {
+				children: [/* @__PURE__ */ T(A, { className: "h-6 w-6" }), /* @__PURE__ */ T("span", {
 					className: "text-sm",
 					children: t
 				})]
@@ -152,7 +152,7 @@ function G({ isLoading: e, error: t, colSpanCount: n, noDataMessage: r, paginate
 			children: r ?? S("states.noResult")
 		}) })
 	});
-	let D = W(x[V], "body"), k = W(x[H], "body"), A = s !== void 0 || o !== void 0, j = (e, t) => {
+	let D = q(x[W], "body"), O = q(x[G], "body"), k = s !== void 0 || o !== void 0, j = (e, t) => {
 		if (s !== void 0) {
 			let n = s(e);
 			t.ctrlKey || t.metaKey ? window.open(n, "_blank") : C(n);
@@ -163,7 +163,7 @@ function G({ isLoading: e, error: t, colSpanCount: n, noDataMessage: r, paginate
 		children: i.map((e) => {
 			let t = a(e);
 			return /* @__PURE__ */ E("tr", {
-				className: `group hover:bg-muted/50 dark:hover:bg-gray-900/50 transition-colors ${A ? "cursor-pointer" : ""}`,
+				className: `group hover:bg-muted/50 dark:hover:bg-gray-900/50 transition-colors ${k ? "cursor-pointer" : ""}`,
 				onClick: (t) => {
 					j(e, t);
 				},
@@ -190,9 +190,9 @@ function G({ isLoading: e, error: t, colSpanCount: n, noDataMessage: r, paginate
 						})
 					}) : null,
 					f.map((t, n) => {
-						let r = n === f.length - 1, i = W(x[t.key], "body");
+						let r = n === f.length - 1, i = q(x[t.key], "body");
 						return /* @__PURE__ */ T("td", {
-							className: `${`${n === 0 && !c ? "pl-4" : "pl-2"} ${r && !m ? "pr-4" : "pr-2"}`} ${y ? "py-2" : "py-4"} ${B(z(t))} ${i.className} ${v && !r ? "border-r border-gray-100 dark:border-gray-800" : ""} ${t.className ?? ""}`,
+							className: `${`${n === 0 && !c ? "pl-4" : "pl-2"} ${r && !m ? "pr-4" : "pr-2"}`} ${y ? "py-2" : "py-4"} ${U(H(t))} ${i.className} ${v && !r ? "border-r border-gray-100 dark:border-gray-800" : ""} ${t.className ?? ""}`,
 							style: {
 								...b ? { width: p[t.key] } : { minWidth: p[t.key] },
 								...i.style
@@ -204,17 +204,17 @@ function G({ isLoading: e, error: t, colSpanCount: n, noDataMessage: r, paginate
 						}, t.key);
 					}),
 					m ? /* @__PURE__ */ T("td", {
-						className: `p-1 text-right align-middle whitespace-nowrap ${k.className}`,
+						className: `p-1 text-right align-middle whitespace-nowrap ${O.className}`,
 						style: {
 							minWidth: "32px",
-							...k.style
+							...O.style
 						},
 						onClick: (e) => {
 							e.stopPropagation();
 						},
 						children: g !== void 0 && g.length > 0 ? /* @__PURE__ */ T("div", {
 							className: "flex items-center justify-end",
-							children: /* @__PURE__ */ T(L, {
+							children: /* @__PURE__ */ T(B, {
 								actions: g,
 								row: e
 							})
@@ -227,7 +227,7 @@ function G({ isLoading: e, error: t, colSpanCount: n, noDataMessage: r, paginate
 }
 //#endregion
 //#region src/components/core/table/TableBulkActions.tsx
-function K({ selectedRows: e, setSelectedRows: t, bulkActions: n }) {
+function Y({ selectedRows: e, setSelectedRows: t, bulkActions: n }) {
 	return /* @__PURE__ */ E("div", {
 		className: "bg-muted/60 dark:bg-gray-900/60 border border-border px-3 py-1.5 flex items-center justify-between rounded-surface",
 		children: [/* @__PURE__ */ E("div", {
@@ -268,22 +268,22 @@ function K({ selectedRows: e, setSelectedRows: t, bulkActions: n }) {
 }
 //#endregion
 //#region src/components/core/table/TableHeader.tsx
-var q = {
+var X = {
 	left: "justify-start",
 	center: "justify-center",
 	right: "justify-end"
 };
-function J({ hasBulkActions: e, selectedRows: t, totalItems: n, toggleSelectAll: r, visibleColumnsArray: i, draggableColumns: a, resizableColumns: o, columnWidths: s, sortColumn: c, sortDirection: l, handleSort: d, handleDragStart: f, handleDragOver: p, handleDrop: m, handleMouseDown: h, hasActions: g, settingsNode: _, bordered: v = !1, dense: y = !1, fixedColumns: b = {}, fixedSelection: x = !1, fixedActions: S = !1 }) {
+function re({ hasBulkActions: e, selectedRows: t, totalItems: n, toggleSelectAll: r, visibleColumnsArray: i, draggableColumns: a, resizableColumns: o, columnWidths: s, sortColumn: c, sortDirection: l, handleSort: d, handleDragStart: f, handleDragOver: p, handleDrop: m, handleMouseDown: h, hasActions: g, settingsNode: _, bordered: v = !1, dense: y = !1, fixedColumns: b = {}, fixedSelection: x = !1, fixedActions: S = !1 }) {
 	let C = !1;
 	t.length === n && n > 0 ? C = !0 : t.length > 0 && (C = "indeterminate");
-	let w = (e) => e.sortable === !0 ? c === e.key ? T(l === "asc" ? j : k, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ T(A, { className: "size-3.5 text-muted-foreground/50 group-hover:text-muted-foreground transition-colors" }) : null, D = (t, n, r) => {
-		let a = r !== !1 && t.fixed === void 0, c = t.sortable === !0, l = W(b[t.key], "header"), u = z(t), x = w(t), S = n === 0 && !e, C = n === i.length - 1 && !(g || _ !== void 0), D = `${S ? "pl-4" : "pl-2"} ${C ? "pr-4" : "pr-2"}`;
+	let w = (e) => e.sortable === !0 ? c === e.key ? T(l === "asc" ? N : j, { className: "size-3.5 text-foreground" }) : /* @__PURE__ */ T(M, { className: "size-3.5 text-muted-foreground/50 group-hover:text-muted-foreground transition-colors" }) : null, D = (t, n, r) => {
+		let a = r !== !1 && t.fixed === void 0, c = t.sortable === !0, l = q(b[t.key], "header"), u = H(t), x = w(t), S = n === 0 && !e, C = n === i.length - 1 && !(g || _ !== void 0), D = `${S ? "pl-4" : "pl-2"} ${C ? "pr-4" : "pr-2"}`;
 		return /* @__PURE__ */ E("th", {
 			"data-column-key": t.key,
 			"data-fixed-side": t.fixed,
 			className: [
 				`${D} ${y ? "py-2" : "py-4"} text-sm font-medium text-gray-900 dark:text-gray-100 group`,
-				B(u),
+				U(u),
 				l.className,
 				v ? "border-r border-gray-200 dark:border-gray-800" : "",
 				c ? "cursor-pointer select-none" : "",
@@ -307,9 +307,9 @@ function J({ hasBulkActions: e, selectedRows: t, totalItems: n, toggleSelectAll:
 				m(e, t.key);
 			},
 			children: [/* @__PURE__ */ E("div", {
-				className: `flex items-center gap-1 ${q[u]} ${o ? "pr-2" : ""}`,
+				className: `flex items-center gap-1 ${X[u]} ${o ? "pr-2" : ""}`,
 				children: [
-					a ? /* @__PURE__ */ T(P, { className: "size-4 text-gray-400 cursor-grab dark:text-gray-300 shrink-0" }) : null,
+					a ? /* @__PURE__ */ T(F, { className: "size-4 text-gray-400 cursor-grab dark:text-gray-300 shrink-0" }) : null,
 					/* @__PURE__ */ T("span", {
 						className: "truncate",
 						children: t.label
@@ -326,12 +326,12 @@ function J({ hasBulkActions: e, selectedRows: t, totalItems: n, toggleSelectAll:
 				}
 			}) : null]
 		}, t.key);
-	}, O = W(b[V], "header"), M = W(b[H], "header");
+	}, O = q(b[W], "header"), k = q(b[G], "header");
 	return /* @__PURE__ */ T("thead", {
 		className: "bg-muted/50 dark:bg-gray-900/50 border-b border-gray-200 dark:border-gray-800",
 		children: /* @__PURE__ */ E("tr", { children: [
 			e ? /* @__PURE__ */ T("th", {
-				"data-column-key": V,
+				"data-column-key": W,
 				"data-fixed-side": x ? "left" : void 0,
 				className: `p-1 text-center align-middle ${O.className}`,
 				style: {
@@ -350,12 +350,12 @@ function J({ hasBulkActions: e, selectedRows: t, totalItems: n, toggleSelectAll:
 			}) : null,
 			i.map((e, t) => D(e, t, a)),
 			g || _ !== void 0 ? /* @__PURE__ */ T("th", {
-				"data-column-key": H,
+				"data-column-key": G,
 				"data-fixed-side": S ? "right" : void 0,
-				className: `p-1 text-right align-middle ${M.className}`,
+				className: `p-1 text-right align-middle ${k.className}`,
 				style: {
 					minWidth: "32px",
-					...M.style
+					...k.style
 				},
 				children: _
 			}) : null
@@ -364,30 +364,30 @@ function J({ hasBulkActions: e, selectedRows: t, totalItems: n, toggleSelectAll:
 }
 //#endregion
 //#region src/components/core/table/TablePagination.tsx
-var Y = "…";
-function X(e, t) {
+var Z = "…";
+function Q(e, t) {
 	return Array.from({ length: t - e + 1 }, (t, n) => e + n);
 }
 function ie(e, t, n = 1) {
-	if (n * 2 + 5 >= t) return X(1, t);
+	if (n * 2 + 5 >= t) return Q(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 ? [
-		...X(1, n + 2),
-		Y,
+		...Q(1, n + 2),
+		Z,
 		t
 	] : a && !o ? [
 		1,
-		Y,
-		...X(t - (n + 2) + 1, t)
+		Z,
+		...Q(t - (n + 2) + 1, t)
 	] : [
 		1,
-		Y,
-		...X(r, i),
-		Y,
+		Z,
+		...Q(r, i),
+		Z,
 		t
 	];
 }
-function Z({ totalItems: e, startIndex: t, endIndex: n, pageSize: r, setPageSize: i, currentPage: a, setCurrentPage: o, pageSizeOptions: s, totalPages: c }) {
+function ae({ totalItems: e, startIndex: t, endIndex: n, pageSize: r, setPageSize: i, currentPage: a, setCurrentPage: o, pageSizeOptions: s, totalPages: c }) {
 	let { t: l } = h(), u = ie(a, c);
 	return /* @__PURE__ */ E("div", {
 		className: "px-4 py-2 border-t border-gray-200 dark:border-gray-800 flex flex-col sm:grid sm:grid-cols-3 items-center gap-2 bg-muted/50 dark:bg-gray-900/50",
@@ -412,11 +412,11 @@ function Z({ totalItems: e, startIndex: t, endIndex: n, pageSize: r, setPageSize
 						},
 						disabled: a === 1,
 						"aria-label": l("table.previousPage"),
-						children: /* @__PURE__ */ T(M, { className: "size-4" })
+						children: /* @__PURE__ */ T(ee, { className: "size-4" })
 					}),
-					u.map((e, t) => e === Y ? /* @__PURE__ */ T("span", {
+					u.map((e, t) => e === Z ? /* @__PURE__ */ T("span", {
 						className: "flex h-8 w-8 items-center justify-center text-sm text-muted-foreground",
-						children: Y
+						children: Z
 					}, `dots-${String(t)}`) : /* @__PURE__ */ T(m, {
 						variant: e === a ? "default" : "ghost",
 						size: "icon",
@@ -436,7 +436,7 @@ function Z({ totalItems: e, startIndex: t, endIndex: n, pageSize: r, setPageSize
 						},
 						disabled: a === c,
 						"aria-label": l("table.nextPage"),
-						children: /* @__PURE__ */ T(N, { className: "size-4" })
+						children: /* @__PURE__ */ T(P, { className: "size-4" })
 					})
 				] })
 			}),
@@ -461,14 +461,14 @@ function Z({ totalItems: e, startIndex: t, endIndex: n, pageSize: r, setPageSize
 }
 //#endregion
 //#region src/components/core/table/TableSettings.tsx
-function ae({ columns: e, visibleColumns: t, toggleColumnVisibility: n }) {
+function oe({ columns: e, visibleColumns: t, toggleColumnVisibility: n }) {
 	return /* @__PURE__ */ E(d, { children: [/* @__PURE__ */ T(i, {
 		asChild: !0,
 		children: /* @__PURE__ */ T(m, {
 			variant: "outline",
 			size: "sm",
 			className: "size-7 p-0 bg-white hover:bg-gray-100 dark:bg-gray-900 shadow-sm border-gray-200 dark:border-gray-800",
-			children: /* @__PURE__ */ T(te, { className: "size-3.5 text-gray-600 dark:text-gray-300" })
+			children: /* @__PURE__ */ T(R, { className: "size-3.5 text-gray-600 dark:text-gray-300" })
 		})
 	}), /* @__PURE__ */ T(o, {
 		align: "end",
@@ -484,8 +484,8 @@ function ae({ columns: e, visibleColumns: t, toggleColumnVisibility: n }) {
 }
 //#endregion
 //#region src/components/core/table/DataTable.tsx
-function oe({ data: e, columns: t, getRowId: n, onRowClick: r, onRowNavigate: i, actions: a, bulkActions: o, draggableColumns: s = !1, resizableColumns: c = !1, columnVisibility: l = !1, isLoading: u = !1, error: d = null, bordered: f = !1, dense: p = !1, fixedActions: m = !1, noDataMessage: h, defaultPageSize: g = re, pageSizeOptions: _ = I, totalRows: v, currentPage: y, pageSize: b, onPageChange: C, onPageSizeChange: w, sortColumn: D, sortDirection: O, onSortChange: k }) {
-	let { sortColumn: A, sortDirection: j, selectedRows: M, setSelectedRows: N, visibleColumns: P, columnWidths: F, safeCurrentPage: ee, totalPages: te, startIndex: ne, endIndex: L, tableRef: R, hasActions: z, hasBulkActions: B, visibleColumnsArray: V, colSpanCount: H, paginatedData: U, handleSort: W, handleMouseDown: q, handleDragStart: Y, handleDragOver: X, handleDrop: ie, toggleColumnVisibility: oe, toggleRowSelection: Q, toggleSelectAll: $, pageSize: se, setPageSize: ce, setCurrentPage: le } = x({
+function $({ data: e, columns: t, getRowId: n, onRowClick: r, onRowNavigate: i, actions: a, bulkActions: o, draggableColumns: s = !1, resizableColumns: c = !1, columnVisibility: l = !1, isLoading: u = !1, error: d = null, bordered: f = !1, dense: p = !1, fixedActions: m = !1, noDataMessage: h, defaultPageSize: g = ne, pageSizeOptions: _ = te, totalRows: v, currentPage: y, pageSize: b, onPageChange: C, onPageSizeChange: w, sortColumn: D, sortDirection: O, onSortChange: k }) {
+	let { sortColumn: A, sortDirection: j, selectedRows: M, setSelectedRows: N, visibleColumns: ee, columnWidths: P, safeCurrentPage: F, totalPages: I, startIndex: L, endIndex: R, tableRef: z, hasActions: B, hasBulkActions: V, visibleColumnsArray: H, colSpanCount: U, paginatedData: W, handleSort: G, handleMouseDown: K, handleDragStart: q, handleDragOver: X, handleDrop: Z, toggleColumnVisibility: Q, toggleRowSelection: ie, toggleSelectAll: $, pageSize: se, setPageSize: ce, setCurrentPage: le } = x({
 		data: e,
 		columns: t,
 		getRowId: n,
@@ -501,10 +501,10 @@ function oe({ data: e, columns: t, getRowId: n, onRowClick: r, onRowNavigate: i,
 		sortColumn: D,
 		sortDirection: O,
 		onSortChange: k
-	}), ue = B && V.some((e) => e.fixed === "left"), de = S(R);
+	}), ue = V && H.some((e) => e.fixed === "left"), de = S(z);
 	return /* @__PURE__ */ E("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: [M.length > 0 && o !== void 0 && o.length > 0 && /* @__PURE__ */ T(K, {
+		children: [M.length > 0 && o !== void 0 && o.length > 0 && /* @__PURE__ */ T(Y, {
 			selectedRows: M,
 			setSelectedRows: N,
 			bulkActions: o
@@ -513,76 +513,76 @@ function oe({ data: e, columns: t, getRowId: n, onRowClick: r, onRowNavigate: i,
 			children: [/* @__PURE__ */ T("div", {
 				className: "overflow-x-auto",
 				children: /* @__PURE__ */ E("table", {
-					ref: R,
+					ref: z,
 					className: "w-full",
-					children: [/* @__PURE__ */ T(J, {
-						hasBulkActions: B,
+					children: [/* @__PURE__ */ T(re, {
+						hasBulkActions: V,
 						selectedRows: M,
 						totalItems: e.length,
 						toggleSelectAll: $,
-						visibleColumnsArray: V,
+						visibleColumnsArray: H,
 						draggableColumns: s,
 						resizableColumns: c,
-						columnWidths: F,
+						columnWidths: P,
 						sortColumn: A,
 						sortDirection: j,
-						handleSort: W,
-						handleDragStart: Y,
+						handleSort: G,
+						handleDragStart: q,
 						handleDragOver: X,
-						handleDrop: ie,
-						handleMouseDown: q,
-						hasActions: z,
+						handleDrop: Z,
+						handleMouseDown: K,
+						hasActions: B,
 						bordered: f,
 						dense: p,
 						fixedColumns: de,
 						fixedSelection: ue,
 						fixedActions: m,
-						settingsNode: l ? /* @__PURE__ */ T(ae, {
+						settingsNode: l ? /* @__PURE__ */ T(oe, {
 							columns: t,
-							visibleColumns: P,
-							toggleColumnVisibility: oe
+							visibleColumns: ee,
+							toggleColumnVisibility: Q
 						}) : void 0
-					}), /* @__PURE__ */ T(G, {
+					}), /* @__PURE__ */ T(J, {
 						bordered: f,
 						dense: p,
 						isLoading: u,
 						error: d,
-						colSpanCount: H,
+						colSpanCount: U,
 						noDataMessage: h,
-						paginatedData: U,
+						paginatedData: W,
 						getRowId: n,
 						onRowClick: r,
 						onRowNavigate: i,
-						hasBulkActions: B,
+						hasBulkActions: V,
 						selectedRows: M,
-						toggleRowSelection: Q,
-						visibleColumnsArray: V,
-						columnWidths: F,
-						hasActions: z || l,
+						toggleRowSelection: ie,
+						visibleColumnsArray: H,
+						columnWidths: P,
+						hasActions: B || l,
 						actions: a,
 						columns: t,
 						resizableColumns: c,
 						fixedColumns: de
 					})]
 				})
-			}), /* @__PURE__ */ T(Z, {
+			}), /* @__PURE__ */ T(ae, {
 				totalItems: v ?? e.length,
-				startIndex: ne,
-				endIndex: L,
+				startIndex: L,
+				endIndex: R,
 				pageSize: se,
 				setPageSize: ce,
-				currentPage: ee,
+				currentPage: F,
 				setCurrentPage: le,
 				pageSizeOptions: _,
-				totalPages: te
+				totalPages: I
 			})]
 		})]
 	});
 }
 //#endregion
 //#region src/components/core/table/JsonTableOutput.tsx
-var Q = (e) => typeof e == "object" && !!e, $ = (e) => e == null ? "" : typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" ? String(e) : JSON.stringify(e, null, 2), se = ({ header: r, output: i }) => {
-	let [a, o] = C(!0), u = D(i), d = u !== null, m = () => /* @__PURE__ */ E("div", {
+var se = ({ header: r, output: i }) => {
+	let [a, o] = C(!0), u = k(i), d = u !== null, m = () => /* @__PURE__ */ E("div", {
 		className: "flex items-center justify-between mb-2",
 		children: [/* @__PURE__ */ T("span", {
 			className: "font-medium text-sm",
@@ -610,17 +610,17 @@ var Q = (e) => typeof e == "object" && !!e, $ = (e) => e == null ? "" : typeof e
 		className: "min-w-0 w-full",
 		children: [m(), (() => {
 			if (!d || !a) return /* @__PURE__ */ T(g, {});
-			if (Array.isArray(u) && u.length > 0 && Q(u[0])) {
+			if (Array.isArray(u) && u.length > 0 && O(u[0])) {
 				let e = u, r = Object.keys(e[0]);
 				return /* @__PURE__ */ E(h, { children: [/* @__PURE__ */ T(s, { children: /* @__PURE__ */ T(f, { children: r.map((e) => /* @__PURE__ */ T(n, {
 					className: "font-medium",
 					children: e
 				}, e)) }) }), /* @__PURE__ */ T(t, { children: e.map((e, t) => /* @__PURE__ */ T(f, { children: r.map((t) => /* @__PURE__ */ T(l, {
 					className: "text-sm whitespace-pre-wrap",
-					children: $(e[t])
+					children: D(e[t])
 				}, t)) }, t)) })] });
 			}
-			if (Q(u)) {
+			if (O(u)) {
 				let e = Object.entries(u);
 				return /* @__PURE__ */ E(h, { children: [/* @__PURE__ */ T(s, { children: /* @__PURE__ */ E(f, { children: [/* @__PURE__ */ T(n, {
 					className: "font-medium",
@@ -633,7 +633,7 @@ var Q = (e) => typeof e == "object" && !!e, $ = (e) => e == null ? "" : typeof e
 					children: e
 				}), /* @__PURE__ */ T(l, {
 					className: "text-sm whitespace-pre-wrap",
-					children: $(t)
+					children: D(t)
 				})] }, e)) })] });
 			}
 			return /* @__PURE__ */ T(g, {});
@@ -641,4 +641,4 @@ var Q = (e) => typeof e == "object" && !!e, $ = (e) => e == null ? "" : typeof e
 	}) : null;
 };
 //#endregion
-export { J as a, H as c, B as d, z as f, Z as i, V as l, oe as n, K as o, L as p, ae as r, G as s, se as t, W as u };
+export { re as a, G as c, U as d, H as f, ae as i, W as l, $ as n, Y as o, B as p, oe as r, J as s, se as t, q as u };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.255",
+  "version": "0.0.256",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {
@@ -95,7 +95,7 @@
     "zod": "^4.4.3"
   },
   "devDependencies": {
-    "@krosoft/core": "^0.0.61",
+    "@krosoft/core": "^0.0.62",
     "@krosoft/tooling-eslint": "^0.0.27",
     "@krosoft/tooling-eslint-react": "^0.0.29",
     "@krosoft/tooling-prettier": "^0.0.18",