@kapiuara/ui 0.1.0 → 0.2.0

package/dist/components/data/KapiTable.js

@@ -4,20 +4,21 @@ import { rafThrottle as n } from "../../hooks/rafThrottle.js";
 import { KapiSelect as r } from "../inputs/KapiSelect.js";
 import { joinClasses as i } from "../rootProps.js";
 /* empty css                       */
-import { applyRangeSelection as a, buildCsv as o, clampColumnWidth as ee, computePagination as s, computeStickyOffsets as te, computeVisibleRange as ne, csvFileName as re, csvHeaderOf as ie, effectiveColumnWidth as ae, filterRows as oe, filterSearchColumns as c, lastStickyIndex as se, nextScrollWindow as ce, nextSortState as le, rangeBetween as ue, readCell as l, resizeColumn as de, rowSelectLabel as u, selectionState as fe, sortRowsByColumn as pe, toggleAllIds as me, toggleColumnVisibility as he, toggleId as ge, visibleColumnsOf as _e } from "./tableLogic.js";
-import { KapiContextMenu as ve } from "../overlays/KapiContextMenu.js";
-import { downloadBlob as ye } from "../../hooks/downloadLogic.js";
-import { useDragScroll as be } from "../../hooks/useDragScroll.js";
-import { draftStickyLefts as xe, endResizeDrag as Se, moveResizeDrag as Ce, needsDraftLeftPaint as we, startResizeDrag as Te } from "./tableResizeLogic.js";
-import { KapiSkeleton as Ee } from "../feedback/KapiSkeleton.js";
-import { KapiBulkBar as De } from "../feedback/KapiBulkBar.js";
-import { KapiTableFilter as Oe } from "./KapiTableFilter.js";
+import { applyRangeSelection as a, buildCsv as o, clampColumnWidth as s, computePagination as c, computeStickyOffsets as ee, computeVisibleRange as te, csvFileName as ne, csvHeaderOf as re, effectiveColumnWidth as ie, filterRows as ae, filterSearchColumns as l, lastStickyIndex as oe, nextScrollWindow as se, nextSortState as ce, rangeBetween as le, readCell as u, resizeColumn as ue, rowSelectLabel as d, selectionState as de, sortRowsByColumn as fe, toggleAllIds as pe, toggleColumnVisibility as me, toggleId as he, visibleColumnsOf as ge } from "./tableLogic.js";
+import { KapiContextMenu as _e } from "../overlays/KapiContextMenu.js";
+import { downloadBlob as ve } from "../../hooks/downloadLogic.js";
+import { useDragScroll as ye } from "../../hooks/useDragScroll.js";
+import { draftStickyLefts as be, endResizeDrag as xe, moveResizeDrag as Se, needsDraftLeftPaint as Ce, startResizeDrag as we } from "./tableResizeLogic.js";
+import { KapiSkeleton as Te } from "../feedback/KapiSkeleton.js";
+import { KapiBulkBar as Ee } from "../feedback/KapiBulkBar.js";
+import { DEFAULT_TABLE_FILTER_LABELS as f, KapiTableFilter as De } from "./KapiTableFilter.js";
 /* empty css              */
-import { Fragment as ke, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { memo as p, useCallback as Ae, useEffect as m, useLayoutEffect as je, useMemo as h, useRef as g, useState as _ } from "react";
-import { Check as Me, ChevronDown as Ne, ChevronLeft as Pe, ChevronRight as Fe, ChevronUp as v, ChevronsUpDown as y, Columns3 as Ie, Copy as Le, Download as Re, Loader2 as ze, MoreHorizontal as Be } from "lucide-react";
+import { Fragment as Oe, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { memo as h, useCallback as ke, useEffect as g, useLayoutEffect as Ae, useMemo as _, useRef as v, useState as y } from "react";
+import { Check as je, ChevronDown as Me, ChevronLeft as Ne, ChevronRight as Pe, ChevronUp as b, ChevronsUpDown as Fe, Columns3 as Ie, Copy as Le, Download as Re, Loader2 as ze, MoreHorizontal as x } from "lucide-react";
 //#region src/components/data/KapiTable.tsx
-var Ve = {
+var Be = {
+	region: f.region,
 	empty: "Sin resultados",
 	loading: "Cargando…",
 	selectAll: "Seleccionar todo",
@@ -31,6 +32,7 @@ var Ve = {
 	prevPage: "Página anterior",
 	nextPage: "Página siguiente",
 	expandRow: "Expandir fila",
+	expandColumn: "Expandir",
 	columns: "Columnas",
 	resizeColumn: "Redimensionar columna",
 	filter: "Filtrar tabla",
@@ -39,7 +41,7 @@ var Ve = {
 	filterAll: "Todas",
 	of: "de",
 	exportCsv: "Exportar CSV"
-}, b = "button, a, input, select, textarea, label, [role=button]", He = 600, Ue = 5, We = [
+}, Ve = "button, a, input, select, textarea, label, [role=button]", He = 600, Ue = 5, We = [
 	96,
 	72,
 	84,
@@ -67,152 +69,152 @@ var Ve = {
 		maxWidth: r
 	};
 }, Ye = (e, t = !1) => `${e.sticky ? "is-sticky" : ""}${e.sticky && t ? " is-sticky-last" : ""}${e.flex ? " is-flex" : ""}${e.align ? ` is-align-${e.align}` : ""}`, Xe = (e, t, n, r) => {
-	let i = e.render ? e.render(t) : l(t, e.key);
+	let i = e.render ? e.render(t) : u(t, e.key);
 	if (!e.copyable) return i;
-	let a = e.copyValue ? e.copyValue(t) : l(t, e.key);
-	return /* @__PURE__ */ f("span", {
+	let a = e.copyValue ? e.copyValue(t) : u(t, e.key);
+	return /* @__PURE__ */ m("span", {
 		className: "kapi-cell",
-		children: [/* @__PURE__ */ d("span", {
+		children: [/* @__PURE__ */ p("span", {
 			className: "kapi-cell__v",
 			children: i
-		}), /* @__PURE__ */ d("button", {
+		}), /* @__PURE__ */ p("button", {
 			type: "button",
 			className: "kapi-cell__copy",
 			"aria-label": n.copy,
 			onClick: (e) => {
 				e.stopPropagation(), Ke(a, r);
 			},
-			children: /* @__PURE__ */ d(Le, {
+			children: /* @__PURE__ */ p(Le, {
 				size: 13,
 				strokeWidth: 2
 			})
 		})]
 	});
-}, Ze = (e) => e === "asc" ? /* @__PURE__ */ d(v, {
+}, Ze = (e) => e === "asc" ? /* @__PURE__ */ p(b, {
 	size: 13,
 	strokeWidth: 2.4
-}) : e === "desc" ? /* @__PURE__ */ d(Ne, {
+}) : e === "desc" ? /* @__PURE__ */ p(Me, {
 	size: 13,
 	strokeWidth: 2.4
-}) : /* @__PURE__ */ d(y, {
+}) : /* @__PURE__ */ p(Fe, {
 	size: 13,
 	strokeWidth: 2
 });
-function Qe({ columns: p, rows: v, keyField: y = "id", maxHeight: Le = "58vh", fill: Be = !1, bulkActionsPlacement: b = "bottom", className: Ke, style: Xe, id: Qe, labels: $e, actions: tt, rowMenu: x, contextMenu: nt, onCopy: rt, selectable: S = !1, rowSelect: it = !1, rowLabel: at, selectedIds: ot, onSelectedIdsChange: st, bulkActions: ct, rangeSelect: lt = !0, virtual: C = !1, rowHeight: w = 46, sort: ut, defaultSort: dt = null, onSortChange: ft, manualSort: pt = !1, pagination: T, loading: E = !1, loadingRows: mt = Ue, card: ht = !1, emptyMessage: gt, loadingMessage: _t, isRowSelectable: D, renderSubComponent: vt, expandedIds: yt, onExpandedIdsChange: bt, density: xt = "default", rowHover: St = !1, columnToggle: Ct = !1, columnVisibility: wt, defaultColumnVisibility: Tt, onColumnVisibilityChange: Et, resizableColumns: Dt = !1, columnWidths: Ot, defaultColumnWidths: kt, onColumnWidthsChange: At, filterable: jt = !1, filter: Mt, defaultFilter: Nt = Ge, onFilterChange: Pt, manualFilter: O = !1, filterDebounce: Ft = 300, exportCsv: k, mobileCards: It = !1 }) {
-	let A = t("table", Ve, $e), Lt = gt === void 0 ? A.empty : gt, Rt = _t === void 0 ? A.loading : _t, zt = e(), [j, Bt] = _(null), [M, Vt] = _(null), [Ht, Ut] = _({
+function Qe({ columns: f, rows: h, keyField: b = "id", maxHeight: Fe = "58vh", fill: Le = !1, bulkActionsPlacement: x = "bottom", className: Ve, style: Ke, id: Xe, labels: Qe, actions: $e, rowMenu: S, contextMenu: tt, onCopy: nt, selectable: C = !1, rowSelect: rt = !1, rowLabel: it, selectedIds: at, onSelectedIdsChange: ot, bulkActions: st, rangeSelect: ct = !0, virtual: w = !1, rowHeight: T = 46, sort: lt, defaultSort: ut = null, onSortChange: dt, manualSort: ft = !1, pagination: E, loading: D = !1, loadingRows: pt = Ue, card: mt = !1, emptyMessage: ht, loadingMessage: gt, isRowSelectable: O, renderSubComponent: _t, expandedIds: vt, onExpandedIdsChange: yt, density: bt = "default", rowHover: xt = !1, columnToggle: St = !1, columnVisibility: Ct, defaultColumnVisibility: wt, onColumnVisibilityChange: Tt, resizableColumns: Et = !1, columnWidths: Dt, defaultColumnWidths: Ot, onColumnWidthsChange: kt, filterable: At = !1, filter: jt, defaultFilter: Mt = Ge, onFilterChange: Nt, manualFilter: k = !1, filterDebounce: Pt = 300, exportCsv: A, mobileCards: Ft = !1 }) {
+	let j = t("table", Be, Qe), It = ht === void 0 ? j.empty : ht, Lt = gt === void 0 ? j.loading : gt, Rt = e(), [zt, Bt] = y(null), [M, Vt] = y(null), [Ht, Ut] = y({
 		scrollTop: 0,
 		viewHeight: He
-	}), N = be({ onMenu: nt ? (e, t) => Bt({
+	}), N = ye({ onMenu: tt ? (e, t) => Bt({
 		x: e,
 		y: t
-	}) : void 0 }), Wt = ot !== void 0, [Gt, Kt] = _(() => /* @__PURE__ */ new Set()), P = h(() => Wt ? new Set(ot) : Gt, [
+	}) : void 0 }), Wt = at !== void 0, [Gt, Kt] = y(() => /* @__PURE__ */ new Set()), P = _(() => Wt ? new Set(at) : Gt, [
 		Wt,
-		ot,
+		at,
 		Gt
 	]), F = (e) => {
-		Wt || Kt(e), st?.([...e]);
-	}, qt = () => F(/* @__PURE__ */ new Set()), Jt = [...P], Yt = g(null), Xt = ut !== void 0, [Zt, Qt] = _(dt), I = Xt ? ut : Zt, $t = (e) => {
-		let t = le(I, e);
-		Xt || Qt(t), ft?.(t);
-	}, L = !!vt && !C, R = yt !== void 0, [en, tn] = _(() => /* @__PURE__ */ new Set()), nn = h(() => R ? new Set(yt) : en, [
-		R,
-		yt,
-		en
-	]), rn = (e) => {
-		let t = ge(nn, e);
-		R || tn(t), bt?.([...t]);
-	}, an = wt !== void 0, [on, sn] = _(Tt ?? {}), z = an ? wt : on, [cn, ln] = _(!1), un = (e) => {
-		let t = he(z, e);
-		an || sn(t), Et?.(t);
-	}, dn = Ot !== void 0, [fn, pn] = _(kt ?? {}), B = dn ? Ot : fn, mn = (e) => {
-		dn || pn(e), At?.(e);
-	}, V = g(null), hn = g(null), H = h(() => _e(p, z), [p, z]), gn = Mt !== void 0, [_n, vn] = _(Nt), U = gn ? Mt : _n, yn = (e) => {
-		gn || vn(e), Pt?.(e);
-	}, bn = h(() => {
-		if (O) return v;
-		let e = c(H, U.column);
-		return oe(v, (t) => e.map((e) => e.filterValue ? e.filterValue(t) : l(t, e.key)), U.text);
+		Wt || Kt(e), ot?.([...e]);
+	}, qt = () => F(/* @__PURE__ */ new Set()), Jt = [...P], Yt = v(null), Xt = lt !== void 0, [Zt, Qt] = y(ut), I = Xt ? lt : Zt, $t = (e) => {
+		let t = ce(I, e);
+		Xt || Qt(t), dt?.(t);
+	}, L = !!_t && !w, en = vt !== void 0, [tn, nn] = y(() => /* @__PURE__ */ new Set()), rn = _(() => en ? new Set(vt) : tn, [
+		en,
+		vt,
+		tn
+	]), an = (e) => {
+		let t = he(rn, e);
+		en || nn(t), yt?.([...t]);
+	}, on = Ct !== void 0, [sn, cn] = y(wt ?? {}), R = on ? Ct : sn, [ln, un] = y(!1), dn = (e) => {
+		let t = me(R, e);
+		on || cn(t), Tt?.(t);
+	}, fn = Dt !== void 0, [pn, mn] = y(Ot ?? {}), z = fn ? Dt : pn, hn = (e) => {
+		fn || mn(e), kt?.(e);
+	}, B = v(null), gn = v(null), V = _(() => ge(f, R), [f, R]), _n = jt !== void 0, [vn, yn] = y(Mt), H = _n ? jt : vn, bn = (e) => {
+		_n || yn(e), Nt?.(e);
+	}, xn = _(() => {
+		if (k) return h;
+		let e = l(V, H.column);
+		return ae(h, (t) => e.map((e) => e.filterValue ? e.filterValue(t) : u(t, e.key)), H.text);
 	}, [
-		v,
+		h,
+		V,
 		H,
-		U,
-		O
-	]), W = h(() => pt ? bn : pe(bn, p, I, zt), [
-		bn,
-		p,
+		k
+	]), U = _(() => ft ? xn : fe(xn, f, I, Rt), [
+		xn,
+		f,
 		I,
-		pt,
-		zt
-	]), G = h(() => te(H.map((e) => ({
+		ft,
+		Rt
+	]), W = _(() => ee(V.map((e) => ({
 		sticky: e.sticky,
-		width: ae(e, B)
-	})), (S ? 46 : 0) + (L ? 44 : 0)), [
-		H,
-		B,
-		S,
+		width: ie(e, z)
+	})), (C ? 46 : 0) + (L ? 44 : 0)), [
+		V,
+		z,
+		C,
 		L
-	]), xn = h(() => se(H), [H]), Sn = p.filter((e) => e.hideable !== !1), K = !!(tt || x), q = H.length + +!!S + +!!K + +!!L, Cn = h(() => W.filter((e) => !D || D(e)).map((e) => e[y]), [
-		W,
-		y,
-		D
-	]), wn = fe(Cn, P), Tn = (e, t) => {
+	]), Sn = _(() => oe(V), [V]), Cn = f.filter((e) => e.hideable !== !1), G = !!($e || S), K = V.length + +!!C + +!!G + +!!L, wn = _(() => U.filter((e) => !O || O(e)).map((e) => e[b]), [
+		U,
+		b,
+		O
+	]), Tn = de(wn, P), En = (e, t) => {
 		let n = !P.has(e), r = Yt.current;
-		if (lt && t && r !== null && r !== e) {
-			let t = ue(Cn, r, e);
+		if (ct && t && r !== null && r !== e) {
+			let t = le(wn, r, e);
 			if (t.length > 0) {
 				F(a(P, t, n));
 				return;
 			}
 		}
-		Yt.current = e, F(ge(P, e));
-	}, { start: En, end: Dn, padTop: On, padBottom: kn } = C ? ne({
-		total: W.length,
-		rowHeight: w,
+		Yt.current = e, F(he(P, e));
+	}, { start: Dn, end: On, padTop: kn, padBottom: An } = w ? te({
+		total: U.length,
+		rowHeight: T,
 		...Ht
 	}) : {
 		start: 0,
-		end: W.length,
+		end: U.length,
 		padTop: 0,
 		padBottom: 0
-	}, An = W.slice(En, Dn), jn = T ? Math.max(0, T.page - 1) * T.pageSize : 0, Mn = g({
-		total: W.length,
-		rowHeight: w
+	}, jn = U.slice(Dn, On), Mn = E ? Math.max(0, E.page - 1) * E.pageSize : 0, Nn = v({
+		total: U.length,
+		rowHeight: T
 	});
-	Mn.current = {
-		total: W.length,
-		rowHeight: w
+	Nn.current = {
+		total: U.length,
+		rowHeight: T
 	};
-	let Nn = Ae((e) => {
+	let q = ke((e) => {
 		let t = {
 			scrollTop: e.scrollTop,
 			viewHeight: e.clientHeight || He
 		};
-		Ut((e) => ce(e, t, Mn.current));
-	}, []), J = Ae(() => {
+		Ut((e) => se(e, t, Nn.current));
+	}, []), J = ke(() => {
 		let e = N.current;
-		e && Nn(e);
-	}, [N, Nn]);
-	je(() => {
-		C && J();
+		e && q(e);
+	}, [N, q]);
+	Ae(() => {
+		w && J();
 	}, [
-		C,
-		Le,
 		w,
+		Fe,
+		T,
 		J
-	]), m(() => {
+	]), g(() => {
 		let e = N.current;
-		if (!C || !e || typeof ResizeObserver > "u") return;
+		if (!w || !e || typeof ResizeObserver > "u") return;
 		let t = new ResizeObserver(J);
 		return t.observe(e), () => t.disconnect();
 	}, [
-		C,
+		w,
 		N,
 		J
 	]);
 	let Pn = (e) => {
-		C && Nn(e.currentTarget);
-	}, Fn = g(!0);
-	m(() => {
+		w && q(e.currentTarget);
+	}, Fn = v(!0);
+	g(() => {
 		if (Fn.current) {
 			Fn.current = !1;
 			return;
@@ -220,69 +222,87 @@ function Qe({ columns: p, rows: v, keyField: y = "id", maxHeight: Le = "58vh", f
 		let e = N.current;
 		e && e.scrollTop > 0 && (e.scrollTop = 0);
 	}, [
-		U.text,
-		U.column,
+		H.text,
+		H.column,
 		N
 	]);
-	let In = typeof k == "object" ? k : {}, Ln = () => {
-		let e = H.map(ie), t = In.rows, n = (t === void 0 ? W : typeof t == "function" ? t() : t).map((e) => H.map((t) => t.csvValue ? t.csvValue(e) : t.copyValue ? t.copyValue(e) : l(e, t.key)));
-		ye(new Blob([`\uFEFF${o(e, n, In.separator)}`], { type: "text/csv;charset=utf-8" }), re(In.fileName));
-	}, Rn = It && !C, zn = (e, t) => {
-		if (!x) return;
+	let In = typeof A == "object" ? A : {}, Ln = () => {
+		let e = V.map(re), t = In.rows, n = (t === void 0 ? U : typeof t == "function" ? t() : t).map((e) => V.map((t) => t.csvValue ? t.csvValue(e) : t.copyValue ? t.copyValue(e) : u(e, t.key)));
+		ve(new Blob([`\uFEFF${o(e, n, In.separator)}`], { type: "text/csv;charset=utf-8" }), ne(In.fileName));
+	}, Rn = Ft && !w, zn = (e, t) => {
+		if (!S) return;
 		let n = e.currentTarget.getBoundingClientRect();
 		Vt({
 			x: n.right,
 			y: n.bottom + 4,
-			items: x(t)
+			items: S(t)
 		});
-	}, Y = g({
-		activateRow: Tn,
-		toggleExpanded: rn,
+	}, Y = v({
+		activateRow: En,
+		toggleExpanded: an,
 		openRowMenu: zn
 	});
 	Y.current = {
-		activateRow: Tn,
-		toggleExpanded: rn,
+		activateRow: En,
+		toggleExpanded: an,
 		openRowMenu: zn
 	};
-	let Bn = h(() => ({
+	let Bn = _(() => ({
 		activate: (e, t) => Y.current.activateRow(e, t),
 		toggleExpanded: (e) => Y.current.toggleExpanded(e),
 		openMenu: (e, t) => Y.current.openRowMenu(e, t)
 	}), []), Vn = (e) => {
 		if (!e.sortable) return e.label;
 		let t = I?.key === e.key ? I.direction : "none";
-		return /* @__PURE__ */ f("button", {
+		return /* @__PURE__ */ m("button", {
 			type: "button",
 			className: `kapi-thsort${t === "none" ? "" : " is-active"}`,
 			onClick: () => $t(e.key),
-			title: typeof e.label == "string" ? `${A.sortBy} ${e.label}` : void 0,
-			children: [/* @__PURE__ */ d("span", { children: e.label }), Ze(t)]
+			title: typeof e.label == "string" ? `${j.sortBy} ${e.label}` : void 0,
+			children: [/* @__PURE__ */ p("span", { children: e.label }), Ze(t)]
 		});
 	}, Hn = (e) => {
 		if (e.sortable) return I?.key === e.key ? I.direction === "asc" ? "ascending" : "descending" : "none";
-	}, Un = (e) => e.resizable ?? Dt, X = (e) => e.minWidth ?? 60, Wn = g({
-		visibleColumns: H,
-		widths: B,
-		lefts: G,
+	}, Un = (e) => e.resizable ?? Et, X = (e) => e.minWidth ?? 60, [Wn, Gn] = y({}), Kn = (e) => s(z[e.key] ?? e.width ?? Wn[e.key] ?? X(e), X(e)), qn = ke(() => {
+		let e = gn.current;
+		if (!e) return;
+		let t = {};
+		for (let n of e.querySelectorAll(":scope > thead .kapi-colresize[data-col]")) {
+			let e = n.dataset.col, r = n.parentElement?.getBoundingClientRect().width;
+			e && r && (t[e] = Math.round(r));
+		}
+		Gn((e) => {
+			let n = Object.keys(t);
+			return n.length === Object.keys(e).length && n.every((n) => e[n] === t[n]) ? e : t;
+		});
+	}, []);
+	Ae(qn, [
+		qn,
+		V,
+		z
+	]);
+	let Jn = v({
+		visibleColumns: V,
+		widths: z,
+		lefts: W,
 		offset: 0
 	});
-	Wn.current = {
-		visibleColumns: H,
-		widths: B,
-		lefts: G,
-		offset: (S ? 46 : 0) + (L ? 44 : 0)
+	Jn.current = {
+		visibleColumns: V,
+		widths: z,
+		lefts: W,
+		offset: (C ? 46 : 0) + (L ? 44 : 0)
 	};
-	let Z = g(/* @__PURE__ */ new Map()), Gn = g(/* @__PURE__ */ new Map()), [Q] = _(() => n((e) => {
-		let t = hn.current;
+	let Z = v(/* @__PURE__ */ new Map()), Yn = v(/* @__PURE__ */ new Map()), [Q] = y(() => n((e) => {
+		let t = gn.current;
 		if (!t) return;
-		let n = Wn.current, r = xe(n.visibleColumns, n.widths, e.key, e.width, n.offset);
+		let n = Jn.current, r = be(n.visibleColumns, n.widths, e.key, e.width, n.offset);
 		n.visibleColumns.forEach((i, a) => {
-			let o = i.key === e.key, ee = Gn.current.get(i.key);
-			if (!o && !we(r[a], n.lefts[a], ee)) return;
-			Gn.current.set(i.key, r[a]);
-			let s = `[data-col="${qe(i.key)}"]`;
-			t.querySelectorAll(`:scope > thead > tr > ${s}, :scope > tbody > tr > ${s}`).forEach((t) => {
+			let o = i.key === e.key, s = Yn.current.get(i.key);
+			if (!o && !Ce(r[a], n.lefts[a], s)) return;
+			Yn.current.set(i.key, r[a]);
+			let c = `[data-col="${qe(i.key)}"]`;
+			t.querySelectorAll(`:scope > thead > tr > ${c}, :scope > tbody > tr > ${c}`).forEach((t) => {
 				if (Z.current.has(t) || Z.current.set(t, t.style.cssText), o) {
 					let n = `${e.width}px`;
 					t.style.width = n, t.style.minWidth = n, t.style.maxWidth = n;
@@ -291,104 +311,106 @@ function Qe({ columns: p, rows: v, keyField: y = "id", maxHeight: Le = "58vh", f
 				n !== void 0 && (t.style.left = `${n}px`);
 			});
 		});
-	})), Kn = () => {
+	})), Xn = () => {
 		Q.cancel(), Z.current.forEach((e, t) => {
 			t.style.cssText = e;
-		}), Z.current.clear(), Gn.current.clear();
+		}), Z.current.clear(), Yn.current.clear();
 	};
-	m(() => () => Q.cancel(), [Q]);
-	let qn = (e, t) => {
+	g(() => () => Q.cancel(), [Q]);
+	let Zn = (e, t) => {
 		if (e.button !== 0) return;
 		e.preventDefault(), e.stopPropagation();
 		let n = e.currentTarget.parentElement, r = n ? n.getBoundingClientRect().width : t.width ?? 120;
-		V.current = Te(t.key, e.clientX, r, X(t)), e.currentTarget.setPointerCapture(e.pointerId);
-	}, Jn = (e) => {
-		let t = V.current;
+		B.current = we(t.key, e.clientX, r, X(t)), e.currentTarget.setPointerCapture(e.pointerId);
+	}, Qn = (e) => {
+		let t = B.current;
 		if (!t) return;
-		let n = Ce(t, e.clientX);
-		n && (V.current = n, Q(n));
-	}, Yn = (e) => {
-		let t = V.current;
-		if (V.current = null, e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), !t) return;
-		Kn();
-		let n = e.type === "pointercancel" ? t : Ce(t, e.clientX) ?? t, r = Se(n, B, e.type === "pointercancel" ? "cancel" : "commit");
-		r && mn(r);
-	}, Xn = (e, t) => {
+		let n = Se(t, e.clientX);
+		n && (B.current = n, Q(n));
+	}, $n = (e) => {
+		let t = B.current;
+		if (B.current = null, e.currentTarget.hasPointerCapture(e.pointerId) && e.currentTarget.releasePointerCapture(e.pointerId), !t) return;
+		Xn();
+		let n = e.type === "pointercancel" ? t : Se(t, e.clientX) ?? t, r = xe(n, z, e.type === "pointercancel" ? "cancel" : "commit");
+		r && hn(r);
+	}, er = (e, t) => {
 		if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
 		e.preventDefault();
-		let n = e.currentTarget.parentElement, r = B[t.key] ?? (n ? n.getBoundingClientRect().width : t.width ?? 120), i = e.key === "ArrowRight" ? 16 : -16;
-		mn(de(B, t.key, r, i, X(t)));
-	}, Zn = (e) => {
+		let n = e.currentTarget.parentElement, r = z[t.key] ?? (n ? n.getBoundingClientRect().width : t.width ?? 120), i = e.key === "ArrowRight" ? 16 : -16;
+		hn(ue(z, t.key, r, i, X(t)));
+	}, tr = (e) => {
 		if (!Un(e)) return null;
-		let t = typeof e.label == "string" ? ` ${e.label}` : "", n = B[e.key] ?? e.width;
-		return /* @__PURE__ */ d("div", {
+		let t = typeof e.label == "string" ? ` ${e.label}` : "";
+		return /* @__PURE__ */ p("div", {
 			role: "separator",
 			"aria-orientation": "vertical",
-			"aria-label": `${A.resizeColumn}${t}`,
+			"aria-label": `${j.resizeColumn}${t}`,
 			"aria-valuemin": X(e),
-			"aria-valuenow": n === void 0 ? void 0 : ee(n, X(e)),
+			"aria-valuenow": Kn(e),
 			tabIndex: 0,
 			className: "kapi-colresize",
-			onPointerDown: (t) => qn(t, e),
-			onPointerMove: Jn,
-			onPointerUp: Yn,
-			onPointerCancel: Yn,
+			"data-col": e.key,
+			onFocus: qn,
+			onPointerDown: (t) => Zn(t, e),
+			onPointerMove: Qn,
+			onPointerUp: $n,
+			onPointerCancel: $n,
 			onClick: (e) => e.stopPropagation(),
-			onKeyDown: (t) => Xn(t, e)
+			onKeyDown: (t) => er(t, e)
 		});
-	}, $ = T ? s(T) : null, Qn = T && $ && $.page !== T.page ? $.page : null, $n = g(T?.onPageChange);
-	$n.current = T?.onPageChange, m(() => {
-		Qn !== null && $n.current?.(Qn);
-	}, [Qn]);
-	let er = (e, t = !1) => /* @__PURE__ */ d("tr", {
+	}, $ = E ? c(E) : null, nr = E && $ && $.page !== E.page ? $.page : null, rr = v(E?.onPageChange);
+	rr.current = E?.onPageChange, g(() => {
+		nr !== null && rr.current?.(nr);
+	}, [nr]);
+	let ir = (e, t = !1) => /* @__PURE__ */ p("tr", {
 		className: "kapi-table-staterow",
-		children: /* @__PURE__ */ f("td", {
-			colSpan: q,
+		children: /* @__PURE__ */ m("td", {
+			colSpan: K,
 			className: "kapi-table-state",
-			children: [t && /* @__PURE__ */ d(ze, {
+			children: [t && /* @__PURE__ */ p(ze, {
 				size: 16,
 				strokeWidth: 2.2,
 				className: "kapi-table-spin",
 				"aria-hidden": !0
-			}), /* @__PURE__ */ d("span", { children: e })]
+			}), /* @__PURE__ */ p("span", { children: e })]
 		})
-	}), tr = (e, t, n) => {
+	}), ar = (e, t, n) => {
 		let r = e.flex ? `${[
 			70,
 			55,
 			80
 		][n % 3]}%` : Math.max(32, Math.min(We[(t + n) % We.length] ?? 72, (e.width ?? 120) - 36));
-		return /* @__PURE__ */ d(Ee, {
+		return /* @__PURE__ */ p(Te, {
 			width: r,
 			height: 14,
 			radius: 6
 		});
-	}, nr = Array.from({ length: mt }, (e, t) => /* @__PURE__ */ f("tr", {
+	}, or = Array.from({ length: pt }, (e, t) => /* @__PURE__ */ m("tr", {
 		className: "kapi-table-skrow",
 		"aria-hidden": !0,
 		children: [
-			S && /* @__PURE__ */ d("td", {
+			C && /* @__PURE__ */ p("td", {
 				className: "is-sticky kapi-cbcol",
 				style: { left: 0 },
-				children: /* @__PURE__ */ d(Ee, {
+				children: /* @__PURE__ */ p(Te, {
 					width: 16,
 					height: 16,
 					radius: 5
 				})
 			}),
-			L && /* @__PURE__ */ d("td", { className: "kapi-expandcol" }),
-			H.map((e, n) => /* @__PURE__ */ d("td", {
+			L && /* @__PURE__ */ p("td", { className: "kapi-expandcol" }),
+			V.map((e, n) => /* @__PURE__ */ p("td", {
 				"data-col": e.key,
-				className: Ye(e, n === xn),
+				className: Ye(e, n === Sn),
 				style: {
-					left: G[n],
-					...Je(e, "td", B)
+					left: W[n],
+					...Je(e, "td", z)
 				},
-				children: tr(e, n, t)
+				children: ar(e, n, t)
 			}, e.key)),
-			K && /* @__PURE__ */ d("td", {
+			G && /* @__PURE__ */ p("td", {
 				className: "kapi-actcol",
-				children: /* @__PURE__ */ d(Ee, {
+				children: /* @__PURE__ */ p(Te, {
 					width: 28,
 					height: 14,
 					radius: 6,
@@ -396,89 +418,89 @@ function Qe({ columns: p, rows: v, keyField: y = "id", maxHeight: Le = "58vh", f
 				})
 			})
 		]
-	}, `sk-${t}`)), rr = S && ct && Jt.length > 0 ? /* @__PURE__ */ d(De, {
+	}, `sk-${t}`)), sr = C && st && Jt.length > 0 ? /* @__PURE__ */ p(Ee, {
 		count: Jt.length,
 		onClear: qt,
-		placement: b,
-		children: ct({
+		placement: x,
+		children: st({
 			ids: Jt,
 			clear: qt
 		})
 	}) : null;
-	return /* @__PURE__ */ f("div", {
-		id: Qe,
-		style: Xe,
-		className: i("kapi-table-shell", ht && "kapi-table-shell--card", Be && "kapi-table-shell--fill", Rn && "kapi-table-shell--cards", Ke),
+	return /* @__PURE__ */ m("div", {
+		id: Xe,
+		style: Ke,
+		className: i("kapi-table-shell", mt && "kapi-table-shell--card", Le && "kapi-table-shell--fill", Rn && "kapi-table-shell--cards", Ve),
 		children: [
-			b === "top" && rr,
-			(jt || k || Ct && Sn.length > 0) && /* @__PURE__ */ f("div", {
+			x === "top" && sr,
+			(At || A || St && Cn.length > 0) && /* @__PURE__ */ m("div", {
 				className: "kapi-tabletools",
 				children: [
-					jt && /* @__PURE__ */ d(Oe, {
-						value: U,
-						onChange: yn,
-						columns: H,
-						count: O ? void 0 : {
-							shown: W.length,
-							total: v.length
+					At && /* @__PURE__ */ p(De, {
+						value: H,
+						onChange: bn,
+						columns: V,
+						count: k ? void 0 : {
+							shown: U.length,
+							total: h.length
 						},
-						debounce: O ? Ft : 0,
-						labels: A
+						debounce: k ? Pt : 0,
+						labels: j
 					}),
-					k && /* @__PURE__ */ f("button", {
+					A && /* @__PURE__ */ m("button", {
 						type: "button",
 						className: "kapi-filterchip",
 						onClick: Ln,
-						children: [/* @__PURE__ */ d(Re, {
+						children: [/* @__PURE__ */ p(Re, {
 							size: 14,
 							strokeWidth: 2.2
-						}), /* @__PURE__ */ d("span", {
+						}), /* @__PURE__ */ p("span", {
 							className: "kapi-strong",
-							children: A.exportCsv
+							children: j.exportCsv
 						})]
 					}),
-					Ct && Sn.length > 0 && /* @__PURE__ */ f("div", {
+					St && Cn.length > 0 && /* @__PURE__ */ m("div", {
 						className: "kapi-dropdown",
 						onKeyDown: (e) => {
-							e.key === "Escape" && ln(!1);
+							e.key === "Escape" && un(!1);
 						},
-						children: [/* @__PURE__ */ f("button", {
+						children: [/* @__PURE__ */ m("button", {
 							type: "button",
 							className: "kapi-filterchip",
-							onClick: () => ln((e) => !e),
+							onClick: () => un((e) => !e),
 							"aria-haspopup": "menu",
-							"aria-expanded": cn,
+							"aria-expanded": ln,
 							children: [
-								/* @__PURE__ */ d(Ie, {
+								/* @__PURE__ */ p(Ie, {
 									size: 14,
 									strokeWidth: 2.2
 								}),
-								/* @__PURE__ */ d("span", {
+								/* @__PURE__ */ p("span", {
 									className: "kapi-strong",
-									children: A.columns
+									children: j.columns
 								}),
-								/* @__PURE__ */ d(Ne, {
+								/* @__PURE__ */ p(Me, {
 									size: 14,
 									strokeWidth: 2.2,
 									color: "var(--kapi-muted-2)"
 								})
 							]
-						}), cn && /* @__PURE__ */ f(ke, { children: [/* @__PURE__ */ d("div", {
+						}), ln && /* @__PURE__ */ m(Oe, { children: [/* @__PURE__ */ p("div", {
 							className: "kapi-dropdown__backdrop",
-							onClick: () => ln(!1)
-						}), /* @__PURE__ */ d("div", {
+							onClick: () => un(!1)
+						}), /* @__PURE__ */ p("div", {
 							className: "kapi-menu kapi-dropdown__menu kapi-dropdown__menu--down kapi-tabletools__menu",
 							role: "menu",
-							"aria-label": A.columns,
-							children: Sn.map((e) => {
-								let t = z[e.key] !== !1;
-								return /* @__PURE__ */ f("button", {
+							"aria-label": j.columns,
+							children: Cn.map((e) => {
+								let t = R[e.key] !== !1;
+								return /* @__PURE__ */ m("button", {
 									type: "button",
 									role: "menuitemcheckbox",
 									"aria-checked": t,
 									className: `kapi-menu__item${t ? " kapi-menu__item--on" : ""}`,
-									onClick: () => un(e.key),
-									children: [/* @__PURE__ */ d("span", { children: e.label }), t && /* @__PURE__ */ d(Me, {
+									onClick: () => dn(e.key),
+									children: [/* @__PURE__ */ p("span", { children: e.label }), t && /* @__PURE__ */ p(je, {
 										size: 14,
 										strokeWidth: 2.6,
 										color: "var(--kapi-primary)"
@@ -489,105 +511,112 @@ function Qe({ columns: p, rows: v, keyField: y = "id", maxHeight: Le = "58vh", f
 					})
 				]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ m("div", {
 				className: "kapi-tablewrap",
 				ref: N,
-				style: Be ? void 0 : { maxHeight: Le },
+				tabIndex: 0,
+				style: Le ? void 0 : { maxHeight: Fe },
 				onScroll: Pn,
 				children: [
-					/* @__PURE__ */ f("table", {
-						ref: hn,
-						className: `kapi-table2${C ? " is-virtual" : ""}${xt === "card" ? " kapi-table2--card" : ""}${St ? " kapi-table2--hover" : ""}`,
-						children: [/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ f("tr", { children: [
-							S && /* @__PURE__ */ d("th", {
+					/* @__PURE__ */ m("table", {
+						ref: gn,
+						className: `kapi-table2${w ? " is-virtual" : ""}${bt === "card" ? " kapi-table2--card" : ""}${xt ? " kapi-table2--hover" : ""}`,
+						children: [/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", { children: [
+							C && /* @__PURE__ */ p("th", {
 								className: "is-sticky kapi-cbcol",
 								style: { left: 0 },
-								children: /* @__PURE__ */ d("label", {
+								children: /* @__PURE__ */ p("label", {
 									className: "kapi-check kapi-check--block",
-									children: /* @__PURE__ */ d("input", {
+									children: /* @__PURE__ */ p("input", {
 										type: "checkbox",
-										checked: wn === "all",
+										checked: Tn === "all",
 										ref: (e) => {
-											e && (e.indeterminate = wn === "some");
+											e && (e.indeterminate = Tn === "some");
 										},
-										onChange: () => F(me(P, Cn)),
-										"aria-label": A.selectAll
+										onChange: () => F(pe(P, wn)),
+										"aria-label": j.selectAll
 									})
 								})
 							}),
-							L && /* @__PURE__ */ d("th", { className: "kapi-expandcol" }),
-							H.map((e, t) => /* @__PURE__ */ f("th", {
+							L && /* @__PURE__ */ p("th", {
+								className: "kapi-expandcol",
+								children: /* @__PURE__ */ p("span", {
+									className: "kapi-sr-only",
+									children: j.expandColumn
+								})
+							}),
+							V.map((e, t) => /* @__PURE__ */ m("th", {
 								"data-col": e.key,
-								className: `${Ye(e, t === xn)}${e.sortable ? " is-sortable" : ""}`,
+								className: `${Ye(e, t === Sn)}${e.sortable ? " is-sortable" : ""}`,
 								"aria-sort": Hn(e),
 								style: {
-									left: G[t],
-									...Je(e, "th", B),
+									left: W[t],
+									...Je(e, "th", z),
 									textAlign: e.align
 								},
-								children: [Vn(e), Zn(e)]
+								children: [Vn(e), tr(e)]
 							}, e.key)),
-							K && /* @__PURE__ */ d("th", {
+							G && /* @__PURE__ */ p("th", {
 								className: "kapi-actcol",
-								children: A.actions
+								children: j.actions
 							})
-						] }) }), /* @__PURE__ */ f("tbody", { children: [
-							E && (mt > 0 ? nr : er(Rt, !0)),
-							!E && W.length === 0 && er(Lt),
-							!E && W.length > 0 && On > 0 && /* @__PURE__ */ d("tr", {
+						] }) }), /* @__PURE__ */ m("tbody", { children: [
+							D && (pt > 0 ? or : ir(Lt, !0)),
+							!D && U.length === 0 && ir(It),
+							!D && U.length > 0 && kn > 0 && /* @__PURE__ */ p("tr", {
 								"aria-hidden": !0,
-								style: { height: On },
-								children: /* @__PURE__ */ d("td", {
-									colSpan: q,
+								style: { height: kn },
+								children: /* @__PURE__ */ p("td", {
+									colSpan: K,
 									className: "kapi-table-pad"
 								})
 							}),
-							!E && An.map((e, t) => {
-								let n = e[y], r = !D || D(e), i = jn + En + t + 1;
-								return /* @__PURE__ */ d(et, {
+							!D && jn.map((e, t) => {
+								let n = e[b], r = !O || O(e), i = Mn + Dn + t + 1;
+								return /* @__PURE__ */ p(et, {
 									row: e,
 									id: n,
 									selected: P.has(n),
-									selectLabel: S ? u(e, H, i, A, at) : "",
-									open: L && nn.has(n),
+									selectLabel: C ? d(e, V, i, j, it) : "",
+									open: L && rn.has(n),
 									canSelect: r,
-									clickSelect: S && it && r,
-									rangeSelect: lt,
-									selectable: S,
+									clickSelect: C && rt && r,
+									rangeSelect: ct,
+									selectable: C,
 									expandable: L,
-									rowHeight: C ? w : void 0,
-									columns: H,
-									lefts: G,
-									lastSticky: xn,
-									widths: B,
-									text: A,
-									onCopy: rt,
-									hasActions: K,
-									actions: tt,
-									rowMenu: x,
-									renderSubComponent: vt,
-									colSpan: q,
+									rowHeight: w ? T : void 0,
+									columns: V,
+									lefts: W,
+									lastSticky: Sn,
+									widths: z,
+									text: j,
+									onCopy: nt,
+									hasActions: G,
+									actions: $e,
+									rowMenu: S,
+									renderSubComponent: _t,
+									colSpan: K,
 									handlers: Bn
 								}, n);
 							}),
-							!E && W.length > 0 && kn > 0 && /* @__PURE__ */ d("tr", {
+							!D && U.length > 0 && An > 0 && /* @__PURE__ */ p("tr", {
 								"aria-hidden": !0,
-								style: { height: kn },
-								children: /* @__PURE__ */ d("td", {
-									colSpan: q,
+								style: { height: An },
+								children: /* @__PURE__ */ p("td", {
+									colSpan: K,
 									className: "kapi-table-pad"
 								})
 							})
 						] })]
 					}),
-					j && nt && /* @__PURE__ */ d(ve, {
+					zt && tt && /* @__PURE__ */ p(_e, {
 						open: !0,
-						x: j.x,
-						y: j.y,
-						items: nt,
+						x: zt.x,
+						y: zt.y,
+						items: tt,
 						onClose: () => Bt(null)
 					}),
-					M && /* @__PURE__ */ d(ve, {
+					M && /* @__PURE__ */ p(_e, {
 						open: !0,
 						x: M.x,
 						y: M.y,
@@ -596,65 +625,65 @@ function Qe({ columns: p, rows: v, keyField: y = "id", maxHeight: Le = "58vh", f
 					})
 				]
 			}),
-			b === "bottom" && rr,
-			T && $ && /* @__PURE__ */ f("div", {
+			x === "bottom" && sr,
+			E && $ && /* @__PURE__ */ m("div", {
 				className: "kapi-tablefoot",
-				children: [/* @__PURE__ */ f("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "kapi-tablefoot__l",
-					children: [/* @__PURE__ */ f("span", { children: [
+					children: [/* @__PURE__ */ m("span", { children: [
 						$.from,
 						"–",
 						$.to,
 						" ",
-						A.of,
+						j.of,
 						" ",
-						T.total
-					] }), T.pageSizeOptions && T.onPageSizeChange && /* @__PURE__ */ f("div", {
+						E.total
+					] }), E.pageSizeOptions && E.onPageSizeChange && /* @__PURE__ */ m("div", {
 						className: "kapi-tablefoot__size",
-						children: [/* @__PURE__ */ d("span", { children: A.rowsPerPage }), /* @__PURE__ */ d(r, {
+						children: [/* @__PURE__ */ p("span", { children: j.rowsPerPage }), /* @__PURE__ */ p(r, {
 							size: "sm",
 							searchable: !1,
-							"aria-label": A.rowsPerPage,
-							options: T.pageSizeOptions.map((e) => ({
+							"aria-label": j.rowsPerPage,
+							options: E.pageSizeOptions.map((e) => ({
 								value: String(e),
 								label: String(e)
 							})),
-							value: String(T.pageSize),
+							value: String(E.pageSize),
 							onChange: (e) => {
-								e !== null && T.onPageSizeChange?.(Number(e));
+								e !== null && E.onPageSizeChange?.(Number(e));
 							}
 						})]
 					})]
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "kapi-tablefoot__r",
 					children: [
-						/* @__PURE__ */ d("button", {
+						/* @__PURE__ */ p("button", {
 							type: "button",
 							className: "kapi-tablefoot__btn",
-							"aria-label": A.prevPage,
+							"aria-label": j.prevPage,
 							"aria-disabled": !$.canPrev || void 0,
 							onClick: () => {
-								$.canPrev && T.onPageChange($.page - 1);
+								$.canPrev && E.onPageChange($.page - 1);
 							},
-							children: /* @__PURE__ */ d(Pe, {
+							children: /* @__PURE__ */ p(Ne, {
 								size: 16,
 								strokeWidth: 2
 							})
 						}),
-						/* @__PURE__ */ f("span", { children: [
+						/* @__PURE__ */ m("span", { children: [
 							$.page,
 							" / ",
 							$.totalPages
 						] }),
-						/* @__PURE__ */ d("button", {
+						/* @__PURE__ */ p("button", {
 							type: "button",
 							className: "kapi-tablefoot__btn",
-							"aria-label": A.nextPage,
+							"aria-label": j.nextPage,
 							"aria-disabled": !$.canNext || void 0,
 							onClick: () => {
-								$.canNext && T.onPageChange($.page + 1);
+								$.canNext && E.onPageChange($.page + 1);
 							},
-							children: /* @__PURE__ */ d(Fe, {
+							children: /* @__PURE__ */ p(Pe, {
 								size: 16,
 								strokeWidth: 2
 							})
@@ -665,69 +694,69 @@ function Qe({ columns: p, rows: v, keyField: y = "id", maxHeight: Le = "58vh", f
 		]
 	});
 }
-function $e({ row: e, id: t, selected: n, selectLabel: r, open: i, canSelect: a, clickSelect: o, rangeSelect: ee, selectable: s, expandable: te, rowHeight: ne, columns: re, lefts: ie, lastSticky: ae, widths: oe, text: c, onCopy: se, hasActions: ce, actions: le, rowMenu: ue, renderSubComponent: l, colSpan: de, handlers: u }) {
-	return /* @__PURE__ */ f(ke, { children: [/* @__PURE__ */ f("tr", {
+function $e({ row: e, id: t, selected: n, selectLabel: r, open: i, canSelect: a, clickSelect: o, rangeSelect: s, selectable: c, expandable: ee, rowHeight: te, columns: ne, lefts: re, lastSticky: ie, widths: ae, text: l, onCopy: oe, hasActions: se, actions: ce, rowMenu: le, renderSubComponent: u, colSpan: ue, handlers: d }) {
+	return /* @__PURE__ */ m(Oe, { children: [/* @__PURE__ */ m("tr", {
 		className: `${n ? "is-selected" : ""}${o ? " is-rowsel" : ""}`,
-		style: ne === void 0 ? void 0 : { height: ne },
+		style: te === void 0 ? void 0 : { height: te },
 		onClick: o ? (e) => {
-			e.target.closest(b) || u.activate(t, e.shiftKey);
+			e.target.closest(Ve) || d.activate(t, e.shiftKey);
 		} : void 0,
 		onMouseDown: o ? (e) => {
-			ee && e.shiftKey && e.preventDefault();
+			s && e.shiftKey && e.preventDefault();
 		} : void 0,
 		children: [
-			s && /* @__PURE__ */ d("td", {
+			c && /* @__PURE__ */ p("td", {
 				className: "is-sticky kapi-cbcol",
 				style: { left: 0 },
-				children: /* @__PURE__ */ d("label", {
+				children: /* @__PURE__ */ p("label", {
 					className: "kapi-check kapi-check--block",
-					children: /* @__PURE__ */ d("input", {
+					children: /* @__PURE__ */ p("input", {
 						type: "checkbox",
 						checked: n,
 						disabled: !a,
 						onClick: (e) => {
-							a && u.activate(t, e.shiftKey);
+							a && d.activate(t, e.shiftKey);
 						},
 						onChange: () => void 0,
 						"aria-label": r
 					})
 				})
 			}),
-			te && /* @__PURE__ */ d("td", {
+			ee && /* @__PURE__ */ p("td", {
 				className: "kapi-expandcol",
-				children: /* @__PURE__ */ d("button", {
+				children: /* @__PURE__ */ p("button", {
 					type: "button",
 					className: "kapi-expandcol__btn",
-					"aria-label": c.expandRow,
+					"aria-label": l.expandRow,
 					"aria-expanded": i,
-					onClick: () => u.toggleExpanded(t),
-					children: d(i ? Ne : Fe, {
+					onClick: () => d.toggleExpanded(t),
+					children: p(i ? Me : Pe, {
 						size: 16,
 						strokeWidth: 2
 					})
 				})
 			}),
-			re.map((t, n) => /* @__PURE__ */ d("td", {
+			ne.map((t, n) => /* @__PURE__ */ p("td", {
 				"data-col": t.key,
-				className: Ye(t, n === ae),
+				className: Ye(t, n === ie),
 				style: {
-					left: ie[n],
-					...Je(t, "td", oe),
+					left: re[n],
+					...Je(t, "td", ae),
 					textAlign: t.align
 				},
 				"data-label": typeof t.label == "string" || typeof t.label == "number" ? String(t.label) : void 0,
-				children: Xe(t, e, c, se)
+				children: Xe(t, e, l, oe)
 			}, t.key)),
-			ce && /* @__PURE__ */ d("td", {
+			se && /* @__PURE__ */ p("td", {
 				className: "kapi-actcol",
-				children: /* @__PURE__ */ f("div", {
+				children: /* @__PURE__ */ m("div", {
 					className: "kapi-actcol__in",
-					children: [le ? le(e) : null, ue && /* @__PURE__ */ d("button", {
+					children: [ce ? ce(e) : null, le && /* @__PURE__ */ p("button", {
 						type: "button",
 						className: "kapi-actcol__dots",
-						"aria-label": c.moreActions,
-						onClick: (t) => u.openMenu(t, e),
-						children: /* @__PURE__ */ d(Be, {
+						"aria-label": l.moreActions,
+						onClick: (t) => d.openMenu(t, e),
+						children: /* @__PURE__ */ p(x, {
 							size: 16,
 							strokeWidth: 2
 						})
@@ -735,14 +764,14 @@ function $e({ row: e, id: t, selected: n, selectLabel: r, open: i, canSelect: a,
 				})
 			})
 		]
-	}), i && l && /* @__PURE__ */ d("tr", {
+	}), i && u && /* @__PURE__ */ p("tr", {
 		className: "kapi-subrow",
-		children: /* @__PURE__ */ d("td", {
-			colSpan: de,
-			children: l(e)
+		children: /* @__PURE__ */ p("td", {
+			colSpan: ue,
+			children: u(e)
 		})
 	})] });
 }
-var et = p($e);
+var et = h($e);
 //#endregion
-export { Ve as DEFAULT_TABLE_LABELS, Qe as KapiTable };
+export { Be as DEFAULT_TABLE_LABELS, Qe as KapiTable };