@sfperusacdev/sf-ui 0.1.36 → 0.1.37

package/dist/sf-ui.js

@@ -13,7 +13,7 @@ import { json as R } from "@codemirror/lang-json";
 import { sql as z } from "@codemirror/lang-sql";
 import { MapContainer as B, Marker as te, Polygon as ne, Polyline as V, TileLayer as H, useMap as U, useMapEvents as re } from "react-leaflet";
 import ie from "leaflet";
-import { Area as ae, AreaChart as oe, Bar as W, BarChart as se, CartesianGrid as ce, Label as le, LabelList as ue, Legend as de, Line as fe, LineChart as pe, PolarAngleAxis as me, PolarGrid as he, PolarRadiusAxis as ge, Radar as _e, RadarChart as ve, ReferenceLine as ye, ResponsiveContainer as be, Tooltip as xe, XAxis as Se, YAxis as Ce } from "recharts";
+import { Area as ae, AreaChart as oe, Bar as se, BarChart as W, CartesianGrid as ce, Label as le, LabelList as ue, Legend as de, Line as fe, LineChart as pe, PolarAngleAxis as me, PolarGrid as he, PolarRadiusAxis as ge, Radar as _e, RadarChart as ve, ReferenceLine as ye, ResponsiveContainer as be, Tooltip as xe, XAxis as Se, YAxis as Ce } from "recharts";
 import we from "react-easy-crop";
 import { yupResolver as Te } from "@hookform/resolvers/yup";
 import * as G from "yup";
@@ -108,13 +108,13 @@ function Ge(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function K(t) {
-	return t && t.map((t, n) => /*#__PURE__*/ e.createElement(t.tag, He({ key: n }, t.attr), K(t.child)));
+function Ke(t) {
+	return t && t.map((t, n) => /*#__PURE__*/ e.createElement(t.tag, He({ key: n }, t.attr), Ke(t.child)));
 }
-function q(t) {
-	return (n) => /*#__PURE__*/ e.createElement(Ke, Be({ attr: He({}, t.attr) }, n), K(t.child));
+function K(t) {
+	return (n) => /*#__PURE__*/ e.createElement(qe, Be({ attr: He({}, t.attr) }, n), Ke(t.child));
 }
-function Ke(t) {
+function qe(t) {
 	var n = (n) => {
 		var r = t.attr, i = t.size, a = t.title, o = Re(t, Le), s = i || n.size || "1em", c;
 		return n.className && (c = n.className), t.className && (c = (c ? c + " " : "") + t.className), /*#__PURE__*/ e.createElement("svg", Be({
@@ -133,8 +133,8 @@ function Ke(t) {
 }
 //#endregion
 //#region node_modules/react-icons/fi/index.mjs
-function qe(e) {
-	return q({
+function Je(e) {
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -165,8 +165,8 @@ function qe(e) {
 		}]
 	})(e);
 }
-function J(e) {
-	return q({
+function Ye(e) {
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -204,8 +204,8 @@ function J(e) {
 		]
 	})(e);
 }
-function Je(e) {
-	return q({
+function q(e) {
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -230,8 +230,8 @@ function Je(e) {
 		}]
 	})(e);
 }
-function Ye(e) {
-	return q({
+function Xe(e) {
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -275,8 +275,8 @@ function Ye(e) {
 		]
 	})(e);
 }
-function Xe(e) {
-	return q({
+function Ze(e) {
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -379,8 +379,8 @@ function Xe(e) {
 		]
 	})(e);
 }
-function Ze(e) {
-	return q({
+function Qe(e) {
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -397,8 +397,8 @@ function Ze(e) {
 		}]
 	})(e);
 }
-function Qe(e) {
-	return q({
+function J(e) {
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -429,7 +429,7 @@ function Qe(e) {
 	})(e);
 }
 function $e(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -459,7 +459,7 @@ function $e(e) {
 	})(e);
 }
 function et(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -489,7 +489,7 @@ function et(e) {
 	})(e);
 }
 function tt(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -521,7 +521,7 @@ function tt(e) {
 	})(e);
 }
 function nt(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -539,7 +539,7 @@ function nt(e) {
 	})(e);
 }
 function rt(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -561,8 +561,8 @@ function rt(e) {
 		}]
 	})(e);
 }
-function Y(e) {
-	return q({
+function it(e) {
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -579,8 +579,8 @@ function Y(e) {
 		}]
 	})(e);
 }
-function it(e) {
-	return q({
+function Y(e) {
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -606,7 +606,7 @@ function it(e) {
 	})(e);
 }
 function at(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -701,7 +701,7 @@ function at(e) {
 	})(e);
 }
 function ot(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -731,7 +731,7 @@ function ot(e) {
 	})(e);
 }
 function st(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -775,7 +775,7 @@ function st(e) {
 	})(e);
 }
 function ct(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -830,7 +830,7 @@ function ct(e) {
 	})(e);
 }
 function lt(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -856,7 +856,7 @@ function lt(e) {
 	})(e);
 }
 function ut(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -883,7 +883,7 @@ function ut(e) {
 	})(e);
 }
 function dt(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -901,7 +901,7 @@ function dt(e) {
 	})(e);
 }
 function ft(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -923,7 +923,7 @@ function ft(e) {
 	})(e);
 }
 function pt(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -945,7 +945,7 @@ function pt(e) {
 	})(e);
 }
 function mt(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -963,7 +963,7 @@ function mt(e) {
 	})(e);
 }
 function ht(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -981,7 +981,7 @@ function ht(e) {
 	})(e);
 }
 function gt(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -999,7 +999,7 @@ function gt(e) {
 	})(e);
 }
 function _t(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -1017,7 +1017,7 @@ function _t(e) {
 	})(e);
 }
 function vt(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -1039,7 +1039,7 @@ function vt(e) {
 	})(e);
 }
 function yt(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -1096,7 +1096,7 @@ function yt(e) {
 	})(e);
 }
 function bt(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -1125,7 +1125,7 @@ function bt(e) {
 	})(e);
 }
 function xt(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -1147,7 +1147,7 @@ function xt(e) {
 	})(e);
 }
 function St(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -1174,7 +1174,7 @@ function St(e) {
 	})(e);
 }
 function Ct(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -1201,7 +1201,7 @@ function Ct(e) {
 	})(e);
 }
 function wt(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -1241,7 +1241,7 @@ function wt(e) {
 	})(e);
 }
 function Tt(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: {
 			viewBox: "0 0 24 24",
@@ -1360,7 +1360,7 @@ var X = /* @__PURE__ */ Pe((/* @__PURE__ */ Me(((e, t) => {
 	let x = b({
 		name: t,
 		control: e.control
-	}), S = String(t), C = x.fieldState.error, w = p ?? (h ? Qe : void 0);
+	}), S = String(t), C = x.fieldState.error, w = p ?? (h ? J : void 0);
 	return /* @__PURE__ */ v(Z, {
 		id: S,
 		label: n,
@@ -1826,7 +1826,7 @@ var X = /* @__PURE__ */ Pe((/* @__PURE__ */ Me(((e, t) => {
 					className: "sf-tree-select__search",
 					children: /* @__PURE__ */ y("div", {
 						className: "relative",
-						children: [/* @__PURE__ */ v(Qe, {
+						children: [/* @__PURE__ */ v(J, {
 							className: "pointer-events-none absolute left-2 top-1/2 -translate-y-1/2",
 							size: 14,
 							"aria-hidden": "true"
@@ -2675,9 +2675,9 @@ var X = /* @__PURE__ */ Pe((/* @__PURE__ */ Me(((e, t) => {
 			document.removeEventListener("pointerdown", e);
 		};
 	}, []);
-	let W = /* @__PURE__ */ y("div", {
+	let se = /* @__PURE__ */ y("div", {
 		className: (0, X.default)("flex shrink-0 items-center gap-2 px-3 py-2", I?.direction === "top" ? "border-t border-slate-200" : "border-b border-slate-200"),
-		children: [/* @__PURE__ */ v(Qe, {
+		children: [/* @__PURE__ */ v(J, {
 			size: 16,
 			className: "text-slate-400"
 		}), /* @__PURE__ */ v("input", {
@@ -2686,7 +2686,7 @@ var X = /* @__PURE__ */ Pe((/* @__PURE__ */ Me(((e, t) => {
 			onChange: (e) => F(e.target.value),
 			className: "h-8 w-full bg-transparent text-sm text-slate-900 outline-none placeholder:text-slate-400"
 		})]
-	}), se = /* @__PURE__ */ v("div", {
+	}), W = /* @__PURE__ */ v("div", {
 		ref: z,
 		className: "overflow-auto py-1",
 		style: { maxHeight: Math.max(72, (I?.maxHeight ?? 288) - mn) },
@@ -2762,7 +2762,7 @@ var X = /* @__PURE__ */ Pe((/* @__PURE__ */ Me(((e, t) => {
 								t.stopPropagation(), ie(e.value);
 							},
 							className: "rounded text-slate-400 hover:text-slate-700",
-							children: /* @__PURE__ */ v(qe, { size: 12 })
+							children: /* @__PURE__ */ v(Je, { size: 12 })
 						})]
 					}, e.value)), ne.length > S && /* @__PURE__ */ y("span", {
 						className: "inline-flex items-center rounded bg-slate-100 px-1.5 py-0.5 text-xs text-slate-500",
@@ -2782,7 +2782,7 @@ var X = /* @__PURE__ */ Pe((/* @__PURE__ */ Me(((e, t) => {
 							e.stopPropagation(), ae();
 						},
 						className: "rounded p-0.5 text-slate-400 hover:text-slate-700",
-						children: /* @__PURE__ */ v(qe, { size: 14 })
+						children: /* @__PURE__ */ v(Je, { size: 14 })
 					}), /* @__PURE__ */ v(gt, {
 						size: x ? 16 : 18,
 						className: (0, X.default)("text-slate-500 transition-transform", M && "rotate-180")
@@ -2798,7 +2798,7 @@ var X = /* @__PURE__ */ Pe((/* @__PURE__ */ Me(((e, t) => {
 					maxHeight: I?.maxHeight ?? 0,
 					visibility: I ? "visible" : "hidden"
 				},
-				children: I?.direction === "top" ? /* @__PURE__ */ y(_, { children: [se, W] }) : /* @__PURE__ */ y(_, { children: [W, se] })
+				children: I?.direction === "top" ? /* @__PURE__ */ y(_, { children: [W, se] }) : /* @__PURE__ */ y(_, { children: [se, W] })
 			})]
 		})
 	});
@@ -3021,7 +3021,7 @@ var X = /* @__PURE__ */ Pe((/* @__PURE__ */ Me(((e, t) => {
 				return n != null && String(n).toLowerCase().includes(r);
 			});
 		}
-	}), re = U.getRowModel().rows, ie = U.getFilteredRowModel().rows.length, ae = Math.max(0, f - re.length), oe = U.getState().pagination.pageIndex + 1, W = Math.max(1, U.getPageCount()), se = U.getAllLeafColumns().length, ce = C > 0 && F.trim().length < C;
+	}), re = U.getRowModel().rows, ie = U.getFilteredRowModel().rows.length, ae = Math.max(0, f - re.length), oe = U.getState().pagination.pageIndex + 1, se = Math.max(1, U.getPageCount()), W = U.getAllLeafColumns().length, ce = C > 0 && F.trim().length < C;
 	return /* @__PURE__ */ v(Z, {
 		id: N,
 		label: a,
@@ -3035,7 +3035,7 @@ var X = /* @__PURE__ */ Pe((/* @__PURE__ */ Me(((e, t) => {
 			children: [
 				/* @__PURE__ */ y("div", {
 					className: "flex items-center gap-2 border-b border-slate-200 px-3 py-2",
-					children: [/* @__PURE__ */ v(Qe, {
+					children: [/* @__PURE__ */ v(J, {
 						size: 16,
 						className: "shrink-0 text-slate-400"
 					}), /* @__PURE__ */ v("input", {
@@ -3071,7 +3071,7 @@ var X = /* @__PURE__ */ Pe((/* @__PURE__ */ Me(((e, t) => {
 									type: "button",
 									onClick: () => ne(e.value),
 									className: "shrink-0 rounded text-slate-400 hover:text-slate-700",
-									children: /* @__PURE__ */ v(qe, { size: 12 })
+									children: /* @__PURE__ */ v(Je, { size: 12 })
 								})]
 							}, e.value)), z.length > 3 && /* @__PURE__ */ y("span", {
 								className: "shrink-0 rounded-full border border-slate-200 bg-white px-2 py-0.5 text-xs text-slate-500",
@@ -3092,7 +3092,7 @@ var X = /* @__PURE__ */ Pe((/* @__PURE__ */ Me(((e, t) => {
 						/* @__PURE__ */ v("span", {
 							className: "sf-search-table-select__prompt-icon",
 							"aria-hidden": "true",
-							children: w ?? /* @__PURE__ */ v(Qe, { size: 28 })
+							children: w ?? /* @__PURE__ */ v(J, { size: 28 })
 						}),
 						/* @__PURE__ */ v("p", {
 							className: "sf-search-table-select__prompt-title",
@@ -3117,20 +3117,20 @@ var X = /* @__PURE__ */ Pe((/* @__PURE__ */ Me(((e, t) => {
 						}, e.id);
 					}), Array.from({ length: ae }).map((e, t) => /* @__PURE__ */ v("tr", {
 						className: "h-10 border-b border-slate-100 last:border-b-0",
-						children: Array.from({ length: se }).map((e, t) => /* @__PURE__ */ v("td", {
+						children: Array.from({ length: W }).map((e, t) => /* @__PURE__ */ v("td", {
 							className: (0, X.default)("px-3 py-2 align-middle", t === 0 && "w-10"),
 							children: "\xA0"
 						}, t))
 					}, `empty-${t}`))] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("tr", {
 						className: "h-10 border-b border-slate-100",
 						children: /* @__PURE__ */ v("td", {
-							colSpan: se,
+							colSpan: W,
 							className: "px-3 py-3 text-sm text-slate-500",
 							children: d ? "Cargando..." : l
 						})
 					}), Array.from({ length: Math.max(0, f - 1) }).map((e, t) => /* @__PURE__ */ v("tr", {
 						className: "h-10 border-b border-slate-100 last:border-b-0",
-						children: Array.from({ length: se }).map((e, t) => /* @__PURE__ */ v("td", {
+						children: Array.from({ length: W }).map((e, t) => /* @__PURE__ */ v("td", {
 							className: (0, X.default)("px-3 py-2 align-middle", t === 0 && "w-10"),
 							children: "\xA0"
 						}, t))
@@ -3160,7 +3160,7 @@ var X = /* @__PURE__ */ Pe((/* @__PURE__ */ Me(((e, t) => {
 								children: [
 									oe,
 									" / ",
-									W
+									se
 								]
 							}),
 							/* @__PURE__ */ v("button", {
@@ -3558,7 +3558,7 @@ var X = /* @__PURE__ */ Pe((/* @__PURE__ */ Me(((e, t) => {
 //#endregion
 //#region node_modules/react-icons/md/index.mjs
 function Vn(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: { viewBox: "0 0 24 24" },
 		child: [{
@@ -3576,7 +3576,7 @@ function Vn(e) {
 	})(e);
 }
 function Hn(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: { viewBox: "0 0 24 24" },
 		child: [{
@@ -3594,7 +3594,7 @@ function Hn(e) {
 	})(e);
 }
 function Un(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: { viewBox: "0 0 24 24" },
 		child: [{
@@ -3612,7 +3612,7 @@ function Un(e) {
 	})(e);
 }
 function Wn(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: { viewBox: "0 0 24 24" },
 		child: [{
@@ -3630,7 +3630,7 @@ function Wn(e) {
 	})(e);
 }
 function Gn(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: { viewBox: "0 0 24 24" },
 		child: [{
@@ -3648,7 +3648,7 @@ function Gn(e) {
 	})(e);
 }
 function Kn(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: { viewBox: "0 0 24 24" },
 		child: [{
@@ -3666,7 +3666,7 @@ function Kn(e) {
 	})(e);
 }
 function qn(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: { viewBox: "0 0 24 24" },
 		child: [{
@@ -3684,7 +3684,7 @@ function qn(e) {
 	})(e);
 }
 function Jn(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: { viewBox: "0 0 24 24" },
 		child: [{
@@ -3715,7 +3715,7 @@ var Yn = (e = window.localStorage) => ({
 //#endregion
 //#region node_modules/react-icons/gr/index.mjs
 function Xn(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: { viewBox: "0 0 24 24" },
 		child: [{
@@ -3731,7 +3731,7 @@ function Xn(e) {
 	})(e);
 }
 function Zn(e) {
-	return q({
+	return K({
 		tag: "svg",
 		attr: { viewBox: "0 0 24 24" },
 		child: [{
@@ -4347,42 +4347,42 @@ var mr = (e) => {
 	for (let n = 0; n < e.length; n++) if (e[n] !== t[n]) return !1;
 	return !0;
 };
-function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGrouping: o = [], enableGrouping: s = !0, enableSorting: c = !0, enableFiltering: l = !0, enablePagination: d = !1, pageSize: f = 20, fillParentHeight: g = !1, maxBodyHeightPx: b, className: x = "", emptyMessage: S = "No hay datos", title: C = "Tabla", subtitle: w, sidePanel: N = !1, onGroupingChange: P, toolbarSlot: F, belowToolbarSlot: I, loading: L = !1, loadingMessage: ee = "Cargando...", isFetching: R = !1, error: z, onRetry: B, onRefresh: te, onRowClick: ne, enableRowSelection: V = !0, getRowActions: H, getBulkActions: U, bulkActionsSlot: re, onSelectionChange: ie, headerVariant: ae = "default", embedded: oe = !1, detail: W, controller: se }) {
-	let [ce, le] = h(o), [ue, de] = h(() => o.length > 0 ? {} : !0), [fe, pe] = h([]), [me, he] = h(""), [ge, _e] = h([]), [ve, ye] = h({}), [be, xe] = h({}), [Se, Ce] = h(() => pr(i).map((e) => e.id)), [we, Te] = h({}), [G, Ee] = h({
+function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGrouping: o = [], enableGrouping: s = !0, enableSorting: c = !0, enableFiltering: l = !0, enablePagination: d = !1, pageSize: f = 20, fillParentHeight: g = !1, maxBodyHeightPx: b, className: x = "", emptyMessage: S = "No hay datos", title: C = "Tabla", subtitle: w, sidePanel: N = !1, onGroupingChange: P, toolbarSlot: F, belowToolbarSlot: I, loading: L = !1, loadingMessage: ee = "Cargando...", isFetching: R = !1, error: z, onRetry: B, onRefresh: te, onRowClick: ne, enableRowSelection: V = !0, getRowActions: H, getBulkActions: U, bulkActionsSlot: re, onSelectionChange: ie, headerVariant: ae = "default", searchPlaceholder: oe = "Buscar...", embedded: se = !1, detail: W, controller: ce }) {
+	let [le, ue] = h(o), [de, fe] = h(() => o.length > 0 ? {} : !0), [pe, me] = h([]), [he, ge] = h(""), [_e, ve] = h([]), [ye, be] = h({}), [xe, Se] = h({}), [Ce, we] = h(() => pr(i).map((e) => e.id)), [Te, G] = h({}), [Ee, De] = h({
 		pageIndex: 0,
 		pageSize: f
-	}), [De, Oe] = h(!1), [ke, Ae] = h(!1), [je, Me] = h(!1), [Ne, Pe] = h(null), [Fe, Ie] = h(!1), [Le, Re] = h({}), ze = W != null && (W.render != null || W.getRows != null && W.columns != null), Be = (e) => ze ? W?.isExpandable?.(e) ?? !0 : !1, Ve = (e, t) => {
-		let n = Le[e];
+	}), [Oe, ke] = h(!1), [Ae, je] = h(!1), [Me, Ne] = h(!1), [Pe, Fe] = h(null), [Ie, Le] = h(!1), [Re, ze] = h({}), Be = W != null && (W.render != null || W.getRows != null && W.columns != null), Ve = (e) => Be ? W?.isExpandable?.(e) ?? !0 : !1, He = (e, t) => {
+		let n = Re[e];
 		if (n != null) return n;
 		let r = W?.defaultExpanded;
 		return typeof r == "function" ? r(t) : r === !0;
-	}, He = (e, t) => {
-		let n = !Ve(e, t);
-		Re((t) => ({
+	}, Ue = (e, t) => {
+		let n = !He(e, t);
+		ze((t) => ({
 			...t,
 			[e]: n
 		}));
-	}, Ue = p(() => {
+	}, We = p(() => {
 		let e = [];
-		return ze && e.push("__detail"), V && e.push("__select"), H && e.push("__actions"), e;
+		return Be && e.push("__detail"), V && e.push("__select"), H && e.push("__actions"), e;
 	}, [
 		V,
 		H,
-		ze
-	]), We = p(() => {
+		Be
+	]), Ge = p(() => {
 		if (e) return t ?? Yn();
-	}, [e, t]), Ge = m(!1), K = m(!1), q = m(void 0), Ke = m(null), qe = m(void 0), J = a ?? ce, Je = p(() => w ?? (!s || J.length === 0 ? null : `Agrupado por: ${J.join(" → ")}`), [
+	}, [e, t]), Ke = m(!1), K = m(!1), qe = m(void 0), Je = m(null), Ye = m(void 0), q = a ?? le, Xe = p(() => w ?? (!s || q.length === 0 ? null : `Agrupado por: ${q.join(" → ")}`), [
 		w,
 		s,
-		J
-	]), Ye = ae === "brand", Xe = p(() => pr(i).map((e) => ({
+		q
+	]), Ze = ae === "brand", Qe = p(() => pr(i).map((e) => ({
 		id: e.id,
 		headerLabel: lr(e.header, e.id)
-	})).filter((e) => !!e), [i]), Ze = p(() => {
+	})).filter((e) => !!e), [i]), J = p(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of Xe) e.set(t.id, t.headerLabel);
+		for (let t of Qe) e.set(t.id, t.headerLabel);
 		return e;
-	}, [Xe]), Qe = p(() => {
+	}, [Qe]), $e = p(() => {
 		let e = /* @__PURE__ */ new Map(), t = pr(i);
 		for (let n of t) {
 			let t = n.id, i = "string";
@@ -4396,15 +4396,15 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 			e.set(t, i);
 		}
 		return e;
-	}, [i, r]), $e = p(() => fr(i, we), [we, i]), et = p(() => {
+	}, [i, r]), et = p(() => fr(i, Te), [Te, i]), tt = p(() => {
 		let e = [];
-		return ze && e.push("__detail"), V && e.push("__select"), e.push(...Se), H && e.push("__actions"), e;
+		return Be && e.push("__detail"), V && e.push("__select"), e.push(...Ce), H && e.push("__actions"), e;
 	}, [
-		Se,
+		Ce,
 		V,
 		H,
-		ze
-	]), tt = p(() => {
+		Be
+	]), nt = p(() => {
 		let e = {
 			id: "__select",
 			size: 44,
@@ -4444,11 +4444,11 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 				return /* @__PURE__ */ v(cr, {
 					row: e.original,
 					actions: t,
-					open: Ne === n,
-					onOpenChange: (e) => Pe(e ? n : null)
+					open: Pe === n,
+					onOpenChange: (e) => Fe(e ? n : null)
 				});
 			}
-		}, n = ze ? {
+		}, n = Be ? {
 			id: "__detail",
 			size: 40,
 			enableSorting: !1,
@@ -4456,14 +4456,14 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 			enableHiding: !1,
 			header: () => null,
 			cell: ({ row: e }) => {
-				if (e.getIsGrouped() || !Be(e.original)) return null;
-				let t = Ve(e.id, e.original);
+				if (e.getIsGrouped() || !Ve(e.original)) return null;
+				let t = He(e.id, e.original);
 				return /* @__PURE__ */ v("button", {
 					type: "button",
 					className: "sf-table-detail-toggle",
 					"aria-expanded": t,
 					"aria-label": t ? "Contraer detalle" : "Expandir detalle",
-					onClick: () => He(e.id, e.original),
+					onClick: () => Ue(e.id, e.original),
 					children: /* @__PURE__ */ v(t ? Gn : Wn, {
 						className: "h-4 w-4",
 						"aria-hidden": "true"
@@ -4474,38 +4474,38 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 		return [
 			...n ? [n] : [],
 			...V ? [e] : [],
-			...$e,
+			...et,
 			...t ? [t] : []
 		];
 	}, [
-		$e,
+		et,
 		V,
 		H,
-		Ne,
-		ze,
-		Le,
+		Pe,
+		Be,
+		Re,
 		W
-	]), nt = p(() => {
-		let e = Object.entries(we).sort(([e], [t]) => e.localeCompare(t));
+	]), rt = p(() => {
+		let e = Object.entries(Te).sort(([e], [t]) => e.localeCompare(t));
 		return JSON.stringify(e);
-	}, [we]), rt = p(() => {
+	}, [Te]), it = p(() => {
 		if (s) return k();
-	}, [s, nt]);
+	}, [s, rt]);
 	u(() => {
-		if (!e || !We) return;
+		if (!e || !Ge) return;
 		let t = !1;
 		return (async () => {
-			let n = await We.getItem(ur(e));
+			let n = await Ge.getItem(ur(e));
 			if (t || !n) {
-				Ge.current = !0;
+				Ke.current = !0;
 				return;
 			}
 			try {
 				let e = JSON.parse(n);
 				if (K.current) return;
-				a == null && Array.isArray(e.grouping) && le(e.grouping), e.expanded != null && (e.expanded === !0 && Array.isArray(e.grouping) && e.grouping.length > 0 ? de({}) : de(e.expanded)), e.sorting && pe(e.sorting), typeof e.globalFilter == "string" && he(e.globalFilter), e.columnFilters && _e(e.columnFilters), e.columnVisibility && ye(e.columnVisibility), e.columnOrder && Ce(e.columnOrder), e.columnAggregations && Te(e.columnAggregations), e.pagination && Ee(e.pagination);
+				a == null && Array.isArray(e.grouping) && ue(e.grouping), e.expanded != null && (e.expanded === !0 && Array.isArray(e.grouping) && e.grouping.length > 0 ? fe({}) : fe(e.expanded)), e.sorting && me(e.sorting), typeof e.globalFilter == "string" && ge(e.globalFilter), e.columnFilters && ve(e.columnFilters), e.columnVisibility && be(e.columnVisibility), e.columnOrder && we(e.columnOrder), e.columnAggregations && G(e.columnAggregations), e.pagination && De(e.pagination);
 			} catch {} finally {
-				Ge.current = !0;
+				Ke.current = !0;
 			}
 		})(), () => {
 			t = !0;
@@ -4513,101 +4513,101 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 	}, [
 		a,
 		e,
-		We
+		Ge
 	]), u(() => {
 		let e = pr(i).map((e) => e.id);
-		Ce((t) => {
+		we((t) => {
 			let n = t.filter((t) => e.includes(t));
 			for (let t of e) n.includes(t) || n.push(t);
 			return n;
 		});
 	}, [i]), u(() => {
-		if (!e || !We || !Ge.current) return;
+		if (!e || !Ge || !Ke.current) return;
 		let t = {
-			grouping: a == null ? J : void 0,
-			expanded: ue,
-			sorting: fe,
-			globalFilter: me,
-			columnFilters: ge,
-			columnVisibility: ve,
-			columnOrder: Se,
-			columnAggregations: we,
-			pagination: G
+			grouping: a == null ? q : void 0,
+			expanded: de,
+			sorting: pe,
+			globalFilter: he,
+			columnFilters: _e,
+			columnVisibility: ye,
+			columnOrder: Ce,
+			columnAggregations: Te,
+			pagination: Ee
 		};
-		return window.clearTimeout(q.current), q.current = window.setTimeout(() => {
-			We.setItem(ur(e), JSON.stringify(t)).catch(() => {});
+		return window.clearTimeout(qe.current), qe.current = window.setTimeout(() => {
+			Ge.setItem(ur(e), JSON.stringify(t)).catch(() => {});
 		}, 250), () => {
-			window.clearTimeout(q.current);
+			window.clearTimeout(qe.current);
 		};
 	}, [
-		ge,
-		we,
-		Se,
-		ve,
-		ue,
-		me,
+		_e,
+		Te,
+		Ce,
+		ye,
+		de,
+		he,
 		a,
 		e,
-		G,
-		J,
-		We,
-		fe
+		Ee,
+		q,
+		Ge,
+		pe
 	]);
 	let Y = M({
 		data: r,
-		columns: tt,
+		columns: nt,
 		debugTable: !1,
 		state: {
-			grouping: J,
-			expanded: ue,
-			sorting: fe,
-			globalFilter: me,
-			columnFilters: ge,
-			columnVisibility: ve,
-			columnOrder: et,
-			pagination: G,
-			rowSelection: be
+			grouping: q,
+			expanded: de,
+			sorting: pe,
+			globalFilter: he,
+			columnFilters: _e,
+			columnVisibility: ye,
+			columnOrder: tt,
+			pagination: Ee,
+			rowSelection: xe
 		},
 		onGroupingChange: (e) => {
 			K.current = !0;
-			let t = typeof e == "function" ? e(J) : e;
-			le((e) => gr(e, t) ? e : t), gr(J, t) || P?.(t);
+			let t = typeof e == "function" ? e(q) : e;
+			ue((e) => gr(e, t) ? e : t), gr(q, t) || P?.(t);
 		},
 		onExpandedChange: (e) => {
-			K.current = !0, de(e);
+			K.current = !0, fe(e);
 		},
 		onSortingChange: (e) => {
-			K.current = !0, pe(e);
+			K.current = !0, me(e);
 		},
 		onGlobalFilterChange: (e) => {
-			K.current = !0, he(e);
+			K.current = !0, ge(e);
 		},
 		onColumnFiltersChange: (e) => {
-			K.current = !0, _e(e);
+			K.current = !0, ve(e);
 		},
 		onColumnVisibilityChange: (e) => {
-			K.current = !0, ye(e);
+			K.current = !0, be(e);
 		},
 		onRowSelectionChange: (e) => {
-			K.current = !0, xe(e);
+			K.current = !0, Se(e);
 		},
 		onColumnOrderChange: (e) => {
 			K.current = !0;
-			let t = (typeof e == "function" ? e(et) : e).filter((e) => !Ue.includes(e));
-			Ce(t);
+			let t = (typeof e == "function" ? e(tt) : e).filter((e) => !We.includes(e));
+			we(t);
 		},
 		onPaginationChange: (e) => {
-			K.current = !0, Ee(e);
+			K.current = !0, De(e);
 		},
 		autoResetExpanded: !1,
 		autoResetPageIndex: !1,
 		enableGrouping: s,
 		enableSorting: c,
-		paginateExpandedRows: J.length === 0,
+		paginateExpandedRows: q.length === 0,
 		groupedColumnMode: "reorder",
 		getCoreRowModel: E(),
 		getFilteredRowModel: l ? O() : void 0,
-		getGroupedRowModel: rt,
+		getGroupedRowModel: it,
 		getSortedRowModel: c ? j() : void 0,
 		getExpandedRowModel: D(),
 		getSubRows: (e) => e.subRows,
@@ -4615,27 +4615,27 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 		filterFns: { columnFilter: ar },
 		enableRowSelection: V
 	});
-	Ke.current = Y;
-	let it = Y.getSelectedRowModel().flatRows.map((e) => e.original);
+	Je.current = Y;
+	let at = Y.getSelectedRowModel().flatRows.map((e) => e.original);
 	return u(() => {
-		it.length === 0 && Ie(!1);
-	}, [it.length]), u(() => {
+		at.length === 0 && Le(!1);
+	}, [at.length]), u(() => {
 		Y.setOptions((e) => ({
 			...e,
-			columns: tt
+			columns: nt
 		}));
 	}, [
-		tt,
+		nt,
 		Y,
-		nt
+		rt
 	]), u(() => {
 		ie?.(Y.getSelectedRowModel().flatRows.map((e) => e.original));
 	}, [
 		ie,
-		be,
+		xe,
 		Y
 	]), u(() => {
-		se && se.register({
+		ce && ce.register({
 			selection: {
 				selectRowFn: (e) => {
 					let t = Array.isArray(e) ? e : [e];
@@ -4651,37 +4651,37 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 			},
 			row: {
 				selectRowFn: (e) => {
-					qe.current = e, Y.resetRowSelection();
+					Ye.current = e, Y.resetRowSelection();
 					let t = Y.getPrePaginationRowModel().flatRows.find((t) => t.original === e);
 					t && t.toggleSelected(!0);
 				},
 				cleanSelectionFn: () => {
-					qe.current = void 0, Y.resetRowSelection();
+					Ye.current = void 0, Y.resetRowSelection();
 				},
-				getSelectedRowFn: () => qe.current
+				getSelectedRowFn: () => Ye.current
 			}
 		});
 	}, [
-		se,
-		be,
+		ce,
+		xe,
 		Y
 	]), u(() => {
-		s && J.length !== 0 && Y.setGrouping(J);
+		s && q.length !== 0 && Y.setGrouping(q);
 	}, [
 		s,
-		J,
+		q,
 		Y,
-		nt
+		rt
 	]), /* @__PURE__ */ y("div", {
 		className: g ? "flex h-full w-full min-h-0 flex-col" : "flex w-full min-h-0 flex-col",
 		style: g ? void 0 : { maxHeight: "100dvh" },
 		children: [
-			N && De && /* @__PURE__ */ y("div", {
+			N && Oe && /* @__PURE__ */ y("div", {
 				className: "fixed inset-0 z-50",
 				children: [/* @__PURE__ */ v("button", {
 					type: "button",
 					"aria-label": "Cerrar panel",
-					onClick: () => Oe(!1),
+					onClick: () => ke(!1),
 					className: "sf-table-panel-scrim"
 				}), /* @__PURE__ */ y("aside", {
 					className: "sf-table-panel",
@@ -4695,7 +4695,7 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 							children: "Columns, Group By, Aggregations"
 						})] }), /* @__PURE__ */ v("button", {
 							type: "button",
-							onClick: () => Oe(!1),
+							onClick: () => ke(!1),
 							className: "sf-table-panel__close",
 							children: "Ocultar"
 						})]
@@ -4709,8 +4709,8 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 									children: "Columns"
 								}), /* @__PURE__ */ v("div", {
 									className: "sf-table-panel-stack sf-table-panel-stack--tight",
-									children: Se.map((e) => Y.getColumn(e)).filter(Boolean).map((e, t) => {
-										let n = e.id, r = e.getCanHide?.() ?? !0, i = e.getIsVisible(), a = Ze.get(n) ?? n;
+									children: Ce.map((e) => Y.getColumn(e)).filter(Boolean).map((e, t) => {
+										let n = e.id, r = e.getCanHide?.() ?? !0, i = e.getIsVisible(), a = J.get(n) ?? n;
 										return /* @__PURE__ */ y("div", {
 											draggable: !0,
 											onDragStart: (e) => {
@@ -4726,8 +4726,8 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 												e.preventDefault();
 												let r = mr(e);
 												if (!r || r === n) return;
-												let i = Se.indexOf(r), a = t;
-												i !== -1 && Y.setColumnOrder(hr(Se, i, a));
+												let i = Ce.indexOf(r), a = t;
+												i !== -1 && Y.setColumnOrder(hr(Ce, i, a));
 											},
 											className: "sf-table-column-row",
 											children: [/* @__PURE__ */ y("span", {
@@ -4764,7 +4764,7 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 									let n = Y.getColumn(t);
 									if (!n || !n.getCanGroup()) return;
 									n.getIsVisible() || n.toggleVisibility(!0);
-									let r = J.includes(t) ? J : [...J, t];
+									let r = q.includes(t) ? q : [...q, t];
 									Y.setGrouping(r);
 								},
 								children: [/* @__PURE__ */ y("div", {
@@ -4772,7 +4772,7 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 									children: [/* @__PURE__ */ v("p", {
 										className: "sf-table-panel__section-title",
 										children: "Group By"
-									}), J.length > 0 && /* @__PURE__ */ v("button", {
+									}), q.length > 0 && /* @__PURE__ */ v("button", {
 										type: "button",
 										onClick: () => Y.resetGrouping(),
 										className: "sf-table-panel-btn-sm",
@@ -4780,12 +4780,12 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 									})]
 								}), /* @__PURE__ */ v("div", {
 									className: "sf-table-panel-stack sf-table-panel-stack--tight",
-									children: J.length === 0 ? /* @__PURE__ */ v("div", {
+									children: q.length === 0 ? /* @__PURE__ */ v("div", {
 										className: "sf-table-panel-empty",
 										children: "Arrastra columnas aquí"
-									}) : J.map((e) => {
+									}) : q.map((e) => {
 										if (!Y.getColumn(e)) return null;
-										let t = Ze.get(e) ?? e;
+										let t = J.get(e) ?? e;
 										return /* @__PURE__ */ y("div", {
 											className: "sf-table-panel-row",
 											children: [/* @__PURE__ */ v("span", {
@@ -4793,7 +4793,7 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 												children: t
 											}), /* @__PURE__ */ v("button", {
 												type: "button",
-												onClick: () => Y.setGrouping(J.filter((t) => t !== e)),
+												onClick: () => Y.setGrouping(q.filter((t) => t !== e)),
 												className: "sf-table-panel-link",
 												children: "Quitar"
 											})]
@@ -4809,7 +4809,7 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 								onDrop: (e) => {
 									e.preventDefault();
 									let t = mr(e);
-									t && Y.getColumn(t) && Te((e) => (K.current = !0, e[t] ? e : {
+									t && Y.getColumn(t) && G((e) => (K.current = !0, e[t] ? e : {
 										...e,
 										[t]: "sum"
 									}));
@@ -4819,10 +4819,10 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 									children: [/* @__PURE__ */ v("p", {
 										className: "sf-table-panel__section-title",
 										children: "Aggregations"
-									}), Object.keys(we).length > 0 && /* @__PURE__ */ v("button", {
+									}), Object.keys(Te).length > 0 && /* @__PURE__ */ v("button", {
 										type: "button",
 										onClick: () => {
-											K.current = !0, Te({});
+											K.current = !0, G({});
 										},
 										className: "sf-table-panel-btn-sm",
 										children: "Clear"
@@ -4832,21 +4832,21 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 									children: [/* @__PURE__ */ v("p", {
 										className: "sf-table-panel__subtitle",
 										children: "Nota: solo se ve el resultado cuando la tabla está agrupada."
-									}), Object.keys(we).length === 0 ? /* @__PURE__ */ v("div", {
+									}), Object.keys(Te).length === 0 ? /* @__PURE__ */ v("div", {
 										className: "sf-table-panel-empty",
 										children: "Arrastra columnas aquí"
-									}) : Object.entries(we).map(([e, t]) => /* @__PURE__ */ y("div", {
+									}) : Object.entries(Te).map(([e, t]) => /* @__PURE__ */ y("div", {
 										className: "sf-table-panel-row",
 										children: [
 											/* @__PURE__ */ v("span", {
 												className: "min-w-0 flex-1 truncate",
-												children: Ze.get(e) ?? e
+												children: J.get(e) ?? e
 											}),
 											/* @__PURE__ */ v("select", {
 												value: t,
 												onChange: (t) => {
 													let n = t.target.value;
-													K.current = !0, Te((t) => ({
+													K.current = !0, G((t) => ({
 														...t,
 														[e]: n
 													}));
@@ -4859,7 +4859,7 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 											}),
 											/* @__PURE__ */ v("button", {
 												type: "button",
-												onClick: () => Te((t) => {
+												onClick: () => G((t) => {
 													K.current = !0;
 													let n = { ...t };
 													return delete n[e], n;
@@ -4875,40 +4875,40 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 					})]
 				})]
 			}),
-			N && ke && /* @__PURE__ */ v(or, {
-				open: ke,
-				onClose: () => Ae(!1),
-				columnsMeta: Xe,
-				headerLabelById: Ze,
-				columnTypeById: Qe,
-				columnFilters: ge,
+			N && Ae && /* @__PURE__ */ v(or, {
+				open: Ae,
+				onClose: () => je(!1),
+				columnsMeta: Qe,
+				headerLabelById: J,
+				columnTypeById: $e,
+				columnFilters: _e,
 				table: Y,
 				markUserEdit: () => {
 					K.current = !0;
 				}
 			}),
-			N && je && /* @__PURE__ */ v(sr, {
-				open: je,
-				onClose: () => Me(!1),
-				columnsMeta: Xe,
-				headerLabelById: Ze,
-				sorting: fe,
+			N && Me && /* @__PURE__ */ v(sr, {
+				open: Me,
+				onClose: () => Ne(!1),
+				columnsMeta: Qe,
+				headerLabelById: J,
+				sorting: pe,
 				table: Y,
 				markUserEdit: () => {
 					K.current = !0;
 				}
 			}),
 			/* @__PURE__ */ y("div", {
-				className: (0, X.default)(oe ? "sf-table--embedded w-full" : "sf-table-shell w-full", x),
+				className: (0, X.default)(se ? "sf-table--embedded w-full" : "sf-table-shell w-full", x),
 				children: [
-					!oe && /* @__PURE__ */ y("div", {
+					!se && /* @__PURE__ */ y("div", {
 						className: "sf-table-toolbar",
 						children: [/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h2", {
 							className: "sf-table-title",
 							children: C
-						}), Je != null && Je !== "" && /* @__PURE__ */ v("p", {
+						}), Xe != null && Xe !== "" && /* @__PURE__ */ v("p", {
 							className: "sf-table-subtitle",
-							children: Je
+							children: Xe
 						})] }), /* @__PURE__ */ y("div", {
 							className: "sf-table-toolbar-actions",
 							children: [
@@ -4938,7 +4938,7 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 										/* @__PURE__ */ v("button", {
 											type: "button",
 											onClick: () => {
-												Ae(!1), Me(!1), Oe(!0);
+												je(!1), Ne(!1), ke(!0);
 											},
 											"aria-label": "Abrir panel de tabla",
 											className: "sf-table-toolbar-btn",
@@ -4950,7 +4950,7 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 										l && /* @__PURE__ */ v("button", {
 											type: "button",
 											onClick: () => {
-												Oe(!1), Me(!1), Ae(!0);
+												ke(!1), Ne(!1), je(!0);
 											},
 											"aria-label": "Abrir panel de filtros",
 											className: "sf-table-toolbar-btn",
@@ -4962,7 +4962,7 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 										c && /* @__PURE__ */ v("button", {
 											type: "button",
 											onClick: () => {
-												Oe(!1), Ae(!1), Me(!0);
+												ke(!1), je(!1), Ne(!0);
 											},
 											"aria-label": "Abrir panel de ordenamiento",
 											className: "sf-table-toolbar-btn",
@@ -4974,40 +4974,40 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 									]
 								}),
 								l && /* @__PURE__ */ v("input", {
-									value: me,
+									value: he,
 									onChange: (e) => {
-										K.current = !0, he(e.target.value);
+										K.current = !0, ge(e.target.value);
 									},
-									placeholder: "Buscar...",
+									placeholder: oe,
 									className: "sf-table-search"
 								}),
-								s && J.length > 0 && /* @__PURE__ */ v("div", {
+								s && q.length > 0 && /* @__PURE__ */ v("div", {
 									className: "sf-table-group-hint",
 									children: "Agrupado"
 								}),
-								typeof F == "function" ? F(it, { clearSelection: () => Y.resetRowSelection() }) : F,
-								V && it.length > 0 && /* @__PURE__ */ y("div", {
+								typeof F == "function" ? F(at, { clearSelection: () => Y.resetRowSelection() }) : F,
+								V && at.length > 0 && /* @__PURE__ */ y("div", {
 									className: "flex items-center gap-2",
 									children: [(() => {
-										let e = U?.(it, { clearSelection: () => Y.resetRowSelection() }) ?? [];
+										let e = U?.(at, { clearSelection: () => Y.resetRowSelection() }) ?? [];
 										return e.length === 0 ? null : /* @__PURE__ */ y("div", {
 											className: "relative",
 											children: [/* @__PURE__ */ v("button", {
 												type: "button",
 												"aria-label": "Acciones",
 												className: "sf-table-row-action-trigger",
-												onClick: () => Ie((e) => !e),
+												onClick: () => Le((e) => !e),
 												children: /* @__PURE__ */ v(Hn, {
 													className: "h-4 w-4",
 													"aria-hidden": "true"
 												})
-											}), Fe && /* @__PURE__ */ v("div", {
+											}), Ie && /* @__PURE__ */ v("div", {
 												className: "sf-table-row-action-menu min-w-[12.5rem]",
 												children: e.map((e) => /* @__PURE__ */ y("button", {
 													type: "button",
 													disabled: e.disabled,
 													onClick: () => {
-														Ie(!1), e.onSelect(it, { clearSelection: () => Y.resetRowSelection() });
+														Le(!1), e.onSelect(at, { clearSelection: () => Y.resetRowSelection() });
 													},
 													children: [e.icon ? /* @__PURE__ */ v("span", {
 														className: "sf-table-row-action-menu__icon",
@@ -5019,7 +5019,7 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 												}, e.label))
 											})]
 										});
-									})(), re?.(it, { clearSelection: () => Y.resetRowSelection() })]
+									})(), re?.(at, { clearSelection: () => Y.resetRowSelection() })]
 								})
 							]
 						})]
@@ -5035,7 +5035,7 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 					}),
 					I != null && /* @__PURE__ */ v("div", {
 						className: "mb-3",
-						children: typeof I == "function" ? I(it, { clearSelection: () => Y.resetRowSelection() }) : I
+						children: typeof I == "function" ? I(at, { clearSelection: () => Y.resetRowSelection() }) : I
 					}),
 					/* @__PURE__ */ v("div", {
 						className: "min-h-0 flex-1",
@@ -5043,13 +5043,13 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 						children: /* @__PURE__ */ v("div", {
 							className: "sf-table-scroll h-full",
 							children: /* @__PURE__ */ y("table", {
-								className: (0, X.default)("sf-table min-w-max w-full border-collapse text-sm", Ye && "sf-table--brand-header"),
+								className: (0, X.default)("sf-table min-w-max w-full border-collapse text-sm", Ze && "sf-table--brand-header"),
 								children: [/* @__PURE__ */ v("thead", {
-									className: (0, X.default)(Ye && "sf-table__head--brand"),
+									className: (0, X.default)(Ze && "sf-table__head--brand"),
 									children: Y.getHeaderGroups().map((e) => /* @__PURE__ */ v("tr", { children: e.headers.map((e) => /* @__PURE__ */ v("th", {
 										colSpan: e.colSpan,
 										style: e.colSpan > 1 ? void 0 : { width: e.getSize() },
-										className: (0, X.default)(Ye && "sf-table__th--brand", e.column.id === "__actions" && "right-0 z-2"),
+										className: (0, X.default)(Ze && "sf-table__th--brand", e.column.id === "__actions" && "right-0 z-2"),
 										children: e.isPlaceholder ? null : /* @__PURE__ */ v("div", {
 											className: "flex items-center gap-2",
 											children: e.column.getCanSort() ? /* @__PURE__ */ y("button", {
@@ -5082,7 +5082,7 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 									className: "sf-table-empty",
 									children: S
 								}) }) : /* @__PURE__ */ v(_, { children: Y.getRowModel().rows.map((e) => {
-									let t = ze && !e.getIsGrouped() && Be(e.original) && Ve(e.id, e.original);
+									let t = Be && !e.getIsGrouped() && Ve(e.original) && He(e.id, e.original);
 									return /* @__PURE__ */ y(n, { children: [/* @__PURE__ */ v("tr", {
 										className: (0, X.default)("sf-table-row", e.getIsGrouped() && "sf-table-row--group", ne && !e.getIsGrouped() && "sf-table-row--clickable", t && "sf-table-row--detail-open"),
 										onClick: ne && !e.getIsGrouped() ? (t) => {
@@ -5110,7 +5110,7 @@ function _r({ id: e, stateStore: t, data: r, columns: i, grouping: a, defaultGro
 													]
 												}) : r ? (() => {
 													let e = t.column.id;
-													return we[e] == null ? null : T(t.column.columnDef.aggregatedCell ?? t.column.columnDef.cell, t.getContext());
+													return Te[e] == null ? null : T(t.column.columnDef.aggregatedCell ?? t.column.columnDef.cell, t.getContext());
 												})() : i ? null : T(t.column.columnDef.cell, t.getContext())
 											}, t.id);
 										})
@@ -5766,7 +5766,7 @@ var yr = (e) => {
 		"aria-label": i,
 		title: i,
 		className: "sf-row-action sf-row-action--delete",
-		children: /* @__PURE__ */ v(Ye, {
+		children: /* @__PURE__ */ v(Xe, {
 			className: "h-4 w-4",
 			"aria-hidden": "true"
 		})
@@ -5777,7 +5777,7 @@ var yr = (e) => {
 		type: "button",
 		variant: "outline",
 		loading: i,
-		icon: i ? void 0 : /* @__PURE__ */ v(qe, {
+		icon: i ? void 0 : /* @__PURE__ */ v(Je, {
 			className: "h-4 w-4",
 			"aria-hidden": "true"
 		}),
@@ -6198,7 +6198,7 @@ var yr = (e) => {
 						onClick: t,
 						"aria-label": "Cerrar",
 						className: "sf-modal-close",
-						children: /* @__PURE__ */ v(qe, {
+						children: /* @__PURE__ */ v(Je, {
 							className: "h-5 w-5",
 							"aria-hidden": "true"
 						})
@@ -6633,7 +6633,7 @@ var yr = (e) => {
 						onClick: t,
 						"aria-label": "Cerrar",
 						className: "sf-drawer__close",
-						children: /* @__PURE__ */ v(qe, {
+						children: /* @__PURE__ */ v(Je, {
 							className: "h-5 w-5",
 							"aria-hidden": "true"
 						})
@@ -6922,7 +6922,7 @@ var yr = (e) => {
 				onClick: r,
 				"aria-label": "Cerrar panel",
 				className: "sf-side-panel__close",
-				children: /* @__PURE__ */ v(qe, {
+				children: /* @__PURE__ */ v(Je, {
 					className: "h-4 w-4",
 					"aria-hidden": "true"
 				})
@@ -7548,7 +7548,7 @@ var yr = (e) => {
 				children: [
 					n && /* @__PURE__ */ y("div", {
 						className: "sf-maestro-layout__search",
-						children: [/* @__PURE__ */ v(Qe, {
+						children: [/* @__PURE__ */ v(J, {
 							className: "sf-maestro-layout__search-icon",
 							"aria-hidden": "true"
 						}), /* @__PURE__ */ v(Sa, {
@@ -7590,7 +7590,7 @@ var yr = (e) => {
 				left: `${12 + n / Math.max(e.length - 1, 1) * 76}%`,
 				top: n % 2 == 0 ? "38%" : "58%"
 			},
-			children: [/* @__PURE__ */ v(it, {}), /* @__PURE__ */ y("span", { children: [
+			children: [/* @__PURE__ */ v(Y, {}), /* @__PURE__ */ y("span", { children: [
 				t.order,
 				". ",
 				t.name
@@ -7677,7 +7677,7 @@ var yr = (e) => {
 									className: "sf-itinerary-editor__stop-remove",
 									"aria-label": `Eliminar parada ${e.name}`,
 									onClick: e.onRemove,
-									children: /* @__PURE__ */ v(Ye, { "aria-hidden": "true" })
+									children: /* @__PURE__ */ v(Xe, { "aria-hidden": "true" })
 								})]
 							})]
 						})
@@ -8648,7 +8648,7 @@ var yr = (e) => {
 					className: "sf-app-shell-default-topbar__icon-btn",
 					"aria-label": _.mode === "dark" ? "Cambiar a modo claro" : "Cambiar a modo oscuro",
 					onClick: _.onToggle,
-					children: _.mode === "dark" ? /* @__PURE__ */ v(Xe, { "aria-hidden": "true" }) : /* @__PURE__ */ v(nt, { "aria-hidden": "true" })
+					children: _.mode === "dark" ? /* @__PURE__ */ v(Ze, { "aria-hidden": "true" }) : /* @__PURE__ */ v(nt, { "aria-hidden": "true" })
 				}),
 				b && /* @__PURE__ */ v(ki, {
 					className: "sf-app-shell-default-topbar__notification",
@@ -9159,7 +9159,7 @@ var yr = (e) => {
 				onBlur: () => setTimeout(() => g(!1), 200)
 			}), /* @__PURE__ */ v("span", {
 				className: "sf-geocoder-icon",
-				children: o ? "..." : /* @__PURE__ */ v(Qe, {
+				children: o ? "..." : /* @__PURE__ */ v(J, {
 					"aria-hidden": "true",
 					className: "h-3.5 w-3.5"
 				})
@@ -9438,10 +9438,10 @@ var yr = (e) => {
 		children: u ? /* @__PURE__ */ v(be, {
 			width: "100%",
 			height: "100%",
-			children: n === "bar" ? /* @__PURE__ */ v(se, {
+			children: n === "bar" ? /* @__PURE__ */ v(W, {
 				data: e,
 				margin: d,
-				children: /* @__PURE__ */ v(W, {
+				children: /* @__PURE__ */ v(se, {
 					dataKey: t,
 					fill: l,
 					radius: [
@@ -9529,13 +9529,13 @@ var yr = (e) => {
 }, _s = {
 	comfortable: "mb-2",
 	compact: "mb-1"
-}, vs = ({ label: e, value: t, sublabel: n, icon: r, iconClassName: i, trend: a, trendLabel: o, trendDirection: s = "up-good", accentTone: c, progress: l, valueFormat: u, formatOptions: d, sparkline: f, layout: p = "stacked", variant: m = "default", size: h = "md", density: g = "comfortable", accentBar: _, iconStyle: b = "solid", labelWrap: x = !1, className: S, onClick: C }) => {
-	let w = a != null, T = w && a >= 0, E = w ? s === "neutral" ? null : s === "down-good" ? !T : T : null, D = l ? us(l.value, l.max) : null, O = l?.label ?? (D === null ? void 0 : `${Math.round(D)}%`), k = _ ?? p === "stacked", A = (e) => typeof e == "number" ? ls(u, d)(e) : e, j = !l && f && f.data.length > 0, M = (e) => {
+}, vs = ({ label: e, value: t, sublabel: n, icon: r, iconClassName: i, trend: a, trendLabel: o, trendDirection: s = "up-good", accentTone: c, progress: l, valueFormat: u, formatOptions: d, sparkline: f, layout: p = "stacked", variant: m = "default", size: h = "md", density: g = "comfortable", accentBar: _, iconStyle: b = "solid", labelWrap: x = !1, className: S, onClick: C, selected: w = !1, showChevron: T = !0 }) => {
+	let E = a != null, D = E && a >= 0, O = E ? s === "neutral" ? null : s === "down-good" ? !D : D : null, k = l ? us(l.value, l.max) : null, A = l?.label ?? (k === null ? void 0 : `${Math.round(k)}%`), j = _ ?? p === "stacked", M = (e) => typeof e == "number" ? ls(u, d)(e) : e, N = !l && f && f.data.length > 0, P = (e) => {
 		C && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), C());
-	}, N = D !== null && /* @__PURE__ */ y("div", {
+	}, F = k !== null && /* @__PURE__ */ y("div", {
 		className: "mt-2 flex items-center gap-2",
 		role: "progressbar",
-		"aria-valuenow": Math.round(D),
+		"aria-valuenow": Math.round(k),
 		"aria-valuemin": 0,
 		"aria-valuemax": 100,
 		children: [/* @__PURE__ */ v("div", {
@@ -9543,15 +9543,15 @@ var yr = (e) => {
 			children: /* @__PURE__ */ v("div", {
 				className: "h-full rounded-full transition-[width]",
 				style: {
-					width: `${D}%`,
+					width: `${k}%`,
 					backgroundColor: c ? ss[c] : "var(--sf-kpi-accent-slate)"
 				}
 			})
-		}), O && /* @__PURE__ */ v("span", {
+		}), A && /* @__PURE__ */ v("span", {
 			className: "shrink-0 text-xs font-semibold tabular-nums sf-card-muted",
-			children: O
+			children: A
 		})]
-	}), P = j && /* @__PURE__ */ v("div", {
+	}), I = N && /* @__PURE__ */ v("div", {
 		className: "mt-2",
 		children: /* @__PURE__ */ v(as, {
 			data: f.data,
@@ -9566,11 +9566,12 @@ var yr = (e) => {
 			color: a
 		} : { background: a };
 		return /* @__PURE__ */ y("div", {
-			className: (0, X.default)("sf-card flex items-center gap-3", fs[h], m === "filled" ? "sf-kpi-card--filled" : c && k && "sf-kpi-card", m !== "filled" && c && k && os[c], C && "sf-card--interactive", S),
+			className: (0, X.default)("sf-card flex items-center gap-3", fs[h], m === "filled" ? "sf-kpi-card--filled" : c && j && "sf-kpi-card", m !== "filled" && c && j && os[c], C && "sf-card--interactive", w && "sf-kpi-card--selected", S),
 			onClick: C,
-			onKeyDown: M,
+			onKeyDown: P,
 			role: C ? "button" : void 0,
 			tabIndex: C ? 0 : void 0,
+			"aria-pressed": C ? w : void 0,
 			children: [
 				r && /* @__PURE__ */ v("span", {
 					className: (0, X.default)("sf-kpi-tile", hs[h], b === "soft" && "sf-kpi-tile--soft", i),
@@ -9587,15 +9588,19 @@ var yr = (e) => {
 						}),
 						/* @__PURE__ */ v("p", {
 							className: (0, X.default)(ms[h], "font-bold tabular-nums sf-card-title"),
-							children: A(t)
+							children: M(t)
 						}),
-						D === null ? j ? P : n && /* @__PURE__ */ v("p", {
+						k === null ? N ? I : n && /* @__PURE__ */ v("p", {
 							className: "mt-1 text-xs sf-card-muted",
 							children: n
-						}) : N
+						}) : F,
+						w && /* @__PURE__ */ y("p", {
+							className: "sf-kpi-card__selected-hint",
+							children: [/* @__PURE__ */ v(vt, { "aria-hidden": "true" }), "Seleccionado"]
+						})
 					]
 				}),
-				C && /* @__PURE__ */ v("span", {
+				C && T && /* @__PURE__ */ v("span", {
 					className: "sf-kpi-chevron",
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ v(mt, {})
@@ -9604,9 +9609,9 @@ var yr = (e) => {
 		});
 	}
 	return /* @__PURE__ */ y("div", {
-		className: (0, X.default)("sf-card", ds[h], m === "filled" ? "sf-kpi-card--filled" : c && k && "sf-kpi-card", m !== "filled" && c && k && os[c], C && "sf-card--interactive", S),
+		className: (0, X.default)("sf-card", ds[h], m === "filled" ? "sf-kpi-card--filled" : c && j && "sf-kpi-card", m !== "filled" && c && j && os[c], C && "sf-card--interactive", S),
 		onClick: C,
-		onKeyDown: M,
+		onKeyDown: P,
 		role: C ? "button" : void 0,
 		tabIndex: C ? 0 : void 0,
 		children: [
@@ -9622,20 +9627,20 @@ var yr = (e) => {
 						className: (0, X.default)(x ? "sf-kpi-card__label--wrap" : "truncate", "text-sm font-medium sf-card-subtitle"),
 						children: e
 					})]
-				}), w && /* @__PURE__ */ y("span", {
-					className: (0, X.default)("flex shrink-0 items-center gap-0.5 text-xs font-semibold tabular-nums", E === null ? "text-[var(--sf-text-muted)]" : E ? "text-[var(--sf-success)]" : "text-[var(--sf-danger)]"),
+				}), E && /* @__PURE__ */ y("span", {
+					className: (0, X.default)("flex shrink-0 items-center gap-0.5 text-xs font-semibold tabular-nums", O === null ? "text-[var(--sf-text-muted)]" : O ? "text-[var(--sf-success)]" : "text-[var(--sf-danger)]"),
 					children: [/* @__PURE__ */ v("span", {
 						"aria-hidden": "true",
-						children: T ? "↑" : "↓"
+						children: D ? "↑" : "↓"
 					}), cs(a)]
 				})]
 			}),
 			/* @__PURE__ */ v("p", {
 				className: (0, X.default)(ps[h], "font-semibold tabular-nums sf-card-title truncate"),
 				title: typeof t == "string" ? t : void 0,
-				children: A(t)
+				children: M(t)
 			}),
-			D === null ? j && P : N,
+			k === null ? N && I : F,
 			(n || o) && /* @__PURE__ */ y("div", {
 				className: (0, X.default)("flex items-center justify-between gap-2", gs[g]),
 				children: [n && /* @__PURE__ */ v("span", {
@@ -10117,7 +10122,7 @@ var yr = (e) => {
 			className: "sf-tramo-card__apto",
 			children: /* @__PURE__ */ y("span", {
 				className: "sf-tramo-card__apto-badge",
-				children: [/* @__PURE__ */ v(Ze, {
+				children: [/* @__PURE__ */ v(Qe, {
 					size: 13,
 					"aria-hidden": "true"
 				}), i]
@@ -11190,7 +11195,7 @@ var yr = (e) => {
 					className: "sf-detail-side-panel__close",
 					onClick: t,
 					"aria-label": "Cerrar",
-					children: /* @__PURE__ */ v(qe, { "aria-hidden": "true" })
+					children: /* @__PURE__ */ v(Je, { "aria-hidden": "true" })
 				})]
 			}),
 			e && /* @__PURE__ */ v("h3", {
@@ -12173,7 +12178,7 @@ var yr = (e) => {
 			onClick: n,
 			"aria-label": "Pantalla completa",
 			title: "Pantalla completa",
-			children: /* @__PURE__ */ v(Y, { "aria-hidden": "true" })
+			children: /* @__PURE__ */ v(it, { "aria-hidden": "true" })
 		}),
 		r && /* @__PURE__ */ v("button", {
 			type: "button",
@@ -13856,7 +13861,7 @@ var yr = (e) => {
 		let n = e.parentId == null || e.parentId === "" ? null : e.parentId;
 		return n == null || !t.has(n);
 	});
-}, Nd = ({ type: e, className: t }) => v(e === "group" ? bt : e === "role" ? Je : J, {
+}, Nd = ({ type: e, className: t }) => v(e === "group" ? bt : e === "role" ? q : Ye, {
 	className: t,
 	"aria-hidden": "true"
 }), Pd = ({ nodes: e, title: t = "Estructura", subtitle: n, loading: r = !1, error: i = null, onRefresh: a, canEdit: o = !1, onAddNode: c, onEditNode: l, onDeleteNode: d, showLegend: f = !1, themes: g = Od, onRenderNode: _, maxHeight: b = 480, className: x }) => {
@@ -14016,7 +14021,7 @@ var yr = (e) => {
 										"aria-label": `Eliminar ${e.label}`,
 										onClick: () => d(e),
 										className: "sf-org-tree-row__action sf-org-tree-row__action--danger",
-										children: /* @__PURE__ */ v(Ye, { className: "h-3.5 w-3.5" })
+										children: /* @__PURE__ */ v(Xe, { className: "h-3.5 w-3.5" })
 									})]
 								})
 							]
@@ -14769,8 +14774,8 @@ var yr = (e) => {
 		style: es
 	}), { Root: z, renderSeries: B } = {
 		bar: {
-			Root: se,
-			renderSeries: () => r.map((e, t) => /* @__PURE__ */ v(W, {
+			Root: W,
+			renderSeries: () => r.map((e, t) => /* @__PURE__ */ v(se, {
 				dataKey: e.key,
 				name: e.label ?? e.key,
 				fill: Xo(e, t),