componenteszw-package 1.0.80 → 1.0.82

package/dist/index.js

@@ -56,7 +56,7 @@ var h = "-", g = (e) => {
 		nextPart: /* @__PURE__ */ new Map(),
 		validators: []
 	};
-	return w(Object.entries(e.classGroups), n).forEach(([e, n]) => {
+	return C(Object.entries(e.classGroups), n).forEach(([e, n]) => {
 		x(n, r, e, t);
 	}), r;
 }, x = (e, t, n, r) => {
@@ -67,7 +67,7 @@ var h = "-", g = (e) => {
 			return;
 		}
 		if (typeof e == "function") {
-			if (C(e)) {
+			if (ee(e)) {
 				x(e(r), t, n, r);
 				return;
 			}
@@ -89,7 +89,7 @@ var h = "-", g = (e) => {
 			validators: []
 		}), n = n.nextPart.get(e);
 	}), n;
-}, C = (e) => e.isThemeGetter, w = (e, t) => t ? e.map(([e, n]) => [e, n.map((e) => typeof e == "string" ? t + e : typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, n]) => [t + e, n])) : e)]) : e, T = (e) => {
+}, ee = (e) => e.isThemeGetter, C = (e, t) => t ? e.map(([e, n]) => [e, n.map((e) => typeof e == "string" ? t + e : typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, n]) => [t + e, n])) : e)]) : e, w = (e) => {
 	if (e < 1) return {
 		get: () => void 0,
 		set: () => {}
@@ -107,7 +107,7 @@ var h = "-", g = (e) => {
 			n.has(e) ? n.set(e, t) : i(e, t);
 		}
 	};
-}, E = "!", ee = (e) => {
+}, T = "!", E = (e) => {
 	let { separator: t, experimentalParseClassName: n } = e, r = t.length === 1, i = t[0], a = t.length, o = (e) => {
 		let n = [], o = 0, s = 0, c;
 		for (let l = 0; l < e.length; l++) {
@@ -124,7 +124,7 @@ var h = "-", g = (e) => {
 			}
 			u === "[" ? o++ : u === "]" && o--;
 		}
-		let l = n.length === 0 ? e : e.substring(s), u = l.startsWith(E);
+		let l = n.length === 0 ? e : e.substring(s), u = l.startsWith(T);
 		return {
 			modifiers: n,
 			hasImportantModifier: u,
@@ -143,8 +143,8 @@ var h = "-", g = (e) => {
 		e[0] === "[" ? (t.push(...n.sort(), e), n = []) : n.push(e);
 	}), t.push(...n.sort()), t;
 }, te = (e) => ({
-	cache: T(e.cacheSize),
-	parseClassName: ee(e),
+	cache: w(e.cacheSize),
+	parseClassName: E(e),
 	...g(e)
 }), ne = /\s+/, re = (e, t) => {
 	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i } = t, a = [], o = e.trim().split(ne), s = "";
@@ -161,7 +161,7 @@ var h = "-", g = (e) => {
 			}
 			f = !1;
 		}
-		let m = D(c).join(":"), h = l ? m + E : m, g = h + p;
+		let m = D(c).join(":"), h = l ? m + T : m, g = h + p;
 		if (a.includes(g)) continue;
 		a.push(g);
 		let _ = i(p, f);
@@ -214,17 +214,17 @@ var O = (e) => {
 	let r = se.exec(e);
 	return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
 }, Ee = (e) => ue.test(e) && !de.test(e), De = () => !1, Oe = (e) => fe.test(e), ke = (e) => pe.test(e), Ae = /* @__PURE__ */ oe(() => {
-	let e = O("colors"), t = O("spacing"), n = O("blur"), r = O("brightness"), i = O("borderColor"), a = O("borderRadius"), o = O("borderSpacing"), s = O("borderWidth"), c = O("contrast"), l = O("grayscale"), u = O("hueRotate"), d = O("invert"), f = O("gap"), p = O("gradientColorStops"), m = O("gradientColorStopPositions"), h = O("inset"), g = O("margin"), _ = O("opacity"), v = O("padding"), y = O("saturate"), b = O("scale"), x = O("sepia"), S = O("skew"), C = O("space"), w = O("translate"), T = () => [
+	let e = O("colors"), t = O("spacing"), n = O("blur"), r = O("brightness"), i = O("borderColor"), a = O("borderRadius"), o = O("borderSpacing"), s = O("borderWidth"), c = O("contrast"), l = O("grayscale"), u = O("hueRotate"), d = O("invert"), f = O("gap"), p = O("gradientColorStops"), m = O("gradientColorStopPositions"), h = O("inset"), g = O("margin"), _ = O("opacity"), v = O("padding"), y = O("saturate"), b = O("scale"), x = O("sepia"), S = O("skew"), ee = O("space"), C = O("translate"), w = () => [
 		"auto",
 		"contain",
 		"none"
-	], E = () => [
+	], T = () => [
 		"auto",
 		"hidden",
 		"clip",
 		"visible",
 		"scroll"
-	], ee = () => [
+	], E = () => [
 		"auto",
 		M,
 		t
@@ -321,8 +321,8 @@ var O = (e) => {
 			gap: D(),
 			gradientColorStops: [e],
 			gradientColorStopPositions: [_e, j],
-			inset: ee(),
-			margin: ee(),
+			inset: E(),
+			margin: E(),
 			opacity: k(),
 			padding: D(),
 			saturate: k(),
@@ -398,12 +398,12 @@ var O = (e) => {
 				"scale-down"
 			] }],
 			"object-position": [{ object: [...re(), M] }],
-			overflow: [{ overflow: E() }],
-			"overflow-x": [{ "overflow-x": E() }],
-			"overflow-y": [{ "overflow-y": E() }],
-			overscroll: [{ overscroll: T() }],
-			"overscroll-x": [{ "overscroll-x": T() }],
-			"overscroll-y": [{ "overscroll-y": T() }],
+			overflow: [{ overflow: T() }],
+			"overflow-x": [{ "overflow-x": T() }],
+			"overflow-y": [{ "overflow-y": T() }],
+			overscroll: [{ overscroll: w() }],
+			"overscroll-x": [{ "overscroll-x": w() }],
+			"overscroll-y": [{ "overscroll-y": w() }],
 			position: [
 				"static",
 				"fixed",
@@ -430,7 +430,7 @@ var O = (e) => {
 				ge,
 				M
 			] }],
-			basis: [{ basis: ee() }],
+			basis: [{ basis: E() }],
 			"flex-direction": [{ flex: [
 				"row",
 				"row-reverse",
@@ -569,9 +569,9 @@ var O = (e) => {
 			mr: [{ mr: [g] }],
 			mb: [{ mb: [g] }],
 			ml: [{ ml: [g] }],
-			"space-x": [{ "space-x": [C] }],
+			"space-x": [{ "space-x": [ee] }],
 			"space-x-reverse": ["space-x-reverse"],
-			"space-y": [{ "space-y": [C] }],
+			"space-y": [{ "space-y": [ee] }],
 			"space-y-reverse": ["space-y-reverse"],
 			w: [{ w: [
 				"auto",
@@ -966,8 +966,8 @@ var O = (e) => {
 			"scale-x": [{ "scale-x": [b] }],
 			"scale-y": [{ "scale-y": [b] }],
 			rotate: [{ rotate: [ge, M] }],
-			"translate-x": [{ "translate-x": [w] }],
-			"translate-y": [{ "translate-y": [w] }],
+			"translate-x": [{ "translate-x": [C] }],
+			"translate-y": [{ "translate-y": [C] }],
 			"skew-x": [{ "skew-x": [S] }],
 			"skew-y": [{ "skew-y": [S] }],
 			"transform-origin": [{ origin: [
@@ -27080,7 +27080,7 @@ var Pe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Fe = (e)
 	y1: "19",
 	y2: "19",
 	key: "q2wloq"
-}]]), UE = F("test-tube-diagonal", [
+}]]), Q = F("test-tube-diagonal", [
 	["path", {
 		d: "M21 7 6.82 21.18a2.83 2.83 0 0 1-3.99-.01a2.83 2.83 0 0 1 0-4L17 3",
 		key: "1ub6xw"
@@ -27093,7 +27093,7 @@ var Pe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Fe = (e)
 		d: "M12 16H4",
 		key: "1cjfip"
 	}]
-]), WE = F("test-tube", [
+]), UE = F("test-tube", [
 	["path", {
 		d: "M14.5 2v17.5c0 1.4-1.1 2.5-2.5 2.5c-1.4 0-2.5-1.1-2.5-2.5V2",
 		key: "125lnx"
@@ -27106,7 +27106,7 @@ var Pe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Fe = (e)
 		d: "M14.5 16h-5",
 		key: "1ox875"
 	}]
-]), GE = F("test-tubes", [
+]), WE = F("test-tubes", [
 	["path", {
 		d: "M9 2v17.5A2.5 2.5 0 0 1 6.5 22A2.5 2.5 0 0 1 4 19.5V2",
 		key: "1hjrqt"
@@ -27131,7 +27131,7 @@ var Pe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Fe = (e)
 		d: "M20 16h-5",
 		key: "ddnjpe"
 	}]
-]), KE = F("text-cursor-input", [
+]), GE = F("text-cursor-input", [
 	["path", {
 		d: "M12 20h-1a2 2 0 0 1-2-2 2 2 0 0 1-2 2H6",
 		key: "1528k5"
@@ -27152,7 +27152,7 @@ var Pe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Fe = (e)
 		d: "M9 6v12",
 		key: "velyjx"
 	}]
-]), qE = F("text-cursor", [
+]), KE = F("text-cursor", [
 	["path", {
 		d: "M17 22h-1a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4h1",
 		key: "uvaxm9"
@@ -27165,7 +27165,7 @@ var Pe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Fe = (e)
 		d: "M7 2h1a4 4 0 0 1 4 4v1",
 		key: "1uw06m"
 	}]
-]), JE = F("text-quote", [
+]), qE = F("text-quote", [
 	["path", {
 		d: "M17 6H3",
 		key: "16j9eg"
@@ -27182,7 +27182,7 @@ var Pe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Fe = (e)
 		d: "M3 12v6",
 		key: "fv4c87"
 	}]
-]), YE = F("text-search", [
+]), JE = F("text-search", [
 	["path", {
 		d: "M21 6H3",
 		key: "1jwq7v"
@@ -27205,7 +27205,7 @@ var Pe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Fe = (e)
 		d: "m21 19-1.9-1.9",
 		key: "dwi7p8"
 	}]
-]), Q = F("text-select", [
+]), YE = F("text-select", [
 	["path", {
 		d: "M14 21h1",
 		key: "v9vybs"
@@ -31557,15 +31557,15 @@ var Pe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Fe = (e)
 	Tent: () => VE,
 	TentTree: () => BE,
 	Terminal: () => HE,
-	TestTube: () => WE,
-	TestTubeDiagonal: () => UE,
-	TestTubes: () => GE,
+	TestTube: () => UE,
+	TestTubeDiagonal: () => Q,
+	TestTubes: () => WE,
 	Text: () => ZE,
-	TextCursor: () => qE,
-	TextCursorInput: () => KE,
-	TextQuote: () => JE,
-	TextSearch: () => YE,
-	TextSelect: () => Q,
+	TextCursor: () => KE,
+	TextCursorInput: () => GE,
+	TextQuote: () => qE,
+	TextSearch: () => JE,
+	TextSelect: () => YE,
 	Theater: () => XE,
 	Thermometer: () => eD,
 	ThermometerSnowflake: () => QE,
@@ -35306,17 +35306,17 @@ var Pe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Fe = (e)
 	LucideTentTree: () => BE,
 	LucideTerminal: () => HE,
 	LucideTerminalSquare: () => PT,
-	LucideTestTube: () => WE,
-	LucideTestTube2: () => UE,
-	LucideTestTubeDiagonal: () => UE,
-	LucideTestTubes: () => GE,
+	LucideTestTube: () => UE,
+	LucideTestTube2: () => Q,
+	LucideTestTubeDiagonal: () => Q,
+	LucideTestTubes: () => WE,
 	LucideText: () => ZE,
-	LucideTextCursor: () => qE,
-	LucideTextCursorInput: () => KE,
-	LucideTextQuote: () => JE,
-	LucideTextSearch: () => YE,
-	LucideTextSelect: () => Q,
-	LucideTextSelection: () => Q,
+	LucideTextCursor: () => KE,
+	LucideTextCursorInput: () => GE,
+	LucideTextQuote: () => qE,
+	LucideTextSearch: () => JE,
+	LucideTextSelect: () => YE,
+	LucideTextSelection: () => YE,
 	LucideTheater: () => XE,
 	LucideThermometer: () => eD,
 	LucideThermometerSnowflake: () => QE,
@@ -36703,28 +36703,28 @@ var Pe = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Fe = (e)
 	TerminalIcon: () => HE,
 	TerminalSquare: () => PT,
 	TerminalSquareIcon: () => PT,
-	TestTube: () => WE,
-	TestTube2: () => UE,
-	TestTube2Icon: () => UE,
-	TestTubeDiagonal: () => UE,
-	TestTubeDiagonalIcon: () => UE,
-	TestTubeIcon: () => WE,
-	TestTubes: () => GE,
-	TestTubesIcon: () => GE,
+	TestTube: () => UE,
+	TestTube2: () => Q,
+	TestTube2Icon: () => Q,
+	TestTubeDiagonal: () => Q,
+	TestTubeDiagonalIcon: () => Q,
+	TestTubeIcon: () => UE,
+	TestTubes: () => WE,
+	TestTubesIcon: () => WE,
 	Text: () => ZE,
-	TextCursor: () => qE,
-	TextCursorIcon: () => qE,
-	TextCursorInput: () => KE,
-	TextCursorInputIcon: () => KE,
+	TextCursor: () => KE,
+	TextCursorIcon: () => KE,
+	TextCursorInput: () => GE,
+	TextCursorInputIcon: () => GE,
 	TextIcon: () => ZE,
-	TextQuote: () => JE,
-	TextQuoteIcon: () => JE,
-	TextSearch: () => YE,
-	TextSearchIcon: () => YE,
-	TextSelect: () => Q,
-	TextSelectIcon: () => Q,
-	TextSelection: () => Q,
-	TextSelectionIcon: () => Q,
+	TextQuote: () => qE,
+	TextQuoteIcon: () => qE,
+	TextSearch: () => JE,
+	TextSearchIcon: () => JE,
+	TextSelect: () => YE,
+	TextSelectIcon: () => YE,
+	TextSelection: () => YE,
+	TextSelectionIcon: () => YE,
 	Theater: () => XE,
 	TheaterIcon: () => XE,
 	Thermometer: () => eD,
@@ -37270,7 +37270,7 @@ var Kk = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "def
 			/* @__PURE__ */ l("div", { className: P("w-6 h-6 rounded-md bg-gray-100 ml-6", a) })
 		] })
 	})
-}), Jk = ({ open: e, onClose: n, variant: r = "content", title: i, description: a, children: o, primaryAction: s, secondaryAction: c, size: d = "medium", closeOnOverlayClick: f = !0, closeOnEsc: p = !0, hideIcon: m = !1, className: h, overlayClassName: g, contentClassName: _, headerClassName: v, bodyClassName: y, footerClassName: b, iconClassName: x, titleClassName: S, descriptionClassName: C }) => {
+}), Jk = ({ open: e, onClose: n, variant: r = "content", title: i, description: a, children: o, primaryAction: s, secondaryAction: c, size: d = "medium", closeOnOverlayClick: f = !0, closeOnEsc: p = !0, hideIcon: m = !1, className: h, overlayClassName: g, contentClassName: _, headerClassName: v, bodyClassName: y, footerClassName: b, iconClassName: x, titleClassName: S, descriptionClassName: ee }) => {
 	if (t.useEffect(() => {
 		if (!e) return;
 		document.body.style.overflow = "hidden";
@@ -37285,11 +37285,11 @@ var Kk = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "def
 		p,
 		n
 	]), !e) return null;
-	let w = {
+	let C = {
 		small: "w-[360px]",
 		medium: "w-[480px]",
 		large: "w-[640px]"
-	}, T = {
+	}, w = {
 		success: {
 			icon: "✓",
 			bg: "bg-green-100",
@@ -37319,21 +37319,21 @@ var Kk = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "def
 				f && n();
 			}
 		}), /* @__PURE__ */ u("div", {
-			className: P("relative z-10 bg-white rounded-2xl shadow-2xl border border-gray-200 overflow-hidden animate-in fade-in zoom-in-95 duration-200", w[d], _),
+			className: P("relative z-10 bg-white rounded-2xl shadow-2xl border border-gray-200 overflow-hidden animate-in fade-in zoom-in-95 duration-200", C[d], _),
 			children: [
 				/* @__PURE__ */ u("div", {
 					className: P("px-6 pt-6 pb-4 text-center", v),
 					children: [
 						!m && /* @__PURE__ */ l("div", {
-							className: P("w-14 h-14 mx-auto mb-4 rounded-full flex items-center justify-center text-2xl font-bold", T.bg, T.text, x),
-							children: T.icon
+							className: P("w-14 h-14 mx-auto mb-4 rounded-full flex items-center justify-center text-2xl font-bold", w.bg, w.text, x),
+							children: w.icon
 						}),
 						/* @__PURE__ */ l("h2", {
 							className: P("text-lg font-semibold text-gray-900", S),
 							children: i
 						}),
 						a && /* @__PURE__ */ l("p", {
-							className: P("mt-2 text-sm text-gray-500", C),
+							className: P("mt-2 text-sm text-gray-500", ee),
 							children: a
 						})
 					]
@@ -37377,31 +37377,38 @@ var Kk = ({ title: e, subtitle: n, iconFile: r, loading: i = !1, state: a = "def
 	let t = Uk[e];
 	return t ? /* @__PURE__ */ l(t, { className: "w-4 h-4 shrink-0" }) : null;
 };
-function Zk({ columns: e, data: t, itemsPerPage: n = 5, title: r, className: d = "", titleAction: f, onActionClick: p }) {
-	let [m, h] = s(1), [g, _] = s({}), [v, y] = s(null), b = o(null), x = (e, t) => {
-		_((n) => ({
+function Zk({ columns: e, data: t, itemsPerPage: n = 5, title: r, className: d = "", titleAction: f, onActionClick: p, externalPagination: m }) {
+	let [h, g] = s(1), [_, v] = s({}), [y, b] = s(null), x = o(null), S = !!m, ee = (e, t) => {
+		v((n) => ({
 			...n,
 			[e]: t
-		})), h(1);
+		})), g(1);
 	};
 	i(() => {
 		let e = (e) => {
-			b.current && !b.current.contains(e.target) && y(null);
+			x.current && !x.current.contains(e.target) && b(null);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []);
-	let S = a(() => t.filter((t) => e.every((e) => {
-		let n = g[e.key]?.toLowerCase() || "";
+	let C = a(() => S ? t : t.filter((t) => e.every((e) => {
+		let n = _[e.key]?.toLowerCase() || "";
 		return n ? String(t[e.key]).toLowerCase().includes(n) : !0;
 	})), [
 		t,
-		g,
-		e
-	]), C = Math.max(1, Math.ceil(S.length / n)), w = (m - 1) * n, T = S.slice(w, w + n), E = (e) => {
-		e >= 1 && e <= C && h(e);
-	}, ee = (e, t) => {
-		y(null), e.onClick ? e.onClick(t) : p && p(e, t);
-	};
+		_,
+		e,
+		S
+	]), w = S ? m.currentPage : h, T = S ? m.lastPage : Math.max(1, Math.ceil(C.length / n)), E = (h - 1) * n, D = S ? t : C.slice(E, E + n), te = (e) => {
+		e < 1 || e > T || (S ? m.onPageChange(e) : g(e));
+	}, ne = (e, t) => {
+		b(null), e.onClick ? e.onClick(t) : p && p(e, t);
+	}, re = () => {
+		if (T <= 7) return Array.from({ length: T }, (e, t) => t + 1);
+		let e = [];
+		e.push(1), w > 3 && e.push("...");
+		for (let t = Math.max(2, w - 1); t <= Math.min(T - 1, w + 1); t++) e.push(t);
+		return w < T - 2 && e.push("..."), e.push(T), e;
+	}, ie = S ? m.total : C.length;
 	return /* @__PURE__ */ l("div", {
 		className: `w-full p-4 ${d}`,
 		children: /* @__PURE__ */ u("div", {
@@ -37443,8 +37450,8 @@ function Zk({ columns: e, data: t, itemsPerPage: n = 5, title: r, className: d =
 									children: /* @__PURE__ */ l("input", {
 										type: "text",
 										placeholder: "",
-										value: g[e.key] || "",
-										onChange: (t) => x(e.key, t.target.value),
+										value: _[e.key] || "",
+										onChange: (t) => ee(e.key, t.target.value),
 										style: {
 											outline: "none",
 											boxShadow: "none"
@@ -37454,12 +37461,12 @@ function Zk({ columns: e, data: t, itemsPerPage: n = 5, title: r, className: d =
 								}, e.key)), /* @__PURE__ */ l("th", {})]
 							})
 						]
-					}), /* @__PURE__ */ l("tbody", { children: T.length === 0 ? /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l("td", {
+					}), /* @__PURE__ */ l("tbody", { children: D.length === 0 ? /* @__PURE__ */ l("tr", { children: /* @__PURE__ */ l("td", {
 						colSpan: e.length + 1,
 						className: "p-4 text-center text-sm text-gray-500",
 						children: "No hay resultados"
-					}) }) : T.map((t, n) => {
-						let r = w + n, i = Array.isArray(t.actions) && t.actions.length > 0, a = n >= T.length - 2;
+					}) }) : D.map((t, n) => {
+						let r = S ? n : E + n, i = Array.isArray(t.actions) && t.actions.length > 0, a = n >= D.length - 2;
 						return /* @__PURE__ */ u("tr", {
 							className: "border-t border-gray-100 hover:bg-gray-50 transition",
 							children: [e.map((e) => /* @__PURE__ */ l("td", {
@@ -37469,16 +37476,16 @@ function Zk({ columns: e, data: t, itemsPerPage: n = 5, title: r, className: d =
 								className: "p-3 text-right relative",
 								children: i && /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l("button", {
 									type: "button",
-									onClick: () => y(v === r ? null : r),
+									onClick: () => b(y === r ? null : r),
 									className: "px-2 py-1 rounded hover:bg-gray-200 transition cursor-pointer text-gray-400 hover:text-gray-600",
 									"aria-label": "Acciones",
 									children: "•••"
-								}), v === r && /* @__PURE__ */ l("div", {
-									ref: b,
+								}), y === r && /* @__PURE__ */ l("div", {
+									ref: x,
 									className: `absolute right-3 z-50 min-w-[160px] bg-white border border-gray-200 rounded-lg shadow-lg py-1 ${a ? "bottom-full mb-1" : "top-full mt-1"}`,
 									children: t.actions.filter((e) => e.isActive !== !1).map((e, n) => /* @__PURE__ */ u("button", {
 										type: "button",
-										onClick: () => ee(e, t),
+										onClick: () => ne(e, t),
 										className: "w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 transition cursor-pointer flex items-center gap-2",
 										children: [Xk(e.icon), /* @__PURE__ */ l("span", { children: e.descripcion })]
 									}, n))
@@ -37491,42 +37498,36 @@ function Zk({ columns: e, data: t, itemsPerPage: n = 5, title: r, className: d =
 				className: "flex items-center justify-between p-3 text-sm border-t border-gray-200",
 				children: [/* @__PURE__ */ u("span", { children: [
 					"Mostrando ",
-					T.length,
+					D.length,
 					" de ",
-					S.length,
+					ie,
 					" resultados"
 				] }), /* @__PURE__ */ u("div", {
 					className: "flex gap-1 items-center",
 					children: [
 						/* @__PURE__ */ l("button", {
-							onClick: () => E(m - 1),
+							onClick: () => te(w - 1),
 							className: "w-8 h-8 flex items-center justify-center rounded-md border border-gray-200 text-gray-500 disabled:opacity-40 hover:bg-gray-50",
-							disabled: m === 1,
+							disabled: w === 1,
 							children: "‹"
 						}),
-						(() => {
-							if (C <= 7) return Array.from({ length: C }, (e, t) => t + 1);
-							let e = [];
-							e.push(1), m > 3 && e.push("...");
-							for (let t = Math.max(2, m - 1); t <= Math.min(C - 1, m + 1); t++) e.push(t);
-							return m < C - 2 && e.push("..."), e.push(C), e;
-						})().map((e, t) => e === "..." ? /* @__PURE__ */ l("span", {
+						re().map((e, t) => e === "..." ? /* @__PURE__ */ l("span", {
 							className: "w-8 h-8 flex items-center justify-center text-gray-400 text-sm",
 							children: "…"
 						}, `ellipsis-${t}`) : /* @__PURE__ */ l("button", {
-							onClick: () => E(e),
+							onClick: () => te(e),
 							className: "w-8 h-8 flex items-center justify-center rounded-md text-sm font-medium",
 							style: {
-								backgroundColor: m === e ? "#0B3564" : "transparent",
-								color: m === e ? "#ffffff" : "#374151",
-								border: m === e ? "none" : "1px solid #E5E7EB"
+								backgroundColor: w === e ? "#0B3564" : "transparent",
+								color: w === e ? "#ffffff" : "#374151",
+								border: w === e ? "none" : "1px solid #E5E7EB"
 							},
 							children: e
 						}, e)),
 						/* @__PURE__ */ l("button", {
-							onClick: () => E(m + 1),
+							onClick: () => te(w + 1),
 							className: "w-8 h-8 flex items-center justify-center rounded-md border border-gray-200 text-gray-500 disabled:opacity-40 hover:bg-gray-50",
-							disabled: m === C,
+							disabled: w === T,
 							children: "›"
 						})
 					]
@@ -37538,22 +37539,22 @@ function Zk({ columns: e, data: t, itemsPerPage: n = 5, title: r, className: d =
 //#endregion
 //#region src/Select.tsx
 var Qk = ({ options: e, multiple: t = !1, placeholder: n = "Select...", label: r, required: a, hint: c, value: d, onChange: f, className: p, triggerClassName: m, dropdownClassName: h, optionClassName: g, labelClassName: _, hintClassName: v, searchClassName: y }) => {
-	let [b, x] = s(!1), [S, C] = s(""), w = o(null), T = (e) => t && Array.isArray(d) ? d.includes(e) : d === e, E = (e) => {
+	let [b, x] = s(!1), [S, ee] = s(""), C = o(null), w = (e) => t && Array.isArray(d) ? d.includes(e) : d === e, T = (e) => {
 		if (t) {
 			let t = Array.isArray(d) ? [...d] : [];
 			t.includes(e) ? t = t.filter((t) => t !== e) : t.push(e), f?.(t);
 		} else f?.(e), x(!1);
-	}, ee = (e) => {
+	}, E = (e) => {
 		!t || !Array.isArray(d) || f?.(d.filter((t) => t !== e));
 	}, D = e.filter((e) => e.label.toLowerCase().includes(S.toLowerCase()));
 	return i(() => {
 		let e = (e) => {
-			w.current?.contains(e.target) || x(!1);
+			C.current?.contains(e.target) || x(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []), /* @__PURE__ */ u("div", {
 		className: P("w-[300px] text-sm", p),
-		ref: w,
+		ref: C,
 		children: [
 			r && /* @__PURE__ */ u("label", {
 				className: P("block mb-1 font-medium", _),
@@ -37573,7 +37574,7 @@ var Qk = ({ options: e, multiple: t = !1, placeholder: n = "Select...", label: r
 					className: "bg-gray-200 px-2 py-1 rounded flex items-center gap-1",
 					children: [e.find((e) => e.value === t)?.label, /* @__PURE__ */ l("button", {
 						onClick: (e) => {
-							e.stopPropagation(), ee(t);
+							e.stopPropagation(), E(t);
 						},
 						children: "×"
 					})]
@@ -37592,20 +37593,20 @@ var Qk = ({ options: e, multiple: t = !1, placeholder: n = "Select...", label: r
 					placeholder: "Buscar...",
 					className: P("w-full border px-2 py-1 mb-2 rounded", y),
 					value: S,
-					onChange: (e) => C(e.target.value)
+					onChange: (e) => ee(e.target.value)
 				}), /* @__PURE__ */ l("div", {
 					className: "max-h-40 overflow-auto",
 					children: D.map((e) => /* @__PURE__ */ u("div", {
 						className: P("flex items-center gap-2 px-2 py-1 hover:bg-gray-100 cursor-pointer", g),
-						onClick: () => E(e.value),
+						onClick: () => T(e.value),
 						children: [
 							t && /* @__PURE__ */ l("input", {
 								type: "checkbox",
-								checked: T(e.value),
+								checked: w(e.value),
 								readOnly: !0
 							}),
 							/* @__PURE__ */ l("span", { children: e.label }),
-							!t && T(e.value) && /* @__PURE__ */ l("span", {
+							!t && w(e.value) && /* @__PURE__ */ l("span", {
 								className: "ml-auto",
 								children: "✔"
 							})

package/dist/table.d.ts

@@ -18,6 +18,13 @@ type DataRow = {
     [key: string]: any;
     actions?: RowAction[];
 };
+type ExternalPagination = {
+    currentPage: number;
+    lastPage: number;
+    total: number;
+    perPage: number;
+    onPageChange: (page: number) => void;
+};
 type TableProps = {
     columns: Column[];
     data: DataRow[];
@@ -26,6 +33,7 @@ type TableProps = {
     className?: string;
     titleAction?: React.ReactNode;
     onActionClick?: (action: RowAction, row: DataRow) => void;
+    externalPagination?: ExternalPagination;
 };
-export declare function Table({ columns, data, itemsPerPage, title, className, titleAction, onActionClick, }: TableProps): import("react/jsx-runtime").JSX.Element;
+export declare function Table({ columns, data, itemsPerPage, title, className, titleAction, onActionClick, externalPagination, }: TableProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "componenteszw-package",
-  "version": "1.0.80",
+  "version": "1.0.82",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",